#device-layout { margin-block: 20px; border-block: 1px solid var(--line); padding-block: 8px; }
#device-layout > summary { cursor: pointer; min-height: 44px; padding-block: 12px; }
#device-layout label { display: grid; gap: 8px; max-width: 28rem; margin-block: 12px; }
#deviceLayout { min-height: 44px; max-width: 100%; font-size: 16px; }
#device-layout p { font-size: 14px; line-height: 1.5; }
#deviceLayoutStatus:empty { display: none; }
#device-layout :focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }

/* Only the opted-in reading room changes; Standard keeps the existing cascade. */
#daily-explainer.duo-layout-opted-in { overflow-anchor: none; }
#daily-explainer > .duo-font-probe { position: fixed; top: 0; left: 0; width: 1rem; height: 1rem; visibility: hidden; pointer-events: none; }
#daily-explainer.active.duo-expanded {
  display: grid;
  grid-template-columns: 14rem minmax(0, 1fr);
  grid-template-areas: 'header header' 'archive queue' 'archive status' 'archive article';
  column-gap: 2rem;
  align-items: start;
}
#daily-explainer.duo-expanded > .dive-page-header { grid-area: header; }
#daily-explainer.duo-expanded > .explainer-archive { grid-area: archive; min-width: 0; border-bottom: 0; }
#daily-explainer.duo-expanded > .explainer-queue { grid-area: queue; min-width: 0; }
#daily-explainer.duo-expanded > .dive-status { grid-area: status; }
#daily-explainer.duo-expanded > .dive-status:empty { display: none; }
#daily-explainer.duo-expanded > [data-dive-body] { grid-area: article; min-width: 0; }
#daily-explainer.duo-expanded .archive-editions a { grid-template-columns: minmax(0, 1fr); }
#daily-explainer.duo-expanded .archive-editions { max-height: 32rem; }