.graphic-label{display:block;font-size:.7rem;letter-spacing:.13em;text-transform:uppercase;font-weight:800;color:#1647d8;margin-bottom:.8rem}
.area-figure h3,.decision-figure h3,.page-example h3,.measure-figure h3{font-size:clamp(1.5rem,3vw,2.2rem);line-height:1.16;letter-spacing:-.04em;margin:0 0 1.4rem;color:#092c4b}
.concept-grid,.decision-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.concept-grid>div,.decision-options>div{background:white;border:1px solid #d6e2ef;border-radius:14px;padding:1.15rem}.concept-grid h4,.decision-options h4{font-size:1.12rem;line-height:1.25;margin:.8rem 0 .6rem;color:#092c4b}.concept-grid p,.decision-options p{font-size:.87rem;line-height:1.6;margin:0}.concept-symbol{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#e8efff;color:#1647d8;font-weight:800}
.decision-figure{background:#092c4b;border-color:#092c4b}.decision-figure h3,.decision-figure .graphic-label{color:white}.decision-start{padding:1rem 1.2rem;border:1px solid #97b1cc;border-radius:12px;color:white;font-size:1rem;margin-bottom:1.5rem}.path-tag{display:block;font-size:.66rem;letter-spacing:.07em;text-transform:uppercase;color:#1647d8;font-weight:800}.decision-options>div:nth-child(2){background:#e6f5f2}.decision-options>div:nth-child(3){background:#fff1d9}.decision-figure figcaption{color:#d3e1ef}
.mock-browser{background:white;border:1px solid #cedaea;border-radius:16px;overflow:hidden}.mock-browser-bar{display:flex;gap:6px;background:#e7edf5;padding:12px 16px}.mock-browser-bar i{height:8px;width:8px;background:#8294ac;border-radius:50%}.mock-page{padding:clamp(1rem,4vw,2rem)}.mock-kicker{font-size:.7rem;color:#586477;text-transform:uppercase;letter-spacing:.07em}.mock-page h4{font-size:clamp(1.6rem,3.4vw,2.6rem);line-height:1.1;margin:1rem 0 1.4rem;letter-spacing:-.04em;color:#092c4b}.mock-answer{display:flex;gap:1rem;padding:1rem 0;border-top:1px solid #e1e7ef;align-items:flex-start}.mock-answer b{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#1647d8;color:white;font-size:.85rem}.mock-answer p{font-size:.93rem;line-height:1.6;margin:0}
.measure-steps{list-style:none!important;padding:0!important;margin:0!important;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;counter-reset:measure}.measure-steps li{padding:1.25rem;border-radius:13px;background:white;border:1px solid #cfddeb;margin:0!important;counter-increment:measure}.measure-steps li:before{content:'0' counter(measure);display:block;font-size:1.8rem;line-height:1;font-weight:850;color:#1647d8;margin-bottom:1rem}.measure-steps span{font-size:.68rem;text-transform:uppercase;font-weight:800;letter-spacing:.08em;color:#586477;display:block}.measure-steps strong{display:block;font-size:1.05rem;color:#092c4b;margin:.4rem 0}.measure-steps p{font-size:.86rem;line-height:1.5;margin:0}
.area-checklist{border:1px solid #bdcfdf;background:#f1f7f5;border-radius:18px;padding:clamp(1.25rem,3vw,2rem)}.area-checklist h3{font-size:1.4rem;line-height:1.3;margin:0}.area-checklist ul{list-style-type: square}.area-checklist a{font-weight:750;font-size:.95rem}.small-note{font-size:.85rem;margin-top:1rem}.source-note{font-size:.9rem;color:#526173}.post-content [id]{scroll-margin-top:2rem}
@media(max-width:650px){.concept-grid,.decision-options,.measure-steps{grid-template-columns:1fr}.concept-grid>div{display:grid;grid-template-columns:38px 1fr;gap:0 .8rem}.concept-grid h4{margin:0 0 .5rem}.concept-grid p{grid-column:2}.concept-symbol{grid-row:1/3}.figure-panel{margin-left:0;margin-right:0}.post-hero h1{font-size:clamp(2.35rem,9vw,3.8rem);overflow-wrap:break-word}.post-content{overflow-wrap:break-word}}
@media print{.post-hero-art{max-width:600px}.area-checklist,.mock-browser,.measure-steps li{break-inside:avoid}.decision-figure{background:white!important}.decision-figure h3,.decision-figure .graphic-label,.decision-start,.decision-figure figcaption{color:#111!important}.post-final,.blog-footer-line,body>footer{display:none!important}}