/* ===== v95 · Rules (standing approvals) + Content Autopilot + Remind me (2026-10-03, _reviews/2026-10-03-content-studio/BRIEF-rules-autopilot.md) =====
   The rule card, the next-run countdown chip and the run marks follow the premium-design study (§4.2, §4.6, §4.7): 22 px chips in days or minutes,
   20 px verdict marks with a glyph (never colour alone), an orange strip only for "Paused by itself". Content's card kit applies (22 px padding,
   rules at +15, icons at +23, titles at +56 — v92-website.css); every colour is a token, so dark mode follows. No bounce; reduced motion = no motion.
   rl-* the Autopilot tab and the rule card · rs-* the rule sheet (and every sheet drawn by ui/rulesheet.js) · rm-* reminders · sa-* Settings →
   Approvals · st-* the standing rules on Actions. Local chips (.rl-cd) carry .m-cd too, so ui/meters.js's styles can take over at the merge. */

/* ---------- the countdown chip (study §4.2) ---------- */
.rl-cd{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 9px 0 7px;border-radius:var(--r-full);background:var(--bg-4);color:var(--fg-2);font-size:var(--t-co);line-height:var(--lh-co);font-weight:var(--w-medium);font-variant-numeric:tabular-nums;white-space:nowrap;transition:var(--tr-ui)}
.rl-cd svg{flex:none;color:var(--fg-3)}
.rl-cd.is-soon{background:var(--st-orange-bg);color:var(--warn)}
.rl-cd.is-soon svg,.rl-cd.is-late svg{color:currentColor}
.rl-cd.is-late{background:var(--st-red-bg);color:var(--neg)}
.rl-cd.is-off{color:var(--fg-3)}

/* ---------- run marks (study §4.7): a 20 px tinted circle with a glyph ---------- */
.rl-mks{display:inline-flex;align-items:center;gap:4px;margin:0;padding:0;list-style:none}
.rl-mk{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--bg-4);color:var(--fg-4)}
.rl-mk.is-pos{background:color-mix(in srgb,var(--c-green) 16%,transparent);color:var(--pos)}
.rl-mk.is-neg{background:var(--st-red-bg);color:var(--neg)}
.rl-mk.is-teal{background:color-mix(in srgb,var(--c-teal) 16%,transparent);color:var(--teal-ink)}
.rl-mk.is-q{color:var(--fg-3)}
.rl-mk.is-none{color:var(--fg-4)}

