/* guide.css: AdLabs long-form guide pages on new.adlabs.app (static files in web/public/guides/).
   Built 2026-10-12. Sections:
   0 fonts (self-hosted, same files as next/font on the site)
   1 site base: verbatim rules from the live stylesheet (_next/static/immutable/chunks/2l7se-nonsr25.css): reset, :root tokens, type, buttons, header, footer
   2 site components: verbatim rules for the blog post template (.post-*, .toc, .prose, .callout, .post-table, .post-code, .author-box), guide cards, FAQ, ctaBanner, copy button
   3 old guide body components: every class in the 15 guide bodies, converted from the old inline CSS. Scoped to .guide-text, colours mapped to the nearest site token,
     weights capped at 600, fonts set to the site's Inter and JetBrains Mono. Per-guide variants use .guide-text[data-guide~="slug"]. Generated: do not hand-edit, re-run tools/convert.py
   4 guide layer: long-form parts and the core body components, hand-built from site tokens
   Never add a hex here that is not in skills/adlabs-graphics/references/tokens.md or the live site CSS. */
/* Fonts: the same variable woff2 files next/font serves on new.adlabs.app (latin subset), self-hosted next to this file.
   Fallback metrics copied from the site's next/font CSS so swap does not shift layout. */
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/inter-latin-var.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(fonts/jetbrains-mono-latin-var.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0%;size-adjust:107.12%}
@font-face{font-family:JetBrains Mono Fallback;src:local(Arial);ascent-override:75.79%;descent-override:22.29%;line-gap-override:0%;size-adjust:134.59%}
/* next/font sets these on <html> via class names; a static page sets them here. Tailwind theme fallbacks used by preflight. */
:root{--font-inter:"Inter","Inter Fallback";--font-jetbrains-mono:"JetBrains Mono","JetBrains Mono Fallback";--default-font-family:var(--font-inter),ui-sans-serif,system-ui,sans-serif;--default-mono-font-family:var(--font-jetbrains-mono),ui-monospace,monospace}

