/* Tech Cheat Codes components, Direction 1 "Clear Signal". Reads tokens.css only. */

/* ---------- Easy / Pro pill switch (200ms slide, no layout jump) ---------- */
.mode-toggle{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;flex:none;width:var(--toggle-width);height:var(--toggle-height);padding:var(--toggle-padding);border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--mist);cursor:pointer}
.mode-toggle:focus-visible{border-radius:var(--radius-pill)}
.mode-toggle__thumb{position:absolute;top:var(--toggle-padding);bottom:var(--toggle-padding);left:var(--toggle-padding);width:calc(50% - var(--toggle-padding));border-radius:var(--radius-pill);background:var(--color-primary);box-shadow:var(--shadow-sm);transition:transform var(--motion-duration-toggle) var(--motion-ease-out),background-color var(--motion-duration-toggle) var(--motion-ease-out)}
html[data-mode="pro"] .mode-toggle__thumb{transform:translateX(100%);background:var(--ink)}
.mode-toggle__opt{position:relative;z-index:1;text-align:center;font-family:var(--font-heading);font-weight:700;font-size:.875rem;color:var(--color-text-muted);transition:color var(--motion-duration-toggle) var(--motion-ease-out)}
html[data-mode="easy"] .mode-toggle__opt--easy,html[data-mode="pro"] .mode-toggle__opt--pro{color:var(--white)}
.mode-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-sm) var(--space-lg);margin-top:var(--space-lg);padding:var(--space-sm) var(--space-sm) var(--space-sm) var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}
.mode-bar__text{font-size:var(--font-size-sm);flex:1 1 18rem}
.mode-bar .mode-toggle{flex:none}
.page-body>.mode-bar:first-child{margin-top:0}

/* Mode labels (Easy / Pro / Skip) */
.ml{display:inline-flex;align-items:center;font-family:var(--font-mono);font-size:var(--font-size-2xs);font-weight:500;text-transform:uppercase;letter-spacing:var(--letter-spacing-caps);padding:2px 8px;border-radius:var(--radius-xs);white-space:nowrap;line-height:1.5}
.ml.em{background:var(--color-easy-soft);color:var(--color-easy)}
.ml.pm{background:var(--color-pro-soft);color:var(--color-primary-strong)}
.ml.sk{background:var(--color-skip-soft);color:var(--color-skip);border:1px solid var(--line)}
.mode-swap__item>.ml{margin-bottom:4px}

/* Pro layer in guides: a <details>. Without JS it stays visible (closed); in Easy Mode (JS) it's hidden. */
.pro-layer{margin-block:var(--space-lg);border:1px solid var(--color-border);border-left:4px solid var(--color-primary);border-radius:var(--radius-md);background:var(--color-pro-soft)}
.pro-layer>summary{cursor:pointer;padding:.75rem 1rem;display:flex;align-items:center;gap:.6rem;font-weight:600;list-style:none}
.pro-layer>summary::-webkit-details-marker{display:none}
.pro-layer>summary::after{content:"+";margin-left:auto;font-family:var(--font-mono);color:var(--color-primary)}
.pro-layer[open]>summary::after{content:"–"}
.pro-layer__body{padding:0 1rem 1rem}
.pro-layer__body>*+*{margin-top:.75rem}
.pro-hint{font-size:var(--font-size-sm);color:var(--color-text-muted);border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);padding:.5rem 1rem;margin-top:var(--space-md)}
html.js[data-mode="pro"] .pro-hint{display:none}

