/* ============================================================
   nav.css, SHARED NAVIGATION STYLES (single source of truth)
   Consolidated from index.html. Load this on every page.
   Order is deliberate; do not reorder NAV-OVER-HERO past DROPDOWN-10X
   (their equal-specificity !important dropdown rules are source-order
   dependent, 10x must win to keep the verified panel sizing).
   ============================================================ */

/* ============ 1 · BASE NAV LAYOUT ============ */
nav.top {
  position: sticky; top: 0; z-index: 50;
  background: #FAF7F2 !important;
  border-bottom: 1px solid transparent;
  transition: border-color 220ms ease;
}
nav.top.is-scrolled { border-bottom-color: var(--hair, #E8E6DF); background: #FAF7F2 !important; }
@supports ((backdrop-filter: blur(8px)) or (-webkit-backdrop-filter: blur(8px))) {
  nav.top.is-scrolled { background: #FAF7F2 !important; }
}
nav.top .wrap { display: flex; align-items: center; justify-content: space-between; height: 64px; }
.brand {
  display: inline-flex; align-items: center; gap: 2px;
  font-size: 17px; font-weight: 600; letter-spacing: -0.015em;
  color: var(--ink, #0A0A0B); text-decoration: none;
}
.brand-mark { height: 34px; margin-right: 11px; display: inline-flex; align-items: center; }
.brand-mark img { height: 34px; width: auto; display: block; }
nav.top ul { list-style: none; margin: 0; padding: 0; display: flex; gap: 28px; align-items: center; }
nav.top a.item {
  color: var(--ink-2, #1F1F23); text-decoration: none;
  font-size: 13px; font-weight: 400; opacity: 0.85; transition: opacity 160ms ease;
}
nav.top a.item:hover { opacity: 1; }

/* dropdown base */
nav.top .dd { position: relative; }
nav.top .dd > .item { display: inline-flex; align-items: center; gap: 6px; cursor: default; }
nav.top .dd > .item .caret {
  width: 8px; height: 8px; display: inline-block;
  border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor;
  transform: rotate(45deg) translate(-1px, -1px); transition: transform 180ms ease; opacity: 0.7;
}
nav.top .dd.is-open > .item .caret,
nav.top .dd:hover > .item .caret { transform: rotate(225deg) translate(-1px, -1px); opacity: 1; }
nav.top .dd-menu {
  position: absolute; top: calc(100% - 4px); left: 0; right: 0; transform: translateY(6px);
  min-width: 220px; padding: 8px; background: #FAF9F6;
  backdrop-filter: blur(20px) saturate(140%); -webkit-backdrop-filter: blur(20px) saturate(140%);
  border: 1px solid var(--hair, #E8E6DF); border-radius: 12px;
  box-shadow: 0 1px 2px rgba(10,10,11,0.04), 0 12px 32px -8px rgba(10,10,11,0.16);
  list-style: none; margin: 0; display: flex; flex-direction: column; gap: 2px;
  opacity: 0; visibility: hidden; pointer-events: none;
  transition: opacity 160ms ease, transform 160ms ease, visibility 160ms;
}
nav.top .dd:hover .dd-menu,
nav.top .dd:focus-within .dd-menu,
nav.top .dd.is-open .dd-menu { opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0); }
nav.top .dd-menu a {
  display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 8px;
  font-size: 14px; color: var(--ink, #0A0A0B); text-decoration: none; line-height: 1.2;
  transition: background 140ms ease; opacity: 1;
}
nav.top .dd-menu a:hover { background: rgba(10,10,11,0.045); opacity: 1; }
nav.top .dd-menu a .lbl { display: flex; flex-direction: column; gap: 2px; }
nav.top .dd-menu a .sub { font-size: 11px; color: var(--muted, #6B6B70); font-weight: 400; letter-spacing: 0; }
nav.top .dd-menu a .dot { width: 6px; height: 6px; border-radius: 50%; background: transparent; flex-shrink: 0; transition: background 140ms ease; }
nav.top .dd-menu a.is-active { background: rgba(10,10,11,0.04); opacity: 1; }
nav.top .dd-menu a.is-active .dot { background: var(--indigo, #6E7EE5); }
nav.top .dd-menu a.is-active .lbl > span:first-child { font-weight: 500; }
nav.top a.cta {
  color: #fff; background: var(--green, #2F6B4F);
  font-size: 13px; font-weight: 600; letter-spacing: -0.01em;
  padding: 9px 16px; border-radius: 999px; white-space: nowrap;
}
nav.top a.cta:hover { background: #275C43; }
@media (max-width: 860px) { nav.top ul li:not(.persist) { display: none; } }

/* ============ 2 · NAV REFINEMENTS + CTA NORMALIZE ============ */
nav.top.is-scrolled { box-shadow: 0 10px 28px -22px rgba(10, 10, 11, 0.22); }
nav.top a.cta { transition: transform 200ms cubic-bezier(0.34, 1.2, 0.64, 1), background 160ms ease, opacity 160ms ease; }
nav.top a.cta:hover { transform: translateY(-1px); }
nav.top a.cta:active { transform: translateY(0) scale(0.985); transition-duration: 80ms; }
nav.top a.item[aria-current="page"] { color: var(--ink, #0A0A0B); opacity: 1; font-weight: 500; }
li.persist > a.cta {
  color: #fff !important; background: #2F6B4F !important;
  font-size: 13px !important; font-weight: 600 !important; letter-spacing: -0.01em !important;
  padding: 9px 16px !important; border-radius: 999px !important;
  white-space: nowrap !important; text-decoration: none !important; border: 0 !important;
  display: inline-block !important; line-height: 1.2 !important;
  transition: transform .2s cubic-bezier(.34,1.2,.64,1), background .16s ease !important;
}
li.persist > a.cta:hover { background: #275C43 !important; transform: translateY(-1px) !important; }

/* ============ 3 · MOBILE NAV ============ */
.ao-burger { display: none; }
.ao-mobile-menu { display: none; }
/* Compact the full nav on mid-size screens so it fits down to ~900px before collapsing */
@media (min-width: 901px) and (max-width: 1140px) {
  nav.top .wrap > ul { gap: 12px !important; }
  nav.top a.item { font-size: 12.5px !important; }
  nav.top a.cta { font-size: 12.5px !important; }
  nav.top .wrap { padding-left: 20px !important; padding-right: 20px !important; }
  nav.top .brand-lockup { height: 24px !important; }
  nav.top ul li > a.item[href="/configure"] { display: none; }
  nav.top .brand-mark img { height: 26px !important; }
}
@media (max-width: 1024px) {
  nav.top ul { display: none !important; }
  .ao-burger { display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; margin-left: auto; border: none; background: none; cursor: pointer; padding: 0; -webkit-tap-highlight-color: transparent; }
  .ao-burger span, .ao-burger span::before, .ao-burger span::after { position: absolute; width: 20px; height: 2px; background: var(--ink, #0A0A0B); border-radius: 2px; transition: transform .22s ease, top .22s ease, opacity .15s ease; }
  .ao-burger span { position: relative; display: block; }
  .ao-burger span::before, .ao-burger span::after { content: ''; left: 0; }
  .ao-burger span::before { top: -6px; } .ao-burger span::after { top: 6px; }
  .ao-burger.open span { background: transparent; }
  .ao-burger.open span::before { top: 0; transform: rotate(45deg); }
  .ao-burger.open span::after { top: 0; transform: rotate(-45deg); }
  .ao-mobile-menu { display: block; position: fixed; left: 0; right: 0; background: #FAF9F6; border-top: 1px solid var(--hair, #E8E6DF); border-bottom: 1px solid var(--hair, #E8E6DF); box-shadow: 0 24px 48px -18px rgba(0,0,0,0.22); transform: translateY(-10px); opacity: 0; pointer-events: none; transition: opacity .2s ease, transform .2s ease; z-index: 120; max-height: calc(100vh - 52px); overflow: auto; }
  .ao-mobile-menu.open { opacity: 1; transform: none; pointer-events: auto; }
  .ao-mobile-menu a { display: block; padding: 15px 26px; color: var(--ink-2, #1F1F23); text-decoration: none; font-size: 16px; letter-spacing: -0.01em; border-bottom: 1px solid var(--hair, #E8E6DF); }
  .ao-mobile-menu a:last-child { border-bottom: none; }
  .ao-mobile-menu a.cta { color: var(--teal-deep, #0F766E); font-weight: 600; }
  .ao-mobile-menu a[aria-current="page"] { color: var(--ink, #0A0A0B); font-weight: 600; background: rgba(15,118,110,0.07); }
}
/* Mobile safety net: stop any single element from forcing horizontal scroll. */
@media (max-width: 720px) {
  html, body { overflow-x: clip; }
}
html { overflow-x: hidden; }
/* legacy burger system is disabled, superseded by .ao-burger above */
.nav-burger, .nav-drawer { display: none !important; }

/* ============ 3b · MOBILE NAV MENU, structured accordion ============ */
/* Scoped under .ao-mobile-menu so these beat the generic `.ao-mobile-menu a` rule above. */
.ao-mobile-menu .mn-primary { list-style: none; margin: 0; padding: 0; }
.ao-mobile-menu .mn-primary li { border-bottom: 1px solid rgba(0,0,0,0.06); }
.ao-mobile-menu .mn-primary li a { display: block; padding: 14px 24px; border-bottom: none; font-family: Inter, sans-serif; font-size: 16px; font-weight: 500; letter-spacing: normal; color: #1a1a1a; text-decoration: none; }
.ao-mobile-menu .mn-primary li a:hover { color: #0F766E; }
.ao-mobile-menu .mn-divider { height: 1px; background: rgba(0,0,0,0.08); margin: 8px 0; }
.ao-mobile-menu .mn-group { border-bottom: 1px solid rgba(0,0,0,0.06); }
.ao-mobile-menu .mn-group-toggle { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 14px 24px; background: none; border: none; font-family: Inter, sans-serif; font-size: 16px; font-weight: 500; color: #1a1a1a; cursor: pointer; text-align: left; }
.ao-mobile-menu .mn-group-toggle[aria-expanded="true"] { color: #0F766E; }
.ao-mobile-menu .mn-caret { font-size: 18px; line-height: 1; transition: transform 0.2s ease; flex-shrink: 0; }
.ao-mobile-menu .mn-group-toggle[aria-expanded="true"] .mn-caret { transform: rotate(90deg); }
.ao-mobile-menu .mn-group-panel { padding: 0 24px 12px; background: rgba(0,0,0,0.02); }
.ao-mobile-menu .mn-group-panel[hidden] { display: none; }
.ao-mobile-menu .mn-group-panel ul { list-style: none; margin: 0 0 12px; padding: 0; }
.ao-mobile-menu .mn-group-panel ul li { border: none; }
.ao-mobile-menu .mn-group-panel ul li a { display: block; padding: 9px 0; font-family: Inter, sans-serif; font-size: 14px; font-weight: 400; letter-spacing: normal; color: #3a3a3a; text-decoration: none; border-bottom: 1px solid rgba(0,0,0,0.04); }
.ao-mobile-menu .mn-group-panel ul li a:hover { color: #0F766E; }
.ao-mobile-menu .mn-group-label { font-family: Inter, sans-serif; font-size: 10px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: #8a8a8a; padding: 12px 0 6px; margin: 0; }
.ao-mobile-menu .mn-see-all { font-weight: 600 !important; color: #0F766E !important; }
.ao-mobile-menu .mn-cta { display: block; margin: 16px 24px; padding: 14px 24px; background: #2F6B4F; color: #ffffff !important; font-family: Inter, sans-serif; font-size: 15px; font-weight: 600; letter-spacing: normal; text-align: center; text-decoration: none; border: none; border-radius: 8px; }
.ao-mobile-menu .mn-cta:hover { background: #0d6460; }

/* ============ 4 · NAV BRAND GAP ============ */
nav.top .brand { margin-right: 34px !important; }

/* ============ 5 · DROPDOWN BASE UPGRADES ============ */
nav.top .dd-menu { background: #F7F2E6 !important; border: 1.7px solid rgba(38,32,22,0.75) !important; box-shadow: 0 1px 0 rgba(255,255,255,0.7) inset, 0 12px 32px -8px rgba(10,10,11,0.16) !important; }
nav.top .dd:hover > .dd-menu, nav.top .dd:focus-within > .dd-menu { animation: dropIn 0.15s cubic-bezier(0.16,1,0.3,1) both; }
@keyframes dropIn { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: translateY(0); } }
nav.top .dd-mega-menu { display: grid !important; grid-template-columns: 1fr 1fr; gap: 0; min-width: 540px; padding: 0 !important; }
nav.top .dd-mega-menu .frail { display: none !important; }
nav.top .dd-mega-menu .dd-col { padding: 20px 24px; }
nav.top .dd-mega-menu .dd-col + .dd-col { border-left: 1px solid var(--hair, #E8E6DF); }
nav.top .dd-mega-menu .dd-col-h { font-family: 'JetBrains Mono', monospace; font-size: 10px; letter-spacing: .14em; text-transform: uppercase; color: var(--muted, #6B6B70); margin: 0 0 8px; padding: 0 8px; }
nav.top .dd-mega-menu a { border-bottom: none !important; }
nav.top .dd-menu .dd-head { font-family: 'JetBrains Mono', monospace; font-size: 10px; letter-spacing: .14em; text-transform: uppercase; color: var(--muted, #6B6B70); margin: 0; padding: 8px 18px 8px; }
nav.top .dd-menu .dd-divider { display: block; height: 1px; background: var(--hair, #E8E6DF); margin: 6px 12px; }
nav a.active { color: var(--teal, #0F766E); }

/* navE, single-line nav + clean dropdown rows + frail rail */
nav.top .wrap > ul > li { flex: 0 0 auto !important; }
nav.top a.item, nav.top .dd > .item, nav.top a.cta { white-space: nowrap !important; }
nav.top .dd-menu { border-radius: 16px !important; padding: 8px !important; box-shadow: 0 1px 0 rgba(255,255,255,0.7) inset, 0 24px 50px -24px rgba(10,10,11,.26) !important; }
nav.top .dd-menu .frail { position: absolute; left: 8px; top: 0; width: 2px; border-radius: 2px; background: var(--teal, #0F766E); height: 0; opacity: 0; transition: transform .3s cubic-bezier(.16,1,.3,1), height .25s ease, opacity .18s ease; z-index: 2; }
nav.top .dd-menu a { position: relative; display: flex !important; flex-direction: row !important; align-items: flex-start !important; gap: 0 !important; padding: 11px 18px !important; text-indent: 0 !important; border-radius: 0 !important; border-bottom: 1px solid rgba(10,10,11,.05) !important; color: var(--ink-2, #1F1F23) !important; transition: color .18s ease !important; }
nav.top .dd-menu a:last-child { border-bottom: none !important; }
nav.top .dd-menu a .dot { display: none !important; }
nav.top .dd-menu a .lbl { display: flex !important; flex-direction: column !important; gap: 1px !important; align-items: flex-start !important; }
nav.top .dd-menu a .lbl > span:first-child { font-size: 14px; font-weight: 600; letter-spacing: -.01em; color: var(--ink, #0A0A0B); transition: color .18s ease; }
nav.top .dd-menu a .sub { color: var(--muted, #6B6B70) !important; font-size: 11.5px; }
nav.top .dd-menu a::after { content: "\2192"; margin-left: auto; align-self: center; opacity: 0; transform: translateX(-4px); transition: opacity .18s ease, transform .25s cubic-bezier(.16,1,.3,1); color: var(--teal-deep, #0F766E); font-size: 13px; font-weight: 600; }
nav.top .dd-menu a:hover { background: transparent !important; color: var(--ink, #0A0A0B) !important; padding-left: 18px !important; }
nav.top .dd-menu a:hover::after { opacity: 1; transform: translateX(0); }
nav.top .dd-menu a.is-active { background: transparent !important; }
/* nav-stretch: rows full-width so narrow items cannot center-shift */
nav.top .dd-menu { align-items: stretch !important; text-align: left !important; }
nav.top .dd-menu ul { width: 100% !important; align-items: stretch !important; }
nav.top .dd-menu li { width: 100% !important; display: block !important; text-align: left !important; }
nav.top .dd-menu a { width: 100% !important; box-sizing: border-box !important; justify-content: flex-start !important; }

/* ============ 6 · NAV OVER HERO (full-width mega menus + over-dark nav) ============ */
@media (min-width: 861px) {
  nav.top .dd { position: relative !important; }
  nav.top .wrap > ul { align-items: center !important; }
  nav.top .dd-menu {
    position: absolute !important; top: calc(100% + 12px) !important; left: auto !important; right: 0 !important;
    width: auto !important; min-width: 520px !important; max-width: 800px !important;
    height: auto !important; min-height: unset !important; max-height: unset !important;
    margin: 0 !important; padding: 28px 32px !important;
    background: #FAF7F2 !important;
    -webkit-backdrop-filter: none !important; backdrop-filter: none !important;
    border-top: 2px solid #0F766E !important;
    border-right: 1px solid rgba(0,0,0,0.07) !important;
    border-bottom: 1px solid rgba(0,0,0,0.07) !important;
    border-left: 1px solid rgba(0,0,0,0.07) !important;
    border-radius: 0 0 16px 16px !important;
    box-shadow: 0 16px 48px rgba(0,0,0,0.14), 0 4px 12px rgba(0,0,0,0.08) !important;
    z-index: 1000 !important; overflow: visible !important;
  }
  nav.top .dd.dd-mega .dd-menu { min-width: 640px !important; }
  nav.top .dd.dd-industries .dd-menu { min-width: 360px !important; }
  nav.top .dd.dd-company .dd-menu { min-width: 280px !important; max-width: 360px !important; }
  nav.top .dd-menu::before { content: ''; position: absolute; top: -14px; left: 0; right: 0; height: 14px; background: transparent; }
  nav.top .dd:hover .dd-menu,
  nav.top .dd:focus-within .dd-menu,
  nav.top .dd.is-open .dd-menu { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; animation: dropdownFadeIn .18s ease forwards; }
  @keyframes dropdownFadeIn { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: translateY(0); } }
  nav.top .dd-menu .frail { display: none !important; }
  nav.top .dd-menu .dd-col-h,
  nav.top .dd-menu .dd-head { font-family: 'Inter', sans-serif; font-size: 10px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: var(--muted, #6B6B70); margin: 0 0 16px !important; padding: 0 !important; }
  nav.top .dd-menu a {
    display: block !important; gap: 0 !important;
    padding: 8px 0 8px 16px !important; border-radius: 0 !important;
    font-family: 'Inter', sans-serif; font-size: 15px; font-weight: 500;
    color: #1a1a1a; opacity: 1 !important; text-decoration: none;
    border-bottom: 1px solid rgba(0,0,0,0.06) !important;
    border-left: 3px solid transparent !important;
    transition: border-color .15s ease, color .15s ease;
  }
  nav.top .dd-menu a:hover { background: transparent !important; border-left-color: #0F766E !important; color: #0F766E !important; padding-left: 16px !important; }
  nav.top .dd-menu a .dot { display: none !important; }
  nav.top .dd-menu a::after { content: none !important; display: none !important; }
  nav.top .dd-menu a .lbl { display: block !important; }
  nav.top .dd-menu a .sub { display: block; font-size: 12px; color: var(--muted, #6B6B70); font-weight: 400; margin-top: 1px; }
  nav.top .dd-mega-menu { display: flex !important; flex-direction: row !important; align-items: stretch !important; gap: 0 !important; }
  nav.top .dd-mega-menu .dd-col { flex: 1 1 0 !important; padding: 0 !important; border: 0 !important; }
  nav.top .dd-mega-menu .dd-col + .dd-col { border-left: 1px solid rgba(0,0,0,0.08) !important; margin-left: 32px !important; padding-left: 32px !important; }
  nav.top .dd-mega-menu .dd-col a:last-of-type { border-bottom: 0 !important; }
  nav.top ul.dd-menu { list-style: none !important; display: block !important; }
  nav.top ul.dd-menu > li { display: block !important; margin: 0 !important; }
  nav.top ul.dd-menu > li:has(.dd-head),
  nav.top ul.dd-menu > li[aria-hidden="true"] { grid-column: 1 / -1 !important; border: 0 !important; }
  nav.top ul.dd-menu > li a { border-bottom: 1px solid rgba(0,0,0,0.06) !important; }
  nav.top .dd-company-menu { display: block !important; list-style: none !important; }
  nav.top .dd-company-menu .dd-links a { padding: 10px 0 10px 16px !important; }
  nav.top .dd-company-menu .dd-links a:last-of-type { border-bottom: 0 !important; }
}
/* Transparent nav while a dark hero is in view; reverts once scrolled past it. */
nav.top { transition: background 240ms ease, border-color 220ms ease, box-shadow 360ms ease; }
nav.top.nav-over-dark,
nav.top:not(.is-scrolled) { background: #FAF9F6 !important; border-bottom: 1px solid rgba(26,25,24,0.08) !important; box-shadow: none !important; }
nav.top.nav-over-dark a.item,
nav.top:not(.is-scrolled) a.item { color: rgba(26,25,24,0.78) !important; opacity: 1 !important; }
nav.top.nav-over-dark a.item:hover,
nav.top:not(.is-scrolled) a.item:hover { color: #1a1918 !important; }
nav.top.nav-over-dark a.item[aria-current="page"],
nav.top:not(.is-scrolled) a.item[aria-current="page"] { color: #1a1918 !important; }
nav.top.nav-over-dark .brand-mark img,
nav.top.nav-over-dark .brand-lockup,
nav.top:not(.is-scrolled) .brand-mark img,
nav.top:not(.is-scrolled) .brand-lockup { filter: none; }
nav.top.nav-over-dark a.cta,
nav.top:not(.is-scrolled) a.cta { background: transparent !important; color: #1a1918 !important; border: 1px solid rgba(26,25,24,0.45) !important; }
nav.top.nav-over-dark a.cta:hover,
nav.top:not(.is-scrolled) a.cta:hover { background: var(--green, #2F6B4F) !important; border-color: var(--green, #2F6B4F) !important; color: #F7F2E6 !important; }
nav.top.nav-over-dark .ao-burger span,
nav.top.nav-over-dark .ao-burger span::before,
nav.top.nav-over-dark .ao-burger span::after,
nav.top:not(.is-scrolled) .ao-burger span,
nav.top:not(.is-scrolled) .ao-burger span::before,
nav.top:not(.is-scrolled) .ao-burger span::after { background: #1a1918 !important; }

/* ============ 7 · DROPDOWN 10X (final panel sizing + quote/footer cards) ============ */
@media (min-width: 861px) {
  nav.top .dd-menu { padding: 24px !important; box-shadow: 0 1px 0 rgba(255,255,255,0.7) inset, 0 8px 32px rgba(0,0,0,0.10) !important; }
  nav.top .dd.dd-mega .dd-menu { min-width: 620px !important; max-width: 700px !important; }
  nav.top .dd.dd-industries .dd-menu { min-width: 340px !important; max-width: 420px !important; }
  nav.top .dd.dd-company .dd-menu { min-width: 300px !important; max-width: 360px !important; }
  nav.top .dd-menu a { font-size: 14px !important; font-weight: 600 !important; padding: 10px 0 10px 12px !important; border-left: 2px solid transparent !important; }
  nav.top .dd-menu a .lbl > span:first-child { font-size: 14px !important; font-weight: 600 !important; color: #1a1a1a !important; letter-spacing: -.01em; }
  nav.top .dd-menu a .sub { display: block; font-size: 12px !important; font-weight: 400 !important; color: #8a8a8a !important; margin-top: 2px !important; }
  nav.top .dd-menu a:hover { border-left-color: #0F766E !important; color: #0F766E !important; padding-left: 12px !important; background: transparent !important; }
  nav.top .dd-menu a:hover .lbl > span:first-child { color: #0F766E !important; }
  nav.top .dd-mega-menu { flex-direction: column !important; }
  nav.top .dd-mega-menu .dd-cols { display: flex !important; flex-direction: row !important; align-items: stretch; }
  nav.top .dd-mega-menu .dd-col { flex: 1 1 0 !important; padding: 0 !important; border: 0 !important; }
  nav.top .dd-mega-menu .dd-col + .dd-col { border-left: 1px solid rgba(0,0,0,0.08) !important; margin-left: 24px !important; padding-left: 24px !important; }
  nav.top .dd-mega-menu .dd-col a:last-of-type { border-bottom: 0 !important; }
  nav.top .dd-menu .dd-bottom-rule { width: 100%; height: 1px; background: rgba(0,0,0,0.07); margin: 16px 0; }
  nav.top .dd-menu .dd-quote-card {
    display: flex; align-items: center; justify-content: space-between; gap: 16px;
    padding: 14px 18px; background: rgba(15,118,110,0.05);
    border: 1px solid rgba(15,118,110,0.12); border-left: 3px solid #0F766E;
    border-radius: 10px; min-width: 0; overflow: hidden;
  }
  nav.top .dd-menu .dd-quote-text { font-family: 'Source Serif 4', serif; font-style: italic; font-weight: 300; font-size: 14px; color: #1a1a1a; line-height: 1.4; flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  nav.top .dd-menu a.dd-quote-link { font-family: 'Inter', sans-serif; font-size: 12px !important; font-weight: 600 !important; color: #0F766E !important; text-decoration: none; white-space: nowrap; flex-shrink: 0; width: auto !important; padding: 0 !important; border: 0 !important; }
  nav.top .dd-menu a.dd-quote-link:hover { text-decoration: underline; color: #0F766E !important; padding-left: 0 !important; }
  nav.top .dd-menu a.dd-footer-link {
    display: block; font-family: 'Inter', sans-serif; font-size: 12px !important; font-weight: 600 !important;
    color: #0F766E !important; text-decoration: none; text-align: right;
    padding: 12px 0 0 0 !important; border: 0 !important; border-top: 1px solid rgba(0,0,0,0.06) !important; margin-top: 12px;
  }
  nav.top .dd-menu a.dd-footer-link:hover { text-decoration: underline; color: #0F766E !important; padding-left: 0 !important; background: transparent !important; }
}

/* ============ 8 · UNDERLINE, hover ONLY, single source of truth ============ */
nav.top a.item {
  position: relative; text-decoration: none;
  background: none; border: none; border-bottom: none; box-shadow: none;
  transition: color 180ms ease, opacity 180ms ease;
}
nav.top a.item::after {
  content: ''; position: absolute; bottom: -4px; left: 0; right: 0; height: 2px;
  background: #0F766E; border-radius: 2px; opacity: 0; transition: opacity 0.15s ease; pointer-events: none;
}
nav.top li:hover > a.item::after { opacity: 1; }
nav.top a.item:focus,
nav.top a.item:focus-visible,
nav.top a.item:active { outline: none; background: none; text-decoration: none; border-bottom: none; box-shadow: none; }
nav.top a.item:focus::after,
nav.top a.item:focus-visible::after,
nav.top a.item:active::after { opacity: 0; }

/* Active/current state, NO underline, NO background, NO bold */
nav.top a.item.active,
nav.top a.item.is-active,
nav.top a.item[aria-current="page"] { background: none !important; box-shadow: none !important; font-weight: inherit !important; }
nav.top a.item.active::after,
nav.top a.item.is-active::after,
nav.top a.item[aria-current="page"]::after { opacity: 0 !important; }

/* Prevent current-page self-link from inheriting pill or underline */
nav.top a[href="#"],
nav.top li > a:not([href]) {
  background: none !important;
  box-shadow: none !important;
  font-weight: inherit !important;
}
nav.top a[href="#"]::after,
nav.top li > a:not([href])::after {
  opacity: 0 !important;
}

/* ============ 9 · DROPDOWN TRIGGERS ARE <button>, full parity with a.item ============ */
nav.top button.item {
  font-family: inherit; font-size: 13px; line-height: inherit;
  color: var(--ink-2, #1F1F23); background: none; border: none; padding: 0; margin: 0;
  opacity: 0.85; position: relative; text-decoration: none; white-space: nowrap;
  display: inline-flex; align-items: center; gap: 6px;
  transition: color 180ms ease, opacity 180ms ease;
}
nav.top button.item:hover { opacity: 1; }
nav.top button.item::after {
  content: ''; position: absolute; bottom: -4px; left: 0; right: 0; height: 2px;
  background: #0F766E; border-radius: 2px; opacity: 0; transition: opacity 0.15s ease; pointer-events: none;
}
nav.top li:hover > button.item::after { opacity: 1; }
nav.top button.item:focus,
nav.top button.item:focus-visible,
nav.top button.item:active { outline: none; background: none; box-shadow: none; }
nav.top button.item:focus::after,
nav.top button.item:focus-visible::after,
nav.top button.item:active::after { opacity: 0; }
/* over-dark / at-top-of-hero colour parity */
nav.top.nav-over-dark button.item,
nav.top:not(.is-scrolled) button.item { color: rgba(26,25,24,0.78) !important; opacity: 1 !important; }
nav.top.nav-over-dark button.item:hover,
nav.top:not(.is-scrolled) button.item:hover { color: #1a1918 !important; }
/* compact-width parity */
@media (min-width: 901px) and (max-width: 1140px) {
  nav.top button.item { font-size: 12.5px !important; }
}

/* ============ 10 · DROPDOWN KEY-ITEM BADGES (desktop dropdowns only) ============ */
@media (min-width: 861px) {
  nav.top .dd-menu a .dd-badge {
    display: inline-block; margin-left: 8px; vertical-align: middle; position: relative; top: -1px;
    font-family: 'Inter', sans-serif; font-size: 8.5px; font-weight: 700; line-height: 1.5;
    letter-spacing: 0.09em; text-transform: uppercase; padding: 2px 7px; border-radius: 99px; white-space: nowrap;
  }
  nav.top .dd-menu a .dd-badge-featured { background: #0F766E; color: #FAF9F6; }
  nav.top .dd-menu a .dd-badge-mustread { background: rgba(15,118,110,0.12); color: #0F766E; box-shadow: inset 0 0 0 1px rgba(15,118,110,0.28); }
  nav.top .dd-menu a .dd-badge-critical { background: rgba(180,83,9,0.12); color: #B45309; box-shadow: inset 0 0 0 1px rgba(180,83,9,0.28); }
  /* subtle row emphasis so the badged items read as key */
  nav.top .dd-menu a:has(.dd-badge) .lbl > span:first-child { color: #0F766E !important; }
}

/* ============ 11 · THE READING COPY (desktop book nav) ============
   All rules are gated on nav.top.ao-rc, a class nav.js adds only
   after the runtime upgrade succeeds. No JS → classic nav + old CSS.
   Rollback: window.AO_NAV_CLASSIC = true, or restore
   nav-backup-pre-reading-copy.{js,css}. */

nav.top.ao-rc .wrap { position: relative; }

/* chapter triggers (caret parity with the old .dd items) */
nav.top.ao-rc .rc-dd > .item { display: inline-flex; align-items: center; gap: 6px; cursor: default; }
nav.top.ao-rc .rc-dd > .item .caret {
  width: 8px; height: 8px; display: inline-block;
  border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor;
  transform: rotate(45deg) translate(-1px, -1px); transition: transform 180ms ease; opacity: 0.7;
}
nav.top.ao-rc .rc-dd.open > .item .caret { transform: rotate(225deg) translate(-1px, -1px); opacity: 1; }

/* page scrim under the open book */
.rc-scrim {
  position: fixed; inset: 0; z-index: 45;
  background: rgba(26,25,24,0.14);
  -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px);
  opacity: 0; pointer-events: none; transition: opacity 240ms ease;
}
.rc-scrim.on { opacity: 1; pointer-events: auto; }

/* ── bookmark ribbon ── */
nav.top.ao-rc .rc-ribbon {
  position: absolute; top: 0; right: 190px;
  right: calc(max(40px, (100% - 1240px) / 2 + 40px) + 150px);
  width: 24px; height: 46px;
  z-index: 55; transition: height 220ms cubic-bezier(.22,.68,.2,1);
}
nav.top.ao-rc .rc-ribbon[hidden] { display: none; }
nav.top.ao-rc .rc-ribbon::before { /* the flag (clipped), kept off the anchor so the label can paint */
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(180deg, #0F766E 0%, #0B5F58 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 50% calc(100% - 9px), 0 100%);
  filter: drop-shadow(0 2px 3px rgba(10,10,11,0.28));
}
nav.top.ao-rc .rc-ribbon::after { /* stitching */
  content: ""; position: absolute; left: 4px; right: 4px; top: 6px; bottom: 12px;
  border-left: 1px dashed rgba(250,249,246,0.35); border-right: 1px dashed rgba(250,249,246,0.35);
}
nav.top.ao-rc .rc-ribbon:hover,
nav.top.ao-rc .rc-ribbon:focus-visible,
nav.top.ao-rc.rc-teach .rc-ribbon { height: 78px; }
nav.top.ao-rc.rc-spread-open .rc-ribbon { height: 20px; }
.rc-rlabel {
  position: absolute; top: calc(100% + 7px); right: 50%; transform: translate(50%, 3px);
  font-family: 'JetBrains Mono', monospace; font-size: 9.5px; font-weight: 600; letter-spacing: 0.08em;
  color: #0F766E; background: #FAF9F6; border: 1px solid rgba(15,118,110,0.3);
  border-radius: 99px; padding: 5px 11px; white-space: nowrap;
  box-shadow: 0 8px 20px -8px rgba(10,10,11,0.3);
  opacity: 0; pointer-events: none; transition: opacity 160ms ease, transform 200ms ease;
}
nav.top.ao-rc .rc-ribbon:hover .rc-rlabel,
nav.top.ao-rc .rc-ribbon:focus-visible .rc-rlabel,
nav.top.ao-rc.rc-teach .rc-rlabel { opacity: 1; transform: translate(50%, 0); }

/* ── the floating book spread ── */
nav.top.ao-rc .rc-spread {
  position: absolute; top: calc(100% + 14px); left: 50%;
  width: 940px; max-width: calc(100vw - 48px);
  transform: translateX(-50%) translateY(10px);
  opacity: 0; visibility: hidden; pointer-events: none; z-index: 60;
  transition: opacity 200ms ease, transform 300ms cubic-bezier(.22,.68,.2,1), visibility 0s 300ms;
}
nav.top.ao-rc .rc-spread.open {
  opacity: 1; visibility: visible; pointer-events: auto;
  transform: translateX(-50%) translateY(0);
  transition: opacity 180ms ease, transform 300ms cubic-bezier(.22,.68,.2,1);
}
.rc-book {
  position: relative; overflow: hidden;
  background-color: #FBFAF7;
  background-image:
    linear-gradient(rgba(15,118,110,0.42), rgba(15,118,110,0.42)),
    linear-gradient(rgba(15,118,110,0.42), rgba(15,118,110,0.42)),
    linear-gradient(rgba(15,118,110,0.42), rgba(15,118,110,0.42)),
    linear-gradient(rgba(15,118,110,0.42), rgba(15,118,110,0.42));
  background-repeat: no-repeat;
  background-size: 24px 1.5px, 1.5px 24px, 24px 1.5px, 1.5px 24px;
  background-position: left 10px top 10px, left 10px top 10px, right 10px bottom 10px, right 10px bottom 10px;
  border: 1px solid #E8E6DF; border-radius: 5px 5px 8px 8px;
  box-shadow:
    0 2px 0 -1px #EFEDE6, 0 4px 0 -2px #E6E3DA, 0 6px 0 -3px #DBD7CB,
    0 1px 2px rgba(10,10,11,0.05), 0 44px 90px -30px rgba(10,10,11,0.38);
  transition: height 320ms cubic-bezier(.22,.68,.2,1);
}
.rc-book::before { /* paper grain */
  content: ""; position: absolute; inset: 0; pointer-events: none; opacity: 0.05; z-index: 3;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 240 240' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size: 200px 200px;
}
.rc-gutter {
  position: absolute; top: 0; bottom: 0; left: 300px; width: 58px; transform: translateX(-50%);
  pointer-events: none; z-index: 2;
  background: linear-gradient(90deg, rgba(26,25,24,0) 0%, rgba(26,25,24,0.04) 36%, rgba(26,25,24,0.11) 50%, rgba(26,25,24,0.04) 64%, rgba(26,25,24,0) 100%);
}
.rc-sec {
  position: absolute; top: 0; left: 0; right: 0;
  display: grid; grid-template-columns: 300px 1fr;
  opacity: 0; pointer-events: none; transform: translateX(var(--dx, 0px));
  transition: opacity 200ms ease, transform 300ms cubic-bezier(.22,.68,.2,1);
}
.rc-sec.active { opacity: 1; pointer-events: auto; transform: translateX(0); }
.rc-sec.active .rc-row { animation: rcRowIn 300ms cubic-bezier(.22,.68,.2,1) both; }
@keyframes rcRowIn { from { opacity: 0; transform: translateX(7px); } to { opacity: 1; transform: none; } }

.rc-left {
  padding: 26px 32px 22px 28px; background: rgba(232,230,223,0.26);
  min-height: 300px; display: flex; flex-direction: column;
}
.rc-right { padding: 22px 34px 24px 38px; }
.rc-gap { height: 14px; }

/* chapter typography */
.rc-chh {
  font-family: 'JetBrains Mono', monospace; font-size: 9.5px; font-weight: 700;
  letter-spacing: 0.22em; text-transform: uppercase; color: #6B6B70; margin: 0 0 8px;
}
.rc-num {
  font-family: 'Source Serif 4', serif; font-style: italic; font-weight: 200;
  font-size: 78px; line-height: 0.95; letter-spacing: -0.04em; color: #0F766E; margin: 0 0 10px;
}
.rc-title {
  font-family: 'Source Serif 4', serif; font-style: italic; font-weight: 300;
  font-size: 20px; letter-spacing: -0.02em; color: #0A0A0B; margin: 0 0 8px;
}
.rc-epi { font-family: 'Inter', sans-serif; font-size: 11.5px; line-height: 1.55; color: #6B6B70; margin: 0; min-height: 54px; transition: opacity 120ms ease; }
.rc-epi.swap { opacity: 0; }
.rc-epi.note { color: #0F766E; }
.rc-epi.note::before { content: "¶ "; opacity: 0.7; }

/* reading progress */
.rc-read { margin: 14px 0 0; }
.rc-read .n { font-family: 'JetBrains Mono', monospace; font-size: 8.5px; font-weight: 700; letter-spacing: 0.2em; color: #6B6B70; }
.rc-read .track { display: block; height: 2px; background: rgba(26,25,24,0.1); border-radius: 2px; margin-top: 7px; overflow: hidden; }
.rc-read .track i { display: block; height: 100%; width: 0; background: #0F766E; border-radius: 2px; transition: width 400ms cubic-bezier(.22,.68,.2,1); }

/* the reading order */
.rc-order { margin-top: 16px; padding-top: 13px; border-top: 1px solid #E8E6DF; }
.rc-order .oh { font-family: 'JetBrains Mono', monospace; font-size: 8.5px; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; color: #0F766E; margin: 0 0 6px; }
.rc-order a { display: flex; align-items: baseline; gap: 9px; padding: 3.5px 0; text-decoration: none; }
.rc-order .on { font-family: 'JetBrains Mono', monospace; font-size: 9px; font-weight: 700; color: #0F766E; }
.rc-order .ot { font-family: 'Source Serif 4', serif; font-size: 13.5px; color: #0A0A0B; }
.rc-order a:hover .ot { color: #0F766E; }
.rc-order .oc { font-family: 'JetBrains Mono', monospace; font-size: 9.5px; color: #0F766E; opacity: 0; }
.rc-order a.is-read .oc { opacity: 1; }
.rc-order a.is-read .ot { color: #6B6B70; }

/* playbook figure */
.rc-art { margin-top: auto; padding-top: 14px; display: flex; flex-direction: column; gap: 7px; }
.rc-art svg { height: 72px; width: auto; overflow: visible; align-self: flex-start; }
.rc-art .figc { margin: 0; padding-top: 7px; border-top: 1px solid #E8E6DF; font-family: 'JetBrains Mono', monospace; font-size: 8px; font-weight: 700; letter-spacing: 0.18em; color: #6B6B70; }
.rc-art .figc b { color: #0F766E; font-weight: 700; }

/* TOC entries */
nav.top.ao-rc .rc-row { display: flex; align-items: baseline; gap: 10px; padding: 7.5px 2px; text-decoration: none; color: #0A0A0B; }
.rc-order a { color: #0A0A0B; }
nav.top.ao-rc .rc-row .ti {
  font-family: 'Source Serif 4', serif; font-weight: 400; font-style: normal;
  font-size: 15px; letter-spacing: -0.005em; color: #0A0A0B;
  white-space: nowrap; display: inline-flex; align-items: baseline; gap: 8px;
  transition: color 130ms ease;
}
nav.top.ao-rc .rc-row .wh { font-family: 'Inter', sans-serif; font-size: 10.5px; color: #6B6B70; }
nav.top.ao-rc .rc-row .lead { flex: 1; border-bottom: 1.6px dotted rgba(26,25,24,0.28); transform: translateY(-3.5px); transition: border-color 130ms ease; }
nav.top.ao-rc .rc-row .pg { font-family: 'JetBrains Mono', monospace; font-size: 10.5px; color: #B4B4B8; min-width: 22px; text-align: right; transition: color 130ms ease; }
nav.top.ao-rc .rc-row .chk { font-family: 'JetBrains Mono', monospace; font-size: 10px; color: #0F766E; min-width: 13px; text-align: right; opacity: 0; transition: opacity 200ms ease; }
nav.top.ao-rc .rc-row.is-read .chk { opacity: 1; }
nav.top.ao-rc .rc-row.is-read .pg { color: #0F766E; }
nav.top.ao-rc .rc-row .mnote { display: none; }
nav.top.ao-rc .rc-row:hover .ti, nav.top.ao-rc .rc-row:focus .ti { color: #0F766E; }
nav.top.ao-rc .rc-row:hover .lead, nav.top.ao-rc .rc-row:focus .lead { border-color: rgba(15,118,110,0.55); }
nav.top.ao-rc .rc-row:hover .pg, nav.top.ao-rc .rc-row:focus .pg { color: #0F766E; }
nav.top.ao-rc .rc-cta {
  display: block; margin: 14px 0 0; padding: 11px 12px;
  background: rgba(15,118,110,0.06); border: 1px solid rgba(15,118,110,0.18);
  border-radius: 8px; text-decoration: none; text-align: center;
  font-family: 'Inter', sans-serif; font-size: 12.5px; font-weight: 600; color: #0F766E;
}
nav.top.ao-rc .rc-cta:hover { background: rgba(15,118,110,0.1); }

/* ── type-anywhere finder ── */
nav.top.ao-rc .rc-finder {
  position: absolute; top: 100%; left: 0; right: 0; z-index: 65;
  background: #FFFFFF; border-bottom: 1px solid #E8E6DF;
  box-shadow: 0 22px 44px -24px rgba(10,10,11,0.32);
  opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(-8px);
  transition: opacity 160ms ease, transform 220ms cubic-bezier(.22,.68,.2,1), visibility 0s 220ms;
}
nav.top.ao-rc.rc-find-on .rc-finder {
  opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0);
  transition: opacity 160ms ease, transform 220ms cubic-bezier(.22,.68,.2,1);
}
.rc-finder .f-wrap { max-width: 1240px; margin: 0 auto; padding: 13px 40px; display: flex; align-items: center; gap: 16px; }
.rc-finder .f-k { font-family: 'JetBrains Mono', monospace; font-size: 9px; font-weight: 700; letter-spacing: 0.2em; color: #0F766E; flex: none; }
.rc-finder input {
  flex: none; width: 190px; border: none; outline: none; background: transparent;
  font-family: 'JetBrains Mono', monospace; font-size: 13.5px; color: #0A0A0B;
  border-bottom: 1.6px dotted rgba(26,25,24,0.3); border-radius: 0; padding: 2px 0 4px; caret-color: #0F766E;
}
.rc-finder .f-res { display: flex; gap: 9px; align-items: center; flex: 1; min-width: 0; overflow: hidden; }
.rc-finder .f-row {
  display: inline-flex; align-items: center; gap: 9px; flex: none;
  padding: 7px 12px; border: 1px solid #E8E6DF; border-radius: 9px;
  background: #FAF9F6; text-decoration: none; font-family: 'Inter', sans-serif; font-size: 12.5px; color: #0A0A0B;
  white-space: nowrap; transition: border-color 130ms ease, color 130ms ease;
}
.rc-finder .f-row .ft mark { background: rgba(15,118,110,0.22); color: inherit; border-radius: 2px; padding: 0 1px; }
.rc-finder .f-row .fg { font-family: 'JetBrains Mono', monospace; font-size: 8px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: #B4B4B8; }
.rc-finder .f-row.sel { border-color: rgba(15,118,110,0.55); box-shadow: 0 0 0 1px rgba(15,118,110,0.25); color: #0F766E; }
.rc-finder .f-row.sel .fg { color: #0F766E; }
.rc-finder .f-none { font-family: 'Source Serif 4', serif; font-style: italic; font-weight: 300; font-size: 13px; color: #6B6B70; }
.rc-finder .f-hint { font-family: 'JetBrains Mono', monospace; font-size: 9px; color: #B4B4B8; letter-spacing: 0.06em; flex: none; }
.rc-finder .f-close {
  font-family: 'JetBrains Mono', monospace; font-size: 9.5px; color: #6B6B70;
  border: 1px solid #E8E6DF; border-bottom-width: 2px; border-radius: 5px;
  padding: 2px 6px; background: #FAF9F6; cursor: pointer; flex: none;
}

/* ── touch: notes render inline, no hover dependency ── */
@media (hover: none) {
  nav.top.ao-rc .rc-row { flex-wrap: wrap; }
  nav.top.ao-rc .rc-row .mnote {
    display: block; width: 100%; order: 10;
    font-family: 'Inter', sans-serif; font-size: 11px; line-height: 1.45; color: #6B6B70;
    margin-top: 1px;
  }
  nav.top.ao-rc .rc-finder .f-hint { display: none; }
}

/* ── mobile: Reading Copy chrome off; burger + search row take over ── */
@media (max-width: 1140px) {
  nav.top.ao-rc .rc-ribbon { display: none !important; }
}
@media (max-width: 1024px) {
  nav.top.ao-rc .rc-spread,
  nav.top.ao-rc .rc-ribbon,
  nav.top.ao-rc .rc-finder,
  .rc-scrim { display: none !important; }
}

/* mobile menu search row */
.ao-mobile-menu .mn-search { padding: 14px 24px 10px; border-bottom: 1px solid rgba(0,0,0,0.06); }
.ao-mobile-menu .mn-search input {
  width: 100%; box-sizing: border-box; padding: 11px 14px;
  border: 1px solid #E8E6DF; border-radius: 9px;
  font-family: 'Inter', sans-serif; font-size: 15px; color: #1a1a1a; background: #fff; outline: none;
}
.ao-mobile-menu .mn-search input:focus { border-color: #0F766E; }
.ao-mobile-menu .mn-search-res a {
  display: flex; justify-content: space-between; align-items: baseline; gap: 12px;
  padding: 11px 2px; border-bottom: 1px solid rgba(0,0,0,0.05);
  font-family: 'Inter', sans-serif; font-size: 15px; color: #1a1a1a; text-decoration: none;
}
.ao-mobile-menu .mn-search-res a span { font-family: 'JetBrains Mono', monospace; font-size: 9px; letter-spacing: 0.12em; text-transform: uppercase; color: #8a8a8a; }
.ao-mobile-menu .mn-none { font-family: 'Source Serif 4', serif; font-style: italic; font-weight: 300; font-size: 14px; color: #6B6B70; padding: 10px 0; margin: 0; }

/* print + reduced motion */
@media print {
  nav.top.ao-rc .rc-spread, nav.top.ao-rc .rc-ribbon, nav.top.ao-rc .rc-finder, .rc-scrim { display: none !important; }
}
@media (prefers-reduced-motion: reduce) {
  nav.top.ao-rc .rc-spread, .rc-book, .rc-sec, nav.top.ao-rc .rc-ribbon, .rc-rlabel, .rc-scrim, nav.top.ao-rc .rc-finder, .rc-read .track i {
    transition-duration: 0.01ms !important; animation-duration: 0.01ms !important;
  }
  .rc-sec.active .rc-row { animation: none !important; }
}

/* Bookmark ribbon ("Resume where you left off") removed — overlapped the nav,
   marginal value. Element stays in the DOM so nav.js keeps functioning; just hidden. */
nav.top .rc-ribbon, .rc-ribbon { display: none !important; }