.header nav [aria-current]{color:var(--deep)}
.k-crumb{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding-top:20px;font-size:12px;color:#42606c}
.k-crumb a{text-decoration:underline;text-underline-offset:3px}
.k-mast{background:#243138;color:#fff}
.k-mast .k-crumb,.k-mast .eyebrow{color:#c2dce4}
.hub-title{display:grid;grid-template-columns:1.1fr .9fr;align-items:end;gap:clamp(27px,7vw,112px);padding:clamp(27px,3vw,47px) 0 clamp(36px,4vw,65px)}
.hub-title h1,.guide-titles h1{font-size:clamp(58px,6.15vw,92px);line-height:1.035;letter-spacing:-.066em;margin:13px 0 0}
.hub-title h1 span,.guide-titles h1 span{color:var(--blue)}
.hub-title>p{max-width:465px;color:#d8e5ea;font-size:clamp(16px,1.4vw,21px);line-height:1.5;letter-spacing:-.025em}
.feature-wrap{padding-top:clamp(29px,4vw,64px)}
.k-feature{display:grid;grid-template-columns:1.1fr .9fr;align-items:stretch;border:1px solid #c6d9e1;background:#f5fafb;border-radius:4px;overflow:hidden}
.feature-figure{display:grid;align-content:center;min-width:0;background:#f0f6f8;border-right:1px solid #c6d9e1}
.feature-figure img,.guide-figure img{display:block;width:100%;height:auto}
.feature-copy{align-self:center;padding:clamp(22px,2.8vw,44px)}
.feature-copy h2,.hub-section-title h2,.guide-prose h2{font-size:clamp(34px,3.7vw,56px);letter-spacing:-.055em;line-height:1.075;margin:13px 0}
.feature-copy p:not(.eyebrow){font-size:16px;line-height:1.57;color:var(--body)}
.feature-copy .btn{margin-top:19px}
.hub-resources{display:grid;grid-template-columns:.78fr 1.22fr;gap:clamp(25px,7vw,114px);padding-block:clamp(51px,6vw,96px)}
.hub-list,.reading-list{list-style:none;padding:0;margin:0;border-top:1px solid #bfd2da}
.hub-list li,.reading-list li{border-bottom:1px solid #cddde3}
.hub-list a{display:grid;grid-template-columns:27px 1fr 18px;align-items:start;gap:12px;padding:17px 0}
.hub-num{font:600 10px/1.4 Sora,Inter,sans-serif;color:var(--deep);padding-top:5px}
.hub-list small,.reading-list small{font:550 10px/1.5 Sora,Inter,sans-serif;color:#426474;letter-spacing:.065em;text-transform:uppercase}
.hub-list strong,.reading-list strong{display:block;font-size:clamp(17px,1.45vw,22px);font-weight:580;letter-spacing:-.034em;line-height:1.3;margin:3px 0 4px}
.hub-list a>span>span,.reading-list a>span>span{display:block;font-size:14px;line-height:1.52;color:#4c626d}
.hub-list svg,.reading-list svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;align-self:center}
.hub-list a:hover strong,.reading-list a:hover strong,.contents a:hover{color:var(--deep)}
.guide-head{background:linear-gradient(110deg,#eff7f9 10%,#f8fcfc);border-bottom:1px solid #cbdce2}
.guide-titles{max-width:1000px;padding:clamp(25px,3.2vw,48px) 0 clamp(32px,4vw,62px)}
.guide-titles h1{font-size:clamp(50px,4.7vw,74px);line-height:1.06;margin:15px 0}
.guide-titles h1 br:first-child{display:initial}
.guide-deck{font-size:clamp(17px,1.5vw,22px);line-height:1.53;letter-spacing:-.025em;max-width:770px;color:#3a5562}
.article-meta{display:flex;align-items:center;gap:9px;font-size:12px;color:#4c6370;margin-top:20px}.article-meta i{width:3px;height:3px;border-radius:50%;background:#678590}
.guide-body{display:grid;grid-template-columns:minmax(170px,.4fr) minmax(0,1.25fr);align-items:start;gap:clamp(34px,6.3vw,95px);max-width:1170px;padding-block:clamp(37px,4.8vw,75px)}
.contents{position:sticky;top:22px;border-top:3px solid #52b5d8;display:flex;flex-direction:column;align-items:stretch}
.contents .micro{margin:13px 0 6px;color:#345968}
.contents a{font-size:13px;line-height:1.45;font-weight:520;padding:9px 0;border-bottom:1px solid #d6e2e6;color:#354f5b}
.guide-prose{min-width:0}
.guide-prose section+section{margin-top:clamp(34px,3.6vw,55px);padding-top:clamp(30px,3vw,44px);border-top:1px solid #c9dbe2}
.guide-prose h2{font-size:clamp(32px,2.9vw,45px);margin:10px 0 14px}
.guide-prose section>p:not(.eyebrow){max-width:730px;margin:10px 0;font-size:clamp(15px,1.14vw,17px);line-height:1.65;color:#3a515e}
.guide-prose p strong,.review-list strong{font-weight:640;color:#273d47}
.guide-figure{border:1px solid #c3d7df;border-radius:3px;overflow:hidden;margin:19px 0 0}
.guide-figure img{max-height:345px;object-fit:contain;background:#f0f6f8}
.guide-figure figcaption{padding:10px 14px;border-top:1px solid #cddde3;color:#4c6673;font-size:12px}
.k-compare{border-collapse:collapse;width:100%;text-align:left;font-size:14px;line-height:1.55;margin:19px 0 14px}
.k-hidden{position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.k-compare thead th{background:#273841;color:white;padding:12px;font-size:12px;font-weight:560}
.k-compare tbody th,.k-compare td{vertical-align:top;border-bottom:1px solid #c3d7e0;padding:13px 12px}
.k-compare tbody th{width:23%;font-weight:600;color:#294958}.k-compare td{width:38.5%;color:#3b515d}
.k-compare tbody tr:nth-child(odd)>*{background:#f0f6f8}
.guide-prose section>.guide-note{border-left:3px solid var(--blue);padding:3px 0 3px 14px;font-size:14px}
.examples{border-top:1px solid #c3d7de;margin-top:16px}
.examples details{border-bottom:1px solid #c3d7de}
.examples summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 0;font-weight:580;letter-spacing:-.026em;list-style:none;font-size:clamp(17px,1.35vw,21px)}
.examples summary::-webkit-details-marker{display:none}
.examples summary b{position:relative;width:13px;height:13px;flex:none}
.examples summary b:before,.examples summary b:after{content:'';width:13px;height:1.5px;background:#246e90;position:absolute;top:6px;left:0}
.examples summary b:after{transform:rotate(90deg)}.examples details[open] summary b:after{display:none}
.examples details p{color:#415965;line-height:1.62;font-size:15px;padding:0 23px 14px 0}
.review-list{padding-left:23px;margin:14px 0 22px}
.review-list li{padding:6px 0 7px 4px;font-size:15px;line-height:1.6;color:#405863}
.review-list li::marker{font-weight:650;color:#16739a}
.next-step{background:#e6f3f8;border:1px solid #c9dce5;border-radius:3px;padding:clamp(17px,2vw,28px)}
.next-step h3{font-size:clamp(22px,2vw,31px);letter-spacing:-.045em;font-weight:560;line-height:1.2;margin:7px 0}
.next-step p:not(.micro){color:#3e5865;font-size:15px;line-height:1.55}
.next-step .btn{margin:15px 13px 0 0}.next-step .text-link{font-size:13px;margin-top:12px}
.reading-list a{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 0}
.reading-list strong{font-size:16px}.reading-list a>span>span{font-size:13px}
.back-hub{margin-top:18px}
@media(max-width:920px){.hub-title{gap:26px}.k-feature{grid-template-columns:1fr 1fr}.feature-copy{padding:23px}.feature-copy h2{font-size:32px}.feature-copy p:not(.eyebrow){font-size:14px}.guide-body{gap:26px;grid-template-columns:153px minmax(0,1fr)}.contents a{font-size:12px}.k-compare td,.k-compare tbody th,.k-compare thead th{padding:9px}.hub-resources{gap:27px}}
@media(max-width:700px){
 .k-crumb{font-size:11px;gap:7px;padding-top:14px}
 .hub-title{display:block;padding:22px 0 27px}.hub-title h1{font-size:clamp(43px,10vw,58px);margin-top:10px}.hub-title>p{font-size:15px;margin-top:11px}
 .feature-wrap{padding-top:21px}.k-feature{display:flex;flex-direction:column}.feature-figure{border-right:0;border-bottom:1px solid #c6d9e1}.feature-figure img{max-height:260px;object-fit:contain}
 .feature-copy{padding:19px}.feature-copy h2{font-size:clamp(28px,6.5vw,38px);margin-block:10px}.feature-copy .btn{margin-top:13px}
 .hub-resources{grid-template-columns:1fr;gap:15px;padding-block:37px}.hub-section-title h2{font-size:34px;margin-bottom:0}
 .hub-list a{grid-template-columns:20px 1fr 15px;gap:8px;padding-block:13px}
 .guide-titles{padding:23px 0 28px}.guide-titles h1{font-size:clamp(35px,7.7vw,50px);margin:12px 0}.guide-deck{font-size:16px}.article-meta{margin-top:13px;font-size:11px}
 .guide-body{grid-template-columns:1fr;gap:25px;padding-block:22px 39px}
 .contents{position:static;display:flex;flex-direction:row;gap:0 16px;flex-wrap:wrap;border-top-width:2px;border-bottom:1px solid #c6d8df;padding:7px 0}
 .contents .micro{width:100%;margin:3px 0}.contents a{font-size:12px;padding:4px 0;border:0}
 .guide-prose h2{font-size:clamp(29px,6.5vw,41px)}.guide-figure figcaption{padding:8px 11px}
 .next-step .btn{font-size:13px;padding-inline:13px}.reading-list small{font-size:9px}
}
@media(max-width:560px){
 .k-compare,.k-compare tbody,.k-compare tr{display:block}.k-compare thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
 .k-compare tbody tr{padding:12px 0 13px;border-bottom:1px solid #cadce4}.k-compare tbody tr:first-child{border-top:1px solid #cadce4}
 .k-compare tbody th,.k-compare td{display:block;width:100%;border:0;padding:0}.k-compare tbody tr:nth-child(odd)>*{background:transparent}
 .k-compare tbody th{font-size:17px;margin-bottom:4px;letter-spacing:-.025em}
 .k-compare td{font-size:14px;margin-top:8px}
 .k-compare td:before{content:attr(data-route);display:block;font-size:11px;color:#09698e;font-weight:650;margin-bottom:1px}
}
@media print{
 .header,footer,.contents,.k-crumb,.next-step,.back-hub,.skip{display:none!important}.guide-body,.guide-titles,.wrap{display:block;width:100%;max-width:100%}
 .guide-body,.guide-titles{padding:8px 0}.guide-titles h1{font-size:30pt}.guide-prose h2{font-size:20pt}.guide-figure{max-width:410px}
 .guide-prose section+section{margin-top:12pt;padding-top:9pt}.guide-figure,.k-compare tr,.reading-list li{break-inside:avoid}h2,h3,.eyebrow{break-after:avoid}
 .reading-list a svg{display:none}.article-meta{margin:4px 0 8px}
}