/* COVERAGE: local-guide, lg-breadcrumb, lg-hero, lg-hero__copy, lg-hero__media, lg-hero-fallback, lg-hero-actions, lg-kicker, lg-title, hn-title, lg-local-line, lg-actions, lg-btn, lg-btn--primary, lg-btn--soft, lg-btn--green, lg-btn--full, lg-action-strip, lg-signals, lg-shell, lg-sidebar, lg-side-card, lg-mobile-toc, lg-toc, lg-mini-list, lg-reco-list, lg-content, lg-section, lg-section--panel, lg-eyebrow, lg-takeaways, lg-marketplace-signals, lg-marketplace-ai, lg-marketplace-stats, lg-marketplace-grid, lg-marketplace-grid--wide, lg-marketplace-card, lg-marketplace-chips, lg-marketplace-provider, lg-marketplace-facts, lg-request-feed, lg-trust-feed, lg-conversion-guide, lg-real-engagement, lg-engagement-ai, lg-engagement-grid, lg-engagement-grid--wide, lg-engagement-card, lg-engagement-list, lg-engagement-bullets, lg-engagement-facts, lg-engagement-cta, lg-local-authority, lg-authority-ai, lg-authority-lead, lg-authority-panel-grid, lg-authority-grid, lg-authority-grid--wide, lg-authority-card, lg-authority-facts, lg-authority-nearby, lg-district-card, lg-district-specialization, lg-pricing-intel, lg-pricing-intel__intro, lg-pricing-ai, lg-pricing-stat-grid, lg-pricing-stat, lg-pricing-split, lg-pricing-box, lg-pricing-chips, lg-pricing-refs, lg-pricing-facts, lg-steps, lg-trust-grid, lg-check-list, lg-check-grid, lg-local-story, lg-local-story__grid, lg-local-story__copy, lg-local-story__note, lg-local-story__links, lg-seo-note, lg-local-grid, lg-provider-grid, lg-provider, lg-provider-avatar, lg-provider-type, lg-faq-section, lg-faq-heading, lg-faq, lg-faq-index, lg-faq-body, lg-related-guides, lg-final, lg-final-signals, lg-sticky, ai-intelligence-block, ai-intelligence-head, ai-intelligence-stats, ai-intelligence-cta, ai-intelligence-faq, + shared-sheet GUARD block */

/* =====================================================================
   askaide.com — page "ville / categorie" (local-guide) — akmk 3D reskin (2026)
   Scope  : everything inside .local-guide  +  the detached .lg-sticky bar
   Markup : frozen — this sheet only restyles existing .lg-* / .ai-* hooks
   Theme  : light tokens on the scope, dark under html[data-theme="dark"]
            AND @media(prefers-color-scheme:dark) guarded by html:not([data-theme="light"])
   Note   : this page is ALSO hit by public-deep-pages-2026.min.css (.local-guide …!important,
            all LIGHT) + the view's inline <style>. A dedicated GUARD block at the very
            end neutralises every forced light background/border/colour so dark mode reads.
   ===================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@10..48,600;10..48,700;10..48,800&family=Figtree:wght@400;500;600;700&family=Manrope:wght@700;800&display=swap');

/* ── 1. TOKENS ─────────────────────────────────────────────────────────
   Legacy --lg-* remapped to akmk vars in ALL THREE blocks so the deep
   sheet's `var(--lg-border|text|muted…)` usages also flip in dark.        */
.local-guide,
.lg-sticky {
  --ground:#FAF7F2; --surface:#FFFFFF; --surface-2:#F4F0E8; --raise:#FBF9F5;
  --ink:#191C26; --ink-soft:#565B6B; --ink-faint:#8B8F9C; --line:#ECE6DC; --line-2:#DED7C9;
  --primary:#2B4CF0; --primary-ink:#FFFFFF; --primary-soft:#EAEEFF; --primary-line:#CFD8FF; --violet:#6A4BF2;
  --accent:#FF6A45; --accent-soft:#FFEDE7; --accent-ink:#B33A1E;
  --trust:#0FA968; --trust-soft:#E3F6ED; --trust-ink:#0A7A4B; --gold:#F5A623;
  --danger:#E5484D; --danger-soft:#FDECEC;
  --shadow:0 1px 1px rgba(25,28,38,.05),0 4px 8px -3px rgba(25,28,38,.10),0 16px 30px -12px rgba(25,28,38,.16);
  --lift:0 24px 44px -14px rgba(25,28,38,.24),0 46px 100px -30px rgba(43,76,240,.24);
  --edge:inset 0 1.5px 0 rgba(255,255,255,.9),inset 0 -1px 0 rgba(25,28,38,.03);
  --r:26px; --r-sm:15px; --r-pill:999px;
  --display:'Bricolage Grotesque','Figtree',system-ui,sans-serif;
  --body:'Figtree',system-ui,-apple-system,'Segoe UI',sans-serif;
  --ring:rgba(43,76,240,.42); color-scheme:light;
  /* legacy compat (deep sheet + base city-category.css read these) */
  --lg-blue:var(--primary); --lg-blue-2:var(--violet); --lg-green:var(--trust-soft);
  --lg-green-text:var(--trust-ink); --lg-border:var(--line); --lg-text:var(--ink);
  --lg-muted:var(--ink-soft); --lg-soft:var(--surface-2);
}

html[data-theme="dark"] .local-guide,
html[data-theme="dark"] .lg-sticky {
  --ground:#0E1017; --surface:#171A22; --surface-2:#1E2230; --raise:#1B1F29;
  --ink:#F1EFEA; --ink-soft:#A7ABB8; --ink-faint:#767B8B; --line:#272B37; --line-2:#353B4B;
  --primary:#6B84FF; --primary-ink:#0C1024; --primary-soft:#1A2242; --primary-line:#2C3768; --violet:#8B78FF;
  --accent:#FF7E5C; --accent-soft:#39241D; --accent-ink:#FFB59F;
  --trust:#34D399; --trust-soft:#122A20; --trust-ink:#7EE9BE; --gold:#FBBF52;
  --danger:#F2555A; --danger-soft:#3A1D1F;
  --shadow:0 1px 1px rgba(0,0,0,.5),0 6px 14px -6px rgba(0,0,0,.6),0 20px 40px -16px rgba(0,0,0,.72);
  --lift:0 28px 54px -16px rgba(0,0,0,.8),0 56px 116px -34px rgba(107,132,255,.4);
  --edge:inset 0 1.5px 0 rgba(255,255,255,.09),inset 0 -1px 0 rgba(0,0,0,.35); --ring:rgba(107,132,255,.5);
  color-scheme:dark;
  --lg-blue:var(--primary); --lg-blue-2:var(--violet); --lg-green:var(--trust-soft);
  --lg-green-text:var(--trust-ink); --lg-border:var(--line); --lg-text:var(--ink);
  --lg-muted:var(--ink-soft); --lg-soft:var(--surface-2);
}

