.interpretation-hero { display:grid; grid-template-columns:1fr 1fr; gap:clamp(32px,5vw,74px); align-items:center; padding-bottom:64px; }
.interpretation-intro h1 { font-size:clamp(50px,5.6vw,78px); overflow-wrap:normal; }
.interpretation-intro > p:not(.eyebrow) { color:var(--muted); font-size:var(--reading-size); line-height:1.75; max-width:58ch; }
.interpretation-intro .interpretation-lead { margin-top:28px; color:var(--ink); font-weight:600; }
.interpretation-intro .interpretation-context { font-size:var(--supporting-size); border-left:1px solid var(--line); padding-left:17px; margin:24px 0 0; }
.interpretation-wheel { width:min(100%,520px); justify-self:center; }
.interpretation-art-frame { position:relative; background:#1d1d1d; border:1px solid var(--line); border-radius:8px; overflow:hidden; }
.interpretation-art-frame > img { width:100%; height:auto; }
.wheel-hotspot { position:absolute; width:44px; height:44px; display:grid; place-items:center; color:#f0e9da; font-size:14px; font-weight:700; transform:translate(-50%,-50%); }
.wheel-hotspot > span { width:34px; height:34px; display:grid; place-items:center; border-radius:50%; border:1px solid #d8bd82; background:#080b16; box-shadow:0 2px 8px #0008; }
.wheel-hotspot:hover > span, .wheel-hotspot.is-active > span { background:#d8bd82; color:#080b16; }
.wheel-h { left:51%; top:48%; }.wheel-e { left:80%; top:31%; }.wheel-a { left:80%; top:67%; }.wheel-r { left:51%; top:84%; }.wheel-t { left:21%; top:67%; }.wheel-i { left:21%; top:31%; }.wheel-d { left:51%; top:16%; }
.interpretation-wheel figcaption { font-size:var(--supporting-size); margin-top:16px; }
.interpretation-overview { display:grid; grid-template-columns:1fr 1.1fr; gap:70px; }
.interpretation-prose > p, .interpretation-section-heading > p:not(.eyebrow), .interpretation-position p:not(.eyebrow), .interpretation-pair-grid p:not(.eyebrow), .interpretation-method-note p, .interpretation-closing > p:not(.eyebrow) { font-size:var(--reading-size); line-height:1.75; color:var(--muted); }
.interpretation-prose .interpretation-takeaway { color:var(--ink); font-weight:600; border-left:2px solid var(--gold); padding-left:23px; }
.interpretation-section-heading { margin-bottom:40px; max-width:760px; }
.interpretation-section-heading > p:not(.eyebrow) { margin:22px 0 0; }
.interpretation-positions { list-style:none; padding:0; margin:0; }
.interpretation-position { display:grid; grid-template-columns:180px 1fr; gap:clamp(28px,5vw,64px); border-top:1px solid var(--line); padding:40px 0; scroll-margin-top:36px; }
.interpretation-position-art { align-self:start; padding-top:13px; max-width:150px; }
.interpretation-position-art svg { display:block; width:100%; overflow:hidden; clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%); filter:drop-shadow(0 7px 8px #0003); }
.interpretation-position h3 { font-size:clamp(32px,3.3vw,43px); }
.interpretation-position h3 > span { color:var(--gold); font:500 15px var(--sans); margin-left:8px; }
.interpretation-position .eyebrow { margin-bottom:13px; }
.interpretation-position .interpretation-card-key { color:var(--gold); font-weight:600; margin:12px 0 6px; }
.interpretation-position .interpretation-role { color:var(--ink); font-weight:600; margin-bottom:18px; }
.interpretation-position .interpretation-reflection { margin-bottom:0; font-size:var(--control-size); }
.interpretation-reflection strong { color:var(--ink); }
.interpretation-pair-grid { display:grid; grid-template-columns:1fr 1fr; gap:36px 54px; margin-top:40px; }
.interpretation-pair-grid article { padding-top:25px; border-top:1px solid var(--line); }
.interpretation-pair-grid h3 { font-size:34px; }
.interpretation-pair-grid .eyebrow { margin:12px 0 17px; }
.interpretation-pair-grid p:last-child { margin-bottom:0; }
.interpretation-method-note { background:var(--surface); border:1px solid var(--line); border-radius:6px; padding:28px; margin-top:44px; }
.interpretation-method-note h3 { font-size:30px; margin-bottom:20px; }
.interpretation-method-note p { font-size:var(--supporting-size); margin-bottom:14px; }
.interpretation-method-note p:last-child { margin:0; }
.interpretation-border-examples { margin-top:48px; border-top:1px solid var(--line); padding-top:28px; }
.interpretation-border-examples > h3 { font-size:36px; margin-bottom:24px; }
.interpretation-border-examples article { padding:22px 0; }
.interpretation-border-examples article + article { border-top:1px solid var(--line); }
.interpretation-border-examples h4 { font-size:30px; margin-bottom:13px; }
.interpretation-border-examples p { color:var(--muted); font-size:var(--reading-size); line-height:1.75; max-width:76ch; }
.interpretation-border-examples .interpretation-card-key { color:var(--gold); font-size:var(--control-size); font-weight:600; }
.interpretation-closing { text-align:center; }
.interpretation-closing > p:not(.eyebrow) { max-width:58ch; margin:24px auto; }
.interpretation-closing .actions { justify-content:center; }
@media (max-width:900px) { .interpretation-hero { grid-template-columns:1fr; gap:36px; }.interpretation-intro { max-width:720px; }.interpretation-overview { grid-template-columns:1fr; gap:30px; } }
@media (max-width:600px) { .interpretation-intro h1 { font-size:clamp(41px,10.8vw,62px); }.interpretation-position { grid-template-columns:1fr; gap:20px; padding:32px 0; }.interpretation-position-art { width:150px; padding:0; }.interpretation-pair-grid { grid-template-columns:1fr; gap:30px; }.interpretation-method-note { padding:23px; }.wheel-hotspot { font-size:13px; }.interpretation-hero { padding-top:45px; }.interpretation-closing .primary { width:100%; } }