/* WEBSITE TRAFFIC — the dashboard tab, its side panels, Goals and Tracking.
   Module: /ui/dash-traffic.js. Canvas: "Website traffic — premium redesign",
   owner-approved 2026-09-24.

   The tab speaks the Overview's language: its tokens (--ov-*, shared from
   rl-overview.css) and its parts (.ov-card, .ov-pill, .ov-btn, .ov-sechd).
   The panels live in the overlay root, outside the dashboard, so they use the
   app's own tokens (--rl-*). */

/* ── the tab ──────────────────────────────────────────────────────────── */
#page-dashboard .wt{display:flex;flex-direction:column;gap:30px;padding:4px 0 48px;color:var(--ov-ink)}
#page-dashboard .wt button{font-family:inherit;cursor:pointer}
#page-dashboard .wt b{font-variant-numeric:tabular-nums}
#page-dashboard .wt .sp{flex:1}
#page-dashboard .wt-muted{font-size:12.5px;font-weight:600;color:var(--ov-cap)}
#page-dashboard .wt-fig{font-family:var(--ov-serif);font-weight:500;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--ov-ink)}
#page-dashboard .wt-fig.is-22{font-size:22px}
#page-dashboard .wt-fig.is-26{font-size:26px}
#page-dashboard .wt-fig.is-30{font-size:30px}
#page-dashboard .wt-fig.is-36{font-size:36px}
#page-dashboard .wt-fig.is-muted,#page-dashboard .wt .is-muted{color:var(--ov-faint)}
#page-dashboard .wt .is-good{color:var(--ov-okt)}
#page-dashboard .wt .is-acc{color:#b93520}
#page-dashboard .wt .is-faint{color:var(--ov-faint)}
#page-dashboard .wt .is-strong{font-weight:800}
#page-dashboard .wt .is-warn{color:var(--ov-wat);font-weight:800}
#page-dashboard .wt-path{font-family:"DM Mono",ui-monospace,monospace;font-size:12.5px;color:var(--ov-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
#page-dashboard .wt-live{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;color:var(--ov-okt)}
#page-dashboard .wt-live i{width:7px;height:7px;border-radius:50%;background:var(--ov-ok);animation:wtPulse 2s infinite}
@keyframes wtPulse{0%{box-shadow:0 0 0 0 rgba(14,159,110,.45)}70%{box-shadow:0 0 0 7px rgba(14,159,110,0)}100%{box-shadow:0 0 0 0 rgba(14,159,110,0)}}
#page-dashboard .wt-tile{flex:none;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;color:var(--ov-ink2);background:var(--ov-s3)}
#page-dashboard .wt-tile.is-sm{width:32px;height:32px;border-radius:10px}
#page-dashboard .wt-tile.is-act{color:#b93520;background:#fff1ed}
#page-dashboard .wt-tile.is-good{color:var(--ov-okt);background:var(--ov-oks)}
#page-dashboard .wt-tile.is-watch{color:var(--ov-wat);background:var(--ov-was)}
#page-dashboard .wt-tile.is-info{color:#1d4ed8;background:#eef3ff}
#page-dashboard .wt-tile.is-purple{color:#5b2fc2;background:#f3efff}
#page-dashboard .wt-tile.is-calm{color:var(--ov-ink2);background:var(--ov-s3)}
#page-dashboard .wt-tile.is-white{color:#b93520;background:#fff}
#page-dashboard .wt-chip{display:inline-flex;align-items:center;height:24px;padding:0 9px;border-radius:8px;background:var(--ov-s2);box-shadow:inset 0 0 0 1px var(--ov-line);font-size:11.5px;font-weight:700;color:var(--ov-ink2);white-space:nowrap}
#page-dashboard .wt-av{flex:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:800;color:#b93520;background:#fff1ed}
#page-dashboard .wt-av.is-ok{color:var(--ov-okt);background:var(--ov-oks)}
#page-dashboard .wt-av.is-anon{color:var(--ov-faint);background:var(--ov-s2);box-shadow:inset 0 0 0 1px var(--ov-line2)}
#page-dashboard .wt-icon{display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:9px;background:none;color:var(--ov-faint)}
#page-dashboard .wt-icon:hover{background:var(--ov-s2);color:var(--ov-ink)}
#page-dashboard .wt-note{margin:0;font-size:12px;line-height:1.5;color:var(--ov-cap)}
#page-dashboard .wt-note.is-top{padding-top:12px;border-top:1px solid var(--ov-line);font-size:12.5px;color:var(--ov-ink2)}
#page-dashboard .wt-foot{margin:0;font-size:12px;line-height:1.5;color:var(--ov-cap)}
#page-dashboard .wt-callout{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:14px;background:var(--ov-s2);font-size:12.5px;line-height:1.5;color:var(--ov-ink2)}
#page-dashboard .wt-callout > svg{flex:none;margin-top:1px}
#page-dashboard .wt-callout b{color:var(--ov-ink)}
#page-dashboard .wt-callout.is-ok{color:#0b5d40;background:var(--ov-oks)}
#page-dashboard .wt-callout.is-ok > svg{color:var(--ov-okt)}
#page-dashboard .wt-hint{display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:12px;background:var(--ov-s2);font-size:12.5px;color:var(--ov-ink2)}
#page-dashboard .wt-hint > svg{flex:none;color:var(--ov-faint)}
#page-dashboard .wt-hint code{font-family:"DM Mono",ui-monospace,monospace;font-size:12px}
#page-dashboard .wt-warn{display:flex;align-items:center;gap:10px;margin-top:-14px;padding:10px 14px;border-radius:12px;background:var(--ov-was);box-shadow:inset 0 0 0 1px var(--ov-wal);font-size:12.5px;color:var(--ov-ink2)}
#page-dashboard .wt-warn > svg{flex:none;color:var(--ov-wat)}
#page-dashboard .wt-warn span{flex:1}