@media (prefers-color-scheme: dark) {
  html:not([data-theme="light"]) .local-guide,
  html:not([data-theme="light"]) .lg-sticky {
    --ground:#0E1017; --surface:#171A22; --surface-2:#1E2230; --raise:#1B1F29;
    --ink:#F1EFEA; --ink-soft:#A7ABB8; --ink-faint:#767B8B; --line:#272B37; --line-2:#353B4B;
    --primary:#6B84FF; --primary-ink:#0C1024; --primary-soft:#1A2242; --primary-line:#2C3768; --violet:#8B78FF;
    --accent:#FF7E5C; --accent-soft:#39241D; --accent-ink:#FFB59F;
    --trust:#34D399; --trust-soft:#122A20; --trust-ink:#7EE9BE; --gold:#FBBF52;
    --danger:#F2555A; --danger-soft:#3A1D1F;
    --shadow:0 1px 1px rgba(0,0,0,.5),0 6px 14px -6px rgba(0,0,0,.6),0 20px 40px -16px rgba(0,0,0,.72);
    --lift:0 28px 54px -16px rgba(0,0,0,.8),0 56px 116px -34px rgba(107,132,255,.4);
    --edge:inset 0 1.5px 0 rgba(255,255,255,.09),inset 0 -1px 0 rgba(0,0,0,.35); --ring:rgba(107,132,255,.5);
    color-scheme:dark;
    --lg-blue:var(--primary); --lg-blue-2:var(--violet); --lg-green:var(--trust-soft);
    --lg-green-text:var(--trust-ink); --lg-border:var(--line); --lg-text:var(--ink);
    --lg-muted:var(--ink-soft); --lg-soft:var(--surface-2);
  }
}

/* ── 2. PAGE GROUND ── */
.local-guide {
  position:relative; isolation:isolate; background:var(--ground); color:var(--ink);
  font-family:var(--body); font-size:15.5px; line-height:1.62; overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
.local-guide *, .local-guide *::before, .local-guide *::after{ box-sizing:border-box; }
.local-guide::before{
  content:""; position:absolute; inset:0 0 auto; height:640px; pointer-events:none; z-index:-1;
  background:
    radial-gradient(46% 40% at 6% 0%,color-mix(in srgb,var(--primary) 16%,transparent),transparent 70%),
    radial-gradient(38% 32% at 96% 6%,color-mix(in srgb,var(--accent) 13%,transparent),transparent 72%),
    radial-gradient(34% 30% at 78% 2%,color-mix(in srgb,var(--gold) 10%,transparent),transparent 72%);
  filter:blur(4px);
}
.local-guide :is(a,input,select,textarea,p,span,small,strong,em,b,label,li,summary,td,th){ font-family:var(--body); }
.local-guide :is(h1,h2,h3,h4,.hn-title,.lg-title){ font-family:var(--display); letter-spacing:-.028em; line-height:1.08; color:var(--ink); text-wrap:balance; }
.local-guide a{ color:var(--primary); }

/* ── 3. BREADCRUMB ── */
.lg-breadcrumb{
  width:min(100% - 42px,1180px); margin:20px auto 0; display:flex; gap:8px; flex-wrap:wrap;
  align-items:center; color:var(--ink-faint); font-size:12.5px; font-weight:600;
}
.lg-breadcrumb a{ color:var(--ink-soft); text-decoration:none; }
.lg-breadcrumb a:hover{ color:var(--primary); }

/* ── 4. HERO ── */
.lg-hero{
  width:min(100% - 42px,1180px); margin:26px auto 56px; display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(340px,.74fr); gap:clamp(28px,4vw,58px); align-items:center;
  padding:clamp(24px,3.2vw,42px); background:linear-gradient(150deg,var(--surface),var(--raise));
  border:1px solid var(--line); border-radius:calc(var(--r) + 8px); box-shadow:var(--shadow),var(--edge);
}
.lg-hero__copy{ min-width:0; }
.lg-kicker{ display:flex; gap:8px; flex-wrap:wrap; margin-bottom:18px; }
.lg-kicker span{
  display:inline-flex; align-items:center; min-height:28px; padding:0 13px; border-radius:var(--r-pill);
  background:var(--primary-soft); border:1px solid var(--primary-line); color:var(--primary);
  font-weight:700; font-size:12px; letter-spacing:.01em;
}
.lg-kicker span:nth-child(2){ background:var(--trust-soft); border-color:color-mix(in srgb,var(--trust) 32%,transparent); color:var(--trust-ink); }
.lg-kicker span:nth-child(3){ background:var(--accent-soft); border-color:color-mix(in srgb,var(--accent) 32%,transparent); color:var(--accent-ink); }
.lg-hero h1,.hn-title{
  margin:0; font-size:clamp(2.3rem,5vw,4.6rem); line-height:.98; font-weight:800; max-width:15ch; color:var(--ink);
}
.lg-hero__copy>p{ margin:20px 0 0; color:var(--ink-soft); font-size:1.02rem; line-height:1.72; max-width:70ch; }
.lg-local-line{
  margin-top:18px; padding:14px 18px; color:var(--ink); font-size:1rem; line-height:1.68;
  background:color-mix(in srgb,var(--primary-soft) 55%,var(--surface)); border:1px solid var(--line);
  border-inline-start:4px solid var(--primary); border-radius:var(--r-sm); box-shadow:var(--edge);
}
.lg-hero .lg-local-line:nth-of-type(even){ border-inline-start-color:var(--trust); background:color-mix(in srgb,var(--trust-soft) 60%,var(--surface)); }

/* buttons */
.lg-actions,.lg-hero-actions{ display:flex; gap:12px; flex-wrap:wrap; margin-top:26px; }
.lg-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:48px; padding:0 22px;
  border-radius:var(--r-pill); border:1px solid transparent; font-family:var(--display); font-weight:700;
  font-size:.98rem; letter-spacing:-.01em; text-decoration:none; cursor:pointer;
  transition:transform .18s cubic-bezier(.2,.8,.3,1.2),box-shadow .2s,background .2s,border-color .2s;
}
.lg-btn:hover{ transform:translateY(-2px); }
.lg-btn--primary{
  background:linear-gradient(135deg,var(--primary),var(--violet)); color:var(--primary-ink);
  box-shadow:0 12px 28px -10px color-mix(in srgb,var(--primary) 68%,transparent),var(--edge);
}
.lg-btn--primary:hover{ box-shadow:0 18px 38px -12px color-mix(in srgb,var(--primary) 76%,transparent),var(--edge); }
.lg-btn--soft{ background:var(--surface); border-color:var(--line-2); color:var(--ink); box-shadow:var(--shadow); }
.lg-btn--soft:hover{ border-color:var(--primary-line); color:var(--primary); }
.lg-btn--green{
  background:linear-gradient(135deg,var(--trust),color-mix(in srgb,var(--trust) 74%,var(--primary)));
  color:#fff; box-shadow:0 12px 28px -10px color-mix(in srgb,var(--trust) 60%,transparent),var(--edge);
}
.lg-btn--full{ width:100%; }

