.case-page {--case-blue:var(--gold,#29358f);--case-ink:var(--ink,#11183c);--case-muted:var(--muted,#626a8a);--case-paper:var(--bg,#f8f9fc);--case-line:var(--line,#dfe2ee);direction:rtl;background:var(--case-paper);color:var(--case-ink);overflow:clip}
.case-shell {width:min(1240px,calc(100% - 64px));margin-inline:auto}
.case-page a {text-decoration:none;color:inherit}.case-page a:focus-visible,.case-page button:focus-visible {outline:3px solid var(--case-blue);outline-offset:6px}
.case-page h1,.case-page h2,.case-page h3,.case-page p {margin:0}.case-page h1 {font-size:clamp(2rem,4.2vw,4rem);line-height:1.5;font-weight:900;letter-spacing:-.035em}.case-page h2 {font-size:clamp(1.5rem,2.5vw,2.3rem);line-height:1.6;font-weight:850}.case-page p {line-height:2.15}
.case-eyebrow {font-size:.85rem;font-weight:800;color:var(--case-blue);margin-bottom:1.25rem!important}.case-project-name {font-size:.9rem;color:var(--case-blue);font-weight:800}
.case-cover {position:relative;border-bottom:1px solid var(--case-line);padding:clamp(3rem,7vw,6.5rem) 0 5rem;isolation:isolate}.case-cover-grid {position:absolute;inset:0;z-index:-1;opacity:.5;background-image:radial-gradient(var(--case-line) 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(to left,transparent 25%,black)}
.case-cover-inner {display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:clamp(2rem,6vw,6rem)}.case-back {display:inline-flex;gap:1rem;font-size:.85rem;color:var(--case-muted)!important;margin-bottom:2rem}.case-lead {font-size:1.08rem;color:var(--case-muted);margin-top:1.4rem!important}.case-text-link {display:inline-flex;align-items:center;gap:1rem;font-weight:800;color:var(--case-blue)!important;padding:.6rem 0}.case-cover-copy>.case-text-link {margin-top:1.2rem}
.case-cover-scene {position:relative;padding-bottom:2.5rem;min-width:0}.case-drawing-sheet {background:var(--panel,#fff);border:1px solid var(--case-line);border-radius:22px;box-shadow:0 20px 35px #14204a12;transform:rotate(-2deg);overflow:hidden}.case-cover-label {position:absolute;bottom:0;inset-inline-start:10%;display:flex;align-items:center;gap:1rem;max-width:90%;background:var(--panel,#fff);border:1px solid var(--case-line);padding:1rem 1.4rem;box-shadow:0 12px 22px #14204a0d;border-radius:12px}.case-cover-label strong {display:block;font-size:.95rem}.case-cover-label span:not(.case-label-mark) {display:block;color:var(--case-muted);font-size:.8rem;margin-top:.35rem}.case-label-mark {width:24px;height:24px;flex:none;border:1px solid var(--case-blue);border-radius:50%;position:relative}.case-label-mark:after {content:'';position:absolute;inset:7px;border-radius:50%;background:var(--case-blue)}
.case-art {color:var(--case-blue);padding:1.5rem;position:relative;background-image:linear-gradient(var(--case-line) 1px,transparent 1px),linear-gradient(90deg,var(--case-line) 1px,transparent 1px);background-size:32px 32px}.case-art svg {display:block;width:100%;height:auto}.case-art-guide {stroke:currentColor;stroke-width:1;opacity:.16}.case-art-link {stroke:currentColor;stroke-width:1.8;opacity:.55}.case-art-main {stroke:currentColor;stroke-width:2;fill:var(--panel,#fff);stroke-linejoin:round;stroke-linecap:round}.case-art-dot {fill:currentColor}.case-art-caption {display:flex;justify-content:space-between;align-items:center;gap:1rem;border-top:1px solid var(--case-line);padding-top:1rem;font-size:.75rem}.case-art-caption span {color:var(--case-muted)}.case-art-caption strong {max-width:65%;font-size:.85rem}
.case-body {display:grid;grid-template-columns:210px minmax(0,1fr);gap:5rem;padding-block:4rem 5rem}.case-chapters {position:sticky;top:160px;align-self:start;border-inline-start:1px solid var(--case-line);padding-inline-start:1.25rem;display:flex;flex-direction:column;gap:.5rem;max-height:calc(100vh - 180px);overflow:auto}.case-chapter-heading {font-size:.75rem;color:var(--case-muted);margin-bottom:.8rem}.case-chapters a {font-size:.88rem;line-height:1.8;padding:.4rem .2rem;color:var(--case-muted)}.case-chapters a:hover,.case-chapters a[aria-current=true] {color:var(--case-blue);font-weight:800}.case-section {padding:2.5rem 0 3rem;scroll-margin-top:155px}.case-section+.case-section {border-top:1px solid var(--case-line)}.case-section h2 {margin-bottom:1rem}.case-prose {color:var(--case-muted);font-size:1.05rem;white-space:pre-line;overflow-wrap:anywhere}.case-section-constraint {padding:2.3rem;margin:1.2rem -2.3rem;background:var(--bg-soft,#f0f2f9);border-inline-start:3px solid var(--case-blue)}.case-section-constraint+.case-section {border-top:0}.case-section-lesson h2 {color:var(--case-blue)}.case-bullets {padding-inline-start:1.4rem;margin:1.4rem 0 0;color:var(--case-muted);line-height:2.2}.case-bullets li::marker {color:var(--case-blue)}
.case-figure {margin:2rem 0 0}.case-figure img {width:100%;height:auto;max-height:650px;object-fit:contain;border:1px solid var(--case-line);border-radius:12px;background:var(--panel,#fff)}.case-figure figcaption {font-size:.85rem;color:var(--case-muted);margin-top:.7rem;line-height:1.8}
.case-decision-map {position:relative;background:var(--panel,#fff);border:1px solid var(--case-line);padding:2.5rem;margin:2rem 0 0;border-radius:18px;box-shadow:0 15px 40px #14204a0a}.case-decision-map>figcaption {display:flex;justify-content:space-between;align-items:center;gap:1rem;border-bottom:1px solid var(--case-line);padding-bottom:1rem;margin-bottom:2rem;color:var(--case-blue);font-size:.85rem}.case-decision-map>figcaption strong {font-size:1.1rem}.case-trace {list-style:none;margin:0;padding:0;position:relative}.case-trace:before {content:'';position:absolute;inset-inline-start:12px;top:14px;bottom:35px;width:1px;background:var(--case-line)}.case-trace li {display:flex;align-items:flex-start;gap:1.3rem;position:relative;padding-bottom:2rem}.case-trace li:last-child {padding-bottom:.5rem}.case-trace-dot {margin-top:.35rem;border:1px solid var(--case-blue);border-radius:50%;width:25px;height:25px;flex:none;background:var(--panel,#fff);position:relative}.case-trace-dot:after {content:'';position:absolute;inset:7px;border-radius:50%;background:var(--case-blue);transform:scale(1);transition:transform .3s ease}.case-trace h3 {font-size:1.15rem;color:var(--case-blue);font-weight:800;line-height:1.8}.case-trace p {font-size:.95rem;color:var(--case-muted);margin-top:.35rem}.case-diagram-foot {border-top:1px solid var(--case-line);padding-top:1rem;margin-top:1.5rem!important;font-size:.8rem;color:var(--case-muted)}
.case-page.is-enhanced .case-trace-dot:after {transform:scale(.2)}.case-page.is-enhanced .case-trace li.is-reached .case-trace-dot:after {transform:scale(1)}.case-page.is-enhanced .case-trace li>div {transition:transform .4s ease;transform:translateX(-7px)}.case-page.is-enhanced .case-trace li.is-reached>div {transform:translateX(0)}
.case-page.is-enhanced .case-register-row[data-case-reveal] {transform:translateY(8px);transition:transform .45s ease}.case-page.is-enhanced .case-register-row.is-visible {transform:none}.case-section-constraint {position:relative;border-inline-start:0}.case-section-constraint:before {content:'';position:absolute;inset-inline-start:0;top:0;bottom:0;width:3px;background:var(--case-blue);transform-origin:top}.case-page.is-enhanced .case-section-constraint:before {transform:scaleY(.15);transition:transform .6s ease}.case-page.is-enhanced .case-section-constraint.is-visible:before {transform:scaleY(1)}
.case-editorial-note {border-top:1px solid var(--case-line);padding-top:2rem;margin-top:2rem;color:var(--case-muted);font-size:.9rem}.case-editorial-note strong {font-size:.95rem;color:var(--case-ink)}.case-editorial-note p {margin-top:.5rem}.case-inquiry {border-top:1px solid var(--case-line);background:var(--bg-soft,#f0f2f9);padding-block:4rem}.case-inquiry-inner {display:grid;grid-template-columns:1.3fr 1fr;gap:3rem;align-items:center}.case-inquiry h2 {margin-block:.65rem 1rem}.case-inquiry p:not(.case-project-name) {color:var(--case-muted);max-width:650px}.case-inquiry-actions {display:flex;flex-direction:column;align-items:flex-start;gap:.75rem;padding-inline-start:3rem;border-inline-start:1px solid var(--case-line)}.case-primary {background:var(--case-blue);color:#fff!important;display:inline-flex;gap:2rem;align-items:center;justify-content:space-between;padding:1rem 1.3rem;border-radius:10px;font-weight:800;min-height:48px}.case-preview {background:#fff4ce;color:#694800;text-align:center;padding:1rem;font-weight:700;position:relative;z-index:2}
.case-register-head {display:grid;grid-template-columns:1.25fr 1fr;gap:6rem;align-items:end;padding-block:5rem 4rem}.case-register-note p {color:var(--case-muted);font-size:1.05rem}.case-register-note span {display:block;border-top:1px solid var(--case-line);padding-top:1rem;margin-top:1.5rem;color:var(--case-blue);font-weight:800;font-size:.85rem}.case-register-rule {display:flex;justify-content:space-between;border-block:1px solid var(--case-line);padding:1rem 0;color:var(--case-muted);font-size:.8rem}.case-register-row {display:grid;grid-template-columns:230px minmax(0,1fr) 170px;gap:2.5rem;padding:2.5rem 0;border-bottom:1px solid var(--case-line);align-items:center}.case-register-art {border:1px solid var(--case-line);border-radius:12px;background:var(--panel,#fff);overflow:hidden}.case-register-art .case-art {padding:.25rem}.case-register-copy h2 {font-size:clamp(1.25rem,2vw,1.6rem);margin:.6rem 0 1rem}.case-register-copy h2 a:hover {color:var(--case-blue)}.case-register-copy>p:not(.case-project-name) {font-size:.98rem;color:var(--case-muted)}.case-related {display:block;margin-top:1rem;color:var(--case-muted);font-size:.8rem}.case-read {display:flex;justify-content:space-between;gap:1rem;color:var(--case-blue)!important;font-weight:800;font-size:.85rem;min-height:48px;align-items:center}.case-register-close {display:flex;justify-content:space-between;align-items:center;gap:3rem;padding:3rem 0 4rem}.case-register-close p {max-width:700px;color:var(--case-muted);font-size:.9rem}.case-register-close a {color:var(--case-blue);font-weight:800;white-space:nowrap}.case-empty {padding:4rem;text-align:center;color:var(--case-muted)}
@media(min-width:861px) { .case-page.is-enhanced [data-case-plane=far] {transform:translateY(var(--case-far,0px))}.case-page.is-enhanced [data-case-plane=sheet] {transform:translateY(var(--case-sheet,0px)) rotate(-2deg)}.case-page.is-enhanced [data-case-plane=label] {transform:translateY(var(--case-label,0px))} }
@media(max-width:1100px) { .case-body {grid-template-columns:170px minmax(0,1fr);gap:3rem}.case-register-row {grid-template-columns:180px minmax(0,1fr);gap:2rem}.case-read {grid-column:2;justify-self:start;min-width:170px}.case-register-head {gap:3rem} }
@media(max-width:860px) { .case-shell {width:calc(100% - 40px)}.case-cover {padding:2rem 0 3rem}.case-cover-inner {grid-template-columns:1fr;gap:2.5rem}.case-cover-copy {max-width:680px}.case-page h1 {font-size:clamp(2rem,6vw,3rem)}.case-cover-scene {max-width:560px;width:100%;margin-inline:auto}.case-body {display:block;padding-block:2rem 3rem}.case-chapters {position:static;display:flex;flex-direction:row;flex-wrap:wrap;gap:.4rem 1rem;border:0;border-bottom:1px solid var(--case-line);padding:0 0 1rem;max-height:none}.case-chapter-heading {width:100%;margin-bottom:0}.case-chapters a {font-size:.82rem}.case-section {scroll-margin-top:135px;padding-block:2rem}.case-section-constraint {padding:1.5rem;margin:1rem 0}.case-inquiry-inner {grid-template-columns:1fr;gap:1.5rem}.case-inquiry-actions {padding:1.5rem 0 0;border-inline-start:0;border-top:1px solid var(--case-line)}.case-register-head {grid-template-columns:1fr;gap:2rem;padding-block:2.5rem}.case-register-row {grid-template-columns:140px minmax(0,1fr);gap:1.5rem}.case-register-close {flex-direction:column;align-items:flex-start;gap:1.5rem} }
@media(max-width:540px) { .case-shell {width:calc(100% - 36px)}.case-page h1 {font-size:2rem;line-height:1.55}.case-lead {font-size:1rem}.case-back {margin-bottom:1.3rem}.case-art {padding:.75rem}.case-drawing-sheet {border-radius:14px}.case-cover-label {inset-inline-start:6%;padding:.8rem 1rem}.case-register-row {grid-template-columns:1fr;gap:1.2rem;padding-block:2rem}.case-register-art {width:160px}.case-read {grid-column:1}.case-register-copy h2 {font-size:1.35rem}.case-prose {font-size:1rem;line-height:2.1}.case-decision-map {padding:1.4rem;margin-top:1.5rem}.case-decision-map>figcaption {flex-direction:column;align-items:flex-start;gap:.6rem}.case-trace li {gap:1rem}.case-inquiry {padding-block:2.5rem}.case-primary {width:100%;gap:1rem}.case-inquiry-actions {align-items:stretch}.case-empty {padding:3rem 1rem} }
@media(prefers-reduced-motion:reduce) { html {scroll-behavior:auto!important}.case-page [data-case-plane],.case-page .case-trace li>div,.case-page .case-register-row {transform:none!important}.case-page .case-trace-dot:after,.case-page .case-section-constraint:before {transform:scale(1)!important}.case-page * {scroll-behavior:auto!important;transition:none!important} }