:root{
  color-scheme:dark;
  --ground:#08121c;--ground-2:#0c1a28;
  --tile:rgba(19,35,52,.82);--tile-solid:#122234;--tile-2:rgba(28,48,70,.66);--tile-line:rgba(160,200,230,.11);--line-strong:rgba(160,200,230,.22);
  --ink:#e8f1f7;--ink-2:#a5bccd;--muted:#8099ad;
  --accent:#4fc9f5;--accent-text:#6fd3f7;--accent-soft:rgba(79,201,245,.14);--on-accent:#04121c;
  --series:#4fc9f5;--r-low:#184f95;--r-med:#3987e5;--r-high:#9ec5f4;
  --c-money:#e8b45f;--c-money-bg:rgba(232,180,95,.14);--c-stock:#5fd3a1;--c-stock-bg:rgba(95,211,161,.14);
  --c-agent:#b49cff;--c-agent-bg:rgba(180,156,255,.14);--c-change:#6cb4ff;--c-change-bg:rgba(108,180,255,.14);
  --good:#5fd3a1;--good-bg:rgba(95,211,161,.14);--warn:#e8b45f;
  --focus:#a9e6ff;--shadow:0 1px 0 rgba(255,255,255,.03) inset,0 18px 40px -18px rgba(0,0,0,.55);
  --guide:#eef5fa;--guide-ink:#0b1824;--guide-2:#dbe7f0;--guide-mut:#4b5f72;--dim:rgba(3,8,14,.62);
  --f:"Geist","Segoe UI",system-ui,-apple-system,sans-serif;--f-serif:"Newsreader",Georgia,serif;
  --r:18px;--r-in:12px;--gap:12px;
}
@media (prefers-color-scheme:light){:root:not([data-theme="dark"]){
  color-scheme:light;
  --ground:#dde6f0;--ground-2:#cfdbe8;--tile:rgba(255,255,255,.86);--tile-solid:#fff;--tile-2:rgba(240,245,251,.95);--tile-line:rgba(20,40,70,.09);--line-strong:rgba(20,40,70,.22);
  --ink:#0e1824;--ink-2:#435365;--muted:#5a6a7c;--accent:#0b6e99;--accent-text:#0b6e99;--accent-soft:rgba(11,110,153,.10);--on-accent:#fff;
  --series:#0b6e99;--r-low:#86b6ef;--r-med:#2a78d6;--r-high:#104281;
  --c-money:#a8650c;--c-money-bg:rgba(168,101,12,.11);--c-stock:#1d7f55;--c-stock-bg:rgba(29,127,85,.10);--c-agent:#6a4fd1;--c-agent-bg:rgba(106,79,209,.10);--c-change:#1f6fc9;--c-change-bg:rgba(31,111,201,.10);
  --good:#1d7f55;--good-bg:rgba(29,127,85,.10);--warn:#a8650c;--focus:#0b63ce;
  --shadow:0 1px 0 rgba(255,255,255,.9) inset,0 14px 34px -16px rgba(30,50,80,.28);
  --guide:#0f1d2b;--guide-ink:#eef5fa;--guide-2:#1d3044;--guide-mut:#9fb3c4;--dim:rgba(14,24,36,.42);
}}
:root[data-theme="light"]{
  color-scheme:light;
  --ground:#dde6f0;--ground-2:#cfdbe8;--tile:rgba(255,255,255,.86);--tile-solid:#fff;--tile-2:rgba(240,245,251,.95);--tile-line:rgba(20,40,70,.09);--line-strong:rgba(20,40,70,.22);
  --ink:#0e1824;--ink-2:#435365;--muted:#5a6a7c;--accent:#0b6e99;--accent-text:#0b6e99;--accent-soft:rgba(11,110,153,.10);--on-accent:#fff;
  --series:#0b6e99;--r-low:#86b6ef;--r-med:#2a78d6;--r-high:#104281;
  --c-money:#a8650c;--c-money-bg:rgba(168,101,12,.11);--c-stock:#1d7f55;--c-stock-bg:rgba(29,127,85,.10);--c-agent:#6a4fd1;--c-agent-bg:rgba(106,79,209,.10);--c-change:#1f6fc9;--c-change-bg:rgba(31,111,201,.10);
  --good:#1d7f55;--good-bg:rgba(29,127,85,.10);--warn:#a8650c;--focus:#0b63ce;
  --shadow:0 1px 0 rgba(255,255,255,.9) inset,0 14px 34px -16px rgba(30,50,80,.28);
  --guide:#0f1d2b;--guide-ink:#eef5fa;--guide-2:#1d3044;--guide-mut:#9fb3c4;--dim:rgba(14,24,36,.42);
}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(1200px 600px at 80% -10%,var(--ground-2),var(--ground) 60%) fixed,var(--ground);color:var(--ink);font:15px/1.5 var(--f);font-variant-numeric:tabular-nums}
.wrap{max-width:1320px;margin:0 auto;padding-inline:16px;padding-block:28px 64px;display:grid;gap:22px}
h1,h2,h3{text-wrap:balance;margin:0;letter-spacing:-.022em}
h1{font-family:var(--f-serif);font-weight:600;font-size:clamp(30px,4.4vw,46px);line-height:1.08}
h2{font-size:20px;font-weight:680}
p{margin:0}
button{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.lede{color:var(--ink-2);max-width:74ch}
.top{display:grid;gap:12px}
.eyebrow{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-text);font-weight:600}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{border:1px solid var(--tile-line);background:var(--tile);border-radius:999px;padding:5px 12px;font-size:13px;color:var(--ink-2)}
.chip b{color:var(--ink);font-weight:600}
.note{border:1px dashed var(--tile-line);border-radius:var(--r-in);padding:10px 14px;font-size:13px;color:var(--ink-2)}
.tile{background:var(--tile);border:1px solid var(--tile-line);border-radius:var(--r);box-shadow:var(--shadow)}
.vbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}
.seg{display:inline-flex;border:1px solid var(--tile-line);border-radius:999px;padding:3px;background:var(--tile)}
.seg button{all:unset;cursor:pointer;padding:5px 14px;border-radius:999px;font-size:13px;color:var(--ink-2)}
.seg button[aria-pressed="true"]{background:var(--accent);color:var(--on-accent);font-weight:600}
.seg button:focus-visible{outline:2px solid var(--focus)}
.btn{cursor:pointer;border:1px solid var(--tile-line);background:var(--tile-2);border-radius:10px;padding:7px 14px;font-size:13.5px;font-weight:550;text-align:center}
.btn:hover{border-color:var(--accent)}
.btn.pri{background:var(--accent);color:var(--on-accent);border-color:transparent}
.btn[disabled]{opacity:.45;cursor:not-allowed}
.btn.sm{padding:5px 11px;font-size:13px}
.btn.lock{opacity:.55;cursor:help;border-style:dashed}
.btn.lock::before{content:"⊘ "}