/* hero action-strip (3 promo tiles) */
.lg-action-strip{
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin:18px 0 4px;
}
.lg-action-strip a{
  display:block; min-height:64px; padding:13px 15px; text-decoration:none; background:var(--surface);
  border:1px solid var(--line); border-radius:var(--r-sm); box-shadow:var(--shadow),var(--edge);
  transition:transform .18s,border-color .18s,box-shadow .18s;
}
.lg-action-strip a:hover{ transform:translateY(-2px); border-color:var(--primary-line); box-shadow:var(--lift); }
.lg-action-strip strong{ display:block; color:var(--primary); font-family:var(--display); font-weight:800; font-size:.98rem; }
.lg-action-strip span{ display:block; margin-top:4px; color:var(--ink-soft); font-size:.9rem; line-height:1.4; }

/* hero signals row */
.lg-signals{ display:grid; grid-template-columns:repeat(auto-fit,minmax(130px,1fr)); gap:12px; margin-top:24px; }
.lg-signals div{
  padding:14px 16px; background:var(--surface); border:1px solid var(--line); border-radius:var(--r-sm);
  box-shadow:var(--shadow),var(--edge);
}
.lg-signals strong{ display:block; font-family:var(--display); font-weight:800; font-size:1.35rem; color:var(--ink); line-height:1.1; }
.lg-signals span{ display:block; margin-top:3px; color:var(--ink-faint); font-size:.82rem; }

/* hero media */
.lg-hero__media{
  position:relative; min-width:0; margin:0; border:1px solid var(--line); border-radius:var(--r);
  overflow:hidden; background:var(--surface-2); box-shadow:var(--lift);
}
.lg-hero__media img{ display:block; width:100%; height:100%; min-height:340px; object-fit:cover; }
.lg-hero-fallback{
  display:grid; place-content:center; justify-items:center; gap:10px; min-height:340px; padding:36px; text-align:center;
  background:radial-gradient(circle at 50% 20%,var(--primary-soft),var(--surface-2));
}
.lg-hero-fallback i{ font-size:2.4rem; font-style:normal; }
.lg-hero-fallback strong{ font-family:var(--display); font-weight:800; font-size:1.3rem; color:var(--ink); }
.lg-hero-fallback span{ color:var(--ink-soft); font-size:.9rem; }
.lg-hero__media figcaption{
  position:absolute; inset-inline:10px; bottom:10px; padding:8px 12px; border-radius:var(--r-sm);
  background:color-mix(in srgb,var(--ink) 74%,transparent); color:#fff; font-size:.8rem; font-weight:600;
  -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px);
}

/* ── 5. SHELL / SIDEBAR ── */
.lg-shell{
  width:min(100% - 42px,1180px); margin:0 auto 40px; display:grid;
  grid-template-columns:288px minmax(0,1fr); gap:34px; align-items:start;
}
.lg-sidebar{ position:sticky; top:100px; align-self:start; display:grid; gap:16px; min-width:0; }
.lg-side-card{
  padding:20px; background:var(--surface); border:1px solid var(--line); border-radius:var(--r);
  box-shadow:var(--shadow),var(--edge);
}
.lg-side-card>strong{ display:block; font-family:var(--display); font-weight:800; font-size:1.02rem; color:var(--ink); margin-bottom:10px; }
.lg-side-card>p{ margin:0 0 14px; color:var(--ink-soft); font-size:.92rem; line-height:1.6; }
.lg-side-card .lg-btn{ margin-top:4px; }

.lg-mobile-toc{ padding:0; overflow:hidden; }
.lg-mobile-toc>summary{
  list-style:none; cursor:pointer; padding:16px 20px; font-family:var(--display); font-weight:800;
  color:var(--ink); display:flex; align-items:center; justify-content:space-between;
}
.lg-mobile-toc>summary::-webkit-details-marker{ display:none; }
.lg-mobile-toc>summary::after{ content:"⌄"; font-size:1.3rem; color:var(--ink-faint); transition:transform .25s; }
.lg-mobile-toc[open]>summary::after{ transform:rotate(180deg); }
.lg-toc{ display:grid; padding:4px 12px 14px; }
.lg-toc a{
  display:block; padding:9px 12px; border-radius:var(--r-sm); color:var(--ink-soft); text-decoration:none;
  font-size:.92rem; font-weight:600; transition:background .16s,color .16s;
}
.lg-toc a:hover{ background:var(--primary-soft); color:var(--primary); }

.lg-mini-list{ list-style:none; margin:0; padding:0; display:grid; gap:9px; }
.lg-mini-list li{ position:relative; padding-inline-start:22px; color:var(--ink-soft); font-size:.92rem; line-height:1.5; }
.lg-mini-list li::before{ content:""; position:absolute; inset-inline-start:2px; top:.5em; width:8px; height:8px; border-radius:50%; background:var(--trust); }

.lg-reco-list{ display:grid; gap:8px; }
.lg-reco-list a,.lg-reco-list>span{
  display:flex; align-items:center; justify-content:space-between; gap:10px; padding:11px 14px;
  background:var(--surface-2); border:1px solid var(--line); border-radius:var(--r-sm); text-decoration:none;
  color:var(--ink); font-size:.9rem; transition:transform .16s,border-color .16s;
}
.lg-reco-list a:hover{ transform:translateX(3px); border-color:var(--primary-line); }
.lg-reco-list em{ font-style:normal; color:var(--ink-faint); font-size:.82rem; white-space:nowrap; }

/* ── 6. CONTENT + SECTIONS ── */
.lg-content{ min-width:0; display:grid; gap:34px; }
.lg-section{ scroll-margin-top:96px; }
.lg-section>h2{ margin:6px 0 14px; font-size:clamp(1.5rem,2.6vw,2.15rem); font-weight:800; color:var(--ink); }
.lg-section>p{ color:var(--ink-soft); line-height:1.72; max-width:74ch; }
.lg-section--panel{
  padding:clamp(22px,3vw,36px); background:var(--surface); border:1px solid var(--line);
  border-radius:var(--r); box-shadow:var(--shadow),var(--edge);
}
.lg-eyebrow{
  display:inline-flex; align-items:center; gap:6px; margin:0 0 6px; padding:5px 12px; border-radius:var(--r-pill);
  background:var(--primary-soft); border:1px solid var(--primary-line); color:var(--primary);
  font-family:var(--display); font-weight:800; font-size:.72rem; letter-spacing:.08em; text-transform:uppercase;
}

