/* Content pages: same world as the home page (tokens and nav come from site.css). */
body.sub{animation:none}
.page{position:relative;z-index:1;max-width:780px;margin:0 auto;padding:112px var(--gutter) 72px}
.page-wide{max-width:1040px}
.crumbs ol{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:14px;color:var(--ink2)}
.crumbs li+li::before{content:"/";margin-right:10px;color:var(--line)}
.crumbs a{color:var(--ink2)}
.page-head{margin:22px 0 26px}
.page-head h1{font-size:clamp(34px,5vw,54px);line-height:1.06;margin-bottom:16px}
.page-head .lede{font-size:clamp(18px,1.6vw,21px);max-width:none;color:var(--ink)}
.byline{font-size:14px;color:var(--ink2);margin-top:14px}
.page-img{border-radius:var(--radius);overflow:hidden;margin:0 0 28px;box-shadow:0 22px 48px rgba(21,48,61,.12)}
.page-img img{width:100%;height:auto}
.answer{background:rgba(106,79,196,.08);box-shadow:inset 4px 0 0 var(--accent);border-radius:12px;padding:18px 22px;margin:0 0 30px}
.answer-k{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:6px}
.answer p:last-child{font-size:18px;line-height:1.5}
.prose{font-size:18px;line-height:1.65}
.prose h2{font-size:clamp(25px,3vw,32px);line-height:1.15;margin:40px 0 14px}
.prose h3{font-size:clamp(20px,2.2vw,23px);font-weight:600;line-height:1.25;margin:28px 0 8px}
.prose p{margin:0 0 16px}
.prose ul,.prose ol{margin:0 0 18px;padding-left:1.3em}
.prose ul{list-style:disc}
.prose ol{list-style:decimal}
.prose li{margin:0 0 8px}
.prose a{color:var(--accent);text-underline-offset:2px}
.prose a:hover{color:var(--accent-hover)}
.prose .btn{color:var(--ink-on-accent)}
.prose .btn.ghost{color:var(--ink)}
.tbl{overflow-x:auto;margin:0 0 22px;-webkit-overflow-scrolling:touch}
.tbl table{border-collapse:collapse;width:100%;font-size:16px;line-height:1.45;min-width:560px}
.tbl th,.tbl td{text-align:left;vertical-align:top;padding:11px 12px;border-bottom:1px solid var(--line)}
.tbl th{font-family:var(--display);font-weight:600;font-size:15px;background:rgba(238,230,216,.7)}
.note{font-size:15.5px;line-height:1.5;background:rgba(238,230,216,.7);border-radius:12px;padding:14px 18px;color:var(--ink);margin:26px 0}
.cta-box{background:var(--panel);border-radius:var(--radius);padding:24px 26px;margin:34px 0}
.cta-h{font-family:var(--display);font-weight:700;font-size:23px;line-height:1.2;margin-bottom:8px}
.cta-box .row{margin-top:14px}
.link-grid{list-style:none!important;padding:0!important;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}
.link-grid li{margin:0}
.link-grid a{display:block;height:100%;background:rgba(251,248,242,.75);border:1px solid var(--panel-deep);border-radius:12px;padding:14px 16px;color:var(--ink);text-decoration:none;font-weight:600;line-height:1.3;transition:border-color .3s var(--ease),transform .3s var(--ease)}
.link-grid a span{display:block;font-weight:400;font-size:15px;color:var(--ink2);margin-top:4px}
.link-grid a:hover{border-color:var(--accent);transform:translateY(-2px)}
.steps-list{list-style:none!important;padding:0!important;counter-reset:s}
.steps-list>li{counter-increment:s;position:relative;padding:0 0 4px 46px;margin-bottom:18px}
.steps-list>li::before{content:counter(s);position:absolute;left:0;top:1px;width:30px;height:30px;border-radius:50%;background:var(--accent);color:var(--ink-on-accent);font-family:var(--mono);font-size:14px;display:flex;align-items:center;justify-content:center}
.prose .qs{margin-bottom:28px}
.q-a p{padding:0 4px 18px;margin:0;animation:fadein .6s var(--ease)}
.related{margin:34px 0}
.related h2{margin-top:0}
.src-h{font-size:20px!important;margin-top:30px!important}
.sources{font-size:15px;line-height:1.45;color:var(--ink2)}
.sources li{margin-bottom:6px}
.foot-areas{margin-bottom:10px}
.foot-areas a,.foot-line a{color:var(--ink)}
.form-card{background:var(--panel);border-radius:var(--radius);padding:24px 26px;margin:6px 0 30px}
.form-card label{font-size:15px}
@media (max-width:720px){.page{padding-top:92px}.prose{font-size:17px}}