/* PATHS: shared TRACE layout and components, final PATHS brand colors. */
:root{--mauve:#f08338;--mauve-dark:#994511;--lilac:#ffeddf;--pale:#fff7f1;--paths-orange:#f08338}
.paths-site h1,.paths-site h2,.paths-site h3,.paths-site .hero h1{letter-spacing:normal!important}
.paths-site h2>span{color:var(--mauve-dark)}
.paths-site .hero{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:65px;padding-block:58px 64px;min-height:0}
.paths-site .hero h1{font-size:clamp(40px,4.05vw,59px);line-height:1.08;margin-bottom:25px;max-width:none}
.paths-site .hero-copy{padding:0;min-width:0}
.paths-site .hero-copy .eyebrow{font-size:11px;color:var(--mauve-dark);margin:0 0 20px;letter-spacing:1.1px}
.paths-site .hero-lead{font-size:17px;max-width:520px;line-height:1.6}
.paths-site .hero .actions{gap:21px;align-items:center}
.paths-site .hero-primary,.paths-site .hero .button{font-size:14px;padding:17px 20px;gap:25px}
.paths-site .hero .text-link{font-size:12px;gap:10px}
.paths-site .paths-hero-note{margin:25px 0 0;font-size:11px;color:var(--muted)}
.paths-site .paths-hero-art{margin:0;min-height:0;align-self:center;background:#ffeddf;border:1px solid #f4d6c1;overflow:hidden}
.paths-site .paths-hero-art>img{display:block;width:100%;height:auto;object-fit:contain}
.paths-site .paths-hero-art figcaption{background:#fff;padding:12px 16px;font-size:10px;color:var(--muted);border-top:1px solid #f4d6c1}
.paths-site .study-band{border-color:#eedfd4}
.paths-site .intro-compact{padding-block:43px 50px;gap:25px 40px}
.paths-site .intro-compact h2{font-size:35px}
.paths-site .research-aspects{border-color:#e9d7ca;padding-top:26px;gap:30px}
.paths-site .research-aspects .ui-icon{color:var(--mauve-dark)}
.paths-site .research-aspects p{font-size:13px}
.paths-focus{background:#994511;color:white}
.paths-focus>.wrap{display:flex;align-items:center;justify-content:space-between;gap:35px;padding-block:30px}
.paths-focus p{font-size:19px;line-height:1.5;margin:0}
.paths-focus a{display:inline-flex;align-items:center;gap:15px;font-size:13px;font-weight:700;flex-shrink:0}
.paths-perspectives{padding-block:64px 70px}
.paths-perspectives .section-heading h2{font-size:39px;line-height:1.16}
.paths-perspectives .section-heading p{font-size:15px;line-height:1.6}
.perspective-explorer{background:var(--navy);color:white;padding:30px 40px 20px}
.perspective-tabs{display:flex;gap:30px;border-bottom:1px solid #ffffff40}
.perspective-tabs button{flex:1;text-align:left;border:0;border-bottom:3px solid transparent;background:none;color:#c7d3df;padding:0 0 16px;font-size:14px;font-weight:700}
.perspective-tabs button[aria-selected=true]{border-color:var(--mauve);color:white}
.perspective-panel{display:grid;grid-template-columns:1fr 1fr;gap:65px;padding-top:38px;min-height:208px;align-items:start}
.perspective-panel[hidden]{display:none}
.perspective-panel .eyebrow{font-size:10px;letter-spacing:.7px;color:#ffba8b;margin:0 0 15px;line-height:1.5}
.perspective-panel h3{font-size:29px;line-height:1.2;margin:0}
.perspective-panel>p{font-size:16px;line-height:1.7;color:#d8e3ed;padding-top:25px;margin:0}
.explorer-note{font-size:10px;color:#c6d3df;margin:20px 0 0;padding-top:15px;border-top:1px solid #ffffff25;text-align:right}
.paths-site .participate-section{padding-block:65px}
.paths-site .practice-intro h2{font-size:41px;line-height:1.15}
.paths-site .practice-process p{line-height:1.6}
.paths-site .process-link{display:inline;border:0;text-decoration:underline;text-underline-offset:4px;padding:0;margin:0;font-size:12px;line-height:1.8}
.paths-site .home-questions{padding-block:65px}
.paths-site .home-questions h2{font-size:38px}
.paths-site .compact-footer .footer-contact p{max-width:750px}
.paths-page-intro{padding-block:55px 45px}
.paths-page-intro .eyebrow{color:var(--mauve-dark);margin-bottom:19px}
.paths-page-intro h1{font-size:clamp(38px,4.1vw,60px);line-height:1.12;max-width:1000px;margin-bottom:25px}
.paths-page-intro .page-lead{font-size:18px;line-height:1.65;max-width:790px;color:var(--muted);margin:0}
.paths-site .study-documents{padding-block:60px;align-items:center;gap:85px}
.paths-site .study-documents h1{font-size:57px;line-height:1.12}
.paths-site .profile-preview{position:relative;max-width:330px;padding:25px;align-self:center;background:var(--pale);border-color:#eadbce}
.paths-site .profile-cover-image{box-shadow:0 7px 18px #00305b18;transition:transform .25s}
.preview-hover{position:absolute;bottom:33px;right:32px;display:block;padding:9px 12px;background:var(--navy);color:white;opacity:0;transform:translateY(7px);transition:opacity .2s,transform .2s;font-size:11px;font-weight:700}
.profile-preview:hover .preview-hover,.profile-preview:focus-visible .preview-hover{opacity:1;transform:translateY(0)}
.paths-soft{background:var(--pale);border-block:1px solid #eedfd4}
.paths-two-col{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding-block:60px}
.paths-two-col h2{font-size:38px;line-height:1.15;margin-bottom:25px}
.paths-two-col h3{font-size:22px;line-height:1.3;margin-bottom:13px}
.paths-two-col p{font-size:15px;line-height:1.75;color:var(--muted);max-width:560px}
.paths-two-col>div>h3:not(:first-child){margin-top:28px}
.paths-groups{padding-bottom:50px}
.paths-groups>h2{font-size:28px;margin-bottom:28px}
.paths-group-list{border-top:1px solid var(--line)}
.paths-group-list article{display:grid;grid-template-columns:40px 1fr 1.15fr;gap:26px;border-bottom:1px solid var(--line);padding-block:24px;align-items:baseline}
.paths-group-list article>span{font-size:12px;color:var(--mauve-dark);font-weight:700}
.paths-group-list h3{font-size:21px;line-height:1.25;margin:0}
.paths-group-list p{font-size:14px;line-height:1.6;color:var(--muted);margin:0}
.paths-small{font-size:12px;line-height:1.7;color:var(--muted);max-width:820px;margin:23px 0 0}
.paths-interview-steps{list-style:none;counter-reset:interview;padding:0;margin:0}
.paths-interview-steps li{counter-increment:interview;position:relative;padding:0 0 24px 42px;border-bottom:1px solid #eadbce;margin-bottom:24px}
.paths-interview-steps li:last-child{margin:0;border:0;padding-bottom:0}
.paths-interview-steps li:before{content:counter(interview,decimal-leading-zero);position:absolute;left:0;top:5px;font-size:12px;color:var(--mauve-dark);font-weight:700}
.paths-interview-steps li p{margin:0}
.paths-invite h2{font-size:29px;line-height:1.2;margin-bottom:12px}
.paths-invite p{font-size:14px;color:#fff1e7}
.paths-invite>.wrap{padding-block:38px}
.paths-invite .button{flex-shrink:0;background:#fff;color:var(--navy);border-color:#fff}
.paths-invite .button:hover{background:#ffeddf}
.paths-site .roadmap-intro h1{font-size:52px;line-height:1.13}
.paths-site .study-roadmap{padding-block:55px 65px}
.paths-site .roadmap-intro>p{font-size:17px}
.paths-site .roadmap-phase h2{font-size:27px}
.paths-site .is-current .roadmap-marker>i{background:var(--mauve);border-color:var(--mauve)}
.paths-collab{padding-bottom:58px}
.paths-collab>h2{font-size:28px;margin-bottom:30px}
.paths-collab-list,.paths-family-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
.paths-collab-list article{border-top:1px solid var(--line);padding-top:25px;display:flex;flex-direction:column;align-items:flex-start}
.paths-collab-list h3{font-size:21px;line-height:1.25;margin-bottom:16px}
.paths-collab-list p,.paths-family-grid p:not(.family-name){font-size:14px;line-height:1.7;color:var(--muted)}
.paths-collab-list .text-link{margin-top:auto;font-size:12px}
.paths-study-family{padding-block:55px 60px}
.paths-study-family .section-heading h2{font-size:37px}
.paths-family-grid article{border-top:3px solid var(--mauve);padding-top:22px}
.paths-family-grid article:first-child{border-color:#b971ac}.paths-family-grid article:nth-child(2){border-color:#a6d9e2}
.family-name{font-size:14px;font-weight:700;color:var(--mauve-dark);margin-bottom:19px}
.trace-accent{color:#814a78}.maps-accent{color:#286b79}
.paths-family-grid h3{font-size:23px;line-height:1.3;margin-bottom:15px}
.paths-family-grid .text-link{font-size:12px}
.paths-site #interest-dialog{max-width:760px;padding:35px 40px}
.paths-site #interest-dialog h2{font-size:37px;line-height:1.1;margin-bottom:20px}
.paths-interest .field{font-size:12px}.paths-interest .form-grid{gap:20px 22px}
.paths-interest .form-demo-note{font-size:11px;line-height:1.6;border-left-color:var(--mauve)}
.paths-interest #request-details{margin-bottom:27px}
.paths-interest #request-details>div{display:grid;grid-template-columns:130px 1fr;gap:18px;padding:11px 0;border-bottom:1px solid var(--line);font-size:13px}
.paths-interest #request-details dt{font-weight:700}.paths-interest #request-details dd{margin:0;overflow-wrap:anywhere;white-space:pre-wrap}
.paths-site dialog[open]{overscroll-behavior:contain}
@media(max-width:1100px){.paths-site .hero{gap:35px}.paths-site .hero h1{font-size:46px}.paths-site .hero-lead{font-size:16px}.paths-site .hero .actions{gap:16px}.paths-site .hero .text-link{font-size:11px}.paths-perspectives .section-heading h2{font-size:33px}.paths-two-col{gap:50px}.paths-site .study-documents{gap:45px}.paths-site .study-documents h1{font-size:48px}.paths-site .roadmap-intro h1{font-size:44px}.paths-study-family .section-heading h2{font-size:32px}}
@media(max-width:800px){.paths-site .hero{grid-template-columns:1fr;width:calc(100% - 40px);padding-block:35px 42px;gap:30px}.paths-site .hero h1{font-size:clamp(34px,7.9vw,48px);line-height:1.12}.paths-site .hero-lead{font-size:16px}.paths-site .hero-copy .eyebrow{font-size:10px;margin-bottom:17px}.paths-site .hero .actions{gap:19px}.paths-site .paths-hero-note{font-size:10px;margin-top:23px}.paths-site .paths-hero-art{width:100%;max-width:550px;justify-self:center}.paths-site .paths-hero-art figcaption{font-size:9px}.paths-site .intro-compact{padding-block:33px 38px;gap:23px}.paths-site .intro-compact h2{font-size:31px}.paths-site .research-aspects{gap:27px 20px}.paths-site .research-aspects p{font-size:12px}.paths-site .research-aspects h3{font-size:15px}.paths-focus>.wrap{display:block;padding-block:25px}.paths-focus p{font-size:17px;margin-bottom:17px}.paths-focus a{font-size:12px}.paths-perspectives{padding-block:40px}.paths-perspectives .section-heading{display:block;margin-bottom:26px}.paths-perspectives .section-heading h2{font-size:30px;margin-bottom:19px}.paths-perspectives .section-heading p{font-size:14px;max-width:500px}.perspective-explorer{padding:23px 22px 20px}.perspective-tabs{gap:12px}.perspective-tabs button{font-size:11px;padding-bottom:14px;line-height:1.5}.perspective-panel{grid-template-columns:1fr;gap:17px;min-height:315px;padding-top:26px}.perspective-panel h3{font-size:26px}.perspective-panel .eyebrow{font-size:9px;line-height:1.5;margin-bottom:13px}.perspective-panel>p{padding-top:0;font-size:14px;line-height:1.75}.explorer-note{font-size:9px;text-align:left;margin-top:18px}.paths-site .participate-section{padding-block:41px}.paths-site .practice-intro h2{font-size:31px}.paths-site .practice-intro>p.practice-invitation{font-size:17px}.paths-site .practice-intro>p.practice-purpose{font-size:14px}.paths-site .home-questions{padding-block:40px}.paths-site .home-questions h2{font-size:33px}.paths-page-intro{padding-block:34px 33px}.paths-page-intro .eyebrow{font-size:10px;margin-bottom:16px}.paths-page-intro h1{font-size:36px;line-height:1.15}.paths-page-intro .page-lead{font-size:16px}.paths-site .study-documents{grid-template-columns:1fr;padding-block:35px 42px;gap:30px}.paths-site .study-documents h1{font-size:40px}.paths-site .profile-preview{justify-self:center;max-width:300px;padding:22px}.preview-hover{opacity:1;transform:none;font-size:10px;bottom:29px;right:29px}.paths-two-col{grid-template-columns:1fr;gap:27px;padding-block:40px}.paths-two-col h2{font-size:32px;margin-bottom:20px}.paths-two-col h3{font-size:21px}.paths-two-col p{font-size:14px;margin-bottom:16px}.paths-groups{padding-bottom:36px}.paths-groups>h2{font-size:25px;line-height:1.25}.paths-group-list article{grid-template-columns:23px 1fr;gap:10px 17px;padding-block:21px}.paths-group-list h3{font-size:19px;line-height:1.3}.paths-group-list p{grid-column:2;font-size:13px}.paths-small{font-size:11px}.paths-interview-steps li{padding-left:34px}.paths-invite h2{font-size:26px;margin-bottom:14px}.paths-invite>.wrap{padding-block:32px}.paths-invite p{font-size:14px;margin-bottom:23px}.paths-site .study-roadmap{padding-block:35px 40px}.paths-site .roadmap-intro h1{font-size:36px}.paths-site .roadmap-intro>p{font-size:16px}.paths-site .roadmap-phase h2{font-size:25px}.paths-collab{padding-bottom:38px}.paths-collab>h2{font-size:25px;line-height:1.3}.paths-collab-list,.paths-family-grid{grid-template-columns:1fr;gap:28px}.paths-collab-list article{padding-top:22px}.paths-collab-list h3{font-size:21px}.paths-collab-list p,.paths-family-grid p:not(.family-name){font-size:14px}.paths-study-family{padding-block:36px 40px}.paths-study-family .section-heading{display:block}.paths-study-family .section-heading h2{font-size:30px;margin-bottom:19px}.paths-study-family .section-heading p{font-size:14px;max-width:none}.paths-site #interest-dialog{padding:30px 22px;max-width:calc(100vw - 24px)}.paths-site #interest-dialog h2{font-size:30px}.paths-interest .form-grid{gap:18px}.paths-interest #request-details>div{grid-template-columns:1fr;gap:5px}.paths-site .compact-footer .footer-contact p{font-size:14px}}
@media(max-width:360px){.paths-site .hero h1{font-size:32px}.paths-site .hero-copy .eyebrow{font-size:9px}.paths-site .hero .button{font-size:13px}.paths-site .paths-hero-note{font-size:9px}.paths-site .intro-compact h2{font-size:28px}.paths-perspectives .section-heading h2{font-size:27px}.paths-site .practice-intro h2{font-size:28px}.paths-page-intro h1{font-size:31px}.paths-site .roadmap-intro h1{font-size:31px}.perspective-tabs button{font-size:10px}.paths-site .research-aspects{grid-template-columns:1fr}.paths-site .research-aspects p{max-width:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media(max-width:800px){.paths-site.page-partners .paths-page-intro h1{font-size:clamp(26px,7.9vw,36px)}.paths-site .roadmap-intro{grid-template-columns:minmax(0,1fr)}.paths-site .roadmap-intro>div{min-width:0}.paths-site .roadmap-output>strong{overflow-wrap:anywhere}}
@media(max-width:360px){.paths-site .hero h1{font-size:clamp(28px,8.6vw,31px)}.paths-site .header-inner{gap:10px}.paths-site .header-cta{font-size:8px;padding:9px 8px;gap:8px}.paths-site .brand>span{font-size:21px}}
@media(max-width:360px){.paths-site.page-partners .paths-page-intro h1{font-size:clamp(24px,7.7vw,28px)}}