/* takeaways */
.lg-takeaways{ display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:12px; }
.lg-takeaways p{
  margin:0; padding:14px 16px 14px 42px; position:relative; background:var(--surface-2); border:1px solid var(--line);
  border-radius:var(--r-sm); color:var(--ink); font-size:.94rem; line-height:1.55;
}
.lg-takeaways p::before{
  content:"✓"; position:absolute; inset-inline-start:14px; top:14px; width:20px; height:20px; display:grid;
  place-items:center; border-radius:50%; background:var(--trust-soft); color:var(--trust-ink); font-size:.72rem; font-weight:800;
}

/* AI summary / facts custom elements */
.lg-marketplace-ai,.lg-engagement-ai,.lg-authority-ai,.lg-pricing-ai{
  display:block; margin:4px 0 18px; padding:16px 18px; border-radius:var(--r-sm);
  background:linear-gradient(135deg,var(--primary-soft),color-mix(in srgb,var(--violet) 12%,var(--surface)));
  border:1px solid var(--primary-line); color:var(--ink); font-size:.96rem; line-height:1.62;
}
.lg-marketplace-facts,.lg-engagement-facts,.lg-authority-facts,.lg-pricing-facts{
  display:flex; flex-wrap:wrap; gap:8px; margin-top:16px;
}
.lg-marketplace-facts span,.lg-engagement-facts span,.lg-authority-facts span,.lg-pricing-facts span{
  display:inline-flex; align-items:center; padding:6px 12px; border-radius:var(--r-pill);
  background:var(--surface-2); border:1px solid var(--line); color:var(--ink-soft); font-size:.82rem; font-weight:600;
}

/* ── 7. MARKETPLACE SIGNALS ── */
.lg-marketplace-signals{
  padding:clamp(22px,3vw,36px); background:linear-gradient(155deg,var(--surface),var(--raise));
  border:1px solid var(--line); border-radius:var(--r); box-shadow:var(--shadow),var(--edge);
}
.lg-marketplace-stats{ display:grid; grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); gap:12px; margin:16px 0; }
.lg-marketplace-stats article{
  padding:16px; background:var(--surface); border:1px solid var(--line); border-radius:var(--r-sm); box-shadow:var(--edge);
}
.lg-marketplace-stats strong{ display:block; font-family:var(--display); font-weight:800; font-size:1.5rem; color:var(--primary); line-height:1; }
.lg-marketplace-stats span{ display:block; margin-top:5px; color:var(--ink-faint); font-size:.82rem; }

.lg-marketplace-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-top:16px; }
.lg-marketplace-grid--wide{ grid-template-columns:repeat(2,minmax(0,1fr)); }
.lg-marketplace-card{
  min-width:0; padding:20px; background:var(--surface); border:1px solid var(--line); border-radius:var(--r);
  box-shadow:var(--shadow),var(--edge);
}
.lg-marketplace-card h3,.lg-engagement-card h3,.lg-authority-card h3{
  margin:0 0 12px; font-size:1.08rem; font-weight:800; color:var(--ink);
}
.lg-marketplace-chips,.lg-pricing-chips{ display:flex; flex-wrap:wrap; gap:8px; }
.lg-marketplace-chips a,.lg-marketplace-chips span,.lg-pricing-chips a,.lg-pricing-chips span{
  display:inline-flex; align-items:center; min-height:34px; padding:0 14px; border-radius:var(--r-pill);
  background:var(--surface-2); border:1px solid var(--line-2); color:var(--ink); font-size:.86rem; font-weight:600;
  text-decoration:none; transition:transform .16s,border-color .16s,background .16s;
}
.lg-marketplace-chips a:hover,.lg-pricing-chips a:hover{ transform:translateY(-2px); border-color:var(--primary-line); background:var(--primary-soft); color:var(--primary); }

.lg-request-feed,.lg-trust-feed{ display:grid; gap:8px; }
.lg-request-feed a,.lg-trust-feed a{
  display:grid; gap:2px; padding:11px 14px; background:var(--surface-2); border:1px solid var(--line);
  border-radius:var(--r-sm); text-decoration:none; transition:transform .16s,border-color .16s;
}
.lg-request-feed a:hover,.lg-trust-feed a:hover{ transform:translateX(3px); border-color:var(--primary-line); }
.lg-request-feed span,.lg-trust-feed strong{ color:var(--ink); font-weight:700; font-size:.92rem; }
.lg-request-feed small,.lg-trust-feed small,.lg-trust-feed span{ color:var(--ink-faint); font-size:.82rem; }

.lg-marketplace-provider{
  display:grid; grid-template-columns:minmax(0,1fr) auto; gap:16px; align-items:center; margin-top:16px;
  padding:20px; background:var(--surface-2); border:1px solid var(--line); border-radius:var(--r);
}
.lg-marketplace-provider h3{ margin:0 0 6px; font-size:1.05rem; font-weight:800; color:var(--ink); }
.lg-marketplace-provider p{ margin:0; color:var(--ink-soft); font-size:.92rem; }
.lg-marketplace-provider>div:last-child{ display:grid; gap:8px; }
.lg-marketplace-provider a{
  display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:0 18px;
  border-radius:var(--r-pill); text-decoration:none; font-weight:700; white-space:nowrap;
}
.lg-marketplace-provider a:first-child{ background:linear-gradient(135deg,var(--primary),var(--violet)); color:var(--primary-ink); }
.lg-marketplace-provider a:last-child{ background:var(--surface); border:1px solid var(--line-2); color:var(--ink); }

/* conversion guide */
.lg-conversion-guide{
  margin-top:16px; padding:20px; background:var(--accent-soft); border:1px solid color-mix(in srgb,var(--accent) 26%,transparent);
  border-radius:var(--r);
}
.lg-conversion-guide h3{ margin:0 0 10px; font-size:1.05rem; font-weight:800; color:var(--accent-ink); }
.lg-conversion-guide ul{ margin:0; padding-inline-start:20px; display:grid; gap:6px; color:var(--ink); font-size:.94rem; line-height:1.5; }

/* ── 8. REAL ENGAGEMENT ── */
.lg-engagement-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-top:16px; }
.lg-engagement-grid--wide{ grid-template-columns:repeat(2,minmax(0,1fr)); }
.lg-engagement-card{
  min-width:0; padding:20px; background:var(--surface); border:1px solid var(--line); border-radius:var(--r);
  box-shadow:var(--shadow),var(--edge);
}
.lg-engagement-list{ display:grid; gap:8px; }
.lg-engagement-list a{
  display:grid; gap:2px; padding:11px 14px; background:var(--surface-2); border:1px solid var(--line);
  border-radius:var(--r-sm); text-decoration:none; transition:transform .16s,border-color .16s;
}
.lg-engagement-list a:hover{ transform:translateX(3px); border-color:var(--primary-line); }
.lg-engagement-list strong{ color:var(--ink); font-weight:700; font-size:.92rem; }
.lg-engagement-list span{ color:var(--ink-soft); font-size:.85rem; }
.lg-engagement-list small{ color:var(--ink-faint); font-size:.8rem; }
.lg-engagement-bullets{ list-style:none; margin:0; padding:0; display:grid; gap:9px; }
.lg-engagement-bullets li{ position:relative; padding-inline-start:22px; color:var(--ink); font-size:.92rem; line-height:1.5; }
.lg-engagement-bullets li::before{ content:"▹"; position:absolute; inset-inline-start:2px; color:var(--primary); font-weight:800; }
.lg-engagement-cta{
  display:inline-flex; align-items:center; justify-content:center; min-height:46px; margin-top:14px; padding:0 20px;
  border-radius:var(--r-pill); background:linear-gradient(135deg,var(--primary),var(--violet)); color:var(--primary-ink);
  font-weight:700; text-decoration:none;
}

