/* Red field guide: warm paper, real evidence and quiet, optional learning tools. */
.learning-page { --guide-forest:#25392f; --guide-paper:#f6f1e8; --guide-wine:#612f3b; --guide-pale:#ebe5d9; --guide-ink:#292b25; --guide-muted:#5d5c50; --guide-line:#c8bdac; --guide-focus:#304b3b; --z-guide-tip:5; }
.learning-page :is(h1,h2,h3) { font-family:var(--serif); font-weight:500; letter-spacing:-.045em; overflow-wrap:anywhere; }
.learning-page p { color:var(--guide-muted); font-size:1rem; line-height:1.8; }
.learning-page :is(a,button,input,summary,[tabindex]):focus-visible { outline:2px solid var(--guide-focus); outline-offset:4px; border-radius:.25rem; }
.learning-page button { font:inherit; color:var(--guide-ink); }
.learning-wrap { width:min(86rem,calc(100% - var(--gutter)*2)); margin-inline:auto; }
.learning-hero { padding-block:clamp(3rem,7vw,6rem); }
.learning-hero h1 { font-size:clamp(3rem,6.9vw,6.75rem); line-height:1.03; margin:0 0 1.5rem; letter-spacing:-.06em; max-width:21ch; }
.learning-hero > p,.learning-hero > div > p:not(.eyebrow):not(.guide-note) { max-width:57ch; font-size:1.125rem; line-height:1.7; }
.learning-hero .primary-link { margin-top:1.25rem; }
.learning-page .guide-note { font-size:.875rem; line-height:1.7; }
.learning-home-hero { display:grid; grid-template-columns:minmax(0,1fr); gap:3rem; align-items:center; }
.learning-page .screen-pair { min-width:0; }
.learning-page .screen-view-tabs { display:flex; gap:.25rem; border:1px solid var(--guide-line); width:fit-content; padding:.25rem; margin-bottom:.75rem; border-radius:.35rem; background:var(--guide-paper); }
.learning-page .screen-view-tabs a { display:flex; align-items:center; gap:.625rem; min-height:2.75rem; padding:.5rem .875rem; font-size:.875rem; line-height:1.5; font-weight:750; text-decoration:none; border-radius:.2rem; }
.learning-page .screen-view-tabs a[aria-selected=true] { background:var(--guide-forest); color:var(--guide-paper); }
.learning-page .screen-view-tabs a > span:first-child { font-size:1.25rem; line-height:1; }
.learning-page .guide-screen { margin:0; min-width:0; }
.learning-page .guide-screen-link { display:block; min-width:0; background:#e6dfd3; border:1px solid #b5a892; border-radius:.25rem; }
.learning-page .guide-screen img { display:block; width:100%; height:auto; max-height:40rem; object-fit:contain; }
.learning-page .screen-pair[data-enhanced] .guide-screen-link { display:grid; place-items:center; height:clamp(22rem,42vw,38rem); }
.learning-page .screen-pair[data-enhanced] .guide-screen img { height:100%; max-height:100%; }
.learning-page .screen-view + .screen-view { margin-top:2rem; }
.learning-page .screen-pair[data-enhanced] .screen-view { margin-top:0; }
.learning-page .guide-screen figcaption { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:.25rem 1rem; padding-top:.5rem; color:var(--guide-muted); font-size:.75rem; line-height:1.6; }
.learning-page .guide-screen figcaption a { display:inline-flex; align-items:center; min-height:2.75rem; font-size:.8125rem; font-weight:750; color:var(--red); text-underline-offset:.25em; }
.learning-intro { display:grid; gap:1.5rem; padding-block:clamp(3rem,6vw,6rem); border-top:1px solid var(--guide-line); }
.learning-intro .eyebrow { margin:0; }
.learning-intro h2,.learning-loop h2,.learning-index h2,.learning-partner h2,.guide-feedback h2 { font-size:clamp(2.5rem,4.5vw,4rem); line-height:1.08; margin:0; letter-spacing:-.055em; }
.learning-intro p:not(.eyebrow) { max-width:55ch; margin:0; }
.guide-books { display:block; }
.guide-books > a { display:grid; grid-template-columns:2rem minmax(0,1fr); gap:1rem; padding:2rem 0; border-top:1px solid var(--guide-line); text-decoration:none; }
.guide-books > a:last-child { border-bottom:1px solid var(--guide-line); }
.book-number { font:500 1.75rem/1.2 var(--serif); color:var(--red); }
.guide-books h2 { font-size:clamp(2rem,3.5vw,3.25rem); line-height:1.1; margin:0 0 1rem; }
.guide-books p { max-width:56ch; margin:0 0 1rem; }
.book-action { display:inline-flex; min-height:2.75rem; align-items:center; color:var(--red); font-weight:750; font-size:.875rem; }
.learning-loop { padding-block:clamp(4rem,7vw,7rem); }
.learning-loop ol { margin:2rem 0 0; padding:0; list-style:none; display:grid; gap:1.5rem; }
.learning-loop li { border-top:1px solid var(--guide-line); padding-top:1rem; }
.learning-loop li > span { display:block; color:var(--red); font:500 1.5rem/1 var(--serif); margin-bottom:1rem; }
.learning-loop li a { display:inline-flex; min-height:2.75rem; align-items:center; text-decoration:none; font-weight:750; font-size:1rem; text-underline-offset:.25em; }
.learning-loop li p { margin:.5rem 0 0; }
.learning-index { padding-block:3rem 5rem; border-top:1px solid var(--guide-line); }
.index-heading { margin-bottom:2rem; }
.guide-search { padding:1.5rem 0; max-width:55rem; }
.guide-search label { display:block; font-size:.875rem; font-weight:750; margin:0 0 .75rem; }
.search-row { display:flex; align-items:stretch; gap:.75rem; }
.learning-page .search-row input { background:#fcf8f0; border:1px solid #918977; border-radius:.25rem; padding:.875rem 1rem; font-size:1rem; min-height:3.25rem; }
.search-row button,.guide-empty button { min-height:2.75rem; border:1px solid #918977; background:var(--guide-paper); border-radius:.25rem; padding:.625rem 1rem; font-size:.875rem; font-weight:750; }
.learning-page .search-status { margin:.625rem 0 0; font-size:.8125rem; }
.topic-index { display:grid; gap:0 3rem; }
.topic-index > a { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:.5rem 1rem; padding:1.25rem 0; border-top:1px solid var(--guide-line); text-decoration:none; }
.topic-index > a > span:first-child { grid-column:1/-1; font-size:.75rem; color:var(--red); font-weight:750; }
.topic-index h3 { font:500 1.5rem/1.25 var(--serif); margin:0; }
.topic-index > a > span:last-child { align-self:center; font-size:1.5rem; color:var(--red); }
.guide-empty { padding:2rem; background:var(--guide-pale); border:1px solid var(--guide-line); }
.learning-partner { background:var(--guide-forest); color:var(--guide-paper); margin-inline:calc(var(--gutter)*-1); padding:clamp(3rem,6vw,6rem) var(--gutter); display:grid; gap:1.5rem; }
.learning-page .learning-partner :is(.eyebrow,em,a) { color:#efb6a6; }
.learning-page .learning-partner p { color:#e1e6d9; }
.learning-partner .text-link { margin-top:.75rem; }
.learning-page .learning-partner :focus-visible { outline-color:#efb6a6; }
.guide-breadcrumb { display:flex; align-items:center; flex-wrap:wrap; gap:.5rem .875rem; padding-top:2rem; font-size:.8125rem; line-height:1.6; color:var(--guide-muted); }
.guide-breadcrumb a { display:inline-flex; min-height:2.75rem; align-items:center; color:var(--red); text-underline-offset:.25em; }
.guide-hero { padding-top:2.5rem; padding-bottom:3rem; }
.guide-hero h1 { max-width:22ch; }
.guide-edition { display:flex; flex-wrap:wrap; gap:.5rem 1.5rem; padding-top:1rem; font-size:.75rem; line-height:1.7; color:var(--guide-muted); }
.learning-shell { display:grid; gap:2rem; padding-top:1.5rem; }
.guide-toc { min-width:0; }
.toc-label { font-size:.75rem!important; font-weight:800; letter-spacing:.08em; text-transform:uppercase; margin:0 0 .75rem; }
.guide-toc nav { display:block; }
.guide-toc ol { list-style:none; margin:0; padding:0; }
.guide-toc a { display:flex; align-items:start; gap:.75rem; padding:.625rem 0; min-height:2.75rem; font-size:.8125rem; line-height:1.6; text-decoration:none; color:var(--guide-muted); }
.guide-toc a > span { color:var(--red); flex-shrink:0; font-variant-numeric:tabular-nums; }
.guide-toc a[aria-current=location] { color:var(--red); text-decoration:underline; text-underline-offset:.25em; }
.guide-toc .guide-back { margin-top:1rem; border-top:1px solid var(--guide-line); color:var(--red); }
.toc-toggle { width:100%; min-height:3.25rem; display:flex; justify-content:space-between; align-items:center; border:1px solid var(--guide-line); background:var(--guide-pale); border-radius:.25rem; padding:.75rem 1rem; font-weight:750; margin-bottom:.5rem; }
.toc-toggle > span { font-size:1.5rem; }
.guide-content { min-width:0; }
.guide-topic { scroll-margin-top:1.5rem; padding-block:0 3.5rem; margin-bottom:3.5rem; border-bottom:1px solid var(--guide-line); }
.guide-topic-heading { margin-bottom:2rem; }
.guide-topic-heading .eyebrow { font-size:.75rem; margin-bottom:1rem; }
.guide-topic-heading h2 { font-size:clamp(2.25rem,3.8vw,3.5rem); line-height:1.1; letter-spacing:-.05em; margin:0 0 1rem; }
.guide-topic-heading > p:last-child { max-width:66ch; margin:0; }
.guide-task { display:grid; gap:2rem; }
.guide-steps { list-style:none; padding:0; margin:0; }
.guide-steps > li { display:grid; grid-template-columns:1.75rem minmax(0,1fr); gap:.875rem; padding-block:1rem; border-top:1px solid var(--guide-line); }
.guide-steps > li > span { font:500 1.5rem/1.2 var(--serif); color:var(--red); }
.guide-steps h3 { font:750 1rem/1.5 var(--sans); letter-spacing:0; margin:0 0 .5rem; }
.guide-steps p { font-size:.9375rem; line-height:1.8; margin:0; max-width:65ch; }
.tip-section { margin-top:1.5rem; }
.tip-caption { display:flex; flex-wrap:wrap; gap:.25rem .75rem; font-size:.8125rem!important; margin:0 0 .75rem; color:var(--guide-ink)!important; font-weight:750; }
.tip-caption > span { font-weight:400; color:var(--guide-muted); }
.tip-tray { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr)); gap:.5rem; list-style:none; padding:0; margin:0; }
.tip-tray > li { min-width:0; }
.tip-tray button { display:flex; width:100%; align-items:center; gap:.625rem; min-height:3rem; padding:.75rem; border:1px solid var(--guide-line); border-radius:.35rem; background:var(--guide-paper); text-align:left; font-size:.8125rem; line-height:1.5; font-weight:750; }
.tip-tray button > span:nth-child(2) { min-width:0; overflow-wrap:anywhere; }
.tip-number { color:var(--red); font:500 1.125rem/1 var(--serif); flex-shrink:0; }
.tip-symbol { margin-left:auto; flex-shrink:0; border:1px solid var(--guide-line); border-radius:50%; width:1.25rem; height:1.25rem; display:grid; place-items:center; font:600 .8125rem/1 var(--serif); color:var(--red); }
.tip-tray button[aria-expanded=true] { border-color:var(--guide-forest); background:var(--guide-pale); }
.learning-page .help-tip-popover { position:fixed; z-index:var(--z-guide-tip); margin:0; padding:1rem 1.125rem; border:1px solid #607064; border-radius:.45rem; background:var(--guide-forest); color:#f6f1e8; box-shadow:0 .5rem 1.5rem #25392f26; font-size:.9375rem; line-height:1.7; max-height:calc(100svh - 2rem); overflow:auto; }
.learning-page .control-reference { margin-top:1rem; padding-block:.75rem; }
.control-reference summary { font-size:.875rem; }
.control-reference dl { display:grid; gap:1rem; margin:1rem 0 0; }
.control-reference dt { font-size:.9375rem; font-weight:750; margin-bottom:.375rem; }
.control-reference dd { margin:0; font-size:.9375rem; line-height:1.8; color:var(--guide-muted); max-width:65ch; }
.guide-deep { margin-top:1.5rem; }
.learning-page .deep-label { font-size:.75rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; margin:0 0 .25rem; }
.learning-page .guide-deep details { padding-block:1rem; }
.learning-page .guide-deep summary { font-size:1rem; }
.guide-deep details > div { padding-top:.5rem; max-width:70ch; }
.guide-deep details p,.guide-deep details li { font-size:.9375rem; line-height:1.85; color:var(--guide-muted); }
.guide-deep li { margin-bottom:.75rem; }
.learning-page .try-task { background:#e5e8dc; border:1px solid #c2ccb8; border-radius:.35rem; padding:1rem 1.25rem; margin-top:1rem; }
.try-task summary { font-size:.9375rem; }
.try-task summary > span { margin-right:.5rem; color:var(--guide-forest); }
.try-task p,.try-task li { font-size:.9375rem; line-height:1.8; }
.try-task li { margin-bottom:.5rem; }
.guide-feedback { padding-block:1rem 5rem; max-width:65ch; }
.guide-feedback h2 { margin-bottom:1.25rem; }
.guide-feedback .text-link { margin-top:.75rem; }
.learning-page .learning-viewer { width:min(90rem,calc(100vw - 1rem)); }
.learning-page .learning-viewer .show-intake-dialog-title { font-size:1rem; }
.learning-page .optional-guide-film { margin-top:1.5rem; }
.optional-guide-film video { display:block; width:100%; height:auto; margin-top:1rem; }
.optional-guide-film p { font-size:.875rem; }
@media(min-width:48rem) {
 .learning-home-hero { grid-template-columns:minmax(0,1fr) minmax(0,.85fr); gap:5%; }
 .learning-intro { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:1.5rem 8%; }
 .learning-intro > .eyebrow { grid-column:1/-1; }
 .learning-intro h2 { grid-column:1; }
 .learning-intro > p:last-child { grid-column:2; }
 .guide-books > a { grid-template-columns:4rem minmax(0,1fr); gap:2rem; padding-block:2.5rem; }
 .guide-books > a > div { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:.5rem 8%; }
 .guide-books h2 { grid-row:span 2; }
 .guide-books p,.guide-books .book-action { grid-column:2; }
 .learning-loop ol { grid-template-columns:repeat(4,minmax(0,1fr)); gap:2rem; }
 .topic-index { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .learning-partner { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:1.5rem 8%; }
 .learning-partner > .eyebrow { grid-column:1/-1; }
}
@media(min-width:64rem) {
 .learning-shell { grid-template-columns:minmax(0,13rem) minmax(0,1fr); gap:4rem; align-items:start; }
 .guide-toc { position:sticky; top:1.5rem; max-height:calc(100svh - 3rem); overflow:auto; padding:.25rem .5rem .25rem .25rem; }
}
@media(min-width:80rem) {
 .guide-task--with-screen { grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); gap:2rem; align-items:start; }
 .guide-task--with-screen .guide-steps > li:first-child { padding-top:0; border-top:0; }
 .guide-task--with-screen .guide-steps p { font-size:.875rem; }
 .guide-task--with-screen .guide-steps h3 { font-size:.9375rem; }
}
@media(max-width:47.999rem) {
 .learning-page .masthead .nav-about { display:none; }
 .learning-page .masthead nav { gap:.5rem .875rem; }
 .learning-hero { padding-block:2.5rem; }
 .learning-hero h1 { font-size:clamp(2.75rem,11vw,4rem); }
 .learning-hero > p,.learning-hero > div > p:not(.eyebrow):not(.guide-note) { font-size:1.0625rem; }
 .learning-home-hero { gap:2rem; }
 .learning-home-hero .primary-link { width:100%; justify-content:space-between; }
 .learning-intro h2 br { display:none; }
 .learning-page .screen-pair[data-enhanced] .guide-screen-link { height:30rem; max-height:66svh; }
 .learning-loop ol { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .learning-partner { margin-inline:calc(var(--gutter)*-1); }
 .guide-edition { gap:.375rem; flex-direction:column; }
 .search-row { flex-wrap:wrap; }
 .search-row input { flex:1 1 12rem; }
 .search-row button { flex:0 0 auto; }
 .guide-topic-heading h2 { font-size:2.5rem; }
 .guide-topic { margin-bottom:2.5rem; padding-bottom:2.5rem; }
 .learning-loop h2,.learning-index h2,.learning-partner h2,.guide-feedback h2 { font-size:2.5rem; }
}
@media(hover:hover) and (pointer:fine) {
 .guide-books > a:hover h2,.topic-index > a:hover h3 { color:var(--red); }
 .tip-tray button:hover,.screen-view-tabs a:hover:not([aria-selected=true]) { background:var(--guide-pale); }
 .learning-loop li a:hover { text-decoration:underline; }
}
@media(prefers-reduced-motion:no-preference) {
 .learning-home-hero h1 { animation:guide-entry 360ms cubic-bezier(.23,1,.32,1) both; }
 .tip-tray button,.guide-books h2,.topic-index h3 { transition:background-color 160ms ease,color 160ms ease,border-color 160ms ease; }
 @keyframes guide-entry { from {opacity:.65;transform:translateY(.3rem)} to {opacity:1;transform:none} }
}
@media(prefers-reduced-motion:reduce) {
 .learning-page *, .learning-page *::before,.learning-page *::after { animation:none!important;transition:none!important;scroll-behavior:auto!important; }
}
@media(forced-colors:active) {
 .learning-page .screen-view-tabs a[aria-selected=true],.tip-tray button[aria-expanded=true] { outline:2px solid Highlight; }
 .learning-page .help-tip-popover { border-color:CanvasText; }
}
.learning-page .wordmark { display:inline-flex; align-items:center; }
.learning-page .nav-signin { gap:.75rem; }
.learning-page .learning-hero-evidence .screen-pair[data-enhanced] .guide-screen-link { height:auto; max-height:none; aspect-ratio:4/3; }

.learning-page .screen-view-tabs { max-width:100%; flex-wrap:wrap; }
.learning-page .screen-view-tabs a { min-width:0; flex:1 1 auto; }
.learning-page .screen-view-label { min-width:0; overflow-wrap:anywhere; }
/* The connected path responds to text size as well as viewport width. */
.learning-loop ol { grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr)); }
.learning-loop li a { display:block; width:100%; overflow-wrap:anywhere; align-content:center; }
.tip-tray button { height:100%; }
@media(max-width:47.999rem){.learning-loop ol { grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr)); }}
.learning-page .hero-find { margin-left:1.5rem; vertical-align:middle; }
.learning-page .film-open-link { display:inline-flex; align-items:center; min-height:2.75rem; margin-top:.5rem; color:var(--red); font-size:.875rem; text-underline-offset:.25em; }
.learning-page .film-length { display:inline-block; font-size:.75rem; font-weight:500; color:var(--guide-muted); margin-left:.5rem; }
@media(max-width:47.999rem){.learning-page .hero-find { margin-left:0; margin-top:.75rem; }}
.learning-page .guide-extra-screen { margin-top:1rem; }
.guide-extra-screen > .guide-screen { margin-top:1rem; }