/* Páginas suíças do Youpy (guias, ferramentas, comparativos). Usa os tokens de style.css. */
.ys{padding-bottom:40px}
.ys-crumbs ol{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:8px 0 0;padding:0;font-size:13px;color:var(--muted)}
.ys-crumbs li+li:before{content:"›";margin-right:6px}
.ys-crumbs a:hover{color:#27775a}
.ys-hero{padding-top:34px;padding-bottom:20px;max-width:980px;margin-left:0}
.ys-hero .eyebrow{margin-bottom:18px;color:#397f58}
.ys-hero h1{font-size:clamp(38px,5vw,64px);margin-bottom:22px;overflow-wrap:anywhere;hyphens:auto}
.ys-lead{font-size:18px;line-height:1.65;color:#2f4a40;max-width:760px}
.ys-updated,.ys-langs{font-size:13px;color:var(--muted);margin:14px 0 0}
.ys-langs a{font-weight:600;text-decoration:underline;text-underline-offset:3px}
.ys-body{max-width:980px;margin-left:0}
.ys-body article{max-width:760px}
.ys-section{margin-top:52px}
.ys-section h2{font-size:clamp(26px,3vw,36px);letter-spacing:-.035em;margin-bottom:16px}
.ys-section p{font-size:16px;line-height:1.7;color:#35514a;max-width:760px}
.ys-bullets{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:10px}
.ys-bullets li{position:relative;padding-left:30px;font-size:16px;line-height:1.6}
.ys-bullets li:before{content:"";position:absolute;left:2px;top:.45em;width:16px;height:16px;border-radius:50%;background:var(--green);box-shadow:inset 0 0 0 4px #e9f8d7}
.ys-table{overflow-x:auto;margin-top:16px;border:1px solid var(--line);border-radius:16px;background:#fff}
.ys-table table{white-space:normal}
.ys-table th{font-size:12px;font-weight:600;color:var(--ink);padding:12px 16px;background:#f0f4e9}
.ys-table td{font-size:14px;padding:12px 16px;font-weight:400}
.ys-table td:first-child{font-weight:600}
.ys-cards{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.ys-card{display:flex;flex-direction:column;gap:8px;height:100%;padding:20px 22px;border:1px solid var(--line);border-radius:18px;background:#fff;transition:transform .16s,border-color .16s}
.ys-card:hover{transform:translateY(-3px);border-color:#9fc98e}
.ys-card strong{font-size:17px;letter-spacing:-.01em}
.ys-card span{font-size:14px;line-height:1.55;color:var(--muted)}
.ys-card--hub{background:var(--green);border-color:transparent}
.ys-card--hub span{color:var(--ink)}
.ys-links{padding-left:20px;display:grid;gap:8px;font-size:15px}
.ys-links a{text-decoration:underline;text-underline-offset:3px}
.ys-sources ul{padding-left:20px;display:grid;gap:6px;font-size:14px}
.ys-sources a{text-decoration:underline;text-underline-offset:3px}
.ys-disclaimer{margin-top:28px;padding:14px 18px;border-radius:14px;background:#f0f4e9;font-size:13px;line-height:1.6;color:var(--muted);max-width:760px}
.ys .detail-faq details{border-bottom:1px solid var(--line);padding:4px 0}
.ys .detail-faq summary{cursor:pointer;font-weight:600;padding:14px 0;font-size:16px;min-height:44px}
.ys .detail-faq details p{font-size:15px;line-height:1.65;color:#35514a}
.ys-tool{margin-top:10px;margin-bottom:10px;padding-top:30px;padding-bottom:30px;border-radius:26px;background:var(--mint);max-width:1100px;margin-left:56px}
.ys-tool h2{font-size:clamp(24px,2.6vw,32px);letter-spacing:-.03em;margin-bottom:14px}
.ys-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin-top:6px}
.ys-field{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;min-width:0;border:0;padding:0;margin:0}
.ys-field input,.ys-field select{min-height:48px;width:100%;padding:10px 14px;border:1px solid #b8c7b7;border-radius:12px;background:#fff;color:var(--ink);font-size:15px;font-weight:400}
.ys-radios legend{padding:0;margin-bottom:6px}
.ys-radios label{display:flex;align-items:center;gap:8px;min-height:36px;font-weight:400;font-size:14px}
.ys-radios input{width:18px;height:18px;accent-color:var(--ink)}
.ys-result{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:20px 0 6px}
.ys-result div{padding:14px 16px;border-radius:14px;background:#fff}
.ys-result dt{font-size:12px;color:var(--muted);font-weight:600}
.ys-result dd{margin:4px 0 0;font-size:24px;font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.ys-result dd small{font-size:12px;color:var(--muted);font-weight:400}
.ys-result .ys-main{background:var(--ink);color:#fff}
.ys-result .ys-main dt,.ys-result .ys-main dd small{color:#cfe3d6}
.ys-note,.ys-muted{font-size:13px;line-height:1.6;color:var(--muted);margin:10px 0 0}
.ys-output{white-space:pre-wrap;font:15px/1.6 Outfit,Arial,sans-serif;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 18px;margin:18px 0 12px;min-height:120px}
.ys-cta{margin-top:70px;padding-top:44px;padding-bottom:44px;border-radius:26px;background:var(--green);max-width:1248px}
.ys-cta h2{font-size:clamp(28px,3.4vw,44px);margin-bottom:12px}
.ys-cta p{font-size:16px;line-height:1.6;max-width:640px}
.ys-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.ys-landing .ys-cards{margin-bottom:18px}
@media(max-width:1150px){.ys-tool{margin-left:32px;margin-right:32px}}
@media(max-width:600px){.ys-tool{margin-left:22px;margin-right:22px;padding-left:18px;padding-right:18px}.ys-cta{margin-left:22px;margin-right:22px;padding-left:22px;padding-right:22px}.ys-hero{padding-top:20px}.ys-lead{font-size:16px}.ys-result dd{font-size:20px}}
@media(prefers-reduced-motion:reduce){.ys-card{transition:none}.ys-card:hover{transform:none}}
.ys-world{list-style:none;padding:0;margin:10px 0 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}
.ys-world li{display:flex;flex-direction:column;gap:4px;padding:14px 18px;border:1px solid var(--line);border-radius:16px;background:#fff}
.ys-world span{font-size:14px;color:var(--muted)}
.ys-world a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}