/* ── 9. LOCAL AUTHORITY ── */
.lg-authority-lead{ display:grid; grid-template-columns:1.15fr .85fr; gap:16px; margin:16px 0; }
.lg-authority-lead>article{ padding:20px; background:var(--surface); border:1px solid var(--line); border-radius:var(--r); box-shadow:var(--shadow),var(--edge); }
.lg-authority-lead h3{ margin:0 0 10px; font-size:1.08rem; font-weight:800; color:var(--ink); }
.lg-authority-lead p{ margin:0 0 8px; color:var(--ink-soft); line-height:1.62; font-size:.94rem; }
.lg-authority-panel-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:10px; }
.lg-authority-panel-grid>div{ padding:12px 14px; background:var(--surface-2); border:1px solid var(--line); border-radius:var(--r-sm); }
.lg-authority-panel-grid strong{ display:block; margin-bottom:6px; color:var(--ink); font-size:.9rem; font-weight:800; }
.lg-authority-panel-grid span{ display:block; color:var(--ink-soft); font-size:.85rem; line-height:1.45; }

.lg-authority-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-top:16px; }
.lg-authority-grid--wide{ grid-template-columns:1.2fr .8fr; }
.lg-authority-card{
  min-width:0; padding:20px; background:var(--surface); border:1px solid var(--line); border-radius:var(--r);
  box-shadow:var(--shadow),var(--edge);
}
.lg-authority-card ul{ list-style:none; margin:0; padding:0; display:grid; gap:8px; }
.lg-authority-card li{ position:relative; padding-inline-start:20px; color:var(--ink); font-size:.92rem; line-height:1.5; }
.lg-authority-card li::before{ content:""; position:absolute; inset-inline-start:2px; top:.55em; width:7px; height:7px; border-radius:50%; background:var(--accent); }

.lg-district-specialization{ display:grid; gap:9px; }
.lg-district-specialization a{
  display:grid; gap:2px; padding:12px 14px; background:var(--surface-2); border:1px solid var(--line);
  border-radius:var(--r-sm); text-decoration:none; transition:transform .16s,border-color .16s;
}
.lg-district-specialization a:hover{ transform:translateY(-2px); border-color:var(--primary-line); box-shadow:var(--shadow); }
.lg-district-specialization small{ color:var(--ink-faint); font-size:.76rem; text-transform:uppercase; letter-spacing:.05em; }
.lg-district-specialization strong{ color:var(--ink); font-weight:800; font-size:.98rem; }
.lg-district-specialization span{ color:var(--ink-soft); font-size:.86rem; }
.lg-district-specialization em{ font-style:normal; color:var(--primary); font-size:.82rem; font-weight:700; }

.lg-authority-nearby{ margin-top:16px; padding:20px; background:var(--surface-2); border:1px solid var(--line); border-radius:var(--r); }
.lg-authority-nearby h3{ margin:0 0 12px; font-size:1.05rem; font-weight:800; color:var(--ink); }
.lg-authority-nearby>div{ display:flex; flex-wrap:wrap; gap:8px; }
.lg-authority-nearby a{
  display:inline-flex; align-items:center; min-height:34px; padding:0 14px; border-radius:var(--r-pill);
  background:var(--surface); border:1px solid var(--line-2); color:var(--ink); font-size:.86rem; font-weight:600; text-decoration:none;
}
.lg-authority-nearby a:hover{ border-color:var(--primary-line); color:var(--primary); }

/* ── 10. PRICING ── */
.lg-pricing-intel__intro h2{ margin:6px 0 12px; font-size:clamp(1.5rem,2.6vw,2.15rem); font-weight:800; color:var(--ink); }
.lg-pricing-intel__intro p{ color:var(--ink-soft); line-height:1.7; max-width:74ch; }
.lg-pricing-stat-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:12px; margin:16px 0; }
.lg-pricing-stat{
  padding:18px; text-align:center; background:linear-gradient(160deg,var(--surface),var(--surface-2));
  border:1px solid var(--line); border-radius:var(--r); box-shadow:var(--shadow),var(--edge);
}
.lg-pricing-stat span{ display:block; color:var(--ink-faint); font-size:.82rem; margin-bottom:6px; }
.lg-pricing-stat strong{ display:block; font-family:var(--display); font-weight:800; font-size:1.7rem; color:var(--primary); line-height:1; }
.lg-pricing-split{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin:16px 0; }
.lg-pricing-box{ padding:20px; background:var(--surface); border:1px solid var(--line); border-radius:var(--r); box-shadow:var(--shadow),var(--edge); }
.lg-pricing-box h3{ margin:0 0 12px; font-size:1.05rem; font-weight:800; color:var(--ink); }
.lg-pricing-refs{ list-style:none; margin:0; padding:0; display:grid; gap:8px; }
.lg-pricing-refs li{ position:relative; padding-inline-start:20px; color:var(--ink); font-size:.92rem; line-height:1.5; }
.lg-pricing-refs li::before{ content:"€"; position:absolute; inset-inline-start:0; color:var(--trust-ink); font-weight:800; }

/* ── 11. STEPS / TRUST / CHECK ── */
.lg-steps{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin-top:16px; }
.lg-steps>div{
  position:relative; padding:20px 18px; background:var(--surface); border:1px solid var(--line);
  border-radius:var(--r); box-shadow:var(--shadow),var(--edge);
}
.lg-steps strong{
  display:inline-grid; place-items:center; width:40px; height:40px; margin-bottom:10px; border-radius:14px;
  background:linear-gradient(135deg,var(--primary),var(--violet)); color:var(--primary-ink);
  font-family:var(--display); font-weight:800; font-size:1rem;
}
.lg-steps span{ display:block; color:var(--ink-soft); font-size:.92rem; line-height:1.5; }

.lg-trust-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:14px; margin-top:16px; }
.lg-trust-grid>div{ padding:18px; background:var(--surface); border:1px solid var(--line); border-radius:var(--r); box-shadow:var(--shadow),var(--edge); }
.lg-trust-grid b{ display:block; margin-bottom:6px; font-family:var(--display); font-weight:800; font-size:1.05rem; color:var(--ink); }
.lg-trust-grid span{ display:block; color:var(--ink-soft); font-size:.9rem; line-height:1.5; }

