.pause-panel .pause-resume-bar{position:sticky;top:-1px;z-index:8;display:flex;align-items:center;gap:10px;padding:8px 0;background:#122e28;border-bottom:1px solid #8fbe9a;box-shadow:0 5px 10px #001a1780}
.pause-resume-bar>span{font-size:12px;color:#d7edcc;white-space:nowrap}.pause-panel .pause-resume-bar .primary-button{min-height:44px;margin:0;flex:1;width:auto}
.pause-jumps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:12px 0}.pause-jumps button{min-height:44px;border:1px solid #769e8b;border-radius:8px;background:#274b40;color:#f1f7e9;font-size:12px}
.pause-section{border:1px solid #638b78;border-radius:12px;margin:10px 0;background:#16382f;scroll-margin-top:var(--pause-sticky-clearance,68px)}.pause-section>summary{cursor:pointer;padding:15px 12px;font-weight:700;min-height:44px;box-sizing:border-box;color:#ecf6d8}.pause-section-body{padding:0 12px 12px}.pause-section summary:focus-visible,.pause-jumps button:focus-visible{outline:3px solid #ffe190;outline-offset:2px}
.pause-panel .pause-resume-bar .primary-button{min-width:0;padding-inline:10px;box-sizing:border-box;font-size:14px}
.pause-section-body p,.pause-section-body small{color:#c8ddcb}.pause-section-body button small{color:inherit}
/* R12: action hub first; full explanations stay in their existing disclosures. */
.pause-panel .pause-hub-title{font-size:1.25rem;line-height:1.35;margin:12px 0 8px}
.pause-hub-status{display:flex;flex-wrap:wrap;gap:5px 12px;font-size:.85rem;line-height:1.5;color:#304d36}
.pause-hub-status small{font-size:.75rem;color:#304d36;background:#e8efd2;border:1px solid #7d976a;border-radius:5px;padding:1px 5px}
.pause-panel .pause-jumps{grid-template-columns:repeat(4,minmax(0,1fr));margin:10px 0}
.pause-panel .pause-jumps button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0;padding:10px 4px;font-size:.85rem;font-weight:750;line-height:1.35;background:linear-gradient(150deg,#355b46,#24483d);border-color:#94b57b;box-shadow:0 3px 0 #0c251e}
.pause-jumps .icon{width:22px;height:22px;color:#d0ed97}
.pause-panel .resume-confirmation{font-size:.85rem;line-height:1.5;margin:10px 0}

.pause-panel .pause-jumps button[aria-expanded=true]{background:#d2e3ad;color:#173d35;border-color:#47663b;box-shadow:0 3px 0 #47663b}.pause-panel .pause-jumps button[aria-expanded=true] .icon{color:#304d36}

/* Light lesson card is nested inside a dark section: do not inherit pale body small text. */
.pause-panel .field-guide-course>div>small{color:#304d36}
/* R15 integration: these helpers sit on the light display-settings card,
   unlike the dark pause hub. Do not recolor other panel help text. */
[data-ui-key="pause-visual-settings"] .ink-readability-setting > small,
[data-ui-key="pause-visual-settings"] .hud-readability-settings > p,
[data-ui-key="pause-visual-settings"] .hud-readability-settings > small{color:#173d35}
/* R16 native QA: these existing cards have pale surfaces inside the dark hub.
   Keep the hub's pale text everywhere else; restore readable card copy only. */
.pause-section-body .ink-pause-note,
.pause-section-body .ink-pause-note p,
.pause-section-body .ink-pause-note small,
.pause-section-body .mode-run-note p,
.pause-section-body .mode-run-note small,
.pause-section-body .duo-target-panel p,
.pause-section-body .duo-target-panel small{color:#304d36}