/* the story in one line */
#page-dashboard .wt-head{display:flex;align-items:flex-end;gap:28px}
#page-dashboard .wt-head .t{flex:1;min-width:0;display:flex;flex-direction:column;gap:10px}
#page-dashboard .wt-eyebrow{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px}
#page-dashboard .wt-eyebrow .eb{font-family:"DM Mono",ui-monospace,monospace;font-size:10.5px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--ov-faint)}
#page-dashboard .wt-head h1{margin:0;font-family:var(--ov-serif);font-size:40px;font-weight:500;line-height:1.12;letter-spacing:-.02em;color:var(--ov-ink);text-wrap:balance}
#page-dashboard .wt-head p{margin:0;max-width:860px;font-size:15.5px;line-height:1.55;font-weight:500;color:var(--ov-ink2)}
#page-dashboard .wt-head p b{color:var(--ov-ink)}
#page-dashboard .wt-head .acts{display:flex;align-items:center;gap:10px;padding-bottom:4px}
#page-dashboard .wt-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--ov-oks);color:var(--ov-okt);font-size:11.5px;font-weight:800}
#page-dashboard .wt-count.is-zero{background:var(--ov-was);color:var(--ov-wat)}
#page-dashboard .wt-install{gap:18px}
#page-dashboard .wt-install-t{display:flex;align-items:flex-start;gap:16px}
#page-dashboard .wt-install-t > svg{flex:none;width:44px;height:44px;padding:11px;box-sizing:border-box;border-radius:13px;color:#1d4ed8;background:#eef3ff}
#page-dashboard .wt-install-t h3{margin:0 0 6px;font-size:17px;font-weight:800}
#page-dashboard .wt-install-t p{margin:0;max-width:720px;font-size:13.5px;line-height:1.55;color:var(--ov-ink2)}
#page-dashboard .wt-install-a{display:flex;align-items:center;gap:14px;flex-wrap:wrap}

/* from visit to paid */
#page-dashboard .wt-two{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);gap:16px;align-items:stretch}
#page-dashboard .wt-frows{display:flex;flex-direction:column}
#page-dashboard .wt-frow{display:grid;grid-template-columns:190px minmax(0,1fr) 84px 176px;align-items:center;gap:16px;padding:12px 0;border-top:1px solid var(--ov-line)}
#page-dashboard .wt-frow:first-child{border-top:0}
#page-dashboard .wt-frow .l{display:flex;flex-direction:column;gap:2px;min-width:0}
#page-dashboard .wt-frow .l b{font-size:13.5px;font-weight:800}
#page-dashboard .wt-frow .l span{font-size:12px;font-weight:500;line-height:1.35;color:var(--ov-cap)}
#page-dashboard .wt-frow .bar{height:14px;border-radius:7px;background:#f1f3f7;overflow:hidden}
#page-dashboard .wt-frow .bar i{display:block;height:100%;min-width:4px;border-radius:7px}
#page-dashboard .wt-frow > .wt-fig{text-align:right}
#page-dashboard .wt-frow .rate{font-size:12.5px;font-weight:600;line-height:1.4;color:var(--ov-cap)}
#page-dashboard .wt-leak{display:flex;align-items:center;gap:12px;margin:0 0 12px 206px;padding:11px 14px;border-radius:14px;background:#fff1ed;box-shadow:inset 0 0 0 1px #fbd3c8;font-size:13px;font-weight:600;color:#8f2816}
#page-dashboard .wt-leak > svg{flex:none;color:#b93520}
#page-dashboard .wt-leak span{flex:1}
#page-dashboard .wt-frow .wt-dashed{grid-column:2 / 5}
#page-dashboard .wt-dashed{display:flex;align-items:center;gap:10px;height:34px;padding:0 12px;border-radius:10px;border:1.5px dashed var(--ov-line2);font-size:12.5px;font-weight:600;color:var(--ov-cap);min-width:0}
#page-dashboard .wt-dashed > svg{flex:none;color:var(--ov-faint)}
#page-dashboard .wt-dashed span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* people per day */
#page-dashboard .wt-big{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 10px}
#page-dashboard .wt-big > span{font-size:13px;font-weight:700;color:var(--ov-cap)}
#page-dashboard .wt-chart{position:relative;margin-top:4px}
#page-dashboard .wt-chart svg{display:block;width:100%;height:100%;overflow:visible}
#page-dashboard .wt-chart .g{stroke:#eef0f4;stroke-width:1;vector-effect:non-scaling-stroke}
#page-dashboard .wt-chart .mk{stroke:var(--ov-acc);stroke-width:1.2;stroke-dasharray:3 4;vector-effect:non-scaling-stroke}
#page-dashboard .wt-chart .a{fill:rgba(43,52,69,.06)}
#page-dashboard .wt-chart .p{fill:none;stroke:#b9c0cf;stroke-width:1.6;stroke-dasharray:4 4;vector-effect:non-scaling-stroke}
#page-dashboard .wt-chart .l{fill:none;stroke:#2b3445;stroke-width:2.2;stroke-linejoin:round;vector-effect:non-scaling-stroke}
#page-dashboard .wt-anno{position:absolute;top:0;transform:translate(-50%,-10px);display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 8px;border-radius:7px;background:var(--ov-dark);color:#fff;font-size:11px;font-weight:700;white-space:nowrap;pointer-events:none;max-width:260px;overflow:hidden;text-overflow:ellipsis}
#page-dashboard .wt-guide{position:absolute;top:0;bottom:0;width:1px;background:var(--ov-ink);opacity:.35;pointer-events:none}
#page-dashboard .wt-tip{position:absolute;top:8px;display:flex;flex-direction:column;gap:2px;padding:8px 10px;border-radius:10px;background:#fff;box-shadow:0 10px 24px -12px rgba(16,24,40,.35),0 0 0 1px var(--ov-line);font-size:12px;font-weight:600;color:var(--ov-ink2);white-space:nowrap;pointer-events:none;z-index:2}
#page-dashboard .wt-tip b{font-size:12.5px;color:var(--ov-ink)}
#page-dashboard .wt-tip .p{color:var(--ov-faint)}
#page-dashboard .wt-tip .c{color:#b93520}
#page-dashboard .wt-ax{position:relative;height:16px;font-family:"DM Mono",ui-monospace,monospace;font-size:10.5px;color:var(--ov-faint)}
#page-dashboard .wt-ax span{position:absolute;top:0;transform:translateX(-50%);white-space:nowrap}
#page-dashboard .wt-ax span:first-child{transform:none}
#page-dashboard .wt-ax span:last-child{transform:translateX(-100%)}
#page-dashboard .wt-legend{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;font-size:12px;font-weight:600;color:var(--ov-cap)}
#page-dashboard .wt-legend span{display:inline-flex;align-items:center;gap:7px}
#page-dashboard .wt-legend i{display:inline-block;width:18px}
#page-dashboard .wt-legend .k-now{height:2px;border-radius:2px;background:#2b3445}
#page-dashboard .wt-legend .k-prev{height:0;border-top:2px dashed #b9c0cf}
#page-dashboard .wt-legend .k-mk{width:0;height:14px;border-left:1.5px dashed var(--ov-acc)}

