.para-page{--para-line:#dbe7ef;--para-blue:#245778;--para-soft:#f3f8fc}
.para-page .page-hero-copy{width:min(650px,55%)}
.para-page .para-subtitle{font-size:clamp(1.15rem,2vw,1.55rem);color:#245778;font-weight:650;line-height:1.4;margin:0 0 16px}
.para-jumps{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0 0}
.para-jumps a{font-size:.88rem;color:#245778;text-decoration:underline;text-underline-offset:4px}
.para-page .para-body{grid-template-columns:minmax(0,1fr) 300px;gap:48px}
.para-page .para-section{margin:0 0 54px;scroll-margin-top:110px}
.para-page .para-section h2{font-size:clamp(1.6rem,3vw,2.15rem);line-height:1.2;margin:10px 0 18px}
.para-page p{line-height:1.75}
.para-page .para-section>p{max-width:72ch}
.para-purpose{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0}
.para-purpose details{background:var(--para-soft);border:1px solid var(--para-line);border-radius:18px;padding:24px}
.para-purpose summary{cursor:pointer;list-style:none;color:var(--para-blue)}
.para-purpose summary::-webkit-details-marker{display:none}
.para-purpose summary svg{width:52px;height:52px;display:block;margin-bottom:15px}
.para-purpose summary strong{display:block;font-size:1.2rem}
.para-purpose summary span{display:block;font-size:.95rem;line-height:1.6;color:#536879;margin:8px 0}
.para-purpose summary small{display:inline-block;font-weight:650;text-decoration:underline;text-underline-offset:4px}
.para-purpose details p{font-size:.95rem;margin-bottom:0}
.para-note{border-left:3px solid #5b9ab7;padding:14px 20px;background:#f3f8fc;border-radius:0 12px 12px 0}
.para-figure{margin:24px 0 0}
.para-figure img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:18px;display:block}
.para-figure figcaption{font-size:.78rem;color:#617281;line-height:1.5;margin-top:8px}
.para-illustration-note{font-size:.8rem;color:#617281;margin:0 0 34px}
.para-steps{list-style:none;margin:22px 0;padding:0;counter-reset:para-step}
.para-steps li{counter-increment:para-step;position:relative;padding:0 0 24px 62px;min-height:64px;border-bottom:1px solid var(--para-line);margin-bottom:22px}
.para-steps li::before{content:counter(para-step);position:absolute;left:0;top:0;width:40px;height:40px;display:grid;place-items:center;background:#e9f2f8;color:#245778;border-radius:50%;font-size:1.1rem;font-weight:700}
.para-steps strong{display:block;font-size:1.08rem;color:#245778;margin-bottom:6px}
.para-steps p{margin:0}
.para-checks{display:grid;gap:10px;margin:20px 0;padding:0;list-style:none}
.para-checks label{display:flex;gap:13px;align-items:flex-start;background:#f5f9fc;border-radius:12px;padding:15px 17px;cursor:pointer;line-height:1.65}
.para-checks input{width:20px;height:20px;flex:0 0 20px;margin-top:4px;accent-color:#2b6cb0}
.para-checks input:checked+span{color:#35694d}
.para-page .para-sidebar{position:sticky;top:112px}
.para-sidebar .para-jumps{display:grid;gap:12px;border-top:1px solid var(--para-line);padding-top:22px}
.para-page .para-sources{background:#f6f9fb;border-radius:18px;padding:24px}
.para-sources summary{font-weight:700;cursor:pointer;color:#245778}
.para-sources ul{padding-left:20px;display:grid;gap:14px;margin-top:20px}
.para-sources a{color:#245778;text-decoration:underline;text-underline-offset:3px}
.para-callout{padding:36px;border-radius:20px;background:#eaf3f9;margin:35px 0}
.para-callout h2{margin-top:0}
.para-page :is(a,summary,input):focus-visible{outline:3px solid #2b6cb0;outline-offset:5px}
@media(max-width:1000px){.para-page .para-body{grid-template-columns:minmax(0,1fr) 270px;gap:28px}.para-purpose{grid-template-columns:1fr}.para-page .para-sidebar{top:105px}}
@media(max-width:760px){.para-page .para-body{grid-template-columns:1fr}.para-page .para-sidebar{position:static}.para-page .page-hero-copy{width:100%}.para-page .page-hero-art{background-position:75% top;background-size:auto 280px}.para-page .para-purpose{grid-template-columns:1fr}.para-page .para-section{margin-bottom:40px}.para-callout{padding:24px}.para-jumps{gap:15px}.para-steps li{padding-left:53px}}
@media(prefers-reduced-motion:reduce){.para-page .page-hero-art{animation:none}}
