/* Shared orientation for study, reference, settings, store, and tool pages. */
.workspace-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px 24px;padding:10px 0 20px;margin:0 0 18px;min-width:0}.workspace-header>div:first-child{min-width:0;flex:1 1 340px}.workspace-header h1{font-size:clamp(1.65rem,2.25vw,2rem);line-height:1.2;margin:0 0 6px}.workspace-header .eyebrow{margin:0 0 6px}.workspace-header>div:first-child>p:last-child{margin:0;color:var(--ink-2);font-size:.9rem;line-height:1.6;max-width:74ch}.workspace-header-controls{display:flex;align-items:flex-end;justify-content:flex-end;flex-wrap:wrap;gap:16px}.workspace-header-controls label{display:flex;flex-direction:column;gap:5px;font-size:.76rem;color:var(--ink-2)}.workspace-header-controls select{height:40px;min-width:110px}.workspace-header-controls .btn{min-height:40px;padding:8px 14px}.workspace-header-controls .lg-tabs{padding:3px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.workspace-header-controls .lg-tabs .btn{border-color:transparent;background:none;box-shadow:none}.workspace-header-controls .lg-tabs .btn[aria-pressed="true"]{background:var(--nav-soft);color:var(--link)}
.page-head .ph-grid{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"back back back" "ico title opts" "ico lede opts" "filt filt filt";padding:18px 22px;gap:6px 18px}.page-head .ph-grid.no-ico{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"back back" "title opts" "lede opts" "filt filt"}.page-head h1{font-size:clamp(1.65rem,2.25vw,2rem);margin:0;line-height:1.2}.page-head .ph-lede p{font-size:.9rem;margin:0;max-width:74ch}.page-head .ph-ico{width:52px;height:52px}.page-head .ph-opts{max-width:100%;align-self:center}.page-head .ph-back:not(:empty){margin-bottom:6px}.page-head .ph-filters:not(:empty){margin-top:10px}
@media(max-width:740px){.workspace-header{align-items:flex-start;gap:12px;padding-bottom:16px}.workspace-header>div:first-child{flex-basis:100%}.workspace-header-controls{width:100%;justify-content:space-between;gap:12px}.page-head .ph-grid,.page-head .ph-grid.no-ico{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"back back" "ico title" "ico lede" "opts opts" "filt filt";padding:16px}.page-head .ph-grid.no-ico{grid-template-columns:minmax(0,1fr);grid-template-areas:"back" "title" "lede" "opts" "filt"}.page-head .ph-opts{justify-self:stretch;justify-items:start;margin-top:8px}}

/* One header language across the site, with each section retaining its own controls. */
body { --header-accent:var(--link); --header-wash:var(--link); }
body[data-route="account"], body[data-route="notes"] { --header-wash:var(--good); }
body[data-route="admin"] { --header-wash:var(--ink-2); }
:root { --header-fill-strength:13%; }
:root[data-theme="night"] { --header-fill-strength:20%; }
body #main :is(.page-head,.workspace-header,.learn-reader-heading,.fx-heading,.why-masthead,.score-hero,.kt-result,.page-orientation) {
  background:linear-gradient(120deg,color-mix(in srgb,var(--header-wash) var(--header-fill-strength),var(--surface)),color-mix(in srgb,var(--header-wash) var(--header-fill-strength),var(--surface-2))) padding-box,linear-gradient(120deg,var(--orange),var(--orange-deep)) border-box;
  border:1px solid transparent; border-radius:var(--r-l); position:relative; isolation:isolate; overflow:hidden;
  box-shadow:var(--shadow-1);
}
/* a compass rose watermark on the right of every header: the instrument from the magnetic tool, in the accent color, faint and behind the text */
body #main :is(.page-head,.workspace-header,.learn-reader-heading,.fx-heading,.why-masthead,.score-hero,.kt-result,.page-orientation)::after {
  content:""; position:absolute; z-index:-1; right:-56px; top:50%; width:236px; height:236px; transform:translateY(-50%); pointer-events:none;
  background:var(--orange); opacity:.16;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200' fill='none' stroke='black'%3E%3Ccircle cx='100' cy='100' r='94' stroke-width='6'/%3E%3Ccircle cx='100' cy='100' r='70' stroke-width='2'/%3E%3Cpath d='M100 6V26M100 174V194M6 100H26M174 100H194M30 30L44 44M170 170L156 156M170 30L156 44M30 170L44 156' stroke-width='4'/%3E%3Cpath d='M100 28L114 100L100 92L86 100Z' fill='black'/%3E%3Cpath d='M100 172L114 100L100 108L86 100Z' stroke='none' fill='black' opacity='.4'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200' fill='none' stroke='black'%3E%3Ccircle cx='100' cy='100' r='94' stroke-width='6'/%3E%3Ccircle cx='100' cy='100' r='70' stroke-width='2'/%3E%3Cpath d='M100 6V26M100 174V194M6 100H26M174 100H194M30 30L44 44M170 170L156 156M170 30L156 44M30 170L44 156' stroke-width='4'/%3E%3Cpath d='M100 28L114 100L100 92L86 100Z' fill='black'/%3E%3Cpath d='M100 172L114 100L100 108L86 100Z' stroke='none' fill='black' opacity='.4'/%3E%3C/svg%3E") center/contain no-repeat;
}
body #main :is(.page-head,.workspace-header,.learn-reader-heading,.fx-heading,.why-masthead,.score-hero,.kt-result,.page-orientation) { position:relative; }
body #main :is(.workspace-header,.fx-heading,.why-masthead) { padding:22px 24px; margin:0 0 22px; }
body #main .page-head .ph-grid { padding:22px 24px; }
body #main .learn-reader-heading { padding:22px 24px; }
body #main :is(.page-head,.workspace-header,.learn-reader-heading,.fx-heading,.why-masthead,.score-hero,.kt-result,.page-orientation) h1 {
  color:var(--header-accent); font-size:clamp(1.65rem,2.25vw,2rem); line-height:1.2;
}
body #main :is(.page-head,.workspace-header,.learn-reader-heading,.fx-heading) .eyebrow { font-size:.78rem; line-height:1.5; color:var(--ink-2); }
body .page-head .ph-filters:not(:empty) { border-top:1px solid var(--line); padding-top:14px; margin-top:12px; }
body .learn-reader-mastery b { color:var(--header-accent); }
body .workspace-header .back-link { display:inline-block; margin-bottom:10px; }
body .page-head::before { content:none; }
@media(max-width:740px) {
  body #main :is(.workspace-header,.fx-heading,.why-masthead,.learn-reader-heading), body #main .page-head .ph-grid { padding:16px; }
  body .workspace-header { gap:14px; }
  body .workspace-header :is(select,input) { max-width:100%; }
}

/* Page shells use all available space; prose retains its own readable measure. */
body #main .page, body .page-report, body .course-scope-footer { width:100%; max-width:none; }
body #main .page.narrow:has(> .page-head .subnav)>:not(.page-head) { max-width:none; }