/* An agent's daily log page (2026-10-15; tools/agents/build_agent_days.py; Mary's spec, Picks project claude/daylog/mary-spec.md).
   Loaded after site.css, writers.css, lolo.css and the agent's own sheet, which maps its accent onto --ag-acc, --ag-soft and --ag-line
   with a dark twin. Tokens only, so the theme toggle moves everything. Accent text sits only on --paper (Nelly's accent is 4.51:1 on
   --surface-2 in dark). Every value is in the HTML; assets/agent-day.js only adds Open all, Copy and Check. */

/* the day bar: previous, the day, next. Three tracks always, so the centre never moves on the first or newest page */
.dl-nav{background:var(--bg);border-bottom:1px solid var(--line)}
.dl-nav--top{position:sticky;top:var(--hd-h,64px);z-index:20}
.dl-nav--foot{border-top:1px solid var(--line);border-bottom:0;margin-top:8px}
.dl-nav-in{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;padding-top:8px;padding-bottom:8px}
.dl-nav-a{display:flex;flex-direction:column;justify-content:center;min-height:44px;padding:4px 14px;border:1px solid var(--line-3,var(--line-2));border-radius:var(--r,12px);background:var(--paper);color:var(--ink);text-decoration:none}
.dl-nav-a{justify-self:start;min-width:min(220px,100%)}
.dl-nav-a.is-none{visibility:hidden}
.dl-nav-next{justify-self:end;text-align:right;align-items:flex-end}
.dl-nav-k{font:700 15px/1.2 var(--sans);color:var(--ink)}
.dl-nav-d{font:500 13px/1.3 var(--sans);color:var(--ink-2)}
.dl-nav-prev .dl-nav-k::before{content:"\2039\00a0"}
.dl-nav-next .dl-nav-k::after{content:"\00a0\203A"}
.dl-nav-mid{display:flex;flex-direction:column;align-items:center;min-height:44px;justify-content:center;padding:0 8px;color:var(--ink);text-decoration:none;text-align:center}
.dl-nav-mid b{font:800 15px/1.2 var(--sans)}
.dl-nav-mid span{font:600 12.5px/1.3 var(--sans);color:var(--brand-ink);text-decoration:underline;text-underline-offset:2px}
.dl-nav-a:hover{border-color:var(--ag-line,var(--line-2))}
.dl-nav a:focus-visible{outline:2px solid var(--focus,var(--brand-ink));outline-offset:2px}
@media (max-width:720px){.dl-nav--top{position:static}.dl-nav-mid span{display:none}.dl-nav-a{padding:4px 10px}.dl-nav-k{font-size:14px}}

/* on one column the day's Record card comes before the week and the log (Mary, section 5) */
@media (max-width:980px){.dl-body .wr-rail{order:-1}}
/* the day's two big figures stack (2026-10-15): a $10,000 roll that closes above $10,000 is wider than half the 360px rail, and the
   figures never wrap, so side by side they pushed the card past the page edge (LoLo Oct 7, +$9,406.78; WoJi Oct 14). As Expand does,
   at 30px so an eleven-character figure fits the rail. */
.dl-body .lo-sb .wr-sb-grid{grid-template-columns:minmax(0,1fr)}
.dl-body .lo-sb .wr-sb-grid>.wr-sb-big+.wr-sb-big{border-top:1px solid var(--line)}
.dl-body .lo-sb .wr-sb-big dd{font-size:30px}
.dl-body .wr-rail-in{grid-template-columns:minmax(0,1fr)}
.dl-nw{white-space:nowrap}

/* the hero */
.dl-hero .wrap{padding-top:18px;padding-bottom:22px}
.dl-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-top:14px}
.dl-h1{margin:6px 0 0;font-size:clamp(28px,4vw,44px);line-height:1.08}
.dl-h1 span{display:inline-block}
.dl-av{flex:none}
.dl-av img{display:block;width:144px;height:144px;border-radius:50%;background:var(--paper);border:3px solid var(--ag-line,var(--line));box-shadow:var(--shadow)}   /* Jay, 2026-10-16: "make the avatar bigger" (was 72px) */
@media (max-width:980px){.dl-av img{width:112px;height:112px}}
.dl-result{margin:12px 0 0;font:600 16px/1.45 var(--sans);color:var(--ink-2)}
.dl-result b{font-weight:800}.dl-result .is-gain{color:var(--gain)}.dl-result .is-loss{color:var(--drop)}
.dl-answer{max-width:62em;margin:14px 0 0;font:400 16px/1.6 var(--sans);color:var(--ink)}
.dl-stamp{margin:12px 0 0;font:500 13px/1.5 var(--sans);color:var(--ink-3)}
@media (max-width:720px){.dl-av img{width:76px;height:76px;border-width:2px}}