/* device + layout */
.device{border-radius:22px;border:1px solid var(--tile-line);background:var(--ground);overflow:clip;position:relative;container-type:inline-size;margin-inline:auto;width:100%}
.device.phone{max-width:390px;border-radius:34px;border-width:8px;border-color:var(--tile-2)}
.app{display:grid;grid-template-columns:1fr 300px;min-height:720px;position:relative;align-items:start}
@container (max-width:760px){.app{grid-template-columns:1fr}}
.prod{padding:14px;display:grid;gap:var(--gap);align-content:start;min-width:0;container-type:inline-size;position:relative;overflow:clip}


/* spotlight: one dim layer with the target cut out of it, outlined; the target itself is untouched */
#spot{position:absolute;z-index:7;pointer-events:none;border-radius:12px;box-shadow:0 0 0 2px var(--accent),0 0 0 6px var(--accent-soft),0 0 0 200vmax var(--dim);transition:left .2s,top .2s,width .2s,height .2s}
@media (prefers-reduced-motion:reduce){#spot{transition:none}}
.target{position:relative;z-index:8}
.guide .target{box-shadow:0 0 0 2px var(--accent),0 0 0 6px var(--accent-soft)}

/* product parts */
.wsbar{display:flex;gap:4px;overflow-x:auto;padding:4px;border-radius:14px;background:var(--tile);border:1px solid var(--tile-line);scrollbar-width:none}
.wsbar button{all:unset;cursor:pointer;flex:0 0 auto;padding:6px 11px;border-radius:10px;font-size:13px;color:var(--ink-2);white-space:nowrap}
.wsbar button:hover{color:var(--ink)}
.wsbar button:focus-visible{outline:2px solid var(--focus)}
.wsbar button[aria-current="page"]{background:var(--accent-soft);color:var(--ink);font-weight:600}
.brand{font-weight:700;letter-spacing:.02em;color:var(--ink);padding:6px 12px 6px 10px;font-size:13px}
.tabs{display:flex;gap:4px;flex-wrap:wrap;justify-self:start;border-radius:10px}
.tabs button{all:unset;cursor:pointer;font-size:13px;padding:5px 10px;border-radius:8px;color:var(--ink-2)}
.tabs button:focus-visible{outline:2px solid var(--focus)}
.tabs button[aria-selected="true"]{background:var(--accent-soft);color:var(--ink);font-weight:600}
.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gap)}
.s12{grid-column:span 12}.s8{grid-column:span 8}.s7{grid-column:span 7}.s6{grid-column:span 6}.s5{grid-column:span 5}.s4{grid-column:span 4}
@container (max-width:700px){.s8,.s7,.s6,.s5,.s4{grid-column:span 12}}
.t{padding:14px 16px;display:grid;gap:10px;align-content:start;min-width:0}
.th{display:flex;justify-content:space-between;gap:8px;align-items:baseline;flex-wrap:wrap}
.th h3{font-size:15px;font-weight:650}
.meta{font-size:12.5px;color:var(--muted)}
.hero h2{font-family:var(--f-serif);font-weight:600;font-size:clamp(22px,4cqi,30px);line-height:1.15}
.pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;border-radius:999px;padding:2px 9px;background:var(--good-bg);color:var(--good);font-weight:600;white-space:nowrap}
.pill::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.pill.money{background:var(--c-money-bg);color:var(--c-money)}
.pill.stock{background:var(--c-stock-bg);color:var(--c-stock)}
.pill.agent{background:var(--c-agent-bg);color:var(--c-agent)}
.pill.change{background:var(--c-change-bg);color:var(--c-change)}
.pill.quiet{background:var(--tile-2);color:var(--ink-2)}
.pill.prop{background:var(--c-money-bg);color:var(--warn)}
.link{color:var(--accent-text);font-size:13.5px;font-weight:550;cursor:pointer;background:none;border:0;padding:0;text-align:left;border-radius:6px}
.cards{display:grid;gap:8px}
.card{display:grid;grid-template-columns:1fr auto;gap:3px 12px;padding:11px 13px;border-radius:var(--r-in);background:var(--tile-2);border:1px solid var(--tile-line);text-align:left;cursor:pointer;width:100%;border-left:3px solid var(--fam,var(--accent));transition:transform .12s}
.card:hover{transform:translateY(-1px)}
.card[aria-current="true"]{outline:1px solid var(--accent)}
.card .nm{font-weight:600;font-size:14px}
.card .sub{font-size:12.5px;color:var(--muted);grid-column:1}
.card .num{grid-row:1/3;grid-column:2;text-align:right;font-weight:650;font-size:15px;align-self:center}
.card .num small{display:block;font-size:11.5px;color:var(--muted);font-weight:500}
.card.done{opacity:.62}
.row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:9px 11px;border-radius:10px;background:var(--tile-2);font-size:13.5px}
.row.click{cursor:pointer;border:0;text-align:left;width:100%}
.row.new{outline:1px solid var(--accent);background:linear-gradient(var(--accent-soft),var(--accent-soft)),var(--tile-2)}
.under{grid-column:1/-1;font-size:13px;color:var(--ink-2);padding-top:4px}
dl.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:8px;margin:0}
dl.facts div{background:var(--tile-2);border-radius:10px;padding:8px 10px}
dt{font-size:11.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}
dd{margin:2px 0 0;font-weight:600;font-size:14px}
.rule{font-size:14px;border-left:2px solid var(--accent);padding:4px 0 4px 12px}
.ex{display:grid;gap:6px}
.ex button{all:unset;cursor:pointer;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:8px 10px;border-radius:10px;background:var(--tile-2);font-size:13.5px}
.ex button:focus-visible{outline:2px solid var(--focus)}
.ex .i{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:12px;border:1px solid var(--tile-line)}
.ex .seen .i{background:var(--good-bg);color:var(--good);border-color:transparent}
.ex .det{grid-column:1/-1;color:var(--ink-2);font-size:13px;padding-left:32px}
.acts{display:flex;flex-wrap:wrap;gap:8px;align-items:center;border-radius:12px}
.basis{font-size:13px;color:var(--ink-2)}
.ok{display:grid;gap:4px;padding:11px 13px;border-radius:var(--r-in);background:var(--good-bg)}
.ok b{color:var(--good)}
.trail{font-size:12.5px;color:var(--muted)}
.field{display:grid;gap:5px;font-size:13px;color:var(--ink-2)}
.field select,.field textarea{font:inherit;color:var(--ink);background:var(--tile-solid);border:1px solid var(--tile-line);border-radius:10px;padding:8px 10px}
.fig{display:grid;gap:2px;padding:12px 14px;border-radius:var(--r-in);background:var(--tile-2)}
.fig b{font-size:26px;font-weight:650;letter-spacing:-.02em;line-height:1.1}
.fig span{font-size:12.5px;color:var(--muted)}
.figs{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}
.four{display:grid;grid-template-columns:1fr 1fr;gap:8px}
@container (max-width:520px){.four{grid-template-columns:1fr}}
.four div{background:var(--tile-2);border-radius:10px;padding:9px 11px;font-size:13.5px}
.four b{display:block;font-size:11.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600;margin-bottom:2px}
.crit{display:grid;gap:6px}
.crit label{display:flex;gap:10px;align-items:flex-start;padding:8px 10px;border-radius:10px;background:var(--tile-2);font-size:13.5px;cursor:pointer}
.crit input{margin-top:3px;accent-color:var(--accent)}
.why-lock{font-size:12.5px;color:var(--warn);flex-basis:100%}