/* ---------- the rule card ---------- */
.cn > .rl-card,.cn > .rl-q4,.cn > .rl-hist,.cn > .rl-empty,.cn > .rl-how{margin-top:16px}
.rl-card .rl-hd h2{font-size:var(--t-t3);line-height:var(--lh-t3);letter-spacing:var(--ls-t3)}
.rl-card .rl-hd{flex-wrap:wrap;row-gap:6px}
.rl-day{font-size:var(--t-co);line-height:var(--lh-co);color:var(--fg-3);font-variant-numeric:tabular-nums}
.rl-strip{display:flex;align-items:flex-start;gap:10px;margin:2px -8px 12px;padding:11px 14px 11px 12px;border-radius:var(--r-12);background:var(--st-orange-bg);color:var(--fg)}
.rl-strip > svg{flex:none;margin-top:1px;color:var(--warn)}
.rl-strip p{margin:0}
.rl-sw{font-size:var(--t-body);line-height:var(--lh-body)}
.rl-sd{margin-top:3px !important;font-size:var(--t-co);line-height:var(--lh-co);color:var(--fg-2)}
.rl-sl{margin-top:6px !important;font-size:var(--t-co);line-height:var(--lh-co);color:var(--fg-3)}
.rl-strip .lk,.rl-addr .lk{font:inherit;color:var(--link);background:none;padding:0;border:0;cursor:pointer}
@media (hover:hover){.rl-strip .lk:hover,.rl-addr .lk:hover{text-decoration:underline}}
.rl-flow{display:grid;grid-template-columns:72px minmax(0,1fr);column-gap:14px;row-gap:7px;margin:12px 0 0;font-size:var(--t-body);line-height:var(--lh-body)}
.rl-flow dt{color:var(--fg-3)}
.rl-flow dd{margin:0;color:var(--fg);text-wrap:pretty}
.rl-flow dd b{font-weight:var(--w-semibold)}
.rl-runs{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px;margin-top:14px}
.rl-lr{margin-left:6px;font-size:var(--t-co);line-height:var(--lh-co);color:var(--fg-3)}
.rl-tot{margin:8px 0 0;font-size:var(--t-co);line-height:var(--lh-co);color:var(--fg-3);text-wrap:pretty}
.rl-ft{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:14px -8px 0;padding:12px 8px 0;border-top:1px solid var(--ln-2)}
.rl-ft p{display:flex;align-items:flex-start;gap:6px;margin:0;font-size:var(--t-co);line-height:var(--lh-co);color:var(--fg-2)}
.rl-ft p + p{margin-top:4px}
.rl-ft p svg{flex:none;margin-top:2px;color:var(--fg-3)}
.rl-ap.is-none{color:var(--fg-3)}
.rl-trial{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:16px 24px;align-items:center;margin-top:12px;padding:12px 14px;border-radius:var(--r-12);background:color-mix(in srgb,var(--c-blue) 6%,var(--bg))}
.rl-tw{display:flex;align-items:center;gap:12px}
.rl-tw p{margin:0;font-size:var(--t-co);line-height:var(--lh-co);color:var(--fg-2);text-wrap:pretty}
.rl-tw .btn{flex:none}
.rl-draftl{display:flex;align-items:center;gap:10px;margin-top:12px;padding:10px 12px;border-radius:var(--r-12);background:var(--bg-3);font-size:var(--t-co);line-height:var(--lh-co);color:var(--fg-2)}
.rl-draftl > svg{flex:none;color:var(--fg-3)}
.rl-ban{display:flex;align-items:center;gap:8px;margin-top:16px;padding:10px 14px;border-radius:var(--r-12);background:color-mix(in srgb,var(--c-blue) 8%,var(--bg));font-size:var(--t-co);line-height:var(--lh-co);color:var(--fg)}
.rl-ban > svg{flex:none;color:var(--c-blue)}
.rl-pick{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}
.rl-pk{display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 6px 0 12px;border-radius:var(--r-full);box-shadow:inset 0 0 0 1px var(--bd);font-size:var(--t-co);font-weight:var(--w-medium);color:var(--fg-2)}
.rl-pk.is-on{box-shadow:inset 0 0 0 1.5px var(--accent);color:var(--fg)}
.rl-pk .lbl{height:20px}
.rl-addr{margin:14px 0 0;font-size:var(--t-co);line-height:var(--lh-co);color:var(--fg-3)}
.rl-addr .lk{display:inline-flex;align-items:center;gap:4px}

/* trying it out: ui/meters.js dayOf — a fallback look until meters' own styles are linked (same spec: 6 px segments, 2 px gaps) */
.rl-trial .m-clock{display:flex;flex-direction:column;gap:6px;min-width:0}
.rl-trial .m-ch{display:flex;align-items:baseline;justify-content:space-between;gap:8px;font-size:var(--t-body);line-height:var(--lh-body)}
.rl-trial .m-ch b{font-weight:var(--w-medium);font-variant-numeric:tabular-nums}
.rl-trial .m-ch span{font-size:var(--t-co);color:var(--fg-3)}
.rl-trial .m-segs{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:2px}
.rl-trial .m-segs i{height:6px;border-radius:2px;background:var(--bg-5)}
.rl-trial .m-segs i.on{background:var(--c-blue)}
.rl-trial .m-segs i.now{background:color-mix(in srgb,var(--c-blue) 45%,var(--bg-5));box-shadow:inset 0 0 0 1px var(--c-blue)}
.rl-trial .m-cf{display:flex;justify-content:space-between;gap:8px;font-size:var(--t-sh);line-height:var(--lh-sh);color:var(--fg-3)}
.rl-trial .m-cf span{display:inline-flex;align-items:center;gap:4px}

