.painting-desk { --painting-ink: #343b38; --painting-muted: #53625b; --painting-line: #c2ccc2; max-width: 920px; margin: 0 auto; color: var(--painting-ink); }
.painting-desk [hidden] { display: none !important; }
.painting-desk p, .painting-desk li { line-height: 1.85; word-break: keep-all; overflow-wrap: anywhere; }
.painting-desk :is(h1, h2, h3) { color: var(--painting-ink); line-height: 1.5; word-break: keep-all; }
.painting-desk a { color: #315b49; text-underline-offset: 3px; }
.painting-hero { margin: 24px 0; padding: clamp(22px, 5vw, 38px); background: #edf2e7; border-top: 4px solid #526b4d; }
.painting-kicker { margin: 0 0 12px; font-size: .875rem; font-weight: 700; }
.painting-hero h1 { margin: 0 0 12px; font-size: clamp(1.9rem, 6vw, 2.8rem); letter-spacing: -.04em; }
.painting-hero > p:last-child { margin: 0; color: var(--painting-muted); font-size: 1.0625rem; }
.painting-jumps { display: flex; flex-wrap: wrap; gap: 10px; margin: 22px 0 30px; }
.painting-jumps a { padding: 11px 14px; border: 1px solid #8a9f8b; background: #fff; border-radius: 4px; text-decoration: none; font-weight: 700; }
.painting-work { margin: 36px 0 48px; padding-top: 20px; border-top: 2px solid #8ba08c; min-width: 0; scroll-margin-top: 84px; }
.painting-work-number { margin: 0 0 8px; font-family: var(--font-mono, monospace); font-size: .8125rem; color: var(--painting-muted); }
.painting-work h2 { margin: 0 0 10px; font-size: clamp(1.45rem, 4vw, 1.9rem); letter-spacing: -.025em; }
.painting-credit { margin: 0 0 18px; font-size: .9375rem; color: var(--painting-muted); }
.painting-whole { margin: 0; }
.painting-whole img { display: block; width: 100%; max-width: 680px; height: auto; margin: 0 auto; object-fit: contain; }
.painting-whole figcaption { margin: 12px 0 0; color: var(--painting-muted); font-size: .8125rem; line-height: 1.8; overflow-wrap: anywhere; }
.painting-observation { margin: 22px 0; padding: 18px 20px; border: 1px solid var(--painting-line); background: #fff; }
.painting-observation h3 { margin: 0 0 10px; font-size: 1rem; }
.painting-observation ul { margin: 0; padding-left: 22px; }
.painting-observation li + li { margin-top: 8px; }
.painting-desk button { min-height: 48px; padding: 11px 15px; border: 1px solid #41684c; border-radius: 4px; background: #41684c; color: #fff; font: inherit; font-size: .9375rem; font-weight: 700; cursor: pointer; }
.painting-desk button:disabled { background: #e9eee8; border-color: #abbcab; color: #53625b; cursor: default; }
.painting-desk :is(a, button, select, [tabindex]):focus-visible { outline: 3px solid #935a20; outline-offset: 4px; }
.painting-viewer { box-sizing: border-box; width: 100%; max-width: 100%; min-width: 0; margin-top: 20px; padding: 18px; border: 1px solid #8a9f8b; background: #f7f9f3; scroll-margin-top: 84px; }
.painting-viewer-heading { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; }
.painting-viewer-heading h3 { flex: 1 1 210px; margin: 0; font-size: 1.0625rem; }
.painting-viewer-heading button { background: #fff; color: #315b49; }
.painting-status { min-height: 1.8em; margin: 12px 0; font-size: .875rem; color: var(--painting-muted); }
.painting-viewer-controls { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 14px 0; }
.painting-viewer-controls label { font-size: .9375rem; font-weight: 700; }
.painting-viewer-controls select { min-height: 48px; max-width: 100%; box-sizing: border-box; padding: 11px 12px; border: 1px solid #7c957f; border-radius: 4px; background: #fff; color: var(--painting-ink); font: inherit; }
.painting-regions { display: flex; flex-wrap: wrap; gap: 8px; flex: 1 1 100%; }
.painting-regions button { background: #fff; color: #315b49; text-align: left; }
.painting-viewer-help { margin: 12px 0; color: var(--painting-muted); font-size: .8125rem; }
.painting-viewport { box-sizing: border-box; width: 100%; max-width: 100%; min-width: 0; overflow: auto; overscroll-behavior: contain; background: #fff; }
.painting-viewport[data-zoom="2"], .painting-viewport[data-zoom="3"] { max-height: min(64vh, 680px); }
.painting-zoom-stage { width: 100%; max-width: none; min-width: 0; }
.painting-desk .painting-viewer-image { display: block; width: 100%; max-width: none; height: auto; }
.painting-sources { margin: 32px 0; padding-top: 22px; border-top: 1px solid var(--painting-line); color: var(--painting-muted); scroll-margin-top: 84px; }
.painting-sources h2 { margin: 0 0 12px; font-size: 1.0625rem; }
.painting-sources p, .painting-note { font-size: .8125rem; }
@media (max-width: 600px) { .painting-viewer { padding: 12px; } .painting-observation { padding: 16px; } .painting-regions button { width: 100%; } }
@media (prefers-reduced-motion: reduce) { .painting-desk, .painting-desk * { scroll-behavior: auto !important; } }