.hx-page{--hx-accent:#8e2c48}.hx-page .hx-hero{display:block;margin:24px 0;background:#3a1626;color:#fff;border-radius:28px;padding:32px}.hx-hero h1{max-width:18ch;color:#fff}.hx-hero>div{max-width:78ch}.hx-hero .rd-hand{color:#f4c542}.hx-hero p{color:#f1e4ea}.hx-machine{margin:32px 0 48px;min-width:0}.hx-controls>label{display:flex;align-items:center;gap:20px;font-weight:700}.hx-controls input{min-height:44px;width:min(100%,500px);accent-color:#8e2c48}.hx-era-nav{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:4px;margin-top:10px}.hx-era-nav a{display:flex;flex-direction:column;justify-content:center;gap:4px;min-height:68px;border:1px solid #cfc2b2;border-radius:12px;padding:8px;color:#221a20;background:#fff;text-decoration:none;overflow-wrap:anywhere;font-size:14px}.hx-era-nav a[aria-current]{background:#8e2c48;border-color:#8e2c48;color:#fff}.hx-status{min-height:24px;font-size:14px}.hx-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,42%);gap:30px;align-items:start}.hx-era-panel{display:grid;gap:22px}.hx-era-copy h2{font-size:clamp(28px,3vw,42px);line-height:1.08;margin:8px 0 18px}.hx-story{font-size:19px;line-height:1.6}.hx-note-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.hx-note-grid>section{padding:18px;background:#fff;border:1px solid #e2d8ca;border-radius:18px}.hx-note-grid h3{font-size:19px;margin:0 0 8px}.hx-note-grid p{margin:0;line-height:1.5}.hx-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.hx-actions a,.hx-actions button,.hx-options button,.hx-quiz>button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 14px;border:1px solid #cfc2b2;background:#fff;border-radius:12px;color:#5e2032;font:inherit;font-weight:700;text-decoration:none;cursor:pointer;line-height:1.3}.hx-actions button:disabled{opacity:.6;cursor:wait}.hx-era-photo{margin:0}.hx-era-photo img{display:block;width:100%;max-height:340px;aspect-ratio:16/9;object-fit:cover;border-radius:20px;background:#efe9dd}.hx-era-photo figcaption,.hx-comparison figcaption{font-size:14px;line-height:1.5;margin-top:8px;color:#5e5258}.hx-quiz{padding:22px;border:1px solid #e2d8ca;border-left:6px solid #f4c542;border-radius:18px;background:#fff;margin-top:24px}.hx-quiz h3{font-size:24px;margin:0 0 8px}.hx-quiz fieldset{border:0;padding:16px 0 0;margin:0;min-width:0}.hx-quiz legend{font-size:17px;line-height:1.4;font-weight:700}.hx-options{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.hx-options .hx-answer-selected{border-color:#221a20;background:#221a20;color:#fff}.hx-feedback{font-size:16px;line-height:1.5;min-height:24px;margin:8px 0 16px}.hx-feedback[data-correct=true]{color:#1b5c36}.hx-feedback[data-correct=false]{color:#862e20}.hx-map-panel{position:sticky;top:90px;padding:18px;background:#efe9dd;border-radius:22px;min-width:0}.hx-map-heading h2{font-size:25px;margin:5px 0 14px}.hx-map-frame{position:relative;height:360px;overflow:hidden;border-radius:16px;background:#e9e0d3}.hx-map-frame [data-hx-static],.hx-map-frame [data-hx-canvas]{position:absolute;inset:0;width:100%;height:100%}.hx-map-frame [data-hx-static] svg{width:100%;height:100%;display:block}.hx-map-status,.hx-map-method{font-size:14px;line-height:1.45}.hx-map-panel ol{padding-left:24px;margin:10px 0}.hx-map-panel li{padding:8px 4px}.hx-map-panel li>a{display:flex;align-items:center;min-height:44px;font-weight:700}.hx-map-panel .hx-selected-place{outline:2px solid #8e2c48;border-radius:10px}.hx-comparison{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:30px;align-items:center;margin:48px 0;padding:28px;background:#f3dce3;border-radius:24px}.hx-comparison h2{font-size:34px;line-height:1.1}.hx-comparison figure{margin:0;min-width:0}.hx-compare-frame{position:relative;aspect-ratio:16/10;overflow:hidden;border-radius:16px;background:#e9e0d3}.hx-compare-frame img{display:block;width:100%;height:100%;object-fit:cover}.hx-compare-frame picture{display:block;width:100%;height:100%}.hx-compare-modern,.hx-compare-past{position:absolute;inset:0}.hx-compare-past{clip-path:inset(0 calc(100% - var(--reveal)) 0 0)}.hx-compare-line{position:absolute;left:var(--reveal);top:0;bottom:0;border-left:3px solid #fff;pointer-events:none}.hx-compare-line:after{content:'↔';position:absolute;top:50%;width:42px;height:42px;display:grid;place-items:center;transform:translate(-50%,-50%);border-radius:50%;background:#fff;color:#221a20;border:1px solid #221a20;font-size:23px}.hx-photo-label{position:absolute;top:12px;padding:5px 8px;border-radius:8px;background:#fff;color:#221a20;font-size:14px;pointer-events:none}.hx-label-past{left:10px}.hx-label-modern{right:10px}.hx-only-painting .hx-label-modern,.hx-only-photo .hx-label-past,.hx-only-painting .hx-compare-line,.hx-only-photo .hx-compare-line{display:none}.hx-compare-control{display:flex;align-items:center;gap:12px;font-weight:700;margin-top:12px}.hx-compare-control input{width:100%;min-width:0;min-height:44px;accent-color:#8e2c48}.hx-on-day{padding:24px;background:#f4c542;border-radius:20px;margin:24px 0}.hx-on-day h2{margin-top:0}.hx-on-day a{display:inline-flex;align-items:center;min-height:44px}.hx-page [hidden]{display:none!important}.hx-page :is(button,a,input):focus-visible{outline:3px solid #221a20;outline-offset:4px}.hx-hero :is(a,input):focus-visible{outline-color:#f4c542}@media(max-width:900px){.hx-era-nav{grid-template-columns:repeat(5,minmax(0,1fr))}.hx-layout{grid-template-columns:minmax(0,1fr) minmax(280px,40%);gap:20px}.hx-note-grid{grid-template-columns:1fr}.hx-map-panel{padding:12px}.hx-comparison{grid-template-columns:1fr}}
@media(max-width:700px){.hx-page .hx-hero{margin-top:16px;padding:24px 20px;border-radius:20px}.hx-hero h1{font-size:38px}.hx-controls>label{align-items:flex-start;flex-direction:column;gap:0}.hx-controls input{width:100%}.hx-era-nav{display:flex;overflow-x:auto;scroll-snap-type:x proximity;padding:4px 0 10px}.hx-era-nav a{flex:0 0 112px;scroll-snap-align:start;font-size:14px;min-height:68px}.hx-layout{display:flex;flex-direction:column;gap:20px}.hx-map-panel{order:-1;position:static;width:100%;box-sizing:border-box}.hx-map-frame{height:280px}.hx-map-panel ol{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}.hx-map-panel .hx-map-method{margin-bottom:0}.hx-era-panel{gap:18px}.hx-story{font-size:18px}.hx-note-grid{grid-template-columns:1fr}.hx-quiz{padding:18px}.hx-comparison{padding:18px;gap:12px}.hx-comparison h2{font-size:30px}.hx-compare-control{display:block}.hx-photo-label{font-size:12px;max-width:44%}.hx-actions>*{flex:1 1 130px}.hx-page .ll-visitor-scope a{overflow-wrap:anywhere}}
@media print{.hx-controls,.hx-map-frame,.hx-quiz,.hx-actions button,.hx-comparison,.hx-on-day{display:none!important}.hx-layout{display:block}.hx-map-panel{position:static;break-inside:avoid}.hx-era-panel[hidden]{display:none!important}.hx-era-panel{display:block}.hx-era-photo{max-width:320px}.hx-hero{background:#fff!important;color:#221a20!important}.hx-hero h1,.hx-hero p{color:#221a20!important}}