.work-intro{padding-bottom:38px}.work-intro h1{max-width:16ch}.case-jumps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:30px}.case-jump{display:block;padding:24px;border:1px solid var(--line);border-radius:10px;text-decoration:none;background:var(--surface);color:var(--ink)}.case-jump span{display:block;font-size:.875rem;color:var(--muted);margin-bottom:10px}.case-jump strong{font-size:1.2rem;font-weight:650}.case-jump:hover{border-color:var(--link);background:var(--soft)}.work-case{padding:54px 0 64px;border-top:1px solid var(--line);scroll-margin-top:28px}.case-heading{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start;margin-bottom:32px}.case-heading h2{font-size:clamp(2rem,3.9vw,3.5rem);max-width:15ch;margin:0}.case-heading p:not(.overline){font-size:1rem;line-height:1.8}.case-context{font-size:.875rem!important;color:var(--muted);margin-bottom:0}.case-lab{padding:30px;background:var(--surface);border:1px solid var(--line);border-radius:12px}.case-lab h3{font-size:1.65rem;margin:0 0 12px}.case-lab>p{max-width:75ch;font-size:1rem}.illustration-label{color:var(--muted);font-size:.875rem!important;margin-bottom:25px}.dependency-map{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;position:relative;margin:28px 0}.map-column{display:flex;flex-direction:column;justify-content:center;gap:12px;min-width:0;position:relative}.map-column>span{font-size:.875rem;color:var(--muted);text-align:center}.map-column:not(:last-child):after{content:'→';position:absolute;right:-23px;top:50%;color:var(--muted)}.dependency-node{width:100%;padding:18px 14px;min-height:66px;border:1px solid var(--line);border-radius:7px;font:inherit;font-size:1rem;background:var(--bg);color:var(--ink);cursor:pointer;transition:background .15s,border-color .15s}.dependency-node[data-state=upstream]{background:var(--soft);border-style:dashed;border-color:var(--link)}.dependency-node[data-state=downstream]{background:var(--soft);border:2px solid var(--link)}.dependency-node[data-state=selected]{background:var(--ink);color:var(--bg);border-color:var(--ink);font-weight:650}.dependency-node[data-state=unrelated]{color:var(--muted)}.dependency-legend{display:flex;flex-wrap:wrap;gap:12px 24px;font-size:.875rem;color:var(--muted);margin-bottom:24px}.dependency-legend span{display:flex;gap:8px;align-items:center}.dependency-legend i{display:inline-block;width:18px;height:18px;border:1px dashed var(--link);background:var(--soft);border-radius:3px}.dependency-legend .legend-down{border:2px solid var(--link)}.dependency-legend .legend-selected{border:0;background:var(--ink)}.dependency-result{border-top:1px solid var(--line);padding-top:24px;min-height:180px}.dependency-result h4,.scenario-result h4{font-size:1.2rem;font-weight:650;margin:0 0 12px;letter-spacing:-.02em}.dependency-result p,.scenario-result p{font-size:1rem;max-width:80ch}.dependency-scope{color:var(--muted);font-size:.875rem!important}.test-example{margin-top:24px;border-left:3px solid var(--link);padding:8px 0 8px 24px}.test-example dl{margin:0;display:grid;gap:18px}.test-example dt{font-size:.875rem;font-weight:700;margin-bottom:5px}.test-example dd{font-size:1rem;margin:0;line-height:1.65;max-width:75ch}.case-evidence{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:30px}.case-evidence h3{font-size:1rem;font-weight:750;letter-spacing:0;margin-bottom:12px}.case-evidence p{font-size:1rem;line-height:1.8;color:var(--muted);margin:0}.case-takeaway{font-size:clamp(1.2rem,2.3vw,1.6rem);line-height:1.6;letter-spacing:-.025em;max-width:60ch;margin:30px 0 0;padding-top:26px;border-top:1px solid var(--line)}.scenario-options{display:flex;flex-wrap:wrap;gap:9px;margin:24px 0}.scenario-options button{border:1px solid var(--line);background:var(--bg);color:var(--ink);padding:12px 16px;border-radius:7px;font:inherit;font-size:.9375rem;cursor:pointer}.scenario-options button[aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}.workflow-stages{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 28px;padding:0}.workflow-stages li{padding:16px;background:var(--bg);border:1px solid var(--line);border-radius:7px;color:var(--muted)}.workflow-stages strong{display:block;font-size:1rem;font-weight:600;color:var(--ink)}.workflow-stages span{display:block;font-size:.875rem;min-height:1.5em;margin-top:8px}.workflow-stages .is-active{background:var(--soft);border:2px solid var(--link);padding:15px}.scenario-result{border-top:1px solid var(--line);padding-top:24px}.scenario-response{display:grid;grid-template-columns:1fr 1fr;gap:24px}.scenario-response h5{font-size:.875rem;font-weight:750;letter-spacing:0;margin:5px 0 10px}.scenario-response p{margin-bottom:0}.scenario-verification{padding-top:20px;margin-top:24px;border-top:1px solid var(--line);font-size:.9375rem}.scenario-verification strong{display:block;margin-bottom:8px}.case-boundary{padding:24px 0 44px;border-top:1px solid var(--line);max-width:85ch}.case-boundary p{font-size:.875rem;color:var(--muted)}
@media(max-width:760px){.case-heading{grid-template-columns:1fr;gap:22px}.case-heading h2{max-width:none}.case-evidence{grid-template-columns:1fr;gap:22px}.case-jumps{gap:12px}.case-jump{padding:20px}.case-lab{padding:25px}.work-case{padding:38px 0 44px}.scenario-response{grid-template-columns:1fr;gap:20px}}
@media(max-width:500px){.case-jumps{grid-template-columns:1fr}.dependency-map{grid-template-columns:1fr;gap:27px}.map-column{flex-direction:row;flex-wrap:wrap}.map-column>span{width:100%}.dependency-node{width:calc(50% - 6px);flex-grow:1}.map-column:not(:last-child):after{content:'↓';right:auto;top:auto;bottom:-25px;left:calc(50% - 6px)}.case-lab{padding:22px 18px}.workflow-stages{grid-template-columns:1fr;gap:8px}.workflow-stages li{display:flex;justify-content:space-between;gap:12px;align-items:center}.workflow-stages span{margin:0}.scenario-options button{flex:1 1 calc(50% - 9px)}.test-example{padding-left:16px}}
@media(prefers-reduced-motion:reduce){.dependency-node{transition:none}}