/* ---------- the next four weeks ---------- */
.rl-wk{margin-top:10px}
.rl-wk + .rl-wk{margin-top:14px}
.rl-wkh{display:flex;align-items:baseline;gap:8px;padding:0 0 6px;font-size:var(--t-co);line-height:var(--lh-co);font-weight:var(--w-semibold);color:var(--fg-2)}
.rl-wkh span{font-weight:var(--w-regular);color:var(--fg-3)}
.rl-slot{margin:0 -8px;border-top:1px solid var(--ln-3)}
.rl-sr{display:grid;grid-template-columns:118px minmax(0,1fr) minmax(200px,.62fr) auto;column-gap:18px;align-items:start;padding:11px 8px}
.rl-slot.is-open .rl-sr{background:var(--bg-2);border-radius:var(--r-8) var(--r-8) 0 0}
.rl-slot.is-skipped .rl-m,.rl-slot.is-skipped .rl-when{opacity:.55}
.rl-when{display:flex;flex-direction:column;gap:1px;font-size:var(--t-co);line-height:var(--lh-co);color:var(--fg-3);font-variant-numeric:tabular-nums}
.rl-when b{font-size:var(--t-body);line-height:var(--lh-body);font-weight:var(--w-medium);color:var(--fg)}
.rl-m{min-width:0;display:flex;flex-direction:column;gap:3px}
.rl-m p{margin:0}
.rl-q{font-size:var(--t-body);line-height:var(--lh-body);font-weight:var(--w-medium);color:var(--fg);text-wrap:pretty}
.rl-q .lk{color:inherit}
@media (hover:hover){.rl-q .lk:hover{color:var(--link);text-decoration:underline}}
.rl-q.is-empty{color:var(--fg-3);font-weight:var(--w-regular)}
.rl-meta{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;font-size:var(--t-co);line-height:var(--lh-co);color:var(--fg-3)}
.rl-c{display:inline-flex;align-items:center;gap:4px;height:20px;padding:0 8px;border-radius:var(--r-full);background:var(--bg-3);color:var(--fg-2);font-size:var(--t-sh);line-height:var(--lh-sh);font-weight:var(--w-medium)}
.rl-why{font-size:var(--t-co);line-height:var(--lh-co);color:var(--fg-3);text-wrap:pretty}
.rl-note{display:flex;align-items:flex-start;gap:6px;font-size:var(--t-co);line-height:var(--lh-co);color:var(--fg-2)}
.rl-note svg{flex:none;margin-top:2px;color:var(--fg-3)}
.rl-note.is-warn svg{color:var(--warn)}
.rl-sc{min-width:0;display:flex;flex-direction:column;gap:4px;align-items:flex-start}
.rl-sc p{margin:0}
.rl-sw2{font-size:var(--t-co);line-height:var(--lh-co);color:var(--fg-3)}
.rl-sw2 b{font-weight:var(--w-medium);color:var(--fg-2)}
.rl-what{font-size:var(--t-co);line-height:var(--lh-co);color:var(--fg-2);text-wrap:pretty}
.rl-what.is-orange{color:var(--warn)}
.rl-what.is-blue{color:var(--fg)}
.rl-what.is-green{color:var(--pos)}
.rl-acts{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:4px;min-width:0}
.rl-foot{display:flex;align-items:flex-start;gap:6px;margin:12px -8px 0;padding:10px 8px 0;border-top:1px solid var(--ln-3);font-size:var(--t-co);line-height:var(--lh-co);color:var(--fg-3);text-wrap:pretty}
.rl-foot svg{flex:none;margin-top:2px}
/* the short review of one article */
.rl-pv{display:flex;flex-direction:column;gap:10px;padding:4px 16px 16px 144px;background:var(--bg-2);border-radius:0 0 var(--r-8) var(--r-8)}
.rl-pvh{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;font-size:var(--t-co);line-height:var(--lh-co);color:var(--fg-3)}
.rl-pvh b{font-size:var(--t-body);line-height:var(--lh-body);font-weight:var(--w-semibold);color:var(--fg)}
.rl-first{margin:0;padding:10px 14px;border-left:3px solid var(--bd-2);border-radius:0 var(--r-8) var(--r-8) 0;background:var(--bg);font-size:var(--t-body);line-height:20px;color:var(--fg);max-width:78ch}
.rl-facts .rl-fh{margin:0 0 4px;font-size:var(--t-co);line-height:var(--lh-co);font-weight:var(--w-medium);color:var(--fg-2)}
.rl-facts ul{display:flex;flex-direction:column;gap:2px;margin:0;padding:0;list-style:none}
.rl-facts li{display:flex;align-items:center;gap:8px;min-height:30px;padding:2px 8px;border-radius:var(--r-8);font-size:var(--t-co);line-height:var(--lh-co);color:var(--fg)}
.rl-facts li > svg{flex:none;color:var(--warn)}
.rl-facts li.is-ok > svg{color:var(--pos)}
@media (hover:hover){.rl-facts li:hover{background:var(--hover)}}
.rl-src{color:var(--fg-3)}
.rl-pvm{margin:0;font-size:var(--t-co);line-height:var(--lh-co);color:var(--fg-3)}
.rl-pva{display:flex;align-items:center;flex-wrap:wrap;gap:6px}

