/* The date rail follows the documented stages; the catalog keeps its own layout. */
html{scroll-padding-top:105px}
.topbar{position:sticky;top:0;z-index:8;background:var(--pale);gap:24px}
.journey-nav{display:flex;gap:24px;align-items:center}
.journey-nav a{font-size:12px;font-weight:600;text-decoration:none;padding:10px 0}
.journey-nav a:last-child{color:var(--teal)}
.journey-nav a:hover,.jump-link:hover{text-decoration:underline;text-underline-offset:5px}
.hero-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap}
.jump-link{font-size:13px;font-weight:600;color:var(--teal);text-underline-offset:5px}
.case-story{padding:78px 48px 0}
.story-opening{display:grid;grid-template-columns:240px 1fr;gap:62px;padding-bottom:40px}
.story-opening h2{font-size:39px;max-width:240px}
.story-copy{min-width:0}
.story-copy>p{font-size:16px;line-height:1.85;margin:0 0 18px;max-width:76ch;color:#405b70}
.story-copy>p strong{color:var(--ink);font-weight:650}
.story-copy h2{font-size:38px;line-height:1.17;max-width:720px;margin-bottom:23px}
.case-story .story-source{font:11px/1.8 var(--body);color:var(--muted);margin:20px 0 0}
.story-source a,.story-source button,button.story-source,a.story-source{color:var(--teal);text-decoration:underline;text-underline-offset:3px}
.story-source button,button.story-source{font:inherit;background:none;border:0;padding:0;text-align:left}
.roles-guide{padding:28px 30px;background:var(--ice);border:1px solid var(--line);border-radius:10px;margin:0 0 62px}
.roles-guide>h3{font:26px/1.3 var(--display);margin:0 0 26px;font-weight:500}
.roles-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.roles-track>div+div{border-left:1px solid var(--line);padding-left:23px}
.role-action{font:9px/1.5 var(--mono);color:var(--teal);letter-spacing:.06em;display:block}
.roles-track h4{font-size:17px;margin:9px 0 8px}
.roles-track p{font-size:12px;line-height:1.75;margin:0;color:#476277}
.roles-guide .story-source{margin-top:24px}
.story-step{display:grid;grid-template-columns:180px 1fr;gap:62px;padding:38px 0 56px;border-top:1px solid var(--line)}
.story-date{align-self:start;padding-left:17px;border-left:3px solid var(--teal)}
.story-date>span{font:10px/1.6 var(--mono);color:var(--teal);display:block;margin:0 0 9px}
.story-date>strong{font:22px/1.25 var(--display);font-weight:500;display:block}
.measures-list{border-top:1px solid var(--line);margin:27px 0 22px}
.measures-list>div{display:grid;grid-template-columns:150px 1fr;gap:20px;padding:17px 0;border-bottom:1px solid var(--line)}
.measure-tag{font:9px/1.6 var(--mono);color:var(--teal);padding-top:3px}
.measures-list p{font-size:14px;line-height:1.8;margin:0}
.reasoning-panel{margin:30px 0 25px;background:var(--white);border:1px solid var(--line);border-radius:10px;overflow:hidden}
.reasoning-head{padding:24px 26px;background:var(--navy);color:var(--white)}
.reasoning-head .eyebrow{color:#d1e6ee;margin-bottom:10px;font-size:9px}
.reasoning-head h3{font:28px/1.25 var(--display);font-weight:500;margin:0;max-width:530px}
.reasoning-columns{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:26px}
.reasoning-columns>div+div{padding-left:26px;border-left:1px solid var(--line)}
.reasoning-label{font:10px var(--mono);color:var(--teal)}
.reasoning-columns p{font-size:14px;line-height:1.8;margin:10px 0 0}
.reasoning-note{border-top:1px solid var(--line);padding:14px 26px;font-size:12px;margin:0;color:var(--muted)}
.later-events{margin:25px 0 0}
.later-events>div{position:relative;padding:0 0 28px 26px;border-left:1px solid var(--line)}
.later-events>div:before{content:"";position:absolute;top:4px;left:-4px;width:7px;height:7px;background:var(--teal);border-radius:50%}
.later-events>div:last-child{padding-bottom:0}
.later-events time{display:block;font:10px var(--mono);color:var(--teal);margin-bottom:9px}
.later-events h3{font:24px/1.3 var(--display);font-weight:500;margin:0 0 10px}
.later-events p{font-size:14px;line-height:1.8;color:#405b70;margin:0 0 10px}
.later-events .story-source{margin:0;font-size:11px}
.collection-end{display:grid;grid-template-columns:1fr 1.3fr;gap:55px;padding:32px 0 52px;border-top:1px solid var(--line)}
.collection-end h2{font-size:32px}
.collection-end p:not(.eyebrow){font-size:14px;line-height:1.8;margin:0 0 15px;color:#405b70}
.catalog-bridge{margin:0 24px 0;padding:32px;background:var(--ice);border:1px solid var(--line);border-bottom:0;border-radius:12px 12px 0 0;display:grid;grid-template-columns:1.4fr 1fr;gap:50px;align-items:center}
.catalog-bridge h2{font-size:34px;margin-bottom:14px}
.catalog-bridge .eyebrow{margin-bottom:10px}
.catalog-bridge p:not(.eyebrow){font-size:14px;line-height:1.8;color:#405b70;max-width:510px;margin:0}
.catalog-shortcuts{display:grid}
.catalog-shortcuts a{display:flex;justify-content:space-between;align-items:center;text-decoration:none;border-bottom:1px solid var(--line);padding:14px 0;font-size:13px;font-weight:600;gap:20px}
.catalog-shortcuts a:hover{color:var(--teal)}
.catalog-shortcuts a:last-child{border-bottom:0}
.catalog-bridge+.explorer{border-radius:0 0 12px 12px;scroll-margin-top:100px}
@media(max-width:1000px){.topbar{gap:15px;padding-inline:28px}.journey-nav{gap:17px}.edition{font-size:9px}.story-opening{grid-template-columns:190px 1fr;gap:35px}.story-step{grid-template-columns:145px 1fr;gap:35px}.story-copy h2{font-size:33px}.roles-track{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.roles-track>div:nth-child(3){border-left:0;padding-left:0}.measures-list>div{grid-template-columns:125px 1fr;gap:16px}.reasoning-columns{gap:22px}.reasoning-columns>div+div{padding-left:22px}.catalog-bridge{gap:25px}}
@media(max-width:680px){html{scroll-padding-top:125px}.topbar{display:grid;grid-template-columns:1fr auto;gap:4px 14px;padding:12px 20px 5px}.brand{font-size:11px}.edition{display:none}.journey-nav{grid-column:1/-1;justify-content:space-between;gap:15px}.journey-nav a{font-size:11px;min-height:40px;display:flex;align-items:center;gap:5px}.hero-actions{gap:19px}.hero-actions .primary{font-size:13px}.hero-actions .jump-link{font-size:12px}.case-story{padding:43px 22px 0}.story-opening{display:block;padding-bottom:25px}.story-opening h2{font-size:32px;max-width:none;margin-bottom:21px}.story-copy>p{font-size:15px;line-height:1.85}.roles-guide{padding:23px 19px;margin-bottom:35px}.roles-guide>h3{font-size:25px}.roles-track{gap:21px 15px}.roles-track>div+div{padding-left:15px}.roles-track>div:nth-child(3){padding-left:0}.role-action{font-size:8px;letter-spacing:0}.roles-track h4{font-size:15px}.roles-track p{font-size:12px;line-height:1.7}.case-story .story-source{font-size:11px;line-height:1.9}.story-step{display:block;padding:29px 0 35px}.story-date{margin-bottom:23px;padding-left:13px}.story-date>span{font-size:10px;margin-bottom:5px}.story-date strong{font-size:18px}.story-date br{display:none}.story-copy h2{font-size:32px}.measures-list>div{display:block;padding:16px 0}.measure-tag{display:block;font-size:9px;margin-bottom:8px}.measures-list p{font-size:14px}.reasoning-head{padding:23px 20px}.reasoning-head h3{font-size:27px}.reasoning-columns{display:block;padding:22px 20px}.reasoning-columns>div+div{border-left:0;border-top:1px solid var(--line);padding:20px 0 0;margin-top:20px}.reasoning-columns p{font-size:14px}.reasoning-note{padding:15px 20px}.later-events>div{padding-left:20px}.later-events h3{font-size:25px}.collection-end{display:block;padding:27px 0 37px}.collection-end h2{font-size:31px;margin-bottom:23px}.catalog-bridge{margin:0 10px;padding:26px 19px 19px;display:block}.catalog-bridge h2{font-size:30px}.catalog-shortcuts{margin-top:14px}.catalog-bridge+.explorer{scroll-margin-top:125px}}