.annotation-case{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:center}.annotation-case h3{max-width:25ch}.annotation-case-note{font-size:.875rem;color:var(--muted);margin:16px 0 0}.annotation-case-preview{background:#EDF1F6;border:1px solid #BECBD4;border-radius:10px;padding:16px;color:#172B3A;transform:rotate(-2deg);margin:12px}.preview-window{display:flex;justify-content:space-between;background:#172B3A;color:#FFFFFF;padding:13px 16px;border-radius:6px 6px 0 0;font-size:.875rem}.preview-content{display:flex;align-items:start;gap:16px;background:#FFFFFF;padding:28px 20px}.preview-step{background:#2563EB;color:white;display:grid;place-items:center;flex:0 0 32px;height:32px;border-radius:50%;font-weight:650}.preview-content>div{flex:1}.preview-content strong{font-size:.875rem;display:block}.preview-cover{display:block;width:80%;height:20px;background:#111111;margin:13px 0 24px}.preview-field{display:block;border:3px solid #2563EB;padding:10px 15px;font-size:.875rem;max-width:190px}.preview-note{margin:0;padding:16px 20px;background:#FFF7ED;border-left:4px solid #EA580C;font-size:.9rem;line-height:1.5}.annotation-case .button{margin-top:6px}@media(max-width:800px){.case-jumps{grid-template-columns:1fr}.annotation-case{grid-template-columns:1fr}.annotation-case-preview{max-width:450px;margin:0;transform:none}}