/* Case studies (/case-studies/*), 6 Nov 2026: the designed layout the Australian case studies and the UK service pages
   use. Tokens only; no page-local type sizes beyond the hero, statement and stat scales. Owner alignment rule: a heading
   and the body beside it start on the same line; a label above them runs on its own row. */
.cs2{--cs2-layer:#f4f4f6}
[data-theme="dark"] .cs2{--cs2-layer:#161616}
.cs2 p{max-width:none}
.cs2 .wrap>.label{margin-bottom:var(--space-5)}
/* Hero */
.cs2-hero{padding-block:var(--space-7) var(--space-8);border-bottom:1px solid var(--line)}
.cs2-hero__grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--space-8);align-items:center}
.cs2-hero__copy .eyebrow{margin-bottom:var(--space-5)}
.cs2-hero h1{font-size:clamp(34px,3.6vw,56px);font-weight:var(--weight-display);line-height:1.06;letter-spacing:var(--tracking-display);max-width:22ch;margin-bottom:var(--space-5)}
.cs2-accent{color:var(--blue)}
.cs2-hero .lead{max-width:58ch;margin:0 0 var(--space-5)}
.cs2 .akc-byline{display:flex;flex-direction:column;gap:var(--space-1);border:0;padding:0;margin:0}
.cs2-hero .hero-actions{margin-top:var(--space-6)}
.cs2-note{margin:var(--space-6) 0 0;max-width:60ch;color:var(--muted)}
.cs2-hero__visual{margin:0;display:flex;flex-direction:column;align-items:flex-end;justify-self:end;width:100%}
.cs2-hero__visual figcaption{font-size:var(--text-small);color:var(--muted);margin-top:var(--space-5);max-width:34ch;text-align:right}
.cs2-cover{display:block;width:100%;max-width:340px;margin-left:auto;perspective:1800px;text-decoration:none}
.cs2-cover__book{position:relative;display:block;transform:rotateY(-18deg) rotateX(4deg) rotateZ(-1deg);transform-origin:60% 50%;transform-style:preserve-3d;transition:transform 600ms cubic-bezier(.16,1,.3,1)}
.cs2-cover:hover .cs2-cover__book,.cs2-cover:focus-visible .cs2-cover__book{transform:rotateY(-10deg) rotateX(2deg) rotateZ(-.5deg) translateY(-6px)}
.cs2-cover__book img{position:relative;z-index:2;display:block;width:100%;height:auto;aspect-ratio:1414/2000;border-radius:2px 6px 6px 2px;box-shadow:inset 6px 0 10px -6px rgba(0,0,0,.45),-26px 42px 70px rgba(10,14,26,.32),-4px 10px 22px rgba(10,14,26,.18)}
.cs2-cover__pages{position:absolute;inset:3px -7px -6px 6px;z-index:1;border-radius:2px 6px 6px 2px;background:repeating-linear-gradient(90deg,#fff 0 1px,#e3e3e0 1px 2px) right/8px 100% no-repeat,repeating-linear-gradient(180deg,#fff 0 1px,#e3e3e0 1px 2px) bottom/100% 7px no-repeat,#f1f1ee;box-shadow:0 1px 0 rgba(0,0,0,.12),8px 10px 24px rgba(10,14,26,.18)}
.cs2-cover__gloss{position:absolute;inset:0;z-index:3;pointer-events:none;border-radius:2px 6px 6px 2px;background:linear-gradient(115deg,rgba(255,255,255,.16) 0%,rgba(255,255,255,0) 38%,rgba(255,255,255,0) 70%,rgba(255,255,255,.07) 100%),radial-gradient(120px 90px at 100% 0%,rgba(255,255,255,.22),rgba(255,255,255,0) 70%)}
[data-theme="dark"] .cs2-cover__pages{background:repeating-linear-gradient(90deg,#d9d9d6 0 1px,#a9a9a5 1px 2px) right/8px 100% no-repeat,repeating-linear-gradient(180deg,#d9d9d6 0 1px,#a9a9a5 1px 2px) bottom/100% 7px no-repeat,#cfcfcb}
/* Statement band */
.cs2-statement{background:var(--cs2-layer);padding-block:var(--space-9)}
.cs2-statement__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--space-8);align-items:start}
.cs2-statement__text{font-size:clamp(26px,2.6vw,40px);line-height:1.15;letter-spacing:var(--tracking-heading);font-weight:var(--weight-heading);color:var(--blue);max-width:20ch;margin:0;text-wrap:balance}
.cs2-body{font-size:var(--text-lead);line-height:1.6;max-width:66ch;margin:0 0 var(--space-6)}
.cs2-facts{margin:0;border-top:1px solid var(--line)}
.cs2-facts>div{display:grid;grid-template-columns:11rem minmax(0,1fr);gap:var(--space-5);padding-block:var(--space-4);border-bottom:1px solid var(--line)}
.cs2-facts dt{font-weight:var(--weight-strong)}
.cs2-facts dd{margin:0;max-width:70ch}
/* Stats band */
.cs2-stats{padding-block:var(--space-8)}
.cs2-stats__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-6) var(--space-5)}
.cs2-stats__grid>div{border-top:2px solid var(--blue);padding-top:var(--space-5)}
.cs2-stat__value{font-size:clamp(44px,4.5vw,72px);font-weight:300;line-height:1;letter-spacing:-.03em;color:var(--blue);margin:0 0 var(--space-4)}
.cs2-stat__label{margin:0 0 var(--space-2);font-weight:var(--weight-strong);max-width:22ch}
.cs2-stat__source{margin:0;font-size:var(--text-small);color:var(--muted);max-width:30ch}
/* In-page nav */
.cs2-toc{border-top:1px solid var(--line)}
/* Sections */
.cs2-section{padding-block:var(--space-9);border-top:1px solid var(--line)}
.cs2-section__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--space-8);align-items:start}
.cs2-section h2{margin:0;max-width:18ch;font-size:var(--text-h2);line-height:1.12}
.cs2-section__body{max-width:var(--reading)}
.cs2-section__body>:first-child{margin-top:0}
.cs2-section__body>:last-child{margin-bottom:0}
.cs2-section__body ul,.cs2-section__body ol{padding-left:1.25rem}
.cs2-section__body li{margin-bottom:var(--space-2)}
.cs2-section__body h3{font-size:var(--text-h4);margin:var(--space-6) 0 var(--space-3)}
.cs2-section__wide{margin-top:var(--space-7)}
.cs2-section__wide>p{max-width:var(--reading)}
.cs2-section__wide>h3{font-size:var(--text-h3);margin:var(--space-8) 0 var(--space-4)}
.cs2-section__wide .evidence-table-wrap{margin-block:0 var(--space-6)}
.cs2 .akc-callout{max-width:var(--reading)}
.cs2 .akc-steps{max-width:none}
/* Stages (the engagement in order) */
.cs2-stages{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.cs2-stages>li{display:grid;grid-template-columns:9rem minmax(0,1fr);gap:var(--space-5);padding-block:var(--space-5);border-bottom:1px solid var(--line);margin:0}
.cs2-stage__k{font-weight:var(--weight-strong);color:var(--blue);line-height:1.3;padding-top:.15em}
.cs2-stages h3{font-size:var(--text-h4);margin:0 0 var(--space-2);line-height:1.3}
.cs2-stages p{margin:0;max-width:72ch}
/* Panels */
.cs2-panel{padding:var(--space-7);margin-top:var(--space-6)}
.cs2-panel--dark{background:var(--black);color:#fff;border-top:4px solid var(--blue)}
.cs2-panel--dark .label{color:#fff}
.cs2-panel--dark p{color:#fff;max-width:72ch;margin:0}
.cs2-panel--dark p+p{margin-top:var(--space-4)}
.cs2-checklist-panel{background:var(--cs2-layer);padding:var(--space-7)}
.cs2-checklist-panel .akc-checklist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--space-8);margin:0 0 var(--space-5)}
.cs2-checklist-panel .akc-checklist li:last-child{border-bottom:1px solid var(--line)}
.cs2-checklist-panel .akc-checklist li:nth-last-child(2){border-bottom:1px solid var(--line)}
.cs2-checklist-panel>p{margin:0;font-weight:var(--weight-strong);max-width:var(--reading)}
.cs2-faq{border-top:0;padding-top:0}
.cs2 .akc-diagram{margin:0}
/* Closing band */
.cs2-cta{background:var(--black);color:#fff;padding-block:var(--space-9);border-top:4px solid var(--blue)}
.cs2-cta__grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--space-8);align-items:center}
.cs2-cta__lead{font-size:clamp(22px,2.2vw,32px);line-height:1.25;letter-spacing:var(--tracking-heading);font-weight:var(--weight-heading);margin:0;max-width:26ch;text-wrap:balance}
.cs2-cta .button{width:100%;max-width:26rem}
.cs2-cta .small{margin:var(--space-5) 0 0;color:#c2c2c2;max-width:44ch}
/* Sources and next steps */
.cs2-end{padding-block:var(--space-9)}
.cs2-end__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-8);align-items:start}
.cs2-end h2{font-size:var(--text-h3);margin-bottom:var(--space-4)}
.cs2-sources{border-top:0;padding-top:0;font-size:var(--text-body)}
.cs2-sources .text-link,.cs2-next .text-link{display:flex;justify-content:space-between;max-width:36rem}
.cs2-next{display:flex;flex-direction:column;gap:var(--space-2)}
@media (max-width:1000px){
 .cs2-hero__grid,.cs2-statement__grid,.cs2-section__grid,.cs2-cta__grid,.cs2-end__grid{grid-template-columns:1fr;gap:var(--space-6)}
 .cs2-hero__visual{align-items:flex-start;justify-self:start}
 .cs2-hero__visual figcaption{text-align:left}
 .cs2-cover{max-width:240px;margin-left:12px}
 .cs2-cover__book{transform:rotateY(-10deg) rotateX(2deg) rotateZ(-.5deg)}
 .cs2-stats__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .cs2-checklist-panel .akc-checklist{grid-template-columns:1fr}
 .cs2-checklist-panel .akc-checklist li:nth-last-child(2){border-bottom:0}
 .cs2-section{padding-block:var(--space-8)}
 .cs2-statement,.cs2-cta,.cs2-end{padding-block:var(--space-8)}
}
@media (max-width:640px){
 .cs2-facts>div{grid-template-columns:1fr;gap:var(--space-2)}
 .cs2-stages>li{grid-template-columns:1fr;gap:var(--space-2)}
 .cs2-stat__value{font-size:44px}
 .cs2-panel,.cs2-checklist-panel{padding:var(--space-5)}
 .cs2-cta .button{max-width:none}
}
@media (prefers-reduced-motion:reduce){.cs2-cover__book,.cs2-cover:hover .cs2-cover__book{transition:none}}
/* /case-studies index (tools/apply-knowledge-menu-20261106.mjs) */
.csi-intro h1{max-width:16ch}
.csi-intro .lead{max-width:62ch}
.csi-list{border-top:1px solid var(--line)}
.csi-item{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,9fr);gap:var(--space-8);align-items:center;padding-block:var(--space-8);border-bottom:1px solid var(--line)}
.csi-item__cover{display:block;max-width:300px;text-decoration:none}
.csi-item__cover .cs2-cover{margin-left:0;max-width:260px}
.csi-item__cover .cs2-cover__book{transform:rotateY(-14deg) rotateX(3deg) rotateZ(-.5deg)}
.csi-item__cover:hover .cs2-cover__book,.csi-item__cover:focus-visible .cs2-cover__book{transform:rotateY(-8deg) rotateX(2deg) translateY(-6px)}
.csi-item__copy .label{color:var(--muted);margin-bottom:var(--space-4)}
.csi-item__copy h2{font-size:clamp(26px,2.6vw,38px);max-width:24ch;margin-bottom:var(--space-4)}
.csi-item__copy h2 a{text-decoration:none}
.csi-item__copy h2 a:hover{color:var(--blue)}
.csi-item__copy>p{max-width:70ch}
.csi-item__links{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3) var(--space-7);margin-top:var(--space-5)}
.csi-item__service{font-size:var(--text-ui);color:var(--muted);text-decoration:none;border-bottom:1px solid transparent}
.csi-item__service:hover{color:var(--blue);border-bottom-color:currentColor}
.csi-how__links{display:flex;flex-wrap:wrap;gap:var(--space-3) var(--space-7)}
@media (max-width:1000px){.csi-item{grid-template-columns:1fr;gap:var(--space-6)}.csi-item__cover .cs2-cover{max-width:200px;margin-left:12px}}
