/* Research narrative: native responsive diagrams */
:root{--teal:#64d4ba;--lavender:#bea5ed;--amber:#efba67;--blue:#82b8ef} .story-hero,.story-section{max-width:1240px;margin:auto;padding:85px 28px}.story-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px;min-height:720px}.story-hero h1{font-size:clamp(66px,7.7vw,108px)}.story-hero em{color:var(--wine);font-weight:400}.lede{font-size:21px;margin:28px 0 38px}.system-figure{margin:0;background:#17382f;color:#e2eae5;padding:16px}.system-figure img{display:block;width:100%;height:auto}.system-figure figcaption{font-size:12px;text-align:center;padding:0 12px 18px;line-height:1.5}.story-nav{display:flex;gap:24px;font-size:14px}.story-nav a{text-decoration:none}.story-section h2{font-size:clamp(42px,5vw,68px);letter-spacing:-.035em;line-height:1.06;margin:18px 0 30px}.wide{max-width:850px;font-size:19px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:60px;font-size:19px}.definition{border-left:3px solid var(--wine);padding:15px 25px;background:var(--cream)}.definition p{margin:12px 0}.definition small{font-size:13px}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--line);border:1px solid var(--line);margin-top:45px}.comparison article{background:var(--cream);padding:32px}.comparison span{font-size:12px;text-transform:uppercase;letter-spacing:.12em}.comparison h3{font-size:32px;margin-top:20px}.life-band,.application-band{background:#e6e7de}.life-path{padding:30px 0 0;list-style:none;display:grid;grid-template-columns:repeat(5,1fr);gap:0}.life-path li{border-top:2px solid #597668;padding:24px 18px 0 0}.life-path b,.research-steps b{display:grid;place-items:center;border:1px solid #648b79;border-radius:50%;width:38px;height:38px;margin-bottom:24px;font-size:12px}.life-path h3{font-size:25px}.life-path p{font-size:14px}.diagram-note{font-size:13px;color:#526157;margin-top:25px}.domain-explorer{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;margin-top:40px}.domain-details article{border-left:3px solid var(--domain);padding-left:22px;margin:22px 0}.domain-details .label{color:var(--domain)}.domain-details h3{font-size:29px;margin:6px 0}.domain-details p{margin:8px 0}.ecology-band{background:#17382f;color:#f5f0e8}.ecology-band .eyebrow{color:var(--teal)}.ecology-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:44px 0}.ecology-grid article{border:1px solid #789384;padding:28px}.ecology-grid span{font-size:11px;letter-spacing:.13em;color:var(--teal)}.ecology-grid h3{font-size:29px;margin:20px 0}.ecology-center{background:#294a3e}.agency{border-top:1px solid #688475;margin-top:40px;padding-top:30px}.agency h3{font-size:26px;line-height:1.5}.deck{background:#17382f;color:var(--paper);padding:40px;margin-top:35px}.deck-slide{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;min-height:420px}.deck-slide h3{font-size:clamp(32px,4vw,52px);line-height:1.08;margin:18px 0}.deck-slide .label{color:var(--teal)}.deck-slide p{font-size:18px}.deck-controls{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #668373;padding-top:24px;gap:12px}.deck button{padding:12px 18px;border:1px solid #91b09d;color:var(--paper);background:transparent;cursor:pointer;font:inherit}.deck button:hover{background:#335847}.deck button:disabled{opacity:.35;cursor:default}.slide-art{padding:25px;border:1px solid #648b79}.slide-art strong{display:block;font:500 32px 'Newsreader',serif;margin:12px 0}.slide-art span{display:block;border-bottom:1px solid #648b79;padding:12px 0;color:var(--teal)}.slide-art svg{display:block;width:100%;height:auto}.slide-art img{width:100%}.slide-art small{display:block;margin-top:15px;line-height:1.5}.research-bridge{border-top:1px solid var(--line)}.research-steps,.application-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin:40px 0}.research-steps h3,.application-grid h3{font-size:29px}.method-note{border-left:3px solid var(--wine);background:var(--cream);padding:25px;margin:35px 0}.method-note p{margin-bottom:0}.story-contact{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding-top:25px;font-size:21px}.story-contact a{font-weight:600}.skip{position:absolute;left:16px;top:-80px;z-index:100;padding:12px;background:white}.skip:focus{top:10px}a:focus-visible,button:focus-visible{outline:3px solid #c99456;outline-offset:4px}section[id]{scroll-margin-top:85px}.home-story{margin-top:28px;display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center;padding:32px;background:#17382f;color:var(--paper)}.home-story h3{font-size:38px;line-height:1.08}.home-story .eyebrow{color:var(--teal)}.home-story a{display:inline-block;margin-top:8px;color:var(--paper)}.home-story img{width:100%}.pub-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:36px}.pub-cards article{border-top:1px solid var(--line);padding:25px 0}.pub-cards h3{font-size:28px;line-height:1.15}.pub-cards p{font-size:15px}.pub-cards .label{color:var(--wine)}
@media(max-width:850px){.story-hero,.two-col,.domain-explorer,.deck-slide{grid-template-columns:1fr;gap:32px}.story-hero{min-height:0}.story-hero,.story-section{padding:60px 24px}.story-hero .system-figure{max-width:570px}.ecology-grid,.research-steps,.application-grid{grid-template-columns:1fr}.life-path{grid-template-columns:1fr;gap:0}.life-path li{border-top:0;border-left:2px solid #597668;padding:10px 0 20px 25px}.life-path b{float:left;margin:0 18px 0 0}.life-path p{margin:8px 0 0 56px}.story-nav{gap:14px;flex-wrap:wrap;justify-content:flex-end;max-width:280px}.deck-slide{min-height:0;padding-bottom:28px}.deck{padding:24px}.deck-slide p{font-size:16px}.comparison{grid-template-columns:1fr}.home-story{grid-template-columns:1fr}.pub-cards{grid-template-columns:1fr}.story-contact{display:block}}
@media(max-width:520px){.story-nav{font-size:12px;gap:7px 15px;max-width:250px}.story-hero h1{font-size:66px}.deck{padding:18px}.deck button{font-size:13px;padding:10px}.deck-controls{font-size:12px}.slide-art{padding:18px}.home-story{padding:24px}}