/* ---------- run history ---------- */
.rl-hh,.rl-hr{display:grid;grid-template-columns:96px minmax(0,1.3fr) minmax(170px,.8fr) minmax(170px,.85fr) 28px;column-gap:16px;align-items:start}
.rl-hh{padding:8px 0 6px;font-size:var(--t-sh);line-height:var(--lh-sh);font-weight:var(--w-medium);color:var(--fg-3);text-transform:none}
.rl-hr{margin:0 -8px;padding:10px 8px;border-top:1px solid var(--ln-3)}
.rl-hr.is-undone .rl-m{opacity:.6}
.rl-hd2{display:flex;flex-direction:column;gap:1px;font-size:var(--t-co);line-height:var(--lh-co);color:var(--fg-3);font-variant-numeric:tabular-nums}
.rl-hd2 b{font-size:var(--t-body);line-height:var(--lh-body);font-weight:var(--w-medium);color:var(--fg)}
.rl-vc{display:flex;flex-direction:column;gap:4px;align-items:flex-start;min-width:0}
.rl-idx{margin:0;font-size:var(--t-sh);line-height:var(--lh-sh);color:var(--fg-3)}
.rl-idx.is-warn{color:var(--warn)}
.rl-dash{color:var(--fg-4)}
.rl-none{margin:10px 0 4px}
.rl-all{margin-top:8px;display:inline-flex;align-items:center;gap:4px;align-self:flex-start}   /* night fixer (#80): a link-sized toggle, its chevron beside the words */

/* ---------- folds: safety, sources, the rule's own history ---------- */
.rl-safe,.rl-srcs,.rl-ev{display:flex;flex-direction:column;gap:2px;margin:0;padding:0;list-style:none}
.rl-safe li{display:flex;align-items:flex-start;gap:8px;padding:6px 0;font-size:var(--t-co);line-height:var(--lh-co);color:var(--fg-2);border-top:1px solid var(--ln-4)}
.rl-safe li:first-child{border-top:0}
.rl-safe li > svg{flex:none;margin-top:2px;color:var(--pos)}
.rl-safe li.is-warn > svg{color:var(--warn)}
.rl-safe b,.rl-srcs b{font-weight:var(--w-medium);color:var(--fg)}
.rl-srcs li{display:flex;align-items:center;gap:10px;min-height:36px;padding:4px 0;font-size:var(--t-co);line-height:var(--lh-co);color:var(--fg-2);border-top:1px solid var(--ln-4)}
.rl-srcs li:first-child{border-top:0}
.rl-srcs li > svg{flex:none;color:var(--fg-3)}
.rl-srcs li.is-off{color:var(--fg-3)}
.rl-n{flex:none;color:var(--fg-3);font-variant-numeric:tabular-nums}
.rl-add{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0 8px}
.rl-add .fb-err{flex-basis:100%}
.rl-add .stg-in{max-width:100%}
.rl-ev li{display:flex;align-items:baseline;gap:12px;padding:6px 0;font-size:var(--t-co);line-height:var(--lh-co);color:var(--fg);border-top:1px solid var(--ln-4)}
.rl-ev li:first-child{border-top:0}
.rl-evd{flex:none;width:52px;color:var(--fg-3);font-variant-numeric:tabular-nums}
.rl-evb{flex:none;color:var(--fg-3);text-align:right}
.rl-empty .empty{padding:30px 16px 26px}
.rl-empty-a{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px}
.rl-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:12px 0 4px;padding:0;list-style:none}
.rl-steps li{display:flex;align-items:flex-start;gap:10px;font-size:var(--t-co);line-height:var(--lh-co);color:var(--fg-2)}
.rl-steps b{color:var(--fg);font-weight:var(--w-medium)}
.rl-sn{flex:none;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--bg-4);color:var(--fg-2);font-size:var(--t-sh);font-weight:var(--w-semibold)}