/* what Reachly noticed */
#page-dashboard .wt-finds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
#page-dashboard .wt-find{display:flex;flex-direction:column;gap:12px;padding:20px;border-radius:20px;background:#fff;box-shadow:inset 0 0 0 1px var(--ov-line),0 1px 2px rgba(16,24,40,.05);transition:transform .2s,box-shadow .2s}
#page-dashboard .wt-find:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px var(--ov-line2),0 18px 36px -22px rgba(16,24,40,.35)}
#page-dashboard .wt-find > b{font-size:15.5px;line-height:1.35;letter-spacing:-.005em}
#page-dashboard .wt-find p{margin:0;flex:1;font-size:13px;line-height:1.55;color:var(--ov-ink2)}

/* ready-made audiences */
#page-dashboard .wt-sechd{align-items:flex-end;flex-wrap:nowrap}
#page-dashboard .wt-sechd > div{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}
#page-dashboard .wt-ident{display:flex;align-items:center;gap:20px;padding:16px 20px;border-radius:18px;background:#fff;box-shadow:inset 0 0 0 1px var(--ov-line)}
#page-dashboard .wt-ident .t{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
#page-dashboard .wt-ident .t b{font-size:14px;font-weight:800}
#page-dashboard .wt-ident .t span{font-size:12.5px;font-weight:500;line-height:1.45;color:var(--ov-cap)}
#page-dashboard .wt-ident .m{flex:0 0 250px;display:flex;flex-direction:column;gap:7px}
#page-dashboard .wt-meter{display:block;height:10px;border-radius:6px;overflow:hidden;background:#eef0f4}
#page-dashboard .wt-meter i{display:block;height:100%;min-width:4px;background:var(--ov-acc)}
#page-dashboard .wt-ident .k{display:flex;justify-content:space-between;font-size:11.5px;font-weight:600;color:var(--ov-cap)}
#page-dashboard .wt-ident .k b{color:#b93520}
#page-dashboard .wt-auds{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
#page-dashboard .wt-aud{display:flex;flex-direction:column;gap:12px;min-width:0;padding:18px 18px 16px;border-radius:20px;background:#fff;box-shadow:inset 0 0 0 1px var(--ov-line),0 1px 2px rgba(16,24,40,.05);cursor:pointer;transition:transform .2s,box-shadow .2s}
#page-dashboard .wt-aud:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px var(--ov-line2),0 18px 36px -22px rgba(16,24,40,.35)}
#page-dashboard .wt-aud:focus-visible{outline:2px solid var(--ov-acc);outline-offset:2px}
#page-dashboard .wt-aud .top{display:flex;align-items:center;gap:10px}
#page-dashboard .wt-aud .top .n{display:flex;align-items:baseline;gap:6px}
#page-dashboard .wt-aud .top .n span{font-size:12.5px;font-weight:700;color:var(--ov-cap)}
#page-dashboard .wt-aud > b{font-size:14.5px;line-height:1.35}
#page-dashboard .wt-aud .chips{display:flex;flex-wrap:wrap;gap:6px}
#page-dashboard .wt-aud p{margin:0;font-size:12.5px;line-height:1.5;color:var(--ov-ink2)}
#page-dashboard .wt-aud .try{display:flex;align-items:flex-start;gap:8px;padding:10px 11px;border-radius:12px;background:var(--ov-s2);font-size:12px;line-height:1.45;color:var(--ov-ink2)}
#page-dashboard .wt-aud .try svg{flex:none;color:var(--ov-accd);margin-top:1px}
#page-dashboard .wt-aud .try b{color:var(--ov-ink)}
#page-dashboard .wt-aud .ft{margin-top:auto;display:flex;align-items:center;gap:8px;padding-top:12px;border-top:1px solid var(--ov-line)}
#page-dashboard .wt-aud .ft > span{flex:1;min-width:0;font-size:11.5px;font-weight:600;color:var(--ov-cap)}
#page-dashboard .wt-aud .ov-btn[disabled]{opacity:.45;cursor:not-allowed;transform:none}
#page-dashboard .wt-aud.is-empty .wt-fig{color:var(--ov-faint)}
#page-dashboard .wt-aud.is-locked{cursor:default;background:transparent;box-shadow:none;border:1.5px dashed var(--ov-line2)}
#page-dashboard .wt-aud.is-locked:hover,#page-dashboard .wt-aud.is-own:hover{transform:none}
#page-dashboard .wt-aud.is-locked > b{color:var(--ov-ink2)}
#page-dashboard .wt-aud.is-locked .ft,#page-dashboard .wt-aud.is-own .ft{border-top:0;padding-top:0}
#page-dashboard .wt-aud.is-own{cursor:default;background:#fff6f3;box-shadow:none;border:1.5px dashed #f6c3b5}

