/* LUDAX use-case page system — shared by every /use-cases/* detail page.
   Extracted from the ad-verification page so the pages cannot drift apart.
   .ws-* layout + estimator shell, .sm-* monitoring modules + 05 plans,
   .av2-* editorial/forensic component set, .uc-* shared additions. */
/* --- web-scraping page: conversion layout additions (scoped .ws-*) --- */
:where([data-script-page="price-monitoring"]) .ws-hero { display: grid; grid-template-columns: minmax(0,1fr); gap: 34px; align-items: start; }
@media (min-width: 1000px) { :where([data-script-page="price-monitoring"]) .ws-hero { grid-template-columns: minmax(0,0.92fr) minmax(0,1.08fr); gap: 46px; align-items: center; } }
:where([data-script-page="price-monitoring"]) .ws-eyerow { display: flex; align-items: center; gap: 12px; margin-bottom: 18px; }
:where([data-script-page="price-monitoring"]) .ws-hero-copy .lx-h1 { margin-bottom: 18px; max-width: 15ch; }
:where([data-script-page="price-monitoring"]) .ws-anchor { display: flex; align-items: center; flex-wrap: wrap; gap: 10px 16px; margin: 24px 0; padding: 13px 18px;
  border: 1px solid rgba(168,85,247,0.34); border-radius: 14px; background: linear-gradient(100deg, rgba(124,58,237,0.16), rgba(124,58,237,0.02)); }
:where([data-script-page="price-monitoring"]) .ws-anchor-price { font-family: var(--font-space-grotesk), sans-serif; font-weight: 700; font-size: 24px; color: var(--text-primary); letter-spacing: -0.02em; white-space: nowrap; }
:where([data-script-page="price-monitoring"]) .ws-anchor-price small { font-size: 13px; font-weight: 600; color: var(--accent-text); margin-left: 2px; }
:where([data-script-page="price-monitoring"]) .ws-anchor-sub { font-size: 13px; color: var(--text-secondary); line-height: 1.45; }
:where([data-script-page="price-monitoring"]) .ws-facts { display: flex; flex-wrap: wrap; gap: 8px 10px; list-style: none; margin: 22px 0 0; padding: 0; }
:where([data-script-page="price-monitoring"]) .ws-facts li { font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 11px; letter-spacing: 0.08em; color: var(--text-muted);
  border: 1px solid var(--w-090); border-radius: 999px; padding: 7px 12px; }

/* crawl control panel */
:where([data-script-page="price-monitoring"]) .ws-panel { position: relative; border: 1px solid var(--w-090); border-radius: 18px; overflow: hidden;
  background: linear-gradient(180deg, var(--surface), var(--surface-sunken)); box-shadow: 0 40px 90px -50px rgba(124,58,237,0.75); }
:where([data-script-page="price-monitoring"]) .ws-panel-bar { display: flex; align-items: center; gap: 12px; padding: 12px 16px; border-bottom: 1px solid var(--w-070); background: var(--w-020); }
:where([data-script-page="price-monitoring"]) .ws-dots { display: flex; gap: 6px; }
:where([data-script-page="price-monitoring"]) .ws-dots i { width: 9px; height: 9px; border-radius: 50%; background: var(--w-160); }
:where([data-script-page="price-monitoring"]) .ws-panel-title { font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 11.5px; letter-spacing: 0.14em; color: var(--text-secondary); }
:where([data-script-page="price-monitoring"]) .ws-live { margin-left: auto; display: inline-flex; align-items: center; gap: 7px; font-family: var(--font-jetbrains-mono), Menlo, monospace;
  font-size: 10.5px; letter-spacing: 0.16em; color: var(--lime-text); border: 1px solid rgba(163,230,53,0.3); border-radius: 999px; padding: 4px 10px; }