/* ---------- the sheets (ui/rulesheet.js) ---------- */
.rs-ov{position:fixed;inset:0;z-index:700;display:flex;align-items:flex-start;justify-content:center;padding:6vh 16px 16px;background:var(--scrim);animation:rs-fade var(--dur-2) var(--ease-out)}
.rs-sheet{width:min(480px,100%);max-height:88vh;display:flex;flex-direction:column;border-radius:var(--r-card);background:var(--elev);box-shadow:var(--sh-high),inset 0 0 0 1px var(--bd-tl);animation:rs-rise var(--dur-3) var(--ease-out)}
.rs-sheet.is-rule{width:min(720px,100%)}
.rs-sheet.is-sm{width:min(420px,100%)}
@keyframes rs-fade{from{opacity:0}}
@keyframes rs-rise{from{opacity:0;transform:translateY(6px)}}
@media (prefers-reduced-motion:reduce){.rs-ov,.rs-sheet{animation:none}}
.rs-hd{display:flex;align-items:flex-start;gap:12px;padding:18px 18px 8px 22px}
.rs-hd h2{margin:0;font-size:var(--t-t3);line-height:var(--lh-t3);font-weight:var(--w-semibold);letter-spacing:var(--ls-t3);color:var(--fg)}
.rs-hd p{margin:4px 0 0;font-size:var(--t-co);line-height:var(--lh-co);color:var(--fg-3);text-wrap:pretty}
.rs-x{flex:none;width:28px;height:28px;border-radius:var(--r-full);margin-top:-4px}
.rs-bd{display:flex;flex-direction:column;gap:6px;padding:6px 22px 16px;overflow-y:auto;min-height:0}
.rs-ft{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:8px;padding:12px 18px 16px 22px;border-top:1px solid var(--ln-3)}
.rs-ft .grow{flex:1}
.rs-ferr{display:inline-flex;align-items:center;gap:6px;font-size:var(--t-co);line-height:var(--lh-co);color:var(--neg)}
.rs-fnote{font-size:var(--t-co);line-height:var(--lh-co);color:var(--fg-3)}
.rs-sec{display:flex;flex-direction:column;gap:12px;padding:14px 0 6px;border-top:1px solid var(--ln-3)}
.rs-bd > .rs-sec:first-child{border-top:0;padding-top:4px}
.rs-sec > h3{display:flex;align-items:center;gap:8px;margin:0;font-size:var(--t-hl);line-height:var(--lh-hl);font-weight:var(--w-semibold);color:var(--fg)}
.rs-sec > h3 svg{color:var(--fg-3)}
.rs-f{display:flex;flex-direction:column;gap:6px;min-width:0}
.rs-fl{font-size:var(--t-co);line-height:var(--lh-co);font-weight:var(--w-medium);color:var(--fg-2)}
.rs-fh{margin:0;font-size:var(--t-co);line-height:var(--lh-co);color:var(--fg-3);text-wrap:pretty}
.rs-fc{display:flex;flex-direction:column;gap:8px;min-width:0}
.rs-f.is-err .stg-in,.rs-f.is-err .rs-chips,.rs-f.is-err .rs-step{box-shadow:0 0 0 1.5px var(--neg);border-radius:var(--r-full)}
.rs-f.is-err .rs-chips{border-radius:var(--r-12);padding:4px}
.rs-err{display:flex;align-items:center;gap:6px;margin:0;font-size:var(--t-co);line-height:var(--lh-co);color:var(--neg)}
.rs-radios{max-width:none}
.stg-rd.is-dis{opacity:.62;cursor:default}
.rs-dis{color:var(--fg-3) !important;font-style:normal}
.rs-sub{margin:-2px 0 0 26px}
.rs-vh{display:inline-flex;align-items:center;gap:8px;margin-top:6px;font-size:var(--t-co);color:var(--fg-3)}
.rs-chips{display:flex;flex-wrap:wrap;gap:6px}
.rs-chip{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 12px;border-radius:var(--r-full);box-shadow:inset 0 0 0 1px var(--bd-2);background:var(--bg);font-size:var(--t-co);line-height:var(--lh-co);font-weight:var(--w-medium);color:var(--fg-2);transition:var(--tr-ui)}
@media (hover:hover){.rs-chip:hover{background:var(--hover)}}
.rs-chip.is-on{background:color-mix(in srgb,var(--accent) 10%,var(--bg));box-shadow:inset 0 0 0 1.5px var(--accent);color:var(--fg)}
.rs-step{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;padding:2px}
.rs-stb{width:30px;height:30px;border-radius:var(--r-full);box-shadow:inset 0 0 0 1px var(--bd-2)}
.rs-stb[disabled]{opacity:.4;cursor:default}
.rs-stv{min-width:28px;text-align:center;font-size:var(--t-t3);line-height:var(--lh-t3);font-weight:var(--w-semibold);font-variant-numeric:tabular-nums}
.rs-stw{margin-left:6px;font-size:var(--t-co);color:var(--fg-3)}
.rs-inline{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.rs-ro{display:inline-flex;align-items:center;gap:6px;font-size:var(--t-body);line-height:var(--lh-body);color:var(--fg-2)}
.rs-ro svg{color:var(--fg-3)}
.rs-ro.is-block{display:block;margin:0;padding:9px 12px;border-radius:var(--r-12);background:var(--bg-3);font-size:var(--t-co);line-height:var(--lh-co)}
.rs-list{display:flex !important;flex-direction:column;gap:4px;list-style:none}
.rs-list b{font-weight:var(--w-medium);color:var(--fg)}
.rs-arr{font-size:var(--t-co);color:var(--fg-3)}
.rs-sel{height:32px;padding:0 30px 0 12px;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--fg-3) 50%),linear-gradient(135deg,var(--fg-3) 50%,transparent 50%);background-position:calc(100% - 15px) 14px,calc(100% - 10px) 14px;background-size:5px 5px;background-repeat:no-repeat;cursor:pointer}
.rs-fold{gap:0}
.rs-fold > summary{display:flex;align-items:center;gap:8px;min-height:32px;cursor:pointer;list-style:none;font-size:var(--t-hl);line-height:var(--lh-hl);font-weight:var(--w-semibold);color:var(--fg)}
.rs-fold > summary::-webkit-details-marker{display:none}
.rs-fold > summary svg{color:var(--fg-3)}
.rs-fold[open] > summary > svg:last-child{transform:rotate(180deg)}
.rs-fs{font-size:var(--t-co);font-weight:var(--w-regular);color:var(--fg-3)}
.rs-guards{display:flex;flex-direction:column;gap:6px;margin:8px 0 0;padding:0;list-style:none}
.rs-guards li{display:flex;align-items:flex-start;gap:8px;font-size:var(--t-co);line-height:var(--lh-co);color:var(--fg-2)}
.rs-guards li svg{flex:none;margin-top:2px;color:var(--pos)}
.rs-guards b{font-weight:var(--w-medium);color:var(--fg)}
.rs-p{margin:0;font-size:var(--t-body);line-height:var(--lh-body);color:var(--fg);text-wrap:pretty}
.rs-prev{display:flex;align-items:center;gap:8px;margin:0;padding:8px 12px;border-radius:var(--r-12);background:var(--bg-3);font-size:var(--t-co);color:var(--fg)}
.rs-appr{display:flex;flex-direction:column;gap:8px;padding:14px 0 4px;border-top:1px solid var(--ln-3)}
.rs-rec{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;font-size:var(--t-co);line-height:var(--lh-co);color:var(--fg-2)}
.rs-rec > svg{color:var(--fg-3)}
.rs-rec b{font-weight:var(--w-semibold);color:var(--fg)}
.rs-was{color:var(--fg-3)}
.rs-wid{display:flex;align-items:flex-start;gap:8px;margin:0;padding:9px 12px;border-radius:var(--r-12);background:var(--st-orange-bg);font-size:var(--t-co);line-height:var(--lh-co);color:var(--fg)}
.rs-wid > svg{flex:none;margin-top:2px;color:var(--warn)}
.rs-wid.is-ok{background:color-mix(in srgb,var(--c-green) 9%,var(--bg))}
.rs-wid.is-ok > svg{color:var(--pos)}
.rs-why{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:var(--r-12);background:var(--st-orange-bg)}
.rs-why > svg{flex:none;margin-top:2px;color:var(--warn)}
.rs-why p{margin:4px 0 0;font-size:var(--t-co);line-height:var(--lh-co);color:var(--fg-2)}
.rs-why b{font-size:var(--t-body);font-weight:var(--w-medium)}