/* ---------- Tags / pills ---------- */
.tag{font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-primary)}
.draft-label{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;font-size:var(--font-size-sm);color:var(--color-text-muted)}
.draft-pill{display:inline-block;font-family:var(--font-mono);font-size:var(--font-size-2xs);text-transform:uppercase;letter-spacing:var(--letter-spacing-caps);background:var(--amber-tint);color:var(--ink);border:1px dashed #B45309;padding:3px 9px;border-radius:var(--radius-xs)}
.soon{display:inline-block;font-family:var(--font-mono);font-size:var(--font-size-2xs);text-transform:uppercase;letter-spacing:var(--letter-spacing-caps);color:var(--slate);border:1px solid var(--line);background:var(--white);border-radius:var(--radius-pill);padding:1px 8px;white-space:nowrap}
.tag-new{display:inline-block;background:var(--amber);color:var(--ink);font-weight:700;font-size:.75rem;padding:3px 10px;border-radius:var(--radius-xs);text-transform:uppercase;letter-spacing:.03em}
.btn-row{display:flex;flex-wrap:wrap;gap:.6rem;list-style:none;padding:0;align-items:center}

/* ---------- Disclosure line (exact text, body colour, never faint) ---------- */
.pl{display:flex;gap:8px;align-items:flex-start;font-size:.8125rem;font-weight:600;color:var(--color-disclosure-text);line-height:1.4}
.pl i{flex:none;font-style:normal;width:16px;height:16px;border-radius:50%;border:1.5px solid var(--color-disclosure-icon);color:var(--color-disclosure-icon);display:grid;place-items:center;font-size:10px;font-weight:700;font-family:var(--font-mono);margin-top:1px}
.pl--sm{font-size:.75rem;font-weight:500;margin-top:6px}
.pl--top{background:var(--color-disclosure-bg);border:1px solid var(--color-disclosure-border);border-radius:var(--radius-md);padding:.55rem .8rem;margin-bottom:.75rem}

/* ---------- Partner card ---------- */
.grid-2,.grid-3{display:grid;gap:20px}
.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:1000px){.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:680px){.grid-2,.grid-3{grid-template-columns:1fr}}
.pc{display:flex;flex-direction:column;gap:12px;background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);padding:22px;box-shadow:var(--shadow-sm);transition:transform var(--motion-duration-fast) var(--motion-ease-out),box-shadow var(--motion-duration-fast) var(--motion-ease-out)}
.pc:hover,.pc:focus-within{transform:translateY(var(--motion-hover-lift));box-shadow:var(--shadow-hover)}
.lslot{width:var(--logo-slot-width);height:var(--logo-slot-height);padding:var(--logo-slot-padding);border:1px dashed var(--color-border-strong);border-radius:var(--radius-sm);background:var(--mist);display:grid;place-items:center;font-family:var(--font-mono);font-size:var(--font-size-2xs);text-transform:uppercase;letter-spacing:var(--letter-spacing-caps);color:var(--slate)}
.lslot.txt{border-style:solid;background:var(--white);font-family:var(--font-heading);font-size:.9375rem;font-weight:800;text-transform:none;letter-spacing:-.01em;color:var(--ink);text-align:center;line-height:1.1}
.lslot.img img{max-height:100%;width:auto}
.hd{display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap}
.hd h2,.hd h3{font-size:1.1875rem;margin:0}
.cat{font-family:var(--font-mono);font-size:var(--font-size-2xs);text-transform:uppercase;letter-spacing:var(--letter-spacing-caps);color:var(--slate)}
.pitch{font-size:.9375rem}
.bestfor{font-size:.9375rem;color:var(--ink-3)}
.bestfor b{color:var(--ink)}
.modes{display:grid;gap:8px;font-size:.875rem;border-top:1px solid var(--line);padding-top:12px}
.modes>div{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start}
.modes .ml{min-width:5.6rem;justify-content:center}
.offer{display:flex;flex-wrap:wrap;gap:4px 12px;background:var(--amber-tint);border-radius:var(--radius-sm);padding:8px 10px;font-size:.8125rem}
.offer b{color:#92400E}
.cta{display:inline-flex;align-items:center;justify-content:center;gap:6px;margin-top:auto;background:var(--color-primary);color:var(--white);font-family:var(--font-heading);font-weight:700;font-size:.9375rem;padding:11px 18px;border-radius:var(--radius-md);text-decoration:none;transition:background-color var(--motion-duration-fast) ease-out,color var(--motion-duration-fast) ease-out}
.cta:hover,.pc:hover .cta,.pick:hover .cta{background:var(--color-primary-strong);color:var(--white)}
.cta.sm{padding:8px 12px;font-size:.8125rem;margin-top:0;white-space:nowrap}
.pc .cta{align-self:stretch}
.rev{font-family:var(--font-mono);font-size:var(--font-size-2xs);color:var(--slate)}
.xlink{display:flex;flex-direction:column;gap:8px;border:1.5px dashed var(--color-border-strong);border-radius:var(--radius-lg);padding:22px;background:transparent}
.xlink h3{font-size:1.1875rem}
.xlink p{color:var(--slate);font-size:.9375rem}
.xlink a{margin-top:auto;font-weight:700;text-decoration:none;white-space:nowrap}

/* ---------- Our Pick ---------- */
.pick{margin-block:var(--space-xl);border:2px solid var(--color-primary);background:var(--color-pick-box);border-radius:var(--radius-xl);padding:22px 24px;transition:transform var(--motion-duration-fast) var(--motion-ease-out),box-shadow var(--motion-duration-fast) var(--motion-ease-out)}
.pick:hover{transform:translateY(var(--motion-hover-lift));box-shadow:var(--shadow-hover)}
.pk-tag{display:inline-flex;gap:6px;align-items:center;background:var(--color-pick);color:var(--color-on-pick);font-weight:700;font-size:.8125rem;padding:4px 12px;border-radius:var(--radius-xs);margin-bottom:14px}
.pk-grid{display:grid;grid-template-columns:auto 1fr minmax(13rem,auto);gap:20px;align-items:center}
.pk-grid h3{font-size:1.375rem;margin-bottom:4px}
.pk-grid p{font-size:.9375rem}
.pk-cta{display:grid;gap:4px}
.demo-note{font-family:var(--font-mono);font-size:var(--font-size-2xs);color:var(--slate);background:var(--white);border:1px dashed var(--color-border-strong);border-radius:var(--radius-sm);padding:6px 10px;margin-bottom:12px}
@media (max-width:760px){.pk-grid{grid-template-columns:1fr}}

/* ---------- Comparison table ---------- */
.ctab{margin-block:var(--space-md) var(--space-xl)}
.ct-h{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;padding:12px 16px;background:var(--mist);border:1px solid var(--line);border-bottom:0;border-radius:var(--radius-lg) var(--radius-lg) 0 0}
.ct-h b{font-family:var(--font-heading)}
.ct-h span{font-family:var(--font-mono);font-size:var(--font-size-2xs);color:var(--slate)}
.ct-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:0 0 var(--radius-lg) var(--radius-lg)}
.ctab table{width:100%;border-collapse:collapse;font-size:.9375rem;min-width:44rem}
.ctab th,.ctab td{text-align:left;vertical-align:top;padding:12px 14px;border-bottom:1px solid var(--line)}
.ctab thead th{font-size:var(--font-size-2xs);font-family:var(--font-mono);font-weight:500;text-transform:uppercase;letter-spacing:var(--letter-spacing-caps);color:var(--slate);background:var(--white)}
.ctab tbody tr:first-child{background:var(--color-easy-soft)}
.ctab tbody tr:last-child>*{border-bottom:0}
.star{display:inline-block;margin-top:4px;font-family:var(--font-mono);font-size:var(--font-size-2xs);text-transform:uppercase;letter-spacing:var(--letter-spacing-caps);background:var(--teal);color:var(--white);padding:2px 7px;border-radius:var(--radius-xs)}
.tc{min-width:11rem}
@media (max-width:760px){
  .ctab table{min-width:0}
  .ctab thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .ctab table,.ctab tbody,.ctab tr,.ctab th,.ctab td{display:block}
  .ctab tr{padding:10px 0;border-bottom:1px solid var(--line)}
  .ctab th,.ctab td{border:0;padding:4px 14px}
  .ctab td[data-label]::before{content:attr(data-label);display:block;font-family:var(--font-mono);font-size:var(--font-size-2xs);text-transform:uppercase;letter-spacing:var(--letter-spacing-caps);color:var(--slate)}
}

