.sample-explorer{margin:24px 0 32px}
.sample-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:24px 0 32px;border-bottom:1px solid var(--line)}
.sample-metrics strong{display:block;color:var(--gold);font-size:clamp(28px,3vw,42px);font-weight:600;line-height:1.2;letter-spacing:-.025em;font-variant-numeric:tabular-nums}
.sample-metrics span{display:block;color:var(--mut);font-size:14px;margin-top:8px}
.hemisphere-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:16px}
.hemisphere-pair img{width:100%;height:auto;min-width:0}
.sky-overview{padding:20px 24px;background:transparent}
.sky-overview>.field-series{display:grid;grid-template-columns:repeat(3,1fr);gap:10px 24px;margin:0 12px 20px}
.sky-overview>.field-series li{padding:0;border:0}
.sky-overview>.field-series strong{color:var(--mut)}
.field-reader{border:1px solid var(--line);border-radius:16px;background:var(--panel);overflow:hidden;margin:24px 0}
.field-controls{display:flex;align-items:center;gap:16px;padding:20px 24px;border-bottom:1px solid var(--line)}
.field-controls[hidden]{display:none}
.field-controls label{font-size:15px;font-weight:600;white-space:nowrap}
.field-controls select{min-width:0;flex:1;background:var(--bg);color:var(--ink);font:inherit;font-size:15px;padding:12px;border:1px solid var(--line);border-radius:6px}
.field-controls select:focus-visible,.field-controls button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.field-buttons{display:flex;gap:8px}
.field-buttons button{width:44px;height:44px;background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:6px;font:22px Inter,system-ui;cursor:pointer}
.field-buttons button:hover:not(:disabled){border-color:var(--gold);color:var(--gold)}
.field-buttons button:disabled{opacity:.35;cursor:default}
.field-panel{display:grid;grid-template-columns:minmax(240px,1fr) minmax(0,2fr);gap:24px;padding:24px;align-items:start}
.field-info .eyebrow{font-size:12px;margin-bottom:12px}
.field-info h3{margin:0 0 12px;color:var(--ink);font-size:clamp(22px,2.2vw,28px);line-height:1.3;overflow-wrap:anywhere}
.field-count{color:var(--mut);font-size:15px;margin:0 0 24px}
.field-count strong{font-size:30px;font-weight:600;color:var(--gold);margin-right:5px;font-variant-numeric:tabular-nums}
.field-series{list-style:none;padding:0;margin:0 0 24px;font-size:14px}
.field-series li{display:grid;grid-template-columns:20px 1fr max-content;gap:8px;align-items:baseline;padding:8px 0;border-bottom:1px solid var(--line)}
.series-symbol{font-size:18px;line-height:1}
.field-series strong{font-variant-numeric:tabular-nums;font-weight:500}
.field-image{min-width:0;margin:0}
.field-image img{width:100%;height:auto;display:block;border:0;border-radius:8px;background:var(--bg)}
.field-image figcaption{font-size:13px;margin:12px 0 0;justify-content:flex-end}
.poster-link{display:flex;gap:12px 24px;flex-wrap:wrap;justify-content:space-between;font-size:14px;padding:0 2px}
.poster-link span{color:var(--mut)}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:899px){.sample-metrics{grid-template-columns:repeat(2,1fr);gap:24px}.sky-overview>.field-series{grid-template-columns:1fr 1fr}.field-panel{grid-template-columns:1fr}.field-info .note{margin-bottom:0}.field-info .field-series{margin-bottom:16px}.field-image{max-width:680px;width:100%;justify-self:center}.field-controls{flex-wrap:wrap}.field-controls label{width:100%}.field-controls select{width:0}.field-info{display:grid;grid-template-columns:1fr auto;gap:0 16px}.field-info .eyebrow,.field-info .field-series,.field-info .note{grid-column:1/-1}.field-info h3{margin-bottom:16px}.field-count{align-self:start;white-space:nowrap;text-align:right}.field-count strong{display:block;line-height:1.1;margin-right:0}.field-info .field-series{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}}
@media(max-width:560px){.sample-metrics{padding-top:12px}.sample-metrics span{font-size:13px}.field-controls,.field-panel{padding:16px}.field-controls{gap:12px}.field-panel{gap:16px}.field-info .field-series{grid-template-columns:1fr}.sky-overview{padding:16px}.hemisphere-pair,.sky-overview>.field-series{grid-template-columns:1fr;gap:12px}.field-count{font-size:12px}.field-count strong{font-size:28px}.poster-link{font-size:13px}.field-image{margin:0 -8px;width:calc(100% + 16px);max-width:none}.field-image figcaption{padding:0 8px;font-size:12px}}

.field-copy{background:var(--bg);color:var(--gold);border:1px solid var(--line);border-radius:6px;padding:12px;font:inherit;font-size:13px;cursor:pointer;white-space:nowrap}.field-copy:disabled{opacity:.4;cursor:default}.field-copy-fallback{flex-basis:100%;min-width:0;background:var(--bg);color:var(--ink);font:inherit;padding:12px;border:1px solid var(--gold)}

@media(max-width:560px){.field-copy{width:100%}}

/* Interactive regions need the width previously reserved for static count notes. */
.field-panel.sky-reader-ready{grid-template-columns:minmax(0,1fr);gap:8px}
.sky-reader-ready .field-info{display:block}
.sky-reader-ready .field-info .eyebrow{margin-bottom:6px}
.sky-reader-ready .field-info h3{margin-bottom:8px}
.sky-reader-ready .field-image{max-width:none;width:100%;margin:0}