/* charts */
.chart{display:grid;gap:6px;min-width:0}
.chart-h{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.chart-h h4{margin:0;font-size:14px;font-weight:650}
.chart-h button{all:unset;cursor:pointer;color:var(--accent-text);font-size:12px;font-weight:700}
.chart-h button:focus-visible{outline:2px solid var(--focus)}
.plot{min-height:40px;width:100%}
.plot svg{display:block;width:100%;height:auto;overflow:visible}
.ax{fill:var(--ink-2);font-size:11px}
.lb{fill:var(--ink);font-size:11px;font-weight:650}
.legend{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12px;color:var(--ink-2)}
.legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}
table.tv{width:100%;border-collapse:collapse;font-size:12.5px}
table.tv th,table.tv td{text-align:left;padding:4px 6px;border-bottom:1px solid var(--tile-line)}
table.tv td:last-child,table.tv th:last-child{text-align:right}
.tip{position:fixed;z-index:50;pointer-events:none;background:var(--tile-solid);color:var(--ink);border:1px solid var(--line-strong);border-radius:8px;padding:5px 9px;font-size:12.5px;box-shadow:var(--shadow);max-width:260px}

/* the guide: fixed size, pinned; nothing in it grows */
.guide{background:var(--guide);color:var(--guide-ink);padding:14px;display:grid;grid-template-rows:auto 96px minmax(0,1fr) 212px auto;gap:10px;align-content:stretch;border-left:1px solid var(--tile-line);position:sticky;top:env(safe-area-inset-top,0px);height:720px;overflow:hidden}
.gh{display:grid;grid-template-columns:1fr auto;gap:6px 8px;align-items:baseline}
.gh b{font-size:12px;letter-spacing:.06em;text-transform:uppercase;opacity:.75}
.gh .prog{font-size:13px;font-weight:650}
.gbar{grid-column:1/-1;height:5px;border-radius:5px;background:var(--guide-2);overflow:hidden}
.gbar i{display:block;height:100%;background:var(--accent);transition:width .3s}
.now{display:grid;align-content:start;gap:4px;padding:10px 12px;border-radius:12px;background:var(--guide-2);overflow:hidden}
.now span{font-size:11.5px;font-weight:650;letter-spacing:.04em;text-transform:uppercase;opacity:.75}
.now p{font-size:14.5px;font-weight:600;line-height:1.35;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.now .toast{font-size:13px;font-weight:650;color:var(--good);text-transform:none;letter-spacing:0;opacity:1}
.mwrap{overflow-y:auto;min-height:0;overscroll-behavior:contain;border-radius:10px;scrollbar-width:thin}
.mwrap h6{margin:0 0 4px;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--guide-mut);font-weight:650}
.mlist{display:grid;gap:2px;list-style:none;margin:0;padding:0;align-content:start}
.mlist .of{font-size:11.5px;color:var(--guide-mut);font-weight:550}
.mlist .locked>button{opacity:.6}
.now .endnow{justify-self:start;margin-top:4px}
.mlist>li>button{all:unset;cursor:pointer;display:grid;grid-template-columns:20px 1fr auto;gap:8px;align-items:center;width:100%;padding:6px 8px;border-radius:9px;font-size:13.5px;font-weight:600;box-sizing:border-box}
.mlist>li>button:hover{background:var(--guide-2)}
.mlist>li>button:focus-visible{outline:2px solid var(--focus)}
.mlist .box{width:16px;height:16px;border-radius:5px;border:1.5px solid currentColor;display:grid;place-items:center;font-size:11px;opacity:.7}
.mlist .done .box{background:var(--good);border-color:var(--good);color:#04121c;opacity:1}
.mlist .done>button{color:var(--guide-mut);font-weight:550}
.mlist .opt{font-size:11.5px;font-weight:500;color:var(--guide-mut)}
.mlist .cur>button{background:var(--guide-2)}
.steps{list-style:none;margin:2px 0 4px 36px;padding:0;display:grid;gap:2px;font-size:12.5px;color:var(--guide-mut)}
.steps li{line-height:1.35}
.steps li::before{content:"○ "}
.steps li.ok{color:var(--guide-ink)}
.steps li.ok::before{content:"✓ ";color:var(--good)}
.steps li.here{color:var(--guide-ink);font-weight:650}
.steps li.here::before{content:"→ ";color:var(--accent)}
.sec{border-top:1px solid var(--guide-2);padding-top:10px;display:grid;gap:6px;align-content:start;overflow:hidden;height:212px}
.sec .st{display:flex;justify-content:space-between;gap:8px;align-items:baseline;font-size:12px;font-weight:650;letter-spacing:.05em;text-transform:uppercase;opacity:.85}
.sec .st span{text-transform:none;letter-spacing:0;font-weight:600;color:var(--guide-mut)}
.sec ul{margin:0;padding-left:16px;display:grid;gap:3px;font-size:12.5px;color:var(--guide-mut)}
.sec .try{font-size:13px;font-weight:650;display:flex;gap:8px;align-items:center}
.sec .try i{font-style:normal;width:16px;height:16px;border-radius:5px;border:1.5px solid currentColor;display:inline-grid;place-items:center;font-size:11px;flex:0 0 auto}
.sec .try.done i{background:var(--good);border-color:var(--good);color:#04121c}
.dots{display:flex;gap:4px;flex-wrap:wrap}
.dots i{width:8px;height:8px;border-radius:50%;background:var(--guide-2)}
.dots i.on{background:var(--good)}
.gfoot{display:grid;gap:6px;align-content:end}
.gfoot .btn{background:var(--accent);color:var(--on-accent);border-color:transparent}
.gfoot .btn[disabled]{background:var(--guide-2);color:var(--guide-mut)}
.gfoot .sm2{all:unset;cursor:pointer;font-size:12.5px;color:var(--guide-mut);text-align:center}
.gfoot .sm2:focus-visible{outline:2px solid var(--focus)}
.gtoggle{all:unset;cursor:pointer;font-size:12.5px;font-weight:650;display:none}
/* phones: a fixed bottom bar; "More" opens a sheet over the page, so nothing jumps */
@container (max-width:760px){
  .guide{position:sticky;bottom:0;top:auto;height:132px;grid-template-rows:auto 1fr;border-left:0;border-top:1px solid var(--tile-line);border-radius:18px 18px 0 0;padding:10px 14px;gap:8px;box-shadow:0 -14px 30px -14px rgba(0,0,0,.5);z-index:8}
  .guide .mwrap,.guide .sec,.guide .gfoot{display:none}
  .guide.sheet{height:600px;margin-top:-468px;grid-template-rows:auto 96px minmax(0,1fr) 200px auto}
  .guide.sheet .mwrap{display:block}.guide.sheet .sec,.guide.sheet .gfoot{display:grid}
  .guide.sheet .sec{height:200px}
  .gtoggle{display:inline}
  .now{padding:7px 10px}.now p{font-size:13.5px;-webkit-line-clamp:2}
}
/* the report, opened under the boxes: its real slides, stacked */
.report{display:grid;gap:12px}
.slides{display:grid;gap:12px;grid-template-columns:1fr}
.slide{background:#fff;color:#1f1f1f;border-radius:6px;box-shadow:0 10px 30px -14px rgba(0,0,0,.6);padding:3.2% 4.2%;display:grid;align-content:start;gap:1.6cqi;container-type:inline-size;font-family:Calibri,Carlito,"Segoe UI",Arial,sans-serif;aspect-ratio:16/9;overflow:hidden}
.slide h5{margin:0;font-size:max(13px,3.4cqi);font-weight:400;line-height:1.15;color:#000}
.slide.title{place-content:center;text-align:center}
.slide.title h5{font-size:max(18px,5.2cqi)}
.slide.title p{font-size:max(11px,2.4cqi);color:#595959}
.slide ul{margin:0;padding-left:1.2em;display:grid;gap:.6cqi;font-size:max(10.5px,1.9cqi)}
.slide .sbody{display:grid;grid-template-columns:1fr 1fr;gap:3cqi;align-items:start}
.slide .sbody.one{grid-template-columns:1fr}
.slide table{border-collapse:collapse;font-size:max(9.5px,1.55cqi);width:100%}
.slide th,.slide td{border:1px solid #fff;padding:.5cqi .8cqi;text-align:left}
.slide th{background:#4472c4;color:#fff;font-weight:700}
.slide td{background:#cfd5ea}
.slide tr:nth-child(odd) td{background:#e9ebf5}
.slide .more{font-size:max(9.5px,1.4cqi);color:#595959}
.slide svg text{font-family:Calibri,Carlito,"Segoe UI",Arial,sans-serif}
@container (max-width:560px){.slide{aspect-ratio:auto}.slide .sbody{grid-template-columns:1fr}}
.files{display:flex;flex-wrap:wrap;gap:6px}
.files span{font-size:12px;border:1px solid var(--tile-line);border-radius:8px;padding:3px 8px;color:var(--ink-2)}
/* Engine 10 team tile (Track A, direction A) */
.say{font-size:20px;font-weight:700;letter-spacing:-.02em;line-height:1.25}
.say .hi{color:var(--accent-text)}
.chipsx{display:flex;flex-wrap:wrap;gap:6px}
.chipx{background:var(--tile-2);border-radius:8px;padding:4px 8px;font-size:12px;color:var(--ink-2)}
.chipx b{color:var(--ink);font-size:13px}
.chipx.as{box-shadow:inset 0 0 0 1px var(--warn)}
.form{display:grid;gap:8px;padding:10px;border-radius:10px;background:var(--tile-solid);border:1px solid var(--tile-line)}
.form .rowf{display:flex;flex-wrap:wrap;gap:8px;align-items:end}
.form label{display:grid;gap:4px;font-size:12.5px;color:var(--ink-2)}
.form select,.form input,.form textarea{font:inherit;font-size:13.5px;color:var(--ink);background:var(--tile-2);border:1px solid var(--tile-line);border-radius:8px;padding:6px 8px}
.form input{width:110px}
.overlay{position:absolute;inset:0;display:grid;place-items:center;padding:16px;background:color-mix(in srgb,var(--ground) 64%,transparent);backdrop-filter:blur(3px);z-index:9}
.mk{max-width:500px;width:100%;padding:26px 24px;border-radius:22px;background:var(--tile-solid);border:1px solid var(--tile-line);box-shadow:var(--shadow);display:grid;gap:14px}
.mk h2{font-family:var(--f-serif);font-size:clamp(26px,6cqi,34px);font-weight:600;line-height:1.1}
.mk p{color:var(--ink-2)}
.mk .small{font-size:12.5px;color:var(--muted)}
.mk .mv{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--c-money);font-weight:700}
.real{font-size:13px;color:var(--ink-2);padding:12px 16px;display:grid;gap:4px}
.real b{color:var(--ink);font-weight:600}
code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;background:var(--tile-2);padding:1px 5px;border-radius:5px}
.notes{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap)}
@media (max-width:860px){.notes{grid-template-columns:1fr}}
.notes h2{font-size:17px}
.notes ul{margin:0;padding-left:18px;color:var(--ink-2);display:grid;gap:7px;font-size:14px}
.notes li b{color:var(--ink)}
.pv-head{display:grid;gap:10px}
.pv-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.pv-brand{color:var(--ink);text-decoration:none;font-weight:700;letter-spacing:.02em}
.pv-label{font-size:12.5px;color:var(--warn);border:1px solid currentColor;border-radius:999px;padding:3px 10px}
.pv-cta a{color:var(--accent-text);font-weight:600}