/* ---------- Share ---------- */
.share{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.share__label{font-family:var(--font-heading);font-weight:700;margin-right:4px}
.share__list{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0}
.share__list a,.share__list button,.share__native{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--white);color:var(--ink);font-size:.8125rem;font-weight:600;text-decoration:none;cursor:pointer;transition:border-color var(--motion-duration-fast) ease-out,color var(--motion-duration-fast) ease-out}
.share__list a:hover,.share__list button:hover,.share__native:hover{border-color:var(--color-primary);color:var(--color-primary)}
.share__list svg,.share__native svg{width:15px;height:15px}
.share--compact{position:relative;display:inline-block}
.share--compact>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:5px;font-size:.8125rem;font-weight:600;color:var(--slate);padding:3px 8px;border-radius:var(--radius-pill)}
.share--compact>summary::-webkit-details-marker{display:none}
.share--compact>summary:hover{color:var(--color-primary)}
.share--compact>summary svg{width:14px;height:14px}
.share__pop{position:absolute;z-index:15;left:0;top:calc(100% + 6px);background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-hover);padding:10px;width:max-content;max-width:min(22rem,86vw);display:grid;gap:8px}
.share--compact .share__list{display:grid;grid-template-columns:1fr 1fr}

/* ---------- Home: hero ---------- */
.hero{background:var(--hero-gradient);padding:84px 0 72px;position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;right:-160px;top:-160px;width:560px;height:560px;border-radius:50%;background:var(--hero-glow);pointer-events:none}
.hero .wrap{position:relative;z-index:1}
.hero h1{font-size:var(--font-size-3xl);line-height:1.05;font-weight:800;margin:22px 0 18px;max-width:880px}
.hero h1 em{font-style:normal;color:var(--color-primary)}
.hero__lead{font-size:1.25rem;color:var(--color-text-muted);max-width:640px}
.paths{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:48px}
.path{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-xl);padding:32px;box-shadow:var(--shadow-path);display:flex;flex-direction:column;align-items:flex-start}
.path--easy{border:2px solid var(--color-primary)}
.path--pro .tag{color:var(--teal)}
.path__h{font-size:1.75rem;margin:8px 0}
.path p:not(.tag){color:var(--color-text-muted);margin-bottom:20px}
.path .btn{margin-top:auto}
@media (max-width:600px){.hero{padding:44px 0 40px}.hero h1{font-size:2.5rem}.hero__lead{font-size:1.0625rem}.paths{grid-template-columns:1fr;gap:16px;margin-top:28px}.path{padding:22px}.path__h{font-size:1.375rem}}

/* ---------- Home: bento ---------- */
.bento{display:grid;grid-template-columns:repeat(6,1fr);gap:20px}
.card{position:relative;display:flex;flex-direction:column;background:var(--color-surface);border:1px solid var(--line);border-radius:var(--radius-xl);padding:28px;color:var(--ink);text-decoration:none;transition:transform var(--motion-duration-fast) var(--motion-ease-out),box-shadow var(--motion-duration-fast) var(--motion-ease-out)}
.card:hover{transform:translateY(var(--motion-hover-lift));box-shadow:var(--shadow-hover);color:var(--ink)}
.card__ic{width:48px;height:48px;border-radius:12px;background:var(--white);display:grid;place-items:center;border:1px solid var(--line);margin-bottom:18px;color:var(--color-primary)}
.card__ic svg{width:24px;height:24px}
.card h3{font-size:1.375rem;margin-bottom:6px}
.card>p,.card__mode p{color:var(--color-text-muted);font-size:.9375rem}
.card__mode{margin-top:10px;font-size:.9375rem}
.card .more{margin-top:auto;padding-top:18px;font-weight:600;color:var(--color-primary);font-size:.9375rem;transition:color var(--motion-duration-fast) ease-out}
.card:hover .more{color:var(--color-primary-strong)}
.c1{grid-column:span 3;background:var(--signal-blue-tint)}.c2{grid-column:span 3}.c3,.c4,.c5{grid-column:span 2}
.c4{background:var(--ink);color:var(--white);border:0}.c4:hover{color:var(--white)}.c4>p,.c4 .card__mode p{color:var(--slate-light)}.c4 .more,.c4:hover .more{color:var(--mint)}.c4 .card__ic{background:var(--ink-2);border-color:var(--ink-3);color:var(--mint)}
.c4 .ml.em{background:var(--ink-2);color:var(--mint)}.c4 .ml.pm{background:var(--ink-2);color:var(--slate-light)}
.c2 .card__ic{color:var(--teal)}.c5 .card__ic{color:#B45309}
.mini{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}
.chip{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-sm);padding:6px 10px;font-size:.8125rem;font-weight:500}
@media (max-width:900px){.bento{grid-template-columns:1fr 1fr}.c1,.c2,.c3,.c4,.c5{grid-column:span 1}.c1{grid-column:1/-1}}
@media (max-width:600px){.bento{grid-template-columns:1fr}.card{padding:22px}}

/* ---------- Home: how it works ---------- */
.how{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;list-style:none;padding:0}
.step{display:flex;gap:16px;align-items:flex-start;background:var(--color-surface);border-radius:14px;padding:18px 20px;border:1px solid var(--line)}
.step__n{background:var(--color-primary);color:var(--white);border-radius:var(--radius-sm);width:34px;height:34px;display:grid;place-items:center;flex:none;font-size:.875rem}
.step h3{font-size:1.0625rem;margin-bottom:2px}
.step p{color:var(--color-text-muted);font-size:.9375rem}
@media (max-width:900px){.how{grid-template-columns:1fr}}

/* ---------- Fix topics ---------- */
.topics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;list-style:none;padding:0}
.topic{display:flex;flex-direction:column;gap:4px;height:100%;background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);padding:18px 20px;color:var(--ink);text-decoration:none;transition:transform var(--motion-duration-fast) var(--motion-ease-out),box-shadow var(--motion-duration-fast) var(--motion-ease-out),border-color var(--motion-duration-fast) ease-out}
.topic:hover{transform:translateY(var(--motion-hover-lift));box-shadow:var(--shadow-hover);border-color:var(--color-primary);color:var(--ink)}
.topic b{font-family:var(--font-heading);font-size:1.0625rem}
.topic span{font-size:.875rem;color:var(--color-text-muted)}
.topic .topic__n{margin-top:auto;padding-top:8px;font-size:var(--font-size-2xs);text-transform:uppercase;letter-spacing:var(--letter-spacing-caps);color:var(--color-primary)}
@media (max-width:1000px){.topics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:480px){.topics{grid-template-columns:1fr}}

