/* ===== Site Watch, Start from anywhere, Executor tests (Nov 1 2026). Every colour is a token. ===== */
.stw .sv-one,.stw > .sec.panel{margin-bottom:14px}
.stw > .sec.panel:not(.sv-tbl):not(.fd-sec){padding:16px 22px}
.stw-lead{margin:0 0 10px;font-size:var(--t-co);line-height:var(--lh-co);color:var(--fg-3)}
.stw-m{margin:0;font-size:var(--t-co);line-height:var(--lh-co);color:var(--fg-3)}
.stw-note{margin:10px 0 0;font-size:var(--t-co);line-height:var(--lh-co);color:var(--fg-3)}
.stw .fd-sec .stw-note{padding:0}
.stw-warn{display:flex;flex-direction:row;align-items:center;gap:16px;flex-wrap:wrap}
.stw-warn-t{display:flex;gap:12px;flex:1 1 320px;min-width:0}
.stw-warn-b{min-width:0}
.stw-warn h2{margin:0;font-size:var(--t-hl);line-height:var(--lh-hl);font-weight:var(--w-semibold)}
.stw-warn p{margin:2px 0 0;font-size:var(--t-body);line-height:var(--lh-body);color:var(--fg-2)}
.stw-warn p.stw-m{font-size:var(--t-co);line-height:var(--lh-co);color:var(--fg-3)}
.stw-warn-a{display:flex;gap:8px;flex:none}
.stw-what{display:flex;flex-direction:column;gap:10px}
.stw-what-r{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:4px 16px;font-size:var(--t-body);line-height:var(--lh-body);color:var(--fg-2)}
.stw-what-r b{font-weight:var(--w-medium);color:var(--fg)}
/* the timeline */
.stw-tl{list-style:none;margin:0;padding:0;position:relative}
.stw-tl-r{border-bottom:1px solid var(--ln-2)}
.stw-tl-r:last-child{border-bottom:0}
.stw-tl-a{display:grid;grid-template-columns:96px 22px minmax(0,1fr) auto 14px;align-items:start;column-gap:12px;padding:12px 8px;margin:0 -8px;border-radius:var(--r-6);color:inherit;text-decoration:none}
@media (hover:hover){.stw-tl-a:hover{background:var(--hover)}}
.stw-tl-a > svg{color:var(--fg-4);margin-top:4px}
.stw-tl-d{font-size:var(--t-co);line-height:var(--lh-body);color:var(--fg-3);font-variant-numeric:tabular-nums}
.stw-tl-m{width:22px;height:22px;border-radius:var(--r-full);display:grid;place-items:center;background:var(--st-green-bg);color:var(--st-green-fg)}
.is-broke .stw-tl-m{background:var(--st-red-bg);color:var(--st-red-fg)}
.stw-tl-b{display:flex;flex-direction:column;gap:2px;min-width:0}
.stw-tl-t{display:flex;align-items:flex-start;gap:8px;font-size:var(--t-body);line-height:var(--lh-body)}
.stw-tl-t b{font-weight:var(--w-medium)}
.stw-tl-t svg,.stw-tl-t img,.stw-tl-t > span:first-child{flex:none;margin-top:2px}
.stw-tl-s{font-size:var(--t-body);line-height:var(--lh-body);color:var(--fg-2)}
.stw-tl-w{font-size:var(--t-co);line-height:var(--lh-co);color:var(--fg-3)}
/* one event */
.stw-head-st{flex:none}
.stw-next-t{margin:0;font-size:var(--t-body);line-height:var(--lh-body);font-weight:var(--w-medium)}
.stw-why{margin:4px 0 0;font-size:var(--t-body);line-height:var(--lh-body);color:var(--fg-2)}
.stw-steps{list-style:decimal;margin:8px 0 0;padding-left:20px;font-size:var(--t-body);line-height:var(--lh-body);color:var(--fg-2)}
.stw-acts{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin-top:12px}
.stw-ba{margin:0}
.stw-one .pt-card > .stw-next-t,.stw-one .pt-card > .stw-why,.stw-one .pt-card > .stw-steps,.stw-one .pt-card > .stw-acts,.stw-one .pt-card > .stw-note,.stw-one .pt-card > .stw-ba,.stw-one .pt-card > .stw-tbl{margin-left:15px;margin-right:15px}
.stw-one .pt-card > :last-child{margin-bottom:6px}
.stw-tbl{display:flex;flex-direction:column;font-size:var(--t-body);line-height:var(--lh-body)}
.stw-tr{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(var(--stw-n),minmax(0,1fr));gap:8px;padding:9px 0;border-bottom:1px solid var(--ln-2);align-items:center}
.stw-tr:last-child{border-bottom:0}
.stw-tr.is-h{font-size:var(--t-sh);line-height:var(--lh-sh);font-weight:var(--w-medium);color:var(--fg-3);padding-top:0}
.stw-p{font-weight:var(--w-medium);overflow-wrap:anywhere}
.stw-c{display:inline-flex;align-items:center;gap:4px;font-size:var(--t-co);line-height:var(--lh-co);color:var(--fg-3)}
.stw-c.is-ok{color:var(--st-green-fg)}
.stw-c.is-bad{color:var(--st-red-fg);font-weight:var(--w-medium)}
.stw-c.is-na{color:var(--fg-4)}
.stw-c svg{flex:none}
/* the library's promise */
.stw-never{display:flex;flex-direction:row;gap:12px}
.stw-never h2{margin:0;font-size:var(--t-hl);line-height:var(--lh-hl);font-weight:var(--w-semibold)}
.stw-never p{margin:2px 0 0;font-size:var(--t-co);line-height:var(--lh-co);color:var(--fg-3)}
/* the Slack message and the state line */
.stw-pv-st{margin:10px 0;font-size:var(--t-co);line-height:var(--lh-co);color:var(--fg-2)}
.stw-pv-st svg{display:inline-block;vertical-align:-2px;margin-right:6px;color:var(--fg-3)}
.stw-pv-st.is-ok svg{color:var(--st-green-fg)}
.stw-sl{border:1px solid var(--bd-tl);border-radius:var(--r-12);overflow:hidden;background:var(--bg-2)}
.stw-sl-ch{display:flex;align-items:center;gap:6px;padding:8px 14px;border-bottom:1px solid var(--ln-2);font-size:var(--t-co);line-height:var(--lh-co);font-weight:var(--w-medium)}
.stw-sl-m{display:flex;gap:10px;padding:14px}
.stw-sl-av{flex:none;width:32px;height:32px;border-radius:var(--r-6);display:grid;place-items:center;background:var(--bg-4);color:var(--fg);font-size:var(--t-body);font-weight:var(--w-semibold)}
.stw-sl-b{min-width:0;flex:1}
.stw-sl-b p{margin:2px 0 0;font-size:var(--t-body);line-height:var(--lh-body);color:var(--fg-2);overflow-wrap:anywhere}
.stw-sl-b b{color:var(--fg);font-weight:var(--w-semibold)}
.stw-sl-n{display:flex;gap:8px;align-items:baseline}
.stw-sl-n span{font-size:var(--t-meta);line-height:var(--lh-meta);color:var(--fg-3)}
.stw-sl-b .stw-sl-s{font-size:var(--t-co);line-height:var(--lh-co);color:var(--fg-3)}
.stw-sl-a{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;align-items:center}
.stw-sl-ok{display:inline-flex;align-items:center;gap:4px;font-size:var(--t-body);font-weight:var(--w-medium);color:var(--st-green-fg)}
/* the complaint box */
.stw-cc{padding:4px 0 8px}
.stw-cc-l{display:flex;flex-direction:column;border-top:1px solid var(--ln-2)}
.stw-cc-r{display:grid;grid-template-columns:130px minmax(0,1fr) auto;gap:6px 14px;padding:10px 0;border-bottom:1px solid var(--ln-2);align-items:start}
.stw-cc-r:last-child{border-bottom:0}
.stw-cc-t{margin:0;font-size:var(--t-body);line-height:var(--lh-body)}
.stw-cc-a{display:flex;gap:12px;flex-wrap:wrap;font-size:var(--t-co);line-height:var(--lh-co)}
/* the executor cards */
.stw-g{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;font-size:var(--t-body);line-height:var(--lh-body);color:var(--fg-2)}
.stw-g li{display:flex;gap:6px;align-items:flex-start}
.stw-g svg{flex:none;margin-top:3px;color:var(--fg-3)}
.stw-g.is-ok svg{color:var(--st-green-fg)}
.stw-more{margin-top:6px}
.stw-more > summary{cursor:pointer;font-size:var(--t-co);line-height:var(--lh-co);color:var(--fg-2);padding:8px 0}
.stw-ts{display:flex;flex-direction:column}
.stw-t{display:grid;grid-template-columns:84px minmax(0,1fr);gap:8px;padding:7px 0;border-top:1px solid var(--ln-2);font-size:var(--t-body);line-height:var(--lh-body);color:var(--fg-2);align-items:baseline}
.stw-t-w{overflow-wrap:anywhere}
@media (max-width:760px){
  .stw-tl-a{grid-template-columns:22px minmax(0,1fr) 14px;row-gap:4px}
  .stw-tl-d{grid-column:2;grid-row:1}.stw-tl-m{grid-column:1;grid-row:1 / span 2}.stw-tl-b{grid-column:2;grid-row:2}.stw-tl-st{grid-column:2;grid-row:3}.stw-tl-a > svg{grid-column:3;grid-row:1}
  .stw-tr{grid-template-columns:repeat(2,minmax(0,1fr))}
  .stw-tr.is-h{display:none}
  .stw-p{grid-column:1 / -1}
  .stw-td::before{content:attr(data-label);display:block;font-size:var(--t-sh);line-height:var(--lh-sh);color:var(--fg-3)}
  .stw-what-r{grid-template-columns:minmax(0,1fr)}
  .stw-cc-r{grid-template-columns:minmax(0,1fr)}
  .stw-warn-a{width:100%}
}
.stw-who{display:flex;gap:6px;align-items:flex-start;margin:8px 0 0;font-size:var(--t-body);line-height:var(--lh-body);font-weight:var(--w-medium)}
.stw-who svg{flex:none;margin-top:3px;color:var(--fg-3)}
.stw-one .pt-card > .stw-who{margin-left:15px;margin-right:15px}
/* the settings screens: the header keeps its distance from what follows; the email stays a small sample */
.stw-card > .sec-hd{margin-bottom:10px}
.stw-frame{max-width:560px}
.stw-pv-to{margin:0 0 8px}
.stw-ft-l{margin:0 0 14px}
.stw-ex .stg-chip{white-space:nowrap}
@media (max-width:760px){
  .stw-card > .sec-hd{flex-wrap:wrap}
  .stw-card > .sec-hd .sec-ic ~ .n{flex-basis:100%;margin-left:33px}
  .stw a.lk,.stw .fd-back,.stw-card a.stg-a,.stw-card button.stg-a,.stw-card .pl-chip,.stw .pl-chip{min-height:32px;display:inline-flex;align-items:center}
  .stw-more > summary{min-height:32px;display:flex;align-items:center}
}