.art-detail-hero{position:relative;height:44vh;min-height:320px;max-height:520px;overflow:hidden;background:var(--bg-elev-2)}.art-detail-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.art-detail-hero-scrim{position:absolute;inset:0;background:linear-gradient(180deg,#08293f0d,#08293f66)}.art-detail-head{text-align:center;margin:0 auto 40px}.art-detail-title{font-family:var(--font-display);font-size:clamp(2rem,4.5vw,3.4rem);line-height:1.05;margin:6px 0 16px;color:var(--brand);letter-spacing:-.02em;font-weight:500}.art-detail-meta{font-family:var(--font-body);font-size:14px;color:var(--fg-soft);margin:0 0 18px;font-variant-numeric:tabular-nums}.art-detail-summary{font-family:var(--font-body);font-size:1.15rem;line-height:1.55;color:var(--fg);max-width:60ch;margin:0 auto}.prose{font-family:var(--font-body);font-size:1.05rem;line-height:1.7;color:var(--fg);max-width:65ch;margin:0 auto}.prose h2,.prose h3{font-family:var(--font-display);color:var(--brand);font-weight:500;line-height:1.2}.prose h2{font-size:clamp(1.5rem,2.6vw,1.9rem);margin:2em 0 .5em}.prose h3{font-size:clamp(1.2rem,2vw,1.45rem);margin:1.6em 0 .4em}.prose p{margin:0 0 1em}.prose a{color:var(--accent-strong);text-decoration:underline;text-underline-offset:3px}.prose a:hover{color:var(--brand)}.prose blockquote{margin:1.5em 0;padding:18px 22px;border-left:3px solid var(--accent-strong);background:var(--bg-elev-1);color:var(--fg-soft);font-style:italic}.prose ul,.prose ol{margin:0 0 1em 1.2em;padding:0}.prose li{margin:0 0 .4em}.prose hr{border:0;border-top:1px solid var(--border);margin:2em 0}.art-detail-sources{margin:56px auto 0;padding:20px 24px;background:var(--bg-elev-1);border-left:3px solid var(--accent-strong);border-radius:var(--radius-md);max-width:65ch}.art-detail-sources h2{font-family:var(--font-body);font-size:13px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--accent-strong);margin:0 0 10px}.art-detail-sources ul{list-style:none;padding:0;margin:0;display:grid;gap:6px}.art-detail-sources a{color:var(--fg);text-decoration:underline;text-underline-offset:2px;font-size:14px}.art-detail-sources a:hover{color:var(--brand)}.art-detail-translation{margin:40px auto 0;text-align:center;color:var(--fg-soft);font-size:14px}.art-detail-related-head{text-align:center;margin-bottom:36px}.art-detail-related-head h2{font-family:var(--font-display);font-size:clamp(1.6rem,3vw,2.2rem);margin:4px 0 0;color:var(--brand);font-weight:500}.art-detail-related{list-style:none;padding:0;margin:0;display:grid;gap:20px;grid-template-columns:1fr}@media(min-width:768px){.art-detail-related{grid-template-columns:repeat(3,1fr)}}.art-detail-related-card{display:block;padding:22px;background:var(--bg-elev-1);border:1px solid var(--border);border-radius:var(--radius-lg);text-decoration:none;color:inherit;transition:transform var(--dur-base) var(--ease-spring),box-shadow var(--dur-base) var(--ease-out-soft)}.art-detail-related-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-2);border-color:var(--brand)}.art-detail-related-date{font-family:var(--font-body);font-size:12px;color:var(--accent-strong);letter-spacing:.04em;text-transform:uppercase;font-weight:500}.art-detail-related-card h3{font-family:var(--font-display);font-size:1.15rem;margin:6px 0 4px;color:var(--brand);font-weight:500}.art-detail-related-card p{font-size:13px;color:var(--fg-soft);margin:0;line-height:1.45}:root[data-theme=dark] .art-detail-title,html.dark .art-detail-title,:root[data-theme=dark] .prose h2,html.dark .prose h2,:root[data-theme=dark] .prose h3,html.dark .prose h3,:root[data-theme=dark] .art-detail-related-head h2,html.dark .art-detail-related-head h2,:root[data-theme=dark] .art-detail-related-card h3,html.dark .art-detail-related-card h3{color:var(--heading)}
