/* Final shared UI rules, loaded after base and section styles. */
:root{--muted:#605c56;--radius:5px}html{scroll-behavior:smooth;scroll-padding-top:28px}body{font-size:16px;line-height:1.75}img{display:block;max-width:100%}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}main{overflow:clip}section[id],article[id]{scroll-margin-top:32px}.wrap{width:min(1240px,calc(100% - 80px))}.section{padding-top:72px;padding-bottom:72px}.page-intro{padding-top:62px;padding-bottom:40px}.page-intro>p{max-width:690px;line-height:1.8}.eyebrow{font-size:11px;letter-spacing:1.8px;line-height:1.6}header{padding:25px 0;background:var(--cream)}nav{gap:24px;font-size:13px}nav>a:not(.nav-connect){padding:9px 0;position:relative}nav>a[aria-current]:after{content:'';position:absolute;bottom:3px;left:0;right:0;height:3px;background:var(--red);border-radius:3px}nav>a:hover{color:var(--red)}nav>.nav-connect:hover{color:white}.brand small{font-size:9px;letter-spacing:1.35px}.brand-mark{width:42px}.nav-connect,.button{min-height:46px;border-radius:var(--radius);font-size:13px;line-height:1.5}.button{padding:15px 23px}.text-link,.light-link{font-size:13px;min-height:40px;line-height:1.5}.hero{gap:55px;padding-top:48px;padding-bottom:64px;grid-template-columns:1.04fr 1fr}.hero h1{font-size:clamp(58px,5.6vw,80px);line-height:1.08}.hero-copy>p{max-width:475px;font-size:17px}.hero-art{height:510px;border-radius:var(--radius)}.hero-note{font-size:12px;line-height:1.5}.art-label{font-size:10px;line-height:1.6;letter-spacing:2px}.art-bottom{align-items:center;font-size:20px;gap:15px}.values-strip{padding:25px 0}.values-strip span{font-size:12px}.section-heading{align-items:flex-end;gap:45px;margin-bottom:35px}.section-heading>p{font-size:15px;line-height:1.8;margin-bottom:2px}.card{border-radius:var(--radius);padding:30px;transition:transform .2s,box-shadow .2s,background-color .2s}.card h3{font-size:23px;line-height:1.25}.card p,.audience-card p,.lab-card p{font-size:15px;line-height:1.75}.card-icon{border-radius:var(--radius)}.card-link{font-size:13px;min-height:30px;line-height:1.5}.journal .eyebrow{font-size:10px}.journal h3{font-size:23px;line-height:1.3}.journal .card{border-radius:0}.article-art{border-radius:var(--radius);height:190px}.journal{row-gap:42px}.journal .card:hover{box-shadow:none}.institute-intro{gap:60px}.intro-photo{border-radius:var(--radius)}.intro-principles span{font-size:13px}.institute-intro p{font-size:16px}.research-tabs{gap:10px}.research-tabs button{border-radius:var(--radius);min-height:46px;font-size:13px}.research-panel{border-radius:var(--radius)}.research-summary p,.topic-list p{font-size:15px}.topic-list h4{font-size:16px}.method-layout{gap:65px}.method-step{opacity:1;min-height:315px;padding-bottom:44px}.method-step .card-icon{background:#8c1d2410;transition:background .25s,color .25s}.method-step.is-active .card-icon{background:var(--red);color:var(--cream)}.method-step p{font-size:16px}.method-step h3{line-height:1.25}.method-visual{border-radius:var(--radius)}.method-caption{min-height:205px}.method-caption .eyebrow{font-size:11px}.tags span{font-size:11px;line-height:1.6;border-radius:3px}.audience-card{border-radius:var(--radius);padding:30px;min-height:315px}.audience-card h3{line-height:1.25}.audience-card .card-link{font-size:12px}.lab-card{border-radius:var(--radius)}.lab-card .eyebrow{font-size:10px}.lab-output{font-size:12px}.marquee-top .eyebrow{font-size:10px}.motion-toggle{font-size:12px;min-height:44px;padding:8px}.faq-list details{border-radius:var(--radius)}.faq-list summary{min-height:30px;font-size:15px;line-height:1.5}.faq-list details p{font-size:15px;line-height:1.75}.faq-list details[open]{background:#e8e1d6}.closing-banner{border-radius:var(--radius);margin-bottom:72px}.closing-banner p{font-size:16px}.small{font-size:13px}.footer-top>div>a:not(.brand){font-size:14px;min-height:36px;margin:4px 0;display:flex;align-items:center}.footer-top .eyebrow{font-size:10px}.footer-top a:hover{color:var(--red)}.footer-bottom{font-size:12px;gap:20px;flex-wrap:wrap}.footer-top p{font-size:14px}.reading{max-width:790px}.reading>p{font-size:18px;line-height:1.9}.reading h2{font-size:32px;line-height:1.25}.reading aside{border-radius:var(--radius)}.reading aside p{font-size:15px}.program{border-radius:var(--radius);padding:36px;gap:25px}.program>.button{white-space:nowrap}.curriculum-card,.curriculum-units details,.notebook-card,.glossary-term,.commitment-list>div,.featured-insight{border-radius:var(--radius)}.curriculum-title .eyebrow,.curriculum-output .eyebrow{font-size:10px}.curriculum-card>h3{min-height:105px}.curriculum-units summary{font-size:13px;line-height:1.6}.curriculum-units p,.curriculum-output p{font-size:14px}.curriculum-card>.text-link{font-size:13px}.pathway-table{font-size:14px}.pathway-table thead th{font-size:11px}.pathway-table th,.pathway-table td{line-height:1.7}.wide-photo{border-radius:var(--radius)}.wide-photo p{font-size:15px}.editorial-block h3{line-height:1.3}.editorial-block p,.commitment-list p,.notebook-card p,.glossary-term p,.featured-insight p{font-size:15px}.featured-insight{overflow:hidden}.glossary-search input{min-height:49px;border-radius:var(--radius)}.glossary-search{font-size:13px}.glossary-search>i{top:44px}.quote-block{border-radius:var(--radius)}.contact .quote-block p{margin-bottom:0}.skip{border-radius:var(--radius)}summary:focus-visible{outline:3px solid #c88852;outline-offset:6px}.reveal-ready{filter:none;transform:translateY(14px);transition:opacity .5s ease,transform .5s ease}.reveal-ready.is-visible{transform:none}.button:active{transform:translateY(1px)}
@media(min-width:1500px){.hero{padding-top:65px;padding-bottom:75px}.hero-art{height:540px}}
@media(max-width:1100px){.wrap{width:calc(100% - 56px)}nav{gap:16px;font-size:12px}.hero{gap:35px}.hero-art{height:480px}.hero h1{font-size:64px}.program{grid-template-columns:60px 1fr}.program>.button{grid-column:2;justify-self:start}.curriculum-card>h3{min-height:0}.institute-intro,.method-layout{gap:40px}.footer-bottom{font-size:11px}}
@media(max-width:960px){.menu-toggle{display:grid;place-items:center;width:46px;height:46px;border:0;border-radius:var(--radius);background:var(--paper);font-size:25px;color:var(--red);cursor:pointer}nav{display:none;position:absolute;top:92px;left:28px;right:28px;z-index:10;padding:20px;background:var(--cream);box-shadow:0 15px 40px #29292918;align-items:stretch;font-size:14px;border-radius:var(--radius)}nav.open{display:flex;flex-direction:column;gap:8px}nav>a:not(.nav-connect){padding:12px 15px}nav>a[aria-current]{background:var(--paper);border-radius:3px}nav>a[aria-current]:after{display:none}nav>.nav-connect{margin-top:8px;justify-content:space-between}.hero h1{font-size:57px}.hero-art{height:450px}.hero-copy>p{font-size:16px}.hero .actions{gap:12px}.cards,.audience-grid{gap:15px}.card,.audience-card{padding:23px}.card h3,.audience-card h3{font-size:21px}.card p,.audience-card p{font-size:14px}.card-link,.audience-card .card-link{font-size:12px}.editorial-grid{grid-template-columns:1fr;gap:22px}.editorial-block{background:var(--paper);padding:28px;border-radius:var(--radius)}.editorial-block p{max-width:none}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}header{padding:17px 0}nav{top:84px;left:20px;right:20px}.brand small{font-size:8px;letter-spacing:1.1px}.brand-mark{font-size:30px;width:35px}.hero{grid-template-columns:1fr;padding-top:28px;padding-bottom:44px;gap:28px}.hero h1{font-size:clamp(48px,10.5vw,64px)}.hero-copy>p{font-size:16px;max-width:550px;margin:22px 0}.hero-art{height:auto;aspect-ratio:1.15;padding:24px}.hero-note{margin-top:23px;font-size:11px}.hero .actions{gap:16px}.art-label{font-size:9px}.art-bottom{font-size:18px}.values-strip .wrap{gap:18px 12px}.values-strip span{width:calc(50% - 6px);font-size:11px;line-height:1.5;gap:9px}.values-strip i{font-size:20px;flex-shrink:0}.section{padding:48px 0}.section-heading{display:block;margin-bottom:28px}.section-heading>p{font-size:15px;margin-top:22px}.section-heading h2{font-size:35px}.page-intro{padding:36px 0 26px}.page-intro h1{font-size:clamp(39px,9vw,49px);letter-spacing:-1.2px}.page-intro p{font-size:16px}.cards,.audience-grid{grid-template-columns:1fr;gap:18px}.card,.audience-card{padding:28px}.journal .card{padding:0 0 16px}.card h3,.audience-card h3,.journal h3{font-size:23px}.card p,.audience-card p{font-size:15px}.audience-card{min-height:0}.audience-card>i{margin-bottom:24px}.audience-card .card-link{font-size:13px;margin-top:10px}.card-link{font-size:13px}.research-panel{padding:26px;gap:30px}.research-tabs{gap:8px}.research-tabs button{font-size:12px;padding:11px 13px;min-height:44px}.research-summary h3{font-size:29px}.topic-list{gap:23px}.topic-list p{font-size:14px}.method-step{min-height:0;padding:24px 0}.method-step p{max-width:none;font-size:15px}.method-visual{position:relative;top:auto}.method-caption{min-height:210px}.method-caption h3{font-size:27px}.institute-intro{gap:30px}.intro-photo{height:330px}.institute-intro h2{font-size:35px}.institute-intro p{font-size:15px}.faq-section{gap:28px}.faq-list summary{font-size:14px}.faq-list details p{font-size:14px;margin-right:0}.closing-banner{padding:30px;margin-bottom:48px}.closing-banner h2{font-size:34px}.closing-banner p{font-size:15px}.footer-top{gap:25px;padding-bottom:30px}.footer-bottom{font-size:11px;gap:12px;padding-top:12px}.footer-bottom>span:last-child{margin-left:auto}.program{grid-template-columns:1fr;gap:20px;padding:27px}.program>.button{grid-column:auto;white-space:normal}.program h2{font-size:32px}.callout{padding:28px;margin-bottom:20px}.curriculum-card{padding:26px}.curriculum-card>h3{min-height:0}.reading h2{font-size:28px}.reading>p{font-size:17px}.reading{padding-bottom:50px}.wide-photo>div{left:25px;right:25px;bottom:26px}.wide-photo h2{font-size:33px}.wide-photo{height:370px}.contact .quote-block{padding:34px;min-height:310px}.contact .quote-block h2{font-size:34px}.featured-insight h2{font-size:31px}.notebook-card,.glossary-term{padding:26px}}

/* Supplied Northstar Journey logo artwork */
.brand{display:inline-flex;align-items:center;flex-shrink:0}.brand-logo{display:block;width:320px;height:auto}.footer-brand .brand-logo{width:300px}
@media(max-width:1200px){.brand-logo{width:285px}.footer-brand .brand-logo{width:275px}}
@media(max-width:960px){.brand-logo{width:280px}nav{top:108px}}
@media(max-width:760px){header{padding:12px 0}.brand-logo{width:240px}nav{top:102px}.footer-brand .brand-logo{width:255px}}
@media(max-width:380px){.brand-logo{width:225px}.footer-brand .brand-logo{width:235px}nav{top:96px}}
@media(max-width:380px){.wrap{width:calc(100% - 32px)}.brand small{font-size:7px}.hero h1{font-size:46px}.hero .actions{align-items:flex-start;flex-direction:column;gap:8px}.research-tabs button{font-size:11px;padding:10px}.research-tabs i{font-size:15px}.hero-art{padding:20px}.art-bottom{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.reveal-ready{opacity:1;transform:none;filter:none}.method-step{opacity:1}}
@media print{header,footer,.topic-marquee,.menu-toggle{display:none}.wrap{width:100%}body{background:white;color:black}.reveal-ready{opacity:1;filter:none;transform:none}.method-visual{position:static}.section{padding:24px 0}.card,.editorial-block,.reading aside{break-inside:avoid}}