/* the detail */
#page-dashboard .wt-grid-a{display:grid;grid-template-columns:minmax(0,1.72fr) minmax(0,1fr);gap:16px;align-items:start}
#page-dashboard .wt-grid-b{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:16px;align-items:start}
#page-dashboard .wt-grid-c{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
#page-dashboard .wt-table{display:flex;flex-direction:column;overflow-x:auto}
#page-dashboard .wt-tr{display:grid;grid-template-columns:minmax(140px,1.5fr) minmax(104px,1.2fr) 92px 52px 62px 82px 76px 22px;align-items:center;gap:10px;padding:13px 6px;border:0;border-top:1px solid var(--ov-line);background:none;text-align:right;font-size:13px;color:var(--ov-ink);border-radius:0;min-width:680px}
#page-dashboard .wt-tr > :first-child{text-align:left}
#page-dashboard button.wt-tr{cursor:pointer;transition:background .12s}
#page-dashboard button.wt-tr:hover{background:#fafbfc}
#page-dashboard button.wt-tr:focus-visible{outline:2px solid var(--ov-acc);outline-offset:-2px}
#page-dashboard .wt-tr.is-hd{border-top:0;padding-top:0;font-size:11.5px;font-weight:700;letter-spacing:.02em;color:var(--ov-cap)}
#page-dashboard .wt-tr.is-total{border-top:1.5px solid var(--ov-line2);font-weight:700}
#page-dashboard .wt-tr em{font-style:normal;color:var(--ov-cap)}
#page-dashboard .wt-tr .nm{display:flex;align-items:center;gap:11px;min-width:0}
#page-dashboard .wt-tr .nm > i{flex:none;width:10px;height:10px;border-radius:3px}
#page-dashboard .wt-tr .nm > span{display:flex;flex-direction:column;gap:2px;min-width:0}
#page-dashboard .wt-tr .nm b{font-size:13.5px;font-weight:800}
#page-dashboard .wt-tr .nm em{font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#page-dashboard .wt-tr .pp,#page-dashboard .wt-pr .pp{display:flex;align-items:center;gap:10px}
#page-dashboard .wt-tr .pp .bar,#page-dashboard .wt-pr .pp .bar{flex:1;height:8px;border-radius:5px;background:#f1f3f7;overflow:hidden}
#page-dashboard .wt-tr .pp .bar i,#page-dashboard .wt-pr .pp .bar i{display:block;height:100%;border-radius:5px}
#page-dashboard .wt-tr .pp b{min-width:44px;font-weight:800}
#page-dashboard .wt-tr .go{color:var(--ov-faint)}
#page-dashboard .wt-lrows{display:flex;flex-direction:column;margin-top:-6px}
#page-dashboard .wt-lrow{display:flex;align-items:center;gap:11px;padding:10px 4px;border-top:1px solid var(--ov-line)}
#page-dashboard .wt-lrow .t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
#page-dashboard .wt-lrow .who{display:flex;align-items:center;gap:7px;min-width:0}
#page-dashboard .wt-lrow .who b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#page-dashboard .wt-lrow .who.is-anon{font-size:12.5px;font-weight:700;color:var(--ov-ink2)}
#page-dashboard .wt-lrow .wt-path{font-size:12px}
#page-dashboard .wt-lrow .ago{font-family:"DM Mono",ui-monospace,monospace;font-size:11px;color:var(--ov-faint)}
#page-dashboard .wt-tabs{flex-wrap:nowrap;max-width:100%;overflow-x:auto;scrollbar-width:none}
#page-dashboard .wt-tabs::-webkit-scrollbar{display:none}
#page-dashboard .wt-tabs button{white-space:nowrap}
#page-dashboard .wt-ptable{display:flex;flex-direction:column;overflow-x:auto}
#page-dashboard .wt-pr{display:grid;grid-template-columns:minmax(150px,1.3fr) minmax(130px,1.2fr) 70px 90px 80px;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--ov-line);text-align:right;font-size:13px;min-width:560px}
#page-dashboard .wt-pr > :first-child{text-align:left}
#page-dashboard .wt-pr.is-hd{border-top:0;padding-top:0;font-size:11.5px;font-weight:700;color:var(--ov-cap)}
#page-dashboard .wt-pr .pp .bar i{background:#2b3445}
#page-dashboard .wt-pr .pp .bar.is-ok i{background:var(--ov-ok)}
#page-dashboard .wt-pr .pp b{min-width:48px;font-weight:800}
#page-dashboard .wt-onway{display:flex;flex-direction:column;gap:10px;padding:14px 16px;border-radius:16px;background:var(--ov-oks);box-shadow:inset 0 0 0 1px #cdeedf}
#page-dashboard .wt-onway .hd{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px;color:#0b5d40}
#page-dashboard .wt-onway .hd b{font-size:13px}
#page-dashboard .wt-onway .hd span{font-size:12px;font-weight:600;color:#2f7a5c}
#page-dashboard .wt-onway .chips{display:flex;flex-wrap:wrap;gap:8px}
#page-dashboard .wt-pchip{display:inline-flex;align-items:center;gap:8px;max-width:100%;height:30px;padding:0 11px;border-radius:9px;background:#fff;box-shadow:inset 0 0 0 1px #cdeedf}
#page-dashboard .wt-pchip b{flex:none;font-size:12px;color:var(--ov-okt)}
#page-dashboard .wt-heat{display:flex;flex-direction:column;gap:3px}
#page-dashboard .wt-heat .r{display:grid;grid-template-columns:34px repeat(24,minmax(0,1fr));gap:3px;align-items:center}
#page-dashboard .wt-heat .r .d{font-size:11px;font-weight:700;color:var(--ov-cap)}
#page-dashboard .wt-heat .r i{height:18px;border-radius:4px;box-shadow:inset 0 0 0 1px rgba(15,18,24,.03)}
#page-dashboard .wt-heat .r i:hover{outline:2px solid var(--ov-ink);outline-offset:-1px}
#page-dashboard .wt-heat .r.is-ax{grid-template-columns:34px repeat(4,minmax(0,1fr));margin-top:4px;font-family:"DM Mono",ui-monospace,monospace;font-size:10px;color:var(--ov-faint)}
#page-dashboard .wt-ramp{display:flex;align-items:center;gap:8px;font-size:11.5px;font-weight:600;color:var(--ov-cap)}
#page-dashboard .wt-ramp i{width:16px;height:10px;border-radius:3px;box-shadow:inset 0 0 0 1px rgba(15,18,24,.05)}
#page-dashboard .wt-devs{display:flex;flex-direction:column;gap:10px}
#page-dashboard .wt-devs > div{display:flex;align-items:center;gap:10px;font-size:13px}
#page-dashboard .wt-devs i{flex:none;width:10px;height:10px;border-radius:3px}
#page-dashboard .wt-devs span{flex:1;font-weight:700}
#page-dashboard .wt-devs em{font-style:normal;font-variant-numeric:tabular-nums;color:var(--ov-cap)}
#page-dashboard .wt-devs b{width:44px;text-align:right}
#page-dashboard .wt-camps{display:flex;flex-direction:column;margin-top:-8px}
#page-dashboard .wt-camps > div{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--ov-line)}
#page-dashboard .wt-camps > div:first-child{border-top:0}
#page-dashboard .wt-camps .t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
#page-dashboard .wt-camps .t b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#page-dashboard .wt-camps .t em{font-style:normal;font-size:12px;color:var(--ov-cap)}
#page-dashboard .wt-camps > div > b{font-size:13.5px}
#page-dashboard .wt-doors{display:flex;flex-direction:column;gap:12px}
#page-dashboard .wt-doors > div{display:flex;align-items:center;gap:12px}
#page-dashboard .wt-doors > div > span:not(.wt-tile){flex:1;font-size:13px;font-weight:700}

