/* One grid of choices and one stable reading panel. Native content is the fallback. */
.transmission-fallback { display:grid; grid-template-columns:1fr; gap:12px; margin-top:28px; }
.transmission-fallback[hidden] { display:none !important; }
.transmission-fallback details { border:1px solid var(--line,#d9ddd4); border-radius:8px; padding:16px 20px; background:transparent; }
.transmission-fallback summary { cursor:pointer; font-size:18px; line-height:1.45; }
.transmission-fallback details p { max-width:70ch; margin-block:14px; font-size:16px; line-height:1.75; }
.transmission-fallback-action { display:inline-flex; align-items:center; min-height:44px; font-size:14px; text-decoration:underline; text-underline-offset:5px; }
.transmission-picker { margin-top:28px; }
.transmission-options { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:10px; }
.transmission-choice { min-width:0; height:72px; margin:0; padding:12px 10px; background:#f4f5f0; border:1px solid #d9ddd4; border-radius:7px; color:#1d211e; font:400 15px/1.4 -apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif; text-align:left; cursor:pointer; overflow-wrap:normal; -webkit-tap-highlight-color:transparent; }
.transmission-choice[aria-pressed=true] { border-color:#658046; background:#e9f0dc; box-shadow:inset 0 -3px #658046; }
.transmission-choice:hover { border-color:#658046; }
.transmission-picker :where(button,a):focus-visible { outline:2px solid #1d211e; outline-offset:4px; }
.transmission-panel { display:grid; grid-template-rows:auto auto 1fr auto; align-content:start; min-height:250px; padding:28px; margin-top:20px; border:1px solid #c4cdb8; background:#eff2e9; border-radius:8px; }
.transmission-panel-label { margin:0 0 12px !important; font-size:12px !important; line-height:1.5 !important; color:#656d65; }
body.stories-page .transmission-panel h3 { margin:0; font-size:25px; line-height:1.3; font-weight:500; letter-spacing:-.02em; }
.transmission-panel .transmission-panel-text { font-size:16px; line-height:1.75; margin:16px 0 12px; max-width:70ch; }
.transmission-panel-action { display:inline-flex; align-items:center; justify-self:start; min-height:44px; font-size:14px; text-decoration:underline; text-underline-offset:5px; }
@media(max-width:1050px) { .transmission-options { grid-template-columns:repeat(4,minmax(0,1fr)); } }
@media(max-width:600px) { .transmission-options { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; } .transmission-choice { height:72px; font-size:15px; padding:12px; } .transmission-panel { min-height:320px; padding:22px; } .transmission-panel .transmission-panel-text { font-size:16px; } }
@media(prefers-reduced-motion:reduce) { .transmission-picker * { transition:none !important; animation:none !important; } }
/* Four themes keep the full catalogue accessible while showing six choices at once. */
.transmission-picker { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); grid-template-areas:'filters filters' 'options panel'; gap:20px 28px; align-items:start; }
.transmission-filters { grid-area:filters; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
.transmission-filter { min-width:0; min-height:48px; padding:9px 12px; background:transparent; border:1px solid #d9ddd4; border-radius:6px; color:#1d211e; font:400 14px/1.4 -apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif; cursor:pointer; }
.transmission-filter[aria-pressed=true] { background:#1d211e; border-color:#1d211e; color:#fafaf8; }
.transmission-options { grid-area:options; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.transmission-options [hidden] { display:none !important; }
.transmission-panel { grid-area:panel; position:sticky; top:calc(var(--site-nav-height,80px) + 12px); align-self:start; min-height:280px; margin:0; }
@media(max-width:800px) { .transmission-picker { grid-template-columns:1fr; grid-template-areas:'panel' 'filters' 'options'; gap:16px; } .transmission-filters { grid-template-columns:repeat(2,minmax(0,1fr)); } .transmission-panel { z-index:2; min-height:240px; padding:20px; box-shadow:0 8px 18px #1d211e08; } .transmission-panel-label { display:none; } body.stories-page .transmission-panel h3 { font-size:22px; } .transmission-panel .transmission-panel-text { font-size:15px; line-height:1.65; margin-block:12px 8px; } .transmission-options { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:600px) { .transmission-options { grid-template-columns:repeat(2,minmax(0,1fr)); } .transmission-panel { min-height:260px; } .transmission-panel .transmission-panel-text { font-size:14px; line-height:1.65; } .transmission-filter { min-height:52px; font-size:13px; } }

#transmission, #what { scroll-margin-top:calc(var(--site-nav-height,80px) + 24px); }