/* sections in the main column */
.dl-main>section+section{margin-top:22px}
.dl-sec-h{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap}
.dl-sec-s{font:600 12px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.dl-fine{margin:8px 0 0;font:500 12.5px/1.5 var(--sans);color:var(--ink-3)}

/* the week strip, Sunday to Saturday, to date */
.dl-wk-l{margin:12px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}
.dl-wk-c>a,.dl-wk-c>div,.dl-wk-c.is-after,.dl-wk-c.is-closed{display:flex;flex-direction:column;gap:4px;min-height:88px;padding:10px;border:1px solid var(--line);border-radius:var(--r,12px);background:var(--surface-2);color:var(--ink);text-decoration:none;font-variant-numeric:tabular-nums}
.dl-wk-c.is-closed{border-style:dashed;border-color:var(--line-2);background:transparent}
.dl-wk-c.is-after{background:transparent}
.dl-wk-c.is-this>div{outline:2px solid var(--ag-acc,var(--ink));outline-offset:-2px;background:var(--paper)}
.dl-wk-c>a:hover{border-color:var(--ag-line,var(--line-2))}
.dl-wk-d{font:700 11px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.dl-wk-c.is-this .dl-wk-d{color:var(--ink)}
.dl-wk-n{font:800 16px/1.1 var(--cond,var(--sans));color:var(--ink);white-space:nowrap;letter-spacing:-.01em}
@media (max-width:1180px){.dl-wk-n{font-size:14px}}
.dl-wk-c.is-after .dl-wk-n,.dl-wk-c.is-closed .dl-wk-n{font:600 12px/1.3 var(--sans);color:var(--ink-3);white-space:normal}
.dl-wk-n.is-gain{color:var(--gain)}.dl-wk-n.is-loss{color:var(--drop)}
.dl-wk-p{font:600 12px/1.2 var(--sans);color:var(--ink-2)}
.dl-wk-k{display:none}
.dl-wk-s{margin:10px 0 0;font:600 14px/1.5 var(--sans);color:var(--ink-2)}
.dl-wk-s b{color:var(--ink)}.dl-wk-s .is-gain{color:var(--gain)}.dl-wk-s .is-loss{color:var(--drop)}
@media (max-width:720px){
  .dl-wk-l{gap:4px}
  .dl-wk-c>a,.dl-wk-c>div,.dl-wk-c.is-after,.dl-wk-c.is-closed{min-height:64px;padding:6px 4px;align-items:center;text-align:center}
  .dl-wk-n{font-size:12px;letter-spacing:-.02em}.dl-wk-p{display:none}.dl-wk-f{display:none}.dl-wk-k{display:inline}
  .dl-wk-c.is-after .dl-wk-n,.dl-wk-c.is-closed .dl-wk-n{font-size:9.5px;line-height:1.2;letter-spacing:0;hyphens:none;overflow-wrap:anywhere}
}

/* Trading sessions (Jay, 2026-10-16; Mary: docs/PLAN-2026-10-16-trading-sessions.md). Tokens only. The day comes in parts
   (before the US open, while it is open, after the close), each with its own time meter: the part's sessions as labelled blocks
   on a clock, market moments pinned above, edge times below, and the cards under it in the same order. Sized by the section's
   own width (container queries): cards side by side from 520px, a compact list below. Cards share rows through subgrid. */
.ts{container-type:inline-size;margin-top:28px}
.ts-h{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 10px}
.ts-h .wr-h{margin:0}
.ts-tz{margin:0;font:700 10.5px/1.2 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);white-space:nowrap}
.ts .is-gain{color:var(--gain)}.ts .is-loss{color:var(--drop)}.ts .is-flat{color:var(--ink-3)}
/* the day at a glance: each part at its true length, a link to the part */
.ts-day{display:flex;gap:4px;margin:0 0 18px}
.ts-dp{display:flex;flex-direction:column;gap:2px;min-width:0;padding:8px 10px;border-radius:10px;border:1px solid var(--line);border-top:3px solid var(--line-2);background:var(--paper);color:var(--ink);text-decoration:none}
.ts-dp:hover{border-color:var(--line-3,var(--line-2))}
.ts-dp:focus-visible{outline:2px solid var(--focus,var(--brand-ink));outline-offset:2px}
.ts-dp.is-gain{border-top-color:var(--gain)}.ts-dp.is-loss{border-top-color:var(--drop)}
.ts-dpk{font:700 10px/1.2 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ts-dp b{font:800 18px/1.1 var(--cond);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ts-dp.is-flat b{color:var(--ink-3)}
.ts-dpt{font:500 11px/1.2 var(--sans);color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}
/* a part */
.ts-g{margin:0 0 22px;scroll-margin-top:72px}
.ts-gh{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:0 0 10px;padding-bottom:8px;border-bottom:1px solid var(--line)}
.ts-gh h3{margin:0;font:800 20px/1.1 var(--cond);letter-spacing:.01em;text-transform:uppercase;color:var(--ink)}
.ts-gt{margin:3px 0 0;font:600 12px/1.2 var(--sans);color:var(--ink-3);font-variant-numeric:tabular-nums}
.ts-gs{display:flex;flex-direction:column;align-items:flex-end;gap:2px;margin:0;text-align:right}
.ts-gs b{font:800 22px/1 var(--cond);font-variant-numeric:tabular-nums;white-space:nowrap}
.ts-gs span{font:500 12px/1.2 var(--sans);color:var(--ink-3);white-space:nowrap}
/* the meter */
.ts-meter{margin:0 0 12px}
.ts-pins,.ts-ticks{position:relative;height:16px}
.ts-pins{height:18px}
.ts-tk,.ts-pin{position:absolute;top:0;transform:translateX(-50%);white-space:nowrap;font:600 10.5px/16px var(--sans);color:var(--ink-3);font-variant-numeric:tabular-nums}
.ts-tk.is-l,.ts-pin.is-l{transform:none}.ts-tk.is-r,.ts-pin.is-r{transform:translateX(-100%)}
.ts-ticks{margin-top:4px}
.ts-pin{color:var(--ink-2)}
.ts-pin b{font-weight:700;color:var(--ink)}
.ts-pin::after{content:"";position:absolute;left:50%;top:15px;width:1px;height:8px;background:var(--ink-3)}
.ts-pin.is-l::after{left:0}.ts-pin.is-r::after{left:auto;right:0}
.ts-bar{position:relative;height:28px;border-radius:8px;background:var(--chip,var(--surface-2));overflow:hidden}
.ts-seg{position:absolute;top:0;bottom:0;box-shadow:inset -2px 0 0 var(--paper)}
.ts-seg.is-flat{background:var(--chip,var(--surface-2))}
.ts-seg.is-gain.l1{background:color-mix(in srgb,var(--gain) 22%,var(--paper))}
.ts-seg.is-gain.l2{background:color-mix(in srgb,var(--gain) 40%,var(--paper))}
.ts-seg.is-gain.l3{background:color-mix(in srgb,var(--gain) 70%,var(--paper))}
.ts-seg.is-gain.l4{background:var(--gain)}
.ts-seg.is-loss.l1{background:color-mix(in srgb,var(--drop) 22%,var(--paper))}
.ts-seg.is-loss.l2{background:color-mix(in srgb,var(--drop) 40%,var(--paper))}
.ts-seg.is-loss.l3{background:color-mix(in srgb,var(--drop) 70%,var(--paper))}
.ts-seg.is-loss.l4{background:var(--drop)}
.ts-seg.is-best{box-shadow:inset 0 0 0 2px var(--ag-acc,var(--ink)),inset -2px 0 0 var(--paper)}
.ts-gap,.ts-key{position:absolute;top:0;bottom:0;background:repeating-linear-gradient(135deg,var(--paper) 0 3px,var(--line-3,var(--line-2)) 3px 5px)}
.ts-key{position:relative;display:inline-block;width:14px;height:10px;margin-right:5px;vertical-align:-1px;border-radius:2px;border:1px solid var(--line-2)}
.ts-sh{display:none}
.ts-pinl{display:none;margin:6px 0 0;font:500 11.5px/1.4 var(--sans);color:var(--ink-3)}
.ts-pinl b{color:var(--ink);font-weight:700}
.ts-lab{position:absolute;top:0;bottom:0;display:flex;align-items:center;padding:0 8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
  font:800 10.5px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--ink);pointer-events:none}
.ts-lab.l3,.ts-lab.l4{color:var(--paper)}
.ts-lab.is-tight .ts-lg{display:none}.ts-lab.is-tight .ts-sh{display:inline}
/* the cards */
.ts-l{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));gap:12px 10px}
.ts-l--one{grid-template-columns:minmax(0,360px)}
.ts-c{position:relative;display:grid;grid-template-rows:subgrid;grid-row:span 5;row-gap:3px;min-width:0;padding:12px 12px 11px;
  border:1px solid var(--line);border-top:3px solid var(--line-2);border-radius:10px;background:var(--paper)}
