/*
 * Deskrune hardening v20260526e.
 * Final late-loaded layer for mobile controls, tip clarity, accessibility copy,
 * and generated-page consistency.
 */

:root {
  --dr-hard-ink: var(--ds-ink, #171512);
  --dr-hard-muted: #514b42;
  --dr-hard-rule: var(--ds-rule, #ded6c8);
  --dr-hard-paper: var(--ds-paper, #faf7f2);
  --dr-hard-bg: var(--ds-bg, #fffdf8);
  --dr-hard-clay: var(--ds-clay, #C9613F);
  --dr-hard-link: #C9613F;
}

:root,
:root[data-theme="dark"],
:root.dr-v4,
:root.dr-v4[data-theme="dark"] {
  --accent: #C9613F !important;
  --accent-dark: #C9613F !important;
  --accent-hover: #C9613F !important;
  --ds-accent: #C9613F !important;
  --ds-accent-hover: #C9613F !important;
  --ds-accent-ink: #C9613F !important;
  --ds-clay: #C9613F !important;
  --ds-clay-lift: #C9613F !important;
  --dr-clay: #C9613F !important;
  --dr-clay-lift: #C9613F !important;
  --dr-clay-deep: #C9613F !important;
  --dr-clay-dark: #C9613F !important;
  --dr-hard-clay: #C9613F !important;
  --dr-hard-link: #C9613F !important;
  --quiz-orange: #C9613F !important;
  --coral: #C9613F !important;
  --ds-focus-ring: rgba(201, 97, 63, 0.65) !important;
  --dr-clay-haze: rgba(201, 97, 63, 0.08) !important;
  --dr-clay-tint: rgba(201, 97, 63, 0.16) !important;
}

.dr-canon-nav .dr-header-controls {
  order: 3;
}

.dr-canon-nav .nav-hamburger {
  order: 4;
}

.dr-canon-nav a,
.dr-canon-nav button {
  color: var(--dr-hard-ink) !important;
}

.dr-tip-proof-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-top: 18px;
}

.dr-tip-proof-grid > div {
  min-width: 0;
  padding: 16px;
  border: 1px solid var(--dr-hard-rule);
  border-radius: 8px;
  background: #fff;
}

.dr-tip-proof-grid strong,
.dr-tip-proof-grid span {
  display: block;
}

.dr-tip-proof-grid strong {
  color: var(--dr-hard-ink);
  font-size: 15px;
  line-height: 1.25;
}

.dr-tip-proof-grid span {
  margin-top: 6px;
  color: var(--dr-hard-muted);
  font-size: 13px;
  line-height: 1.38;
}

.dr-accessibility-page .dr-access-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: 24px;
}

.dr-accessibility-page .dr-access-card {
  padding: 20px;
  border: 1px solid var(--dr-hard-rule);
  border-radius: 8px;
  background: #fff;
}

.dr-accessibility-page .dr-access-card h2 {
  margin: 0 0 8px;
  font-size: clamp(20px, 2vw, 26px);
  line-height: 1.15;
}

.dr-accessibility-page .dr-access-card p {
  margin: 0;
  color: var(--dr-hard-muted);
  line-height: 1.55;
}

.dr-mobile-settings-label {
  display: block;
  margin: 14px 0 6px;
  padding: 0 2px;
  color: var(--dr-hard-muted);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.nav-mobile-panel .dr-sound-toggle,
.nav-mobile-panel .dr-theme-toggle,
.nav-mobile-panel .theme-toggle {
  width: 100%;
  justify-content: flex-start;
  min-height: 46px;
  padding: 12px 14px;
  border: 1px solid var(--dr-hard-rule);
  border-radius: 8px;
  background: #fff;
  color: var(--dr-hard-ink);
}

.nav-mobile-panel .dr-sound-toggle .dr-sound-label {
  position: static !important;
  width: auto !important;
  height: auto !important;
  margin-left: 8px;
  clip: auto !important;
  overflow: visible !important;
  white-space: normal !important;
}

.nav-mobile-panel .dr-sound-toggle {
  display: none !important;
}

.dr-canon-nav .links > .dr-sound-toggle,
.dr-canon-nav .links > .dr-theme-toggle,
.dr-canon-nav .links > .theme-toggle,
.dr-canon-nav .dr-header-controls ~ .dr-header-controls {
  display: none !important;
}

.dr-next-links,
.dr-choice-grid {
  display: grid;
  gap: 10px;
}

.dr-next-links {
  grid-template-columns: repeat(3, minmax(0, max-content));
  align-items: center;
  margin-top: 24px;
}

.dr-next-links a,
.dr-choice-grid a {
  min-width: 0;
  border: 1px solid var(--dr-hard-rule);
  border-radius: 8px;
  background: #fff;
  color: var(--dr-hard-ink) !important;
  text-decoration: none !important;
}

.dr-next-links a {
  display: inline-flex;
  min-height: 46px;
  align-items: center;
  justify-content: center;
  padding: 12px 16px;
  font-weight: 800;
}

.dr-choice-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.dr-choice-grid a {
  display: block;
  padding: 18px;
}

.dr-choice-grid strong,
.dr-choice-grid span {
  display: block;
}

.dr-choice-grid strong {
  margin-bottom: 6px;
  font-size: 16px;
  line-height: 1.25;
}

.dr-choice-grid span {
  color: var(--dr-hard-muted);
  font-size: 14px;
  line-height: 1.4;
}

.hero-two-tone .hero-inner {
  min-height: auto !important;
  align-items: center !important;
  padding-top: clamp(58px, 7vw, 88px) !important;
  padding-bottom: clamp(58px, 7vw, 88px) !important;
}

.hero-two-tone h1 {
  max-width: 16ch !important;
}

.hero-two-tone .hero-lede {
  max-width: 48ch !important;
}

.hero-two-tone .hero-badge {
  min-height: 270px;
}

.afm-cluster {
  width: min(100%, 860px) !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

.afm-cluster svg {
  display: block !important;
  width: 100% !important;
  height: auto !important;
}

.fs-viz {
  min-height: 84px !important;
}

.live-product .kit-cover,
.dr-bundle-card .kit-cover,
.pricing-col img,
.kit-card img {
  max-width: clamp(190px, 26vw, 280px) !important;
  height: auto !important;
}

#dr-share-btn {
  right: max(14px, env(safe-area-inset-right)) !important;
  bottom: max(14px, env(safe-area-inset-bottom)) !important;
}

@media (max-width: 720px) {
  .nav-mobile-panel {
    display: block !important;
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: auto !important;
    z-index: 1000 !important;
    width: min(342px, 88vw) !important;
    max-width: 88vw !important;
    max-height: 100dvh !important;
    padding: max(18px, env(safe-area-inset-top)) 18px 18px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transform: none !important;
    transition: opacity 160ms ease, visibility 0s linear 160ms !important;
    border-left: 1px solid var(--dr-hard-rule) !important;
    border-bottom: 0 !important;
    background: var(--dr-hard-bg) !important;
    box-shadow: -12px 0 30px rgba(26, 24, 20, 0.18) !important;
  }

  .nav-mobile-panel[data-open="true"],
  .nav-mobile-panel.open {
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: translateX(0) !important;
    transition: opacity 160ms ease, visibility 0s linear 0s !important;
  }

  .nav-mobile-panel-links {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  .nav-mobile-panel-links li {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  .nav-mobile-panel-close {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    margin-left: auto !important;
    border: 1px solid var(--dr-hard-rule) !important;
    border-radius: 8px !important;
    background: #fff !important;
    color: var(--dr-hard-ink) !important;
  }

  .nav-mobile-panel-close svg {
    display: block !important;
    width: 22px !important;
    height: 22px !important;
    max-width: 22px !important;
    max-height: 22px !important;
  }

  .nav-mobile-backdrop {
    z-index: 999 !important;
  }

  #dr-share-btn {
    display: none !important;
  }

  .hero-two-tone .hero-inner {
    gap: 18px !important;
    padding: 84px 28px 48px !important;
  }

  .dr-next-links {
    grid-template-columns: 1fr !important;
    width: 100%;
  }

  .dr-next-links a {
    width: 100%;
  }

  .dr-choice-grid {
    grid-template-columns: 1fr !important;
  }

  .dr-library-start.section {
    padding-top: 52px !important;
    padding-bottom: 52px !important;
  }

  .afm-cluster {
    width: calc(100vw - 28px) !important;
    max-width: none !important;
    margin-left: 50% !important;
    transform: translateX(-50%);
  }

  .afm-cluster figcaption {
    padding: 0 14px;
  }

  .desk-page {
    min-height: calc(100svh - 64px) !important;
    height: calc(100svh - 64px) !important;
  }

  .desk-scene {
    height: calc(100svh - 64px) !important;
  }

  .desk-title {
    top: 8% !important;
    width: min(92vw, 360px) !important;
  }

  .desk-skip {
    top: auto !important;
    bottom: calc(14px + env(safe-area-inset-bottom, 0px)) !important;
    width: calc(100vw - 28px) !important;
    padding: 8px !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    overflow-x: auto !important;
    overscroll-behavior-x: contain !important;
    border: 1px solid var(--dr-hard-rule) !important;
    border-radius: 12px !important;
    background: rgba(255, 253, 248, 0.92) !important;
    box-shadow: 0 10px 28px rgba(26, 24, 20, 0.14) !important;
  }

  .desk-skip a {
    flex: 0 0 auto !important;
    min-height: 38px !important;
    padding: 8px 10px !important;
    font-size: 12px !important;
  }

  .fs-viz {
    min-height: 76px !important;
  }

  .live-product .kit-cover,
  .dr-bundle-card .kit-cover,
  .pricing-col img,
  .kit-card img {
    max-width: min(72vw, 260px) !important;
  }

  .desk-foot {
    display: none !important;
  }
}

.dr-ticker,
.guarantee-bar,
.home-sticky-buy {
  max-width: 100vw;
  overflow-x: clip;
}

.dr-urgency-strip {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100vw !important;
  padding: 8px 16px;
  background: var(--dr-clay, #C9613F);
  color: #fff;
  font-family: var(--ds-font-sans, -apple-system, BlinkMacSystemFont, system-ui, sans-serif);
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  line-height: 1.35;
  overflow: hidden !important;
  overflow-wrap: break-word !important;
  white-space: normal !important;
}

.dr-urgency-strip a {
  color: #fff !important;
  text-decoration-color: rgba(255,255,255,0.75);
}

.dr-listen-pill[data-state="idle"][aria-label="Sound is off"] {
  display: none !important;
}

@supports not (overflow: clip) {
  .dr-ticker,
  .guarantee-bar,
  .home-sticky-buy {
    overflow-x: hidden;
  }
}

@media (max-width: 860px) {
  .dr-tip-proof-grid,
  .dr-accessibility-page .dr-access-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 720px) {
  .dr-canon-nav .inner {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto auto !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 10px 14px !important;
  }

  .dr-canon-nav .brand {
    order: 1 !important;
    min-width: 0 !important;
  }

  .dr-canon-nav .brand span {
    display: inline-block;
    max-width: 42vw;
    overflow: hidden;
    font-size: 13px !important;
    line-height: 1.1;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .dr-canon-nav .links {
    display: none !important;
  }

  .dr-canon-nav .dr-header-controls {
    order: 2 !important;
    display: inline-flex !important;
    justify-self: end !important;
    gap: 6px !important;
    margin-left: 0 !important;
  }

  .dr-canon-nav .nav-hamburger {
    order: 3 !important;
    display: inline-flex !important;
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    justify-content: center !important;
    align-items: center !important;
  }

  .dr-canon-nav .dr-sound-toggle,
  .dr-canon-nav .dr-theme-toggle,
  .dr-canon-nav .theme-toggle {
    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 !important;
  }

  .dr-canon-nav .dr-sound-label {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    clip: rect(0 0 0 0) !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    border: 0 !important;
  }

  .hero-actions,
  .ld-actions,
  .buy-actions,
  .dr-preview-actions {
    gap: 8px !important;
  }
}

@media (max-width: 560px) {
  .dr-tip-proof-grid,
  .dr-accessibility-page .dr-access-grid {
    grid-template-columns: 1fr;
  }

  .dr-tip-proof-grid > div,
  .dr-accessibility-page .dr-access-card {
    padding: 16px;
  }
}

@media (max-width: 390px) {
  .dr-canon-nav .inner {
    gap: 6px !important;
    padding-inline: 10px !important;
  }

  .dr-canon-nav .brand span {
    max-width: 34vw;
    font-size: 13px !important;
  }

  .dr-canon-nav .dr-sound-toggle,
  .dr-canon-nav .dr-theme-toggle,
  .dr-canon-nav .theme-toggle,
  .dr-canon-nav .nav-hamburger {
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
  }
}

@media (max-width: 680px) {
  :root.dr-v4 body.uses-vp-hero .hero-vp .hero-inner-vp,
  body.uses-vp-hero .hero-vp .hero-inner-vp,
  .hero-inner-vp,
  .hero .hero-inner,
  .download-hero .hero-inner {
    display: flex !important;
    flex-direction: column !important;
  }

  .hero-inner-vp > [data-reveal-stagger],
  .hero .hero-inner > div:first-child,
  .download-hero .hero-inner > div:first-child {
    order: 1 !important;
  }

  .hero-product-card,
  .hero-badge {
    order: 2 !important;
  }
}

.dr-canon-nav .brand span,
:root.dr-v4 .hero-eyebrow,
:root.dr-v4 .hero-vp .hero-eyebrow.dr-above-fold,
:root.dr-v4 .eyebrow,
:root.dr-v4 .section-eyebrow,
.hero-eyebrow,
.hero-vp .hero-eyebrow.dr-above-fold,
.eyebrow,
.section-eyebrow,
.hpc-tag,
.rune-replay {
  font-size: max(13px, 0.8125rem) !important;
  line-height: 1.35 !important;
}

@media (max-width: 680px) {
  .home-sticky-buy {
    display: none !important;
  }
}

h1,
h2,
h3 {
  max-height: none !important;
  overflow: visible !important;
  line-height: 1.12 !important;
  padding-bottom: 0.12em;
}

.hero-pill,
.ef-label,
.tts-label,
.listen-pill,
.dr-listen-pill {
  color: var(--dr-hard-ink) !important;
  background: #fffdf8 !important;
  border-color: var(--dr-hard-rule) !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

.wall-submit,
#wall-submit,
#startBtn.primary,
#cl-submit,
#az-compare-tray,
#ab-load,
#bd-go,
#cb-start,
#fk-start,
#nb-start,
#ss-start,
#te-start,
.ab-btn,
.bd-btn,
.cb-btn.primary,
.fk-btn.primary,
.nb-btn.primary,
.ss-btn.primary,
.te-btn.primary,
.fr-cta,
.az-compare-tray,
.td-reply-form button,
.today-page button[type="submit"],
button.primary,
.primary,
button[type="submit"] {
  background: var(--dr-hard-ink) !important;
  border-color: var(--dr-hard-ink) !important;
  color: var(--dr-hard-paper) !important;
  opacity: 1 !important;
}

main a:not(.btn):not(.button):not(.hero-action):not(.ld-button):not(.go):not(.link):not(.play):not(.fr-cta):not(.desk-obj):not([class*="card"]):not([class*="tile"]),
main span[style*="--accent"],
main a[style*="--accent"],
.live,
.price-note,
.was {
  color: var(--dr-hard-link) !important;
  opacity: 1 !important;
}

main span[style*="font-size:0.8rem"],
main span[style*="font-size: 0.8rem"],
main a[style*="font-size:0.8rem"],
main a[style*="font-size: 0.8rem"],
main p[style*="font-size:0.85rem"],
main p[style*="font-size: 0.85rem"],
main p[style*="font-size:0.86rem"],
main p[style*="font-size: 0.86rem"],
main a[style*="font-size:0.85rem"],
main a[style*="font-size: 0.85rem"] {
  font-size: 13px !important;
  line-height: 1.38 !important;
}

a.hero-action.primary,
a.hero-action.primary.magnetic,
a.go,
a.link,
a.play,
a.fr-cta,
#cl-link.go,
main a.hero-action.primary,
main a.go,
main a.link,
main a.play,
main a.fr-cta {
  color: var(--dr-hard-paper) !important;
  background: var(--dr-hard-ink) !important;
  border-color: var(--dr-hard-ink) !important;
}

.live,
.cmp-vs-cap,
.pill,
.meth,
.desk-obj,
.go,
.link,
.play,
.fr-cta,
.desk-obj span {
  font-size: 13px !important;
  line-height: 1.35 !important;
}

input[type="checkbox"],
input[type="radio"] {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
}

select,
button,
.fs-dock,
.desk-obj {
  min-height: 44px !important;
}

.desk-obj {
  min-width: 44px !important;
  overflow: hidden !important;
}

.desk-obj.desk-notebook {
  color: var(--dr-hard-paper) !important;
}

.desk-obj .tooltip {
  display: none !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  white-space: normal !important;
}

.desk-obj:hover .tooltip,
.desk-obj:focus-visible .tooltip {
  display: inline-block !important;
}

:root body .fs-timer-mode,
:root body .gh-card-meta,
:root body .gh-card-meta .tag,
:root body .els-status,
:root body .tag,
:root body code,
:root body .preset-name {
  font-size: 13px !important;
  line-height: 1.35 !important;
}

input[type="range"] {
  min-height: 44px !important;
}

:root body .desk-toolbar a,
:root body .desk-help a,
:root body .desk-help p,
:root body .desk-hud p,
:root body .hint {
  font-size: 13px !important;
  line-height: 1.35 !important;
}

:root body .preset-name,
:root body .meth {
  color: var(--dr-hard-ink) !important;
  background: var(--dr-hard-bg) !important;
}

.fs-dock {
  height: auto !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  overflow: visible !important;
}

.tile-link,
.preview-meta span,
.kit-preview-page .preview-meta span,
.preview-all-tile span,
.dr-preview-tile span,
.kit-meta span {
  color: var(--dr-hard-ink) !important;
  opacity: 1 !important;
}

:root body .ld-button:not(.secondary) {
  border-color: var(--dr-clay, #C9613F) !important;
  background: var(--dr-clay, #C9613F) !important;
  color: #fff !important;
}

.hero-action,
.ld-button,
.buy,
.btn,
.dr-compare-buy,
.dr-preview-buy,
.dr-preview-sample,
.dr-peek-inside {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  white-space: normal !important;
}

[dir="rtl"] .hero-action,
html[lang="ar"] .hero-action,
html[lang="fa"] .hero-action,
html[lang="ur"] .hero-action,
html[lang="ckb"] .hero-action {
  direction: ltr !important;
  unicode-bidi: isolate !important;
}

.td-eyebrow,
.cc-eyebrow,
.dsb-sale,
.label,
span.label,
#stageLabel,
strong {
  font-size: max(13px, 0.8125rem) !important;
  line-height: 1.35 !important;
}

body .section-eyebrow .label,
body .label,
body span.label,
body [class*="eyebrow"],
body p.tool-eyebrow,
body .dfi-eyebrow,
body .fs-eyebrow {
  font-size: max(13px, 0.8125rem) !important;
  line-height: 1.35 !important;
}

:root.dr-v4 body .section-eyebrow .label,
:root.dr-v4 body .label,
:root.dr-v4 body span.label {
  font-size: 13px !important;
  line-height: 1.35 !important;
}

:root body .hpc-tag,
:root body dt,
:root body .section-eyebrow .label,
:root body .label,
:root body span.label,
:root body [class*="eyebrow"],
:root body p.tool-eyebrow,
:root body .dfi-eyebrow,
:root body .fs-eyebrow {
  color: #C9613F !important;
  border-color: #C9613F !important;
  text-decoration-color: #C9613F !important;
}

:root body .rune-tile--clay {
  background: #C9613F !important;
}

:root body .rune-cube.is-flat .rune-tile,
:root body .rune-stage-inner.is-revealed .rune-cube .rune-tile {
  background: var(--ds-paper, #faf7f2) !important;
}

:root body .rune-stage-inner.is-revealed .rune-cube .rune-face:not(.rune-face--front) {
  opacity: 0 !important;
  visibility: hidden !important;
}

:root body .rune-cube .rune-face:not(.rune-face--front) {
  opacity: 0 !important;
  visibility: hidden !important;
}

:root body .rune-cube {
  z-index: 1 !important;
}

:root body .rune-marks {
  z-index: 2 !important;
}

@media (max-width: 760px) {
  :root body.uses-vp-hero .dr-mobile-cta {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
}

:root body .az-compare-dialog {
  background: #fffdf8 !important;
  color: #141413 !important;
  border: 1px solid #e3d8c8 !important;
  box-shadow: 0 28px 90px rgba(0, 0, 0, 0.28) !important;
}

:root body .az-compare-dialog h2,
:root body .az-compare-col h3,
:root body .az-compare-col .val {
  color: #141413 !important;
}

:root body .az-compare-col {
  background: #ffffff !important;
  color: #141413 !important;
  border-color: #e3d8c8 !important;
  box-shadow: 0 10px 28px rgba(20, 20, 19, 0.06) !important;
}

:root body .az-compare-col .row {
  border-bottom-color: #e3d8c8 !important;
  color: #141413 !important;
}

:root body .az-compare-col .label {
  color: #5a5650 !important;
  border-color: transparent !important;
  font-weight: 700 !important;
}

:root[data-theme="dark"] body .az-compare-dialog {
  background: #1a1714 !important;
  color: #f5efe4 !important;
  border-color: rgba(245, 239, 228, 0.18) !important;
  box-shadow: 0 28px 90px rgba(0, 0, 0, 0.55) !important;
}

:root[data-theme="dark"] body .az-compare-dialog h2,
:root[data-theme="dark"] body .az-compare-col h3,
:root[data-theme="dark"] body .az-compare-col .val {
  color: #f5efe4 !important;
}

:root[data-theme="dark"] body .az-compare-col {
  background: #231f1a !important;
  color: #f5efe4 !important;
  border-color: rgba(245, 239, 228, 0.18) !important;
  box-shadow: none !important;
}

:root[data-theme="dark"] body .az-compare-col .row {
  border-bottom-color: rgba(245, 239, 228, 0.14) !important;
  color: #f5efe4 !important;
}

:root[data-theme="dark"] body .az-compare-col .label {
  color: #cfc6b6 !important;
}

.tb-row.header > div {
  font-size: 13px !important;
  line-height: 1.35 !important;
}

:root.dr-v4 .section.warm,
:root.dr-v4 .hero-vp,
:root.dr-v4 .qi-shell {
  overflow-x: clip !important;
}

:root.dr-v4 .section.warm::before,
:root.dr-v4 .hero-vp::before,
:root.dr-v4 .qi-shell::before {
  left: 0 !important;
  right: 0 !important;
  width: auto !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

@supports not (overflow: clip) {
  :root.dr-v4 .section.warm,
  :root.dr-v4 .hero-vp,
  :root.dr-v4 .qi-shell {
    overflow-x: hidden !important;
  }
}

html,
body,
main {
  max-width: 100%;
  overflow-x: clip;
}

@supports not (overflow: clip) {
  html,
  body,
  main {
    overflow-x: hidden;
  }
}

/* AFM page cleanup: keep the shared audience and signal tracker blocks readable. */
.section.navy .audience-cards {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
  margin-top: 24px !important;
  background: transparent !important;
  border: 0 !important;
}

.section.navy .audience-cards .audience-card {
  min-width: 0 !important;
  padding: 20px !important;
  border: 1px solid rgba(240, 233, 220, 0.22) !important;
  border-radius: 8px !important;
  background: #fffdf8 !important;
  color: var(--dr-hard-ink) !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.section.navy .audience-cards .audience-card:hover {
  background: #ffffff !important;
  border-color: rgba(201, 97, 63, 0.45) !important;
  transform: none !important;
}

.section.navy .audience-cards .audience-card .aud-label,
.section.navy .audience-cards .audience-card .who {
  display: block !important;
  margin: 0 0 10px !important;
  color: #C9613F !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  letter-spacing: 0.06em !important;
  overflow-wrap: anywhere !important;
  text-shadow: none !important;
}

.section.navy .audience-cards .audience-card p {
  margin: 0 !important;
  max-width: none !important;
  color: #27231d !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
  overflow-wrap: anywhere !important;
  text-shadow: none !important;
}

section.section.navy .audience-cards .audience-card p {
  color: #27231d !important;
}

.signal-tracker-wrap {
  max-width: 100% !important;
  border: 1px solid var(--dr-hard-rule) !important;
  border-left: 4px solid #C9613F !important;
  border-radius: 8px !important;
  background: #fffdf8 !important;
  color: var(--dr-hard-ink) !important;
  overflow: visible !important;
}

.signal-tracker-intro .signal-tag {
  display: inline-flex !important;
  align-items: center !important;
  max-width: 100% !important;
  white-space: normal !important;
  color: #C9613F !important;
  background: #f4dfd5 !important;
  border: 1px solid rgba(201, 97, 63, 0.18) !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  letter-spacing: 0.08em !important;
}

.signal-tracker-intro h3,
.signal-label,
.signal-half .signal-label,
.signal-history h4,
.signal-history h5 {
  color: var(--dr-hard-ink) !important;
  text-shadow: none !important;
}

.signal-tracker-intro p,
.signal-privacy,
.signal-entry,
.signal-meta,
.signal-note {
  color: #3f3a32 !important;
  text-shadow: none !important;
}

.signal-form {
  max-width: 100% !important;
}

.signal-intensity {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(44px, 1fr)) !important;
  gap: 8px !important;
  max-width: 100% !important;
}

.signal-int {
  display: block !important;
  min-width: 0 !important;
  width: 100% !important;
}

.signal-form .signal-int input[type="radio"] {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  min-width: 1px !important;
  min-height: 1px !important;
  margin: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.signal-int span {
  width: 100% !important;
  box-sizing: border-box !important;
  min-height: 46px !important;
  border: 1px solid var(--dr-hard-rule) !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  color: var(--dr-hard-ink) !important;
  box-shadow: none !important;
}

.signal-int input:checked + span {
  background: var(--dr-hard-ink) !important;
  border-color: var(--dr-hard-ink) !important;
  color: var(--dr-hard-paper) !important;
}

.signal-int:hover span,
.signal-int:focus-within span {
  border-color: #C9613F !important;
}

.signal-form select,
.signal-form input[type="text"] {
  min-height: 44px !important;
  width: 100% !important;
  border: 1px solid var(--dr-hard-rule) !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  color: var(--dr-hard-ink) !important;
}

.signal-submit {
  width: auto !important;
  max-width: 100% !important;
  min-height: 46px !important;
  border-radius: 8px !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

.signal-history {
  margin-top: 24px !important;
}

.signal-entries {
  margin-left: 0 !important;
  padding-left: 0 !important;
}

.signal-entry {
  display: grid !important;
  grid-template-columns: auto auto minmax(0, 1fr) !important;
  gap: 8px 12px !important;
  align-items: baseline !important;
}

.signal-note {
  grid-column: 1 / -1 !important;
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
}

:root[data-theme="dark"] .section.navy .audience-cards .audience-card,
:root[data-theme="dark"] .signal-tracker-wrap,
:root[data-theme="dark"] .signal-int span,
:root[data-theme="dark"] .signal-form select,
:root[data-theme="dark"] .signal-form input[type="text"] {
  background: #fffdf8 !important;
  color: var(--dr-hard-ink) !important;
  border-color: var(--dr-hard-rule) !important;
}

:root[data-theme="dark"] .section.navy .audience-cards .audience-card p,
:root[data-theme="dark"] .signal-tracker-intro p,
:root[data-theme="dark"] .signal-privacy,
:root[data-theme="dark"] .signal-entry,
:root[data-theme="dark"] .signal-meta,
:root[data-theme="dark"] .signal-note {
  color: #3f3a32 !important;
}

@media (max-width: 720px) {
  .section.navy .audience-cards {
    grid-template-columns: 1fr !important;
  }

  .section.navy .audience-cards .audience-card,
  .signal-tracker-wrap {
    padding: 18px !important;
  }

  .signal-intensity {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 420px) {
  .signal-intensity {
    grid-template-columns: repeat(5, minmax(40px, 1fr)) !important;
    gap: 6px !important;
  }

  .signal-int span {
    min-height: 44px !important;
    padding-inline: 4px !important;
  }

  .signal-entry {
    grid-template-columns: 1fr !important;
  }
}

html body main .ld-panel .ld-actions .ld-button:not(.secondary),
html body main .ld-panel .ld-actions .ld-button:not(.secondary):visited {
  background: #C9613F !important;
  border-color: #C9613F !important;
  color: #fff !important;
  text-decoration: none !important;
}

html body main .ld-panel .ld-actions .ld-button.secondary,
html body main .ld-panel .ld-actions .ld-button.secondary:visited {
  background: #fff !important;
  border-color: rgba(26,24,20,0.16) !important;
  color: #1a1814 !important;
  text-decoration: none !important;
}

.dr-canon-nav .brand .dr-changelog-dot {
  display: none !important;
}

@media (max-width: 720px) {
  .dr-urgency-strip {
    display: block !important;
    width: 100% !important;
    max-width: 100vw !important;
    padding: 7px max(10px, env(safe-area-inset-right)) 7px max(10px, env(safe-area-inset-left)) !important;
    box-sizing: border-box !important;
    font-size: clamp(11px, 3vw, 12.5px) !important;
    line-height: 1.25 !important;
    text-align: center !important;
    min-height: 0 !important;
    overflow: hidden !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
    white-space: normal !important;
    text-wrap: balance !important;
  }

  .dr-urgency-strip a {
    color: inherit !important;
    text-decoration-thickness: 1px !important;
    text-underline-offset: 3px !important;
  }

  .dr-canon-nav .inner {
    grid-template-columns: minmax(0, 1fr) auto auto !important;
    min-height: 58px !important;
  }

  .dr-canon-nav .dr-sound-toggle {
    display: none !important;
  }

  .dr-canon-nav .dr-header-controls {
    gap: 0 !important;
  }

  .dr-canon-nav .dr-theme-toggle,
  .dr-canon-nav .theme-toggle,
  .dr-canon-nav .nav-hamburger {
    border: 1px solid var(--dr-hard-rule) !important;
    border-radius: 10px !important;
    background: rgba(255, 255, 255, 0.74) !important;
    box-shadow: 0 10px 22px -18px rgba(26, 24, 20, 0.32) !important;
  }

  .nav-mobile-panel {
    width: min(306px, 84vw) !important;
    max-width: 84vw !important;
    padding: max(16px, env(safe-area-inset-top)) 18px 18px !important;
    background: rgba(255, 253, 248, 0.98) !important;
  }

  .nav-mobile-panel-header {
    padding-bottom: 14px !important;
    margin-bottom: 10px !important;
  }

  .nav-mobile-panel-links a,
  .nav-mobile-panel-links button {
    min-height: 48px !important;
    padding: 11px 4px !important;
    font-size: 19px !important;
    line-height: 1.2 !important;
    color: var(--dr-hard-ink) !important;
  }

  .nav-mobile-panel-links a[href="/amazon/"],
  .nav-mobile-panel-links a[href$="/amazon/"],
  .nav-mobile-panel-links a[href="/accessibility/"],
  .nav-mobile-panel-links a[href$="/accessibility/"],
  .nav-mobile-panel-links a[href="/settings/"],
  .nav-mobile-panel-links a[href$="/settings/"] {
    display: none !important;
  }

  .hero-eyebrow::before,
  .hero-eyebrow::after,
  .hero-vp .hero-eyebrow::before,
  .hero-vp .hero-eyebrow::after {
    content: none !important;
    display: none !important;
  }

  .hero-vp .hero-eyebrow {
    display: block !important;
    padding-left: 0 !important;
    letter-spacing: 0.12em !important;
    text-wrap: balance !important;
  }

  .hero-vp .hero-actions .hero-action {
    border-radius: 8px !important;
  }
}

@media (max-width: 760px) {
  .hero-vp {
    padding-top: 18px !important;
  }

  :root.dr-v4 .hero-vp .hero-inner-vp,
  .hero-vp .hero-inner-vp {
    display: flex !important;
    flex-direction: column !important;
    gap: 18px !important;
  }

  .hero-vp .hero-inner-vp > [data-reveal-stagger] {
    order: 2 !important;
  }

  :root.dr-v4 .hero-vp .hero-product-card,
  .hero-vp .hero-product-card {
    order: 1 !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 8px !important;
    padding: 12px 12px 10px !important;
    overflow: visible !important;
  }

  .hero-vp .hero-product-card .hpc-tag,
  .hero-vp .hero-product-card .hpc-title,
  .hero-vp .hero-product-card .hpc-desc,
  .hero-vp .hero-product-card .hpc-price,
  .hero-vp .hero-product-card .hpc-actions,
  .hero-vp .hero-product-card .hpc-pullquote,
  .hero-vp .hero-product-card .rune-defs,
  .hero-vp .hero-product-card .rune-replay {
    display: none !important;
  }

  .hero-vp .hero-product-card .hero-rune-stage {
    gap: 4px !important;
    padding: 4px 0 0 !important;
  }

  .hero-vp .hero-product-card .rune-stage-inner {
    --rune-edge: 176px !important;
    --rune-half: 88px !important;
    width: 176px !important;
    height: 176px !important;
    min-height: 176px !important;
    margin: 2px auto 8px !important;
  }

  .hero-vp .hero-product-card .rune-face--front  { transform: translateZ(88px) !important; }
  .hero-vp .hero-product-card .rune-face--back   { transform: translateZ(-88px) rotateY(180deg) !important; }
  .hero-vp .hero-product-card .rune-face--right  { transform: rotateY(90deg) translateZ(88px) !important; }
  .hero-vp .hero-product-card .rune-face--left   { transform: rotateY(-90deg) translateZ(88px) !important; }
  .hero-vp .hero-product-card .rune-face--top    { transform: rotateX(90deg) translateZ(88px) !important; }
  .hero-vp .hero-product-card .rune-face--bottom { transform: rotateX(-90deg) translateZ(88px) !important; }

  .hero-vp .hero-product-card .rune-word {
    margin: 4px 0 0 !important;
    font-size: 17px !important;
    letter-spacing: 0.18em !important;
  }

  .hero-vp .hero-actions {
    margin-top: 18px !important;
  }

  .hero-vp .hero-cta-sub,
  .hero-vp .hero-tools-hint,
  .hero-vp .dr-hero-receipts,
  .hero-vp .hero-trust {
    display: none !important;
  }
}

@media (max-width: 380px) {
  .hero-vp .hero-product-card .rune-stage-inner {
    --rune-edge: 160px !important;
    --rune-half: 80px !important;
    width: 160px !important;
    height: 160px !important;
    min-height: 160px !important;
  }

  .hero-vp .hero-product-card .rune-face--front  { transform: translateZ(80px) !important; }
  .hero-vp .hero-product-card .rune-face--back   { transform: translateZ(-80px) rotateY(180deg) !important; }
  .hero-vp .hero-product-card .rune-face--right  { transform: rotateY(90deg) translateZ(80px) !important; }
  .hero-vp .hero-product-card .rune-face--left   { transform: rotateY(-90deg) translateZ(80px) !important; }
  .hero-vp .hero-product-card .rune-face--top    { transform: rotateX(90deg) translateZ(80px) !important; }
  .hero-vp .hero-product-card .rune-face--bottom { transform: rotateX(-90deg) translateZ(80px) !important; }
}

@media (max-width: 720px) {
  .dr-canon-nav {
    z-index: 1200 !important;
  }

  .nav-hamburger {
    position: fixed !important;
    top: calc(max(12px, env(safe-area-inset-top)) + 64px) !important;
    right: max(16px, env(safe-area-inset-right)) !important;
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    z-index: 1202 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    pointer-events: auto !important;
    touch-action: manipulation !important;
    border: 1px solid var(--dr-hard-rule) !important;
    border-radius: 10px !important;
    background: rgba(255, 253, 248, 0.92) !important;
    box-shadow: 0 10px 22px -18px rgba(26, 24, 20, 0.32) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
  }

  .nav-mobile-panel {
    z-index: 1400 !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  .nav-mobile-panel[data-open="true"],
  .nav-mobile-panel.open {
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  .nav-mobile-backdrop {
    position: fixed !important;
    inset: 0 !important;
    z-index: 1390 !important;
    display: block !important;
    opacity: 0 !important;
    pointer-events: none !important;
    background: rgba(20, 20, 14, 0.46) !important;
  }

  .nav-mobile-backdrop[data-open="true"] {
    opacity: 1 !important;
    pointer-events: auto !important;
  }
}

/* 2026-06-03 final mobile QA clamp.
   Keep the global trust strip and the body-level menu trigger readable on
   390px phones after all older generated CSS layers have loaded. */
@media (max-width: 720px) {
  .dr-canon-nav .inner {
    grid-template-columns: minmax(0, 1fr) !important;
    padding-right: max(82px, calc(env(safe-area-inset-right) + 82px)) !important;
  }

  .dr-canon-nav .dr-header-controls,
  .dr-canon-nav .dr-sound-toggle,
  .dr-canon-nav .dr-theme-toggle,
  .dr-canon-nav .theme-toggle {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  body > .nav-hamburger {
    width: 48px !important;
    min-width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
  }
}

@media (max-width: 480px) {
  .dr-urgency-strip {
    padding: 6px 7px !important;
    font-size: 10.75px !important;
    letter-spacing: 0 !important;
    line-height: 1.25 !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
  }

  .dr-urgency-strip a {
    white-space: nowrap !important;
  }

  body > .nav-hamburger {
    top: var(--dr-mobile-nav-top, 38px) !important;
    right: max(14px, env(safe-area-inset-right)) !important;
    z-index: 3000 !important;
    color: #171512 !important;
    background: #fffdf8 !important;
    border-color: rgba(26, 24, 20, 0.22) !important;
    box-shadow: 0 10px 24px -16px rgba(26, 24, 20, 0.45), 0 0 0 1px rgba(255, 255, 255, 0.78) inset !important;
  }

  body > .nav-hamburger svg {
    color: #171512 !important;
  }
}