:where([data-script-page="price-monitoring"]) .ws-live i { width: 6px; height: 6px; border-radius: 50%; background: #a3e635; animation: wsPulse 1.8s ease-in-out infinite; }
@keyframes wsPulse { 0%,100% { opacity: 1; transform: scale(1); } 50% { opacity: .35; transform: scale(.75); } }
:where([data-script-page="price-monitoring"]) .ws-cfg { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 1px; background: var(--w-070); }
:where([data-script-page="price-monitoring"]) .ws-cfg .ws-field--wide { grid-column: span 2; }
@media (min-width: 620px) { :where([data-script-page="price-monitoring"]) .ws-cfg { grid-template-columns: repeat(4, minmax(0,1fr)); } :where([data-script-page="price-monitoring"]) .ws-cfg .ws-field--wide { grid-column: span 4; } }
:where([data-script-page="price-monitoring"]) .ws-field { display: block; background: var(--surface-2); padding: 11px 14px; min-width: 0; }
:where([data-script-page="price-monitoring"]) .ws-field > span { display: block; font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 9.5px; letter-spacing: 0.16em; color: var(--text-muted); margin-bottom: 6px; }
:where([data-script-page="price-monitoring"]) .ws-field input, :where([data-script-page="price-monitoring"]) .ws-field select { width: 100%; background: transparent; border: 0; padding: 2px 0; color: var(--text-primary);
  font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 13px; min-height: 24px; }
:where([data-script-page="price-monitoring"]) .ws-field input { text-overflow: ellipsis; }
:where([data-script-page="price-monitoring"]) .ws-field select { appearance: none; -webkit-appearance: none; color: var(--accent-text); cursor: pointer;
  background-image: linear-gradient(45deg, transparent 50%, var(--text-muted) 50%), linear-gradient(135deg, var(--text-muted) 50%, transparent 50%);
  background-position: right 8px center, right 3px center; background-size: 5px 5px, 5px 5px; background-repeat: no-repeat; padding-right: 18px; }
:where([data-script-page="price-monitoring"]) .ws-field select option { background: var(--surface); color: var(--text-primary); }
:where([data-script-page="price-monitoring"]) .ws-panel-split { display: grid; grid-template-columns: minmax(0,1fr); }
@media (min-width: 620px) { :where([data-script-page="price-monitoring"]) .ws-panel-split { grid-template-columns: minmax(0,1.35fr) minmax(0,1fr); } }
:where([data-script-page="price-monitoring"]) .ws-stream { padding: 12px 14px; border-top: 1px solid var(--w-070); display: flex; flex-direction: column; gap: 6px; min-width: 0; }
:where([data-script-page="price-monitoring"]) .ws-row { display: grid; grid-template-columns: 44px minmax(0,1fr) auto; align-items: center; gap: 10px;
  font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 11.5px; color: var(--text-secondary);
  border: 1px solid var(--w-055); border-radius: 9px; padding: 7px 9px; background: var(--w-017); }
:where([data-script-page="price-monitoring"]) .ws-row--in { animation: wsIn .45s ease both; }
@keyframes wsIn { from { opacity: 0; transform: translateY(-7px); } to { opacity: 1; transform: none; } }
:where([data-script-page="price-monitoring"]) .ws-row code { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--text-soft); font-size: 11.5px; }
:where([data-script-page="price-monitoring"]) .ws-row .ws-meta { color: var(--text-muted); white-space: nowrap; font-size: 10.5px; }
:where([data-script-page="price-monitoring"]) .ws-st { font-weight: 700; font-size: 10.5px; text-align: center; border-radius: 5px; padding: 3px 0; }
:where([data-script-page="price-monitoring"]) .ws-st--ok { color: var(--lime-text); background: rgba(163,230,53,0.12); }
:where([data-script-page="price-monitoring"]) .ws-st--rt { color: var(--cyan-text); background: rgba(34,211,238,0.12); }
:where([data-script-page="price-monitoring"]) .ws-st--no { color: var(--danger-text); background: rgba(248,113,113,0.12); }
:where([data-script-page="price-monitoring"]) .ws-gauge { padding: 14px; border-top: 1px solid var(--w-070); border-left: 1px solid var(--w-070); display: flex; flex-direction: column; gap: 12px; }
:where([data-script-page="price-monitoring"]) .ws-gauge-lab { font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 9.5px; letter-spacing: 0.15em; color: var(--text-muted); }
:where([data-script-page="price-monitoring"]) .ws-gauge-val { font-family: var(--font-space-grotesk), sans-serif; font-weight: 700; font-size: 34px; line-height: 1; color: var(--text-primary); letter-spacing: -0.02em; }
:where([data-script-page="price-monitoring"]) .ws-gauge-val span { font-size: 15px; color: var(--lime-text); }
:where([data-script-page="price-monitoring"]) .ws-meter { height: 7px; border-radius: 4px; background: var(--w-070); overflow: hidden; }
:where([data-script-page="price-monitoring"]) .ws-meter i { display: block; height: 100%; border-radius: 4px; background: linear-gradient(90deg, #7c3aed, #a3e635); transition: width .7s cubic-bezier(.4,0,.2,1); }
:where([data-script-page="price-monitoring"]) .ws-bars { display: flex; flex-direction: column; gap: 8px; }
:where([data-script-page="price-monitoring"]) .ws-bar { display: grid; grid-template-columns: 62px minmax(0,1fr) 34px; align-items: center; gap: 8px; font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 10px; letter-spacing: 0.08em; color: var(--text-muted); }
:where([data-script-page="price-monitoring"]) .ws-bar-track { height: 5px; border-radius: 3px; background: var(--w-070); overflow: hidden; }
:where([data-script-page="price-monitoring"]) .ws-bar-track i { display: block; height: 100%; border-radius: 3px; transition: width .7s cubic-bezier(.4,0,.2,1); }
:where([data-script-page="price-monitoring"]) .ws-bar b { color: var(--text-soft); text-align: right; font-weight: 700; }
:where([data-script-page="price-monitoring"]) .ws-snipwrap { border-top: 1px solid var(--w-070); }
:where([data-script-page="price-monitoring"]) .ws-snipwrap .lx-code { border: 0; border-radius: 0; }
:where([data-script-page="price-monitoring"]) .ws-disc { padding: 10px 15px 13px; font-size: 11.5px; color: var(--text-muted); border-top: 1px solid var(--w-070); line-height: 1.5; }

/* trust strip */
:where([data-script-page="price-monitoring"]) .ws-strip { display: grid; grid-template-columns: minmax(0,1fr); gap: 1px; background: var(--w-070);
  border: 1px solid var(--w-070); border-radius: 16px; overflow: hidden; }
@media (min-width: 520px) { :where([data-script-page="price-monitoring"]) .ws-strip { grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (min-width: 1000px) { :where([data-script-page="price-monitoring"]) .ws-strip { grid-template-columns: repeat(4, minmax(0,1fr)); } }
:where([data-script-page="price-monitoring"]) .ws-strip > div { background: var(--surface-sunken); padding: 20px; min-width: 0; }
:where([data-script-page="price-monitoring"]) .ws-strip b { display: block; font-family: var(--font-space-grotesk), sans-serif; font-size: 21px; color: var(--text-primary); letter-spacing: -0.01em; margin-bottom: 5px; }
:where([data-script-page="price-monitoring"]) .ws-strip span { font-size: 12.5px; color: var(--text-muted); line-height: 1.5; }

/* symptoms */
:where([data-script-page="price-monitoring"]) .ws-two { display: grid; grid-template-columns: minmax(0,1fr); gap: 30px; align-items: start; }
@media (min-width: 940px) { :where([data-script-page="price-monitoring"]) .ws-two { grid-template-columns: minmax(0,0.85fr) minmax(0,1.15fr); gap: 48px; } }
:where([data-script-page="price-monitoring"]) .ws-symp { display: flex; flex-direction: column; gap: 10px; }
:where([data-script-page="price-monitoring"]) .ws-symp-item { display: grid; grid-template-columns: auto minmax(0,1fr); gap: 14px; align-items: center; padding: 15px 17px;
  border: 1px solid var(--w-070); border-radius: 13px; background: var(--surface); transition: border-color .25s, transform .25s; }
:where([data-script-page="price-monitoring"]) .ws-symp-item:hover { border-color: rgba(248,113,113,0.34); transform: translateX(3px); }
:where([data-script-page="price-monitoring"]) .ws-symp-code { font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 12px; font-weight: 700; color: var(--danger-text);
  border: 1px solid rgba(248,113,113,0.28); border-radius: 8px; padding: 7px 9px; white-space: nowrap; }
:where([data-script-page="price-monitoring"]) .ws-symp-item p { font-size: 13.5px; color: var(--text-secondary); line-height: 1.5; }
:where([data-script-page="price-monitoring"]) .ws-symp-item p b { color: var(--text-primary); font-weight: 600; }

/* before / after */
:where([data-script-page="price-monitoring"]) .ws-ba { display: grid; grid-template-columns: minmax(0,1fr); gap: 16px; align-items: stretch; }
@media (min-width: 880px) { :where([data-script-page="price-monitoring"]) .ws-ba { grid-template-columns: minmax(0,1fr) auto minmax(0,1fr); gap: 20px; align-items: center; } }
:where([data-script-page="price-monitoring"]) .ws-ba-card { border: 1px solid var(--w-080); border-radius: 16px; overflow: hidden; background: var(--surface-2); }
:where([data-script-page="price-monitoring"]) .ws-ba-card--good { border-color: rgba(168,85,247,0.42); box-shadow: 0 30px 70px -45px rgba(139,92,246,0.8); background: linear-gradient(180deg, rgba(124,58,237,0.12), var(--surface-2) 60%); }
:where([data-script-page="price-monitoring"]) .ws-ba-head { display: flex; align-items: center; gap: 10px; padding: 13px 16px; border-bottom: 1px solid var(--w-070); }
:where([data-script-page="price-monitoring"]) .ws-ba-head strong { font-size: 14px; color: var(--text-primary); font-weight: 600; }
:where([data-script-page="price-monitoring"]) .ws-tag { font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 9.5px; letter-spacing: 0.14em; border-radius: 999px; padding: 4px 9px; }
:where([data-script-page="price-monitoring"]) .ws-tag--bad { color: var(--danger-text); border: 1px solid rgba(248,113,113,0.3); }
:where([data-script-page="price-monitoring"]) .ws-tag--good { color: var(--accent-text); border: 1px solid rgba(168,85,247,0.4); }
:where([data-script-page="price-monitoring"]) .ws-ba-rows { display: flex; flex-direction: column; }
:where([data-script-page="price-monitoring"]) .ws-ba-rows > div { display: grid; grid-template-columns: 108px minmax(0,1fr); gap: 12px; padding: 11px 16px; font-size: 12.5px; }
:where([data-script-page="price-monitoring"]) .ws-ba-rows > div + div { border-top: 1px solid var(--w-050); }
:where([data-script-page="price-monitoring"]) .ws-ba-rows dt { font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 10px; letter-spacing: 0.12em; color: var(--text-muted); padding-top: 2px; }
:where([data-script-page="price-monitoring"]) .ws-ba-rows dd { margin: 0; color: var(--text-soft); line-height: 1.45; font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 12px; word-break: break-word; }
:where([data-script-page="price-monitoring"]) .ws-ba-rows dd.ws-bad { color: var(--danger-text); }
:where([data-script-page="price-monitoring"]) .ws-ba-rows dd.ws-good { color: var(--lime-text); }
:where([data-script-page="price-monitoring"]) .ws-ba-mid { display: flex; align-items: center; justify-content: center; font-family: var(--font-jetbrains-mono), Menlo, monospace;
  font-size: 10px; letter-spacing: 0.16em; color: var(--text-muted); }
:where([data-script-page="price-monitoring"]) .ws-ba-mid span { border: 1px solid var(--w-100); border-radius: 999px; padding: 8px 12px; white-space: nowrap; }

/* flow tabs */
:where([data-script-page="price-monitoring"]) .ws-vh { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
:where([data-script-page="price-monitoring"]) .ws-flow { position: relative; }
:where([data-script-page="price-monitoring"]) .ws-flow-tabs { display: grid; grid-template-columns: minmax(0,1fr); gap: 10px; margin-bottom: 20px; }
@media (min-width: 780px) { :where([data-script-page="price-monitoring"]) .ws-flow-tabs { grid-template-columns: repeat(3, minmax(0,1fr)); } }
:where([data-script-page="price-monitoring"]) .ws-flow-tabs label { display: flex; align-items: center; gap: 12px; min-height: 60px; padding: 14px 16px; cursor: pointer;
  border: 1px solid var(--w-080); border-radius: 13px; background: var(--surface); color: var(--text-secondary); font-size: 14px; font-weight: 600;
  transition: border-color .25s, color .25s, background .25s; }
:where([data-script-page="price-monitoring"]) .ws-flow-tabs label:hover { border-color: rgba(168,85,247,0.4); color: var(--text-primary); }
:where([data-script-page="price-monitoring"]) .ws-flow-tabs label b { font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 11px; font-weight: 700; color: var(--accent-strong);
  border: 1px solid rgba(168,85,247,0.35); border-radius: 8px; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; flex: 0 0 auto; }
:where([data-script-page="price-monitoring"]) .ws-flow-panel { display: none; }
:where([data-script-page="price-monitoring"]) #wsf1:checked ~ .ws-flow-tabs label[for="wsf1"], :where([data-script-page="price-monitoring"]) #wsf2:checked ~ .ws-flow-tabs label[for="wsf2"], :where([data-script-page="price-monitoring"]) #wsf3:checked ~ .ws-flow-tabs label[for="wsf3"] {
  border-color: rgba(168,85,247,0.6); background: linear-gradient(180deg, rgba(124,58,237,0.2), rgba(124,58,237,0.04)); color: var(--text-primary); }
:where([data-script-page="price-monitoring"]) #wsf1:focus-visible ~ .ws-flow-tabs label[for="wsf1"], :where([data-script-page="price-monitoring"]) #wsf2:focus-visible ~ .ws-flow-tabs label[for="wsf2"], :where([data-script-page="price-monitoring"]) #wsf3:focus-visible ~ .ws-flow-tabs label[for="wsf3"] {
  outline: 2px solid rgba(196,181,253,0.9); outline-offset: 2px; }
:where([data-script-page="price-monitoring"]) #wsf1:checked ~ .ws-flow-body [data-flow="1"], :where([data-script-page="price-monitoring"]) #wsf2:checked ~ .ws-flow-body [data-flow="2"], :where([data-script-page="price-monitoring"]) #wsf3:checked ~ .ws-flow-body [data-flow="3"] { display: block; animation: wsFade .35s ease both; }
@keyframes wsFade { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
:where([data-script-page="price-monitoring"]) .ws-flow-body { border: 1px solid var(--w-080); border-radius: 16px; background: var(--surface-2); padding: clamp(18px,2.4vw,26px); }
:where([data-script-page="price-monitoring"]) .ws-flow-grid { display: grid; grid-template-columns: minmax(0,1fr); gap: 18px; }
@media (min-width: 760px) { :where([data-script-page="price-monitoring"]) .ws-flow-grid { grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 28px; align-items: center; } }
:where([data-script-page="price-monitoring"]) .ws-kv { display: flex; flex-direction: column; gap: 8px; }
:where([data-script-page="price-monitoring"]) .ws-kv > div { display: flex; justify-content: space-between; gap: 14px; padding: 10px 13px; border: 1px solid var(--w-060);
  border-radius: 10px; background: var(--w-020); font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 11.5px; }
:where([data-script-page="price-monitoring"]) .ws-kv span:first-child { color: var(--text-muted); letter-spacing: 0.1em; }
:where([data-script-page="price-monitoring"]) .ws-kv span:last-child { color: var(--accent-text); text-align: right; }

/* plan chooser */
:where([data-script-page="price-monitoring"]) .ws-plans { display: grid; grid-template-columns: minmax(0,1fr); gap: 16px; align-items: stretch; }
@media (min-width: 520px) { :where([data-script-page="price-monitoring"]) .ws-plans { grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (min-width: 1020px) { :where([data-script-page="price-monitoring"]) .ws-plans { grid-template-columns: repeat(4, minmax(0,1fr)); } }
:where([data-script-page="price-monitoring"]) .ws-rec { position: absolute; top: -1px; right: -1px; border-top-right-radius: 15px; font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 9.5px; letter-spacing: 0.14em;
  color: var(--ink-on-light); background: #a3e635; border-bottom-left-radius: 10px; padding: 5px 10px; }
:where([data-script-page="price-monitoring"]) .ws-plan-note { font-size: 12px; color: var(--text-muted); margin-bottom: 16px; line-height: 1.5; }

/* misc */
:where([data-script-page="price-monitoring"]) .ws-cta-price { display: inline-flex; align-items: baseline; gap: 6px; font-family: var(--font-space-grotesk), sans-serif; color: var(--text-primary); }
:where([data-script-page="price-monitoring"]) .ws-usecases a.lx-card { display: flex; flex-direction: column; text-decoration: none; }
:where([data-script-page="price-monitoring"]) .ws-usecases .lx-card h3 { color: var(--text-primary); }
/* --- A. geo explorer --- */
:where([data-script-page="price-monitoring"]) .ws-geo { display: grid; grid-template-columns: minmax(0,1fr); gap: 22px; }
@media (min-width: 980px) { :where([data-script-page="price-monitoring"]) .ws-geo { grid-template-columns: minmax(0,1.02fr) minmax(0,0.98fr); gap: 32px; align-items: start; } }
:where([data-script-page="price-monitoring"]) .ws-card { border: 1px solid var(--w-080); border-radius: 18px; background: linear-gradient(180deg,var(--surface),var(--surface-sunken)); padding: clamp(16px,2vw,22px); min-width: 0; }
:where([data-script-page="price-monitoring"]) .ws-geo-anchor { display: flex; align-items: baseline; gap: 13px; margin-bottom: 18px; }
:where([data-script-page="price-monitoring"]) .ws-geo-anchor b { font-family: var(--font-space-grotesk), sans-serif; font-weight: 700; font-size: clamp(40px,5.4vw,58px); line-height: 0.86; color: var(--text-primary); letter-spacing: -0.03em; }
:where([data-script-page="price-monitoring"]) .ws-geo-anchor span { font-size: 13px; color: var(--text-muted); line-height: 1.5; max-width: 24ch; }
:where([data-script-page="price-monitoring"]) .ws-rtabs { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 18px; }
:where([data-script-page="price-monitoring"]) .ws-rtab { font: inherit; font-size: 13px; font-weight: 600; color: var(--text-secondary); background: var(--surface); border: 1px solid var(--w-090);
  border-radius: 999px; padding: 9px 15px; min-height: 40px; cursor: pointer; transition: color .25s, border-color .25s, background .25s; }
:where([data-script-page="price-monitoring"]) .ws-rtab:hover { color: var(--text-primary); border-color: rgba(168,85,247,0.42); }
:where([data-script-page="price-monitoring"]) .ws-rtab[aria-selected="true"] { color: var(--text-primary); border-color: rgba(168,85,247,0.62); background: linear-gradient(180deg, rgba(124,58,237,0.3), rgba(124,58,237,0.06)); }
:where([data-script-page="price-monitoring"]) .ws-rtab:focus-visible { outline: 2px solid rgba(196,181,253,0.9); outline-offset: 2px; }
:where([data-script-page="price-monitoring"]) .ws-map { display: grid; grid-template-columns: repeat(20, 1fr); gap: clamp(3px,0.5vw,5px); max-width: 470px; }
:where([data-script-page="price-monitoring"]) .ws-map i { display: block; aspect-ratio: 1; border-radius: 50%; background: var(--w-035); transition: background .35s ease, transform .35s ease, box-shadow .35s ease; }
:where([data-script-page="price-monitoring"]) .ws-map i[data-land] { background: var(--w-120); }
:where([data-script-page="price-monitoring"]) .ws-map i[data-on="1"] { background: #a855f7; box-shadow: 0 0 9px rgba(168,85,247,0.5); transform: scale(1.15); }
:where([data-script-page="price-monitoring"]) .ws-map i[data-on="pin"] { background: #a3e635; box-shadow: 0 0 12px rgba(163,230,53,0.75); transform: scale(1.5); }
:where([data-script-page="price-monitoring"]) .ws-map-cap { margin-top: 12px; font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 10px; letter-spacing: 0.14em; color: var(--text-muted); }
:where([data-script-page="price-monitoring"]) .ws-out-head { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; }
:where([data-script-page="price-monitoring"]) .ws-out-cc { font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 13px; font-weight: 700; color: var(--accent-text);
  border: 1px solid rgba(168,85,247,0.4); border-radius: 9px; padding: 8px 10px; }
:where([data-script-page="price-monitoring"]) .ws-out-head strong { display: block; font-size: 15px; color: var(--text-primary); font-weight: 600; }
:where([data-script-page="price-monitoring"]) .ws-out-head em { display: block; font-style: normal; font-size: 11.5px; color: var(--text-muted); margin-top: 2px; }
:where([data-script-page="price-monitoring"]) .ws-out-badge { margin-left: auto; font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 9.5px; letter-spacing: 0.14em; color: var(--lime-text);
  border: 1px solid rgba(163,230,53,0.3); border-radius: 999px; padding: 4px 9px; white-space: nowrap; }
:where([data-script-page="price-monitoring"]) .ws-drows { display: flex; flex-direction: column; margin: 0 0 14px; }
:where([data-script-page="price-monitoring"]) .ws-drows > div { display: grid; grid-template-columns: 130px minmax(0,1fr); gap: 12px; padding: 10px 0; }
:where([data-script-page="price-monitoring"]) .ws-drows > div + div { border-top: 1px solid var(--w-055); }
:where([data-script-page="price-monitoring"]) .ws-drows dt { font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 10px; letter-spacing: 0.12em; color: var(--text-muted); padding-top: 2px; }
:where([data-script-page="price-monitoring"]) .ws-drows dd { margin: 0; font-size: 13px; color: var(--text-soft); line-height: 1.45; }
:where([data-script-page="price-monitoring"]) .ws-out-note { margin-top: 12px; font-size: 12px; color: var(--text-muted); line-height: 1.5; }
:where([data-script-page="price-monitoring"]) .ws-linkrow { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; margin-top: 20px; }

/* --- B. workload explorer --- */
:where([data-script-page="price-monitoring"]) .ws-wl { display: grid; grid-template-columns: minmax(0,1fr); gap: 18px; }
@media (min-width: 1000px) { :where([data-script-page="price-monitoring"]) .ws-wl { grid-template-columns: minmax(0,300px) minmax(0,1fr); gap: 26px; align-items: start; } }
:where([data-script-page="price-monitoring"]) .ws-wl-tabs { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px; }
@media (min-width: 1000px) { :where([data-script-page="price-monitoring"]) .ws-wl-tabs { grid-template-columns: minmax(0,1fr); } }
:where([data-script-page="price-monitoring"]) .ws-wl-tab { display: grid; grid-template-columns: auto minmax(0,1fr); gap: 12px; align-items: center; text-align: left; font: inherit; cursor: pointer;
  background: var(--surface); border: 1px solid var(--w-080); border-radius: 14px; padding: 14px 15px; min-height: 66px;
  transition: border-color .25s, background .25s; }
:where([data-script-page="price-monitoring"]) .ws-wl-tab:hover { border-color: rgba(168,85,247,0.42); }
:where([data-script-page="price-monitoring"]) .ws-wl-tab[aria-selected="true"] { border-color: rgba(168,85,247,0.62); background: linear-gradient(180deg, rgba(124,58,237,0.24), rgba(124,58,237,0.04)); }
:where([data-script-page="price-monitoring"]) .ws-wl-tab:focus-visible { outline: 2px solid rgba(196,181,253,0.9); outline-offset: 2px; }
:where([data-script-page="price-monitoring"]) .ws-wl-tab b { display: block; font-size: 14.5px; font-weight: 600; color: var(--text-primary); }
:where([data-script-page="price-monitoring"]) .ws-wl-tab span.ws-wl-sub { display: block; font-size: 12px; color: var(--text-muted); margin-top: 3px; line-height: 1.4; }
:where([data-script-page="price-monitoring"]) .ws-sig { width: 30px; display: flex; flex-direction: column; gap: 4px; }
:where([data-script-page="price-monitoring"]) .ws-sig i { display: block; height: 4px; border-radius: 2px; background: #a855f7; opacity: .85; }
:where([data-script-page="price-monitoring"]) .ws-sig--price i:nth-child(1) { width: 100%; } :where([data-script-page="price-monitoring"]) .ws-sig--price i:nth-child(2) { width: 62%; } :where([data-script-page="price-monitoring"]) .ws-sig--price i:nth-child(3) { width: 82%; }
:where([data-script-page="price-monitoring"]) .ws-sig--rank i:nth-child(1) { width: 40%; } :where([data-script-page="price-monitoring"]) .ws-sig--rank i:nth-child(2) { width: 70%; } :where([data-script-page="price-monitoring"]) .ws-sig--rank i:nth-child(3) { width: 100%; }
:where([data-script-page="price-monitoring"]) .ws-sig--chain { flex-direction: row; align-items: center; }
:where([data-script-page="price-monitoring"]) .ws-sig--chain i { width: 7px; height: 7px; border-radius: 50%; }
:where([data-script-page="price-monitoring"]) .ws-sig--chain i:nth-child(2) { width: 12px; height: 3px; border-radius: 2px; opacity: .45; }
:where([data-script-page="price-monitoring"]) .ws-sig--chain i:nth-child(4) { width: 12px; height: 3px; border-radius: 2px; opacity: .45; }
:where([data-script-page="price-monitoring"]) .ws-sig--grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 3px; }
:where([data-script-page="price-monitoring"]) .ws-sig--grid i { width: 100%; height: 7px; border-radius: 2px; }
:where([data-script-page="price-monitoring"]) .ws-sig--grid i:nth-child(even) { opacity: .4; }
:where([data-script-page="price-monitoring"]) .ws-wl-panel { border: 1px solid var(--w-080); border-radius: 18px; background: linear-gradient(180deg,var(--surface),var(--surface-sunken));
  padding: clamp(18px,2.4vw,26px); min-width: 0; }
:where([data-script-page="price-monitoring"]) .ws-wl-panel--in { animation: wsPanelIn .26s cubic-bezier(.4,0,.2,1) both; }
@keyframes wsPanelIn { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { :where([data-script-page="price-monitoring"]) .ws-wl-panel--in { animation: none; } }
:where([data-script-page="price-monitoring"]) .ws-wl-body { display: grid; grid-template-columns: minmax(0,1fr); gap: 20px; }
@media (min-width: 760px) { :where([data-script-page="price-monitoring"]) .ws-wl-body { grid-template-columns: minmax(0,1fr) minmax(0,0.92fr); gap: 26px; } }
:where([data-script-page="price-monitoring"]) .ws-viz { border: 1px solid var(--w-070); border-radius: 13px; background: var(--w-018); padding: 13px; min-width: 0; }
:where([data-script-page="price-monitoring"]) .ws-viz-lab { font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 9.5px; letter-spacing: 0.15em; color: var(--text-muted); margin-bottom: 10px; }
:where([data-script-page="price-monitoring"]) .ws-vrow { display: grid; grid-template-columns: 34px minmax(0,1fr) auto; align-items: center; gap: 10px; padding: 7px 0;
  font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 11.5px; color: var(--text-soft); }
:where([data-script-page="price-monitoring"]) .ws-vrow + .ws-vrow { border-top: 1px solid var(--w-050); }
:where([data-script-page="price-monitoring"]) .ws-vrow u { text-decoration: none; color: var(--text-muted); }
:where([data-script-page="price-monitoring"]) .ws-vrow b { color: var(--text-primary); font-weight: 700; }
:where([data-script-page="price-monitoring"]) .ws-vrow .ws-vtrack { height: 5px; border-radius: 3px; background: var(--w-070); overflow: hidden; }
:where([data-script-page="price-monitoring"]) .ws-vrow .ws-vtrack i { display: block; height: 100%; border-radius: 3px; background: linear-gradient(90deg,#7c3aed,#a3e635); }
:where([data-script-page="price-monitoring"]) .ws-vchain { display: flex; flex-wrap: wrap; gap: 7px; align-items: center; }
:where([data-script-page="price-monitoring"]) .ws-vchain span { font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 10.5px; color: var(--accent-text);
  border: 1px solid rgba(168,85,247,0.3); border-radius: 8px; padding: 6px 9px; }
:where([data-script-page="price-monitoring"]) .ws-vchain u { text-decoration: none; color: var(--text-muted); }

/* --- C. product chooser --- */
:where([data-script-page="price-monitoring"]) .ws-fit { display: grid; grid-template-columns: minmax(0,1fr); gap: 20px; align-items: start; }
@media (min-width: 940px) { :where([data-script-page="price-monitoring"]) .ws-fit { grid-template-columns: minmax(0,1.05fr) minmax(0,0.95fr); gap: 28px; } }
:where([data-script-page="price-monitoring"]) .ws-q { border: 0; margin: 0 0 16px; padding: 0; }
:where([data-script-page="price-monitoring"]) .ws-q:last-of-type { margin-bottom: 0; }
:where([data-script-page="price-monitoring"]) .ws-q legend { padding: 0; font-size: 14px; color: var(--text-primary); font-weight: 500; line-height: 1.5; margin-bottom: 10px; }
:where([data-script-page="price-monitoring"]) .ws-q legend b { font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 11px; color: var(--accent-strong); margin-right: 8px; }
:where([data-script-page="price-monitoring"]) .ws-seg { display: flex; flex-wrap: wrap; gap: 8px; }
:where([data-script-page="price-monitoring"]) .ws-seg label { position: relative; }
:where([data-script-page="price-monitoring"]) .ws-seg input { position: absolute; inset: 0; opacity: 0; width: 100%; height: 100%; margin: 0; cursor: pointer; }
:where([data-script-page="price-monitoring"]) .ws-seg span { display: flex; align-items: center; justify-content: center; min-height: 42px; padding: 0 18px; border-radius: 10px;
  border: 1px solid var(--w-090); background: var(--surface); color: var(--text-secondary); font-size: 13.5px; font-weight: 600; transition: all .2s; }
:where([data-script-page="price-monitoring"]) .ws-seg label:hover span { border-color: rgba(168,85,247,0.4); color: var(--text-primary); }
:where([data-script-page="price-monitoring"]) .ws-seg input:checked + span { border-color: rgba(168,85,247,0.62); background: linear-gradient(180deg, rgba(124,58,237,0.3), rgba(124,58,237,0.06)); color: var(--text-primary); }
:where([data-script-page="price-monitoring"]) .ws-seg input:focus-visible + span { outline: 2px solid rgba(196,181,253,0.9); outline-offset: 2px; }
:where([data-script-page="price-monitoring"]) .ws-recbox { border: 1px solid rgba(168,85,247,0.42); border-radius: 18px; padding: clamp(18px,2.3vw,24px);
  background: linear-gradient(180deg, rgba(124,58,237,0.14), var(--surface-2) 62%); box-shadow: 0 30px 70px -45px rgba(139,92,246,0.8); }
:where([data-script-page="price-monitoring"]) .ws-recbox-lab { font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 9.5px; letter-spacing: 0.15em; color: var(--accent-text); margin-bottom: 12px; }
:where([data-script-page="price-monitoring"]) .ws-recbox h3 { font-family: var(--font-space-grotesk), sans-serif; font-size: clamp(22px,2.6vw,27px); color: var(--text-primary); letter-spacing: -0.02em; margin-bottom: 6px; }
:where([data-script-page="price-monitoring"]) .ws-recbox .ws-recprice { font-family: var(--font-space-grotesk), sans-serif; font-size: 19px; color: var(--text-primary); margin-bottom: 16px; }
:where([data-script-page="price-monitoring"]) .ws-recbox .ws-recprice span { font-size: 13px; color: var(--text-muted); }
:where([data-script-page="price-monitoring"]) .ws-recbox h3, :where([data-script-page="price-monitoring"]) .ws-recbox .ws-recprice, :where([data-script-page="price-monitoring"]) .ws-recbox .ws-drows dd { transition: opacity .17s ease, transform .17s ease; }
:where([data-script-page="price-monitoring"]) .ws-recbox.is-swap h3, :where([data-script-page="price-monitoring"]) .ws-recbox.is-swap .ws-recprice, :where([data-script-page="price-monitoring"]) .ws-recbox.is-swap .ws-drows dd { opacity: 0; transform: translateY(5px); }
@media (prefers-reduced-motion: reduce) { :where([data-script-page="price-monitoring"]) .ws-recbox h3, :where([data-script-page="price-monitoring"]) .ws-recbox .ws-recprice, :where([data-script-page="price-monitoring"]) .ws-recbox .ws-drows dd { transition: none; } }
:where([data-script-page="price-monitoring"]) .ws-compare { display: grid; grid-template-columns: minmax(0,1fr); gap: 1px; background: var(--w-070);
  border: 1px solid var(--w-070); border-radius: 14px; overflow: hidden; margin-top: 24px; }
@media (min-width: 640px) { :where([data-script-page="price-monitoring"]) .ws-compare { grid-template-columns: repeat(2, minmax(0,1fr)); } }
:where([data-script-page="price-monitoring"]) .ws-compare > div { background: var(--surface-sunken); padding: 17px 19px; display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 12px; }
:where([data-script-page="price-monitoring"]) .ws-compare strong { font-size: 14.5px; color: var(--text-primary); font-weight: 600; }
:where([data-script-page="price-monitoring"]) .ws-compare em { font-style: normal; font-family: var(--font-space-grotesk), sans-serif; font-size: 15px; color: var(--accent-text); }
:where([data-script-page="price-monitoring"]) .ws-compare p { flex: 1 0 100%; font-size: 12.5px; color: var(--text-muted); line-height: 1.5; }

/* --- D. closer --- */
:where([data-script-page="price-monitoring"]) .ws-closer { position: relative; border-top: 1px solid var(--w-070); overflow: hidden;
  background: radial-gradient(70% 120% at 12% 0%, rgba(124,58,237,0.26), transparent 70%), var(--surface-sunken); }
:where([data-script-page="price-monitoring"]) .ws-closer-grid { display: grid; grid-template-columns: minmax(0,1fr); gap: 28px; align-items: center; }
@media (min-width: 1000px) { :where([data-script-page="price-monitoring"]) .ws-closer-grid { grid-template-columns: minmax(0,0.9fr) minmax(0,1.1fr); gap: 46px; } }
:where([data-script-page="price-monitoring"]) .ws-calc { border: 1px solid var(--w-100); border-radius: 20px; background: linear-gradient(180deg,var(--surface),var(--surface-sunken));
  box-shadow: 0 44px 100px -55px rgba(124,58,237,0.85); overflow: hidden; }
:where([data-script-page="price-monitoring"]) .ws-calc-head { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; padding: 14px 17px; border-bottom: 1px solid var(--w-070); background: var(--w-020); }
:where([data-script-page="price-monitoring"]) .ws-calc-head span.ws-panel-title { margin-right: auto; }
:where([data-script-page="price-monitoring"]) .ws-presets { padding: 15px 17px 0; }
:where([data-script-page="price-monitoring"]) .ws-presets-lab { display: block; font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 9.5px; letter-spacing: 0.15em; color: var(--text-muted); margin-bottom: 8px; }
:where([data-script-page="price-monitoring"]) .ws-presets-row { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 7px; }
:where([data-script-page="price-monitoring"]) .ws-presets-row .ws-preset { width: 100%; text-align: center; padding: 8px 6px; }
@media (max-width: 479px) { :where([data-script-page="price-monitoring"]) .ws-presets-row { grid-template-columns: minmax(0,1fr); gap: 8px; }
  :where([data-script-page="price-monitoring"]) .ws-presets-row .ws-preset { min-height: 44px; white-space: nowrap; } }
:where([data-script-page="price-monitoring"]) .ws-preset { font: inherit; font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 10.5px; letter-spacing: 0.1em; color: var(--text-secondary);
  background: transparent; border: 1px solid var(--w-120); border-radius: 999px; padding: 7px 11px; min-height: 34px; cursor: pointer; transition: all .2s; }
:where([data-script-page="price-monitoring"]) .ws-preset:hover { color: var(--text-primary); border-color: rgba(168,85,247,0.5); }
:where([data-script-page="price-monitoring"]) .ws-preset[aria-pressed="true"] { color: var(--text-primary); background: #7c3aed; border-color: #a855f7; box-shadow: 0 0 0 1px rgba(168,85,247,0.35); }
:where([data-script-page="price-monitoring"]) .ws-preset[aria-pressed="true"]:hover { background: #8b5cf6; border-color: #c4b5fd; color: var(--text-primary); }
:where([data-script-page="price-monitoring"]) .ws-preset:focus-visible { outline: 2px solid rgba(196,181,253,0.9); outline-offset: 2px; }
:where([data-script-page="price-monitoring"]) .ws-calc-body { padding: 17px; display: flex; flex-direction: column; gap: 15px; }
:where([data-script-page="price-monitoring"]) .ws-slider label { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; margin-bottom: 7px;
  font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 10.5px; letter-spacing: 0.1em; color: var(--text-muted); }
:where([data-script-page="price-monitoring"]) .ws-slider label b { font-family: var(--font-space-grotesk), sans-serif; font-size: 15px; letter-spacing: 0; color: var(--text-primary); }
:where([data-script-page="price-monitoring"]) .ws-slider input[type="range"] { -webkit-appearance: none; appearance: none; width: 100%; height: 22px; background: transparent; cursor: pointer; }
:where([data-script-page="price-monitoring"]) .ws-slider input[type="range"]::-webkit-slider-runnable-track { height: 5px; border-radius: 3px; background: var(--w-100); }
:where([data-script-page="price-monitoring"]) .ws-slider input[type="range"]::-moz-range-track { height: 5px; border-radius: 3px; background: var(--w-100); }
:where([data-script-page="price-monitoring"]) .ws-slider input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; width: 17px; height: 17px; margin-top: -6px; border-radius: 50%;
  background: #a855f7; border: 2px solid var(--surface-2); box-shadow: 0 0 0 1px rgba(168,85,247,0.5); }
:where([data-script-page="price-monitoring"]) .ws-slider input[type="range"]::-moz-range-thumb { width: 17px; height: 17px; border: 2px solid var(--surface-2); border-radius: 50%; background: #a855f7; }
:where([data-script-page="price-monitoring"]) .ws-slider input[type="range"]:focus-visible { outline: 2px solid rgba(196,181,253,0.9); outline-offset: 4px; border-radius: 6px; }
:where([data-script-page="price-monitoring"]) .ws-calc-out { border-top: 1px solid var(--w-070); padding: 17px; display: grid; grid-template-columns: minmax(0,1fr); gap: 16px; }
@media (min-width: 560px) { :where([data-script-page="price-monitoring"]) .ws-calc-out { grid-template-columns: minmax(0,0.85fr) minmax(0,1.15fr); gap: 20px; align-items: center; } }
:where([data-script-page="price-monitoring"]) .ws-calc-gb { font-family: var(--font-space-grotesk), sans-serif; font-weight: 700; font-size: clamp(38px,5vw,50px); line-height: 1; color: var(--text-primary); letter-spacing: -0.03em; }
:where([data-script-page="price-monitoring"]) .ws-calc-gb span { font-size: 17px; color: var(--lime-text); margin-left: 4px; }
:where([data-script-page="price-monitoring"]) .ws-calc-plan { border: 1px solid rgba(168,85,247,0.34); border-radius: 13px; padding: 13px 15px; background: rgba(124,58,237,0.1); }
:where([data-script-page="price-monitoring"]) .ws-calc-plan b { display: block; font-family: var(--font-space-grotesk), sans-serif; font-size: 17px; color: var(--text-primary); margin-bottom: 3px; }
:where([data-script-page="price-monitoring"]) .ws-calc-plan span { font-size: 12.5px; color: var(--text-secondary); line-height: 1.5; }
:where([data-script-page="price-monitoring"]) .ws-calc-note { padding: 0 17px 16px; font-size: 11.5px; color: var(--text-muted); line-height: 1.55; }

/* 05 / traffic & plans */
:where([data-script-page="price-monitoring"]) .sm-calc-grid { display: grid; grid-template-columns: minmax(0,1fr); }
@media (min-width: 1000px) { :where([data-script-page="price-monitoring"]) .sm-calc-grid { grid-template-columns: minmax(0,1.05fr) minmax(0,0.95fr); } }
:where([data-script-page="price-monitoring"]) .sm-calc-left { display: flex; flex-direction: column; }
:where([data-script-page="price-monitoring"]) .sm-calc-right { border-top: 1px solid var(--w-070); padding: clamp(18px,2.3vw,26px);
  background: radial-gradient(130% 110% at 100% 0%, rgba(124,58,237,0.16), transparent 62%);
  display: flex; flex-direction: column; gap: 16px; }
@media (min-width: 1000px) { :where([data-script-page="price-monitoring"]) .sm-calc-right { border-top: 0; border-left: 1px solid var(--w-070); justify-content: center; gap: 20px; } }
:where([data-script-page="price-monitoring"]) .sm-calc-note { grid-column: 1 / -1; border-top: 1px solid var(--w-070); padding: 13px clamp(16px,2vw,20px) 16px;
  font-size: 11.5px; color: var(--text-muted); line-height: 1.55; margin: 0; }
:where([data-script-page="price-monitoring"]) .sm-est-gb { font-family: var(--font-space-grotesk), sans-serif; font-weight: 700; font-size: clamp(52px,6.6vw,82px);
  line-height: 0.92; color: var(--text-primary); letter-spacing: -0.035em; margin: 6px 0 0; }
:where([data-script-page="price-monitoring"]) .sm-est-gb span { font-size: 0.32em; letter-spacing: 0; color: var(--lime-text); margin-left: 6px; }
:where([data-script-page="price-monitoring"]) .sm-rec { border: 1px solid rgba(163,230,53,0.42); border-radius: 15px; padding: 15px 16px 16px;
  background: linear-gradient(180deg, rgba(163,230,53,0.10), rgba(163,230,53,0.015)); }
:where([data-script-page="price-monitoring"]) .sm-rec-lab { font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 9.5px; letter-spacing: 0.15em; color: var(--lime-text); margin-bottom: 8px; }
:where([data-script-page="price-monitoring"]) .sm-rec b { display: block; font-family: var(--font-space-grotesk), sans-serif; font-size: clamp(17px,2vw,20px); color: var(--text-primary); letter-spacing: -0.01em; margin-bottom: 5px; }
:where([data-script-page="price-monitoring"]) .sm-rec > span { display: block; font-size: 12.5px; color: var(--text-secondary); line-height: 1.55; }
:where([data-script-page="price-monitoring"]) .sm-rec-link { display: inline-flex; align-items: center; justify-content: center; gap: 8px; margin-top: 14px; min-height: 44px; padding: 0 18px;
  font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 10.5px; letter-spacing: 0.13em; text-decoration: none;
  color: var(--ink-on-light); background: #a3e635; border-radius: 999px; transition: filter .2s; }
:where([data-script-page="price-monitoring"]) .sm-rec-link:hover { filter: brightness(1.08); }
:where([data-script-page="price-monitoring"]) .sm-rec-link:focus-visible { outline: 2px solid rgba(196,181,253,0.9); outline-offset: 3px; }
:where([data-script-page="price-monitoring"]) .sm-match { display: inline-flex; align-items: center; align-self: flex-start; visibility: hidden;
  height: 21px; padding: 0 9px; margin-bottom: 11px; border-radius: 999px; background: #a3e635; color: var(--ink-on-light);
  font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 9px; font-weight: 700; letter-spacing: 0.1em;
  line-height: 1; white-space: nowrap; }
:where([data-script-page="price-monitoring"]) .lx-plan.is-match .sm-match { visibility: visible; }
:where([data-script-page="price-monitoring"]) .lx-plan.is-match { border-color: rgba(163,230,53,0.45) !important;
  box-shadow: 0 0 0 1px rgba(163,230,53,0.18), 0 30px 70px -55px rgba(163,230,53,0.4); }
:where([data-script-page="price-monitoring"]) #plans .ws-rec { background: #a855f7; color: var(--text-primary); }
:where([data-script-page="price-monitoring"]) #plans .ws-plans { margin-top: clamp(20px,2.6vw,30px); }

@media (prefers-reduced-motion: reduce) {
  :where([data-script-page="price-monitoring"]) .ws-map i, :where([data-script-page="price-monitoring"]) .ws-meter i { transition: none; }
  :where([data-script-page="price-monitoring"]) .ws-live i, :where([data-script-page="price-monitoring"]) .ws-row--in, :where([data-script-page="price-monitoring"]) #wsf1:checked ~ .ws-flow-body [data-flow="1"], :where([data-script-page="price-monitoring"]) #wsf2:checked ~ .ws-flow-body [data-flow="2"], :where([data-script-page="price-monitoring"]) #wsf3:checked ~ .ws-flow-body [data-flow="3"] { animation: none; }
  :where([data-script-page="price-monitoring"]) .ws-meter i, :where([data-script-page="price-monitoring"]) .ws-bar-track i { transition: none; }
  :where([data-script-page="price-monitoring"]) .ws-symp-item:hover, :where([data-script-page="price-monitoring"]) .lx-card:hover { transform: none; }
}

/* --- seo-monitoring page additions (scoped .sm-*) --- */
:where([data-script-page="price-monitoring"]) .sm-serp { padding: 12px 14px; border-top: 1px solid var(--w-070); display: flex; flex-direction: column; gap: 6px; min-width: 0; }
:where([data-script-page="price-monitoring"]) .sm-srow { display: grid; grid-template-columns: 30px minmax(0,1fr) auto; align-items: center; gap: 10px;
  border: 1px solid var(--w-055); border-radius: 9px; padding: 8px 9px; background: var(--w-017);
  transition: border-color .25s, background .25s; }
:where([data-script-page="price-monitoring"]) .sm-srow--you { border-color: rgba(168,85,247,0.5); background: linear-gradient(100deg, rgba(124,58,237,0.16), rgba(124,58,237,0.02)); }
:where([data-script-page="price-monitoring"]) .sm-srow--in { animation: wsIn .4s ease both; }
:where([data-script-page="price-monitoring"]) .sm-rank { font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 12px; font-weight: 700; color: var(--accent-text); text-align: center; }
:where([data-script-page="price-monitoring"]) .sm-srow--you .sm-rank { color: var(--lime-text); }
:where([data-script-page="price-monitoring"]) .sm-dom { min-width: 0; }
:where([data-script-page="price-monitoring"]) .sm-dom b { display: block; font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 11.5px; font-weight: 700; color: var(--text-soft);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
:where([data-script-page="price-monitoring"]) .sm-dom span { display: block; font-size: 11px; color: var(--text-muted); margin-top: 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
:where([data-script-page="price-monitoring"]) .sm-right { display: flex; align-items: center; gap: 7px; }
:where([data-script-page="price-monitoring"]) .sm-feat { font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 9px; letter-spacing: 0.1em; color: var(--cyan-text);
  border: 1px solid rgba(34,211,238,0.28); border-radius: 6px; padding: 3px 6px; white-space: nowrap; }
:where([data-script-page="price-monitoring"]) .sm-delta { font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 11px; font-weight: 700; min-width: 34px; text-align: right; }
:where([data-script-page="price-monitoring"]) .sm-delta--up { color: var(--lime-text); } :where([data-script-page="price-monitoring"]) .sm-delta--dn { color: var(--danger-text); } :where([data-script-page="price-monitoring"]) .sm-delta--fl { color: var(--text-muted); }
:where([data-script-page="price-monitoring"]) .sm-metrics { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 1px; background: var(--w-070); border-top: 1px solid var(--w-070); }
@media (min-width: 620px) { :where([data-script-page="price-monitoring"]) .sm-metrics { grid-template-columns: repeat(4, minmax(0,1fr)); } }
:where([data-script-page="price-monitoring"]) .sm-metric { background: var(--surface-2); padding: 12px 14px; min-width: 0; }
:where([data-script-page="price-monitoring"]) .sm-metric span { display: block; font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 9.5px; letter-spacing: 0.15em; color: var(--text-muted); margin-bottom: 6px; }
:where([data-script-page="price-monitoring"]) .sm-metric b { font-family: var(--font-space-grotesk), sans-serif; font-weight: 700; font-size: 25px; line-height: 1; color: var(--text-primary); letter-spacing: -0.02em; }
:where([data-script-page="price-monitoring"]) .sm-metric b i { font-style: normal; font-size: 13px; color: var(--lime-text); margin-left: 1px; }
:where([data-script-page="price-monitoring"]) .sm-trend { padding: 13px 14px 15px; border-top: 1px solid var(--w-070); }
:where([data-script-page="price-monitoring"]) .sm-trend svg { display: block; width: 100%; height: 62px; overflow: visible; }
:where([data-script-page="price-monitoring"]) .sm-trend path.sm-line { fill: none; stroke: url(#smgrad); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;
  stroke-dasharray: 620; stroke-dashoffset: 0; animation: smDraw 1.5s cubic-bezier(.4,0,.2,1) both; }
@keyframes smDraw { from { stroke-dashoffset: 620; } to { stroke-dashoffset: 0; } }
:where([data-script-page="price-monitoring"]) .sm-trend-x { display: flex; justify-content: space-between; margin-top: 8px; font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 9.5px; letter-spacing: 0.12em; color: var(--text-muted); }

/* SERP shape stack */
:where([data-script-page="price-monitoring"]) .sm-stack { display: flex; flex-direction: column; gap: 7px; }
:where([data-script-page="price-monitoring"]) .sm-block { display: flex; align-items: center; gap: 10px; border: 1px solid var(--w-070); border-radius: 10px;
  padding: 11px 13px; background: var(--w-020); font-size: 12.5px; color: var(--text-soft); transition: border-color .25s, transform .25s; }
:where([data-script-page="price-monitoring"]) .sm-block u { text-decoration: none; font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 9.5px; letter-spacing: 0.14em; color: var(--text-muted); margin-left: auto; white-space: nowrap; }
:where([data-script-page="price-monitoring"]) .sm-block i { width: 5px; height: 22px; border-radius: 3px; background: rgba(168,85,247,0.55); flex: 0 0 auto; }
:where([data-script-page="price-monitoring"]) .sm-block--pack i { background: #a3e635; } :where([data-script-page="price-monitoring"]) .sm-block--ads i { background: #22d3ee; }
:where([data-script-page="price-monitoring"]) .sm-block--in { animation: wsFade .35s ease both; }

/* failure cards */
:where([data-script-page="price-monitoring"]) .sm-fails { display: grid; grid-template-columns: minmax(0,1fr); gap: 14px; }
@media (min-width: 700px) { :where([data-script-page="price-monitoring"]) .sm-fails { grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (min-width: 1060px) { :where([data-script-page="price-monitoring"]) .sm-fails { grid-template-columns: repeat(3, minmax(0,1fr)); } }
:where([data-script-page="price-monitoring"]) .sm-fail { border: 1px solid var(--w-080); border-radius: 15px; background: var(--surface); padding: 18px 19px 17px;
  display: flex; flex-direction: column; gap: 9px; transition: border-color .25s, transform .25s; }
:where([data-script-page="price-monitoring"]) .sm-fail:hover { border-color: rgba(248,113,113,0.34); transform: translateY(-3px); }
:where([data-script-page="price-monitoring"]) .sm-fail-code { align-self: flex-start; font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 10.5px; font-weight: 700; letter-spacing: 0.1em;
  color: var(--danger-text); border: 1px solid rgba(248,113,113,0.28); border-radius: 7px; padding: 5px 8px; }
:where([data-script-page="price-monitoring"]) .sm-fail h3 { font-size: 15px; color: var(--text-primary); font-weight: 600; letter-spacing: -0.01em; }
:where([data-script-page="price-monitoring"]) .sm-fail p { font-size: 13px; color: var(--text-secondary); line-height: 1.55; }
:where([data-script-page="price-monitoring"]) .sm-fail-ex { font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 11px; color: var(--text-muted); line-height: 1.5;
  border-top: 1px solid var(--w-060); padding-top: 10px; margin-top: auto; }
:where([data-script-page="price-monitoring"]) .sm-fail-ex b { color: var(--accent-text); font-weight: 400; }

/* market comparison */
:where([data-script-page="price-monitoring"]) .sm-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 20px; }
:where([data-script-page="price-monitoring"]) .sm-mkts { display: grid; grid-template-columns: minmax(0,1fr); gap: 14px; }
@media (min-width: 660px) { :where([data-script-page="price-monitoring"]) .sm-mkts { grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (min-width: 1080px) { :where([data-script-page="price-monitoring"]) .sm-mkts { grid-template-columns: repeat(4, minmax(0,1fr)); } }
:where([data-script-page="price-monitoring"]) .sm-mkt { border: 1px solid var(--w-080); border-radius: 16px; overflow: hidden; background: linear-gradient(180deg,var(--surface),var(--surface-sunken));
  transition: border-color .3s, box-shadow .3s, opacity .3s, transform .3s; }
:where([data-script-page="price-monitoring"]) .sm-mkt[data-dim="1"] { opacity: .34; }
:where([data-script-page="price-monitoring"]) .sm-mkt[data-focus="1"] { border-color: rgba(168,85,247,0.6); box-shadow: 0 30px 70px -45px rgba(139,92,246,0.9); }
:where([data-script-page="price-monitoring"]) .sm-mkt-head { display: flex; align-items: center; gap: 10px; padding: 13px 15px; border-bottom: 1px solid var(--w-070); }
:where([data-script-page="price-monitoring"]) .sm-mkt-cc { font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 12px; font-weight: 700; color: var(--accent-text);
  border: 1px solid rgba(168,85,247,0.4); border-radius: 8px; padding: 6px 8px; }
:where([data-script-page="price-monitoring"]) .sm-mkt-head strong { font-size: 14px; color: var(--text-primary); font-weight: 600; }
:where([data-script-page="price-monitoring"]) .sm-mkt-head em { display: block; font-style: normal; font-size: 11px; color: var(--text-muted); margin-top: 2px; }
:where([data-script-page="price-monitoring"]) .sm-mkt-pos { display: flex; align-items: baseline; gap: 8px; padding: 15px 15px 12px; }
:where([data-script-page="price-monitoring"]) .sm-mkt-pos b { font-family: var(--font-space-grotesk), sans-serif; font-weight: 700; font-size: 40px; line-height: 0.9; color: var(--text-primary); letter-spacing: -0.03em; }
:where([data-script-page="price-monitoring"]) .sm-mkt-pos span { font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 11px; font-weight: 700; }
:where([data-script-page="price-monitoring"]) .sm-mkt-rows { display: flex; flex-direction: column; padding: 0 15px 15px; }
:where([data-script-page="price-monitoring"]) .sm-mkt-rows > div { display: grid; grid-template-columns: 88px minmax(0,1fr); gap: 10px; padding: 9px 0; }
:where([data-script-page="price-monitoring"]) .sm-mkt-rows > div + div { border-top: 1px solid var(--w-050); }
:where([data-script-page="price-monitoring"]) .sm-mkt-rows dt { font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 9.5px; letter-spacing: 0.12em; color: var(--text-muted); padding-top: 3px; }
:where([data-script-page="price-monitoring"]) .sm-mkt-rows dd { margin: 0; font-size: 12.5px; color: var(--text-soft); line-height: 1.45; }
:where([data-script-page="price-monitoring"]) .sm-featrow { display: flex; flex-wrap: wrap; gap: 5px; }

/* alerts */
:where([data-script-page="price-monitoring"]) .sm-alertbar { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; margin-bottom: 18px; }
:where([data-script-page="price-monitoring"]) .sm-unread { margin-left: auto; font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 10.5px; letter-spacing: 0.12em; color: var(--lime-text);
  border: 1px solid rgba(163,230,53,0.3); border-radius: 999px; padding: 6px 11px; }
:where([data-script-page="price-monitoring"]) .sm-alerts { border: 1px solid var(--w-080); border-radius: 16px; overflow: hidden; background: var(--surface-2); }
:where([data-script-page="price-monitoring"]) .sm-alert { display: grid; grid-template-columns: auto minmax(0,1fr) auto; gap: 14px; align-items: start; padding: 15px 17px; transition: background .25s; }
:where([data-script-page="price-monitoring"]) .sm-alert + .sm-alert { border-top: 1px solid var(--w-060); }
:where([data-script-page="price-monitoring"]) .sm-alert:hover { background: var(--w-020); }
:where([data-script-page="price-monitoring"]) .sm-alert[hidden] { display: none; }
:where([data-script-page="price-monitoring"]) .sm-sev { font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 9px; letter-spacing: 0.13em; border-radius: 6px; padding: 5px 7px; margin-top: 2px; white-space: nowrap; }
:where([data-script-page="price-monitoring"]) .sm-sev--crit { color: var(--danger-text); border: 1px solid rgba(248,113,113,0.32); }
:where([data-script-page="price-monitoring"]) .sm-sev--warn { color: var(--amber-text); border: 1px solid rgba(252,211,77,0.3); }
:where([data-script-page="price-monitoring"]) .sm-sev--info { color: var(--cyan-text); border: 1px solid rgba(34,211,238,0.3); }
:where([data-script-page="price-monitoring"]) .sm-alert-body strong { display: block; font-size: 14.5px; color: var(--text-primary); font-weight: 600; margin-bottom: 4px; }
:where([data-script-page="price-monitoring"]) .sm-alert[data-read="1"] .sm-alert-body strong { color: var(--text-muted); font-weight: 500; }
:where([data-script-page="price-monitoring"]) .sm-alert[data-read="1"] { opacity: .62; }
:where([data-script-page="price-monitoring"]) .sm-alert-body p { font-size: 12.5px; color: var(--text-secondary); line-height: 1.5; }
:where([data-script-page="price-monitoring"]) .sm-alert-meta { display: flex; flex-wrap: wrap; gap: 6px 12px; margin-top: 7px; font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 10px; letter-spacing: 0.1em; color: var(--text-muted); }
:where([data-script-page="price-monitoring"]) .sm-mark { font: inherit; font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 9.5px; letter-spacing: 0.1em; color: var(--text-secondary);
  background: transparent; border: 1px solid var(--w-120); border-radius: 999px; padding: 6px 10px; min-height: 32px; cursor: pointer; white-space: nowrap;
  transition: color .2s, border-color .2s; }
:where([data-script-page="price-monitoring"]) .sm-mark:hover { color: var(--text-primary); border-color: rgba(168,85,247,0.5); }
:where([data-script-page="price-monitoring"]) .sm-mark:focus-visible { outline: 2px solid rgba(196,181,253,0.9); outline-offset: 2px; }

/* reveals */
:where([data-script-page="price-monitoring"]) [data-reveal] { transition: opacity .6s cubic-bezier(.4,0,.2,1), transform .6s cubic-bezier(.4,0,.2,1); }
html.sm-anim :where([data-script-page="price-monitoring"]) [data-reveal]:not(.is-in), [data-script-page="price-monitoring"].sm-anim [data-reveal]:not(.is-in) { opacity: 0; transform: translateY(14px); }
@media (prefers-reduced-motion: reduce) {
  :where([data-script-page="price-monitoring"]) [data-reveal] { opacity: 1; transform: none; transition: none; }
  :where([data-script-page="price-monitoring"]) .sm-fail:hover { transform: none; }
  :where([data-script-page="price-monitoring"]) .sm-trend path.sm-line { animation: none; }
  :where([data-script-page="price-monitoring"]) .sm-srow--in, :where([data-script-page="price-monitoring"]) .sm-block--in { animation: none; }
}

/* --- 2026 rewrite: density, sizing, trust, sticky CTA --- */
/* touch targets: 44px minimum on every page-scoped control */
:where([data-script-page="price-monitoring"]) .ws-preset { min-height: 44px; padding: 11px 14px; }
:where([data-script-page="price-monitoring"]) .ws-presets-row .ws-preset { padding: 12px 6px; }
:where([data-script-page="price-monitoring"]) .ws-rtab { min-height: 44px; padding: 11px 16px; }
:where([data-script-page="price-monitoring"]) .ws-field { padding: 13px 14px; }
:where([data-script-page="price-monitoring"]) .ws-field input, :where([data-script-page="price-monitoring"]) .ws-field select { min-height: 30px; }
:where([data-script-page="price-monitoring"]) .ws-field select { padding: 4px 18px 4px 0; }
:where([data-script-page="price-monitoring"]) .ws-slider input[type="range"] { height: 44px; }
:where([data-script-page="price-monitoring"]) .ws-slider input[type="range"]::-webkit-slider-runnable-track { height: 6px; }
:where([data-script-page="price-monitoring"]) .ws-slider input[type="range"]::-moz-range-track { height: 6px; }
:where([data-script-page="price-monitoring"]) .ws-slider input[type="range"]::-webkit-slider-thumb { width: 22px; height: 22px; margin-top: -8px; }
:where([data-script-page="price-monitoring"]) .ws-slider input[type="range"]::-moz-range-thumb { width: 22px; height: 22px; }
:where([data-script-page="price-monitoring"]) .lx-code-head .lx-copy { min-height: 44px; min-width: 60px; }
:where([data-script-page="price-monitoring"]) .ws-flow-tabs label, :where([data-script-page="price-monitoring"]) .ws-wl-tab { min-height: 62px; }
:where([data-script-page="price-monitoring"]) .lx-page a:focus-visible, :where([data-script-page="price-monitoring"]) .lx-page button:focus-visible, :where([data-script-page="price-monitoring"]) .lx-page summary:focus-visible, :where([data-script-page="price-monitoring"]) .lx-page input:focus-visible, :where([data-script-page="price-monitoring"]) .lx-page select:focus-visible { outline: 2px solid rgba(196,181,253,0.95); outline-offset: 2px; border-radius: 6px; }
:where([data-script-page="price-monitoring"]) .sm-serp { min-height: 268px; }
:where([data-script-page="price-monitoring"]) .sm-stack { min-height: 236px; }
:where([data-script-page="price-monitoring"]) .ws-anchor-sub { font-size: 13.5px; }
:where([data-script-page="price-monitoring"]) .sm-fail h3 { font-size: 16px; }
:where([data-script-page="price-monitoring"]) .sm-fail p { font-size: 14.5px; }
:where([data-script-page="price-monitoring"]) .sm-fail-ex { font-size: 12px; }
:where([data-script-page="price-monitoring"]) .ws-plan-note { font-size: 13.5px; color: var(--text-secondary); }
:where([data-script-page="price-monitoring"]) .ws-strip span { font-size: 13.5px; }
:where([data-script-page="price-monitoring"]) .ws-drows dd, :where([data-script-page="price-monitoring"]) .sm-mkt-rows dd { font-size: 13.5px; }
:where([data-script-page="price-monitoring"]) .sm-trust { display: grid; grid-template-columns: minmax(0,1fr); gap: 1px; background: var(--w-070);
  border: 1px solid var(--w-070); border-radius: 15px; overflow: hidden; margin-top: 22px; }
@media (min-width: 560px) { :where([data-script-page="price-monitoring"]) .sm-trust { grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (min-width: 1080px) { :where([data-script-page="price-monitoring"]) .sm-trust { grid-template-columns: repeat(4, minmax(0,1fr)); } }
:where([data-script-page="price-monitoring"]) .sm-trust > div { background: var(--surface-sunken); padding: 16px 18px; font-size: 13px; color: var(--text-secondary); line-height: 1.55; min-width: 0; }
:where([data-script-page="price-monitoring"]) .sm-trust b { display: block; font-size: 14px; color: var(--text-primary); font-weight: 600; margin-bottom: 4px; }
:where([data-script-page="price-monitoring"]) .sm-buy { display: grid; grid-template-columns: minmax(0,1fr); gap: 26px; align-items: start; }
@media (min-width: 1040px) { :where([data-script-page="price-monitoring"]) .sm-buy { grid-template-columns: minmax(0,0.92fr) minmax(0,1.08fr); gap: 40px; } }
:where([data-script-page="price-monitoring"]) .sm-steps { display: flex; flex-wrap: wrap; gap: 10px 14px; list-style: none; margin: 18px 0 0; padding: 0; }
:where([data-script-page="price-monitoring"]) .sm-steps li { display: flex; align-items: center; gap: 9px; font-size: 14px; color: var(--text-secondary); }
:where([data-script-page="price-monitoring"]) .sm-steps li b { font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 11px; color: var(--accent-strong);
  border: 1px solid rgba(168,85,247,0.35); border-radius: 7px; width: 26px; height: 26px; display: flex; align-items: center; justify-content: center; flex: 0 0 auto; }
:where([data-script-page="price-monitoring"]) .sm-sticky { position: fixed; left: 0; right: 0; bottom: 0; z-index: 60; display: none; align-items: center; justify-content: space-between; gap: 14px;
  padding: 10px 14px; padding-bottom: calc(10px + env(safe-area-inset-bottom, 0px)); background: rgba(var(--scrim-rgb),0.95);
  border-top: 1px solid var(--w-100); transform: translateY(115%); transition: transform .3s cubic-bezier(.4,0,.2,1); }
:where([data-script-page="price-monitoring"]) .sm-sticky.is-on { transform: none; }
:where([data-script-page="price-monitoring"]) .sm-sticky b { display: block; font-family: var(--font-space-grotesk), sans-serif; font-size: 15px; color: var(--text-primary); }
:where([data-script-page="price-monitoring"]) .sm-sticky > span span { display: block; font-size: 11.5px; color: var(--text-muted); margin-top: 1px; }
:where([data-script-page="price-monitoring"]) .sm-sticky .lx-btn, :where([data-script-page="price-monitoring"]) .sm-sticky .lx-btn span { color: var(--text-primary); }
:where([data-script-page="price-monitoring"]) .sm-sticky .lx-btn { min-height: 44px; }
@media (max-width: 767px) { :where([data-script-page="price-monitoring"]) .sm-sticky { display: flex; } :where([data-script-page="price-monitoring"]) main { padding-bottom: 76px; } }
@media (prefers-reduced-motion: reduce) { :where([data-script-page="price-monitoring"]) .sm-sticky { transition: none; } }




/* --- ad-verification page additions (scoped .av-*) --- */
:where([data-script-page="price-monitoring"]) .av-chip { font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 9px; letter-spacing: 0.1em; border-radius: 6px; padding: 3px 6px; white-space: nowrap; }
:where([data-script-page="price-monitoring"]) .av-chip--ok { color: var(--lime-text); border: 1px solid rgba(163,230,53,0.3); }
:where([data-script-page="price-monitoring"]) .av-chip--warn { color: var(--amber-text); border: 1px solid rgba(252,211,77,0.32); }
:where([data-script-page="price-monitoring"]) .av-chip--bad { color: var(--danger-text); border: 1px solid rgba(248,113,113,0.32); }
:where([data-script-page="price-monitoring"]) .sm-serp .sm-srow { grid-template-columns: 78px minmax(0,1fr) auto; }
:where([data-script-page="price-monitoring"]) .av-slot { font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 10px; letter-spacing: 0.06em; color: var(--accent-text); text-align: center; line-height: 1.25; }
:where([data-script-page="price-monitoring"]) .sm-srow--flag { border-color: rgba(248,113,113,0.42); background: linear-gradient(100deg, rgba(248,113,113,0.11), rgba(248,113,113,0.015)); }
:where([data-script-page="price-monitoring"]) .sm-srow--flag .av-slot { color: var(--danger-text); }
:where([data-script-page="price-monitoring"]) .av-kb { font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 10.5px; color: var(--text-muted); white-space: nowrap; }
:where([data-script-page="price-monitoring"]) .av-chain { display: flex; flex-direction: column; gap: 7px; }
:where([data-script-page="price-monitoring"]) .av-chain > div { display: grid; grid-template-columns: 26px minmax(0,1fr) auto; gap: 10px; align-items: center;
  border: 1px solid var(--w-070); border-radius: 10px; padding: 10px 12px; background: var(--w-020);
  font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 11.5px; color: var(--text-soft); }
:where([data-script-page="price-monitoring"]) .av-chain u { text-decoration: none; color: var(--text-muted); }
:where([data-script-page="price-monitoring"]) .av-chain code { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--text-soft); }




/* --- ad-verification redesign: forensic evidence language (scoped .av2-*) --- */
:where([data-script-page="price-monitoring"]) .av2-mono { font-family: var(--font-jetbrains-mono), Menlo, monospace; }
:where([data-script-page="price-monitoring"]) .av2-chip { display:inline-flex; align-items:center; gap:6px; font-family:var(--font-jetbrains-mono),Menlo,monospace; font-size:9.5px;
  letter-spacing:0.11em; border-radius:6px; padding:4px 7px; white-space:nowrap; border:1px solid var(--w-120); color:var(--text-secondary); }
:where([data-script-page="price-monitoring"]) .av2-chip--ok { color: var(--lime-text); border-color:rgba(163,230,53,0.34); }
:where([data-script-page="price-monitoring"]) .av2-chip--warn { color: var(--amber-text); border-color:rgba(252,211,77,0.34); }
:where([data-script-page="price-monitoring"]) .av2-chip--bad { color: var(--danger-text); border-color:rgba(248,113,113,0.36); }
:where([data-script-page="price-monitoring"]) .av2-chip--redir { color: var(--cyan-text); border-color:rgba(34,211,238,0.32); }
:where([data-script-page="price-monitoring"]) .av2-chip--none { color:var(--text-muted); border-color:var(--w-100); }
:where([data-script-page="price-monitoring"]) .av2-chip--vio { color: var(--accent-text); border-color:rgba(168,85,247,0.4); }

/* HERO */
:where([data-script-page="price-monitoring"]) .av2-hero { display:grid; grid-template-columns:minmax(0,1fr); gap:32px; align-items:start; }
@media (min-width:1080px) { :where([data-script-page="price-monitoring"]) .av2-hero { grid-template-columns:minmax(0,0.76fr) minmax(0,1.24fr); gap:46px; } }
:where([data-script-page="price-monitoring"]) .av2-eyerow { display:flex; align-items:center; gap:12px; margin-bottom:16px; }
:where([data-script-page="price-monitoring"]) .av2-hero .lx-h1 { margin-bottom:16px; max-width:16ch; }
:where([data-script-page="price-monitoring"]) .av2-ticket { display:grid; grid-template-columns:minmax(0,1fr); gap:12px; margin:24px 0 20px; padding:15px 17px;
  border:1px dashed rgba(168,85,247,0.5); border-radius:14px; background:linear-gradient(120deg, rgba(124,58,237,0.14), rgba(124,58,237,0.01)); }
:where([data-script-page="price-monitoring"]) .av2-ticket-top { display:flex; align-items:baseline; flex-wrap:wrap; gap:8px 12px; }
:where([data-script-page="price-monitoring"]) .av2-ticket-price { font-family:var(--font-space-grotesk),sans-serif; font-weight:700; font-size:29px; line-height:1; color: var(--text-primary); letter-spacing:-0.025em; }
:where([data-script-page="price-monitoring"]) .av2-ticket-price small { font-size:13px; font-weight:600; color: var(--accent-text); margin-left:3px; }
:where([data-script-page="price-monitoring"]) .av2-ticket-meta { font-family:var(--font-jetbrains-mono),Menlo,monospace; font-size:10px; letter-spacing:0.12em; color:var(--text-muted); }
:where([data-script-page="price-monitoring"]) .av2-ticket p { font-size:13px; color:var(--text-secondary); line-height:1.5; }
:where([data-script-page="price-monitoring"]) .av2-ticket .lx-btn-row { margin:0; }
:where([data-script-page="price-monitoring"]) .av2-hero-foot { display:flex; flex-wrap:wrap; gap:8px 10px; list-style:none; margin:0; padding:0; }
:where([data-script-page="price-monitoring"]) .av2-hero-foot li { font-family:var(--font-jetbrains-mono),Menlo,monospace; font-size:10.5px; letter-spacing:0.08em; color:var(--text-muted);
  border:1px solid var(--w-090); border-radius:999px; padding:7px 12px; }

/* plain-language explainer under the hero */
:where([data-script-page="price-monitoring"]) .av2-plain { grid-column:1/-1; margin-top:clamp(6px,1.4vw,18px); display:grid; grid-template-columns:minmax(0,1fr); gap:18px; }
@media (min-width:1000px) { :where([data-script-page="price-monitoring"]) .av2-plain { grid-template-columns:minmax(0,1.55fr) minmax(0,1fr); gap:34px; align-items:start; } }
:where([data-script-page="price-monitoring"]) .av2-steps { display:grid; grid-template-columns:minmax(0,1fr); gap:10px; counter-reset:avs; }
@media (min-width:620px) { :where([data-script-page="price-monitoring"]) .av2-steps { grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; } }
:where([data-script-page="price-monitoring"]) .av2-step { display:grid; grid-template-columns:auto minmax(0,1fr); gap:12px; align-items:start;
  border:1px solid var(--w-080); border-radius:14px; background:var(--surface); padding:15px 16px; }
:where([data-script-page="price-monitoring"]) .av2-step b { font-family:var(--font-jetbrains-mono),Menlo,monospace; font-size:11px; font-weight:700; color: var(--accent-text);
  border:1px solid rgba(168,85,247,0.35); border-radius:8px; width:28px; height:28px; display:flex; align-items:center; justify-content:center; flex:0 0 auto; }
:where([data-script-page="price-monitoring"]) .av2-step p { font-size:13.5px; color:var(--text-soft); line-height:1.5; }
:where([data-script-page="price-monitoring"]) .av2-step p em { font-style:normal; color: var(--text-primary); font-weight:600; }
:where([data-script-page="price-monitoring"]) .av2-scope { border:1px solid rgba(168,85,247,0.3); border-radius:14px; padding:16px 18px;
  background:linear-gradient(160deg, rgba(124,58,237,0.12), rgba(124,58,237,0.01)); }
:where([data-script-page="price-monitoring"]) .av2-scope-lab { font-family:var(--font-jetbrains-mono),Menlo,monospace; font-size:9.5px; letter-spacing:0.15em; color: var(--accent-text); margin-bottom:9px; }
:where([data-script-page="price-monitoring"]) .av2-scope ul { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:8px; }
:where([data-script-page="price-monitoring"]) .av2-scope li { font-size:13px; color:var(--text-secondary); line-height:1.5; padding-left:16px; position:relative; }
:where([data-script-page="price-monitoring"]) .av2-scope li::before { content:""; position:absolute; left:0; top:7px; width:6px; height:6px; border-radius:50%; background:#a855f7; }
:where([data-script-page="price-monitoring"]) .av2-scope li b { color: var(--text-primary); font-weight:600; }
:where([data-script-page="price-monitoring"]) .av2-vp-intro { font-size:13px; color:var(--text-muted); line-height:1.55; margin-bottom:12px; }
:where([data-script-page="price-monitoring"]) .av2-vp-intro b { color:var(--text-soft); font-weight:600; }

/* simulated publisher viewport */
:where([data-script-page="price-monitoring"]) .av2-vp { border:1px solid var(--w-100); border-radius:18px; overflow:hidden;
  background:linear-gradient(180deg,var(--surface),var(--surface-sunken)); box-shadow:0 44px 100px -55px rgba(124,58,237,0.8); }
:where([data-script-page="price-monitoring"]) .av2-vp-bar { display:flex; align-items:center; gap:10px; flex-wrap:wrap; padding:11px 14px;
  border-bottom:1px solid var(--w-070); background:var(--w-020); }
:where([data-script-page="price-monitoring"]) .av2-vp-url { flex:1 1 200px; min-width:0; font-family:var(--font-jetbrains-mono),Menlo,monospace; font-size:11px; color:var(--text-soft);
  background:var(--w-040); border:1px solid var(--w-080); border-radius:999px; padding:8px 12px;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
:where([data-script-page="price-monitoring"]) .av2-vp-ctl { display:flex; gap:8px; flex-wrap:wrap; }
:where([data-script-page="price-monitoring"]) .av2-sel { position:relative; }
:where([data-script-page="price-monitoring"]) .av2-sel select { appearance:none; -webkit-appearance:none; font-family:var(--font-jetbrains-mono),Menlo,monospace; font-size:10.5px;
  letter-spacing:0.08em; color: var(--accent-text); background:rgba(124,58,237,0.12); border:1px solid rgba(168,85,247,0.4);
  border-radius:999px; padding:0 26px 0 12px; min-height:36px; cursor:pointer;
  background-image:linear-gradient(45deg,transparent 50%,#c4b5fd 50%),linear-gradient(135deg,#c4b5fd 50%,transparent 50%);
  background-position:right 14px center, right 9px center; background-size:5px 5px,5px 5px; background-repeat:no-repeat; }
:where([data-script-page="price-monitoring"]) .av2-sel select option { background:var(--surface); color:var(--text-primary); }
:where([data-script-page="price-monitoring"]) .av2-vp-body { display:grid; grid-template-columns:minmax(0,1fr); }
@media (min-width:800px) { :where([data-script-page="price-monitoring"]) .av2-vp-body { grid-template-columns:minmax(0,1.06fr) minmax(0,0.94fr); } }
:where([data-script-page="price-monitoring"]) .av2-page { padding:14px; display:flex; flex-direction:column; gap:9px; min-width:0;
  background-image:linear-gradient(var(--w-014) 1px, transparent 1px); background-size:100% 22px; }
:where([data-script-page="price-monitoring"]) .av2-txt { display:flex; flex-direction:column; gap:6px; padding:4px 3px; }
:where([data-script-page="price-monitoring"]) .av2-txt i { display:block; height:6px; border-radius:3px; background:var(--w-070); }
:where([data-script-page="price-monitoring"]) .av2-txt i:last-child { width:62%; }
:where([data-script-page="price-monitoring"]) .av2-slot { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:8px 12px; width:100%; text-align:left;
  font:inherit; cursor:pointer; min-height:56px; padding:10px 12px; border:1.5px dashed rgba(168,85,247,0.42); border-radius:11px;
  background:rgba(124,58,237,0.05); transition:border-color .22s, background .22s, box-shadow .22s; }
:where([data-script-page="price-monitoring"]) .av2-slot:hover { border-color:rgba(168,85,247,0.75); background:rgba(124,58,237,0.1); }
:where([data-script-page="price-monitoring"]) .av2-slot[aria-pressed="true"] { border-style:solid; border-color:#a855f7; background:linear-gradient(140deg, rgba(124,58,237,0.24), rgba(124,58,237,0.05));
  box-shadow:0 0 0 3px rgba(168,85,247,0.16); }
:where([data-script-page="price-monitoring"]) .av2-slot--flag { border-color:rgba(248,113,113,0.5); background:rgba(248,113,113,0.05); }
:where([data-script-page="price-monitoring"]) .av2-slot--flag:hover { border-color:rgba(248,113,113,0.8); background:rgba(248,113,113,0.09); }
:where([data-script-page="price-monitoring"]) .av2-slot--flag[aria-pressed="true"] { border-color:#f87171; background:linear-gradient(140deg, rgba(248,113,113,0.2), rgba(248,113,113,0.04));
  box-shadow:0 0 0 3px rgba(248,113,113,0.15); }
:where([data-script-page="price-monitoring"]) .av2-slot--empty { border-color:var(--w-140); background:var(--w-015); }
:where([data-script-page="price-monitoring"]) .av2-slot--empty[aria-pressed="true"] { border-style:solid; border-color:rgba(255,255,255,0.4); background:var(--w-040); box-shadow:0 0 0 3px var(--w-070); }
:where([data-script-page="price-monitoring"]) .av2-slot:focus-visible { outline:2px solid rgba(196,181,253,0.95); outline-offset:2px; }
:where([data-script-page="price-monitoring"]) .av2-slot-id { display:block; font-family:var(--font-jetbrains-mono),Menlo,monospace; font-size:9.5px; letter-spacing:0.14em; color: var(--accent-text); margin-bottom:4px; }
:where([data-script-page="price-monitoring"]) .av2-slot--flag .av2-slot-id { color: var(--danger-text); }
:where([data-script-page="price-monitoring"]) .av2-slot--empty .av2-slot-id { color:var(--text-muted); }
:where([data-script-page="price-monitoring"]) .av2-slot-cre { display:block; font-size:12.5px; color:var(--text-soft); line-height:1.35; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
:where([data-script-page="price-monitoring"]) .av2-slot-adv { display:block; font-family:var(--font-jetbrains-mono),Menlo,monospace; font-size:10.5px; color:var(--text-muted); margin-top:3px;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

/* inspector */
:where([data-script-page="price-monitoring"]) .av2-insp { border-top:1px solid var(--w-070); padding:15px 16px; min-width:0; display:flex; flex-direction:column; gap:13px; }
@media (min-width:800px) { :where([data-script-page="price-monitoring"]) .av2-insp { border-top:0; border-left:1px solid var(--w-070);
  background:radial-gradient(130% 110% at 100% 0%, rgba(124,58,237,0.13), transparent 62%); } }
:where([data-script-page="price-monitoring"]) .av2-insp-head { display:flex; align-items:flex-start; gap:12px; flex-wrap:wrap; }
:where([data-script-page="price-monitoring"]) .av2-insp-head b { display:block; font-size:14.5px; color: var(--text-primary); font-weight:600; }
:where([data-script-page="price-monitoring"]) .av2-insp-head span.av2-insp-sub { display:block; font-family:var(--font-jetbrains-mono),Menlo,monospace; font-size:10.5px; color:var(--text-muted); margin-top:3px; }
:where([data-script-page="price-monitoring"]) .av2-stamp { flex:0 0 auto; font-family:var(--font-jetbrains-mono),Menlo,monospace; font-size:10px; font-weight:700; letter-spacing:0.14em;
  padding:7px 10px; border:2px solid currentColor; border-radius:5px; transform:rotate(-3deg); white-space:nowrap; }
:where([data-script-page="price-monitoring"]) .av2-stamp--ok { color: var(--lime-text); } :where([data-script-page="price-monitoring"]) .av2-stamp--bad { color: var(--danger-text); } :where([data-script-page="price-monitoring"]) .av2-stamp--warn { color: var(--amber-text); } :where([data-script-page="price-monitoring"]) .av2-stamp--none { color:var(--text-muted); }
:where([data-script-page="price-monitoring"]) .av2-kv { display:flex; flex-direction:column; margin:0; }
:where([data-script-page="price-monitoring"]) .av2-kv > div { display:grid; grid-template-columns:96px minmax(0,1fr); gap:10px; padding:8px 0; }
:where([data-script-page="price-monitoring"]) .av2-kv > div + div { border-top:1px solid var(--w-055); }
:where([data-script-page="price-monitoring"]) .av2-kv dt { font-family:var(--font-jetbrains-mono),Menlo,monospace; font-size:9.5px; letter-spacing:0.12em; color:var(--text-muted); padding-top:2px; }
:where([data-script-page="price-monitoring"]) .av2-kv dd { margin:0; font-family:var(--font-jetbrains-mono),Menlo,monospace; font-size:11.5px; color:var(--text-soft); line-height:1.5; word-break:break-word; }
:where([data-script-page="price-monitoring"]) .av2-kv dd.av2-hash { color: var(--lime-text); font-size:10.5px; }
:where([data-script-page="price-monitoring"]) .av2-kv dd.av2-warn { color: var(--danger-text); }
:where([data-script-page="price-monitoring"]) .av2-trace { border-top:1px solid var(--w-070); padding:12px 14px; }
:where([data-script-page="price-monitoring"]) .av2-trace-lab { font-family:var(--font-jetbrains-mono),Menlo,monospace; font-size:9.5px; letter-spacing:0.15em; color:var(--text-muted); margin-bottom:9px; }
:where([data-script-page="price-monitoring"]) .av2-hops { display:flex; flex-wrap:wrap; align-items:center; gap:7px; }
:where([data-script-page="price-monitoring"]) .av2-hop { display:inline-flex; align-items:center; gap:7px; font-family:var(--font-jetbrains-mono),Menlo,monospace; font-size:10.5px; color: var(--accent-text);
  border:1px solid rgba(168,85,247,0.28); border-radius:8px; padding:6px 9px; max-width:100%; }
:where([data-script-page="price-monitoring"]) .av2-hop u { text-decoration:none; color:var(--text-muted); }
:where([data-script-page="price-monitoring"]) .av2-hop code { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
:where([data-script-page="price-monitoring"]) .av2-hop--end { color: var(--lime-text); border-color:rgba(163,230,53,0.3); }
:where([data-script-page="price-monitoring"]) .av2-hop--bad { color: var(--danger-text); border-color:rgba(248,113,113,0.34); }
:where([data-script-page="price-monitoring"]) .av2-arw { color:var(--text-faint); font-size:11px; }
:where([data-script-page="price-monitoring"]) .av2-specbar { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px; background:var(--w-070); border-top:1px solid var(--w-070); }
@media (min-width:660px) { :where([data-script-page="price-monitoring"]) .av2-specbar { grid-template-columns:repeat(4,minmax(0,1fr)); } }
:where([data-script-page="price-monitoring"]) .av2-specbar > div { background:var(--surface-2); padding:11px 13px; min-width:0; }
:where([data-script-page="price-monitoring"]) .av2-specbar b { display:block; font-family:var(--font-space-grotesk),sans-serif; font-size:17px; color: var(--text-primary); letter-spacing:-0.01em; margin-bottom:3px; }
:where([data-script-page="price-monitoring"]) .av2-specbar span { font-family:var(--font-jetbrains-mono),Menlo,monospace; font-size:9.5px; letter-spacing:0.12em; color:var(--text-muted); }
:where([data-script-page="price-monitoring"]) .av2-disc { padding:11px 15px 13px; font-size:11.5px; color:var(--text-muted); border-top:1px solid var(--w-070); line-height:1.5; }

/* 01 — evidence chain */
:where([data-script-page="price-monitoring"]) .av2-thread { display:flex; align-items:center; gap:12px; margin-bottom:14px; }
:where([data-script-page="price-monitoring"]) .av2-thread span { font-family:var(--font-jetbrains-mono),Menlo,monospace; font-size:10px; letter-spacing:0.13em; color: var(--lime-text);
  border:1px dashed rgba(163,230,53,0.42); border-radius:999px; padding:6px 11px; white-space:nowrap; }
:where([data-script-page="price-monitoring"]) .av2-thread i { flex:1; height:0; border-top:1px dashed rgba(163,230,53,0.34); }
:where([data-script-page="price-monitoring"]) .av2-chain { display:grid; grid-template-columns:minmax(0,1fr); gap:10px; }
@media (min-width:920px) { :where([data-script-page="price-monitoring"]) .av2-chain { grid-template-columns:repeat(5,minmax(0,1fr)); gap:22px; } }
:where([data-script-page="price-monitoring"]) .av2-node { position:relative; display:flex; flex-direction:column; gap:9px; text-align:left; font:inherit; cursor:pointer;
  border:1px solid var(--w-080); border-radius:14px; background:var(--surface); padding:15px 16px; min-height:112px;
  transition:border-color .22s, background .22s, transform .22s; }
:where([data-script-page="price-monitoring"]) .av2-node:hover { border-color:rgba(168,85,247,0.45); transform:translateY(-2px); }
:where([data-script-page="price-monitoring"]) .av2-node[aria-selected="true"] { border-color:rgba(168,85,247,0.7); background:linear-gradient(180deg, rgba(124,58,237,0.2), rgba(124,58,237,0.03));
  box-shadow:0 26px 60px -45px rgba(139,92,246,0.9); }
:where([data-script-page="price-monitoring"]) .av2-node:focus-visible { outline:2px solid rgba(196,181,253,0.95); outline-offset:2px; }
@media (min-width:920px) { :where([data-script-page="price-monitoring"]) .av2-node::after { content:''; position:absolute; top:50%; right:-22px; width:22px; height:0;
    border-top:1px dashed rgba(168,85,247,0.42); }
  :where([data-script-page="price-monitoring"]) .av2-node:last-child::after { display:none; } }
:where([data-script-page="price-monitoring"]) .av2-node-n { display:flex; align-items:center; gap:8px; font-family:var(--font-jetbrains-mono),Menlo,monospace; font-size:9.5px; letter-spacing:0.14em; color: var(--accent-strong); }
:where([data-script-page="price-monitoring"]) .av2-node-n u { text-decoration:none; width:22px; height:22px; border:1px solid rgba(168,85,247,0.4); border-radius:6px;
  display:flex; align-items:center; justify-content:center; color: var(--accent-text); }
:where([data-script-page="price-monitoring"]) .av2-node b { font-size:14px; color: var(--text-primary); font-weight:600; letter-spacing:-0.01em; }
:where([data-script-page="price-monitoring"]) .av2-node span.av2-node-v { font-family:var(--font-jetbrains-mono),Menlo,monospace; font-size:10.5px; color:var(--text-muted); line-height:1.45;
  overflow:hidden; text-overflow:ellipsis; margin-top:auto; }
:where([data-script-page="price-monitoring"]) .av2-node-detail { margin-top:18px; border:1px solid var(--w-090); border-radius:16px; padding:clamp(18px,2.3vw,24px);
  background:linear-gradient(180deg,var(--surface),var(--surface-sunken)); display:grid; grid-template-columns:minmax(0,1fr); gap:20px; }
@media (min-width:820px) { :where([data-script-page="price-monitoring"]) .av2-node-detail { grid-template-columns:minmax(0,1fr) minmax(0,0.85fr); gap:30px; } }
:where([data-script-page="price-monitoring"]) .av2-node-detail h3 { font-size:17px; color: var(--text-primary); font-weight:600; letter-spacing:-0.01em; margin-bottom:9px; }
:where([data-script-page="price-monitoring"]) .av2-node-detail p { font-size:14px; color:var(--text-secondary); line-height:1.6; }
:where([data-script-page="price-monitoring"]) .av2-node-detail p + p { margin-top:10px; }
:where([data-script-page="price-monitoring"]) .av2-panel-in { animation:av2In .3s cubic-bezier(.4,0,.2,1) both; }
@keyframes av2In { from { opacity:0; transform:translateY(6px); } to { opacity:1; transform:none; } }

/* 02 — audit matrix */
:where([data-script-page="price-monitoring"]) .av2-mxwrap { display:grid; grid-template-columns:minmax(0,1fr); gap:20px; align-items:start; }
@media (min-width:1080px) { :where([data-script-page="price-monitoring"]) .av2-mxwrap { grid-template-columns:minmax(0,1.3fr) minmax(0,0.7fr); gap:26px; } }
:where([data-script-page="price-monitoring"]) .av2-legend { display:flex; flex-wrap:wrap; gap:7px; margin-bottom:16px; }
:where([data-script-page="price-monitoring"]) .av2-card { border:1px solid var(--w-080); border-radius:18px; background:linear-gradient(180deg,var(--surface),var(--surface-sunken));
  padding:clamp(15px,1.9vw,20px); min-width:0; }
:where([data-script-page="price-monitoring"]) .av2-mxscroll { overflow-x:auto; margin:0 -4px; padding:0 4px 4px; }
:where([data-script-page="price-monitoring"]) .av2-mx { border-collapse:separate; border-spacing:5px; width:100%; min-width:520px; }
:where([data-script-page="price-monitoring"]) .av2-mx caption { caption-side:top; text-align:left; font-family:var(--font-jetbrains-mono),Menlo,monospace; font-size:9.5px;
  letter-spacing:0.15em; color:var(--text-muted); padding-bottom:10px; }
:where([data-script-page="price-monitoring"]) .av2-mx th { font-weight:400; }
:where([data-script-page="price-monitoring"]) .av2-mx thead th { font-family:var(--font-jetbrains-mono),Menlo,monospace; font-size:9.5px; letter-spacing:0.12em; color:var(--text-muted);
  text-align:center; padding:0 0 4px; }
:where([data-script-page="price-monitoring"]) .av2-mx tbody th { text-align:left; padding:0 12px 0 2px; }
:where([data-script-page="price-monitoring"]) .av2-mx tbody th b { display:block; font-size:12.5px; color:var(--text-soft); font-weight:600; }
:where([data-script-page="price-monitoring"]) .av2-mx tbody th span { display:block; font-family:var(--font-jetbrains-mono),Menlo,monospace; font-size:9.5px; color:var(--text-muted); margin-top:3px; }
:where([data-script-page="price-monitoring"]) .av2-cell { display:flex; align-items:center; justify-content:center; width:100%; min-height:46px; padding:6px 4px; font:inherit;
  font-family:var(--font-jetbrains-mono),Menlo,monospace; font-size:9px; letter-spacing:0.07em; text-align:center; cursor:pointer;
  border:1px solid var(--w-100); border-radius:9px; background:var(--w-020); color:var(--text-muted); transition:all .2s; }
:where([data-script-page="price-monitoring"]) .av2-cell:hover { filter:brightness(1.35); }
:where([data-script-page="price-monitoring"]) .av2-cell--ok { color: var(--lime-text); border-color:rgba(163,230,53,0.3); background:rgba(163,230,53,0.08); }
:where([data-script-page="price-monitoring"]) .av2-cell--geo { color: var(--danger-text); border-color:rgba(248,113,113,0.4); background:rgba(248,113,113,0.11); }
:where([data-script-page="price-monitoring"]) .av2-cell--unapp { color: var(--amber-text); border-color:rgba(252,211,77,0.36); background:rgba(252,211,77,0.09); }
:where([data-script-page="price-monitoring"]) .av2-cell--redir { color: var(--cyan-text); border-color:rgba(34,211,238,0.34); background:rgba(34,211,238,0.08); }
:where([data-script-page="price-monitoring"]) .av2-cell--none { color:var(--text-muted); border-color:var(--w-100); background:var(--w-020); }
:where([data-script-page="price-monitoring"]) .av2-cell[aria-pressed="true"] { box-shadow:0 0 0 2px rgba(255,255,255,0.55); color: var(--text-primary); }
:where([data-script-page="price-monitoring"]) .av2-cell:focus-visible { outline:2px solid rgba(196,181,253,0.95); outline-offset:2px; }
:where([data-script-page="price-monitoring"]) .av2-ev { border:1px solid rgba(168,85,247,0.4); border-radius:18px; padding:clamp(17px,2.1vw,22px);
  background:linear-gradient(180deg, rgba(124,58,237,0.12), var(--surface-2) 60%); box-shadow:0 30px 70px -50px rgba(139,92,246,0.8); }
:where([data-script-page="price-monitoring"]) .av2-ev-lab { font-family:var(--font-jetbrains-mono),Menlo,monospace; font-size:9.5px; letter-spacing:0.15em; color: var(--accent-text); margin-bottom:12px; }
:where([data-script-page="price-monitoring"]) .av2-ev h3 { font-size:16px; color: var(--text-primary); font-weight:600; letter-spacing:-0.01em; margin-bottom:4px; }
:where([data-script-page="price-monitoring"]) .av2-ev-sub { font-family:var(--font-jetbrains-mono),Menlo,monospace; font-size:10.5px; color:var(--text-muted); margin-bottom:14px; }
:where([data-script-page="price-monitoring"]) .av2-ev-note { margin-top:13px; font-size:13px; color:var(--text-secondary); line-height:1.55; }
:where([data-script-page="price-monitoring"]) .av2-mxfoot { margin-top:16px; font-size:12.5px; color:var(--text-muted); line-height:1.55; }

/* 03 — evidence bundle */
:where([data-script-page="price-monitoring"]) .av2-bundle { display:grid; grid-template-columns:minmax(0,1fr); gap:22px; align-items:start; }
@media (min-width:1000px) { :where([data-script-page="price-monitoring"]) .av2-bundle { grid-template-columns:minmax(0,1.25fr) minmax(0,0.75fr); gap:30px; } }
:where([data-script-page="price-monitoring"]) .av2-file { border:1px solid var(--w-090); border-radius:18px; overflow:hidden; background:linear-gradient(180deg,var(--surface),var(--surface-sunken)); }
:where([data-script-page="price-monitoring"]) .av2-file-head { display:flex; flex-wrap:wrap; align-items:center; gap:10px 14px; padding:15px 17px; border-bottom:1px dashed var(--w-160); }
:where([data-script-page="price-monitoring"]) .av2-file-head b { font-family:var(--font-jetbrains-mono),Menlo,monospace; font-size:12px; letter-spacing:0.1em; color: var(--text-primary); }
:where([data-script-page="price-monitoring"]) .av2-file-head span.av2-file-sub { font-family:var(--font-jetbrains-mono),Menlo,monospace; font-size:10.5px; color:var(--text-muted); }
:where([data-script-page="price-monitoring"]) .av2-expand { margin-left:auto; font:inherit; font-family:var(--font-jetbrains-mono),Menlo,monospace; font-size:9.5px; letter-spacing:0.12em;
  color:var(--text-secondary); background:transparent; border:1px solid var(--w-140); border-radius:999px; padding:0 13px; min-height:36px; cursor:pointer; transition:all .2s; }
:where([data-script-page="price-monitoring"]) .av2-expand:hover { color: var(--text-primary); border-color:rgba(168,85,247,0.55); }
:where([data-script-page="price-monitoring"]) .av2-item { border-top:1px solid var(--w-055); }
:where([data-script-page="price-monitoring"]) .av2-item:first-of-type { border-top:0; }
:where([data-script-page="price-monitoring"]) .av2-item > summary { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:12px; padding:13px 16px;
  min-height:56px; cursor:pointer; list-style:none; transition:background .2s; }
:where([data-script-page="price-monitoring"]) .av2-item > summary::-webkit-details-marker { display:none; }
:where([data-script-page="price-monitoring"]) .av2-item > summary:hover { background:var(--w-022); }
:where([data-script-page="price-monitoring"]) .av2-item > summary:focus-visible { outline:2px solid rgba(196,181,253,0.9); outline-offset:-3px; background:rgba(124,58,237,0.1); }
:where([data-script-page="price-monitoring"]) .av2-expand:focus-visible { outline:2px solid rgba(196,181,253,0.9); outline-offset:2px; }
:where([data-script-page="price-monitoring"]) .av2-item[open] > summary { background:rgba(124,58,237,0.07); }
:where([data-script-page="price-monitoring"]) .av2-item-n { font-family:var(--font-jetbrains-mono),Menlo,monospace; font-size:10px; color: var(--accent-text); border:1px solid rgba(168,85,247,0.35);
  border-radius:6px; width:26px; height:26px; display:flex; align-items:center; justify-content:center; }
:where([data-script-page="price-monitoring"]) .av2-item-t { font-size:13.5px; color:var(--text-primary); font-weight:500; min-width:0; }
:where([data-script-page="price-monitoring"]) .av2-item-v { font-family:var(--font-jetbrains-mono),Menlo,monospace; font-size:10.5px; color:var(--text-muted); text-align:right;
  max-width:44%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
:where([data-script-page="price-monitoring"]) .av2-item-body { padding:2px 16px 16px 54px; }
:where([data-script-page="price-monitoring"]) .av2-item-body p { font-size:13.5px; color:var(--text-secondary); line-height:1.6; }
:where([data-script-page="price-monitoring"]) .av2-item-body pre { margin-top:10px; font-family:var(--font-jetbrains-mono),Menlo,monospace; font-size:11px; color: var(--accent-text); line-height:1.6;
  border:1px solid var(--w-070); border-radius:9px; padding:11px 12px; background:var(--w-020); overflow-x:auto; }
:where([data-script-page="price-monitoring"]) .av2-sheet-lab { display:flex; align-items:center; gap:10px; margin-bottom:12px; font-family:var(--font-jetbrains-mono),Menlo,monospace;
  font-size:9.5px; letter-spacing:0.15em; color:var(--text-muted); }
:where([data-script-page="price-monitoring"]) .av2-sheet { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
:where([data-script-page="price-monitoring"]) .av2-shot { position:relative; border:1px solid var(--w-100); border-radius:10px; overflow:hidden; aspect-ratio:4/3;
  background-image:repeating-linear-gradient(135deg, var(--w-045) 0 6px, transparent 6px 12px); background-color:var(--surface-2); }
:where([data-script-page="price-monitoring"]) .av2-shot em { position:absolute; inset:auto 6px 24px 6px; font-style:normal; font-family:var(--font-jetbrains-mono),Menlo,monospace;
  font-size:9px; letter-spacing:0.06em; color:var(--text-muted); text-align:center; }
:where([data-script-page="price-monitoring"]) .av2-shot i { position:absolute; inset:8px; border:1.5px dashed rgba(168,85,247,0.5); border-radius:5px; }
:where([data-script-page="price-monitoring"]) .av2-shot--flag i { border-color:rgba(248,113,113,0.6); }
:where([data-script-page="price-monitoring"]) .av2-shot b { position:absolute; left:0; right:0; bottom:0; padding:4px 6px; font-family:var(--font-jetbrains-mono),Menlo,monospace;
  font-size:8.5px; font-weight:400; letter-spacing:0.06em; color:var(--text-secondary); background:rgba(var(--scrim-rgb),0.82); }
:where([data-script-page="price-monitoring"]) .av2-sheet-note { margin-top:12px; font-size:12.5px; color:var(--text-muted); line-height:1.55; }

/* 04 — brief vs delivery */
:where([data-script-page="price-monitoring"]) .av2-tally { display:flex; flex-wrap:wrap; gap:10px; margin-bottom:18px; }
:where([data-script-page="price-monitoring"]) .av2-tally > div { display:flex; align-items:baseline; gap:8px; border:1px solid var(--w-090); border-radius:12px; padding:11px 15px; background:var(--surface); }
:where([data-script-page="price-monitoring"]) .av2-tally b { font-family:var(--font-space-grotesk),sans-serif; font-weight:700; font-size:24px; line-height:1; color: var(--text-primary); letter-spacing:-0.02em; }
:where([data-script-page="price-monitoring"]) .av2-tally span { font-family:var(--font-jetbrains-mono),Menlo,monospace; font-size:9.5px; letter-spacing:0.12em; color:var(--text-muted); }
:where([data-script-page="price-monitoring"]) .av2-tally > div.av2-tally--bad b { color: var(--danger-text); }
:where([data-script-page="price-monitoring"]) .av2-cmp { border:1px solid var(--w-090); border-radius:18px; overflow:hidden; background:var(--surface-2); }
:where([data-script-page="price-monitoring"]) .av2-cmp-head { display:none; }
@media (min-width:900px) { :where([data-script-page="price-monitoring"]) .av2-cmp-head { display:grid; grid-template-columns:minmax(0,1fr) 132px minmax(0,1fr);
    border-bottom:1px solid var(--w-080); background:var(--w-020); }
  :where([data-script-page="price-monitoring"]) .av2-cmp-head > span { padding:12px 17px; font-family:var(--font-jetbrains-mono),Menlo,monospace; font-size:9.5px; letter-spacing:0.15em; color:var(--text-muted); }
  :where([data-script-page="price-monitoring"]) .av2-cmp-head > span:nth-child(2) { text-align:center; } :where([data-script-page="price-monitoring"]) .av2-cmp-head > span:last-child { border-left:1px solid var(--w-070); } }
:where([data-script-page="price-monitoring"]) .av2-row { display:grid; grid-template-columns:minmax(0,1fr); border-top:1px solid var(--w-070); }
:where([data-script-page="price-monitoring"]) .av2-row:first-of-type { border-top:0; }
@media (min-width:900px) { :where([data-script-page="price-monitoring"]) .av2-row { grid-template-columns:minmax(0,1fr) 132px minmax(0,1fr); } }
:where([data-script-page="price-monitoring"]) .av2-side { padding:15px 17px; min-width:0; }
@media (min-width:900px) { :where([data-script-page="price-monitoring"]) .av2-side--obs { border-left:1px solid var(--w-070); } }
@media (max-width:899px) { :where([data-script-page="price-monitoring"]) .av2-side--obs { border-top:1px solid var(--w-050); } }
:where([data-script-page="price-monitoring"]) .av2-side-lab { display:block; font-family:var(--font-jetbrains-mono),Menlo,monospace; font-size:9px; letter-spacing:0.14em; color:var(--text-muted); margin-bottom:7px; }
:where([data-script-page="price-monitoring"]) .av2-side b { display:block; font-size:14px; color: var(--text-primary); font-weight:600; margin-bottom:5px; }
:where([data-script-page="price-monitoring"]) .av2-side p { font-family:var(--font-jetbrains-mono),Menlo,monospace; font-size:12px; color:var(--text-soft); line-height:1.55; word-break:break-word; }
:where([data-script-page="price-monitoring"]) .av2-row--bad .av2-side--obs { background:rgba(248,113,113,0.055); }
:where([data-script-page="price-monitoring"]) .av2-row--bad .av2-side--obs p { color: var(--danger-text); }
:where([data-script-page="price-monitoring"]) .av2-mid { display:flex; align-items:center; justify-content:center; padding:4px 17px 15px; }
@media (min-width:900px) { :where([data-script-page="price-monitoring"]) .av2-mid { padding:15px 8px; flex-direction:column; gap:8px; } }
:where([data-script-page="price-monitoring"]) .av2-mid-note { grid-column:1/-1; padding:0 17px 15px; font-size:12.5px; color:var(--text-muted); line-height:1.55; }
:where([data-script-page="price-monitoring"]) .av2-row--bad .av2-mid-note { color: var(--danger-text); }
@media (min-width:900px) { :where([data-script-page="price-monitoring"]) .av2-mid-note { padding:0 17px 14px; } }
:where([data-script-page="price-monitoring"]) .av2-cmp-foot { padding:14px 17px; border-top:1px solid var(--w-070); font-size:12.5px; color:var(--text-muted); line-height:1.55;
  background:var(--w-015); }

/* 06 — field manual + ethics */
:where([data-script-page="price-monitoring"]) .av2-eth { border:1px solid rgba(248,113,113,0.45); border-radius:18px; padding:clamp(18px,2.3vw,26px); margin-bottom:26px;
  background:linear-gradient(120deg, rgba(248,113,113,0.12), rgba(248,113,113,0.015)); display:grid; grid-template-columns:minmax(0,1fr); gap:14px; }
@media (min-width:860px) { :where([data-script-page="price-monitoring"]) .av2-eth { grid-template-columns:auto minmax(0,1fr); gap:24px; align-items:start; } }
:where([data-script-page="price-monitoring"]) .av2-eth-stamp { align-self:start; justify-self:start; font-family:var(--font-jetbrains-mono),Menlo,monospace; font-size:11px; font-weight:700; letter-spacing:0.16em;
  color: var(--danger-text); border:2px solid currentColor; border-radius:6px; padding:9px 12px; transform:rotate(-2.5deg); white-space:nowrap; }
:where([data-script-page="price-monitoring"]) .av2-eth h3 { font-family:var(--font-space-grotesk),sans-serif; font-size:clamp(20px,2.4vw,25px); color: var(--text-primary); letter-spacing:-0.02em; margin-bottom:10px; }
:where([data-script-page="price-monitoring"]) .av2-eth p { font-size:14.5px; color:var(--text-soft); line-height:1.65; max-width:70ch; }
:where([data-script-page="price-monitoring"]) .av2-eth p + p { margin-top:10px; }
:where([data-script-page="price-monitoring"]) .av2-06 { display:grid; grid-template-columns:minmax(0,1fr); gap:26px; align-items:start; }
@media (min-width:1020px) { :where([data-script-page="price-monitoring"]) .av2-06 { grid-template-columns:minmax(0,1.06fr) minmax(0,0.94fr); gap:34px; } }
:where([data-script-page="price-monitoring"]) .av2-man { display:flex; flex-direction:column; gap:11px; }
:where([data-script-page="price-monitoring"]) .av2-man-item { display:grid; grid-template-columns:auto minmax(0,1fr); gap:14px; padding:16px 17px;
  border:1px solid var(--w-080); border-radius:13px; background:var(--surface); transition:border-color .22s; }
:where([data-script-page="price-monitoring"]) .av2-man-item:hover { border-color:rgba(163,230,53,0.32); }
:where([data-script-page="price-monitoring"]) .av2-tick { width:27px; height:27px; flex:0 0 auto; border:1px solid rgba(163,230,53,0.42); border-radius:7px; color: var(--lime-text);
  font-family:var(--font-jetbrains-mono),Menlo,monospace; font-size:10.5px; display:flex; align-items:center; justify-content:center; }
:where([data-script-page="price-monitoring"]) .av2-man-item h3 { font-size:15px; color: var(--text-primary); font-weight:600; margin-bottom:6px; letter-spacing:-0.01em; }
:where([data-script-page="price-monitoring"]) .av2-man-item p { font-size:14px; color:var(--text-secondary); line-height:1.6; }
:where([data-script-page="price-monitoring"]) .av2-man-item p.av2-do { margin-top:9px; font-family:var(--font-jetbrains-mono),Menlo,monospace; font-size:11.5px; color: var(--accent-text); line-height:1.55; }
:where([data-script-page="price-monitoring"]) .av2-man-item p.av2-do u { text-decoration:none; color:var(--text-muted); letter-spacing:0.1em; }

@media (prefers-reduced-motion: reduce) {
  :where([data-script-page="price-monitoring"]) .av2-node:hover { transform:none; }
  :where([data-script-page="price-monitoring"]) .av2-panel-in { animation:none; }
}


/* --- shared additions used across several use-case pages (scoped .uc-*) --- */
:where([data-script-page="price-monitoring"]) .uc-tl { position:relative; display:flex; flex-direction:column; }
:where([data-script-page="price-monitoring"]) .uc-tl > div { position:relative; display:grid; grid-template-columns:auto minmax(0,1fr); gap:14px; padding:0 0 18px 0; }
:where([data-script-page="price-monitoring"]) .uc-tl > div:last-child { padding-bottom:0; }
:where([data-script-page="price-monitoring"]) .uc-tl-rail { position:relative; width:24px; display:flex; justify-content:center; }
:where([data-script-page="price-monitoring"]) .uc-tl-rail i { position:absolute; top:16px; bottom:-18px; width:1px; background:var(--w-100); }
:where([data-script-page="price-monitoring"]) .uc-tl > div:last-child .uc-tl-rail i { display:none; }
:where([data-script-page="price-monitoring"]) .uc-tl-dot { position:relative; z-index:1; width:11px; height:11px; margin-top:5px; border-radius:50%; background:var(--surface); border:2px solid rgba(168,85,247,0.7); }
:where([data-script-page="price-monitoring"]) .uc-tl-dot--ok { border-color:rgba(163,230,53,0.8); }
:where([data-script-page="price-monitoring"]) .uc-tl-dot--warn { border-color:rgba(252,211,77,0.85); }
:where([data-script-page="price-monitoring"]) .uc-tl-dot--bad { border-color:#f87171; background:rgba(248,113,113,0.25); }
:where([data-script-page="price-monitoring"]) .uc-tl-body { border:1px solid var(--w-080); border-radius:13px; background:var(--surface); padding:14px 16px; min-width:0; }
:where([data-script-page="price-monitoring"]) .uc-tl-body.is-bad { border-color:rgba(248,113,113,0.35); background:linear-gradient(140deg, rgba(248,113,113,0.09), var(--surface) 60%); }
:where([data-script-page="price-monitoring"]) .uc-tl-top { display:flex; flex-wrap:wrap; align-items:center; gap:8px 12px; margin-bottom:7px; }
:where([data-script-page="price-monitoring"]) .uc-tl-time { font-family:var(--font-jetbrains-mono),Menlo,monospace; font-size:10.5px; letter-spacing:0.1em; color:var(--text-muted); }
:where([data-script-page="price-monitoring"]) .uc-tl-body b { font-size:14.5px; color: var(--text-primary); font-weight:600; letter-spacing:-0.01em; }
:where([data-script-page="price-monitoring"]) .uc-tl-body p { font-size:13.5px; color:var(--text-secondary); line-height:1.55; }
:where([data-script-page="price-monitoring"]) .uc-tl-body pre { margin-top:9px; font-family:var(--font-jetbrains-mono),Menlo,monospace; font-size:11px; color: var(--accent-text); line-height:1.6;
  border:1px solid var(--w-070); border-radius:9px; padding:10px 12px; background:var(--w-020); overflow-x:auto; }

/* two-column editorial split used by several pages */
:where([data-script-page="price-monitoring"]) .uc-split { display:grid; grid-template-columns:minmax(0,1fr); gap:24px; align-items:start; }
@media (min-width:1000px) { :where([data-script-page="price-monitoring"]) .uc-split { grid-template-columns:minmax(0,1.08fr) minmax(0,0.92fr); gap:34px; } }
:where([data-script-page="price-monitoring"]) .uc-note { margin-top:16px; font-size:12.5px; color:var(--text-muted); line-height:1.55; }
:where([data-script-page="price-monitoring"]) .uc-num { display:flex; flex-wrap:wrap; gap:10px; }
:where([data-script-page="price-monitoring"]) .uc-num > div { display:flex; align-items:baseline; gap:8px; border:1px solid var(--w-090); border-radius:12px; padding:11px 15px; background:var(--surface); }
:where([data-script-page="price-monitoring"]) .uc-num b { font-family:var(--font-space-grotesk),sans-serif; font-weight:700; font-size:24px; line-height:1; color: var(--text-primary); letter-spacing:-0.02em; }
:where([data-script-page="price-monitoring"]) .uc-num span { font-family:var(--font-jetbrains-mono),Menlo,monospace; font-size:9.5px; letter-spacing:0.12em; color:var(--text-muted); }
:where([data-script-page="price-monitoring"]) .uc-num > div.is-bad b { color: var(--danger-text); }
:where([data-script-page="price-monitoring"]) .uc-num > div.is-ok b { color: var(--lime-text); }

/* --- generic observation rows: one row per market, probe or sample (.uc-*) --- */
:where([data-script-page="price-monitoring"]) .uc-rows { padding:12px 14px; display:flex; flex-direction:column; gap:6px; min-width:0; }
:where([data-script-page="price-monitoring"]) .uc-row { display:grid; grid-template-columns:64px minmax(0,1fr) auto; align-items:center; gap:11px; width:100%; text-align:left; font:inherit;
  cursor:pointer; min-height:58px; padding:9px 11px; border:1px solid var(--w-070); border-radius:11px;
  background:var(--w-018); transition:border-color .22s, background .22s, box-shadow .22s; }
:where([data-script-page="price-monitoring"]) .uc-row:hover { border-color:rgba(168,85,247,0.5); background:rgba(124,58,237,0.07); }
:where([data-script-page="price-monitoring"]) .uc-row[aria-pressed="true"] { border-color:#a855f7; background:linear-gradient(140deg, rgba(124,58,237,0.22), rgba(124,58,237,0.04)); box-shadow:0 0 0 3px rgba(168,85,247,0.15); }
:where([data-script-page="price-monitoring"]) .uc-row--bad { border-color:rgba(248,113,113,0.42); background:rgba(248,113,113,0.05); }
:where([data-script-page="price-monitoring"]) .uc-row--bad:hover { border-color:rgba(248,113,113,0.8); background:rgba(248,113,113,0.09); }
:where([data-script-page="price-monitoring"]) .uc-row--bad[aria-pressed="true"] { border-color:#f87171; background:linear-gradient(140deg, rgba(248,113,113,0.2), rgba(248,113,113,0.04)); box-shadow:0 0 0 3px rgba(248,113,113,0.15); }
:where([data-script-page="price-monitoring"]) .uc-row--warn { border-color:rgba(252,211,77,0.38); background:rgba(252,211,77,0.04); }
:where([data-script-page="price-monitoring"]) .uc-row--warn[aria-pressed="true"] { border-color:#fcd34d; background:linear-gradient(140deg, rgba(252,211,77,0.16), rgba(252,211,77,0.03)); box-shadow:0 0 0 3px rgba(252,211,77,0.13); }
:where([data-script-page="price-monitoring"]) .uc-row:focus-visible { outline:2px solid rgba(196,181,253,0.95); outline-offset:2px; }
:where([data-script-page="price-monitoring"]) .uc-cc { font-family:var(--font-jetbrains-mono),Menlo,monospace; font-size:11px; font-weight:700; letter-spacing:0.06em; color: var(--accent-text);
  border:1px solid rgba(168,85,247,0.4); border-radius:8px; padding:6px 0; text-align:center; }
:where([data-script-page="price-monitoring"]) .uc-row--bad .uc-cc { color: var(--danger-text); border-color:rgba(248,113,113,0.4); }
:where([data-script-page="price-monitoring"]) .uc-row--warn .uc-cc { color: var(--amber-text); border-color:rgba(252,211,77,0.4); }
:where([data-script-page="price-monitoring"]) .uc-city { display:block; font-size:12.5px; color:var(--text-soft); font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
:where([data-script-page="price-monitoring"]) .uc-obs { display:block; font-family:var(--font-jetbrains-mono),Menlo,monospace; font-size:10.5px; color:var(--text-muted); margin-top:3px;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
:where([data-script-page="price-monitoring"]) .uc-right { display:flex; flex-direction:column; align-items:flex-end; gap:5px; }
:where([data-script-page="price-monitoring"]) .uc-ttfb { font-family:var(--font-jetbrains-mono),Menlo,monospace; font-size:10.5px; color:var(--text-muted); white-space:nowrap; }
:where([data-script-page="price-monitoring"]) .uc-legend { display:flex; flex-wrap:wrap; gap:7px; margin-bottom:14px; }

/* LUDAX price-monitoring page system (scoped .pm-*).
   A commerce-intelligence instrument: full-width Price Pulse workspace,
   animated offer-normalisation pipeline, wide price-history canvas,
   dense offer comparison table, change-receipt drawer.
   Same LUDAX tokens as every other page — dark editorial surfaces,
   Space Grotesk / Inter / JetBrains Mono, violet + lime accents.
   Nothing in this file is used by another use-case page. */

[data-script-page="price-monitoring"] {
  --pm-e: cubic-bezier(.22,.61,.36,1);
  --pm-e-out: cubic-bezier(.16,1,.3,1);
  --pm-t: 220ms;
}

/* ---------- shared atoms ---------- */
:where([data-script-page="price-monitoring"]) .pm-mono { font-family: var(--font-jetbrains-mono), Menlo, monospace; }
:where([data-script-page="price-monitoring"]) .pm-lime { color: var(--lime-text); } :where([data-script-page="price-monitoring"]) .pm-red { color: var(--danger-text); }

:where([data-script-page="price-monitoring"]) .pm-chips { display: flex; flex-wrap: wrap; gap: 7px; }
:where([data-script-page="price-monitoring"]) .pm-chip { font: inherit; font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 10.5px; letter-spacing: 0.08em; color: var(--text-secondary);
  background: var(--w-020); border: 1px solid var(--w-110); border-radius: 999px; padding: 0 14px; min-height: 44px;
  display: inline-flex; align-items: center; gap: 8px; cursor: pointer;
  transition: color var(--pm-t) var(--pm-e), border-color var(--pm-t) var(--pm-e), background var(--pm-t) var(--pm-e), transform 140ms var(--pm-e); }
:where([data-script-page="price-monitoring"]) .pm-chip:hover { color: var(--text-primary); border-color: rgba(168,85,247,0.5); }
:where([data-script-page="price-monitoring"]) .pm-chip:active { transform: scale(.965); }
:where([data-script-page="price-monitoring"]) .pm-chip[aria-pressed="true"] { color: var(--text-primary); border-color: rgba(168,85,247,0.7);
  background: linear-gradient(180deg, rgba(124,58,237,0.32), rgba(124,58,237,0.05)); }
:where([data-script-page="price-monitoring"]) .pm-chip[aria-pressed="true"] b { color: var(--accent-text); }
:where([data-script-page="price-monitoring"]) .pm-chip b { font-weight: 700; color: var(--text-muted); transition: color var(--pm-t) var(--pm-e); }
:where([data-script-page="price-monitoring"]) .pm-chip--off { opacity: .48; }
:where([data-script-page="price-monitoring"]) .pm-chip:focus-visible { outline: 2px solid rgba(196,181,253,0.95); outline-offset: 2px; }

:where([data-script-page="price-monitoring"]) .pm-sel select { appearance: none; -webkit-appearance: none; font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 10.5px;
  letter-spacing: 0.07em; color: var(--accent-text); background-color: rgba(124,58,237,0.12); border: 1px solid rgba(168,85,247,0.4);
  border-radius: 999px; padding: 0 27px 0 13px; min-height: 44px; cursor: pointer;
  background-image: linear-gradient(45deg, transparent 50%, #c4b5fd 50%), linear-gradient(135deg, #c4b5fd 50%, transparent 50%);
  background-position: right 15px center, right 10px center; background-size: 5px 5px, 5px 5px; background-repeat: no-repeat;
  transition: border-color var(--pm-t) var(--pm-e), background-color var(--pm-t) var(--pm-e); }
:where([data-script-page="price-monitoring"]) .pm-sel select:hover { border-color: rgba(168,85,247,0.72); }
:where([data-script-page="price-monitoring"]) .pm-sel select:focus-visible { outline: 2px solid rgba(196,181,253,0.95); outline-offset: 2px; }
:where([data-script-page="price-monitoring"]) .pm-sel select option { background: var(--surface); color: var(--text-primary); }

:where([data-script-page="price-monitoring"]) .pm-copy { font: inherit; font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 9px; letter-spacing: 0.14em; color: var(--text-muted);
  background: transparent; border: 1px solid var(--w-130); border-radius: 6px; padding: 0 8px; min-height: 26px; cursor: pointer;
  display: inline-flex; align-items: center; gap: 6px; transition: color 160ms var(--pm-e), border-color 160ms var(--pm-e), transform 120ms var(--pm-e); }
:where([data-script-page="price-monitoring"]) .pm-copy:hover { color: var(--text-primary); border-color: rgba(168,85,247,0.55); }
:where([data-script-page="price-monitoring"]) .pm-copy:active { transform: scale(.94); }
:where([data-script-page="price-monitoring"]) .pm-copy:focus-visible { outline: 2px solid rgba(196,181,253,0.95); outline-offset: 2px; }
:where([data-script-page="price-monitoring"]) .pm-copy.is-done { color: var(--lime-text); border-color: rgba(163,230,53,0.45); }

/* initial reveal sequence (hero) */
html.pm-anim :where([data-script-page="price-monitoring"]) [data-pmrise]:not(.is-in), [data-script-page="price-monitoring"].pm-anim [data-pmrise]:not(.is-in) { opacity: 0; transform: translateY(18px); }
:where([data-script-page="price-monitoring"]) [data-pmrise] { transition: opacity 460ms var(--pm-e), transform 460ms var(--pm-e); }
:where([data-script-page="price-monitoring"]) [data-pmrise].is-in { opacity: 1; transform: none; }

/* ---------- HERO: masthead + buy rail ---------- */
:where([data-script-page="price-monitoring"]) .pm-top { display: flex; flex-direction: column; gap: clamp(18px, 2.2vw, 26px); }
:where([data-script-page="price-monitoring"]) .pm-mast { display: flex; flex-direction: column; }
:where([data-script-page="price-monitoring"]) .pm-eyerow { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; }
:where([data-script-page="price-monitoring"]) .pm-mast .lx-h1 { max-width: 27ch; margin-bottom: 14px; }
:where([data-script-page="price-monitoring"]) .pm-mast .lx-lede { max-width: 76ch; }
:where([data-script-page="price-monitoring"]) .pm-buyrail { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 22px; margin-top: 20px;
  border-top: 1px solid var(--w-090); border-bottom: 1px solid var(--w-090); padding: 14px 0; }
:where([data-script-page="price-monitoring"]) .pm-buyprice { display: flex; align-items: baseline; gap: 8px; }
:where([data-script-page="price-monitoring"]) .pm-buyprice b { font-family: var(--font-space-grotesk), sans-serif; font-weight: 700; font-size: 28px; line-height: 1; color: var(--text-primary); letter-spacing: -0.025em; }
:where([data-script-page="price-monitoring"]) .pm-buyprice span { font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 10px; letter-spacing: 0.12em; color: var(--accent-text); }
:where([data-script-page="price-monitoring"]) .pm-buyrail .lx-btn-row { margin: 0; }
:where([data-script-page="price-monitoring"]) .pm-buynote { font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 10px; letter-spacing: 0.1em; color: var(--text-muted); }
@media (min-width: 900px) { :where([data-script-page="price-monitoring"]) .pm-buynote { margin-left: auto; text-align: right; } }

/* compact KPI strip */
:where([data-script-page="price-monitoring"]) .pm-kpistrip { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; background: var(--w-080);
  border: 1px solid var(--w-080); border-radius: 14px; overflow: hidden; }
@media (min-width: 780px) { :where([data-script-page="price-monitoring"]) .pm-kpistrip { grid-template-columns: repeat(5, minmax(0, 1fr)); } }
:where([data-script-page="price-monitoring"]) .pm-kpi { background: var(--surface-2); padding: 13px 15px; min-width: 0; }
:where([data-script-page="price-monitoring"]) .pm-kpi u { display: block; text-decoration: none; font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 9px;
  letter-spacing: 0.14em; color: var(--text-muted); margin-bottom: 8px; }
:where([data-script-page="price-monitoring"]) .pm-kpi b { display: block; font-family: var(--font-space-grotesk), sans-serif; font-weight: 700; font-size: clamp(21px, 2.2vw, 26px);
  line-height: 1; color: var(--text-primary); letter-spacing: -0.03em; font-variant-numeric: tabular-nums; }
:where([data-script-page="price-monitoring"]) .pm-kpi b.pm-lime { color: var(--lime-text); } :where([data-script-page="price-monitoring"]) .pm-kpi b.pm-red { color: var(--danger-text); }
:where([data-script-page="price-monitoring"]) .pm-kpi em { display: block; font-style: normal; font-size: 11.5px; color: var(--text-muted); margin-top: 7px; line-height: 1.45; }

/* ---------- price pulse workspace ---------- */
:where([data-script-page="price-monitoring"]) .pm-pulse { border: 1px solid var(--w-100); border-radius: 20px; overflow: hidden;
  background: linear-gradient(180deg, var(--surface), var(--surface-sunken)); box-shadow: 0 46px 104px -58px rgba(124,58,237,0.8); }
:where([data-script-page="price-monitoring"]) .pm-pulsebar { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 14px; padding: 11px 16px;
  border-bottom: 1px solid var(--w-070); background: var(--w-020); }
:where([data-script-page="price-monitoring"]) .pm-pulsebar > span { font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 10px; letter-spacing: 0.15em; color: var(--text-muted); }
:where([data-script-page="price-monitoring"]) .pm-gateway { display: inline-flex; align-items: center; gap: 8px; }
:where([data-script-page="price-monitoring"]) .pm-gateway code { font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 10px; color: var(--accent-text); }
:where([data-script-page="price-monitoring"]) .pm-live { display: inline-flex; align-items: center; gap: 7px; font-family: var(--font-jetbrains-mono), Menlo, monospace;
  font-size: 9.5px; letter-spacing: 0.16em; color: var(--lime-text); border: 1px solid rgba(163,230,53,0.3); border-radius: 999px; padding: 4px 10px; }
@media (min-width: 900px) { :where([data-script-page="price-monitoring"]) .pm-live { margin-left: auto; } }
:where([data-script-page="price-monitoring"]) .pm-live i { width: 6px; height: 6px; border-radius: 50%; background: #a3e635; }

/* SKU switcher */
:where([data-script-page="price-monitoring"]) .pm-skurail { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1px; background: var(--w-070);
  border-bottom: 1px solid var(--w-070); }
@media (min-width: 760px) { :where([data-script-page="price-monitoring"]) .pm-skurail { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
:where([data-script-page="price-monitoring"]) .pm-skucard { font: inherit; text-align: left; cursor: pointer; background: var(--surface-2); border: 0; padding: 14px 15px;
  display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 13px; align-items: center; min-height: 84px;
  transition: background var(--pm-t) var(--pm-e), box-shadow var(--pm-t) var(--pm-e); }
:where([data-script-page="price-monitoring"]) .pm-skucard:hover { background: var(--surface-elevated); }
:where([data-script-page="price-monitoring"]) .pm-skucard[aria-pressed="true"] { background: linear-gradient(150deg, rgba(124,58,237,0.28), rgba(var(--scrim-rgb),1) 78%);
  box-shadow: inset 0 2px 0 0 #a855f7; }
:where([data-script-page="price-monitoring"]) .pm-skucard:focus-visible { outline: 2px solid rgba(196,181,253,0.95); outline-offset: -3px; }
:where([data-script-page="price-monitoring"]) .pm-thumb { position: relative; display: block; width: 54px; height: 54px; border-radius: 11px; overflow: hidden; flex: 0 0 auto;
  border: 1px solid var(--w-110); background-color: var(--surface-2);
  background-image: repeating-linear-gradient(135deg, var(--w-050) 0 5px, transparent 5px 10px); }
:where([data-script-page="price-monitoring"]) .pm-thumb em { position: absolute; inset: auto 0 5px 0; font-style: normal; font-family: var(--font-jetbrains-mono), Menlo, monospace;
  font-size: 7px; letter-spacing: 0.05em; color: var(--text-muted); text-align: center; }
:where([data-script-page="price-monitoring"]) .pm-skuid { min-width: 0; }
:where([data-script-page="price-monitoring"]) .pm-skuid b { display: block; font-family: var(--font-space-grotesk), sans-serif; font-size: 16px; color: var(--text-primary); letter-spacing: -0.015em; }
:where([data-script-page="price-monitoring"]) .pm-skuid span { display: block; font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 10px; color: var(--text-muted); margin-top: 4px;
  line-height: 1.4; overflow: hidden; text-overflow: ellipsis; }
:where([data-script-page="price-monitoring"]) .pm-skuref { text-align: right; }
:where([data-script-page="price-monitoring"]) .pm-skuref u { display: block; text-decoration: none; font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 8.5px;
  letter-spacing: 0.13em; color: var(--text-muted); margin-bottom: 4px; white-space: nowrap; }
:where([data-script-page="price-monitoring"]) .pm-skuref b { font-family: var(--font-space-grotesk), sans-serif; font-size: 15px; color: var(--accent-text); letter-spacing: -0.01em; }

/* control row */
:where([data-script-page="price-monitoring"]) .pm-ctlrow { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; padding: 13px 16px;
  border-bottom: 1px solid var(--w-070); background: var(--w-012); }
:where([data-script-page="price-monitoring"]) .pm-ctllab { font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 9.5px; letter-spacing: 0.15em; color: var(--text-muted); }
:where([data-script-page="price-monitoring"]) .pm-ctlrow .pm-sel + .pm-sel { margin-left: -4px; }
:where([data-script-page="price-monitoring"]) .pm-ctlrow--split { justify-content: space-between; }

/* pulse body: band chart + range readout */
:where([data-script-page="price-monitoring"]) .pm-pulsegrid { display: grid; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 1120px) { :where([data-script-page="price-monitoring"]) .pm-pulsegrid { grid-template-columns: minmax(0, 1fr) 262px; } }
:where([data-script-page="price-monitoring"]) .pm-bandwrap { padding: 16px 16px 12px; min-width: 0; }
:where([data-script-page="price-monitoring"]) .pm-scale, :where([data-script-page="price-monitoring"]) .pm-brow { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px 14px;
  grid-template-areas: "mk vals" "track track" "flags flags"; }
@media (min-width: 900px) { :where([data-script-page="price-monitoring"]) .pm-scale, :where([data-script-page="price-monitoring"]) .pm-brow { grid-template-columns: 168px minmax(0, 1fr) 104px 200px;
  grid-template-areas: "mk track vals flags"; align-items: center; } }
:where([data-script-page="price-monitoring"]) .pm-scale { padding-bottom: 8px; margin-bottom: 6px; border-bottom: 1px solid var(--w-060); }
:where([data-script-page="price-monitoring"]) .pm-scale-lab { grid-area: mk; font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 9px; letter-spacing: 0.13em; color: var(--text-muted); }
:where([data-script-page="price-monitoring"]) .pm-scale-ticks { grid-area: track; position: relative; height: 15px; }
:where([data-script-page="price-monitoring"]) .pm-scale-ticks span { position: absolute; top: 0; transform: translateX(-50%); font-family: var(--font-jetbrains-mono), Menlo, monospace;
  font-size: 9.5px; color: var(--text-muted); white-space: nowrap; transition: left var(--pm-t) var(--pm-e); }
:where([data-script-page="price-monitoring"]) .pm-scale-ticks span:first-child { transform: none; }
:where([data-script-page="price-monitoring"]) .pm-scale-ticks span:last-child { transform: translateX(-100%); }
:where([data-script-page="price-monitoring"]) .pm-scale-key { grid-area: flags; display: flex; flex-wrap: wrap; gap: 6px 12px; }
:where([data-script-page="price-monitoring"]) .pm-scale-key i { display: inline-flex; align-items: center; gap: 6px; font-style: normal;
  font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 9px; letter-spacing: 0.1em; color: var(--text-muted); }
:where([data-script-page="price-monitoring"]) .pm-key-shelf, :where([data-script-page="price-monitoring"]) .pm-key-landed, :where([data-script-page="price-monitoring"]) .pm-key-ref { width: 9px; height: 9px; border-radius: 50%; flex: 0 0 auto; }
:where([data-script-page="price-monitoring"]) .pm-key-shelf { border: 2px solid #c4b5fd; }
:where([data-script-page="price-monitoring"]) .pm-key-landed { background: #a3e635; }
:where([data-script-page="price-monitoring"]) .pm-key-ref { width: 2px; height: 12px; border-radius: 0; background: rgba(255,255,255,0.5); }

:where([data-script-page="price-monitoring"]) .pm-rows { display: flex; flex-direction: column; }
:where([data-script-page="price-monitoring"]) .pm-brow { padding: 12px 0; border-top: 1px solid var(--w-055);
  transition: opacity var(--pm-t) var(--pm-e); }
:where([data-script-page="price-monitoring"]) .pm-brow:first-child { border-top: 0; }
:where([data-script-page="price-monitoring"]) .pm-brow[data-dim="1"] { opacity: .3; }
:where([data-script-page="price-monitoring"]) .pm-mk { grid-area: mk; display: flex; align-items: center; gap: 10px; min-width: 0; }
:where([data-script-page="price-monitoring"]) .pm-cc { font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 11px; font-weight: 700; letter-spacing: 0.06em; color: var(--accent-text);
  border: 1px solid rgba(168,85,247,0.4); border-radius: 8px; padding: 6px 7px; flex: 0 0 auto; }
:where([data-script-page="price-monitoring"]) .pm-mk > span { min-width: 0; }
:where([data-script-page="price-monitoring"]) .pm-mk b { display: block; font-size: 13px; color: var(--text-primary); font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
:where([data-script-page="price-monitoring"]) .pm-mk em { display: block; font-style: normal; font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 10px; color: var(--text-muted);
  margin-top: 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
:where([data-script-page="price-monitoring"]) .pm-track { grid-area: track; position: relative; height: 38px; border-radius: 8px; background: var(--w-025);
  box-shadow: inset 0 0 0 1px var(--w-040); }
:where([data-script-page="price-monitoring"]) .pm-refline { position: absolute; top: -1px; bottom: -1px; width: 2px; margin-left: -1px; background: rgba(255,255,255,0.42);
  transition: left 300ms var(--pm-e); }
:where([data-script-page="price-monitoring"]) .pm-bar { position: absolute; top: 13px; height: 12px; min-width: 12px; border-radius: 6px;
  background: linear-gradient(90deg, rgba(196,181,253,0.55), rgba(163,230,53,0.75));
  transition: left 300ms var(--pm-e), width 300ms var(--pm-e), background 240ms var(--pm-e); }
:where([data-script-page="price-monitoring"]) .pm-bar--rev { background: linear-gradient(90deg, rgba(163,230,53,0.75), rgba(196,181,253,0.55)); }
:where([data-script-page="price-monitoring"]) .pm-dot { position: absolute; top: 12px; width: 14px; height: 14px; margin-left: -7px; border-radius: 50%;
  transition: left 300ms var(--pm-e), background 240ms var(--pm-e), box-shadow 240ms var(--pm-e); }
:where([data-script-page="price-monitoring"]) .pm-dot--shelf { border: 2px solid #c4b5fd; background: var(--surface-2); }
:where([data-script-page="price-monitoring"]) .pm-dot--landed { background: #a3e635; box-shadow: 0 0 0 3px rgba(163,230,53,0.16); }
:where([data-script-page="price-monitoring"]) .pm-brow--out .pm-dot--landed { background: #f87171; box-shadow: 0 0 0 3px rgba(248,113,113,0.18); }
:where([data-script-page="price-monitoring"]) .pm-brow--out .pm-bar { background: linear-gradient(90deg, rgba(248,113,113,0.7), rgba(196,181,253,0.5)); }
:where([data-script-page="price-monitoring"]) .pm-track--none { display: flex; align-items: center; padding: 0 12px; font-family: var(--font-jetbrains-mono), Menlo, monospace;
  font-size: 10px; letter-spacing: 0.1em; color: var(--text-muted);
  background-image: repeating-linear-gradient(135deg, var(--w-045) 0 6px, transparent 6px 12px); }
:where([data-script-page="price-monitoring"]) .pm-vals { grid-area: vals; text-align: right; }
:where([data-script-page="price-monitoring"]) .pm-vals b { display: block; font-family: var(--font-space-grotesk), sans-serif; font-size: 17px; color: var(--text-primary); letter-spacing: -0.015em;
  font-variant-numeric: tabular-nums; }
:where([data-script-page="price-monitoring"]) .pm-delta { display: block; font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 10.5px; font-weight: 700; margin-top: 3px; }
:where([data-script-page="price-monitoring"]) .pm-delta--dn { color: var(--danger-text); } :where([data-script-page="price-monitoring"]) .pm-delta--up { color: var(--lime-text); } :where([data-script-page="price-monitoring"]) .pm-delta--fl { color: var(--text-muted); }
:where([data-script-page="price-monitoring"]) .pm-flags { grid-area: flags; display: flex; flex-wrap: wrap; gap: 5px; }
@media (min-width: 900px) { :where([data-script-page="price-monitoring"]) .pm-flags { justify-content: flex-end; } }
:where([data-script-page="price-monitoring"]) .pm-axisfoot { margin: 12px 0 0; font-size: 12.5px; color: var(--text-muted); line-height: 1.55; }

/* landed-range readout rail */
:where([data-script-page="price-monitoring"]) .pm-stats { border-top: 1px solid var(--w-070); padding: 16px; display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; align-content: start; }
@media (min-width: 1120px) { :where([data-script-page="price-monitoring"]) .pm-stats { border-top: 0; border-left: 1px solid var(--w-070);
  grid-template-columns: minmax(0, 1fr); gap: 0;
  background: radial-gradient(120% 80% at 100% 0%, rgba(124,58,237,0.12), transparent 66%); } }
:where([data-script-page="price-monitoring"]) .pm-stat { min-width: 0; }
@media (min-width: 1120px) { :where([data-script-page="price-monitoring"]) .pm-stat { padding: 13px 0; border-top: 1px solid var(--w-055); }
  :where([data-script-page="price-monitoring"]) .pm-stat:first-child { border-top: 0; padding-top: 0; } }
:where([data-script-page="price-monitoring"]) .pm-stat u { display: block; text-decoration: none; font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 8.5px;
  letter-spacing: 0.14em; color: var(--text-muted); margin-bottom: 6px; }
:where([data-script-page="price-monitoring"]) .pm-stat b { display: block; font-family: var(--font-space-grotesk), sans-serif; font-weight: 700; font-size: 21px; line-height: 1; color: var(--text-primary);
  letter-spacing: -0.025em; font-variant-numeric: tabular-nums; }
:where([data-script-page="price-monitoring"]) .pm-stat--min b { color: var(--lime-text); } :where([data-script-page="price-monitoring"]) .pm-stat--max b { color: var(--danger-text); }
:where([data-script-page="price-monitoring"]) .pm-stat em { display: block; font-style: normal; font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 10px; color: var(--text-muted); margin-top: 5px; }
:where([data-script-page="price-monitoring"]) .pm-signals { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 8px; }
:where([data-script-page="price-monitoring"]) .pm-pulsefoot { padding: 11px 16px 13px; font-size: 11.5px; color: var(--text-muted); border-top: 1px solid var(--w-070); line-height: 1.5; }

/* scope band */
:where([data-script-page="price-monitoring"]) .pm-scope { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1px; background: rgba(168,85,247,0.22);
  border: 1px solid rgba(168,85,247,0.3); border-radius: 16px; overflow: hidden; }
@media (min-width: 860px) { :where([data-script-page="price-monitoring"]) .pm-scope { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
:where([data-script-page="price-monitoring"]) .pm-scope > div { padding: 17px 19px; background: linear-gradient(165deg, rgba(124,58,237,0.11), var(--surface-sunken) 70%); }
:where([data-script-page="price-monitoring"]) .pm-scope u { display: block; text-decoration: none; font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 9.5px;
  letter-spacing: 0.15em; color: var(--accent-text); margin-bottom: 9px; }
:where([data-script-page="price-monitoring"]) .pm-scope > div:last-child u { color: var(--danger-text); }
:where([data-script-page="price-monitoring"]) .pm-scope p { font-size: 13.5px; color: var(--text-secondary); line-height: 1.6; }
:where([data-script-page="price-monitoring"]) .pm-scope p b { color: var(--text-primary); font-weight: 600; }

/* ---------- 01 offer normalisation pipeline ---------- */
:where([data-script-page="price-monitoring"]) .pm-pl { border: 1px solid var(--w-090); border-radius: 20px; overflow: hidden;
  background: linear-gradient(180deg, var(--surface), var(--surface-sunken)); }
:where([data-script-page="price-monitoring"]) .pm-pl-head { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; padding: 13px 16px;
  border-bottom: 1px solid var(--w-070); background: var(--w-020); }
:where([data-script-page="price-monitoring"]) .pm-pl-head > span { font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 10px; letter-spacing: 0.14em; color: var(--text-muted); }
:where([data-script-page="price-monitoring"]) .pm-plctl { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
@media (min-width: 900px) { :where([data-script-page="price-monitoring"]) .pm-plctl { margin-left: auto; } }
:where([data-script-page="price-monitoring"]) .pm-run { font: inherit; font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 10px; letter-spacing: 0.13em; cursor: pointer;
  color: var(--ink-on-light); background: #bef264; border: 1px solid #bef264; border-radius: 999px; padding: 0 16px; min-height: 44px;
  display: inline-flex; align-items: center; gap: 8px; transition: transform 140ms var(--pm-e), background 180ms var(--pm-e), color 180ms var(--pm-e); }
:where([data-script-page="price-monitoring"]) .pm-run:hover { background: #d9f99d; }
:where([data-script-page="price-monitoring"]) .pm-run:active { transform: scale(.96); }
:where([data-script-page="price-monitoring"]) .pm-run:focus-visible { outline: 2px solid rgba(196,181,253,0.95); outline-offset: 2px; }
:where([data-script-page="price-monitoring"]) .pm-run[data-running="1"] { background: transparent; color: var(--lime-text); }
:where([data-script-page="price-monitoring"]) .pm-run i { width: 7px; height: 7px; background: currentColor; border-radius: 1px; flex: 0 0 auto; }
:where([data-script-page="price-monitoring"]) .pm-run[data-running="1"] i { border-radius: 50%; }

/* horizontal track */
:where([data-script-page="price-monitoring"]) .pm-pl-track { position: relative; padding: 30px 16px 8px; overflow-x: auto; overflow-y: hidden; }
:where([data-script-page="price-monitoring"]) .pm-nodes { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(184px, 1fr); gap: 0; min-width: 940px; }
@media (max-width: 700px) { :where([data-script-page="price-monitoring"]) .pm-pl-track { overflow-x: auto; } }
:where([data-script-page="price-monitoring"]) .pm-nodewrap { position: relative; display: flex; align-items: stretch; padding-right: 26px; }
:where([data-script-page="price-monitoring"]) .pm-nodewrap:last-child { padding-right: 0; }
@media (max-width: 700px) {
  :where([data-script-page="price-monitoring"]) .pm-pl-track { overflow-x: hidden; padding: 22px 14px 14px; }
  :where([data-script-page="price-monitoring"]) .pm-nodes { grid-auto-flow: row; grid-auto-columns: auto; min-width: 0; }
  :where([data-script-page="price-monitoring"]) .pm-nodewrap { padding-right: 0; padding-bottom: 26px; }
  :where([data-script-page="price-monitoring"]) .pm-nodewrap:last-child { padding-bottom: 0; }
  :where([data-script-page="price-monitoring"]) .pm-node { min-height: 0; }
  :where([data-script-page="price-monitoring"]) .pm-conn { top: auto; bottom: 0; left: 26px; right: auto; width: 2px; height: 26px; margin: 0; }
  :where([data-script-page="price-monitoring"]) .pm-conn u { transform: scaleY(0); transform-origin: center top; }
  :where([data-script-page="price-monitoring"]) .pm-nodewrap.is-done .pm-conn u { transform: scaleY(1); }
  :where([data-script-page="price-monitoring"]) .pm-packet { display: none; }
}
:where([data-script-page="price-monitoring"]) .pm-conn { position: absolute; top: 50%; right: 0; width: 26px; height: 2px; margin-top: -1px; background: var(--w-090); overflow: hidden; }
:where([data-script-page="price-monitoring"]) .pm-conn u { position: absolute; inset: 0; background: linear-gradient(90deg, #a855f7, #bef264); transform: scaleX(0); transform-origin: left center;
  transition: transform 300ms var(--pm-e); }
:where([data-script-page="price-monitoring"]) .pm-nodewrap.is-done .pm-conn u { transform: scaleX(1); }
:where([data-script-page="price-monitoring"]) .pm-node { position: relative; flex: 1 1 auto; min-width: 0; font: inherit; text-align: left; cursor: pointer;
  border: 1px solid var(--w-090); border-radius: 14px; background: var(--surface-2); padding: 13px 14px;
  display: flex; flex-direction: column; gap: 8px; min-height: 132px;
  transition: border-color var(--pm-t) var(--pm-e), background var(--pm-t) var(--pm-e), transform var(--pm-t) var(--pm-e); }
:where([data-script-page="price-monitoring"]) .pm-node:hover { border-color: rgba(168,85,247,0.45); transform: translateY(-2px); }
:where([data-script-page="price-monitoring"]) .pm-node:focus-visible { outline: 2px solid rgba(196,181,253,0.95); outline-offset: 2px; }
:where([data-script-page="price-monitoring"]) .pm-node[aria-selected="true"] { border-color: rgba(168,85,247,0.75);
  background: linear-gradient(170deg, rgba(124,58,237,0.24), var(--surface-2) 74%); box-shadow: 0 24px 50px -40px rgba(139,92,246,0.9); }
:where([data-script-page="price-monitoring"]) .pm-node.is-lit { border-color: rgba(163,230,53,0.6); }
:where([data-script-page="price-monitoring"]) .pm-node-n { display: flex; align-items: center; gap: 8px; font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 9px;
  letter-spacing: 0.14em; color: var(--accent-strong); }
:where([data-script-page="price-monitoring"]) .pm-node-n u { text-decoration: none; width: 22px; height: 22px; border: 1px solid rgba(168,85,247,0.4); border-radius: 7px;
  display: flex; align-items: center; justify-content: center; color: var(--accent-text); flex: 0 0 auto; }
:where([data-script-page="price-monitoring"]) .pm-node.is-lit .pm-node-n, :where([data-script-page="price-monitoring"]) .pm-node.is-lit .pm-node-n u { color: var(--lime-text); border-color: rgba(163,230,53,0.5); }
:where([data-script-page="price-monitoring"]) .pm-node h3 { font-size: 13.5px; color: var(--text-primary); font-weight: 600; letter-spacing: -0.01em; line-height: 1.35; }
:where([data-script-page="price-monitoring"]) .pm-node-out { margin-top: auto; border-top: 1px dashed var(--w-140); padding-top: 9px; }
:where([data-script-page="price-monitoring"]) .pm-node-out u { display: block; text-decoration: none; font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 8px;
  letter-spacing: 0.14em; color: var(--text-muted); margin-bottom: 4px; }
:where([data-script-page="price-monitoring"]) .pm-node-out b { display: block; font-family: var(--font-space-grotesk), sans-serif; font-size: 15px; color: var(--text-primary); letter-spacing: -0.015em; }
:where([data-script-page="price-monitoring"]) .pm-node.is-lit .pm-node-out b { color: var(--lime-text); }
:where([data-script-page="price-monitoring"]) .pm-flip { animation: pmFlip 260ms var(--pm-e) both; }
@keyframes pmFlip { from { opacity: 0; transform: translateY(-6px) rotateX(-45deg); } to { opacity: 1; transform: none; } }
:where([data-script-page="price-monitoring"]) .pm-packet { position: absolute; top: 0; left: 0; width: 10px; height: 10px; margin: -5px 0 0 -5px; border-radius: 50%;
  background: #bef264; box-shadow: 0 0 0 4px rgba(163,230,53,0.18), 0 0 18px rgba(163,230,53,0.5); pointer-events: none;
  opacity: 0; transition: transform 320ms var(--pm-e), opacity 180ms linear; z-index: 3; }
:where([data-script-page="price-monitoring"]) .pm-packet.is-on { opacity: 1; }

:where([data-script-page="price-monitoring"]) .pm-pl-detail { display: grid; grid-template-columns: minmax(0, 1fr); border-top: 1px solid var(--w-070); }
@media (min-width: 940px) { :where([data-script-page="price-monitoring"]) .pm-pl-detail { grid-template-columns: minmax(0, 1.12fr) minmax(0, 0.88fr); } }
:where([data-script-page="price-monitoring"]) .pm-pl-copy { padding: 18px; min-width: 0; }
:where([data-script-page="price-monitoring"]) .pm-pl-copy u { display: block; text-decoration: none; font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 9px;
  letter-spacing: 0.15em; color: var(--accent-strong); margin-bottom: 9px; }
:where([data-script-page="price-monitoring"]) .pm-pl-copy h3 { font-family: var(--font-space-grotesk), sans-serif; font-size: clamp(18px, 2vw, 22px); color: var(--text-primary); letter-spacing: -0.02em; margin-bottom: 10px; }
:where([data-script-page="price-monitoring"]) .pm-pl-copy p { font-size: 14px; color: var(--text-secondary); line-height: 1.65; max-width: 62ch; }
:where([data-script-page="price-monitoring"]) .pm-pl-copy p + p { margin-top: 10px; }
:where([data-script-page="price-monitoring"]) .pm-pl-kv { padding: 18px; border-top: 1px solid var(--w-070); margin: 0;
  background: radial-gradient(130% 110% at 100% 0%, rgba(124,58,237,0.1), transparent 62%); }
@media (min-width: 940px) { :where([data-script-page="price-monitoring"]) .pm-pl-kv { border-top: 0; border-left: 1px solid var(--w-070); } }
:where([data-script-page="price-monitoring"]) .pm-pl-kv > div { display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: 10px; padding: 8px 0; }
:where([data-script-page="price-monitoring"]) .pm-pl-kv > div + div { border-top: 1px solid var(--w-055); }
:where([data-script-page="price-monitoring"]) .pm-pl-kv dt { font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 9px; letter-spacing: 0.12em; color: var(--text-muted); padding-top: 2px; }
:where([data-script-page="price-monitoring"]) .pm-pl-kv dd { margin: 0; font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 11.5px; color: var(--text-soft); line-height: 1.5; word-break: break-word; }
:where([data-script-page="price-monitoring"]) .pm-pl-kv dd.pm-red { color: var(--danger-text); } :where([data-script-page="price-monitoring"]) .pm-pl-kv dd.pm-limet { color: var(--lime-text); }
:where([data-script-page="price-monitoring"]) .pm-panel-in { animation: pmIn 260ms var(--pm-e) both; }
@keyframes pmIn { from { opacity: 0; transform: translateY(7px); } to { opacity: 1; transform: none; } }
:where([data-script-page="price-monitoring"]) .pm-pl-foot { padding: 14px 18px; border-top: 1px solid var(--w-070); background: var(--w-014);
  font-size: 13px; color: var(--text-secondary); line-height: 1.6; }
:where([data-script-page="price-monitoring"]) .pm-pl-foot b { color: var(--text-primary); font-weight: 600; }

/* ---------- 02 price history canvas ---------- */
:where([data-script-page="price-monitoring"]) .pm-hist { border: 1px solid var(--w-090); border-radius: 20px; overflow: hidden;
  background: linear-gradient(180deg, var(--surface), var(--surface-sunken)); box-shadow: 0 40px 90px -64px rgba(124,58,237,0.7); }
:where([data-script-page="price-monitoring"]) .pm-hist-head { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 18px; padding: 16px 18px; border-bottom: 1px solid var(--w-070); }
:where([data-script-page="price-monitoring"]) .pm-hist-head b { display: block; font-family: var(--font-space-grotesk), sans-serif; font-size: 17px; color: var(--text-primary); letter-spacing: -0.015em; }
:where([data-script-page="price-monitoring"]) .pm-hist-head span { display: block; font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 10.5px; color: var(--text-muted); margin-top: 4px; }
:where([data-script-page="price-monitoring"]) .pm-histctl { display: flex; flex-wrap: wrap; gap: 8px 12px; align-items: center; }
@media (min-width: 1000px) { :where([data-script-page="price-monitoring"]) .pm-histctl { margin-left: auto; } }
:where([data-script-page="price-monitoring"]) .pm-chart { position: relative; overflow-x: auto; padding: 8px 10px 4px; }
:where([data-script-page="price-monitoring"]) .pm-chart svg { display: block; width: 100%; min-width: 820px; height: auto; }
:where([data-script-page="price-monitoring"]) .pm-chart text { font-family: var(--font-jetbrains-mono), Menlo, monospace; fill: var(--text-muted); }
:where([data-script-page="price-monitoring"]) .pm-line { fill: none; stroke: url(#pmline); stroke-width: 2.6; stroke-linejoin: round; stroke-linecap: round; }
:where([data-script-page="price-monitoring"]) .pm-line--anim { animation: pmDraw 760ms var(--pm-e) both; }
@keyframes pmDraw { from { stroke-dashoffset: var(--len); } to { stroke-dashoffset: 0; } }
:where([data-script-page="price-monitoring"]) .pm-sweep { animation: pmSweep 760ms var(--pm-e) both; }
@keyframes pmSweep { from { opacity: .55; transform: translateX(-14px); } to { opacity: 1; transform: none; } }
:where([data-script-page="price-monitoring"]) .pm-pt { fill: var(--surface-2); stroke: #c4b5fd; stroke-width: 1.6; cursor: pointer; transition: stroke 160ms var(--pm-e); }
:where([data-script-page="price-monitoring"]) .pm-pt:hover, :where([data-script-page="price-monitoring"]) .pm-pt.is-on { stroke: #bef264; stroke-width: 2.6; }
:where([data-script-page="price-monitoring"]) .pm-pt:focus-visible { outline: 2px solid rgba(196,181,253,0.95); outline-offset: 2px; }
:where([data-script-page="price-monitoring"]) .pm-tip { position: absolute; z-index: 4; min-width: 176px; max-width: 250px; pointer-events: none; opacity: 0;
  transform: translate(-50%, -100%) translateY(-8px); transition: opacity 160ms var(--pm-e), transform 180ms var(--pm-e);
  border: 1px solid rgba(168,85,247,0.5); border-radius: 11px; background: var(--surface); padding: 10px 12px;
  box-shadow: 0 22px 50px -30px var(--shadow-strong); }
:where([data-script-page="price-monitoring"]) .pm-tip.is-on { opacity: 1; transform: translate(-50%, -100%) translateY(-14px); }
:where([data-script-page="price-monitoring"]) .pm-tip.pm-tip--below { transform: translate(-50%, 0) translateY(8px); }
:where([data-script-page="price-monitoring"]) .pm-tip.pm-tip--below.is-on { transform: translate(-50%, 0) translateY(14px); }
:where([data-script-page="price-monitoring"]) .pm-tip u { display: block; text-decoration: none; font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 9px;
  letter-spacing: 0.13em; color: var(--text-muted); margin-bottom: 5px; }
:where([data-script-page="price-monitoring"]) .pm-tip b { display: block; font-family: var(--font-space-grotesk), sans-serif; font-size: 17px; color: var(--text-primary); letter-spacing: -0.02em; }
:where([data-script-page="price-monitoring"]) .pm-tip dl { margin: 7px 0 0; display: grid; gap: 3px; }
:where([data-script-page="price-monitoring"]) .pm-tip dl > div { display: flex; gap: 8px; justify-content: space-between; font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 10px; }
:where([data-script-page="price-monitoring"]) .pm-tip dt { color: var(--text-muted); } :where([data-script-page="price-monitoring"]) .pm-tip dd { margin: 0; color: var(--text-soft); text-align: right; }
:where([data-script-page="price-monitoring"]) .pm-tip dd.pm-limet { color: var(--lime-text); } :where([data-script-page="price-monitoring"]) .pm-tip dd.pm-warnt { color: var(--amber-text); } :where([data-script-page="price-monitoring"]) .pm-tip dd.pm-redt { color: var(--danger-text); }
:where([data-script-page="price-monitoring"]) .pm-hist-key { display: flex; flex-wrap: wrap; gap: 8px 16px; padding: 8px 18px 14px; }
:where([data-script-page="price-monitoring"]) .pm-hist-key i { display: inline-flex; align-items: center; gap: 7px; font-style: normal; font-family: var(--font-jetbrains-mono), Menlo, monospace;
  font-size: 9.5px; letter-spacing: 0.1em; color: var(--text-muted); }
:where([data-script-page="price-monitoring"]) .pm-hist-key i s { text-decoration: none; width: 16px; height: 9px; border-radius: 2px; flex: 0 0 auto; }
:where([data-script-page="price-monitoring"]) .pm-k-line { background: linear-gradient(90deg, #c4b5fd, #a855f7); height: 3px !important; }
:where([data-script-page="price-monitoring"]) .pm-k-promo { background: rgba(252,211,77,0.28); box-shadow: inset 0 0 0 1px rgba(252,211,77,0.5); }
:where([data-script-page="price-monitoring"]) .pm-k-gap { background-image: repeating-linear-gradient(135deg, rgba(248,113,113,0.5) 0 3px, transparent 3px 6px);
  box-shadow: inset 0 0 0 1px rgba(248,113,113,0.35); }
:where([data-script-page="price-monitoring"]) .pm-k-seller { background: #67e8f9; width: 2px !important; height: 13px !important; }
:where([data-script-page="price-monitoring"]) .pm-annos { list-style: none; margin: 0; padding: 0 18px 18px; display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; }
@media (min-width: 700px) { :where([data-script-page="price-monitoring"]) .pm-annos { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1100px) { :where([data-script-page="price-monitoring"]) .pm-annos { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
:where([data-script-page="price-monitoring"]) .pm-anno { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 11px; border: 1px solid var(--w-080);
  border-radius: 12px; background: var(--surface); padding: 12px 13px; animation: pmIn 240ms var(--pm-e) both; }
:where([data-script-page="price-monitoring"]) .pm-anno u { text-decoration: none; width: 24px; height: 24px; flex: 0 0 auto; border-radius: 50%; border: 1px solid rgba(103,232,249,0.45);
  color: var(--cyan-text); font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 10px; display: flex; align-items: center; justify-content: center; }
:where([data-script-page="price-monitoring"]) .pm-anno--promo u { border-color: rgba(252,211,77,0.5); color: var(--amber-text); }
:where([data-script-page="price-monitoring"]) .pm-anno--gap u { border-color: rgba(248,113,113,0.5); color: var(--danger-text); }
:where([data-script-page="price-monitoring"]) .pm-anno time { display: block; font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 9.5px; letter-spacing: 0.11em; color: var(--text-muted); margin-bottom: 4px; }
:where([data-script-page="price-monitoring"]) .pm-anno b { display: block; font-size: 13px; color: var(--text-primary); font-weight: 600; margin-bottom: 4px; }
:where([data-script-page="price-monitoring"]) .pm-anno p { font-size: 12.5px; color: var(--text-secondary); line-height: 1.5; }
:where([data-script-page="price-monitoring"]) .pm-histfoot { padding: 0 18px 18px; font-size: 12.5px; color: var(--text-muted); line-height: 1.55; }

/* ---------- 03 offer comparison table ---------- */
:where([data-script-page="price-monitoring"]) .pm-cmp { border: 1px solid var(--w-080); border-radius: 18px; background: linear-gradient(180deg, var(--surface), var(--surface-sunken));
  padding: clamp(14px, 1.8vw, 20px); }
:where([data-script-page="price-monitoring"]) .pm-cmpbar { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; margin-bottom: 12px; }
:where([data-script-page="price-monitoring"]) .pm-cmpbar-lab { font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 9.5px; letter-spacing: 0.15em; color: var(--text-muted); }
:where([data-script-page="price-monitoring"]) .pm-cmpcount { font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 10px; letter-spacing: 0.12em; color: var(--text-muted); }
@media (min-width: 900px) { :where([data-script-page="price-monitoring"]) .pm-cmpcount { margin-left: auto; } }
:where([data-script-page="price-monitoring"]) .pm-cmpcap { font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 9.5px; letter-spacing: 0.14em; color: var(--text-muted);
  line-height: 1.7; margin: 4px 0 12px; }
:where([data-script-page="price-monitoring"]) .pm-tblscroll { overflow-x: auto; overflow-y: hidden; margin: 0 -4px; padding: 0 4px 4px; }
:where([data-script-page="price-monitoring"]) .pm-tbl { border-collapse: collapse; width: 100%; min-width: 1060px; }
:where([data-script-page="price-monitoring"]) .pm-tbl th { font-weight: 400; }
:where([data-script-page="price-monitoring"]) .pm-tbl thead th { padding: 0 10px 9px; text-align: left; border-bottom: 1px solid var(--w-100); vertical-align: bottom; }
:where([data-script-page="price-monitoring"]) .pm-tbl thead th.pm-num { text-align: right; }
:where([data-script-page="price-monitoring"]) .pm-sort { font: inherit; font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 9px; letter-spacing: 0.13em; color: var(--text-muted);
  background: transparent; border: 0; padding: 6px 0; cursor: pointer; display: inline-flex; align-items: center; gap: 5px; min-height: 44px;
  transition: color 160ms var(--pm-e); }
:where([data-script-page="price-monitoring"]) .pm-sort:hover { color: var(--text-primary); }
:where([data-script-page="price-monitoring"]) .pm-sort i { font-style: normal; opacity: 0; color: var(--accent-text); transition: opacity 160ms var(--pm-e); }
:where([data-script-page="price-monitoring"]) .pm-tbl th[aria-sort] .pm-sort { color: var(--accent-text); }
:where([data-script-page="price-monitoring"]) .pm-tbl th[aria-sort] .pm-sort i { opacity: 1; }
:where([data-script-page="price-monitoring"]) .pm-sort:focus-visible { outline: 2px solid rgba(196,181,253,0.95); outline-offset: 2px; border-radius: 5px; }
:where([data-script-page="price-monitoring"]) .pm-tbl thead th.pm-num .pm-sort { justify-content: flex-end; }
:where([data-script-page="price-monitoring"]) .pm-tbl tbody th, :where([data-script-page="price-monitoring"]) .pm-tbl tbody td { padding: 10px; border-bottom: 1px solid var(--w-050); vertical-align: middle;
  font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 11.5px; color: var(--text-soft); white-space: nowrap; }
:where([data-script-page="price-monitoring"]) .pm-tbl tbody th { text-align: left; }
:where([data-script-page="price-monitoring"]) .pm-tbl tbody tr.pm-r { transition: background 160ms var(--pm-e); }
:where([data-script-page="price-monitoring"]) .pm-tbl tbody tr.pm-r:hover > * { background: var(--w-024); }
:where([data-script-page="price-monitoring"]) .pm-tbl tbody tr.is-out th { box-shadow: inset 3px 0 0 #f87171; }
:where([data-script-page="price-monitoring"]) .pm-tbl tbody tr.is-nc td, :where([data-script-page="price-monitoring"]) .pm-tbl tbody tr.is-nc th { opacity: .74; }
:where([data-script-page="price-monitoring"]) .pm-tbl tbody tr.is-open > * { background: rgba(124,58,237,0.09); }
:where([data-script-page="price-monitoring"]) .pm-shuffle { animation: pmShuffle 240ms var(--pm-e) both; }
@keyframes pmShuffle { from { opacity: 0; transform: translateY(7px); } to { opacity: 1; transform: none; } }
:where([data-script-page="price-monitoring"]) .pm-mkcell { display: flex; align-items: center; gap: 9px; }
:where([data-script-page="price-monitoring"]) .pm-mkcell span { display: block; }
:where([data-script-page="price-monitoring"]) .pm-mkcell b { font-family: var(--font-inter), sans-serif; font-size: 12.5px; font-weight: 600; color: var(--text-primary); display: block; }
:where([data-script-page="price-monitoring"]) .pm-mkcell em { font-style: normal; font-size: 10px; color: var(--text-muted); display: block; margin-top: 2px; }
:where([data-script-page="price-monitoring"]) .pm-tbl td.pm-num { text-align: right; font-variant-numeric: tabular-nums; }
:where([data-script-page="price-monitoring"]) .pm-tbl td.pm-strong { color: var(--text-primary); font-family: var(--font-space-grotesk), sans-serif; font-size: 14px; letter-spacing: -0.01em; }
:where([data-script-page="price-monitoring"]) .pm-dcell { display: flex; align-items: center; justify-content: flex-end; gap: 9px; }
:where([data-script-page="price-monitoring"]) .pm-dbar { position: relative; width: 70px; height: 8px; border-radius: 3px; background: var(--w-060); flex: 0 0 auto; }
:where([data-script-page="price-monitoring"]) .pm-dbar i { position: absolute; top: 0; bottom: 0; border-radius: 3px; transition: width 260ms var(--pm-e); }
:where([data-script-page="price-monitoring"]) .pm-dbar u { position: absolute; top: -2px; bottom: -2px; left: 50%; width: 1px; background: rgba(255,255,255,0.34); }
:where([data-script-page="price-monitoring"]) .pm-dbar i.pm-neg { background: #f87171; } :where([data-script-page="price-monitoring"]) .pm-dbar i.pm-pos { background: #a3e635; }
:where([data-script-page="price-monitoring"]) .pm-dnum { min-width: 52px; text-align: right; font-weight: 700; font-variant-numeric: tabular-nums; }
:where([data-script-page="price-monitoring"]) .pm-dnum--dn { color: var(--danger-text); } :where([data-script-page="price-monitoring"]) .pm-dnum--up { color: var(--lime-text); } :where([data-script-page="price-monitoring"]) .pm-dnum--fl { color: var(--text-muted); }
:where([data-script-page="price-monitoring"]) .pm-exp { font: inherit; font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 9px; letter-spacing: 0.1em; color: var(--text-secondary);
  background: transparent; border: 1px solid var(--w-130); border-radius: 999px; cursor: pointer;
  min-height: 44px; min-width: 44px; padding: 0 11px; display: inline-flex; align-items: center; gap: 6px;
  transition: color 160ms var(--pm-e), border-color 160ms var(--pm-e), background 160ms var(--pm-e); }
:where([data-script-page="price-monitoring"]) .pm-exp:hover { color: var(--text-primary); border-color: rgba(168,85,247,0.55); }
:where([data-script-page="price-monitoring"]) .pm-exp:focus-visible { outline: 2px solid rgba(196,181,253,0.95); outline-offset: 2px; }
:where([data-script-page="price-monitoring"]) .pm-exp svg { transition: transform 200ms var(--pm-e); }
:where([data-script-page="price-monitoring"]) .pm-exp[aria-expanded="true"] { color: var(--accent-text); border-color: rgba(168,85,247,0.6); background: rgba(124,58,237,0.14); }
:where([data-script-page="price-monitoring"]) .pm-exp[aria-expanded="true"] svg { transform: rotate(180deg); }
:where([data-script-page="price-monitoring"]) .pm-drow > td { padding: 0 !important; border-bottom: 1px solid var(--w-050); background: rgba(124,58,237,0.055); }
:where([data-script-page="price-monitoring"]) .pm-detail { display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px 26px; padding: 15px 12px 18px; animation: pmIn 240ms var(--pm-e) both; }
@media (min-width: 900px) { :where([data-script-page="price-monitoring"]) .pm-detail { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 0.9fr); } }
:where([data-script-page="price-monitoring"]) .pm-detail dl { margin: 0; }
:where([data-script-page="price-monitoring"]) .pm-detail dl > div { display: grid; grid-template-columns: 92px minmax(0, 1fr); gap: 10px; padding: 6px 0; }
:where([data-script-page="price-monitoring"]) .pm-detail dl > div + div { border-top: 1px solid var(--w-050); }
:where([data-script-page="price-monitoring"]) .pm-detail dt { font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 9px; letter-spacing: 0.11em; color: var(--text-muted); padding-top: 2px; }
:where([data-script-page="price-monitoring"]) .pm-detail dd { margin: 0; font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 11px; color: var(--text-soft); line-height: 1.5;
  white-space: normal; word-break: break-word; }
:where([data-script-page="price-monitoring"]) .pm-detail dd.pm-limet { color: var(--lime-text); } :where([data-script-page="price-monitoring"]) .pm-detail dd.pm-redt { color: var(--danger-text); }
:where([data-script-page="price-monitoring"]) .pm-detail-note { font-family: var(--font-inter), sans-serif; font-size: 12.5px; color: var(--text-secondary); line-height: 1.6; white-space: normal; }
:where([data-script-page="price-monitoring"]) .pm-detail-note u { display: block; text-decoration: none; font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 9px;
  letter-spacing: 0.14em; color: var(--text-muted); margin-bottom: 7px; }
:where([data-script-page="price-monitoring"]) .pm-cmpempty { padding: 26px 4px; font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 11.5px; color: var(--text-muted); }
:where([data-script-page="price-monitoring"]) .pm-cmpfoot { margin-top: 15px; font-size: 12.5px; color: var(--text-muted); line-height: 1.55; }

/* ---------- 04 change receipt drawer ---------- */
:where([data-script-page="price-monitoring"]) .pm-recgrid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; }
@media (min-width: 700px) { :where([data-script-page="price-monitoring"]) .pm-recgrid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1060px) { :where([data-script-page="price-monitoring"]) .pm-recgrid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
:where([data-script-page="price-monitoring"]) .pm-recbtn { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; text-align: left; font: inherit; cursor: pointer;
  border: 1px solid var(--w-080); border-radius: 14px; background: var(--surface); padding: 14px 15px; min-height: 132px;
  transition: border-color var(--pm-t) var(--pm-e), background var(--pm-t) var(--pm-e), transform var(--pm-t) var(--pm-e); }
:where([data-script-page="price-monitoring"]) .pm-recbtn:hover { border-color: rgba(168,85,247,0.5); transform: translateY(-3px); }
:where([data-script-page="price-monitoring"]) .pm-recbtn:active { transform: translateY(-1px) scale(.99); }
:where([data-script-page="price-monitoring"]) .pm-recbtn:focus-visible { outline: 2px solid rgba(196,181,253,0.95); outline-offset: 2px; }
:where([data-script-page="price-monitoring"]) .pm-recbtn u { text-decoration: none; font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 9.5px; letter-spacing: 0.11em; color: var(--text-muted); }
:where([data-script-page="price-monitoring"]) .pm-recbtn b { font-size: 13.5px; color: var(--text-primary); font-weight: 600; line-height: 1.4; }
:where([data-script-page="price-monitoring"]) .pm-recdelta { font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 11px; font-weight: 700; }
:where([data-script-page="price-monitoring"]) .pm-recbtn .pm-recmeta { margin-top: auto; display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
  font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 10px; color: var(--text-muted); }
:where([data-script-page="price-monitoring"]) .pm-recopen { font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 9px; letter-spacing: 0.12em; color: var(--accent-text);
  display: inline-flex; align-items: center; gap: 6px; }

:where([data-script-page="price-monitoring"]) .pm-dwback { position: fixed; inset: 0; z-index: 90; background: rgba(var(--scrim-rgb),0.7); backdrop-filter: blur(3px);
  opacity: 0; transition: opacity 220ms var(--pm-e); }
:where([data-script-page="price-monitoring"]) .pm-dwback.is-on { opacity: 1; }
:where([data-script-page="price-monitoring"]) .pm-dw { position: fixed; z-index: 91; inset: auto 0 0 0; max-height: 92vh; display: flex; flex-direction: column;
  border-top: 1px solid rgba(168,85,247,0.4); border-radius: 18px 18px 0 0; background: linear-gradient(180deg, var(--surface), var(--surface-sunken));
  box-shadow: 0 -30px 80px -30px var(--shadow-strong); transform: translateY(100%); transition: transform 300ms var(--pm-e-out); }
:where([data-script-page="price-monitoring"]) .pm-dw.is-on { transform: none; }
@media (min-width: 860px) { :where([data-script-page="price-monitoring"]) .pm-dw { inset: 0 0 0 auto; width: min(660px, 94vw); max-height: none; border-radius: 18px 0 0 18px;
    border-top: 0; border-left: 1px solid rgba(168,85,247,0.4); transform: translateX(100%); }
  :where([data-script-page="price-monitoring"]) .pm-dw.is-on { transform: none; } }
:where([data-script-page="price-monitoring"]) .pm-dw-head { display: flex; flex-wrap: wrap; align-items: center; gap: 9px 14px; padding: 16px 18px;
  border-bottom: 1px dashed var(--w-180); }
:where([data-script-page="price-monitoring"]) .pm-dw-head u { text-decoration: none; font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 11.5px; letter-spacing: 0.1em; color: var(--text-primary); }
:where([data-script-page="price-monitoring"]) .pm-dw-head p { font-family: var(--font-space-grotesk), sans-serif; font-size: 17px; color: var(--text-primary); letter-spacing: -0.015em; flex: 1 1 100%; }
:where([data-script-page="price-monitoring"]) .pm-dw-head span { font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 10.5px; color: var(--text-muted); }
:where([data-script-page="price-monitoring"]) .pm-dwclose { margin-left: auto; font: inherit; cursor: pointer; width: 44px; height: 44px; display: inline-flex; align-items: center;
  justify-content: center; color: var(--text-secondary); background: transparent; border: 1px solid var(--w-130); border-radius: 10px;
  transition: color 160ms var(--pm-e), border-color 160ms var(--pm-e), transform 140ms var(--pm-e); }
:where([data-script-page="price-monitoring"]) .pm-dwclose:hover { color: var(--text-primary); border-color: rgba(248,113,113,0.55); }
:where([data-script-page="price-monitoring"]) .pm-dwclose:active { transform: scale(.94); }
:where([data-script-page="price-monitoring"]) .pm-dwclose:focus-visible { outline: 2px solid rgba(196,181,253,0.95); outline-offset: 2px; }
:where([data-script-page="price-monitoring"]) .pm-dw-body { overflow-y: auto; padding: 16px 18px 22px; -webkit-overflow-scrolling: touch; }
:where([data-script-page="price-monitoring"]) .pm-dw-lab { font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 9.5px; letter-spacing: 0.15em; color: var(--text-muted); margin: 0 0 11px; }
:where([data-script-page="price-monitoring"]) .pm-dw-lab + .pm-dw-lab, :where([data-script-page="price-monitoring"]) .pm-diffs + .pm-dw-lab { margin-top: 22px; }
:where([data-script-page="price-monitoring"]) .pm-diffs { margin: 0 0 4px; }
:where([data-script-page="price-monitoring"]) .pm-diff { display: grid; grid-template-columns: minmax(0, 1fr); gap: 3px 12px; padding: 9px 0; border-top: 1px solid var(--w-055);
  font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 11.5px; animation: pmIn 220ms var(--pm-e) both; }
@media (min-width: 620px) { :where([data-script-page="price-monitoring"]) .pm-diff { grid-template-columns: 132px minmax(0, 1fr) 16px minmax(0, 1fr); align-items: baseline; gap: 12px; } }
:where([data-script-page="price-monitoring"]) .pm-diff:first-of-type { border-top: 0; }
:where([data-script-page="price-monitoring"]) .pm-diff dt { color: var(--text-muted); letter-spacing: 0.06em; }
:where([data-script-page="price-monitoring"]) .pm-diff .pm-was { color: var(--text-muted); text-decoration: line-through; text-decoration-color: rgba(248,113,113,0.7); margin: 0; word-break: break-word; }
:where([data-script-page="price-monitoring"]) .pm-diff .pm-arw { color: var(--text-faint); }
:where([data-script-page="price-monitoring"]) .pm-diff .pm-now { color: var(--lime-text); margin: 0; word-break: break-word; }
:where([data-script-page="price-monitoring"]) .pm-diff--same .pm-was { text-decoration: none; }
:where([data-script-page="price-monitoring"]) .pm-diff--same .pm-now { color: var(--text-muted); }
:where([data-script-page="price-monitoring"]) .pm-capmeta { margin: 0; }
:where([data-script-page="price-monitoring"]) .pm-capmeta > div { display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: 10px; padding: 8px 0; align-items: center; }
:where([data-script-page="price-monitoring"]) .pm-capmeta > div + div { border-top: 1px solid var(--w-055); }
:where([data-script-page="price-monitoring"]) .pm-capmeta dt { font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 9px; letter-spacing: 0.12em; color: var(--text-muted); }
:where([data-script-page="price-monitoring"]) .pm-capmeta dd { margin: 0; font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 11px; color: var(--text-soft); line-height: 1.5;
  display: flex; align-items: center; gap: 9px; flex-wrap: wrap; word-break: break-word; }
:where([data-script-page="price-monitoring"]) .pm-dw-note { margin-top: 20px; border: 1px solid var(--w-080); border-radius: 13px; background: var(--w-015);
  padding: 14px 15px; font-size: 12.5px; color: var(--text-secondary); line-height: 1.6; }
:where([data-script-page="price-monitoring"]) .pm-dw-note b { color: var(--text-primary); font-weight: 600; }
:where([data-script-page="price-monitoring"]) .pm-live-region { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* ---------- 06 guardrails ---------- */
:where([data-script-page="price-monitoring"]) .pm-guard { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; border: 1px solid rgba(248,113,113,0.45);
  border-radius: 18px; padding: clamp(18px, 2.3vw, 26px); margin-bottom: 24px;
  background: linear-gradient(120deg, rgba(248,113,113,0.12), rgba(248,113,113,0.015)); }
@media (min-width: 860px) { :where([data-script-page="price-monitoring"]) .pm-guard { grid-template-columns: auto minmax(0, 1fr); gap: 24px; align-items: start; } }
:where([data-script-page="price-monitoring"]) .pm-guard-stamp { align-self: start; justify-self: start; font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 11px; font-weight: 700; letter-spacing: 0.16em;
  color: var(--danger-text); border: 2px solid currentColor; border-radius: 6px; padding: 9px 12px; transform: rotate(-2.5deg); white-space: nowrap; }
:where([data-script-page="price-monitoring"]) .pm-guard h3 { font-family: var(--font-space-grotesk), sans-serif; font-size: clamp(20px, 2.4vw, 25px); color: var(--text-primary); letter-spacing: -0.02em; margin-bottom: 10px; }
:where([data-script-page="price-monitoring"]) .pm-guard p { font-size: 14.5px; color: var(--text-soft); line-height: 1.65; max-width: 70ch; }
:where([data-script-page="price-monitoring"]) .pm-guard p + p { margin-top: 10px; }
:where([data-script-page="price-monitoring"]) .pm-rulegrid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0; border-top: 1px solid var(--w-090); margin-bottom: 26px; }
:where([data-script-page="price-monitoring"]) .pm-rule { display: grid; grid-template-columns: minmax(0, 1fr); gap: 8px 22px; padding: 18px 0;
  border-bottom: 1px solid var(--w-090); }
@media (min-width: 900px) { :where([data-script-page="price-monitoring"]) .pm-rule { grid-template-columns: 132px minmax(0, 1fr); } }
:where([data-script-page="price-monitoring"]) .pm-rule-i { font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 9.5px; letter-spacing: 0.15em; color: var(--accent-strong); }
:where([data-script-page="price-monitoring"]) .pm-rule-i b { display: block; font-family: var(--font-space-grotesk), sans-serif; font-size: 26px; color: var(--text-primary); letter-spacing: -0.03em; margin-bottom: 4px; }
:where([data-script-page="price-monitoring"]) .pm-rule h3 { font-size: 15.5px; color: var(--text-primary); font-weight: 600; margin-bottom: 7px; letter-spacing: -0.01em; }
:where([data-script-page="price-monitoring"]) .pm-rule p { font-size: 14px; color: var(--text-secondary); line-height: 1.65; max-width: 74ch; }
:where([data-script-page="price-monitoring"]) .pm-rule p + p { margin-top: 8px; }
:where([data-script-page="price-monitoring"]) .pm-rule p.pm-do { font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 11.5px; color: var(--accent-text); line-height: 1.6; }
:where([data-script-page="price-monitoring"]) .pm-rule p.pm-do u { text-decoration: none; color: var(--text-muted); letter-spacing: 0.1em; }
:where([data-script-page="price-monitoring"]) .pm-codewide .lx-code { max-width: none; }

/* ---------- reduced motion: state changes stay, motion goes ---------- */
@media (prefers-reduced-motion: reduce) {
  :where([data-script-page="price-monitoring"]) .pm-chip, :where([data-script-page="price-monitoring"]) .pm-copy, :where([data-script-page="price-monitoring"]) .pm-node, :where([data-script-page="price-monitoring"]) .pm-recbtn, :where([data-script-page="price-monitoring"]) .pm-exp, :where([data-script-page="price-monitoring"]) .pm-sort, :where([data-script-page="price-monitoring"]) .pm-run, :where([data-script-page="price-monitoring"]) .pm-dwclose, :where([data-script-page="price-monitoring"]) .pm-bar, :where([data-script-page="price-monitoring"]) .pm-dot, :where([data-script-page="price-monitoring"]) .pm-refline, :where([data-script-page="price-monitoring"]) .pm-scale-ticks span, :where([data-script-page="price-monitoring"]) .pm-conn u, :where([data-script-page="price-monitoring"]) .pm-packet, :where([data-script-page="price-monitoring"]) .pm-dbar i, :where([data-script-page="price-monitoring"]) .pm-dw, :where([data-script-page="price-monitoring"]) .pm-dwback, :where([data-script-page="price-monitoring"]) .pm-tip, :where([data-script-page="price-monitoring"]) [data-pmrise] { transition: none !important; }
  :where([data-script-page="price-monitoring"]) .pm-chip:active, :where([data-script-page="price-monitoring"]) .pm-copy:active, :where([data-script-page="price-monitoring"]) .pm-run:active, :where([data-script-page="price-monitoring"]) .pm-dwclose:active, :where([data-script-page="price-monitoring"]) .pm-recbtn:active { transform: none; }
  :where([data-script-page="price-monitoring"]) .pm-node:hover, :where([data-script-page="price-monitoring"]) .pm-recbtn:hover { transform: none; }
  :where([data-script-page="price-monitoring"]) .pm-flip, :where([data-script-page="price-monitoring"]) .pm-panel-in, :where([data-script-page="price-monitoring"]) .pm-anno, :where([data-script-page="price-monitoring"]) .pm-shuffle, :where([data-script-page="price-monitoring"]) .pm-diff, :where([data-script-page="price-monitoring"]) .pm-detail, :where([data-script-page="price-monitoring"]) .pm-line--anim, :where([data-script-page="price-monitoring"]) .pm-sweep { animation: none !important; }
  :where([data-script-page="price-monitoring"]) .pm-packet { display: none; }
  html.pm-anim :where([data-script-page="price-monitoring"]) [data-pmrise]:not(.is-in), [data-script-page="price-monitoring"].pm-anim [data-pmrise]:not(.is-in) { opacity: 1; transform: none; }
}


/* =========================================================================
   DENSITY PASS — progressive disclosure atoms (menus, popovers, quiet
   secondary controls) plus the calmer per-section layouts they enable.
   Rules below intentionally override earlier ones in this file.
   ====================================================================== */

/* ---------- disclosure atoms ---------- */
:where([data-script-page="price-monitoring"]) .pm-menuwrap { position: relative; display: inline-flex; }
:where([data-script-page="price-monitoring"]) .pm-ghostbtn { font: inherit; font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 10px; letter-spacing: 0.12em;
  color: var(--text-secondary); background: var(--w-020); border: 1px solid var(--w-130); border-radius: 999px;
  padding: 0 15px; min-height: 44px; display: inline-flex; align-items: center; gap: 9px; cursor: pointer; white-space: nowrap;
  transition: color 160ms var(--pm-e), border-color 160ms var(--pm-e), background 160ms var(--pm-e); }
:where([data-script-page="price-monitoring"]) .pm-ghostbtn span { color: var(--accent-text); }
:where([data-script-page="price-monitoring"]) .pm-ghostbtn i { width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent;
  border-top: 5px solid currentColor; opacity: .65; transition: transform 180ms var(--pm-e); }
:where([data-script-page="price-monitoring"]) .pm-ghostbtn:hover { color: var(--text-primary); border-color: rgba(168,85,247,0.5); }
:where([data-script-page="price-monitoring"]) .pm-ghostbtn:focus-visible { outline: 2px solid rgba(196,181,253,0.95); outline-offset: 2px; }
:where([data-script-page="price-monitoring"]) .pm-ghostbtn[aria-expanded="true"] { color: var(--text-primary); border-color: rgba(168,85,247,0.7); background: rgba(124,58,237,0.16); }
:where([data-script-page="price-monitoring"]) .pm-ghostbtn[aria-expanded="true"] i { transform: rotate(180deg); }
:where([data-script-page="price-monitoring"]) .pm-menu { position: absolute; top: calc(100% + 8px); left: 0; z-index: 30; width: max-content; min-width: 262px;
  max-width: min(360px, 84vw); border: 1px solid rgba(168,85,247,0.42); border-radius: 14px; background: var(--surface); padding: 12px;
  box-shadow: 0 30px 70px -34px var(--shadow-strong); animation: pmIn 160ms var(--pm-e) both; }
:where([data-script-page="price-monitoring"]) .pm-menu--right { left: auto; right: 0; }
:where([data-script-page="price-monitoring"]) .pm-menu-lab { font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 9px; letter-spacing: 0.15em; color: var(--text-muted); margin: 0 0 9px; }
:where([data-script-page="price-monitoring"]) .pm-menu-lab + .pm-menu-lab, :where([data-script-page="price-monitoring"]) .pm-menu > * + .pm-menu-lab { margin-top: 14px; }
:where([data-script-page="price-monitoring"]) .pm-menuitem { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 3px 14px; width: 100%; text-align: left; font: inherit;
  cursor: pointer; background: transparent; border: 1px solid transparent; border-radius: 10px; padding: 9px 10px; min-height: 44px;
  transition: background 160ms var(--pm-e), border-color 160ms var(--pm-e); }
:where([data-script-page="price-monitoring"]) .pm-menuitem b { font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 11.5px; color: var(--text-primary); }
:where([data-script-page="price-monitoring"]) .pm-menuitem span { grid-column: 1; font-size: 11px; color: var(--text-muted); line-height: 1.45; }
:where([data-script-page="price-monitoring"]) .pm-menuitem em { grid-row: 1; grid-column: 2; font-style: normal; font-family: var(--font-jetbrains-mono), Menlo, monospace;
  font-size: 11px; color: var(--accent-text); }
:where([data-script-page="price-monitoring"]) .pm-menuitem:hover { background: var(--w-045); }
:where([data-script-page="price-monitoring"]) .pm-menuitem[aria-pressed="true"] { border-color: rgba(168,85,247,0.6); background: rgba(124,58,237,0.16); }
:where([data-script-page="price-monitoring"]) .pm-menuitem[aria-pressed="true"] b { color: var(--text-primary); }
:where([data-script-page="price-monitoring"]) .pm-menuitem:focus-visible { outline: 2px solid rgba(196,181,253,0.95); outline-offset: -2px; }
:where([data-script-page="price-monitoring"]) .pm-field { display: block; font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 9px; letter-spacing: 0.14em;
  color: var(--text-muted); margin-bottom: 13px; }
:where([data-script-page="price-monitoring"]) .pm-field select { display: block; width: 100%; margin-top: 7px; appearance: none; -webkit-appearance: none;
  font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 11px; letter-spacing: 0.05em; color: var(--text-soft);
  background-color: var(--w-030); border: 1px solid var(--w-140); border-radius: 10px;
  padding: 0 32px 0 12px; min-height: 44px; cursor: pointer;
  background-image: linear-gradient(45deg, transparent 50%, #c4b5fd 50%), linear-gradient(135deg, #c4b5fd 50%, transparent 50%);
  background-position: right 16px center, right 11px center; background-size: 5px 5px, 5px 5px; background-repeat: no-repeat; }
:where([data-script-page="price-monitoring"]) .pm-field select:focus-visible { outline: 2px solid rgba(196,181,253,0.95); outline-offset: 2px; }
:where([data-script-page="price-monitoring"]) .pm-field select option { background: var(--surface); color: var(--text-primary); }
:where([data-script-page="price-monitoring"]) .pm-check { display: flex; align-items: center; gap: 11px; min-height: 44px; cursor: pointer;
  font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 11px; letter-spacing: 0.04em; color: var(--text-soft); }
:where([data-script-page="price-monitoring"]) .pm-check input { width: 18px; height: 18px; accent-color: #a855f7; flex: 0 0 auto; }
:where([data-script-page="price-monitoring"]) .pm-check:hover { color: var(--text-primary); }
:where([data-script-page="price-monitoring"]) .pm-linkbtn { font: inherit; font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 9.5px; letter-spacing: 0.13em;
  color: var(--text-muted); background: transparent; border: 0; cursor: pointer; padding: 0; min-height: 44px;
  display: inline-flex; align-items: center; gap: 7px; transition: color 160ms var(--pm-e); }
:where([data-script-page="price-monitoring"]) .pm-linkbtn::after { content: ''; }
:where([data-script-page="price-monitoring"]) .pm-linkbtn > u { text-decoration: underline; text-underline-offset: 4px; text-decoration-color: var(--w-240); }
:where([data-script-page="price-monitoring"]) .pm-linkbtn:hover { color: var(--accent-text); }
:where([data-script-page="price-monitoring"]) .pm-linkbtn:hover > u { text-decoration-color: rgba(168,85,247,0.7); }
:where([data-script-page="price-monitoring"]) .pm-linkbtn:focus-visible { outline: 2px solid rgba(196,181,253,0.95); outline-offset: 3px; border-radius: 4px; }
:where([data-script-page="price-monitoring"]) .pm-ctlspacer { flex: 1 1 auto; min-width: 0; }

/* ---------- hero: 3 headline metrics + 2 on demand ---------- */
:where([data-script-page="price-monitoring"]) .pm-kpiwrap { display: grid; gap: 12px; }
:where([data-script-page="price-monitoring"]) .pm-kpiwrap .pm-kpistrip { grid-template-columns: minmax(0, 1fr); }
@media (min-width: 520px) { :where([data-script-page="price-monitoring"]) .pm-kpiwrap .pm-kpistrip--sm { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 780px) {
  :where([data-script-page="price-monitoring"]) .pm-kpiwrap .pm-kpistrip { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  :where([data-script-page="price-monitoring"]) .pm-kpistrip { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  :where([data-script-page="price-monitoring"]) .pm-kpistrip--sm { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
:where([data-script-page="price-monitoring"]) .pm-kpistrip--sm .pm-kpi b { font-size: clamp(19px, 1.8vw, 22px); }
:where([data-script-page="price-monitoring"]) .pm-kpimore { display: grid; gap: 12px; justify-items: start; }

/* hero: single selected SKU + change menu */
:where([data-script-page="price-monitoring"]) .pm-skubar { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 12px 15px; align-items: center;
  padding: 15px 16px; border-bottom: 1px solid var(--w-070);
  background: linear-gradient(150deg, rgba(124,58,237,0.2), rgba(var(--scrim-rgb),0) 72%); }
@media (min-width: 780px) { :where([data-script-page="price-monitoring"]) .pm-skubar { grid-template-columns: auto minmax(0, 1fr) auto auto; } }
:where([data-script-page="price-monitoring"]) .pm-skubar .pm-skuid u { display: block; text-decoration: none; font-family: var(--font-jetbrains-mono), Menlo, monospace;
  font-size: 8.5px; letter-spacing: 0.14em; color: var(--text-muted); margin-bottom: 5px; }
:where([data-script-page="price-monitoring"]) .pm-skubar .pm-skuref { text-align: left; }
@media (min-width: 780px) { :where([data-script-page="price-monitoring"]) .pm-skubar .pm-skuref { text-align: right; } }
:where([data-script-page="price-monitoring"]) .pm-ctlrow--mkts { gap: 12px 16px; padding: 15px 16px; }
:where([data-script-page="price-monitoring"]) .pm-ctlmeta { padding: 4px 16px 14px; margin: 0; border-bottom: 1px solid var(--w-070);
  font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 9.5px; letter-spacing: 0.13em; color: var(--text-muted); }

/* ---------- 01: compact stage stepper ---------- */
:where([data-script-page="price-monitoring"]) .pm-nodes { grid-auto-columns: minmax(148px, 1fr); min-width: 760px; }
:where([data-script-page="price-monitoring"]) .pm-node { min-height: 0; padding: 11px 13px; gap: 7px; border-radius: 12px; }
:where([data-script-page="price-monitoring"]) .pm-node:hover { transform: none; }
:where([data-script-page="price-monitoring"]) .pm-node h3 { display: none; }
:where([data-script-page="price-monitoring"]) .pm-node-out { margin-top: 0; border-top: 0; padding-top: 0; }
:where([data-script-page="price-monitoring"]) .pm-node-out u { display: none; }
:where([data-script-page="price-monitoring"]) .pm-node-out b { font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 11px; font-weight: 400; color: var(--text-muted);
  letter-spacing: 0.02em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
:where([data-script-page="price-monitoring"]) .pm-node[aria-selected="true"] .pm-node-out b { color: var(--text-primary); }
:where([data-script-page="price-monitoring"]) .pm-nodewrap { padding-right: 18px; }
:where([data-script-page="price-monitoring"]) .pm-conn { width: 18px; }
:where([data-script-page="price-monitoring"]) .pm-pl-track { padding: 22px 16px 10px; }
:where([data-script-page="price-monitoring"]) .pm-pl-foot { font-size: 12px; color: var(--text-muted); }
:where([data-script-page="price-monitoring"]) .pm-pl-foot b { color: var(--text-secondary); font-weight: 600; }
@media (max-width: 700px) { :where([data-script-page="price-monitoring"]) .pm-nodewrap { padding-right: 0; } }

/* ---------- 02: one toolbar, one open annotation ---------- */
:where([data-script-page="price-monitoring"]) .pm-histctl { border: 1px solid var(--w-100); border-radius: 26px; padding: 4px; gap: 4px; }
:where([data-script-page="price-monitoring"]) .pm-histctl .pm-chips { gap: 4px; }
:where([data-script-page="price-monitoring"]) .pm-histctl .pm-chip { border-color: transparent; background: transparent; }
:where([data-script-page="price-monitoring"]) .pm-histctl .pm-chip[aria-pressed="true"] { border-color: rgba(168,85,247,0.7); }
:where([data-script-page="price-monitoring"]) .pm-histdiv { width: 1px; align-self: stretch; margin: 6px 4px; background: var(--w-120); flex: 0 0 auto; }
:where([data-script-page="price-monitoring"]) .pm-chart { min-height: 300px; }
:where([data-script-page="price-monitoring"]) .pm-ev { cursor: pointer; }
:where([data-script-page="price-monitoring"]) .pm-ev:focus-visible { outline: 2px solid rgba(196,181,253,0.95); outline-offset: 2px; }
:where([data-script-page="price-monitoring"]) .pm-annobar { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; padding: 6px 18px 0; }
:where([data-script-page="price-monitoring"]) .pm-evnums { display: flex; flex-wrap: wrap; gap: 6px; }
:where([data-script-page="price-monitoring"]) .pm-evnum { font: inherit; font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 11px; color: var(--text-muted); cursor: pointer;
  width: 44px; height: 44px; border-radius: 50%; border: 1px solid var(--w-130); background: transparent;
  display: inline-flex; align-items: center; justify-content: center;
  transition: color 160ms var(--pm-e), border-color 160ms var(--pm-e), background 160ms var(--pm-e); }
:where([data-script-page="price-monitoring"]) .pm-evnum:hover { color: var(--text-primary); border-color: rgba(168,85,247,0.5); }
:where([data-script-page="price-monitoring"]) .pm-evnum[aria-pressed="true"] { color: var(--text-primary); border-color: rgba(168,85,247,0.75); background: rgba(124,58,237,0.22); }
:where([data-script-page="price-monitoring"]) .pm-evnum:focus-visible { outline: 2px solid rgba(196,181,253,0.95); outline-offset: 2px; }
:where([data-script-page="price-monitoring"]) .pm-annos { padding-top: 10px; }
:where([data-script-page="price-monitoring"]) .pm-annos--one { grid-template-columns: minmax(0, 1fr) !important; }
:where([data-script-page="price-monitoring"]) .pm-annos--one .pm-anno { max-width: 82ch; }
:where([data-script-page="price-monitoring"]) .pm-hist-key { opacity: .72; padding: 10px 18px 0; gap: 6px 14px; }

/* ---------- 03: five rows, grouped prices, cards on mobile ---------- */
:where([data-script-page="price-monitoring"]) .pm-cmpbar { gap: 12px 14px; margin-bottom: 14px; }
:where([data-script-page="price-monitoring"]) .pm-cmpbar--main { margin-bottom: 18px; }
:where([data-script-page="price-monitoring"]) .pm-tbl { min-width: 860px; }
:where([data-script-page="price-monitoring"]) .pm-tblscroll { min-height: 280px; }
:where([data-script-page="price-monitoring"]) .pm-tbl thead th.pm-group { text-align: center; font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 8.5px;
  letter-spacing: 0.16em; color: var(--text-muted); padding: 0 10px 7px; border-bottom: 1px solid var(--w-070); }
:where([data-script-page="price-monitoring"]) .pm-tbl thead tr:first-child th { border-bottom-color: var(--w-060); }
:where([data-script-page="price-monitoring"]) .pm-tbl td.pm-quiet { color: var(--text-muted); }
:where([data-script-page="price-monitoring"]) .pm-cmpmore { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 18px; margin-top: 16px; }
:where([data-script-page="price-monitoring"]) .pm-cmpmore .pm-ghostbtn { color: var(--accent-text); border-color: rgba(168,85,247,0.4); }
@media (max-width: 980px) {
  :where([data-script-page="price-monitoring"]) .pm-tblscroll { overflow: visible; min-height: 0; }
  :where([data-script-page="price-monitoring"]) .pm-tbl { min-width: 0; display: block; }
  :where([data-script-page="price-monitoring"]) .pm-tbl thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  :where([data-script-page="price-monitoring"]) .pm-tbl tbody { display: grid; gap: 10px; }
  :where([data-script-page="price-monitoring"]) .pm-tbl tbody tr.pm-r { display: block; border: 1px solid var(--w-090); border-radius: 14px;
    background: var(--surface); padding: 12px 13px; }
  :where([data-script-page="price-monitoring"]) .pm-tbl tbody tr.pm-r > th, :where([data-script-page="price-monitoring"]) .pm-tbl tbody tr.pm-r > td { display: flex; align-items: center; justify-content: space-between;
    gap: 14px; border-bottom: 0; padding: 5px 0; white-space: normal; text-align: right; }
  :where([data-script-page="price-monitoring"]) .pm-tbl tbody tr.pm-r > td::before { content: attr(data-lab); font-family: var(--font-jetbrains-mono), Menlo, monospace;
    font-size: 9px; letter-spacing: 0.13em; color: var(--text-muted); flex: 0 0 auto; }
  :where([data-script-page="price-monitoring"]) .pm-tbl tbody tr.pm-r > th { border-bottom: 1px solid var(--w-070); padding-bottom: 11px; margin-bottom: 5px;
    box-shadow: none !important; }
  :where([data-script-page="price-monitoring"]) .pm-tbl tbody tr.is-out { border-color: rgba(248,113,113,0.5); }
  :where([data-script-page="price-monitoring"]) .pm-tbl tbody tr.pm-drow, :where([data-script-page="price-monitoring"]) .pm-tbl tbody tr.pm-drow > td { display: block; }
  :where([data-script-page="price-monitoring"]) .pm-tbl tbody tr.pm-drow > td { border-radius: 14px; }
}

/* ---------- 04: one featured receipt ---------- */
:where([data-script-page="price-monitoring"]) .pm-recwrap { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; }
@media (min-width: 980px) { :where([data-script-page="price-monitoring"]) .pm-recwrap { grid-template-columns: 300px minmax(0, 1fr); align-items: start; } }
:where([data-script-page="price-monitoring"]) .pm-reclist { display: grid; gap: 8px; align-content: start; }
:where([data-script-page="price-monitoring"]) .pm-recitem { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4px 14px; text-align: left; font: inherit;
  cursor: pointer; border: 1px solid var(--w-080); border-radius: 12px; background: var(--surface); padding: 12px 13px;
  transition: border-color 160ms var(--pm-e), background 160ms var(--pm-e); }
:where([data-script-page="price-monitoring"]) .pm-recitem u { grid-column: 1; text-decoration: none; font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 9.5px;
  letter-spacing: 0.11em; color: var(--text-muted); }
:where([data-script-page="price-monitoring"]) .pm-recitem b { grid-column: 1; font-size: 12.5px; font-weight: 500; color: var(--text-secondary); line-height: 1.45; }
:where([data-script-page="price-monitoring"]) .pm-recitem em { grid-row: 1; grid-column: 2; font-style: normal; font-family: var(--font-jetbrains-mono), Menlo, monospace;
  font-size: 10.5px; font-weight: 700; }
:where([data-script-page="price-monitoring"]) .pm-recitem:hover { border-color: rgba(168,85,247,0.45); }
:where([data-script-page="price-monitoring"]) .pm-recitem[aria-pressed="true"] { border-color: rgba(168,85,247,0.7);
  background: linear-gradient(150deg, rgba(124,58,237,0.24), var(--surface) 76%); }
:where([data-script-page="price-monitoring"]) .pm-recitem[aria-pressed="true"] b { color: var(--text-primary); }
:where([data-script-page="price-monitoring"]) .pm-recitem:focus-visible { outline: 2px solid rgba(196,181,253,0.95); outline-offset: 2px; }
:where([data-script-page="price-monitoring"]) .pm-recpanel { min-height: 380px; border: 1px solid var(--w-090); border-radius: 18px; overflow: hidden;
  background: linear-gradient(180deg, var(--surface), var(--surface-sunken)); }
:where([data-script-page="price-monitoring"]) .pm-recpanel-head { display: flex; flex-wrap: wrap; align-items: center; gap: 9px 14px; padding: 16px 18px;
  border-bottom: 1px dashed var(--w-180); }
:where([data-script-page="price-monitoring"]) .pm-recpanel-head u { text-decoration: none; font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 11.5px;
  letter-spacing: 0.1em; color: var(--text-primary); }
:where([data-script-page="price-monitoring"]) .pm-recpanel-head > span { font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 10.5px; color: var(--text-muted); }
:where([data-script-page="price-monitoring"]) .pm-recpanel-head p { flex: 1 1 100%; font-family: var(--font-space-grotesk), sans-serif; font-size: 17px; color: var(--text-primary); letter-spacing: -0.015em; }
:where([data-script-page="price-monitoring"]) .pm-recbody { padding: 16px 18px 20px; }
:where([data-script-page="price-monitoring"]) .pm-recmore { margin-top: 20px; }

/* ---------- 06: guidance accordion ---------- */
:where([data-script-page="price-monitoring"]) .pm-acc { border-top: 1px solid var(--w-090); margin-bottom: 26px; }
:where([data-script-page="price-monitoring"]) .pm-accitem { border-bottom: 1px solid var(--w-090); }
:where([data-script-page="price-monitoring"]) .pm-accsum { display: grid; grid-template-columns: 42px minmax(0, 1fr) auto; gap: 6px 18px; align-items: center;
  padding: 15px 0; cursor: pointer; list-style: none; min-height: 44px; }
:where([data-script-page="price-monitoring"]) .pm-accsum::-webkit-details-marker { display: none; }
:where([data-script-page="price-monitoring"]) .pm-accsum:focus-visible { outline: 2px solid rgba(196,181,253,0.95); outline-offset: 3px; border-radius: 6px; }
:where([data-script-page="price-monitoring"]) .pm-accnum { font-family: var(--font-space-grotesk), sans-serif; font-size: 22px; color: var(--accent-strong); letter-spacing: -0.03em; }
:where([data-script-page="price-monitoring"]) .pm-accitem[open] .pm-accnum { color: var(--accent-text); }
:where([data-script-page="price-monitoring"]) .pm-acctext b { display: block; font-size: 16px; color: var(--text-primary); font-weight: 600; letter-spacing: -0.012em; line-height: 1.35; }
:where([data-script-page="price-monitoring"]) .pm-acctext span { display: block; font-size: 13px; color: var(--text-muted); margin-top: 5px; line-height: 1.5; max-width: 68ch; }
:where([data-script-page="price-monitoring"]) .pm-accitem[open] .pm-acctext span { display: none; }
:where([data-script-page="price-monitoring"]) .pm-accchev { display: inline-flex; color: var(--text-muted); transition: transform 200ms var(--pm-e); }
:where([data-script-page="price-monitoring"]) .pm-accitem[open] .pm-accchev { transform: rotate(180deg); color: var(--accent-text); }
:where([data-script-page="price-monitoring"]) .pm-accsum:hover .pm-accchev { color: var(--text-primary); }
:where([data-script-page="price-monitoring"]) .pm-accbody { padding: 0 0 20px 60px; animation: pmIn 200ms var(--pm-e) both; }
@media (max-width: 620px) { :where([data-script-page="price-monitoring"]) .pm-accbody { padding-left: 0; } }
:where([data-script-page="price-monitoring"]) .pm-accbody p { font-size: 14px; color: var(--text-secondary); line-height: 1.65; max-width: 64ch; }
:where([data-script-page="price-monitoring"]) .pm-accbody p + p { margin-top: 9px; }
:where([data-script-page="price-monitoring"]) .pm-accbody p.pm-do { font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 11.5px; color: var(--accent-text); line-height: 1.6; }
:where([data-script-page="price-monitoring"]) .pm-accbody p.pm-do u { text-decoration: none; color: var(--text-muted); letter-spacing: 0.1em; }

@media (prefers-reduced-motion: reduce) {
  :where([data-script-page="price-monitoring"]) .pm-menu, :where([data-script-page="price-monitoring"]) .pm-accbody { animation: none !important; }
  :where([data-script-page="price-monitoring"]) .pm-ghostbtn, :where([data-script-page="price-monitoring"]) .pm-linkbtn, :where([data-script-page="price-monitoring"]) .pm-evnum, :where([data-script-page="price-monitoring"]) .pm-recitem, :where([data-script-page="price-monitoring"]) .pm-menuitem, :where([data-script-page="price-monitoring"]) .pm-accchev { transition: none !important; }
}

:where([data-script-page="price-monitoring"]) .pm-ev circle, :where([data-script-page="price-monitoring"]) .pm-ev text { transition: none; }
:where([data-script-page="price-monitoring"]) .pm-ev.is-on circle { stroke-width: 2.8; fill: var(--w-070); }
:where([data-script-page="price-monitoring"]) .pm-cmpcap .pm-cmpcount { display: inline-block; margin: 0 0 4px; color: var(--text-secondary); letter-spacing: 0.12em; }
:where([data-script-page="price-monitoring"]) .pm-recpanel-head .pm-recdelta { margin-left: auto; }

:where([data-script-page="price-monitoring"]) .pm-kpistrip[hidden], :where([data-script-page="price-monitoring"]) .pm-chips[hidden], :where([data-script-page="price-monitoring"]) .pm-menu[hidden], :where([data-script-page="price-monitoring"]) .pm-recwrap [hidden] { display: none !important; }

/* LUDAX — price-monitoring MOTION LAYER.
   Loaded by /use-cases/price-monitoring/ only. Extends (never duplicates) the
   transitions already declared in pricemon.css / usecase.css: this file adds
   the staggered reveal system, number-change entrances, chart point/marker
   reveals and the calculator + plan state transitions.
   Everything is gated on html.pmx, which pricemon-motion.js only adds when
   prefers-reduced-motion is NOT set — so reduced motion never hides content. */

[data-script-page="price-monitoring"] { --pmx-e: cubic-bezier(.22,.61,.36,1); }

/* ---------- staggered reveal-on-scroll ---------- */
html.pmx :where([data-script-page="price-monitoring"]) [data-pmx], [data-script-page="price-monitoring"].pmx [data-pmx] {
  transition: opacity 420ms var(--pmx-e), transform 480ms var(--pmx-e);
  transition-delay: var(--pmx-d, 0ms);
}
html.pmx :where([data-script-page="price-monitoring"]) [data-pmx]:not(.pmx-in), [data-script-page="price-monitoring"].pmx [data-pmx]:not(.pmx-in) { opacity: 0; transform: translateY(var(--pmx-y, 12px)); }
html.pmx :where([data-script-page="price-monitoring"]) [data-pmx].pmx-in, [data-script-page="price-monitoring"].pmx [data-pmx].pmx-in { opacity: 1; transform: none; }
/* nothing inside a reveal may clip or shift its own box */
html.pmx :where([data-script-page="price-monitoring"]) [data-pmx], [data-script-page="price-monitoring"].pmx [data-pmx] { will-change: opacity, transform; }
html.pmx :where([data-script-page="price-monitoring"]) [data-pmx].pmx-in, [data-script-page="price-monitoring"].pmx [data-pmx].pmx-in { will-change: auto; }

/* ---------- numbers: first entrance + later value changes ---------- */
@keyframes pmxNum { from { opacity: 0; transform: translateY(-5px); } to { opacity: 1; transform: none; } }
html.pmx :where([data-script-page="price-monitoring"]) .pmx-num, [data-script-page="price-monitoring"].pmx .pmx-num { animation: pmxNum 260ms var(--pmx-e) both; }

/* ---------- chart: point + event marker reveal (line draw already exists) --- */
html.pmx :where([data-script-page="price-monitoring"]) .pmx-ptin, [data-script-page="price-monitoring"].pmx .pmx-ptin { animation: pmxPt 300ms var(--pmx-e) both; animation-delay: var(--pmx-d, 0ms);
  transform-box: fill-box; transform-origin: center; }
@keyframes pmxPt { from { opacity: 0; transform: scale(.55); } to { opacity: 1; transform: none; } }
html.pmx :where([data-script-page="price-monitoring"]) .pmx-shadein, [data-script-page="price-monitoring"].pmx .pmx-shadein { animation: pmxFade 320ms var(--pmx-e) both; animation-delay: var(--pmx-d, 0ms); }
@keyframes pmxFade { from { opacity: 0; } to { opacity: 1; } }

/* ---------- table rows: gentle cascade on filter / sort ---------- */
html.pmx :where([data-script-page="price-monitoring"]) .pm-tbl tbody tr.pm-shuffle, [data-script-page="price-monitoring"].pmx .pm-tbl tbody tr.pm-shuffle { animation-delay: var(--pmx-d, 0ms); }
html.pmx :where([data-script-page="price-monitoring"]) .pmx-rowin, [data-script-page="price-monitoring"].pmx .pmx-rowin { animation: pmxRow 260ms var(--pmx-e) both; animation-delay: var(--pmx-d, 0ms); }
@keyframes pmxRow { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }

/* ---------- calculator + plans ---------- */
html.pmx :where([data-script-page="price-monitoring"]) .sm-rec, [data-script-page="price-monitoring"].pmx .sm-rec { transition: border-color 260ms var(--pmx-e), background 260ms var(--pmx-e); }
html.pmx :where([data-script-page="price-monitoring"]) .sm-rec.pmx-swap [data-planname],
[data-script-page="price-monitoring"].pmx .sm-rec.pmx-swap [data-planname],
html.pmx :where([data-script-page="price-monitoring"]) .sm-rec.pmx-swap [data-planwhy],
[data-script-page="price-monitoring"].pmx .sm-rec.pmx-swap [data-planwhy] { animation: pmxNum 300ms var(--pmx-e) both; }
html.pmx :where([data-script-page="price-monitoring"]) .sm-rec.pmx-swap [data-planwhy], [data-script-page="price-monitoring"].pmx .sm-rec.pmx-swap [data-planwhy] { animation-delay: 45ms; }
html.pmx :where([data-script-page="price-monitoring"]) .ws-meter i, [data-script-page="price-monitoring"].pmx .ws-meter i { transition: width 420ms var(--pmx-e); }
html.pmx :where([data-script-page="price-monitoring"]) .ws-slider label b, [data-script-page="price-monitoring"].pmx .ws-slider label b { transition: color 200ms var(--pmx-e); }
html.pmx :where([data-script-page="price-monitoring"]) .ws-slider:focus-within label b, [data-script-page="price-monitoring"].pmx .ws-slider:focus-within label b, html.pmx :where([data-script-page="price-monitoring"]) .ws-slider:hover label b, [data-script-page="price-monitoring"].pmx .ws-slider:hover label b { color: var(--accent-text); }
html.pmx :where([data-script-page="price-monitoring"]) .lx-plan, [data-script-page="price-monitoring"].pmx .lx-plan { transition: border-color 260ms var(--pmx-e), box-shadow 320ms var(--pmx-e), transform 260ms var(--pmx-e); }
html.pmx :where([data-script-page="price-monitoring"]) .lx-plan:hover, [data-script-page="price-monitoring"].pmx .lx-plan:hover { transform: translateY(-3px); }
html.pmx :where([data-script-page="price-monitoring"]) .lx-plan.is-match, [data-script-page="price-monitoring"].pmx .lx-plan.is-match { transform: none; }
html.pmx :where([data-script-page="price-monitoring"]) .lx-plan .sm-match, [data-script-page="price-monitoring"].pmx .lx-plan .sm-match { transition: opacity 220ms var(--pmx-e); }
html.pmx :where([data-script-page="price-monitoring"]) .lx-plan:not(.is-match) .sm-match, [data-script-page="price-monitoring"].pmx .lx-plan:not(.is-match) .sm-match { opacity: 0; }
html.pmx :where([data-script-page="price-monitoring"]) .lx-plan.is-match .sm-match, [data-script-page="price-monitoring"].pmx .lx-plan.is-match .sm-match { opacity: 1; }
html.pmx :where([data-script-page="price-monitoring"]) .ws-preset, [data-script-page="price-monitoring"].pmx .ws-preset { transition: color 180ms var(--pmx-e), background 200ms var(--pmx-e),
  border-color 200ms var(--pmx-e), transform 140ms var(--pmx-e); }
html.pmx :where([data-script-page="price-monitoring"]) .ws-preset:active, [data-script-page="price-monitoring"].pmx .ws-preset:active { transform: scale(.965); }

/* ---------- refined hover / focus micro-interactions ---------- */
html.pmx :where([data-script-page="price-monitoring"]) .lx-btn, [data-script-page="price-monitoring"].pmx .lx-btn { transition: transform 180ms var(--pmx-e), box-shadow 220ms var(--pmx-e),
  background 200ms var(--pmx-e), border-color 200ms var(--pmx-e), color 200ms var(--pmx-e); }
html.pmx :where([data-script-page="price-monitoring"]) .lx-btn:hover, [data-script-page="price-monitoring"].pmx .lx-btn:hover { transform: translateY(-2px); }
html.pmx :where([data-script-page="price-monitoring"]) .lx-btn:active, [data-script-page="price-monitoring"].pmx .lx-btn:active { transform: translateY(0) scale(.985); }
html.pmx :where([data-script-page="price-monitoring"]) .lx-linkcard, [data-script-page="price-monitoring"].pmx .lx-linkcard { transition: transform 240ms var(--pmx-e), border-color 220ms var(--pmx-e), background 220ms var(--pmx-e); }
html.pmx :where([data-script-page="price-monitoring"]) .lx-linkcard:hover, [data-script-page="price-monitoring"].pmx .lx-linkcard:hover { transform: translateY(-3px); }
html.pmx :where([data-script-page="price-monitoring"]) .lx-linkcard .lx-more svg, [data-script-page="price-monitoring"].pmx .lx-linkcard .lx-more svg { transition: transform 220ms var(--pmx-e); }
html.pmx :where([data-script-page="price-monitoring"]) .lx-linkcard:hover .lx-more svg, [data-script-page="price-monitoring"].pmx .lx-linkcard:hover .lx-more svg { transform: translateX(4px); }
html.pmx :where([data-script-page="price-monitoring"]) .pm-recitem, [data-script-page="price-monitoring"].pmx .pm-recitem { transition: border-color 180ms var(--pmx-e), background 200ms var(--pmx-e), transform 180ms var(--pmx-e); }
html.pmx :where([data-script-page="price-monitoring"]) .pm-recitem:hover, [data-script-page="price-monitoring"].pmx .pm-recitem:hover { transform: translateX(2px); }
html.pmx :where([data-script-page="price-monitoring"]) .pm-kpi, [data-script-page="price-monitoring"].pmx .pm-kpi { transition: background 220ms var(--pmx-e); }
html.pmx :where([data-script-page="price-monitoring"]) .pm-kpi:hover, [data-script-page="price-monitoring"].pmx .pm-kpi:hover { background: var(--surface); }
html.pmx :where([data-script-page="price-monitoring"]) .pm-accsum .pm-accnum, [data-script-page="price-monitoring"].pmx .pm-accsum .pm-accnum { transition: color 200ms var(--pmx-e), transform 220ms var(--pmx-e); }
html.pmx :where([data-script-page="price-monitoring"]) .pm-accsum:hover .pm-accnum, [data-script-page="price-monitoring"].pmx .pm-accsum:hover .pm-accnum { transform: translateX(2px); }
html.pmx :where([data-script-page="price-monitoring"]) .lx-summary .lx-summary-num, [data-script-page="price-monitoring"].pmx .lx-summary .lx-summary-num { transition: color 200ms var(--pmx-e); }
html.pmx :where([data-script-page="price-monitoring"]) .pm-brow, [data-script-page="price-monitoring"].pmx .pm-brow { transition: opacity 260ms var(--pmx-e), background 200ms var(--pmx-e); }
html.pmx :where([data-script-page="price-monitoring"]) .pm-brow:hover, [data-script-page="price-monitoring"].pmx .pm-brow:hover { background: var(--w-016); }
html.pmx :where([data-script-page="price-monitoring"]) .pm-skubar, [data-script-page="price-monitoring"].pmx .pm-skubar, html.pmx :where([data-script-page="price-monitoring"]) .pm-menuitem em, [data-script-page="price-monitoring"].pmx .pm-menuitem em { transition: color 200ms var(--pmx-e); }

/* ---------- reduced motion: the layer switches itself off ---------- */
@media (prefers-reduced-motion: reduce) {
  html.pmx :where([data-script-page="price-monitoring"]) [data-pmx], [data-script-page="price-monitoring"].pmx [data-pmx] { opacity: 1 !important; transform: none !important; transition: none !important; }
  html.pmx :where([data-script-page="price-monitoring"]) .pmx-num, [data-script-page="price-monitoring"].pmx .pmx-num, html.pmx :where([data-script-page="price-monitoring"]) .pmx-ptin, [data-script-page="price-monitoring"].pmx .pmx-ptin, html.pmx :where([data-script-page="price-monitoring"]) .pmx-shadein, [data-script-page="price-monitoring"].pmx .pmx-shadein, html.pmx :where([data-script-page="price-monitoring"]) .pmx-rowin, [data-script-page="price-monitoring"].pmx .pmx-rowin, html.pmx :where([data-script-page="price-monitoring"]) .sm-rec.pmx-swap [data-planname], [data-script-page="price-monitoring"].pmx .sm-rec.pmx-swap [data-planname], html.pmx :where([data-script-page="price-monitoring"]) .sm-rec.pmx-swap [data-planwhy], [data-script-page="price-monitoring"].pmx .sm-rec.pmx-swap [data-planwhy] { animation: none !important; }
  html.pmx :where([data-script-page="price-monitoring"]) .lx-btn, [data-script-page="price-monitoring"].pmx .lx-btn, html.pmx :where([data-script-page="price-monitoring"]) .lx-linkcard, [data-script-page="price-monitoring"].pmx .lx-linkcard, html.pmx :where([data-script-page="price-monitoring"]) .pm-recitem, [data-script-page="price-monitoring"].pmx .pm-recitem, html.pmx :where([data-script-page="price-monitoring"]) .lx-plan, [data-script-page="price-monitoring"].pmx .lx-plan, html.pmx :where([data-script-page="price-monitoring"]) .ws-meter i, [data-script-page="price-monitoring"].pmx .ws-meter i, html.pmx :where([data-script-page="price-monitoring"]) .ws-preset, [data-script-page="price-monitoring"].pmx .ws-preset, html.pmx :where([data-script-page="price-monitoring"]) .pm-brow, [data-script-page="price-monitoring"].pmx .pm-brow { transition: none !important; }
  html.pmx :where([data-script-page="price-monitoring"]) .lx-btn:hover, [data-script-page="price-monitoring"].pmx .lx-btn:hover, html.pmx :where([data-script-page="price-monitoring"]) .lx-linkcard:hover, [data-script-page="price-monitoring"].pmx .lx-linkcard:hover, html.pmx :where([data-script-page="price-monitoring"]) .pm-recitem:hover, [data-script-page="price-monitoring"].pmx .pm-recitem:hover, html.pmx :where([data-script-page="price-monitoring"]) .lx-plan:hover, [data-script-page="price-monitoring"].pmx .lx-plan:hover, html.pmx :where([data-script-page="price-monitoring"]) .ws-preset:active, [data-script-page="price-monitoring"].pmx .ws-preset:active, html.pmx :where([data-script-page="price-monitoring"]) .lx-btn:active, [data-script-page="price-monitoring"].pmx .lx-btn:active { transform: none !important; }
}

/* LUDAX — Price Monitoring page only: product finder inside [ 05 / TRAFFIC & PLANS ].
   Vocabulary borrowed from usecase.css: dark panel, purple selection, lime match. */

:where([data-script-page="price-monitoring"]) .pmf { border: 1px solid var(--w-100); border-radius: 20px; overflow: hidden;
  background: linear-gradient(180deg,var(--surface),var(--surface-sunken)); box-shadow: 0 44px 100px -60px rgba(124,58,237,0.7);
  margin-bottom: 20px; }
:where([data-script-page="price-monitoring"]) .pmf-head { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; padding: 14px 17px;
  border-bottom: 1px solid var(--w-070); background: var(--w-020); }
:where([data-script-page="price-monitoring"]) .pmf-head .ws-panel-title { margin-right: auto; }
:where([data-script-page="price-monitoring"]) .pmf-headnote { font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 9.5px; letter-spacing: 0.15em; color: var(--text-muted); }

:where([data-script-page="price-monitoring"]) .pmf-grid { display: grid; grid-template-columns: minmax(0,1fr); gap: 16px; padding: 17px; }
@media (min-width: 900px) { :where([data-script-page="price-monitoring"]) .pmf-grid { grid-template-columns: minmax(0,1.25fr) minmax(0,1fr); gap: 22px; } }

:where([data-script-page="price-monitoring"]) .pmf-qs { display: flex; flex-direction: column; gap: 16px; }
:where([data-script-page="price-monitoring"]) .pmf-q { border: 0; padding: 0; margin: 0; min-width: 0; }
:where([data-script-page="price-monitoring"]) .pmf-q legend { padding: 0; display: block; font-size: 13.5px; color: var(--text-primary); line-height: 1.45; margin-bottom: 4px; }
:where([data-script-page="price-monitoring"]) .pmf-qn { display: block; font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 9.5px;
  letter-spacing: 0.15em; color: var(--text-muted); margin-bottom: 6px; }
:where([data-script-page="price-monitoring"]) .pmf-opts { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 7px; margin-top: 9px; }
:where([data-script-page="price-monitoring"]) .pmf-opts[data-cols="3"] { grid-template-columns: repeat(3, minmax(0,1fr)); }
@media (max-width: 559px) { :where([data-script-page="price-monitoring"]) .pmf-opts, :where([data-script-page="price-monitoring"]) .pmf-opts[data-cols="3"] { grid-template-columns: minmax(0,1fr); } }

:where([data-script-page="price-monitoring"]) .pmf-opt { position: relative; display: block; cursor: pointer; }
:where([data-script-page="price-monitoring"]) .pmf-opt input { position: absolute; width: 1px; height: 1px; opacity: 0; margin: 0; }
:where([data-script-page="price-monitoring"]) .pmf-opt-in { display: flex; flex-direction: column; justify-content: center; gap: 3px; min-height: 48px;
  padding: 10px 13px; border: 1px solid var(--w-120); border-radius: 12px;
  background: var(--w-020); transition: background .2s, border-color .2s, color .2s; }
:where([data-script-page="price-monitoring"]) .pmf-opt-in b { font-size: 13px; font-weight: 600; color: var(--text-soft); letter-spacing: -0.005em; }
:where([data-script-page="price-monitoring"]) .pmf-opt-in span { font-size: 11.5px; color: var(--text-muted); line-height: 1.4; }
:where([data-script-page="price-monitoring"]) .pmf-opt:hover .pmf-opt-in { border-color: rgba(168,85,247,0.5); }
:where([data-script-page="price-monitoring"]) .pmf-opt input:checked ~ .pmf-opt-in { border-color: #a855f7; background: rgba(124,58,237,0.16);
  box-shadow: inset 0 0 0 1px rgba(168,85,247,0.35); }
:where([data-script-page="price-monitoring"]) .pmf-opt input:checked ~ .pmf-opt-in b { color: var(--text-primary); }
:where([data-script-page="price-monitoring"]) .pmf-opt input:checked ~ .pmf-opt-in span { color: var(--text-secondary); }
:where([data-script-page="price-monitoring"]) .pmf-opt input:focus-visible ~ .pmf-opt-in { outline: 2px solid rgba(196,181,253,0.9); outline-offset: 2px; }

:where([data-script-page="price-monitoring"]) .pmf-rec { border: 1px solid rgba(163,230,53,0.42); border-radius: 15px; padding: 15px 16px 16px;
  background: linear-gradient(180deg, rgba(163,230,53,0.10), rgba(163,230,53,0.015)); align-self: start; }
:where([data-script-page="price-monitoring"]) .pmf-rec-lab { font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 9.5px; letter-spacing: 0.15em; color: var(--lime-text); margin-bottom: 8px; }
:where([data-script-page="price-monitoring"]) .pmf-rec h3 { font-family: var(--font-space-grotesk), sans-serif; font-size: clamp(18px,2.2vw,22px); color: var(--text-primary);
  letter-spacing: -0.015em; margin: 0 0 6px; }
:where([data-script-page="price-monitoring"]) .pmf-rec-why { font-size: 12.5px; color: var(--text-secondary); line-height: 1.55; margin: 0; text-wrap: pretty; }
:where([data-script-page="price-monitoring"]) .pmf-sig { list-style: none; display: flex; flex-wrap: wrap; gap: 6px; margin: 12px 0 0; padding: 0; }
:where([data-script-page="price-monitoring"]) .pmf-sig li { font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 9.5px; letter-spacing: 0.1em;
  color: var(--text-soft); border: 1px solid var(--w-140); border-radius: 999px; padding: 6px 9px; }
:where([data-script-page="price-monitoring"]) .pmf-rec-cta { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
:where([data-script-page="price-monitoring"]) .pmf-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 0 18px;
  font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 10.5px; letter-spacing: 0.13em; text-decoration: none;
  color: var(--ink-on-light); background: #a3e635; border-radius: 999px; transition: filter .2s; }
:where([data-script-page="price-monitoring"]) .pmf-btn:hover { filter: brightness(1.08); color: var(--ink-on-light); }
:where([data-script-page="price-monitoring"]) .pmf-btn--ghost { background: transparent; color: var(--text-soft); border: 1px solid var(--w-160); }
:where([data-script-page="price-monitoring"]) .pmf-btn--ghost:hover { color: var(--text-primary); border-color: rgba(168,85,247,0.55); filter: none; }
:where([data-script-page="price-monitoring"]) .pmf-btn:focus-visible { outline: 2px solid rgba(196,181,253,0.9); outline-offset: 3px; }
:where([data-script-page="price-monitoring"]) .pmf-note { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 12px 0 0;
  font-size: 12px; color: var(--accent-text); line-height: 1.5; }
:where([data-script-page="price-monitoring"]) .pmf-note button { font: inherit; font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 10px; letter-spacing: 0.1em;
  min-height: 34px; padding: 0 12px; border-radius: 999px; cursor: pointer; color: var(--text-primary);
  background: rgba(124,58,237,0.35); border: 1px solid rgba(168,85,247,0.6); }
:where([data-script-page="price-monitoring"]) .pmf-note button:hover { background: #7c3aed; }
:where([data-script-page="price-monitoring"]) .pmf-note button:focus-visible { outline: 2px solid rgba(196,181,253,0.9); outline-offset: 2px; }
:where([data-script-page="price-monitoring"]) .pmf-note[hidden] { display: none; }

:where([data-script-page="price-monitoring"]) .pmf-picks { padding: 0 17px 17px; }
:where([data-script-page="price-monitoring"]) .pmf-picks-lab { display: block; font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 9.5px;
  letter-spacing: 0.15em; color: var(--text-muted); margin-bottom: 8px; }
:where([data-script-page="price-monitoring"]) .pmf-picks-row { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 8px; }
@media (max-width: 1023px) { :where([data-script-page="price-monitoring"]) .pmf-picks-row { grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width: 519px) { :where([data-script-page="price-monitoring"]) .pmf-picks-row { grid-template-columns: minmax(0,1fr); } }
:where([data-script-page="price-monitoring"]) .pmf-pick { position: relative; display: block; cursor: pointer; }
:where([data-script-page="price-monitoring"]) .pmf-pick input { position: absolute; width: 1px; height: 1px; opacity: 0; margin: 0; }
:where([data-script-page="price-monitoring"]) .pmf-pick-in { display: flex; flex-direction: column; gap: 6px; height: 100%; min-height: 132px; padding: 13px 14px;
  border: 1px solid var(--w-120); border-radius: 14px; background: var(--w-020);
  transition: background .2s, border-color .2s, transform .2s; }
:where([data-script-page="price-monitoring"]) .pmf-pick:hover .pmf-pick-in { border-color: rgba(168,85,247,0.5); }
:where([data-script-page="price-monitoring"]) .pmf-pick-top { display: flex; align-items: center; gap: 8px; min-height: 18px; }
:where([data-script-page="price-monitoring"]) .pmf-pick-name { font-family: var(--font-space-grotesk), sans-serif; font-size: 14.5px; font-weight: 700; color: var(--text-primary); letter-spacing: -0.01em; }
:where([data-script-page="price-monitoring"]) .pmf-tag { font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 8.5px; font-weight: 700; letter-spacing: 0.1em;
  padding: 3px 7px; border-radius: 999px; background: rgba(168,85,247,0.22); color: var(--accent-text); white-space: nowrap; }
:where([data-script-page="price-monitoring"]) .pmf-pick-desc { font-size: 11.5px; color: var(--text-muted); line-height: 1.45; margin: 0; }
:where([data-script-page="price-monitoring"]) .pmf-pick-price { margin-top: auto; font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 10px;
  letter-spacing: 0.1em; color: var(--text-secondary); }
:where([data-script-page="price-monitoring"]) .pmf-pick-state { font-family: var(--font-jetbrains-mono), Menlo, monospace; font-size: 9px; letter-spacing: 0.12em; color: var(--text-muted); }
:where([data-script-page="price-monitoring"]) .pmf-pick input:checked ~ .pmf-pick-in { border-color: #a3e635; background: rgba(163,230,53,0.08);
  box-shadow: 0 0 0 1px rgba(163,230,53,0.22), 0 30px 70px -60px rgba(163,230,53,0.5); }
:where([data-script-page="price-monitoring"]) .pmf-pick input:checked ~ .pmf-pick-in .pmf-pick-name { color: var(--text-primary); }
:where([data-script-page="price-monitoring"]) .pmf-pick input:checked ~ .pmf-pick-in .pmf-pick-state { color: var(--lime-text); }
:where([data-script-page="price-monitoring"]) .pmf-pick input:focus-visible ~ .pmf-pick-in { outline: 2px solid rgba(196,181,253,0.9); outline-offset: 2px; }

:where([data-script-page="price-monitoring"]) .pmf-quote { border: 1px dashed var(--w-180); border-radius: 18px; padding: 22px;
  background: var(--w-015); display: flex; flex-direction: column; gap: 10px; }
:where([data-script-page="price-monitoring"]) .pmf-quote h3 { font-family: var(--font-space-grotesk), sans-serif; font-size: clamp(17px,2vw,20px); color: var(--text-primary); margin: 0; letter-spacing: -0.01em; }
:where([data-script-page="price-monitoring"]) .pmf-quote p { font-size: 13px; color: var(--text-secondary); line-height: 1.6; margin: 0; max-width: 62ch; text-wrap: pretty; }
:where([data-script-page="price-monitoring"]) .pmf-quote .pmf-rec-cta { margin-top: 4px; }

@media (prefers-reduced-motion: no-preference) {
  :where([data-script-page="price-monitoring"]) .pmf-flash { animation: pmf-flash .34s ease-out; }
  @keyframes pmf-flash { from { opacity: 0.35; transform: translateY(5px); } to { opacity: 1; transform: none; } }
}

:where([data-script-page="price-monitoring"]) .ws-plans[hidden], :where([data-script-page="price-monitoring"]) .pmf-quote[hidden] { display: none !important; }

/* =============================================================================
   motion-lite — shared editorial motion layer for the use-case pages.
   Additive only: it never changes layout, colour or copy. Everything is gated
   behind html.mxl (added by motion-lite.js) so the pages stay fully visible
   with JS disabled, and everything is disabled under prefers-reduced-motion.
   ========================================================================== */

/* ---- once-only reveal with a small vertical translation --------------- */
:where([data-script-page="price-monitoring"]) [data-mxl] { transition: opacity 480ms cubic-bezier(.22,.7,.3,1), transform 480ms cubic-bezier(.22,.7,.3,1); }
html.mxl :where([data-script-page="price-monitoring"]) [data-mxl]:not(.is-mxl), [data-script-page="price-monitoring"].mxl [data-mxl]:not(.is-mxl) { opacity: 0; transform: translateY(var(--mxl-y, 16px)); }
:where([data-script-page="price-monitoring"]) [data-mxl].is-mxl { opacity: 1; transform: none; }

/* ---- interaction polish: 150–250ms, movement kept under 6px ----------- */
:where([data-script-page="price-monitoring"]) .ws-rtab, :where([data-script-page="price-monitoring"]) .ws-wl-tab, :where([data-script-page="price-monitoring"]) .ws-flow-tabs label, :where([data-script-page="price-monitoring"]) .ws-preset, :where([data-script-page="price-monitoring"]) .sm-mark, :where([data-script-page="price-monitoring"]) .sm-srow, :where([data-script-page="price-monitoring"]) .sm-block, :where([data-script-page="price-monitoring"]) .sm-fail, :where([data-script-page="price-monitoring"]) .sm-mkt, :where([data-script-page="price-monitoring"]) .av2-slot, :where([data-script-page="price-monitoring"]) .lx-linkcard, :where([data-script-page="price-monitoring"]) .lx-copy, :where([data-script-page="price-monitoring"]) .lx-summary, :where([data-script-page="price-monitoring"]) .lx-plan {
  transition: color 180ms ease, background 180ms ease, border-color 180ms ease,
              box-shadow 220ms ease, transform 200ms cubic-bezier(.22,.7,.3,1);
}
:where([data-script-page="price-monitoring"]) .ws-rtab:hover, :where([data-script-page="price-monitoring"]) .ws-preset:hover, :where([data-script-page="price-monitoring"]) .sm-mark:hover { transform: translateY(-2px); }
:where([data-script-page="price-monitoring"]) .ws-wl-tab:hover, :where([data-script-page="price-monitoring"]) .ws-flow-tabs label:hover { transform: translateY(-2px); }
:where([data-script-page="price-monitoring"]) .ws-rtab[aria-selected="true"], :where([data-script-page="price-monitoring"]) .ws-wl-tab[aria-selected="true"] { box-shadow: 0 14px 30px -22px rgba(139,92,246,0.95); }
:where([data-script-page="price-monitoring"]) .sm-srow:hover, :where([data-script-page="price-monitoring"]) .sm-block:hover { transform: translateX(2px); border-color: rgba(168,85,247,0.34); }
:where([data-script-page="price-monitoring"]) .av2-slot:hover { transform: translateY(-2px); }
:where([data-script-page="price-monitoring"]) .lx-linkcard:hover, :where([data-script-page="price-monitoring"]) .sm-fail:hover, :where([data-script-page="price-monitoring"]) .lx-plan:hover { transform: translateY(-3px); }
:where([data-script-page="price-monitoring"]) .lx-summary:hover { color: var(--text-primary); }

:where([data-script-page="price-monitoring"]) .ws-rtab:active, :where([data-script-page="price-monitoring"]) .ws-wl-tab:active, :where([data-script-page="price-monitoring"]) .ws-preset:active, :where([data-script-page="price-monitoring"]) .sm-mark:active, :where([data-script-page="price-monitoring"]) .av2-slot:active, :where([data-script-page="price-monitoring"]) .lx-copy:active, :where([data-script-page="price-monitoring"]) .lx-linkcard:active { transform: translateY(0) scale(.99); }

:where([data-script-page="price-monitoring"]) .ws-rtab:focus-visible, :where([data-script-page="price-monitoring"]) .ws-wl-tab:focus-visible, :where([data-script-page="price-monitoring"]) .ws-preset:focus-visible, :where([data-script-page="price-monitoring"]) .sm-mark:focus-visible, :where([data-script-page="price-monitoring"]) .av2-slot:focus-visible, :where([data-script-page="price-monitoring"]) .lx-copy:focus-visible, :where([data-script-page="price-monitoring"]) .lx-summary:focus-visible, :where([data-script-page="price-monitoring"]) .lx-linkcard:focus-visible {
  outline: 2px solid rgba(196,181,253,0.95); outline-offset: 2px;
}

/* counted numbers hold their own width so nothing reflows while counting */
:where([data-script-page="price-monitoring"]) [data-mxl-count] { font-variant-numeric: tabular-nums; }

@media (prefers-reduced-motion: reduce) {
  :where([data-script-page="price-monitoring"]) [data-mxl] { transition: none; }
  html.mxl :where([data-script-page="price-monitoring"]) [data-mxl]:not(.is-mxl), [data-script-page="price-monitoring"].mxl [data-mxl]:not(.is-mxl) { opacity: 1; transform: none; }
  :where([data-script-page="price-monitoring"]) .ws-rtab, :where([data-script-page="price-monitoring"]) .ws-wl-tab, :where([data-script-page="price-monitoring"]) .ws-flow-tabs label, :where([data-script-page="price-monitoring"]) .ws-preset, :where([data-script-page="price-monitoring"]) .sm-mark, :where([data-script-page="price-monitoring"]) .sm-srow, :where([data-script-page="price-monitoring"]) .sm-block, :where([data-script-page="price-monitoring"]) .sm-fail, :where([data-script-page="price-monitoring"]) .sm-mkt, :where([data-script-page="price-monitoring"]) .av2-slot, :where([data-script-page="price-monitoring"]) .lx-linkcard, :where([data-script-page="price-monitoring"]) .lx-copy, :where([data-script-page="price-monitoring"]) .lx-summary, :where([data-script-page="price-monitoring"]) .lx-plan { transition: none; }
  :where([data-script-page="price-monitoring"]) .ws-rtab:hover, :where([data-script-page="price-monitoring"]) .ws-preset:hover, :where([data-script-page="price-monitoring"]) .sm-mark:hover, :where([data-script-page="price-monitoring"]) .ws-wl-tab:hover, :where([data-script-page="price-monitoring"]) .ws-flow-tabs label:hover, :where([data-script-page="price-monitoring"]) .sm-srow:hover, :where([data-script-page="price-monitoring"]) .sm-block:hover, :where([data-script-page="price-monitoring"]) .av2-slot:hover, :where([data-script-page="price-monitoring"]) .lx-linkcard:hover, :where([data-script-page="price-monitoring"]) .sm-fail:hover, :where([data-script-page="price-monitoring"]) .lx-plan:hover, :where([data-script-page="price-monitoring"]) .ws-rtab:active, :where([data-script-page="price-monitoring"]) .ws-wl-tab:active, :where([data-script-page="price-monitoring"]) .ws-preset:active, :where([data-script-page="price-monitoring"]) .sm-mark:active, :where([data-script-page="price-monitoring"]) .av2-slot:active, :where([data-script-page="price-monitoring"]) .lx-copy:active, :where([data-script-page="price-monitoring"]) .lx-linkcard:active { transform: none; }
}

/* =============================================================================
   hero-live — hero-only motion for the seo-monitoring, ad-verification and
   price-monitoring use-case pages. Scoped to .lx-phero: nothing below the hero
   is touched. Additive only (opacity / transform / colour), gated behind
   html.hlx which hero-live.js only adds when motion is allowed.
   ========================================================================== */

/* ---- entrance: one-shot staggered fade-up (movement <= 8px) ------------ */
:where([data-script-page="price-monitoring"]) .lx-phero [data-hlx] {
  transition: opacity 380ms cubic-bezier(.22,.7,.3,1), transform 380ms cubic-bezier(.22,.7,.3,1);
}
html.hlx :where([data-script-page="price-monitoring"]) .lx-phero [data-hlx]:not(.is-hlx), [data-script-page="price-monitoring"].hlx .lx-phero [data-hlx]:not(.is-hlx) { opacity: 0; transform: translateY(var(--hlx-y, 8px)); }
:where([data-script-page="price-monitoring"]) .lx-phero [data-hlx].is-hlx { opacity: 1; transform: none; }

/* ---- ambient cycle: row highlight ------------------------------------- */
:where([data-script-page="price-monitoring"]) .lx-phero .hlx-row {
  border-color: rgba(168,85,247,0.42) !important;
  box-shadow: 0 0 0 1px rgba(168,85,247,0.12) inset;
}
:where([data-script-page="price-monitoring"]) .lx-phero .av2-slot, :where([data-script-page="price-monitoring"]) .lx-phero .sm-srow, :where([data-script-page="price-monitoring"]) .lx-phero .pm-brow {
  transition: border-color 240ms ease, background 240ms ease, box-shadow 300ms ease,
              transform 260ms cubic-bezier(.22,.7,.3,1), opacity 320ms ease;
}

/* ---- ad verification: scan passing through the existing slot rows ----- */
:where([data-script-page="price-monitoring"]) .lx-phero .av2-slot.hlx-scan {
  border-color: rgba(196,181,253,0.5) !important;
  background: rgba(139,92,246,0.09);
  transform: translateX(3px);
}

/* ---- ad verification: a status badge resolving ------------------------ */
:where([data-script-page="price-monitoring"]) .lx-phero .hlx-resolve { animation: hlxResolve 520ms cubic-bezier(.22,.7,.3,1) both; }
@keyframes hlxResolve {
  0%   { opacity: .35; transform: translateY(-3px) scale(.96); }
  60%  { opacity: 1;   transform: none; }
  100% { opacity: 1;   transform: none; }
}

/* ---- seo: two rows trading one position ------------------------------- */
:where([data-script-page="price-monitoring"]) .lx-phero .sm-srow.hlx-move {
  transition: transform 620ms cubic-bezier(.3,.05,.2,1), border-color 240ms ease, background 240ms ease;
  position: relative;
  z-index: 2;
}

/* ---- seo: the current point on the existing visibility line ----------- */
:where([data-script-page="price-monitoring"]) .lx-phero .sm-trend { position: relative; }
:where([data-script-page="price-monitoring"]) .lx-phero .hlx-cpt {
  position: absolute;
  width: 7px; height: 7px; margin: -3.5px 0 0 -3.5px;
  border-radius: 50%;
  background: #d9f99d;
  box-shadow: 0 0 0 3px rgba(163,230,53,0.18);
  opacity: 0;
  pointer-events: none;
  transition: left 620ms cubic-bezier(.3,.05,.2,1), top 620ms cubic-bezier(.3,.05,.2,1),
              opacity 420ms ease, box-shadow 420ms ease;
}
:where([data-script-page="price-monitoring"]) .lx-phero .hlx-cpt.is-hlx { opacity: 1; }
:where([data-script-page="price-monitoring"]) .lx-phero .hlx-cpt.hlx-hot { box-shadow: 0 0 0 5px rgba(163,230,53,0.22); }

/* ---- selector polish inside the hero panels (no new controls) --------- */
:where([data-script-page="price-monitoring"]) .lx-phero .av2-sel select, :where([data-script-page="price-monitoring"]) .lx-phero .ws-field select, :where([data-script-page="price-monitoring"]) .lx-phero .ws-field input, :where([data-script-page="price-monitoring"]) .lx-phero .pm-field select {
  transition: border-color 180ms ease, background 180ms ease, color 180ms ease,
              box-shadow 220ms ease;
}
:where([data-script-page="price-monitoring"]) .lx-phero .av2-sel select:hover, :where([data-script-page="price-monitoring"]) .lx-phero .ws-field select:hover, :where([data-script-page="price-monitoring"]) .lx-phero .pm-field select:hover { border-color: rgba(196,181,253,0.42); }
:where([data-script-page="price-monitoring"]) .lx-phero .av2-sel select:focus-visible, :where([data-script-page="price-monitoring"]) .lx-phero .ws-field select:focus-visible, :where([data-script-page="price-monitoring"]) .lx-phero .ws-field input:focus-visible, :where([data-script-page="price-monitoring"]) .lx-phero .pm-field select:focus-visible {
  outline: 2px solid rgba(196,181,253,0.9); outline-offset: 2px;
  box-shadow: 0 10px 26px -20px rgba(139,92,246,0.95);
}
:where([data-script-page="price-monitoring"]) .lx-phero .av2-sel select:active, :where([data-script-page="price-monitoring"]) .lx-phero .ws-field select:active { transform: translateY(1px); }

@media (prefers-reduced-motion: reduce) {
  :where([data-script-page="price-monitoring"]) .lx-phero [data-hlx],
  :where([data-script-page="price-monitoring"]) .lx-phero .av2-slot,
  :where([data-script-page="price-monitoring"]) .lx-phero .sm-srow,
  :where([data-script-page="price-monitoring"]) .lx-phero .pm-brow,
  :where([data-script-page="price-monitoring"]) .lx-phero .sm-srow.hlx-move,
  :where([data-script-page="price-monitoring"]) .lx-phero .hlx-cpt,
  :where([data-script-page="price-monitoring"]) .lx-phero .av2-sel select,
  :where([data-script-page="price-monitoring"]) .lx-phero .ws-field select,
  :where([data-script-page="price-monitoring"]) .lx-phero .ws-field input,
  :where([data-script-page="price-monitoring"]) .lx-phero .pm-field select { transition: none; }
  html.hlx :where([data-script-page="price-monitoring"]) .lx-phero [data-hlx]:not(.is-hlx), [data-script-page="price-monitoring"].hlx .lx-phero [data-hlx]:not(.is-hlx) { opacity: 1; transform: none; }
  :where([data-script-page="price-monitoring"]) .lx-phero .hlx-resolve { animation: none; }
  :where([data-script-page="price-monitoring"]) .lx-phero .hlx-cpt { display: none; }
  :where([data-script-page="price-monitoring"]) .lx-phero .av2-slot.hlx-scan { transform: none; }
  :where([data-script-page="price-monitoring"]) .lx-phero .av2-sel select:active, :where([data-script-page="price-monitoring"]) .lx-phero .ws-field select:active { transform: none; }
}


/* mobile sticky CTA: no motion on hover/press */
:where([data-script-page="price-monitoring"]) .sm-sticky .lx-btn,
:where([data-script-page="price-monitoring"]) .sm-sticky .lx-btn:hover,
:where([data-script-page="price-monitoring"]) .sm-sticky .lx-btn:active,
:where([data-script-page="price-monitoring"]) .sm-sticky .lx-btn:focus,
:where([data-script-page="price-monitoring"]) .sm-sticky .lx-btn:focus-visible,
html.pmx :where([data-script-page="price-monitoring"]) .sm-sticky .lx-btn,
[data-script-page="price-monitoring"].pmx .sm-sticky .lx-btn,
html.pmx :where([data-script-page="price-monitoring"]) .sm-sticky .lx-btn:hover,
[data-script-page="price-monitoring"].pmx .sm-sticky .lx-btn:hover,
html.pmx :where([data-script-page="price-monitoring"]) .sm-sticky .lx-btn:active,
[data-script-page="price-monitoring"].pmx .sm-sticky .lx-btn:active {
  transform: none !important;
  transition: none !important;
  animation: none !important;
  will-change: auto !important;
  translate: none !important;
  scale: none !important;
  rotate: none !important;
}
:where([data-script-page="price-monitoring"]) .sm-sticky .lx-btn:focus-visible { outline: 2px solid #c4b5fd; outline-offset: 2px; }

html[data-lx-scrollbar] { background-color: #05050a; }
html[data-lx-scrollbar="light"] { background-color: #f7f8fc; }
html[data-lx-scrollbar]::-webkit-scrollbar { width: 10px; height: 10px; }
html[data-lx-scrollbar]::-webkit-scrollbar-track { background: #05050a; }
html[data-lx-scrollbar]::-webkit-scrollbar-thumb { background: #1a1a26; border-radius: 6px; }
html[data-lx-scrollbar]::-webkit-scrollbar-thumb:hover { background: #3a3350; }
html[data-lx-scrollbar="light"]::-webkit-scrollbar-track { background: #eceef6; }
html[data-lx-scrollbar="light"]::-webkit-scrollbar-thumb { background: #c7cbdd; }
html[data-lx-scrollbar="light"]::-webkit-scrollbar-thumb:hover { background: #aab0c8; }