/* ---------- News ---------- */
.news-stamp{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:6px}
.news-list{list-style:none;padding:0;display:grid;gap:0;border-top:1px solid var(--line)}
.ni{padding:16px 0;border-bottom:1px solid var(--line);display:grid;gap:6px;scroll-margin-top:1rem}
.ni:target{background:var(--signal-blue-tint);box-shadow:0 0 0 8px var(--signal-blue-tint)}
.ni__top{display:flex;gap:8px;align-items:center}
.ni .tag{font-family:var(--font-mono);font-weight:500;font-size:var(--font-size-2xs);padding:2px 8px;border-radius:var(--radius-xs);letter-spacing:var(--letter-spacing-caps)}
.tag--AI{background:var(--signal-blue-tint);color:var(--signal-blue-deep)}
.tag--Tech{background:var(--mist);color:var(--ink-3);border:1px solid var(--line)}
.tag--Gaming{background:var(--mint-tint);color:var(--teal)}
.tag--Electronics{background:var(--amber-tint);color:#92400E}
.badge-breaking{font-family:var(--font-mono);font-size:var(--font-size-2xs);text-transform:uppercase;letter-spacing:var(--letter-spacing-caps);background:var(--color-breaking);color:var(--white);padding:2px 8px;border-radius:var(--radius-xs)}
.badge-breaking[hidden]{display:none}
.ni__h{font-size:1.125rem;line-height:1.35;font-weight:700}
.ni__h a{color:var(--ink);text-decoration:none}
.ni__h a:hover{color:var(--color-primary);text-decoration:underline}
.ni__meta{font-size:var(--font-size-xs);color:var(--color-text-muted)}
.ni__meta a{color:var(--ink-3)}
.ni .share--compact{justify-self:start}
.news-list--strip{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;border:0}
.news-list--strip .ni{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);padding:16px;align-content:start}
.news-list--strip .ni__h{font-size:1rem}
@media (max-width:1100px){.news-list--strip{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.news-list--strip{grid-template-columns:1fr}}
.chips{border:0;padding:0;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:var(--space-md)}
.chips input{position:absolute;opacity:0;width:1px;height:1px}
.chips label{cursor:pointer;padding:7px 14px;border:1px solid var(--line);border-radius:var(--radius-pill);font-size:.875rem;font-weight:600;background:var(--white);transition:background-color var(--motion-duration-fast) ease-out,color var(--motion-duration-fast) ease-out}
.chips label:hover{border-color:var(--color-primary)}
.chips input:checked+label{background:var(--ink);color:var(--white);border-color:var(--ink)}
.chips input:focus-visible+label{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}
.chips-filter:has(#tag-AI:checked) .ni:not([data-tag="AI"]),
.chips-filter:has(#tag-Tech:checked) .ni:not([data-tag="Tech"]),
.chips-filter:has(#tag-Gaming:checked) .ni:not([data-tag="Gaming"]),
.chips-filter:has(#tag-Electronics:checked) .ni:not([data-tag="Electronics"]){display:none}
.publisher-line{font-size:var(--font-size-sm);color:var(--color-text-muted);border-top:1px solid var(--line);padding-top:var(--space-md)}
.src-list{columns:3 14rem;list-style:none;padding:0!important}
.src-list li{break-inside:avoid;margin:0 0 .4rem!important}

/* ---------- Services ---------- */
.svc{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
.svc h2{margin:10px 0 16px}
.svc .lead{margin-bottom:16px}
.svc .btn-row{margin-top:20px}
.kicker+h2{margin-top:10px}
.tiers-mini{list-style:none;padding:0;display:grid;gap:12px}
.tiers-mini li{display:grid;grid-template-columns:auto auto 1fr;gap:4px 14px;align-items:baseline;background:var(--color-surface);border:1px solid var(--line);border-radius:14px;padding:16px 20px}
.tiers-mini li.is-featured{border:2px solid var(--color-primary);background:var(--white)}
.tiers-mini b{font-family:var(--font-heading)}
.tm__p{font-family:var(--font-mono);color:var(--color-primary);font-size:.9375rem}
.tiers-mini li>span:last-child{grid-column:1/-1;color:var(--color-text-muted);font-size:.9375rem}
@media (max-width:900px){.svc{grid-template-columns:1fr;gap:28px}}
.tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}
.tier{position:relative;display:flex;flex-direction:column;gap:12px;background:var(--white);border:1px solid var(--line);border-radius:var(--radius-xl);padding:28px;box-shadow:var(--shadow-sm);transition:transform var(--motion-duration-fast) var(--motion-ease-out),box-shadow var(--motion-duration-fast) var(--motion-ease-out)}
.tier:hover{transform:translateY(var(--motion-hover-lift));box-shadow:var(--shadow-hover)}
.tier--featured{border:2px solid var(--color-primary);box-shadow:var(--shadow-path)}
.tier__flag{position:absolute;top:-13px;left:24px;background:var(--color-primary);color:var(--white);font-size:.75rem;font-weight:700;padding:3px 10px;border-radius:var(--radius-xs)}
.tier h2{font-size:1.5rem}
.tier__price{display:flex;flex-direction:column;gap:2px}
.tier__price b{font-family:var(--font-heading);font-size:2.25rem;line-height:1}
.tier__price span{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--teal)}
.tier__tag{color:var(--color-text-muted)}
.tier .btn{margin-top:auto}
.checks{list-style:none;padding:0!important;display:grid;gap:8px;font-size:.9375rem}
.checks li{position:relative;padding-left:1.6em;margin:0!important}
.checks li::before{content:"✓";position:absolute;left:0;color:var(--teal);font-weight:700}
@media (max-width:900px){.tiers{grid-template-columns:1fr}}
.care{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 32px;background:var(--ink);color:var(--white);border-radius:var(--radius-xl);padding:28px}
.care h2{font-size:1.375rem;display:flex;gap:12px;align-items:baseline;flex-wrap:wrap}
.care .tier__price b{font-size:1.375rem;color:var(--mint)}
.care p{color:var(--slate-light);max-width:46rem}
.care .muted{color:var(--slate-light)}
.care .btn--outline{background:transparent;color:var(--white);border-color:var(--ink-3)}
.care .btn--outline:hover{border-color:var(--mint);color:var(--mint)}
.book{border:1.5px dashed var(--color-border-strong);border-radius:var(--radius-xl);padding:24px;scroll-margin-top:1rem}
.book h2{font-size:1.25rem;margin-bottom:4px}
.faq{display:grid;gap:10px;max-width:var(--content-max)}
.faq details{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--white)}
.faq summary{cursor:pointer;padding:14px 16px;font-weight:600;font-family:var(--font-heading)}
.faq details p{padding:0 16px 14px;color:var(--ink-3)}

/* ---------- Templates ---------- */
.product-card{display:flex;flex-direction:column;align-items:flex-start;gap:12px;background:var(--white);border:2px solid var(--color-primary);border-radius:var(--radius-xl);padding:28px}
.product-card--soon{border:1.5px dashed var(--color-border-strong)}
.product-card h2{font-size:1.5rem}
.product-card h2 a{color:var(--ink);text-decoration:none}
.price{font-family:var(--font-heading);font-weight:800;font-size:1.5rem}
.own{font-size:.8125rem;color:var(--slate);font-weight:500}
.product{display:grid;grid-template-columns:minmax(0,1fr) 22rem;gap:48px;align-items:start}
.product__main>*+*{margin-top:var(--space-md)}
.product__buy{position:sticky;top:1rem;display:grid;gap:16px}
.buy-card{border:2px solid var(--color-primary);border-radius:var(--radius-xl);padding:24px;display:grid;gap:12px;background:var(--white);box-shadow:var(--shadow-path)}
.lead-magnet{background:var(--mist);border:1px solid var(--line);border-radius:var(--radius-xl);padding:22px;display:grid;gap:10px}
.lead-magnet h2{font-size:1.125rem}
@media (max-width:900px){.product{grid-template-columns:1fr}.product__buy{position:static}}

/* ---------- Newsletter (Patch Notes placeholder) ---------- */
.nl-band{position:relative;overflow:hidden;background:var(--color-primary);color:var(--white);border-radius:var(--radius-2xl);padding:64px;display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center}
.nl-band::after{content:"";position:absolute;right:-80px;bottom:-120px;width:360px;height:360px;border-radius:50%;background:rgb(255 255 255 / .08);pointer-events:none}
.nl-band h2{font-size:2.5rem;line-height:1.1;margin-bottom:12px}
.nl-band>div{position:relative;z-index:1}
.nl{display:grid;gap:8px}
.nl__h{font-family:var(--font-heading);font-weight:800;font-size:1.25rem;letter-spacing:var(--letter-spacing-heading)}
.nl__line{color:var(--color-text-muted)}
.nl__row{display:flex;gap:8px;background:var(--white);padding:6px;border-radius:14px;border:1px solid var(--line)}
.nl__input{flex:1;min-width:0;border:0;background:transparent;font-size:1rem;padding:0 12px;color:var(--ink)}
.nl__input:focus-visible{outline-offset:0}
.nl__note{font-size:.8125rem;color:var(--color-text-muted)}
.nl__status{font-size:.875rem;font-weight:600;min-height:0}
.nl__status:empty{display:none}
.nl--band .nl__row{border:0;padding:8px}
.nl--band .nl__note,.nl--band .nl__status{color:var(--white)}
.nl--inline{background:var(--signal-blue-tint);border:1px solid #D6DFFB;border-radius:var(--radius-xl);padding:24px}
.nl--footer{grid-template-columns:minmax(0,1fr) minmax(0,26rem);gap:8px 32px;align-items:center;padding-bottom:2.5rem;margin-bottom:2.5rem;border-bottom:1px solid var(--line)}
.nl--footer .nl__h{grid-column:1;grid-row:1}
.nl--footer .nl__row{grid-column:2;grid-row:1}
.nl--footer .nl__note{grid-column:1/-1}
.nl--footer .nl__status{grid-column:1/-1}
@media (max-width:800px){.nl-band{grid-template-columns:1fr;padding:32px 24px;gap:20px}.nl-band h2{font-size:1.75rem}.nl--footer{grid-template-columns:1fr}.nl--footer .nl__h,.nl--footer .nl__row{grid-column:1;grid-row:auto}}
@media (max-width:420px){.nl__row{flex-direction:column}.nl__input{min-height:44px}}

/* ---------- Articles (fix / review / post) ---------- */
.article .intro{padding-bottom:0}
.byline{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin-top:4px}
.byline__avatar{width:36px;height:36px;flex:none}
.byline__avatar svg{width:36px;height:36px}
.byline__who{font-weight:600;font-size:.9375rem}
.byline__who a{color:var(--ink)}
.byline__role{color:var(--color-text-muted);font-weight:400}
.byline__dates{flex-basis:100%;display:flex;flex-wrap:wrap;gap:4px 16px;font-size:var(--font-size-xs);color:var(--color-text-muted)}
.lead-img{margin-block:var(--space-xl) 0}
.lead-img img{width:100%;height:auto;border-radius:var(--radius-xl);border:1px solid var(--line);max-width:calc(var(--content-max) + 20rem)}
.article__layout{display:grid;grid-template-columns:minmax(0,var(--content-max)) minmax(16rem,20rem);gap:56px;justify-content:space-between;padding-block:var(--space-xl)}
.article__layout--single{grid-template-columns:minmax(0,var(--content-max))}
.article__body>*+*{margin-top:var(--space-lg)}
.article__aside{display:grid;gap:20px;align-content:start;position:sticky;top:1rem}
@media (max-width:1000px){.article__layout{grid-template-columns:1fr;gap:32px}.article__aside{position:static}}
.answer,.verdict{background:var(--color-pick-box);border:1px solid #D6DFFB;border-left:4px solid var(--color-primary);border-radius:var(--radius-lg);padding:20px 22px}
.answer__h{font-family:var(--font-mono);font-weight:500;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:var(--letter-spacing-caps);color:var(--signal-blue-deep);margin-bottom:8px}
.answer p,.verdict p{font-size:1.0625rem}
.verdict__line{font-family:var(--font-heading);font-weight:700;font-size:1.25rem!important;line-height:1.35;margin-bottom:8px}
.callout{border-radius:var(--radius-lg);padding:20px 22px}
.callout--skip{background:var(--mist);border:1px solid var(--line);border-left:4px solid var(--slate)}
.callout--skip .answer__h,.callout__h{color:var(--slate);font-family:var(--font-mono);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:var(--letter-spacing-caps);margin-bottom:6px;font-weight:500}
.notes{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.note--easy,.note--pro{display:grid;gap:8px;align-content:start;padding:18px;border-radius:var(--radius-lg);border:1px solid var(--line);color:var(--ink);font-size:.9375rem;max-width:none}
.note--easy{background:var(--mint-tint)}
.note--pro{background:var(--signal-blue-tint)}
.note--easy .ml,.note--pro .ml{justify-self:start}
html.js[data-mode="easy"] .notes{grid-template-columns:1fr}
@media (max-width:700px){.notes{grid-template-columns:1fr}}
.toc,.help-card{border:1px solid var(--line);border-radius:var(--radius-lg);padding:18px 20px;background:var(--white)}
.toc h2,.help-card h2{font-family:var(--font-mono);font-weight:500;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:var(--letter-spacing-caps);color:var(--slate);margin-bottom:10px}
.toc ol{padding-left:1.1rem;display:grid;gap:6px;font-size:.9375rem}
.toc a{color:var(--ink);text-decoration:none}
.toc a:hover{color:var(--color-primary);text-decoration:underline}
.help-card{background:var(--ink);color:var(--white);border:0;display:grid;gap:10px;justify-items:start}
.help-card h2{color:var(--mint)}
.help-card p{color:var(--slate-light);font-size:.9375rem}
.help-card .btn--dark{background:var(--white);color:var(--ink)}
.help-card .btn--dark:hover{background:var(--mint);color:var(--ink)}
.help-card .fine{font-size:.75rem}
.related h2{font-size:1.25rem;margin-bottom:10px}
.related ul{list-style:none;padding:0;display:grid;gap:8px}
.related li{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius-md)}
.article-footer{display:grid;gap:24px;border-top:1px solid var(--line);padding-top:var(--space-lg);margin-top:var(--space-2xl)!important}
/* View-count line (flags.viewCountsLive, off by default): one reserved line, empty below 25 */
.views{margin:0;min-height:1.5em;line-height:1.5;font-size:var(--font-size-xs);color:var(--color-text-muted)}
.prose{font-size:1.0625rem}
.prose img{height:auto;border-radius:var(--radius-lg)}
.prose table{border-collapse:collapse;width:100%;font-size:.9375rem}
.prose th,.prose td{border-bottom:1px solid var(--line);padding:8px 10px;text-align:left}
.page-body.prose,.prose.page-body{max-width:var(--content-max)}

/* ---------- Index lists ---------- */
.feature{display:grid;gap:8px;background:var(--ink);color:var(--white);border-radius:var(--radius-xl);padding:32px;text-decoration:none;max-width:56rem;transition:transform var(--motion-duration-fast) var(--motion-ease-out),box-shadow var(--motion-duration-fast) var(--motion-ease-out)}
.feature:hover{transform:translateY(var(--motion-hover-lift));box-shadow:var(--shadow-hover);color:var(--white)}
.feature .kicker{color:var(--mint)}
.feature h2{font-size:clamp(1.5rem,2.6vw,2rem)}
.feature p{color:var(--slate-light)}
.feature .more{color:var(--mint);font-weight:700}
.list-cards{list-style:none;padding:0;display:grid;gap:14px;max-width:56rem}
.lc{display:grid;gap:6px;border:1px solid var(--line);border-radius:var(--radius-lg);padding:20px 22px;color:var(--ink);text-decoration:none;background:var(--white);transition:transform var(--motion-duration-fast) var(--motion-ease-out),box-shadow var(--motion-duration-fast) var(--motion-ease-out),border-color var(--motion-duration-fast) ease-out}
.lc:hover{transform:translateY(var(--motion-hover-lift));box-shadow:var(--shadow-hover);border-color:var(--color-primary);color:var(--ink)}
.lc h2,.lc h3{font-size:1.25rem}
.lc p{color:var(--color-text-muted);font-size:.9375rem}
.lc__m{font-size:var(--font-size-2xs);color:var(--slate);text-transform:uppercase;letter-spacing:var(--letter-spacing-caps)}
.planned{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));gap:10px}
.planned li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);font-size:.9375rem;color:var(--ink-3)}

/* ---------- Component sheet ---------- */
.sheet__sec{border:1px dashed var(--color-border-strong);border-radius:var(--radius-xl);padding:24px;margin-top:24px!important}
.sheet__sec>.sec-h{margin-top:0}
.sheet__sec>*+*{margin-top:16px}
.sheet .bar{border-radius:var(--radius-md);overflow:hidden}
/* mobile polish */
.byline__who{flex:1 1 12rem;min-width:0}
@media (max-width:640px){.lead{font-size:1.0625rem}}
/* official pricing link (not a paid link) */
.price-link{font-weight:600;color:var(--color-primary);text-decoration:underline;text-underline-offset:2px;white-space:nowrap;transition:color var(--motion-duration-fast)}
.price-link:hover{color:var(--color-primary-strong)}
.price-link::after{content:" \2197" / "";font-size:.85em}

/* ---------- Concise layout (Oct 2026): short pages, real pagination, no infinite scroll ---------- */
html{scroll-padding-top:calc(var(--header-height) + 12px)}
.ni,.article__body h2{scroll-margin-top:calc(var(--header-height) + 12px)}
.article__aside{top:calc(var(--header-height) + 16px)}
/* Compact hero */
.hero--compact{padding:56px 0 48px}
.hero--compact h1{margin:16px 0 12px}
.hero--compact .paths{margin-top:32px;gap:20px}
.hero--compact .path{padding:24px 26px}
.hero--compact .path p:not(.tag){margin-bottom:16px}
@media (max-width:600px){.hero--compact{padding:32px 0 28px}.hero--compact h1{font-size:2.125rem}.hero--compact .paths{margin-top:20px;gap:12px}.hero--compact .path{padding:18px}}
/* Five compact section cards */
.sec-cards{list-style:none;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.sec-card{height:100%;display:flex;flex-direction:column;gap:8px;padding:20px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--white);color:var(--ink);text-decoration:none;transition:border-color var(--motion-duration-fast) ease-out,box-shadow var(--motion-duration-fast) ease-out}
.sec-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-hover);color:var(--ink)}
.sec-card .card__ic{width:40px;height:40px;margin-bottom:4px;background:var(--color-surface)}
.sec-card .card__ic svg{width:20px;height:20px}
.sec-card h3{font-size:1.0625rem;line-height:1.25}
.sec-card p{font-size:.9375rem;color:var(--color-text-muted);line-height:1.45}
.sec-card .more{margin-top:auto;padding-top:6px;font-weight:600;font-size:.875rem;color:var(--color-primary)}
@media (max-width:1100px){.sec-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){.sec-cards{grid-template-columns:1fr 1fr;gap:12px}.sec-card{padding:16px}}
@media (max-width:480px){.sec-cards{grid-template-columns:1fr;gap:10px}.sec-card{display:grid;grid-template-columns:40px 1fr;column-gap:14px;row-gap:4px;padding:14px 16px}.sec-card .card__ic{grid-row:1/4;margin:0}.sec-card .more{padding-top:2px}}
/* News context line */
.ni__x{font-size:.9375rem;line-height:1.5;color:var(--ink-3);max-width:46rem}
.more-row{margin-top:16px;display:flex;justify-content:center}
@media (max-width:600px){.ni__x{font-size:.875rem}}
/* Pagination */
.pager{margin-top:var(--space-xl);display:grid;gap:10px;justify-items:center}
.pager__status{font-size:var(--font-size-xs);color:var(--color-text-muted)}
.pager__list{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:6px;justify-content:center}
.pager__n,.pager__step{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 14px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--white);color:var(--ink);font-weight:600;text-decoration:none}
.pager a:hover{border-color:var(--color-primary);color:var(--color-primary)}
.pager__n[aria-current="page"]{background:var(--color-primary);border-color:var(--color-primary);color:var(--white)}
.pager__step.is-off{color:var(--color-text-muted);opacity:.55}
@media (max-width:480px){.pager__step{padding:0 10px}}
/* Auto table of contents: sticky aside on desktop, <details> on mobile */
.toc-m{display:none;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--white);padding:0 16px}
.toc-m summary{cursor:pointer;padding:12px 0;font-family:var(--font-mono);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:var(--letter-spacing-caps);color:var(--slate)}
.toc-m ol{padding:0 0 14px 1.1rem;display:grid;gap:6px;font-size:.9375rem}
.toc-m a{color:var(--ink)}
@media (max-width:1000px){.toc-m{display:block}.article__aside .toc{display:none}}
/* Optional / long sections */
.more-box{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--color-surface);padding:0 18px}
.more-box>summary{cursor:pointer;padding:14px 0;font-weight:700}
.more-box[open]>summary{border-bottom:1px solid var(--line);margin-bottom:12px}
.more-box>*:not(summary){margin-bottom:14px}
.article__body p{max-width:42rem}
.article--single-toc .toc-m{display:block}
/* Lead image sized to the reading column so the article starts above the fold */
.article .lead-img img{max-width:var(--content-max)}
.lc h3{font-size:1.1875rem;line-height:1.3}
.topics--compact .topic{padding:14px 16px}
@media (max-width:480px){.topics--compact{grid-template-columns:1fr 1fr;gap:10px}}
.more-row--start{justify-content:flex-start}
.step__h{font-size:1.125rem;margin-bottom:4px}
.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.src-table{width:100%;border-collapse:collapse;font-size:.9375rem}
.src-table th,.src-table td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}
.src-table th{font-family:var(--font-mono);font-weight:500;font-size:var(--font-size-2xs);text-transform:uppercase;letter-spacing:var(--letter-spacing-caps);color:var(--slate)}
.src-note{margin:8px 0 10px;font-size:.9375rem}
.src-out{display:grid;gap:6px;font-size:.9375rem;padding-left:1.1rem}
.news-list{grid-template-columns:minmax(0,1fr)}
.ni{min-width:0}
.ni__h,.ni__x{overflow-wrap:anywhere}
.chips-filter{min-width:0}