.lg-check-list{ list-style:none; margin:16px 0 0; padding:0; display:grid; gap:10px; }
.lg-check-list li{
  position:relative; padding:12px 16px 12px 44px; background:var(--danger-soft);
  border:1px solid color-mix(in srgb,var(--danger) 24%,transparent); border-radius:var(--r-sm); color:var(--ink); font-size:.94rem; line-height:1.5;
}
.lg-check-list li::before{
  content:"✕"; position:absolute; inset-inline-start:14px; top:12px; width:20px; height:20px; display:grid;
  place-items:center; border-radius:50%; background:var(--danger); color:#fff; font-size:.7rem; font-weight:800;
}
.lg-check-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:16px; }
.lg-check-grid label{
  display:flex; align-items:center; gap:12px; min-height:52px; padding:12px 16px; cursor:pointer;
  background:var(--surface); border:1px solid var(--line); border-radius:var(--r-sm); color:var(--ink);
  font-size:.94rem; transition:border-color .16s,background .16s;
}
.lg-check-grid label:hover{ border-color:var(--primary-line); }
.lg-check-grid input{ width:22px; height:22px; accent-color:var(--primary); flex:0 0 auto; }
.lg-check-grid input:checked+*{ text-decoration:line-through; color:var(--ink-faint); }

/* ── 12. LOCAL STORY ── */
.lg-local-story__grid{ display:grid; grid-template-columns:minmax(0,1fr) minmax(280px,.72fr); gap:20px; margin-top:12px; }
.lg-local-story__copy p{ margin:0 0 12px; color:var(--ink-soft); line-height:1.72; }
.lg-seo-note,.lg-local-story__note{
  margin:0; padding:18px 20px; background:var(--surface-2); border:1px solid var(--line);
  border-inline-start:4px solid var(--gold); border-radius:var(--r-sm); color:var(--ink-soft); font-size:.9rem; line-height:1.6;
}
.lg-local-grid,.lg-local-story__links{ display:flex; flex-wrap:wrap; gap:8px; margin-top:16px; }
.lg-local-grid a,.lg-local-grid span{
  display:inline-flex; align-items:center; min-height:36px; padding:0 15px; border-radius:var(--r-pill);
  background:var(--surface); border:1px solid var(--line-2); color:var(--ink); font-size:.88rem; font-weight:600; text-decoration:none;
}
.lg-local-grid a:hover{ border-color:var(--primary-line); color:var(--primary); }