.ts-c.is-gain{border-top-color:var(--gain)}
.ts-c.is-loss{border-top-color:var(--drop)}
.ts-c.is-best{border-color:var(--ag-acc,var(--ink));border-top-color:var(--ag-acc,var(--ink));box-shadow:0 0 0 1px var(--ag-acc,var(--ink))}
.ts-c>p,.ts-c>h4{margin:0;min-width:0}
.ts-tag{position:absolute;top:-10px;right:10px;padding:4px 8px;border-radius:999px;background:var(--ag-acc,var(--ink));color:var(--paper);
  font:800 9.5px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.ts-t{font:600 11.5px/1.3 var(--sans);color:var(--ink-3);font-variant-numeric:tabular-nums;white-space:nowrap}
.ts-n{font:800 17px/1.15 var(--cond);letter-spacing:.01em;text-transform:uppercase;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ts-v{margin-top:4px!important;font:800 24px/1.05 var(--cond);color:var(--ink-3);font-variant-numeric:tabular-nums;white-space:nowrap}
.ts-c.is-gain .ts-v{color:var(--gain)}
.ts-c.is-loss .ts-v{color:var(--drop)}
.ts-m{font:500 12px/1.35 var(--sans);color:var(--ink-3)}
.ts-w{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"k b" "a a";align-items:center;gap:3px 6px;margin-top:6px!important;padding:6px 8px;
  border-radius:8px;background:color-mix(in srgb,var(--gain) 10%,var(--paper));font:600 12.5px/1.3 var(--sans);white-space:nowrap;align-self:start}
.ts-w.is-none{display:flex;align-items:center;min-height:42px;background:var(--chip,var(--surface-2));color:var(--ink-3);font-weight:500}
.ts-wk{grid-area:k;display:inline-flex;align-items:center;gap:4px;font:800 9.5px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--gain)}
.ts-wk svg{width:12px;height:12px;fill:currentColor}
.ts-w a{grid-area:a;min-width:0;overflow:hidden;text-overflow:ellipsis;color:var(--ink);font-weight:700}
.ts-w b{grid-area:b;color:var(--gain);font-weight:800;font-variant-numeric:tabular-nums}
/* the day's extremes */
.ts-x{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 16px;margin:4px 0 0;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--paper)}
.ts-xc{min-width:0}
.ts-xc dt{font:700 10.5px/1.2 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
.ts-xc dd{display:flex;flex-direction:column;gap:3px;margin:5px 0 0}
.ts-xc dd b{display:flex;align-items:center;min-height:24px;font:800 21px/1 var(--cond);color:var(--ink);font-variant-numeric:tabular-nums}
.ts-xc dd b.is-gain{color:var(--gain)}.ts-xc dd b.is-loss{color:var(--drop)}
.ts-xc dd span{font:500 12px/1.35 var(--sans);color:var(--ink-3)}
.ts-xc dd a{color:var(--ink-2);font-weight:600}
.ts-hb{display:flex!important;height:8px;margin:8px 0;border-radius:4px;overflow:hidden;background:var(--chip,var(--surface-2))}
.ts-hb i{display:block;height:100%}
.ts-hb .h1{background:var(--gain)}.ts-hb .h2{background:var(--drop)}.ts-hb .h3{background:var(--ink-3)}
@container (max-width:640px){.ts-x{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Narrow (phones): each part keeps its meter; its sessions become one tidy list, two lines and a winner each, no notes. */
@container (max-width:519px){
  .ts-dp{padding:7px 8px}.ts-dp b{font-size:16px}.ts-dpt{display:none}
  .ts-lg{display:none}.ts-sh{display:inline}
  .ts-pins{height:9px}.ts-pl{display:none}.ts-pin::after{top:1px}
  .ts-pinl{display:block}
  .ts-gh h3{font-size:18px}.ts-gs b{font-size:19px}
  .ts-lab{padding:0 6px;font-size:9.5px;letter-spacing:.03em}
  .ts-l,.ts-l--one{grid-template-columns:1fr;gap:0;border:1px solid var(--line);border-radius:12px;background:var(--paper);overflow:hidden}
  .ts-c{grid-row:auto;grid-template-rows:none;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"n n v" "t m g" "w w w";
    column-gap:8px;row-gap:2px;padding:10px 12px 10px 11px;border:0;border-top:1px solid var(--line);border-left:3px solid var(--line-2);border-radius:0;box-shadow:none}
  .ts-c:first-child{border-top:0}
  .ts-c.is-gain{border-left-color:var(--gain)}.ts-c.is-loss{border-left-color:var(--drop)}
  .ts-c.is-best{border-color:var(--line);border-left-color:var(--ag-acc,var(--ink));background:color-mix(in srgb,var(--ag-acc,var(--ink)) 7%,var(--paper));box-shadow:none}
  .ts-c:first-child.is-best{border-top:0}
  .ts-n{grid-area:n;align-self:center;font-size:16px}
  .ts-v{grid-area:v;margin:0!important;align-self:center;text-align:right;font-size:20px}
  .ts-t{grid-area:t}
  .ts-m{grid-area:m;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .ts-m::before{content:"\00b7";margin-right:6px}
  .ts-tag{grid-area:g;position:static;align-self:center;justify-self:end;padding:3px 6px;font-size:8.5px}
  .ts-w{grid-area:w;display:flex;gap:6px;margin-top:3px!important;padding:0;background:none}
  .ts-w b{margin-left:auto}
  .ts-w.is-none{min-height:0;background:none}
  .ts-x{padding:12px}
}

/* the log: the live log's rows, as <details> so every word ships in the HTML. The grid sits on an inner span, not on summary */
.dl-tlog .lt-sum{display:block;list-style:none;cursor:pointer;border-radius:10px}
.dl-tlog .lt-sum::-webkit-details-marker{display:none}
.dl-tlog .lt-sum::marker{content:""}
.dl-tlog .lt-sum:focus-visible{outline:2px solid var(--brand-ink);outline-offset:2px}
.dl-tlog .lt-sum:hover .lt-row,.dl-tlog .lt-d[open] .lt-row{background:var(--dark-2)}
.dl-tlog .lt-d[open] .lt-chev{transform:rotate(225deg)}
.dl-tlog .lo-tlog-x{display:inline-grid}
.dl-tlog .lo-tlog-x>span{grid-area:1/1;display:block}
.dl-tlog .lo-tlog-x>span+span,.dl-tlog .lo-tlog-x[aria-pressed="true"]>span:first-child{visibility:hidden}
.dl-tlog .lo-tlog-x[aria-pressed="true"]>span+span{visibility:visible}
.dl-tlog .lo-tlog-x[aria-pressed="true"]{border-color:var(--dline-2);color:var(--dink)}
.dl-tlog .lt{scroll-margin-top:calc(var(--hd-h,64px) + 72px)}
@media (max-width:980px){.dl-tlog .lo-tlog-x{display:inline-grid}}

/* the receipt */
.dl-rc{padding:22px 24px;border:1px solid var(--line);border-top:3px solid var(--ag-acc,var(--ink));border-radius:var(--r-lg,18px);background:var(--paper);box-shadow:var(--shadow);scroll-margin-top:calc(var(--hd-h,64px) + 72px)}
.dl-rc p{margin:10px 0 0;font:400 15px/1.6 var(--sans);color:var(--ink-2)}
.dl-rc .dl-rc-lede{color:var(--ink)}
.dl-rc code{font:600 13px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:var(--chip,var(--surface-2));color:var(--ink-2);padding:1px 5px;border-radius:6px}
.dl-rc-dl{margin:16px 0 0;display:grid;gap:10px}
.dl-rc-dl>div{display:grid;grid-template-columns:200px minmax(0,1fr);gap:12px;align-items:baseline}
.dl-rc-dl dt{font:700 11px/1.3 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.dl-rc-dl dd{margin:0;font:500 14px/1.5 var(--sans);color:var(--ink);font-variant-numeric:tabular-nums}
.dl-hash{display:flex;flex-wrap:wrap;gap:0 8px;padding:6px 8px !important;user-select:all;word-break:break-all}
.dl-hash span{white-space:nowrap}
.dl-rc-acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.dl-btn{display:inline-grid;align-items:center;height:36px;padding:0 14px;border:1px solid var(--line-3,var(--line-2));border-radius:10px;background:var(--paper);color:var(--ink);font:700 13px/1 var(--sans);cursor:pointer}
.dl-btn>span{grid-area:1/1}
.dl-btn>span+span,.dl-btn.is-on>span:first-child{visibility:hidden}
.dl-btn.is-on>span+span{visibility:visible}
.dl-btn:focus-visible{outline:2px solid var(--focus,var(--brand-ink));outline-offset:2px}
@media (pointer:coarse){.dl-btn{height:44px}}
.dl-rc-out{display:block;min-height:1.5em;margin-top:6px;font:600 13px/1.5 var(--sans);color:var(--ink-2)}
.dl-rc-out.is-ok{color:var(--gain)}.dl-rc-out.is-bad{color:var(--drop)}
.dl-rc-m{font-size:14px !important}
.dl-rc-h{margin:18px 0 0;font:800 16px/1.3 var(--sans);color:var(--ink)}
.dl-rc-none{padding-left:12px;border-left:2px dashed var(--line-3,var(--line-2))}
.dl-rc-note{padding-left:12px;border-left:2px solid var(--ag-acc,var(--ink));color:var(--ink) !important}
@media (max-width:720px){.dl-rc{padding:16px}.dl-rc-dl>div{grid-template-columns:1fr;gap:4px}}

.dl-more{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:22px;font:600 14px/1.4 var(--sans)}

/* the all-days index */
.dl-ix-sum{margin:14px 0 0;font:600 15px/1.5 var(--sans);color:var(--ink-2);font-variant-numeric:tabular-nums}
.dl-ix-sum b{font-weight:800}.dl-ix-sum .is-gain{color:var(--gain)}.dl-ix-sum .is-loss{color:var(--drop)}
.dl-ix>section+section{margin-top:22px}
.dl-ix-l{margin:12px 0 0;padding:0;list-style:none;display:grid;gap:8px}
.dl-ix-a{display:grid;grid-template-columns:1fr auto;gap:2px 12px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r,12px);background:var(--paper);color:var(--ink);text-decoration:none;font-variant-numeric:tabular-nums}
.dl-ix-a:hover{border-color:var(--ag-line,var(--line-2))}
.dl-ix-a b{font:700 15px/1.3 var(--sans)}
.dl-ix-a span{font:800 15px/1.3 var(--sans)}
.dl-ix-a .is-gain{color:var(--gain)}.dl-ix-a .is-loss{color:var(--drop)}
.dl-ix-a small{grid-column:1/-1;font:500 13px/1.4 var(--sans);color:var(--ink-3)}
.dl-led-w{overflow-x:auto;margin-top:12px}
.dl-led{width:100%;border-collapse:collapse;font:500 14px/1.4 var(--sans);font-variant-numeric:tabular-nums}
.dl-led th,.dl-led td{padding:8px 10px;border-bottom:1px solid var(--line);text-align:left;color:var(--ink)}
.dl-led th{font:700 11px/1.2 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}

/* print: the receipt and the rows, dark text on white */
@media print{
  .hd,.site-header,.ft,.site-footer,.dl-nav,.lo-sb-desk,.ag-ref,.dl-rc-acts,[data-dl-all],.skip{display:none !important}
  .dl-tlog{--dink:#0a1226;--dink-2:#3d4a63;--dink-3:#5b6882;--dline:rgba(10,18,38,.12);--dline-2:rgba(10,18,38,.2);--dark-1:#fff;--dark-2:#f6f8fd}
  .dl-tlog .lt,.dl-rc{break-inside:avoid}
  .dl-ask a::after{content:" " attr(href)}
}
@media (prefers-reduced-motion:reduce){.dl-tlog .lt-chev{transition:none}}
/* Previous day, next day and the week strip open a day on #the-day: the week and "How the day ended" card, just under the
   sticky header and day bar (Jay, 2026-10-16). html already pads anchors by the header plus 16px (site.css scroll-padding-top),
   so this adds only the day bar's height; at 720px and below the day bar is not sticky, so nothing is added. */
#the-day{scroll-margin-top:62px}
@media (max-width:720px){#the-day{scroll-margin-top:0}}
.dl-wk-r{font:600 11px/1.2 var(--sans);color:var(--ink-3)}
@media (max-width:720px){.dl-wk-r{display:none}}

/* The result card, v3 (Jay, 2026-10-16: "tighten it and make it easy to digest", Mary and Ross; spec in
   docs/2026-10-16-daylog-result-card.md). Tokens only. The card was 760 to 827px tall at 1280 x 800 and never fit under the sticky
   bars (658px free); this layout measures 504 to 532px. Numbers scale with the card's own width (container units), so
   "Ended with" and "Day, net" sit side by side from the narrowest rail (981px window) to a phone. */
.dl-card{container-type:inline-size;padding:18px 18px 14px}
.dl-card .wr-card-h{margin-bottom:10px}
.dl-card .dl-cr-k,.dl-card dt{font:700 10.5px/1.2 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
.dl-card dd{margin:0}
.dl-card .is-pos{color:var(--gain)}
.dl-card .is-neg{color:var(--drop)}
.dl-cr-start{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:10px;border-bottom:1px solid var(--line)}
.dl-cr-tip{position:relative;display:inline-flex}
.dl-cr-sv{appearance:none;display:inline-flex;align-items:center;gap:7px;min-height:32px;margin:0;padding:0 2px;border:0;background:none;color:var(--ag-acc,var(--ink));cursor:help;font:inherit}
.dl-cr-sv b{font:800 clamp(21px,7.4cqi,26px)/1 var(--cond);letter-spacing:.01em;text-decoration:underline dotted 1.5px;text-underline-offset:5px;text-decoration-color:var(--ag-line,var(--line-2))}
.dl-cr-i{display:inline-grid;place-items:center;width:17px;height:17px;border:1.5px solid var(--ink-3);border-radius:50%;color:var(--ink-3);font:800 10.5px/1 var(--sans);font-style:normal}
.dl-cr-sv:hover .dl-cr-i,.dl-cr-tip.is-open .dl-cr-i{border-color:var(--ag-acc,var(--ink));color:var(--ag-acc,var(--ink))}
.dl-cr-sv:focus-visible{outline:2px solid var(--focus,var(--brand-ink));outline-offset:2px;border-radius:4px}
.dl-cr-pop{display:none;position:absolute;right:0;top:calc(100% + 8px);z-index:6;width:min(300px,calc(100vw - 48px));padding:10px 12px;border:1px solid var(--line-2);border-left:3px solid var(--ag-acc,var(--ink));border-radius:var(--r-sm,8px);background:var(--paper);box-shadow:var(--shadow);font:500 13px/1.45 var(--sans);color:var(--ink-2);text-align:left;white-space:normal}
@media (hover:hover){.dl-cr-tip:hover .dl-cr-pop{display:block}}
.dl-cr-sv:focus-visible+.dl-cr-pop,.dl-cr-tip.is-open .dl-cr-pop{display:block}
.dl-cr-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin:0;padding:12px 0;border-bottom:1px solid var(--line)}
.dl-cr-pair>div+div{padding-left:12px;border-left:1px solid var(--line)}
.dl-cr-pair dd{margin-top:6px;font:800 clamp(22px,9.2cqi,30px)/1.05 var(--cond);letter-spacing:.005em;color:var(--ink);white-space:nowrap;font-variant-numeric:tabular-nums}
.dl-cr-used{padding:12px 0;border-bottom:1px solid var(--line)}
.dl-cr-ut{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px}
.dl-cr-ut>b{font:800 20px/1 var(--cond);color:var(--ag-acc,var(--ink))}
.dl-card .ag-used-bar{margin-top:8px;height:8px}
.dl-cr-us{margin:6px 0 0;font:500 12px/1.35 var(--sans);color:var(--ink-3)}
.dl-cr-us b{color:var(--gain);font-weight:700}
.dl-cr-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 12px;margin:0;padding:12px 0 2px}
.dl-cr-grid dd{margin-top:4px;font:700 16px/1.2 var(--sans);color:var(--ink);font-variant-numeric:tabular-nums}
.dl-cr-grid dd small{display:block;margin-top:2px;font:500 11.5px/1.3 var(--sans);color:var(--ink-3)}
.dl-card .lo-sb-ver{margin-top:10px}
.dl-card .lo-sb-desk{margin-top:10px;min-height:40px}
.dl-card .ag-ref{margin-top:8px}

/* Jay, 2026-10-16: no file downloads. The fingerprint stays; investors and partners request the files. */
.dl-ask{margin:14px 0 4px;padding:12px 14px;border:1px solid var(--line);border-left:3px solid var(--ag-acc,var(--brand));border-radius:var(--r-sm,8px);background:var(--surface-2,var(--paper));font-size:15px;line-height:1.55;color:var(--prose,var(--ink-2))}
.dl-ask b{color:var(--ink)}
.dl-ask .link{font-weight:700;white-space:nowrap}

/* Week picker (Jay, 2026-10-16: "a clickable that u can click and choose to choose another week"). Plain links in a <details>, so
   it works without script and crawlers follow every week. */
.dl-wkp{display:inline-flex;align-items:center;gap:4px;position:relative}
.dl-wkp-a{display:inline-grid;place-items:center;width:32px;height:32px;border:1px solid var(--line-2);border-radius:8px;background:var(--paper);color:var(--ink);font:700 18px/1 var(--sans);text-decoration:none}
.dl-wkp-a:hover{border-color:var(--line-3,var(--line-2))}
.dl-wkp-a.is-off{opacity:.35}
.dl-wkp-a:focus-visible,.dl-wkp-d summary:focus-visible{outline:2px solid var(--focus,var(--brand-ink));outline-offset:2px}
.dl-wkp-d summary{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border:1px solid var(--line-2);border-radius:8px;background:var(--paper);
  font:700 12px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--ink);cursor:pointer;list-style:none;white-space:nowrap}
.dl-wkp-d summary::-webkit-details-marker{display:none}
.dl-wkp-d summary svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.6;transition:transform .15s}
.dl-wkp-d[open] summary svg{transform:rotate(180deg)}
.dl-wkp-l{position:absolute;right:0;top:calc(100% + 6px);z-index:8;width:min(300px,calc(100vw - 32px));max-height:320px;overflow:auto;margin:0;padding:6px;list-style:none;
  border:1px solid var(--line-2);border-radius:10px;background:var(--paper);box-shadow:var(--shadow)}
.dl-wkp-l a{display:grid;grid-template-columns:1fr auto;grid-template-areas:"w n" "s s";gap:2px 10px;padding:9px 10px;border-radius:8px;color:var(--ink);text-decoration:none}
.dl-wkp-l a:hover{background:var(--chip,var(--surface-2))}
.dl-wkp-l a[aria-current]{background:color-mix(in srgb,var(--ag-acc,var(--brand)) 10%,var(--paper));box-shadow:inset 3px 0 0 var(--ag-acc,var(--brand))}
.dl-wkp-l b{grid-area:w;font:700 14px/1.2 var(--sans)}
.dl-wkp-l span{grid-area:n;font:800 15px/1.2 var(--cond)}
.dl-wkp-l small{grid-area:s;font:500 12px/1.2 var(--sans);color:var(--ink-3)}
.dl-wkp-l .is-gain{color:var(--gain)}.dl-wkp-l .is-loss{color:var(--drop)}
@media (prefers-reduced-motion:reduce){.dl-wkp-d summary svg{transition:none}}

/* How the asset traded that day (Jay, 2026-10-16), from the fingerprinted prices file */
.md{margin-top:28px;container-type:inline-size}
.md-lede{margin:6px 0 12px;font:500 15px/1.6 var(--sans);color:var(--prose,var(--ink-2));max-width:72ch}
.md-k{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:0 0 12px;padding:0;list-style:none}
.md-k li{display:flex;flex-direction:column;gap:3px;min-width:0;padding:10px 10px 9px;border:1px solid var(--line);border-radius:10px;background:var(--paper)}
.md-k span{font:700 10px/1.2 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
.md-k b{font:800 17px/1.1 var(--cond);color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}
.md-k small{font:500 11.5px/1.25 var(--sans);color:var(--ink-3)}
.md .is-gain{color:var(--gain)}.md .is-loss{color:var(--drop)}.md .is-flat{color:var(--ink-3)}
.md-fig{margin:0 0 12px;padding:10px 10px 6px;border:1px solid var(--line);border-radius:10px;background:var(--paper)}
.md-chart{display:block;width:100%;height:auto}
.md-band{fill:var(--chip,var(--surface-2))}.md-band.is-alt{fill:color-mix(in srgb,var(--chip,var(--surface-2)) 45%,var(--paper))}
.md-bl{font:700 10px var(--sans);letter-spacing:.06em;text-transform:uppercase;fill:var(--ink-3)}
.md-line{fill:none;stroke:var(--ag-acc,var(--brand));stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.md-dot{stroke:var(--paper);stroke-width:2}.md-dot.is-hi{fill:var(--gain)}.md-dot.is-lo{fill:var(--drop)}
.md-ax{font:600 10.5px var(--sans);fill:var(--ink-3)}
.md-fig figcaption{margin-top:4px;font:500 12px/1.4 var(--sans);color:var(--ink-3)}
.md-tw{overflow-x:auto;border:1px solid var(--line);border-radius:10px;background:var(--paper)}
.md-t{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.md-t th,.md-t td{padding:10px 12px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.md-t tbody tr:last-child>*{border-bottom:0}
.md-t thead th{font:700 10px/1.2 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);background:var(--surface-2,var(--chip))}
.md-t tbody th a{font:800 14px/1.2 var(--cond);letter-spacing:.02em;text-transform:uppercase;color:var(--ink);text-decoration:none}
.md-t tbody th a:hover{text-decoration:underline}
.md-t small,.md-t td span{display:block;margin-top:3px;font:500 11.5px/1.3 var(--sans);color:var(--ink-3)}
.md-t td b{font:800 16px/1.1 var(--cond);white-space:nowrap}
@container (max-width:640px){.md-k{grid-template-columns:repeat(3,minmax(0,1fr))}}
@container (max-width:419px){.md-t thead{display:none}.md-t,.md-t tbody,.md-t tr,.md-t th,.md-t td{display:block}
  .md-t tr{display:grid;grid-template-columns:1fr 1fr 1fr;border-bottom:1px solid var(--line)}.md-t tbody tr:last-child{border-bottom:0}
  .md-t th{grid-column:1/-1;border:0;padding-bottom:2px}.md-t td{border:0;padding-top:4px}}

/* Questions about this day */
.dl-faq{margin-top:28px}
.faq-l{margin:10px 0 8px;border:1px solid var(--line);border-radius:10px;background:var(--paper)}
.faq-i{padding:14px 16px;border-top:1px solid var(--line)}
.faq-i:first-child{border-top:0}
.faq-i dt{font:700 16px/1.35 var(--sans);color:var(--ink)}
.faq-i dd{margin:6px 0 0;font:500 14.5px/1.6 var(--sans);color:var(--prose,var(--ink-2));max-width:72ch}
@media (max-width:560px){.dl-wkp-l{left:0;right:auto}}
/* phones: the chart scales down with its viewBox, so its text is set larger in chart units (about 10px on screen) */
@container (max-width:519px){.md-ax{font-size:21px}.md-bl{font-size:19px}.md-line{stroke-width:3}.md-dot{r:7px}}

/* One look on every agent's daily log (Jay, 2026-10-16: "why is agent zic's thing purple? keep it all same uniform"). The agent's own
   accent stays on the agent page; the daily logs share one neutral accent so every agent's day reads the same. Doubled class: this
   sheet loads after the agent's sheet, and the doubling wins even if that order changes. */
.dl-page.dl-page{--ag-acc:var(--ink);--ag-soft:var(--chip,var(--surface-2));--ag-line:var(--line-2)}

/* "How this page is verified", v2 (Jay, 2026-10-16, from his mock): the saved file and its counts, both fingerprints as cards with
   their own Copy button, then how it works, the request form and corrections. Brand blue for the icons on every agent, so every
   agent's page reads the same. Sized by the section's own width. */
.vf{container-type:inline-size;padding:26px 26px 22px;border-top-width:1px}
.vf h3{margin:0;font:800 16px/1.3 var(--sans);color:var(--ink)}
.vf-k{margin:0;font:700 11px/1.2 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--brand-ink,var(--brand))}
.vf-intro .vf-k::before{content:"";display:inline-block;width:22px;height:2px;margin-right:10px;vertical-align:3px;background:currentColor}
.vf-h{margin:12px 0 0;font:800 clamp(30px,6.4cqi,46px)/.98 var(--cond);letter-spacing:.005em;text-transform:uppercase;color:var(--ink)}
.vf-h span{display:block;color:var(--brand-ink,var(--brand))}
.dl-rc.vf .vf-lede{margin:14px 0 0;font:400 15.5px/1.6 var(--sans);color:var(--ink-2);max-width:48ch}
.vf-top{display:grid;grid-template-columns:1fr;gap:18px}
.vf-sum{padding:18px;border-radius:14px;background:color-mix(in srgb,var(--brand) 7%,var(--paper));border:1px solid color-mix(in srgb,var(--brand) 16%,var(--line))}
.vf-sum-h{display:flex;gap:14px;align-items:flex-start}
.dl-rc.vf .vf-sum p{margin:0}
.vf-date{margin-top:4px!important;font:800 30px/1 var(--cond)!important;color:var(--ink)!important}
.vf-sum-s{margin-top:6px!important;font:500 13.5px/1.45 var(--sans)!important;color:var(--ink-2)!important}
.vf-sum-s b{color:var(--brand-ink,var(--brand))}
.vf-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:16px 0 0;padding:14px 0 0;list-style:none;border-top:1px solid color-mix(in srgb,var(--brand) 16%,var(--line))}
.vf-stats li{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"i n" "i l";column-gap:10px;align-items:center;padding:0 10px}
.vf-stats li+li{border-left:1px solid color-mix(in srgb,var(--brand) 16%,var(--line))}
.vf-stats .vf-i{grid-area:i;width:22px;height:22px}
.vf-stats b{grid-area:n;font:800 26px/1 var(--cond);color:var(--ink)}
.vf-stats span{grid-area:l;font:500 12.5px/1.2 var(--sans);color:var(--ink-3)}
.vf-i{width:20px;height:20px;fill:none;stroke:var(--brand-ink,var(--brand));stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.vf-badge{flex:none;display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;background:color-mix(in srgb,var(--brand) 10%,var(--paper))}
.vf-badge.is-lg{width:56px;height:56px}.vf-badge.is-lg .vf-i{width:28px;height:28px}
.vf-fps{display:grid;grid-template-columns:1fr;gap:12px;margin-top:18px}
.vf-fp{padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--paper)}
.vf-fp-h{display:flex;align-items:center;gap:12px}
.vf-fp-h h3{font-size:13px;letter-spacing:.08em;text-transform:uppercase}
.dl-rc.vf .vf-fp-h p{margin:2px 0 0;font:500 13.5px/1.3 var(--sans);color:var(--ink-3)}
.vf-fp-c{display:flex;gap:10px;align-items:stretch;margin-top:12px}
.vf-copy{align-self:flex-start}
.vf-fp-c .dl-hash{flex:1;min-width:0;display:flex;flex-wrap:wrap;gap:0 .6ch;padding:10px 12px;border-radius:10px;background:var(--surface-2,var(--chip));font:600 13px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--ink);word-break:break-all}
.vf-copy{flex:none;display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px;border:1px solid color-mix(in srgb,var(--brand) 40%,var(--line-2));border-radius:10px;background:var(--paper);color:var(--brand-ink,var(--brand));font:700 14px/1 var(--sans);cursor:pointer}
.vf-copy svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8}
.vf-copy span+span{display:none}.vf-copy.is-on span:nth-of-type(1){display:none}.vf-copy.is-on span+span{display:inline}
.vf-copy:hover{background:color-mix(in srgb,var(--brand) 6%,var(--paper))}
.vf-copy:focus-visible{outline:2px solid var(--focus,var(--brand-ink));outline-offset:2px}
.dl-rc.vf .vf-cap{margin:10px 0 0;font:400 13px/1.5 var(--sans);color:var(--ink-3)}
.vf-cols{display:grid;grid-template-columns:1fr;gap:16px;margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}
.vf-col{display:flex;gap:12px;align-items:flex-start;min-width:0}
.dl-rc.vf .vf-col p{margin:6px 0 0;font:400 14px/1.55 var(--sans);color:var(--ink-2)}
.vf-req-btn{display:inline-flex;align-items:center;gap:8px;margin-top:12px;min-height:44px}
.vf-req-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2}
.dl-rc.vf .vf-ok{display:inline-flex;align-items:center;gap:8px;margin-top:12px;padding:8px 12px;border-radius:999px;background:color-mix(in srgb,var(--gain) 12%,var(--paper));color:var(--gain);font:700 14px/1 var(--sans)}
.vf-ok svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}
/* the request form */
.vf-form-d{margin-top:18px;border:1px solid var(--line);border-radius:14px;background:var(--paper)}
.vf-form-d>summary{padding:14px 16px;font:700 14px/1.3 var(--sans);color:var(--ink);cursor:pointer}
.vf-form-d>summary:focus-visible{outline:2px solid var(--focus,var(--brand-ink));outline-offset:2px;border-radius:14px}
.vf-form-d[open]>summary{border-bottom:1px solid var(--line)}
.vf-form{display:grid;grid-template-columns:1fr;gap:12px;padding:16px}
.vf-f{display:flex;flex-direction:column;gap:5px;min-width:0}
.vf-f label{font:700 13px/1.3 var(--sans);color:var(--ink)}
.vf-f small{font-weight:500;color:var(--ink-3)}
.vf-f input,.vf-f select,.vf-f textarea{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--line-3,var(--line-2));border-radius:10px;background:var(--paper);color:var(--ink);font:500 15px/1.4 var(--sans)}
.vf-f textarea{min-height:88px;resize:vertical}
.vf-f [aria-invalid="true"]{border-color:var(--drop);box-shadow:0 0 0 1px var(--drop)}
.vf-f input:focus-visible,.vf-f select:focus-visible,.vf-f textarea:focus-visible{outline:2px solid var(--focus,var(--brand-ink));outline-offset:1px}
.vf-send{flex-direction:row;flex-wrap:wrap;align-items:center;gap:10px 14px}
.dl-rc.vf .vf-fine{margin:0;flex:1 1 220px;font:400 12.5px/1.45 var(--sans);color:var(--ink-3)}
.dl-rc.vf .vf-msg{margin:0;font:600 14px/1.45 var(--sans);color:var(--ink-2)}
.vf-msg[data-state="ok"]{color:var(--gain)!important}.vf-msg[data-state="err"]{color:var(--drop)!important}
.vf-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
@container (min-width:640px){
  .vf-top{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}
  .vf-fps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vf-fp-c{flex-direction:column;align-items:flex-start}
  .vf-fp-c .dl-hash{width:100%}
  .vf-cols{grid-template-columns:repeat(3,minmax(0,1fr))}
  .vf-col{flex-direction:column}
  .vf-form{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vf-wide{grid-column:1/-1}
}
@media (max-width:720px){.vf{padding:18px 16px}}

/* The calendar in the week picker (Jay, 2026-10-16: "change using calendar"). Month grids, Sunday first like the week strip. */
.dl-wkp-d summary .dl-cal-ico{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8}
.dl-cal{position:absolute;right:0;top:calc(100% + 6px);z-index:8;width:min(320px,calc(100vw - 32px));max-height:70vh;overflow:auto;padding:12px;
  border:1px solid var(--line-2);border-radius:12px;background:var(--paper);box-shadow:var(--shadow)}
.dl-cal-m+.dl-cal-m{margin-top:14px}
.js-cal .dl-cal-m{display:none}.js-cal .dl-cal-m.is-on{display:block}.js-cal .dl-cal-m+.dl-cal-m{margin-top:0}
.dl-cal-h{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 8px}
.dl-cal-h b{font:800 16px/1 var(--cond);letter-spacing:.03em;text-transform:uppercase;color:var(--ink)}
.dl-cal-nav{display:inline-grid;place-items:center;width:32px;height:32px;border:1px solid var(--line-2);border-radius:8px;background:var(--paper);color:var(--ink);font:700 18px/1 var(--sans);cursor:pointer}
.dl-cal-nav:disabled{opacity:.3;cursor:default}
.dl-cal-nav:focus-visible{outline:2px solid var(--focus,var(--brand-ink));outline-offset:2px}
:not(.js-cal)>.dl-cal-m .dl-cal-nav{visibility:hidden}
.dl-cal-t{width:100%;border-collapse:separate;border-spacing:0 3px;table-layout:fixed}
.dl-cal-t th{padding:2px 0 4px;font:700 10.5px/1 var(--sans);letter-spacing:.08em;color:var(--ink-3);text-align:center}
.dl-cal-t td{padding:0 1px;text-align:center}
.dl-cal-d{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-height:40px;border-radius:8px;text-decoration:none;color:var(--ink)}
.dl-cal-d b{font:700 13px/1 var(--sans)}
.dl-cal-d small{font:800 10px/1.1 var(--cond);letter-spacing:.01em;white-space:nowrap}
.dl-cal-d small.is-gain{color:var(--gain)}.dl-cal-d small.is-loss{color:var(--drop)}
a.dl-cal-d{background:var(--chip,var(--surface-2))}
a.dl-cal-d:hover{background:color-mix(in srgb,var(--brand) 10%,var(--paper))}
a.dl-cal-d:focus-visible{outline:2px solid var(--focus,var(--brand-ink));outline-offset:1px}
.dl-cal-d.is-off{color:var(--ink-3);font:500 12px/1 var(--sans)}
.dl-cal-d.is-this{background:var(--ink);color:var(--paper)}
.dl-cal-d.is-this small.is-gain,.dl-cal-d.is-this small.is-loss{color:var(--paper)}
.dl-cal-r.is-week td{background:color-mix(in srgb,var(--brand) 7%,transparent)}
.dl-cal-r.is-week td:first-child{border-radius:10px 0 0 10px}.dl-cal-r.is-week td:last-child{border-radius:0 10px 10px 0}
.dl-cal-k{margin:10px 0 0;font:500 11.5px/1.4 var(--sans);color:var(--ink-3)}
@media (max-width:560px){.dl-cal{left:0;right:auto}}

/* Each page names and shows its asset (Jay, 2026-10-16): logo in the eyebrow and the market heading, an About box, and the same
   date across the other agents. */
.dl-eyebrow{display:flex;align-items:center;gap:8px}
.dl-eb-logo{width:18px;height:18px;border-radius:50%;flex:none}
.md-h{display:flex;align-items:center;gap:10px}
.md-logo{width:28px;height:28px;border-radius:50%;flex:none}
.md-about{display:flex;gap:14px;align-items:flex-start;margin-top:14px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}
.md-about img{width:40px;height:40px;border-radius:50%;flex:none}
.md-about h3{margin:0;font:800 16px/1.3 var(--sans);color:var(--ink)}
.md-about p{margin:6px 0 0;font:400 14.5px/1.6 var(--sans);color:var(--ink-2);max-width:72ch}
.md-about .md-about-l{font-size:13.5px}
.sd{margin-top:28px;container-type:inline-size}
.sd-l{display:grid;grid-template-columns:1fr;gap:8px;margin:10px 0 0;padding:0;list-style:none}
.sd-l a{display:flex;align-items:center;gap:12px;min-height:56px;padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);text-decoration:none}
.sd-l a:hover{border-color:var(--line-3,var(--line-2))}
.sd-l a:focus-visible{outline:2px solid var(--focus,var(--brand-ink));outline-offset:2px}
.sd-l img{width:28px;height:28px;border-radius:50%;flex:none}
.sd-n{display:flex;flex-direction:column;min-width:0;flex:1}
.sd-n b{font:700 14.5px/1.25 var(--sans)}
.sd-n small,.sd-v small{font:500 12px/1.3 var(--sans);color:var(--ink-3)}
.sd-v{display:flex;flex-direction:column;align-items:flex-end;text-align:right}
.sd-v b{font:800 18px/1.1 var(--cond)}
.sd .is-gain{color:var(--gain)}.sd .is-loss{color:var(--drop)}
@container (min-width:640px){.sd-l{grid-template-columns:repeat(2,minmax(0,1fr))}}
.logo-chip{background:#23292f;padding:4px;box-sizing:border-box}
.dl-eb-logo.logo-chip{padding:2px}
.dl-answer b{font-weight:700}
.dl-answer .is-gain{color:var(--gain)}.dl-answer .is-loss{color:var(--drop)}

/* ---------------------------------------------------------------- the all-days hub (2026-10-16; plan: Picks project
   claude/plan-2026-10-16-daylog-hub-redesign.md, preview daylog-hub-v1). One template for every agent. Tokens only. The calendar is a
   real table; colour is never the only signal (every cell prints its signed net, and its label says the rest). */
.hb-hero .crumbs{margin-bottom:14px}
.hb-sw{display:flex;flex-wrap:wrap;gap:10px 20px;margin:0 0 22px}
.hb-sw-g{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.hb-sw-k{margin-right:4px;font:700 11px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
.hb-sw a{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:0 12px 0 8px;border:1px solid var(--line);border-radius:999px;background:var(--paper);color:var(--ink);text-decoration:none;font:700 14px/1 var(--sans)}
.hb-sw a small{font-weight:500;color:var(--ink-3)}
.hb-sw a:hover{border-color:var(--line-2)}
.hb-sw a[aria-current="page"]{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.hb-sw a[aria-current="page"] small{color:inherit;opacity:.75}
.hb-sw a:focus-visible,.hb-c:focus-visible,.hb-day summary:focus-visible{outline:2px solid var(--focus,var(--brand-ink));outline-offset:2px}
.hb-logo{width:20px;height:20px;border-radius:50%;object-fit:contain;flex:none}
.hb-same .hb-logo{width:18px;height:18px}
.hb-top{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;align-items:start}
.hb-h1{margin:0}
.hb-answer{margin:16px 0 14px;max-width:64ch;font:500 18px/1.6 var(--sans);color:var(--prose,var(--ink-2));font-variant-numeric:tabular-nums}
.hb-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.hb-chip{padding:5px 10px;border-radius:999px;background:var(--chip,var(--surface-2));font:600 12.5px/1.3 var(--sans);color:var(--ink-2)}
.hb-chip--sim{background:var(--warn-soft,var(--chip));color:var(--warn-ink,var(--ink))}
.hb-rec{padding:18px 20px;border:1px solid var(--line);border-top:3px solid var(--ag-acc,var(--ink));border-radius:var(--r-lg,18px);background:var(--paper);box-shadow:var(--shadow)}
.hb-rec .wr-h{margin:0 0 12px}
.hb-rng,.hb-seg{display:inline-flex;margin:0 0 14px;border:1px solid var(--line-2);border-radius:10px;overflow:hidden}
.hb-rng[hidden],.hb-cmp-ctl[hidden]{display:none}
.hb-rng button,.hb-seg button{min-height:34px;padding:0 12px;border:0;background:transparent;color:var(--ink-2);font:600 13px/1 var(--sans);cursor:pointer}
.hb-rng button[aria-pressed="true"],.hb-seg button[aria-pressed="true"]{background:var(--ink);color:var(--paper)}
.hb-rec-dl{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px;margin:0}
.hb-rec-dl dt{font:700 11px/1.2 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
.hb-rec-dl dd{margin:3px 0 0;font:800 19px/1.2 var(--sans);color:var(--ink);font-variant-numeric:tabular-nums}
.hb-rec-dl dd small{display:block;margin-top:2px;font:500 12px/1.4 var(--sans);color:var(--ink-3)}
.hb-wide{grid-column:1/-1}
.hb-big dd{font:800 30px/1.1 var(--sans)}
.hb-src{margin:12px 0 0;font:500 12px/1.4 var(--sans);color:var(--ink-3)}
.hb-page .is-gain{color:var(--gain)}.hb-page .is-loss{color:var(--drop)}
.hb-sec{padding:28px 0;border-top:1px solid var(--line)}
.hb-sec:first-child{border-top:0;padding-top:4px}
.hb-sec-h{margin:0 0 14px}
.hb-sec-h .wr-h{margin:0}
.hb-sec-h p{margin:4px 0 0;color:var(--ink-3);font-size:14.5px}
.hb-sec-h--row{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap}
.hb-cal-wrap{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}
.hb-cal-w .dl-cal-h{margin-bottom:6px}
.hb-cal-w .dl-cal-h b{font-size:22px}
.hb-cal{width:calc(100% + 12px);margin:0 -6px;border-collapse:separate;border-spacing:6px;table-layout:fixed}
.hb-cal th{padding:2px 2px 0;font:700 11px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);text-align:left}
.hb-cal th abbr{text-decoration:none}
.hb-cal td{height:82px;padding:0;vertical-align:top;border:1px solid var(--line);border-radius:10px;background:var(--paper)}
.hb-cal td.is-out{border-color:transparent;background:transparent}
.hb-c{display:flex;flex-direction:column;height:100%;padding:7px 8px;border-radius:10px;color:var(--ink-3);text-decoration:none;font:500 11.5px/1.25 var(--sans)}
.hb-cd{font:700 13px/1.2 var(--sans);color:var(--ink-2)}
.hb-cm{color:var(--ink-3)}
.hb-cv{margin-top:auto;font:800 15px/1.1 var(--sans)}
.hb-cs{margin-top:auto;font:600 11px/1.1 var(--sans);color:var(--ink-3)}
.hb-cal td.is-up{background:var(--gain-soft);border-color:color-mix(in srgb,var(--gain) 30%,var(--line))}
.hb-cal td.is-up2{background:color-mix(in srgb,var(--gain) 22%,var(--paper))}
.hb-cal td.is-down{background:var(--drop-soft);border-color:color-mix(in srgb,var(--drop) 30%,var(--line))}
.hb-cal td.is-down2{background:color-mix(in srgb,var(--drop) 20%,var(--paper))}
.hb-cal td.is-flat{border-style:dashed}
.hb-cal td.is-closed{background:repeating-linear-gradient(135deg,var(--surface-2) 0 6px,transparent 6px 12px)}
.hb-cal td.is-none,.hb-cal td.is-pre,.hb-cal td.is-next{border-style:dotted}
.hb-cal td.is-sel{box-shadow:0 0 0 2px var(--ink)}
.hb-cal a.hb-c:hover{box-shadow:inset 0 0 0 2px var(--line-2)}
.hb-cal td.hb-wk,.hb-cal th.hb-wk{border:0;border-left:2px solid var(--line);border-radius:0;background:transparent}
.hb-cal td.hb-wk .hb-cd{font:700 11px/1.2 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}
.hb-wkrow{display:none}
.hb-legend{display:flex;flex-wrap:wrap;gap:8px 16px;margin:10px 0 0;padding:0;list-style:none;font:500 12.5px/1.3 var(--sans);color:var(--ink-2)}
.hb-legend li{display:flex;align-items:center;gap:6px}
.hb-legend i{display:inline-block;width:14px;height:14px;border:1px solid var(--line-2);border-radius:4px;background:var(--paper)}
.hb-legend i.is-up2{background:color-mix(in srgb,var(--gain) 22%,var(--paper))}
.hb-legend i.is-down2{background:color-mix(in srgb,var(--drop) 20%,var(--paper))}
.hb-legend i.is-closed{background:repeating-linear-gradient(135deg,var(--surface-2) 0 3px,transparent 3px 6px)}
.hb-legend i.is-none{border-style:dotted}
.hb-pk{padding:16px 18px;border:1px solid var(--line);border-radius:var(--r-lg,18px);background:var(--paper);box-shadow:var(--shadow)}
.hb-pk .eyebrow{margin-bottom:6px}
.hb-pk-h{margin:0;font:800 22px/1.1 var(--cond);letter-spacing:.02em;text-transform:uppercase;color:var(--ink)}
.hb-pk-v{margin:6px 0 4px;font:800 28px/1.1 var(--sans)}
.hb-pk-l{margin:8px 0 12px;padding:0;list-style:none;display:grid;gap:4px;font:500 14px/1.45 var(--sans);color:var(--ink-2)}
.hb-pk-l b{color:var(--ink)}
.hb-k{margin:12px 0 8px;font:700 11.5px/1.2 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
.hb-same{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}
.hb-same a{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 10px 0 6px;border:1px solid var(--line);border-radius:999px;background:var(--bg);color:var(--ink);text-decoration:none;font:600 13px/1 var(--sans)}
.hb-same a.is-me{box-shadow:inset 0 0 0 2px var(--ink)}
.hb-same b{font-weight:800}
.hb-pk-acts{display:grid;gap:8px;margin:14px 0 0}
.hb-pk-acts .btn{min-width:0;white-space:normal;text-align:center;line-height:1.25}
.hb-two .wr-h{margin:0 0 10px}
.hb-two .hb-h2b{margin-top:24px}
.hb-days{display:grid;gap:10px}
.hb-day{border:1px solid var(--line);border-radius:var(--r,12px);background:var(--paper)}
.hb-day[open]{box-shadow:var(--shadow)}
.hb-day summary{display:grid;grid-template-columns:160px minmax(0,1fr) auto 20px;gap:14px;align-items:center;padding:14px 16px;cursor:pointer;list-style:none}
.hb-day summary::-webkit-details-marker{display:none}
.hb-dd b{display:block;font:700 16px/1.25 var(--sans);color:var(--ink)}
.hb-dd small{font:500 12px/1.3 var(--sans);color:var(--ink-3)}
.hb-dm{display:flex;flex-wrap:wrap;gap:4px 16px;font:500 13.5px/1.4 var(--sans);color:var(--ink-2);font-variant-numeric:tabular-nums}
.hb-dm b{color:var(--ink)}
.hb-dv{font:800 18px/1.1 var(--sans);text-align:right}
.hb-chev{width:20px;height:20px;fill:none;stroke:var(--ink-3);stroke-width:2;transition:transform .2s}
.hb-day[open] .hb-chev{transform:rotate(180deg)}
.hb-db{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:22px;padding:2px 16px 18px}
.hb-t{width:100%;border-collapse:collapse;font:500 13.5px/1.4 var(--sans);font-variant-numeric:tabular-nums}
.hb-t caption{caption-side:top;text-align:left;padding:0 0 8px;font:600 13px/1.3 var(--sans);color:var(--ink-3)}
.hb-t th,.hb-t td{padding:7px 8px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.hb-t thead th{font:700 11px/1.2 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.hb-t tbody th{font-weight:600;color:var(--ink)}
.hb-t th.num,.hb-t td.num{text-align:right}
.hb-t code{font-size:11.5px;word-break:break-all}
.hb-facts{display:grid;gap:6px;margin:0;padding:0;list-style:none;font:500 14px/1.45 var(--sans);color:var(--ink-2)}
.hb-facts b{color:var(--ink)}
.hb-dacts,.hb-plan-acts{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0}
.hb-cmp-ctl{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:0 0 12px}
.hb-cmp-ctl label{display:flex;align-items:center;gap:8px;font:600 14px/1 var(--sans);color:var(--ink-2)}
.hb-cmp-ctl select{min-height:36px;padding:0 10px;border:1px solid var(--line-2);border-radius:9px;background:var(--paper);color:var(--ink);font:500 14px/1 var(--sans)}
.hb-seg{margin:0}
.hb-cmp{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r,12px);background:var(--paper)}
.hb-cmp .hb-t{min-width:560px}
.hb-cmp-t{min-width:760px}
.hb-cmp-t caption{padding:12px 12px 4px}
.hb-cmp-t th small{display:block;font:500 12px/1.3 var(--sans);color:var(--ink-3)}
.hb-cmp-t a{color:var(--ink)}
.hb-cmp-t tr.hb-grp th{background:var(--bg);font:700 11.5px/1.2 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.hb-cmp-t tr.is-me{background:color-mix(in srgb,var(--brand) 8%,var(--paper))}
.hb-cmp-t tr.hb-tot th,.hb-cmp-t tr.hb-tot td{font-weight:800}
.hb-none{color:var(--ink-3);font-size:14px}
.hb-two{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.hb-two>*,.hb-top>*,.hb-cal-wrap>*,.hb-db>*,.hb-plans>*{min-width:0}   /* a wide table scrolls inside its box instead of widening the page */
.hb-h2b{margin-top:24px}
.hb-prose{color:var(--prose,var(--ink-2));font-size:15px;line-height:1.6}
.hb-prose h3{margin:18px 0 6px;font:700 17px/1.3 var(--sans);color:var(--ink)}
.hb-led{margin-top:16px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r,12px);background:var(--paper)}
.hb-led summary{cursor:pointer;font:700 15px/1.3 var(--sans);color:var(--ink)}
.hb-fine{font:500 12.5px/1.5 var(--sans);color:var(--ink-3)}
.hb-plans-s{border-top:0}
.hb-plans{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px;align-items:center;padding:24px;border:1px solid var(--line);border-radius:var(--r-lg,18px);background:var(--paper);box-shadow:var(--shadow)}
.hb-plans .wr-h{margin:0 0 8px}
.hb-plans p{margin:0 0 8px;color:var(--ink-2)}
.hb-plan-l{display:grid;gap:10px}
.hb-plan{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r,12px)}
.hb-plan b{display:block;color:var(--ink)}
.hb-plan span{font:500 13px/1.35 var(--sans);color:var(--ink-3)}
.hb-plan>b{white-space:nowrap}
.hb-plan.is-on{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.hb-mail{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:14px;padding:14px 18px;border:1px solid var(--line);border-radius:var(--r,12px);background:var(--paper)}
.hb-mail p{flex:1 1 260px;margin:0;color:var(--ink-2)}
.hb-page .dl-more{margin-top:8px}
@media (max-width:980px){.hb-top,.hb-cal-wrap,.hb-db,.hb-two,.hb-plans{grid-template-columns:1fr}}
@media (max-width:640px){
  .hb-answer{font-size:16px}
  .hb-sw{gap:8px}
  .hb-sw a{min-height:34px;padding:0 10px 0 6px;font-size:13px}
  .hb-sw a small{display:none}
  .hb-cal{width:calc(100% + 6px);margin:0 -3px;border-spacing:3px}
  .hb-cal td{height:58px;border-radius:8px}
  .hb-c{padding:4px;border-radius:8px}
  .hb-cd{font-size:12px}
  .hb-cm{display:none}
  .hb-cv{font-size:11.5px;letter-spacing:-.02em}
  .hb-cs{font-size:10px}
  .hb-cal th.hb-wk,.hb-cal td.hb-wk{display:none}
  .hb-wkrow{display:table-row}
  .hb-cal tr.hb-wkrow td{height:auto;padding:0 2px 6px;border:0;background:transparent;font:500 12px/1.3 var(--sans);color:var(--ink-2)}
  .hb-day summary{grid-template-columns:1fr auto 18px;gap:6px 10px}
  .hb-dm{grid-column:1/-1;grid-row:2;font-size:12.5px}
  .hb-dv{font-size:16px}
  .hb-plans{padding:18px}
}
@media (prefers-reduced-motion:reduce){.hb-chev{transition:none}}

/* day-page fixes found by the hub audit (2026-10-16): the "All daily logs" label stays on phones (it was the only way to the hub besides
   the date), and the trading sessions' time-zone line wraps instead of pushing the page 7px wider than a 390px screen */
@media (max-width:720px){.dl-nav-mid span{display:block;font-size:11.5px}}
@media (max-width:520px){.ts-h{flex-wrap:wrap}.ts-tz{white-space:normal}}