/* narrower screens */
@media (max-width: 1280px){
  #page-dashboard .wt-auds{grid-template-columns:repeat(3,minmax(0,1fr))}
  #page-dashboard .wt-frow{grid-template-columns:150px minmax(0,1fr) 72px 150px}
  #page-dashboard .wt-leak{margin-left:166px}
}
@media (max-width: 1100px){
  #page-dashboard .wt-two,#page-dashboard .wt-grid-a,#page-dashboard .wt-grid-b{grid-template-columns:minmax(0,1fr)}
  #page-dashboard .wt-finds,#page-dashboard .wt-auds{grid-template-columns:repeat(2,minmax(0,1fr))}
  #page-dashboard .wt-grid-c{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 760px){
  #page-dashboard .wt{gap:22px;padding:4px 16px 32px}
  #page-dashboard .wt-head{flex-direction:column;align-items:stretch;gap:14px}
  #page-dashboard .wt-head h1{font-size:27px;line-height:1.18}
  #page-dashboard .wt-head h1 br{display:none}
  #page-dashboard .wt-head p{font-size:14px}
  #page-dashboard .wt-head .acts .ov-btn{flex:1}
  #page-dashboard .wt-frow{grid-template-columns:minmax(0,1fr) auto;gap:6px 10px;padding:11px 0}
  #page-dashboard .wt-frow .l span{white-space:normal}
  #page-dashboard .wt-frow .bar,#page-dashboard .wt-frow .wt-dashed{grid-column:1 / -1;grid-row:2}
  #page-dashboard .wt-frow .bar{height:8px}
  #page-dashboard .wt-frow > .wt-fig{grid-column:2;grid-row:1;font-size:20px}
  #page-dashboard .wt-frow .rate{grid-column:1 / -1;font-size:11.5px}
  #page-dashboard .wt-leak{margin:0 0 10px;align-items:flex-start;flex-wrap:wrap}
  #page-dashboard .wt-finds{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin:0 -16px;padding:0 16px 4px;scrollbar-width:none}
  #page-dashboard .wt-finds::-webkit-scrollbar{display:none}
  #page-dashboard .wt-find{flex:0 0 86%;scroll-snap-align:start}
  #page-dashboard .wt-sechd{flex-wrap:wrap}
  #page-dashboard .wt-ident{flex-wrap:wrap;gap:12px}
  #page-dashboard .wt-ident .m{flex:1 1 100%}
  #page-dashboard .wt-auds,#page-dashboard .wt-grid-c{grid-template-columns:minmax(0,1fr)}
  /* On a phone an audience is a row: the tile, its name and rules, the count;
     who it reaches and the button underneath (the phone board of the canvas). */
  #page-dashboard .wt-aud{display:grid;grid-template-columns:auto minmax(0,1fr) auto;column-gap:12px;row-gap:6px;align-items:center;padding:14px}
  #page-dashboard .wt-aud .top{display:contents}
  #page-dashboard .wt-aud .top .sp{display:none}
  #page-dashboard .wt-aud .top .wt-tile{grid-column:1;grid-row:1 / span 2;align-self:start}
  #page-dashboard .wt-aud > b{grid-column:2;grid-row:1;font-size:13.5px}
  #page-dashboard .wt-aud .chips{grid-column:2;grid-row:2;flex-wrap:nowrap;overflow:hidden;min-width:0}
  #page-dashboard .wt-aud .chips .wt-chip{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}
  #page-dashboard .wt-aud .top .n{grid-column:3;grid-row:1 / span 2;flex-direction:column;align-items:flex-end;gap:2px}
  #page-dashboard .wt-aud .top .n .wt-fig{font-size:24px}
  #page-dashboard .wt-aud .ft{grid-column:1 / -1;grid-row:3;margin-top:4px;padding-top:10px}
  #page-dashboard .wt-aud .try,#page-dashboard .wt-aud > p{display:none}
  #page-dashboard .wt-aud.is-locked,#page-dashboard .wt-aud.is-own{display:flex}
  #page-dashboard .wt-aud.is-locked > p,#page-dashboard .wt-aud.is-own > p{display:block}
  #page-dashboard .wt-dashed{height:auto;padding:8px 12px}
  #page-dashboard .wt-dashed span{white-space:normal}
  #page-dashboard .wt-frow .rate:empty,#page-dashboard .wt-frow .rate.is-blank{display:none}
  #page-dashboard .wt-tr{grid-template-columns:minmax(0,1fr) 64px 84px 18px;min-width:0;padding:12px 2px}
  #page-dashboard .wt-tr > :nth-child(3),#page-dashboard .wt-tr > :nth-child(4),#page-dashboard .wt-tr > :nth-child(5),#page-dashboard .wt-tr > :nth-child(7){display:none}
  #page-dashboard .wt-tr .pp .bar{display:none}
  #page-dashboard .wt-pr{grid-template-columns:minmax(0,1fr) 70px 60px;min-width:0}
  #page-dashboard .wt-pr > :nth-child(4),#page-dashboard .wt-pr > :nth-child(5){display:none}
  #page-dashboard .wt-pr .pp .bar{display:none}
  #page-dashboard .wt-heat{overflow-x:auto}
  #page-dashboard .wt-heat .r{min-width:520px}
  #page-dashboard .wt-pages .ov-cardhd .ov-seg{width:100%}
}
@media (prefers-reduced-motion:reduce){
  #page-dashboard .wt-find,#page-dashboard .wt-aud{transition:none}
  #page-dashboard .wt-find:hover,#page-dashboard .wt-aud:hover{transform:none}
  #page-dashboard .wt-live i{animation:none}
}