/* ── 13. PROVIDER GRID ── */
.lg-provider-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-top:16px; }
.lg-provider{
  display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:12px; align-items:center; min-width:0;
  padding:16px; background:var(--surface); border:1px solid var(--line); border-radius:var(--r);
  box-shadow:var(--shadow),var(--edge); text-decoration:none; transition:transform .18s,border-color .18s,box-shadow .18s;
}
.lg-provider:hover{ transform:translateY(-3px); border-color:var(--primary-line); box-shadow:var(--lift); }
.lg-provider>img,.lg-provider-avatar{
  width:52px; height:52px; border-radius:50%; object-fit:cover; background:var(--surface-2);
  border:1px solid var(--line); display:grid; place-items:center; overflow:hidden;
}
.lg-provider-avatar img{ width:34px; height:34px; object-fit:contain; }
.lg-provider>span{ min-width:0; display:grid; gap:2px; }
.lg-provider-type{ color:var(--primary); font-size:.72rem; font-weight:800; text-transform:uppercase; letter-spacing:.05em; }
.lg-provider b{ color:var(--ink); font-weight:700; font-size:.96rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.lg-provider>span small{ color:var(--ink-faint); font-size:.82rem; }
.lg-provider em{ font-style:normal; color:var(--trust-ink); font-size:1.1rem; }

/* ── 14. FAQ ── */
.lg-faq-section{
  padding:clamp(22px,3vw,36px); background:var(--surface); border:1px solid var(--line);
  border-radius:var(--r); box-shadow:var(--shadow),var(--edge);
}
.lg-faq-heading{ display:flex; align-items:flex-end; justify-content:space-between; gap:16px; margin-bottom:18px; flex-wrap:wrap; }
.lg-faq-heading h2{ margin:6px 0 0; font-size:clamp(1.5rem,2.6vw,2.15rem); font-weight:800; color:var(--ink); }
.lg-faq-heading>span{ color:var(--ink-faint); font-size:.86rem; font-weight:600; }
.lg-faq{ display:grid; gap:10px; }
.lg-faq details{ background:var(--surface-2); border:1px solid var(--line); border-radius:var(--r-sm); overflow:hidden; transition:border-color .18s; }
.lg-faq details[open]{ border-color:var(--primary-line); }
.lg-faq summary{
  display:flex; align-items:center; gap:12px; padding:16px 18px; cursor:pointer; list-style:none;
  font-family:var(--display); font-weight:700; color:var(--ink); font-size:1rem;
}
.lg-faq summary::-webkit-details-marker{ display:none; }
.lg-faq-index{
  flex:0 0 auto; display:grid; place-items:center; width:30px; height:30px; border-radius:10px;
  background:var(--primary-soft); color:var(--primary); font-size:.8rem; font-weight:800;
}
.lg-faq details[open] .lg-faq-index{ background:linear-gradient(135deg,var(--primary),var(--violet)); color:var(--primary-ink); }
.lg-faq-body{ padding:0 18px 16px 60px; }
.lg-faq-body p{ margin:0 0 10px; color:var(--ink-soft); line-height:1.68; }
.lg-faq-body>div{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.lg-faq-body>div span{ color:var(--ink-faint); font-size:.86rem; }
.lg-faq-body>div a{ color:var(--primary); font-weight:700; text-decoration:none; }
.lg-faq-body>div a:hover{ text-decoration:underline; }

/* ── 15. RELATED GUIDES ── */
.lg-related-guides{ display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:14px; margin-top:14px; }
.lg-related-guides a{
  display:grid; gap:6px; padding:18px; background:var(--surface); border:1px solid var(--line);
  border-radius:var(--r); box-shadow:var(--shadow),var(--edge); text-decoration:none; transition:transform .18s,border-color .18s,box-shadow .18s;
}
.lg-related-guides a:hover{ transform:translateY(-3px); border-color:var(--primary-line); box-shadow:var(--lift); }
.lg-related-guides span{ align-self:start; padding:4px 10px; border-radius:var(--r-pill); background:var(--accent-soft); color:var(--accent-ink); font-size:.72rem; font-weight:800; }
.lg-related-guides strong{ font-family:var(--display); font-weight:800; color:var(--ink); font-size:1.05rem; }
.lg-related-guides p{ margin:0; color:var(--ink-soft); font-size:.9rem; line-height:1.55; }

/* ── 16. FINAL CTA (dark accent panel both themes) ── */
.lg-final{
  width:min(100% - 42px,1180px); margin:8px auto 64px; display:flex; align-items:center; justify-content:space-between;
  gap:24px; flex-wrap:wrap; padding:clamp(28px,4vw,48px);
  background:linear-gradient(135deg,#14172A,#1E2340); border:1px solid rgba(255,255,255,.12);
  border-radius:calc(var(--r) + 6px); box-shadow:0 30px 70px -24px rgba(0,0,0,.5);
}
.lg-final>div{ min-width:0; }
.lg-final p{ margin:0 0 8px; color:var(--gold); font-weight:700; font-size:.86rem; letter-spacing:.02em; }
.lg-final h2{ margin:0 0 10px; font-family:var(--display); font-weight:800; font-size:clamp(1.6rem,3vw,2.4rem); color:#fff; }
.lg-final>div>span{ display:block; color:rgba(255,255,255,.78); line-height:1.6; max-width:60ch; }
.lg-final-signals{ display:flex; flex-wrap:wrap; gap:8px; margin-top:14px; }
.lg-final-signals em{
  font-style:normal; padding:6px 12px; border-radius:var(--r-pill); background:rgba(255,255,255,.1);
  border:1px solid rgba(255,255,255,.16); color:#fff; font-size:.82rem; font-weight:600;
}
.lg-final .lg-btn--green{ flex:0 0 auto; }

/* ── 17. STICKY MOBILE CTA (outside .local-guide) ── */
.lg-sticky{
  position:fixed; inset-inline:0; bottom:0; z-index:60; display:flex; gap:10px; padding:12px 16px;
  padding-bottom:calc(12px + env(safe-area-inset-bottom)); background:color-mix(in srgb,var(--surface) 92%,transparent);
  border-top:1px solid var(--line); box-shadow:0 -12px 30px -14px rgba(25,28,38,.3);
  -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px);
  transform:translateY(120%); transition:transform .3s cubic-bezier(.2,.8,.3,1.2); font-family:var(--body);
}
.lg-sticky.is-visible{ transform:translateY(0); }
.lg-sticky a{
  flex:1 1 0; display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:0 16px;
  border-radius:var(--r-pill); font-family:var(--display); font-weight:800; font-size:.95rem; text-decoration:none;
}
.lg-sticky a:first-child{ background:linear-gradient(135deg,var(--primary),var(--violet)); color:var(--primary-ink); }
.lg-sticky a:last-child{ background:var(--surface); border:1px solid var(--line-2); color:var(--ink); }
@media (min-width:1024px){ .lg-sticky{ display:none; } }

/* ── 18. INLINE-STYLE RESKIN (view <style> hardcodes light values; restate with tokens) ── */
.local-guide .ai-intelligence-block{
  background:linear-gradient(135deg,var(--primary-soft),color-mix(in srgb,var(--trust) 8%,var(--surface)));
  border:1px solid var(--primary-line); border-radius:var(--r); padding:clamp(20px,3vw,28px);
  box-shadow:var(--shadow),var(--edge);
}
.ai-intelligence-head h2{ margin:.15rem 0 .55rem; font-family:var(--display); font-weight:800; font-size:clamp(1.35rem,2vw,1.8rem); line-height:1.15; color:var(--ink); }
.ai-intelligence-head p{ max-width:760px; margin:0; color:var(--ink-soft); line-height:1.7; }
.ai-intelligence-stats{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.75rem; margin:1.15rem 0; }
.ai-intelligence-stats div{ padding:1rem; background:var(--surface); border:1px solid var(--line); border-radius:var(--r-sm); box-shadow:var(--edge); }
.ai-intelligence-stats strong{ display:block; font-family:var(--display); font-weight:800; font-size:1.45rem; color:var(--primary); line-height:1; }
.ai-intelligence-stats span{ display:block; margin-top:.35rem; color:var(--ink-faint); font-size:.82rem; }
.ai-intelligence-cta{
  display:inline-flex; align-items:center; justify-content:center; min-height:46px; margin:.15rem 0 1rem; padding:.72rem 1.15rem;
  border-radius:var(--r-pill); background:linear-gradient(135deg,var(--primary),var(--violet)); color:var(--primary-ink); font-weight:800; text-decoration:none;
}
.ai-intelligence-faq{ display:grid; gap:.65rem; margin-top:.65rem; }
.ai-intelligence-faq details{ padding:.85rem 1rem; background:var(--surface); border:1px solid var(--line); border-radius:var(--r-sm); }
.ai-intelligence-faq summary{ cursor:pointer; font-family:var(--display); font-weight:800; color:var(--ink); }
.ai-intelligence-faq p{ margin:.65rem 0 0; color:var(--ink-soft); line-height:1.6; }

/* ── 18b. SECTION-LEVEL MODIFIERS (one accent per section) ── */
.lg-real-engagement .lg-eyebrow{ background:var(--accent-soft); border-color:color-mix(in srgb,var(--accent) 30%,transparent); color:var(--accent-ink); }
.lg-local-authority .lg-eyebrow{ background:var(--trust-soft); border-color:color-mix(in srgb,var(--trust) 30%,transparent); color:var(--trust-ink); }
.lg-local-story .lg-eyebrow{ background:color-mix(in srgb,var(--gold) 18%,var(--surface)); border-color:color-mix(in srgb,var(--gold) 40%,transparent); color:var(--ink); }
.lg-pricing-intel{ display:grid; gap:2px; }
.lg-district-card{ grid-column:1 / -1; }
.lg-district-card .lg-district-specialization{ grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); }
.local-guide [class*="lg-pricing-stat--"]{ border-top:3px solid var(--primary); }

/* ── 19. RESPONSIVE (our own hooks; deep-sheet layout kept at ≤900/≤640) ── */
@media (max-width:1024px){
  .lg-shell{ grid-template-columns:1fr; }
  .lg-sidebar{ position:static; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); }
  .lg-authority-lead{ grid-template-columns:1fr; }
  .lg-authority-grid--wide,.lg-local-story__grid{ grid-template-columns:1fr; }
}
@media (max-width:820px){
  .lg-hero{ grid-template-columns:1fr; }
  .lg-engagement-grid,.lg-authority-grid,.lg-provider-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .lg-steps{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .ai-intelligence-stats{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:560px){
  .lg-action-strip{ grid-template-columns:1fr; }
  .lg-marketplace-grid,.lg-marketplace-grid--wide,.lg-engagement-grid,.lg-engagement-grid--wide,
  .lg-authority-grid,.lg-pricing-split,.lg-provider-grid,.lg-check-grid,.lg-marketplace-provider{ grid-template-columns:1fr; }
  .lg-marketplace-provider>div:last-child a{ width:100%; }
  .lg-sidebar{ grid-template-columns:1fr; }
}

/* ── 20. A11y ── */
.local-guide a:focus-visible,
.local-guide button:focus-visible,
.local-guide summary:focus-visible,
.local-guide input:focus-visible,
.local-guide label:focus-within,
.lg-sticky a:focus-visible{ outline:3px solid var(--ring); outline-offset:2px; border-radius:var(--r-sm); }
@media (prefers-reduced-motion:reduce){
  .local-guide *,.lg-sticky *{ transition:none !important; animation:none !important; }
  .local-guide *:hover{ transform:none !important; }
}

/* ── 21. RTL ── */
html[dir="rtl"] .local-guide .lg-local-line,
html[dir="rtl"] .local-guide .lg-seo-note,
html[dir="rtl"] .local-guide .lg-local-story__note{ border-inline-start:1px solid var(--line); border-inline-end:4px solid var(--primary); }
html[dir="rtl"] .local-guide .lg-reco-list a:hover,
html[dir="rtl"] .local-guide .lg-request-feed a:hover,
html[dir="rtl"] .local-guide .lg-trust-feed a:hover,
html[dir="rtl"] .local-guide .lg-engagement-list a:hover{ transform:translateX(-3px); }
/* public-shell forces Tahoma on Arabic headings (0,2,2); our GUARD titles hit 0,2,3 — restore the site policy */
html[dir="rtl"] body .local-guide :is(h1,h2,h3,.hn-title){ font-family:Tahoma,system-ui,sans-serif !important; }

/* =====================================================================
   22. GUARD — override public-deep-pages-2026.min.css (.local-guide …!important, ALL LIGHT)
   `html body .local-guide <hook>` = specificity ≥0,2,2 (or 0,2,3 with a trailing
   element) → beats the deep sheet's 0,2,0 / 0,2,1 !important, order-independent.
   Only PAINT props are guarded (bg / border / shadow / colour / radius); layout is
   left to the deep sheet + our §19 media queries so responsive fixes are not broken.
   ===================================================================== */
/* remap legacy tokens again at html-body specificity → order-proof vs the deep sheet's own defs */
html body .local-guide{
  background:var(--ground) !important;
  --lg-blue:var(--primary); --lg-blue-2:var(--violet); --lg-green:var(--trust-soft);
  --lg-green-text:var(--trust-ink); --lg-border:var(--line); --lg-text:var(--ink);
  --lg-muted:var(--ink-soft); --lg-soft:var(--surface-2);
}
html body .local-guide :is(.lg-side-card,.lg-signals div,.lg-steps div,.lg-trust-grid div,.lg-provider,.lg-related-guides a){
  background:var(--surface) !important; border-color:var(--line) !important; box-shadow:var(--shadow),var(--edge) !important;
}
html body .local-guide :is(.lg-marketplace-card,.lg-engagement-card,.lg-authority-card,.lg-pricing-box,.lg-faq-section){
  background:var(--surface) !important; border-color:var(--line) !important; border-radius:var(--r) !important;
}
/* panels are <section>s → this (0,2,3) wins the paint over the flat card guard above */
html body .local-guide section:is(.lg-section--panel,.lg-marketplace-signals){
  background:linear-gradient(155deg,var(--surface),var(--raise)) !important; border-color:var(--line) !important;
  border-radius:var(--r) !important; box-shadow:var(--shadow),var(--edge) !important;
}
html body .local-guide .lg-local-line{
  background:color-mix(in srgb,var(--primary-soft) 55%,var(--surface)) !important; border-color:var(--line) !important;
  border-inline-start:4px solid var(--primary) !important; color:var(--ink) !important;
}
html body .local-guide .lg-hero .lg-local-line:nth-of-type(even){
  background:color-mix(in srgb,var(--trust-soft) 60%,var(--surface)) !important; border-inline-start-color:var(--trust) !important;
}
html body .local-guide .lg-hero{
  background:linear-gradient(150deg,var(--surface),var(--raise)) !important; border-color:var(--line) !important;
  box-shadow:var(--shadow),var(--edge) !important;
}
html body .local-guide .lg-hero__media{ border-color:var(--line) !important; box-shadow:var(--lift) !important; background:var(--surface-2) !important; }
html body .local-guide :is(.lg-takeaways p,.lg-reco-list a,.lg-request-feed a,.lg-trust-feed a,.lg-engagement-list a,.lg-district-specialization a,.lg-authority-nearby,.lg-authority-lead>article,.lg-authority-panel-grid>div,.lg-marketplace-provider,.lg-pricing-stat,.lg-check-grid label){
  background:var(--surface) !important; border-color:var(--line) !important;
}
/* text colours the deep sheet hardcodes light */
html body .local-guide :is(.lg-eyebrow){ color:var(--primary) !important; background:var(--primary-soft) !important; border-color:var(--primary-line) !important; }
html body .local-guide .lg-breadcrumb a{ color:var(--ink-soft) !important; }
html body .local-guide .lg-breadcrumb a:hover{ color:var(--primary) !important; }
html body .local-guide .lg-provider em{ color:var(--trust-ink) !important; }
html body .local-guide .lg-hero__copy>p{ color:var(--ink-soft) !important; }
html body .local-guide .lg-content :is(h2,h3){ color:var(--ink) !important; }
html body .local-guide :is(h1.hn-title,.lg-hero h1){ color:var(--ink) !important; font-family:var(--display) !important; }
/* primary button: deep sheet paints it terracotta (#b8472f) — restore akmk gradient */
html body .local-guide .lg-btn--primary{
  background:linear-gradient(135deg,var(--primary),var(--violet)) !important; color:var(--primary-ink) !important;
  box-shadow:0 12px 28px -10px color-mix(in srgb,var(--primary) 68%,transparent),var(--edge) !important;
}
html body .local-guide .lg-btn--primary:hover{ background:linear-gradient(135deg,var(--violet),var(--primary)) !important; }
/* final panel: deep sheet forces navy #1b2340 + white text — keep our dark-accent version in both themes */
html body .local-guide .lg-final{ background:linear-gradient(135deg,#14172A,#1E2340) !important; }
html body .local-guide .lg-final :is(h2,p,span){ color:#fff !important; }
html body .local-guide .lg-final p{ color:var(--gold) !important; }
/* sticky bar lives OUTSIDE .local-guide; base css styles it flat light at (0,1,x) → guard at (0,1,2)+ */
html body .lg-sticky{
  background:color-mix(in srgb,var(--surface) 92%,transparent) !important; border-color:var(--line) !important;
  left:10px !important; right:10px !important; transform:translateY(120%) !important;
}
html body .lg-sticky.is-visible{ transform:translateY(0) !important; }
html body .lg-sticky a:first-child{ background:linear-gradient(135deg,var(--primary),var(--violet)) !important; color:var(--primary-ink) !important; }
html body .lg-sticky a:last-child{ background:var(--surface) !important; border:1px solid var(--line-2) !important; color:var(--ink) !important; }