.case-chapter{margin-top:100px;scroll-margin-top:90px}
.case-chapter-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:70px;margin-bottom:50px}
.case-employer{display:flex;gap:20px;align-items:center;font-size:14px;color:var(--accent);margin-bottom:24px}
.case-employer>span{color:var(--muted);font-size:12px;padding-left:20px;border-left:1px solid var(--line)}
.case-chapter-heading h2{font-size:clamp(2.3rem,3.7vw,3.6rem);line-height:1.15;letter-spacing:-.04em}
.case-chapter-heading h2>span{color:var(--accent)}
.case-chapter-heading>p{font-size:15px;line-height:1.85;color:var(--muted);max-width:52ch;justify-self:end}
.case-gallery{display:block;grid-template-columns:230px minmax(0,1fr);gap:55px;align-items:start;scroll-margin-top:90px}
.case-ready{display:grid}
.case-tabs{display:none}
.case-ready .case-tabs{display:flex;flex-direction:column;position:sticky;top:100px;border-top:1px solid var(--line)}
.case-tabs button{display:flex;align-items:center;gap:15px;text-align:left;background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:22px 12px 22px 0;min-height:98px;transition:color 180ms var(--ease),background-color 180ms var(--ease);color:var(--muted)}
.case-tabs button[aria-selected=true]{color:var(--accent);background:#182421}
.case-tabs button>span{flex:1;padding-left:12px}
.case-tabs strong{display:block;font-weight:550;font-size:14px;line-height:1.5}
.case-tabs small{display:block;font-size:12px;color:var(--muted);margin-top:7px}
.case-tab-arrow{width:17px;height:17px;flex-shrink:0;stroke:currentColor;stroke-width:1.5;transition:transform 180ms var(--ease)}
.case-tabs button[aria-selected=true] .case-tab-arrow{transform:translateX(3px)}
.case-tabs button:hover{background:#182421}
.case-panels{min-width:0}
.case-panel{border-top:1px solid var(--accent);padding:30px 0 0;min-width:0;scroll-margin-top:90px}
.case-panel[hidden]{display:none!important}
.case-panel+.case-panel{margin-top:70px}
.case-ready .case-panel+.case-panel{margin-top:0}
.case-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:12px 24px;margin-bottom:25px;font-size:12px;line-height:1.6;color:var(--muted)}
.case-role{color:var(--accent);font-size:13px}
.case-panel h3{font-size:clamp(1.8rem,2.8vw,2.8rem);line-height:1.2;letter-spacing:-.035em;font-weight:550;text-wrap:balance;max-width:26ch}
.case-panel-heading>p{font-size:16px;line-height:1.85;margin-top:24px;max-width:68ch;color:#cfdbd3}
.case-context{display:grid;grid-template-columns:1.35fr 1fr;gap:35px;margin-top:34px}
.case-panel h4{font-size:15px;font-weight:600;line-height:1.5}
.case-context p,.case-decisions p,.case-outputs li,.case-extra p{font-size:14px;line-height:1.85;color:var(--muted);max-width:70ch}
.case-context p{margin-top:12px}
.case-insight{margin:35px 0;padding:25px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.case-insight p{font-size:clamp(1.15rem,1.7vw,1.5rem);line-height:1.55;letter-spacing:-.02em;color:var(--accent);max-width:47ch}
.artifact{margin:0;padding:30px;background:#e5e9dd;color:#182b28;position:relative;overflow:hidden;border:0;border-radius:3px}
.artifact-top{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;color:#486054;margin-bottom:22px}
.artifact-top svg{width:24px;height:24px;stroke:currentColor;stroke-width:1.3;flex-shrink:0}
.case-panel .artifact h4{font-size:22px;line-height:1.35;letter-spacing:-.025em;max-width:34ch}
.artifact-scenario{font-size:13px;line-height:1.8;margin-top:20px;max-width:70ch;color:#354e42}
.review-comparison{display:grid;grid-template-columns:.85fr 1.15fr;margin-top:25px;border-top:1px solid #acb8a5;border-bottom:1px solid #acb8a5}
.review-column{padding:22px 20px 22px 0}
.review-column+.review-column{border-left:1px solid #acb8a5;padding-left:20px;padding-right:0}
.review-column h5{font-size:12px;line-height:1.6;font-weight:650;margin-bottom:12px;color:#344c40}
.review-column p{font-size:15px;line-height:1.8}
.review-column:first-child p{text-decoration:underline;text-decoration-style:wavy;text-decoration-color:#927f50;text-underline-offset:5px}
.review-lenses{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:20px;font-size:11px;line-height:1.7;color:#3d5849}
.review-lenses span{display:flex;align-items:center;gap:7px}
.review-lenses span:before{content:'';width:5px;height:5px;background:currentColor;border-radius:50%}
.artifact figcaption{margin-top:25px;font-size:13px;line-height:1.8;color:#354e42;max-width:70ch}
.example-disclosure{font-size:12px;line-height:1.8;margin:13px 0 0;color:var(--muted);max-width:75ch}
.artifact-table{width:100%;table-layout:fixed;border-collapse:collapse;margin-top:25px;font-size:13px;line-height:1.75;text-align:left}
.artifact-table th{font-size:12px;font-weight:650;vertical-align:bottom;border-top:1px solid #acb8a5;border-bottom:1px solid #acb8a5;padding:13px 12px 13px 0;color:#344c40}
.artifact-table td{vertical-align:top;border-bottom:1px solid #b6c1b0;padding:18px 12px 18px 0;overflow-wrap:anywhere}
.artifact-table th:last-child,.artifact-table td:last-child{padding-right:0}
.artifact-table td:first-child{font-weight:550}
.mobile-cell-label{display:none}
.brief-example{margin:26px 0 0;border-top:1px solid #acb8a5}
.brief-example>div{display:grid;grid-template-columns:115px minmax(0,1fr);gap:25px;padding:20px 0;border-bottom:1px solid #b6c1b0}
.brief-example dt{font-size:12px;font-weight:650;line-height:1.7;color:#344c40}
.brief-example dd{font-size:14px;line-height:1.85;margin:0}
.case-decisions{margin-top:38px}
.case-decisions>h4{font-size:22px;letter-spacing:-.02em}
.case-decisions ol{list-style:none;margin:20px 0 0;padding:0}
.case-decisions li{padding:22px 0;border-top:1px solid var(--line)}
.case-decisions h5{font-size:16px;font-weight:550;line-height:1.6;max-width:65ch}
.case-decisions p{margin-top:10px}
.case-outputs{margin-top:18px;padding:25px 0;border-top:1px solid var(--line)}
.case-outputs ul{padding-left:18px;margin-top:14px}
.case-outputs li+li{margin-top:9px}
.case-outputs li::marker{color:var(--accent)}
.case-panel details{border-top:1px solid var(--line);margin-top:4px}
.case-panel summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;font-size:13px;color:var(--accent)}
.case-panel summary::-webkit-details-marker{display:none}
.case-panel summary svg{width:17px;height:17px;stroke:currentColor;stroke-width:1.4;flex-shrink:0;transition:transform 180ms var(--ease)}
.case-panel details[open] summary svg{transform:rotate(45deg)}
.case-extra{padding-bottom:20px}
.case-extra h4{font-size:13px;margin:22px 0 8px}
.case-extra h4:first-child{margin-top:0}
.case-visual-note{font-size:12px;line-height:1.8;color:var(--muted);margin:25px 0 0 285px;max-width:76ch}
.case-chapter :focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.artifact ::selection{background:#bccfa7;color:#182b28}
@media(prefers-reduced-motion:no-preference){.js .case-active{animation:case-arrive 300ms cubic-bezier(.16,1,.3,1) both}.case-gallery[data-keyboard=true] .case-active{animation:none}@keyframes case-arrive{from{opacity:.8;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}}
@media(max-width:1100px){.case-gallery{grid-template-columns:200px minmax(0,1fr);gap:32px}.case-tabs strong{font-size:13px}.case-chapter-heading{gap:40px}.case-context{grid-template-columns:1fr;gap:22px}.case-visual-note{margin-left:232px}.artifact{padding:25px}.case-panel h3{font-size:34px}}
@media(max-width:820px){.case-chapter-heading{display:block;margin-bottom:32px}.case-chapter-heading>p{margin-top:24px;max-width:64ch}.case-gallery,.case-ready{display:block}.case-ready .case-tabs{position:static;display:grid;grid-template-columns:1fr 1fr;margin-bottom:30px}.case-tabs button{min-height:94px;padding:17px 14px}.case-tabs button>span{padding-left:0}.case-tabs button:nth-child(odd){border-right:1px solid var(--line)}.case-panel h3{font-size:36px}.case-context{grid-template-columns:1.2fr 1fr;gap:25px}.case-visual-note{margin-left:0}}
@media(max-width:600px){.case-chapter{margin-top:70px}.case-employer{font-size:13px;margin-bottom:20px;gap:16px}.case-employer>span{font-size:12px;padding-left:16px}.case-chapter-heading h2{font-size:35px}.case-chapter-heading>p{font-size:14px;line-height:1.85;margin-top:22px}.case-tabs button{min-height:106px;padding:15px 10px;gap:8px}.case-tabs strong{font-size:13px}.case-tabs small{font-size:11px;line-height:1.6}.case-tab-arrow{width:14px;height:14px}.case-panel{padding-top:23px}.case-meta{gap:8px;margin-bottom:20px;display:block;font-size:11px}.case-role{display:block;margin-bottom:7px;font-size:12px}.case-panel h3{font-size:29px;line-height:1.25}.case-panel-heading>p{font-size:15px;margin-top:20px}.case-context{display:block;margin-top:28px}.case-context>div+div{margin-top:24px}.case-context p,.case-decisions p,.case-outputs li,.case-extra p{font-size:14px}.case-insight{margin:28px 0;padding:22px 0}.case-insight p{font-size:19px;line-height:1.6}.artifact{padding:22px 18px;margin:0 -3px}.artifact-top{font-size:11px;margin-bottom:18px}.case-panel .artifact h4{font-size:21px;line-height:1.45}.artifact-scenario{font-size:13px}.review-comparison{display:block}.review-column{padding:20px 0}.review-column+.review-column{padding:20px 0;border-left:0;border-top:1px solid #acb8a5}.review-column p{font-size:14px}.review-lenses{display:grid;gap:6px}.artifact figcaption{font-size:12px}.artifact-table,.artifact-table tbody{display:block}.artifact-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.artifact-table tr{display:grid;gap:15px;padding:20px 0;border-top:1px solid #acb8a5}.artifact-table tr:last-child{border-bottom:1px solid #acb8a5}.artifact-table td{display:block;padding:0;border:0;font-size:13px}.mobile-cell-label{display:block;font-size:11px;color:#486054;font-weight:600;line-height:1.7;margin-bottom:5px}.artifact-table td:first-child{font-size:14px}.brief-example>div{display:block;padding:20px 0}.brief-example dt{margin-bottom:8px}.brief-example dd{font-size:14px}.case-decisions{margin-top:32px}.case-decisions>h4{font-size:21px}.case-decisions h5{font-size:16px}.case-decisions li{padding:20px 0}.case-outputs{padding-top:22px}.case-panel summary{font-size:13px}.case-visual-note{font-size:12px}}
.motion-paused .case-active{animation:none!important}
@media(prefers-reduced-motion:reduce){.case-chapter *,.case-chapter *:before,.case-chapter *:after{animation:none!important;transition:none!important}}
