/* ===== 2026-11 theme layer: shared components (nav, toggle, sticky CTA, motion) ===== */
.site-nav{display:flex;align-items:center;gap:.25rem;margin-left:auto}
.site-nav a{font-family:var(--mono);font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;font-weight:600;padding:.5rem .7rem;border-radius:8px;color:var(--t-ink);text-decoration:none;transition:background .15s ease,color .15s ease}
.site-nav a:hover,.site-nav a:focus-visible{background:var(--t-hover);color:var(--t-ink)}
.nav-toggle-input{position:absolute;opacity:0;pointer-events:none}
.nav-burger{display:none;cursor:pointer;width:44px;height:44px;border:1px solid var(--line);border-radius:10px;align-items:center;justify-content:center;color:var(--t-ink)}
.nav-burger span,.nav-burger span::before,.nav-burger span::after{display:block;width:18px;height:2px;background:currentColor;border-radius:2px;position:relative;transition:transform .2s ease}
.nav-burger span::before,.nav-burger span::after{content:"";position:absolute;left:0}
.nav-burger span::before{top:-6px}.nav-burger span::after{top:6px}
.nav-toggle-input:checked+.nav-burger span{background:transparent}
.nav-toggle-input:checked+.nav-burger span::before{transform:translateY(6px) rotate(45deg)}
.nav-toggle-input:checked+.nav-burger span::after{transform:translateY(-6px) rotate(-45deg)}
.nav-toggle-input:focus-visible+.nav-burger{outline:2px solid var(--accent);outline-offset:2px}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;border:1px solid var(--line);background:transparent;color:var(--t-ink);cursor:pointer;font:600 1rem/1 var(--mono)}
.theme-toggle:hover{background:var(--t-hover)}
.theme-toggle .ico-sun{display:none}
[data-theme="dark"] .theme-toggle .ico-sun{display:inline}
[data-theme="dark"] .theme-toggle .ico-moon{display:none}
.header-inner{flex-wrap:wrap}
.header-tools{display:flex;align-items:center;gap:.5rem}
@media (max-width:860px){
  .nav-burger{display:inline-flex}
  .site-nav{order:5;flex-basis:100%;flex-direction:column;align-items:stretch;gap:0;max-height:0;overflow:hidden;transition:max-height .25s ease;margin:0}
  .nav-toggle-input:checked~.site-nav{max-height:24rem;padding:.5rem 0}
  .site-nav a{padding:.8rem .5rem;border-bottom:1px solid var(--line);border-radius:0}
  .header-cta .btn{padding:.55rem .85rem;font-size:.85rem}
}
.sticky-cta{position:fixed;right:1rem;bottom:1rem;z-index:60;display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 1.2rem;border-radius:999px;font-weight:700;text-decoration:none;background:var(--t-cta-bg);color:var(--t-cta-ink);box-shadow:0 12px 30px rgba(0,0,0,.25);animation:t-pop .5s ease .6s both}
.sticky-cta:hover{color:var(--t-cta-ink);transform:translateY(-2px)}
.sticky-cta::before{content:"";width:.55rem;height:.55rem;border-radius:50%;background:var(--t-pulse);box-shadow:0 0 0 0 var(--t-pulse);animation:t-pulse 2.2s ease-out infinite}
@media (max-width:640px){.sticky-cta{left:.75rem;right:.75rem;bottom:.75rem;justify-content:center}body{padding-bottom:4.5rem}}
@media print{.sticky-cta,.site-nav,.nav-burger,.theme-toggle{display:none!important}}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@keyframes t-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes t-pop{from{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:none}}
@keyframes t-pulse{0%{box-shadow:0 0 0 0 var(--t-pulse)}70%{box-shadow:0 0 0 10px transparent}100%{box-shadow:0 0 0 0 transparent}}
.hero h1,.hero .lede,.hero .eyebrow,.hero .hero-actions,.hero-card,.ugd h1,.ugd-lede{animation:t-rise .6s cubic-bezier(.2,.7,.2,1) both}
.hero .eyebrow{animation-delay:.02s}.hero h1{animation-delay:.08s}.hero .lede{animation-delay:.16s}.hero .hero-actions{animation-delay:.22s}.hero-card{animation-delay:.3s}
.card,.contact-panel,.faq-item,.steps li{transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.card:hover,.contact-panel:hover{transform:translateY(-3px);border-color:var(--accent)}
@supports (animation-timeline:view()){
  .section .wrap>h2,.cards .card,.steps li,.faq-item{animation:t-rise linear both;animation-timeline:view();animation-range:entry 0% cover 22%}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media (max-width:860px){.header-cta{order:3;margin-left:auto}.nav-burger{order:4}.logo{order:1}}
@media (max-width:420px){.header-cta .btn{display:none}}

/* ===== light-mode fixes over the shared dark base (hardcoded colors) ===== */
[data-theme="light"] body{background:var(--navy);color:var(--text)}
[data-theme="light"] :is(h1,h2,h3,h4,.logo-title,.steps strong,.card h3,.contact-panel h3,.hero-card h2,.cta-band h2,.handoff-band h2,.faq-item summary,.one-stop h2,.cross-sell h2){color:var(--t-ink)!important}
[data-theme="light"] .contact-list strong{color:var(--t-ink)!important}
[data-theme="light"] .btn-ghost{color:var(--t-ink);border-color:var(--t-line-strong);background:transparent}
[data-theme="light"] .btn-ghost:hover{color:var(--t-ink);border-color:var(--accent);background:var(--t-hover)}
[data-theme="light"] .topbar{background:var(--t-topbar-bg);color:var(--t-topbar-ink);border-color:transparent}
[data-theme="light"] .topbar a{color:var(--t-topbar-ink)}
[data-theme="light"] .site-header{background:color-mix(in srgb,var(--navy) 92%,transparent);backdrop-filter:saturate(1.2) blur(8px)}
[data-theme="light"] .site-footer{background:var(--t-footer-bg);color:var(--t-footer-ink)}
[data-theme="light"] .site-footer :is(a,p,h2,.footer-brand,.footer-muted){color:var(--t-footer-ink)!important}
[data-theme="light"] .cta-band,[data-theme="light"] .hero-card,[data-theme="light"] .handoff-band,[data-theme="light"] .twin-callout{background:var(--navy-3);box-shadow:0 10px 30px rgba(15,31,61,.08)}
[data-theme="light"] :is(.faq-item,.trust-row li,.steps li){background:var(--navy-3)}
[data-theme="light"] :is(.twin-links a,.handoff-chips a){background:var(--navy-3);color:var(--t-ink);border-color:var(--t-line-strong)}
[data-theme="light"] :is(.twin-links a.primary-twin,.handoff-chips a.primary-chip){background:var(--t-ink);color:var(--navy);border-color:var(--t-ink)}
[data-theme="light"] .one-stop{border-color:var(--t-line-strong);background:var(--navy-3)}
[data-theme="light"] .one-stop-grid a{background:var(--navy-2);color:var(--t-ink)}
[data-theme="light"] .one-stop-grid a:hover{background:var(--t-hover)}
[data-theme="light"] :is(.ug-form input,.ug-form select,.ug-form textarea){background:#fff;color:var(--t-ink);border-color:var(--t-line-strong)}
[data-theme="light"] .faq-item summary::after{color:var(--accent)}
[data-theme="light"] .logo-mark{background:var(--t-ink);border-color:var(--t-ink)}
[data-theme="light"] .logo-mark span{color:var(--navy)!important}

/* ===== usedgages.com v2 — tool-steel gage lab: dark gunmetal default + safety-amber accent; warm-grey light option ===== */
html[data-theme="dark"]{color-scheme:dark}
html[data-theme="light"]{color-scheme:light}
html[data-theme="dark"] body{
 --navy:#14181d;--navy-2:#1a1f25;--navy-3:#222831;--charcoal:#1a1f25;
 --text:#eeeae1;--text-soft:#d6d1c6;--muted:#b3b9c2;--line:#3c4450;
 --t-ink:#f4f1ea;--t-line-strong:#7d8794;--t-hover:rgba(245,184,46,.12);--t-input:#0f1317;--t-input-line:#7d8794;
 --t-topbar-bg:#0e1114;--t-topbar-ink:#d6d1c6;--t-footer-bg:#0e1114;--t-footer-ink:#d6d1c6;
 --t-cta-bg:#f5b82e;--t-cta-ink:#14181d;--t-cta-line:#f5b82e;--t-pulse:#14181d;--t-focus:#ffd75e;
 --accent:#f5b82e!important;--accent-soft:rgba(245,184,46,.16)!important;--orange:#f5b82e;--orange-hover:#ffd060;--blue:#f5b82e;--teal:#f5b82e;
 --t-chip-bg:#222831;--t-chip-primary-bg:#f5b82e;--t-chip-primary-ink:#14181d;--t-grid:rgba(245,184,46,.06)}
html[data-theme="light"] body{
 --navy:#e6e2da;--navy-2:#dbd6cc;--navy-3:#efece6;--charcoal:#dbd6cc;
 --text:#1a1d21;--text-soft:#2c3137;--muted:#4b5159;--line:#b9b2a5;
 --t-ink:#1a1d21;--t-line-strong:#5c5649;--t-hover:rgba(110,72,0,.1);--t-input:#f6f4ef;--t-input-line:#6f6a5e;
 --t-topbar-bg:#1a1d21;--t-topbar-ink:#e6e2da;--t-footer-bg:#1a1d21;--t-footer-ink:#e6e2da;
 --t-cta-bg:#f5b82e;--t-cta-ink:#1a1d21;--t-cta-line:#1a1d21;--t-pulse:#1a1d21;--t-focus:#1a1d21;
 --accent:#6e4800!important;--accent-soft:rgba(110,72,0,.12)!important;--orange:#6e4800;--orange-hover:#4f3400;--blue:#6e4800;--teal:#6e4800;
 --t-chip-bg:#efece6;--t-chip-primary-bg:#1a1d21;--t-chip-primary-ink:#f5b82e;--t-grid:rgba(26,29,33,.06)}
html[data-theme] body{background:var(--navy);color:var(--text);font-size:1.0625rem}

/* headings + text */
html[data-theme] body :is(h1,h2,h3,h4,.logo-title,.steps strong,.card h3,.contact-panel h3,.hero-card h2,.cta-band h2,.handoff-band h2,.faq-item summary,.one-stop h2,.cross-sell h2,.twin-callout h2,.ugd h1,.ugd h2,.ugd h3,.contact-list strong){color:var(--t-ink)!important}
html[data-theme] body :is(.lede,.card p,.steps span,.hero-card ul,.ugd p,.ugd li,.contact-list a){color:var(--text-soft)}
html[data-theme] body :is(.section-lead,.card-note,.faq-item p,.cta-band p,.twin-callout p,.handoff-band>p,.handoff-note,.contact-list span,.ugd-crumbs,.ugd-crumbs a,.footer-muted){color:var(--muted)}
html[data-theme] body a{color:var(--accent)}
html[data-theme] body :is(main p,.ugd li,.hero-card li) a:not(.btn){text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}
html[data-theme] body a:hover{color:var(--orange-hover)}
html[data-theme] body .eyebrow{color:var(--accent);font-weight:700}
.hero h1{font-weight:800;letter-spacing:-.02em}
.eyebrow,.logo-tag,.trust-row li,.faq-item summary::after,.site-nav a{font-family:var(--mono)}
.eyebrow::before{content:"⌀ ";color:var(--accent)}

/* chrome */
html[data-theme] body .topbar{background:var(--t-topbar-bg);color:var(--t-topbar-ink);border-bottom:1px solid var(--line)}
html[data-theme] body .topbar a{color:var(--t-topbar-ink)}
html[data-theme] body .topbar a:hover{color:#f5b82e}
html[data-theme] body .site-header{background:color-mix(in srgb,var(--navy) 94%,transparent);backdrop-filter:saturate(1.1) blur(8px);border-bottom:2px solid var(--accent)}
html[data-theme] body .logo-mark{background:#14181d;border:2px solid #f5b82e;border-radius:6px}
html[data-theme] body .logo-mark span{color:#f5b82e!important}
html[data-theme] body .logo-tag{color:var(--muted)}
html[data-theme] body .site-nav a{color:var(--t-ink)}
html[data-theme] body .site-nav a:hover{background:var(--t-hover);color:var(--t-ink)}
html[data-theme] body .site-footer{background:var(--t-footer-bg);color:var(--t-footer-ink);border-top:3px solid #f5b82e}
html[data-theme] body .site-footer :is(a,p,h2,.footer-brand,.footer-muted,.network-nav a,.network-group-label){color:var(--t-footer-ink)!important}
html[data-theme] body .site-footer a:hover{color:#f5b82e!important}
html[data-theme] body .site-footer .network-label{color:#f5b82e!important}
html[data-theme] body .network-nav a[aria-current="page"]{color:#f5b82e!important;border-bottom-color:#f5b82e}

/* buttons */
html[data-theme] body .btn{border-radius:6px;min-height:44px}
html[data-theme] body .btn-primary{background:var(--t-cta-bg)!important;color:var(--t-cta-ink)!important;border:2px solid var(--t-cta-line)!important;box-shadow:0 6px 18px rgba(0,0,0,.28)!important}
html[data-theme] body .btn-primary:hover{background:#ffcb45!important;color:var(--t-cta-ink)!important}
html[data-theme] body .btn-ghost{background:transparent;color:var(--t-ink);border:2px solid var(--t-line-strong)}
html[data-theme] body .btn-ghost:hover{color:var(--t-ink);border-color:var(--accent);background:var(--t-hover)}
html[data-theme] body .sticky-cta{background:var(--t-cta-bg);color:var(--t-cta-ink);border:2px solid var(--t-cta-line)}
html[data-theme] body .sticky-cta:hover{color:var(--t-cta-ink)}
html[data-theme] body .theme-toggle{color:var(--t-ink);border:2px solid var(--t-line-strong)}

/* hero: faint tool-steel grid */
html[data-theme] body .hero{background:
  linear-gradient(90deg,var(--t-grid) 1px,transparent 1px) 0 0/48px 48px,
  linear-gradient(var(--t-grid) 1px,transparent 1px) 0 0/48px 48px,var(--navy)}
html[data-theme] body .section-alt{background:var(--navy-2);border-block:1px solid var(--line)}

/* surfaces: cards, panels, faq, bands */
html[data-theme] body :is(.card,.contact-panel,.hero-card,.faq-item,.steps li,.cta-band,.twin-callout,.handoff-band,.one-stop,.ugd-cols>div,.ugd-cta){background:var(--navy-3);border:1px solid var(--line);border-radius:6px;box-shadow:none}
html[data-theme] body .hero-card,html[data-theme] body .cta-band,html[data-theme] body .ugd-cta{border-top:4px solid var(--accent)}
html[data-theme] body .card:hover,html[data-theme] body .contact-panel:hover{border-color:var(--accent)}
.card h3::before{content:"// ";font-family:var(--mono);color:var(--accent);font-size:.85em}
html[data-theme] body .faq-item summary::after{color:var(--accent)}
html[data-theme] body .steps li::before{background:var(--accent);color:var(--navy);border-radius:4px}
html[data-theme] body .trust-row li{background:var(--navy-3);color:var(--text-soft);border:1px solid var(--t-line-strong);border-radius:4px;font-size:.78rem;letter-spacing:.04em;text-transform:uppercase}
.trust-row li::before{content:"✓ ";color:var(--accent);font-weight:700}
html[data-theme] body :is(.twin-links a,.handoff-chips a,.ugd-toc a){background:var(--t-chip-bg);color:var(--t-ink);border:1px solid var(--t-line-strong)}
html[data-theme] body :is(.twin-links a,.handoff-chips a,.ugd-toc a):hover{border-color:var(--accent);color:var(--t-ink);background:var(--t-hover)}
html[data-theme] body :is(.twin-links a.primary-twin,.handoff-chips a.primary-chip){background:var(--t-chip-primary-bg);color:var(--t-chip-primary-ink);border-color:var(--t-chip-primary-bg)}
html[data-theme] body .one-stop-grid a{background:var(--navy-2);color:var(--t-ink);border:1px solid var(--line);text-decoration:none}
html[data-theme] body .one-stop-grid a:hover{background:var(--t-hover);border-color:var(--accent)}
html[data-theme] body .ugd-tip{background:var(--navy-2);border-left:4px solid var(--accent);color:var(--text-soft)}
html[data-theme] body ul.ugck li{border-bottom-color:var(--line)}
html[data-theme] body ul.ugck li::before{border-color:var(--accent)}
html[data-theme] body .concept-banner{background:var(--accent-soft);border-color:var(--accent);color:var(--t-ink)}

/* forms */
html[data-theme] body .ug-form label{color:var(--text-soft);font-weight:600}
html[data-theme] body :is(.ug-form input,.ug-form select,.ug-form textarea){background:var(--t-input);color:var(--t-ink);border:2px solid var(--t-input-line);border-radius:6px;min-height:44px}
html[data-theme] body :is(.ug-form input,.ug-form textarea)::placeholder{color:var(--muted);opacity:1}
html[data-theme] body :is(.ug-form input,.ug-form select,.ug-form textarea):focus{border-color:var(--accent);outline:3px solid var(--t-focus);outline-offset:1px}

/* section rule ticks */
.section .wrap>h2{position:relative;padding-bottom:.6rem}
.section .wrap>h2::after{content:"";display:block;margin-top:.5rem;height:10px;width:min(260px,60%);
  background:repeating-linear-gradient(90deg,var(--accent) 0 2px,transparent 2px 10px) bottom/100% 6px no-repeat,repeating-linear-gradient(90deg,var(--accent) 0 2px,transparent 2px 50px) bottom/100% 10px no-repeat;opacity:.85}

/* focus: always visible, high contrast */
html[data-theme] body :is(a,button,summary,input,select,textarea,label.nav-burger):focus-visible{outline:3px solid var(--t-focus)!important;outline-offset:2px;border-radius:4px;box-shadow:0 0 0 5px var(--navy)}
html[data-theme] body .skip{background:#f5b82e;color:#14181d}
html[data-theme] body .ugd-toc a{text-decoration:none!important}