/* ===== 1. Site base (verbatim) ===== */
*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}
html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}
hr{height:0;color:inherit;border-top-width:1px}
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}
a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}
b,strong{font-weight:bolder}
code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}
small{font-size:80%}
sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}
sub{bottom:-.25em}
sup{top:-.5em}
table{text-indent:0;border-color:inherit;border-collapse:collapse}
summary{display:list-item}
ol,ul,menu{list-style:none}
img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}
img,video{max-width:100%;height:auto}
button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}
[hidden]:where(:not([hidden=until-found])){display:none!important}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#fff;--paper-2:#f9fafb;--well:#f3f4f6;--line:#e5e7eb;--line-soft:#eef0f3;--ink:#111827;--ink-2:#374151;--body:#4b5563;--muted:#6b7280;--tt:#7d8593;--faint:#9ca3af;--blue:#2563eb;--blue-700:#1d4ed8;--blue-800:#1e40af;--blue-950:#172554;--blue-50:#eff6ff;--blue-100:#dbeafe;--blue-200:#bfdbfe;--blue-300:#93c5fd;--blue-500:#3b82f6;--up:#15803d;--up-bg:#dcfce7;--up-soft:#f0fdf4;--down:#b91c1c;--down-bg:#fee2e2;--down-soft:#fef2f2;--warn:#c2410c;--warn-bg:#ffedd5;--violet:#6d28d9;--violet-bg:#ede9fe;--r-card:14px;--r-ui:8px;--r-chip:6px;--r-pill:999px;--shadow-window:0 1px 1px #1118270a, 0 2px 8px -2px #1118270f, 0 28px 56px -28px #1e40af4d;--shadow-pop:0 1px 2px #1118270f, 0 12px 28px -8px #17255438;--font:var(--font-inter), ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono:var(--font-jetbrains-mono), ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--frame:1200px;--gutter:clamp(16px, 3.2vw, 40px);--pad-x:clamp(20px, 4.5vw, 56px);--pad-y:clamp(64px, 8vw, 104px);--nav-h:64px}
*,:before,:after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) + 16px)}
body{background:var(--paper);color:var(--body);font:400 17px/1.6 var(--font);font-optical-sizing:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0}
h1,h2,h3,h4{color:var(--ink);text-wrap:balance;margin:0;font-weight:600}
p{margin:0}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
button{font:inherit;color:inherit}
[hidden]{display:none!important}
:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:6px}
.i{vertical-align:baseline;fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:20px;height:20px;display:inline}
.i-sm{width:16px;height:16px}
.i-xs{width:14px;height:14px}
.num{font-variant-numeric:tabular-nums}
.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}
.skip{z-index:100;border-radius:var(--r-ui);background:var(--ink);color:#fff;padding:10px 14px;font-size:14px;position:absolute;top:-48px;left:16px}
.skip:focus{top:12px}
.sec{padding-inline:var(--gutter)}
.wrap{max-width:var(--frame);padding:var(--pad-y) var(--pad-x);margin-inline:auto}
@media (min-width:1024px){
  .wrap{border-inline:1px solid var(--line)}
}
.sec+.sec>.wrap,.sec.rule>.wrap{border-top:1px solid var(--line)}
.canvas{background-color:var(--paper-2);background-image:radial-gradient(circle at 1px 1px,#d9dde4 1px,#0000 1.4px);background-size:18px 18px}
.h1{letter-spacing:-.038em;font-size:clamp(40px,5vw,60px);line-height:1.04}
.h2{letter-spacing:-.032em;font-size:clamp(30px,3.4vw,44px);line-height:1.1}
.lede{color:var(--body);max-width:44ch;font-size:19px;line-height:1.55}
.caption{color:var(--muted);font-size:13px;line-height:1.45}
.pill{border-radius:var(--r-pill);background:var(--paper);min-height:30px;box-shadow:inset 0 0 0 1px var(--line);color:var(--ink-2);align-items:center;gap:8px;padding:5px 12px 5px 10px;font-size:14px;font-weight:500;line-height:1.3;display:inline-flex}
.pill .i{color:var(--blue)}
.label{font:500 12px/1 var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.btn{border-radius:var(--r-pill);height:46px;font:600 15px/1 var(--font);white-space:nowrap;cursor:pointer;border:0;justify-content:center;align-items:center;gap:8px;padding:0 22px;transition:background-color .15s,box-shadow .15s,transform .12s,color .15s;display:inline-flex}
.btn:active{transform:translateY(1px)scale(.99)}
.btn-primary{background:var(--blue);color:#fff;box-shadow:inset 0 1px #ffffff2e,0 8px 18px -8px #2563eb99}
.btn-primary:hover{background:var(--blue-700)}
.btn-ghost{background:var(--paper);color:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line)}
.btn-ghost:hover{background:var(--well);color:var(--ink)}
.btn-sm{height:38px;padding:0 16px;font-size:14px}
.link{color:var(--blue);align-items:center;gap:6px;font-size:15px;font-weight:600;display:inline-flex}
.link .i{transition:transform .15s}
.link:hover .i{transform:translate(2px)}
.announce{z-index:31;padding:9px var(--gutter);background:var(--blue-50);color:var(--ink-2);text-align:center;font-size:14px;position:relative}
.announce a{color:var(--blue-700);white-space:nowrap;font-weight:600}
.announce a .i{vertical-align:-3px}
.nav{top:env(safe-area-inset-top,0px);z-index:30;padding-inline:var(--gutter);-webkit-backdrop-filter:saturate(1.6)blur(14px);backdrop-filter:saturate(1.6)blur(14px);background:#ffffffd6;border-bottom:1px solid #0000;transition:border-color .2s;position:sticky}
.nav.is-stuck{border-bottom-color:var(--line)}
.nav-in{max-width:var(--frame);height:var(--nav-h);align-items:center;gap:28px;margin-inline:auto;padding-inline:clamp(0px,1.6vw,20px);display:flex}
.logo{flex:none;display:inline-flex}
.logo svg{width:auto;height:28px}
.nav-links{align-items:center;gap:2px;margin:0;padding:0;list-style:none;display:flex}
.nav-links a{border-radius:var(--r-pill);height:36px;color:var(--ink-2);align-items:center;gap:4px;padding:0 11px;font-size:15px;font-weight:500;transition:background-color .15s,color .15s;display:inline-flex}
.nav-links a:hover{background:var(--well);color:var(--ink)}
.nav-links .i{width:14px;height:14px;color:var(--faint)}
.nav-cta{align-items:center;gap:8px;margin-left:auto;display:flex}
.nav-cta .signin{color:var(--ink-2);padding:0 12px;font-size:15px;font-weight:500}
.nav-cta .signin:hover{color:var(--ink)}
.nav-toggle{border-radius:var(--r-pill);width:40px;height:40px;color:var(--ink);cursor:pointer;background:0 0;border:0;place-items:center;display:none}
.nav-sheet{display:none}
@media (max-width:1080px){
  .nav-links,.nav-cta .signin{display:none}
  .nav-toggle{display:grid}
  .nav-cta{gap:4px}
  .nav-sheet{max-width:var(--frame);margin-inline:auto;padding:8px 0 20px;display:block}
  .nav-sheet[hidden]{display:none}
  .nav-sheet a{border-bottom:1px solid var(--line-soft);color:var(--ink);padding:12px 4px;font-size:17px;font-weight:500;display:block}
}
@media (max-width:420px){
  .nav-cta .btn{padding:0 14px}
}
.foot .wrap{padding-top:56px;padding-bottom:40px}
.foot-grid{grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:32px;display:grid}
.foot-brand{align-content:start;gap:16px;display:grid}
.foot-brand p{max-width:34ch;font-size:14px}
.foot-brand img{width:116px;margin-left:-10px}
.foot h2{color:var(--ink);margin-bottom:14px;font-size:14px;font-weight:600}
.foot ul{gap:10px;margin:0;padding:0;font-size:14px;list-style:none;display:grid}
.foot ul a{color:var(--body)}
.foot ul a:hover{color:var(--ink)}
.foot-base{border-top:1px solid var(--line-soft);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:12px 24px;margin-top:48px;padding-top:20px;font-size:13px;display:flex}
.foot-base nav{flex-wrap:wrap;gap:8px 20px;display:flex}
@media (max-width:860px){
  .foot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .foot-brand{grid-column:1/-1}
}
figure{margin:0}
.h1 span{display:inline}
.h1-dim{color:var(--tt)}
code{background:var(--well);color:var(--ink-2);font:500 .9em var(--mono);border-radius:5px;padding:1px 5px}
.chip{white-space:nowrap;border-radius:6px;align-items:center;height:24px;padding:0 9px;font-size:12px;font-style:normal;font-weight:500;line-height:1;display:inline-flex}
.chip.sky{color:#0369a1;background:#e8f4fd}
.h1-accent{color:var(--blue)}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}
/* ===== 2. Site components (verbatim) ===== */
.guide-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}
.guide-card{border-radius:var(--r-card);background:var(--paper);height:100%;box-shadow:inset 0 0 0 1px var(--line);grid-template-rows:auto 1fr auto;gap:16px;padding:12px 12px 20px;transition:box-shadow .2s,transform .2s;display:grid}
.guide-card:hover{box-shadow:inset 0 0 0 1px var(--blue-200), var(--shadow-pop);transform:translateY(-2px)}
.guide-card:focus-visible{border-radius:var(--r-card)}
.guide-cover img,.guide-cover .img-fallback{aspect-ratio:1200/630;width:100%;height:auto;box-shadow:0 0 0 1px var(--line);border-radius:10px}
.guide-cover img{object-fit:cover;background:var(--well)}
.guide-body{align-content:start;justify-items:start;gap:10px;padding-inline:8px;display:grid}
.guide-title{letter-spacing:-.016em;font-size:18px;line-height:1.3}
.guide-body p{font-size:15px;line-height:1.5}
.guide-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;padding-inline:8px;display:flex}
.guide-card:hover .link .i{transform:translate(2px)}
@media (max-width:1023px){
  .guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:639px){
  .guide-grid{grid-template-columns:minmax(0,1fr)}
}
.sec-head{justify-items:start;gap:16px;max-width:760px;margin-bottom:40px;display:grid}
.sec-head .lede{max-width:60ch}
.rich{color:var(--body);font-size:16px;line-height:1.6}
.rich>*+*{margin-top:.75em}
.rich ul{gap:8px;margin:0;padding-left:1.2em;list-style:outside;display:grid}
.rich li::marker{color:var(--blue-500)}
.rich strong{color:var(--ink);font-weight:600}
.rich a{color:var(--blue-700);text-decoration:underline;-webkit-text-decoration-color:var(--blue-200);text-decoration-color:var(--blue-200);text-underline-offset:3px;text-decoration-thickness:1.5px}
.rich a:hover{text-decoration-color:currentColor}
.faq-list{border-top:1px solid var(--line);max-width:860px}
.faq{border-bottom:1px solid var(--line)}
.faq summary{color:var(--ink);letter-spacing:-.012em;cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:20px 4px;font-size:18px;font-weight:600;line-height:1.4;list-style:none;display:flex}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover{color:var(--blue-700)}
.faq summary .i{color:var(--blue);transition:transform .2s}
.faq[open] summary .i{transform:rotate(45deg)}
.faq-answer{max-width:68ch;padding:0 4px 22px}
.faq-answer p+p{margin-top:.8em}
.cta .wrap{text-align:center;justify-items:center;gap:22px;display:grid}
.cta .h2{max-width:18ch}
.cta .lede{max-width:46ch}
.cta-row{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:8px;display:flex}
.post-chips{flex-wrap:wrap;gap:6px;display:flex}
.avatar{object-fit:cover;box-shadow:0 0 0 1px var(--line);border-radius:50%;flex:none}
.author-name{color:var(--ink);letter-spacing:-.01em;font-weight:600;display:block}
.author-role{color:var(--muted);font-size:14px;line-height:1.4;display:block}
.post-head .wrap{grid-template-columns:minmax(0,1fr);gap:clamp(28px,3.5vw,40px);padding-top:clamp(28px,3.5vw,40px);padding-bottom:clamp(32px,4vw,48px);display:grid}
.crumbs ol{min-width:0;color:var(--muted);flex-wrap:nowrap;align-items:center;gap:6px;margin:0;padding:0;font-size:14px;list-style:none;display:flex}
.crumbs li{flex:none;align-items:center;gap:6px;display:inline-flex}
.crumbs li:last-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--ink-2);flex:0 auto;display:block;overflow:hidden}
.crumbs a:hover{color:var(--blue-700)}
.crumbs .i{color:var(--faint)}
.post-intro{grid-template-columns:minmax(0,1fr);justify-items:start;gap:20px;max-width:860px;display:grid}
.post-title{letter-spacing:-.034em;text-wrap:balance;font-size:clamp(34px,4.4vw,54px);line-height:1.08}
.post-lede{text-wrap:pretty;max-width:62ch}
.post-meta{flex-wrap:wrap;align-items:center;gap:12px 28px;padding-top:4px;font-size:15px;display:flex}
.post-byline{align-items:center;gap:12px;line-height:1.35;display:inline-flex}
.post-facts{color:var(--muted);flex-wrap:wrap;gap:4px 0;display:flex}
.post-facts>span+span:before{content:"·";color:var(--faint);margin:0 10px}
.post-main .wrap{padding-top:clamp(36px,4.5vw,56px)}
.post-layout{grid-template-columns:minmax(0,1fr) 248px;align-items:start;column-gap:clamp(40px,5vw,72px);display:grid}
.post-layout-solo{grid-template-columns:minmax(0,1fr)}
.post-content{grid-area:1/1;grid-template-columns:minmax(0,1fr);gap:clamp(40px,5vw,56px);min-width:0;max-width:720px;display:grid}
.toc-inline{display:none}
.toc-side{top:calc(var(--nav-h) + 32px);max-height:calc(100vh - var(--nav-h) - 64px);overscroll-behavior:contain;scrollbar-width:thin;border-left:1px solid var(--line);grid-area:1/2;padding-left:20px;position:sticky;overflow-y:auto}
.toc .label{margin-bottom:14px}
.toc ol{gap:2px;margin:0;padding:0;list-style:none;display:grid}
.toc a{color:var(--muted);text-wrap:pretty;padding:5px 0;font-size:14px;line-height:1.4;transition:color .15s;display:block;position:relative}
.toc .toc-sub a{padding-left:14px;font-size:13.5px}
.toc a:hover{color:var(--ink)}
.toc a[aria-current=location]{color:var(--blue-700);font-weight:500}
.toc-side a[aria-current=location]:before{content:"";background:var(--blue);border-radius:2px;width:2px;position:absolute;top:6px;bottom:6px;left:-21px}
@media (max-width:1023px){
  .post-layout{grid-template-columns:minmax(0,1fr)}
  .post-content{grid-row:auto;width:100%;margin-inline:auto}
  .toc-side{display:none}
  .toc-inline{border-radius:var(--r-card);background:var(--paper-2);width:100%;max-width:720px;box-shadow:inset 0 0 0 1px var(--line);margin:0 auto 32px;display:block}
  .toc-inline summary{color:var(--ink);cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;font-size:15px;font-weight:600;list-style:none;display:flex}
  .toc-inline summary::-webkit-details-marker{display:none}
  .toc-inline summary .i{color:var(--muted);transition:transform .2s}
  .toc-inline[open] summary .i{transform:rotate(180deg)}
  .toc-inline nav{max-height:60vh;padding:0 18px 14px;overflow-y:auto}
}
.prose{max-width:68ch;color:var(--ink-2);overflow-wrap:break-word;font-size:18px;line-height:1.75}
.prose>*+*{margin-top:1.25em}
.prose h2,.prose h3,.prose h4{text-wrap:balance;position:relative}
.prose h2{letter-spacing:-.026em;margin-top:2.2em;font-size:clamp(25px,2.4vw,30px);line-height:1.22}
.prose h3{letter-spacing:-.018em;margin-top:1.9em;font-size:clamp(20px,1.9vw,23px);line-height:1.3}
.prose h4{letter-spacing:-.01em;margin-top:1.7em;font-size:18px;line-height:1.4}
.prose>:first-child{margin-top:0}
.prose h2+*,.prose h3+*,.prose h4+*{margin-top:.6em}
.prose .anchor{color:var(--blue-300);opacity:0;margin-left:.3em;font-weight:500;transition:opacity .15s}
.prose :is(h2,h3,h4):hover .anchor,.prose .anchor:focus-visible{opacity:1}
.prose a:not(.anchor){color:var(--blue-700);text-decoration:underline;-webkit-text-decoration-color:var(--blue-200);text-decoration-color:var(--blue-200);text-underline-offset:3px;text-decoration-thickness:1.5px;transition:text-decoration-color .15s}
.prose a:not(.anchor):hover{text-decoration-color:currentColor}
.prose strong{color:var(--ink);font-weight:600}
.prose ul,.prose ol{padding-left:1.4em}
.prose ul{list-style:outside}
.prose ol{list-style:decimal}
.prose li>ul{list-style:circle}
.prose li{padding-left:.2em}
.prose li+li{margin-top:.45em}
.prose li::marker{color:var(--blue-500)}
.prose ol>li::marker{font-variant-numeric:tabular-nums;font-weight:600}
.prose li>ul,.prose li>ol{margin-top:.45em}
.prose blockquote{border-left:3px solid var(--blue);color:var(--ink);margin-inline:0;padding:2px 0 2px 22px;font-size:1.08em;font-weight:500;line-height:1.6}
.prose :is(.post-figure,.post-code,.post-table,.callout){margin-block:2em}
.post-figure img{width:100%;box-shadow:0 0 0 1px var(--line);border-radius:10px}
.post-figure figcaption,.post-table figcaption{text-align:center;margin-top:10px}
.post-code{background:var(--paper-2);box-shadow:inset 0 0 0 1px var(--line);border-radius:10px;overflow:hidden}
.post-code figcaption{border-bottom:1px solid var(--line);padding:10px 16px}
.post-code pre{tab-size:2;margin:0;padding:16px 18px;font-size:14px;line-height:1.6;overflow-x:auto}
.post-code code{color:var(--ink);font-size:inherit;white-space:pre;background:0 0;padding:0;font-weight:400}
.callout{border-radius:var(--r-card);background:var(--blue-50);box-shadow:inset 0 0 0 1px var(--blue-100);grid-template-columns:22px minmax(0,1fr);gap:14px;padding:18px 20px;font-size:16px;line-height:1.6;display:grid}
.callout>.i{color:var(--blue);margin-top:3px}
.callout-title{color:var(--ink);font-weight:600}
.callout-warning{box-shadow:inset 0 0 0 1px var(--warn-bg);background:#fff7ed}
.callout-warning>.i{color:var(--warn)}
.table-scroll{box-shadow:inset 0 0 0 1px var(--line);border-radius:10px;overflow-x:auto}
.post-table table{border-collapse:collapse;width:100%;min-width:640px;font-size:15px;line-height:1.5}
.post-table th,.post-table td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:12px 14px}
.post-table th{background:var(--paper-2);color:var(--ink);font-weight:600}
.post-table tbody tr:last-child td{border-bottom:0}
.post-table tbody td:first-child{color:var(--ink);font-weight:500}
.author-box{border-radius:var(--r-card);background:var(--paper-2);box-shadow:inset 0 0 0 1px var(--line);grid-template-columns:auto minmax(0,1fr);align-items:start;gap:18px;padding:24px;display:grid}
.author-box .label{margin-bottom:8px}
.author-box .author-name{font-size:18px}
.author-bio{margin-top:10px;font-size:15px;line-height:1.6}
.author-links{flex-wrap:wrap;gap:6px 16px;margin:12px 0 0;padding:0;font-size:14px;list-style:none;display:flex}
.author-links a{color:var(--blue-700);align-items:center;gap:4px;font-weight:500;display:inline-flex}
.post-related-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px 24px;margin-bottom:36px;display:flex}
@media (max-width:639px){
  .post-facts{column-gap:14px}
  .post-facts>span+span:before{content:none}
  .author-box{padding:20px}
}
.skill-card .guide-body{padding-top:8px}
.skill-card-cmd{overflow-wrap:anywhere;max-width:100%}
.clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}
.copy-btn{border-radius:var(--r-chip);background:var(--paper);height:30px;box-shadow:inset 0 0 0 1px var(--line);color:var(--ink-2);font:500 13px/1 var(--font);cursor:pointer;border:0;flex:none;align-items:center;gap:6px;padding:0 10px;transition:background-color .15s,color .15s;display:inline-flex}
.copy-btn:hover{background:var(--well);color:var(--ink)}
/* ===== 3. Old guide body components, converted to site tokens (generated) ===== */
.guide-text .structure-tree{margin:36px 0;padding:28px;background:var(--paper-2);border:1px solid var(--line);border-radius:12px}
.guide-text .tree-node{position:relative;padding:12px 16px;border-radius:8px;font-size:14px;font-weight:600;text-align:center;margin:0 auto;max-width:280px}
.guide-text .tree-node.campaign{background:var(--blue-50);border:2px solid var(--blue);color:var(--blue-700)}
.guide-text .tree-node.adgroup{background:var(--up-soft);border:2px solid var(--up);color:var(--up)}
.guide-text .tree-node.keyword{background:#fff7ed;border:2px solid var(--warn);color:var(--warn);font-size:13px}
.guide-text .tree-node.negative{background:var(--down-soft);border:2px solid var(--down);color:var(--down);font-size:13px}
.guide-text .tree-label{font-size:11px;font-weight:400;display:block;margin-top:2px}
.guide-text .tree-connector{width:2px;height:16px;background:var(--line);margin:0 auto}
.guide-text .tree-branch{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}
.guide-text .tree-branch-item{display:flex;flex-direction:column;align-items:center;flex:1;min-width:140px;max-width:200px}
.guide-text .flow-diagram{margin:36px 0;display:flex;flex-direction:column;align-items:center;gap:0}
.guide-text:where([data-guide~="amazon-organic-ranking-guide"],[data-guide~="amazon-ppc-audit-guide"]) .flow-node{padding:14px 24px;border-radius:10px;font-size:14px;font-weight:600;text-align:center;position:relative;max-width:340px;width:100%}
.guide-text[data-guide~="amazon-campaign-structure-guide"] .flow-node{padding:14px 24px;border-radius:10px;font-size:14px;font-weight:600;text-align:center;position:relative;max-width:380px;width:100%}
.guide-text[data-guide~="amazon-ngram-analysis-guide"] .flow-node{padding:14px 24px;border-radius:10px;font-size:14px;font-weight:600;text-align:left;position:relative;max-width:420px;width:100%;display:flex;align-items:center}
.guide-text .flow-node.start{background:var(--ink);color:var(--paper)}
.guide-text .flow-node.process{background:var(--blue-50);border:2px solid var(--blue);color:var(--blue-700)}
.guide-text .flow-node.decision{background:#fff7ed;border:2px solid var(--warn);color:var(--warn)}
.guide-text:where([data-guide~="amazon-campaign-structure-guide"],[data-guide~="amazon-ngram-analysis-guide"]) .flow-node.action{background:var(--up-soft);border:2px solid var(--up);color:var(--up)}
.guide-text[data-guide~="amazon-ppc-audit-guide"] .flow-node.action{background:var(--up-soft);border:1px solid var(--up-bg);color:var(--up);font-weight:500;font-size:13px;max-width:300px}
.guide-text .flow-node.danger{background:var(--down-soft);border:2px solid var(--down);color:var(--down)}
.guide-text:where([data-guide~="amazon-campaign-structure-guide"],[data-guide~="amazon-ngram-analysis-guide"],[data-guide~="amazon-organic-ranking-guide"],[data-guide~="amazon-ppc-audit-guide"]) .flow-arrow{width:2px;height:20px;background:var(--line);position:relative}
.guide-text[data-guide~="amazon-ppc-budget-guide"] .flow-arrow{color:var(--blue-400);font-size:24px;line-height:1;padding:4px 0}
.guide-text[data-guide~="amc-query-library"] .flow-arrow{display:flex;align-items:center;padding:0 8px;color:var(--faint);font-size:24px;flex-shrink:0}
.guide-text:where([data-guide~="amazon-campaign-structure-guide"],[data-guide~="amazon-ngram-analysis-guide"],[data-guide~="amazon-organic-ranking-guide"]) .flow-arrow::after{content:'';position:absolute;bottom:-4px;left:50%;transform:translateX(-50%);border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid var(--line)}
.guide-text[data-guide~="amazon-ppc-audit-guide"] .flow-arrow::after{content:'';position:absolute;bottom:-4px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid var(--line)}
.guide-text:where([data-guide~="amazon-campaign-structure-guide"],[data-guide~="amazon-ngram-analysis-guide"]) .flow-arrow-label{font-size:11px;font-weight:600;color:var(--faint);padding:2px 0;text-align:center}
.guide-text:is([data-guide~="amazon-organic-ranking-guide"],[data-guide~="amazon-ppc-audit-guide"]) .flow-arrow-label{font-size:11px;font-weight:600;color:var(--faint);padding:2px 0}
.guide-text .compare-cards{margin:36px 0;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.guide-text .compare-card{border-radius:12px;padding:24px}
.guide-text .compare-card.good{background:var(--up-soft);border:1px solid var(--up-bg)}
.guide-text .compare-card.bad{background:var(--down-soft);border:1px solid var(--down-bg)}
.guide-text .compare-card-header{display:flex;align-items:center;gap:8px;margin-bottom:16px;font-size:15px;font-weight:600}
.guide-text .compare-card.good .compare-card-header{color:var(--up)}
.guide-text .compare-card.bad .compare-card-header{color:var(--down)}
.guide-text .compare-card-item{display:flex;align-items:flex-start;gap:8px;padding:8px 0;font-size:13px;line-height:1.5}
.guide-text .compare-card.good .compare-card-item{color:var(--up)}
.guide-text .compare-card.bad .compare-card-item{color:var(--down)}
.guide-text .spectrum-bar{margin:36px 0;padding:24px;background:var(--paper-2);border:1px solid var(--line);border-radius:12px}
.guide-text .spectrum-track{height:12px;border-radius:6px;background:linear-gradient(90deg, var(--blue-500), var(--up), var(--warn), var(--down));margin:16px 0;position:relative}
.guide-text .spectrum-labels{display:flex;justify-content:space-between;font-size:12px;font-weight:600;color:var(--muted)}
.guide-text .spectrum-marker{position:absolute;top:-8px;width:28px;height:28px;background:var(--ink);border:3px solid var(--paper);border-radius:50%;box-shadow:0 2px 8px rgba(17,24,39,0.2)}
.guide-text .spectrum-title{font-size:15px;font-weight:600;color:var(--ink);margin-bottom:8px;text-align:center}
@media (max-width: 640px){.guide-text .compare-cards{grid-template-columns:1fr}}
@media (max-width: 640px){.guide-text .tree-branch{flex-direction:column;align-items:center}}
.guide-text .bid-bars{margin:32px 0;display:flex;flex-direction:column;gap:6px}
.guide-text .bid-bar-row{display:flex;align-items:center;gap:12px}
.guide-text .bid-bar-label{width:80px;font-size:12px;font-weight:500;color:var(--muted);text-align:right;flex-shrink:0}
.guide-text .bid-bar-track{flex:1;height:28px;background:var(--well);border-radius:6px;position:relative;overflow:hidden}
.guide-text .bid-bar-fill{height:100%;border-radius:6px;display:flex;align-items:center;padding:0 10px;font-size:11px;font-weight:600;color:var(--paper);white-space:nowrap;transition:width 0.5s ease}
.guide-text .bid-bar-fill.increase{background:linear-gradient(90deg, var(--up), var(--up))}
.guide-text .bid-bar-fill.base{background:var(--faint)}
.guide-text .bid-bar-fill.decrease{background:linear-gradient(90deg, var(--down), var(--down))}
.guide-text .bid-bar-value{font-size:12px;font-weight:600;color:var(--ink-2);width:55px;text-align:left;flex-shrink:0}
.guide-text .wrong-way-card{margin:28px 0;border:2px solid var(--down-bg);border-radius:12px;overflow:hidden}
.guide-text .wrong-way-header{background:var(--down-soft);padding:16px 24px;display:flex;align-items:center;gap:12px}
.guide-text .wrong-way-number{width:36px;height:36px;background:var(--down);color:var(--paper);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;flex-shrink:0}
.guide-text .wrong-way-title{font-size:18px;font-weight:600;color:var(--down)}
.guide-text .wrong-way-body{padding:20px 24px}
.guide-text .wrong-way-body p{color:var(--ink-2)}
.guide-text .stacking-visual{margin:32px 0;display:flex;flex-direction:column;align-items:center;gap:0}
.guide-text .stack-layer{display:flex;align-items:center;justify-content:center;text-align:center;padding:14px 24px;font-size:14px;font-weight:600;width:100%;max-width:420px;border:2px solid;position:relative}
.guide-text .stack-layer:first-child{border-radius:10px 10px 0 0}
.guide-text .stack-layer:last-child{border-radius:0 0 10px 10px}
.guide-text .stack-layer.base-bid{background:var(--paper-2);border-color:var(--line);color:var(--ink-2)}
.guide-text .stack-layer.daypart{background:var(--blue-50);border-color:var(--blue-500);color:var(--blue-700)}
.guide-text .stack-layer.placement{background:var(--up-soft);border-color:var(--up);color:var(--up)}
.guide-text .stack-layer.effective{background:var(--ink);border-color:var(--ink);color:var(--paper);font-size:16px}
.guide-text .stack-connector{font-size:18px;font-weight:600;color:var(--faint);padding:4px 0}
@media (max-width: 640px){.guide-text .stack-layer{max-width:100%;font-size:13px;padding:12px 16px}}
.guide-text .impact-critical{display:inline-block;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:600;background:var(--down-soft);color:var(--down)}
.guide-text .impact-high{display:inline-block;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:600;background:#fff7ed;color:var(--warn)}
.guide-text .impact-medium{display:inline-block;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:600;background:var(--blue-50);color:var(--blue)}
.guide-text:where([data-guide~="amazon-dsp-amc-guide"]) .funnel-visual{margin:36px 0;display:flex;flex-direction:column;align-items:center;gap:0}
.guide-text[data-guide~="amazon-sponsored-brands-guide"] .funnel-visual{margin:36px 0;display:flex;flex-direction:column;align-items:center;gap:6px}
.guide-text:where([data-guide~="amazon-dsp-amc-guide"]) .funnel-tier{display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.35;border-radius:8px;padding:18px 24px;position:relative;gap:12px}
.guide-text[data-guide~="amazon-sponsored-brands-guide"] .funnel-tier{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;line-height:1.35;position:relative;gap:6px;border-radius:12px;box-shadow:0 2px 8px rgba(17,24,39,0.06)}
.guide-text .funnel-tier .funnel-icon{font-size:24px;flex-shrink:0}
.guide-text:where([data-guide~="amazon-dsp-amc-guide"]) .funnel-tier .funnel-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0.06em;display:block}
.guide-text:where([data-guide~="amazon-dsp-amc-guide"]) .funnel-tier .funnel-title{font-size:16px;font-weight:600;display:block}
.guide-text .funnel-tier .funnel-desc{font-size:13px;display:block;margin-top:2px}
.guide-text:where([data-guide~="amazon-dsp-amc-guide"]) .funnel-tier:nth-child(1){width:40%;background:var(--blue-50);border:2px solid var(--violet);color:var(--violet);border-radius:10px 10px 0 0}
.guide-text[data-guide~="amazon-sponsored-brands-guide"] .funnel-tier:nth-child(1){width:45%;padding:22px 20px;background:var(--blue-50);border:2px solid var(--blue);color:var(--blue-700);border-radius:12px 12px 0 0}
.guide-text:where([data-guide~="amazon-dsp-amc-guide"]) .funnel-tier:nth-child(2){width:40%;height:4px;background:var(--line);border:none;padding:0}
.guide-text[data-guide~="amazon-sponsored-brands-guide"] .funnel-tier:nth-child(2){width:68%;padding:20px 24px;background:#fff7ed;border:2px solid var(--warn);color:var(--warn)}
.guide-text:where([data-guide~="amazon-dsp-amc-guide"]) .funnel-tier:nth-child(3){width:55%;background:var(--blue-50);border:2px solid var(--blue);color:var(--blue-700)}
.guide-text[data-guide~="amazon-sponsored-brands-guide"] .funnel-tier:nth-child(3){width:90%;padding:22px 24px;background:var(--up-soft);border:2px solid var(--up);color:var(--up);border-radius:0 0 12px 12px}
.guide-text:where([data-guide~="amazon-dsp-amc-guide"]) .funnel-tier:nth-child(4){width:55%;height:4px;background:var(--line);border:none;padding:0}
.guide-text:where([data-guide~="amazon-dsp-amc-guide"]) .funnel-tier:nth-child(5){width:70%;background:#fff7ed;border:2px solid var(--warn);color:var(--warn)}
.guide-text:where([data-guide~="amazon-dsp-amc-guide"]) .funnel-tier:nth-child(6){width:70%;height:4px;background:var(--line);border:none;padding:0}
.guide-text:where([data-guide~="amazon-dsp-amc-guide"]) .funnel-tier:nth-child(7){width:85%;background:var(--up-soft);border:2px solid var(--up);color:var(--up);border-radius:0 0 10px 10px}
.guide-text:where([data-guide~="amazon-dsp-amc-guide"]) .funnel-caption{margin-top:14px;font-size:12px;color:var(--faint);font-weight:500;text-align:center}
.guide-text[data-guide~="amazon-sponsored-brands-guide"] .funnel-caption{margin-top:12px;font-size:12px;color:var(--faint);font-weight:500;text-align:center}
.guide-text .algo-visual{margin:36px 0;display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}
.guide-text .algo-box{flex:1;min-width:180px;max-width:260px;padding:24px 20px;border-radius:12px;text-align:center}
.guide-text .algo-box.performance{background:var(--blue-50);border:2px solid var(--blue)}
.guide-text .algo-box.relevancy{background:var(--up-soft);border:2px solid var(--up)}
.guide-text .algo-box.result{background:var(--ink);border:2px solid var(--ink)}
.guide-text .algo-box .algo-icon{font-size:28px;margin-bottom:8px}
.guide-text .algo-box .algo-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0.08em;margin-bottom:6px}
.guide-text .algo-box.performance .algo-label{color:var(--blue)}
.guide-text .algo-box.relevancy .algo-label{color:var(--up)}
.guide-text .algo-box.result .algo-label{color:var(--faint)}
.guide-text .algo-box .algo-title{font-size:18px;font-weight:600;margin-bottom:6px}
.guide-text .algo-box.performance .algo-title{color:var(--blue-700)}
.guide-text .algo-box.relevancy .algo-title{color:var(--up)}
.guide-text .algo-box.result .algo-title{color:var(--paper)}
.guide-text .algo-box .algo-desc{font-size:13px;line-height:1.5}
.guide-text .algo-box.performance .algo-desc{color:var(--blue)}
.guide-text .algo-box.relevancy .algo-desc{color:var(--up)}
.guide-text .algo-box.result .algo-desc{color:var(--faint)}
.guide-text .algo-operator{font-size:28px;font-weight:600;color:var(--faint);flex-shrink:0}
.guide-text .readiness-grid{margin:28px 0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.guide-text .readiness-card{padding:20px;border-radius:10px}
.guide-text .readiness-card.yes{background:var(--up-soft);border:1px solid var(--up-bg)}
.guide-text .readiness-card.no{background:var(--down-soft);border:1px solid var(--down-bg)}
.guide-text .readiness-card .readiness-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:15px;font-weight:600}
.guide-text .readiness-card.yes .readiness-header{color:var(--up)}
.guide-text .readiness-card.no .readiness-header{color:var(--down)}
.guide-text .readiness-card .readiness-item{display:flex;align-items:flex-start;gap:8px;padding:6px 0;font-size:13px;line-height:1.5}
.guide-text .readiness-card.yes .readiness-item{color:var(--up)}
.guide-text .readiness-card.no .readiness-item{color:var(--down)}
.guide-text .ranking-pyramid{margin:36px 0;display:flex;flex-direction:column;align-items:center;gap:6px}
.guide-text .pyramid-tier{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;line-height:1.35;position:relative;gap:6px;border-radius:12px;box-shadow:0 2px 8px rgba(17,24,39,0.06)}
.guide-text .pyramid-title{display:block;font-size:15px;font-weight:600}
.guide-text:where([data-guide~="amazon-dsp-amc-guide"]) .pyramid-tier:nth-child(1){width:45%;padding:22px 20px;background:var(--blue-50);border:2px solid var(--violet);color:var(--violet);border-radius:12px 12px 0 0}
.guide-text[data-guide~="amazon-organic-ranking-guide"] .pyramid-tier:nth-child(1){width:45%;padding:22px 20px;background:var(--blue-50);border:2px solid var(--blue);color:var(--blue-700);border-radius:12px 12px 0 0}
.guide-text:where([data-guide~="amazon-dsp-amc-guide"]) .pyramid-tier:nth-child(2){width:68%;padding:20px 24px;background:var(--blue-50);border:2px solid var(--blue);color:var(--blue-700)}
.guide-text[data-guide~="amazon-organic-ranking-guide"] .pyramid-tier:nth-child(2){width:68%;padding:20px 24px;background:#fff7ed;border:2px solid var(--warn);color:var(--warn)}
.guide-text:where([data-guide~="amazon-dsp-amc-guide"]) .pyramid-tier:nth-child(3){width:90%;padding:22px 24px;background:var(--up-soft);border:2px solid var(--up);color:var(--up);border-radius:0 0 12px 12px}
.guide-text[data-guide~="amazon-organic-ranking-guide"] .pyramid-tier:nth-child(3){width:90%;padding:22px 24px;background:var(--down-soft);border:2px solid var(--down);color:var(--down);border-radius:0 0 12px 12px}
.guide-text .pyramid-label{display:block;font-size:12px;font-weight:400;letter-spacing:0.01em}
.guide-text .pyramid-caption{margin-top:12px;font-size:12px;color:var(--faint);font-weight:500;text-align:center}
@media (max-width: 640px){.guide-text .algo-visual{flex-direction:column;align-items:center}}
@media (max-width: 640px){.guide-text .algo-operator{transform:rotate(90deg)}}
@media (max-width: 640px){.guide-text .algo-box{max-width:100%}}
@media (max-width: 640px){.guide-text .readiness-grid{grid-template-columns:1fr}}
@media (max-width: 640px){.guide-text .funnel-tier:nth-child(1){width:60%}}
@media (max-width: 640px){.guide-text:where([data-guide~="amazon-dsp-amc-guide"]) .funnel-tier:nth-child(3){width:75%}}
@media (max-width: 640px){.guide-text[data-guide~="amazon-sponsored-brands-guide"] .funnel-tier:nth-child(3){width:100%}}
@media (max-width: 640px){.guide-text:where([data-guide~="amazon-dsp-amc-guide"]) .funnel-tier:nth-child(5){width:90%}}
@media (max-width: 640px){.guide-text:where([data-guide~="amazon-dsp-amc-guide"]) .funnel-tier:nth-child(7){width:100%}}
.guide-text:where([data-guide~="amazon-keyword-research-guide"],[data-guide~="amazon-ppc-bid-optimization-guide"]) .quadrant-grid{margin:36px 0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.guide-text[data-guide~="amazon-ppc-budget-guide"] .quadrant-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px;margin:24px 0;border-radius:10px;overflow:hidden}
.guide-text .quadrant-card{padding:24px 20px;border-radius:12px;text-align:center}
.guide-text .quadrant-card.decrease{background:var(--down-soft);border:2px solid var(--down)}
.guide-text .quadrant-card.decrease .q-title{color:var(--down)}
.guide-text .quadrant-card.decrease .q-desc{color:var(--down)}
.guide-text .quadrant-card.increase{background:var(--up-soft);border:2px solid var(--up)}
.guide-text .quadrant-card.increase .q-title{color:var(--up)}
.guide-text .quadrant-card.increase .q-desc{color:var(--up)}
.guide-text .quadrant-card.hold{background:#fff7ed;border:2px solid var(--warn)}
.guide-text .quadrant-card.hold .q-title{color:var(--warn)}
.guide-text .quadrant-card.hold .q-desc{color:var(--warn)}
.guide-text .q-icon{font-size:28px;margin-bottom:8px}
.guide-text .q-title{font-size:15px;font-weight:600;margin-bottom:6px}
.guide-text .q-desc{font-size:13px;line-height:1.5}
.guide-text .step-node.start{background:var(--ink);color:var(--paper)}
.guide-text .step-node.question{background:var(--blue-50);border:2px solid var(--blue);color:var(--blue-700)}
.guide-text .step-node.action{background:var(--up-soft);border:2px solid var(--up);color:var(--up)}
@media (max-width: 640px){.guide-text:where([data-guide~="amazon-keyword-research-guide"],[data-guide~="amazon-ppc-bid-optimization-guide"]) .quadrant-grid{grid-template-columns:1fr}}
.guide-text .ngram-visual{margin:36px 0;padding:28px;background:var(--paper-2);border:1px solid var(--line);border-radius:12px}
.guide-text .ngram-visual-title{font-size:15px;font-weight:600;color:var(--ink);margin-bottom:16px;text-align:center}
.guide-text .ngram-term{text-align:center;font-size:18px;font-weight:600;color:var(--ink);margin-bottom:20px;padding:12px;background:var(--paper);border:2px solid var(--blue);border-radius:8px;font-family:var(--mono)}
.guide-text .ngram-arrows{text-align:center;font-size:14px;color:var(--faint);margin-bottom:12px}
.guide-text .ngram-tokens{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.guide-text .ngram-token{padding:8px 16px;border-radius:8px;font-size:14px;font-weight:600;font-family:var(--mono)}
.guide-text .ngram-token.ok{background:var(--up-soft);border:2px solid var(--up);color:var(--up)}
.guide-text .ngram-token.bad{background:var(--down-soft);border:2px solid var(--down);color:var(--down)}
.guide-text .ngram-token.neutral{background:var(--blue-50);border:2px solid var(--blue);color:var(--blue-700)}
.guide-text .ngram-label{text-align:center;font-size:13px;color:var(--muted);margin-top:4px}
.guide-text .step-badge{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--blue);color:var(--paper);border-radius:50%;font-size:14px;font-weight:600;margin-right:10px;flex-shrink:0}
.guide-text .flow-text{flex:1;text-align:center}
@media (max-width: 640px){.guide-text .ngram-tokens{flex-direction:column;align-items:center}}
.guide-text:where([data-guide~="amazon-organic-ranking-guide"]) .pyramid-tier:nth-child(1) .pyramid-label{color:var(--blue)}
.guide-text:where([data-guide~="amazon-organic-ranking-guide"]) .pyramid-tier:nth-child(2) .pyramid-label{color:var(--warn)}
.guide-text:where([data-guide~="amazon-organic-ranking-guide"]) .pyramid-tier:nth-child(3) .pyramid-label{color:var(--down)}
.guide-text .trilemma-visual{margin:36px auto;max-width:400px;position:relative;height:340px}
.guide-text .trilemma-node{position:absolute;width:120px;height:120px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-weight:600;font-size:13px;line-height:1.3;z-index:2}
.guide-text .trilemma-node .trilemma-icon{font-size:24px;margin-bottom:4px}
.guide-text .trilemma-node:nth-child(1){top:0;left:50%;transform:translateX(-50%);background:var(--blue-50);border:2px solid var(--blue);color:var(--blue-700)}
.guide-text .trilemma-node:nth-child(2){bottom:0;left:0;background:var(--up-soft);border:2px solid var(--up);color:var(--up)}
.guide-text .trilemma-node:nth-child(3){bottom:0;right:0;background:#fff7ed;border:2px solid var(--warn);color:var(--warn)}
.guide-text .trilemma-lines-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}
.guide-text .trilemma-center{position:absolute;top:50%;left:50%;transform:translate(-50%, -45%);font-size:12px;font-weight:600;color:var(--faint);text-align:center;z-index:2;background:var(--paper);padding:8px 12px;border-radius:8px;border:1px dashed var(--line);line-height:1.4}
.guide-text .flowchart{margin:36px 0;display:flex;flex-direction:column;align-items:center;gap:0}
.guide-text .flow-node.question{background:var(--blue-50);border:2px solid var(--blue);color:var(--blue-700)}
.guide-text .flow-node.answer{background:var(--paper-2);border:1px solid var(--line);color:var(--ink-2);font-weight:500;font-size:13px;max-width:300px}
.guide-text .kw-matrix{margin:36px 0;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.guide-text .kw-matrix-col{border-radius:12px;padding:24px}
.guide-text .kw-matrix-col.good{background:var(--up-soft);border:1px solid var(--up-bg)}
.guide-text .kw-matrix-col.bad{background:var(--down-soft);border:1px solid var(--down-bg)}
.guide-text .kw-matrix-header{display:flex;align-items:center;gap:8px;margin-bottom:16px;font-size:15px;font-weight:600}
.guide-text .kw-matrix-col.good .kw-matrix-header{color:var(--up)}
.guide-text .kw-matrix-col.bad .kw-matrix-header{color:var(--down)}
.guide-text .kw-matrix-header .kw-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px}
.guide-text .kw-matrix-col.good .kw-icon{background:var(--up-bg)}
.guide-text .kw-matrix-col.bad .kw-icon{background:var(--down-bg)}
.guide-text .kw-matrix-item{display:flex;align-items:flex-start;gap:8px;padding:8px 0;font-size:13px;line-height:1.5}
.guide-text .kw-matrix-col.good .kw-matrix-item{color:var(--up)}
.guide-text .kw-matrix-col.bad .kw-matrix-item{color:var(--down)}
.guide-text .kw-matrix-bullet{flex-shrink:0;margin-top:2px;font-size:14px}
.guide-text .launch-timeline{margin:36px 0;position:relative;padding-left:40px}
.guide-text .launch-timeline::before{content:'';position:absolute;left:15px;top:0;bottom:0;width:3px;background:linear-gradient(to bottom, var(--blue), var(--blue-500), var(--up));border-radius:2px}
.guide-text .timeline-step{position:relative;padding:0 0 28px 0}
.guide-text .timeline-step:last-child{padding-bottom:0}
.guide-text:where([data-guide~="amazon-organic-ranking-guide"]) .timeline-dot{position:absolute;left:-40px;top:2px;width:33px;height:33px;border-radius:50%;background:var(--blue);color:var(--paper);font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center;z-index:2;box-shadow:0 0 0 4px var(--paper), 0 0 0 5px var(--line)}
.guide-text[data-guide~="amazon-product-launch-playbook"] .timeline-dot{position:absolute;left:14px;top:4px;width:24px;height:24px;border-radius:50%;background:var(--blue);border:3px solid var(--paper);box-shadow:0 0 0 2px var(--blue);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:var(--paper)}
.guide-text .timeline-step:nth-child(n+7) .timeline-dot{background:var(--blue-500)}
.guide-text .timeline-step:nth-child(n+9) .timeline-dot{background:var(--up)}
.guide-text:where([data-guide~="amazon-organic-ranking-guide"]) .timeline-title{font-size:15px;font-weight:600;color:var(--ink);margin-bottom:4px}
.guide-text[data-guide~="amazon-product-launch-playbook"] .timeline-title{font-size:17px;font-weight:600;color:var(--ink);margin-bottom:6px}
.guide-text:where([data-guide~="amazon-organic-ranking-guide"]) .timeline-desc{font-size:13px;color:var(--muted);line-height:1.5}
.guide-text[data-guide~="amazon-product-launch-playbook"] .timeline-desc{font-size:15px;color:var(--body);line-height:1.6}
.guide-text .cvr-visual{margin:36px 0;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.guide-text .cvr-card{flex:1;min-width:200px;max-width:240px;padding:20px;border-radius:12px;text-align:center}
.guide-text .cvr-card.above{background:var(--up-soft);border:2px solid var(--up)}
.guide-text .cvr-card.equal{background:#fff7ed;border:2px solid var(--warn)}
.guide-text .cvr-card.below{background:var(--down-soft);border:2px solid var(--down)}
.guide-text .cvr-card .cvr-indicator{font-size:32px;margin-bottom:6px}
.guide-text .cvr-card .cvr-label{font-size:14px;font-weight:600;margin-bottom:4px}
.guide-text .cvr-card.above .cvr-label{color:var(--up)}
.guide-text .cvr-card.equal .cvr-label{color:var(--warn)}
.guide-text .cvr-card.below .cvr-label{color:var(--down)}
.guide-text .cvr-card .cvr-desc{font-size:12px;line-height:1.4}
.guide-text .cvr-card.above .cvr-desc{color:var(--up)}
.guide-text .cvr-card.equal .cvr-desc{color:var(--warn)}
.guide-text .cvr-card.below .cvr-desc{color:var(--down)}
@media (max-width: 640px){.guide-text .kw-matrix{grid-template-columns:1fr}}
@media (max-width: 640px){.guide-text .trilemma-visual{height:auto;display:flex;flex-direction:column;align-items:center;gap:12px}}
@media (max-width: 640px){.guide-text .trilemma-node{position:static;transform:none !important}}
@media (max-width: 640px){.guide-text .trilemma-lines-container, .guide-text .trilemma-center{display:none}}
@media (max-width: 640px){.guide-text:where([data-guide~="amazon-organic-ranking-guide"]) .pyramid-tier:nth-child(1){width:60%}}
@media (max-width: 640px){.guide-text:where([data-guide~="amazon-organic-ranking-guide"]) .pyramid-tier:nth-child(2){width:80%}}
@media (max-width: 640px){.guide-text:where([data-guide~="amazon-organic-ranking-guide"]) .pyramid-tier:nth-child(3){width:100%}}
@media (max-width: 640px){.guide-text .cvr-visual{flex-direction:column;align-items:center}}
@media (max-width: 640px){.guide-text .cvr-card{max-width:100%}}
.guide-text .section-card{background:var(--paper);border-radius:12px;border:1px solid var(--line);margin-bottom:16px;overflow:hidden;box-shadow:0 1px 3px rgba(17,24,39,0.06)}
.guide-text .section-card .shdr{display:flex;align-items:center;padding:20px 24px;cursor:pointer;user-select:none;transition:background 0.15s}
.guide-text .section-card .shdr:hover{background:var(--paper-2)}
.guide-text .section-card.expanded .shdr{border-bottom:1px solid var(--line)}
.guide-text .section-card .snum{width:40px;height:40px;background:var(--blue);color:var(--paper);border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem;margin-right:16px;flex-shrink:0;pointer-events:none}
.guide-text .section-card .stitle{flex:1;font-size:1.125rem;font-weight:600;color:var(--ink);pointer-events:none;margin:0}
.guide-text .stog{pointer-events:none;width:32px;height:32px;background:var(--well);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--faint);flex-shrink:0}
.guide-text .stog .il{display:block}
.guide-text .stog .ic{display:none}
.guide-text .section-card.expanded .stog{background:var(--blue);color:var(--paper)}
.guide-text .section-card.expanded .stog .il{display:none}
.guide-text .section-card.expanded .stog .ic{display:block}
.guide-text .section-card .sbody{max-height:0;overflow:hidden;transition:max-height 0.5s ease}
.guide-text .section-card.expanded .sbody{max-height:none}
.guide-text .section-card .scont{padding:24px}
.guide-text .formula-card{background:linear-gradient(135deg, var(--blue-50) 0%, var(--blue-100) 100%);border:1px solid var(--blue-200);border-radius:12px;padding:24px;margin:20px 0;position:relative;overflow:hidden}
.guide-text .formula-card::before{content:'\192';position:absolute;right:16px;top:8px;font-size:64px;font-weight:600;color:rgba(37,99,235,0.06);font-family:var(--font);line-height:1}
.guide-text .formula-card .formula-badge{display:inline-block;background:var(--blue);color:var(--paper);padding:2px 10px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;margin-bottom:12px}
.guide-text .formula-card .formula-content{background:var(--paper);border-radius:8px;padding:16px 20px;font-family:var(--mono);font-size:14px;line-height:1.8;border:1px solid rgba(37,99,235,0.1)}
.guide-text .bid-cards{margin:36px 0;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.guide-text .bid-card{padding:20px;border-radius:12px;position:relative;box-shadow:0 1px 3px rgba(17,24,39,0.06)}
.guide-text .bid-card.high-acos{background:var(--down-soft);border:2px solid var(--down)}
.guide-text .bid-card.no-sales{background:#fff7ed;border:2px solid var(--warn)}
.guide-text .bid-card.low-acos{background:var(--up-soft);border:2px solid var(--up)}
.guide-text .bid-card.low-vis{background:var(--blue-50);border:2px solid var(--blue)}
.guide-text .bid-card-icon{font-size:24px;margin-bottom:8px}
.guide-text .bid-card-title{font-size:14px;font-weight:600;margin-bottom:6px}
.guide-text .bid-card.high-acos .bid-card-title{color:var(--down)}
.guide-text .bid-card.no-sales .bid-card-title{color:var(--warn)}
.guide-text .bid-card.low-acos .bid-card-title{color:var(--up)}
.guide-text .bid-card.low-vis .bid-card-title{color:var(--blue-700)}
.guide-text .bid-card-def{font-size:12px;line-height:1.5;margin-bottom:10px}
.guide-text .bid-card.high-acos .bid-card-def{color:var(--down)}
.guide-text .bid-card.no-sales .bid-card-def{color:var(--warn)}
.guide-text .bid-card.low-acos .bid-card-def{color:var(--up)}
.guide-text .bid-card.low-vis .bid-card-def{color:var(--blue)}
.guide-text .bid-card-formula{font-family:var(--mono);font-size:11px;font-weight:600;padding:8px 10px;border-radius:6px;background:rgba(17,24,39,0.06)}
.guide-text .bid-card.high-acos .bid-card-formula{color:var(--down)}
.guide-text .bid-card.no-sales .bid-card-formula{color:var(--warn)}
.guide-text .bid-card.low-acos .bid-card-formula{color:var(--up)}
.guide-text .bid-card.low-vis .bid-card-formula{color:var(--blue-700)}
.guide-text .compare-col.right{background:var(--up-soft);border:1px solid var(--up-bg)}
.guide-text .compare-col.right .compare-header{color:var(--up)}
.guide-text .compare-col.right .compare-icon{background:var(--up-bg)}
.guide-text .compare-col.right .compare-item{color:var(--up)}
.guide-text .match-type-bar{margin:36px 0;padding:24px;background:var(--paper-2);border:1px solid var(--line);border-radius:12px}
.guide-text .match-type-bar-title{font-size:13px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:0.06em;margin-bottom:16px}
.guide-text:where([data-guide~="amazon-ppc-audit-guide"]) .bar-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.guide-text:where([data-guide~="amazon-ppc-audit-guide"]) .bar-row:last-child{margin-bottom:0}
.guide-text:where([data-guide~="amazon-ppc-audit-guide"]) .bar-label{font-size:13px;font-weight:600;color:var(--ink-2);width:90px;text-align:right;flex-shrink:0}
.guide-text:where([data-guide~="amazon-ppc-audit-guide"]) .bar-track{flex:1;height:28px;background:var(--well);border-radius:6px;overflow:hidden;position:relative}
.guide-text:where([data-guide~="amazon-ppc-audit-guide"]) .bar-fill{height:100%;border-radius:6px;display:flex;align-items:center;justify-content:flex-end;padding-right:10px;font-size:12px;font-weight:600;color:var(--paper);transition:width 0.5s ease}
.guide-text .bar-fill.exact{background:var(--blue);width:50%}
.guide-text .bar-fill.broad{background:var(--blue-500);width:35%;opacity:0.8}
.guide-text .bar-fill.auto{background:var(--faint);width:15%}
.guide-text .bar-percent{font-size:12px;font-weight:600;color:var(--muted);width:50px;flex-shrink:0}
.guide-text .tactic-alloc{margin:36px 0;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.guide-text .tactic-card{flex:1;min-width:180px;max-width:240px;padding:20px;border-radius:12px;text-align:center;box-shadow:0 1px 3px rgba(17,24,39,0.06)}
.guide-text .tactic-card.nonbrand{background:var(--blue-50);border:2px solid var(--blue)}
.guide-text .tactic-card.competitor{background:#fff7ed;border:2px solid var(--warn)}
.guide-text .tactic-card.brand{background:var(--up-soft);border:2px solid var(--up)}
.guide-text .tactic-pct{font-size:32px;font-weight:600;line-height:1;margin-bottom:4px}
.guide-text .tactic-card.nonbrand .tactic-pct{color:var(--blue-700)}
.guide-text .tactic-card.competitor .tactic-pct{color:var(--warn)}
.guide-text .tactic-card.brand .tactic-pct{color:var(--up)}
.guide-text .tactic-name{font-size:14px;font-weight:600;margin-bottom:4px}
.guide-text .tactic-card.nonbrand .tactic-name{color:var(--blue-700)}
.guide-text .tactic-card.competitor .tactic-name{color:var(--warn)}
.guide-text .tactic-card.brand .tactic-name{color:var(--up)}
.guide-text .tactic-desc{font-size:12px;line-height:1.4}
.guide-text .tactic-card.nonbrand .tactic-desc{color:var(--blue)}
.guide-text .tactic-card.competitor .tactic-desc{color:var(--warn)}
.guide-text .tactic-card.brand .tactic-desc{color:var(--up)}
.guide-text .opt-timeline{margin:36px 0;position:relative;padding-left:40px}
.guide-text .opt-timeline::before{content:'';position:absolute;left:15px;top:0;bottom:0;width:3px;background:linear-gradient(to bottom, var(--faint), var(--blue), var(--blue-500), var(--up), var(--violet));border-radius:2px}
.guide-text .opt-step{position:relative;padding:0 0 24px 0}
.guide-text .opt-step:last-child{padding-bottom:0}
.guide-text .opt-dot{position:absolute;left:-40px;top:2px;width:33px;height:33px;border-radius:50%;color:var(--paper);font-size:14px;display:flex;align-items:center;justify-content:center;z-index:2;box-shadow:0 0 0 4px var(--paper), 0 0 0 5px var(--line)}
.guide-text .opt-step:nth-child(1) .opt-dot{background:var(--faint)}
.guide-text .opt-step:nth-child(2) .opt-dot{background:var(--blue)}
.guide-text .opt-step:nth-child(3) .opt-dot{background:var(--blue-500)}
.guide-text .opt-step:nth-child(4) .opt-dot{background:var(--up)}
.guide-text .opt-step:nth-child(5) .opt-dot{background:var(--violet)}
.guide-text .opt-title{font-size:15px;font-weight:600;color:var(--ink);margin-bottom:4px}
.guide-text .opt-desc{font-size:13px;color:var(--muted);line-height:1.5}
.guide-text .flow-node.action-red{background:var(--down-soft);border:1px solid var(--down-bg);color:var(--down);font-weight:500;font-size:13px;max-width:300px}
@media (max-width: 640px){.guide-text .bid-cards{grid-template-columns:1fr}}
@media (max-width: 640px){.guide-text .tactic-alloc{flex-direction:column;align-items:center}}
@media (max-width: 640px){.guide-text .tactic-card{max-width:100%}}
@media (max-width: 640px){.guide-text:where([data-guide~="amazon-ppc-audit-guide"]) .bar-label{width:70px;font-size:12px}}
@media (max-width: 640px){.guide-text .match-type-bar{padding:18px}}
.guide-text .diagram-box{margin:32px 0;padding:32px 28px;background:var(--paper-2);border:1px solid var(--line);border-radius:12px}
.guide-text .diagram-box h4{margin-top:0;text-align:center;color:var(--ink);font-size:16px;margin-bottom:20px}
.guide-text .allocation-bar{display:flex;height:48px;border-radius:8px;overflow:hidden;margin-bottom:12px;font-size:13px;font-weight:600;color:var(--paper)}
.guide-text .allocation-bar > div{display:flex;align-items:center;justify-content:center;padding:0 8px;white-space:nowrap}
.guide-text .allocation-legend{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;font-size:13px;color:var(--body);margin-top:8px}
.guide-text .allocation-legend span{display:flex;align-items:center;gap:6px}
.guide-text .allocation-legend .dot{width:10px;height:10px;border-radius:3px;flex-shrink:0}
.guide-text .meter-scale{margin:24px 0}
.guide-text .meter-track{position:relative;height:32px;background:linear-gradient(90deg, var(--up), var(--up) 25%, var(--warn) 50%, var(--warn) 75%, var(--down));border-radius:8px}
.guide-text .meter-label-row{display:flex;justify-content:space-between;margin-top:4px;font-size:12px;color:var(--muted)}
.guide-text .meter-marker{position:absolute;top:-6px;width:3px;height:44px;background:var(--ink);border-radius:2px}
.guide-text .meter-marker-label{position:absolute;top:-22px;font-size:11px;font-weight:600;color:var(--ink);white-space:nowrap;transform:translateX(-50%)}
.guide-text .flow-steps{display:flex;flex-direction:column;gap:0;align-items:center;margin:24px 0}
.guide-text:where([data-guide~="amazon-ppc-budget-guide"]) .flow-step{background:var(--paper);border:2px solid var(--blue-100);border-radius:10px;padding:16px 24px;max-width:520px;width:100%;text-align:center;font-size:15px;color:var(--ink-2)}
.guide-text[data-guide~="amc-query-library"] .flow-step{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px 16px;border-radius:14px;border:2px solid;min-width:160px}
.guide-text:where([data-guide~="amazon-ppc-budget-guide"]) .flow-step strong{color:var(--blue-700)}
.guide-text .quadrant-cell{padding:20px;font-size:14px;line-height:1.5}
.guide-text .quadrant-cell h5{font-size:13px;font-weight:600;margin-bottom:6px}
.guide-text .q-green{background:var(--up-soft);color:var(--up)}
.guide-text .q-green h5{color:var(--up)}
.guide-text .q-amber{background:#fff7ed;color:var(--warn)}
.guide-text .q-amber h5{color:var(--warn)}
.guide-text .q-red{background:var(--down-soft);color:var(--down)}
.guide-text .q-red h5{color:var(--down)}
.guide-text .q-blue{background:var(--blue-50);color:var(--blue-700)}
.guide-text .q-blue h5{color:var(--blue-700)}
@media (max-width: 768px){.guide-text:where([data-guide~="amazon-ppc-budget-guide"]) .quadrant-grid{grid-template-columns:1fr}}
@media (max-width: 768px){.guide-text .allocation-bar{height:auto;flex-direction:column}}
@media (max-width: 768px){.guide-text .allocation-bar > div{padding:10px}}
.guide-text .myth-card{margin:32px 0;border-radius:12px;overflow:hidden;border:1px solid var(--line);box-shadow:0 2px 8px rgba(17,24,39,0.04)}
.guide-text .myth-card-myth{background:linear-gradient(135deg, var(--down-soft), var(--down-soft));border-bottom:1px solid var(--down-bg);padding:20px 24px;display:flex;align-items:flex-start;gap:14px}
.guide-text .myth-card-myth .myth-icon{width:36px;height:36px;background:var(--down-bg);color:var(--down);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:18px;font-weight:600}
.guide-text .myth-card-myth .myth-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0.1em;color:var(--down);margin-bottom:4px}
.guide-text .myth-card-myth .myth-text{font-size:17px;font-weight:600;color:var(--ink);line-height:1.4}
.guide-text .myth-card-reality{background:linear-gradient(135deg, var(--up-soft), var(--up-soft));padding:20px 24px;display:flex;align-items:flex-start;gap:14px}
.guide-text .myth-card-reality .reality-icon{width:36px;height:36px;background:var(--up-bg);color:var(--up);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:18px;font-weight:600}
.guide-text .myth-card-reality .reality-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0.1em;color:var(--up);margin-bottom:4px}
.guide-text .myth-card-reality .reality-text{font-size:16px;color:var(--ink-2);line-height:1.6}
.guide-text .verdict-box{margin:28px 0;padding:24px 28px;background:linear-gradient(135deg, var(--ink), var(--ink));color:var(--line);border-radius:10px;border-left:4px solid var(--blue-500)}
.guide-text .verdict-box .verdict-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0.1em;color:var(--blue-500);margin-bottom:8px}
.guide-text .verdict-box .verdict-text{font-size:17px;font-weight:600;color:var(--paper);line-height:1.5;margin-bottom:8px}
.guide-text .verdict-box .verdict-detail{font-size:15px;color:var(--faint);line-height:1.6}
@media (max-width: 640px){.guide-text .verdict-box{padding:18px 20px}}
@media (max-width: 640px){.guide-text .myth-card-myth, .guide-text .myth-card-reality{padding:16px 18px}}
.guide-text .report-visual{margin:28px 0;padding:24px;background:var(--paper-2);border:1px solid var(--line);border-radius:10px}
.guide-text .report-visual .report-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:0.08em;color:var(--faint);margin-bottom:16px}
.guide-text .report-header-row{display:grid;grid-template-columns:repeat(auto-fit, minmax(100px, 1fr));gap:8px;margin-bottom:8px}
.guide-text .report-header-row span{font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:0.05em;padding:8px 10px;background:var(--well);border-radius:6px;text-align:center}
.guide-text .report-data-row{display:grid;grid-template-columns:repeat(auto-fit, minmax(100px, 1fr));gap:8px;margin-bottom:4px}
.guide-text .report-data-row span{font-size:13px;font-weight:500;color:var(--ink-2);padding:8px 10px;background:var(--paper);border:1px solid var(--line);border-radius:6px;text-align:center}
.guide-text .report-data-row span.highlight{background:var(--blue-50);border-color:var(--blue-100);color:var(--blue-700);font-weight:600}
.guide-text .report-data-row span.warn{background:#fff7ed;border-color:var(--warn-bg);color:var(--warn)}
.guide-text .report-data-row span.good{background:var(--up-soft);border-color:var(--up-bg);color:var(--up)}
.guide-text .dashboard-mock{margin:28px 0;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.guide-text .dashboard-mock-header{background:var(--ink);color:var(--paper);padding:16px 20px;display:flex;align-items:center;gap:12px}
.guide-text .dashboard-mock-header .dot{width:10px;height:10px;border-radius:50%}
.guide-text .dashboard-mock-header .dot.red{background:var(--down)}
.guide-text .dashboard-mock-header .dot.yellow{background:var(--warn)}
.guide-text .dashboard-mock-header .dot.green{background:var(--up)}
.guide-text .dashboard-mock-body{padding:24px;background:var(--paper-2)}
.guide-text .dashboard-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-bottom:16px}
.guide-text .dashboard-card{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:16px}
.guide-text .dashboard-card .label{font-size:11px;font-weight:600;color:var(--faint);text-transform:uppercase;letter-spacing:0.06em;margin-bottom:4px}
.guide-text .dashboard-card .value{font-size:24px;font-weight:600;color:var(--ink)}
.guide-text .dashboard-card .change{font-size:12px;font-weight:600;margin-top:4px}
.guide-text .dashboard-card .change.up{color:var(--up)}
.guide-text .dashboard-card .change.down{color:var(--down)}
.guide-text .dashboard-chart{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:20px}
.guide-text .dashboard-chart .chart-title{font-size:13px;font-weight:600;color:var(--ink-2);margin-bottom:12px}
.guide-text .chart-bars{display:flex;align-items:flex-end;gap:6px;height:100px}
.guide-text .chart-bars .bar{flex:1;border-radius:4px 4px 0 0;min-width:12px}
.guide-text .chart-bars .bar.blue{background:var(--blue-500)}
.guide-text .chart-bars .bar.light{background:var(--blue-100)}
@media (max-width: 900px){.guide-text .dashboard-grid{grid-template-columns:1fr}}
@media (max-width: 640px){.guide-text .report-header-row, .guide-text .report-data-row{grid-template-columns:repeat(3, 1fr)}}
@media (max-width: 640px){.guide-text .dashboard-grid{grid-template-columns:1fr}}
.guide-text .timeline{position:relative;margin:40px 0;padding:0}
.guide-text .timeline::before{content:'';position:absolute;left:24px;top:0;bottom:0;width:3px;background:linear-gradient(180deg, var(--blue) 0%, var(--blue-500) 50%, var(--up) 100%);border-radius:2px}
.guide-text .timeline-item{position:relative;padding:0 0 36px 64px}
.guide-text .timeline-item:last-child{padding-bottom:0}
.guide-text .timeline-item.phase-2 .timeline-dot{background:var(--blue-500);box-shadow:0 0 0 2px var(--blue-500)}
.guide-text .timeline-item.phase-3 .timeline-dot{background:var(--up);box-shadow:0 0 0 2px var(--up)}
.guide-text .timeline-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0.08em;color:var(--blue);margin-bottom:4px}
.guide-text .timeline-item.phase-2 .timeline-label{color:var(--blue-500)}
.guide-text .timeline-item.phase-3 .timeline-label{color:var(--up)}
@media (max-width: 640px){.guide-text .timeline::before{left:18px}}
@media (max-width: 640px){.guide-text .timeline-item{padding-left:52px}}
@media (max-width: 640px){.guide-text:where([data-guide~="amazon-product-launch-playbook"]) .timeline-dot{left:8px}}
.guide-text .sb-formats{margin:36px 0;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.guide-text .sb-card{flex:1;min-width:200px;max-width:240px;padding:20px;border-radius:12px;text-align:center}
.guide-text .sb-card.primary{background:var(--blue-50);border:2px solid var(--blue)}
.guide-text .sb-card.secondary{background:var(--up-soft);border:2px solid var(--up)}
.guide-text .sb-card.tertiary{background:#fff7ed;border:2px solid var(--warn)}
.guide-text .sb-card .sb-icon{font-size:32px;margin-bottom:6px}
.guide-text .sb-card .sb-label{font-size:14px;font-weight:600;margin-bottom:4px}
.guide-text .sb-card.primary .sb-label{color:var(--blue-700)}
.guide-text .sb-card.secondary .sb-label{color:var(--up)}
.guide-text .sb-card.tertiary .sb-label{color:var(--warn)}
.guide-text .sb-card .sb-desc{font-size:12px;line-height:1.4}
.guide-text .sb-card.primary .sb-desc{color:var(--blue)}
.guide-text .sb-card.secondary .sb-desc{color:var(--up)}
.guide-text .sb-card.tertiary .sb-desc{color:var(--warn)}
.guide-text:where([data-guide~="amazon-sponsored-brands-guide"]) .funnel-title{display:block;font-size:15px;font-weight:600}
.guide-text:where([data-guide~="amazon-sponsored-brands-guide"]) .funnel-label{display:block;font-size:12px;font-weight:400;letter-spacing:0.01em}
.guide-text:where([data-guide~="amazon-sponsored-brands-guide"]) .funnel-tier:nth-child(1) .funnel-label{color:var(--blue)}
.guide-text:where([data-guide~="amazon-sponsored-brands-guide"]) .funnel-tier:nth-child(2) .funnel-label{color:var(--warn)}
.guide-text:where([data-guide~="amazon-sponsored-brands-guide"]) .funnel-tier:nth-child(3) .funnel-label{color:var(--up)}
@media (max-width: 640px){.guide-text .sb-formats{flex-direction:column;align-items:center}}
@media (max-width: 640px){.guide-text .sb-card{max-width:100%}}
@media (max-width: 640px){.guide-text:where([data-guide~="amazon-sponsored-brands-guide"]) .funnel-tier:nth-child(2){width:80%}}
.guide-text .cat-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:600;white-space:nowrap}
.guide-text .cat-badge.revenue{background:var(--blue-50);color:var(--blue)}
.guide-text .cat-badge.ltv{background:var(--blue-50);color:var(--violet)}
.guide-text .cat-badge.spend{background:#fff7ed;color:var(--warn)}
.guide-text .cat-badge.attribution{background:var(--up-soft);color:var(--up)}
.guide-text .paid-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;background:#fff7ed;color:var(--warn);border:1px solid var(--warn-bg);border-radius:6px;font-size:12px;font-weight:600;white-space:nowrap}
.guide-text .free-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;background:var(--up-soft);color:var(--up);border:1px solid var(--up-bg);border-radius:6px;font-size:12px;font-weight:600;white-space:nowrap}
.guide-text .amc-table-tag.paid{background:#fff7ed;color:var(--warn);border-color:var(--warn-bg)}
.guide-text .query-paid-flag{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;background:#fff7ed;color:var(--warn);border:1px solid var(--warn-bg);border-radius:8px;font-size:12px;font-weight:600;margin-left:auto;flex-shrink:0}
.guide-text .query-free-flag{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;background:var(--up-soft);color:var(--up);border:1px solid var(--up-bg);border-radius:8px;font-size:12px;font-weight:600;margin-left:auto;flex-shrink:0}
.guide-text .amc-tables-used{margin:16px 0;display:flex;flex-wrap:wrap;gap:8px}
.guide-text .amc-table-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:var(--up-soft);color:var(--muted);border:1px solid var(--up-soft);border-radius:6px;font-size:13px;font-weight:500;font-family:var(--mono)}
.guide-text .query-header{display:flex;align-items:center;gap:12px;margin:48px 0 12px}
.guide-text .query-num{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;font-size:15px;font-weight:600;flex-shrink:0}
.guide-text .query-num.revenue{background:var(--blue-50);color:var(--blue);border:2px solid var(--blue-100)}
.guide-text .query-num.ltv{background:var(--blue-50);color:var(--violet);border:2px solid var(--violet-bg)}
.guide-text .query-num.spend{background:#fff7ed;color:var(--warn);border:2px solid var(--warn-bg)}
.guide-text .query-num.attribution{background:var(--up-soft);color:var(--up);border:2px solid var(--up-bg)}
.guide-text .query-title{font-size:21px;font-weight:600;color:var(--ink);line-height:1.35}
.guide-text .query-desc{margin-bottom:24px;color:var(--ink-2)}
@media (max-width: 640px){.guide-text .query-header{flex-direction:column;align-items:flex-start;gap:8px}}
.guide-text .sample-output{margin:28px 0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--paper)}
.guide-text .sample-output .sample-container{max-width:100%;padding:24px 28px}
.guide-text .sample-output .sample-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;color:var(--blue);margin-bottom:4px}
.guide-text .sample-output .sample-title{font-size:16px;font-weight:600;color:var(--ink);margin-bottom:4px}
.guide-text .sample-output .sample-desc{font-size:13px;color:var(--muted);margin-bottom:20px}
.guide-text .sample-output .sample-disclaimer{font-size:14px;color:var(--muted);margin-bottom:16px}
.guide-text .sample-output table{font-size:13px}
.guide-text .sample-output td{white-space:nowrap}
.guide-text .sample-output .num{text-align:right;font-variant-numeric:tabular-nums}
.guide-text .sample-output .empty-cell{color:var(--line);font-style:italic}
.guide-text .sample-output .tag{display:inline-block;font-size:11px;font-weight:600;padding:2px 8px;border-radius:4px}
.guide-text .sample-output .tag.ntb{background:var(--blue-100);color:var(--blue-700)}
.guide-text .sample-output .tag.repeat{background:var(--up-bg);color:var(--up)}
.guide-text .sample-output .chart-section{margin-top:8px}
.guide-text .sample-output .chart-title{font-size:13px;font-weight:600;color:var(--ink);margin-bottom:12px}
.guide-text .sample-output .chart-subtitle{font-size:12px;color:var(--muted);margin-bottom:16px}
.guide-text .sample-output .bar-row{display:flex;align-items:center;margin-bottom:8px}
.guide-text .sample-output .bar-label{width:170px;font-size:12px;color:var(--body);flex-shrink:0;text-align:right;padding-right:12px}
.guide-text .sample-output .bar-track{flex:1;height:28px;background:var(--well);border-radius:4px;position:relative;overflow:hidden}
.guide-text .sample-output .bar-fill{height:100%;background:var(--blue);border-radius:4px;display:flex;align-items:center;justify-content:flex-end;padding-right:8px}
.guide-text .sample-output .bar-value{font-size:11px;font-weight:600;color:var(--paper);white-space:nowrap}
.guide-text .sample-output .bar-value-out{font-size:11px;font-weight:600;color:var(--body);margin-left:8px;white-space:nowrap}
.guide-text .sample-output .freq-chart{display:flex;align-items:flex-end;gap:16px;height:200px;padding:0 20px;border-bottom:1px solid var(--line);margin-bottom:8px;position:relative}
.guide-text .sample-output .freq-bar-group{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end;position:relative}
.guide-text .sample-output .freq-bar{width:48px;background:var(--blue);border-radius:4px 4px 0 0;position:relative}
.guide-text .sample-output .freq-bar-label{font-size:11px;font-weight:600;color:var(--ink);margin-bottom:4px}
.guide-text .sample-output .freq-x-label{font-size:11px;color:var(--muted);margin-top:8px}
.guide-text .sample-output .ltv-dot{width:10px;height:10px;background:var(--warn);border-radius:50%;position:absolute;left:50%;transform:translateX(-50%);z-index:2}
.guide-text .sample-output .ltv-value{font-size:10px;color:var(--warn);font-weight:600;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap}
.guide-text .sample-output .heatmap-wrapper{display:flex;gap:0}
.guide-text .sample-output .y-labels{display:flex;flex-direction:column;gap:2px;padding-top:28px;padding-right:8px;font-size:11px;color:var(--muted);text-align:right}
.guide-text .sample-output .y-labels span{height:36px;display:flex;align-items:center;justify-content:flex-end}
.guide-text .sample-output .heatmap-grid{flex:1}
.guide-text .sample-output .x-labels{display:grid;grid-template-columns:repeat(7, 1fr);gap:2px;font-size:11px;color:var(--muted);text-align:center;margin-bottom:4px;height:24px;align-items:end}
.guide-text .sample-output .grid-rows{display:flex;flex-direction:column;gap:2px}
.guide-text .sample-output .grid-row{display:grid;grid-template-columns:repeat(7, 1fr);gap:2px}
.guide-text .sample-output .cell{height:36px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:var(--paper)}
.guide-text .sample-output .cell.empty{background:var(--well)}
.guide-text .sample-output .cell.i0{background:var(--blue-800)}
.guide-text .sample-output .cell.i1{background:var(--blue-700)}
.guide-text .sample-output .cell.i2{background:var(--blue)}
.guide-text .sample-output .cell.i3{background:var(--blue-500)}
.guide-text .sample-output .cell.i4{background:var(--blue-400)}
.guide-text .sample-output .cell.i5{background:var(--blue-300);color:var(--ink)}
.guide-text .sample-output .cell.i6{background:var(--blue-200);color:var(--ink)}
.guide-text .sample-output .cell.i7{background:var(--blue-100);color:var(--body)}
.guide-text .sample-output .cell.i8{background:var(--blue-50);color:var(--muted)}
.guide-text .sample-output .legend{display:flex;align-items:center;gap:8px;margin-top:16px;justify-content:flex-end;font-size:11px;color:var(--muted)}
.guide-text .sample-output .legend-bar{display:flex;gap:1px;border-radius:3px;overflow:hidden}
.guide-text .sample-output .legend-bar span{width:20px;height:10px}
.guide-text .sample-output .sankey-visual{position:relative;height:300px}
.guide-text .sample-output .node{position:absolute;padding:10px 14px;border-radius:8px;font-size:12px;font-weight:600;display:flex;align-items:center;width:170px}
.guide-text .sample-output .node.left{background:var(--blue);color:var(--paper);left:0}
.guide-text .sample-output .node.right{background:var(--blue-100);color:var(--blue-700);right:0;border:1px solid var(--blue-200)}
.guide-text .sample-output .node.n0{top:0}
.guide-text .sample-output .node.n1{top:64px}
.guide-text .sample-output .node.n2{top:128px}
.guide-text .sample-output .node.n3{top:192px}
.guide-text .sample-output .node.n4{top:256px}
.guide-text .sample-output svg.flows{position:absolute;left:170px;right:170px;top:0;width:calc(100% - 340px);height:100%}
.guide-text .sample-output .flow-header{position:absolute;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;color:var(--faint);top:-18px}
.guide-text .sample-output .line-chart{position:relative;height:180px;border-bottom:1px solid var(--line);border-left:1px solid var(--line);margin-left:50px}
.guide-text .sample-output .line-y-labels{position:absolute;left:-50px;top:0;height:100%;display:flex;flex-direction:column;justify-content:space-between;font-size:10px;color:var(--muted);text-align:right;width:45px}
.guide-text .sample-output .line-x-labels{display:flex;justify-content:space-between;margin-left:50px;margin-top:8px;font-size:11px;color:var(--muted);padding:0 10px}
.guide-text .sample-output .grid-line{stroke:var(--well);stroke-width:1}
.guide-text .sample-output .data-line{fill:none;stroke:var(--blue);stroke-width:2.5}
.guide-text .sample-output .data-dot{fill:var(--blue)}
.guide-text .sample-output .data-area{fill:var(--blue-100);opacity:0.4}
.guide-text .sample-output .donut-container{display:flex;align-items:center;gap:40px;justify-content:center}
.guide-text .sample-output .donut-svg{width:180px;height:180px}
.guide-text .sample-output .donut-legend{display:flex;flex-direction:column;gap:12px}
.guide-text .sample-output .donut-legend-item{display:flex;align-items:center;gap:10px}
.guide-text .sample-output .donut-swatch{width:14px;height:14px;border-radius:3px;flex-shrink:0}
.guide-text .sample-output .donut-legend-text{font-size:13px;color:var(--body)}
.guide-text .sample-output .donut-legend-value{font-weight:600;color:var(--ink)}
.guide-text .sample-output .donut-legend-pct{font-size:12px;color:var(--muted);margin-left:4px}
.guide-text .sample-output .stacked-chart{display:flex;align-items:flex-end;gap:10px;height:200px;border-bottom:1px solid var(--line)}
.guide-text .sample-output .stacked-col{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end}
.guide-text .sample-output .stacked-bar{width:44px;display:flex;flex-direction:column}
.guide-text .sample-output .stacked-seg{width:100%}
.guide-text .sample-output .stacked-seg.sp{background:var(--blue)}
.guide-text .sample-output .stacked-seg.sb{background:var(--up)}
.guide-text .sample-output .stacked-seg.sd{background:var(--warn)}
.guide-text .sample-output .stacked-seg.organic{background:var(--blue)}
.guide-text .sample-output .stacked-seg.paid{background:var(--up)}
.guide-text .sample-output .stacked-seg.ntb{background:var(--blue)}
.guide-text .sample-output .stacked-seg.repeat{background:var(--up)}
.guide-text .sample-output .stacked-seg:first-child{border-radius:4px 4px 0 0}
.guide-text .sample-output .stacked-total{font-size:10px;font-weight:600;color:var(--body);margin-bottom:4px}
.guide-text .sample-output .stacked-label{font-size:11px;color:var(--muted);margin-top:8px}
.guide-text .sample-output .grouped-chart{display:flex;align-items:flex-end;gap:16px;height:220px;border-bottom:1px solid var(--line);padding:24px 8px 0}
.guide-text .sample-output .grouped-col{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end}
.guide-text .sample-output .grouped-bars{display:flex;gap:3px;align-items:flex-end}
.guide-text .sample-output .g-bar{width:22px;border-radius:3px 3px 0 0;position:relative}
.guide-text .sample-output .g-bar.organic{background:var(--blue)}
.guide-text .sample-output .g-bar.paid{background:var(--up)}
.guide-text .sample-output .g-bar.sb{background:var(--up)}
.guide-text .sample-output .g-bar.sd{background:var(--warn)}
.guide-text .sample-output .g-bar-val{position:absolute;top:-20px;left:50%;transform:translateX(-50%);font-size:10px;font-weight:600;color:var(--body);white-space:nowrap;z-index:1}
.guide-text .sample-output .grouped-total{font-size:10px;font-weight:600;color:var(--body);margin-bottom:4px;text-align:center}
.guide-text .sample-output .grouped-label{font-size:11px;color:var(--muted);margin-top:8px;text-align:center;line-height:1.3}
.guide-text .sample-output .legend-row{display:flex;gap:20px;margin-top:16px;font-size:12px;color:var(--muted)}
.guide-text .sample-output .legend-item{display:flex;align-items:center;gap:6px}
.guide-text .sample-output .legend-swatch{width:12px;height:12px;border-radius:2px}
.guide-text .sample-output .legend-dot{width:10px;height:10px;border-radius:50%}
.guide-text .sample-output .ideal-section{margin-top:20px}
.guide-text .sample-output .ideal-title{font-size:13px;font-weight:600;color:var(--ink);margin-bottom:12px}
.guide-text .sample-output .ideal-table{border:1px dashed var(--line);border-radius:8px;overflow:hidden}
.guide-text .sample-output .ideal-table table{opacity:0.65}
.guide-text .sample-output .ideal-table thead{background:var(--blue-50)}
.guide-text .sample-output .ideal-badge{display:inline-block;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;background:var(--blue-100);color:var(--blue-700);padding:2px 8px;border-radius:4px;margin-left:8px}
.guide-text .categories-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:20px;margin:28px 0}
.guide-text .category-card{background:var(--paper);border-radius:12px;padding:24px 20px;border:1px solid var(--line);border-left:4px solid;transition:box-shadow 0.2s}
.guide-text .category-card:hover{box-shadow:0 4px 12px rgba(17,24,39,0.08)}
.guide-text .category-card.blue{border-left-color:var(--blue)}
.guide-text .category-card.green{border-left-color:var(--up)}
.guide-text .category-card.amber{border-left-color:var(--warn)}
.guide-text .category-card.purple{border-left-color:var(--violet)}
.guide-text .card-icon{font-size:28px;margin-bottom:12px}
.guide-text .card-title{font-size:15px;font-weight:600;line-height:1.3;margin-bottom:4px}
.guide-text .card-count{font-size:12px;font-weight:600;margin-bottom:16px;letter-spacing:0.02em}
.guide-text .blue .card-count{color:var(--blue)}
.guide-text .green .card-count{color:var(--up)}
.guide-text .amber .card-count{color:var(--warn)}
.guide-text .purple .card-count{color:var(--violet)}
.guide-text .card-queries{list-style:none}
.guide-text .card-queries li{font-size:13px;color:var(--body);padding:5px 0;border-top:1px solid var(--well);line-height:1.4}
.guide-text .card-queries li:first-child{border-top:none}
.guide-text .query-num-card{font-weight:600;color:var(--faint);font-size:11px;margin-right:4px}
.guide-text .flow-container{display:flex;align-items:center;justify-content:center;gap:0;margin:28px 0}
.guide-text .flow-step.tables{background:var(--paper-2);border-color:var(--line)}
.guide-text .flow-step.queries{background:var(--blue-50);border-color:var(--blue)}
.guide-text .flow-step.export{background:#fff7ed;border-color:var(--warn)}
.guide-text .flow-step.analysis{background:var(--up-soft);border-color:var(--up)}
.guide-text .step-icon{font-size:28px;margin-bottom:10px}
.guide-text .step-title{font-size:14px;font-weight:600;margin-bottom:6px}
.guide-text .flow-step.tables .step-title{color:var(--ink)}
.guide-text .flow-step.queries .step-title{color:var(--blue-700)}
.guide-text .flow-step.export .step-title{color:var(--warn)}
.guide-text .flow-step.analysis .step-title{color:var(--up)}
.guide-text .step-detail{font-size:12px;color:var(--muted);line-height:1.5}
.guide-text .step-detail span{display:block}
.guide-text:where([data-guide~="amc-query-library"]) .flow-arrow svg{width:32px;height:32px}
.guide-text .conversion-card .card-header.blue{background:var(--blue-50);color:var(--blue-700);border-bottom:1px solid var(--blue-100)}
.guide-text .conversion-card .card-header.amber{background:#fff7ed;color:var(--warn);border-bottom:1px solid var(--warn-bg)}
.guide-text .conversion-card .example .result{font-family:var(--mono);font-weight:600;color:var(--blue);font-size:15px}
.guide-text .heatmap-container .heatmap-wrapper{display:flex;gap:0}
.guide-text .heatmap-container .y-labels{display:flex;flex-direction:column;gap:2px;padding-top:28px;padding-right:8px;font-size:11px;color:var(--muted);text-align:right}
.guide-text .heatmap-container .y-labels span{height:36px;display:flex;align-items:center;justify-content:flex-end}
.guide-text .heatmap-container .heatmap-grid{flex:1}
.guide-text .heatmap-container .x-labels{display:grid;grid-template-columns:repeat(7, 1fr);gap:2px;font-size:11px;color:var(--muted);text-align:center;margin-bottom:4px;height:24px;align-items:end}
.guide-text .heatmap-container .grid-rows{display:flex;flex-direction:column;gap:2px}
.guide-text .heatmap-container .grid-row{display:grid;grid-template-columns:repeat(7, 1fr);gap:2px}
.guide-text .heatmap-container .cell{height:36px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:var(--paper)}
.guide-text .heatmap-container .cell.empty{background:var(--line)}
.guide-text .heatmap-container .cell.i0{background:var(--blue-800)}
.guide-text .heatmap-container .cell.i1{background:var(--blue-700)}
.guide-text .heatmap-container .cell.i2{background:var(--blue)}
.guide-text .heatmap-container .cell.i3{background:var(--blue-500)}
.guide-text .heatmap-container .cell.i4{background:var(--blue-400)}
.guide-text .heatmap-container .cell.i5{background:var(--blue-300);color:var(--ink)}
.guide-text .heatmap-container .cell.i6{background:var(--blue-200);color:var(--ink)}
.guide-text .heatmap-container .cell.i7{background:var(--blue-100);color:var(--body)}
.guide-text .heatmap-container .cell.i8{background:var(--blue-50);color:var(--muted)}
.guide-text .heatmap-container .legend{display:flex;align-items:center;gap:8px;margin-top:16px;justify-content:flex-end;font-size:11px;color:var(--muted)}
.guide-text .heatmap-container .legend-bar{display:flex;gap:1px;border-radius:3px;overflow:hidden}
.guide-text .heatmap-container .legend-bar span{width:20px;height:10px}
.guide-text .sankey-container .sankey-visual{position:relative;height:280px}
.guide-text .sankey-container .node{position:absolute;padding:12px 16px;border-radius:8px;font-size:13px;font-weight:600;display:flex;align-items:center;width:180px}
.guide-text .sankey-container .node.left{background:var(--blue);color:var(--paper);left:0}
.guide-text .sankey-container .node.right{background:var(--blue-100);color:var(--blue-700);right:0;border:1px solid var(--blue-200)}
.guide-text .sankey-container .node.n0{top:0}
.guide-text .sankey-container .node.n1{top:72px}
.guide-text .sankey-container .node.n2{top:144px}
.guide-text .sankey-container .node.n3{top:216px}
.guide-text .sankey-container svg.flows{position:absolute;left:180px;right:180px;top:0;width:calc(100% - 360px);height:100%}
.guide-text .ntb-chart-container{margin:28px 0;padding:24px;background:var(--paper-2);border:1px solid var(--line);border-radius:12px}
.guide-text .ntb-chart-container .chart-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}
.guide-text .ntb-chart-container .chart-title-vis{font-size:14px;font-weight:600;color:var(--ink)}
.guide-text .ntb-chart-container .chart-subtitle-vis{font-size:12px;color:var(--muted);margin-top:2px}
.guide-text .ntb-chart-container .legend-vis{display:flex;gap:16px}
.guide-text .ntb-chart-container .legend-item-vis{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--body)}
.guide-text .ntb-chart-container .legend-dot-vis{width:10px;height:10px;border-radius:3px}
.guide-text .ntb-chart-container .legend-dot-vis.ntb{background:var(--blue-500)}
.guide-text .ntb-chart-container .legend-dot-vis.repeat{background:var(--up)}
.guide-text .ntb-chart-container .chart-area{position:relative}
.guide-text .ntb-chart-container .y-axis{position:absolute;left:0;top:0;bottom:24px;width:36px;display:flex;flex-direction:column;justify-content:space-between;font-size:10px;color:var(--faint);text-align:right;padding-right:8px}
.guide-text .ntb-chart-container .bars-area{margin-left:40px;display:flex;align-items:flex-end;gap:12px;height:200px;border-bottom:1px solid var(--line);padding-bottom:0;position:relative}
.guide-text .ntb-chart-container .bars-area::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(to bottom, transparent, transparent calc(25% - 1px), var(--well) calc(25% - 1px), var(--well) 25%);pointer-events:none}
.guide-text .ntb-chart-container .bar-group-vis{flex:1;display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}
.guide-text .ntb-chart-container .stacked-bar-vis{width:36px;border-radius:4px 4px 0 0;overflow:hidden;display:flex;flex-direction:column-reverse}
.guide-text .ntb-chart-container .bar-ntb{background:var(--blue-500)}
.guide-text .ntb-chart-container .bar-repeat{background:var(--up)}
.guide-text .ntb-chart-container .bar-label-vis{margin-top:8px;font-size:11px;color:var(--muted)}
@media (max-width: 900px){.guide-text .categories-grid{grid-template-columns:repeat(2, 1fr)}}
@media (max-width: 900px){.guide-text .flow-container{flex-wrap:wrap;gap:12px}}
@media (max-width: 900px){.guide-text:where([data-guide~="amc-query-library"]) .flow-arrow{display:none}}
@media (max-width: 640px){.guide-text .categories-grid{grid-template-columns:1fr}}
@media (max-width: 640px){.guide-text .sample-output .sankey-visual{display:none}}
@media (max-width: 640px){.guide-text .sankey-container .sankey-visual{display:none}}
.guide-text .query-section{margin-bottom:16px;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.guide-text .query-section .query-header{cursor:pointer;padding:16px 24px;display:flex;align-items:center;gap:12px;user-select:none;transition:background 0.2s;margin:0}
.guide-text .query-section .query-header:hover{background:var(--paper-2)}
.guide-text .query-chevron{width:20px;height:20px;margin-left:auto;transition:transform 0.3s;color:var(--faint);flex-shrink:0}
.guide-text .query-section.collapsed .query-chevron{transform:rotate(-90deg)}
.guide-text .query-body{padding:0 24px 24px}
.guide-text .query-section.collapsed .query-body{display:none}
@media (max-width: 640px){.guide-text[data-guide~="amazon-sponsored-brands-guide"] .funnel-tier:nth-child(1){width:60%}}
@media (max-width: 640px){.guide-text[data-guide~="amazon-sponsored-brands-guide"] .funnel-tier:nth-child(3){width:100%}}
@media (max-width: 640px){.guide-text[data-guide~="amazon-organic-ranking-guide"] .pyramid-tier:nth-child(1){width:60%}}
@media (max-width: 640px){.guide-text[data-guide~="amazon-organic-ranking-guide"] .pyramid-tier:nth-child(2){width:80%}}
@media (max-width: 640px){.guide-text[data-guide~="amazon-organic-ranking-guide"] .pyramid-tier:nth-child(3){width:100%}}
@media (max-width: 768px){.guide-text[data-guide~="amazon-ppc-budget-guide"] .quadrant-grid{grid-template-columns:1fr}}
@media (max-width: 640px){.guide-text[data-guide~="amazon-product-launch-playbook"] .timeline-dot{left:8px}}
@media (max-width: 640px){.guide-text[data-guide~="amazon-sponsored-brands-guide"] .funnel-tier:nth-child(2){width:80%}}
@media (max-width: 900px){.guide-text[data-guide~="amc-query-library"] .flow-arrow{display:none}}
/* ==========================================================================
   4. Guide layer: long-form page parts and the core body components.
   Built only from site tokens (var(--...)) and site components.
   ========================================================================== */

/* 4.1 Old guide variable names used in verbatim inline styles, mapped to site tokens */
.guide-text{--blue-600:var(--blue);--blue-400:var(--blue-500);--gray-50:var(--paper-2);--gray-100:var(--well);--gray-200:var(--line);--gray-300:var(--line);--gray-400:var(--muted);--gray-500:var(--muted);--gray-600:var(--body);--gray-700:var(--ink-2);--gray-800:var(--ink);--gray-900:var(--ink);--green-50:var(--up-soft);--green-100:var(--up-bg);--green-600:var(--up);--green-700:var(--up);--emerald-500:var(--up);--amber-50:#fff7ed;--amber-100:var(--warn-bg);--amber-500:var(--warn);--amber-600:var(--warn);--amber-700:var(--warn);--red-50:var(--down-soft);--red-100:var(--down-bg);--red-600:var(--down);--red-700:var(--down);--purple-50:var(--violet-bg);--purple-600:var(--violet);--purple-700:var(--violet)}

/* 4.2 Reading progress (fixed hairline at the top of the viewport) */
.g-progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:40;pointer-events:none}
.g-progress span{display:block;height:100%;background:var(--blue);transform:scaleX(0);transform-origin:0 50%}

/* 4.3 Hero: blog post head (.post-head) with a 1200x630 cover */
.guide-head .post-media{max-width:var(--guide-cover-w,720px)}
.guide-head .post-media img{aspect-ratio:1200/630;border-radius:var(--r-card);object-fit:cover;background:var(--well);width:100%;height:auto;box-shadow:0 0 0 1px var(--line)}
.guide-head .post-lede{font-size:19px;line-height:1.55;color:var(--body)}
.g-mark{width:40px;height:40px;border-radius:50%;background:var(--paper);box-shadow:0 0 0 1px var(--line);display:grid;place-items:center;flex:none}
.g-mark svg{height:20px;width:auto}
.author-box .g-mark{width:64px;height:64px}
.author-box .g-mark svg{height:30px}

/* 4.4 TOC rail additions: numbered parts and the expand-all control */
.toc .g-toc-num{font:500 12px/1 var(--mono);color:var(--faint);margin-right:8px;font-variant-numeric:tabular-nums}
.toc a[aria-current=location] .g-toc-num{color:var(--blue-700)}
.toc .g-toc-tools{margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}
.toc-inline .g-toc-tools{margin:8px 0 0;padding-top:12px}

/* 4.5 Body rhythm: the verbatim old body sits in .prose.guide-text */
.post-content>*,.guide-text,.guide-text :is(.section-card,.sbody,.scont,.query-section,.query-body,.collapsible,.collapsible-body,.collapsible-content,.sample-output,.sample-container,.chart-section){min-width:0;max-width:100%}
.guide-text :is(.table-wrap,.heatmap-chart){max-width:100%}
.guide-text>*+*{margin-top:1.25em}
.guide-text>:first-child{margin-top:0}
.guide-text :is(div,article,section,li,td)[class]>:is(h3,h4,h5,p,ul,ol):first-child{margin-top:0}
.guide-text h4{font-size:18px;letter-spacing:-.01em;line-height:1.4}
.guide-text img{max-width:100%;height:auto}
.guide-text code{overflow-wrap:anywhere}
.guide-text :is(.table-wrap,.heatmap-chart) code{overflow-wrap:normal}
.guide-text em{font-style:italic}
.guide-text hr{border:0;border-top:1px solid var(--line);margin-block:2.5em}

/* 4.6 Section scaffolding: .section-anchor + .section-label + h2 + .section-divider */
/* scroll-margin is added to the site html scroll-padding-top (nav + 16px), so 8px lands headings at nav + 24px, inside the TOC active line (nav + 96px) */
.guide-text .section-anchor{display:block;height:0;scroll-margin-top:8px}
.guide-text .section-label{display:block;font:500 12px/1 var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--blue-700);margin-top:3.4em;padding-top:2.4em;border-top:1px solid var(--line)}
.guide-text>.section-anchor:first-child+.section-label,.guide-text>.section-label:first-child{margin-top:0;padding-top:0;border-top:0}
.guide-text .section-label+h2{margin-top:.55em}
.guide-text .section-divider{display:none}
.guide-text .section-divider+*{margin-top:.75em}
.guide-text h2[id],.guide-text h3[id]{scroll-margin-top:8px}

/* 4.7 Callouts: the site .callout (blog posts) as the base, old variants mapped:
   tip and plain -> site default (blue-50); insight -> neutral note; mistake, redflag, paid-warning -> site .callout-warning */
.guide-text :is(.callout,.callout.tip,.callout-tip){display:block;border-radius:var(--r-card);background:var(--blue-50);box-shadow:inset 0 0 0 1px var(--blue-100);padding:18px 20px;font-size:16px;line-height:1.6;color:var(--ink-2);margin-block:2em}
.guide-text .callout.insight{background:var(--paper-2);box-shadow:inset 0 0 0 1px var(--line)}
.guide-text .callout:is(.mistake,.redflag,.paid-warning){background:#fff7ed;box-shadow:inset 0 0 0 1px var(--warn-bg)}
.guide-text :is(.callout,.callout-tip)>*+*{margin-top:.6em}
.guide-text :is(.callout,.callout-tip) .callout-title{display:flex;align-items:baseline;gap:8px;color:var(--ink);font-weight:600;font-size:16px;line-height:1.45;margin:0}
.guide-text :is(.callout,.callout-tip) .callout-title::before{content:"";flex:none;width:18px;height:18px;align-self:center;background:var(--blue);-webkit-mask:var(--g-ic-bulb) center/contain no-repeat;mask:var(--g-ic-bulb) center/contain no-repeat}
.guide-text .callout.insight .callout-title::before{background:var(--ink-2);-webkit-mask-image:var(--g-ic-info);mask-image:var(--g-ic-info)}
.guide-text .callout:is(.mistake,.redflag,.paid-warning) .callout-title::before{background:var(--warn);-webkit-mask-image:var(--g-ic-alert);mask-image:var(--g-ic-alert)}
.guide-text .callout-header .callout-title::before{display:none}
.guide-text .callout-header{display:flex;align-items:center;gap:8px}
.guide-text .callout-icon{flex:none;font-size:16px;line-height:1}
.guide-text .callout-text{font-size:16px}
.guide-text :is(.callout,.callout-tip) :is(ul,ol){padding-left:1.3em}
.guide-text :is(.callout,.callout-tip) li+li{margin-top:.3em}
.guide-text :is(.callout,.callout-tip) p{margin:0}
.guide-text :is(.callout,.callout-tip) p+p{margin-top:.6em}

/* 4.8 Key insight (key takeaway) and pull quote */
.guide-text .key-insight{border-radius:var(--r-card);background:var(--paper);box-shadow:inset 0 0 0 1px var(--blue-200),var(--shadow-pop);padding:20px 22px;color:var(--ink);font-size:17px;font-weight:500;line-height:1.65;margin-block:2em}
.guide-text .key-insight p{margin:0}
.guide-text .key-insight p+p{margin-top:.7em}
.guide-text .pull-quote{border-left:3px solid var(--blue);padding:2px 0 2px 22px;margin-block:2.2em}
.guide-text .pull-quote p{color:var(--ink);font-size:1.18em;font-weight:500;line-height:1.55;letter-spacing:-.01em;margin:0}
.guide-text .pull-quote p+p{margin-top:.6em}
.guide-text blockquote{border-left:3px solid var(--blue);color:var(--ink);margin-inline:0;padding:2px 0 2px 22px;font-size:1.08em;font-weight:500;line-height:1.6}

/* 4.9 Formula box. One-line formulas: light card. SQL or multi-line code (white-space:pre on the page, or .is-code added by guide.js): the site .post-code block with a copy button */
.guide-text .formula-box{position:relative;border-radius:10px;background:var(--paper-2);box-shadow:inset 0 0 0 1px var(--line);padding:16px 20px;margin-block:2em;color:var(--ink);font:400 15px/1.6 var(--mono);overflow-x:auto}
.guide-text .formula-box .label{display:block;font:500 12px/1 var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;white-space:normal}
.guide-text .formula-box .formula{color:var(--ink);font:500 16px/1.55 var(--mono)}
.guide-text .formula-box code{background:0 0;padding:0;color:var(--blue-800);font-weight:500}
.guide-text .formula-box.is-code{white-space:pre;tab-size:2;font-size:14px;line-height:1.6;padding:0 0 16px;overflow:hidden}
.guide-text .formula-box.is-code>.label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px;padding:10px 10px 10px 16px;border-bottom:1px solid var(--line);white-space:normal}
.guide-text .formula-box.is-code .g-code{display:block;overflow-x:auto;padding:0 18px;white-space:pre}
.guide-text .formula-box .copy-btn{text-transform:none;letter-spacing:0}
.guide-text .formula-box .copy-btn.is-done{color:var(--ink)}
.guide-text .formula-box:not(.is-code)>.copy-btn{position:absolute;top:10px;right:10px}
.guide-text .conversion-card .formula-box{text-align:center;white-space:normal}

/* 4.10 Collapsible sections (old accordions) restyled as site FAQ rows in a card */
.guide-text .collapsible{border-radius:var(--r-card);background:var(--paper);box-shadow:inset 0 0 0 1px var(--line);margin-block:1.6em}
.guide-text .collapsible+.collapsible{margin-top:12px}
.guide-text .collapsible .collapsible{margin-block:12px;box-shadow:inset 0 0 0 1px var(--line-soft);background:var(--paper-2)}
.guide-text .collapsible-trigger,.guide-text .collapsible-header{all:unset;box-sizing:border-box;width:100%;display:flex;align-items:center;gap:12px;padding:16px 20px;cursor:pointer;color:var(--ink);font:600 17px/1.4 var(--font);letter-spacing:-.012em;text-align:left;border-radius:var(--r-card);overflow-wrap:anywhere;min-width:0}
/* .collapsible-header (amc-reference "All N Columns") is a static label in the source: no handler, content always shown */
.guide-text .collapsible-header{cursor:default}
.guide-text .collapsible-trigger:hover{color:var(--blue-700)}
.guide-text .collapsible-trigger:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.guide-text .collapsible-trigger .info-icon{flex:none;width:18px;height:18px;stroke:var(--blue)}
.guide-text .collapsible-trigger .chevron{margin-left:auto;flex:none;display:grid;place-items:center;width:24px;height:24px;color:var(--blue);transition:transform .2s}
.guide-text .collapsible-trigger>svg:last-child{margin-left:auto;flex:none;width:18px;height:18px;color:var(--blue);transition:transform .2s}
.guide-text .collapsible-trigger .chevron svg{width:18px;height:18px}
/* one chevron in every trigger, as the site FAQ rows: down while closed, up while open. The old minus line (.icon-line, .chevron-line;
   in svg.chevron a lone vertical bar) is never shown. Up-drawn glyphs (span.chevron > svg) turn down while closed; the down-drawn
   svg.chevron (query library, reference) turns up while open. */
.guide-text .collapsible-trigger :is(.icon-line,.chevron-line){display:none}
.guide-text .collapsible-trigger :is(.icon-chevron,.chevron-arrow){display:block}
.guide-text .collapsible-trigger .chevron>svg{transition:transform .2s}
.guide-text .collapsible:not(.open)>.collapsible-trigger .chevron>svg:is(.icon-chevron,.chevron-arrow){transform:rotate(180deg)}
.guide-text .collapsible.open>.collapsible-trigger>svg:last-child{transform:rotate(180deg)}
.guide-text .collapsible-trigger .chevron :is(line,polyline){stroke:currentColor}
.guide-text .collapsible-body{display:none}
.guide-text .collapsible.open>.collapsible-body{display:block}
.guide-text .collapsible-content{padding:0 20px 20px;font-size:16.5px;line-height:1.7}
.guide-text .collapsible-content>*+*{margin-top:1em}
.guide-text .part-num{display:inline-grid;place-items:center;min-width:32px;height:32px;padding:0 8px;border-radius:50%;background:var(--blue-50);box-shadow:inset 0 0 0 1px var(--blue-100);color:var(--blue-700);font:600 14px/1 var(--font);font-variant-numeric:tabular-nums;flex:none}

/* Expand all / collapse all (inline button in old bodies; site .copy-btn look) */
.guide-text .expand-collapse-all{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 14px;border:0;border-radius:var(--r-pill);background:var(--paper);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink-2);font:500 14px/1 var(--font);cursor:pointer;transition:background-color .15s,color .15s}
.guide-text .expand-collapse-all:hover{background:var(--well);color:var(--ink)}
.guide-text .expand-collapse-all .btn-icon{display:grid;place-items:center;width:16px;height:16px;color:var(--blue)}
.guide-text .expand-collapse-all .btn-icon svg{width:16px;height:16px}
.guide-text .expand-collapse-all .icon-expand{display:none}
.guide-text .expand-collapse-all .icon-collapse{display:block;transform:rotate(180deg);transition:transform .2s}
.guide-text .expand-collapse-all.is-expanded .icon-collapse{transform:none}
/* the rail's [data-fold-all] does the same job wherever the rail shows, so the body pill only shows below 1024px */
@media (min-width:1024px){.guide-text .expand-collapse-all{display:none}}

/* 4.11 Tables: site .post-table look on the old .table-wrap and .heatmap-chart */
.guide-text :is(.table-wrap,.heatmap-chart){box-shadow:inset 0 0 0 1px var(--line);border-radius:10px;overflow-x:auto;margin-block:2em;background:var(--paper)}
/* scroll cue: guide.js sets .g-scroll-r / .g-scroll-l while more columns sit past that edge; the edge fades. A background-attachment:local shadow would paint under the filled cells (th, heat cells), so the cue is a mask on the whole box */
.guide-text :is(.table-wrap,.heatmap-chart).g-scroll-r{-webkit-mask-image:linear-gradient(to left,#0003,#000 48px);mask-image:linear-gradient(to left,#0003,#000 48px)}
.guide-text :is(.table-wrap,.heatmap-chart).g-scroll-l{-webkit-mask-image:linear-gradient(to right,#0003,#000 48px);mask-image:linear-gradient(to right,#0003,#000 48px)}
.guide-text :is(.table-wrap,.heatmap-chart).g-scroll-l.g-scroll-r{-webkit-mask-image:linear-gradient(to right,#0003,#000 48px,#000 calc(100% - 48px),#0003);mask-image:linear-gradient(to right,#0003,#000 48px,#000 calc(100% - 48px),#0003)}
.guide-text :is(.table-wrap,.heatmap-chart) :is(th,tbody td:first-child){white-space:nowrap}
/* a long first column (guide.js 9 marks the table .g-wrap-first when a first cell runs past 20 characters) wraps with a 9em floor,
   so it no longer squeezes the other columns to one word per line; short labels, dates and ids stay on one line */
.guide-text :is(.table-wrap,.heatmap-chart) table.g-wrap-first tbody td:first-child{white-space:normal;min-width:9em}
.guide-text :is(.table-wrap,.heatmap-chart) table{border-collapse:collapse;width:100%;font-size:15px;line-height:1.5}
.guide-text :is(.table-wrap,.heatmap-chart):has(tr>:nth-child(4)) table{min-width:640px}
/* phones: 3-column tables scroll as a unit (with the edge cue) instead of collapsing into tall one-word rows */
@media (max-width:640px){.guide-text :is(.table-wrap,.heatmap-chart):has(tr>:nth-child(3)):not(:has(tr>:nth-child(4))) table{min-width:560px}}
.guide-text :is(.table-wrap,.heatmap-chart) :is(th,td){border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:12px 14px}
.guide-text :is(.table-wrap,.heatmap-chart) th{background:var(--paper-2);color:var(--ink);font-weight:600}
.guide-text :is(.table-wrap,.heatmap-chart) tbody tr:last-child td{border-bottom:0}
.guide-text :is(.table-wrap,.heatmap-chart) tbody td:first-child{color:var(--ink);font-weight:500}
.guide-text :is(.table-wrap,.heatmap-chart) :is(th,td).num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.guide-text :is(.table-wrap,.heatmap-chart) td.mono,.guide-text td.mono{font:400 14px/1.5 var(--mono)}
.guide-text :is(.table-wrap,.heatmap-chart) td code{white-space:nowrap}
.guide-text tr.highlight-row td{background:var(--blue-50)}
.guide-text tr.good-row td{background:var(--up-soft)}
.guide-text tr.neutral-row td{background:var(--paper-2)}
.guide-text td:is(.heat-0,.heat-1,.heat-2,.heat-3,.heat-4,.heat-5){font-variant-numeric:tabular-nums;font-weight:500;color:var(--ink)}
/* heat cells: diverging data scale (down -> warn -> up tokens), as the body text describes a red / yellow / green heat map. The two ends are solid with white text */
.guide-text td.heat-0{background:var(--down);color:#fff}
.guide-text td.heat-1{background:var(--down-bg)}
.guide-text td.heat-2{background:var(--warn-bg)}
.guide-text td.heat-3{background:var(--up-soft)}
.guide-text td.heat-4{background:var(--up-bg)}
.guide-text td.heat-5{background:var(--up);color:#fff}

/* 4.12 Figures and video */
.guide-text figure{margin-block:2em}
.guide-text figure img{border-radius:10px}
.guide-text figcaption{color:var(--muted);font-size:13px;line-height:1.45}
.guide-text .video-embed{position:relative;aspect-ratio:16/9;border-radius:10px;overflow:hidden;background:var(--well);box-shadow:0 0 0 1px var(--line);margin-block:1em 2em}
.guide-text .video-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.guide-text .video-embed:has(.video-embed-caption){aspect-ratio:auto;padding-bottom:0;overflow:visible;background:none;box-shadow:none}
.guide-text .video-embed:has(.video-embed-caption) iframe{position:static;aspect-ratio:16/9;height:auto;border-radius:10px;box-shadow:0 0 0 1px var(--line);background:var(--well)}
.guide-text .video-embed-label{display:flex;align-items:center;gap:8px;font:500 12px/1 var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--blue-700);margin-top:2em}
.guide-text .video-embed-label svg{width:14px;height:14px}
.guide-text .video-embed-caption{color:var(--muted);font-size:13px;line-height:1.45;margin-top:10px}

/* 4.13 In-guide AdLabs CTA card (.adlabs-cta-card): site guide card language, copy left, product shot right */
.guide-text .adlabs-cta-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);align-items:center;gap:8px;border-radius:var(--r-card);background:var(--paper);box-shadow:inset 0 0 0 1px var(--line);padding:12px;margin-block:2.4em;transition:box-shadow .2s}
.guide-text .adlabs-cta-card:hover{box-shadow:inset 0 0 0 1px var(--blue-200),var(--shadow-pop)}
.guide-text .cta-card-content{display:grid;justify-items:start;gap:10px;padding:14px 12px 14px 14px}
.guide-text .cta-card-badge{display:inline-flex;align-items:center;height:24px;padding:0 9px;border-radius:6px;background:#e8f4fd;color:#0369a1;font:500 12px/1 var(--font);letter-spacing:0;text-transform:none;white-space:nowrap}
.guide-text .cta-card-title{margin:0;color:var(--ink);font-size:19px;font-weight:600;line-height:1.3;letter-spacing:-.016em}
.guide-text .cta-card-desc{margin:0;color:var(--body);font-size:15px;line-height:1.55}
.guide-text a.cta-card-btn{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 16px;margin-top:4px;border-radius:var(--r-pill);background:var(--blue);color:#fff;font:600 14px/1 var(--font);text-decoration:none;box-shadow:inset 0 1px #ffffff2e,0 8px 18px -8px #2563eb99;transition:background-color .15s}
.guide-text a.cta-card-btn:hover{background:var(--blue-700);color:#fff}
.guide-text :is(.cta-card-image,.cta-card-img){align-self:center;display:grid;place-items:center;border-radius:10px;background:var(--paper-2);box-shadow:inset 0 0 0 1px var(--line);overflow:hidden;padding:10px}
.guide-text :is(.cta-card-image,.cta-card-img) img{width:100%;height:auto;border-radius:8px;box-shadow:0 0 0 1px var(--line),var(--shadow-pop)}

/* 4.14 Inline links, interlinks and the check list */
.guide-text a.interlink{color:var(--blue-700);font-weight:500;text-decoration:underline;text-decoration-color:var(--blue-200);text-underline-offset:3px;text-decoration-thickness:1.5px;border:0}
.guide-text a.interlink:hover{text-decoration-color:currentColor}
.prose a:is(.btn,.cta-card-btn,.guide-card,.link){text-decoration:none}
.prose a.btn-primary{color:#fff}
.prose a.btn-ghost{color:var(--ink-2)}
.prose a.link{color:var(--blue)}
.guide-text .styled-list{list-style:none;padding-left:0}
.guide-text .styled-list li{position:relative;padding-left:30px}
.guide-text .styled-list li::marker{content:""}
.guide-text .styled-list.check li::before{content:"";position:absolute;left:0;top:.42em;width:20px;height:20px;border-radius:50%;background:var(--blue-50) var(--g-ic-check-blue) center/12px no-repeat;box-shadow:inset 0 0 0 1px var(--blue-100)}

/* Icons as masks (Lucide paths, the site's icon set). Black is only an alpha mask; the visible color is the token background. */
:root{--g-ic-bulb:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5'/%3E%3Cpath d='M9 18h6'/%3E%3Cpath d='M10 22h4'/%3E%3C/svg%3E");--g-ic-info:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4'/%3E%3Cpath d='M12 8h.01'/%3E%3C/svg%3E");--g-ic-alert:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3'/%3E%3Cpath d='M12 9v4'/%3E%3Cpath d='M12 17h.01'/%3E%3C/svg%3E");--g-ic-check-blue:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232563EB' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E")}

/* 4.15 Guide-only page sections */
.guide-related .guide-card .guide-cover img{aspect-ratio:1200/630}
.guide-cta .label{color:var(--muted)}

/* 4.16 Responsive */
/* the CTA card stacks (product shot full width) whenever the text column is under 680px: phones, and 1024-1180 where the TOC rail narrows it */
.guide-text{container-type:inline-size}
@container (max-width:679px){
  .guide-text .adlabs-cta-card{grid-template-columns:minmax(0,1fr)}
  .guide-text .cta-card-content{padding:10px 8px 6px}
}
@media (max-width:760px){
  .guide-text .adlabs-cta-card{grid-template-columns:minmax(0,1fr)}
  .guide-text .cta-card-content{padding:10px 8px 6px}
  .guide-text .collapsible-trigger{padding:14px 16px;font-size:16px}
  .guide-text .collapsible-content{padding:0 16px 16px}
  .guide-text .formula-box.is-code .g-code{padding:0 16px}
}
@media (max-width:639px){
  .guide-text .key-insight{font-size:16px;padding:18px}
  .guide-text .pull-quote p{font-size:1.1em}
}

/* 4.17 Print: show everything, hide chrome */
@media print{
  .announce,.nav,.toc,.g-progress,.foot,.guide-cta,.guide-related,.copy-btn,.expand-collapse-all{display:none!important}
  .guide-text .collapsible-body,.guide-text .query-body{display:block!important;max-height:none!important}
  .post-layout{display:block}
}

/* 4.18 Re-skins where the converted old palette is too loud for the site (decorative colour, not data meaning) */
.guide-text div[class]>p+p,.guide-text div[class]>p+:is(ul,ol),.guide-text div[class]>:is(ul,ol)+p,.guide-text div[class]>p+div[class],.guide-text div[class]>div[class]+p{margin-top:.85em}
.guide-text .bid-bars{border-radius:var(--r-card);background:var(--paper);box-shadow:inset 0 0 0 1px var(--line);padding:18px 20px;display:grid;gap:10px;margin-block:2em}
.guide-text .bid-bar-row{display:grid;grid-template-columns:92px minmax(0,1fr) 52px;align-items:center;gap:12px;margin:0}
.guide-text .bid-bar-label{color:var(--ink-2);font-size:13px;font-weight:500;font-variant-numeric:tabular-nums;width:auto;text-align:left;white-space:nowrap}
/* the fill label may run past a short fill onto the track (Base (lowered) at 390), so neither clips */
.guide-text .bid-bar-track{position:relative;height:28px;border-radius:var(--r-ui);background:var(--well);overflow:visible}
.guide-text .bid-bar-fill{height:100%;border-radius:var(--r-ui);display:flex;align-items:center;padding:0 10px;font-size:12px;font-weight:500;white-space:nowrap;overflow:visible;background:var(--blue-200);color:var(--ink)}
.guide-text .bid-bar-fill.increase{background:var(--blue);color:#fff}
.guide-text .bid-bar-fill.decrease{background:var(--blue-100);color:var(--ink-2)}
.guide-text .bid-bar-fill.base{background:var(--blue-200);color:var(--ink)}
.guide-text .bid-bar-value{text-align:right;color:var(--ink);font-size:14px;font-weight:600;font-variant-numeric:tabular-nums;width:auto}
.guide-text .wrong-way-card{border-radius:var(--r-card);background:var(--paper);box-shadow:inset 0 0 0 1px var(--line);border:0;overflow:hidden;margin-block:2em}
.guide-text .wrong-way-header{display:flex;align-items:center;gap:12px;padding:18px 22px;background:var(--paper-2);border-bottom:1px solid var(--line)}
.guide-text .wrong-way-number{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;background:var(--blue-50);box-shadow:inset 0 0 0 1px var(--blue-100);color:var(--blue-700);font:600 15px/1 var(--font)}
.guide-text .wrong-way-title{color:var(--ink);font-size:19px;font-weight:600;letter-spacing:-.016em}
.guide-text .wrong-way-body{padding:20px 22px;font-size:17px}
.guide-text .stacking-visual{display:grid;justify-items:center;gap:6px;margin-block:2em}
.guide-text .stack-layer{width:min(100%,420px);text-align:center;border-radius:var(--r-ui);padding:10px 14px;font-size:14px;font-weight:500;background:var(--paper);color:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line);border:0}
.guide-text .stack-layer:is(.daypart,.placement){background:var(--blue-50);box-shadow:inset 0 0 0 1px var(--blue-200);color:var(--blue-800)}
.guide-text .stack-layer.effective{background:var(--blue);color:#fff;font-weight:600;box-shadow:none}
.guide-text .stacking-visual .stack-layer{border-radius:var(--r-ui)}
.guide-text .stack-connector{color:var(--muted);font:500 14px/1 var(--mono)}
.guide-text .g-emoji-hidden{display:none}
/* Sample-only appendix labels */
.g-kit-appendix .g-kit-from{margin-top:3.2em;padding-top:1.4em;border-top:1px dashed var(--line);color:var(--blue-700)}
.g-kit-appendix .g-kit-from+.guide-text{margin-top:1em}
/* Old near-black fills: the site keeps dark surfaces for product UI only. Emphasis cards use the blue accent or the takeaway card instead. */
.guide-text :is(.flow-node.start,.step-node.start){background:var(--blue);color:#fff;border-color:var(--blue)}
.guide-text .algo-box.result{background:var(--blue);border-color:var(--blue)}
.guide-text .algo-box.result :is(.algo-label,.algo-desc){color:var(--blue-100)}
.guide-text .algo-box.result .algo-title{color:#fff}
.guide-text .verdict-box{background:var(--paper);box-shadow:inset 0 0 0 1px var(--blue-200),var(--shadow-pop);border:0;border-radius:var(--r-card);color:var(--ink-2)}
.guide-text .verdict-box .verdict-label{font:500 12px/1 var(--mono);letter-spacing:.04em;color:var(--blue-700)}
.guide-text .verdict-box .verdict-text{color:var(--ink)}
.guide-text .verdict-box .verdict-detail{color:var(--body)}
.guide-text .dashboard-mock-header{background:var(--paper-2);color:var(--ink);border-bottom:1px solid var(--line)}
.guide-text .stack-layer.effective{border-color:var(--blue)}

.guide-text .expand-collapse-all .btn-label{white-space:nowrap}

/* 4.19 Kit fixes from the 15-guide build (2026-10-13, gr-kit-fix; ids are the builders' KIT-ISSUES) */
/* emoji hidden at render time (guide.js 8); an icon-only box left empty is hidden as a whole, so no blank tile remains */
.g-emoji-hidden,.guide-text .g-emoji-hidden,.guide-text .g-emoji-only{display:none!important}
/* amc K2b: the sample-output "ideal" table scrolls instead of clipping columns (and gets the edge cue, guide.js 9) */
.guide-text .sample-output .ideal-table{overflow-x:auto;-webkit-overflow-scrolling:touch}
.guide-text .ideal-table table{border-collapse:collapse;width:100%;font-size:14px}
.guide-text .ideal-table :is(th,td){padding:8px 12px;text-align:left;white-space:nowrap;border-bottom:1px solid var(--line-soft)}
.guide-text .ideal-table.g-scroll-r{-webkit-mask-image:linear-gradient(to left,#0003,#000 48px);mask-image:linear-gradient(to left,#0003,#000 48px)}
.guide-text .ideal-table.g-scroll-l{-webkit-mask-image:linear-gradient(to right,#0003,#000 48px);mask-image:linear-gradient(to right,#0003,#000 48px)}
.guide-text .ideal-table.g-scroll-l.g-scroll-r{-webkit-mask-image:linear-gradient(to right,#0003,#000 48px,#000 calc(100% - 48px),#0003);mask-image:linear-gradient(to right,#0003,#000 48px,#000 calc(100% - 48px),#0003)}
/* amc K3: long identifiers in titles break instead of pushing the page wide; a trigger's muted count ("(392 columns)") stays on one line */
.guide-text .collapsible-trigger>span[style]{flex:none;white-space:nowrap}
.guide-text :is(.query-title,.query-header h3){overflow-wrap:anywhere;min-width:0}
.guide-text :is(h2,h3,h4){overflow-wrap:break-word}
/* bids K4 follow-on: compare-card items were [icon][label][text] flex rows; with the icon hidden they read as one sentence */
.guide-text .compare-card-item{display:block}
/* budget 2: Sponsored Brands video funnel, tier 2 kept the generic 4px connector height */
.guide-text[data-guide~="amazon-sponsored-brands-guide"] .funnel-tier:nth-child(2){height:auto}
/* budget 3: n-gram decision tree nodes are text blocks (only the Part 3 step nodes with a badge are flex rows) */
.guide-text[data-guide~="amazon-ngram-analysis-guide"] .flow-node:not(:has(.step-badge)){display:block;text-align:center}
/* budget 6: the step badge on the blue start node */
.guide-text .flow-node.start .step-badge{background:var(--paper);color:var(--blue-700)}
/* audit K4b: section-card header, title clear of the toggle; audit toggle shows one chevron (down closed, up open) */
.guide-text .section-card .shdr{gap:12px}
.guide-text .section-card .snum{margin-right:4px}
.guide-text .stog .il{display:none}
.guide-text .stog .ic{display:block;transform:rotate(180deg);transition:transform .2s}
.guide-text .section-card.expanded .stog .ic{transform:none}
/* new (gr-kit-fix): a bar value wider than its fill (guide.js 9 marks the fill .g-out) sits just past the fill in ink, not clipped */
.guide-text .bar-track:has(.g-out){overflow:visible}
.guide-text .bar-fill.g-out{position:relative;overflow:visible}
.guide-text .bar-fill.g-out>.bar-value{position:absolute;left:calc(100% + 6px);color:var(--ink-2)}
/* new (gr-kit-fix): reporting dashboard legend, its colour keys were emoji (now hidden); CSS swatches in the bar colours replace them */
.guide-text .dashboard-chart .chart-bars+div>span::before{content:"";display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:6px;vertical-align:-1px;background:var(--blue-500)}
.guide-text .dashboard-chart .chart-bars+div>span+span::before{background:var(--blue-100);box-shadow:inset 0 0 0 1px var(--blue-200)}
@media (max-width:640px){
  /* new (gr-kit-fix): query-library sample charts, the 170px label column left an 80px track at 390; the label goes above the bar */
  .guide-text .sample-output .bar-row{flex-wrap:wrap;row-gap:4px}
  .guide-text .sample-output .bar-label{width:100%;text-align:left;padding-right:0}
  /* audit K5: launch-timeline dots stay in the gutter (the converted mobile rule was written for .timeline-item) */
  .guide-text .launch-timeline .timeline-dot{left:-40px}
  /* audit K3: match-type bars, label on one line; the % column already shows the value, so the fill label is dropped */
  .guide-text .match-type-bar .bar-label{width:92px;white-space:nowrap}
  .guide-text .match-type-bar .bar-fill{font-size:0;padding:0}
  /* audit K4: more table width inside audit section cards */
  .guide-text .section-card .scont{padding:20px 16px}
  .guide-text .section-card .shdr{padding:16px}
  /* bids K3: report mock rows keep their 4 columns on phones */
  .guide-text :is(.report-header-row,.report-data-row){grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:4px}
  .guide-text :is(.report-header-row,.report-data-row) span{padding:6px 4px;overflow-wrap:anywhere;min-width:0}
  .guide-text .report-data-row span{font-size:12px}
  /* loop 2 P3-8: header labels 11px (was 10px) and break only between words, never mid-word ("COMPETIT OR"); on phones they drop the
     uppercase and tracking so the longest label ("Competitor", 80px in caps in a 64px cell at 390) fits whole */
  .guide-text .report-header-row span{font-size:11px;letter-spacing:0;text-transform:none;padding:6px 2px;overflow-wrap:normal;word-break:normal}
}

/* 4.20 Loop 2 fixes from the visual verifier (2026-10-13, gr-kit-fix loop 2; ids are VERDICT.md's) */
/* P1-1: on wide screens a data table fits the 720px measure: cells wrap, tighter padding, 13px; code ids stay whole.
   Tables that still overflow keep the edge fade and also show a thin real scrollbar (macOS hides overlay scrollbars) */
@media (min-width:1200px){
  /* selectors carry the specificity of the 4.11 rules they undo (the :has() min-width and the th / first-cell nowrap) */
  .guide-text :is(.table-wrap,.heatmap-chart):has(tr>:nth-child(4)) table{min-width:0;width:100%}
  .guide-text :is(.table-wrap,.heatmap-chart) :is(th,td,tbody td:first-child){white-space:normal;padding-inline:8px;font-size:13px}
  .guide-text :is(.table-wrap,.heatmap-chart) td code{white-space:nowrap}
}
.guide-text :is(.table-wrap,.heatmap-chart,.ideal-table)::-webkit-scrollbar{height:8px}
/* a --line thumb (the verifier's first idea) measured #e5e7eb on white, too faint to read as a scrollbar; --faint on a --paper-2 track does */
.guide-text :is(.table-wrap,.heatmap-chart,.ideal-table)::-webkit-scrollbar-track{background:var(--paper-2);border-radius:0 0 10px 10px}
.guide-text :is(.table-wrap,.heatmap-chart,.ideal-table)::-webkit-scrollbar-thumb{background:var(--faint);border-radius:4px;border:2px solid var(--paper-2)}
.guide-text :is(.table-wrap,.heatmap-chart,.ideal-table):hover::-webkit-scrollbar-thumb{background:var(--muted)}
@supports not selector(::-webkit-scrollbar){.guide-text :is(.table-wrap,.heatmap-chart,.ideal-table){scrollbar-width:thin;scrollbar-color:var(--faint) var(--paper-2)}}
/* P2-3 follow-on: query-library data flow. Its own .flow-arrow variant outranks its own 900px hide rule (convert.py scoping), so the
   SVG arrows show at every width. In one row the four steps did not fit the 720px measure (the end boxes clipped), so the row is
   compact from 1200px, and below that the steps stack full width with the same SVG arrow turned to point down */
.guide-text[data-guide~="amc-query-library"] .flow-container .flow-arrow{padding:0 4px}
.guide-text[data-guide~="amc-query-library"] .flow-container .flow-arrow svg{width:24px;height:24px}
.guide-text[data-guide~="amc-query-library"] .flow-container .flow-step{min-width:0;padding:18px 12px}
@media (max-width:1199px){
  .guide-text[data-guide~="amc-query-library"] .flow-container{flex-direction:column;align-items:stretch;flex-wrap:nowrap;gap:0}
  .guide-text[data-guide~="amc-query-library"] .flow-container .flow-arrow{display:flex;justify-content:center;padding:6px 0}
  .guide-text[data-guide~="amc-query-library"] .flow-container .flow-arrow svg{transform:rotate(90deg)}
}
/* new (loop 2, found by the 1024 check): query-library category cards, four columns did not fit the 565px measure at 1024
   (the fourth card stood 33px out of the column); two columns from 641 to 1199px, as the source does below 900px (one column on phones stays) */
@media (min-width:641px) and (max-width:1199px){.guide-text .categories-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* P3-1: the faint source "ƒ" watermark on audit formula cards read as a stray glyph */
.guide-text .formula-card::before{content:none}
/* P3-2: a section-card badge that holds a symbol, not a number (audit's verbatim "✦"; guide.js 8 marks it) reads as an icon */
.guide-text .section-card .snum.g-snum-icon{background:var(--blue-50);color:var(--blue-700);box-shadow:inset 0 0 0 1px var(--blue-100)}
/* P3-4: query-library chevron follows every other fold: down when closed, up when open */
.guide-text .query-section .query-chevron{transform:rotate(180deg)}
.guide-text .query-section.collapsed .query-chevron{transform:none}
/* P3-8: 10px source labels raised to the 11-12px floor used elsewhere */
.guide-text .sample-output :is(.ideal-badge,.flow-header){font-size:11px}
.guide-text .sample-output .stacked-total{font-size:12px}
@media (max-width:640px){
  /* P3-5: the source hides the Sankey chart on phones; its title, subtitle and legend go with it */
  .guide-text .chart-section:has(.sankey-visual){display:none}
  /* P3-6: query header reads left to right (badge, title, paid flag) with the chevron top right, not a centred stack */
  .guide-text .query-section .query-header{position:relative;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start;text-align:left;gap:8px 10px;padding:14px 48px 14px 16px}
  .guide-text .query-section .query-header .query-title{flex:1 1 calc(100% - 64px)}
  .guide-text .query-section .query-chevron{position:absolute;top:16px;right:16px;margin:0}
  /* the paid / free flag (pushed right by a source margin-left:auto) sits under the title, aligned with it (badge 36px + gap 10px) */
  .guide-text .query-section .query-header :is(.query-paid-flag,.query-free-flag){margin-left:46px}
  /* P3-7: cards nested inside cards (amc-reference) keep the inner padding to 8px, so tables keep their width */
  .guide-text .collapsible .collapsible>:is(.collapsible-trigger,.collapsible-header){padding-inline:10px}
  .guide-text .collapsible .collapsible .collapsible-content{padding:0 8px 8px}
}

/* 4.21 Loop 3 fixes (2026-10-13, gr-kit-fix loop 3; ids are the visual verifier's VERDICT.md recheck) */
@media (max-width:640px){
  /* R1: with the label at 100% on its own line, a track's flex-basis of 0 let it sit beside the label at 0px whenever its fill had
     no in-flow content (Q14 "Organic", whose value is outside the track; and any fill once guide.js 9 marked it .g-out). The track
     then lost its grey and g-out fed back into the layout. A 120px basis always puts the track on its own line, full width */
  .guide-text[data-guide~="amc-query-library"] .sample-output .bar-track{flex:1 1 120px}
  /* R2 path rows: the source sets the label width inline (280px), wider than the card; on phones it takes the line like every label */
  .guide-text[data-guide~="amc-query-library"] .sample-output .bar-label[style*="width"]{width:100% !important}
  /* R2: column charts did not fit a phone card (5 columns of 44px bars, Jan cut, totals clipped). Narrower card padding, and the
     columns share the width: they may shrink below their content (min-width 0) and the bars fill their column up to the source width */
  .guide-text[data-guide~="amc-query-library"] .sample-output .sample-container{padding:20px 16px}
  .guide-text[data-guide~="amc-query-library"] .sample-output .stacked-chart{gap:4px}
  .guide-text[data-guide~="amc-query-library"] .sample-output :is(.stacked-col,.grouped-col){min-width:0}
  .guide-text[data-guide~="amc-query-library"] .sample-output .stacked-bar{width:100%;max-width:44px}
  .guide-text[data-guide~="amc-query-library"] .sample-output .stacked-total{font-size:11px;white-space:nowrap}
  .guide-text[data-guide~="amc-query-library"] .sample-output .grouped-chart{gap:2px;padding:24px 0 0}
  .guide-text[data-guide~="amc-query-library"] .sample-output .grouped-bars{width:100%;justify-content:center;gap:2px}
  .guide-text[data-guide~="amc-query-library"] .sample-output .g-bar{width:auto;flex:0 1 22px;min-width:0}
  .guide-text[data-guide~="amc-query-library"] .sample-output .grouped-total{font-size:11px;white-space:nowrap}
  /* product names break only between words; a word a little wider than its column stays centred on it (min-content width).
     Two lines tall on every column, so a one-line name (Creatine) no longer drops its bars below the shared baseline */
  .guide-text[data-guide~="amc-query-library"] .sample-output .grouped-label{width:min-content;max-width:none;min-height:2.6em}
  /* the source bars are fixed px heights that, with their total and month label, overrun the 200/220px chart box upward, so on
     phones the newly visible totals sat on the chart title. Here the box grows to its tallest column (labels stay bottom aligned).
     Phones only: the same overlap at 641px and up is the verifier's R5, left open */
  .guide-text[data-guide~="amc-query-library"] .sample-output :is(.stacked-chart,.grouped-chart){height:auto;min-height:200px}
  .guide-text[data-guide~="amc-query-library"] .sample-output :is(.stacked-col,.grouped-col){height:auto}
  /* R2 NTB vs repeat chart (outside .sample-output): 8 month columns of 36px with 12px gaps; same shrink, tighter frame. The legend
     wraps under the title, so the header gets 32px clearance (the Dec bar rises above the 200px plot and came within 2px of it) */
  .guide-text[data-guide~="amc-query-library"] .ntb-chart-container{padding:16px}
  .guide-text[data-guide~="amc-query-library"] .ntb-chart-container .chart-header{flex-wrap:wrap;gap:8px;margin-bottom:32px}
  .guide-text[data-guide~="amc-query-library"] .ntb-chart-container .bars-area{gap:4px}
  .guide-text[data-guide~="amc-query-library"] .ntb-chart-container .bar-group-vis{min-width:0}
  .guide-text[data-guide~="amc-query-library"] .ntb-chart-container .stacked-bar-vis{width:100%;max-width:36px}
}

/* Loop 4 (2026-10-13, ANDY go): amc-query-library phones. Q2 side-by-side mini charts stack; Q7 legend wraps. */
@media (max-width:639px){
  .guide-text[data-guide~="amc-query-library"] div[style*="grid-template-columns:1fr 1fr"]:has(> .chart-section){grid-template-columns:1fr !important;gap:20px !important}
  .guide-text[data-guide~="amc-query-library"] .legend-row{flex-wrap:wrap;row-gap:6px}
}