/* ── the panels (overlay root: the app's own tokens) ──────────────────── */
.rlx .wtp{display:flex;flex-direction:column;padding:0 !important}
.rlx .wtp-hd h2{display:flex;align-items:center;gap:10px}
.rlx .wtp-eb{display:block;margin-bottom:6px;font-family:"DM Mono",ui-monospace,monospace;font-size:10.5px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--rl-ink3)}
.rlx .wtp-dot{flex:none;width:12px;height:12px;border-radius:4px}
.rlx .wtp-fig{font-family:"Fraunces",Georgia,serif;font-weight:500;font-size:26px;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--rl-ink)}
.rlx .wtp-fig.is-40{font-size:40px}
.rlx .wtp-sec{display:flex;flex-direction:column;gap:12px;padding:18px 24px;border-top:1px solid var(--rl-line)}
.rlx .wtp-sec.is-first{border-top:0;padding-top:6px}
.rlx .wtp-sec.is-flash{animation:wtpFlash 1.6s var(--rl-ease)}
@keyframes wtpFlash{0%{background:var(--rl-acc-soft)}100%{background:transparent}}
.rlx .wtp-sec > h3{display:flex;align-items:center;gap:10px;min-height:28px;margin:0;font-size:14px;font-weight:800;color:var(--rl-ink)}
.rlx .wtp-sec > h3 .r,.rlx .wtp-sec > h3 .ov-pill{margin-left:auto}
.rlx .wtp-sec > h3 .r{font-size:12.5px;font-weight:600;color:var(--rl-ink3)}
.rlx .wtp-note{margin:0;font-size:12.5px;line-height:1.5;color:var(--rl-ink3)}
.rlx .wtp-err{margin:0;font-size:12.5px;font-weight:700;color:var(--rl-danger)}
.rlx .wtp-link{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;margin-left:auto;padding:0;border:0;background:none;font-family:inherit;font-size:12.5px;font-weight:800;color:#b93520;cursor:pointer}
.rlx .wtp-sec > .wtp-link{margin-left:0}
.rlx .wtp-link:hover{text-decoration:underline}
.rlx .wtp-minis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.rlx .wtp-mini{display:flex;flex-direction:column;gap:6px;padding:14px;border-radius:16px;box-shadow:inset 0 0 0 1px var(--rl-line)}
.rlx .wtp-mini > span{font-size:12px;font-weight:700;color:var(--rl-ink2)}
.rlx .wtp-mini em{font-style:normal;font-size:11.5px;font-weight:600;color:var(--rl-ink3)}
.rlx .wtp-mini em.is-good{color:#067a55}
.rlx .wtp-mini em.is-bad{color:#be123c}
.rlx .wtp-spark{display:flex;flex-direction:column;gap:6px}
.rlx .wtp-spark .hd{display:flex;justify-content:space-between;font-size:12px;font-weight:600;color:var(--rl-ink3)}
.rlx .wtp-spark svg{display:block;width:100%;height:60px}
.rlx .wtp-rows{display:flex;flex-direction:column;margin-top:-6px}
.rlx .wtp-src{display:grid;grid-template-columns:minmax(0,1fr) 140px 52px 76px;align-items:center;gap:12px;padding:10px 2px;border-top:1px solid var(--rl-line)}
.rlx .wtp-src .nm{display:flex;align-items:center;gap:10px;min-width:0}
.rlx .wtp-src .p{font-family:"DM Mono",ui-monospace,monospace;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rlx .wtp-src .bar{height:8px;border-radius:5px;background:#f1f3f7;overflow:hidden}
.rlx .wtp-src .bar i{display:block;height:100%;border-radius:5px}
.rlx .wtp-src b{text-align:right;font-size:13px;font-variant-numeric:tabular-nums}
.rlx .wtp-src em{font-style:normal;text-align:right;font-size:12px;font-weight:700;color:var(--rl-ink4)}
.rlx .wtp-src em.is-acc{color:#b93520}
.rlx .wtp-tile{flex:none;width:28px;height:28px;border-radius:9px;display:grid;place-items:center;color:#1d4ed8;background:#eef3ff}
.rlx .wtp-tile.is-acc{color:#b93520;background:#fff1ed}
.rlx .wtp-tile.is-ok{color:#067a55;background:#e7f7f0}
.rlx .wtp-stack{display:flex;gap:2px;height:12px;border-radius:6px;overflow:hidden}
.rlx .wtp-stack i{min-width:3px}
.rlx .wtp-legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px}
.rlx .wtp-legend > span{display:flex;align-items:center;gap:8px;min-width:0;font-size:12.5px}
.rlx .wtp-legend i{flex:none;width:9px;height:9px;border-radius:3px}
.rlx .wtp-legend .wt-path,.rlx .wtp .wt-path{flex:1;min-width:0;font-family:"DM Mono",ui-monospace,monospace;font-size:12.5px;color:var(--rl-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rlx .wtp .wt-path.is-sm{flex:0 1 auto;max-width:40%;font-size:11.5px;color:var(--rl-ink2)}
.rlx .wtp-legend b{font-size:12.5px}
.rlx .wtp-person{display:flex;align-items:center;gap:12px;padding:10px 2px;border-top:1px solid var(--rl-line)}
.rlx .wtp-person.is-out{opacity:.62}
.rlx .wtp-person .t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.rlx .wtp-person .who{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px}
.rlx .wtp-person .who b{font-size:13.5px}
.rlx .wtp-person em{font-style:normal;font-size:12px;color:var(--rl-ink3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rlx .wtp .wt-av{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:11.5px;font-weight:800;color:#b93520;background:#fff1ed}
.rlx .wtp .wt-av.is-ok{color:#067a55;background:#e7f7f0}
.rlx .wtp .ov-pill{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 8px;border-radius:999px;font-size:11px;font-weight:800;white-space:nowrap}
.rlx .wtp .ov-pill i{width:6px;height:6px;border-radius:50%;background:currentColor}
.rlx .wtp .ov-pill.is-good{color:#067a55;background:#e7f7f0}
.rlx .wtp .ov-pill.is-calm{color:var(--rl-ink2);background:var(--rl-surface3)}
.rlx .wtp .ov-pill.is-watch{color:#a15c07;background:#fff5e6}
.rlx .wtp .wt-live{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;color:#067a55}
.rlx .wtp .wt-live i{width:7px;height:7px;border-radius:50%;background:var(--rl-ok)}
.rlx .wtp-callout{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:16px;background:#eef3ff;color:#1e40af}
.rlx .wtp-callout > svg{flex:none;margin-top:2px}
.rlx .wtp-callout div{display:flex;flex-direction:column;gap:4px}
.rlx .wtp-callout b{font-size:13.5px;color:#1e3a8a}
.rlx .wtp-callout span{font-size:12.5px;line-height:1.5}
.rlx .wtp-callout.is-ok{background:#e7f7f0;color:#0b5d40;box-shadow:inset 0 0 0 1px #cdeedf}
.rlx .wtp-callout.is-ok span{font-size:13px}
.rlx .wtp-count{display:flex;align-items:center;gap:18px;padding:16px 18px;border-radius:18px;background:var(--rl-acc-soft);box-shadow:inset 0 0 0 1px #fbd3c8}
.rlx .wtp-count > div:first-child{display:flex;flex-direction:column;gap:4px}
.rlx .wtp-count .n{display:flex;align-items:baseline;gap:8px}
.rlx .wtp-count .n b:last-child{font-size:14px;font-weight:800}
.rlx .wtp-count em{font-style:normal;font-size:12.5px;font-weight:600;color:#8f2816}
.rlx .wtp-count .sp{flex:1}
.rlx .wtp-count .r{display:flex;flex-direction:column;align-items:flex-end;gap:6px;max-width:200px;text-align:right}
.rlx .wtp-count .r > span:last-child{font-size:12px;font-weight:600;color:var(--rl-ink3)}
.rlx .wtp-cond{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px;padding:10px 12px;border-radius:14px;box-shadow:inset 0 0 0 1px var(--rl-line);background:#fff}
.rlx .wtp-cond .wtp-grp{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 9px;border-radius:8px;background:var(--rl-surface2);font-size:11.5px;font-weight:800;color:var(--rl-ink2)}
.rlx .wtp-cond .f{font-size:13px;font-weight:700}
.rlx .wtp-cond .v{display:inline-flex;align-items:center;height:28px;padding:0 10px;border-radius:9px;box-shadow:inset 0 0 0 1px var(--rl-line);font-size:12.5px;font-weight:700}
.rlx .wtp-and{padding-left:12px;font-family:"DM Mono",ui-monospace,monospace;font-size:10.5px;letter-spacing:.08em;color:var(--rl-ink4)}
.rlx .wtp-idea{display:flex;gap:16px;align-items:flex-start}
.rlx .wtp-idea .bubble{flex:1 1 auto;min-width:0;max-width:380px;padding:10px 12px 6px;border-radius:4px 12px 12px 12px;background:#fff;box-shadow:0 1px 1px rgba(15,18,24,.1),0 0 0 12px #f3efe9;margin:12px;font-size:13px;line-height:1.45;color:#16181d}
.rlx .wtp-idea .bubble .t{display:block;text-align:right;margin-top:4px;font-family:"DM Mono",ui-monospace,monospace;font-size:10px;color:var(--rl-ink4)}
.rlx .wtp-idea p{margin:12px 0 0;flex:0 0 170px;font-size:12px;line-height:1.5;color:var(--rl-ink3)}
.rlx .wtp-code{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:#0f1218;color:#e6e8ef}
.rlx .wtp-code code{flex:1;min-width:0;font-family:"DM Mono",ui-monospace,monospace;font-size:11.5px;line-height:1.5;word-break:break-all}
.rlx .wtp-ways{display:flex;flex-direction:column;gap:12px}
.rlx .wtp-ways > div{display:flex;align-items:flex-start;gap:12px}
.rlx .wtp-ways > div > div{display:flex;flex-direction:column;gap:2px}
.rlx .wtp-ways b{font-size:13px}
.rlx .wtp-ways span:not(.wtp-tile){font-size:12.5px;line-height:1.45;color:var(--rl-ink3)}
.rlx .wtp-form{display:flex;flex-direction:column;gap:12px;padding:14px;border-radius:16px;background:var(--rl-surface2)}
.rlx .wtp-form > .rl-btn{align-self:flex-start}
.rlx .wtp-form2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.rlx .wtp-made{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:#e7f7f0;box-shadow:inset 0 0 0 1px #cdeedf}
.rlx .wtp-made > div{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.rlx .wtp-made code,.rlx .wtp-lnk code{font-family:"DM Mono",ui-monospace,monospace;font-size:12px;color:var(--rl-ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rlx .wtp-lnk{display:flex;align-items:center;gap:12px;padding:10px 2px;border-top:1px solid var(--rl-line)}
.rlx .wtp-lnk .t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.rlx .wtp-lnk .t b{font-size:13px}
.rlx .wtp-lnk em{font-style:normal;font-size:12px;color:var(--rl-ink3)}
.rlx .rl-ov-ft .sp{flex:1}

/* goals */
.rlx .rl-dlg.is-wtgoals{width:min(1040px,calc(100vw - 32px))}
.rlx .wtg{display:grid !important;grid-template-columns:minmax(0,1fr) 400px;gap:0 !important;padding:0 !important}
.rlx .wtg-l{display:flex;flex-direction:column;gap:12px;padding:18px 22px;min-width:0}
.rlx .wtg-l > .wtp-eb{margin:6px 0 0}
.rlx .wtg-r{display:flex;flex-direction:column;gap:14px;padding:18px 22px;background:var(--rl-surface2);border-left:1px solid var(--rl-line)}
.rlx .wtg-goal,.rlx .wtg-sug{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;box-shadow:inset 0 0 0 1px var(--rl-line);background:#fff}
.rlx .wtg-goal.is-on{box-shadow:0 0 0 1.5px var(--rl-ink),0 12px 24px -18px rgba(15,18,24,.5)}
.rlx .wtg-goal.is-off{opacity:.65}
.rlx .wtg-goal .t,.rlx .wtg-sug .t{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.rlx .wtg-goal .t > span,.rlx .wtg-sug .t > span{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px}
.rlx .wtg-goal b,.rlx .wtg-sug b{font-size:13.5px}
.rlx .wtg-goal em,.rlx .wtg-sug em{font-style:normal;font-size:12px;color:var(--rl-ink3)}
.rlx .wtg-goal em.is-strong,.rlx .wtg-sug em.is-strong{font-weight:700;color:var(--rl-ink2)}
.rlx .wtg-sug code{font-family:"DM Mono",ui-monospace,monospace;font-size:11.5px}
.rlx .wtg .wt-chip{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:7px;background:var(--rl-surface2);box-shadow:inset 0 0 0 1px var(--rl-line);font-size:11px;font-weight:700;color:var(--rl-ink2)}
.rlx .wtg-kinds{display:flex;gap:3px;padding:3px;border-radius:12px;background:var(--rl-surface3)}
.rlx .wtg-kinds button{flex:1 1 0;height:34px;border:0;border-radius:9px;background:none;font-family:inherit;font-size:12.5px;font-weight:600;color:var(--rl-ink2);cursor:pointer}
.rlx .wtg-kinds button.is-on{background:#fff;color:var(--rl-ink);font-weight:800;box-shadow:0 1px 2px rgba(16,24,40,.12)}
.rlx .wtg .rl-ipt.is-mono{font-family:"DM Mono",ui-monospace,monospace;font-size:13px}
.rlx .wtg-est{display:flex;flex-direction:column;gap:10px;padding:14px 16px;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1px var(--rl-line)}
.rlx .wtg-est .n{display:flex;align-items:baseline;gap:8px}
.rlx .wtg-est .n > span{font-size:12.5px;font-weight:700;color:var(--rl-ink3)}
.rlx .wtg-becomes{display:flex;flex-direction:column;gap:8px;padding-top:10px;border-top:1px solid var(--rl-line)}
.rlx .wtg-becomes span{display:flex;align-items:center;gap:9px;font-size:12.5px;font-weight:600;color:var(--rl-ink2)}
.rlx .wtg-becomes svg{flex:none;color:#067a55}
.rlx .wtg-empty{display:flex;flex-direction:column;align-items:center;gap:8px;margin:auto 0;padding:30px 10px;text-align:center;color:var(--rl-ink3)}
.rlx .wtg-empty b{font-size:14px;color:var(--rl-ink)}
.rlx .wtg-empty span{font-size:12.5px}
.rlx .wtg-note{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:#067a55}
.rlx .rl-ov-x.is-sm{width:32px;height:32px}
@media (max-width: 760px){
  .rlx .wtg{grid-template-columns:minmax(0,1fr)}
  .rlx .wtg-r{border-left:0;border-top:1px solid var(--rl-line)}
  .rlx .wtg-goal,.rlx .wtg-sug{flex-wrap:wrap}
  .rlx .wtp-minis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rlx .wtp-src{grid-template-columns:minmax(0,1fr) 44px 70px}
  .rlx .wtp-src .bar{display:none}
  .rlx .wtp-legend,.rlx .wtp-form2{grid-template-columns:minmax(0,1fr)}
  .rlx .wtp-count{flex-wrap:wrap}
  .rlx .wtp-count .r{align-items:flex-start;text-align:left;max-width:none}
  .rlx .wtp-idea{flex-direction:column}
  .rlx .wtp-idea p{flex:none;margin-top:0}
  .rlx .wtg-note{display:none}
}
@media (prefers-reduced-motion:reduce){ .rlx .wtp-sec.is-flash{animation:none} }