/* Ostajan opas: käyttää sivuston nykyisiä värejä ja fonttia. Kaikki sisältö näkyy ilman JavaScriptiä. */
.opas-hero{padding-top:40px;padding-bottom:64px;border-bottom:1px solid var(--line)}
.opas-crumb{display:flex;flex-wrap:wrap;gap:12px;font-size:13px;color:var(--muted);margin-bottom:52px}.opas-crumb a{text-underline-offset:4px}
.opas-hero h1{font-size:clamp(36px,5.1vw,70px);line-height:1.08;max-width:1050px;overflow-wrap:break-word}
.opas-intro{font-size:clamp(18px,1.8vw,23px);line-height:1.6;color:var(--muted);max-width:760px;margin-top:26px}
.opas-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:30px}.opas-meta{font-size:13px;color:var(--muted);margin-top:30px}
.opas-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:clamp(32px,6vw,96px);padding-top:54px;padding-bottom:96px;align-items:start}
.opas-sidebar{position:sticky;top:88px;font-size:14px;line-height:1.5}.opas-sidebar nav>p{font-weight:650;margin-bottom:14px}.opas-sidebar ol{display:grid;gap:4px}.opas-sidebar a{display:block;padding:8px 0;color:var(--muted);text-decoration:none}.opas-sidebar a:hover{color:var(--blue);text-decoration:underline;text-underline-offset:4px}
.opas-body{max-width:800px;min-width:0}.opas-section{scroll-margin-top:96px;margin-bottom:64px;padding-bottom:64px;border-bottom:1px solid var(--line)}.opas-number{display:block;color:var(--blue);font-size:13px;font-weight:650;margin-bottom:14px}
.opas h2{font-size:clamp(27px,3vw,39px);line-height:1.13;margin-bottom:24px}.opas-body p{margin-top:18px;line-height:1.8;color:var(--muted)}.opas-body h3{margin-top:28px}.opas-body a{color:var(--blue);text-underline-offset:4px}.opas-body .btn{color:#fff}.opas-body .btn--ghost{color:var(--ink)}
.opas-note{padding:26px 28px;background:var(--tint);border-left:3px solid var(--blue);margin-top:28px}.opas-note p{margin-top:7px}.opas-note strong{font-size:18px}
.opas-examples>div{padding:24px 0;border-bottom:1px solid var(--line)}.opas-examples>div:last-child{border-bottom:0}.opas-examples dt{font-size:19px;font-weight:650;margin-bottom:8px}.opas-examples dd{color:var(--muted);line-height:1.8}
.opas-dialog{display:grid;gap:14px;margin:28px 0;padding:24px;background:var(--bg-2);border:1px solid var(--line);border-radius:20px}.opas-dialog li{padding:18px 20px;background:#fff;border-radius:14px}.opas-dialog li:nth-child(even){background:var(--tint)}.opas-dialog span{font-size:12px;font-weight:650;color:var(--blue)}.opas-dialog p{margin-top:6px;color:var(--ink);font-size:16px;line-height:1.7}
.opas-table{margin-top:28px;overflow-x:auto;border:1px solid var(--line);border-radius:14px}table{border-collapse:collapse;width:100%;text-align:left}caption{text-align:left;padding:18px 20px;background:var(--bg-2);font-size:14px;font-weight:650}th,td{padding:18px 20px;border-bottom:1px solid var(--line);font-size:15px}thead th{font-weight:500;color:var(--muted)}tbody tr:last-child>*{border-bottom:0}.opas-small{font-size:14px}
.opas-steps{counter-reset:step;margin-top:26px}.opas-steps li{counter-increment:step;padding:0 0 28px 50px;position:relative}.opas-steps li:before{content:counter(step);position:absolute;left:0;top:0;width:30px;height:30px;border-radius:50%;background:var(--tint);color:var(--blue);font-size:14px;font-weight:650;display:grid;place-items:center}.opas-steps h3{margin-top:0;font-size:18px}.opas-steps p{margin-top:8px}
.opas-list{display:grid;gap:22px;padding-left:21px;list-style:disc;color:var(--muted);line-height:1.8}.opas-list strong{color:var(--ink)}
.opas-faq details{border-top:1px solid var(--line);padding:20px 0}.opas-faq details:last-child{border-bottom:1px solid var(--line)}.opas-faq summary{font-size:18px;font-weight:600;line-height:1.5;cursor:pointer;padding-right:12px}.opas-faq details p{padding-left:18px}.opas-faq summary::marker{color:var(--blue)}
.opas-cta{border-radius:24px;padding:36px;background:var(--bg-2)}.opas-cta h2{margin-bottom:0}.opas-cta .eyebrow{color:var(--blue);margin-top:0}.opas-cta .opas-actions a{min-height:48px}
@media(max-width:980px){.opas-layout{grid-template-columns:1fr;gap:40px}.opas-sidebar{position:static;border-bottom:1px solid var(--line);padding-bottom:28px}.opas-sidebar ol{grid-template-columns:1fr 1fr;column-gap:24px}.opas-body{max-width:100%}}
@media(max-width:600px){.opas-hero{padding-top:24px;padding-bottom:40px}.opas-crumb{margin-bottom:32px}.opas-hero h1{font-size:clamp(30px,8.3vw,45px);letter-spacing:-.045em}.opas-layout{padding-top:30px;padding-bottom:56px}.opas-sidebar ol{grid-template-columns:1fr}.opas-section{margin-bottom:40px;padding-bottom:40px}.opas-dialog{padding:14px}.opas-dialog li{padding:15px}.opas-note{padding:20px}.opas-actions{gap:16px}.opas-cta{padding:24px}.opas-cta .btn{width:100%;white-space:normal}th,td{padding:14px 10px;font-size:13px}caption{padding:14px 10px}.opas-steps li{padding-left:42px}.opas-body p,.opas-examples dd,.opas-list{font-size:16px}}
/* Kapeassa yläpalkissa yhteydenottolinkki löytyy valikosta ja oppaan lopusta. */
@media(max-width:380px){.opas-page .site-header__in>.btn{display:none}.opas-page .site-header__in{gap:16px}.opas-page .nav-toggle{margin-left:auto}}