/* ---------- Remind me ---------- */
.menu-btn.rm-btn.is-set{color:var(--fg)}
.menu-btn.rm-btn.is-set svg:first-child{color:var(--c-blue)}
.rm-sec{margin:2px 0 6px;padding-bottom:6px;border-bottom:1px solid var(--ln-2)}
.rm-hd{display:flex;align-items:center;gap:8px;padding:4px 8px 4px}
.rm-hd h4{margin:0;font-size:var(--t-co);line-height:var(--lh-co);font-weight:var(--w-semibold);color:var(--fg-2)}
.rm-n{font-size:var(--t-sh);line-height:var(--lh-sh);font-weight:var(--w-medium);color:var(--neg)}
.rm-n.is-calm{color:var(--fg-3)}
.rm-row{position:relative;display:flex;align-items:center;flex-wrap:wrap;gap:4px;border-radius:var(--r-8);transition:var(--tr-ui)}
.rm-sz{flex-basis:100%;display:flex;align-items:center;flex-wrap:wrap;gap:4px;padding:0 8px 8px 42px;font-size:var(--t-co);color:var(--fg-3)}
.rm-sz > span{margin-right:2px}
.rm-row:has(.rm-sz) .rm-acts{opacity:1}
.rm-row:focus-within{background:var(--hover)}@media (hover:hover){.rm-row:hover{background:var(--hover)}}
.rm-open{display:flex;align-items:center;gap:10px;flex:1;min-width:0;padding:8px 6px 8px 8px;text-align:left;background:none;border:0;cursor:pointer;color:inherit}
.rm-ic{flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--bg-4);color:var(--fg-3)}
.rm-row.is-due .rm-ic{background:var(--st-red-bg);color:var(--neg)}
.rm-t{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:var(--t-body);line-height:var(--lh-body);color:var(--fg);overflow:hidden;overflow-wrap:anywhere}   /* night fix (Oct 8): two lines, as the notification rows — never cut mid-word on one */
.rm-m{display:block;font-size:var(--t-co);line-height:var(--lh-co);color:var(--fg-3)}
.rm-late{color:var(--neg);font-weight:var(--w-medium)}
.rm-dot{flex:none;width:7px;height:7px;border-radius:50%;background:var(--neg)}
.rm-acts{display:flex;align-items:center;gap:2px;padding-right:4px;opacity:0;transition:opacity var(--dur-1) var(--ease-out)}
.rm-row:hover .rm-acts,.rm-row:focus-within .rm-acts{opacity:1}
.rm-a{width:28px;height:28px;border-radius:var(--r-full)}
.rm-more{margin:2px 8px 0;font-size:var(--t-co);color:var(--fg-3)}

