.npf-article .intro h1{font-size:clamp(42px,6vw,80px);max-width:1060px}.npf-article .intro-bottom>span{flex:0 0 190px}.npf-article .eyebrow,.npf-hub .eyebrow{color:#a5d7c6}.npf-article .hero{max-width:1100px}.npf-article .hero img{max-height:680px;width:100%;height:auto}.npf-article .reading article{max-width:740px}.npf-hub .series-grid{gap:26px}.npf-hub .series-card img{aspect-ratio:3/2}.series-note{font:15px/1.8 Arial,sans-serif!important;color:#bdc6d1!important}.npf-home-link{display:inline-block;min-height:44px;padding:12px 0;font:14px/1.6 Arial,sans-serif;color:#a5d7c6}
.measurement-cards,.needs-examples{padding:28px;margin:35px 0;background:#122a38;border:1px solid #48716f}.measurement-cards h3,.needs-examples h3{font:400 29px/1.25 Georgia,serif;margin:13px 0 24px}.measurement-cards>div{border-top:1px solid #48716f;padding:20px 0 0;margin:20px 0}.measurement-cards strong{font:600 16px/1.5 Arial,sans-serif;color:#a5d7c6}.measurement-cards p,.needs-examples>p,.needs-examples .example-note{font:15px/1.75 Arial,sans-serif;color:#c3d0d6}.measurement-cards figcaption{font:13px/1.7 Arial,sans-serif;color:#b3c5cc;border-top:1px solid #48716f;padding-top:18px}.example-controls{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}.example-controls[hidden],.need-panel[hidden]{display:none}.example-controls button{font:14px/1.5 Arial,sans-serif;min-height:44px;padding:10px 14px;border:1px solid #8bb7ad;background:none;color:#f0eee8;border-radius:3px;cursor:pointer}.example-controls button[aria-pressed="true"]{background:#a5d7c6;color:#0b1423}.example-controls button:focus-visible{outline:3px solid #f6ad59;outline-offset:4px}.need-panel{border-top:1px solid #48716f;border-bottom:1px solid #48716f;padding:10px 0 15px;min-height:190px}.need-panel h4{font:600 13px/1.5 Arial,sans-serif;color:#a5d7c6;text-transform:uppercase;letter-spacing:1px;margin:15px 0}.need-panel p{font:22px/1.6 Georgia,serif;color:#f0eee8}.needs-examples .example-note{font-size:13px}.npf-hub .series-about h2{max-width:740px}
@media(max-width:760px){.npf-article .intro h1{font-size:clamp(39px,9vw,65px)}.npf-article .intro-bottom>span{display:block}.measurement-cards,.needs-examples{padding:23px 18px}.need-panel p{font-size:20px}.need-panel{min-height:245px}.example-controls{gap:7px}.example-controls button{font-size:13px;padding:10px}.npf-hub .series-card h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}