.case-intro{padding:42px 0 30px;max-width:850px}.case-intro h1{font-size:clamp(32px,4vw,49px);margin-bottom:18px}.case-intro>p{font-size:17px;color:var(--muted);max-width:720px}.case-meta{display:flex;flex-wrap:wrap;gap:8px 24px;font-size:13px;color:var(--muted);margin:18px 0}.case-menu{display:flex;gap:22px;flex-wrap:wrap;padding:0 0 28px;font-size:14px}.case-menu a{text-decoration:underline;text-underline-offset:5px;color:var(--green)}.case-video{display:block;width:100%;aspect-ratio:16/9;background:#172f3b;border-radius:12px}.case-player{scroll-margin-top:105px}.case-caption{font-size:13px;color:var(--muted);margin:14px 0 24px}.chapter-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden}.chapter-list button{display:flex;align-items:baseline;gap:12px;text-align:left;border:0;background:white;color:var(--ink);padding:13px 15px;line-height:1.5;font-size:13px}.chapter-list button:hover,.chapter-list button[aria-current=true]{background:var(--mint);color:var(--green)}.chapter-list time{font-size:12px;color:var(--green);font-variant-numeric:tabular-nums;white-space:nowrap}.case-section{padding:55px 0 0;scroll-margin-top:95px}.case-section h2{font-size:30px;margin-bottom:12px}.case-section>p{color:var(--muted);max-width:770px}.case-demo-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin:22px 0 16px}.demo-routes{display:flex;gap:7px;flex-wrap:wrap}.demo-routes a{padding:8px 13px;border:1px solid var(--line);border-radius:6px;background:white;font-size:13px}.demo-routes a[aria-current=true]{border-color:var(--green);color:var(--green);background:var(--mint)}.case-demo{display:block;width:100%;height:720px;border:1px solid var(--line);border-radius:10px;background:#f7f1e6}.case-note{border-left:3px solid var(--green);background:#eaf2ee;padding:15px 19px;font-size:13px;color:#344d45;line-height:1.9;margin:20px 0}.round-record{border-bottom:1px solid var(--line);padding:0 0 20px;margin-bottom:20px;scroll-margin-top:100px}.round-record>summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 0;list-style:none}.round-record>summary::-webkit-details-marker{display:none}.round-record>summary:after{content:'+';font-size:23px;color:var(--green)}.round-record[open]>summary:after{content:'−'}.round-title{font-size:19px;line-height:1.5}.round-number{color:var(--green);font-size:13px;display:block;margin-bottom:3px}.round-columns{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:15px 0 20px}.round-columns h3{font-size:15px;letter-spacing:0;margin:0 0 12px}.round-prompt,.round-answer{border:1px solid var(--line);background:white;border-radius:9px;padding:22px;font-size:14px;line-height:1.9;overflow-wrap:anywhere}.round-prompt pre{font:inherit;white-space:pre-wrap;margin:0 0 18px}.round-answer p{white-space:pre-wrap}.round-answer p:last-child{margin-bottom:0}.round-answer small{font-size:11px;color:var(--muted)}.round-explanation{font-size:14px;color:var(--muted);max-width:850px}.round-actions{display:flex;gap:10px;flex-wrap:wrap}.round-actions .button,.round-prompt .button{font-size:12px;padding:8px 13px}.case-ending{padding:40px 0 60px}.case-ending h3{font-size:21px;margin-bottom:10px}.case-ending p{color:var(--muted);font-size:14px}.case-entry{border-top:1px solid var(--line);padding:48px 0;display:grid;grid-template-columns:1.2fr 1fr;gap:42px;align-items:center}.case-entry h2{font-size:31px;margin-bottom:16px}.case-entry p{color:var(--muted);font-size:15px}.case-entry img{width:100%;border:1px solid var(--line);border-radius:10px;aspect-ratio:16/9;object-fit:cover}.case-entry .button-row{margin-top:24px}
@media(max-width:1050px){.nav{gap:18px}}
@media(max-width:760px){.case-intro{padding-top:28px}.case-intro>p{font-size:15px}.chapter-list{grid-template-columns:1fr}.chapter-list button{padding:11px 14px}.case-menu{gap:15px}.case-section{padding-top:38px}.case-section h2{font-size:26px}.case-demo{height:650px}.round-columns{grid-template-columns:1fr;gap:14px}.round-title{font-size:17px}.round-prompt,.round-answer{padding:18px}.case-entry{grid-template-columns:1fr;gap:24px;padding:34px 0}.case-entry h2{font-size:27px}.case-meta{gap:6px 16px}.case-demo-bar .button{font-size:13px;padding:10px 14px}}