/* ---------- Article callouts: Cheat code tip + Scam warning ----------
   Meaning is carried by the visible label + icon, never colour alone.
   Contrast (AA): label #1F3FB0 on mint tint 8.3:1 · label #8A3A00 on amber tint 7.6:1 · body ink on both > 14:1. */
.article__body .callout{margin:24px 0;max-width:42rem}
.callout--cheat,.callout--scam{border:1px solid var(--line);border-left-width:5px;color:var(--ink)}
.callout--cheat{background:var(--mint-tint);border-left-color:var(--signal-blue)}
.callout--scam{background:var(--amber-tint);border-color:#E9C98A;border-left-color:#B45309}
.callout--cheat .callout__h,.callout--scam .callout__h{display:flex;align-items:center;gap:8px;font-weight:700;margin-bottom:8px}
.callout--cheat .callout__h{color:var(--signal-blue-deep)}
.callout--scam .callout__h{color:#8A3A00}
.callout--cheat .callout__h::before,.callout--scam .callout__h::before{content:"";flex:none;width:20px;height:20px;background:currentColor;-webkit-mask:var(--ico) center/contain no-repeat;mask:var(--ico) center/contain no-repeat}
.callout--cheat .callout__h::before{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 21h6v-1.5H9V21zm3-19a7 7 0 0 0-4 12.7V17h8v-2.3A7 7 0 0 0 12 2z'/%3E%3C/svg%3E")}
.callout--scam .callout__h::before{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M12 2 1 21h22L12 2zm-1 7h2v6h-2V9zm0 8h2v2h-2v-2z'/%3E%3C/svg%3E")}
.callout--cheat > :last-child,.callout--scam > :last-child{margin-bottom:0}
.callout--cheat p,.callout--scam p,.callout--scam li{font-size:1rem}
.callout--scam ul{padding-left:1.2em;display:grid;gap:6px;margin:0 0 10px}
@media (forced-colors:active){.callout--cheat,.callout--scam{border-left-color:CanvasText}.callout__h::before{background:CanvasText}}
/* Body image slots ({% articleImage %}) */
.art-img{margin:20px 0 24px;max-width:560px}
.art-img img{width:100%;height:auto;border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--mist)}
.author-avatar{width:72px;height:72px;margin-bottom:12px}
.author-avatar svg{width:100%;height:100%}

/* Accepted payment methods line near checkout buttons: plain text + generic card icon (no brand logos). */
.pay-accepted{display:flex;align-items:center;gap:6px;margin:8px 0 0;font-size:.8125rem;color:var(--slate);font-weight:500}
.pay-accepted__icon{flex:none;color:var(--slate)}
.care__buy{display:grid;justify-items:start;gap:0}
.book .btn{margin-top:12px}
.care .pay-accepted,.care .pay-accepted__icon{color:#E2E8F0}

/* End of fix guides: "Want the template?" + booking card (low-key, not sticky) */
.end-cards{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin:40px 0 8px}
.end-card{border:1px solid var(--line);border-radius:var(--radius-lg);padding:18px 20px;background:var(--white);display:grid;gap:10px;align-content:start;justify-items:start}
.end-card__h{font-family:var(--font-mono);font-weight:500;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:var(--letter-spacing-caps);color:var(--slate);margin:0}
.end-card p{font-size:.9375rem;margin:0}
.end-card__link{font-weight:600}
.end-card__trust{color:var(--slate);border-left:3px solid var(--mint);padding-left:10px}
.end-card .fine{font-size:.75rem;color:var(--slate)}
.legal .ai-note-sm{font-size:.75rem;opacity:.8}
.ai-note{font-size:.9375rem;color:var(--slate);border-left:3px solid var(--line);padding-left:10px}

/* Our Briefs on /news/: room between the heading and the first item rule. */
.briefs > h2{margin:0 0 12px}

/* Our Briefs subline + brief price notes */
.briefs__sub{margin:-4px 0 4px;color:var(--muted,#5b6475);font-size:.95rem}
.price-asof{font-size:.8em;color:var(--muted,#5b6475);white-space:normal}
.price-asof a{color:inherit;text-decoration:underline}

/* Buyer's guides: visible paid-link label + empty state */
.paid-tag{display:inline-block;font-size:.72em;font-weight:600;letter-spacing:.02em;padding:1px 6px;border:1px solid var(--line,#d9dee7);border-radius:999px;color:var(--muted,#5b6475);vertical-align:middle;white-space:nowrap}
.empty-soon{padding:12px 0 20px}

/* Store deal price on partner cards (non-Amazon/Walmart/Target only) */
.pc .deal{margin:10px 0 0;font-size:.95rem}
.pc .deal-price{font-size:1.15rem;margin-right:4px}
.pc .deal .price-asof{display:block;font-size:.8rem;color:var(--muted,#5b6475)}

/* Home: "Latest news" strip inside the hero, under the intro (Oct 23, 2026). One compact band: 4 cards in a row on
   desktop, 2x2 on tablets, a swipeable row on phones (about a quarter of the screen). Headlines always wrap in full:
   no ellipsis, line-clamp or overflow on headline text (only the phone row itself scrolls sideways). No JS of its own. */
.newsstrip{margin-top:28px;max-width:100%}
.newsstrip__head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin-bottom:10px}
.newsstrip__h{display:inline-flex;align-items:center;gap:8px;font-size:var(--font-size-base);line-height:1.2;font-weight:800;letter-spacing:var(--letter-spacing-heading)}
.newsstrip__h .dot{width:8px;height:8px;border-radius:50%;background:var(--color-breaking)}
.newsstrip__stamp{font-size:var(--font-size-xs);color:var(--color-text-muted)}
.newsstrip__all{margin-left:auto;font-weight:600;font-size:var(--font-size-sm);text-decoration:none;white-space:nowrap}
.newsstrip__all:hover{text-decoration:underline}
.newsstrip__row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.newsstrip__list{display:contents}
.newsstrip .ni{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-md);padding:12px 14px;gap:5px;align-content:start;box-shadow:var(--shadow-sm)}
.newsstrip .ni:hover{border-color:var(--color-primary)}
.newsstrip .ni__h{font-size:.9375rem;line-height:1.35;overflow-wrap:break-word;hyphens:manual}
.newsstrip .ni__meta{font-size:var(--font-size-2xs);line-height:1.45}
/* No "Breaking" badge in the compact home band (routine promo posts looked urgent). CSS, not markup, so it also holds
   after site.js re-renders the list and toggles [hidden] every minute. /news/ keeps its badges. */
.newsstrip .badge-breaking,.newsstrip .badge-breaking[hidden]{display:none}
.tag--ours{background:var(--ink);color:var(--white)}
.ni--ours{border-color:var(--color-border-strong)}
@media (max-width:1000px){.newsstrip__row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){
  .newsstrip{margin-top:20px}
  .newsstrip__stamp{display:none} /* item times carry freshness on phones; keeps the head to one line */
  .newsstrip__row{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:80%;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding:2px 2px 8px;margin:0 -2px;scrollbar-width:thin}
  .newsstrip .ni{scroll-snap-align:start;padding:12px}
}