/* ---------- Settings → Approvals: standing approvals ---------- */
.sa-card .sec-hd{flex-wrap:nowrap}
.sa-card .sec-hd .n{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sa-card .sec-hd .stg-btn{flex:none}
.sa-tbl .tbl-r{align-items:start}
.sa-tbl .k2{display:flex;flex-direction:column;gap:2px;min-width:0}
.sa-tbl .k2 .k{font-weight:var(--w-medium);color:var(--fg);white-space:normal;overflow:visible;text-overflow:clip;text-wrap:pretty}
.sa-tbl .k2 .u{font-size:var(--t-co);line-height:var(--lh-co);color:var(--fg-3);white-space:normal;text-wrap:pretty;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sa-tbl a.k.lk{color:var(--fg)}
@media (hover:hover){.sa-tbl a.k.lk:hover{color:var(--link);text-decoration:underline}}
.sa-acts{display:flex;justify-content:flex-end}
.sa-none{display:flex;align-items:center;gap:8px}

/* ---------- Actions: the standing rules ---------- */
.st-panel{margin-top:16px}
.st-item{padding:10px 0 12px;border-top:1px solid var(--ln-3)}
.st-panel > .sec-hd + .st-item{border-top:0}
.st-hd{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.st-n{font-size:var(--t-body);line-height:var(--lh-body);font-weight:var(--w-semibold);color:var(--fg)}
@media (hover:hover){.st-n:hover{color:var(--link);text-decoration:underline}}
.st-cad{font-size:var(--t-co);color:var(--fg-3)}
.st-why{display:flex;align-items:center;gap:6px;margin:6px 0 0;font-size:var(--t-co);color:var(--warn)}
.st-batch{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:10px 0 0;padding:0;list-style:none}
.st-b{display:flex;flex-direction:column;gap:2px;min-width:0;white-space:normal;padding:9px 11px;border-radius:var(--r-12);box-shadow:inset 0 0 0 1px var(--bd);background:var(--bg)}
.st-b.is-skipped{opacity:.55}
.st-bd{font-size:var(--t-sh);line-height:var(--lh-sh);font-weight:var(--w-semibold);color:var(--fg-3);text-transform:uppercase;letter-spacing:.02em}
.st-bt{white-space:normal;overflow-wrap:anywhere;font-size:var(--t-co);line-height:var(--lh-co);font-weight:var(--w-medium);color:var(--fg);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.st-bw{white-space:normal;font-size:var(--t-sh);line-height:var(--lh-sh);color:var(--fg-3);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.st-b.is-orange .st-bw{color:var(--warn)}
.cal-dot.indigo{background:var(--c-indigo)}

/* ---------- widths ---------- */
@media (max-width:1280px){
  .rl-sr{grid-template-columns:104px minmax(0,1fr) minmax(180px,.6fr);row-gap:8px}
  .rl-sr > .rl-acts{grid-column:2 / -1;justify-content:flex-start}
  .rl-pv{padding-left:124px}
  .rl-hh,.rl-hr{grid-template-columns:84px minmax(0,1.2fr) minmax(150px,.8fr) minmax(150px,.8fr) 28px;column-gap:12px}
}
@media (max-width:1100px){
  .rl-trial{grid-template-columns:minmax(0,1fr)}
  .rl-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .st-batch{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .cn > .pl-bar{flex-wrap:nowrap}
  .cn > .pl-bar .pl-tabs{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;max-width:100%;min-width:0;flex:1 1 auto}
  .cn > .pl-bar .pl-tabs::-webkit-scrollbar{display:none}
  .cn > .pl-bar .pl-tab{flex:none}
  .rl-sr{grid-template-columns:minmax(0,1fr);row-gap:6px}
  .rl-sr > .rl-acts{grid-column:auto}
  .rl-when{flex-direction:row;gap:8px}
  .rl-pv{padding:4px 12px 14px}
  .rl-hh{display:none}
  .rl-hr{grid-template-columns:minmax(0,1fr) 28px;row-gap:6px}
  .rl-hr > :not(:last-child){grid-column:1}
  .rl-hr > :last-child{grid-column:2;grid-row:1}
  .rl-hd2{flex-direction:row;gap:8px}
  .rl-flow{grid-template-columns:minmax(0,1fr);row-gap:2px}
  .rl-flow dd{margin-bottom:6px}
  .rl-tw{flex-direction:column;align-items:flex-start}
  .rs-ov{padding:12px}
  .rs-sheet{max-height:94vh}
  .rs-sub{margin-left:0}
  .st-batch{grid-template-columns:minmax(0,1fr)}
  .sa-tbl{overflow-x:auto}
  .sa-tbl .tbl-h,.sa-tbl .tbl-r{min-width:680px}
}

/* Content Studio iteration 3 (C3-4): an Autopilot draft shows what the Guide found — first-hand, facts, links, the reader — in words and icons */
.rl-gd{display:flex;gap:4px;align-items:flex-start;margin:2px 0 0;font-size:var(--t-co);line-height:var(--lh-co);color:var(--fg-3);text-wrap:pretty}
.rl-gd svg{flex:none;margin-top:3px}
.rl-gd.is-hold{color:var(--fg-2)}
.rl-gb{margin:10px 0 0;padding:10px 12px;border:1px solid var(--ln);border-radius:var(--r-8,8px)}
.rl-gb .rl-fh{display:flex;gap:6px;align-items:center;margin:0 0 6px;font-size:var(--t-co);line-height:var(--lh-co);font-weight:var(--w-medium);color:var(--fg-2)}
.rl-gl{display:flex;flex-direction:column;gap:4px;margin:0;padding:0;list-style:none}
.rl-gl li{display:flex;gap:6px;align-items:flex-start;font-size:var(--t-co);line-height:var(--lh-co);color:var(--fg-2)}
.rl-gl li svg{flex:none;margin-top:2px;color:var(--fg-3)}
.rl-gl li.is-warn svg{color:var(--warn)}
.rl-gl li b{font-weight:var(--w-medium);color:var(--fg)}
.rl-gb > .rl-why{display:flex;gap:6px;align-items:flex-start;margin:8px 0 0}
.rl-how{margin:6px 0 0;font-size:var(--t-co);line-height:var(--lh-co);color:var(--fg-2);text-wrap:pretty}
.rl-how b{font-weight:var(--w-medium);color:var(--fg-2)}
.rl-how.is-off{color:var(--fg-3)}