/* Shared presentation layer for the three Issue 4.1 study decks. */
body.study-deck{--bg:#faf9f6;--card:#fff;--top:64px;--nav:68px;background:var(--bg)}
.study-deck .topbar{min-height:var(--top);padding:8px 4vw;background:#fff;border-bottom:1px solid var(--line);gap:16px}
.study-deck .topbar a{color:var(--navy);font-size:14px;line-height:1.4;display:inline-flex;align-items:center;min-height:44px;padding:4px 8px}
.study-deck .topbar .chip{color:#fff}
.study-deck .topbar .deck-home{font-weight:600;padding-left:0}
.study-deck .topbar button{min-height:44px}
.study-deck .topbar .reading-link{color:var(--teal)}
.study-deck .topbar .top-actions{gap:12px}
.study-deck .js #stage{height:100dvh}
.study-deck .slide{background:var(--bg)}
.study-deck .slide>*{max-width:1440px;margin-left:auto;margin-right:auto}
.study-deck .shead{border:0;padding-bottom:0;margin-bottom:24px;display:block}
.study-deck .shead .bar,.study-deck .shead .eyebrow{display:none}
.study-deck h1{font-size:clamp(32px,3.8vw,58px);line-height:1.24;text-wrap:balance;letter-spacing:0}
.study-deck h2{font-size:clamp(26px,2.6vw,40px);line-height:1.3;text-wrap:balance}
.study-deck h3{font-size:clamp(20px,1.6vw,27px)}
.study-deck .lead{font-size:clamp(19px,1.5vw,26px);line-height:1.65}
.study-deck .card{border:1px solid var(--line);border-radius:4px;box-shadow:none;padding:18px 22px}
.study-deck .card.t,.study-deck .card.r,.study-deck .card.g,.study-deck .card.p{border-left-color:var(--line)}
.study-deck .task{border:0;border-radius:4px;background:#e9f2ee;padding:18px 22px;margin-top:24px}
.study-deck .task strong,.study-deck .task a{color:#255345}
.study-deck .task strong{font-size:16px}
.study-deck .task p{font-size:clamp(17px,1.25vw,22px);line-height:1.7}
.study-deck .q,.study-deck .worked{border:1px solid var(--line);border-radius:4px;padding:20px 24px;box-shadow:none}
.study-deck .worked{background:#edf4f0}
.study-deck .cover-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:center}
.study-deck .cover-layout h1{margin:0 0 24px;text-wrap:initial}
.study-deck .cover-layout .lead{margin:0 0 24px}
.study-deck .cover-links{display:flex;gap:12px 24px;flex-wrap:wrap;font-size:16px}
.study-deck figure.study-figure{margin:0;min-width:0}
.study-deck .study-figure img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:4px}
.study-deck .cover-layout .study-figure img{aspect-ratio:4/3}
.study-deck .study-figure figcaption{font-size:13px;line-height:1.6;color:#59616a;margin-top:8px}
.study-deck .visual-split{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:32px;align-items:start}
.study-deck .visual-split p:first-child{margin-top:0}
.study-deck .visual-split .study-figure img{max-height:420px}
.study-deck .observation{border-top:1px solid #b6c9be;margin-top:28px;padding-top:18px}
.study-deck .observation h3{color:var(--teal);font-size:20px;margin:0 0 8px}
.study-deck .observation p{font-size:clamp(17px,1.35vw,23px);margin:0}
.study-deck .relation-diagram{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin:28px 0}
.study-deck .relation-pair{padding:24px;background:#fff;border:1px solid var(--line)}
.study-deck .relation-pair h3{margin:0 0 24px;font-size:20px;color:var(--teal)}
.study-deck .relation-route{display:grid;grid-template-columns:1fr 1.8fr 1fr;align-items:center;gap:12px;text-align:center}
.study-deck .relation-person{font-weight:600;color:var(--navy);font-size:24px}
.study-deck .relation-exchange{font-size:16px;line-height:1.7}
.study-deck .relation-exchange span{display:block;border-bottom:1px solid #93b3a8;padding:8px 0}
.study-deck .case-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}
.study-deck .case-tabs button{min-height:46px;padding:8px 20px;font-size:17px;border-radius:4px}
.study-deck .case-tabs button[aria-selected=true]{background:var(--navy);color:#fff;border-color:var(--navy)}
.study-deck .case-panel{border:1px solid var(--line);padding:20px 24px;background:white;min-height:150px}
.study-deck .case-panel[hidden]{display:none}
.study-deck .case-panel h3{font-size:21px;margin-bottom:12px}
.study-deck .case-panel p{font-size:clamp(17px,1.3vw,22px);line-height:1.7;margin:0}
.study-deck .notebook-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;list-style:decimal;padding-left:24px;margin:24px 0}
.study-deck .notebook-steps li{font-size:clamp(17px,1.2vw,21px);padding-right:16px;line-height:1.7}
.study-deck .sequence-diagram{display:flex;align-items:stretch;gap:12px;margin:24px 0;list-style:none;padding:0}
.study-deck .sequence-diagram li{flex:1;min-width:0;border-top:2px solid var(--teal);padding:14px 10px 10px;font-size:18px;line-height:1.6}
.study-deck .sequence-diagram strong{display:block;color:var(--navy);font-size:22px;margin-bottom:8px}
.study-deck .reveal button{min-height:44px;color:#50395d;font-size:16px}
.study-deck .resource-links .chip{border-radius:4px;font-size:15px}
.study-deck #nav{gap:12px;padding:10px 4vw}
.study-deck #nav button,.study-deck #jump{min-height:44px}
.study-deck .flow .card:not(:last-child)::after{color:var(--teal)}
@media(max-width:900px){
 .study-deck .cover-layout,.study-deck .visual-split,.study-deck .relation-diagram{grid-template-columns:1fr;gap:24px}
 .study-deck .cover-layout .study-figure img{aspect-ratio:16/9}
 .study-deck .visual-split .study-figure img{aspect-ratio:16/9;max-height:340px}
 .study-deck .notebook-steps{grid-template-columns:1fr;gap:4px}
 .study-deck .sequence-diagram{flex-direction:column;gap:6px}
 .study-deck .sequence-diagram li{padding:10px 0}
 .study-deck .topbar .reading-link{max-width:220px}
}
@media(max-width:560px){
 body.study-deck{--top:104px;--nav:72px}
 .study-deck .topbar{display:grid;grid-template-columns:1fr;padding:4px 5vw;gap:0}
 .study-deck .topbar .top-actions{justify-content:space-between;gap:8px}
 .study-deck .topbar a{font-size:13px;min-height:44px}
 .study-deck .topbar .reading-link{max-width:none;padding-left:0}
 .study-deck .topbar button{font-size:12px;padding:4px 9px;white-space:nowrap}
 .study-deck .shead{margin-bottom:20px}
 .study-deck .relation-pair{padding:16px}
 .study-deck .relation-route{gap:8px;grid-template-columns:1fr 1.7fr 1fr}
 .study-deck .relation-person{font-size:20px}
 .study-deck .relation-exchange{font-size:14px}
 .study-deck #nav{gap:6px;padding:10px 3vw}
 .study-deck #nav button{padding:7px 8px;font-size:12px}
 .study-deck #counter{font-size:12px;min-width:38px}
 .study-deck #jump{min-width:60px;font-size:12px}
}
@media print{
 body.study-deck{--bg:#fff}
 .study-deck .case-tabs{display:none!important}
 .study-deck .case-panel,.study-deck .case-panel[hidden]{display:block!important;min-height:0;margin:10px 0;padding:10px 14px}
 .study-deck .case-panel p,.study-deck .case-panel h3{font-size:10pt}
 .study-deck .cover-layout,.study-deck .visual-split{grid-template-columns:1fr 1fr;gap:20px}
 .study-deck .cover-layout h1{font-size:27pt}
 .study-deck .study-figure img{max-height:85mm;object-fit:contain}
 .study-deck .study-figure figcaption{font-size:8pt}
 .study-deck .relation-diagram{grid-template-columns:1fr 1fr;gap:18px}
 .study-deck .relation-person{font-size:14pt}.study-deck .relation-exchange{font-size:10pt}
 .study-deck .notebook-steps{grid-template-columns:repeat(3,1fr);gap:20px}
 .study-deck .notebook-steps li,.study-deck .observation p{font-size:10pt}
 .study-deck .sequence-diagram{flex-direction:row}.study-deck .sequence-diagram li{font-size:10pt}
 .study-deck .sequence-diagram strong{font-size:13pt}
 .study-deck .task{padding:10px 14px;margin-top:12px}.study-deck .task p{font-size:10.5pt}
}