/*
 * Seven Letters V7 refinement layer
 * Product states, postal route, unit art direction, accessibility and motion.
 */

:root {
  --v7-focus: #7a4e13;
  --v7-gold-ink: #765427;
  --v7-green-ink: #315343;
  --v7-radius-sm: 2px;
  --v7-radius-round: 999px;
}

html { min-width:0; scroll-padding-top:86px; }
body { min-width:0; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; }

.v7-skip-link {
  position: fixed;
  z-index: 999;
  top: 12px;
  left: 12px;
  padding: 12px 18px;
  color: #fff;
  background: #151513;
  font: 700 0.78rem/1.2 var(--v6-sans, sans-serif);
  text-decoration: none;
  transform: translateY(-180%);
  transition: transform 160ms ease;
}
.v7-skip-link:focus { transform: translateY(0); }

:where(.v6-home, .v6-course) :where(a, button):focus-visible,
body[data-v5-unit] :where(a, button, input):focus-visible,
body[data-v5-resource] :where(a, button, input):focus-visible {
  outline-color: var(--v7-focus);
  outline-width: 3px;
}
.v6-current-stage :where(a,button):focus-visible,
.v7-postal-overview :where(a,button):focus-visible,
.v5-completion :where(a,button,input):focus-visible,
.v6-mobile-dock :where(a,button):focus-visible,
.v6-portal-header :where(a,button):focus-visible,
.longform-header :where(a,button):focus-visible,
.dark-footer :where(a,button):focus-visible { outline-color:#f0ce99; }

/* Public invitation: a useful return state, not only a campaign hero. */
.v7-home-status {
  display: grid;
  max-width: 610px;
  margin: 30px 0 0 33px;
  padding: 18px 20px 17px;
  border: 1px solid rgba(74, 54, 38, 0.19);
  gap: 4px 14px;
  grid-template-columns: minmax(0, 1fr) auto;
  background: rgba(255, 250, 241, 0.5);
  box-shadow: 0 12px 30px rgba(56, 38, 24, 0.06);
}
.v7-home-status > span {
  color: var(--v6-wine);
  font-size: 0.64rem;
  font-weight: 800;
  letter-spacing: 0.1em;
}
.v7-home-status > strong {
  grid-column: 1;
  font-family: var(--v6-serif);
  font-size: 1.08rem;
  font-weight: 500;
}
.v7-home-status > small {
  grid-column: 2;
  grid-row: 1 / span 2;
  align-self: center;
  color: #5c5146;
  font-size: 0.7rem;
}
.v7-home-status > i {
  position: relative;
  display: block;
  grid-column: 1 / -1;
  height: 2px;
  margin-top: 10px;
  overflow: hidden;
  background: rgba(70, 52, 39, 0.13);
}
.v7-home-status > i b {
  display: block;
  width: 0;
  height: 100%;
  background: var(--v6-wine);
  transition: width 500ms cubic-bezier(.2,.8,.2,1);
}
.v7-home-status[data-state="waiting"] { border-left: 3px solid var(--v7-gold-ink); }
.v7-home-status[data-state="arrived"] {
  border-color: rgba(112, 35, 48, 0.35);
  background: rgba(255, 249, 238, 0.82);
  animation: v7-arrival-rise 560ms cubic-bezier(.2,.8,.2,1) both;
}
.v7-home-status[data-state="finished"] { border-left: 3px solid var(--v7-green-ink); }
.v6-sequence { max-width: 720px; white-space: normal; }
.v6-sequence span { line-height: 1.35; }

/* Course cockpit themes: each unit carries its own material and colour memory. */
[data-learning-portal] {
  --v7-unit-accent: #a64455;
  --v7-unit-bright: #e1bd86;
  --v7-unit-deep: #111719;
  --v7-unit-glow: rgba(112, 35, 48, 0.38);
}
[data-learning-portal][data-v7-theme="charcoal"] { --v7-unit-accent:#726a60; --v7-unit-bright:#ded1bc; --v7-unit-deep:#161717; --v7-unit-glow:rgba(118,105,88,.3); }
[data-learning-portal][data-v7-theme="midnight"] { --v7-unit-accent:#667da0; --v7-unit-bright:#c4d0e0; --v7-unit-deep:#101722; --v7-unit-glow:rgba(75,104,148,.35); }
[data-learning-portal][data-v7-theme="violet"] { --v7-unit-accent:#76548b; --v7-unit-bright:#d8bce1; --v7-unit-deep:#18131f; --v7-unit-glow:rgba(111,68,132,.36); }
[data-learning-portal][data-v7-theme="ochre"] { --v7-unit-accent:#a56a2c; --v7-unit-bright:#e5c38f; --v7-unit-deep:#1e1811; --v7-unit-glow:rgba(163,104,43,.35); }
[data-learning-portal][data-v7-theme="blueprint"] { --v7-unit-accent:#587792; --v7-unit-bright:#c3d6e0; --v7-unit-deep:#101a22; --v7-unit-glow:rgba(63,103,135,.36); }
[data-learning-portal][data-v7-theme="plum"] { --v7-unit-accent:#874462; --v7-unit-bright:#e1b5c7; --v7-unit-deep:#21121a; --v7-unit-glow:rgba(135,68,98,.36); }
[data-learning-portal][data-v7-theme="newspaper"] { --v7-unit-accent:#88775f; --v7-unit-bright:#ddd0bc; --v7-unit-deep:#191714; --v7-unit-glow:rgba(126,107,80,.3); }
[data-learning-portal][data-v7-theme="moss"] { --v7-unit-accent:#617157; --v7-unit-bright:#ced5b8; --v7-unit-deep:#151b14; --v7-unit-glow:rgba(81,109,67,.36); }
[data-learning-portal][data-v7-theme="gold"] { --v7-unit-accent:#9a7130; --v7-unit-bright:#e5c681; --v7-unit-deep:#1b1710; --v7-unit-glow:rgba(159,114,45,.36); }
[data-learning-portal][data-v7-theme="blue"] { --v7-unit-accent:#547c8f; --v7-unit-bright:#bfd8dd; --v7-unit-deep:#10191d; --v7-unit-glow:rgba(70,121,143,.34); }
[data-learning-portal][data-v7-theme="garden"] { --v7-unit-accent:#6e7754; --v7-unit-bright:#d1d8af; --v7-unit-deep:#161b12; --v7-unit-glow:rgba(91,119,67,.34); }
[data-learning-portal][data-v7-theme="green"] { --v7-unit-accent:#426c5b; --v7-unit-bright:#b9d2c1; --v7-unit-deep:#101c18; --v7-unit-glow:rgba(59,112,88,.36); }

.v6-current-stage {
  background:
    linear-gradient(90deg, transparent 0 50%, rgba(255,255,255,.025) 50%),
    radial-gradient(circle at 14% 17%, var(--v7-unit-glow), transparent 31%),
    var(--v7-unit-deep);
  transition: background 420ms ease;
}
.v6-current-copy .current-subtitle { color: var(--v7-unit-bright); }
.v6-current-copy .current-summary { color: rgba(255,255,255,.7); }
.v6-current-copy .wait-message { border-left-color: var(--v7-unit-bright); }
.v6-current-copy,
.v6-current-art { min-width:0; }
.v6-current-frame {
  background:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px) 0 0 / 100% 25%,
    color-mix(in srgb, var(--v7-unit-deep) 84%, #374042);
}
.v6-current-sheet { width: min(110%, 680px); background: #e8e1d5; }
.v6-current-sheet img { display:block; height:clamp(280px, 36vw, 430px); max-height:none; object-fit:cover; background:#d8d1c5; }
[data-learning-portal]:is([data-current-unit="principle-1"],[data-current-unit="principle-2"],[data-current-unit="principle-4"],[data-current-unit="publishing-plan"],[data-current-unit="letter-02"],[data-current-unit="letter-04"],[data-current-unit="letter-06"],[data-current-unit="letter-07"],[data-current-unit="principle-6"],[data-current-unit="principle-7"]) .v6-current-sheet img { object-fit:contain; }
.v6-current-stamp { border-color: color-mix(in srgb, var(--v7-unit-bright) 74%, transparent); color:var(--v7-unit-bright); background:var(--v7-unit-accent); }
.v6-current-registration i { border-color: color-mix(in srgb, var(--v7-unit-bright) 52%, transparent); }
.v6-current-registration i:first-child { background:var(--v7-unit-accent); }
[data-learning-portal][data-journey-state="arrived"] .v6-current-stamp { animation:v7-stamp 620ms cubic-bezier(.17,.84,.3,1.28) both; }
[data-learning-portal][data-journey-state="arrived"] .arrival-button { animation:v7-arrival-rise 520ms 90ms cubic-bezier(.2,.8,.2,1) both; }

/* The 16-step postal route is the course's primary spatial memory. */
.v7-postal-overview {
  padding: clamp(86px, 10vw, 140px) clamp(24px, 6.5vw, 106px) clamp(78px, 9vw, 120px);
  color:#efe7da;
  background:
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px) 0 0 / 12.5% 100%,
    radial-gradient(circle at 82% 3%, rgba(112,35,48,.38), transparent 29%),
    #171d1e;
}
.v7-postal-overview > header {
  display:flex;
  max-width:1320px;
  margin:0 auto clamp(54px, 6vw, 82px);
  align-items:end;
  justify-content:space-between;
  gap:30px;
}
.v7-postal-overview h2 { margin:8px 0 0; color:#fff8ed; font-family:var(--v6-serif); font-size:clamp(2.8rem,5vw,5.2rem); font-weight:500; letter-spacing:-.055em; }
.v7-postal-overview > header > p { max-width:360px; margin:0 0 9px; color:rgba(255,255,255,.7); font-size:.86rem; line-height:1.7; text-align:right; }
.v7-postal-route {
  position:relative;
  display:grid;
  max-width:1320px;
  margin:0 auto;
  gap:1px;
  grid-template-columns:repeat(16,minmax(38px,1fr));
}
.v7-postal-route::before { position:absolute; top:38px; right:3.1%; left:3.1%; height:1px; background:rgba(255,255,255,.2); content:""; }
.v7-route-node {
  position:relative;
  z-index:2;
  display:grid;
  min-width:0;
  justify-items:center;
  color:rgba(255,255,255,.42);
  text-align:center;
  text-decoration:none;
}
.v7-route-node > i {
  display:grid;
  width:76px;
  max-width:calc(100% - 7px);
  aspect-ratio:1;
  place-items:center;
  border:1px solid rgba(255,255,255,.25);
  border-radius:50%;
  background:#171d1e;
  font:italic .65rem/1 Georgia,serif;
  transition:transform 180ms ease,background 180ms ease,border-color 180ms ease;
}
.v7-route-node > small { margin-top:14px; font-size:.7rem; font-weight:750; line-height:1.45; letter-spacing:.02em; }
.v7-route-node.is-complete { color:#bcd3c4; }
.v7-route-node.is-complete > i { border-color:#6f9b82; background:#315343; }
.v7-route-node.is-current { color:#f0ce99; }
.v7-route-node.is-current > i { border-color:#e2bc80; color:#171d1e; background:#e0ba7e; box-shadow:0 0 0 7px rgba(224,186,126,.12); }
.v7-route-node.is-waiting > i { background:#765427; }
.v7-route-node.is-arrived > i { background:#702330; animation:v7-stamp 620ms cubic-bezier(.17,.84,.3,1.28) both; }
.v7-route-node[href]:hover > i { transform:translateY(-4px); }
.v7-route-node.is-locked { color:rgba(255,255,255,.54); }
.v7-route-node.is-locked > i { opacity:.66; }
.v7-route-legend { display:flex; max-width:1320px; margin:42px auto 0; justify-content:flex-end; gap:22px; color:rgba(255,255,255,.62); font-size:.72rem; }
.v7-route-legend span { display:flex; align-items:center; gap:7px; }
.v7-route-legend i { display:block; width:8px; height:8px; border:1px solid rgba(255,255,255,.34); border-radius:50%; }
.v7-route-legend i.is-complete { background:#315343; }
.v7-route-legend i.is-current { background:#e0ba7e; }

/* Detailed roadmap remains the readable reference beneath the spatial route. */
.v6-roadmap .path-phase li.is-current.is-waiting { color:var(--v7-gold-ink); }
.v6-roadmap .path-phase li.is-current.is-arrived { color:var(--v6-wine); box-shadow:0 18px 45px rgba(68,42,24,.14); }
.v6-roadmap .path-phase li > span,
.v6-phase-preview i,
.v6-roadmap .path-phase > header p { color:var(--v7-gold-ink); }
.v6-roadmap .path-phase li small,
.v6-unit-copy em { font-size:.65rem; }
.v6-phase-toggle { min-width:44px; min-height:44px; }

/* Lesson art direction. JS assigns one of these themes to the body. */
body[data-v5-unit] {
  --v7-lesson-accent:#702330;
  --v7-lesson-deep:#111719;
  --v7-lesson-pale:#f7efe3;
  --v7-lesson-glow:rgba(112,35,48,.14);
  --v4-accent:var(--v7-lesson-accent);
}
body[data-v7-theme="charcoal"] { --v7-lesson-accent:#635b51; --v7-lesson-deep:#161717; --v7-lesson-pale:#efe8de; --v7-lesson-glow:rgba(80,70,60,.14); }
body[data-v7-theme="midnight"] { --v7-lesson-accent:#45668b; --v7-lesson-deep:#101722; --v7-lesson-pale:#edf1f5; --v7-lesson-glow:rgba(58,87,122,.16); }
body[data-v7-theme="violet"] { --v7-lesson-accent:#6a487e; --v7-lesson-deep:#18131f; --v7-lesson-pale:#f2eaf3; --v7-lesson-glow:rgba(102,66,123,.16); }
body[data-v7-theme="ochre"] { --v7-lesson-accent:#8b581f; --v7-lesson-deep:#1e1811; --v7-lesson-pale:#f5ead7; --v7-lesson-glow:rgba(145,91,31,.16); }
body[data-v7-theme="blueprint"] { --v7-lesson-accent:#426783; --v7-lesson-deep:#101a22; --v7-lesson-pale:#e8f0f4; --v7-lesson-glow:rgba(57,96,126,.16); }
body[data-v7-theme="plum"] { --v7-lesson-accent:#7a3957; --v7-lesson-deep:#21121a; --v7-lesson-pale:#f5e8ed; --v7-lesson-glow:rgba(128,56,89,.16); }
body[data-v7-theme="newspaper"] { --v7-lesson-accent:#685941; --v7-lesson-deep:#191714; --v7-lesson-pale:#f2ede5; --v7-lesson-glow:rgba(106,90,63,.14); }
body[data-v7-theme="moss"] { --v7-lesson-accent:#516246; --v7-lesson-deep:#151b14; --v7-lesson-pale:#edf0e5; --v7-lesson-glow:rgba(74,98,62,.16); }
body[data-v7-theme="gold"] { --v7-lesson-accent:#765427; --v7-lesson-deep:#1b1710; --v7-lesson-pale:#f6edd8; --v7-lesson-glow:rgba(142,99,34,.16); }
body[data-v7-theme="blue"] { --v7-lesson-accent:#3f6c80; --v7-lesson-deep:#10191d; --v7-lesson-pale:#e7f0f1; --v7-lesson-glow:rgba(55,107,130,.16); }
body[data-v7-theme="garden"] { --v7-lesson-accent:#596644; --v7-lesson-deep:#161b12; --v7-lesson-pale:#eef0e2; --v7-lesson-glow:rgba(77,103,58,.16); }
body[data-v7-theme="green"] { --v7-lesson-accent:#315d4b; --v7-lesson-deep:#101c18; --v7-lesson-pale:#e7f0ea; --v7-lesson-glow:rgba(44,99,73,.16); }

body[data-v5-unit][data-v7-theme] .lesson-head {
  background:
    radial-gradient(circle at 12% 18%, var(--v7-lesson-glow), transparent 30%),
    linear-gradient(90deg,var(--v7-lesson-pale) 0 57.5%,var(--v7-lesson-deep) 57.5% 100%);
}
body[data-v5-unit][data-v7-theme] .lesson-head::before { border-color:color-mix(in srgb,var(--v7-lesson-pale) 88%,transparent); background-color:color-mix(in srgb,var(--v7-lesson-deep) 80%,#39312a); background-size:contain; background-repeat:no-repeat; background-position:center; }
body[data-v5-unit][data-v7-unit]:not(:is([data-v7-unit="principle-1"],[data-v7-unit="principle-2"],[data-v7-unit="principle-4"],[data-v7-unit="publishing-plan"],[data-v7-unit="letter-02"],[data-v7-unit="letter-04"],[data-v7-unit="letter-06"],[data-v7-unit="letter-07"],[data-v7-unit="principle-6"],[data-v7-unit="principle-7"])) .lesson-head::before { background-size:cover; }
body[data-v5-unit][data-v7-unit="letter-05"] .lesson-head::before { background-size:contain; }
body[data-v5-unit="principle-7"] .longform-hero img { object-fit:contain; background:#e9e1cc; }
body[data-v5-unit][data-v7-theme] .lesson-head::after { color:color-mix(in srgb,var(--v7-lesson-accent) 13%,transparent); }
body[data-v5-unit][data-v7-theme] .lesson-head h1 { color:#1a1916; }
body[data-v5-unit][data-v7-theme] .lesson-head .meta { color:#514b44; }
body[data-v5-resource="epilogue"] { --v4-accent:#765427; --v7-lesson-accent:#765427; --v7-lesson-deep:#1b1710; --v7-lesson-pale:#f6edd8; }
body[data-v5-resource="epilogue"] .lesson-head { background:linear-gradient(90deg,var(--v7-lesson-pale) 0 57.5%,var(--v7-lesson-deep) 57.5% 100%); }
body[data-v5-resource="epilogue"] .lesson-head::before { border-color:#eee0c2; background-color:#1b1710; background-size:contain; background-repeat:no-repeat; background-position:center; }
body[data-v5-resource="epilogue"] .lesson-head::after { color:rgba(118,84,39,.13); }
.v6-closing h1 { position:relative; margin:0; font-family:var(--v6-serif); font-size:clamp(3rem,5.3vw,6rem); font-weight:500; letter-spacing:-.06em; line-height:1.12; }
.v6-closing > p:not(.v4-kicker) { position:relative; margin:22px 0 0; color:#625a51; }
.v6-closing .v6-hero-actions { position:relative; margin-top:38px; }
body[data-v5-unit] .content { font-size:1.08rem; }
body[data-v5-unit] .content > p { text-wrap:pretty; }
.v7-historical-case { max-width:820px; margin:64px 0; padding:clamp(28px,4vw,48px) !important; border:1px solid color-mix(in srgb,var(--v7-lesson-accent) 38%,transparent) !important; border-left:4px solid var(--v7-lesson-accent) !important; background:color-mix(in srgb,var(--v7-lesson-pale) 72%,#eadcca) !important; }
.v7-historical-case > header { margin:0 0 34px; padding:0 0 26px; border-bottom:1px solid rgba(45,35,27,.16); }
.v7-historical-case > header span { color:var(--v7-lesson-accent); font-size:.68rem; font-weight:800; letter-spacing:.14em; }
.v7-historical-case > header h3 { margin:8px 0 6px !important; font-size:clamp(1.65rem,2.8vw,2.4rem) !important; }
.v7-historical-case > header p { margin:0; color:#625a51; font-size:.86rem; }
body[data-v5-unit] .content h2::before { background:var(--v7-lesson-accent); }
body[data-v5-unit] .content > h2:first-child { margin-top:0; }
body[data-v5-unit] .note,
body[data-v5-unit] .daily-task,
body[data-v5-unit] .reference-reading,
body[data-v5-unit] .lesson-toc,
body[data-v5-unit] .toc-section,
body[data-v5-unit] .reference-group,
body[data-v5-unit] .reading-list,
body[data-v5-unit] .reference-links,
body[data-v5-unit] .edit-flow { background:color-mix(in srgb,var(--v7-lesson-pale) 72%,#eadcca) !important; }
.v7-lesson-index {
  position:sticky;
  z-index:20;
  top:72px;
  display:flex;
  padding:0 max(24px,calc((100vw - 1280px)/2));
  overflow:auto;
  border-bottom:1px solid rgba(45,35,27,.13);
  background:rgba(247,241,231,.94);
  scrollbar-width:none;
  -webkit-backdrop-filter:blur(16px);
  backdrop-filter:blur(16px);
}
.v7-lesson-index::-webkit-scrollbar { display:none; }
.v7-lesson-index a { display:flex; min-height:50px; padding:0 18px; align-items:center; flex:0 0 auto; color:#5f574e; border-bottom:2px solid transparent; font-size:.68rem; text-decoration:none; }
.v7-lesson-index a:first-child { padding-left:0; }
.v7-lesson-index a.is-active { color:var(--v7-lesson-accent); border-bottom-color:var(--v7-lesson-accent); }
.v7-lesson-index span { margin-right:7px; color:var(--v7-gold-ink); font:italic .61rem Georgia,serif; }
body[data-v5-unit] :is(.content,.longform-content) h2[id] { scroll-margin-top:52px; }
.v5-completion { background:radial-gradient(circle at 50% 37%,color-mix(in srgb,var(--v7-lesson-accent,var(--v6-wine)) 38%,transparent),transparent 29%),var(--v7-lesson-deep,var(--v6-night)); }
.v6-completion-seal { background:var(--v7-lesson-accent,var(--v6-wine)); }
.v5-completion.is-done .v6-completion-seal { animation:v7-stamp 620ms cubic-bezier(.17,.84,.3,1.28) both; }
.v5-completion.is-arrived .v5-response-box button { background:#f0d7aa; }
.v5-arrival-copy { min-height:1.6em; color:rgba(255,255,255,.72); }

/* Small text and tap targets. */
.v4-header nav a,
.topbar .nav a { min-height:44px; display:inline-flex; align-items:center; }
.v6-current-art figcaption,
.v6-roadmap .path-phase li small,
.v6-unit-copy em { line-height:1.45; }

@keyframes v7-arrival-rise { from { opacity:0; transform:translateY(13px); } to { opacity:1; transform:translateY(0); } }
@keyframes v7-stamp { 0% { opacity:0; transform:scale(1.45) rotate(-7deg); } 70% { opacity:1; transform:scale(.94) rotate(1deg); } 100% { opacity:1; transform:scale(1) rotate(0); } }

@media (max-width: 1180px) {
  .v6-course-position p { max-width:74vw; overflow:auto; white-space:nowrap; scrollbar-width:none; }
  .v7-postal-overview > header { align-items:start; flex-direction:column; }
  .v7-postal-overview > header > p { text-align:left; }
  .v7-postal-route { width:100%; min-width:0; padding-bottom:18px; overflow-x:auto; grid-template-columns:repeat(16,66px); scrollbar-width:thin; scrollbar-color:rgba(224,186,126,.42) transparent; }
  .v7-postal-route::before { display:none; }
  .v7-route-node:not(:last-child)::after { position:absolute; z-index:-1; top:29px; left:50%; width:calc(100% + 1px); height:1px; background:rgba(255,255,255,.2); content:""; }
  .v7-postal-overview { overflow:hidden; }
  .v7-route-node > i { width:58px; }
}

@media (max-width: 760px) {
  html { scroll-padding-top:68px; }
  .v7-home-status { margin-left:0; grid-template-columns:1fr; }
  .v7-home-status > small { grid-column:1; grid-row:auto; }
  .v6-sequence { grid-template-columns:auto 1fr !important; max-width:100%; }
  .v6-course-position { display:grid; padding:10px 20px; gap:5px; }
  .v6-course-position > span { font-size:.62rem; }
  .v6-course-position p { max-width:100%; gap:8px; font-size:.67rem; }
  .v6-current-stage { padding-top:76px; }
  .v5-current-stage .portal-current.v6-current-copy h1.is-short-title { white-space:normal; overflow-wrap:anywhere; }
  body[data-v5-unit],
  body[data-v5-resource] { padding-bottom:calc(78px + env(safe-area-inset-bottom)); }
  .v6-current-sheet img { height:min(78vw,390px); }
  .v7-postal-overview { padding-inline:20px; }
  .v7-postal-overview h2 { font-size:clamp(2.65rem,12vw,4.1rem); }
  .v6-closing h1 { font-size:clamp(2.65rem,13vw,4rem); }
  .v7-route-legend { justify-content:flex-start; flex-wrap:wrap; }
  body[data-v5-unit][data-v7-theme] .lesson-head { background:linear-gradient(var(--v7-lesson-deep) 0 49vh,var(--v7-lesson-pale) 49vh); }
  body[data-v5-unit][data-v7-theme] .lesson-head h1 { color:#1a1916; }
  body[data-v5-unit][data-v7-theme] .lesson-head .meta { color:#514b44; }
  body[data-v5-resource="epilogue"] .lesson-head { background:linear-gradient(var(--v7-lesson-deep) 0 49vh,var(--v7-lesson-pale) 49vh); }
  .v7-lesson-index { top:62px; padding-inline:20px; }
  .v7-lesson-index a { min-height:48px; }
  .v6-mobile-dock { padding-bottom:max(12px,env(safe-area-inset-bottom)); }
  .v6-mobile-dock[data-state="waiting"] a { color:#f0d7aa; border:1px solid rgba(240,215,170,.36); background:transparent; }
  .v6-mobile-dock[data-state="arrived"] a { color:#1a1712; background:#f0d7aa; }
}

@media (prefers-reduced-motion: reduce) {
  .v7-home-status,
  [data-learning-portal][data-journey-state="arrived"] .v6-current-stamp,
  [data-learning-portal][data-journey-state="arrived"] .arrival-button,
  .v7-route-node.is-arrived > i,
  .v5-completion.is-done .v6-completion-seal { animation:none !important; }
}