/* Navigation and learning-page refinement. Kept separate from app styles. */
body.sd-shell {
  --sd-bg:#10171b; --sd-raised:#182126; --sd-quiet:#131c21;
  --sd-line:#36434a; --sd-line-soft:#29363c; --sd-accent:#a7d9c8;
  --sd-text:#e8eeec; --sd-secondary:#b4c1c5; --sd-muted:#97a8ae;
  --primary-teal:var(--sd-accent); --accent-purple:var(--sd-accent);
  --text-main:var(--sd-text); --text-dim:var(--sd-secondary);
  --card-bg:var(--sd-raised); --bg-color:var(--sd-bg);
  color:var(--sd-text);
}
.sd-shell .site-header-inner {gap:22px}
.sd-shell .site-brand {gap:10px}
.sd-shell .site-brand-mark {position:relative;display:block;width:28px;height:42px;border:0;border-radius:0;font:44px/42px Georgia,serif;color:var(--sd-text);background:none}
.sd-shell .site-brand-dot {position:absolute;width:6px;height:6px;right:0;bottom:4px;border-radius:50%;background:var(--sd-accent)}
.sd-shell .site-brand-name {font-size:.76rem;letter-spacing:.13em}
.sd-shell .site-nav a {padding-inline:9px;font-size:.82rem}
.sd-shell .text-context-inner {align-items:center}
.sd-play-menu {flex:1;min-width:0}
.sd-play-menu>summary {display:none}
.sd-shell .sd-play-menu .text-context-links {display:flex;flex-wrap:wrap;overflow:visible;gap:0 4px}
.sd-shell .sd-play-menu .text-context-links a {white-space:normal}
.sd-shell .text-context-nav {overflow:visible}
.sd-home-intro {grid-template-columns:1fr;gap:0;align-items:start;padding:12px 0 28px}
.sd-home-intro h1 {font-size:clamp(2.2rem,4.2vw,3.65rem);max-width:820px;margin-bottom:12px}
.sd-home-intro .sd-lead {max-width:650px;margin-bottom:18px}
.sd-home .sd-study-routes {grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;border:0}
.sd-home .sd-study-routes>a,.sd-home .sd-study-routes>a+a {border:1px solid var(--sd-line);border-radius:6px;padding:20px;background:var(--sd-quiet);gap:12px}
.sd-home .sd-study-routes>a:hover {border-color:var(--sd-accent);background:#1d2d2b}
.sd-home .sd-study-routes h3 {font-size:1.04rem}
.sd-home .sd-study-routes p {font-size:.88rem;line-height:1.6}
.sd-course-strip {display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:22px;padding:14px 0;border-block:1px solid var(--sd-line)}
.sd-course-strip p {display:flex;flex-wrap:wrap;gap:4px 18px;margin:0;font-size:.86rem}
.sd-course-strip p>span {color:var(--sd-muted)}
.sd-course-strip .sd-button {font-size:.8rem;flex-shrink:0}
.sd-tools--design {grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.sd-tools--design .sd-tool--lighting {display:block;grid-column:auto;grid-row:auto;padding:0;border:0}
.sd-tools--design .sd-tool--lighting h3,.sd-tools--design .sd-tool h3 {font-size:1.5rem}
.sd-tools--design .sd-tool--lighting p,.sd-tools--design .sd-tool p {font-size:.94rem;line-height:1.65}
.sd-tools--design .sd-tool-visual img {aspect-ratio:16/10;object-fit:cover}
.sd-tools--design .sd-tool-copy {padding-top:18px}
.sd-editorial .sd-tool-copy>.sd-overline {font-size:.65rem;margin-bottom:8px;color:var(--sd-muted)}
.sd-tools--design .sd-mode-note {margin:12px 0 0}
.sd-design-pathway {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding-block:20px;border-block:1px solid var(--sd-line)}
.sd-design-pathway>a {position:relative;padding:8px 14px 8px 0;display:block}
.sd-design-pathway>a>span {font:.75rem ui-monospace,monospace;color:var(--sd-accent);display:block;margin-bottom:12px}
.sd-design-pathway h3 {font-size:1.12rem}
.sd-design-pathway p {font-size:.9rem;margin-bottom:12px}
.sd-design-pathway b {font-size:.85rem;color:var(--sd-accent);font-weight:600}
.sd-design-disclosure {border-top:1px solid var(--sd-line)}
.sd-design-disclosure:last-child {border-bottom:1px solid var(--sd-line)}
.sd-design-disclosure>summary {display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;cursor:pointer;padding:22px 0;min-height:64px}
.sd-design-disclosure>summary::-webkit-details-marker {display:none}
.sd-design-disclosure>summary strong {font-size:1.05rem;font-weight:650}
.sd-design-disclosure>summary small {display:block;font-size:.85rem;color:var(--sd-secondary);line-height:1.6;margin-top:5px}
.sd-design-disclosure>summary b {font-size:1.5rem;font-weight:400;color:var(--sd-accent)}
.sd-design-disclosure[open]>summary b {transform:rotate(45deg)}
.sd-disclosure-body {padding:0 0 24px}
.sd-design .sd-disclosure-body .design-section:first-child {margin-top:0;padding-top:0;border:0}
.sd-design .sd-disclosure-body .design-evidence-strip {display:block}
.sd-design .sd-disclosure-body .design-evidence-strip ol {margin-top:20px}
.sd-design .sd-support-routes {border-block:1px solid var(--sd-line);padding-block:16px;margin-top:24px}
/* Carry the editorial hierarchy onto the older entry pages. */
.sd-editorial .page-header,.sd-editorial .devising-hero {text-align:left;margin-bottom:28px;padding:0;background:none;border:0}
.sd-editorial .page-header h1 {font-size:clamp(2.1rem,4vw,3.4rem)}
.sd-editorial .eyebrow {font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--sd-accent);margin-bottom:10px}
.sd-editorial .page-subtitle,.sd-editorial .devising-hero-copy {color:var(--sd-secondary);text-transform:none;letter-spacing:0;font-size:1.06rem;max-width:720px}
.sd-editorial .breadcrumbs {font-size:.8rem;color:var(--sd-muted);margin-bottom:24px}
.sd-board-intro {padding:18px 0;margin:20px 0 24px;border-block:1px solid var(--sd-line)}
.sd-board-intro h2 {font-size:1.15rem;margin-bottom:8px}
.sd-board-intro p {max-width:760px;font-size:.92rem;margin-bottom:0}
.sd-exam-hub .exam-board-card {background:var(--sd-quiet);border:1px solid var(--sd-line);border-radius:6px;box-shadow:none;padding:22px;transform:none}
.sd-exam-hub .exam-board-card:hover {border-color:var(--sd-accent);background:#1d2d2b}
.sd-exam-hub .exam-board-card h2 {color:var(--sd-text);font-size:1.5rem;margin:0 0 12px}
.sd-exam-hub .exam-board-card p {font-size:.91rem;line-height:1.65}
.sd-exam-hub .exam-board-card p:last-child {margin:0}
.sd-exam-hub .board-suggested-card {border-color:var(--sd-accent);background:#1d2d2b}
.sd-exam-hub .board-suggested-label {color:var(--sd-accent);background:none}
.sd-page-devising .devising-board-panel {background:var(--sd-quiet);border:1px solid var(--sd-line);border-radius:6px;padding:20px;box-shadow:none}
.sd-page-devising .devising-board-panel h2 {font-size:1.25rem}
.sd-page-devising .board-filter-button {background:none;color:var(--sd-text);border:1px solid #65777d;border-radius:4px;min-height:44px}
.sd-page-devising :is(.devising-pathway a,.devising-stuck-grid a,.devising-resource-card) {background:var(--sd-quiet);border:1px solid var(--sd-line);border-radius:6px;box-shadow:none;transform:none}
.sd-page-devising :is(.devising-pathway a,.devising-stuck-grid a,.devising-resource-card):hover {border-color:var(--sd-accent);background:#1d2d2b}
.sd-page-devising .devising-stage-number {background:#243b33;color:var(--sd-accent);border-radius:4px}
.sd-page-devising :is(.devising-section-heading,.devising-evidence-heading) {color:var(--sd-text);border:0;text-transform:none;letter-spacing:-.02em;font-size:1.7rem}
.sd-page-devising .devising-evidence-strip {background:var(--sd-quiet);border:1px solid var(--sd-line);border-radius:6px;box-shadow:none}
.sd-page-library :is(.board-filter-button,.card) {background:var(--sd-quiet);color:var(--sd-text);border-radius:6px;border-color:var(--sd-line);box-shadow:none;transform:none}
.sd-page-library .board-filter-button.active {background:#243b33;color:var(--sd-accent);border-color:var(--sd-accent)}
.sd-page-library .card:hover {border-color:var(--sd-accent)}
.sd-page-library .library-play-card {background:var(--sd-quiet);border-color:var(--sd-line);border-radius:6px;box-shadow:none;transform:none}
.sd-page-library .library-play-card:hover {border-color:var(--sd-accent);background:#1d2d2b}
.sd-page-library .resource-search-input {background:var(--sd-quiet);border-color:#65777d;border-radius:4px;color:var(--sd-text)}
.sd-page-devising .devising-resource-grid .nav-card {background:var(--sd-quiet);border-color:var(--sd-line);border-radius:6px;box-shadow:none;transform:none}
@media(max-width:1100px) {
  .sd-shell .site-nav a {font-size:1rem;padding:12px}
  .sd-shell .site-header-inner {gap:12px}
}
@media(max-width:900px) {
  .sd-home .sd-study-routes {grid-template-columns:repeat(2,minmax(0,1fr))}
  .sd-tools--design {gap:18px}
  .sd-tools--design .sd-tool--lighting h3,.sd-tools--design .sd-tool h3 {font-size:1.2rem}
}
@media(max-width:699px) {
  .sd-shell .site-header-inner {gap:8px}
  .sd-shell .site-brand-mark {width:24px;font-size:38px;height:36px;line-height:36px}
  .sd-shell .site-brand-name {font-size:.65rem;letter-spacing:.08em}
  .sd-shell .text-context-inner {padding:0 16px}
  .sd-shell .text-context-title {padding:12px 0 0}
  .sd-play-menu>summary {display:flex;align-items:center;justify-content:space-between;min-height:44px;color:var(--sd-accent);font-size:.85rem;cursor:pointer;list-style:none}
  .sd-play-menu>summary::-webkit-details-marker {display:none}
  .sd-play-menu[open]>summary>span {transform:rotate(45deg)}
  .sd-shell .sd-play-menu .text-context-links {display:grid;grid-template-columns:1fr 1fr;padding:0 0 12px}
  .sd-shell .sd-play-menu .text-context-links a {padding:10px;border:1px solid transparent;min-height:44px;line-height:1.4}
  .sd-shell .sd-play-menu .text-context-links a[aria-current=page] {border-color:var(--sd-accent);border-radius:4px;background:#20322d}
  .sd-home-intro {padding:0 0 22px}
  .sd-home-intro h1 {font-size:2.1rem;line-height:1.12;margin-bottom:12px}
  .sd-home-intro .sd-lead {font-size:.94rem;margin-bottom:16px}
  .sd-home .sd-study-routes {grid-template-columns:1fr;gap:8px}
  .sd-home .sd-study-routes>a,.sd-home .sd-study-routes>a+a {padding:14px;gap:10px}
  .sd-home .sd-study-routes h3 {font-size:1rem;margin-bottom:4px}
  .sd-home .sd-study-routes p {font-size:.83rem}
  .sd-course-strip {align-items:start;flex-direction:column;gap:10px;padding:14px 0}
  .sd-course-strip p {display:block}
  .sd-course-strip p>span {display:block;margin-top:4px}
  .sd-course-strip .sd-button {min-height:44px}
  .sd-tools--design {grid-template-columns:1fr;gap:24px}
  .sd-tools--design .sd-tool--lighting {display:block;padding:0}
  .sd-tools--design .sd-tool-visual img {aspect-ratio:16/9}
  .sd-tools--design .sd-tool-copy {padding-top:14px}
  .sd-design-pathway {grid-template-columns:1fr;gap:0;padding:0}
  .sd-design-pathway>a {padding:20px 0;border-bottom:1px solid var(--sd-line)}
  .sd-design-pathway>a:last-child {border:0}
  .sd-design-pathway>a>span {margin-bottom:8px}
  .sd-design-disclosure>summary {padding:18px 0;gap:12px}
  .sd-design .sd-disclosure-body .design-evidence-strip ol {grid-template-columns:1fr}
  .sd-editorial .devising-hero-copy {font-size:1rem}
  .sd-exam-hub .exam-board-card {padding:20px}
  .sd-editorial .page-header h1 {font-size:2.1rem}
}
@media print {
  body.sd-shell {background:white;color:black}
  .sd-design-disclosure>.sd-disclosure-body {display:block!important}
  .sd-design-disclosure>summary b {display:none}
  .sd-design-pathway,.sd-course-strip {display:none}
}