/* /marketplace-advertising/ : decision scene, ownership, Saddl OS connections, per-channel plays, history, FAQ.
   Paper #f5f3ed, Ink #28332d, Forest #26352e, Terracotta #bc452f (action / next decision), Peach #e7b494 on Forest. */
.adv :where(h1,h2,h3,p,figure,dl,dd,ul,ol) { margin: 0; }
.adv .adv-lead { font-size: 17px; line-height: 1.6; color: #536457; max-width: 60ch; margin-top: 16px; }
.adv h2 { font-size: clamp(32px, 4vw, 52px); line-height: 1.04; max-width: 20ch; text-wrap: balance; }
.adv h3 { font-size: 26px; line-height: 1.12; }
.adv :focus-visible { outline: 3px solid #bc452f; outline-offset: 3px; }
.adv .adv-os :focus-visible, .adv .adv-close :focus-visible { outline-color: #e7b494; }

/* ---------- hero ---------- */
.adv .adv-hero { display: grid; gap: 30px; padding-block: 34px 44px; }
.adv .adv-hero h1 { font-size: clamp(42px, 11.5vw, 68px); line-height: .98; max-width: 20ch; text-wrap: balance; }
.adv.batch-two h1 em { display: block; }
.adv .adv-hero .lead { margin-top: 20px; }
.adv .adv-jump { display: inline-flex; align-items: center; min-height: 44px; }
.adv .adv-offerline { margin-top: 16px; max-width: 52ch; font-size: 15px; color: #536457; }
.adv .adv-scene-head { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; margin-bottom: 10px; }
.adv .adv-scene-head b { font: 600 22px/1.1 SaddlDisplay, Arial, sans-serif; color: #26352e; }
.adv .adv-scene-head span { font-size: 13px; color: #536457; }
.adv .adv-frame { border: 1px solid #c9c9bd; border-radius: 6px; background: #fbfaf6; overflow: hidden; }
.adv .adv-bar { display: flex; justify-content: space-between; align-items: center; padding: 12px 16px; border-bottom: 1px solid #ddd9cd; font-size: 13px; color: #536457; }
.adv .adv-brand { font: 600 22px/1 SaddlDisplay, Arial, sans-serif; color: #26352e; letter-spacing: -.01em; }
.adv .adv-brand span { font-weight: 500; }
.adv .adv-term { display: grid; grid-template-columns: 48px minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 16px 16px 6px; }
.adv .adv-thumb { width: 48px; height: 48px; border-radius: 4px; overflow: hidden; background: #e5e0d5; display: block; }
.adv .adv-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.adv .adv-term small { display: block; font-size: 13px; color: #536457; }
.adv .adv-term strong { display: block; font-size: 17px; font-weight: 600; margin-top: 2px; }
.adv .adv-nums { display: flex; gap: 16px; }
.adv .adv-nums dt { font-size: 12px; color: #536457; }
.adv .adv-nums dd { font: 600 24px/1.1 SaddlDisplay, Arial, sans-serif; }
.adv .adv-says { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; padding: 10px 16px 14px; font-size: 14px; color: #536457; }
.adv .adv-says b { font-size: 16px; color: #28332d; text-decoration-color: #bc452f; text-decoration-thickness: 2px; }
.adv .adv-says.is-struck b { text-decoration-line: line-through; color: #536457; font-weight: 500; }
.adv .adv-chips { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; padding: 0 16px; }
.adv .adv-chip { min-height: 44px; padding: 8px 12px; border: 1px solid #c9c9bd; border-radius: 6px; background: transparent; color: #28332d; font: 600 15px/1.2 SaddlBody, Arial, sans-serif; cursor: pointer; transition: border-color .2s, background-color .2s; }
.adv .adv-chip:hover { border-color: #819582; }
.adv .adv-chip[aria-selected="true"] { background: #e4eadc; border-color: #26352e; box-shadow: inset 0 0 0 1px #26352e; }
.adv .adv-read { display: grid; gap: 6px; margin: 14px 16px 16px; padding: 16px; border-radius: 4px; background: #f0eee6; min-height: 176px; align-content: start; }
.adv .adv-signal { font-size: 14px; color: #536457; }
.adv .adv-rec { font: 600 clamp(26px, 6.5vw, 32px)/1.08 SaddlDisplay, Arial, sans-serif; color: #26352e; }
.adv .adv-why { font-size: 15px; line-height: 1.55; color: #28332d; max-width: 52ch; }
.adv .adv-tag { margin-top: 4px; font-size: 13px; font-weight: 600; color: #9f3624; }
.adv .adv-static { display: none; list-style: none; padding: 0; margin-top: 16px; }
html:not(.adv-js) .adv-static { display: block; }
html:not(.adv-js) :is(.adv-chips,
.adv .adv-read,
.adv .adv-says) { display: none; }
.adv .adv-static li { padding: 10px 0; border-top: 1px solid #c9c9bd; }

/* ---------- scope ---------- */
.adv .adv-scope, .adv .adv-channels, .adv .adv-report, .adv .adv-engage, .adv .adv-faq { padding-block: 44px; }
.adv .adv-own { display: grid; gap: 28px; margin-top: 28px; }
.adv .adv-owns > div { display: grid; gap: 6px; padding: 18px 0; border-top: 1px solid #c9c9bd; }
.adv .adv-owns > div:last-child { border-bottom: 1px solid #c9c9bd; }
.adv .adv-owns dt { font: 600 26px/1.1 SaddlDisplay, Arial, sans-serif; color: #26352e; }
.adv .adv-owns dd { color: #536457; max-width: 54ch; }
.adv .adv-keep { padding: 22px; border-radius: 4px; background: #e4eadc; align-self: start; }
.adv .adv-keep h3 { margin-bottom: 10px; }
.adv .adv-keep ul { padding-left: 20px; }
.adv .adv-keep li { padding: 3px 0; }
.adv .adv-keep p { margin-top: 14px; font-size: 14px; color: #536457; }

/* ---------- inside Saddl OS (Forest band) ---------- */
.adv .adv-os { background: #26352e; color: #f5f3ed; padding: 52px 0 56px; }
.adv .adv-os .eyebrow { color: #d4dfd5; }
.adv .adv-os .eyebrow::before { background: #e7b494; }
.adv .adv-os h2 { color: #f5f3ed; }
.adv .adv-os .adv-lead { color: #d4dfd5; }
.adv .adv-hub { display: grid; gap: 24px; margin-top: 32px; }
.adv .adv-graph { position: relative; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-auto-rows: 1fr; gap: 0; min-height: 300px; }
.adv .adv-wires { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 0; }
.adv .adv-wires path { fill: none; stroke: #536457; stroke-width: 2; vector-effect: non-scaling-stroke; transition: stroke .3s; }
.adv .adv-wires path.is-on { stroke: #e7b494; stroke-dasharray: 6 6; animation: adv-flow 1.1s linear infinite; }
@keyframes adv-flow { to { stroke-dashoffset: -12; } }
.adv .adv-node, .adv .adv-core { position: relative; z-index: 1; display: grid; align-content: center; gap: 2px; padding: 10px; border-radius: 6px; text-align: left; margin: 10px; }
.adv .adv-node { background: #2f4137; border: 1px solid #536457; color: #f5f3ed; cursor: pointer; font-family: SaddlBody, Arial, sans-serif; transition: border-color .2s, background-color .2s; }
.adv .adv-node b { font: 600 22px/1.05 SaddlDisplay, Arial, sans-serif; }
.adv .adv-node span { font-size: 13px; color: #d4dfd5; line-height: 1.3; }
.adv .adv-node:hover { border-color: #819582; }
.adv .adv-node[aria-selected="true"] { border-color: #e7b494; background: #384c40; box-shadow: inset 0 0 0 1px #e7b494; }
.adv .n-stock { grid-area: 1 / 1; } .adv .n-money { grid-area: 1 / 3; } .adv .n-price { grid-area: 3 / 1; } .adv .n-listings { grid-area: 3 / 3; }
.adv .adv-core { grid-area: 2 / 1 / 3 / 4; justify-self: center; align-self: center; width: min(62%, 260px); background: #e7b494; color: #26352e; text-align: center; margin: 0; padding: 14px 12px; }
.adv .adv-core b { font: 600 24px/1.05 SaddlDisplay, Arial, sans-serif; }
.adv .adv-core span { font-size: 13px; font-weight: 600; }
.adv .adv-d { display: grid; gap: 10px; }
.adv .adv-d h3 { color: #f5f3ed; font-size: 30px; }
.adv .adv-d p { color: #d4dfd5; max-width: 54ch; }
.adv .adv-d b { display: inline-block; min-width: 68px; color: #e7b494; font-weight: 600; }
.adv .adv-d-tag { font-size: 13px; font-weight: 600; color: #e7b494; }
.adv .adv-d-links { display: flex; flex-wrap: wrap; gap: 4px 22px; margin-top: 4px; }
.adv .adv-os a { color: #f5f3ed; }
.adv .adv-d-links a { display: inline-flex; align-items: center; min-height: 44px; }
html:not(.adv-js) .adv-graph { display: none; }
html:not(.adv-js) .adv-d + .adv-d { margin-top: 28px; padding-top: 24px; border-top: 1px solid #536457; }
.adv .adv-levels { list-style: none; padding: 0; margin-top: 36px; display: grid; gap: 0; border-top: 1px solid #536457; }
.adv .adv-levels li { display: grid; gap: 2px; padding: 16px 0; border-bottom: 1px solid #536457; }
.adv .adv-levels b { font: 600 24px/1.1 SaddlDisplay, Arial, sans-serif; color: #f5f3ed; }
.adv .adv-levels span { color: #d4dfd5; }
.adv .adv-os-foot { margin-top: 16px; color: #d4dfd5; font-size: 15px; }

/* ---------- channels ---------- */
.adv .adv-tabs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-top: 26px; }
.adv .adv-tab { display: flex; align-items: center; justify-content: center; gap: 10px; min-height: 52px; padding: 8px 10px; border: 1px solid #c9c9bd; border-radius: 6px; background: transparent; color: #28332d; font: 600 15px/1.15 SaddlBody, Arial, sans-serif; cursor: pointer; transition: border-color .2s, background-color .2s; }
.adv .adv-tab img { height: 24px; width: auto; max-width: 44px; object-fit: contain; flex: none; }
.adv .adv-tab:hover { border-color: #819582; }
.adv .adv-tab[aria-selected="true"] { background: #e4eadc; border-color: #26352e; box-shadow: inset 0 0 0 1px #26352e; }
.adv .adv-panels { margin-top: 20px; }
.adv .adv-ch { display: grid; gap: 24px; padding: 24px 0; border-top: 1px solid #c9c9bd; }
.adv .adv-ch h3 { font-size: clamp(26px, 5.4vw, 34px); max-width: 34ch; text-wrap: balance; }
.adv .adv-ch dl { display: grid; gap: 0; margin-top: 16px; }
.adv .adv-ch dl > div { display: grid; gap: 2px; padding: 12px 0; border-top: 1px solid #ddd9cd; }
.adv .adv-ch dt { font-size: 13px; font-weight: 600; color: #9f3624; }
.adv .adv-ch dd { color: #28332d; max-width: 56ch; }
.adv .adv-ch-links { margin-top: 8px; }
.adv .adv-ch-links a, .adv .adv-res-note a, .adv .adv-eng-foot a { display: inline-flex; align-items: center; min-height: 44px; }
.adv .adv-res { list-style: none; padding: 0; display: grid; gap: 0; align-content: start; }
.adv .adv-res li { display: grid; grid-template-columns: 118px minmax(0, 1fr); align-items: center; gap: 0 14px; padding: 14px 0; border-top: 1px solid #ddd9cd; }
.adv .adv-res li:first-child { border-top: 0; padding-top: 0; }
.adv .adv-res b { font: 600 38px/1 SaddlDisplay, Arial, sans-serif; color: #26352e; white-space: nowrap; }
.adv .adv-res span { color: #536457; font-size: 15px; }
.adv .adv-res-note { margin-top: 4px; font-size: 14px; color: #536457; }
html:not(.adv-js) .adv-tabs { display: none; }
html.adv-js .adv-ch[hidden] { display: none; }

/* ---------- report ---------- */
.adv .adv-report { display: grid; gap: 28px; }
.adv .adv-rlist { list-style: none; padding: 0; margin-top: 20px; }
.adv .adv-rlist li { display: grid; gap: 2px; padding: 14px 0; border-top: 1px solid #c9c9bd; }
.adv .adv-rlist b { font: 600 24px/1.1 SaddlDisplay, Arial, sans-serif; color: #26352e; }
.adv .adv-rlist span { color: #536457; max-width: 52ch; }
.adv .adv-defs { margin-top: 18px; border-top: 1px solid #c9c9bd; padding-top: 6px; }
.adv .adv-defs summary { min-height: 44px; display: flex; align-items: center; cursor: pointer; font-weight: 600; }
.adv .adv-defs dl > div { padding: 6px 0; display: flex; gap: 12px; }
.adv .adv-defs dt { min-width: 52px; font-weight: 600; }
.adv .adv-defs dd, .adv .adv-defs p { color: #536457; }
.adv .adv-defs p { margin-top: 8px; font-size: 14px; }
.adv .adv-ledger { border: 1px solid #c9c9bd; border-radius: 6px; background: #fbfaf6; overflow: hidden; align-self: start; }
.adv .adv-ledger figcaption { display: flex; justify-content: space-between; padding: 12px 16px; border-bottom: 1px solid #ddd9cd; font-size: 13px; color: #536457; }
.adv .adv-ledger figcaption b { font: 600 20px/1 SaddlDisplay, Arial, sans-serif; color: #26352e; }
.adv .adv-ledger table { width: 100%; border-collapse: collapse; }
.adv .adv-ledger thead { position: absolute; left: -9999px; }
.adv .adv-ledger tr { display: grid; gap: 2px; padding: 14px 16px; border-top: 1px solid #ddd9cd; }
.adv .adv-ledger tr:first-child { border-top: 0; }
.adv .adv-ledger td { display: block; font-size: 15px; }
.adv .adv-ledger td:first-child { font-weight: 600; }
.adv .adv-ledger td[data-l="Checked against"] { color: #536457; }
.adv .adv-ledger td:last-child { display: flex; align-items: center; gap: 8px; font-size: 14px; }
.adv .adv-ledger i { width: 9px; height: 9px; border-radius: 50%; flex: none; }
.adv .st-ok { background: #26352e; } .adv .st-done { background: #819582; } .adv .st-wait { background: #bc452f; box-shadow: 0 0 0 4px rgba(188, 69, 47, .16); }

/* ---------- engagement ---------- */
.adv .adv-eng { display: grid; gap: 0; margin-top: 24px; border-top: 1px solid #26352e; }
.adv .adv-eng > article { padding: 22px 0; border-bottom: 1px solid #c9c9bd; }
.adv .adv-eng-tag { font-size: 13px; font-weight: 600; color: #9f3624; margin-bottom: 6px; }
.adv .adv-eng h3 { margin-bottom: 8px; }
.adv .adv-eng p { color: #536457; max-width: 52ch; }
.adv .adv-eng ul { margin-top: 12px; padding-left: 20px; }
.adv .adv-eng li { padding: 2px 0; }
.adv .adv-eng .textlink { display: inline-flex; align-items: center; min-height: 44px; margin-top: 10px; }
.adv .adv-eng-foot { margin-top: 10px; color: #536457; }

/* ---------- FAQ ---------- */
.adv .adv-faq-list { margin-top: 24px; border-top: 1px solid #c9c9bd; max-width: 860px; }
.adv .adv-faq-list details { border-bottom: 1px solid #c9c9bd; }
.adv .adv-faq-list summary { display: flex; align-items: center; min-height: 56px; padding: 8px 0; cursor: pointer; font: 600 20px/1.25 SaddlDisplay, Arial, sans-serif; }
.adv .adv-faq-list details p { padding: 0 0 18px; color: #536457; max-width: 66ch; }

/* ---------- close ---------- */
.adv .adv-close { background: #26352e; color: #f5f3ed; padding: 52px 0 58px; }
.adv .adv-close h2 { color: #f5f3ed; max-width: 18ch; }
.adv .adv-engage h2, .adv .adv-scope h2, .adv .adv-channels h2 { max-width: 26ch; }
.adv .adv-close p { margin-top: 14px; color: #d4dfd5; max-width: 52ch; }
.adv .adv-close .actions { margin-top: 22px; }

/* ---------- Optimizer (recreated in Saddl style; same recommendations on every platform, execution differs) ---------- */
.adv .adv-opt { background: #e5e0d5; padding: 48px 0 56px; }
.adv .adv-opt-frame { margin-top: 28px; border: 1px solid #c9c9bd; border-radius: 6px; background: #fbfaf6; overflow: hidden; }
.adv .adv-opt-bar { display: flex; align-items: center; gap: 14px; padding: 12px 16px; border-bottom: 1px solid #ddd9cd; font-size: 13px; color: #536457; }
.adv .adv-sample { margin-left: auto; }
.adv .adv-opt-controls { display: grid; gap: 12px; padding: 14px 16px; border-bottom: 1px solid #ddd9cd; }
.adv .adv-plat { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.adv .adv-ptab { min-height: 44px; padding: 8px 10px; border: 1px solid #c9c9bd; border-radius: 6px; background: transparent; color: #28332d; font: 600 15px/1.2 SaddlBody, Arial, sans-serif; cursor: pointer; transition: border-color .2s, background-color .2s; }
.adv .adv-ptab:hover { border-color: #819582; }
.adv .adv-ptab[aria-selected="true"] { background: #e4eadc; border-color: #26352e; box-shadow: inset 0 0 0 1px #26352e; }
.adv .adv-strat { display: flex; align-items: center; gap: 10px; font-size: 13px; color: #536457; }
.adv .adv-strat b { padding: 5px 14px; border: 1px solid #26352e; border-radius: 999px; font-size: 14px; color: #26352e; }
.adv .adv-opt-kpis { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; border-bottom: 1px solid #ddd9cd; }
.adv .adv-opt-kpis li { padding: 14px 16px; display: grid; gap: 2px; border-top: 1px solid #ddd9cd; }
.adv .adv-opt-kpis li:nth-child(-n+2) { border-top: 0; }
.adv .adv-opt-kpis li:nth-child(even) { border-left: 1px solid #ddd9cd; }
.adv .adv-opt-kpis b { font: 600 30px/1.05 SaddlDisplay, Arial, sans-serif; color: #26352e; }
.adv .adv-opt-kpis span { font-size: 13px; color: #536457; }
.adv .adv-opt-types { display: flex; flex-wrap: wrap; gap: 8px; padding: 14px 16px 6px; }
.adv .adv-opt-types span { padding: 4px 12px; border: 1px solid #c9c9bd; border-radius: 999px; font-size: 13px; color: #536457; }
.adv .adv-rows { list-style: none; padding: 0 0 6px; }
.adv .adv-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "type do" "what what" "impact conf"; gap: 4px 12px; padding: 14px 16px; border-top: 1px solid #ddd9cd; align-items: center; }
.adv .adv-row:first-child { border-top: 0; }
.adv .a-type { grid-area: type; font: 600 22px/1.1 SaddlDisplay, Arial, sans-serif; color: #26352e; }
.adv .a-what { grid-area: what; display: grid; gap: 2px; }
.adv .a-what b { font-size: 16px; }
.adv .a-what small { font-size: 14px; color: #536457; line-height: 1.45; }
.adv .a-impact { grid-area: impact; font-size: 14px; font-weight: 600; color: #26352e; font-variant-numeric: tabular-nums; }
.adv .a-conf { grid-area: conf; justify-self: end; font-size: 14px; color: #28332d; }
.adv .a-conf i { font-style: normal; color: #536457; margin-right: 6px; }
.adv .a-do { grid-area: do; justify-self: end; }
.adv .a-do em { white-space: nowrap; display: inline-block; padding: 4px 12px; border-radius: 999px; font-style: normal; font-size: 13px; font-weight: 600; }
.adv .do-a { background: #e4eadc; border: 1px solid #819582; color: #26352e; }
.adv .do-n { background: transparent; border: 1px dashed #819582; color: #536457; }
.adv .adv-row.is-hold { background: #f6ece4; }
.adv .adv-row.is-hold .a-do em { background: transparent; border: 1px solid #bc452f; color: #9f3624; }
.adv .adv-opt-frame[data-p="amazon"] .do-n, .adv .adv-opt-frame:not([data-p="amazon"]) .do-a { display: none; }
.adv .adv-row.is-hold .do-a, .adv .adv-row.is-hold .do-n { display: inline-block !important; }
.adv .adv-row.is-hold .do-n { display: none !important; }
.adv .adv-opt-frame:not([data-p="amazon"]) .adv-row.is-hold .do-a { display: none !important; }
.adv .adv-opt-frame:not([data-p="amazon"]) .adv-row.is-hold .do-n { display: inline-block !important; }
.adv .adv-decide { display: grid; gap: 8px; padding: 14px 16px; border-top: 1px solid #ddd9cd; background: #f0eee6; }
.adv .adv-decide b { font-size: 13px; color: #9f3624; }
.adv .adv-decide p { color: #28332d; max-width: 70ch; }
.adv .adv-decide-do { display: flex; gap: 8px; }
.adv .adv-decide-do i { font-style: normal; padding: 6px 14px; border: 1px solid #26352e; border-radius: 6px; font-size: 14px; font-weight: 600; }
.adv .adv-decide-do i:first-child { background: #26352e; color: #f5f3ed; }
.adv .adv-exec { display: grid; gap: 10px; padding: 16px; border-top: 1px solid #c9c9bd; align-items: center; }
.adv .adv-exec p { color: #28332d; max-width: 72ch; }
.adv .adv-exec b { color: #26352e; }
.adv .adv-chipnote { justify-self: start; padding: 6px 14px; border-radius: 6px; font-size: 14px; font-weight: 600; }
.adv .ex-amazon { background: #e4eadc; } .adv .ex-amazon .adv-chipnote { background: #26352e; color: #f5f3ed; }
.adv .ex-noon { background: #f6ece4; } .adv .ex-noon .adv-chipnote { border: 1px solid #bc452f; color: #9f3624; }
.adv .adv-opt-frame[data-p="amazon"] .ex-noon, .adv .adv-opt-frame:not([data-p="amazon"]) .ex-amazon { display: none; }
html:not(.adv-js) .adv-exec { display: grid !important; }
html:not(.adv-js) .adv-plat { display: none; }
.adv .adv-opt-points { list-style: none; padding: 0; margin-top: 28px; display: grid; gap: 0; border-top: 1px solid #26352e; }
.adv .adv-opt-points li { display: grid; gap: 4px; padding: 16px 0; border-bottom: 1px solid #c9c9bd; }
.adv .adv-opt-points b { font: 600 24px/1.1 SaddlDisplay, Arial, sans-serif; color: #26352e; }
.adv .adv-opt-points span { color: #536457; max-width: 46ch; }
.adv .adv-opt-foot a { display: inline-flex; align-items: center; min-height: 44px; margin-top: 8px; }
.adv .adv-d[hidden] { display: none; }
.adv .adv-d-reads, .adv .adv-d-does { display: grid; grid-template-columns: 76px minmax(0, 1fr); gap: 0 10px; }
.adv .adv-d-reads b, .adv .adv-d-does b { min-width: 0; }
@media (min-width: 800px) {
  .adv .adv-opt-kpis { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .adv .adv-opt-kpis li { border-top: 0; border-left: 1px solid #ddd9cd; }
  .adv .adv-opt-kpis li:first-child { border-left: 0; }
  .adv .adv-opt-controls { grid-template-columns: minmax(0, 420px) auto; justify-content: space-between; align-items: center; }
  .adv .adv-row { grid-template-columns: 138px minmax(0, 1fr) 130px 120px 104px; grid-template-areas: "type what impact conf do"; gap: 0 16px; }
  .adv .a-conf { justify-self: start; }
  .adv .a-conf i { display: block; font-size: 12px; margin: 0; }
  .adv .adv-decide { grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 16px; }
  .adv .adv-exec { grid-template-columns: minmax(0, 1fr) auto; gap: 24px; }
  .adv .adv-opt-points { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 32px; border-top: 0; }
  .adv .adv-opt-points li { border-bottom: 0; border-top: 1px solid #26352e; padding-top: 14px; }
}
@media (min-width: 900px) { .adv .adv-opt { padding: 72px 0 80px; } }
@media (max-width: 420px) { .adv .adv-ptab { font-size: 13px; padding: 6px; } }

/* ---------- widths ---------- */
@media (min-width: 560px) { .adv .adv-chips { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (min-width: 900px) {
  .adv .adv-scope, .adv .adv-channels, .adv .adv-report, .adv .adv-engage, .adv .adv-faq { padding-block: 72px; }
  .adv .adv-own { grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr); gap: 56px; }
  .adv .adv-owns > div { grid-template-columns: minmax(0, 260px) minmax(0, 1fr); gap: 24px; align-items: baseline; }
  .adv .adv-ch { grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: 56px; padding-block: 32px; }
  .adv .adv-res { padding-top: 6px; }
  .adv .adv-report { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 56px; align-items: start; }
  .adv .adv-ledger tr { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1.2fr) minmax(0, 1fr); gap: 16px; align-items: center; }
  .adv .adv-ledger thead { position: static; }
  .adv .adv-ledger thead tr { border-bottom: 1px solid #ddd9cd; }
  .adv .adv-ledger th { font-size: 12px; font-weight: 600; text-align: left; color: #536457; }
  .adv .adv-eng { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 56px; }
  .adv .adv-levels { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 32px; border-top: 0; }
  .adv .adv-levels li { border-top: 1px solid #536457; border-bottom: 0; padding-top: 14px; }
}
@media (min-width: 1000px) {
  .adv .adv-hero { grid-template-columns: minmax(0, 1fr) minmax(0, 540px); gap: 56px; align-items: center; padding-block: 56px 64px; }
  .adv .adv-hub { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 48px; align-items: start; }
  .adv .adv-graph { min-height: 340px; }
  .adv .adv-os { padding: 76px 0 80px; }
  .adv .adv-close { padding: 72px 0 80px; }
}
@media (max-width: 420px) { .adv .adv-node b { font-size: 20px; } .adv .adv-node span { font-size: 12px; } .adv .adv-node { margin: 6px; padding: 8px; } .adv .adv-tab { flex-direction: column; gap: 4px; min-height: 64px; font-size: 14px; } }
@media (prefers-reduced-motion: reduce) { .adv .adv-wires path.is-on { animation: none; } .adv .adv-chip, .adv .adv-node, .adv .adv-tab { transition: none; } }
@media (max-width: 340px) { .adv .adv-node b { font-size: 17px; } .adv .adv-node span { font-size: 12px; overflow-wrap: anywhere; } .adv .adv-node { margin: 4px; padding: 6px; } }