/* =====================================================================================================================
   Client dashboard master design (29 Oct 2026; the glass frame, 30 Oct): THE FRAME and the shared parts every page is
   built from. Loaded after kit.css, deltas.css, glass.css and glass-charts.css. Dark only, glass: the kit's tokens and
   parts (GLASS-GUIDE sections 5, 6, 10, 13), no colours, fonts, weights or radii of its own. Prefix dm- for frame parts.
   Page styles live in pages/<id>/page.css and are scoped to :root[data-page="<id>"] by build.py, so a page can never
   restyle another page or the frame; a sheet opened over another page takes its page's rules as .g-sheet[data-peek].

   Widths, the kit's bands by window: the phone under 900px, two columns from 900 to 1,279, the desk from 1,280; from 900 up the page's column is the window less the 64px rail.

   The density law (Chad, 28 Oct: "cards that are extending out so long ... there must be a better way"):
   1. The answer first: every page opens with its lead band (the deck or a figures row) and the page's one question
      answered inside the first screen at 1366x768 and 390x844.
   2. A card has a budget: no card taller than 440px on desktop. Lists show 5 rows, then "See all N" opens a sheet.
   3. Combine: related cards become one card with a view switch (dm-views), not two cards stacked.
   4. Collapse: secondary detail sits in drawers (dm-drawer) whose closed row still carries the key figure.
   5. Depth lives in sheets: tap a row, see its whole story over where you are, close, you are where you were.
   6. Find (Cmd K or the head's Find) and section chips (dm-jump) get the client to any figure in two taps.
   ===================================================================================================================== */

/* ---------- frame tokens: the head's height (--dm-head-h: A2's landing, the scroll padding and the section chips all
   read it, so they always equal the real head) and the page's gutters (the glass .page: 28px, 16px on a phone) ---------- */
:root{
  --dm-head-h:64px;
  --dm-gut-l:28px;   /* on a desk the rail clears the notch */
  --dm-gut-r:max(28px,env(safe-area-inset-right,0px));
}
@media (max-width:899px){:root{--dm-head-h:56px;--dm-gut-l:max(16px,env(safe-area-inset-left,0px));--dm-gut-r:max(16px,env(safe-area-inset-right,0px))}}
:root[data-chrome="none"]{--dm-head-h:0px}
@media (min-width:900px){:root[data-chrome="none"]{--dm-gut-l:max(28px,env(safe-area-inset-left,0px))}}   /* no rail there to clear the notch */
html{scroll-padding-top:calc(var(--dm-head-h) + 8px)}
body{min-height:100%}

/* ---------- the shell: the desk's icon rail, then the main column; on a phone one column (the place bar replaces the rail) ---------- */
.shell{display:flex;min-height:100vh}
.main{flex:1;display:flex;flex-direction:column;min-height:100vh;min-width:0}
.dm-view{flex:1;min-width:0}
.dm-view.is-leaving{opacity:0;transform:translateY(-4px);transition:opacity 140ms var(--ease),transform 140ms var(--ease)}
.dm-ghost{display:none!important}

/* ---------- the design strip (not product chrome: it says this is a design and holds the review controls) ---------- */
.dm-strip{display:flex;align-items:center;justify-content:space-between;gap:8px 16px;flex-wrap:wrap;padding-block:8px;padding-left:var(--dm-gut-l);padding-right:var(--dm-gut-r);border-bottom:1px dashed var(--hair2);background:none}
.dm-strip-l{display:inline-flex;align-items:center;min-width:0;font-size:12.5px;line-height:1.3;font-weight:400;letter-spacing:0;text-transform:none;color:var(--t2)}
.dm-strip-r{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}
.dm-strip-k{font-size:12.5px;line-height:1.3;font-weight:400;letter-spacing:0;text-transform:none;color:var(--t2)}
.dm-strip .seg button{height:28px;padding:0 10px}
.dm-strip .seg .thumb{height:28px}
.dm-strip .key.sm{height:32px}
.dm-strip [data-notes-toggle][aria-pressed="true"]{background:var(--key);color:var(--t1);box-shadow:inset 0 0 0 1px var(--key-line)}
.dm-short{display:none}
@media (max-width:899px){
  .dm-strip{flex-wrap:nowrap;padding-block:6px;gap:6px}
  .dm-strip .dm-long{display:none}
  .dm-strip .dm-short{display:inline}
  .dm-strip-l{white-space:nowrap}
  .dm-strip-r{flex-wrap:nowrap;gap:6px}
  .dm-strip .seg button{padding:0 10px;min-width:0}
}
@media (max-width:479px){.dm-strip-l{display:none}.dm-strip{justify-content:flex-end}}

/* ---------- the head: sticky under the strip, on the page's gutters and width. At the top it has no face; once the page
   scrolls under it the frame adds the kit's .g-bar (blurred glass: one of the three blurred layers) ---------- */
.dm-head{position:sticky;top:0;z-index:45;flex:none;height:var(--dm-head-h);transition:background-color 300ms var(--ease),box-shadow 300ms var(--ease)}
.dm-head-in{display:flex;align-items:center;gap:10px;height:100%;max-width:1496px;min-width:0;margin:0 auto;padding-left:var(--dm-gut-l);padding-right:var(--dm-gut-r)}
.dm-head-biz{font-size:14px;line-height:1.2;font-weight:400;color:var(--t2);white-space:nowrap}
.dm-head-biz::before{content:"\00b7";margin-right:10px}
.dm-head-tools{display:flex;align-items:center;gap:10px;flex:none;margin-left:auto}
@media (max-width:1099px){.dm-head-biz{display:none}}   /* the account sheet names it in full */
@media (min-width:900px){.page{padding-left:var(--dm-gut-l)}.dm-head.g-bar{box-shadow:inset 0 -1px 0 var(--hair),0 20px 40px -16px rgba(0,0,0,0.8)}}   /* the rail's edge is the bar's left edge */
/* the phone: the place he is in, in the brand's style, then Find as its mark, the bell and the initial (38px keys) */
@media (max-width:899px){
  .dm-head-in{gap:8px}
  .dm-head-biz{display:none}
  .dm-head-place{flex:1;min-width:0;font-size:16px;line-height:1.2;white-space:normal;overflow-wrap:break-word}
  .dm-head-tools{gap:8px}
}
/* ---------- the desk's places: small icons down the left, from 900px (Chad, 31 Oct). The kit's key states (.g-place) on a
   40px round key with an 18px icon: no face at rest, the place he is in on the soft grey key. Each names itself on hover and
   keyboard focus, in the hover chip's look. Sticky at the full height; over the head, so a name is never under it ---------- */
.dm-rail{display:none}
@media (min-width:900px){
  .dm-rail{position:sticky;top:0;z-index:46;flex:none;display:flex;flex-direction:column;align-items:center;width:calc(64px + env(safe-area-inset-left,0px));height:100vh;height:100dvh;padding:14px 0 16px env(safe-area-inset-left,0px);box-shadow:inset -1px 0 0 var(--hair)}
}
.dm-rail-list{display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:13px}
.dm-rail .g-place{width:40px;height:40px;padding:0;border-radius:50%}
.dm-rail-sep{flex:none;width:20px;height:1px;margin:4px 0;background:var(--hair)}
.dm-rail-tip{position:absolute;left:calc(100% + 12px);top:50%;padding:7px 10px;border-radius:11px;background:var(--float);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.10),0 10px 24px -10px rgba(0,0,0,0.75);color:var(--t1);font-size:12px;line-height:1.3;font-weight:400;letter-spacing:0;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transform:translate(-4px,-50%);transition:opacity 140ms var(--ease),transform 140ms var(--ease),visibility 140ms}
.dm-rail .g-place:focus-visible>.dm-rail-tip{opacity:1;visibility:visible;transform:translate(0,-50%)}
@media (hover:hover) and (pointer:fine){.dm-rail .g-place:hover>.dm-rail-tip{opacity:1;visibility:visible;transform:translate(0,-50%)}}
.dm-rail .g-place.dm-tip-off>.dm-rail-tip{opacity:0;visibility:hidden}
/* a finger needs 44px: the kit's touch box, on the 44px pitch */
@media (pointer:coarse) and (min-height:444px){.dm-rail .g-place::after{content:"";position:absolute;top:min(0px,calc(50% - 22px));bottom:min(0px,calc(50% - 22px));left:min(0px,calc(50% - 22px));right:min(0px,calc(50% - 22px))}}
/* a short window (a big phone held sideways, a squeezed desk window): the mark goes, then the keys tighten, then the rail scrolls with the page. Never overflow on the rail: it would cut the names. The steps are one key (44px)
   higher since Servicing made eight keys (part 2, 5 Nov) */
@media (min-width:900px) and (max-height:443px){
  .dm-rail-mark{display:none}
  .dm-rail{padding-top:8px;padding-bottom:8px}
  .dm-rail-list{margin-top:0;gap:0}
}
@media (min-width:900px) and (max-height:363px){.dm-rail .g-place{width:36px;height:36px}}
@media (min-width:900px) and (max-height:323px){.dm-rail{position:relative;height:auto}}
/* pages outside the frame (sign-in, set-up, card states, the kit): no rail, no head, no place bar, no veil; the strip stays */
:root[data-chrome="none"] .dm-rail,:root[data-chrome="none"] .dm-head,:root[data-chrome="none"] .g-placebar:not(.g-static),:root[data-chrome="none"] .g-veil{display:none!important}

/* ---------- the page's title block (data-fh): the title, its line, the freshness caption, the place's tab pills. A grid of
   one column, as before: Home, Insights and Connections set a design preview beside the line (grid-column 2) ---------- */
.fh{display:grid;grid-template-columns:minmax(0,1fr);justify-items:start;min-width:0;margin-bottom:28px}
.fh>*{max-width:100%;min-width:0}
.fh-h1{margin:0}
.fh-sub{margin:10px 0 0;font-size:14px;line-height:1.45;color:var(--t2);text-wrap:pretty}
.fh-sub b{font-weight:500;color:var(--t1)}
/* freshness: "Updated 08:05", once on a screen; it opens the sources' sheet. Its touch box rides on ::after, so a
   comfortable target never moves the words: the kit's two touch sizes, 36px at a desk, 44px on a phone (m7) */
.fh-fresh{position:relative;margin-top:6px;padding:2px 0;border-radius:999px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color 150ms var(--ease)}
.fh-fresh::after{content:"";position:absolute;left:-8px;right:-8px;top:min(0px,calc(50% - 18px));bottom:min(0px,calc(50% - 18px))}
@media (pointer:coarse),(max-width:899px){.fh-fresh::after{top:min(0px,calc(50% - 22px));bottom:min(0px,calc(50% - 22px))}}
@media (hover:hover) and (pointer:fine){.fh-fresh:hover{color:var(--t1)}}
.fh-fresh:focus-visible{outline:2px solid var(--g-focus);outline-offset:3px}
.dm-fresh-lead{margin:0 0 16px;color:var(--t2)}
.dm-fresh-list>div{gap:3px}
.dm-fresh-list b{font-weight:500;color:var(--t1)}
@media (max-width:899px){.fh{margin-bottom:22px}}

/* ---------- a place's tabs: the kit's tab pills (g-tabs, g-tab) with the sliding soft-grey key (.bar). On a phone the
   row scrolls sideways and fades at an edge that has more; under 360px the kit wraps it and the key goes ---------- */
.fh>.dm-sub{justify-self:stretch;margin-top:18px}
.dm-sub{position:relative;min-width:0}
.dm-sub-in{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;padding-block:6px;margin-block:-6px;scroll-padding-inline:28px}
.dm-sub-in::-webkit-scrollbar{display:none}
.dm-sub-in[data-fade="r"]{-webkit-mask-image:linear-gradient(90deg,var(--t1) calc(100% - 40px),transparent);mask-image:linear-gradient(90deg,var(--t1) calc(100% - 40px),transparent)}
.dm-sub-in[data-fade="l"]{-webkit-mask-image:linear-gradient(90deg,transparent,var(--t1) 40px);mask-image:linear-gradient(90deg,transparent,var(--t1) 40px)}
.dm-sub-in[data-fade="lr"]{-webkit-mask-image:linear-gradient(90deg,transparent,var(--t1) 40px,var(--t1) calc(100% - 40px),transparent);mask-image:linear-gradient(90deg,transparent,var(--t1) 40px,var(--t1) calc(100% - 40px),transparent)}
@media (max-width:899px){
  .fh>.dm-sub{margin-top:14px}
  .dm-sub-in{scroll-snap-type:x proximity;padding-inline-end:28px}
  .dm-sub .g-tab{scroll-snap-align:center}
  /* a quiet page (Report) leaves the phone's main path (roaster sweep, 2 Nov): More and Find keep its door */
  .dm-sub .g-tab.is-quiet-phone,.dm-sub.is-quiet-phone{display:none}
}
/* "Next": a page designed ahead of being built, in the kit's grey status voice, never capitals. The word itself at every
   width, a tab's included (m5): on a phone the tab row scrolls sideways rather than shrink it to a dot */
.dm-soon{display:inline-flex;align-items:center;flex:none;height:18px;padding:0 7px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--hair2);font:400 11px/1 var(--g-font);letter-spacing:0;text-transform:none;color:var(--t2);white-space:nowrap}

/* ---------- section chips: jump to a part of a long page; sticky under the head. No blur (a near-opaque room face), so
   the head, the place bar and a sheet stay within three blurred layers; stuck is read from the scroll position ---------- */
.dm-jump{position:sticky;top:var(--dm-head-h);z-index:30;margin:0 0 18px;padding:8px 0}
.dm-jump::before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:calc(0px - var(--dm-gut-l));right:calc(0px - var(--dm-gut-r));background:color-mix(in srgb,var(--room) 96%,transparent);box-shadow:inset 0 -1px 0 var(--hair);opacity:0;transition:opacity 150ms var(--ease)}
.dm-jump.stuck::before{opacity:1}
.dm-jump-at{display:block;height:0}
.dm-jump .chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(to right,var(--t1) calc(100% - 28px),transparent);mask-image:linear-gradient(to right,var(--t1) calc(100% - 28px),transparent);padding-right:28px}
.dm-jump .chips::-webkit-scrollbar{display:none}
.dm-jump .chip{flex:none}
.dm-jump .chip[aria-pressed="true"]{background:var(--key);color:var(--t1);box-shadow:inset 0 0 0 1px var(--key-line)}
.dm-sec{scroll-margin-top:calc(var(--dm-head-h) + var(--dm-jump-h,0px) + 8px)}

/* ---------- the phone's place bar is the kit's (g-placebar, g-veil); the page leaves room under its last words for it:
   the 64px bar, 12px from the edge, the safe area and a little more ---------- */
@media (max-width:899px){
  :root:not([data-chrome="none"]) .dm-pg>.page{padding-bottom:24px}
  :root:not([data-chrome="none"]) .dm-view{padding-bottom:calc(64px + 12px + 8px + 32px + env(safe-area-inset-bottom,0px))}
  /* UX fix (2 Nov): the Ask key's orb stands about 8px above the bar, so the veil is solid to just above the orb's top and
     fades over 36px more: a chart scrolling under the bar never shows beside the raised orb. The page's last words clear
     the bar, the orb and the fade (the padding above) */
  :root:not([data-chrome="none"]) .g-veil{height:calc(64px + 12px + 8px + 36px + env(safe-area-inset-bottom,0px));
    background:linear-gradient(to top,var(--room-edge) calc(100% - 36px),rgba(11,12,11,0))}
}

/* ---------- the lead band: figures row tiles ---------- */
.dm-figs{display:grid;grid-template-columns:repeat(var(--n,4),minmax(0,1fr));gap:14px}
.dm-ft{position:relative;display:flex;flex-direction:column;gap:8px;padding:16px 18px 14px;border-radius:22px;background:var(--card);box-shadow:var(--lift-sm);min-width:0;text-align:left;transition:transform var(--d-drawer) var(--spring),box-shadow var(--d-drawer) var(--ease)}
.dm-ft .eyebrow{display:flex;align-items:center;gap:8px;min-width:0}
.dm-ft .eyebrow .gdot{width:7px;height:7px;border-radius:50%;flex:none;background:var(--c,var(--ink))}
.dm-ft .fig{font-size:28px}
.dm-ft .dm-ft-row{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;min-width:0}
.dm-ft .chart{width:44%;max-width:120px;flex:none}
.dm-ft .small{font-size:12.5px;line-height:1.4}
button.dm-ft,a.dm-ft{cursor:pointer}
@media (hover:hover) and (pointer:fine){button.dm-ft:hover,a.dm-ft:hover{transform:translateY(-3px);box-shadow:var(--lift)}}
button.dm-ft:active,a.dm-ft:active{transform:scale(.985)}
@media (max-width:1100px){.dm-figs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:899px){.dm-figs{gap:10px}.dm-ft{padding:14px 14px 12px;border-radius:20px}.dm-ft .fig{font-size:24px}.dm-ft .chart{display:none}}

/* ---------- combine: one card, several views (the kit's segments switch them) ---------- */
.dm-views [data-view-panel]{animation:dm-view-in var(--d-drawer) var(--out)}
.dm-views [data-view-panel][hidden]{display:none}
@keyframes dm-view-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

/* ---------- collapse: a drawer is the kit's drawer (g-drawer): a row that opens in place, its closed row still carrying
   the figure, the chevron turning. The pages' markup stays (.dm-drawer, .dm-dh, .dm-db) ---------- */
.dm-drawer{position:relative;min-width:0;border-radius:0;background:none;box-shadow:none;border-top:1px solid var(--grid)}
.dm-drawer.flat{background:none;box-shadow:none}
.dm-drawer>.dm-dh{display:flex;align-items:center;gap:12px;width:calc(100% + 24px);min-height:52px;margin:0 -12px;padding:10px 12px;border-radius:16px;text-align:left;color:var(--t1);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color 150ms var(--ease),transform 150ms var(--ease)}
@media (hover:hover) and (pointer:fine){.dm-drawer>.dm-dh:hover{background-color:var(--tile)}.dm-drawer>.dm-dh:hover .dm-chev{color:var(--t1)}}
.dm-drawer>.dm-dh:active{background-color:var(--sunk2);transform:scale(0.98);transition-duration:90ms}
.dm-drawer>.dm-dh:focus-visible{outline:2px solid var(--g-focus);outline-offset:0}
.dm-dh .glyph{flex:none}
.dm-dh .dm-dt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.dm-dh .dm-dt .h3,.dm-dh .dm-dt .small{text-wrap:pretty}
.dm-dh .dm-dsum{flex:none;display:flex;align-items:center;gap:12px}
.dm-dh .dm-chev{flex:none;display:inline-flex;color:var(--t2);transform:rotate(90deg);transition:transform 200ms var(--ease),color 150ms var(--ease)}
.dm-dh .dm-chev svg{width:16px;height:16px}
.dm-drawer[data-open="true"]>.dm-dh .dm-chev{transform:rotate(-90deg)}
.dm-db{display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows 240ms var(--ease),visibility 0s linear 240ms}
.dm-drawer[data-open="true"]>.dm-db{grid-template-rows:1fr;visibility:visible;transition:grid-template-rows 300ms var(--ease),visibility 0s}
.dm-db>div{overflow:hidden;min-height:0}
.dm-db>div>.dm-dbin{padding:0 0 14px}
.dm-dbin :focus-visible{outline-offset:-2px}
@media (max-width:899px){.dm-dh .dm-dsum .dm-hide-ph{display:none}}
/* critic 2, finding 46: a card never stretches to match an open drawer beside it */
.dm-view .grid:has([data-drawer][data-open="true"]){align-items:start}

/* ---------- lists with a cap: five rows, then See all N in a sheet; the field that finds in it ---------- */
.dm-cap-more{margin-top:6px}
.dm-sheet-search{position:sticky;top:0;z-index:2;padding:4px 0 12px;background:var(--g-sheet-solid)}
.dm-input{width:100%;height:44px;padding:0 14px 0 42px;border-radius:13px;border:0;background:var(--tile);color:var(--t1);font:400 15px/1 var(--g-font);box-shadow:inset 0 0 0 1px var(--hair)}
.dm-input::placeholder{color:var(--t3);opacity:1}
.dm-input:focus-visible{outline:2px solid var(--g-focus);outline-offset:2px}
.dm-input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}
.dm-input-w{position:relative;display:block}
.dm-input-w .ic{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--t2);pointer-events:none}
.dm-empty-find{padding:18px 0;color:var(--t2);font-size:14px}

/* ---------- sheets are the kit's (g-sheet). The frame's hooks inside: the eyebrow above the title, a body that changed
   in place fading in, and the foot's "Open in" pill on a sheet over another page ---------- */
.g-sheet-title .dm-sh-eb{display:block;margin:0 0 4px;font-size:12.5px;line-height:1.3;font-weight:400;letter-spacing:0;color:var(--t2)}
.g-sheet-title .dm-sh-t{display:block}
.dm-sh-swap{animation:dm-view-in 300ms var(--ease)}
.dm-peek-go svg{margin-left:-1px}

/* A7, nothing is cut: in a sheet a name wraps rather than end in an ellipsis: the bell's sheet (What needs you, Today
   and Sorted) and the old kit's rows (.ri) that pages still draw in their sheets, at any width */
.g-sheet :is(.dm-needs-name,.ri .name){white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:break-word}

/* the More sheet, the account sheet and the index: the kit's .g-more rows */
.dm-more>a[aria-current="page"] .g-more-ic,.dm-index-g+.g-more>a[aria-current="page"] .g-more-ic{color:var(--t1)}
.g-more>a .dm-soon,.g-more>button .dm-soon{margin-left:auto}
/* a place of two tabs in the More sheet (Money: Overview, Planned costs): its tabs as linked chips under its row, in
   line with the row's words (the 36px icon and its 14px gap) */
.dm-more-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 6px 50px}
.dm-acct-mail{margin:0 0 14px;font-size:14px;line-height:1.4;color:var(--t2);overflow-wrap:anywhere}
.dm-acct-biz{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px 12px;margin:0 0 14px;padding:12px 14px;border-radius:16px;background:var(--tile);box-shadow:inset 0 0 0 1px var(--tline);color:var(--t1);transition:background-color 150ms var(--ease)}
@media (hover:hover) and (pointer:fine){.dm-acct-biz:hover{background:var(--sunk2)}}
.dm-acct-biz:focus-visible{outline:2px solid var(--g-focus);outline-offset:2px}
.dm-acct-name{min-width:0;font-size:15px;line-height:1.3;font-weight:400;overflow-wrap:anywhere}
.dm-acct-sw{flex:none;font-size:12.5px;line-height:1.3;color:var(--t2);white-space:nowrap}
.dm-acct-foot{display:flex;margin-top:18px;padding-top:16px;border-top:1px solid var(--hair)}
.dm-index-lead{margin:0 0 8px;color:var(--t2)}
.dm-index-g{margin:18px 0 6px}

/* ---------- Find: a field, then results in .g-more rows grouped by kind; the selected row wears the hover face ---------- */
.dm-find-f{margin:0 0 6px}
.dm-find-f input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}
.dm-find-g{margin:14px 0 4px}
.dm-find-l>button{--g-bg-on:var(--tile);--g-edge-on:none;--g-fg-on:var(--t1)}
.dm-find-keys{margin:14px 0 0;color:var(--t3)}
@media (pointer:coarse),(max-width:899px){.dm-find-keys{display:none}}

/* ---------- the toast is the kit's (g-toast, which wraps a long one itself since 3.17); with an action it takes presses
   while it shows ---------- */
.g-toast.dm-toast-act.is-open{pointer-events:auto}
.g-toast .dm-toast-a{margin:-6px -10px -6px 6px}

/* ---------- small shared pieces ---------- */
:root:not([data-viewer="founder"]) .dm-founder{display:none!important}
:root[data-viewer="founder"] .dm-member-only{display:none!important}
/* the IntegrateAI pill: the key's face, sentence case, never white */
.dm-fpill{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 9px;border-radius:11px;background:var(--key);color:var(--t1);box-shadow:inset 0 0 0 1px var(--key-line);font:500 11px/1 var(--g-font);letter-spacing:0;text-transform:none;white-space:nowrap}
/* "Coming next" in pencil: the kit's .pencil inside a card, one plain line, never a figure */
.dm-pc{display:flex;flex-direction:column;gap:10px;min-height:100%}
.dm-pc .pencil{flex:1;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;min-height:96px}
.dm-pc .pencil svg{width:100%;height:auto;max-height:90px}
/* a quiet example-figures note under a page */
.dm-foot{margin-top:28px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--t2)}
/* the design layer (D26): a designed-ahead page's note, drawn as the kit's design note (g-note): a dashed hairline, its
   label in sentence case, so the build never copies it. It shows only with the strip's Notes on */
.dm-ahead{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:6px 10px;margin:-6px 0 20px;padding:14px 16px;border-radius:13px;border:1px dashed var(--hair2);background:none;font-size:13.5px;line-height:1.5;color:var(--t2)}
.dm-ahead::before{content:"Design note \00B7  not in the build";grid-column:1/-1;font-size:12px;line-height:1.3;font-weight:400;letter-spacing:0;text-transform:none;color:var(--t3)}
.dm-ahead .ic{flex:none;margin-top:2px;color:var(--t3)}
.dm-ahead b{font-weight:500;color:var(--t1)}
:root:not([data-notes="on"]) .dm-ahead,:root:not([data-notes="on"]) .dm-design{display:none!important}

/* two columns from 900px (finding 9, K-dm5): the kit stacks its spans under 1,100px; from 900 to 1,100 the pairs stay
   side by side (8/4 and 7/5 become 7/5, 6/6 stays), so a tablet held sideways is not one long column */
@media (min-width:900px) and (max-width:1100px){
  .dm-view .span-8,.dm-view .span-7{grid-column:span 7}
  .dm-view .span-5,.dm-view .span-4{grid-column:span 5}
  .dm-view .span-6{grid-column:span 6}
}
/* Chad, 29 Oct ("the text overflowing the card ... looks really bad"): text never leaves its card. An eyebrow wraps to a
   second line rather than run past the card's edge or be cut with an ellipsis, and a card head lets its right-hand part
   drop under the title when the two will not fit side by side. tools/check-fit.js sweeps 15 widths for it. */
.dm-view .eyebrow{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:break-word}
.dm-view .c-head{flex-wrap:wrap;row-gap:6px}

/* ---------- still mode for screenshots and reduced motion: the frame's own movement stops too ---------- */
.still .dm-view.is-leaving{opacity:1;transform:none}
.still .dm-rail-tip,.still .dm-head,.still .dm-db,.still .dm-dh .dm-chev,.still .dm-drawer>.dm-dh,.still .dm-jump::before{transition:none}
.still .dm-sh-swap{animation:none}
@media (prefers-reduced-motion:reduce){
  .dm-head,.dm-db,.dm-dh .dm-chev,.dm-drawer>.dm-dh,.dm-jump::before,.fh-fresh{transition-duration:.01ms!important}
  .dm-views [data-view-panel],.dm-sh-swap{animation:none}
}

/* ---------- print: the page alone (the Bagging list's print sheet), none of the frame's floating parts ---------- */
@media print{
  .dm-strip,.dm-rail,.dm-head,.g-placebar,.g-veil,.g-sheet,.g-scrim,.g-toast,.dm-ghost{display:none!important}
  .shell{display:block}
  .dm-view{padding-bottom:0!important}
}

/* ---------- unit 3e: the desk's ask bar in the head, the phone's search key, the finds key's name chip (the floating orb
   key and its 68px of room under a phone page retired on 1 November: Ask is the place bar's centre key) ---------- */
.dm-find-ph{display:none}
@media (max-width:899px){.dm-ask{display:none}.dm-find-ph{display:inline-flex}}
.dm-ask-l>button{width:100%}
.dm-finds{position:relative}
.dm-key-tip{position:absolute;right:0;top:calc(100% + 10px);padding:7px 10px;border-radius:11px;background:var(--float);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.10),0 10px 24px -10px rgba(0,0,0,0.75);color:var(--t1);font-size:12px;line-height:1.3;font-weight:400;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transition:opacity 140ms var(--ease),visibility 140ms}
@media (hover:hover) and (pointer:fine) and (min-width:900px){.dm-finds:hover>.dm-key-tip{opacity:1;visibility:visible}}
@media (min-width:900px){.dm-finds:focus-visible>.dm-key-tip{opacity:1;visibility:visible}}

/* a place's tabs docked under the head once the page's own tabs scroll under it (Chad, 2 Nov) */
.dm-dock{position:absolute;left:0;right:0;top:100%;background:rgba(14,15,14,0.92);box-shadow:inset 0 -1px 0 var(--hair)}
.dm-dock[hidden]{display:none}
.dm-dock-in{max-width:1496px;margin:0 auto;padding:8px var(--dm-gut-r) 10px var(--dm-gut-l)}

/* part 1 (5 Nov): the strip in a staff seat's view. Its Leave key goes back to the owner; Viewing as is the owner's view of
   the design, so it steps aside while a seat is on */
.dm-strip [data-seat-leave][hidden]{display:none}
:root[data-seat="staff"] #dmViewerSeg,:root[data-seat="staff"] .dm-strip-k{display:none}

/* ---- account/global.css ---- */
/* Settings: the one list (the account sheet over any page, and #account) and every part's sheet. Unscoped (build.py loads
   global.css as it is, so the account sheet is styled over any page, and a part's sheet whoever owns it), so every
   selector starts with a se- class. The parts are the kit's (.g-more, .g-status, .g-pill, .g-pencil, .g-row, .g-badge,
   .g-switch, .g-seg, .g-field, .g-tile, .g-thin, .g-only); this file only lays them out. Tokens only. */

/* ---------- the list: the kit's .g-more rows on a grid, so a row's state sits beside its name where the list has room
   and under it where it has not (one row, drawn once). The first child is the icon tile or a face ---------- */
.se-list{container:selist/inline-size}
.se-list>.se-row{display:grid;grid-template-columns:36px minmax(0,1fr) auto 16px;grid-template-areas:"ic text next end";
  align-items:center;gap:0 14px;width:calc(100% + 24px);min-height:56px;margin:0 -12px;padding:10px 12px;border-radius:16px;text-align:left}
.se-row>:first-child{grid-area:ic}
.se-row>.g-more-text{grid-area:text}
.se-row>.se-state{grid-area:state;display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;min-width:0}
.se-row>.se-next{grid-area:next}
.se-row>:is(.g-chev,.se-go){grid-area:end}
.se-go{display:grid;place-items:center;width:16px;height:16px;color:var(--t2)}
.se-go svg{width:16px;height:16px}
.se-row .g-more-line[hidden]{display:none}
.se-row .g-more-line{text-wrap:pretty}
@container selist (max-width:419.98px){
  .se-list>.se-row:has(>.se-state){grid-template-areas:"ic text next end" "ic state next end"}
  .se-row>.se-state{justify-self:start;margin-top:5px}
}
@container selist (min-width:420px){
  .se-list>.se-row{grid-template-columns:36px minmax(0,1fr) auto auto 16px;grid-template-areas:"ic text state next end"}
  .se-row>.se-state{justify-self:end}
}
/* the narrowest list (a panel on a 320 phone): the Next chip goes under the name too, so the name keeps two lines */
@container selist (max-width:269.98px){
  .se-list>.se-row:has(>.se-next){grid-template-columns:36px auto minmax(0,1fr) 16px;grid-template-areas:"ic text text end" "ic next next end"}
  .se-list>.se-row:has(>.se-next):has(>.se-state){grid-template-areas:"ic text text end" "ic state next end";column-gap:8px}
  .se-row>.se-next{justify-self:start;margin-top:6px}
}
.se-faces{display:flex;gap:4px}
.se-face{display:inline-grid;place-items:center;flex:none;width:36px;height:36px;border-radius:50%;background:var(--key);box-shadow:inset 0 0 0 1px var(--key-line);font-size:14px;line-height:1;font-weight:400;color:var(--t1)}
.se-face.is-s{width:24px;height:24px;font-size:11px}
.se-face.is-l{width:44px;height:44px;font-size:16px}
.se-face.is-mono{border-radius:11px;font-size:12px;letter-spacing:0.02em}
.se-face.is-pend{background:transparent;box-shadow:inset 0 0 0 1px var(--hair2);color:var(--t2)}
.se-you{color:var(--t2)}
.se-mail{overflow-wrap:anywhere}
.se-wait::before{content:"";display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;box-shadow:inset 0 0 0 1.25px var(--t2);vertical-align:0}

/* the person: the initial on the icon column, so the name lines up with every row's words */
.se-me{display:grid;grid-template-columns:36px minmax(0,1fr);column-gap:14px;align-items:start;min-width:0}
.se-me-t{min-width:0}
.se-me-t>*{margin:0}
.se-me-t>.se-me-name{margin-bottom:4px}

/* the agreement, Coming next: the kit's pencil as the list's last row */
.se-pencil{gap:6px;padding:12px 16px}
.se-pencil-t{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 12px;width:100%}
.se-pencil-name{min-width:0;font-size:15px;line-height:1.3;font-weight:400;color:var(--t1)}
@media (min-width:360px){.se-pencil-t{flex-wrap:nowrap}.se-pencil-t>.g-status{flex:none}}
.se-pencil .g-pencil-line{max-width:none;font-size:12.5px;line-height:1.4}
.se-pencil-sh{gap:10px;padding:18px 20px}

/* the Connections row when a tool needs him: a needs row, its words on the row's own grid */
.se-list>.se-needrow{margin:0 -12px}
.se-needrow>.se-needs-head{display:grid;grid-template-columns:36px minmax(0,1fr) 16px;column-gap:14px;align-items:center;padding:10px 12px;text-decoration:none}
.se-needs-sig{display:grid;place-items:center;width:36px;height:36px}
.se-needs-act{padding:0 12px 14px 62px}
@media (hover:hover) and (pointer:fine){.se-needrow>.se-needs-head:hover{background-color:var(--key);border-radius:var(--rt)}}

/* ---------- the account sheet ---------- */
.se-say{margin:0 0 14px;font-size:14px;line-height:1.45;color:var(--t2)}
.se-acct>.se-me{margin-bottom:12px}
.se-acct>.se-pencil{margin-top:10px}
.se-out-w{margin-top:16px;padding-top:14px;border-top:1px solid var(--hair)}

/* ---------- the parts' sheets ---------- */
.se-gap{margin-top:12px}
.se-gap-s{margin-top:6px}
.se-sub{margin:24px 0 8px}
.se-sub-1{margin-top:2px}
.se-acts{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:20px}
.se-note-l{display:flex;align-items:flex-start;gap:8px;margin-top:14px}
.se-note-l svg{flex:none;margin-top:1px;color:var(--t2)}

/* your businesses */
.se-sim{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-top:14px;padding:14px 16px}
.se-sim>p{margin:0}

/* who sees what: a seat offer sits under its person's row, in the row's own column (part 1) */
.se-people .se-wait{margin-top:2px}
.se-people>.se-held{margin:2px 0 10px 50px}
.se-seen:not(:empty){margin-top:12px}
.se-log{display:flex;flex-direction:column}
.se-log-r{display:grid;grid-template-columns:150px minmax(0,1fr);gap:2px 14px;margin:0;padding:10px 0;border-top:1px solid var(--grid)}
.se-log-r:first-child{border-top:0;padding-top:2px}
.se-log-w{padding-top:1px}
@media (max-width:520px){.se-log-r{grid-template-columns:minmax(0,1fr)}}
.se-ps{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:14px;align-items:center;margin-bottom:18px}
.se-ps-t{min-width:0}
.se-ps-t>*{margin:0}
.se-tile{padding:14px 16px}
.se-tile>*{margin:0}
.se-tile>.g-body-s{margin-bottom:4px}
.se-field{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0}
.se-field>*{margin:0;max-width:100%}
.se-rm{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;margin-top:22px;padding-top:16px;border-top:1px solid var(--grid)}

/* the step-up */
.se-what{padding:14px 16px}
.se-what>*{margin:0}
.se-what>.g-body{margin-bottom:2px}
.se-checks{margin:16px 0 0;padding:0;list-style:none}
.se-ck{display:grid;grid-template-columns:26px minmax(0,1fr);column-gap:14px;padding:14px 0}
.se-ck+.se-ck{border-top:1px solid var(--grid)}
.se-ckn{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--tile);box-shadow:inset 0 0 0 1px var(--tline);font-size:12.5px;line-height:1;color:var(--t1);font-feature-settings:"tnum" 1}
.se-ck-t{min-width:0}
.se-ck-t>p{margin:0}
.se-ck-h{margin:3px 0 4px}
.se-code-w{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:12px}
.se-code{max-width:190px;letter-spacing:0.24em;font-feature-settings:"tnum" 1}
.se-code::placeholder{letter-spacing:0}
.se-code.is-ok{box-shadow:inset 0 0 0 1px var(--green)}
.se-code-ok{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;line-height:1.3;color:var(--t2)}
.se-code-ok[hidden]{display:none}
.se-resend{margin-top:10px}
.se-sent>p{margin:0}
.se-sent-h{margin:4px 0 8px}

/* the dial ("What your team may do") and its styles are retired (the product laws pass, 1 Nov) */
/* notifications */
.se-al{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:28px;align-items:start}
@media (max-width:899px){.se-al{grid-template-columns:minmax(0,1fr);gap:20px}}
.se-sws{display:flex;flex-direction:column}
.se-swr{display:grid;grid-template-columns:36px minmax(0,1fr) auto;column-gap:14px;align-items:center;padding:10px 0;border-top:1px solid var(--grid)}
.se-swr:first-child{border-top:0}
.se-swr-t{min-width:0}
.se-swr-t>p{margin:0}
.se-swr-n{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin-bottom:2px;font-size:15px;line-height:1.3;color:var(--t1)}
.se-swr-t>.g-cap{overflow-wrap:break-word}
.se-in{display:block;margin-top:4px;color:var(--t1)}
.se-al-r{display:flex;flex-direction:column;gap:10px;margin:2px 0 0}
.se-al-r>.g-cap{margin:0}
.se-lock{padding:12px 14px 13px;border-radius:20px;background:var(--float);box-shadow:inset 0 0 0 1px var(--hair2);transition:opacity 150ms var(--ease)}
.se-lock.is-off{opacity:0.45}
.se-lock-top{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.se-lock-app{flex:1;min-width:0;font-size:12px;line-height:1.3;color:var(--t2);overflow-wrap:anywhere}
.se-lock-now{font-size:12px;line-height:1.3;color:var(--t2)}
.se-lock-t{margin:0;font-size:15px;line-height:1.3;font-weight:500;color:var(--t1)}
.se-lock-b{margin:2px 0 0;font-size:14px;line-height:1.4;color:var(--t2)}
.se-how{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}
.se-how>.g-tile{padding:14px 16px}
.se-how h3{margin:0 0 8px}
.se-steps{display:grid;gap:6px;margin:0;padding-left:20px;list-style:decimal;font-size:14px;line-height:1.45;color:var(--t2)}
@media (max-width:520px){.se-how{grid-template-columns:minmax(0,1fr)}}

/* counting visits */
.se-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;margin:16px 0 8px;padding:0;list-style:none}
.se-facts li{display:flex;align-items:flex-start;gap:8px;font-size:14px;line-height:1.4;color:var(--t1)}
.se-facts svg{flex:none;margin-top:2px;color:var(--t2)}
@media (max-width:420px){.se-facts{grid-template-columns:minmax(0,1fr)}}

/* set-up: the band a new client sees, in a dashed frame (a picture of the top of Home) */
.se-pvbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:16px}
.se-pvbar>.g-cap{margin:0}
.se-bandw{margin-top:14px;padding:14px;border-radius:22px;border:1px dashed var(--hair2)}
.se-band{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 20px;padding:16px 18px}
.se-band-t{display:grid;gap:4px;flex:1 1 240px;min-width:0}
.se-band-t>*{margin:0}
.se-band-e{display:flex;flex-wrap:wrap;align-items:center;gap:14px}
.se-spine{display:block;width:104px;height:16px}
.se-hid{margin:0;padding:6px 2px}
.se-hid>.g-link-line{margin-top:0}

/* the dial: Rules you have set (unit 3e) */
.se-rule{display:flex!important;flex-direction:row!important;align-items:center;justify-content:space-between;gap:12px}
.se-rule>.g-thin-name{min-width:0}
.se-rule>.g-pill{flex:none}
.se-t2{color:var(--t2)}
/* a plain row (How your team works): words only, nothing to press, so no hover, no chevron and no pointer */
.se-list>.se-row.se-row-words{cursor:default;grid-template-columns:36px minmax(0,1fr);grid-template-areas:"ic text"}
.se-list>.se-row.se-row-words:hover{background:none}

/* ---- account/page.css (scoped) ---- */

:root[data-page="account"] .se{container:se/inline-size}
:root[data-page="account"] .se .fh-sub{overflow-wrap:anywhere}
:root[data-page="account"] .se-grid{--se-col:20px;display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
:root[data-page="account"] .se-id{display:flex;flex-direction:column;gap:12px}
:root[data-page="account"] .se-id>.se-list{padding-top:8px;border-top:1px solid var(--hair)}
:root[data-page="account"] .se-tools>.g-head,:root[data-page="account"] .se-team>.g-head{margin-bottom:6px}
:root[data-page="account"] .se-pencil-at{margin-top:8px}
:root[data-page="account"] .se-out-at{padding:2px 2px 0}
:root[data-page="account"] .se-note{max-width:none}
:root[data-page="account"] .se-note-keys{display:flex;flex-wrap:wrap;gap:8px}


@media (min-width:900px){
  :root[data-page="account"] .se-grid{gap:16px}
  @container se (min-width:700px){
    :root[data-page="account"] .se-id{grid-area:you}:root[data-page="account"] .se-tools{grid-area:tools}:root[data-page="account"] .se-team{grid-area:team}:root[data-page="account"] .se-note{grid-area:note}
    :root[data-page="account"] .se-grid{column-gap:var(--se-col);grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"you you" "tools tools" "team team" "note note"}
    :root[data-page="account"] .se-id{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:calc(var(--se-col) + 44px);align-items:center}
    :root[data-page="account"] .se-id>.se-me{padding-right:104px}
    :root[data-page="account"] .se-id>.se-list{padding-top:0;border-top:0}
    
    :root[data-page="account"] .se-grid>.se-out-at{grid-row:1;grid-column:1;justify-self:end;align-self:center;z-index:1;margin-right:22px;padding:0}
  }
  @container se (min-width:1020px){
    :root[data-page="account"] .se-grid{grid-template-areas:"you you" "tools team" "note note"}
    
    :root[data-page="account"] .se-tools{display:flex;flex-direction:column}
    :root[data-page="account"] .se-tools>.se-list{flex:1 1 auto}
    :root[data-page="account"] .se-tools>.se-list>.se-row{flex:1 1 auto}
  }
  @container se (min-width:1150px){:root[data-page="account"] .se-grid{--se-col:28px}}
}

/* ---- ask/global.css ---- */
/* The assistant sheet (unit 3e): "Your team" over wherever he is. Its answers take Ask's own drawing (page.css, lent to
   the sheet as .g-sheet[data-peek="ask"] by the frame); this file places the sheet's own parts. Tokens only (the glass
   lint holds this file strictly); the parts themselves are the kit's (glass.css 3.30). */
/* ask redesign (Chad, 2 Nov): the head carries Open wide (desk) and the history key beside the close key */
.as-sheet .g-sheet-head{grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"title keys close"}
.as-hkeys{grid-area:keys;display:flex;align-items:center;gap:8px}
/* B3 (Chad's iPhone, 2 Nov): opened from another sheet (an account's "Ask about"), the head keeps its back line on a row
   of its own, so the title never squeezes */
.as-sheet .g-sheet-head:has(>.g-sheet-back){grid-template-areas:"back back back" "title keys close"}
/* UX fix (2 Nov, Chad's phone): the conversation is its own space. Its face is the sheet face made solid, never blurred
   glass, so nothing of the page behind reads through it, on any engine */
.g-sheet.as-sheet{background-color:var(--g-sheet-solid);-webkit-backdrop-filter:none;backdrop-filter:none}
/* Earlier, pushed in place (3 Nov): one head, the back arrow, the title, the search key, the one close; the conversation
   underneath is hidden until he comes back */
.as-sheet.is-hist .g-sheet-head,.as-sheet.is-hist .g-sheet-head:has(>.g-sheet-back){grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:"back title find close";row-gap:0}
.as-sheet.is-hist .as-hkeys,.as-sheet.is-hist .g-sheet-back:not(.as-hback){display:none}
.as-sheet.is-hist .as-hback{grid-area:back;margin-right:2px}
.as-sheet.is-hist .g-sheet-title{grid-area:title;font-size:20px}
.as-hfind{grid-area:find}
.as[hidden],.as-earlier[hidden]{display:none}
.as-hist{gap:6px;padding:0 14px 0 12px}
.as-hist svg{flex:none;width:16px;height:16px}
/* the body fills the sheet: the greeting sits in the middle; once he speaks it steps aside and the thread sits at the foot,
   newest just above the box, as a message app does */
.as{display:flex;flex-direction:column;gap:22px;min-width:0;min-height:100%;container:as/inline-size}
.as>.as-hello{margin:auto 0}
.as.has-conv>.as-hello{display:none}
.as.has-conv>.as-conv{margin-top:auto}
/* the box takes 16px type, so iOS never zooms the page when it takes focus; the send key is quiet until there are words */
.as-sheet .as-form .g-askbox input{font-size:16px}
.as-send:disabled{opacity:0.4;cursor:default}
.as-send.is-ready{--g-bg:var(--g-strong);--g-fg:var(--t1)}
/* the team speaks first: its orb large and turning, centred, one line in its own voice, then his replies */
.as-hello{display:grid;justify-items:center;gap:10px;padding:18px 0 4px;text-align:center}
.as-hello-orb{display:block;width:72px;height:72px;margin-bottom:6px}
.as-hello-orb canvas{display:block}
.as-hello-t{margin:0;max-width:34ch;font-size:20px;line-height:1.3;font-weight:300;letter-spacing:-0.016em;color:var(--t1);text-wrap:balance}
.as-hello-s{margin:0;max-width:44ch;color:var(--t2);text-wrap:pretty}
.as-replies{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 8px;margin-top:8px}
.as-near{display:flex;flex-wrap:wrap;gap:10px 8px}
.as-replies[hidden],.as-say[hidden],.as-listen[hidden]{display:none}
/* the composer in the sheet's foot, like a message app: where he is (quiet, removable), then mic, box, send */
.as-sheet .g-sheet-foot{display:block;padding-top:10px}
.as-dock{display:grid;gap:8px;min-width:0}
.as-where{display:flex;align-items:center;gap:2px;min-height:32px;margin:0;color:var(--t2)}
.as-where:empty{display:none}
.as-where-t{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.as-form{display:flex;align-items:center;gap:8px}
.as-form .g-askbox input{padding-right:14px}
.as-mic{width:44px;height:44px;color:var(--t1)}
.as-mic svg{width:20px;height:20px}
.as-send{flex:none}
.as-say{margin:0;color:var(--t2)}
.as-say.is-nudge{color:var(--amber)}
/* while the team works: one plain line beside its orb, what it is reading */
.as-ex .ak-a>.as-reading{display:flex;align-items:center;min-height:34px;margin:0 0 0 46px;color:var(--t2)}
.as-conv{display:grid;gap:22px;min-width:0}
.as-conv:empty{display:none}
.as-ex{display:grid;gap:10px;min-width:0}
.as-ex>.ak-q{justify-self:end;max-width:min(84%,540px)}
.as-ex .ak-ex{margin-top:0}
.as-ex .ak-a>:is(.as-facts,.as-step,.as-quote,.as-who,.as-pay,.ak-acts,.as-work,.as-fus,.as-sug){margin-top:12px}
.as-facts{gap:10px}
.as-quote{margin-left:0;margin-right:0;padding:14px 16px;font-size:14px;line-height:1.5;color:var(--t1)}
.as-quote p{margin:0}
.as-who{color:var(--t2)}
.as-work{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin-bottom:0;color:var(--t2)}
.as-work .g-link-line{margin-top:0}
.as-fus{display:flex;flex-wrap:wrap;gap:10px 8px}
/* review round 3, item 5: a chart's reading on a phone, in the flow under its chart, solid, never over the words */
.as-read{margin:8px 0 0;padding:10px 12px;border-radius:13px;background:var(--tile);box-shadow:inset 0 0 0 1px var(--tline);display:grid;gap:4px}
.as-read p{display:flex;justify-content:space-between;gap:12px;margin:0;font-size:13px;line-height:1.35;color:var(--t2)}
.as-read .as-read-h{justify-content:flex-start;align-items:baseline;gap:8px;color:var(--t2)}
.as-read b{font-weight:500;color:var(--t1);font-variant-numeric:tabular-nums}
/* review round 3, minor 10: each grey note sits with its own row (the owed list) */
.as-sheet .gc-hb-r+.gc-hb-r{margin-top:16px}
.as-sheet .gc-hb-n{margin-top:6px}
/* the team's own offer (from its pill): no bubble of his, the card alone beside the orb */
.as-ex .ak-a>.as-step:first-child{margin-top:0}
/* fix round 1 (6 Nov): No thanks on the team's own offer leaves one grey line; it starts past the orb beside it */
.as-ex .ak-a>.as-step:first-child .g-held-gone{min-height:34px;padding-left:46px}
/* a done line in a reply (a payment set up in Xero, a request on the board): the kit's tick line, Undo only where real */
.as-ex .ak-a>.as-done{margin-top:12px}
.as-done .as-undo{flex:none;margin:0 0 0 4px}
:root.as-open .g-toast{bottom:var(--as-toast-b,96px)}
.as-ex:not(:last-child) .as-fus{display:none}   /* only the newest answer carries next questions */
.as-fu{white-space:normal;text-align:left;height:auto;min-height:32px;padding-top:7px;padding-bottom:7px;line-height:1.3}
.as-sug{margin-top:12px}
.as-note{margin:4px 0 0}
@media (max-width:899px){
  /* the whole screen on a phone, sized to what is visible (global.js sets --as-vh and --as-vt from the visual viewport on
     every resize and scroll), so with the keyboard up the box sits right on it and nothing of the page shows */
  .g-sheet.as-sheet{top:0;left:0;right:0;bottom:auto;height:var(--as-vh,100dvh);max-height:none;border-radius:0;
    padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
  .g-sheet.as-sheet.is-open{transform:translateY(var(--as-vt,0px))}
  /* everything outside the visible part (behind the keyboard, Safari's address pill, its toolbar) is the sheet's own colour,
     never the page: the page is held still and the scrim behind the conversation is solid */
  :root.as-held,:root.as-held body{overflow:hidden;background-color:var(--g-sheet-solid)}
  :root.as-held .g-scrim.is-open{background:var(--g-sheet-solid)}
  /* review round 3, item 3: Safari paints the page between the visible area and the keyboard (around its address pill), so
     while the conversation is open the page itself is hidden and the solid scrim reaches past the bottom of the layout */
  :root.as-held body>:not(.g-sheet):not(.g-scrim):not(.g-toast):not(.tip){visibility:hidden}
  /* B3: a sheet the conversation was opened from (an account's, marked is-under by the kit) is hidden too while it is held, or Safari paints it
     between the box and the keyboard; it comes back as it was when the conversation closes */
  :root.as-held body>.g-sheet.is-under:not(.as-sheet){visibility:hidden}
  :root.as-held .g-scrim.is-open{bottom:-100vh}
  /* review round 3, minor 10: "Open the records" keeps a 44px box */
  .as-work .g-link-line{position:relative}
  .as-work .g-link-line::after{content:"";position:absolute;left:-6px;right:-6px;top:calc(50% - 22px);bottom:calc(50% - 22px)}
  .g-sheet.as-sheet.is-kb{padding-bottom:0}
  .g-sheet.as-sheet.is-kb .as-where{display:none}   /* with the keyboard up every line counts: where he is steps aside */
  .as-sheet .g-sheet-close{width:44px;height:44px}
  .as-sheet .g-sheet-foot{padding-bottom:12px}
  .as-hist{height:44px;border-radius:22px}
  .as-widekey{display:none}
  .as-hello{padding-top:8px}
  .as-hello-orb{width:60px;height:60px}
  .as-hello-t{font-size:19px}
  .as-where{min-height:44px}
  .as-fu{min-height:44px}
  /* fix round 1 (A6): a row of keys and the line under it keep their 44px boxes apart on a phone */
  .as-ex .ak-a>.as-step+:is(.ak-acts,.as-work),.as-ex .ak-a>.ak-acts+.as-work{margin-top:20px}
  .as-ex .ak-a>.as-work+:is(.as-fus,.as-sug){margin-top:18px}
}

/* ---- ask/page.css (scoped) ---- */


:root[data-page="ask"] .ak{container:ak/inline-size}
:root[data-page="ask"] .ak-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
:root[data-page="ask"] .ak-ahead{max-width:none;margin:-6px 0 18px}
:root[data-page="ask"] .ak-note{max-width:none;margin-top:16px}
:root[data-page="ask"] .ak-note .g-seg{align-self:flex-start}
:root[data-page="ask"] .ak-note-keys{display:flex;flex-wrap:wrap;gap:12px 8px}


@media (max-width:899px){:root[data-page="ask"] .ak .fh-h1 em{display:block;margin-top:8px;font-size:17px;line-height:1.3;letter-spacing:-0.01em}}


:root[data-page="ask"] .ak-box-head{align-items:center}
:root[data-page="ask"] .ak-fo{position:relative;flex:none;display:inline-flex;padding:0;border:0;border-radius:13px;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
:root[data-page="ask"] .ak-fo::after{content:"";position:absolute;left:0;right:0;top:min(0px,calc(50% - 22px));bottom:min(0px,calc(50% - 22px))}
:root[data-page="ask"] .ak-fo:focus-visible{outline:2px solid var(--g-focus);outline-offset:3px}
:root[data-page="ask"] .ak-form{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px}
:root[data-page="ask"] .ak-field{flex:1 1 200px}   
:root[data-page="ask"] .ak-send{flex:none}
:root[data-page="ask"] .ak-chips{display:flex;flex-wrap:wrap;gap:12px 8px;margin-top:14px}
:root[data-page="ask"] .ak-caps{display:grid;gap:3px;margin-top:14px}
:root[data-page="ask"] .ak-caps p{margin:0}
:root[data-page="ask"] .ak-say.is-nudge{color:var(--amber)}
:root[data-page="ask"] .ak-ro .g-link-line{margin-top:0}

@media (max-width:899px){:root[data-page="ask"] .ak-caps{display:block}:root[data-page="ask"] .ak-caps p{display:inline}}


:root[data-page="ask"] .ak-ans{container:akans/inline-size}
:root[data-page="ask"] .ak-ans-top{display:flex;flex-direction:column;gap:12px;min-width:0}
:root[data-page="ask"] .ak-ans-head{align-items:center}
:root[data-page="ask"] .ak-q{align-self:flex-end;max-width:min(92%,540px);margin:0;padding:9px 16px 10px;border-radius:18px;background-color:var(--key);box-shadow:inset 0 0 0 1px var(--key-line);font-size:14px;line-height:1.38;color:var(--t1);text-wrap:pretty;overflow-wrap:anywhere}
:root[data-page="ask"] .ak-q:empty{display:none}

:root[data-page="ask"] .ak-ex{position:relative;min-width:0;margin-top:10px}
:root[data-page="ask"] .ak-orb{position:absolute;left:0;top:0}
:root[data-page="ask"] .ak-a{min-width:0}
:root[data-page="ask"] .ak-a.is-in{animation:ak-up 420ms var(--ease) both}
:root[data-page="ask"] .ak-a>:is(.ak-head,.ak-who,.ak-read,.ak-hold,.ak-look){margin-left:46px}
:root[data-page="ask"] .ak-who{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;min-height:34px;margin-bottom:6px}
:root[data-page="ask"] .ak-head{min-height:34px;margin:0;padding-top:2px;font-size:20px;line-height:1.25;font-weight:300;letter-spacing:-0.016em;color:var(--t1);text-wrap:pretty}
:root[data-page="ask"] .ak-body{margin:8px 0 0;max-width:68ch;text-wrap:pretty}
:root[data-page="ask"] .ak-name{position:relative;color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:var(--t4);-webkit-tap-highlight-color:transparent}
:root[data-page="ask"] .ak-name::after{content:"";position:absolute;left:0;right:0;top:min(0px,calc(50% - 18px));bottom:min(0px,calc(50% - 18px))}
@media (pointer:coarse),(max-width:899px){:root[data-page="ask"] .ak-name::after{top:min(0px,calc(50% - 22px));bottom:min(0px,calc(50% - 22px))}}
@media (hover:hover) and (pointer:fine){:root[data-page="ask"] .ak-name:hover{text-decoration-color:var(--t2)}}
:root[data-page="ask"] .ak-name:focus-visible{outline:2px solid var(--g-focus);outline-offset:2px;border-radius:11px}
:root[data-page="ask"] .ak-chart{margin-top:12px;min-width:0}
:root[data-page="ask"] .ak-chart .hb{gap:10px}
:root[data-page="ask"] .ak-chart .gc-hb-l{margin-bottom:4px}
:root[data-page="ask"] .ak-chart .gc-hb-n{margin-top:3px}
:root[data-page="ask"] .ak-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;margin-top:12px}
:root[data-page="ask"] .ak-from{flex:1 1 300px;min-width:0;margin:0}
:root[data-page="ask"] .ak-from.is-closer{display:flex;align-items:flex-start;gap:10px}
:root[data-page="ask"] .ak-from.is-closer>.g-status{flex:none}
:root[data-page="ask"] .ak-from.is-closer>:last-child{min-width:0;padding-top:4px}
:root[data-page="ask"] .ak-acts{display:flex;flex-wrap:wrap;gap:12px 8px}
:root[data-page="ask"] .ak-acts .g-pill{white-space:normal;text-align:left}
:root[data-page="ask"] .is-behind .ak-head{color:var(--t2)}


:root[data-page="ask"] .ak-read{display:grid;gap:8px;margin:0;padding:0;list-style:none}
:root[data-page="ask"] .ak-read li{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.35;color:var(--t2)}
:root[data-page="ask"] .ak-read li.is-now{color:var(--t1)}
:root[data-page="ask"] .ak-rd{flex:none;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;box-shadow:inset 0 0 0 1px var(--hair2);color:transparent}
:root[data-page="ask"] .ak-read li.is-now .ak-rd{box-shadow:inset 0 0 0 1px var(--t2)}
:root[data-page="ask"] .ak-read li.is-done .ak-rd{color:var(--t2)}
:root[data-page="ask"] .ak-look{margin:12px 0 0;padding:14px 16px;font-size:14px;line-height:1.45;color:var(--t2)}
:root[data-page="ask"] .ak-look-t{color:var(--t1)}

:root[data-page="ask"] .ak-hold{min-height:34px;margin:0;padding-top:6px;color:var(--t2);max-width:68ch;text-wrap:pretty}

:root[data-page="ask"] .ak-route{margin-top:14px;min-width:0}

:root[data-page="ask"] .ak-pen{margin-top:12px;gap:8px;padding:14px 18px}
:root[data-page="ask"] .ak-pen .g-pencil-line{max-width:none}
:root[data-page="ask"] .ak-pen-art{width:100%;min-width:0}

:root[data-page="ask"] .ak-skel{display:none;gap:10px;margin-top:14px}
:root[data-page="ask"] .ak-skel .g-skel-line:first-child{width:72%}
:root[data-page="ask"] .ak-skel .g-skel-line:nth-child(2){width:48%}
:root[data-page="ask"] .is-loading .ak-skel{display:grid}
:root[data-page="ask"] .is-loading :is(.ak-ex,.ak-days,.ak-q,.ak-all,[data-ak-when]),:root[data-page="ask"] .is-empty :is(.ak-q,.ak-days,.ak-all,[data-ak-when]){display:none}


:root[data-page="ask"] .ak-cv{container:akcv/inline-size;display:grid;gap:7px}
:root[data-page="ask"] .ak-cv-r{display:grid;grid-template-columns:minmax(0,1fr) 72px 78px;align-items:center;column-gap:12px;font-size:14px;line-height:1.3;color:var(--t1);transition:opacity 150ms var(--ease)}
:root[data-page="ask"] .ak-cv-n{min-width:0}
:root[data-page="ask"] .ak-cv-t svg{display:block}
:root[data-page="ask"] .ak-cv-v{text-align:right;font-feature-settings:"tnum" 1,"cv11" 1;white-space:nowrap}
:root[data-page="ask"] .ak-cv-v.is-low{color:var(--amber)}
:root[data-page="ask"] .ak-cv-u{color:var(--t2)}
:root[data-page="ask"] .ak-cv-v.is-low .ak-cv-u{color:inherit}
:root[data-page="ask"] .ak-cv.gc-reading .ak-cv-r:not(.gc-hot){opacity:.45}
@container akcv (max-width:320px){
  :root[data-page="ask"] .ak-cv-r{grid-template-columns:minmax(0,1fr) auto}
  :root[data-page="ask"] .ak-cv-t{grid-column:1/-1;grid-row:2;margin-top:2px}
}
:root[data-page="ask"] .ak-dl{display:grid;gap:10px}
:root[data-page="ask"] .ak-dl-r{min-width:0;transition:opacity 150ms var(--ease)}
:root[data-page="ask"] .ak-dl-t{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:0 12px;margin-bottom:5px}
:root[data-page="ask"] .ak-dl-n{font-size:14px;line-height:1.3;color:var(--t1)}
:root[data-page="ask"] .ak-dl-w{font-size:12.5px;line-height:1.35;color:var(--t2)}
:root[data-page="ask"] .ak-dl-b svg{display:block}
:root[data-page="ask"] .ak-dl.gc-reading .ak-dl-r:not(.gc-hot){opacity:.45}
:root[data-page="ask"] .ak-sb-ends{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2px 12px;margin-top:8px;font-size:12.5px;line-height:1.35;color:var(--t2)}
:root[data-page="ask"] .ak-sb-n{color:var(--t1)}


:root[data-page="ask"] .ak-thr{display:flex;flex-direction:column}
:root[data-page="ask"] .ak-thr-cap{margin:4px 0 0}
:root[data-page="ask"] .ak-thr-cap[hidden]{display:none}
:root[data-page="ask"] .ak-ptr{display:grid;justify-items:start;gap:6px;margin-top:12px}
:root[data-page="ask"] .ak-ptr[hidden]{display:none}
:root[data-page="ask"] .ak-ptr p{margin:0}
:root[data-page="ask"] .ak-ptr .g-pill{margin-top:6px}
:root[data-page="ask"] .ak-days{display:grid;gap:14px;margin-top:14px}
:root[data-page="ask"] .ak-day-t{margin:0 0 8px;font-weight:400}
:root[data-page="ask"] .ak-pips{display:inline-block;vertical-align:-1px;margin-right:8px}
:root[data-page="ask"] .ak-all{align-self:flex-start;margin-top:12px}
:root[data-page="ask"] .ak-all[hidden]{display:none}


:root[data-page="ask"] .ak-sh-q{display:block}
:root[data-page="ask"] .ak-reads{margin-top:14px}
:root[data-page="ask"] .ak-reads-last{margin:12px 0 0}

:root[data-page="ask"] .ak-wv{display:flex;flex-direction:column;min-height:100%}
:root[data-page="ask"] .ak-wt-find{position:sticky;top:0;z-index:2;padding:4px 0 12px;background:var(--g-sheet-solid);box-shadow:0 -8px 0 0 var(--g-sheet-solid)}   
:root[data-page="ask"] .ak-wt-find[hidden]{display:none}
:root[data-page="ask"] .ak-wt-find input{font-size:16px}   
:root[data-page="ask"] .ak-wt{display:grid;gap:28px;padding-bottom:10px;margin-top:auto}
:root[data-page="ask"] .ak-wt-day{display:flex;align-items:center;gap:12px;margin:6px 0 -10px;font-size:12px;line-height:1.3;font-weight:400;color:var(--t3);white-space:nowrap}
:root[data-page="ask"] .ak-wt-day::before,:root[data-page="ask"] .ak-wt-day::after{content:"";flex:1;height:1px;background:var(--key-line)}
:root[data-page="ask"] .ak-wt-day[hidden],:root[data-page="ask"] .ak-wt-m[hidden]{display:none}
:root[data-page="ask"] .ak-wt-m{display:grid;gap:12px;min-width:0}
:root[data-page="ask"] .ak-wt-none{margin:14px 0 0;text-align:center}
:root[data-page="ask"] .ak-hm{display:grid;min-width:0}
:root[data-page="ask"] .ak-hm p{margin:0}
:root[data-page="ask"] .ak-hm.is-you{justify-items:end;gap:4px}
:root[data-page="ask"] .ak-hb{max-width:min(82%,460px);padding:9px 14px 10px;border-radius:18px 18px 11px 18px;background-color:var(--key);box-shadow:inset 0 0 0 1px var(--key-line);font-size:15px;line-height:1.38;color:var(--t1);text-wrap:pretty;overflow-wrap:anywhere}
:root[data-page="ask"] .ak-ht{font-size:11px;line-height:1.2;color:var(--t3);font-feature-settings:"tnum" 1}
:root[data-page="ask"] .ak-hm.is-team{grid-template-columns:26px minmax(0,1fr);column-gap:10px;align-items:start;max-width:min(94%,560px)}
:root[data-page="ask"] .ak-hm-orb{width:26px;height:26px;border-radius:11px;margin-top:1px}
:root[data-page="ask"] .ak-hm-orb canvas,:root[data-page="ask"] .ak-hm-orb svg{width:18px;height:18px}
:root[data-page="ask"] .ak-hm-b{display:grid;justify-items:start;gap:6px;min-width:0}
:root[data-page="ask"] .ak-hm-b .ak-look{margin:0}
:root[data-page="ask"] .ak-hm-b>.g-body-s{color:var(--t2)}
:root[data-page="ask"] .ak-hm-head{font-size:16px;line-height:1.32;font-weight:300;letter-spacing:-0.012em;color:var(--t1);text-wrap:pretty}
:root[data-page="ask"] .ak-hm-b .g-link-line{margin-top:0}
:root[data-page="ask"] .ak-hrows{display:grid;gap:4px;min-width:0}
:root[data-page="ask"] .ak-hrow{display:grid;grid-template-columns:4.2em minmax(0,1fr);column-gap:8px;font-size:14px;line-height:1.38;color:var(--t1)}
:root[data-page="ask"] .ak-hrow-d{color:var(--t2);white-space:nowrap;font-feature-settings:"tnum" 1}

:root[data-page="ask"] .ak-src{display:inline-flex;align-items:center;gap:4px;min-height:28px;margin:-2px 0 -4px -8px;padding:0 8px;border:0;border-radius:999px;background:none;font:inherit;font-size:12px;line-height:1;color:var(--t3);cursor:pointer}
:root[data-page="ask"] .ak-src:hover{color:var(--t2);background-color:var(--key)}
:root[data-page="ask"] .ak-src:focus-visible{outline:2px solid var(--t2);outline-offset:1px}
:root[data-page="ask"] .ak-src[aria-expanded="true"]>span:last-child{transform:rotate(90deg)}
:root[data-page="ask"] .ak-src-t{margin:0}


@keyframes ak-up{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){:root[data-page="ask"] .ak-a.is-in{animation:none}}


@media (min-width:900px){
  :root[data-page="ask"] .ak-grid{gap:16px}
  :root[data-page="ask"] .ak-head{font-size:22px;line-height:1.22;letter-spacing:-0.018em}
  @container akans (min-width:520px){
    :root[data-page="ask"] .ak-ans-top{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;column-gap:20px}
    :root[data-page="ask"] .ak-ans-head{padding-top:2px}
    :root[data-page="ask"] .ak-q{justify-self:end}
    :root[data-page="ask"] .ak-a{padding-left:46px}
    :root[data-page="ask"] .ak-a>:is(.ak-head,.ak-who,.ak-read,.ak-hold,.ak-look){margin-left:0}
    :root[data-page="ask"] .ak-look{margin-top:12px}
  }
  
  @container akans (min-width:520px) and (max-width:640px){
    :root[data-page="ask"] .ak-ans-top.is-long{grid-template-columns:minmax(0,1fr);row-gap:10px}
    :root[data-page="ask"] .ak-ans-top.is-long .ak-q{max-width:100%}
  }
  @container ak (min-width:1160px){
    :root[data-page="ask"] .ak-box{grid-area:box}:root[data-page="ask"] .ak-ans{grid-area:ans}:root[data-page="ask"] .ak-thr{grid-area:thr}
    :root[data-page="ask"] .ak-grid{column-gap:28px;grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-template-rows:auto 1fr;grid-template-areas:"box thr" "ans thr"}
    :root[data-page="ask"] .ak-ans,:root[data-page="ask"] .ak-thr{align-self:start}
  }
}

/* ---- bagging/page.css (scoped) ---- */

:root[data-page="bagging"] .bg{container:bg/inline-size}
:root[data-page="bagging"] .bg-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
:root[data-page="bagging"] .bg-lede{margin-top:8px}
:root[data-page="bagging"] .bg-note{max-width:none;margin-top:2px}


:root[data-page="bagging"] .bg-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"lab print" "seg seg";align-items:center;gap:10px 12px}
:root[data-page="bagging"] .bg-bar-l{grid-area:lab}
:root[data-page="bagging"] .bg-days{grid-area:seg;display:flex;min-width:0}
:root[data-page="bagging"] .bg-days button{flex:1 1 0;min-width:0;padding:0 4px}
:root[data-page="bagging"] .bg-print{grid-area:print}
:root[data-page="bagging"] .bg-print-l{display:none}


:root[data-page="bagging"] .bg-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"head head" "fig art" "words words" "tiles tiles" "week week";column-gap:12px}
:root[data-page="bagging"] .bg-hero-head{grid-area:head}

:root[data-page="bagging"] .bg-upd-at{position:relative;display:inline-block;width:0;height:0}
:root[data-page="bagging"] .bg-upd{position:absolute;left:10px;top:-18px}
:root[data-page="bagging"] .bg-upd[hidden]{display:none}
:root[data-page="bagging"] .bg-fig{grid-area:fig;margin:12px 0 0;align-self:center}
:root[data-page="bagging"] .g-period.g-slot{display:inline-grid}
:root[data-page="bagging"] .bg-art{grid-area:art;width:132px;margin-top:6px}
:root[data-page="bagging"] .bg-art .g-capsule{display:none}
:root[data-page="bagging"] .bg-words{grid-area:words;display:grid;justify-items:start;gap:3px;margin-top:8px}
:root[data-page="bagging"] .bg-words .g-link-line{margin-top:3px}
:root[data-page="bagging"] .bg-tiles{grid-area:tiles;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}
:root[data-page="bagging"] .bg-tile{display:flex;flex-direction:column;gap:4px;padding:14px 16px;text-align:left;width:100%}
@media (max-width:359px){:root[data-page="bagging"] .bg-tiles{grid-template-columns:minmax(0,1fr)}}
:root[data-page="bagging"] .bg-tile-k{font-size:14px;line-height:1.3;font-weight:300;color:var(--t1)}
:root[data-page="bagging"] .bg-tile-fig{display:block;margin-top:auto}
:root[data-page="bagging"] .bg-week{grid-area:week;margin-top:16px;min-width:0}
:root[data-page="bagging"] .bg-daysc{min-height:132px}


:root[data-page="bagging"] .bg-list{container:bglist/inline-size;min-width:0}
:root[data-page="bagging"] .bg-list-head{flex-wrap:wrap;align-items:center;row-gap:12px}
:root[data-page="bagging"] .bg-list-head>.g-ptitle{flex:1 1 100%}
:root[data-page="bagging"] .bg-vseg{display:flex;flex:1 1 100%}
:root[data-page="bagging"] .bg-vseg button{flex:1 1 0;min-width:0;padding:0 6px}
:root[data-page="bagging"] .bg-views{position:relative;display:grid;margin-top:12px}
:root[data-page="bagging"] .bg-view{display:flex;flex-direction:column;min-width:0}
:root[data-page="bagging"] .bg-view[hidden]{display:none}
:root[data-page="bagging"] .bg-probe{position:absolute;left:0;right:0;top:0;visibility:hidden;pointer-events:none}


:root[data-page="bagging"] .bg-cofs.is-fill{flex:1 1 auto}
:root[data-page="bagging"] .bg-cof-n{display:flex;flex-direction:column;gap:1px;width:100%;text-align:left;border-radius:11px}
:root[data-page="bagging"] .bg-cof-name{font-size:14px;line-height:1.3;color:var(--t1)}
:root[data-page="bagging"] .bg-cof-kg{font-size:15px;font-weight:300}
:root[data-page="bagging"] .bg-ticks{display:block;height:12px}
:root[data-page="bagging"] .bg-cofs .bg-cofs-tk{width:auto;white-space:normal}
:root[data-page="bagging"] .bg-key{display:flex;flex-wrap:wrap;gap:2px 14px;margin-top:10px}
:root[data-page="bagging"] .bg-key-i{display:inline-flex;align-items:center;gap:6px}
:root[data-page="bagging"] .bg-key-tk{display:inline-flex;gap:3px}
:root[data-page="bagging"] .bg-key-tk i{display:block;width:1.5px;height:10px;background:var(--ink)}
:root[data-page="bagging"] .bg-key-tk.is-two i{background:var(--ink-2)}


:root[data-page="bagging"] .bg-ah :is(th,td)+:is(th,td){padding-left:8px}
:root[data-page="bagging"] .bg-ah td{padding-top:2px;padding-bottom:2px}
:root[data-page="bagging"] .bg-ah-tk{width:32px}
:root[data-page="bagging"] .bg-tick{position:relative;display:grid;place-items:center;width:26px;height:26px;border-radius:50%}
:root[data-page="bagging"] .bg-tick::after{content:"";position:absolute;left:min(0px,calc(50% - 22px));right:min(0px,calc(50% - 22px));top:min(0px,calc(50% - 22px));bottom:min(0px,calc(50% - 22px))}
@media (pointer:fine) and (min-width:900px){:root[data-page="bagging"] .bg-tick::after{left:min(0px,calc(50% - 18px));right:min(0px,calc(50% - 18px));top:min(0px,calc(50% - 15px));bottom:min(0px,calc(50% - 15px))}}
:root[data-page="bagging"] .bg-tick-box{display:block;width:18px;height:18px;border-radius:50%;box-shadow:inset 0 0 0 1.25px var(--t2);transition:box-shadow 150ms var(--ease)}
@media (hover:hover) and (pointer:fine){:root[data-page="bagging"] .bg-tick:hover .bg-tick-box{box-shadow:inset 0 0 0 1.25px var(--t1)}}
:root[data-page="bagging"] .bg-tick:focus-visible{outline:2px solid var(--g-focus);outline-offset:0}
:root[data-page="bagging"] .bg-tick-box.g-sig-ok{box-shadow:none}
:root[data-page="bagging"] .bg-tick:active .bg-tick-box{transform:scale(0.92)}
:root[data-page="bagging"] .bg-ah-name{color:var(--t1)}
:root[data-page="bagging"] .bg-ah-ph,:root[data-page="bagging"] .bg-ah-pd,:root[data-page="bagging"] .bg-ah-done{display:none}
:root[data-page="bagging"] .bg-ah-d{min-width:34px}
:root[data-page="bagging"] .bg-ah-t{font-weight:400}
:root[data-page="bagging"] .bg-ah-r.is-done .bg-ah-name,:root[data-page="bagging"] .bg-ah-r.is-done td{color:var(--t2)}
:root[data-page="bagging"] .bg-ah-r.is-done .bg-ah-done{display:inline;margin-left:6px}
:root[data-page="bagging"] .bg-ah-all td{color:var(--t1)}
:root[data-page="bagging"] .bg-ah-note{margin-top:8px}
:root[data-page="bagging"] .bg-also{margin-top:2px}


:root[data-page="bagging"] .bg-today{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 12px;padding:14px 18px}
:root[data-page="bagging"] .bg-today-t{flex:1 1 0;min-width:0;margin:0;font-size:14px;line-height:1.35;color:var(--t1)}
:root[data-page="bagging"] .bg-today .g-pencil-line{flex:1 1 100%;font-size:12.5px;line-height:1.4;max-width:none}
:root[data-page="bagging"] .bg-gr{margin-top:12px;columns:1}
:root[data-page="bagging"] .bg-gd{break-inside:avoid;padding-bottom:10px}
:root[data-page="bagging"] .bg-gd-h{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:0;padding-bottom:4px;border-bottom:1px solid var(--grid)}
:root[data-page="bagging"] .bg-gd-d{font-size:13.5px;line-height:1.35;color:var(--t1)}
:root[data-page="bagging"] .bg-gd-l{margin:0;padding:0;list-style:none}
:root[data-page="bagging"] .bg-gd-l li{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding-top:4px}
:root[data-page="bagging"] .bg-gd-t{min-width:0}
:root[data-page="bagging"] .bg-gd-n{font-size:13.5px;line-height:1.35;color:var(--t1)}
:root[data-page="bagging"] .bg-gd-c{flex:none;font-size:13.5px;line-height:1.35;font-feature-settings:"tnum" 1,"cv11" 1;color:var(--t1)}
:root[data-page="bagging"] .bg-gd-none{padding-top:4px}


:root[data-page="bagging"] .bg-cant,:root[data-page="bagging"] .bg-oneoff{padding-top:8px;padding-bottom:8px}
:root[data-page="bagging"] .bg-cant-t{display:none}
:root[data-page="bagging"] .bg-cant-d,:root[data-page="bagging"] .bg-shop-d{border-top:0}
:root[data-page="bagging"] .bg-cant-d>.g-drawer-head{flex-wrap:wrap}
:root[data-page="bagging"] .bg-cant-d .g-status{order:3;margin-left:0}
:root[data-page="bagging"] .bg-cant-d .g-drawer-title{flex:1 1 auto}
:root[data-page="bagging"] .bg-over{display:flex;align-items:flex-start;gap:10px;margin:0;font-size:14px;line-height:1.45;color:var(--t1)}
:root[data-page="bagging"] .bg-over>.g-sig-warn{margin-top:1px}
:root[data-page="bagging"] .bg-over .g-link-line{display:block;margin-top:2px;width:fit-content}
:root[data-page="bagging"] .bg-cant-l{margin:10px 0 0;padding:0;list-style:none}
:root[data-page="bagging"] .bg-cant-l li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px;padding:8px 0;font-size:13.5px;line-height:1.4;color:var(--t2);border-top:1px solid var(--grid)}
:root[data-page="bagging"] .bg-cant-l .ic,:root[data-page="bagging"] .bg-cant-l i{color:var(--t2);margin-top:1px}


:root[data-page="bagging"] .bg-shop-d .g-drawer-title .g-cap{display:block}
:root[data-page="bagging"] .bg-shop-s{margin:0 0 8px}
:root[data-page="bagging"] .bg-shop-l{display:grid;grid-template-columns:minmax(0,1fr);column-gap:24px;margin:0;padding:0;list-style:none}
:root[data-page="bagging"] .bg-shop-l li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid var(--grid)}
:root[data-page="bagging"] .bg-sl-t{min-width:0;display:flex;flex-direction:column;gap:1px}
:root[data-page="bagging"] .bg-sl-n{font-size:13.5px;line-height:1.3;color:var(--t1)}
:root[data-page="bagging"] .bg-sl-c{flex:none;font-size:15px;font-weight:300;font-feature-settings:"tnum" 1,"cv11" 1;color:var(--t1)}
:root[data-page="bagging"] .bg-shop-f{margin-top:8px;padding-top:8px;border-top:1px solid var(--grid)}


:root[data-page="bagging"] .bg-sh-lead{display:flex;align-items:flex-end;flex-wrap:wrap;gap:6px 14px;margin-top:2px}
:root[data-page="bagging"] .bg-sh-lead .g-cap{flex:1 1 180px;margin:0}
:root[data-page="bagging"] .bg-sh-ticks{margin-top:14px}
:root[data-page="bagging"] .bg-sh-ticks .bg-ticks{height:14px}
:root[data-page="bagging"] .bg-sh-ticks .g-cap{margin-top:6px}
:root[data-page="bagging"] .bg-sh-h{margin:20px 0 4px;font-weight:400}
:root[data-page="bagging"] .bg-sh-t td{vertical-align:top}
:root[data-page="bagging"] .bg-sh-days{min-height:112px}
:root[data-page="bagging"] .bg-sh-links{margin-top:0}
:root[data-page="bagging"] .bg-sh-links .g-status{margin-top:4px}
:root[data-page="bagging"] .bg-sh-spare{margin-top:6px}
:root[data-page="bagging"] .bg-sh-f{margin-top:18px}
:root[data-page="bagging"] .bg-sh-none{margin-top:2px}
:root[data-page="bagging"] .bg-blk{display:block}


:root[data-page="bagging"] .bg-printdoc{display:none}
:root[data-page="bagging"] .bg-pv-lead{margin:0}
:root[data-page="bagging"] .bg-pv{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:14px}
:root[data-page="bagging"] .bg-pp-w{flex:none;max-width:100%;overflow:hidden;border-radius:16px}
:root[data-page="bagging"] .bg-pp{width:640px;transform-origin:0 0;padding:26px 30px 20px;border-radius:16px;background:var(--tile);box-shadow:inset 0 0 0 1px var(--tline);font-size:12.5px;line-height:1.45;color:var(--t2)}
:root[data-page="bagging"] .bg-pp-h{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid var(--t2)}
:root[data-page="bagging"] .bg-pp-h h3{margin:0;font-size:16px;line-height:1.25;font-weight:400;color:var(--t1)}
:root[data-page="bagging"] .bg-pp-h span{font-size:12px;color:var(--t2)}
:root[data-page="bagging"] .bg-pp-st{margin:10px 0 0}
:root[data-page="bagging"] .bg-pp-st b{font-weight:500;color:var(--t1)}
:root[data-page="bagging"] .bg-pp-by{display:flex;align-items:flex-end;gap:10px;margin:12px 0 0;color:var(--t1)}
:root[data-page="bagging"] .bg-pp-by span{width:180px;height:16px;border-bottom:1px solid var(--t2)}
:root[data-page="bagging"] .bg-pp-sec{margin-top:16px}
:root[data-page="bagging"] .bg-pp-sh{display:flex;align-items:baseline;gap:8px;margin:0;color:var(--t2)}
:root[data-page="bagging"] .bg-pp-sh b{font-weight:500;color:var(--t1)}
:root[data-page="bagging"] .bg-pp-sh span{margin-left:auto;font-size:12px;color:var(--t1)}
:root[data-page="bagging"] .bg-pp-t{width:100%;margin-top:6px;border-collapse:collapse}
:root[data-page="bagging"] .bg-pp-t th{padding:5px 6px;text-align:left;font-size:11px;line-height:1.2;font-weight:400;color:var(--t2);border-bottom:1px solid var(--t2)}
:root[data-page="bagging"] .bg-pp-t td{padding:5px 6px;border-bottom:1px solid var(--hair);color:var(--t1);font-feature-settings:"tnum" 1,"cv11" 1}
:root[data-page="bagging"] .bg-pp-t .c{text-align:center}
:root[data-page="bagging"] .bg-pp-t th.c{white-space:nowrap}
:root[data-page="bagging"] .bg-pp-t td b{font-weight:500;color:var(--t1)}
:root[data-page="bagging"] .bg-pp-t td:first-child,:root[data-page="bagging"] .bg-pp-t th:first-child{width:22px;padding-left:0}
:root[data-page="bagging"] .bg-pp-box{display:inline-block;width:11px;height:11px;border:1px solid var(--t2);vertical-align:-1px}
:root[data-page="bagging"] .bg-pp-n{margin:8px 0 0;font-size:12px;color:var(--t2)}
:root[data-page="bagging"] .bg-pp-f{margin-top:16px;padding-top:8px;border-top:1px solid var(--hair);font-size:11px;line-height:1.4;color:var(--t2)}


@media print{
  @page{size:A4;margin:14mm}
  html[data-page="bagging"]{color-scheme:light!important}   
  html[data-page="bagging"],:root[data-page="bagging"] body{background:none!important}
  :root[data-page="bagging"] body::before{display:none!important}
  :root[data-page="bagging"] .page{padding:0!important;max-width:none!important}
  :root[data-page="bagging"] .bg>*:not(.bg-printdoc){display:none!important}
  :root[data-page="bagging"] .bg-printdoc{display:block!important}
  :root[data-page="bagging"] .bg-pp{width:auto;padding:0;border-radius:0;background:none;box-shadow:none;break-after:page;color:var(--room-edge)}
  :root[data-page="bagging"] .bg-pp:last-child{break-after:auto}
  :root[data-page="bagging"] .bg-pp *{color:var(--room-edge)!important}
  :root[data-page="bagging"] .bg-pp-h,:root[data-page="bagging"] .bg-pp-t th,:root[data-page="bagging"] .bg-pp-by span{border-bottom-color:var(--room-edge)}
  :root[data-page="bagging"] .bg-pp-t td{border-bottom-color:var(--t2)}
  :root[data-page="bagging"] .bg-pp-f{border-top-color:var(--t2)}
  :root[data-page="bagging"] .bg-pp-box{border-color:var(--room-edge)}
}


@container bglist (min-width:300px){
  :root[data-page="bagging"] .bg-gr{columns:2;column-gap:20px}
  :root[data-page="bagging"] .bg-gd-t{display:flex;flex-direction:column}
  :root[data-page="bagging"] .bg-gd-l li{padding-top:5px}
}
@container bglist (min-width:520px){
  :root[data-page="bagging"] .bg-gd-t{display:block}
  :root[data-page="bagging"] .bg-gd-l li{padding-top:4px}
  :root[data-page="bagging"] .bg-list-head>.g-ptitle{flex:1 1 0}
  :root[data-page="bagging"] .bg-vseg{display:inline-flex;flex:none}
  :root[data-page="bagging"] .bg-vseg button{flex:none;padding:0 14px}
  :root[data-page="bagging"] .bg-gr{columns:2;column-gap:28px}
  :root[data-page="bagging"] .bg-cofs{table-layout:fixed}
  :root[data-page="bagging"] .bg-cofs th:nth-child(1){width:38%}
  :root[data-page="bagging"] .bg-cofs th:nth-child(3){width:16%}
  :root[data-page="bagging"] .bg-cofs th:nth-child(4){width:10%}
}
@container bglist (min-width:700px){
  :root[data-page="bagging"] .bg-gr{columns:3;column-gap:24px}
}
@container bglist (max-width:519px){
  
  :root[data-page="bagging"] .bg-cofs thead{display:none}
  :root[data-page="bagging"] .bg-cofs,:root[data-page="bagging"] .bg-cofs tbody{display:flex;flex-direction:column;flex:1 1 auto}
  :root[data-page="bagging"] .bg-cofs tr{flex:1 1 auto;display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"name kg bags" "ticks ticks ticks";align-content:center;column-gap:12px;row-gap:8px;padding:10px 0;border-top:1px solid var(--grid)}
  :root[data-page="bagging"] .bg-cofs tr:first-child{border-top:0}
  :root[data-page="bagging"] .bg-cofs td{display:block;height:auto;padding:0;border-top:0}
  :root[data-page="bagging"] .bg-cofs td:nth-child(1){grid-area:name;width:auto}
  :root[data-page="bagging"] .bg-cofs td:nth-child(2){grid-area:ticks;width:auto}
  :root[data-page="bagging"] .bg-cofs td:nth-child(3){grid-area:kg}
  :root[data-page="bagging"] .bg-cofs td:nth-child(4){grid-area:bags;min-width:18px}
  
  :root[data-page="bagging"] .bg-ah thead{display:none}
  :root[data-page="bagging"] .bg-ah-sz,:root[data-page="bagging"] .bg-ah-d{display:none}
  :root[data-page="bagging"] .bg-ah-ph{display:inline;color:var(--t2)}
  :root[data-page="bagging"] .bg-ah-pd{display:block}
  :root[data-page="bagging"] .bg-ah td{padding-top:6px;padding-bottom:6px}
  :root[data-page="bagging"] .bg-ah-t{font-size:17px;font-weight:300}
}


@media (min-width:900px){
  :root[data-page="bagging"] .bg-grid{gap:16px}
  :root[data-page="bagging"] .bg-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}
  :root[data-page="bagging"] .bg-days{display:inline-flex;flex:none}
  :root[data-page="bagging"] .bg-days button{flex:none;padding:0 14px}
  :root[data-page="bagging"] .bg-print{margin-left:auto}
  :root[data-page="bagging"] .bg-print-l{display:inline}
  :root[data-page="bagging"] .bg-print-s{display:none}
  :root[data-page="bagging"] .bg-art{width:100%}
  :root[data-page="bagging"] .bg-art .g-capsule{display:inline-flex}
  
  :root[data-page="bagging"] .bg-art .g-capsule-t>*{min-width:auto}
  :root[data-page="bagging"] .bg-tile{padding:16px 18px}
  
  :root[data-page="bagging"] .bg-cant{padding-top:20px;padding-bottom:20px}
  :root[data-page="bagging"] .bg-cant-t{display:block}
  :root[data-page="bagging"] .bg-cant-d>.g-drawer-head{display:none}
  :root[data-page="bagging"] .bg-over{margin-top:14px}
  :root[data-page="bagging"] .bg-shop-l{grid-template-columns:repeat(4,minmax(0,1fr))}
  
  :root[data-page="bagging"] .bg-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:32px;grid-template-areas:"head art" "fig art" "words art" "tiles week";align-items:start}
  :root[data-page="bagging"] .bg-art{justify-self:center;max-width:260px;margin-top:0}
  :root[data-page="bagging"] .bg-tiles{align-self:stretch}
  :root[data-page="bagging"] .bg-week{margin-top:14px}
  
  @container bg (min-width:1000px){
    :root[data-page="bagging"] .bg-bar{grid-area:bar}:root[data-page="bagging"] .bg-hero{grid-area:hero}:root[data-page="bagging"] .bg-wsd{grid-area:wsd}:root[data-page="bagging"] .bg-list{grid-area:list}:root[data-page="bagging"] .bg-cant{grid-area:cant}:root[data-page="bagging"] .bg-oneoff{grid-area:oneoff}:root[data-page="bagging"] .bg-note{grid-area:note}
    :root[data-page="bagging"] .bg-grid{column-gap:28px;grid-template-columns:minmax(0,2fr) minmax(0,1fr);grid-template-areas:"bar bar" "hero hero" "wsd wsd" "list cant" "oneoff oneoff" "note note"}
  }
}


:root[data-page="bagging"] .bg-wsd-lead{margin:4px 0 0}
:root[data-page="bagging"] .bg-wsd-l .g-line-fig{white-space:nowrap}
:root[data-page="bagging"] .bg-wsd-all{margin-top:8px;width:fit-content}
:root[data-page="bagging"] .bg-wsd-none{margin:10px 0 0}
@container g-lines (min-width:540px){:root[data-page="bagging"] .bg-wsd-l{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* ---- connections/page.css (scoped) ---- */

:root[data-page="connections"] .cn-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
:root[data-page="connections"] .cn-lede{margin-top:8px}


:root[data-page="connections"] .cn-tools{container:cntools/inline-size}
:root[data-page="connections"] .cn-head{display:block}
:root[data-page="connections"] .cn-ro{margin:4px 0 0}
:root[data-page="connections"] .cn-count{margin:2px 0 0}

:root[data-page="connections"] .cn-axis{display:flex;justify-content:space-between;gap:12px;margin-top:14px;padding-left:48px;font-size:11px;line-height:1.3;color:var(--t2);font-feature-settings:"tnum" 1,"cv11" 1}


:root[data-page="connections"] .cn-mark{position:relative;flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--tile-bg);box-shadow:var(--tile-shadow);font-size:12px;line-height:1;font-weight:500;letter-spacing:0.02em;color:var(--t1)}
:root[data-page="connections"] .cn-mark.is-off{color:var(--t2);opacity:0.72}
:root[data-page="connections"] .cn-mark>:is(.g-sig-ok,.cn-half){position:absolute;right:-6px;bottom:-6px;transform:scale(0.78);transform-origin:50% 50%}

:root[data-page="connections"] .cn-half{display:inline-block;flex:none;width:15px;height:15px;margin:1.5px;border-radius:50%;background:linear-gradient(90deg,var(--t2) 50%,transparent 50%);box-shadow:inset 0 0 0 1.25px var(--t2)}


:root[data-page="connections"] .cn-rows{margin-top:6px}
:root[data-page="connections"] .cn-row{position:relative;display:grid;grid-template-columns:36px minmax(0,1fr) auto;column-gap:12px;
  grid-template-areas:"mk name chip" "mk holds holds" ". line line" ". when when" ". say say";margin:0 -10px;padding:12px 10px;border-radius:var(--rt);-webkit-tap-highlight-color:transparent;transition:background-color 150ms var(--ease),transform 150ms var(--ease)}
:root[data-page="connections"] .cn-row+.cn-row::before{content:"";position:absolute;left:10px;right:10px;top:0;height:1px;background:var(--grid)}
:root[data-page="connections"] .cn-need+.cn-row::before,:root[data-page="connections"] .cn-row+.cn-need::before{display:none}
:root[data-page="connections"] .cn-row>.cn-mark{grid-area:mk;margin-top:1px}
:root[data-page="connections"] .cn-who{display:contents}
:root[data-page="connections"] .cn-name{grid-area:name;align-self:center;min-width:0;padding:0;border:0;background:none;font-size:15px;line-height:1.35;font-weight:400;letter-spacing:-0.01em;color:var(--t1);text-align:left;text-wrap:pretty;cursor:pointer}
:root[data-page="connections"] .cn-name::after{content:"";position:absolute;inset:0;border-radius:inherit}
:root[data-page="connections"] .cn-name:focus-visible{outline:none}
:root[data-page="connections"] .cn-holds{grid-area:holds;display:block;margin-top:1px;text-wrap:pretty}
:root[data-page="connections"] .cn-chip{grid-area:chip;align-self:start;margin-top:-2px}
:root[data-page="connections"] .cn-feeds,:root[data-page="connections"] .cn-chev{display:none}
:root[data-page="connections"] .cn-line{grid-area:line;position:relative;z-index:1;min-height:14px;margin-top:10px}
:root[data-page="connections"] .cn-when{grid-area:when;margin:5px 0 0}
:root[data-page="connections"] .cn-say{grid-area:say;margin:8px 0 2px;text-wrap:pretty}
@media (hover:hover) and (pointer:fine){
  :root[data-page="connections"] .cn-row:not(.cn-need):has(.cn-name:hover){background-color:var(--tile);--t2:var(--g-t2-lit);--t3:var(--g-t2-lit)}
  :root[data-page="connections"] .cn-need:has(.cn-name:hover){background-image:linear-gradient(var(--tile),var(--tile));--t2:var(--g-t2-lit)}
}
:root[data-page="connections"] .cn-row:not(.cn-need):has(.cn-name:active){background-color:var(--key);transform:scale(0.98);transition-duration:90ms;--t2:var(--g-t2-lit);--t3:var(--g-t2-lit)}
:root[data-page="connections"] .cn-need:has(.cn-name:active){background-image:linear-gradient(var(--key),var(--key));--t2:var(--g-t2-lit)}
:root[data-page="connections"] .cn-row:has(.cn-name:focus-visible){outline:2px solid var(--g-focus);outline-offset:0}


:root[data-page="connections"] .cn-need{grid-template-areas:"mk who who" ". fix fix";margin-top:6px;margin-bottom:6px;padding-top:13px;padding-bottom:13px}
:root[data-page="connections"] .cn-need-sig{grid-area:mk;justify-self:center;margin-top:1px}
:root[data-page="connections"] .cn-need>.cn-who{display:block;grid-area:who}
:root[data-page="connections"] .cn-need .cn-name{display:block;font-size:15px}
:root[data-page="connections"] .cn-need .g-row-sub{display:block;margin-top:2px;text-wrap:pretty}
:root[data-page="connections"] .cn-fix{grid-area:fix;position:relative;z-index:1;justify-self:start;margin-top:12px}


:root[data-page="connections"] .cn-world{display:block}
:root[data-page="connections"] .cn-world .g-link-line{display:inline}


:root[data-page="connections"] .cn-feeds-k{color:var(--t3)}
:root[data-page="connections"] .cn-feed{white-space:nowrap}


:root[data-page="connections"] .cn-more-in>*+*{margin-top:14px}
:root[data-page="connections"] .cn-nc{display:grid;grid-template-columns:36px minmax(0,1fr);column-gap:12px;row-gap:8px;align-items:start}
:root[data-page="connections"] .cn-nc-t p{margin:0}
:root[data-page="connections"] .cn-nc-t .g-cap{margin-top:2px;text-wrap:pretty}
:root[data-page="connections"] .cn-nc>.g-status{grid-column:2;justify-self:start}
:root[data-page="connections"] .cn-others{margin:14px 0 0;padding:0;list-style:none}
:root[data-page="connections"] .cn-others .g-chip{height:32px;padding:0 13px;border-radius:16px;font-size:13.5px}
:root[data-page="connections"] .cn-more-p{max-width:680px;margin:14px 0 0;color:var(--t2);text-wrap:pretty}
:root[data-page="connections"] .cn-note{max-width:none}
:root[data-page="connections"] .cn-note>.g-seg{align-self:flex-start}


:root[data-page="connections"] .cn-sh-who{display:flex;align-items:center;gap:14px;min-width:0;margin-top:2px}
:root[data-page="connections"] .cn-sh-who p{margin:0}
:root[data-page="connections"] .cn-sh-st{margin-top:6px}
:root[data-page="connections"] .cn-sh-st .g-status{margin-bottom:6px}
:root[data-page="connections"] .cn-sh-say{display:flex;align-items:flex-start;gap:10px;margin:14px 0 0;color:var(--t1);text-wrap:pretty}
:root[data-page="connections"] .cn-sh-flash>.g-sig-ok{margin-top:1px}
:root[data-page="connections"] .cn-sh-k{margin:22px 0 10px}
:root[data-page="connections"] .cn-sh-line{position:relative;min-height:38px}
:root[data-page="connections"] .cn-sh-fills{margin:0}
:root[data-page="connections"] .cn-sh-fills .g-link{flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:0 10px;padding:6px 10px}
:root[data-page="connections"] .cn-sh-keys{margin-top:22px}
:root[data-page="connections"] .cn-sh-keys>.g-cap{margin:0 0 12px}
:root[data-page="connections"] .cn-sh-mail{margin:0;color:var(--t1)}
:root[data-page="connections"] .cn-sh-acts{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
:root[data-page="connections"] .cn-sh-lock{display:flex;align-items:flex-start;gap:8px;margin:18px 0 4px}
:root[data-page="connections"] .cn-sh-lock>svg{flex:none;width:14px;height:14px;margin-top:1px}
:root[data-page="connections"] .cn-sh-only{margin-top:14px}

:root[data-page="connections"] .cn-sh-need{margin-top:2px;margin-bottom:18px}
:root[data-page="connections"] .cn-sh-need .g-row-head{cursor:default}
:root[data-page="connections"] .cn-sh-need .g-row-sub{text-wrap:pretty}
:root[data-page="connections"] .cn-sh-fix{padding:0 14px 14px 43px}

:root[data-page="connections"] .cn-sh-p{margin:16px 0 0;text-wrap:pretty}
:root[data-page="connections"] .cn-sh-steps{margin:18px 0 0;padding:0 0 0 22px;list-style:decimal;font-size:14px;line-height:1.45;color:var(--t1)}
:root[data-page="connections"] .cn-sh-steps>li{padding-left:2px}
:root[data-page="connections"] .cn-sh-steps>li+li{margin-top:10px}
:root[data-page="connections"] .cn-sh-steps>li::marker{color:var(--t2)}
:root[data-page="connections"] .cn-sh-steps .cn-sh-acts{display:flex;margin-top:8px}
:root[data-page="connections"] .cn-sh-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
:root[data-page="connections"] .cn-sh-fields{display:grid;gap:14px;margin-top:18px}
:root[data-page="connections"] .cn-sh-proto{max-width:none;margin-top:16px}
:root[data-page="connections"] .cn-sh-p+.cn-sh-acts{margin-top:14px}
:root[data-page="connections"] .cn-sh-err{margin:10px 0 0;color:var(--amber)}
:root[data-page="connections"] .cn-sh-err[hidden],:root[data-page="connections"] .cn-sh-help[hidden]{display:none}
:root[data-page="connections"] .cn-sh-help{display:grid;gap:4px;margin-top:10px}
:root[data-page="connections"] .cn-sh-help p{margin:0}
:root[data-page="connections"] .cn-sh-refuse{margin-top:16px}
:root[data-page="connections"] .cn-sh-refuse>.g-fail-line{margin:0;text-wrap:pretty}
:root[data-page="connections"] .cn-sh-check{display:flex;align-items:flex-start;gap:12px;margin-top:18px}
:root[data-page="connections"] .cn-sh-check p{margin:0}
:root[data-page="connections"] .cn-sh-check .g-cap{margin-top:3px;text-wrap:pretty}
:root[data-page="connections"] .cn-sh-dim{margin-top:18px;opacity:0.4;pointer-events:none}
:root[data-page="connections"] .cn-sh-stand{max-width:none;margin-top:16px}
:root[data-page="connections"] .cn-sh-stand p{margin:0}
:root[data-page="connections"] .cn-sh-stand+.cn-sh-acts{margin-top:14px}
:root[data-page="connections"] .cn-sh-stand .cn-sh-acts{margin-top:6px}

:root[data-page="connections"] .cn-ticks{display:grid;gap:8px;margin:14px 0 0;padding:0;list-style:none}
:root[data-page="connections"] .cn-tick{display:grid;grid-template-columns:5px minmax(0,1fr) auto;column-gap:10px;align-items:center;font-size:14px;line-height:1.3;color:var(--t1)}
:root[data-page="connections"] .cn-tick .chart{height:16px}
:root[data-page="connections"] .cn-tick.is-no [data-ck-w]{color:var(--amber)}


@media (min-width:900px){:root[data-page="connections"] .cn-grid{gap:16px}}

@container cntools (max-width:255px){
  :root[data-page="connections"] .cn-row:not(.cn-need){grid-template-areas:"mk name name" "mk holds holds" ". line line" ". when when" ". chip chip" ". say say"}
  :root[data-page="connections"] .cn-chip{justify-self:start;margin-top:8px}
}
@container cntools (min-width:640px){
  :root[data-page="connections"] .cn-head,:root[data-page="connections"] .cn-row{grid-template-columns:36px minmax(0,1.3fr) minmax(0,1fr) 104px 16px;column-gap:16px}
  :root[data-page="connections"] .cn-head{display:grid;align-items:end}
  :root[data-page="connections"] .cn-head-l{grid-column:1/3}
  :root[data-page="connections"] .cn-head-r{grid-column:3}
  :root[data-page="connections"] .cn-axis{margin-top:3px;padding-left:0;color:var(--t3)}
  :root[data-page="connections"] .cn-rows{margin-top:6px}
  :root[data-page="connections"] .cn-row{grid-template-areas:"mk who line chip chev" "mk who when chip chev" ". say say say say";align-items:center;margin:0 -14px;padding:8px 14px}
  :root[data-page="connections"] .cn-row+.cn-row::before{left:14px;right:14px}
  :root[data-page="connections"] .cn-row>.cn-mark{margin-top:0}
  :root[data-page="connections"] .cn-who,:root[data-page="connections"] .cn-need>.cn-who{display:block;grid-area:who;align-self:center;min-width:0}
  :root[data-page="connections"] .cn-name{display:block}
  :root[data-page="connections"] .cn-chip{align-self:center;justify-self:end;margin-top:0}
  :root[data-page="connections"] .cn-chev{display:block;grid-area:chev;margin:0;transform:rotate(-90deg)}
  :root[data-page="connections"] .cn-line{align-self:end;margin-top:0}
  :root[data-page="connections"] .cn-when{align-self:start;margin-top:4px}
  :root[data-page="connections"] .cn-say{margin-top:6px}
  :root[data-page="connections"] .cn-need{grid-template-areas:"mk who fix fix fix";margin-top:4px;margin-bottom:4px;padding-top:11px;padding-bottom:11px}
  :root[data-page="connections"] .cn-need-sig{align-self:center}
  :root[data-page="connections"] .cn-fix{justify-self:end;align-self:center;margin-top:0}
  :root[data-page="connections"] .cn-nc{grid-template-columns:36px minmax(0,1fr) auto}
  :root[data-page="connections"] .cn-nc>.g-status{grid-column:3}
}
@container cntools (min-width:1080px){
  :root[data-page="connections"] .cn-head,:root[data-page="connections"] .cn-row{grid-template-columns:36px minmax(0,1.15fr) minmax(0,0.95fr) minmax(0,1.25fr) 168px 16px}
  :root[data-page="connections"] .cn-head-l{grid-column:1/4}
  :root[data-page="connections"] .cn-head-r{grid-column:4}
  :root[data-page="connections"] .cn-row{grid-template-areas:"mk who feeds line chip chev" "mk who feeds when chip chev" ". say say say say say"}
  :root[data-page="connections"] .cn-feeds{display:block;grid-area:feeds;align-self:center;margin:0;text-wrap:pretty}
  :root[data-page="connections"] .cn-need{grid-template-areas:"mk who who who fix fix"}
}

/* ---- customers/page.css (scoped) ---- */

:root[data-page="customers"] .cu{container:cu/inline-size}
:root[data-page="customers"] .cu-lede{margin-top:8px}
:root[data-page="customers"] .cu-ahead{max-width:760px}
:root[data-page="customers"] .cu-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;max-width:760px}
:root[data-page="customers"] .cu-find{display:flex;flex-direction:column}
:root[data-page="customers"] .cu-head{align-items:center;justify-content:flex-start}
:root[data-page="customers"] .cu-head>:first-child{flex:0 1 auto}
:root[data-page="customers"] .cu-what{margin:4px 0 0}
:root[data-page="customers"] .cu-form{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px}
:root[data-page="customers"] .cu-field{flex:1 1 180px}
:root[data-page="customers"] .cu-field input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;display:none}
:root[data-page="customers"] .cu-go{flex:none}
:root[data-page="customers"] .cu-hint{margin:8px 0 0}
:root[data-page="customers"] .cu-results{margin-top:10px}
:root[data-page="customers"] .cu-results[hidden]{display:none}
:root[data-page="customers"] .cu-results>[aria-selected="true"]{background-color:var(--tile)}
:root[data-page="customers"] .cu-counts{margin:14px 0 0}
:root[data-page="customers"] .cu-privacy{margin:4px 0 0}
:root[data-page="customers"] .cu-worth{margin:0}
:root[data-page="customers"] .cu-worth .g-link-line{margin-top:0}
:root[data-page="customers"] .cu-pen{gap:8px;padding:16px 22px}
@media (min-width:900px){
  :root[data-page="customers"] .cu-grid{gap:16px}
  @container cu (min-width:560px){
    :root[data-page="customers"] .cu-pen{flex-direction:row;align-items:center;column-gap:14px}
  }
}

/* ---- firstlook/page.css (scoped) ---- */

:root[data-page="firstlook"] .dm-view{display:flex;flex-direction:column}
:root[data-page="firstlook"] .dm-pg{flex:1;display:flex;flex-direction:column}

/* ---- glance/page.css (scoped) ---- */


:root[data-page="glance"] .gl{container:gl/inline-size}
:root[data-page="glance"] .gl-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}


:root[data-page="glance"] .gl-stage{display:grid;grid-template-columns:minmax(0,1fr);row-gap:12px;grid-template-areas:"top" "field" "legend" "parts"}
:root[data-page="glance"] .gl-top{grid-area:top;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:10px 12px;min-width:0}
:root[data-page="glance"] .gl-pic-h{flex:1 1 300px;min-width:0}
:root[data-page="glance"] .gl-pic-t{min-width:0}
:root[data-page="glance"] .gl-rule{margin:4px 0 0}
:root[data-page="glance"] .gl-keys{flex:none;display:flex;flex-wrap:wrap;gap:8px}
:root[data-page="glance"] .gl-view,:root[data-page="glance"] .gl-layer{flex:none}
:root[data-page="glance"] .gl-layer button{padding:0 12px}
:root[data-page="glance"] .gl-view button{min-width:40px;padding:0 10px}


:root[data-page="glance"] .gl-field{grid-area:field;--gl-px:12px;--gl-py:14px;position:relative;min-width:0;padding:var(--gl-py) var(--gl-px);border-radius:18px;
  background-image:linear-gradient(var(--g-bp-grid) 1px,transparent 1px),linear-gradient(90deg,var(--g-bp-grid) 1px,transparent 1px),linear-gradient(var(--g-bp-grid) 1px,transparent 1px),linear-gradient(90deg,var(--g-bp-grid) 1px,transparent 1px);
  background-size:16px 16px,16px 16px,80px 80px,80px 80px;background-position:-1px -1px;box-shadow:inset 0 0 0 1px var(--g-bp-hair)}
:root[data-page="glance"] .gl-draw{position:relative;min-height:40px}


:root[data-page="glance"] .gl-svg{display:block;overflow:visible}
:root[data-page="glance"] .gl-svg :is(polygon,path,line,rect,circle,ellipse){vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}
:root[data-page="glance"] .gl-svg .gl-ft{fill:var(--g-bp-top);stroke:var(--g-bp-line);stroke-width:1.15px}
:root[data-page="glance"] .gl-svg .gl-fl{fill:var(--g-bp-left);stroke:var(--g-bp-line);stroke-width:1.15px}
:root[data-page="glance"] .gl-svg .gl-fr{fill:var(--g-bp-right);stroke:var(--g-bp-line);stroke-width:1.15px}
:root[data-page="glance"] .gl-svg .gl-ln{fill:none;stroke:var(--g-bp-line);stroke-width:1.15px}
:root[data-page="glance"] .gl-svg .gl-dt{fill:none;stroke:var(--g-bp-detail);stroke-width:1px}
:root[data-page="glance"] .gl-svg .gl-pad,:root[data-page="glance"] .gl-svg .gl-plinth{fill:var(--g-bp-floor);stroke:var(--g-bp-hair);stroke-width:1px}
:root[data-page="glance"] .gl-svg :is(.gl-wl,.gl-wr){fill:var(--g-bp-floor);stroke:var(--g-bp-detail);stroke-width:1px}
:root[data-page="glance"] .gl-svg .gl-way{fill:none;stroke:var(--g-bp-detail);stroke-width:1.15px;stroke-dasharray:0 4}
:root[data-page="glance"] .gl-svg .gl-chev{fill:none;stroke:var(--g-bp-line);stroke-width:1.15px}
:root[data-page="glance"] .gl-svg .gl-numc{fill:var(--g-bp-right);stroke:var(--g-bp-detail);stroke-width:1px}
:root[data-page="glance"] .gl-svg .gl-num{font-size:11px;font-weight:400;fill:var(--t1);font-feature-settings:"tnum" 1}

:root[data-page="glance"] .gl-svg .gl-rf{font-size:11px;font-weight:400;fill:var(--t1);font-feature-settings:"tnum" 1}

:root[data-page="glance"] .gl-svg .gl-slab{fill:var(--g-bp-floor);stroke:none}
:root[data-page="glance"] .gl-svg .gl-iw{fill:none;stroke:var(--g-bp-line);stroke-width:1.15px}
:root[data-page="glance"] .gl-svg .gl-room{fill:transparent;stroke:none}
:root[data-page="glance"] .gl-svg .gl-hatch{stroke:var(--g-bp-hair);stroke-width:1px}
:root[data-page="glance"] .gl-svg .gl-fu{fill:var(--g-bp-top);stroke:var(--g-bp-line);stroke-width:1.15px}
:root[data-page="glance"] .gl-svg .gl-fu2{fill:var(--g-bp-left);stroke:var(--g-bp-detail);stroke-width:1px}

:root[data-page="glance"] .gl-svg .gl-pc:is(polygon,path,line,rect,circle,ellipse){fill:var(--g-bp-right);stroke:var(--g-bp-dash);stroke-dasharray:3 2.5}
:root[data-page="glance"] .gl-svg :is(.gl-pad,.gl-wl,.gl-wr,.gl-dt).gl-pc{fill:none}
:root[data-page="glance"] .gl-svg .gl-room.gl-pc{fill:url(#glHatch);stroke:var(--g-bp-dash);stroke-dasharray:3 2.5}

:root[data-page="glance"] .gl-cash{fill:none;stroke:var(--green);stroke-width:1.25px;stroke-linecap:round}
:root[data-page="glance"] .gl-cashd{fill:var(--green)}

:root[data-page="glance"] .gl-svg .gl-st.is-off :is(.gl-pad,.gl-wl,.gl-wr,.gl-room){stroke:var(--amber);stroke-width:1.25px}

:root[data-page="glance"] .gl-stage.is-stuckview .gl-st:not(.is-stuck){opacity:0.28}
:root[data-page="glance"] .gl-stage.is-stuckview :is(.gl-cash,.gl-cashd){display:none}

:root[data-page="glance"] .gl-st{cursor:pointer;transition:opacity 150ms var(--ease)}
:root[data-page="glance"] .gl-stage.has-hot .gl-st:not(.is-hot){opacity:0.35}

:root[data-page="glance"] .gl-st :is(polygon,path,rect,ellipse,circle){pointer-events:all}


:root[data-page="glance"] .gl-legend{grid-area:legend;display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;margin:0;padding:0 2px;list-style:none;font-size:12.5px;line-height:1.3;color:var(--t2)}
:root[data-page="glance"] .gl-legend li{display:inline-flex;align-items:center;gap:8px}
:root[data-page="glance"] .gl-lg-sw{flex:none;display:block;overflow:visible}
:root[data-page="glance"] .gl-ring{fill:none;stroke:var(--ink);stroke-width:1.25px}
:root[data-page="glance"] .gl-pc-sw{fill:none;stroke:var(--g-bp-dash);stroke-width:1px;stroke-dasharray:3 2.5}


:root[data-page="glance"] .gl-parts{grid-area:parts;container:glparts/inline-size;min-width:0}
:root[data-page="glance"] .gl-calls{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));margin:-4px 0 0;padding:0 12px;list-style:none}
:root[data-page="glance"] .gl-call{display:flex;flex-direction:column;align-items:stretch;min-width:0}
:root[data-page="glance"] .gl-cl{width:auto;margin:0;align-items:center;gap:2px;padding:9px 0 10px;text-align:center}
:root[data-page="glance"] .gl-call-n{font-size:13.5px;line-height:1.3;color:var(--t1);margin-bottom:2px}
:root[data-page="glance"] .gl-w{display:block;line-height:1.35}

:root[data-page="glance"] .gl-cf{font-size:21px;margin:3px 0 1px}
:root[data-page="glance"] .gl-cf .g-u{margin-left:0.25em}
:root[data-page="glance"] .gl-cm{display:block;font-size:12.5px;line-height:1.35;color:var(--t2)}
:root[data-page="glance"] .gl-cm.is-amber{color:var(--amber)}
:root[data-page="glance"] .gl-cm>.g-dot{margin:-2px 6px 0 0}
:root[data-page="glance"] .gl-tick{display:inline-block;vertical-align:-3px;margin-right:6px;transform:scale(0.8);transform-origin:center}
:root[data-page="glance"] .gl-cn{display:block;line-height:1.35}
:root[data-page="glance"] .is-dim :is(.gl-call-n,.g-link-t){color:var(--t2)}

:root[data-page="glance"] .gl-live{display:block;margin-top:5px;font-size:12.5px;line-height:1.35;color:var(--t2)}
:root[data-page="glance"] .gl-arr{display:inline-flex;gap:3px;align-items:flex-end;height:10px;margin-right:7px;vertical-align:-1px}
:root[data-page="glance"] .gl-arr i{display:block;width:1.5px;height:10px;background:var(--ink);transition:opacity 420ms var(--ease),transform 420ms var(--ease)}
:root[data-page="glance"] .gl-arr.is-wait i:not(.is-in){opacity:0;transform:translateY(-4px)}
@media (prefers-reduced-motion:reduce){:root[data-page="glance"] .gl-arr i{transition:none}}
:root[data-page="glance"] .gl-next{height:18px;padding:0 7px;vertical-align:1px}
:root[data-page="glance"] .gl-list{grid-template-columns:minmax(0,1fr);margin:0;padding:0;list-style:none}
:root[data-page="glance"] .gl-list>li{min-width:0}
:root[data-page="glance"] .gl-li{flex-direction:row;align-items:flex-start;gap:10px;min-height:44px;padding:6px 8px}
:root[data-page="glance"] .gl-li-n{flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;box-shadow:inset 0 0 0 1px var(--g-bp-detail);font-size:12px;line-height:1;color:var(--t1);font-feature-settings:"tnum" 1}
:root[data-page="glance"] .gl-li.is-pc .gl-li-n{box-shadow:none;border:1px dashed var(--g-bp-dash)}
:root[data-page="glance"] .gl-li-b{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
:root[data-page="glance"] .gl-li .gl-cf{font-size:19px}
:root[data-page="glance"] .gl-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px}


:root[data-page="glance"] .gl-board{display:grid;grid-template-columns:minmax(0,1fr);row-gap:20px;min-width:0}
:root[data-page="glance"] .gl-board.g-panel{padding:18px 16px}
:root[data-page="glance"] .gl-every-h{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:8px 24px;min-width:0}
:root[data-page="glance"] .gl-every-t .g-cap{margin:4px 0 0}
:root[data-page="glance"] .gl-board-key{padding:0}
@container gl (min-width:760px){:root[data-page="glance"] .gl-board{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}:root[data-page="glance"] .gl-every-h{grid-column:1/-1;padding:4px 2px 0}}
@container gl (min-width:1150px){:root[data-page="glance"] .gl-board{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:20px}}


:root[data-page="glance"] .gl-lane{display:flex;flex-direction:column;min-width:0}
:root[data-page="glance"] .gl-ts{flex:1 1 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}
:root[data-page="glance"] .gl-lane.g-panel>.gl-ts{gap:10px;margin-top:14px}


:root[data-page="glance"] .gl-t{--gl-tx:14px;--gl-ty:11px;position:relative;display:grid;min-width:0;container:gltile/inline-size}
:root[data-page="glance"] .gl-lane.g-panel .gl-t{--gl-tx:16px;--gl-ty:14px}
:root[data-page="glance"] .gl-t.is-hero{grid-column:1/-1}
:root[data-page="glance"] .gl-ta{display:flex;flex-direction:column;min-width:0;width:100%;padding:var(--gl-ty) var(--gl-tx) calc(var(--gl-ty) + 1px);font:inherit}
:root[data-page="glance"] .gl-t.has-chart>.gl-ta{padding-bottom:calc(var(--gl-ty) + 11px + var(--gl-ch,0px))}
:root[data-page="glance"] .gl-tl{display:flex;align-items:center;gap:8px;min-height:18px}
:root[data-page="glance"] .gl-tn{flex:1 1 auto;min-width:0}
:root[data-page="glance"] .gl-tl>:is(.g-badge,.gl-next,.gl-dot){flex:none}
:root[data-page="glance"] .gl-tw{display:flex;flex-direction:column;gap:4px;margin-top:6px;min-width:0}
:root[data-page="glance"] .gl-tf .g-u{margin-left:0.3em}
:root[data-page="glance"] .gl-tf .gl-to{margin-right:0.3em}
:root[data-page="glance"] .gl-tc{display:block}
:root[data-page="glance"] .gl-tv{position:absolute;left:var(--gl-tx);right:var(--gl-tx);bottom:calc(var(--gl-ty) + 1px);display:block;width:auto;height:var(--gl-ch,auto)}
:root[data-page="glance"] .gl-tp{gap:8px;padding:var(--gl-ty) var(--gl-tx) calc(var(--gl-ty) + 1px);border-radius:var(--rt);color:var(--t1);text-decoration:none}
:root[data-page="glance"] .gl-tp>.gl-tn{flex:none}
:root[data-page="glance"] .gl-tp .g-pencil-line{font-size:12.5px;line-height:1.4}
:root[data-page="glance"] a.gl-tp{cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color 150ms var(--ease),transform 150ms var(--ease)}
@media (hover:hover) and (pointer:fine){:root[data-page="glance"] a.gl-tp:hover{background-color:var(--tile);--t2:var(--g-t2-lit)}}
:root[data-page="glance"] a.gl-tp:active{background-color:var(--key);transform:scale(0.98);--t2:var(--g-t2-lit)}
:root[data-page="glance"] a.gl-tp:focus-visible{outline:2px solid var(--g-focus);outline-offset:2px}
@container gltile (max-width:170px){:root[data-page="glance"] .gl-tf{font-size:26px}}
@container gltile (max-width:136px){:root[data-page="glance"] .gl-tf{font-size:23px}}

@container gltile (min-width:300px){
  :root[data-page="glance"] .gl-t.is-hero.has-chart>.gl-ta{padding-bottom:calc(var(--gl-ty) + 1px)}
  :root[data-page="glance"] .gl-t.is-hero.has-chart .gl-tw{max-width:calc(50% - 8px)}
  :root[data-page="glance"] .gl-t.is-hero>.gl-tv{left:50%;margin-left:8px}
}

:root[data-page="glance"] .gl-foot{margin-top:4px}


:root[data-page="glance"] .gl-lane>.g-empty,:root[data-page="glance"] .gl-lane>.g-fail{margin-top:12px}
:root[data-page="glance"] :is(.is-failed,.is-empty) .gl-ts{display:none}

:root[data-page="glance"] .gl-stage>.g-empty{grid-area:parts}
:root[data-page="glance"] .gl-pic.is-empty :is(.gl-legend,.gl-cash,.gl-cashd){display:none}
:root[data-page="glance"] .gl-lane .g-head>.g-behind{margin:-3px 0}

@container gl (max-width:345px){:root[data-page="glance"] .gl-board.g-panel{padding:16px 12px}:root[data-page="glance"] .gl-board.g-panel .gl-t{--gl-tx:11px}}

:root[data-page="glance"] .gl-note{grid-column:1/-1;max-width:none}
:root[data-page="glance"] .gl-note-keys{display:flex;flex-wrap:wrap;gap:8px}

@media (min-width:900px){:root[data-page="glance"] .gl-grid{gap:16px}}

:root[data-page="glance"] .gl-stage.is-wide{grid-template-areas:"top" "field" "parts" "legend"}

:root[data-page="glance"] .gl-stage.is-roomy.is-mid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);column-gap:24px;grid-template-rows:auto auto 1fr;grid-template-areas:"top top" "field parts" "legend parts"}
:root[data-page="glance"] .gl-stage.is-mid .gl-list{grid-template-columns:minmax(0,1fr)}
:root[data-page="glance"] .gl-stage.is-mid .gl-parts{margin-top:-5px}
:root[data-page="glance"] .gl-stage.is-mid .gl-legend{align-self:start}



:root[data-page="glance"] .gl-sh{display:grid;gap:16px}
:root[data-page="glance"] .gl-sh-why{margin:0;font-size:14px;line-height:1.5;color:var(--t2)}
:root[data-page="glance"] .gl-sh-go{justify-self:start}

@container gl (max-width:345px){
  :root[data-page="glance"] .gl-keys{gap:6px}:root[data-page="glance"] .gl-layer button{padding:0 9px}:root[data-page="glance"] .gl-view button{min-width:34px;padding:0 7px}
  :root[data-page="glance"] .gl-list{column-gap:6px}:root[data-page="glance"] .gl-li{gap:6px;padding:4px 2px}:root[data-page="glance"] .gl-legend{row-gap:4px}:root[data-page="glance"] .gl-stage{row-gap:10px}:root[data-page="glance"] .gl-li-n{width:20px;height:20px;font-size:11px}
  :root[data-page="glance"] .gl-li .gl-cf{font-size:17px}
  :root[data-page="glance"] .gl-list>li:is(:nth-child(1),:nth-child(2)) .gl-cn,:root[data-page="glance"] .gl-legend>li.gl-lg-pc{display:none}
}

:root[data-page="glance"] .gl-ts{align-content:start}

/* ---- glass/page.css (scoped) ---- */



:root[data-page="glass"] .gs{padding-top:72px;padding-bottom:140px}
:root[data-page="glass"] :where(.gs) :is(ol,ul){padding:0;list-style:none}
:root[data-page="glass"] :where(.gs) h5{margin:0}
:root[data-page="glass"] .gs-nw{white-space:nowrap}
:root[data-page="glass"] .gs-tok{font-size:11px;line-height:1.35;font-weight:400;color:var(--t3);letter-spacing:0;font-feature-settings:"tnum" 1,"cv11" 1}
:root[data-page="glass"] .gs-label{font-size:12.5px;line-height:1.3;color:var(--t3)}
:root[data-page="glass"] .gs-cap-k{color:var(--t1)}
:root[data-page="glass"] .gs-fine{font-size:13px;line-height:1.5;color:var(--t3)}
:root[data-page="glass"] .gs-row-wrap{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px}
:root[data-page="glass"] :is(.gs-scale-spec,.gs-never li,.gs-bridge li,.gs-callouts li,.gs-use dd) b,:root[data-page="glass"] .gs figcaption b{font-weight:400;color:var(--t1)}
:root[data-page="glass"] .gs .gs-on-phone{display:none}


:root[data-page="glass"] body::after{content:"";display:block;position:fixed;inset:0 0 auto;height:env(safe-area-inset-top, 0px);z-index:44;pointer-events:none;
  background:linear-gradient(var(--room) calc(env(safe-area-inset-top, 0px) + 12px),color-mix(in srgb,var(--room) 72%,transparent) calc(env(safe-area-inset-top, 0px) + 30px),transparent calc(env(safe-area-inset-top, 0px) + 56px));
  transition:height 300ms var(--ease)}

:root[data-page="glass"] body:has(.gs-index.g-bar)::after{height:calc(env(safe-area-inset-top, 0px) + 56px)}



:root[data-page="glass"] .gs-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,548px);column-gap:28px;align-items:start}
:root[data-page="glass"] .gs-hero-l,:root[data-page="glass"] .gs-hero-r{display:flex;flex-direction:column;gap:40px;min-width:0}

@media (min-width:900px){
  :root[data-page="glass"] .gs-hero{grid-template-areas:"intro intro" "sales needs" "rules rules";row-gap:40px}
  :root[data-page="glass"] .gs-hero-l,:root[data-page="glass"] .gs-hero-r{display:contents}
  :root[data-page="glass"] .gs-intro{grid-area:intro}
  :root[data-page="glass"] .gs-sales{grid-area:sales}
  :root[data-page="glass"] .gs-needs{grid-area:needs}
  :root[data-page="glass"] .gs-rules{grid-area:rules}
  :root[data-page="glass"] .gs-rules ol{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px;row-gap:22px}
  :root[data-page="glass"] .gs-rules li{align-content:start}
}
@media (min-width:1280px){
  :root[data-page="glass"] .gs-rules ol{grid-template-columns:repeat(4,minmax(0,1fr))}
}
:root[data-page="glass"] .gs-intro{display:flex;flex-direction:column;align-items:flex-start;gap:0;padding:6px 0 0 2px}
:root[data-page="glass"] .gs-intro .g-display{font-size:58px}
:root[data-page="glass"] .gs-intro-lede{margin-top:18px;max-width:30em}

:root[data-page="glass"] .gs-intro-yes{margin-top:14px;max-width:40em;font-size:14px;line-height:1.5;color:var(--t2)}

:root[data-page="glass"] .gs-meta-day{margin-top:22px;font-size:13.5px;line-height:1.45;color:var(--t2)}
:root[data-page="glass"] .gs-meta-day+.gs-meta{margin-top:4px}
:root[data-page="glass"] .gs-meta{display:flex;flex-wrap:wrap;column-gap:19px;margin-top:22px;overflow:hidden;font-size:12.5px;line-height:1.6;color:var(--t3);font-feature-settings:"tnum" 1,"cv11" 1}
:root[data-page="glass"] .gs-meta span{position:relative;white-space:nowrap}
:root[data-page="glass"] .gs-meta span+span::before{content:"";position:absolute;left:-11px;top:50%;width:3px;height:3px;margin-top:-1px;border-radius:50%;background:var(--t4)}
:root[data-page="glass"] .gs-meta b{font-weight:400;color:var(--t3)}
:root[data-page="glass"] .gs-hero-acts{display:flex;flex-wrap:wrap;gap:12px 10px;margin-top:26px}
:root[data-page="glass"] .gs-rules{padding:4px 8px 0 18px}
:root[data-page="glass"] .gs-figrow{display:flex;align-items:baseline;flex-wrap:wrap;column-gap:14px;row-gap:6px;margin-top:16px}

:root[data-page="glass"] .g-phone .gs-figrow{flex-direction:column;align-items:flex-start;row-gap:8px}

:root[data-page="glass"] .gs-up2{align-items:flex-start}
:root[data-page="glass"] .gs-up2::before{margin-top:2px}
:root[data-page="glass"] .gs-up-t{white-space:normal;line-height:1.3}
:root[data-page="glass"] .gs-lfl{margin-top:8px}
:root[data-page="glass"] .gs-sales-chart{margin-top:14px}
:root[data-page="glass"] .gs-rules .gs-label{margin-bottom:18px}
:root[data-page="glass"] .gs-rules ol{display:grid;gap:16px}
:root[data-page="glass"] .gs-rules li{display:grid;grid-template-columns:22px minmax(0,1fr);column-gap:10px;row-gap:3px}
:root[data-page="glass"] .gs-rule-n{grid-row:span 2;padding-top:2px;font-size:12.5px;line-height:1.3;color:var(--t3);font-feature-settings:"tnum" 1}
:root[data-page="glass"] .gs-rule-t{font-size:15px;line-height:1.3;font-weight:400;color:var(--t1)}
:root[data-page="glass"] .gs-rule-d{font-size:13.5px;line-height:1.45;color:var(--t2)}

:root[data-page="glass"] .gs-needs.g-needs{padding:18px 18px 16px}
:root[data-page="glass"] .gs-needs>.g-needs-head{margin-bottom:10px}
:root[data-page="glass"] .gs-needs>.g-row>.g-row-head{padding-top:11px;padding-bottom:11px}
:root[data-page="glass"] .gs-needs>.g-row>.g-row-head .g-chev{transform:rotate(-90deg)}
:root[data-page="glass"] .gs-needs>.gs-pick{display:grid;grid-template-columns:34px minmax(0,1fr) auto;grid-template-areas:"orb label pill" "orb text text";column-gap:12px;row-gap:0;align-items:center;margin:6px 0 0;padding:2px 4px 0 6px;border-top:0}
:root[data-page="glass"] .gs-needs>.gs-pick+.g-row{margin-top:8px}
:root[data-page="glass"] .gs-pick>.g-orbtile{grid-area:orb;align-self:start}
:root[data-page="glass"] .gs-pick>.gs-pick-text{display:contents}
:root[data-page="glass"] .gs-pick .g-suggest-label{grid-area:label}
:root[data-page="glass"] .gs-pick .g-suggest-text{grid-area:text;margin-top:3px}
:root[data-page="glass"] .gs-pick>.g-pill{grid-area:pill;flex:none;margin-top:0}
:root[data-page="glass"] .g-phone .gs-needs>.gs-pick{grid-template-columns:34px minmax(0,1fr);grid-template-areas:"orb label" "orb text" "orb pill"}
:root[data-page="glass"] .g-phone .gs-pick>.g-pill{justify-self:start;margin-top:10px}

:root[data-page="glass"] .gs-cfoot{position:relative}
:root[data-page="glass"] .gs-cfoot::after{content:"";position:absolute;left:-8px;right:-8px;top:-9px;bottom:-10px}
@media (pointer:coarse),(max-width:899px){:root[data-page="glass"] .gs-cfoot::after{bottom:-18px}}
:root[data-page="glass"] .gs-ok{display:inline-flex;margin-left:5px;color:var(--green)}
:root[data-page="glass"] .gs-ok svg{width:13px;height:13px}
:root[data-page="glass"] .gs-row-acts{margin:12px 0 14px 43px}
:root[data-page="glass"] .gs-row-note{margin:12px 14px 14px 43px}
:root[data-page="glass"] .g-row-in>.gs-row-note{margin-left:43px}


:root[data-page="glass"] .gs-sh-seg{margin-bottom:20px}
:root[data-page="glass"] .gs-sh-view .g-needs-sec{margin-top:18px}
:root[data-page="glass"] .gs-sh-view>.g-needs-sec:first-child{margin-top:0}
:root[data-page="glass"] .gs-sh-view .g-row-in>.g-suggest:first-child{margin-top:0;padding-top:14px}
:root[data-page="glass"] .gs-sh-view .g-suggest+.g-thin{margin-top:14px}
:root[data-page="glass"] .gs-sh-view .g-row-in>.gs-sh-line{margin:14px 14px 0 43px}
:root[data-page="glass"] .gs-sh-view .g-row-in>.gs-sh-linecap{margin:6px 14px 0 43px}
:root[data-page="glass"] .gs-sh-view .g-row-in>.gs-sh-msg{margin:14px 14px 0 43px;font-size:14px;line-height:1.5;color:var(--t1)}
:root[data-page="glass"] .gs-sh-view .g-row-in>.gs-sh-acts{margin:12px 14px 14px 43px}
:root[data-page="glass"] .gs-sh-acts{display:flex;flex-wrap:wrap;gap:12px 8px}
:root[data-page="glass"] .gs-sh-look{margin-top:30px}
:root[data-page="glass"] .gs-sh-view .g-drawer-in>*+*{margin-top:12px}
:root[data-page="glass"] .gs-sh-view .g-drawer-in>.gs-sh-msg{font-size:14px;line-height:1.5;color:var(--t1)}
:root[data-page="glass"] .gs-sh-settle{margin-top:24px}
:root[data-page="glass"] .gs-sh-checked{margin-top:8px}
:root[data-page="glass"] .gs-sh-sorted{margin-bottom:10px}
:root[data-page="glass"] .gs-sh-days{display:flex;align-items:center;gap:8px}
:root[data-page="glass"] .gs-amber{color:var(--amber)}


:root[data-page="glass"] .gs-sentinel{height:1px;margin-top:96px}
:root[data-page="glass"] .gs-index{position:sticky;top:calc(12px + env(safe-area-inset-top, 0px));z-index:45;display:flex;justify-content:center;width:max-content;max-width:100%;margin:0 auto;padding:6px;border-radius:22px;transition:background-color 300ms var(--ease),box-shadow 300ms var(--ease)}

:root[data-page="glass"] .gs-index:not(.g-bar){box-shadow:inset 0 0 0 1px var(--hair)}
:root[data-page="glass"] .gs-index-row{display:flex;align-items:center;gap:2px}
:root[data-page="glass"] .gs-index-mini{display:none;align-items:center;justify-content:space-between;gap:12px;width:100%}
:root[data-page="glass"] .gs-index-btns{display:flex;flex:none;gap:8px}
:root[data-page="glass"] .gs-index-find{gap:6px;margin-left:6px}
:root[data-page="glass"] .gs-index-find svg{width:14px;height:14px}

@media (min-width:900px) and (max-width:1279px){
  :root[data-page="glass"] .gs-index-row .g-tab{padding:0 10px}
  :root[data-page="glass"] .gs-index-find{width:36px;padding:0;justify-content:center}
  :root[data-page="glass"] .gs-index-find span{display:none}
}

@media (max-width:359px){
  :root[data-page="glass"] .gs-index-btns [data-gs-find-open]{width:36px;padding:0;justify-content:center}
  :root[data-page="glass"] .gs-index-btns [data-gs-find-open]>[data-ic]{margin-left:0}
  :root[data-page="glass"] .gs-index-btns [data-gs-find-open]>span{display:none}
}

:root[data-page="glass"] .gs-ch-list{gap:0}
:root[data-page="glass"] .gs-ch-list>button{min-height:44px;padding-top:4px;padding-bottom:4px}
:root[data-page="glass"] .gs-ch-list .g-more-ic{width:32px;height:32px}
:root[data-page="glass"] .gs-ch-sheet .g-sheet-body{padding-bottom:12px}
@media (max-width:899px){:root[data-page="glass"] .gs-ch-sheet.g-sheet{max-height:calc(100dvh - 12px - env(safe-area-inset-top, 0px))}}

:root[data-page="glass"] .gs-fam-jump{display:flex;flex-wrap:wrap;gap:12px 8px;margin-top:56px}
:root[data-page="glass"] .gs-fam-jump+.gs-family{margin-top:96px}
:root[data-page="glass"] .gs-family{scroll-margin-top:calc(96px + env(safe-area-inset-top, 0px))}

:root[data-page="glass"] :is(h1,h2,h3,h4,h5,.g-ptitle,[data-gs-part],[data-gs-mo],.gs-chartfig)[tabindex="-1"]:focus{outline:none}
:root[data-page="glass"] .gs-index-now{padding-left:12px;font-size:15px;line-height:1;font-weight:400;color:var(--t1)}


:root[data-page="glass"] .gs-ch{margin-top:184px;scroll-margin-top:calc(84px + env(safe-area-inset-top, 0px))}
:root[data-page="glass"] .gs-index+.gs-ch{margin-top:104px}
:root[data-page="glass"] .gs-ch-head{display:grid;grid-template-columns:minmax(0,460fr) minmax(0,868fr);column-gap:28px;align-items:end;padding-top:18px;border-top:1px solid var(--hair)}
:root[data-page="glass"] .gs-ch-n{grid-column:1/-1;margin-bottom:56px;font-size:12.5px;line-height:1;color:var(--t3);font-feature-settings:"tnum" 1}
:root[data-page="glass"] .gs-ch-t{font-size:40px;line-height:1.08;font-weight:300;letter-spacing:-0.025em;color:var(--t1)}
:root[data-page="glass"] .gs-ch-lede{max-width:38em;font-size:20px;line-height:1.35;font-weight:300;letter-spacing:-0.01em;color:var(--t2);text-wrap:pretty}
:root[data-page="glass"] .gs-sub{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);column-gap:72px;margin-top:120px;scroll-margin-top:84px}
:root[data-page="glass"] .gs-sub-text{position:sticky;top:96px;align-self:start}
:root[data-page="glass"] .gs-sub-text p{margin-top:14px;max-width:34em;font-size:15px;line-height:1.55;color:var(--t2)}
:root[data-page="glass"] .gs-sub-text .gs-fine{font-size:13px;color:var(--t3)}
:root[data-page="glass"] .gs-sub-body{min-width:0}
:root[data-page="glass"] .gs-h4{margin:72px 0 22px;font-size:16px;line-height:1.25;font-weight:300;letter-spacing:-0.012em;color:var(--t1)}
:root[data-page="glass"] .gs-sub-body>.gs-h4:first-child{margin-top:4px}



:root[data-page="glass"] .gs-swatches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 20px}
:root[data-page="glass"] .gs-sw-chip{height:112px;border-radius:var(--rt)}
:root[data-page="glass"] .gs-sw figcaption{display:flex;flex-direction:column;gap:3px;margin-top:14px}
:root[data-page="glass"] .gs-sw-name{font-size:14px;line-height:1.3;color:var(--t1)}
:root[data-page="glass"] .gs-sw-val{font-size:12px;line-height:1.4;color:var(--t2);font-feature-settings:"tnum" 1,"cv11" 1}
:root[data-page="glass"] .gs-sw-use{margin-top:4px;font-size:12.5px;line-height:1.4;color:var(--t2)}
:root[data-page="glass"] .gs-sw-room{background:radial-gradient(130% 110% at 50% 38%,var(--room) 52%,var(--room-edge) 100%);box-shadow:inset 0 0 0 1px var(--hair)}
:root[data-page="glass"] .gs-sw-glass{background-color:var(--glass);background-image:var(--sheen);box-shadow:inset 0 0 0 1px var(--hair),var(--shadow)}
:root[data-page="glass"] .gs-sw-lit{background-color:var(--glass);background-image:var(--sheen-lit);box-shadow:inset 0 0 0 1px var(--hair),var(--shadow)}
:root[data-page="glass"] .gs-sw-tile{background-color:var(--card);background-image:linear-gradient(var(--tile),var(--tile));box-shadow:inset 0 0 0 1px var(--tline)}
:root[data-page="glass"] .gs-sw-key{background-color:var(--card);background-image:linear-gradient(var(--key),var(--key));box-shadow:inset 0 0 0 1px var(--key-line)}
:root[data-page="glass"] .gs-sw-maroon{background-color:var(--card);background-image:linear-gradient(var(--maroon),var(--maroon));box-shadow:inset 0 0 0 1px var(--tline)}
:root[data-page="glass"] .gs-sw-sorted{background-color:var(--card);background-image:linear-gradient(var(--g-sorted),var(--g-sorted));box-shadow:inset 0 0 0 1px var(--tline)}
:root[data-page="glass"] .gs-sw-float{background-color:var(--float);box-shadow:inset 0 0 0 1px var(--hair2),0 10px 24px -10px var(--room-edge)}
:root[data-page="glass"] .gs-sw-hair{background-color:var(--card);box-shadow:inset 0 0 0 1px var(--hair)}


:root[data-page="glass"] .gs-words{padding:6px 24px 22px}
:root[data-page="glass"] .gs-words-head,:root[data-page="glass"] .gs-word{display:grid;grid-template-columns:minmax(0,1fr) 132px 132px;column-gap:14px}
:root[data-page="glass"] .gs-words-head{padding:14px 0 10px}
:root[data-page="glass"] .gs-word{grid-template-areas:"sample panel tile" "meta panel tile";align-items:center;row-gap:6px;padding:16px 0;border-top:1px solid var(--grid)}
:root[data-page="glass"] .gs-word-dot{display:none}
:root[data-page="glass"] .gs-word-sample{grid-area:sample;font-size:20px;line-height:1.25;font-weight:300;letter-spacing:-0.01em}
:root[data-page="glass"] .gs-word-meta{grid-area:meta;font-size:12px;line-height:1.4;color:var(--t3)}
:root[data-page="glass"] .gs-word-meta .gs-tok{font-size:12px}

:root[data-page="glass"] .gs-words .gs-word-meta,:root[data-page="glass"] .gs-words .gs-word-meta .gs-tok{color:var(--t2)}
:root[data-page="glass"] .gs-t1{color:var(--t1)}
:root[data-page="glass"] .gs-t2{color:var(--t2)}
:root[data-page="glass"] .gs-t3{color:var(--t3)}
:root[data-page="glass"] .gs-t4{display:flex;align-items:flex-end;gap:5px;height:22px}
:root[data-page="glass"] .gs-t4 i{display:block;width:1.5px;height:14px;background:var(--t4)}
:root[data-page="glass"] .gs-t4 i:nth-child(3n){height:22px}
:root[data-page="glass"] .gs-ratio{grid-area:panel;display:flex;align-items:center;gap:8px;height:48px;padding:0 12px;font-size:15px;line-height:1;color:var(--t1);font-feature-settings:"tnum" 1,"cv11" 1}
:root[data-page="glass"] .gs-ratio.gs-on-tile{grid-area:tile;border-radius:var(--rt);background:var(--tile);box-shadow:inset 0 0 0 1px var(--tline)}
:root[data-page="glass"] .gs-aa{font-size:18px;font-weight:400}
:root[data-page="glass"] .gs-aa-mark{display:inline-flex;align-items:flex-end;gap:4px;height:16px}
:root[data-page="glass"] .gs-aa-mark i{display:block;width:1.5px;height:10px;background:var(--t4)}
:root[data-page="glass"] .gs-aa-mark i:nth-child(2){height:16px}
:root[data-page="glass"] .gs-words-note{margin-top:14px}


:root[data-page="glass"] .gs-signals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:0}
:root[data-page="glass"] .gs-signal{display:flex;flex-direction:column;gap:8px;padding:24px}
:root[data-page="glass"] .gs-signal+.gs-signal{box-shadow:inset 1px 0 0 0 var(--grid)}
:root[data-page="glass"] .gs-signal-marks{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;min-height:44px;margin-bottom:10px}
:root[data-page="glass"] .gs-signal-name{font-size:15px;line-height:1.3;color:var(--t1)}
:root[data-page="glass"] .gs-signal-name .gs-tok,:root[data-page="glass"] .gs-hexv{margin-left:6px;font-size:11px;color:var(--t3)}
:root[data-page="glass"] .gs-signal-rule{font-size:13px;line-height:1.45;color:var(--t2)}
:root[data-page="glass"] .gs-signal-ratio{display:flex;align-items:center;gap:8px;margin-top:4px;font-size:12.5px;color:var(--t3);font-feature-settings:"tnum" 1}


:root[data-page="glass"] .gs-inks{display:grid;gap:0;padding:8px 24px}
:root[data-page="glass"] .gs-ink{display:grid;grid-template-columns:150px minmax(0,1fr);align-items:center;column-gap:20px;min-height:44px;padding:6px 0}
:root[data-page="glass"] .gs-ink+.gs-ink{border-top:1px solid var(--grid)}
:root[data-page="glass"] .gs-ink-chart{display:block;height:22px}
:root[data-page="glass"] .gs-ink-name{font-size:14px;line-height:1.35;color:var(--t1)}
:root[data-page="glass"] .gs-ink-name .gs-tok{margin-left:8px;white-space:nowrap}


:root[data-page="glass"] .gs-law{max-width:46em;font-size:16px;line-height:1.55;color:var(--t1)}
:root[data-page="glass"] .gs-law-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:28px}
:root[data-page="glass"] .gs-law-fig figcaption{margin-top:14px;font-size:13px;line-height:1.45;color:var(--t2)}
:root[data-page="glass"] .gs-law-fig .gs-cap-k{margin-right:6px}
:root[data-page="glass"] .gs-law-chart{margin-top:14px;height:176px}


:root[data-page="glass"] .gs-faces{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
:root[data-page="glass"] .gs-face{display:flex;flex-direction:column;gap:6px;padding:22px 24px;border-radius:var(--rt);box-shadow:inset 0 0 0 1px var(--hair)}
:root[data-page="glass"] .gs-face-a{font-size:58px;line-height:1;letter-spacing:-0.02em;color:var(--t1);margin-bottom:12px}
:root[data-page="glass"] .gs-w300{font-weight:300}
:root[data-page="glass"] .gs-w400{font-weight:400}
:root[data-page="glass"] .gs-w500{font-weight:500}
:root[data-page="glass"] .gs-face-n{font-size:15px;color:var(--t1)}
:root[data-page="glass"] .gs-face-u{font-size:12.5px;color:var(--t2)}
:root[data-page="glass"] .gs-scale{margin-top:40px}
:root[data-page="glass"] .gs-scale li{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,300px);column-gap:32px;align-items:baseline;padding:22px 0;border-top:1px solid var(--grid)}
:root[data-page="glass"] .gs-scale-s{min-width:0;overflow-wrap:break-word}
:root[data-page="glass"] .gs-scale .g-display{font-size:58px}
:root[data-page="glass"] .gs-scale-spec{font-size:12px;line-height:1.5;color:var(--t3);font-feature-settings:"tnum" 1,"cv11" 1}
:root[data-page="glass"] .gs-scale-spec b{display:block;margin-bottom:2px;font-size:13px;color:var(--t1)}
:root[data-page="glass"] .gs-chip-plain{display:inline-flex;flex:none}
:root[data-page="glass"] .gs-axis-sample{white-space:normal;word-spacing:0}
:root[data-page="glass"] .gs-units{margin-top:56px}
:root[data-page="glass"] .gs-units .gs-h4{margin:0 0 20px}
:root[data-page="glass"] .gs-units-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:20px 56px;margin-bottom:16px}


:root[data-page="glass"] .gs-dodont{display:grid;gap:0}
:root[data-page="glass"] .gs-dd-head,:root[data-page="glass"] .gs-dd{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px}
:root[data-page="glass"] .gs-dd-head{padding-bottom:12px}
:root[data-page="glass"] .gs-dd{padding:14px 0;border-top:1px solid var(--grid);font-size:15px;line-height:1.35}
:root[data-page="glass"] .gs-dd-yes{color:var(--t1)}
:root[data-page="glass"] .gs-dd-no{color:var(--t3)}
:root[data-page="glass"] .gs-dd-note{margin-top:16px}


:root[data-page="glass"] .gs-radii{display:flex;flex-wrap:wrap;align-items:flex-end;gap:28px 32px}
:root[data-page="glass"] .gs-radii figure{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
:root[data-page="glass"] .gs-radii figcaption{font-size:12px;line-height:1.35;color:var(--t2)}
:root[data-page="glass"] .gs-rd{background:var(--band);box-shadow:inset 0 0 0 1px var(--ink-faint)}
:root[data-page="glass"] .gs-rd-panel{width:168px;height:104px;border-radius:28px}
:root[data-page="glass"] .gs-rd-tile{width:128px;height:84px;border-radius:20px}
:root[data-page="glass"] .gs-rd-pill{width:120px;height:32px;border-radius:999px}
:root[data-page="glass"] .gs-rd-status{width:96px;height:26px;border-radius:13px}
:root[data-page="glass"] .gs-rd-tip{width:112px;height:30px;border-radius:11px}
:root[data-page="glass"] .gs-rd-orb{width:34px;height:34px;border-radius:11px}
:root[data-page="glass"] .gs-rd-badge{width:18px;height:18px;border-radius:50%}
:root[data-page="glass"] .gs-spacing{display:grid;gap:36px}
:root[data-page="glass"] .gs-spacing figcaption{margin-top:12px;font-size:12.5px;line-height:1.45;color:var(--t2)}
:root[data-page="glass"] .gs-space-chart{height:150px}
:root[data-page="glass"] .gs-touch{display:flex;flex-wrap:wrap;align-items:center;gap:20px 32px}
:root[data-page="glass"] .gs-touch .g-cap{flex:1 1 260px;max-width:34em}
:root[data-page="glass"] .gs-touch-box{display:inline-flex;align-items:center;justify-content:center;border:1px dashed var(--ink-faint)}
:root[data-page="glass"] .gs-touch-44{height:44px;padding:0 6px;border-radius:22px}
:root[data-page="glass"] .gs-touch-36{height:36px;padding:0 2px;border-radius:18px}


:root[data-page="glass"] .gs-recipe{display:flex;flex-wrap:wrap;align-items:flex-start;gap:20px 14px}
:root[data-page="glass"] .gs-recipe figure{display:flex;flex-direction:column;gap:12px;width:132px}
:root[data-page="glass"] .gs-recipe figcaption{display:flex;flex-direction:column;gap:3px;font-size:13px;color:var(--t1)}
:root[data-page="glass"] .gs-layer{height:104px;border-radius:var(--r);padding:0}
:root[data-page="glass"] .gs-layer-face{background-color:var(--glass)}
:root[data-page="glass"] .gs-layer-sheen{background-image:var(--sheen)}
:root[data-page="glass"] .gs-layer-hair{box-shadow:inset 0 0 0 1px var(--hair)}
:root[data-page="glass"] .gs-layer-shadow{box-shadow:var(--shadow)}

:root[data-page="glass"] .gs-recipe .gs-shadow-fig{width:160px;margin:-14px;padding:14px;border-radius:var(--r);background-color:var(--float)}
:root[data-page="glass"] .gs-shadow-fig>.gs-layer-shadow{background-color:var(--float)}

:root[data-page="glass"] .gs-shadow-fig figcaption .gs-tok{color:var(--t2)}
:root[data-page="glass"] .gs-op{display:flex;align-items:center;height:104px;font-size:20px;font-weight:300;color:var(--t3)}
:root[data-page="glass"] .gs-variants{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
:root[data-page="glass"] .gs-variants figcaption{margin-top:12px;font-size:12.5px;line-height:1.45;color:var(--t2)}
:root[data-page="glass"] .gs-variants figcaption .gs-tok{display:block;margin-top:2px}
:root[data-page="glass"] .gs-var{display:flex;flex-direction:column;justify-content:center;gap:6px;min-height:132px;padding:18px}
:root[data-page="glass"] .gs-var .g-row{width:100%}
:root[data-page="glass"] .gs-var .g-row-head{padding:11px 12px}
:root[data-page="glass"] .gs-var-tile{display:flex;flex-direction:column;gap:8px;padding:14px 16px}
:root[data-page="glass"] .gs-blur{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
:root[data-page="glass"] .gs-blur figcaption{margin-top:14px;font-size:13px;line-height:1.5;color:var(--t2)}
:root[data-page="glass"] .gs-blur-stage{position:relative;height:208px;overflow:hidden;border-radius:var(--rt);background:radial-gradient(130% 110% at 50% 38%,var(--room) 52%,var(--room-edge) 100%);box-shadow:inset 0 0 0 1px var(--hair);display:flex;align-items:center;justify-content:center}
:root[data-page="glass"] .gs-blur-panel{display:flex;flex-direction:column;gap:14px;width:244px;max-width:calc(100% - 32px)}
:root[data-page="glass"] .gs-blur-over{justify-content:flex-start}

:root[data-page="glass"] .gs-blur-bars{position:absolute;left:24px;right:24px;bottom:1px;height:76px;display:flex;align-items:flex-end;gap:8px}
:root[data-page="glass"] .gs-blur-bars span{flex:1 1 0;min-width:0;height:60%;background:var(--ink-2)}
:root[data-page="glass"] .gs-blur-bars span:nth-child(4n+1){height:48%}
:root[data-page="glass"] .gs-blur-bars span:nth-child(4n+2){height:74%}
:root[data-page="glass"] .gs-blur-bars span:nth-child(4n+3){height:58%}
:root[data-page="glass"] .gs-blur-bars span:nth-child(4n){height:88%}
:root[data-page="glass"] .gs-blur-bars span:last-child{height:100%}
:root[data-page="glass"] .gs-blur-sheet.g-sheet{position:absolute;top:14px;right:auto;bottom:14px;left:20%;width:60%;padding:22px 20px;gap:8px;justify-content:flex-start;border-radius:var(--rt)}


:root[data-page="glass"] .gs-family{display:flex;align-items:center;gap:18px;margin:128px 0 0;font-size:13px;line-height:1;font-weight:400;color:var(--t2)}
:root[data-page="glass"] .gs-family::after{content:"";flex:1;height:1px;background:var(--hair)}
:root[data-page="glass"] .gs-ch-head+.gs-family{margin-top:96px}
:root[data-page="glass"] .gs-specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:80px 64px;margin-top:48px}
:root[data-page="glass"] .gs-specs.is-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:80px 48px;margin-top:80px}
:root[data-page="glass"] .gs-spec{min-width:0;padding-top:24px;border-top:1px solid var(--grid);scroll-margin-top:96px}
:root[data-page="glass"] .gs-spec.is-wide{grid-column:1/-1}
:root[data-page="glass"] .gs-spec-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 20px}
:root[data-page="glass"] .gs-spec-what{margin-top:10px;max-width:44em;font-size:14px;line-height:1.5;color:var(--t2)}
:root[data-page="glass"] .gs-stage{display:flex;flex-wrap:wrap;align-items:flex-start;gap:28px 40px;margin-top:32px}
:root[data-page="glass"] .gs-stage-col{flex-direction:column;align-items:stretch}
:root[data-page="glass"] .gs-at{display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:0;max-width:100%}
:root[data-page="glass"] .gs-at>figcaption,:root[data-page="glass"] .gs-state>figcaption{font-size:11px;line-height:1.35;color:var(--t3)}
:root[data-page="glass"] .gs-grow{flex:1 1 auto}
:root[data-page="glass"] .gs-grow>:first-child{width:100%}
:root[data-page="glass"] .gs-w-phone{width:358px;max-width:100%}
:root[data-page="glass"] .gs-w-needs{width:376px;max-width:100%}
:root[data-page="glass"] .gs-w-mid{width:492px;max-width:100%}
:root[data-page="glass"] .gs-host{width:100%;max-width:460px}
:root[data-page="glass"] .gs-states{display:flex;flex-wrap:wrap;align-items:flex-start;gap:18px 22px;margin-top:32px;padding-top:20px;border-top:1px dashed var(--grid)}
:root[data-page="glass"] .gs-states-label{flex:0 0 100%;font-size:12px;line-height:1.3;color:var(--t3)}
:root[data-page="glass"] .gs-state{display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-width:0}
:root[data-page="glass"] .gs-use{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:8px 18px;margin:32px 0 0}
:root[data-page="glass"] .gs-use dt{font-size:12.5px;line-height:1.45;color:var(--t3)}
:root[data-page="glass"] .gs-use dd{margin:0;font-size:14px;line-height:1.45;color:var(--t1)}
:root[data-page="glass"] .gs-live-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin-top:24px}
:root[data-page="glass"] .gs-live-row .g-cap{max-width:44em}


:root[data-page="glass"] .gs-margin-panel{width:272px}
:root[data-page="glass"] .gs-margin-panel.gs-w-phone{width:358px}
:root[data-page="glass"] .gs-margin-fig{display:block;margin-top:14px}
:root[data-page="glass"] .gs-margin-panel .g-cap{margin-top:7px}
:root[data-page="glass"] .gs-meter{margin-top:14px}
:root[data-page="glass"] .gs-cafe-mini{display:flex;flex-direction:column;align-items:flex-start;gap:6px;width:200px;padding:16px 18px}
:root[data-page="glass"] .gs-cafe-mini .g-status{margin-top:6px}
:root[data-page="glass"] .gs-head-only{padding:18px 22px 30px;border-radius:var(--r) var(--r) 0 0;-webkit-mask-image:linear-gradient(var(--t1) 55%,transparent);mask-image:linear-gradient(var(--t1) 55%,transparent)}
:root[data-page="glass"] .gs-open-cell{display:inline-flex;align-items:center;justify-content:center;width:56px;height:48px;border-radius:var(--rt);background:var(--glass);background-image:var(--sheen);box-shadow:inset 0 0 0 1px var(--hair)}
:root[data-page="glass"] .gs-open-cell .g-open{margin:0}
:root[data-page="glass"] .gs-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
:root[data-page="glass"] .gs-tile-fig{display:flex;flex-direction:column;gap:10px}
:root[data-page="glass"] .gs-tile-s{width:172px}
:root[data-page="glass"] .gs-pencil-d{width:360px;max-width:100%;min-height:150px}
:root[data-page="glass"] .gs-pencil-p{width:358px;max-width:100%;min-height:150px}
:root[data-page="glass"] .gs-stat-s{width:206px;flex:none}

:root[data-page="glass"] #gs-p-chips .gs-at:not(.gs-phone) .g-chips,:root[data-page="glass"] #gs-p-stat .gs-at:not(.gs-phone) .g-pair{max-width:440px}
:root[data-page="glass"] .gs-sigs{display:flex;flex-direction:column;gap:14px}
:root[data-page="glass"] .gs-sigs li{display:flex;align-items:center;gap:12px;font-size:14px;line-height:1.3;color:var(--t1)}
:root[data-page="glass"] .gs-row-s{width:240px}
:root[data-page="glass"] .gs-suggest-top{margin-top:0;padding-top:0;border-top:0}

:root[data-page="glass"] .gs-rail-fig>figcaption{max-width:200px}
:root[data-page="glass"] .gs-rail-chipfig>figcaption{max-width:300px}
:root[data-page="glass"] .gs-rail-chipcell{display:block;padding-right:96px}
:root[data-page="glass"] .gs-bar-cell{display:block}
:root[data-page="glass"] .gs-bar-one{width:112px;padding:6px}
:root[data-page="glass"] .gs-sheet-d{width:420px;max-width:100%}
:root[data-page="glass"] .gs-sheet-p{width:358px;max-width:100%}
:root[data-page="glass"] .gs-tabpanes{margin-top:14px;min-height:20px}
:root[data-page="glass"] .gs-seg-one{display:inline-flex}

:root[data-page="glass"] .gs-seg-live{max-width:100%}

@media (min-width:900px){:root[data-page="glass"] .gs-find-s{width:200px}}
:root[data-page="glass"] .gs-switch-row{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:420px;padding:14px 0;border-top:1px solid var(--grid);border-bottom:1px solid var(--grid)}
:root[data-page="glass"] .gs-switch-row>span{display:flex;flex-direction:column;gap:3px}
:root[data-page="glass"] .gs-field-s{display:block;width:220px}
:root[data-page="glass"] .gs-tips{gap:20px}
:root[data-page="glass"] .gs-toast-s{position:relative}

:root[data-page="glass"] .gs-own-pair{max-width:560px}
:root[data-page="glass"] .gs-own-pair.is-narrow{max-width:300px}
:root[data-page="glass"] .gs-per-panel{min-height:190px}
:root[data-page="glass"] .gs-per-fig{margin-top:14px}
:root[data-page="glass"] .gs-slot-live{margin-top:14px}
:root[data-page="glass"] .gs-slot-under{margin-top:8px}
:root[data-page="glass"] .gs-line-panel{width:100%;max-width:640px}
:root[data-page="glass"] .gs-line-s{width:220px;margin:0}
:root[data-page="glass"] .gs-link-s{width:200px;margin:0}
:root[data-page="glass"] .gs-compact-list{margin-top:10px}
:root[data-page="glass"] #gs-p-compact .gs-at>.g-panel{width:100%}   

:root[data-page="glass"] :is(#gs-p-compact,#gs-p-line,#gs-p-statown) .gs-stage-col{display:grid;grid-template-columns:minmax(0,1fr)}
:root[data-page="glass"] :is(#gs-p-compact,#gs-p-line,#gs-p-statown) .gs-stage-col>.gs-at:not([hidden]){display:grid;justify-items:start}
@media (max-width:899px){:root[data-page="glass"] :is(#gs-p-compact,#gs-p-line,#gs-p-statown) .gs-stage-col>.gs-at.gs-phone{display:none}}
:root[data-page="glass"] :is(#gs-p-compact,#gs-p-line,#gs-p-statown) .gs-stage-col>.gs-at>:first-child{width:100%}
:root[data-page="glass"] .gs-drawer-s{width:260px;border-top:0}
:root[data-page="glass"] .gs-drawer-s .g-drawer-head{width:100%;margin:0;background-color:var(--glass);box-shadow:inset 0 0 0 1px var(--hair)}
:root[data-page="glass"] .gs-only-s,:root[data-page="glass"] .gs-note-s{width:240px}
:root[data-page="glass"] .gs-nothing{display:block;padding:8px 0}
:root[data-page="glass"] .gs-noblur{-webkit-backdrop-filter:none;backdrop-filter:none}

:root[data-page="glass"] .gs-barstage{position:relative;width:100%;max-width:560px;height:236px;overflow-x:hidden;overflow-y:auto;border-radius:var(--rt);background:radial-gradient(130% 110% at 50% 38%,var(--room) 52%,var(--room-edge) 100%);box-shadow:inset 0 0 0 1px var(--hair);scrollbar-width:none}
:root[data-page="glass"] .gs-barstage::-webkit-scrollbar{display:none}
:root[data-page="glass"] .gs-barstage-head{position:sticky;top:0;z-index:1;display:flex;align-items:center;gap:16px;height:60px;padding:0 12px 0 18px;transition:background-color 300ms var(--ease),box-shadow 300ms var(--ease)}
:root[data-page="glass"] .gs-barstage-page{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:14px 18px 40px}
:root[data-page="glass"] .gs-barstage-page .g-lede{margin-bottom:14px}
:root[data-page="glass"] .gs-barstage-page .g-ptitle{margin-top:12px}
:root[data-page="glass"] .gs-barcell{display:flex;align-items:center;justify-content:space-between;gap:16px;width:240px;height:52px;padding:0 8px 0 16px;border-radius:var(--rt)}


:root[data-page="glass"] .gs-states-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:56px 28px;margin-top:72px}
:root[data-page="glass"] .gs-stcell figcaption{margin-top:16px;font-size:13px;line-height:1.5;color:var(--t2)}
:root[data-page="glass"] .gs-stcell figcaption b{display:block;margin-bottom:3px;font-size:15px}

:root[data-page="glass"] .gs-h4+.gs-states-grid{margin-top:0}
:root[data-page="glass"] .gs-st-sorted.g-panel{padding:18px}
:root[data-page="glass"] .gs-stpanel{min-height:368px}
:root[data-page="glass"] .gs-stpanel .g-head{align-items:center}
:root[data-page="glass"] .gs-stpanel .g-behind{margin-left:auto}
:root[data-page="glass"] .gs-stpanel .gs-seg-mini{margin-top:14px}
:root[data-page="glass"] .gs-stchart{margin-top:14px}
:root[data-page="glass"] .gs-stfoot{margin-top:12px}
:root[data-page="glass"] .gs-stpanel:not(.is-behind) .gs-stfoot{display:none}
:root[data-page="glass"] .gs-stpanel .g-empty{min-height:270px;justify-content:center}
:root[data-page="glass"] .gs-stpanel .g-fail-line{margin-top:18px}
:root[data-page="glass"] .gs-fail-chart{margin-top:22px;height:196px}


:root[data-page="glass"] .gs-charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:56px 28px}
:root[data-page="glass"] .gs-chartfig{display:flex;flex-direction:column;min-width:0}
:root[data-page="glass"] .gs-chartfig>.g-panel{flex:1 1 auto;display:flex;flex-direction:column}
:root[data-page="glass"] .gs-chartfig figcaption{display:flex;flex-direction:column;gap:4px;margin-top:14px}
:root[data-page="glass"] .gs-chartfig figcaption .gs-rule{font-size:13px;line-height:1.5;color:var(--t2)}
:root[data-page="glass"] .gs-cfig{display:flex;align-items:baseline;flex-wrap:wrap;column-gap:12px;row-gap:4px;margin-top:14px}
:root[data-page="glass"] .gs-chost{margin-top:16px}
:root[data-page="glass"] .gs-ccap{margin-top:12px}
:root[data-page="glass"] .gs-ctable{margin-top:18px}

:root[data-page="glass"] .gs-cflag{display:flex;align-items:flex-start;gap:10px;margin-top:14px;font-size:14px;line-height:1.45;color:var(--t1)}
:root[data-page="glass"] .gs-cflag>.g-sig-warn{margin-top:1px}

:root[data-page="glass"] .gs-cfoot{display:block;margin-top:14px;padding:0;border:0;background:none;font-size:13.5px;line-height:1.3;color:var(--t2);text-align:left;cursor:pointer}
@media (hover:hover) and (pointer:fine){:root[data-page="glass"] .gs-cfoot:hover{color:var(--t1)}}
:root[data-page="glass"] .gs-cfoot:focus-visible{outline:2px solid var(--g-focus);outline-offset:3px}
:root[data-page="glass"] .gs-legend{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:12px;font-size:11px;line-height:1.3;color:var(--t2)}
:root[data-page="glass"] .gs-legend i{display:inline-block;vertical-align:middle;width:16px;height:1.5px;margin-right:7px;background:var(--ink)}
:root[data-page="glass"] .gs-legend i.gs-l2{background:var(--ink-2)}
:root[data-page="glass"] .gs-legend i.gs-l3{background:var(--ink-prev)}
:root[data-page="glass"] .gs-legend i.gs-la{background:var(--amber)}
:root[data-page="glass"] .gs-rows{display:grid;gap:14px;margin-top:16px}
:root[data-page="glass"] .gs-crow{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;row-gap:6px;align-items:baseline}
:root[data-page="glass"] .gs-crow-n{font-size:14px;line-height:1.3;color:var(--t1)}
:root[data-page="glass"] .gs-crow-v{font-size:12.5px;line-height:1.3;color:var(--t2);font-feature-settings:"tnum" 1,"cv11" 1;white-space:nowrap}
:root[data-page="glass"] .gs-crow>.chart{grid-column:1/-1}

:root[data-page="glass"] .gs-crow-lfl{grid-column:1/-1;margin-top:-2px;font-size:12.5px;line-height:1.35;color:var(--t2);font-feature-settings:"tnum" 1,"cv11" 1}
:root[data-page="glass"] .gs-rows-ring{gap:16px}
:root[data-page="glass"] .gs-rows-ring .gs-crow{grid-template-columns:28px minmax(0,1fr) auto;align-items:center}
:root[data-page="glass"] .gs-rows-ring .gs-crow>.chart{grid-column:auto}
:root[data-page="glass"] .gs-waffle-row{display:flex;flex-wrap:wrap;align-items:center;gap:20px 32px}
:root[data-page="glass"] .gs-waffle-row>.chart{flex:none;width:168px}
:root[data-page="glass"] .gs-waffle-row>.gs-legend{flex-direction:column;align-items:flex-start;gap:10px;margin-top:0}
:root[data-page="glass"] .gs-ringhost{width:28px;height:28px}
:root[data-page="glass"] .gs-amber{color:var(--amber)}

:root[data-page="glass"] .gs-prims{display:grid}
:root[data-page="glass"] .gs-prim{display:grid;grid-template-columns:120px minmax(0,1fr) auto;column-gap:24px;align-items:center;min-height:52px;padding:8px 0;border-top:1px solid var(--grid)}
:root[data-page="glass"] .gs-prim-n{font-size:13px;line-height:1.3;color:var(--t1);font-feature-settings:"tnum" 1,"cv11" 1}
:root[data-page="glass"] .gs-prim-r{font-size:13.5px;line-height:1.45;color:var(--t2)}


:root[data-page="glass"] .gs-motions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:72px}
:root[data-page="glass"] .gs-mo{display:flex;flex-direction:column;padding:18px 20px 20px}
:root[data-page="glass"] .gs-mo-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
:root[data-page="glass"] .gs-mo-stage{position:relative;height:176px;margin-top:16px;overflow:hidden;border-radius:var(--rt);background:var(--tile);box-shadow:inset 0 0 0 1px var(--tline)}
:root[data-page="glass"] .gs-mo-spec{display:flex;flex-direction:column;gap:4px;margin-top:14px}
:root[data-page="glass"] .gs-mo-spec .gs-mo-t{font-size:13px;line-height:1.45;color:var(--t2)}
:root[data-page="glass"] .gs-mo-spec .gs-tok{font-size:11px}
:root[data-page="glass"] .gs-motion-foot{max-width:52em;margin-top:40px}

:root[data-page="glass"] .gs-mo-cards{position:absolute;inset:18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
:root[data-page="glass"] .gs-mo-card{border-radius:13px;background-color:var(--glass);background-image:var(--sheen);box-shadow:inset 0 0 0 1px var(--hair),var(--shadow)}
:root[data-page="glass"] .gs-mo-card:nth-child(1){grid-row:span 2}
:root[data-page="glass"] .gs-mo-rows{position:absolute;inset:16px;display:flex;flex-direction:column;gap:8px}
:root[data-page="glass"] .gs-mo-rows .g-row{width:100%}

:root[data-page="glass"] #gs-m-rows .gs-mo-stage{height:auto;min-height:176px}
:root[data-page="glass"] #gs-m-rows .gs-mo-rows{position:relative;inset:auto;padding:16px}

@media (max-width:359px){:root[data-page="glass"] #gs-m-thumb .gs-mo-center{padding:16px 0}:root[data-page="glass"] #gs-m-thumb .g-seg button{padding:0 4px;flex:none}}
:root[data-page="glass"] .gs-mo-rows .g-row-head{padding:9px 12px}
:root[data-page="glass"] .gs-mo-rows .g-row-title{font-size:13.5px}
:root[data-page="glass"] .gs-mo-chart{position:absolute;left:16px;right:16px;top:20px;bottom:16px;width:auto}
:root[data-page="glass"] .gs-mo-count{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}
:root[data-page="glass"] .gs-mo-meter{position:absolute;left:24px;right:24px;top:50%;margin-top:-30px;display:flex;flex-direction:column;gap:12px}
:root[data-page="glass"] .gs-mo-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:16px}
:root[data-page="glass"] .gs-mo-drawer{position:absolute;left:14px;right:14px;top:14px}
:root[data-page="glass"] .gs-mo-drawer .g-drawer{border-top:0}
:root[data-page="glass"] .gs-mo-drawer .g-drawer-head{width:100%;margin:0}
:root[data-page="glass"] .gs-mo-sheetbox{position:absolute;inset:0}
:root[data-page="glass"] .gs-mo-lines{position:absolute;left:18px;top:18px;display:flex;flex-direction:column;gap:9px}
:root[data-page="glass"] .gs-mo-lines i{display:block;height:8px;border-radius:999px;background:var(--ink-faint)}
:root[data-page="glass"] .gs-mo-sheet.g-sheet{position:absolute;top:10px;right:10px;bottom:10px;left:auto;width:62%;padding:16px 16px;gap:6px;justify-content:flex-start;border-radius:var(--rt);opacity:0;translate:24px 0;transition:opacity 336ms var(--ease),translate 336ms var(--ease)}
:root[data-page="glass"] .gs-mo-sheet.g-sheet.is-in{opacity:1;translate:none;transition-duration:420ms}
:root[data-page="glass"] .gs-mo-scrim{position:absolute;inset:0;background:var(--scrim);opacity:0;transition:opacity 336ms var(--ease)}
:root[data-page="glass"] .gs-mo-scrim.is-in{opacity:1;transition-duration:420ms}
:root[data-page="glass"] .gs-mo-toast.g-toast{position:absolute;left:50%;bottom:24px;opacity:0;transform:translate(-50%,8px);transition:opacity 240ms var(--ease),transform 240ms var(--ease)}
:root[data-page="glass"] .gs-mo-toast.g-toast.is-in{opacity:1;transform:translate(-50%,0);transition-duration:300ms}
:root[data-page="glass"] .gs-mo-orb{width:96px;height:96px}


:root[data-page="glass"] .gs-roaster{margin-top:72px}
:root[data-page="glass"] .gs-roaster-art{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,720px) minmax(0,1fr);align-items:center;padding:24px 0}
:root[data-page="glass"] .gs-roaster-svg{grid-column:2;display:block;width:100%;height:auto;overflow:visible}
:root[data-page="glass"] .gs-roaster-art>.gs-roaster-svg{justify-self:center;max-width:760px}
:root[data-page="glass"] .gs-leaders{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
:root[data-page="glass"] .gs-capsule{position:absolute;display:inline-flex;align-items:center;min-height:42px;max-width:66%;padding:5px 18px;border-radius:999px;background:var(--float);box-shadow:inset 0 0 0 1px var(--key),0 12px 24px -12px var(--room-edge);transform:translate(-50%,-50%)}

:root[data-page="glass"] .gs-capsule-t{font-size:15px;line-height:1.12;font-weight:300;letter-spacing:-0.01em;color:var(--t1);font-feature-settings:"tnum" 1,"cv11" 1}
:root[data-page="glass"] .gs-callouts{position:absolute;inset:0;pointer-events:none}
:root[data-page="glass"] .gs-callouts li{position:absolute;display:flex;flex-direction:column;gap:2px;width:200px;font-size:12px;line-height:1.4;color:var(--t2)}
:root[data-page="glass"] .gs-callouts li b{font-size:13px;color:var(--t1)}
:root[data-page="glass"] .gs-roaster>figcaption{max-width:52em;margin:40px auto 0;font-size:14px;line-height:1.55;color:var(--t2);text-align:center}
:root[data-page="glass"] .gs-roaster>figcaption b{display:block;margin-bottom:4px;font-size:15px}



:root[data-page="glass"] .gs-desk-head{display:flex;align-items:stretch;margin-top:72px;border-radius:24px;background:radial-gradient(130% 110% at 50% 38%,var(--room) 52%,var(--room-edge) 100%);box-shadow:inset 0 0 0 1px var(--hair),var(--shadow)}
:root[data-page="glass"] .gs-dh-main{flex:1 1 auto;min-width:0;padding:0 28px 28px}
:root[data-page="glass"] .gs-dh-bar{display:flex;align-items:center;gap:10px;min-width:0;height:64px}
:root[data-page="glass"] .gs-dh-biz{font-size:14px;line-height:1.2;font-weight:400;color:var(--t2);white-space:nowrap}
:root[data-page="glass"] .gs-dh-biz::before{content:"\00b7";margin-right:10px}
:root[data-page="glass"] .gs-dh-tools{display:flex;align-items:center;gap:10px;flex:none;margin-left:auto}
:root[data-page="glass"] .gs-dh-title{display:flex;flex-direction:column;align-items:flex-start;gap:18px;margin-top:44px}
:root[data-page="glass"] .gs-dh-h{font-size:58px}
:root[data-page="glass"] .gs-places-note{max-width:52em;margin-top:18px}
:root[data-page="glass"] .gs-places-phonebar{display:none}
:root[data-page="glass"] .gs-phone-note{display:none}


:root[data-page="glass"] .gs-phones{display:flex;flex-wrap:wrap;justify-content:center;gap:56px 72px;margin-top:72px}
:root[data-page="glass"] .gs-phone-fig{display:flex;flex-direction:column;align-items:center;width:390px;max-width:100%}
:root[data-page="glass"] .gs-phone-fig>figcaption{margin-top:28px;max-width:360px;font-size:13px;line-height:1.5;color:var(--t2);text-align:center}
:root[data-page="glass"] .gs-phone-fig>figcaption b{display:block;margin-bottom:3px;font-size:15px}
:root[data-page="glass"] .gs-device{position:relative;width:390px;height:844px;overflow:hidden;border-radius:54px;background:radial-gradient(130% 110% at 50% 38%,var(--room) 52%,var(--room-edge) 100%);box-shadow:0 0 0 10px var(--card),0 0 0 11px var(--hair2),var(--shadow)}
:root[data-page="glass"] .gs-screen{position:absolute;inset:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:56px 16px 120px;scrollbar-width:none}
:root[data-page="glass"] .gs-screen::-webkit-scrollbar{display:none}
:root[data-page="glass"] .gs-ph-head{display:flex;align-items:center;gap:8px;height:40px;padding:0 4px}
:root[data-page="glass"] .gs-ph-place{flex:1;font-size:16px;line-height:1;font-weight:400;color:var(--t1)}
:root[data-page="glass"] .gs-ph-title{padding:24px 4px 6px}
:root[data-page="glass"] .gs-ph-title .g-lede{margin-top:8px}
:root[data-page="glass"] .gs-ph-close{margin-top:6px}
:root[data-page="glass"] .gs-needs-line{display:block;padding:0;border:0;background:none;text-align:left;cursor:pointer}
@media (hover:hover) and (pointer:fine){:root[data-page="glass"] .gs-needs-line:hover{color:var(--t1)}}
:root[data-page="glass"] .gs-ph-stack{display:flex;flex-direction:column;gap:14px;margin-top:20px}
:root[data-page="glass"] .gs-ph-bar.g-placebar{position:absolute;left:12px;right:12px;bottom:14px;max-width:none}
:root[data-page="glass"] .gs-veil.g-veil{display:block;position:absolute;left:0;right:0;bottom:0;height:104px;pointer-events:none;background:linear-gradient(to top,var(--room-edge) 22%,transparent)}
:root[data-page="glass"] .gs-screen-under{pointer-events:none}
:root[data-page="glass"] .gs-ph-under{display:flex;flex-direction:column;gap:8px}
:root[data-page="glass"] .gs-scrim{position:absolute;inset:0;background:var(--scrim)}
:root[data-page="glass"] .gs-ph-sheet.g-sheet{position:absolute;left:0;right:0;bottom:0;top:96px;width:auto;max-height:none;border-radius:24px 24px 0 0}

:root[data-page="glass"] .gs-ph-cust{display:flex;flex-direction:column;gap:10px}
:root[data-page="glass"] .gs-cafe{display:flex;flex-direction:column}
:root[data-page="glass"] .gs-cafe-mid{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0}
:root[data-page="glass"] .gs-cafe-fig{display:flex;align-items:baseline;gap:8px}
:root[data-page="glass"] .gs-cafe-axis{display:flex;justify-content:space-between;margin-top:8px}
:root[data-page="glass"] .gs-cafe-axis span:last-child{color:var(--t2)}
:root[data-page="glass"] .gs-bag-art{position:relative;margin-top:12px}
:root[data-page="glass"] .gs-bag-art .gs-roaster-svg{width:100%}
:root[data-page="glass"] .gs-bag-art .gs-capsule{left:65.8%;top:78%;min-height:38px;padding:4px 14px}
:root[data-page="glass"] .gs-bag-art .gs-capsule-t{font-size:14px}

:root[data-page="glass"] .gs-next-head>.g-status{margin-top:1px}
:root[data-page="glass"] .gs-next-head>.g-open{margin-left:auto}
:root[data-page="glass"] .gs-bag-cap{margin-top:4px}
:root[data-page="glass"] .gs-gc .gs-cfig{margin-top:14px}
:root[data-page="glass"] .gs-sh-sec+.gs-sh-sec{margin-top:24px}
:root[data-page="glass"] .gs-sh-sec>.gs-label{display:block;margin-bottom:10px}
:root[data-page="glass"] .gs-sh-why{font-size:15px;line-height:1.45;color:var(--t1)}

:root[data-page="glass"] .gs-acc-head{margin-bottom:14px}
:root[data-page="glass"] .gs-acc-pencil{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 12px;margin-top:10px;padding:14px 16px}
:root[data-page="glass"] .gs-acc-pencil+.gs-sh-sec{margin-top:18px}
:root[data-page="glass"] .gs-sh-msg{padding:14px 16px;font-size:14px;line-height:1.5;color:var(--t1)}
:root[data-page="glass"] .gs-sh-acts{display:flex;flex-wrap:wrap;gap:12px 8px;margin-top:12px}
:root[data-page="glass"] .gs-sh-figs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
:root[data-page="glass"] .gs-sh-figs .g-tile{display:flex;flex-direction:column;gap:8px;padding:14px 16px}
:root[data-page="glass"] .gs-sh-figs .g-fig{font-size:22px;letter-spacing:-0.02em}
:root[data-page="glass"] .gs-sh-figs .gs-fig-words{font-size:15px;line-height:1.3;color:var(--t1)}
:root[data-page="glass"] .gs-sh-orders{display:grid;gap:0}
:root[data-page="glass"] .gs-sh-order{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--grid);font-size:14px;line-height:1.3;color:var(--t1)}
:root[data-page="glass"] .gs-sh-order span:last-child{font-feature-settings:"tnum" 1,"cv11" 1}
:root[data-page="glass"] .gs-sh-more{margin-top:12px}


:root[data-page="glass"] .gs-never{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:64px;margin-top:72px;counter-reset:gsn}
:root[data-page="glass"] .gs-never li{display:grid;grid-template-columns:36px minmax(0,1fr);column-gap:8px;row-gap:4px;padding:20px 0;border-top:1px solid var(--grid);counter-increment:gsn}
:root[data-page="glass"] .gs-never li::before{content:counter(gsn,decimal-leading-zero);grid-row:span 2;padding-top:3px;font-size:12px;line-height:1.3;color:var(--t3);font-feature-settings:"tnum" 1}
:root[data-page="glass"] .gs-never b{font-size:17px;line-height:1.3;font-weight:300;letter-spacing:-0.01em}
:root[data-page="glass"] .gs-never span{font-size:13.5px;line-height:1.45;color:var(--t2)}


:root[data-page="glass"] .gs-screen-desk{position:relative;margin-top:72px;padding:0;overflow:hidden;border-radius:24px;background:radial-gradient(130% 110% at 50% 38%,var(--room) 52%,var(--room-edge) 100%);box-shadow:inset 0 0 0 1px var(--hair),var(--shadow)}

:root[data-page="glass"] .gs-dense-page{display:flex;align-items:stretch;min-width:0}
:root[data-page="glass"] .gs-dense-main{flex:1 1 auto;min-width:0;padding:0 28px 28px}
:root[data-page="glass"] .gs-dense-title{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 28px;margin-top:40px;padding:0 4px 0 0}
:root[data-page="glass"] .gs-dense-title .g-lede{margin-top:10px}
:root[data-page="glass"] .gs-dense-grid{display:flex;flex-direction:column;gap:16px;margin-top:32px;min-width:0}

:root[data-page="glass"] .gs-dense-scrim{z-index:2;pointer-events:none}
:root[data-page="glass"] .gs-dense-sheet.g-sheet{position:absolute;z-index:3;top:12px;right:12px;bottom:12px;left:auto;width:480px;max-width:calc(100% - 24px);height:auto}
:root[data-page="glass"] .is-shut>.gs-dense-scrim,:root[data-page="glass"] .is-shut>.gs-dense-sheet{display:none}
:root[data-page="glass"] .gs-dense-note{max-width:52em;margin-top:18px}

:root[data-page="glass"] .gs-ob-tiles{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}

:root[data-page="glass"] .gs-ob-stat.g-stat{min-height:0;padding:16px 20px;grid-template-columns:auto auto minmax(0,1fr) auto;grid-template-rows:auto;grid-template-areas:"sig label chip fig";align-items:center;column-gap:12px}
:root[data-page="glass"] .gs-ob-capped.g-stat{grid-template-rows:auto auto;grid-template-areas:"sig label chip fig" "sig cap chip fig";row-gap:0}
:root[data-page="glass"] .gs-ob-capped>.g-stat-label{align-self:end}
:root[data-page="glass"] .gs-ob-stat>.g-status{grid-area:chip;justify-self:start}
:root[data-page="glass"] .gs-ob-stat>.g-stat-label{max-width:none}
:root[data-page="glass"] .gs-ob-cap{grid-area:cap;align-self:start;margin-top:2px;font-size:12.5px;line-height:1.3;font-weight:300;color:var(--t2)}

:root[data-page="glass"] .gs-ob-chart{height:116px;margin-top:10px}

@media (min-width:900px) and (max-width:1279px){:root[data-page="glass"] .gs-ob-chart{height:108px}}
@media (min-width:900px) and (max-width:969px){:root[data-page="glass"] .gs-ob-stat>.g-stat-fig{font-size:30px}}
:root[data-page="glass"] .gs-ob-lists{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:28px;margin-top:12px}
:root[data-page="glass"] .gs-ob-side{display:flex;flex-direction:column;min-width:0}

:root[data-page="glass"] button.gs-ob-row{width:100%;margin:0;border:0;border-bottom:1px solid var(--grid);border-radius:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}
:root[data-page="glass"] button.gs-ob-row:focus-visible{outline:2px solid var(--g-focus);outline-offset:2px}
:root[data-page="glass"] .gs-ob-row{display:flex;flex-wrap:wrap;align-items:center;column-gap:12px;row-gap:2px;min-height:38px;padding:5px 0;border-bottom:1px solid var(--grid)}
:root[data-page="glass"] .gs-ob-n{font-size:14px;line-height:1.3;color:var(--t1)}
:root[data-page="glass"] .gs-ob-s{flex:1;min-width:0;font-size:12.5px;line-height:1.35;color:var(--t2)}
:root[data-page="glass"] .gs-ob-s .g-status{height:22px;padding:0 9px}
:root[data-page="glass"] .gs-ob-a{margin-left:auto;font-size:14px;line-height:1.3;color:var(--t1);font-feature-settings:"tnum" 1,"cv11" 1;white-space:nowrap}
:root[data-page="glass"] .gs-ob-foot{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:10px}
:root[data-page="glass"] .gs-ob-next{display:inline-flex;align-items:center;gap:8px;font-size:13px;line-height:1.3;color:var(--t2)}

:root[data-page="glass"] .gs-ob-fold{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:16px 28px;align-items:start}

:root[data-page="glass"] .gs-fold{padding-bottom:34px;-webkit-mask-image:linear-gradient(var(--t1) 50%,transparent);mask-image:linear-gradient(var(--t1) 50%,transparent)}
:root[data-page="glass"] .gs-fold-seg{margin-top:14px}

:root[data-page="glass"] .gs-dense-tabs .g-tab .g-status{height:22px;margin-left:8px;padding:0 9px}


:root[data-page="glass"] .gs-was{display:grid}
:root[data-page="glass"] .gs-was-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr) minmax(0,0.6fr);column-gap:28px;padding:16px 0;border-top:1px solid var(--grid);font-size:13.5px;line-height:1.5}
:root[data-page="glass"] .gs-was-row.gs-was-head{padding-top:0;border-top:0}
:root[data-page="glass"] .gs-was-row>span:nth-child(1){color:var(--t3)}
:root[data-page="glass"] .gs-was-row>span:nth-child(2){color:var(--t1)}
:root[data-page="glass"] .gs-was-row>span:nth-child(3){color:var(--t3);font-size:12px}
:root[data-page="glass"] .gs-was-head span{font-size:11px;color:var(--t3)}
:root[data-page="glass"] .gs-bridge{display:grid;gap:0}
:root[data-page="glass"] .gs-bridge li,:root[data-page="glass"] .gs-log-row{display:grid;grid-template-columns:minmax(0,180px) minmax(0,1fr);column-gap:28px;padding:16px 0;border-top:1px solid var(--grid);font-size:14px;line-height:1.5}
:root[data-page="glass"] .gs-bridge li span,:root[data-page="glass"] .gs-log-row span{color:var(--t2)}
:root[data-page="glass"] .gs-log{display:grid}
:root[data-page="glass"] .gs-log-row{grid-template-columns:48px minmax(0,1fr) minmax(0,1fr)}
:root[data-page="glass"] .gs-log-row>span:first-child{color:var(--t3);font-feature-settings:"tnum" 1}
:root[data-page="glass"] .gs-log-row>span:nth-child(2){color:var(--t1)}
:root[data-page="glass"] .gs-foot{display:flex;flex-direction:column;align-items:center;gap:18px;margin-top:184px;padding-top:28px;border-top:1px solid var(--hair);text-align:center}


@media (max-width:1439px){:root[data-page="glass"] .gs-variants{grid-template-columns:repeat(2,minmax(0,1fr))}}


@media (max-width:1279px){
  :root[data-page="glass"] .gs-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:20px}
  :root[data-page="glass"] .gs-intro .g-display{font-size:46px}
  :root[data-page="glass"] .gs-rules{padding:4px 4px 0 8px}
  :root[data-page="glass"] .gs-ch{margin-top:152px}
  :root[data-page="glass"] .gs-ch-head{grid-template-columns:minmax(0,1fr);row-gap:18px}
  :root[data-page="glass"] .gs-ch-n{margin-bottom:36px}
  :root[data-page="glass"] .gs-sub{grid-template-columns:minmax(0,1fr);margin-top:96px}
  :root[data-page="glass"] .gs-sub-text{position:static;max-width:40em;margin-bottom:40px}
  :root[data-page="glass"] .gs-specs,:root[data-page="glass"] .gs-specs.is-3{grid-template-columns:minmax(0,1fr);gap:72px}
  :root[data-page="glass"] .gs-states-grid,:root[data-page="glass"] .gs-motions{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px}
  :root[data-page="glass"] .gs-charts{column-gap:20px}
  :root[data-page="glass"] .gs-swatches{grid-template-columns:repeat(3,minmax(0,1fr))}
  :root[data-page="glass"] .gs-roaster-art{grid-template-columns:minmax(0,200px) minmax(0,1fr) minmax(0,200px)}
  :root[data-page="glass"] .gs-callouts li{width:180px}
  :root[data-page="glass"] .gs-scale .g-display,:root[data-page="glass"] .gs-dh-h{font-size:46px}
  :root[data-page="glass"] .gs-ob-lists,:root[data-page="glass"] .gs-ob-fold{column-gap:20px}
  :root[data-page="glass"] .gs-ob-stat.g-stat,:root[data-page="glass"] .gs-ob-capped.g-stat{grid-template-columns:auto auto minmax(0,1fr) auto;grid-template-rows:auto auto;grid-template-areas:"sig label label fig" ". chip cap fig";row-gap:8px}
  :root[data-page="glass"] .gs-ob-capped>.g-stat-label{align-self:center}
  :root[data-page="glass"] .gs-ob-cap{margin-top:0;align-self:center}
}
@media (max-width:1099px){
  :root[data-page="glass"] .gs-dh-biz{display:none}   
  :root[data-page="glass"] .gs-roaster-art{grid-template-columns:minmax(0,1fr)}
  :root[data-page="glass"] .gs-roaster-svg{grid-column:1}
  :root[data-page="glass"] .gs-leaders{display:none}
  :root[data-page="glass"] .gs-callouts{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 28px;margin-top:36px;pointer-events:auto}
  :root[data-page="glass"] .gs-callouts li{position:static;width:auto}
}


@media (max-width:899px){
  :root[data-page="glass"] .gs{padding-top:40px;padding-bottom:120px}
  :root[data-page="glass"] .gs-hero{grid-template-columns:minmax(0,1fr);row-gap:16px}
  :root[data-page="glass"] .gs-hero-l,:root[data-page="glass"] .gs-hero-r{gap:16px}
  :root[data-page="glass"] .gs-needs>.gs-pick{grid-template-columns:34px minmax(0,1fr);grid-template-areas:"orb label" "orb text" "orb pill"}
  :root[data-page="glass"] .gs-pick>.g-pill{justify-self:start;margin-top:10px}
  :root[data-page="glass"] .gs-intro{padding:0 4px 18px}
  :root[data-page="glass"] .gs-intro .g-display{font-size:36px}
  :root[data-page="glass"] .gs-intro-lede{margin-top:12px}
  :root[data-page="glass"] .gs-meta{margin-top:16px}
  :root[data-page="glass"] .gs-meta-day{margin-top:16px}
  :root[data-page="glass"] .gs-figrow{flex-direction:column;align-items:flex-start;row-gap:8px}
  :root[data-page="glass"] .gs-hero-acts{margin-top:18px}
  :root[data-page="glass"] .gs-rules{padding:28px 4px 0}
  :root[data-page="glass"] .gs-sentinel{margin-top:64px}
  :root[data-page="glass"] .gs-index{width:100%;border-radius:22px}
  :root[data-page="glass"] .gs-index-row{display:none}
  :root[data-page="glass"] .gs-index-mini{display:flex}
  :root[data-page="glass"] .gs-ch{margin-top:112px}
  :root[data-page="glass"] .gs-ch-head{padding-top:14px}
  :root[data-page="glass"] .gs-ch-n{margin-bottom:28px}
  :root[data-page="glass"] .gs-ch-t{font-size:30px}
  :root[data-page="glass"] .gs-ch-lede{font-size:17px}
  :root[data-page="glass"] .gs-sub{margin-top:72px}
  :root[data-page="glass"] .gs-sub-text{margin-bottom:28px}
  :root[data-page="glass"] .gs-h4{margin-top:48px}
  :root[data-page="glass"] .gs-swatches{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}
  :root[data-page="glass"] .gs-sw-chip{height:88px}
  :root[data-page="glass"] .gs-words{padding:4px 16px 18px}
  :root[data-page="glass"] .gs-words-head{display:none}
  :root[data-page="glass"] .gs-word{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"sample sample" "meta meta" "panel tile";row-gap:10px}
  :root[data-page="glass"] .gs-word-sample{font-size:18px}
  :root[data-page="glass"] .gs-ratio{height:44px}
  :root[data-page="glass"] .gs-signals{grid-template-columns:minmax(0,1fr)}
  :root[data-page="glass"] .gs-signal+.gs-signal{box-shadow:inset 0 1px 0 0 var(--grid)}
  :root[data-page="glass"] .gs-signal{padding:20px}
  :root[data-page="glass"] .gs-inks{padding:6px 16px}
  :root[data-page="glass"] .gs-ink{grid-template-columns:84px minmax(0,1fr);column-gap:14px}
  :root[data-page="glass"] .gs-law-pair,:root[data-page="glass"] .gs-blur{grid-template-columns:minmax(0,1fr)}
  :root[data-page="glass"] .gs-faces{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  :root[data-page="glass"] .gs-face{padding:14px 12px}
  :root[data-page="glass"] .gs-face-a{font-size:36px;margin-bottom:6px}
  :root[data-page="glass"] .gs-face-u{display:none}
  :root[data-page="glass"] .gs-scale li{grid-template-columns:minmax(0,1fr);row-gap:8px;padding:18px 0}
  :root[data-page="glass"] .gs-scale .g-display{font-size:36px}
  :root[data-page="glass"] .gs-units-row{gap:16px 28px}
  :root[data-page="glass"] .gs-dd{font-size:14px}
  :root[data-page="glass"] .gs-radii{gap:22px 20px}
  
  :root[data-page="glass"] .gs-recipe{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px 14px}
  :root[data-page="glass"] .gs-recipe .gs-op{display:none}
  :root[data-page="glass"] .gs-recipe figure{width:auto}
  :root[data-page="glass"] .gs-recipe figure:last-child{grid-column:1/-1}
  :root[data-page="glass"] .gs-recipe .gs-shadow-fig{width:auto;margin:-14px 0 0}
  :root[data-page="glass"] .gs-variants{grid-template-columns:minmax(0,1fr)}
  :root[data-page="glass"] .gs-family{margin-top:96px}
  :root[data-page="glass"] .gs-specs{gap:64px}
  :root[data-page="glass"] .gs-stage{gap:24px}
  :root[data-page="glass"] .gs-spec .gs-phone{display:none}
  :root[data-page="glass"] .gs-spec .gs-phone.gs-keep{display:flex}
  :root[data-page="glass"] .gs .gs-on-desk{display:none}
  :root[data-page="glass"] .gs .gs-on-phone{display:inline}
  :root[data-page="glass"] .gs-states{gap:14px 16px}
  :root[data-page="glass"] .gs-margin-panel{width:358px;max-width:100%}   
  :root[data-page="glass"] .gs-pencil-d,:root[data-page="glass"] .gs-sheet-d{width:100%}
  :root[data-page="glass"] .gs-states-grid,:root[data-page="glass"] .gs-motions,:root[data-page="glass"] .gs-charts{grid-template-columns:minmax(0,1fr)}
  :root[data-page="glass"] .gs-states-grid,:root[data-page="glass"] .gs-motions{margin-top:48px}
  :root[data-page="glass"] .gs-phone-note{display:block}
  :root[data-page="glass"] .gs-callouts{column-gap:16px}
  :root[data-page="glass"] .gs-roaster>figcaption{text-align:left}
  :root[data-page="glass"] .gs-desk-head{display:block;background:none;box-shadow:none;border-radius:0}
  :root[data-page="glass"] .gs-dh-main{padding:0}
  :root[data-page="glass"] .gs-dh-bar{height:44px;padding-left:4px;gap:8px}
  :root[data-page="glass"] .gs-dh-bar .g-brand{display:block;flex:1;min-width:0;font-size:16px}
  :root[data-page="glass"] .gs-rail-chipfig{display:none}
  :root[data-page="glass"] .gs-dh-bar :is(.g-ibtn,.g-avatar){width:38px;height:38px}
  :root[data-page="glass"] .gs-dh-bar .g-find{width:38px;height:38px}
  :root[data-page="glass"] .gs-dh-title{margin-top:24px;padding-left:4px}
  :root[data-page="glass"] .gs-dh-h{font-size:36px}
  :root[data-page="glass"] .gs-places-phonebar.g-placebar{display:flex;position:relative;left:auto;right:auto;bottom:auto;margin-top:28px}
  
  :root[data-page="glass"] .gs-phones{display:block;margin-top:40px}
  :root[data-page="glass"] .gs-phone-fig{width:auto;align-items:stretch}
  :root[data-page="glass"] .gs-phone-fig+.gs-phone-fig{margin-top:72px}
  :root[data-page="glass"] .gs-phone-fig>figcaption{order:-1;max-width:none;margin:0 0 20px;text-align:left}
  :root[data-page="glass"] .gs-device{width:auto;height:auto;overflow:visible;border-radius:0;background:none;box-shadow:none}
  :root[data-page="glass"] .gs-screen{position:static;overflow:visible;padding:0}
  :root[data-page="glass"] .gs-ph-bar.g-placebar,:root[data-page="glass"] .gs-veil.g-veil{display:none}
  :root[data-page="glass"] .gs-screen-under,:root[data-page="glass"] .gs-device .gs-scrim{display:none}
  :root[data-page="glass"] .gs-ph-sheet.g-sheet{position:relative;top:auto;bottom:auto;left:auto;right:auto;border-radius:24px}
  :root[data-page="glass"] .gs-never{grid-template-columns:minmax(0,1fr)}
  :root[data-page="glass"] .gs-prim{grid-template-columns:minmax(0,1fr) auto;row-gap:4px;padding:12px 0}
  :root[data-page="glass"] .gs-prim-r{grid-column:1;grid-row:2}
  :root[data-page="glass"] .gs-prim .g-pill{grid-column:2;grid-row:1 / span 2}
  :root[data-page="glass"] .gs-screen-desk{padding:0;overflow:visible;border-radius:0;background:none;box-shadow:none}
  :root[data-page="glass"] .gs-dense-bar{display:none}
  :root[data-page="glass"] .gs-dense-page{display:block}
  :root[data-page="glass"] .gs-dense-main{padding:0}
  :root[data-page="glass"] .gs-dense-title{margin-top:0;padding:0 4px}
  :root[data-page="glass"] .gs-dense-tabs{display:none}
  :root[data-page="glass"] .gs-dense-grid{gap:14px;margin-top:24px}
  :root[data-page="glass"] .gs-ob-tiles,:root[data-page="glass"] .gs-ob-lists,:root[data-page="glass"] .gs-ob-fold{grid-template-columns:minmax(0,1fr)}
  :root[data-page="glass"] .gs-ob-stat.g-stat,:root[data-page="glass"] .gs-ob-capped.g-stat{grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto auto auto;grid-template-areas:"sig label fig" ". cap fig" ". chip fig";row-gap:0}
  :root[data-page="glass"] .gs-ob-stat>.g-status{margin-top:8px}
  :root[data-page="glass"] .gs-ob-cap{margin-top:2px}
  :root[data-page="glass"] .gs-ob-side+.gs-ob-side{margin-top:22px}
  :root[data-page="glass"] .gs-ob-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"n a" "s s";padding:8px 0}
  :root[data-page="glass"] .gs-ob-n{grid-area:n}:root[data-page="glass"] .gs-ob-a{grid-area:a}:root[data-page="glass"] .gs-ob-s{grid-area:s}
  :root[data-page="glass"] .gs-dense-scrim{display:none}
  :root[data-page="glass"] .gs-dense-sheet.g-sheet{position:relative;top:auto;right:auto;bottom:auto;width:auto;max-width:none;margin-top:28px;border-radius:24px}
  :root[data-page="glass"] .gs-was-row{grid-template-columns:minmax(0,1fr);row-gap:4px}
  :root[data-page="glass"] .gs-was-row.gs-was-head{display:none}
  :root[data-page="glass"] .gs-bridge li,:root[data-page="glass"] .gs-log-row{grid-template-columns:minmax(0,1fr);row-gap:4px}
  :root[data-page="glass"] .gs-log-row{grid-template-columns:36px minmax(0,1fr)}
  :root[data-page="glass"] .gs-log-row>span:nth-child(3){grid-column:2}
  :root[data-page="glass"] .gs-foot{margin-top:120px}
}


@media (prefers-reduced-motion:reduce){
  :root[data-page="glass"] body::after,:root[data-page="glass"] .gs-index,:root[data-page="glass"] .gs-barstage-head,:root[data-page="glass"] .gs-mo-sheet.g-sheet,:root[data-page="glass"] .gs-mo-scrim,:root[data-page="glass"] .gs-mo-toast.g-toast{transition:none}
}
:root[data-page="glass"] .still .gs-index,:root[data-page="glass"] .still .gs-barstage-head,:root[data-page="glass"] .still .gs-mo-sheet.g-sheet,:root[data-page="glass"] .still .gs-mo-scrim,:root[data-page="glass"] .still .gs-mo-toast.g-toast{transition:none}

@media (max-width:899px){:root[data-page="glass"] .gs-rail-cap{display:none}}
:root[data-page="glass"] :where(.g-phone) .gs-rail-cap{display:none}


:root[data-page="glass"] .gs-ledebtn{padding:4px 0}
:root[data-page="glass"] .gs-hit :is(a,button).g-chip::after{outline:1px dashed var(--t3);outline-offset:-1px;border-radius:22px}
:root[data-page="glass"] .gs-choose{display:flex;flex-direction:column;gap:16px;width:100%}
:root[data-page="glass"] .gs-choose.is-desk{max-width:440px}
:root[data-page="glass"] .gs-choose-list{margin-left:4px}
:root[data-page="glass"] .gs-pick-desk{flex:1 1 300px}
@media (max-width:899px){:root[data-page="glass"] #gs-p-statpick .gs-pick-desk{display:none}}

@media (max-width:389px){:root[data-page="glass"] .gs-choose .g-pair{flex-direction:column}}

@media (max-width:899px){:root[data-page="glass"] #gs-p-chiplink .gs-at a.g-chip::after{outline:1px dashed var(--t3);outline-offset:-1px;border-radius:22px}}


:root[data-page="glass"] .gs-stchip-s{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:220px;padding:12px 14px}
:root[data-page="glass"] .gs-stchip-n{font-size:14px;line-height:1.3;color:var(--t1)}
:root[data-page="glass"] .gs-tip-narrow{max-width:190px}

:root[data-page="glass"] .gs-fc-pair{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-top:12px}
:root[data-page="glass"] .gs-fc-tile{display:flex;flex-direction:column;gap:8px;min-width:0}
:root[data-page="glass"] .gs-fc-chart{margin-top:14px;height:132px}
:root[data-page="glass"] .gs-fc-places{margin-top:12px}
@media (min-width:1280px){:root[data-page="glass"] .gs-states-grid>.gs-fc-wide{grid-column:span 2}}

/* ---- green-coffee/page.css (scoped) ---- */



:root[data-page="green-coffee"] .gn{container:gn/inline-size}
:root[data-page="green-coffee"] .gn-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
:root[data-page="green-coffee"] .gn-only{margin:-8px 0 20px}


:root[data-page="green-coffee"] .gn-lede{margin-top:8px}
:root[data-page="green-coffee"] .gn .fh-fresh{white-space:normal;text-align:left}


:root[data-page="green-coffee"] .gn-last{margin-top:12px}
:root[data-page="green-coffee"] .gn-next{margin:0;padding:14px 4px 0;color:var(--t2)}
:root[data-page="green-coffee"] .gn-inl{position:relative;display:inline;color:var(--t1);text-align:left;text-decoration:underline;text-decoration-color:var(--ink-faint);text-underline-offset:3px;-webkit-tap-highlight-color:transparent}
:root[data-page="green-coffee"] .gn-inl::after{content:"";position:absolute;left:-4px;right:-4px;top:min(0px,calc(50% - 18px));bottom:min(0px,calc(50% - 18px))}
@media (pointer:coarse),(max-width:899px){:root[data-page="green-coffee"] .gn-inl::after{top:min(0px,calc(50% - 22px));bottom:min(0px,calc(50% - 22px))}}
@media (hover:hover) and (pointer:fine){:root[data-page="green-coffee"] .gn-inl:hover{text-decoration-color:var(--t1)}}
:root[data-page="green-coffee"] .gn-inl:focus-visible{outline:2px solid var(--g-focus);outline-offset:2px;border-radius:11px}


:root[data-page="green-coffee"] .gn-coffees{display:flex;flex-direction:column}
:root[data-page="green-coffee"] .gn-hero{position:relative;display:grid;gap:7px;width:100%;margin-top:12px;padding:0;border:0;background:none;text-align:left;color:var(--t1);cursor:pointer;-webkit-tap-highlight-color:transparent}
:root[data-page="green-coffee"] .gn-hero-k{display:inline-flex;align-items:center;gap:2px;font-size:14px;line-height:1.3}
:root[data-page="green-coffee"] .gn-hero-k .g-chev{margin-top:0;transform:rotate(-90deg)}
:root[data-page="green-coffee"] .gn-hero-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:6px 16px}
:root[data-page="green-coffee"] .gn-hero-cap{flex:1 1 220px;min-width:0;max-width:46ch;text-wrap:pretty}
@media (hover:hover) and (pointer:fine){:root[data-page="green-coffee"] .gn-hero:hover .gn-hero-cap{color:var(--t1)}}
:root[data-page="green-coffee"] .gn-hero:focus-visible{outline:2px solid var(--g-focus);outline-offset:4px;border-radius:13px}

:root[data-page="green-coffee"] .gn-tbl{flex:1 1 auto;display:grid;margin-top:14px}   
:root[data-page="green-coffee"] .gn-list{position:relative;display:grid;grid-template-rows:auto 1fr;min-width:0;container:gnlist/inline-size}
:root[data-page="green-coffee"] .gn-thead,:root[data-page="green-coffee"] .gn-row{display:grid;grid-template-columns:minmax(196px,1fr) minmax(0,1.3fr) 52px 52px 60px;grid-template-areas:"who run k1 k2 out";column-gap:12px;align-items:center}
:root[data-page="green-coffee"] .gn-thead{align-items:end;padding:0 10px 6px;font-size:11px;line-height:1.2;color:var(--t3)}
:root[data-page="green-coffee"] .gn-th-c{grid-area:who}
:root[data-page="green-coffee"] .gn-thead .gn-axis{grid-area:run}
:root[data-page="green-coffee"] .gn-thead .gn-k1{grid-area:k1}
:root[data-page="green-coffee"] .gn-thead .gn-k2{grid-area:k2}
:root[data-page="green-coffee"] .gn-th-o{grid-area:out}
:root[data-page="green-coffee"] .gn-th-k,:root[data-page="green-coffee"] .gn-th-o{text-align:right}
:root[data-page="green-coffee"] .gn-axis{display:block;height:14px}
:root[data-page="green-coffee"] .gn-rows{display:grid;grid-auto-rows:1fr;min-width:0;margin:0;padding:0;list-style:none}

:root[data-page="green-coffee"] .gn-row{position:relative;z-index:1;margin:0;min-height:44px;padding:6px 10px;border-top:1px solid var(--grid);border-radius:13px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color 150ms var(--ease)}
:root[data-page="green-coffee"] .gn-row[hidden]{display:none}
@media (hover:hover) and (pointer:fine){:root[data-page="green-coffee"] .gn-row:hover{background-color:var(--tile);--t2:var(--g-t2-lit);--t3:var(--g-t2-lit)}}
:root[data-page="green-coffee"] .gn-row.is-hot{background-color:var(--tile);--t2:var(--g-t2-lit);--t3:var(--g-t2-lit)}
:root[data-page="green-coffee"] .gn-row:active{background-color:var(--key)}
:root[data-page="green-coffee"] .gn-who{grid-area:who;display:flex;flex-wrap:wrap;align-items:center;gap:3px 8px;min-width:0}
:root[data-page="green-coffee"] .gn-nm{font-size:14px;line-height:1.3;color:var(--t1);text-align:left}
:root[data-page="green-coffee"] .gn-nm:focus-visible{outline:2px solid var(--g-focus);outline-offset:3px;border-radius:11px}
:root[data-page="green-coffee"] .gn-flag{height:22px;padding:0 9px}
:root[data-page="green-coffee"] .gn-run{grid-area:run;display:block;height:16px;min-width:0}
:root[data-page="green-coffee"] .gn-k{font-size:13.5px;line-height:1.3;color:var(--t2);text-align:right;white-space:nowrap;font-feature-settings:"tnum" 1,"cv11" 1}
:root[data-page="green-coffee"] .gn-k1{grid-area:k1}
:root[data-page="green-coffee"] .gn-k2{grid-area:k2}
:root[data-page="green-coffee"] .gn-out{grid-area:out;font-size:13.5px;line-height:1.3;color:var(--t1);text-align:right;font-feature-settings:"tnum" 1,"cv11" 1}
:root[data-page="green-coffee"] .gn-run-w{height:auto;padding-left:5px;font-size:12.5px;line-height:1.3;color:var(--t2)}
:root[data-page="green-coffee"] .gn-kgl{display:none;grid-area:kgl;font-size:12.5px;line-height:1.35;color:var(--t2)}
:root[data-page="green-coffee"] .gn-coffees>.gn-all{margin-top:8px}

@container gnlist (max-width:539px){
  :root[data-page="green-coffee"] .gn-thead{grid-template-columns:minmax(188px,1fr) minmax(0,1.1fr) 60px;grid-template-areas:"who run out"}
  :root[data-page="green-coffee"] .gn-row{grid-template-columns:minmax(188px,1fr) minmax(0,1.1fr) 60px;grid-template-areas:"who run out" "kgl kgl kgl";row-gap:2px;padding-top:7px;padding-bottom:7px}
  :root[data-page="green-coffee"] .gn-thead .gn-k1,:root[data-page="green-coffee"] .gn-thead .gn-k2,:root[data-page="green-coffee"] .gn-row .gn-k1,:root[data-page="green-coffee"] .gn-row .gn-k2{display:none}
  :root[data-page="green-coffee"] .gn-kgl{display:block}
}

@container gnlist (max-width:439px){
  :root[data-page="green-coffee"] .gn-thead{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"who out" "run run";row-gap:7px}
  :root[data-page="green-coffee"] .gn-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"who out" "run run" "kgl kgl";row-gap:6px;padding-top:10px;padding-bottom:10px}
}


:root[data-page="green-coffee"] .gn-hand{display:flex;flex-direction:column;container:gnhand/inline-size}
:root[data-page="green-coffee"] .gn-hand-top{display:flex;flex-wrap:wrap;align-items:flex-end;gap:6px 16px;margin-top:12px}
:root[data-page="green-coffee"] .gn-hand-cap{flex:1 1 220px;min-width:0;max-width:46ch;text-wrap:pretty}
:root[data-page="green-coffee"] .gn-split{margin-top:16px;min-height:12px}
:root[data-page="green-coffee"] .gn-places{margin-top:6px}
:root[data-page="green-coffee"] .gn-worth{display:grid;gap:8px;margin:8px 0 14px;padding-top:12px;border-top:1px solid var(--grid)}
:root[data-page="green-coffee"] .gn-worth-h{display:flex;align-items:baseline;gap:10px}
:root[data-page="green-coffee"] .gn-worth-rule{margin-top:4px;text-wrap:pretty}
:root[data-page="green-coffee"] .gn-stale{margin-top:auto}   
:root[data-page="green-coffee"] .gn-hand>.gn-stale{margin-bottom:-10px}
:root[data-page="green-coffee"] .gn-stale-t{color:var(--t2)}
@container gnhand (min-width:480px){
  :root[data-page="green-coffee"] .gn-places{grid-template-columns:var(--gn-cols,1fr 1fr);column-gap:20px}
  :root[data-page="green-coffee"] .gn-worth{grid-template-columns:auto minmax(0,1fr);column-gap:24px}
  :root[data-page="green-coffee"] .gn-worth-h{display:grid;align-content:start;gap:4px}
}


:root[data-page="green-coffee"] .gn-price{display:flex;flex-direction:column}
:root[data-page="green-coffee"] .gn-price-top{display:flex;flex-wrap:wrap;align-items:flex-end;gap:6px 14px;margin-top:12px}
:root[data-page="green-coffee"] .gn-price-k{display:grid;flex:1 1 150px;min-width:0}
:root[data-page="green-coffee"] .gn-price-ch{margin-top:7px;text-wrap:pretty}
:root[data-page="green-coffee"] .gn-months{flex:1 1 128px;min-height:128px;margin-top:10px}   
:root[data-page="green-coffee"] .gn-price-pen{margin-top:10px;padding-top:10px;border-top:1px solid var(--grid)}
:root[data-page="green-coffee"] .gn-credit{padding-top:10px}


:root[data-page="green-coffee"] .gn-coming{container:gncoming/inline-size;gap:6px}
:root[data-page="green-coffee"] .gn-coming>.g-head{align-self:stretch}
:root[data-page="green-coffee"] .gn-pens{display:grid;align-self:stretch;gap:2px}
:root[data-page="green-coffee"] .gn-pen{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0;padding:9px 0;color:var(--t1)}
:root[data-page="green-coffee"] .gn-pen-t{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;min-height:22px;margin:0;font-size:14px;line-height:1.35;color:var(--t1)}
:root[data-page="green-coffee"] .gn-pen .g-pencil-line{font-size:12.5px;line-height:1.4;text-wrap:pretty}
:root[data-page="green-coffee"] .gn-pen-t .g-chev{margin-top:0;transform:rotate(-90deg)}
:root[data-page="green-coffee"] .gn-pen-t .g-status{height:22px;padding:0 9px}
:root[data-page="green-coffee"] .gn-pen-go{margin:0 -10px;padding-left:10px;padding-right:10px;border-radius:13px;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color 150ms var(--ease)}
@media (hover:hover) and (pointer:fine){:root[data-page="green-coffee"] .gn-pen-go:hover{background-color:var(--tile);--t2:var(--g-t2-lit)}}
:root[data-page="green-coffee"] .gn-pen-go:active{background-color:var(--key)}
:root[data-page="green-coffee"] .gn-pen-go:focus-visible{outline:2px solid var(--g-focus);outline-offset:0}
@container gncoming (min-width:640px){
  :root[data-page="green-coffee"] .gn-pens{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:24px}
  :root[data-page="green-coffee"] .gn-pen-go{margin:0 0 0 -10px}
}


:root[data-page="green-coffee"] .gn-sh{display:flex;flex-direction:column;gap:18px;padding-top:2px;container:gnsh/inline-size}
:root[data-page="green-coffee"] .gn-sh-head{display:grid;gap:8px}
:root[data-page="green-coffee"] .gn-sh-lead{display:grid;gap:10px;padding-bottom:16px;border-bottom:1px solid var(--grid)}
:root[data-page="green-coffee"] .gn-why{display:flex;align-items:flex-start;gap:10px;margin:0;font-size:14px;line-height:1.45;color:var(--t1)}
:root[data-page="green-coffee"] .gn-why{flex-wrap:wrap;align-items:center;gap:6px 10px}
:root[data-page="green-coffee"] .gn-sh-lead .gn-sh-team{margin-top:2px}
:root[data-page="green-coffee"] .gn-sh-last{margin:0;text-wrap:pretty}
:root[data-page="green-coffee"] .gn-sh-note{margin:0}
:root[data-page="green-coffee"] .gn-sh-pair{gap:10px}
:root[data-page="green-coffee"] .gn-sh-tile{flex:1 1 0;display:grid;align-content:start;gap:7px;padding:14px 16px}
:root[data-page="green-coffee"] .gn-sh-worth{margin:-8px 0 0}
:root[data-page="green-coffee"] .gn-sh-sec{display:grid;gap:12px}
:root[data-page="green-coffee"] .gn-sh-run>.gn-run-l{height:24px;margin-top:6px}
:root[data-page="green-coffee"] .gn-kv td{padding-top:8px;padding-bottom:8px}
:root[data-page="green-coffee"] .gn-leg{display:block;height:14px}
:root[data-page="green-coffee"] .gn-cols{min-height:150px;margin-top:4px}
:root[data-page="green-coffee"] .gn-goes{margin-top:0}
:root[data-page="green-coffee"] .gn-sh-foot{margin:0}
:root[data-page="green-coffee"] .gn-sh-tot{margin-top:-6px;color:var(--t2)}
:root[data-page="green-coffee"] .gn-order-line{margin:0}
:root[data-page="green-coffee"] .gn-order-sh .gn-last{margin-top:0}
:root[data-page="green-coffee"] .gn-plist{margin:0;padding:0;list-style:none}
:root[data-page="green-coffee"] .gn-prow{display:grid;grid-template-columns:minmax(0,1fr) auto 16px;grid-template-areas:"t v chev" "bar bar bar";align-items:center;column-gap:10px;row-gap:7px;width:calc(100% + 20px);margin:0 -10px;padding:10px;border:0;border-radius:13px;background:none;text-align:left;color:var(--t1);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color 150ms var(--ease)}
@media (hover:hover) and (pointer:fine){:root[data-page="green-coffee"] .gn-prow:hover{background-color:var(--tile);--t2:var(--g-t2-lit)}}
:root[data-page="green-coffee"] .gn-prow:active{background-color:var(--key)}
:root[data-page="green-coffee"] .gn-prow:focus-visible{outline:2px solid var(--g-focus);outline-offset:0}
:root[data-page="green-coffee"] .gn-prow-t{grid-area:t;display:grid;gap:2px;min-width:0}
:root[data-page="green-coffee"] .gn-prow-n{font-size:14px;line-height:1.3;color:var(--t1)}
:root[data-page="green-coffee"] .gn-prow-v{grid-area:v;font-size:14px;line-height:1.3;color:var(--t1);white-space:nowrap;font-feature-settings:"tnum" 1,"cv11" 1}
:root[data-page="green-coffee"] .gn-prow .g-chev{grid-area:chev;margin-top:0;transform:rotate(-90deg)}
:root[data-page="green-coffee"] .gn-pmeter{grid-area:bar;display:block;height:9px}
@container gnsh (max-width:340px){
  :root[data-page="green-coffee"] .gn-sh-pair{flex-direction:column}
}


@media (min-width:900px){
  :root[data-page="green-coffee"] .gn-grid{gap:16px}
  
  @container gn (min-width:820px){
    :root[data-page="green-coffee"] .gn-coffees{grid-area:coffees}:root[data-page="green-coffee"] .gn-hand{grid-area:hand}:root[data-page="green-coffee"] .gn-price{grid-area:price}:root[data-page="green-coffee"] .gn-imp{grid-area:imp}:root[data-page="green-coffee"] .gn-coming{grid-area:coming}:root[data-page="green-coffee"] .gn-grid>.g-foot{grid-area:foot}
    :root[data-page="green-coffee"] .gn-grid{column-gap:20px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
      grid-template-areas:"coffees coffees" "hand price" "imp coming" "foot foot"}
  }
  @container gn (min-width:1150px){
    :root[data-page="green-coffee"] .gn-grid{column-gap:28px;grid-template-columns:minmax(0,1fr) clamp(520px,44cqw,548px)}
  }
}


:root[data-page="green-coffee"] .gn-teamline{margin-top:14px}
:root[data-page="green-coffee"] .gn-teamline[hidden]{display:none}


:root[data-page="green-coffee"] .gn-imp{display:flex;flex-direction:column}
:root[data-page="green-coffee"] .gn-imp-l{margin-top:10px}
:root[data-page="green-coffee"] .gn-imp-l>.g-line{grid-template-columns:minmax(0,1fr) max-content;grid-template-areas:"name fig" "say say";column-gap:10px;row-gap:3px;align-items:baseline}
:root[data-page="green-coffee"] .gn-imp-cap{margin:12px 0 0}


:root[data-page="green-coffee"] .gn-imp-say{display:grid;gap:6px}
:root[data-page="green-coffee"] .gn-imp-bar{display:block;height:4px;border-radius:999px;background:var(--key);overflow:hidden}
:root[data-page="green-coffee"] .gn-imp-bar>i{display:block;height:100%;background:var(--t2)}
:root[data-page="green-coffee"] .gn-imp-how>summary{list-style:none;width:fit-content}
:root[data-page="green-coffee"] .gn-imp-how>summary::-webkit-details-marker{display:none}
:root[data-page="green-coffee"] .gn-imp-how[open]>summary{margin-bottom:6px}

/* ---- home/global.css ---- */
/* Your team found: the finds key's sheet on every page. Unscoped, so every selector starts with a dm-needs- class. The parts are
   the kit's (.g-row, .g-drawer, .g-seg, .g-thin, .g-suggest); this file only spaces them inside the sheet. */
.dm-needs-seg{margin-bottom:20px}
.dm-needs-view .g-needs-sec{margin-top:18px}
.dm-needs-view>.g-needs-sec:first-child{margin-top:0}
.dm-needs-view .g-row+.g-needs-sec,.dm-needs-view .g-drawer+.g-needs-sec{margin-top:18px}

/* inside an open row everything lines up with the row's words, past its count */
.dm-needs-view .g-row-in>.g-suggest:first-child{margin-top:0;padding-top:14px}
.dm-needs-view .g-suggest+.g-thin{margin-top:14px}
.dm-needs-view .g-row-in>:is(.dm-needs-line,.dm-needs-msg,.dm-needs-acts,.dm-needs-note,.dm-needs-linecap){margin-left:43px;margin-right:14px}
.dm-needs-view .g-row-in>.dm-needs-line{margin-top:14px}
.dm-needs-view .g-row-in>.dm-needs-linecap{margin-top:6px}
.dm-needs-view .g-row-in>.dm-needs-msg{margin-top:14px}
.dm-needs-view .g-row-in>.dm-needs-note{margin-top:12px}
.dm-needs-view .g-row-in>.dm-needs-acts{margin-top:12px}
.dm-needs-view .g-row-in>:last-child{margin-bottom:14px}
.dm-needs-msg{padding:14px 16px;font-size:14px;line-height:1.5;color:var(--t1)}
.dm-needs-acts{display:flex;flex-wrap:wrap;gap:12px 8px}
.dm-needs-view .g-drawer-in>*+*{margin-top:12px}
.dm-needs-late{color:var(--amber)}
.dm-needs-view .g-drawer-title .g-cap{display:block}
/* a row that opens a sheet over the bell: its chevron points there, as the More sheet's rows do */
.dm-needs-go{transform:rotate(-90deg)}

.dm-needs-looks{margin-top:30px}
.dm-needs-settle{margin-top:24px}
.dm-needs-checked{position:relative;margin-top:8px;padding:0;border:0;background:none;cursor:pointer;text-align:left;white-space:normal}
.dm-needs-checked::after{content:"";position:absolute;left:-8px;right:-8px;top:min(0px,calc(50% - 18px));bottom:min(0px,calc(50% - 18px))}
@media (pointer:coarse),(max-width:899px){.dm-needs-checked::after{top:min(0px,calc(50% - 22px));bottom:min(0px,calc(50% - 22px))}}
.g-needs-foot .dm-needs-checked{margin-top:0}
@media (pointer:coarse),(max-width:899px){.g-needs-foot .dm-needs-checked::after{top:-2px;bottom:-26px}}
.dm-needs-checked:focus-visible{outline:2px solid var(--g-focus);outline-offset:3px}
@media (hover:hover) and (pointer:fine){.dm-needs-checked:hover{color:var(--t1)}}
.dm-needs-tick{display:inline-flex;margin-left:-2px;color:var(--green)}
.dm-needs-tick svg{width:13px;height:13px}

/* Sorted: the green glass row, then the items on plain glass */
.dm-needs-sorted{margin-bottom:10px}
.dm-needs-days{display:flex;align-items:center;gap:8px}
.dm-needs-view:is(.is-behind,.is-updating) .chart{--green:var(--t2)}
.dm-needs-view:is(.is-behind,.is-updating) .g-drawer-fig{color:var(--t2)}

/* last night's checks */
.dm-needs-checks{display:flex;flex-direction:column}
.dm-needs-checks li{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-top:1px solid var(--grid)}
.dm-needs-checks li:first-child{border-top:0}
.dm-needs-checks .g-thin-name{display:flex;flex-direction:column;gap:2px;min-width:0}

/* ---------- Your team found (unit 3e, PILOT-SPEC-2 calls 3 to 5): the find cards, Watching, Coming next, the kind silence.
   The parts are the kit's (.g-tile, .g-drawer, .g-pencil, .g-held, .g-teamline); this file only spaces them ---------- */
.dm-find{display:grid;gap:10px;padding:18px;min-width:0}
.dm-find+.dm-find{margin-top:12px}
.dm-find-head{margin:0;font-size:17px;font-weight:300;line-height:1.4;color:var(--t1);text-wrap:pretty}
.dm-find-how{margin:-4px 0 0}
.dm-find>.g-link-line{margin-top:0}
.dm-find>.g-held,.g-drawer-in>.g-held{margin-top:4px;padding-top:14px;border-top:1px solid var(--grid)}
.dm-find-keys{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px}
.dm-find-keys>.g-link-line{margin-top:0}
.dm-find-quiet{display:grid;gap:6px}
.dm-find-quiet>*{margin:0}
.dm-find-sec{margin:28px 0 8px}
.dm-find-pencils{display:grid;gap:12px}
.dm-find-pencil{align-self:start}
.dm-needs-view>.dm-needs-checked{margin-top:20px}
.dm-audit{margin-bottom:6px}
.dm-find-tbl{margin-top:14px}
/* the offer card's design note: plain words, no link (the old hold switch is gone) */
.g-held-note .g-link-line{display:inline;margin:0}

/* The draft sheet (Chad, 3 Nov): read it, then send. Its parts are the kit's (tile, caption, ask box, round go key, strong
   pill); this file places them. Tokens only. Phone first: the sheet is the visible screen and its foot sits on the keyboard
   (the assistant's keyboard-safe pattern, home/global.js kbOn); on a desk the same sheet is the wide side panel, the
   thread to the left of the draft where there is room */
.g-sheet.dr-sheet{background-color:var(--g-sheet-solid);-webkit-backdrop-filter:none;backdrop-filter:none}
.dr{display:grid;gap:16px;min-width:0;container:dr/inline-size}
.dr-to{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin:0;font-size:13.5px;line-height:1.35;color:var(--t2)}
.dr-chip{display:inline-flex;align-items:center;gap:8px;min-width:0}
.dr-chip>span:last-child{min-width:0;overflow-wrap:anywhere}
.dr-chip:first-child{color:var(--t1)}
.dr-chip-from .ic{flex:none;color:var(--t2)}
.dr-av{flex:none;display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--key);box-shadow:inset 0 0 0 1px var(--hair);font-size:12px;line-height:1;color:var(--t1)}
.dr-lab{margin:0 0 8px}
.dr-draft,.dr-lt{min-width:0}
/* the thread: one row, folded; open, its messages as bubbles, theirs on the left on the tile face, his on the right */
.dr-thread{min-width:0}
.dr-row{display:flex;align-items:center;gap:12px;min-width:0;margin:0;padding:10px 0;border-top:1px solid var(--grid);border-bottom:1px solid var(--grid);list-style:none;cursor:pointer}
.dr-row::-webkit-details-marker{display:none}
.dr-row-t{display:grid;flex:1;min-width:0;gap:2px}
.dr-row-h{font-size:14px;line-height:1.35;color:var(--t1)}
.dr-row-s{font-size:13px;line-height:1.35;color:var(--t2);overflow-wrap:anywhere}
.dr-row>.g-chev{flex:none;color:var(--t2);transition:transform 200ms var(--ease)}
.dr-thread[open]>.dr-row>.g-chev{transform:rotate(180deg)}
.dr-thread[open]>.dr-row .dr-row-s{display:none}
.dr-row:focus-visible{outline:2px solid var(--g-focus);outline-offset:2px;border-radius:11px}
.dr-row-why{cursor:default;color:var(--t2);font-size:13.5px;line-height:1.4}
.dr-row-why .ic{flex:none;color:var(--t2)}
.dr-bubs{display:grid;gap:10px;padding:14px 0 4px}
.dr-bub{max-width:86%;justify-self:start;padding:10px 14px;border-radius:16px 16px 16px 11px;background:var(--tile);box-shadow:inset 0 0 0 1px var(--hair)}
.dr-bub.is-me{justify-self:end;border-radius:16px 16px 11px 16px;background:var(--key)}
.dr-bub-h{display:flex;gap:10px;margin:0 0 4px;font-size:12.5px;line-height:1.3;color:var(--t2)}
.dr-bub-h>span:first-child{color:var(--t1)}
.dr-bub-t{margin:0;font-size:14px;line-height:1.45;color:var(--t1);overflow-wrap:break-word}
.dr-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 12px}
.dr-vers{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px}
.dr-ver{display:inline-flex;align-items:center;height:24px;margin:0;padding:0;border:0;background:none;font:inherit;line-height:20px;color:var(--t2);cursor:pointer;-webkit-appearance:none;appearance:none}
button.dr-ver{text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--t3)}
.dr-ver.is-cur{color:var(--t1)}
.dr-text{margin:0;padding:16px 18px;font-size:15px;line-height:1.55;color:var(--t1);white-space:pre-line;overflow-wrap:break-word;-webkit-user-select:text;user-select:text;transition:opacity 200ms ease}
.dr-text.is-busy{opacity:0.45}
/* a change after a redraft: the tile face one step lighter, never an underline (audit, 3 Nov) */
.dr-new{padding:1px 2px;margin:0 -2px;border-radius:0;background:var(--key);color:var(--t1)}
.dr-lt>summary{list-style:none;width:fit-content}
.dr-lt>summary::-webkit-details-marker{display:none}
.dr-lt[open]>summary{margin-bottom:10px}
.dr-lt-t td:first-child{min-width:0}
.dr-lt-g{display:block;margin-top:2px}
.dr-lt .g-cap{margin-top:8px}
.dr-sent{display:grid;gap:14px;min-width:0}
/* the foot: Send is the main thing, always in view; "Change something" opens the comment box above it */
.dr-sheet .g-sheet-foot{display:block;padding-top:10px}
.dr-dock{display:grid;gap:8px;min-width:0}
.dr-form{display:flex;align-items:center;gap:6px;min-width:0}
.dr-form[hidden]{display:none}
.dr-form .g-askbox{flex:1 1 auto;min-width:0}
.dr-sheet .dr-form .g-askbox input{font-size:16px}
.dr-go:disabled{opacity:0.4;cursor:default}
.dr-go.is-ready{--g-bg:var(--g-strong);--g-fg:var(--t1)}
.dr-keys{display:flex;align-items:center;justify-content:flex-end;gap:12px 22px;min-width:0}
.dr-change{margin-right:auto;white-space:nowrap}
.dr-send{flex:none;padding-left:20px;padding-right:20px;white-space:nowrap}
.dr-send:disabled{opacity:0.6;cursor:default}
.dr-send-note{margin:0;text-align:right}
@media (max-width:899px){
  /* the whole visible screen, sized from the visual viewport (home/global.js kbFit sets --as-vh and --as-vt) */
  .g-sheet.dr-sheet{top:0;left:0;right:0;bottom:auto;height:var(--as-vh,100dvh);max-height:none;border-radius:0;
    padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
  .g-sheet.dr-sheet.is-open{transform:translateY(var(--as-vt,0px))}
  .g-sheet.dr-sheet.is-kb{padding-bottom:0}
  .dr-sheet .g-sheet-foot{padding-bottom:12px}
  .dr-sheet .g-sheet-close{width:44px;height:44px}
  /* on a phone Send is a full 44px key at the right, "Change something" a 44px touch at the left */
  .dr-send{min-height:44px;justify-content:center}
  .dr-ver{height:32px}
  .dr-row{padding:12px 0}
}

/* readability (3 Nov): a find names its sources in one line, each with its icon; the sentence is in How we worked it out */
.dm-find-src{display:flex;flex-wrap:wrap;gap:4px 14px;margin:0}
.dm-find-src>span{display:inline-flex;align-items:center;gap:5px}
.dm-find-src .ic{flex:none;color:var(--t2)}

/* the send as the agent does it (3 Nov): the foot becomes the list of what the agent has reported, a line an event, each
   ticked as it is confirmed; t1 for what is done, t2 for the line under way (its ring is still: nothing loops but the orb). A new line
   fades in once; reduced motion, it simply appears */
.dr-live{min-height:44px}
.dr-steps{list-style:none;margin:0;padding:2px 0 4px;display:grid;gap:10px;min-width:0;outline:none}
.dr-step{display:flex;align-items:flex-start;gap:10px;min-width:0;font-size:15px;line-height:1.35;color:var(--t1);animation:drStepIn .24s ease-out 1 both}
.dr-steps.is-still .dr-step,.dr-steps.is-still .dr-dots i{animation:none}
.dr-step.is-on{color:var(--t1)}
.dr-step.is-fin{color:var(--g-green)}
.dr-dots{display:inline-flex;align-items:center;justify-content:center;gap:3px}
.dr-dots i{width:4px;height:4px;border-radius:50%;background:var(--t1);opacity:.35;animation:drDot 1.2s ease-in-out infinite}
.dr-dots i:nth-child(2){animation-delay:.2s}.dr-dots i:nth-child(3){animation-delay:.4s}
@keyframes drDot{0%,80%,100%{opacity:.3}40%{opacity:.9}}
.dr-tick{position:relative}
.dr-tick::after{content:"";position:absolute;left:5px;top:3px;width:5px;height:9px;border:solid var(--t1);border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}
.dr-step.is-fin{font-weight:500}
.dr-step>span:last-child{min-width:0}
.dr-step-m{flex:none;width:18px;height:18px;margin-top:1px}
.dr-step-ring{border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--t3)}
.dr-step-ad{color:var(--t2)}
@keyframes drStepIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.dr-fail{display:flex;align-items:flex-start;gap:10px;margin:0;font-size:15px;line-height:1.35;color:var(--t1)}
.dr-fail>.g-sig-warn{flex:none;width:18px;height:18px;margin-top:1px}
.dr-live .dr-keys{margin-top:10px}
.dr-faildemo{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:6px 8px;margin:2px 0 0}
/* a step the agent has not reported within the wait: said plainly, no ring, no progress */
.dr-step.is-wait{color:var(--t2)}
.g-held-wait{color:var(--t2)}
/* a row's failed send: one line with its sign, then Try again */
.g-held-fail{display:flex;align-items:flex-start;gap:8px;color:var(--t1)}
.g-held-fail>.g-sig-warn{flex:none;width:18px;height:18px}
/* the done line, just arrived: a brief soft lift of the face (the key's tint), fading out once */
.g-held.is-fresh>.g-held-line{border-radius:11px;animation:gHeldFresh 2.4s ease-out 1 both}
@keyframes gHeldFresh{0%,30%{background:var(--key);box-shadow:0 0 0 6px var(--key)}100%{background:transparent;box-shadow:0 0 0 6px transparent}}
@media (prefers-reduced-motion:reduce){.dr-step,.dr-dots i{animation:none}.dr-dots i{opacity:.7}.g-held.is-fresh>.g-held-line{animation:none;background:var(--key);box-shadow:0 0 0 6px var(--key)}}
:root.still .dr-step,:root.still .dr-dots i{animation:none}
:root.still .g-held.is-fresh>.g-held-line{animation:none;background:var(--key);box-shadow:0 0 0 6px var(--key)}
/* today's invoices (part 3, 5 Nov): each draft beside its last invoice, in the draft sheet's own parts */
.iv-d{display:grid;gap:10px;min-width:0;padding:14px 14px 12px}
.iv-n{margin:0;font-size:16px;font-weight:400;line-height:1.3;color:var(--t1)}
.iv-t{width:100%;table-layout:fixed}
.iv-t th:first-child,.iv-t td:first-child{width:46%}
.iv-t td,.iv-t th{vertical-align:top}
.iv-p,.iv-sum{display:block;margin-top:2px}
.iv-then{color:var(--t2)}
.iv-t tfoot th,.iv-t tfoot td{padding-top:8px}
.iv-diff{margin:0}
.iv-d .g-held-keys,.iv-d .g-held-line{margin:0}
.iv-none{margin:0}

/* ---- home/page.css (scoped) ---- */



:root[data-page="home"] .hm{container:hm/inline-size}
:root[data-page="home"] .hm-grid{--hm-chart:170;display:grid;grid-template-columns:minmax(0,1fr);gap:14px}

:root[data-page="home"] .hm-lede{position:relative;display:block;margin-top:8px;padding:0;border:0;background:none;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color 150ms var(--ease)}
:root[data-page="home"] .hm-lede::after{content:"";position:absolute;left:-8px;right:-8px;top:min(0px,calc(50% - 18px));bottom:min(0px,calc(50% - 18px))}
@media (pointer:coarse),(max-width:899px){:root[data-page="home"] .hm-lede::after{top:min(0px,calc(50% - 22px));bottom:min(0px,calc(50% - 22px))}}
@media (hover:hover) and (pointer:fine){:root[data-page="home"] .hm-lede:hover{color:var(--t1)}}
:root[data-page="home"] .hm-lede:focus-visible{outline:2px solid var(--g-focus);outline-offset:3px}


:root[data-page="home"] .hm-biz{container:hmbiz/inline-size;display:flex;flex-direction:column;gap:10px}
@media (max-width:899px){:root[data-page="home"] .hm-biz .g-stat.is-own{container:none}}
@container hmbiz (min-width:461px){:root[data-page="home"] .hm-biz .g-stat.is-own{container:none}}
@container hmbiz (max-width:460px){:root[data-page="home"] .hm-biz .g-stat{min-height:104px;padding:16px 16px 15px}}
@media (pointer:coarse),(max-width:899px){:root[data-page="home"] .hm-biz a.g-chip::after{content:"";position:absolute;left:0;right:0;top:-3px;bottom:-3px}}


:root[data-page="home"] .hm-upd{position:absolute;top:16px;right:20px}
:root[data-page="home"] .hm-upd[hidden]{display:none}

:root[data-page="home"] .hm-hero{margin-top:14px}
:root[data-page="home"] .hm-hero-words{display:grid;gap:6px;min-width:0;margin-top:8px}
:root[data-page="home"] .hm-up{display:inline-flex;align-items:flex-start;gap:5px;white-space:normal}
:root[data-page="home"] .hm-up.g-up::before{margin-top:1px}
:root[data-page="home"] .hm-up-t{line-height:1.3}

:root[data-page="home"] .hm-sales-chart{margin-top:12px;min-height:110px}
:root[data-page="home"] .hm-split{margin-top:12px;min-height:30px}


@media (max-width:899px){:root[data-page="home"] .hm-sales .g-lines-at{container:none}}


:root[data-page="home"] .hm-margin{display:flex;flex-direction:column}
:root[data-page="home"] .hm-margin-fig{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}
:root[data-page="home"] .hm-margin .g-cap{margin-top:7px}
:root[data-page="home"] .hm-meter{margin-top:14px}   
:root[data-page="home"] .hm-margin-more{display:none}


:root[data-page="home"] .hm-flag{display:flex;align-items:flex-start;gap:10px;margin-top:14px;font-size:14px;line-height:1.45;color:var(--t1)}
:root[data-page="home"] .hm-flag>.g-sig-warn{margin-top:1px}
:root[data-page="home"] .hm-cover{display:flex;align-items:baseline;flex-wrap:wrap;column-gap:12px;row-gap:4px;margin-top:14px}
:root[data-page="home"] .hm-coffees{margin-top:16px}
:root[data-page="home"] .hm-coffees a{color:inherit;text-decoration:none}
:root[data-page="home"] .hm-coffees a:focus-visible{outline:2px solid var(--g-focus);outline-offset:2px;border-radius:11px}
:root[data-page="home"] .hm-cover-ticks{display:block}
:root[data-page="home"] .hm-coffee{display:flex;flex-direction:column}
:root[data-page="home"] .hm-coffees{flex:1 1 auto}   
:root[data-page="home"] .hm-coffee>.g-link-line{display:block;width:auto;font-size:13.5px;line-height:1.3;margin-top:12px}   


:root[data-page="home"] .hm-next-head>.g-status{margin-top:-3px}
:root[data-page="home"] .hm-next-head>.g-open{margin-left:auto}
:root[data-page="home"] .hm-next-head>:first-child{flex:0 1 auto}
:root[data-page="home"] .hm-bag-cap{margin-top:4px}
:root[data-page="home"] .hm-bag{display:flex;flex-direction:column}
:root[data-page="home"] .hm-bag-body{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px 20px;align-items:end;margin-top:12px;margin-bottom:10px}


:root[data-page="home"] .hm-subs{display:flex;flex-direction:column}
:root[data-page="home"] .hm-subs-fig{display:flex;align-items:baseline;flex-wrap:wrap;column-gap:10px;row-gap:2px;margin-top:14px}
:root[data-page="home"] .hm-subs-new{margin-top:8px}
:root[data-page="home"] .hm-subs-meter{margin-top:16px}
:root[data-page="home"] .hm-cash{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:12px;align-items:start}
:root[data-page="home"] .hm-bank{position:relative;align-self:stretch;padding:0}

:root[data-page="home"] section.hm-cash .hm-bank>.g-askkey{position:absolute;top:12px;right:12px}
:root[data-page="home"] .hm-bank-a{display:flex;flex-direction:column;gap:4px;height:100%;padding:16px;color:inherit;text-decoration:none;border-radius:inherit}
:root[data-page="home"] .hm-bank-a:focus-visible{outline:2px solid var(--g-focus);outline-offset:2px}
:root[data-page="home"] .hm-owed{display:flex;flex-direction:column;gap:4px;padding:16px;color:inherit;text-decoration:none}

:root[data-page="home"] .hm-ahead{grid-column:1/-1;display:block;margin:0 2px;color:inherit;text-decoration:none}
:root[data-page="home"] .hm-ahead-c{margin:0}
:root[data-page="home"] .hm-ahead-h{color:var(--t1)}
:root[data-page="home"] .hm-ahead:focus-visible{outline:2px solid var(--g-focus);outline-offset:2px}
:root[data-page="home"] .hm-yday-fig{margin-top:10px}
:root[data-page="home"] .hm-yday-t{margin-top:10px}
:root[data-page="home"] .hm-yday-t a{color:inherit;text-decoration:none}
:root[data-page="home"] .hm-team-t{display:flex;align-items:center;gap:10px}
:root[data-page="home"] .hm-team-l{margin-top:6px}
:root[data-page="home"] .hm-go{transform:rotate(-90deg);margin-left:4px}


:root[data-page="home"] .hm-next{display:flex;flex-direction:column}
:root[data-page="home"] .hm-route{display:block;width:100%;max-width:200px;margin-top:4px}


:root[data-page="home"] .hm-note{max-width:none;margin-top:2px}
:root[data-page="home"] .hm-note-keys{display:flex;flex-wrap:wrap;gap:8px}


:root[data-page="home"] .hm-dates-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}
:root[data-page="home"] .hm-dates-k{margin:18px 0 8px}
:root[data-page="home"] .hm-dates-from{margin-top:14px}
:root[data-page="home"] .hm-dates-from[hidden]{display:none}
:root[data-page="home"] .hm-dates-say{min-height:20px;margin:14px 0 0;font-size:14px;line-height:1.45;color:var(--amber)}


@media (min-width:900px){
  
  :root[data-page="home"] .hm-grid{--hm-chart:130;gap:16px}
  :root[data-page="home"] .hm-sales{container:hmsales/inline-size}
  :root[data-page="home"] .hm-coffee{container:hmcoffee/inline-size}
  
  @container hmsales (min-width:540px){
    :root[data-page="home"] .hm-hero{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:18px;align-items:start;margin-top:12px}
    :root[data-page="home"] .hm-hero-words{margin-top:3px}
    :root[data-page="home"] .hm-sales-chart{margin-top:10px}
    :root[data-page="home"] .hm-split{margin-top:8px}
    :root[data-page="home"] .hm-sales>.g-link-line{margin-top:6px}   
  }
  
  
  @container hmcoffee (max-width:400px){
    :root[data-page="home"] .hm-coffees :is(th,td):nth-child(2){display:none}
  }
  
  @container hm (min-width:880px){
    :root[data-page="home"] .hm-biz{grid-area:biz}:root[data-page="home"] .hm-sales{grid-area:sales}:root[data-page="home"] .hm-subs{grid-area:subs}:root[data-page="home"] .hm-cash{grid-area:cash}:root[data-page="home"] .hm-yday{grid-area:yday}:root[data-page="home"] .hm-team{grid-area:team}:root[data-page="home"] .hm-margin{grid-area:margin}:root[data-page="home"] .hm-coffee{grid-area:coffee}:root[data-page="home"] .hm-bag{grid-area:bag}:root[data-page="home"] .hm-next{grid-area:next}:root[data-page="home"] .hm-grid>.g-foot{grid-area:foot}
    :root[data-page="home"] .hm-grid{--hm-chart:130;column-gap:20px;grid-template-columns:minmax(0,1fr) 520px;
      grid-template-areas:"subs subs" "sales sales" "cash yday" "team team" "biz margin" "coffee bag" "coffee next" "foot foot"}
    :root[data-page="home"] .hm-subs,:root[data-page="home"] .hm-yday,:root[data-page="home"] .hm-cash,:root[data-page="home"] .hm-team{align-self:start}
    :root[data-page="home"] .hm-next>.g-links{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px}   
    
    :root[data-page="home"] .hm-grid{--hm-stacks:2}
    :root[data-page="home"] .hm-grid.is-stacks{grid-template-areas:"subs subs" "sales sales" "l r" "foot foot";align-items:start}
    :root[data-page="home"] .hm-col{display:flex;flex-direction:column;gap:16px;min-width:0}
    :root[data-page="home"] .hm-col>*{align-self:stretch}
    :root[data-page="home"] .hm-col-l{grid-area:l}:root[data-page="home"] .hm-col-r{grid-area:r}
  }
  
  
  @container hm (min-width:1040px){
    :root[data-page="home"] .hm-grid{--hm-stacks:1}
    :root[data-page="home"] .hm-grid.is-stacks{grid-template-areas:"l r" "foot foot";align-items:start}
    :root[data-page="home"] .hm-col{display:flex;flex-direction:column;gap:16px;min-width:0}
    :root[data-page="home"] .hm-col>*{align-self:stretch}
    :root[data-page="home"] .hm-col-l{grid-area:l}:root[data-page="home"] .hm-col-r{grid-area:r}
    :root[data-page="home"] .hm-cash{display:flex;flex-wrap:wrap}
    :root[data-page="home"] .hm-cash>.g-tile{flex:1 1 200px;min-width:0}
    :root[data-page="home"] .hm-cash>.hm-ahead{flex-basis:100%}
  }
  @container hm (min-width:1040px) and (max-width:1149px){
    :root[data-page="home"] .hm-grid{grid-template-columns:minmax(0,1fr) 380px;
      grid-template-areas:"sales subs" "sales yday" "cash team" "biz margin" "coffee coffee" "bag next" "foot foot"}
  }
  
  @container hm (max-width:1219px){
    :root[data-page="home"] .hm-hero .g-fig-hero{font-size:42px}
  }
  
  @container hm (min-width:1150px){
    :root[data-page="home"] .hm-grid{--hm-chart:130;column-gap:28px;grid-template-columns:minmax(0,1fr) clamp(520px,44cqw,548px);
      grid-template-areas:"sales subs" "sales yday" "cash team" "biz margin" "coffee bag" "coffee next" "foot foot"}
    
    :root[data-page="home"] .hm-margin-fig{margin-top:18px}
    :root[data-page="home"] .hm-meter{margin-top:20px}
    :root[data-page="home"] .hm-margin-more{display:grid;gap:4px;margin-top:auto;padding-top:12px}
    :root[data-page="home"] .hm-margin-more .g-cap{margin-top:0}
  }
}

:root[data-page="home"] .hm-offers{display:grid;gap:18px;margin:4px 0 14px}
:root[data-page="home"] .hm-offers>.g-held+.g-held{padding-top:18px;border-top:1px solid var(--grid)}


:root[data-page="home"] .hm-offers .g-held.is-brief{gap:8px}
:root[data-page="home"] .hm-team .hm-offers{gap:12px;margin:4px 0 6px}
:root[data-page="home"] .hm-team .hm-offers>.g-held+.g-held{padding-top:12px}
:root[data-page="home"] .hm-owed-l{margin:0 0 2px}
:root[data-page="home"] .hm-offers~.hm-owed-l{padding-top:4px;border-top:1px solid var(--grid)}
:root[data-page="home"] .hm-calm{margin:6px 0 4px;color:var(--t2)}
:root[data-page="home"] .hm-yday-one{margin-top:8px}
:root[data-page="home"] .hm-quiet-door{display:flex;flex-wrap:wrap;gap:4px 18px;margin:0}
:root[data-page="home"] .hm-quiet-door>.g-link-line{margin-top:0}
@media (max-width:899px){
  :root[data-page="home"] .hm-team .g-head{margin-bottom:0}
  
  :root[data-page="home"] .hm-cash .hm-owed{display:none}
  
  :root[data-page="home"] .hm-coffees tbody tr:nth-child(n+4){display:none}
  :root[data-page="home"] .hm-biz>.g-chips{display:none}
  :root[data-page="home"] .hm-bag,:root[data-page="home"] .hm-next{display:none}
}
@media (min-width:900px){
  :root[data-page="home"] .hm-owed-l,:root[data-page="home"] .hm-quiet-door{display:none}
  
  :root[data-page="home"] .hm-team .hm-offers{gap:9px;margin:2px 0 2px}
  :root[data-page="home"] .hm-team .hm-offers>.g-held+.g-held{padding-top:9px}
  :root[data-page="home"] .hm-offers .g-held.is-brief{gap:5px}
}



:root[data-page="home"] .hm-donefold{padding-top:10px;border-top:1px solid var(--grid)}
:root[data-page="home"] .hm-donefold>summary{list-style:none;width:fit-content}
:root[data-page="home"] .hm-donefold>summary::-webkit-details-marker{display:none}
:root[data-page="home"] .hm-donefold>summary .g-chev{display:inline-block;vertical-align:-3px;transition:transform 200ms var(--ease)}
:root[data-page="home"] .hm-donefold[open]>summary .g-chev{transform:rotate(180deg)}
:root[data-page="home"] .hm-donefold>.g-held{margin-top:8px}

:root[data-page="home"] .hm-ahead-m{display:block;margin-top:2px}


:root[data-page="home"] .hm-offers{container:hmoffers/inline-size}
@media (min-width:900px){
  @container hmoffers (min-width:400px){
    :root[data-page="home"] .hm-offers .g-held.is-brief[data-state="offer"]{grid-template-columns:minmax(0,1fr) auto;column-gap:16px;align-items:end}
    :root[data-page="home"] .hm-offers .g-held.is-brief[data-state="offer"]>.g-held-eb{grid-column:1/-1}
    :root[data-page="home"] .hm-offers .g-held.is-brief[data-state="offer"]>.g-held-keys{margin-left:0}
  }
}
:root[data-page="home"] .hm-rhythm{flex-wrap:wrap}
:root[data-page="home"] .hm-rhythm>.g-stat{flex:1 1 auto}
:root[data-page="home"] .hm-quietline{margin:0;min-width:0;flex:1 1 100%}
@media (min-width:900px){:root[data-page="home"] .hm-rhythm{flex-wrap:nowrap;align-items:center}:root[data-page="home"] .hm-quietline{flex:1 1 0}}

:root[data-page="home"] .hm-plan{margin:10px 0 4px}
:root[data-page="home"] .hm-plan-a{display:flex;flex-direction:column;gap:6px;color:inherit;text-decoration:none;padding:10px 0;border-bottom:1px solid var(--hair)}
:root[data-page="home"] .hm-plan-a:focus-visible{outline:2px solid var(--g-focus);outline-offset:2px}
:root[data-page="home"] .hm-plan-a{gap:2px;padding:6px 0 8px}
:root[data-page="home"] .hm-plan{margin:6px 0 2px}

/* ---- insights/page.css (scoped) ---- */



:root[data-page="insights"] .ins{container:ins/inline-size}
:root[data-page="insights"] .ins-grid{display:grid;grid-template-columns:minmax(0,1fr);align-content:start;gap:14px}
:root[data-page="insights"] .ins-grid>[hidden]{display:none}


:root[data-page="insights"] .ins-lede{position:relative;display:block;margin-top:8px;padding:0;border:0;background:none;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color 150ms var(--ease)}
:root[data-page="insights"] .ins-lede::after{content:"";position:absolute;left:-8px;right:-8px;top:min(0px,calc(50% - 18px));bottom:min(0px,calc(50% - 18px))}
@media (pointer:coarse),(max-width:899px){:root[data-page="insights"] .ins-lede::after{top:min(0px,calc(50% - 22px));bottom:min(0px,calc(50% - 22px))}}
@media (hover:hover) and (pointer:fine){:root[data-page="insights"] .ins-lede:hover{color:var(--t1)}}
:root[data-page="insights"] .ins-lede:focus-visible{outline:2px solid var(--g-focus);outline-offset:3px}

@media (max-width:899px){:root[data-page="insights"] .ins .fh-sub{display:none}}

:root[data-page="insights"] .ins-note{max-width:none;margin-top:18px}
:root[data-page="insights"] .ins-pv{align-self:flex-start;margin-top:4px}




:root[data-page="insights"] .ins-brief{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "body" "read"}
:root[data-page="insights"] .ins-brief-d{grid-area:body;min-width:0}

:root[data-page="insights"] .ins-brief-head{grid-area:head;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:10px 12px;min-width:0}
:root[data-page="insights"] .ins-brief-head>.g-ptitle{align-self:center}
:root[data-page="insights"] .ins-week{margin:16px 0 0;max-width:46em;font-size:17px;line-height:1.38;font-weight:300;letter-spacing:-0.01em;color:var(--t1);text-wrap:pretty}
:root[data-page="insights"] .ins-dip{color:var(--amber)}
:root[data-page="insights"] .ins-three-t{margin:18px 0 8px;font-weight:400}
:root[data-page="insights"] .ins-tiles{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;min-width:0}
:root[data-page="insights"] .ins-read{grid-area:read;justify-self:start;margin-top:16px}


:root[data-page="insights"] .ins-tile{display:flex;flex-direction:column;gap:6px;min-width:0;padding:16px 18px 18px;transition:background-color 150ms var(--ease),transform 150ms var(--ease)}
:root[data-page="insights"] .ins-goal{margin:0}
:root[data-page="insights"] .ins-chip:empty{display:none}
:root[data-page="insights"] .ins-chip .g-status{vertical-align:1px}
:root[data-page="insights"] .ins-tile-h{margin:0;font-size:16px;line-height:1.3;font-weight:300;letter-spacing:-0.012em;color:var(--t1);text-wrap:pretty}
:root[data-page="insights"] .ins-tile-a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}
:root[data-page="insights"] button.ins-tile-a{margin:0;padding:0;border:0;background:none;font:inherit;letter-spacing:inherit;text-align:left;text-wrap:inherit;cursor:pointer}
:root[data-page="insights"] .ins-tile-a::after{content:"";position:absolute;inset:0}
:root[data-page="insights"] .ins-tile-a:focus-visible{outline:none}
:root[data-page="insights"] .ins-tile:has(.ins-tile-a:focus-visible){outline:2px solid var(--g-focus);outline-offset:2px}
@media (hover:hover) and (pointer:fine){:root[data-page="insights"] .ins-tile:has(.ins-tile-a:hover){background-color:var(--key)}}
:root[data-page="insights"] .ins-tile:has(.ins-tile-a:active){background-color:var(--key);transform:scale(0.98);transition-duration:90ms}
:root[data-page="insights"] .ins-tile-l{margin:0;text-wrap:pretty}
:root[data-page="insights"] .ins-tile .chart{position:relative;z-index:1}
:root[data-page="insights"] .ins-proof{margin-top:auto;padding-top:8px}   
:root[data-page="insights"] .ins-dl{display:flex;align-items:center;gap:10px}
:root[data-page="insights"] .ins-dl>.chart{flex:1 1 auto;min-width:0}
:root[data-page="insights"] .ins-dl-end{flex:none;font-size:12px;line-height:1;color:var(--t1);font-feature-settings:"tnum" 1,"cv11" 1}
:root[data-page="insights"] .ins-later{margin:8px 0 0}
:root[data-page="insights"] .ins-later+.ins-told{margin-top:-3px}
:root[data-page="insights"] .ins-told{margin:0}

:root[data-page="insights"] .ins-rows.gc-reading .ins-row:not(.gc-hot){opacity:0.45}
:root[data-page="insights"] .ins-rows .ins-row{transition:opacity 150ms var(--ease)}


:root[data-page="insights"] .ins-pencil-t{display:grid;gap:8px;min-width:0}
:root[data-page="insights"] .ins-pencil-t>*{margin:0}


:root[data-page="insights"] .ins-feed{display:flex;flex-direction:column;container:insfeed/inline-size}
:root[data-page="insights"] .ins-notes{gap:14px;margin-top:16px}
:root[data-page="insights"] .ins-n .g-status{align-self:flex-start;margin-top:6px}
:root[data-page="insights"] .ins-n .g-thin-name{margin-top:1px}
:root[data-page="insights"] .ins-feed .ins-all{display:block;width:fit-content;margin-top:16px}

:root[data-page="insights"] .ins-msg{display:grid;grid-template-columns:minmax(0,1fr);justify-items:start;gap:8px;margin-top:16px;padding-top:16px;border-top:1px dashed var(--hair2)}
:root[data-page="insights"] .ins-msg>.g-cap{margin:0;text-wrap:pretty}
:root[data-page="insights"] .ins-msg>.g-link-line{margin-top:0}

@container insfeed (min-width:560px){
  :root[data-page="insights"] .ins-notes>.ins-n{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:20px;row-gap:2px;align-content:start}
  :root[data-page="insights"] .ins-n>:not(.g-status){grid-column:1}
  :root[data-page="insights"] .ins-n>.g-status{grid-column:2;grid-row:1 / span 3;margin-top:0}
  :root[data-page="insights"] .ins-msg{grid-template-columns:auto minmax(0,1fr);column-gap:12px;row-gap:4px;align-items:center}
  :root[data-page="insights"] .ins-msg>.g-status{grid-row:span 2;align-self:start}
}


:root[data-page="insights"] .ins-next-head{justify-content:flex-start}
:root[data-page="insights"] .ins-next-head>:first-child{flex:0 1 auto}
:root[data-page="insights"] .ins-next-head>.g-status{margin-top:-3px}
:root[data-page="insights"] .ins-find{display:flex;flex-direction:column}
:root[data-page="insights"] .ins-find-l{margin:6px 0 0}
:root[data-page="insights"] .ins-find-d{display:flex;flex:1 1 auto;flex-direction:column;min-width:0}
:root[data-page="insights"] .ins-find-wk{margin:16px 0 0}
:root[data-page="insights"] .ins-find-h{margin:4px 0 0;font-size:16px;line-height:1.35;font-weight:300;letter-spacing:-0.012em}
:root[data-page="insights"] .ins-find-b{position:relative;display:block;width:100%;padding:0;border:0;background:none;text-align:left;font:inherit;color:var(--t1);cursor:pointer;-webkit-tap-highlight-color:transparent}
:root[data-page="insights"] .ins-find-b [aria-hidden]{color:var(--t2);transition:color 150ms var(--ease)}
@media (hover:hover) and (pointer:fine){:root[data-page="insights"] .ins-find-b:hover [aria-hidden]{color:var(--t1)}}
:root[data-page="insights"] .ins-find-b:focus-visible{outline:2px solid var(--g-focus);outline-offset:3px;border-radius:11px}
:root[data-page="insights"] .ins-people{margin-top:16px}
:root[data-page="insights"] .ins-quietwk{margin:auto 0 0;padding-top:14px}


:root[data-page="insights"] .ins-sh-lede{margin:0;text-wrap:pretty}
:root[data-page="insights"] .ins-sh-p{margin:12px 0 0;text-wrap:pretty}
:root[data-page="insights"] .ins-sh-p0{margin:0;text-wrap:pretty}
:root[data-page="insights"] .ins-sh-c{margin-top:20px}
:root[data-page="insights"] .ins-sh-cap{margin:8px 0 0}
:root[data-page="insights"] .ins-sh-go{margin-top:10px}
:root[data-page="insights"] .ins-sh-out{margin:16px 0 0}
:root[data-page="insights"] .ins-sh-unc{margin:14px 0 0}
:root[data-page="insights"] .ins-sh-items{margin-top:18px}
:root[data-page="insights"] .ins-sh-quiet{gap:6px}
:root[data-page="insights"] .ins-sh-acc{min-width:0}
:root[data-page="insights"] .ins-sh-days{margin:0 0 8px}
:root[data-page="insights"] .ins-sh-src{margin:18px 0 0}
:root[data-page="insights"] .ins-sh-topics{margin:0}
:root[data-page="insights"] .ins-sh-find{margin-top:16px}
:root[data-page="insights"] .ins-sh-list{margin-top:18px}
:root[data-page="insights"] .ins-sh-list>[hidden]{display:none}
:root[data-page="insights"] .ins-sh-none{margin:12px 0 0}
:root[data-page="insights"] .ins-sh-none[hidden]{display:none}
:root[data-page="insights"] .ins-sh-note{max-width:none;margin-bottom:16px}
:root[data-page="insights"] .ins-sh-wk{margin:0 0 8px}
:root[data-page="insights"] .ins-sh-worth{margin-top:14px}
:root[data-page="insights"] .ins-sh-dl{display:grid;gap:14px;margin:22px 0 0}
:root[data-page="insights"] .ins-sh-dl>div{display:grid;gap:3px}
:root[data-page="insights"] .ins-sh-dl dt,:root[data-page="insights"] .ins-sh-dl dd{margin:0}


@media (min-width:900px){
  :root[data-page="insights"] .ins-grid{gap:16px}
  :root[data-page="insights"] .ins-week{font-size:19px}
  
  :root[data-page="insights"] .ins-brief{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"head read" "body body";column-gap:16px}
  :root[data-page="insights"] .ins-brief-head{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px}
  :root[data-page="insights"] .ins-brief-head>.g-orbtile{align-self:center}
  :root[data-page="insights"] .ins-read{justify-self:end;align-self:start;margin-top:0}
  :root[data-page="insights"] .ins-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}
  
  :root[data-page="insights"] .ins-brief-p{flex-direction:row;align-items:flex-start;gap:16px}
  :root[data-page="insights"] .ins-brief-p .g-pencil-line{max-width:none}
  
  @container ins (max-width:939px){
    :root[data-page="insights"] .ins-week{margin-top:12px;font-size:17px}
    :root[data-page="insights"] .ins-three-t{margin:12px 0 6px}
    :root[data-page="insights"] .ins-tile{gap:4px;padding:14px}
    :root[data-page="insights"] .ins-tile-h{font-size:15px}
  }
  @container ins (min-width:980px){
    :root[data-page="insights"] .ins-chips{grid-area:chips}:root[data-page="insights"] .ins-brief,:root[data-page="insights"] .ins-brief-p{grid-area:brief}:root[data-page="insights"] .ins-feed{grid-area:feed}:root[data-page="insights"] .ins-find,:root[data-page="insights"] .ins-find-p{grid-area:find}
    :root[data-page="insights"] .ins-grid{column-gap:20px;grid-template-columns:minmax(0,1fr) clamp(330px,34cqw,420px);grid-template-areas:"chips chips" "brief brief" "feed find"}
    :root[data-page="insights"] .ins-find-p{align-self:start}
  }
  @container ins (min-width:1150px){
    :root[data-page="insights"] .ins-grid{column-gap:28px}
    :root[data-page="insights"] .ins-week{font-size:20px}
  }
}


:root[data-page="insights"] .ins-sh-why{margin-top:4px}
:root[data-page="insights"] .ins-sh-why>summary{list-style:none;width:fit-content}
:root[data-page="insights"] .ins-sh-why>summary::-webkit-details-marker{display:none}
:root[data-page="insights"] .ins-sh-why[open]>summary{margin-bottom:8px}
:root[data-page="insights"] .ins-sh-key{margin:6px 0 0}

/* ---- invite/global.css ---- */
/* DM.outside, the one frame for every message outside the app (unit 3f, helper O). Unscoped, so every class is ox-.
   The reading pane and the chat are the kit's glass panel (the room around the message); the email body inside is solid,
   as a mail app can draw it (EMAIL PHYSICS): solid colours, no blur, a still orb, one solid key, real text, 600px at most. */

/* the page: the preview bar on top (Notes on only), then the message on the optical centre */
.ox-page{flex:1;display:flex;flex-direction:column;min-height:100%}
.ox-pvw{padding:12px max(16px,env(safe-area-inset-right,0px)) 0 max(16px,env(safe-area-inset-left,0px))}
.ox-pv.g-note{flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px 14px;max-width:1344px;margin:0 auto;padding:8px 8px 8px 16px;border-radius:16px}
.ox-pv-tag{display:inline-flex;align-items:center;gap:7px;flex:none}
.ox-pv-tag svg{flex:none;width:15px;height:15px}
.ox-pv-now{flex:1 1 160px;min-width:0;font-size:13.5px;line-height:1.35;color:var(--t2)}
.ox-pv-now b{font-weight:400;color:var(--t1)}
.ox-pv-key{margin-left:auto}
.ox-short{display:none}
.ox-stage{flex:1;display:grid;justify-items:center;align-content:start;gap:16px;padding:32px max(16px,env(safe-area-inset-right,0px)) 64px max(16px,env(safe-area-inset-left,0px))}
.ox-dnote{width:100%;max-width:640px}
.ox-sh-lead{margin:0 0 12px}
.ox-sl{display:grid;gap:8px}
.ox-si{display:grid;grid-template-columns:28px 1fr 16px;align-items:center;gap:10px;width:100%;min-height:56px;padding:10px 14px;text-align:left;color:var(--t1)}
.ox-si[aria-current="true"]{box-shadow:inset 0 0 0 1px var(--hair2)}
.ox-si-n{font-size:13px;color:var(--t2)}
.ox-si-t{display:grid;gap:2px}
.ox-si-name{font-size:15px}

/* ---------- the mail: a reading pane about 600px wide on a desk; the whole screen on a phone ---------- */
.ox-mail.g-panel{width:100%;max-width:640px;padding:0;overflow:hidden}
.ox-head{display:grid;gap:4px;padding:20px 24px 16px;border-bottom:1px solid var(--hair2)}
.ox-h{margin:0 0 6px;font-size:20px;line-height:1.25;font-weight:400;color:var(--t1)}
.ox-meta{display:flex;flex-wrap:wrap;gap:4px 10px;margin:0;font-size:13px;line-height:1.4;color:var(--t2)}
.ox-sender{color:var(--t1)}
.ox-when{margin-left:auto;color:var(--t2);font-size:12.5px;white-space:nowrap}
/* the email body: solid, as built */
.ox-body{max-width:600px;margin:0 auto;padding:28px 32px 32px;background:var(--card);display:grid;gap:14px;color:var(--t1)}
.ox-brand{display:flex;align-items:center;gap:10px}
.ox-orb.g-orbtile{width:32px;height:32px;border-radius:11px;flex:none}
.ox-orb canvas{width:24px;height:24px}
.ox-orb-s.g-orbtile{width:24px;height:24px;border-radius:11px}
.ox-orb-s canvas{width:18px;height:18px}
.ox-word{font-size:15px;color:var(--t1);letter-spacing:-0.01em}
.ox-hi{margin:6px 0 0;font-size:24px;line-height:1.2;font-weight:300;letter-spacing:-0.02em;color:var(--t1)}
.ox-p{margin:0;font-size:15px;line-height:1.5;color:var(--t1)}
.ox-q{margin:0;font-size:14px;line-height:1.5;color:var(--t2)}
.ox-sec{margin:8px 0 0;font-size:16px;line-height:1.3;font-weight:400;color:var(--t1)}
.ox-steps{margin:0;padding:0;list-style:none;display:grid;gap:8px;counter-reset:ox}
.ox-steps li{display:grid;grid-template-columns:24px 1fr;gap:8px;font-size:15px;line-height:1.45;color:var(--t1)}
.ox-steps li::before{counter-increment:ox;content:counter(ox);color:var(--t2)}
.ox-steps .ox-quiet{color:var(--t2)}
.ox-find{display:grid;gap:6px;padding:14px 16px;border-radius:13px;background:var(--card2);border:1px solid var(--hair2)}
.ox-find-t{margin:0;font-size:16px;line-height:1.35;color:var(--t1)}
.ox-find-l{margin:0;font-size:14px;line-height:1.5;color:var(--t1)}
.ox-find-s{margin:0;font-size:12.5px;line-height:1.45;color:var(--t2)}
.ox-figs{margin:0;padding:0;list-style:none;display:grid;gap:0}
.ox-figs li{display:flex;gap:12px;justify-content:space-between;padding:9px 0;border-top:1px solid var(--hair2);font-size:14px;line-height:1.4;color:var(--t2)}
.ox-figs li b{font-weight:400;color:var(--t1);text-align:right;font-feature-settings:"tnum" 1}
.ox-key{justify-self:start;min-height:44px;padding:0 22px;margin-top:6px;border:0;border-radius:22px;background:var(--t1);color:var(--room);font:inherit;font-size:15px;font-weight:500;cursor:pointer}
.ox-key:focus-visible,.ox-linkkey:focus-visible,.ox-rowkey:focus-visible,.ox-note:focus-visible,.ox-textkey:focus-visible{outline:2px solid var(--t1);outline-offset:2px}
.ox-textkey{justify-self:start;min-height:44px;padding:0;border:0;background:none;font:inherit;font-size:14px;color:var(--t1);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.ox-foot{display:grid;gap:6px;padding-top:14px;border-top:1px solid var(--hair2)}
.ox-foot p{margin:0;font-size:12.5px;line-height:1.5;color:var(--t2)}

/* the inbox row, before he opens it */
.ox-list.g-panel{padding:12px 8px}
.ox-boxname{margin:4px 16px 8px;font-size:13px;color:var(--t2)}
.ox-rowkey{display:block;width:100%;padding:0;border:0;background:none;text-align:left;border-radius:13px;cursor:pointer;color:inherit;font:inherit}
.ox-row{display:grid;grid-template-columns:1fr auto;gap:2px 12px;padding:12px 16px;border-radius:13px}
.ox-rowkey .ox-row{background:var(--tile)}
.ox-from{font-size:15px;color:var(--t1)}
.ox-subj{grid-column:1/-1;font-size:14px;color:var(--t1)}
.ox-pre{grid-column:1/-1;font-size:13px;line-height:1.4;color:var(--t2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ox-row-other{display:grid;gap:8px;opacity:0.5}
.ox-bar{height:10px;width:60%;border-radius:999px;background:var(--hair2)}
.ox-bar-s{width:85%}

/* ---------- his own channel: a post in the team tool he connected, or a team chat; generic, never a maker's look ---------- */
.ox-chat.g-panel{width:100%;max-width:560px;display:grid;gap:12px;padding:18px 18px 20px}
.ox-chat-where{margin:0;font-size:13px;color:var(--t2)}
.ox-chat-msgrow{display:grid;grid-template-columns:24px 1fr;gap:10px;align-items:start}
.ox-bubble{display:grid;gap:6px;min-width:0}
.ox-chat.g-panel.ox-chat-tool{max-width:640px}
.ox-post-h{margin:0;font-size:18px;line-height:1.3;font-weight:400;color:var(--t1)}
.ox-chat-tool .ox-bubble{gap:10px}
.ox-chat-empty{min-height:160px;align-content:start}
.ox-chat-who{display:flex;flex-wrap:wrap;gap:2px 10px;margin:0;font-size:13.5px;color:var(--t1)}
.ox-bubble .ox-p{font-size:14.5px}
.ox-chat-link{margin:2px 0 0}
.ox-linkkey{min-height:44px;padding:0;border:0;background:none;font:inherit;font-size:14px;color:var(--t1);text-decoration:underline;text-underline-offset:3px;cursor:pointer}

/* ---------- the lock screen, in the kit's phone figure ---------- */
.ox-phone{width:100%;max-width:360px}
.ox-lock.g-panel{display:grid;align-content:start;gap:4px;min-height:640px;padding:44px 14px 14px;border-radius:28px;position:relative}
.ox-lock-date{margin:0;text-align:center;font-size:15px;color:var(--t1)}
.ox-lock-time{margin:0 0 28px;text-align:center;font-size:72px;line-height:1;font-weight:300;letter-spacing:-0.03em;color:var(--t1)}
.ox-lock-list{display:grid;gap:8px}
.ox-note{display:grid;gap:3px;width:100%;padding:12px 14px;border:0;border-radius:20px;background:var(--card2);text-align:left;color:var(--t1);font:inherit;cursor:pointer}
div.ox-note{cursor:default}
.ox-n-head{display:flex;align-items:center;gap:8px;margin-bottom:2px}
.ox-n-app{font-size:12.5px;color:var(--t2)}
.ox-n-title{font-size:14.5px;line-height:1.35;color:var(--t1)}
.ox-n-body{font-size:14px;line-height:1.4;color:var(--t1)}
.ox-lock-quiet{margin:24px 0 0;text-align:center;font-size:13px;color:var(--t2)}
.ox-lock-bar{position:absolute;left:50%;bottom:10px;width:120px;height:5px;margin-left:-60px;border-radius:999px;background:var(--t2)}

@media (hover:hover) and (pointer:fine){
  .ox-rowkey:hover .ox-row{background:var(--hair)}
  .ox-note:is(button):hover{background:var(--float)}
}

/* a phone: the message fills the screen, as on his phone */
@media (max-width:599px){
  .ox-pv-tag>span,.ox-pv-l,.ox-long{display:none}
  .ox-short{display:inline}
  .ox-stage{padding:12px 0 48px;gap:12px}
  .ox-mail.g-panel{max-width:none;border-radius:0;border-left:0;border-right:0}
  .ox-head{padding:16px 16px 12px}
  .ox-body{padding:22px 16px 28px}
  .ox-hi{font-size:22px}
  .ox-key{justify-self:stretch}
  .ox-chat.g-panel,.ox-list.g-panel{border-radius:0;border-left:0;border-right:0}
  .ox-dnote{padding:0 16px}
}
@media (prefers-reduced-motion:reduce){.ox-rowkey .ox-row,.ox-note{transition:none}}
.ox-lh{font-weight:400;color:var(--t1)}
.ox-lock .ox-note-pencil{display:grid;gap:8px;justify-items:start;padding:14px;border-radius:20px}
.ox-chat-who>span{flex:none}
/* fix round, Chad's live bug (3 Nov): a row he said yes to stays in the message, done, with a quiet tick */
.ox-tick{width:16px;height:16px;margin-right:2px;vertical-align:-3px}
.ox-linkkey:disabled{opacity:0.7;cursor:default}
.ox-linkkey-quiet{color:var(--t2);text-decoration:none}
.ox-dot{color:var(--t2)}

/* ---- invite/page.css (scoped) ---- */

:root[data-page="invite"] .dm-view{display:flex;flex-direction:column}
:root[data-page="invite"] .dm-pg{flex:1;display:flex;flex-direction:column}

/* ---- money/page.css (scoped) ---- */



:root[data-page="money"] .mn{container:mn/inline-size}
:root[data-page="money"] .mn-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}


:root[data-page="money"] .mn-ob{container:mnob/inline-size}
:root[data-page="money"] .mn-tiles{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
:root[data-page="money"] .mn-stat.g-stat{min-height:0;padding:16px;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto auto auto;grid-template-areas:"sig label fig" ". cap fig" ". chip chip";column-gap:12px;row-gap:0;align-items:start}
:root[data-page="money"] .mn-stat>.g-stat-label{align-self:start;max-width:none}
:root[data-page="money"] .mn-stat>:is(.g-sig-ok,.g-sig-warn){align-self:start}
:root[data-page="money"] .mn-stat:not(.mn-capped)>.g-stat-label{grid-row:1/3}
:root[data-page="money"] .mn-stat:not(.mn-capped)>:is(.g-stat-label,.g-sig-ok,.g-sig-warn){grid-row:1/3;align-self:center}
:root[data-page="money"] .mn-stat-cap{grid-area:cap;margin-top:2px;font-size:12.5px;line-height:1.3;font-weight:300;color:var(--t2)}
:root[data-page="money"] .mn-stat>.g-status{grid-area:chip;justify-self:start;margin-top:8px}
:root[data-page="money"] .mn-stat>.g-stat-fig{align-self:start;margin-top:0;font-size:34px}

@container mnob (max-width:300px){
  :root[data-page="money"] .mn-stat.g-stat{padding:14px}
  :root[data-page="money"] .mn-stat>.g-stat-fig{font-size:30px}
}

@container mnob (min-width:720px){
  :root[data-page="money"] .mn-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  :root[data-page="money"] .mn-stat.g-stat{padding:16px 20px;grid-template-columns:auto auto minmax(0,1fr) auto;grid-template-rows:auto auto;grid-template-areas:"sig label label fig" ". chip cap fig";row-gap:8px;align-items:center}
  :root[data-page="money"] .mn-stat>.g-status{margin-top:0}
  :root[data-page="money"] .mn-stat-cap{margin-top:0;align-self:center}
  :root[data-page="money"] .mn-stat>.g-stat-label,:root[data-page="money"] .mn-stat>:is(.g-sig-ok,.g-sig-warn),:root[data-page="money"] .mn-stat>.g-stat-fig{align-self:center}
  :root[data-page="money"] .mn-stat:not(.mn-capped)>.g-stat-label{grid-row:auto}
  :root[data-page="money"] .mn-stat:not(.mn-capped)>:is(.g-stat-label,.g-sig-ok,.g-sig-warn){grid-row:auto}
  :root[data-page="money"] .mn-stat>.g-stat-fig{font-size:30px}
  :root[data-page="money"] .mn-ob-chart{height:108px}
}
@container mnob (min-width:840px){:root[data-page="money"] .mn-stat>.g-stat-fig{font-size:42px}}
@container mnob (min-width:1040px){
  :root[data-page="money"] .mn-stat.g-stat{grid-template-rows:auto;grid-template-areas:"sig label chip fig"}
  :root[data-page="money"] .mn-capped.g-stat{grid-template-rows:auto auto;grid-template-areas:"sig label chip fig" "sig cap chip fig";row-gap:0}
  :root[data-page="money"] .mn-capped.g-stat>.g-stat-label{align-self:end}
  :root[data-page="money"] .mn-capped>.mn-stat-cap{align-self:start;margin-top:2px}
  :root[data-page="money"] .mn-ob-chart{height:116px}
}

:root[data-page="money"] .mn-ob-title{margin-bottom:12px}
@media (max-width:899px){:root[data-page="money"] .mn-capped>.g-stat-label>.g-period{display:none}}
@media (min-width:900px){:root[data-page="money"] .mn-ob-title{display:none}}

:root[data-page="money"] .mn-ob-chart{height:116px;margin-top:10px}
:root[data-page="money"] .mn-ob-lists{display:grid;grid-template-columns:minmax(0,1fr);margin-top:12px}
:root[data-page="money"] .mn-ob-side{display:flex;flex-direction:column;min-width:0;container:mnside/inline-size}
:root[data-page="money"] .mn-ob-rows{display:grid;min-width:0}
:root[data-page="money"] .mn-row .g-status{height:22px;padding:0 9px}
:root[data-page="money"] .mn-row .g-line-fig{font-size:14px;line-height:1.35;font-weight:400}

@container mnside (min-width:520px){
  :root[data-page="money"] .mn-ob-rows>.g-line{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"name say fig";align-items:center;column-gap:12px;min-height:38px;padding-top:5px;padding-bottom:5px}
  :root[data-page="money"] .mn-ob-rows>.g-line>.g-line-say{margin-top:0}
}
@media (min-width:900px){
  @container mnside (min-width:340px){
    :root[data-page="money"] .mn-ob-rows>.g-line:not(.mn-noted){grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"name say fig";align-items:center;column-gap:12px;min-height:38px;padding-top:5px;padding-bottom:5px}
    :root[data-page="money"] .mn-ob-rows>.g-line:not(.mn-noted)>.g-line-say{margin-top:0}
  }
}
:root[data-page="money"] .mn-ob-foot{display:flex;flex-wrap:wrap;align-items:center;gap:0 16px;margin-top:auto;padding-top:4px}
:root[data-page="money"] .mn-ob-foot .g-link-line{margin-top:0}
:root[data-page="money"] .mn-next{display:inline-flex;align-items:center;gap:8px}
:root[data-page="money"] .mn-next .g-status{height:22px;padding:0 9px}
@media (max-width:899px){
  :root[data-page="money"] .mn-ob[data-list="owed"] [data-side="bills"],:root[data-page="money"] .mn-ob[data-list="bills"] [data-side="owed"]{display:none}
}
@media (min-width:900px){
  :root[data-page="money"] .mn-ob-lists{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px}
}


:root[data-page="money"] .mn-profit{display:flex;flex-direction:column;container:mnp/inline-size}
:root[data-page="money"] .mn-phead{flex-wrap:wrap;align-items:center;gap:8px 16px}
:root[data-page="money"] .mn-phead .g-slot{display:inline-grid;vertical-align:baseline}
:root[data-page="money"] .mn-pkeys{display:flex;align-items:center;gap:10px}
:root[data-page="money"] .mn-upd[hidden]{display:none}
:root[data-page="money"] .mn-views{display:grid;flex:1 1 auto;margin-top:8px}
:root[data-page="money"] .mn-view{grid-area:1/1;display:flex;flex-direction:column;min-width:0}
:root[data-page="money"] .mn-view.is-off{visibility:hidden}


:root[data-page="money"] .mn-fall{position:relative;display:grid;width:calc(100% + 20px);margin:0 -10px 12px}
:root[data-page="money"] .mn-fall>svg.gc{position:absolute;left:0;top:0;pointer-events:none}
:root[data-page="money"] .mn-step{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name fig" "chip chip" "bar bar";align-items:baseline;column-gap:10px;width:100%;padding:6px 10px 7px;border:0;border-radius:13px;background:none;color:var(--t1);text-align:left;-webkit-tap-highlight-color:transparent;transition:background-color 150ms var(--ease),transform 150ms var(--ease)}
:root[data-page="money"] button.mn-step{cursor:pointer}
:root[data-page="money"] .mn-step.is-hot{background-color:var(--tile);--t2:var(--g-t2-lit);--t3:var(--g-t2-lit)}
:root[data-page="money"] button.mn-step:active{background-color:var(--key);transform:scale(0.98);transition-duration:90ms}
:root[data-page="money"] button.mn-step:focus-visible{outline:2px solid var(--g-focus);outline-offset:0}
:root[data-page="money"] .mn-step-name{grid-area:name;min-width:0;font-size:14px;line-height:1.35;font-weight:400;color:var(--t1)}
:root[data-page="money"] .mn-step-chip{grid-area:chip;justify-self:start;height:auto;min-height:22px;margin-top:5px;padding:3px 9px;line-height:1.25;white-space:normal}
:root[data-page="money"] .mn-step-bar{grid-area:bar;display:block;height:8px;margin-top:4px}
:root[data-page="money"] .mn-step-fig{grid-area:fig;font-size:15px;line-height:1.3;font-weight:300;color:var(--t1);font-feature-settings:"tnum" 1,"cv11" 1;white-space:nowrap}
:root[data-page="money"] .mn-res{display:block}
:root[data-page="money"] .mn-step-name .g-chev{margin:0 0 0 2px;vertical-align:-3px;transform:rotate(-90deg)}
@container mnp (min-width:540px){
  :root[data-page="money"] .mn-step{grid-template-columns:minmax(0,250px) minmax(0,1fr) 112px;grid-template-areas:"name bar fig" "chip bar fig";align-items:center;column-gap:14px;min-height:34px;padding-top:5px;padding-bottom:5px}
  :root[data-page="money"] .mn-step-bar{margin-top:0}
  :root[data-page="money"] .mn-step-fig{text-align:right}
}


:root[data-page="money"] .mn-pen.g-pencil{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"t chip" "line line";align-items:center;gap:2px 12px;padding:10px 18px}
:root[data-page="money"] .mn-pen>.g-status{grid-area:chip;height:22px;padding:0 9px}
:root[data-page="money"] .mn-pen-t{grid-area:t;margin:0;font-size:14px;line-height:1.35;color:var(--t1)}
:root[data-page="money"] .mn-pen>.g-pencil-line{grid-area:line;max-width:none;font-size:12.5px;line-height:1.4}
:root[data-page="money"] .mn-view>.mn-pen{margin-top:auto}

:root[data-page="money"] .mn-lead{margin:2px 0 8px;font-size:15px;line-height:1.35;color:var(--t1)}
:root[data-page="money"] .mn-year{height:150px}
:root[data-page="money"] .mn-year-cap{margin:8px 0 12px}
:root[data-page="money"] .mn-pfoot{margin-top:12px}
:root[data-page="money"] .mn-plinks{display:flex;flex-wrap:wrap;gap:0 18px}
:root[data-page="money"] .mn-plinks .g-link-line{margin-top:4px}


:root[data-page="money"] .mn-before{display:none}
:root[data-page="money"] .mn-profit.is-before .mn-before{display:flex;flex-direction:column;gap:6px;margin-top:10px}
:root[data-page="money"] .mn-profit.is-before :is(.mn-pkeys,.mn-views,.mn-pfoot){display:none}
:root[data-page="money"] .mn-before .g-body-s{margin:0}
:root[data-page="money"] .mn-before .g-cap{margin:0}
:root[data-page="money"] .mn-before .mn-pen{margin-top:6px}
:root[data-page="money"] .mn-bmargin{margin:12px 0 8px}
:root[data-page="money"] .mn-bmargin-t{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 12px;margin:0 0 12px;font-size:14px;line-height:1.35;color:var(--t1)}
:root[data-page="money"] .mn-bmargin-t .g-status{height:22px;padding:0 9px}


:root[data-page="money"] .mn-cash{container:mncash/inline-size}
:root[data-page="money"] .mn-bank{display:grid;grid-template-columns:minmax(0,1fr);width:100%;padding:14px 18px 10px}
:root[data-page="money"] .mn-bank-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 10px;margin:0}
:root[data-page="money"] .mn-bank-t{font-size:14px;line-height:1.35;color:var(--t1)}
:root[data-page="money"] .mn-bank-body{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;margin-top:8px}
:root[data-page="money"] .mn-bank-fig{margin:0 0 4px}
:root[data-page="money"] .mn-bank .g-cap{margin:0}
:root[data-page="money"] .mn-bank-line{height:56px;min-width:0}
@container mncash (min-width:370px){:root[data-page="money"] .mn-bank-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:20px;align-items:center}}
:root[data-page="money"] .mn-bank .g-link-line{margin-top:6px;width:fit-content}
:root[data-page="money"] .mn-cash-list{display:grid;gap:14px;width:100%;margin:0;padding:0;list-style:none}
:root[data-page="money"] .mn-cash-n{display:block;margin-bottom:2px;font-size:14px;line-height:1.35;color:var(--t1)}
:root[data-page="money"] .mn-cash-list .g-pencil-line{display:block}
@container mncash (min-width:700px){:root[data-page="money"] .mn-cash-list{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));column-gap:24px}}


:root[data-page="money"] .mn-note{max-width:none}
:root[data-page="money"] .mn-stseg{align-self:flex-start;margin-top:4px}


:root[data-page="money"] .mn-sh-find{margin:2px 0 14px}
:root[data-page="money"] .mn-sh-rows{display:grid;min-width:0}
:root[data-page="money"] .mn-sh-rows>[hidden],:root[data-page="money"] .mn-cs-lines>[hidden],:root[data-page="money"] .mn-cs-sec[hidden],:root[data-page="money"] .mn-sh-none[hidden]{display:none}
:root[data-page="money"] .mn-sh-rows>.g-row{margin-bottom:6px}
:root[data-page="money"] .mn-sh-rows>.g-row+.g-line{border-top:0}
:root[data-page="money"] .mn-sh-none{margin:10px 0 0}
:root[data-page="money"] .mn-sh-em{color:var(--t2)}


:root[data-page="money"] .mn-cs-t{margin:0;font-size:15px;line-height:1.3;font-weight:400;letter-spacing:-0.01em;color:var(--t1)}
:root[data-page="money"] .mn-cs-moved{margin:2px 0 20px}
:root[data-page="money"] .mn-cs-mvs{display:grid;margin-top:8px}
:root[data-page="money"] .mn-cs-mv{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1px 12px;padding:8px 0;border-top:1px solid var(--grid)}
:root[data-page="money"] .mn-cs-n{min-width:0;font-size:14px;line-height:1.35;color:var(--t1)}
:root[data-page="money"] .mn-cs-f{font-size:14px;line-height:1.35;color:var(--t1);font-feature-settings:"tnum" 1,"cv11" 1;white-space:nowrap}
:root[data-page="money"] .mn-cs-up{grid-column:1/-1}
:root[data-page="money"] .mn-cs-note{margin:6px 0 0}
:root[data-page="money"] .mn-cs-sec{margin-top:22px}
:root[data-page="money"] .mn-cs-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;padding-bottom:10px}
:root[data-page="money"] .mn-cs-part{grid-column:1/-1}
:root[data-page="money"] .mn-cs-meter{display:block;grid-column:1/-1;height:5px;margin-top:6px}
:root[data-page="money"] .mn-cs-lines{margin:0;padding:0;list-style:none}
:root[data-page="money"] .mn-cs-line{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;padding:8px 0 4px}
:root[data-page="money"] .mn-cs-soon{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 12px;padding:8px 0 2px}
:root[data-page="money"] .mn-cs-soon .g-status{height:22px;padding:0 9px}
:root[data-page="money"] .mn-cs-rest{padding:10px 0 0}
:root[data-page="money"] .mn-cs-pen{margin-top:22px}
:root[data-page="money"] .mn-cs-foot{margin:14px 0 0}


:root[data-page="money"] .mn-led{container:mnled/inline-size}
:root[data-page="money"] .mn-led .g-table tbody th{padding:7px 0;border-top:1px solid var(--grid);font-size:13.5px;line-height:1.3;color:var(--t1);text-align:left;white-space:normal}
:root[data-page="money"] .mn-led .g-table .mn-led-none{font-size:12px;color:var(--t2)}
:root[data-page="money"] .mn-led .mn-led-tot :is(th,td){border-top-color:var(--hair2)}
@container mnled (max-width:540px){:root[data-page="money"] .mn-led :is(th,td):nth-child(6){display:none}}
@container mnled (max-width:460px){:root[data-page="money"] .mn-led :is(th,td):nth-child(5){display:none}}
@container mnled (max-width:350px){:root[data-page="money"] .mn-led :is(th,td):nth-child(4){display:none}}
:root[data-page="money"] .mn-led-note{margin:12px 0 0}


:root[data-page="money"] .mn-bk-only{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0 0 12px}
:root[data-page="money"] .mn-bk-p{margin:14px 0 0}
:root[data-page="money"] .mn-bk-t{margin-top:16px}
:root[data-page="money"] .mn-bk-foot{margin:12px 0 0}


@media (min-width:900px){
  :root[data-page="money"] .mn-grid{gap:16px}
  @container mn (min-width:1080px){
    :root[data-page="money"] .mn-ob{grid-area:ob}:root[data-page="money"] .mn-profit{grid-area:profit}:root[data-page="money"] .mn-cash{grid-area:cash}:root[data-page="money"] .mn-kilo{grid-area:kilo}:root[data-page="money"] .mn-grid>.g-foot{grid-area:foot}:root[data-page="money"] .mn-note{grid-area:note}
    :root[data-page="money"] .mn-grid{column-gap:28px;grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-template-areas:"ob ob" "profit cash" "kilo kilo" "foot foot" "note note"}
  }
}


:root[data-page="money"] .mn-khead{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 14px}
:root[data-page="money"] .mn-kviews{display:grid;margin-top:6px}
:root[data-page="money"] .mn-kview{grid-area:1/1;display:flex;flex-direction:column;min-width:0}
:root[data-page="money"] .mn-kview.is-off{visibility:hidden}
:root[data-page="money"] .mn-kline .g-line-fig{white-space:nowrap}
:root[data-page="money"] .mn-kall{margin-top:8px;width:fit-content}
:root[data-page="money"] .mn-kfoot{margin:12px 0 0}


:root[data-page="money"] .mn-ahead{margin-top:16px}
:root[data-page="money"] .mn-ahead-h{margin:0}

:root[data-page="money"] .mn-low{margin:6px 0 0;font-size:17px;line-height:1.35;color:var(--t1);font-feature-settings:"tnum" 1,"cv11" 1}
:root[data-page="money"] .mn-low-basis{margin:4px 0 0}
:root[data-page="money"] .mn-low-range{margin:4px 0 0;font-size:12px;line-height:1.4}
:root[data-page="money"] .mn-ah-runs td:first-child{white-space:nowrap}
:root[data-page="money"] .mn-ahead .g-link-line{margin-top:6px;width:fit-content}
@container g-lines (min-width:540px){:root[data-page="money"] .mn-klines{grid-template-columns:repeat(3,minmax(0,1fr))}}

@media (max-width:459px){:root[data-page="money"] .mn-kline{grid-template-columns:minmax(0,1fr);grid-template-areas:"name" "fig" "say"}:root[data-page="money"] .mn-kline .g-line-fig{justify-self:start}}
:root[data-page="money"] .mn-ah-when{display:block;margin-top:2px}


:root[data-page="money"] .mn-ah-fig{display:grid;gap:2px;margin:0}
:root[data-page="money"] .mn-ah-how{display:grid;gap:4px;margin:0;padding:0;list-style:none;font-size:13.5px;line-height:1.4;color:var(--t2)}
:root[data-page="money"] .mn-ah-how b{display:inline-block;min-width:78px;font-weight:400;color:var(--t1)}
:root[data-page="money"] .mn-ah-chip{border-style:dashed;margin-left:6px;vertical-align:1px}
:root[data-page="money"] .mn-ah-more>summary{list-style:none;width:fit-content}
:root[data-page="money"] .mn-ah-more>summary::-webkit-details-marker{display:none}
:root[data-page="money"] .mn-ah-more[open]>summary{margin-bottom:10px}
:root[data-page="money"] .mn-ah-more>*+*{margin-top:12px}
:root[data-page="money"] .mn-cash-acc{margin-top:14px}
:root[data-page="money"] .mn-fc6{margin:0 0 14px}
:root[data-page="money"] .mn-fc{margin-top:10px}

/* ---- morning/global.css ---- */
/* the morning note (morning/global.js): its parts wherever it draws, on the morning page and in Report. Tokens only */

.nt-t{margin:0;font-size:15px;line-height:1.4;color:var(--t1)}
.nt-l{margin:0;font-size:14px;line-height:1.45;color:var(--t2)}
.nt-go{justify-self:start;min-height:44px;padding:0;border:0;background:none;font:inherit;font-size:14px;color:var(--t1);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.nt-chev{text-decoration:none}
.nt-go:focus-visible{outline:2px solid var(--t1);outline-offset:2px}


/* the email: the HTML part and its plain-text twin, side by side from a wide desk */
.nt-pair{display:grid;gap:16px;width:100%;max-width:640px;justify-items:center}
.nt-mailbody{display:grid;gap:6px}
.nt-plain.g-panel{width:100%;max-width:640px;display:grid;gap:12px;padding:18px 20px 20px}
.nt-text{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.5;color:var(--t1)}

@media (min-width:1180px){
  .nt-pair{grid-template-columns:minmax(0,600px) minmax(0,480px);max-width:1100px;align-items:start}
}
@media (max-width:599px){
  .nt-pair{gap:12px}
  .nt-plain.g-panel{border-radius:0;border-left:0;border-right:0;padding:16px}
}

/* notes made visual (4 Nov): the report in sections of minis, the hero, done as ticks, Coming next in pencil, and the
   invitation at the end. Live minis sit two to a row on a phone and three or four on a desk; each channel's image is
   drawn at 320 wide and shown at its own size (never stretched past it) */
.nv-body{display:grid;gap:4px}
.nv-sec{display:grid;gap:8px;margin-top:10px}
.nv-h{margin:0;font-size:15px;line-height:1.35;font-weight:500;color:var(--t1)}
.nv-lk{margin:-4px 0 0}
.nv-slot{display:block}
.nv-img{display:block;width:100%;max-width:320px;height:auto;border-radius:16px}
.nv-img-bag{max-width:220px;border-radius:11px}
.nv-hero-w{margin-top:4px}
.nv-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.nv-cell{min-width:0;position:relative}
.nv-cell svg{display:block;width:100%;height:auto}
.nv-wide{grid-column:span 2}
.nv-sec{container:nvsec/inline-size}
@container nvsec (min-width:520px){.nv-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@container nvsec (min-width:700px){.nv-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.nv-done{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.nv-done li{display:grid;align-items:start;grid-template-columns:18px minmax(0,1fr);gap:8px;font-size:14px;line-height:1.45;color:var(--t2)}
.nv-next.g-pencil{padding:16px 18px;border-radius:13px;gap:8px}

/* the invitation: one designed card at the end, the offers in it, one strong key */
.nv-inv{display:grid;gap:4px;margin-top:16px;padding:16px;border-radius:16px;background:var(--card2);box-shadow:inset 0 0 0 1px var(--hair2)}
.nv-inv-head{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;padding-bottom:8px}
.nv-inv-orb{width:34px;height:34px}
.nv-inv-t{margin:0;font-size:18px;line-height:1.3;font-weight:300;color:var(--t1)}
.nv-inv-s{margin:2px 0 0;font-size:13px;line-height:1.4;color:var(--t2)}
.nv-of{display:grid;grid-template-columns:32px minmax(0,1fr);gap:10px;padding:12px 0 2px;border-top:1px solid var(--hair2)}
.nv-of-bare{grid-template-columns:minmax(0,1fr)}
.nv-of-ic{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:11px;background:var(--tile);color:var(--t1)}
.nv-of-t{display:grid;gap:3px;min-width:0}
.nv-of .nt-go{grid-column:auto;min-height:40px}
.nv-cta{margin-top:14px}

/* the team chat's thread under its message */
.nv-thread{width:100%;max-width:640px;display:grid;gap:14px;padding:16px 18px 18px}
.nv-reply{display:grid;gap:8px;padding-top:12px;border-top:1px solid var(--hair2)}
.nv-reply .nv-sec{margin-top:0}
.nv-reply .nv-inv{margin-top:0}
.nv-plain summary{cursor:pointer;list-style:none}
.nv-plain summary::-webkit-details-marker{display:none}

/* on a desk a message is read in its window: Gmail's reading pane, the post's page, the thread pane. The whole note is
   there and the window scrolls, as every mail client, team tool and chat thread does; the page around it keeps its
   height. A phone scrolls the page itself */
@media (min-width:900px){
  .nv-win,.sk-win,.bc-win{max-height:1460px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
  .ox-mail.g-panel.nv-win{overflow-y:auto}
}

/* ---------- each channel as that product shows it, in the kit's colours ---------- */
.nv-pair2{display:grid;gap:16px;width:100%;max-width:1100px;align-items:start}
@media (min-width:1100px){.nv-pair2{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
/* Slack: the channel header, the day line, square avatars, the APP tag, the reply line, section blocks and buttons */
.sk.g-panel{display:grid;gap:0;padding:0;overflow:hidden;width:100%;max-width:560px;justify-self:center}
.sk-head{display:flex;align-items:baseline;gap:10px;padding:14px 18px;border-bottom:1px solid var(--hair2);font-size:15px;color:var(--t1)}
.sk-head span{font-size:13px;color:var(--t3)}
.sk-day{display:flex;justify-content:center;margin:14px 0 2px}
.sk-day span{padding:4px 12px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--hair2);font-size:12px;color:var(--t2)}
.sk-msg{display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px;padding:10px 18px}
.sk-msg-s{opacity:.85}
.sk-av{display:block;width:36px;height:36px;border-radius:11px;overflow:hidden;background:var(--tile)}
.sk-av .g-orbtile{width:36px;height:36px;border-radius:11px}
.sk-av-xs{display:inline-block;width:20px;height:20px;border-radius:0;vertical-align:middle;margin-right:8px}
.sk-body{display:grid;gap:6px;min-width:0}
.sk-who{margin:0;display:flex;align-items:baseline;gap:6px;font-size:15px;color:var(--t1)}
.sk-app{padding:0 4px;border-radius:0;background:var(--tile);font-size:11px;line-height:16px;color:var(--t2)}
.sk-t{font-size:12px;color:var(--t3)}
.sk-txt{margin:0;font-size:15px;line-height:1.45;color:var(--t1)}
.sk-ctx{margin:0;font-size:13px;line-height:1.4;color:var(--t2)}
.sk-imgb .nv-img{max-width:360px}
.sk-replies{justify-self:start;display:inline-flex;align-items:center;min-height:36px;padding:0 8px 0 4px;border:0;border-radius:0;background:none;font:inherit;font-size:13px;color:var(--t1);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.sk-n{display:flex;align-items:center;gap:10px;margin:4px 18px 2px;font-size:13px;color:var(--t2)}
.sk-n::after{content:"";flex:1;height:1px;background:var(--hair2)}
.sk-sec{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start;padding:8px 0;border-top:1px solid var(--hair2)}
.sk-acts{display:flex;flex-wrap:wrap;gap:8px;padding-top:6px}
.sk-btn{min-height:36px;padding:0 12px;border:0;border-radius:11px;background:none;box-shadow:inset 0 0 0 1px var(--hair2);font:inherit;font-size:14px;font-weight:500;color:var(--t1);cursor:pointer;white-space:nowrap}
.sk-btn:focus-visible{outline:2px solid var(--t1);outline-offset:2px}
.sk-thread{padding-bottom:12px}
@media (max-width:599px){.sk.g-panel{border-radius:0;border-left:0;border-right:0}.sk-sec{grid-template-columns:minmax(0,1fr)}.sk-sec .sk-btn{justify-self:start}}
/* Basecamp: the project's Message Board, the message's title, who posted it, the body, boost and comment */
.bc.g-panel{width:100%;max-width:760px;display:grid;gap:12px;padding:18px 18px 22px}
.bc-crumb{margin:0;font-size:13px;color:var(--t2);text-align:center}
.bc-card{display:grid;gap:12px;padding:22px 24px 18px;border-radius:13px;background:var(--card2);box-shadow:inset 0 0 0 1px var(--hair2)}
.bc-title{margin:0;font-size:24px;line-height:1.25;font-weight:400;color:var(--t1);text-align:center}
.bc-by{margin:0 0 6px;display:flex;justify-content:center;align-items:center;gap:8px;font-size:13px;color:var(--t2)}
.bc-by b{font-weight:500;color:var(--t1)}
.bc-av{display:block;width:28px;height:28px;border-radius:999px;overflow:hidden}
.bc-av .g-orbtile{width:28px;height:28px;border-radius:999px}
.bc-body{max-width:560px;justify-self:center;width:100%}
.bc-foot{display:flex;flex-wrap:wrap;gap:14px;align-items:center;padding-top:12px;border-top:1px solid var(--hair2);font-size:13px;color:var(--t2)}
.bc-boost{padding:4px 10px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--hair2)}
@media (max-width:599px){.bc.g-panel{border-radius:0;border-left:0;border-right:0;padding:14px 0 18px}.bc-card{padding:18px 16px;border-radius:0}.bc-title{font-size:21px}}
/* the app and Report: the same note, its minis live */
.nv-app-k{margin:0;font-size:13px;color:var(--t2)}
.nv-rep{display:grid;gap:4px}
.nv-open{margin-top:6px}
/* Slack on a phone, as Slack's app does: the channel, and its replies open the thread in its place (Back returns) */
.sk-back{display:none;min-width:44px;min-height:44px;margin:-12px 0 -12px -12px;border:0;background:none;font:inherit;font-size:22px;color:var(--t1);cursor:pointer}
@media (max-width:1099px){.nv-pair2 .sk-thread{display:none}.nv-pair2.is-thread .sk-thread{display:grid}.nv-pair2.is-thread .sk-chan{display:none}.sk-back{display:inline-block}}
/* Report: the note's parts as their own cards, the invitation's offers side by side where the column is wide */
.nv-card{padding:16px 16px 18px;margin-top:0}
.nv-card.nv-hero-w{padding:2px}
.nv-inv.g-panel{margin-top:0}
.nv-inv-w{container:nvinv/inline-size}
.nv-ofs{display:grid}
@container nvinv (min-width:600px){.nv-ofs{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:16px}}

/* the channels' own text above the figures picture; the app's two columns, as Report draws them */
.nv-lede{margin:2px 0 6px;font-size:15px;line-height:1.45;color:var(--t1)}
.nv-app{width:100%;max-width:1100px;display:grid;gap:12px}
.nv-appg{display:grid;gap:14px}
.nv-appg.is-split{grid-template-columns:minmax(0,8fr) minmax(0,4fr);align-items:start;column-gap:20px}
.nv-rep{display:grid;gap:14px;align-content:start;min-width:0}

/* the report rhythm (Chad, 4 Nov: "a little bit monotone"): each section opens with its kit icon in a graphite tile and
   its finding in one line, the key figure white and the rest grey; wider space between sections than inside them, a
   hairline between them; the end card's key carries a soft halo. Depth: the hero is the lit glass, sections one step
   lower, the invitation lifted again */
.nv-open{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center}
.nv-open-ic{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:11px;background:var(--tile);color:var(--t1)}
.nv-open-ic svg{width:16px;height:16px}
.nv-open-t{display:grid;gap:1px;min-width:0}
.nv-kick{margin:0;font-size:12px;line-height:1.3;color:var(--t2)}
.nv-open .nv-h{font-weight:400;font-size:15px;line-height:1.3;color:var(--t2)}
.nv-open .nv-h b{font-weight:500;color:var(--t1)}
.nv-body>.nv-sec,.nt-mailbody>.nv-sec,.bc-body>.nv-sec{margin-top:10px;padding-top:12px;border-top:1px solid var(--hair2)}
.nv-rep{gap:18px}
.nv-inv{box-shadow:inset 0 0 0 1px var(--hair2),0 18px 40px -24px var(--room)}
.nv-inv .ox-key{box-shadow:0 0 0 6px var(--tile)}
/* on a phone a message's pictures run nearly edge to edge, so a 320 picture is never shown much smaller than drawn */
@media (max-width:599px){.nt-pair .ox-mail .ox-body{padding:20px 14px 24px}.bc-card .bc-body{margin:0 -6px;width:auto}
  /* Slack on a phone: a picture runs the message's full width, under the avatar, so it shows at the width it is drawn (284) */
  .sk-msg .sk-imgb{margin-left:-46px}}
@media (max-width:599px){.nv-rep{gap:10px}.nv-card{padding:12px 12px 14px}.nv-card.nv-sec{gap:6px}}
/* the report's side column, and the App view's label inside the page gutter on a phone */
.nv-side-k{margin:0 0 -4px 4px}
@media (max-width:599px){.nv-app-k{padding:0 16px}}
/* the glass guide's specimen of the mini set sits on its panel: the tiles are outlined there, so every word keeps 4.5:1 */
.gs-minis svg.gc:not(#gc-k) .gc-mini-bg{fill:none}
.gs-minis .nv-card{padding:0;background:none;box-shadow:none}
.nt-l2{color:var(--t3);margin-top:2px}

/* ---- morning/page.css (scoped) ---- */

:root[data-page="morning"] .dm-view{display:flex;flex-direction:column}
:root[data-page="morning"] .dm-pg{flex:1;display:flex;flex-direction:column}


:root[data-page="morning"] .nv-pick{position:sticky;top:var(--dm-head-h,56px);z-index:4;display:grid;justify-items:center;gap:10px;margin:0 auto 18px;max-width:1100px;padding:8px 0;text-align:center;background:var(--room)}
:root[data-page="morning"] .nv-pick-t{margin:0;font-size:15px;line-height:1.35;color:var(--t2)}
@media (max-width:599px){:root[data-page="morning"] .nv-pick-t{display:none}:root[data-page="morning"] .nv-pick{gap:8px;margin-bottom:12px}}
:root[data-page="morning"] .nv-seg{max-width:100%;overflow-x:auto;scrollbar-width:none}
:root[data-page="morning"] .nv-seg button{min-height:40px;padding:0 14px;font-size:14px}
@media (min-width:900px){:root[data-page="morning"] .nv-seg button{min-height:44px;padding:0 22px;font-size:15px}}

/* ---- notify/page.css (scoped) ---- */

:root[data-page="notify"] .dm-view{display:flex;flex-direction:column}
:root[data-page="notify"] .dm-pg{flex:1;display:flex;flex-direction:column}

/* ---- online/page.css (scoped) ---- */



:root[data-page="online"] .ol{container:ol/inline-size}
:root[data-page="online"] .ol-grid{--ol-chart:150;display:grid;grid-template-columns:minmax(0,1fr);gap:14px}


:root[data-page="online"] .ol-lede{position:relative;z-index:1;margin-top:8px}   
:root[data-page="online"] .ol .fh-fresh{white-space:normal;text-align:left}   
:root[data-page="online"] .ol-l2p{display:none;align-items:center;gap:2px;font:inherit;letter-spacing:inherit;color:inherit}
:root[data-page="online"] .ol-l2p .g-chev{margin-top:0;color:inherit;transform:rotate(-90deg)}
@media (max-width:899px){:root[data-page="online"] .ol-l2d{display:none}:root[data-page="online"] .ol-l2p{display:inline-flex}}


:root[data-page="online"] .ol-upd{position:absolute;top:16px;right:20px}
:root[data-page="online"] .ol-upd[hidden]{display:none}
:root[data-page="online"] .ol-hero{margin-top:14px}
:root[data-page="online"] .ol-hero-words{display:grid;gap:6px;min-width:0;margin-top:8px}
:root[data-page="online"] .ol-up{display:inline-flex;align-items:flex-start;gap:5px;white-space:normal}
:root[data-page="online"] .ol-up.g-up::before{margin-top:1px}
:root[data-page="online"] .ol-up-t{line-height:1.3}
:root[data-page="online"] .ol-scope{margin:0}

:root[data-page="online"] .ol-sales-chart{margin-top:12px;min-height:110px}
:root[data-page="online"] .ol-trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}
:root[data-page="online"] .ol-tri{display:grid;align-content:start;gap:3px;padding:10px 12px}
:root[data-page="online"] .ol-tri[hidden]{display:none}
:root[data-page="online"] .ol-tri-fig{font-size:17px;line-height:1.25;font-weight:300;font-feature-settings:"tnum" 1,"cv11" 1;color:var(--t1)}
:root[data-page="online"] .ol-sales>.ol-foot{margin-top:10px}

@media (max-width:359px){
  :root[data-page="online"] .ol-trio{grid-template-columns:minmax(0,1fr);gap:6px}
  :root[data-page="online"] .ol-tri{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"k fig" "s fig";column-gap:12px;row-gap:1px;align-items:center;padding:9px 12px}
  :root[data-page="online"] .ol-tri-k{grid-area:k}:root[data-page="online"] .ol-tri-fig{grid-area:fig}:root[data-page="online"] .ol-tri-s{grid-area:s}
}


:root[data-page="online"] .ol-people{display:flex;flex-direction:column}
:root[data-page="online"] .ol-people-head{flex-wrap:wrap;align-items:center;row-gap:8px}
:root[data-page="online"] .ol-find{gap:7px}
:root[data-page="online"] .ol-find .dm-soon{height:16px;padding:0 6px}
:root[data-page="online"] .ol-seg{align-self:flex-start;max-width:100%;margin-top:14px}
:root[data-page="online"] .ol-people-cap{margin:6px 0 0}
@media (max-width:389px){:root[data-page="online"] .ol-seg button{padding:0 9px}}
@media (max-width:359px){:root[data-page="online"] .ol-seg button{padding:0 5px}}
:root[data-page="online"] .ol-views{display:grid;margin-top:14px}
:root[data-page="online"] .ol-views>.ol-view{grid-area:1/1;display:flex;flex-direction:column;align-items:flex-start;min-width:0}
:root[data-page="online"] .ol-views>.ol-view[hidden]{display:flex!important;visibility:hidden}
:root[data-page="online"] .ol-view>.g-link-line{margin-top:10px}
:root[data-page="online"] .ol-who-list{align-self:stretch;gap:10px}
:root[data-page="online"] .ol-who{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto 16px;grid-template-areas:"name fig chev" "sub sub chev";column-gap:10px;row-gap:4px;align-items:center;width:100%;margin:0;padding:2px 0 2px 12px;border:0;border-left:1px solid var(--hair2);background:none;font:inherit;color:var(--t1);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color 150ms var(--ease)}
:root[data-page="online"] .ol-who[hidden]{display:none}
:root[data-page="online"] .ol-who::after{content:"";position:absolute;left:0;right:0;top:min(0px,calc(50% - 18px));bottom:min(0px,calc(50% - 18px))}
@media (pointer:coarse),(max-width:899px){:root[data-page="online"] .ol-who::after{top:min(0px,calc(50% - 22px));bottom:min(0px,calc(50% - 22px))}}
@media (hover:hover) and (pointer:fine){:root[data-page="online"] .ol-who:hover{border-left-color:var(--t2)}:root[data-page="online"] .ol-who:hover .ol-who-name{color:var(--t1)}}
:root[data-page="online"] .ol-who:focus-visible{outline:2px solid var(--g-focus);outline-offset:3px;border-radius:11px}
:root[data-page="online"] .ol-who-name{grid-area:name;display:flex;align-items:center;gap:7px;min-width:0}
:root[data-page="online"] .ol-who-name .g-sig-ok{width:15px;height:15px}
:root[data-page="online"] .ol-who-fig{grid-area:fig;font-size:14px;line-height:1.3;font-weight:300;font-feature-settings:"tnum" 1,"cv11" 1;color:var(--t1);text-align:right}
:root[data-page="online"] .ol-u{font-size:12.5px;color:var(--t2)}
:root[data-page="online"] .ol-who-sub{grid-area:sub;display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;min-width:0}
:root[data-page="online"] .ol-who>.g-chev{grid-area:chev;margin-top:0;transform:rotate(-90deg)}
:root[data-page="online"] .ol-who-dl{display:block;flex:none;width:84px}
:root[data-page="online"] .ol-who-when{min-width:0}
:root[data-page="online"] .ol-people>.ol-once{margin-top:12px;align-self:flex-start}

@media (pointer:coarse),(max-width:899px){:root[data-page="online"] .ol-view>.g-link-line{margin-top:14px}:root[data-page="online"] .ol-people>.ol-once{margin-top:26px}}


:root[data-page="online"] .ol-subs{display:flex;flex-direction:column}
:root[data-page="online"] .ol-subs-top{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px 22px;margin-top:14px}
:root[data-page="online"] .ol-subs-fig,:root[data-page="online"] .ol-subs-month{margin:0}
:root[data-page="online"] .ol-subs-month .g-cap{white-space:nowrap}
:root[data-page="online"] .ol-subs-k{display:flex;flex-wrap:wrap;gap:6px 18px}
:root[data-page="online"] .ol-subs-k p{display:grid;gap:1px;margin:0}
:root[data-page="online"] .ol-k-fig{font-size:17px;line-height:1.2;font-weight:300;font-feature-settings:"tnum" 1,"cv11" 1;color:var(--t1)}
:root[data-page="online"] .ol-meter{margin-top:14px}
:root[data-page="online"] .ol-meter-cap{margin:6px 0 0}
:root[data-page="online"] .ol-subs-views{margin-top:12px}
:root[data-page="online"] .ol-view-t{margin:0 0 6px}
:root[data-page="online"] .ol-view-n{margin:6px 0 0}
:root[data-page="online"] .ol-view>.chart{align-self:stretch}
:root[data-page="online"] .ol-often .gc-hb{gap:8px}
:root[data-page="online"] .ol-often .gc-hb-l{margin-bottom:3px}
:root[data-page="online"] .ol-pen{align-self:stretch;gap:8px;padding:16px 20px;margin-top:2px}
:root[data-page="online"] .ol-subs>.ol-foot{margin-top:10px;align-self:flex-start}


:root[data-page="online"] .ol-best{display:flex;flex-direction:column}
:root[data-page="online"] .ol-best-lead{margin:10px 0 0}
:root[data-page="online"] .ol-best-list{display:grid;margin-top:8px}
:root[data-page="online"] .ol-bs{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto 16px;grid-template-areas:"name fig chev" "meter chg chev";column-gap:12px;row-gap:3px;align-items:center;margin:0 -10px;padding:7px 10px;border:0;border-top:1px solid var(--grid);border-radius:13px;background:none;font:inherit;color:var(--t1);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color 150ms var(--ease)}
:root[data-page="online"] .ol-bs:first-child{border-top-color:transparent}
@media (hover:hover) and (pointer:fine){:root[data-page="online"] .ol-bs:hover{background-color:var(--tile)}}
:root[data-page="online"] .ol-bs:active{background-color:var(--key)}
:root[data-page="online"] .ol-bs:focus-visible{outline:2px solid var(--g-focus);outline-offset:0}
:root[data-page="online"] .ol-bs-name{grid-area:name;min-width:0;font-size:14px;line-height:1.3}
:root[data-page="online"] .ol-bs-fig{grid-area:fig;font-size:15px;line-height:1.3;font-weight:300;font-feature-settings:"tnum" 1,"cv11" 1;text-align:right}
:root[data-page="online"] .ol-bs-meter{grid-area:meter;display:block;min-width:0}
:root[data-page="online"] .ol-bs-chg{grid-area:chg;text-align:right;white-space:nowrap}
:root[data-page="online"] .ol-bs>.g-chev{grid-area:chev;margin-top:0;transform:rotate(-90deg)}
:root[data-page="online"] .ol-best-move{margin:10px 0 0}


:root[data-page="online"] .ol-mkt{gap:8px}
:root[data-page="online"] .ol-mkt-in{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
:root[data-page="online"] .ol-note{max-width:none}


:root[data-page="online"] .ol-sh-lead{margin:2px 0 0}
:root[data-page="online"] .ol-sh-find{margin-top:14px}
:root[data-page="online"] .ol-sh-find input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;display:none}
:root[data-page="online"] .ol-sh-list{margin-top:16px}
:root[data-page="online"] .ol-none{margin:12px 0 0}
:root[data-page="online"] .ol-none[hidden]{display:none}
:root[data-page="online"] .ol-sh-cap{margin:14px 0 0}
:root[data-page="online"] .ol-sh-big{margin:2px 0 0}
:root[data-page="online"] .ol-sh-chart{margin-top:12px}
:root[data-page="online"] .ol-sh-chart+.g-cap{margin:8px 0 0}
:root[data-page="online"] .ol-sh-split{margin-top:14px}
:root[data-page="online"] .ol-sh-links{margin-top:14px}
:root[data-page="online"] .ol-sh-h{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:22px}
:root[data-page="online"] .ol-sh-pair{margin-top:14px}
:root[data-page="online"] .ol-sh-pair .g-tile,:root[data-page="online"] .ol-ps-pair .g-tile{display:grid;align-content:start;gap:4px;flex:1;padding:14px 16px}
@media (max-width:359px){:root[data-page="online"] .ol-sh-pair{flex-direction:column}}
:root[data-page="online"] .ol-sh-two{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:4px 28px}
:root[data-page="online"] .ol-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px 28px;margin-top:24px}
:root[data-page="online"] .ol-fact{display:grid;align-content:start;gap:3px;padding-top:12px;border-top:1px solid var(--grid)}
:root[data-page="online"] .ol-fact p{margin:0}
:root[data-page="online"] .ol-fact-fig{font-size:20px;line-height:1.25;font-weight:300;font-feature-settings:"tnum" 1,"cv11" 1;color:var(--t1)}
:root[data-page="online"] .ol-sh-only{margin-top:20px}
:root[data-page="online"] .g-sheet-body .ol-pen{margin-top:14px}


:root[data-page="online"] .ol-ps-top{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px}
:root[data-page="online"] .ol-ps-top p{margin:0}
:root[data-page="online"] .ol-ps-mail{overflow-wrap:anywhere}
:root[data-page="online"] .ol-ps-why{margin:12px 0 0}
:root[data-page="online"] .ol-ps-h{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:24px;padding-top:18px;border-top:1px solid var(--grid)}
:root[data-page="online"] .ol-ps-h+.dm-ahead{margin:14px 0 0}
:root[data-page="online"] .ol-ps-pair{margin-top:12px}
:root[data-page="online"] .ol-ps-last{margin:12px 0 0}
:root[data-page="online"] .ol-ps-year{margin-top:10px}
:root[data-page="online"] .ol-ps-orders{display:grid;margin-top:10px}
:root[data-page="online"] .ol-ps-orders:not(.is-all)>.ol-ps-o:nth-child(n+4){display:none}
:root[data-page="online"] .ol-ps-o{display:grid;grid-template-columns:minmax(0,1fr) auto auto;column-gap:14px;align-items:baseline;padding:7px 0;border-top:1px solid var(--grid);font-size:13.5px;line-height:1.3;color:var(--t1)}
:root[data-page="online"] .ol-ps-amt{text-align:right;font-feature-settings:"tnum" 1,"cv11" 1}
:root[data-page="online"] .ol-kind{display:block;min-width:0}
:root[data-page="online"] .ol-ps-note{margin:8px 0 0}
:root[data-page="online"] .ol-ps-sub{display:grid;justify-items:start;gap:6px;margin-top:18px}
:root[data-page="online"] .ol-ps-sub p{margin:0}
:root[data-page="online"] .ol-ps-none{margin:18px 0 0}
:root[data-page="online"] .ol-pen-slim{padding:14px 18px}
@media (min-width:900px){:root[data-page="online"] .ol-pen-slim{flex-direction:row;align-items:center;column-gap:12px;padding:12px 18px}:root[data-page="online"] .ol-pen-slim>.g-status{flex:none}}
:root[data-page="online"] .ol-ps-privacy{margin:10px 0 0}


:root[data-page="online"] .ol-dates-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}
:root[data-page="online"] .ol-dates-k{margin:18px 0 8px}
:root[data-page="online"] .ol-dates-from{margin-top:14px}
:root[data-page="online"] .ol-dates-from[hidden]{display:none}
:root[data-page="online"] .ol-dates-say{min-height:20px;margin:14px 0 0;font-size:14px;line-height:1.45;color:var(--amber)}


@media (min-width:900px){
  :root[data-page="online"] .ol-grid{--ol-chart:130;gap:16px}
  :root[data-page="online"] .ol-mkt{flex-direction:row;flex-wrap:wrap;align-items:center;column-gap:18px}
  :root[data-page="online"] .ol-sales{container:olsales/inline-size}
  
  @container olsales (min-width:540px){
    :root[data-page="online"] .ol-hero{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:18px;align-items:start;margin-top:12px}
    :root[data-page="online"] .ol-hero-words{margin-top:3px}
    :root[data-page="online"] .ol-sales-chart{margin-top:10px}
  }
  
  @container ol (min-width:880px){
    :root[data-page="online"] .ol-sales{grid-area:sales}:root[data-page="online"] .ol-people{grid-area:people}:root[data-page="online"] .ol-subs{grid-area:subs}:root[data-page="online"] .ol-best{grid-area:best}:root[data-page="online"] .ol-mkt{grid-area:mkt}:root[data-page="online"] .ol-grid>.ol-note{grid-area:note}
    :root[data-page="online"] .ol-grid{column-gap:20px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"sales sales" "people best" "subs subs" "mkt mkt" "note note"}
  }
  @container ol (max-width:1219px){
    :root[data-page="online"] .ol-hero .g-fig-hero{font-size:42px}
  }
  
  @container ol (min-width:1150px){
    :root[data-page="online"] .ol-grid{--ol-chart:0;column-gap:28px;grid-template-columns:minmax(0,1fr) clamp(440px,38cqw,520px);
      grid-template-areas:"sales people" "subs best" "mkt mkt" "note note"}
    :root[data-page="online"] .ol-people{align-self:start}
  }
}

/* ---- packaging/page.css (scoped) ---- */

:root[data-page="packaging"] .pk{container:pk/inline-size}
:root[data-page="packaging"] .pk-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
:root[data-page="packaging"] .pk-lede{margin-top:8px}


:root[data-page="packaging"] .pk-per{display:flex;min-width:0}
:root[data-page="packaging"] .pk-per button{flex:1 1 0;min-width:0;padding:0 6px}


:root[data-page="packaging"] .pk-hero{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "fig" "words" "sizes" "weeks" "foot"}
:root[data-page="packaging"] .pk-hero-head{grid-area:head}

:root[data-page="packaging"] .pk-upd-at{position:relative;display:inline-block;width:0;height:0}
:root[data-page="packaging"] .pk-upd{position:absolute;left:10px;top:-18px}
:root[data-page="packaging"] .pk-upd[hidden]{display:none}
:root[data-page="packaging"] .g-period.g-slot{display:inline-grid}
:root[data-page="packaging"] .pk-fig{grid-area:fig;margin:12px 0 0}
:root[data-page="packaging"] .pk-words{grid-area:words;display:grid;gap:3px;margin-top:8px}
:root[data-page="packaging"] .pk-sizes{grid-area:sizes;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px}
:root[data-page="packaging"] .pk-size{display:flex;flex-direction:column;gap:4px;padding:12px}
:root[data-page="packaging"] .pk-size-k{font-size:14px;line-height:1.3;font-weight:300;color:var(--t1)}

@media (max-width:359px){
  :root[data-page="packaging"] .pk-sizes{grid-template-columns:minmax(0,1fr)}
  :root[data-page="packaging"] .pk-size{flex-direction:row;align-items:baseline;gap:10px}
  :root[data-page="packaging"] .pk-size-k{min-width:40px}
  :root[data-page="packaging"] .pk-size .g-cap{margin-left:auto}
}
:root[data-page="packaging"] .pk-weeks{grid-area:weeks;min-width:0;margin-top:16px}
:root[data-page="packaging"] .pk-chart{min-height:150px}
:root[data-page="packaging"] .pk-chart .gc-col-p{stroke-dasharray:3 3}
:root[data-page="packaging"] .pk-foot{grid-area:foot;display:grid;justify-items:start;gap:6px;margin-top:14px;padding-top:6px;border-top:1px solid var(--grid)}


:root[data-page="packaging"] .pk-sup-cap{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px}

:root[data-page="packaging"] .g-status.pk-checking{padding:0 11px}   
:root[data-page="packaging"] .pk-sup-l{margin-top:8px}


:root[data-page="packaging"] .pk-next{gap:10px}
:root[data-page="packaging"] .pk-rows{display:grid;gap:12px;width:100%}
:root[data-page="packaging"] .pk-row-t{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0 0 2px;font-size:14px;line-height:1.35;color:var(--t1)}
:root[data-page="packaging"] .pk-row .g-pencil-line{font-size:12.5px;line-height:1.4;max-width:none}
:root[data-page="packaging"] .pk-rules-row{margin-top:4px}
:root[data-page="packaging"] .pk-rules-n{margin-top:10px}
:root[data-page="packaging"] .pk-rules-t{margin-top:12px}
:root[data-page="packaging"] .pk-blk{display:block}


@media (min-width:900px){
  :root[data-page="packaging"] .pk-grid{gap:16px}
  :root[data-page="packaging"] .pk-per{display:inline-flex}
  :root[data-page="packaging"] .pk-per button{flex:none;padding:0 14px}
  
  :root[data-page="packaging"] .pk-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:32px;grid-template-areas:"head weeks" "fig weeks" "words weeks" "sizes weeks" "foot foot";align-items:start}
  :root[data-page="packaging"] .pk-sizes{gap:10px}
  :root[data-page="packaging"] .pk-size{padding:14px 16px}
  :root[data-page="packaging"] .pk-weeks{margin-top:0}
  
  @container pk (max-width:903px){
    :root[data-page="packaging"] .pk-hero{grid-template-columns:minmax(0,4fr) minmax(0,3fr);column-gap:24px}
    :root[data-page="packaging"] .pk-size{padding:14px 12px}
  }
  
  @container pk (min-width:1000px){
    :root[data-page="packaging"] .pk-bar{grid-area:bar}:root[data-page="packaging"] .pk-hero{grid-area:hero}:root[data-page="packaging"] .pk-left{grid-area:left}:root[data-page="packaging"] .pk-sup{grid-area:sup}:root[data-page="packaging"] .pk-next{grid-area:next}
    :root[data-page="packaging"] .pk-grid{column-gap:28px;grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-areas:"bar bar" "hero hero" "left left" "sup next"}
  }
}


:root[data-page="packaging"] .pk-left-l .g-line-fig{white-space:nowrap}
@container g-lines (min-width:540px){:root[data-page="packaging"] .pk-left-l{grid-template-columns:repeat(4,minmax(0,1fr))}}
:root[data-page="packaging"] .pk-left-lead{margin:10px 0 0}
:root[data-page="packaging"] .pk-left-offer{margin-top:12px}


:root[data-page="packaging"] .pk-counted>summary{list-style:none;width:fit-content}
:root[data-page="packaging"] .pk-counted>summary::-webkit-details-marker{display:none}
:root[data-page="packaging"] .pk-counted[open]>summary{margin-bottom:6px}
:root[data-page="packaging"] .pk-left-lead{margin-top:6px}

:root[data-page="packaging"] .pk-labels{margin:6px 0 0}
:root[data-page="packaging"] .pk-labels{display:flex}
:root[data-page="packaging"] .pk-labels>.g-status.g-slot{display:inline-grid;align-items:center;width:auto}
:root[data-page="packaging"] .pk-fc5{margin-top:8px}

/* ---- pipeline/page.css (scoped) ---- */


:root[data-page="pipeline"] .pp{container:pp/inline-size}
:root[data-page="pipeline"] .pp-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
:root[data-page="pipeline"] .pp-lede{margin-top:8px}
:root[data-page="pipeline"] .pp .fh-fresh{white-space:normal;text-align:left}
:root[data-page="pipeline"] .pp-quiet{justify-self:start;margin-top:4px}
:root[data-page="pipeline"] .pp-amber{color:var(--amber)}
:root[data-page="pipeline"] .pp-t2{color:var(--t2)}


:root[data-page="pipeline"] .pp-fu{container:ppfu/inline-size}
:root[data-page="pipeline"] .pp-fu-head{flex-wrap:wrap;align-items:baseline;gap:2px 12px}
:root[data-page="pipeline"] .pp-fu-lead{margin-top:8px}
:root[data-page="pipeline"] .pp-fl{margin-top:8px}
:root[data-page="pipeline"] .pp-t{width:calc(100% + 20px);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name fig" "say say";column-gap:8px;row-gap:2px;align-items:start;padding-top:9px;padding-bottom:9px}
:root[data-page="pipeline"] .pp-offer{margin:10px 0 2px}
:root[data-page="pipeline"] .pp-cms{display:grid;gap:8px}
:root[data-page="pipeline"] .pp-cm{display:grid;gap:2px;padding:10px 12px;margin:0}
:root[data-page="pipeline"] .pp-svc{margin-top:0;flex:none}
:root[data-page="pipeline"] .pp-t .g-line-name{font-size:14px}
:root[data-page="pipeline"] .pp-t .g-line-fig{font-size:inherit;font-weight:400}
:root[data-page="pipeline"] .pp-fu-foot{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;margin-top:10px}
:root[data-page="pipeline"] .pp-due{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;min-width:0}
:root[data-page="pipeline"] .pp-all{margin-top:0;flex:none}
@container ppfu (min-width:700px){
  :root[data-page="pipeline"] .pp-fl{grid-auto-flow:column;grid-template-rows:repeat(3,auto);grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px}
  :root[data-page="pipeline"] .pp-t:nth-child(4){border-top:0}
}


:root[data-page="pipeline"] .pp-board{container:ppboard/inline-size}
:root[data-page="pipeline"] .pp-board-lead{margin-top:8px}
:root[data-page="pipeline"] .pp-route{margin-top:10px}
:root[data-page="pipeline"] .pp-cols{margin-top:4px}
:root[data-page="pipeline"] .pp-list{display:grid}
:root[data-page="pipeline"] .pp-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name days" "stage bar";align-items:center;column-gap:12px;row-gap:3px;width:calc(100% + 20px);margin:0 -10px;padding:9px 10px;border-radius:13px;--g-bg:transparent;--g-edge:none;--g-bg-h:var(--tile);--g-bg-p:var(--key)}
:root[data-page="pipeline"] .pp-col+.pp-col .pp-card,:root[data-page="pipeline"] .pp-card+.pp-card{border-top:1px solid var(--grid)}
:root[data-page="pipeline"] .pp-cname{grid-area:name;min-width:0;font-size:14px;line-height:1.35;color:var(--t1)}
:root[data-page="pipeline"] .pp-cstage{grid-area:stage;min-width:0}
:root[data-page="pipeline"] .pp-cdays{grid-area:days;justify-self:end;font-size:12.5px;line-height:1.35;font-feature-settings:"tnum" 1,"cv11" 1;color:var(--t2)}
:root[data-page="pipeline"] .pp-cdays.pp-amber{color:var(--amber)}
:root[data-page="pipeline"] .pp-cbar{grid-area:bar;display:block;width:96px;position:relative}
:root[data-page="pipeline"] .pp-cnote{grid-area:days;justify-self:end;font-size:12.5px;line-height:1.35;color:var(--t2)}
:root[data-page="pipeline"] .pp-long{display:none}
@container ppboard (min-width:700px){
  :root[data-page="pipeline"] .pp-cols{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));column-gap:10px;margin-top:8px}
  :root[data-page="pipeline"] .pp-list{gap:8px}
  :root[data-page="pipeline"] .pp-card{width:100%;margin:0;padding:10px 12px;grid-template-columns:minmax(0,1fr);grid-template-areas:"name" "days" "bar";row-gap:4px;--g-bg:var(--tile);--g-edge:inset 0 0 0 1px var(--tline);--g-bg-h:var(--key);--g-bg-p:var(--key)}
  :root[data-page="pipeline"] .pp-col+.pp-col .pp-card,:root[data-page="pipeline"] .pp-card+.pp-card{border-top:0}
  :root[data-page="pipeline"] .pp-cstage{display:none}
  :root[data-page="pipeline"] .pp-cdays,:root[data-page="pipeline"] .pp-cnote{justify-self:start}
  :root[data-page="pipeline"] .pp-cbar{width:100%}
  :root[data-page="pipeline"] .pp-long{display:grid}
  :root[data-page="pipeline"] .pp-col-off .pp-card{--g-bg:transparent;--g-edge:none;outline:1px dashed var(--hair2);outline-offset:-1px}
}


:root[data-page="pipeline"] .pp-won-row{width:calc(100% + 20px);margin-top:6px}
:root[data-page="pipeline"] .pp-won-figs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0 0}
:root[data-page="pipeline"] .pp-won-tile{padding:12px 14px}
:root[data-page="pipeline"] .pp-won-tile dd{margin:6px 0 0}
:root[data-page="pipeline"] .pp-won-tile .g-cap{display:block;margin-top:4px}
:root[data-page="pipeline"] .pp-won-line{margin-top:10px}
:root[data-page="pipeline"] .pp-won-chart{margin-top:10px}
:root[data-page="pipeline"] .pp-won-foot{margin-top:8px}


:root[data-page="pipeline"] .pp-side{display:flex;flex-direction:column;gap:14px;min-width:0}
:root[data-page="pipeline"] .pp-coming{flex:0 1 auto;gap:14px}
:root[data-page="pipeline"] .pp-pen{display:grid;gap:4px}
:root[data-page="pipeline"] .pp-check{container:ppcheck/inline-size;padding-top:8px;padding-bottom:8px}
@container ppcheck (max-width:380px){
  :root[data-page="pipeline"] .pp-check .g-drawer-head{flex-wrap:wrap}
  :root[data-page="pipeline"] .pp-check .g-drawer-title{flex:1 1 calc(100% - 28px)}
  :root[data-page="pipeline"] .pp-check .g-drawer-head>.g-status{order:3}
}
:root[data-page="pipeline"] .pp-check .g-drawer{border-top:0}
:root[data-page="pipeline"] .pp-check .g-drawer-in{margin:0 -12px;padding:0 12px}
:root[data-page="pipeline"] .pp-check-in{padding-bottom:10px}
:root[data-page="pipeline"] .pp-check-row{width:calc(100% + 20px);margin-top:6px}


:root[data-page="pipeline"] .pp-sh-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px}
:root[data-page="pipeline"] .pp-sh-sec{margin-top:20px}
:root[data-page="pipeline"] .pp-sh-t{margin-bottom:8px}
:root[data-page="pipeline"] .pp-by{margin-top:3px}
:root[data-page="pipeline"] .pp-days{display:flex;align-items:baseline;gap:10px;margin-top:10px}
:root[data-page="pipeline"] .pp-days-bar{display:block;position:relative;margin-top:6px}
:root[data-page="pipeline"] .pp-track{margin-top:2px}
:root[data-page="pipeline"] .pp-dl{display:grid;gap:10px;margin:0}
:root[data-page="pipeline"] .pp-dl dt{font-size:12.5px;line-height:1.3;color:var(--t2)}
:root[data-page="pipeline"] .pp-dl dd{margin:2px 0 0;font-size:14px;line-height:1.45;color:var(--t1)}
:root[data-page="pipeline"] .pp-dl .g-cap{display:block}
:root[data-page="pipeline"] .pp-note-drawer{margin-top:10px}
:root[data-page="pipeline"] .pp-note{padding:12px 14px;font-size:14px;line-height:1.5;color:var(--t1)}
:root[data-page="pipeline"] .pp-link{display:block;width:fit-content;margin-top:8px}
:root[data-page="pipeline"] .pp-sh-foot{margin-top:20px}

:root[data-page="pipeline"] .pp-sheet-lead{margin-bottom:12px}
:root[data-page="pipeline"] .pp-find{margin-bottom:12px}
:root[data-page="pipeline"] .pp-empty{margin-bottom:10px}
:root[data-page="pipeline"] .pp-empty[hidden]{display:none}
:root[data-page="pipeline"] .pp-mfigs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}
:root[data-page="pipeline"] .pp-mfig{padding:12px 14px}
:root[data-page="pipeline"] .pp-mfig dd{margin:6px 0 0}
:root[data-page="pipeline"] .pp-rows{display:grid}
:root[data-page="pipeline"] .pp-rows>.g-line[hidden]{display:none}
:root[data-page="pipeline"] .pp-rows-t{margin:18px 0 6px}
:root[data-page="pipeline"] .pp-under{margin-top:12px}
:root[data-page="pipeline"] .pp-reg-row{width:calc(100% + 20px)}
@media (min-width:900px){:root[data-page="pipeline"] .pp-mfigs{grid-template-columns:repeat(3,minmax(0,1fr))}}


@media (min-width:900px){
  :root[data-page="pipeline"] .pp-grid,:root[data-page="pipeline"] .pp-side{gap:16px}
  @container pp (min-width:880px){
    :root[data-page="pipeline"] .pp-fu{grid-area:fu}:root[data-page="pipeline"] .pp-board{grid-area:board}:root[data-page="pipeline"] .pp-won{grid-area:won}:root[data-page="pipeline"] .pp-side{grid-area:side}:root[data-page="pipeline"] .pp-grid>.g-foot{grid-area:foot}
    :root[data-page="pipeline"] .pp-grid{column-gap:20px;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"fu fu" "board board" "won side" "foot foot"}
    :root[data-page="pipeline"] .pp-won{align-self:start}
  }
  @container pp (min-width:1150px){
    :root[data-page="pipeline"] .pp-grid{column-gap:28px}
  }
}

/* ---- planned-costs/page.css (scoped) ---- */

:root[data-page="planned-costs"] .pc{container:pc/inline-size}
:root[data-page="planned-costs"] .pc-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
:root[data-page="planned-costs"] .pc-ahead{margin-top:-8px}


:root[data-page="planned-costs"] .pc-lede-link.g-link-line{display:inline;margin:0;font-size:inherit;line-height:inherit;color:var(--t1)}


:root[data-page="planned-costs"] .pc-when{display:flex;flex-direction:column}
:root[data-page="planned-costs"] .pc-when:not(.is-empty)>.g-data{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}
:root[data-page="planned-costs"] .pc-chart{height:230px;margin-top:12px}
:root[data-page="planned-costs"] .pc-when-line{margin:10px 0 0}
:root[data-page="planned-costs"] .pc-when .g-empty{margin-top:10px}
:root[data-page="planned-costs"] .pc-when .g-empty p{margin:0}


:root[data-page="planned-costs"] .pc-list{display:flex;flex-direction:column;container:pclist/inline-size}
:root[data-page="planned-costs"] .pc-source{margin:6px 0 0}
:root[data-page="planned-costs"] .pc-only{flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:8px 0 0;font-size:12.5px;line-height:1.4}
:root[data-page="planned-costs"] .pc-rows{margin-top:6px}
:root[data-page="planned-costs"] .pc-row.g-line{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name fig" "say chip";align-items:start;row-gap:1px;padding-top:8px;padding-bottom:8px}
:root[data-page="planned-costs"] .pc-row>.g-line-name{font-size:14px}
:root[data-page="planned-costs"] .pc-row>.g-line-fig{font-size:14px;line-height:1.35;font-weight:400;text-align:right;justify-items:end}
:root[data-page="planned-costs"] .pc-unit{font-size:12.5px;color:var(--t2)}
:root[data-page="planned-costs"] .pc-row>.g-line-say{margin-top:1px}
:root[data-page="planned-costs"] .pc-row>.g-status{grid-area:chip;justify-self:end;height:22px;margin-top:2px;padding:0 9px}
:root[data-page="planned-costs"] .pc-none{margin:6px 0 2px}
:root[data-page="planned-costs"] .pc-foot{margin-top:auto;padding-top:12px}
:root[data-page="planned-costs"] .pc-foot .g-cap{margin:0}
:root[data-page="planned-costs"] .pc-foot .g-link-line{margin-top:4px}


:root[data-page="planned-costs"] .pc-note{max-width:none}
:root[data-page="planned-costs"] .pc-stseg{align-self:flex-start;margin-top:4px}


:root[data-page="planned-costs"] .pc-sh-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;margin-top:2px}
:root[data-page="planned-costs"] .pc-sh-fig{margin:0}
:root[data-page="planned-costs"] .pc-dl{display:grid;margin:16px 0 0}
:root[data-page="planned-costs"] .pc-dl>div{display:grid;grid-template-columns:minmax(0,120px) minmax(0,1fr);column-gap:14px;padding:10px 0;border-top:1px solid var(--grid)}
:root[data-page="planned-costs"] .pc-dl dt{font-size:12.5px;line-height:1.45;color:var(--t2)}
:root[data-page="planned-costs"] .pc-dl dd{margin:0;font-size:14px;line-height:1.4;color:var(--t1)}
:root[data-page="planned-costs"] .pc-kind{display:flex;align-items:center;gap:8px}
:root[data-page="planned-costs"] .pc-glyph{display:inline-flex;flex:none;color:var(--t2)}
:root[data-page="planned-costs"] .pc-sh-note{margin:6px 0 0;padding-top:10px;border-top:1px solid var(--grid)}
:root[data-page="planned-costs"] .pc-sh-only{flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:14px 0 0;font-size:12.5px;line-height:1.4}


:root[data-page="planned-costs"] .pc-how{container:pchow/inline-size}
:root[data-page="planned-costs"] .pc-how+.pc-how{margin-top:24px;padding-top:20px;border-top:1px solid var(--grid)}
:root[data-page="planned-costs"] .pc-how>.g-cap{margin:0}
:root[data-page="planned-costs"] .pc-how-h{margin:4px 0 0;font-size:15px;line-height:1.35;font-weight:400;letter-spacing:-0.01em;color:var(--t1)}
:root[data-page="planned-costs"] .pc-sh-em{color:var(--t2)}
:root[data-page="planned-costs"] .pc-how-t{margin-top:12px}
:root[data-page="planned-costs"] .pc-how-t th{white-space:normal}
:root[data-page="planned-costs"] .pc-how-t tbody th{padding:8px 0;border-top:1px solid var(--grid);text-align:left;font-weight:400}
:root[data-page="planned-costs"] .pc-how-c{width:58px;text-align:center}
:root[data-page="planned-costs"] .pc-how-d{text-align:center}
:root[data-page="planned-costs"] .pc-how-n{display:block;font-size:14px;line-height:1.35;color:var(--t1)}
:root[data-page="planned-costs"] .pc-how-s{display:block;margin-top:1px}
:root[data-page="planned-costs"] .pc-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--t1);vertical-align:middle}
:root[data-page="planned-costs"] .pc-dot.is-off{background:none;box-shadow:inset 0 0 0 1px var(--t3)}
@container pchow (max-width:360px){:root[data-page="planned-costs"] .pc-how-c{width:42px}}
:root[data-page="planned-costs"] .pc-how-foot{margin:10px 0 0}
:root[data-page="planned-costs"] .pc-how-l{display:grid;gap:10px;margin:12px 0 0;padding:0;list-style:none}
:root[data-page="planned-costs"] .pc-fc-h{display:block}
:root[data-page="planned-costs"] .pc-fc-r{display:grid;grid-template-columns:18px minmax(0,1fr);gap:6px;margin-top:2px}
:root[data-page="planned-costs"] .pc-fc-i{display:inline-flex;margin-top:3px;color:var(--t2)}
:root[data-page="planned-costs"] .pc-fc-t{font-size:14px;line-height:1.4;color:var(--t1)}



@container pclist (min-width:410px){
  :root[data-page="planned-costs"] .pc-row.g-line{grid-template-columns:minmax(0,1fr) auto 62px;grid-template-areas:"name fig chip" "say say chip";column-gap:12px}
  :root[data-page="planned-costs"] .pc-row>.g-status{align-self:center;margin-top:0}
}
@media (min-width:900px){
  :root[data-page="planned-costs"] .pc-grid{gap:16px}
  
  @container pc (min-width:1120px){
    :root[data-page="planned-costs"] .pc-when{grid-area:when}:root[data-page="planned-costs"] .pc-list{grid-area:list}:root[data-page="planned-costs"] .pc-note{grid-area:note}
    :root[data-page="planned-costs"] .pc-grid{column-gap:28px;grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-template-areas:"when list" "note note"}
  }
}


:root[data-page="planned-costs"] .pc-rules>summary{list-style:none;width:fit-content}
:root[data-page="planned-costs"] .pc-rules>summary::-webkit-details-marker{display:none}
:root[data-page="planned-costs"] .pc-rules[open]>summary{margin-bottom:8px}

/* ---- report/page.css (scoped) ---- */


:root[data-page="report"] .rp{container:rp/inline-size}
:root[data-page="report"] .rp-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
@keyframes rp-soft{from{opacity:.4;translate:0 4px}to{opacity:1;translate:0 0}}
:root[data-page="report"] .rp-swap{animation:rp-soft 320ms var(--ease)}


:root[data-page="report"] .rp-note{max-width:none;margin:-8px 0 18px}
:root[data-page="report"] .rp-note-keys{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}


:root[data-page="report"] .rp-cover,:root[data-page="report"] .rp-deck{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"kick orb" "title orb" "line line" "figs figs";column-gap:16px;align-items:start}
:root[data-page="report"] .rp-cover{container:rpcover/inline-size}
:root[data-page="report"] .rp-orb{grid-area:orb;display:block;width:52px;height:52px;margin:-6px -6px 0 0}
:root[data-page="report"] .rp-orb canvas{display:block;width:52px;height:52px}
:root[data-page="report"] .rp-kick{grid-area:kick;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;min-height:26px;margin:0}
:root[data-page="report"] .rp-ct{grid-area:title;margin:10px 0 0;font-size:22px;line-height:1.25;font-weight:300;letter-spacing:-0.018em;color:var(--t1);text-wrap:pretty}
:root[data-page="report"] .rp-cl{grid-area:line;margin:8px 0 0;font-size:14px;line-height:1.45;color:var(--t2);text-wrap:pretty}

:root[data-page="report"] .rp-figs{grid-area:figs;display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:14px;margin-top:14px}
:root[data-page="report"] .rp-f{grid-column:1/-1;display:grid;grid-template-columns:subgrid;align-items:baseline;padding:10px 0;border-top:1px solid var(--grid)}
:root[data-page="report"] .rp-f:last-child{padding-bottom:0}
:root[data-page="report"] .rp-fv{font-size:30px}
:root[data-page="report"] .rp-fl{min-width:0;text-wrap:pretty}
:root[data-page="report"] .rp-look{color:var(--amber)}
@container rpcover (min-width:520px){
  :root[data-page="report"] .rp-figs{grid-template-columns:repeat(var(--n,3),minmax(0,1fr));column-gap:22px;margin-top:18px;padding-top:16px;border-top:1px solid var(--grid)}
  :root[data-page="report"] .rp-f{grid-column:auto;display:flex;flex-direction:column;gap:8px;padding:0;border-top:0}
  :root[data-page="report"] .rp-fv{font-size:40px}
}


:root[data-page="report"] .rp-doc{container:rpdoc/inline-size}
:root[data-page="report"] .rp-meta{margin:0;text-wrap:pretty}
:root[data-page="report"] .rp-part{padding:6px 0}
:root[data-page="report"] .rp-ph{display:flex;align-items:baseline;gap:12px;margin:0;font-size:15px;line-height:1.35;font-weight:400;color:var(--t1)}
:root[data-page="report"] .rp-pn{flex:none;min-width:17px;font-size:12.5px;line-height:1;color:var(--t2);font-feature-settings:"tnum" 1,"cv11" 1}
:root[data-page="report"] .rp-pb{display:grid;gap:10px;min-width:0;margin-top:8px}
:root[data-page="report"] .rp-pb>p:not(.g-cap){margin:0;max-width:72ch;font-size:14px;line-height:1.45;color:var(--t1);text-wrap:pretty}
:root[data-page="report"] .rp-pb>p.rp-lead{font-size:15px;line-height:1.4}   
:root[data-page="report"] .rp-pb>.g-link-line,:root[data-page="report"] .rp-foot .g-link-line{margin-top:0}
:root[data-page="report"] .rp-pb>.rp-go{justify-self:start}
:root[data-page="report"] .rp-gate{max-width:none}

:root[data-page="report"] .rp-in{position:relative;color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:var(--t3);-webkit-tap-highlight-color:transparent}
:root[data-page="report"] .rp-in::after{content:"";position:absolute;left:-4px;right:-4px;top:min(0px,calc(50% - 18px));bottom:min(0px,calc(50% - 18px))}
@media (pointer:coarse),(max-width:899px){:root[data-page="report"] .rp-in::after{top:min(0px,calc(50% - 22px));bottom:min(0px,calc(50% - 22px))}}
@media (hover:hover) and (pointer:fine){:root[data-page="report"] .rp-in:hover{text-decoration-color:var(--t1)}}
:root[data-page="report"] .rp-in:focus-visible{outline:2px solid var(--g-focus);outline-offset:3px}


:root[data-page="report"] .rp-xh{margin:0;font:inherit}
:root[data-page="report"] .rp-x .g-drawer-head{align-items:flex-start;min-height:44px;padding:11px 12px}
:root[data-page="report"] .rp-x .g-drawer-head .rp-pn{margin-top:3px}
:root[data-page="report"] .rp-x .g-drawer-head .g-chev{margin-top:1px}
:root[data-page="report"] .rp-x .g-drawer-title{flex-direction:row;flex-wrap:wrap;align-items:baseline;column-gap:12px;row-gap:2px}
:root[data-page="report"] .rp-xt{font-size:15px;line-height:1.35;color:var(--t1)}
:root[data-page="report"] .rp-xk{min-width:0}
:root[data-page="report"] .rp-x.is-open .rp-xk{display:none}
:root[data-page="report"] .rp-x .rp-pb{margin-top:2px}

:root[data-page="report"] .rp-foot{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 12px;margin:0;padding-top:10px;border-top:1px solid var(--grid)}


:root[data-page="report"] .rp-lines{margin-top:0}
:root[data-page="report"] .rp-line{grid-template-areas:"name fig" "say say" "lfl lfl" "meter meter";align-content:start}
:root[data-page="report"] .rp-lines>.rp-line{padding-top:8px;padding-bottom:8px}

:root[data-page="report"] .rp-lines>.rp-line+.rp-line{border-top:0;background-image:linear-gradient(var(--grid),var(--grid));background-repeat:no-repeat;background-size:calc(100% - 20px) 1px;background-position:10px 0}
:root[data-page="report"] .rp-meter{grid-area:meter;display:block;min-width:0;margin-top:7px}
:root[data-page="report"] .rp-meter svg{display:block}
:root[data-page="report"] .rp-lfl{grid-area:lfl;margin-top:1px;text-wrap:pretty}
@container rpdoc (min-width:480px){
  :root[data-page="report"] .rp-lines{grid-template-columns:auto minmax(48px,1fr) auto auto;column-gap:14px}
  :root[data-page="report"] .rp-lines>.rp-line{grid-column:1/-1;grid-template-columns:subgrid;grid-template-areas:none;align-items:center;padding-top:4px;padding-bottom:4px;min-height:36px}
  :root[data-page="report"] .rp-line .g-line-name{grid-area:auto;grid-column:1;grid-row:1}
  :root[data-page="report"] .rp-meter{grid-area:auto;grid-column:2;grid-row:1;margin-top:0}
  :root[data-page="report"] .rp-line .g-line-fig{grid-area:auto;grid-column:3;grid-row:1;display:block;text-align:right}
  :root[data-page="report"] .rp-line .g-line-say{grid-area:auto;grid-column:4;grid-row:1;margin-top:0;white-space:nowrap}
  :root[data-page="report"] .rp-lfl{grid-area:auto;grid-column:2/-1;grid-row:2;margin-top:0}
}

@media (pointer:coarse){:root[data-page="report"] .rp-lines>.rp-line{min-height:44px}}
:root[data-page="report"] .rp-links{margin-top:0}
:root[data-page="report"] .rp-links .g-cap+.g-cap{margin-top:-1px}
:root[data-page="report"] .rp-links .g-link-t .g-chev{vertical-align:-3px}
:root[data-page="report"] .rp-chip{flex:none;margin-left:8px}
:root[data-page="report"] .rp-chip:empty{display:none}
:root[data-page="report"] .rp-pb>p.rp-callout{max-width:none;margin:2px 0 0;padding:12px 14px;font-size:14px;line-height:1.45}
:root[data-page="report"] .rp-days{display:block;min-width:0}
:root[data-page="report"] .rp-days svg{display:block}
:root[data-page="report"] .rp-checks{gap:12px}
:root[data-page="report"] .rp-checks .g-thin-sub{line-height:1.4;text-wrap:pretty}
:root[data-page="report"] .rp-checks .g-thin-name{text-wrap:pretty}

:root[data-page="report"] .rp-pens{gap:8px}
:root[data-page="report"] .rp-pen{border-left-style:dashed}
:root[data-page="report"] .rp-pen-h{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px}
:root[data-page="report"] .g-thin>.rp-pen{padding-top:2px;padding-bottom:2px}
:root[data-page="report"] .rp-pen .g-thin-sub{line-height:1.4;text-wrap:pretty}


:root[data-page="report"] .rp-rows{gap:10px;margin-top:14px}
:root[data-page="report"] .rp-row{width:100%;gap:3px;border-top:0;border-right:0;border-bottom:0;background:none;font:inherit;-webkit-tap-highlight-color:transparent;transition:border-color 150ms var(--ease)}
:root[data-page="report"] .g-thin>.rp-row{padding-top:3px;padding-bottom:3px}
:root[data-page="report"] .rp-row .g-thin-name{text-wrap:pretty}
:root[data-page="report"] .rp-row .g-thin-sub{display:flex;flex-wrap:wrap;align-items:center;gap:2px 8px;line-height:1.4}
:root[data-page="report"] .rp-row[aria-current="true"]{border-left-color:var(--t1)}
:root[data-page="report"] .rp-row:focus-visible{outline:2px solid var(--g-focus);outline-offset:2px}
:root[data-page="report"] .rp-row[hidden]{display:none}
:root[data-page="report"] .rp-arch>.g-link-line{margin-top:12px}
:root[data-page="report"] .rp-rows+.rp-pen{margin-top:10px}


:root[data-page="report"] .rp-sdoc{display:grid;gap:16px;min-width:0}
:root[data-page="report"] .rp-cover-s .rp-ct{margin-top:4px;font-size:20px;line-height:1.3;letter-spacing:-0.01em}
:root[data-page="report"] .rp-doc-s{border-top:1px solid var(--grid);padding-top:12px}
:root[data-page="report"] .rp-doc-s .rp-foot{margin-top:2px}

:root[data-page="report"] .rp-find{margin-bottom:12px}
:root[data-page="report"] .rp-kinds{margin-bottom:16px}
:root[data-page="report"] .rp-kinds .g-chip{cursor:pointer}
:root[data-page="report"] .rp-rows-s{margin-top:0}
:root[data-page="report"] .rp-none{margin:12px 0 0}
:root[data-page="report"] .rp-none[hidden]{display:none}


:root[data-page="report"] .rp-new{display:grid;gap:14px}
:root[data-page="report"] .rp-band{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 22px}
:root[data-page="report"] .rp-band-t{flex:1 1 280px;min-width:0;display:grid;gap:6px}
:root[data-page="report"] .rp-band-t>p{margin:0}
:root[data-page="report"] .rp-band-e{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px}
:root[data-page="report"] .rp-spine{display:block;width:96px}
:root[data-page="report"] .rp-spine svg{display:block}
:root[data-page="report"] .rp-seal{display:block;flex:none;width:26px;height:26px;color:var(--g-green)}

@keyframes rp-draw-c{from{stroke-dashoffset:76}to{stroke-dashoffset:0}}
@keyframes rp-draw-p{from{stroke-dashoffset:16}to{stroke-dashoffset:0}}
:root[data-page="report"] .rp-seal circle{fill:none;stroke:currentColor;stroke-width:1.25;stroke-dasharray:76;animation:rp-draw-c 760ms var(--out) 180ms backwards;transform:rotate(-90deg);transform-origin:13px 13px}
:root[data-page="report"] .rp-seal path{fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:16;animation:rp-draw-p 380ms var(--out) 760ms backwards}
:root[data-page="report"] .rp-pair{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
:root[data-page="report"] .rp-deck{grid-template-rows:auto 1fr auto auto;grid-template-areas:"kick orb" "title orb" "line line" "chip chip"}
:root[data-page="report"] .rp-deck>.rp-ct{align-self:end}
:root[data-page="report"] .rp-orb-l,:root[data-page="report"] .rp-orb-l canvas{width:84px;height:84px}
:root[data-page="report"] .rp-deck-s{grid-area:chip;margin:14px 0 0}
:root[data-page="report"] .rp-qcard{display:flex;flex-direction:column}
:root[data-page="report"] .rp-qcard>.g-head{align-items:center}
:root[data-page="report"] .rp-msg{display:grid;gap:12px;margin-top:14px;padding:14px 16px}
:root[data-page="report"] .rp-msg-h{display:flex;align-items:center;gap:10px;min-width:0}
:root[data-page="report"] .rp-who{display:grid;gap:2px;min-width:0}
:root[data-page="report"] .rp-q{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;margin:0;font-size:14px;line-height:1.45;color:var(--t1)}
:root[data-page="report"] .rp-qn{color:var(--t2);font-feature-settings:"tnum" 1,"cv11" 1}
:root[data-page="report"] .rp-act{margin:12px 0 0}
:root[data-page="report"] .rp-stand{max-width:none;margin-top:12px}
:root[data-page="report"] .rp-weekp{container:rpweek/inline-size}
:root[data-page="report"] .rp-week{display:block;min-width:0;margin-top:12px}
:root[data-page="report"] .rp-week svg{display:block}
:root[data-page="report"] .rp-wk{display:grid;margin-top:8px}
:root[data-page="report"] .rp-wkr{display:grid;gap:6px;justify-items:start;padding:12px 0;border-top:1px solid var(--grid)}
:root[data-page="report"] .rp-wkr:last-child{padding-bottom:0}
:root[data-page="report"] .rp-wkr .g-cap{text-wrap:pretty}
@container rpweek (min-width:600px){:root[data-page="report"] .rp-wk{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}:root[data-page="report"] .rp-wkr:nth-last-child(2){padding-bottom:0}}
:root[data-page="report"] .rp-past .rp-pens{margin-top:10px}
:root[data-page="report"] .rp-side2{display:grid;gap:14px;min-width:0;align-content:start}
:root[data-page="report"] .rp-toc2 .g-link-t .rp-pn{margin-right:12px}
:root[data-page="report"] .rp-past1 .rp-rows{margin-top:10px}
:root[data-page="report"] .rp-doc1 .rp-part+.rp-part{border-top:1px solid var(--grid)}
:root[data-page="report"] .rp-doc1 .rp-part:first-child{padding-top:0}
:root[data-page="report"] .rp-doc1 .rp-part:last-child{padding-bottom:0}
:root[data-page="report"] .rp-part{scroll-margin-top:calc(var(--dm-head-h) + 8px)}

@media (max-width:899px){
  :root[data-page="report"] .rp-orb,:root[data-page="report"] .rp-orb canvas{width:44px;height:44px}
  :root[data-page="report"] .rp-orb{margin:-4px -4px 0 0}
  :root[data-page="report"] .rp-orb-l,:root[data-page="report"] .rp-orb-l canvas{width:64px;height:64px}
  :root[data-page="report"] .rp-ct{font-size:20px;line-height:1.3}
  :root[data-page="report"] .rp-note{margin:-4px 0 16px}
}
@media (prefers-reduced-motion:reduce){:root[data-page="report"] .rp-swap,:root[data-page="report"] .rp-seal circle,:root[data-page="report"] .rp-seal path{animation:none}}


@media (min-width:900px){
  :root[data-page="report"] .rp-grid,:root[data-page="report"] .rp-new,:root[data-page="report"] .rp-pair,:root[data-page="report"] .rp-side2{gap:16px}
  :root[data-page="report"] .rp-x .g-drawer-head{min-height:40px;padding-top:9px;padding-bottom:9px}
  
  @container rp (min-width:820px){:root[data-page="report"] .rp-grid.rp-gm{column-gap:20px;grid-template-columns:minmax(0,4fr) minmax(0,8fr);grid-template-rows:auto auto 1fr;grid-template-areas:"arch note" "aside note" ". note";align-items:start}:root[data-page="report"] .rp-gm>.rp-mnote{grid-area:note}:root[data-page="report"] .rp-gm>.rp-maside{grid-area:aside;align-self:start}:root[data-page="report"] .rp-gm>.rp-arch{grid-area:arch;align-self:start}}
  @container rp (min-width:960px){
    :root[data-page="report"] .rp-grid>.rp-cover{grid-area:cover}:root[data-page="report"] .rp-grid>.rp-doc{grid-area:doc}:root[data-page="report"] .rp-grid>.rp-arch{grid-area:arch;align-self:start}
    :root[data-page="report"] .rp-grid{column-gap:20px;grid-template-columns:minmax(0,4fr) minmax(0,8fr);grid-template-rows:auto 1fr;grid-template-areas:"arch cover" "arch doc";align-items:start}

    :root[data-page="report"] .rp-pair{column-gap:20px;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:stretch}
  }
  @container rp (min-width:1150px){
    :root[data-page="report"] .rp-grid,:root[data-page="report"] .rp-pair{column-gap:28px}
  }
}
@media (min-width:900px) and (min-height:740px){
  @container rp (min-width:960px){:root[data-page="report"] .rp-arch{position:sticky;top:calc(var(--dm-head-h) + 16px)}}
}

@media (pointer:coarse) and (min-width:900px){
  :root[data-page="report"] .rp-x .g-drawer-head{min-height:44px;padding-top:11px;padding-bottom:11px}
  :root[data-page="report"] .rp-doc:not(.rp-doc1)>.rp-part{padding:2px 0 0}
  :root[data-page="report"] .rp-doc:not(.rp-doc1)>.rp-part>.rp-pb{margin-top:2px;row-gap:6px}
  :root[data-page="report"] .rp-doc>.rp-foot{padding-top:2px}
}


:root[data-page="report"] .rp-mnote,:root[data-page="report"] .rp-maside{display:grid;gap:14px;align-content:start;min-width:0}
:root[data-page="report"] .rp-mnote-s{min-width:0}
:root[data-page="report"] .rp-mnote>.nv-rep{display:grid;gap:14px}
@media (max-width:599px){:root[data-page="report"] .rp-grid.rp-gm{gap:10px}}

/* ---- requests/page.css (scoped) ---- */

:root[data-page="requests"] .rq{container:rq/inline-size}
:root[data-page="requests"] .rq-grid{--rq-form:list;--rq-road:row;display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
:root[data-page="requests"] .rq-grid>*{min-width:0}
:root[data-page="requests"] .rq-grid>[hidden]{display:none}


:root[data-page="requests"] .rq-clause{position:relative;display:inline-block;margin:0;padding:0;border:0;background:none;font:inherit;letter-spacing:inherit;color:inherit;text-align:left;text-wrap:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color 150ms var(--ease)}
:root[data-page="requests"] .rq-clause-u{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:0.12em;text-decoration-color:var(--t4);transition:text-decoration-color 150ms var(--ease)}
:root[data-page="requests"] .rq-clause::after{content:"";position:absolute;left:-8px;right:-8px;top:min(0px,calc(50% - 18px));bottom:min(0px,calc(50% - 18px))}
@media (pointer:coarse),(max-width:899px){:root[data-page="requests"] .rq-clause::after{top:min(0px,calc(50% - 22px));bottom:min(0px,calc(50% - 22px))}}
@media (hover:hover) and (pointer:fine){:root[data-page="requests"] .rq-clause:hover{color:var(--t1)}:root[data-page="requests"] .rq-clause:hover .rq-clause-u{text-decoration-color:var(--t2)}}
:root[data-page="requests"] .rq-clause:focus-visible{outline:2px solid var(--g-focus);outline-offset:3px}


:root[data-page="requests"] .rq-deck{display:flex;flex-direction:column}
:root[data-page="requests"] .rq-hero{display:flex;align-items:flex-end;gap:14px;margin:14px 0 0}
:root[data-page="requests"] .rq-hero-say{max-width:176px;padding-bottom:3px;font-size:15px;line-height:1.3;color:var(--t2)}
:root[data-page="requests"] .rq-pies{margin-top:20px}
:root[data-page="requests"] .rq-next{display:flex;align-items:center;gap:12px;width:100%;margin-top:18px;padding:12px 14px 12px 16px;text-align:left}
:root[data-page="requests"] .rq-next[hidden]{display:none}
:root[data-page="requests"] .rq-next-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
:root[data-page="requests"] .rq-next-h{font-size:15px;line-height:1.3;font-weight:400;letter-spacing:-0.01em;color:var(--t1)}
:root[data-page="requests"] .rq-next>.g-chev{margin-top:0;transform:rotate(-90deg)}
:root[data-page="requests"] .rq-keys{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:16px}


:root[data-page="requests"] .rq-board{container:rqboard/inline-size}
:root[data-page="requests"] .rq-bhead{display:flex;flex-direction:column;gap:12px}
:root[data-page="requests"] .rq-bhead-t{min-width:0}
:root[data-page="requests"] .rq-bhead-t .g-cap{margin:4px 0 0}
:root[data-page="requests"] .rq-filter{align-self:flex-start;max-width:100%}
:root[data-page="requests"] .rq-board[data-form="list"] .rq-filter{display:flex;align-self:stretch}
:root[data-page="requests"] .rq-board[data-form="list"] .rq-filter button{flex:1 1 0;min-width:0;padding-left:6px;padding-right:6px}
:root[data-page="requests"] .rq-board.is-empty .rq-filter{display:none}


:root[data-page="requests"] .rq-lanes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:14px}
:root[data-page="requests"] .rq-lane{display:flex;flex-direction:column;min-width:0}
:root[data-page="requests"] .rq-lh{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:0 2px}
:root[data-page="requests"] .rq-lt{margin:0;font-size:14px;line-height:1.3;font-weight:400;letter-spacing:-0.01em;color:var(--t1)}
:root[data-page="requests"] .rq-ln{font-size:12.5px;line-height:1;color:var(--t2);font-feature-settings:"tnum" 1,"cv11" 1}
:root[data-page="requests"] .rq-lmeter{display:block;margin:6px 0 10px}
:root[data-page="requests"] .rq-cards{display:flex;flex-direction:column;gap:8px}
:root[data-page="requests"] .rq-none{padding:4px 2px}
:root[data-page="requests"] .rq-card{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:11px 13px;transition:background-color 150ms var(--ease),transform 150ms var(--ease)}
:root[data-page="requests"] .rq-card-top{display:flex;align-items:center;flex-wrap:wrap;gap:2px 8px;width:100%;margin:0}
:root[data-page="requests"] .rq-pips{display:block;flex:none}
:root[data-page="requests"] .rq-card-d{font-size:12px;line-height:16px;color:var(--t2);font-feature-settings:"tnum" 1,"cv11" 1;white-space:nowrap}
:root[data-page="requests"] .rq-today{color:var(--t1)}
:root[data-page="requests"] .rq-card-who{margin-left:auto;font-size:12px;line-height:16px;color:var(--t2);white-space:nowrap}
:root[data-page="requests"] .rq-card-t{margin:1px 0 0;font:inherit}
:root[data-page="requests"] .rq-card-b{display:block;padding:0;border:0;background:none;font-size:14px;line-height:1.3;font-weight:400;letter-spacing:-0.01em;color:var(--t1);text-align:left;text-wrap:pretty;cursor:pointer;-webkit-tap-highlight-color:transparent}
:root[data-page="requests"] .rq-card-b::after{content:"";position:absolute;inset:0;border-radius:inherit}
:root[data-page="requests"] .rq-card-b:focus-visible{outline:none}
:root[data-page="requests"] .rq-card-b:focus-visible::after{outline:2px solid var(--g-focus);outline-offset:2px;border-radius:var(--rt)}
@media (hover:hover) and (pointer:fine){:root[data-page="requests"] .rq-card:has(.rq-card-b:hover){background-color:var(--key);--t2:var(--g-t2-lit);--t3:var(--g-t2-lit)}}
:root[data-page="requests"] .rq-card:has(.rq-card-b:active){transform:scale(0.98)}
:root[data-page="requests"] .rq-card-chip{margin-top:2px}
:root[data-page="requests"] .rq-land{position:relative;z-index:1;margin-top:0}
:root[data-page="requests"] .rq-more{align-self:flex-start;margin-top:8px;margin-left:2px}


:root[data-page="requests"] .rq-list{margin-top:14px}
:root[data-page="requests"] .rq-row{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:14px;row-gap:2px;align-items:center;width:100%;padding-right:2px}
:root[data-page="requests"] .rq-row>.g-thin-name,:root[data-page="requests"] .rq-row>.g-thin-sub{grid-column:1;min-width:0}
:root[data-page="requests"] .rq-row>.rq-pips{grid-column:2;grid-row:1/span 2}
:root[data-page="requests"] .rq-row>.rq-row-flag{grid-column:1/-1;grid-row:3}
:root[data-page="requests"] .rq-row:focus-visible{outline:2px solid var(--g-focus);outline-offset:2px;border-radius:11px}


@container rqboard (max-width:290px){
  :root[data-page="requests"] .rq-row{grid-template-columns:auto minmax(0,1fr);column-gap:10px}
  :root[data-page="requests"] .rq-row>.g-thin-name{grid-column:1/-1}
  :root[data-page="requests"] .rq-row>.g-thin-sub{grid-column:2;grid-row:2}
  :root[data-page="requests"] .rq-row>.rq-pips{grid-column:1;grid-row:2}
}
@container rqboard (min-width:620px){
  :root[data-page="requests"] .rq-list{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);grid-template-rows:repeat(var(--rq-half),auto);column-gap:28px;align-items:start}
}


:root[data-page="requests"] .rq-road{display:flex;flex-direction:column}
:root[data-page="requests"] .rq-road-now{margin-top:10px;font-size:20px;line-height:1.25}
:root[data-page="requests"] .rq-roadc{margin-top:12px}
:root[data-page="requests"] .rq-rd{margin-top:6px}
:root[data-page="requests"] .rq-rd-in{display:flex;flex-direction:column;gap:4px}
:root[data-page="requests"] .rq-rd-bar{margin-top:4px}
:root[data-page="requests"] .rq-rd-bar .g-link-line{margin-top:0}
:root[data-page="requests"] .rq-rfoot{margin:14px 0 0}


:root[data-page="requests"] .rq-nn{padding:6px 22px}
:root[data-page="requests"] .rq-nn .g-drawer{border-top:0}
:root[data-page="requests"] .rq-nn-i{display:flex;flex-direction:column;gap:8px;max-width:720px;padding:2px 0 6px}
:root[data-page="requests"] .rq-nn-i .g-body-s,:root[data-page="requests"] .rq-nn-i .g-cap{margin:0}


:root[data-page="requests"] .rq-only{margin:2px 0 0}
:root[data-page="requests"] .rq-note{max-width:none}
:root[data-page="requests"] .rq-note-keys{display:flex;flex-wrap:wrap;gap:8px}



:root[data-page="requests"] .g-sheet-foot:has([data-rq-add],[data-rq-send]){flex-wrap:wrap}
:root[data-page="requests"] .rq-sh{display:flex;flex-direction:column;gap:16px}
:root[data-page="requests"] .rq-sh-st{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;margin:0;font-size:14px;line-height:1.3}
:root[data-page="requests"] .rq-ring{display:block;flex:none;width:20px;height:20px}
:root[data-page="requests"] .rq-sh-word{color:var(--t2)}
:root[data-page="requests"] .rq-sh-q{display:flex;flex-direction:column;gap:14px}
:root[data-page="requests"] .rq-sh-q .g-body{margin:0}
:root[data-page="requests"] .rq-sh-mean{margin:0;color:var(--t2)}
:root[data-page="requests"] .rq-sh-track{margin-top:2px}
:root[data-page="requests"] .rq-sh-land{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:4px 16px}
:root[data-page="requests"] .rq-sh-land .g-body-s{color:var(--t1)}
:root[data-page="requests"] .rq-sh-to{margin-top:0;font-size:14px;color:var(--t1)}
:root[data-page="requests"] .rq-sh-log{display:flex;flex-direction:column;gap:10px}
:root[data-page="requests"] .rq-sh-log>.g-cap{margin:0}
:root[data-page="requests"] .rq-said{color:var(--t1)}
:root[data-page="requests"] .rq-sh-undo{align-self:flex-start;margin-top:2px}
:root[data-page="requests"] .rq-sh-keys{display:flex;flex-wrap:wrap;gap:8px}
:root[data-page="requests"] .rq-sh-ask{align-self:flex-start}
:root[data-page="requests"] .rq-form{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
:root[data-page="requests"] .rq-form .g-field{width:100%}
:root[data-page="requests"] .rq-ask{display:flex;flex-direction:column;gap:14px}
:root[data-page="requests"] .rq-ask .g-body-s,:root[data-page="requests"] .rq-ask .g-cap{margin:0}
:root[data-page="requests"] .rq-ask-ex{display:flex;flex-wrap:wrap;gap:8px}
:root[data-page="requests"] .rq-lane-l{margin-top:14px}
:root[data-page="requests"] .rq-sh-road .rq-road-now{margin-top:0}


@media (min-width:900px){
  :root[data-page="requests"] .rq-grid{gap:16px}
}
@container rq (min-width:880px){
  :root[data-page="requests"] .rq-deck{grid-area:deck}:root[data-page="requests"] .rq-road{grid-area:road}:root[data-page="requests"] .rq-board{grid-area:board}:root[data-page="requests"] .rq-nn{grid-area:nn}:root[data-page="requests"] .rq-only{grid-area:only}:root[data-page="requests"] .rq-note{grid-area:note}
  :root[data-page="requests"] .rq-grid{--rq-road:panel;column-gap:20px;grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-areas:"deck road" "board board" "nn nn" "only only" "note note"}
}

@container rq (min-width:1000px){
  :root[data-page="requests"] .rq-grid{--rq-form:lanes}
  :root[data-page="requests"] .rq-bhead{flex-direction:row;align-items:flex-start;justify-content:space-between;gap:20px}
}
@container rq (min-width:1200px){
  :root[data-page="requests"] .rq-grid{column-gap:28px;grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
}


:root[data-page="requests"] .rq-grid.rq-grid-landed{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:none}
:root[data-page="requests"] .rq-grid-landed>*{grid-area:auto}
:root[data-page="requests"] .rq-land{display:flex;flex-direction:column;gap:2px}
:root[data-page="requests"] .rq-land-say{margin-top:4px;color:var(--t2)}
:root[data-page="requests"] .rq-go{margin-top:6px}
:root[data-page="requests"] .rq-landed .rq-keys{margin-top:14px}

/* ---- servicing/global.css ---- */
/* Servicing (part 2): the place's cards, drawn on the owner's page and in the servicing seat's Home, so unscoped; prefix sv-.
   The order is the phone's; from a wide column the due list sits beside the machines and the engineer. Tokens only. */
.sv{container:sv/inline-size}
.sv-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
.sv-side{display:grid;gap:14px;align-content:start;min-width:0}
.sv-offer{margin:4px 0 10px}
.sv-sub{margin:14px 0 6px;font-weight:400}
.sv-rows{display:flex;flex-direction:column}
.sv-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid var(--grid)}
.sv-row:first-child{border-top:0}
.sv-row-t{display:flex;flex-direction:column;gap:2px;min-width:0}
.sv-row>.g-status{flex:none}
.sv-chips{margin:10px 0 6px}
.sv-all{margin-top:6px}
.sv-eng-n{margin:8px 0 2px;font-size:20px;line-height:1.25;font-weight:300;color:var(--t1)}
.sv-eng-l{margin:8px 0 0;color:var(--t2)}
.sv-pen .g-pencil-line{max-width:52ch}
.sv-note{margin-top:18px}
.sv-foot{margin-top:6px}
.sv-under{margin-top:12px}
@container sv (min-width:1000px){
  .sv-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start}
}

/* ---- setup/global.css ---- */
/* The set-up conversation (setup/global.js, DM.joinChat): the team's opening at the top of the assistant's body, in the
   kit's parts (the orb tile, a tile, the More list's rows, the design note). Unscoped, every class jc-. Tokens only. */
.jc-on .as-sugg,.jc-on .as-replies{display:none}
.jc{display:grid;gap:12px;margin:2px 0 16px}
.jc-msg{display:flex;gap:10px;align-items:flex-start;min-width:0}
.jc-msg>p,.jc-msg>div{margin:0;min-width:0;flex:1}
.jc-msg .g-body-s{margin:0;color:var(--t1)}
.jc-orb.g-orbtile{flex:none;width:30px;height:30px;border-radius:11px}
.jc-orb canvas{width:22px;height:22px}
.jc-learned.g-tile{list-style:none;margin:0 0 0 40px;padding:4px 14px;display:grid}
.jc-learned li{display:grid;gap:2px;padding:9px 0;border-top:1px solid var(--hair)}
.jc-learned li:first-child{border-top:0}
.jc-lt{font-size:14px;line-height:1.4;color:var(--t1)}
.jc-any{margin:0 0 0 40px}
.jc-thread{display:grid;gap:12px}
.jc-thread:empty{display:none}
.jc-me{justify-content:flex-end}
.jc-me>p{flex:0 1 auto;max-width:82%;padding:10px 14px;border-radius:16px;background:var(--tile);box-shadow:inset 0 0 0 1px var(--hair)}
.jc-dots{color:var(--t2)}
@media (pointer:coarse),(max-width:899px){.jc-learned.g-tile{margin-left:0}.jc-any{margin-left:0}}
.jc-note{margin:0}

/* ---- setup/page.css (scoped) ---- */



:root[data-page="setup"] .dm-view{display:flex;flex-direction:column}
:root[data-page="setup"] .dm-pg{flex:1;display:flex;flex-direction:column}
:root[data-page="setup"] .su{flex:1;display:flex;flex-direction:column;min-height:100%}

:root[data-page="setup"] .tip .tl{flex:0 0 100%}
:root[data-page="setup"] .tip .tv+.tl::before{content:none}
:root[data-page="setup"] .tip .tr i.none{display:none}


@keyframes su-draw{to{stroke-dashoffset:0}}
@keyframes su-fade{from{opacity:0}}
@keyframes su-soft{from{opacity:0.4}}
@keyframes su-roll-out{to{transform:translateY(-70%);opacity:0}}
@keyframes su-roll-in{from{transform:translateY(70%);opacity:0}}
:root[data-page="setup"] .su-roll{display:inline-grid;overflow:hidden;vertical-align:bottom;line-height:inherit}
:root[data-page="setup"] .su-roll>span{grid-area:1/1}
:root[data-page="setup"] .su-roll .out{animation:su-roll-out 420ms var(--ease) forwards}
:root[data-page="setup"] .su-roll .in{animation:su-roll-in 420ms var(--ease) both}
:root[data-page="setup"] .su-tickdraw path{stroke-dasharray:24;stroke-dashoffset:24;animation:su-draw 380ms var(--ease) 80ms forwards}
:root[data-page="setup"] .su-swap{animation:su-soft 300ms var(--ease)}


:root[data-page="setup"] .su-pvw{padding:12px max(16px,env(safe-area-inset-right,0px)) 0 max(16px,env(safe-area-inset-left,0px))}
:root[data-page="setup"] .su-pv.g-note{flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px 14px;max-width:1344px;margin:0 auto;padding:8px 8px 8px 16px;border-radius:16px}
:root[data-page="setup"] .su-pv-tag{display:inline-flex;align-items:center;gap:7px;flex:none}
:root[data-page="setup"] .su-pv-tag svg{flex:none;width:15px;height:15px}
:root[data-page="setup"] .su-pv-now{flex:1 1 160px;min-width:0;font-size:13.5px;line-height:1.35;color:var(--t2)}
:root[data-page="setup"] .su-pv-now b{font-weight:400;color:var(--t1)}
:root[data-page="setup"] .su-pv-key{margin-left:auto}
:root[data-page="setup"] .su-short{display:none}
@media (max-width:599px){
  :root[data-page="setup"] .su-pv-tag>span,:root[data-page="setup"] .su-pv-l,:root[data-page="setup"] .su-long{display:none}
  :root[data-page="setup"] .su-short{display:inline}
}

:root[data-page="setup"] .su-sh-lead{margin:0 0 4px}
:root[data-page="setup"] .su-sl-g{margin:18px 0 8px;color:var(--t1)}
:root[data-page="setup"] .su-sl{display:grid;gap:8px}
:root[data-page="setup"] .su-si.g-tile{display:flex;align-items:center;gap:14px;width:100%;min-height:58px;padding:11px 14px}
:root[data-page="setup"] .su-si-n{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:400;color:var(--t1);box-shadow:inset 0 0 0 1px var(--hair2);font-feature-settings:"tnum" 1}
:root[data-page="setup"] .su-si-t{flex:1;min-width:0;display:grid;gap:2px}
:root[data-page="setup"] .su-si-name{font-size:14px;line-height:1.3;color:var(--t1)}
:root[data-page="setup"] .su-si>svg{flex:none;width:16px;height:16px;color:var(--t2);transition:transform 150ms var(--ease),color 150ms var(--ease)}
@media (hover:hover) and (pointer:fine){:root[data-page="setup"] .su-si:hover>svg{color:var(--t1);transform:translateX(2px)}}


:root[data-page="setup"] .su-w{position:relative;flex:1;display:flex;flex-direction:column;width:100%;max-width:1180px;margin:0 auto;container:su/inline-size}
:root[data-page="setup"] .su-top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px max(16px,env(safe-area-inset-right,0px)) 6px max(16px,env(safe-area-inset-left,0px))}
:root[data-page="setup"] .su-lockup{display:inline-flex;align-items:center;gap:10px;flex:none}
:root[data-page="setup"] .su-glyph{width:36px;height:36px}
:root[data-page="setup"] .su-client{display:flex;align-items:center;gap:10px;min-width:0}
:root[data-page="setup"] .su-cname{min-width:0;font-size:14px;line-height:1.3;color:var(--t1);text-align:right}
:root[data-page="setup"] .su-face.g-avatar{pointer-events:none;cursor:default}
:root[data-page="setup"] .su-grid{flex:1;display:grid;gap:16px;padding:8px max(16px,env(safe-area-inset-right,0px)) max(32px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));grid-template-columns:minmax(0,1fr);align-content:start}


:root[data-page="setup"] .su-deck{display:grid;grid-template-columns:72px minmax(0,1fr);column-gap:16px;align-items:center;padding:20px}
:root[data-page="setup"] .su-orb{width:72px;height:72px;display:grid;place-items:center}
:root[data-page="setup"] .su-orb canvas{display:block;width:100%;height:100%;opacity:var(--lit,0.42);transition:opacity 900ms var(--ease)}
:root[data-page="setup"] .su-deck.is-night .su-orb canvas{opacity:1}
:root[data-page="setup"] .su-count{display:grid;justify-items:start;gap:6px;min-width:0}
:root[data-page="setup"] .su-fig{margin:0}
:root[data-page="setup"] .su-of{margin-left:0.2em}
:root[data-page="setup"] .su-cap{margin:0}

:root[data-page="setup"] .su-tools{grid-column:1/-1;position:relative;display:flex;justify-content:space-between;padding-top:18px;border-radius:13px}
:root[data-page="setup"] .su-tool{position:relative;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-size:11px;line-height:1;font-weight:500;letter-spacing:0.02em;color:var(--t1);box-shadow:inset 0 0 0 1px var(--ink-faint);transition:box-shadow 520ms var(--ease),color 300ms var(--ease),opacity 150ms var(--ease)}
:root[data-page="setup"] .su-tool>*{grid-area:1/1}
:root[data-page="setup"] .su-tool svg{opacity:0;color:var(--g-green);transition:opacity 300ms var(--ease)}
:root[data-page="setup"] .su-tool.next{color:var(--amber);box-shadow:inset 0 0 0 1.25px var(--amber)}
:root[data-page="setup"] .su-tool.done{box-shadow:inset 0 0 0 1.25px var(--g-green)}
:root[data-page="setup"] .su-tool.done .su-tool-l{opacity:0}
:root[data-page="setup"] .su-tool.done svg{opacity:1}
:root[data-page="setup"] .su-tool.withus{color:var(--t3);box-shadow:inset 0 0 0 1px var(--hair2)}
:root[data-page="setup"] .su-tool.just svg path{stroke-dasharray:24;stroke-dashoffset:24;animation:su-draw 360ms var(--ease) 140ms forwards}
:root[data-page="setup"] .su-tools.hovering .su-tool:not(.hot){opacity:0.42}


:root[data-page="setup"] .su-reads-deck{grid-column:1/-1;position:relative;width:100%;display:grid;gap:2px;margin-top:14px;text-align:left;border-radius:13px}
:root[data-page="setup"] .su-rd{position:relative;display:grid;grid-template-columns:116px minmax(0,1fr) 64px;align-items:center;gap:12px;padding:6px 0;border-radius:11px;transition:opacity 150ms var(--ease)}
:root[data-page="setup"] .su-rd .nm{min-width:0;font-size:13px;line-height:1.25;color:var(--t2)}
:root[data-page="setup"] .su-rd .dl{position:relative;display:block;height:10px;min-width:0}
:root[data-page="setup"] .su-rd .dl svg{display:block}
:root[data-page="setup"] .su-rd .dl svg+svg{position:absolute;left:0;top:0}
:root[data-page="setup"] .su-rd .stt{display:inline-flex;align-items:center;justify-content:flex-end;gap:6px;font-size:12.5px;line-height:1.2;color:var(--t2);white-space:nowrap}
:root[data-page="setup"] .su-ok{display:inline-flex;color:var(--g-green)}
:root[data-page="setup"] .su-rd.done .nm,:root[data-page="setup"] .su-rd.need .nm{color:var(--t1)}
:root[data-page="setup"] .su-rd.need .stt{color:var(--amber)}
:root[data-page="setup"] .su-reads-deck.hovering .su-rd:not(.hot){opacity:0.42}
:root[data-page="setup"] .su-readnote{grid-column:1/-1;margin-top:12px;max-width:42ch}
:root[data-page="setup"] .su-readnote[hidden]{display:none}


:root[data-page="setup"] .su-aside{display:grid;gap:14px;align-content:start;min-width:0}
:root[data-page="setup"] .su-h{margin:2px 0 0}
:root[data-page="setup"] .su-h em{font-style:normal;color:var(--t2)}
:root[data-page="setup"] .su-sub{max-width:46ch;text-wrap:pretty}
:root[data-page="setup"] .su-card{display:block;padding:20px}
:root[data-page="setup"] .su-eyebrow{margin-bottom:12px}
:root[data-page="setup"] .su-cardhead{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}
:root[data-page="setup"] .su-next-name{display:flex;align-items:center;gap:12px}
:root[data-page="setup"] .su-read{margin-top:8px}
:root[data-page="setup"] .su-done-h{margin:0}
:root[data-page="setup"] .su-cnote{margin-bottom:16px}

:root[data-page="setup"] .su-time{display:flex;align-items:center;gap:16px;margin-top:16px;padding-top:16px;border-top:1px solid var(--grid)}
:root[data-page="setup"] .su-mins{flex:1;min-width:0;border-radius:11px}
:root[data-page="setup"] .su-mins svg{display:block}
:root[data-page="setup"] .su-left{flex:none;display:inline-flex;align-items:baseline;gap:6px;white-space:nowrap}
:root[data-page="setup"] .su-left-n{font-size:22px}
:root[data-page="setup"] .su-keys{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px}
:root[data-page="setup"] .su-keys .g-pill-strong{flex:1 1 auto}
:root[data-page="setup"] .su-card .su-lockline{margin-top:14px}

:root[data-page="setup"] .su-spine{margin:18px 0 2px}
:root[data-page="setup"] .su-spine-l{display:block;height:16px}
:root[data-page="setup"] .su-spine-l svg{display:block}
:root[data-page="setup"] .su-stops{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:8px}
:root[data-page="setup"] .su-stops span{padding:0 2px;font-size:12px;line-height:1.3;color:var(--t2);text-align:center;text-wrap:balance}
:root[data-page="setup"] .su-stops span.is-now{color:var(--t1)}
:root[data-page="setup"] .su-help{align-items:center;gap:6px 10px;padding:0 4px}
:root[data-page="setup"] .su-help [hidden]{display:none}
:root[data-page="setup"] .su-help .g-link-line{display:inline-flex;align-items:center;gap:2px}
:root[data-page="setup"] .su-help .g-chev{width:14px;height:14px;margin-top:0;transform:rotate(-90deg)}
:root[data-page="setup"] .su-tile-xs{width:26px;height:26px}
:root[data-page="setup"] .su-protorow{display:flex;padding:2px 4px 0}


:root[data-page="setup"] .su-mark{flex:none;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:11px;line-height:1;font-weight:500;letter-spacing:0.02em;color:var(--t1);box-shadow:inset 0 0 0 1px var(--ink-faint)}
:root[data-page="setup"] .su-mark.l{width:40px;height:40px}
:root[data-page="setup"] .su-mark.is-next{color:var(--amber);box-shadow:inset 0 0 0 1.25px var(--amber)}
:root[data-page="setup"] .su-mark.is-us{color:var(--t3);box-shadow:inset 0 0 0 1px var(--hair2)}
:root[data-page="setup"] .su-lockline{display:flex;align-items:flex-start;gap:8px;font-size:12.5px;line-height:1.4;color:var(--t2)}
:root[data-page="setup"] .su-lockline svg{flex:none;width:14px;height:14px;margin-top:1px}

:root[data-page="setup"] .su-proto{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:0 16px;border-radius:18px;border:1px dashed var(--hair2);background:none;font-size:13px;line-height:1.2;font-weight:500;color:var(--t2);text-align:center;transition:background-color 150ms var(--ease),color 150ms var(--ease),transform 150ms var(--ease)}
:root[data-page="setup"] .su-proto svg{flex:none;width:14px;height:14px}
:root[data-page="setup"] .su-proto.lg{min-height:40px;padding:0 18px;border-radius:20px}
:root[data-page="setup"] .su-proto:active{transform:scale(0.98)}
@media (hover:hover) and (pointer:fine){:root[data-page="setup"] .su-proto:hover{background:var(--tile);color:var(--t1)}}
@media (pointer:coarse),(max-width:899px){:root[data-page="setup"] .su-proto,:root[data-page="setup"] .su-proto.lg{min-height:44px;border-radius:22px}}


:root[data-page="setup"] .su-shname{display:inline-flex;align-items:center;gap:12px}
:root[data-page="setup"] .su-tags{margin:-2px 0 16px}
:root[data-page="setup"] .su-blk{display:grid;gap:10px;margin-bottom:18px}
:root[data-page="setup"] .su-reads{display:grid;gap:10px;margin:0;padding:0;list-style:none}
:root[data-page="setup"] .su-reads li{display:flex;gap:10px;font-size:14px;line-height:1.45;color:var(--t1)}
:root[data-page="setup"] .su-reads svg{flex:none;width:16px;height:16px;margin-top:2px;color:var(--t2)}
:root[data-page="setup"] .su-ksteps{display:grid;gap:16px;counter-reset:k;margin:18px 0;padding:0;list-style:none}
:root[data-page="setup"] .su-ksteps li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;align-items:start;counter-increment:k}
:root[data-page="setup"] .su-ksteps li::before{content:counter(k);width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:12px;line-height:1;color:var(--t1);background:var(--tile);box-shadow:inset 0 0 0 1px var(--hair2);font-feature-settings:"tnum" 1}
:root[data-page="setup"] .su-ksteps li.is-warn::before{color:var(--amber);box-shadow:inset 0 0 0 1px var(--amber)}
:root[data-page="setup"] .su-ksteps .kt{display:grid;gap:10px;justify-items:start;min-width:0;padding-top:4px;font-size:14px;line-height:1.45;color:var(--t1)}
:root[data-page="setup"] .su-ksteps .kt .g-pill svg{margin-left:0}
:root[data-page="setup"] .su-kchips{display:flex;flex-wrap:wrap;gap:6px}
:root[data-page="setup"] .su-kfields{display:grid;gap:14px;margin-bottom:14px}
:root[data-page="setup"] .su-kfields .dm-design{display:flex}
:root[data-page="setup"] .su-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:18px}
:root[data-page="setup"] .su-actions.su-live{column-gap:16px}
:root[data-page="setup"] .su-actions .g-link-line{margin-top:0}
:root[data-page="setup"] .dm-sh-body>.su-lockline{margin-top:14px}
:root[data-page="setup"] .su-refuse{display:grid;gap:10px;margin:14px 0 4px}
:root[data-page="setup"] .su-wrong{margin:14px 0 4px}
:root[data-page="setup"] .su-rq{display:flex;flex-wrap:wrap;gap:6px;padding-left:28px}
:root[data-page="setup"] .su-khelp{display:grid;gap:10px;padding-top:16px;margin-top:16px;border-top:1px solid var(--grid);animation:su-fade 240ms var(--ease) both}
:root[data-page="setup"] .su-addr{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:14px 0 10px;padding:6px 6px 6px 16px;border-radius:22px;background:var(--tile);box-shadow:inset 0 0 0 1px var(--tline)}
:root[data-page="setup"] .su-addr span{min-width:0;font-size:13.5px;line-height:1.35;color:var(--t1);overflow-wrap:anywhere;user-select:all}
:root[data-page="setup"] .su-sumrow{display:flex;align-items:center;gap:12px}
:root[data-page="setup"] .su-sumrow .g-body{flex:1;min-width:0}
:root[data-page="setup"] .su-tile-s{width:36px;height:36px}
:root[data-page="setup"] .su-stand.g-note{max-width:none;min-height:280px;justify-content:center;gap:10px;padding:24px 22px;border-radius:22px}
:root[data-page="setup"] .su-stand .g-ptitle{margin-top:4px}

:root[data-page="setup"] .su-canconnect{margin-top:4px;color:var(--t1)}
:root[data-page="setup"] .su-trows{display:grid;margin-top:14px}
:root[data-page="setup"] .su-trows>*+*{border-top:1px solid var(--grid)}
:root[data-page="setup"] .su-trow{display:flex;align-items:center;gap:12px;min-width:0;padding:13px 0}
:root[data-page="setup"] .su-trow-t{flex:1;min-width:0;display:grid;gap:3px}
:root[data-page="setup"] .su-trow-n{font-size:15px;line-height:1.3;color:var(--t1)}
:root[data-page="setup"] .su-trow-end{flex:none;display:flex;align-items:center;text-align:right}
:root[data-page="setup"] .su-wu{max-width:13ch;text-align:right}
:root[data-page="setup"] .su-fold{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-top:6px;padding-top:16px;border-top:1px solid var(--grid)}
:root[data-page="setup"] .su-fold .g-pill svg{transition:transform 150ms var(--ease)}
:root[data-page="setup"] .su-fold .g-pill[aria-expanded="true"] svg{transform:rotate(180deg)}
:root[data-page="setup"] .su-others{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px;animation:su-fade 240ms var(--ease) both}
:root[data-page="setup"] .su-anyrow{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;margin-top:12px}
:root[data-page="setup"] .su-anyrow .g-link-line{margin-top:0;color:var(--t1)}

:root[data-page="setup"] .su-check.g-tile{display:grid;grid-template-columns:96px minmax(0,1fr);gap:18px;align-items:center;margin-bottom:18px;padding:20px 22px}
:root[data-page="setup"] .su-corb{width:96px;height:96px;display:grid;place-items:center}
:root[data-page="setup"] .su-corb canvas{display:block;width:100%;height:100%}
:root[data-page="setup"] .su-checks{display:grid;gap:9px;margin:14px 0 0;padding:0;list-style:none}
:root[data-page="setup"] .su-ck{display:flex;align-items:center;gap:10px;font-size:13px;line-height:1.3;color:var(--t2)}
:root[data-page="setup"] .su-ck i{flex:none;width:16px;height:16px;border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 0 1px var(--ink-faint);transition:box-shadow 300ms var(--ease)}
:root[data-page="setup"] .su-ck i svg{opacity:0;color:var(--g-green)}
:root[data-page="setup"] .su-ck.now{color:var(--t1)}
:root[data-page="setup"] .su-ck.now i{box-shadow:inset 0 0 0 1.25px var(--t1)}
:root[data-page="setup"] .su-ck.ok i{box-shadow:inset 0 0 0 1.25px var(--g-green)}
:root[data-page="setup"] .su-ck.ok i svg{opacity:1}
:root[data-page="setup"] .su-ck.ok.just i svg path{stroke-dasharray:24;stroke-dashoffset:24;animation:su-draw 280ms var(--ease) 40ms forwards}
:root[data-page="setup"] .su-ck.no{color:var(--amber)}
:root[data-page="setup"] .su-ck.no i{box-shadow:inset 0 0 0 1.25px var(--amber)}
:root[data-page="setup"] .su-dimmed{display:flex;flex-direction:column;gap:6px;opacity:0.36;pointer-events:none}

:root[data-page="setup"] .su-vwrap{position:relative;margin-top:4px}
:root[data-page="setup"] .su-vroute{position:absolute;inset:0;pointer-events:none}
:root[data-page="setup"] .su-vroute svg{display:block}
:root[data-page="setup"] .su-vs{display:grid;margin:0;padding:0;list-style:none}
:root[data-page="setup"] .su-vs li{position:relative;display:grid;grid-template-columns:18px minmax(0,1fr);column-gap:14px;align-items:start;padding:13px 0}
:root[data-page="setup"] .su-vt{grid-column:2;display:grid;gap:5px;min-width:0}
:root[data-page="setup"] .su-vl{font-size:12.5px;line-height:1.3;color:var(--t2)}
:root[data-page="setup"] .su-vs li.is-need .su-vl{color:var(--amber)}
:root[data-page="setup"] .su-vs li.now:not(.is-need) .su-vl{color:var(--t1)}
:root[data-page="setup"] .su-vt b{font-size:15px;line-height:1.3;font-weight:400;color:var(--t1)}
:root[data-page="setup"] .su-vt p{font-size:12.5px;line-height:1.45;color:var(--t2)}


@media (max-width:899px){
  :root[data-page="setup"] .su-keys .g-pill{height:44px;padding:0 18px;border-radius:22px}
  :root[data-page="setup"] .su-actions{flex-direction:column;align-items:stretch}
  :root[data-page="setup"] .su-actions>:is(.g-pill-strong,.g-pill,.su-proto){width:100%}
  :root[data-page="setup"] .su-actions .g-pill{height:44px;border-radius:22px}
  :root[data-page="setup"] .su-actions.su-live .g-link-line{align-self:center}
  :root[data-page="setup"] .su-check.g-tile{grid-template-columns:72px minmax(0,1fr);gap:14px;padding:18px}
  :root[data-page="setup"] .su-corb{width:72px;height:72px}
  :root[data-page="setup"] .su-trow{align-items:flex-start}
  :root[data-page="setup"] .su-trow .su-mark{margin-top:2px}
}

@media (max-width:359px){
  :root[data-page="setup"] .su-deck{grid-template-columns:56px minmax(0,1fr);column-gap:12px}
  :root[data-page="setup"] .su-orb{width:56px;height:56px}
  :root[data-page="setup"] .su-rd{grid-template-columns:88px minmax(0,1fr) 56px;gap:10px}
  :root[data-page="setup"] .su-spine{margin-left:-10px;margin-right:-10px}
  :root[data-page="setup"] .su-stops span{padding:0;font-size:11px}
  :root[data-page="setup"] .su-trow{flex-wrap:wrap}
  :root[data-page="setup"] .su-trow-t{flex:1 1 calc(100% - 48px)}
  :root[data-page="setup"] .su-trow-end{margin-left:48px}
  :root[data-page="setup"] .su-wu{max-width:none;text-align:left}
}
@media (prefers-reduced-motion:reduce){:root[data-page="setup"] .su-tool.just svg path,:root[data-page="setup"] .su-swap,:root[data-page="setup"] .su-khelp,:root[data-page="setup"] .su-others{animation:none}}


@container su (min-width:640px){
  :root[data-page="setup"] .su-top{padding:22px 32px 8px}
  :root[data-page="setup"] .su-grid{width:100%;max-width:600px;margin:0 auto;padding:12px 32px 36px}
  :root[data-page="setup"] .su-tools{justify-content:flex-start;gap:14px}
  :root[data-page="setup"] .su-deck{padding:20px 22px}
}
@media (min-width:900px){
  @container su (min-width:880px){
    :root[data-page="setup"] .su-top{padding:20px 32px 6px}
    :root[data-page="setup"] .su-grid{max-width:none;grid-template-columns:minmax(0,400px) minmax(0,440px);justify-content:center;gap:40px;padding:8px 32px 28px;align-items:center;align-content:center}
    
    :root[data-page="setup"] .su-deck{display:flex;flex-direction:column;align-items:center;text-align:center;min-height:420px;padding:24px 28px 26px}
    :root[data-page="setup"] .su-orb{width:184px;height:184px;margin:4px auto}
    :root[data-page="setup"] .su-deck.is-night .su-orb{width:96px;height:96px;margin-top:0}
    :root[data-page="setup"] .su-readnote{margin-top:8px}
    :root[data-page="setup"] .su-count{justify-items:center;gap:8px}
    :root[data-page="setup"] .su-tools{justify-content:center;gap:12px;margin-top:auto;padding-top:24px}
    :root[data-page="setup"] .su-rd{padding:5px 0}
    :root[data-page="setup"] .su-aside{gap:16px}
    :root[data-page="setup"] .su-card{padding:22px 24px 20px}
    :root[data-page="setup"] .su-keys .g-pill-strong{flex:0 0 auto}
  }
  @container su (min-width:1024px){
    :root[data-page="setup"] .su-grid{grid-template-columns:minmax(0,440px) minmax(0,480px);gap:56px}
  }
}


:root[data-page="setup"] .su-learn{display:grid;gap:8px;padding:18px 20px 10px}
:root[data-page="setup"] .su-learn-h{margin:0;color:var(--t1)}
:root[data-page="setup"] .su-learned{list-style:none;margin:0;padding:0;display:grid}
:root[data-page="setup"] .su-learned li{display:grid;gap:2px;padding:9px 0;border-top:1px solid var(--hair)}
:root[data-page="setup"] .su-learned li:first-child{border-top:0;padding-top:2px}
:root[data-page="setup"] .su-learned li[hidden],:root[data-page="setup"] .su-learn-wait[hidden]{display:none}
:root[data-page="setup"] .su-lt{font-size:14px;line-height:1.4;color:var(--t1)}
:root[data-page="setup"] .su-learn-wait{margin:0}
:root[data-page="setup"] .su-join{justify-self:start}
@keyframes su-learn-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
:root[data-page="setup"] .su-learned li.su-in{animation:su-learn-in 320ms var(--ease) both}
@media (prefers-reduced-motion:reduce){:root[data-page="setup"] .su-learned li.su-in{animation:none}}
@media (max-width:899px){:root[data-page="setup"] .su-learn{padding:16px 18px 8px}}
:root[data-page="setup"] .su-fb{margin:0 0 12px}
:root[data-page="setup"] .su-join{display:inline-flex;align-items:center;gap:2px}
:root[data-page="setup"] .su-join .g-chev{width:14px;height:14px;margin-top:0;transform:rotate(-90deg)}

:root[data-page="setup"] .su-rd.off .dl{display:none}
:root[data-page="setup"] .su-rd.off .stt{grid-column:2 / -1}

/* ---- shops/page.css (scoped) ---- */


:root[data-page="shops"] .sh{container:sh/inline-size}
:root[data-page="shops"] .sh-grid{--sh-chart:150;display:grid;grid-template-columns:minmax(0,1fr);gap:14px}

:root[data-page="shops"] .sh .fh-h1 em{display:block}


:root[data-page="shops"] .sh-note{max-width:none;margin:-6px 0 20px}
:root[data-page="shops"] .sh-prev{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin-top:4px}


:root[data-page="shops"] .sh:not(.is-ahead) .sh-a{display:none}
:root[data-page="shops"] .sh.is-ahead .sh-t{display:none}


:root[data-page="shops"] .sh-upd{position:absolute;top:16px;right:20px}
:root[data-page="shops"] .sh-upd[hidden]{display:none}

@container sh (max-width:399px){:root[data-page="shops"] .sh-upd{top:60px}}
:root[data-page="shops"] .sh-bank-in{display:grid;grid-template-columns:minmax(0,1fr);min-width:0;margin-top:14px}
:root[data-page="shops"] .sh-bank-fig{display:grid;gap:8px;min-width:0}
:root[data-page="shops"] .sh-up{align-items:flex-start;white-space:normal}
:root[data-page="shops"] .sh-up.g-up::before{margin-top:1px}
:root[data-page="shops"] .sh-up-t{line-height:1.3}
:root[data-page="shops"] .sh-bank-r{min-width:0;margin-top:16px}

:root[data-page="shops"] .sh-key{display:block;min-height:16px}
:root[data-page="shops"] .sh-bank-c{display:block;margin-top:8px;min-height:150px}
:root[data-page="shops"] .sh-bank-say{display:grid;gap:2px;min-width:0;margin-top:12px}
:root[data-page="shops"] .sh-bank-links{display:flex;flex-wrap:wrap;column-gap:20px}


:root[data-page="shops"] .sh-t.g-pencil>.g-link-line{margin-top:auto}
:root[data-page="shops"] .sh-ghost,:root[data-page="shops"] .sh-halves{align-self:stretch}
:root[data-page="shops"] .sh-ghost{display:block;min-width:0}
:root[data-page="shops"] .sh-halves{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px;min-width:0}
:root[data-page="shops"] .sh-half-p{min-width:0}
:root[data-page="shops"] .sh-half-p>.g-cap{display:block;margin-bottom:6px}


:root[data-page="shops"] .sh-chips{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px}
:root[data-page="shops"] .sh-chips .g-chips{min-width:0}
:root[data-page="shops"] .sh-ahead-h{flex-wrap:wrap;align-items:center;column-gap:10px;row-gap:10px}
:root[data-page="shops"] .sh-ahead-h>.g-ptitle{flex:0 1 auto}
:root[data-page="shops"] .sh-ahead-h>.g-seg{margin-left:auto}
:root[data-page="shops"] .sh-ahead-h>.g-status{margin-top:-1px}
:root[data-page="shops"] .sh-aupd[hidden]{display:none}
:root[data-page="shops"] .sh-say{margin:12px 0 0;text-wrap:pretty}
:root[data-page="shops"] .sh-say-em{color:var(--t2)}


:root[data-page="shops"] .sh-ahalves{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;margin-top:14px}
:root[data-page="shops"] .sh-half{position:relative;display:grid;grid-template-columns:minmax(0,1fr);align-content:start;gap:6px;min-width:0}
:root[data-page="shops"] .sh-half-b{display:inline-flex;align-items:center;gap:6px;justify-self:start;padding:0;border:0;background:none;font-size:16px;line-height:1.25;font-weight:400;color:var(--t1);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}
:root[data-page="shops"] .sh-half-b::after{content:"";position:absolute;inset:-10px;border-radius:16px}
:root[data-page="shops"] .sh-half-b .g-chev{transform:rotate(-90deg);color:var(--t2);transition:transform 150ms var(--ease)}
@media (hover:hover) and (pointer:fine){:root[data-page="shops"] .sh-half:hover .sh-half-b .g-chev{transform:rotate(-90deg) translateY(2px);color:var(--t1)}}
:root[data-page="shops"] .sh-half-b:focus-visible{outline:none}
:root[data-page="shops"] .sh-half:has(.sh-half-b:focus-visible){outline:2px solid var(--g-focus);outline-offset:8px;border-radius:16px}
:root[data-page="shops"] .sh-half-fig{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;margin:6px 0 0}
:root[data-page="shops"] .sh-area{position:relative;z-index:1;display:block;margin-top:4px}
:root[data-page="shops"] .sh-facts{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:8px 0 0;padding-top:12px;border-top:1px solid var(--grid)}
:root[data-page="shops"] .sh-facts dt{font-size:12.5px;line-height:1.3;color:var(--t2)}
:root[data-page="shops"] .sh-facts dd{margin:4px 0 0;font-size:15px;line-height:1.25;font-weight:400;color:var(--t1);font-feature-settings:"tnum" 1,"cv11" 1}
:root[data-page="shops"] .sh-facts dd .g-cap{display:block;margin-top:2px}
@container sh (max-width:339px){:root[data-page="shops"] .sh-facts{grid-template-columns:repeat(2,minmax(0,1fr))}:root[data-page="shops"] .sh-facts>div:last-child{grid-column:1/-1}}


:root[data-page="shops"] .sh-heat-in{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;min-width:0}
:root[data-page="shops"] .sh-heat-say{margin-bottom:2px}
:root[data-page="shops"] .sh-heat{display:block;min-width:0;min-height:200px}
:root[data-page="shops"] .sh-heat-side{display:grid;align-content:start;gap:12px;min-width:0}
:root[data-page="shops"] .sh-heat-n{display:grid;gap:4px;margin:0}
:root[data-page="shops"] .sh-heat-k{margin:0}
:root[data-page="shops"] .sh-wide{white-space:nowrap}
:root[data-page="shops"] .sh-shopseg button{padding:0 12px}
@container sh (max-width:339px){:root[data-page="shops"] .sh-wide{display:none}}


:root[data-page="shops"] .sh-views{display:grid;min-width:0}
:root[data-page="shops"] .sh-views>[data-view-panel]{grid-area:1/1;min-width:0}
:root[data-page="shops"] .sh-views>[data-view-panel][hidden]{display:block;visibility:hidden}
:root[data-page="shops"] .sh-bars{display:block;margin-top:12px}
:root[data-page="shops"] .sh-tt td:first-child{white-space:normal}
:root[data-page="shops"] .sh-tt-p{color:var(--t2)}
:root[data-page="shops"] .sh-tt-m{display:block}
:root[data-page="shops"] .sh-rest{margin:10px 0 0}
:root[data-page="shops"] .sh-ref{margin-top:10px}
:root[data-page="shops"] .sh-ref-s{display:block;margin-top:2px}
:root[data-page="shops"] .sh-afoot{margin-top:4px}


:root[data-page="shops"] .sh-sh-top{display:grid;justify-items:start;gap:10px}
:root[data-page="shops"] .sh-sh-top .g-chips{margin-top:4px}
:root[data-page="shops"] .sh-sec{margin-top:26px}
:root[data-page="shops"] .sh-sec>.g-ptitle{margin-bottom:12px}
:root[data-page="shops"] .sh-sec>.sh-key{margin-bottom:6px}
:root[data-page="shops"] .sh-split{display:block;min-height:30px}
:root[data-page="shops"] .sh-where{margin:0}
:root[data-page="shops"] .sh-trio{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
:root[data-page="shops"] .sh-trio .g-tile{flex:1 1 132px;display:grid;align-content:start;gap:6px;padding:14px 16px}
:root[data-page="shops"] .sh-trio .g-tile>p{margin:0}
:root[data-page="shops"] .sh-recon td{color:var(--t2)}
:root[data-page="shops"] .sh-recon td:first-child{white-space:normal}
:root[data-page="shops"] .sh-recon .sh-recon-t td{color:var(--t1);border-top-color:var(--hair2)}
:root[data-page="shops"] .sh-recon-n{margin:10px 0 0}
:root[data-page="shops"] .sh-sh-foot{margin:24px 0 0}
:root[data-page="shops"] .sh-dates-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}
:root[data-page="shops"] .sh-dates-k{margin:18px 0 8px}
:root[data-page="shops"] .sh-dates-from{margin-top:14px}
:root[data-page="shops"] .sh-dates-from[hidden]{display:none}
:root[data-page="shops"] .sh-dates-say{min-height:20px;margin:14px 0 0;font-size:14px;line-height:1.45;color:var(--amber)}


@media (min-width:900px){
  :root[data-page="shops"] .sh-grid{--sh-chart:184;gap:16px}
  :root[data-page="shops"] .sh-bank-c{min-height:184px}
  :root[data-page="shops"] .sh-bank{container:shbank/inline-size}
  :root[data-page="shops"] .sh-ashops{container:shshops/inline-size}
  :root[data-page="shops"] .sh-ahours{container:shhours/inline-size}
  
  @container shbank (min-width:600px){
    :root[data-page="shops"] .sh-bank-in{grid-template-columns:minmax(220px,300px) minmax(0,1fr);grid-template-rows:auto 1fr;grid-template-areas:"fig chart" "say chart";column-gap:44px;margin-top:12px}
    :root[data-page="shops"] .sh-bank-fig{grid-area:fig}
    :root[data-page="shops"] .sh-bank-r{grid-area:chart;align-self:end;margin-top:0}
    :root[data-page="shops"] .sh-bank-say{grid-area:say;align-self:end;margin-top:18px}
  }
  @container shshops (min-width:620px){
    :root[data-page="shops"] .sh-ahalves{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:44px}
    :root[data-page="shops"] .sh-ahalves>.sh-half+.sh-half::before{content:"";position:absolute;left:-22px;top:0;bottom:0;width:1px;background:var(--grid)}
  }
  @container shhours (min-width:600px){
    :root[data-page="shops"] .sh-heat-in{grid-template-columns:minmax(0,1fr) 196px;column-gap:28px}
    :root[data-page="shops"] .sh-heat-say{grid-column:1/-1}
  }
  
  @container sh (max-width:1219px){
    :root[data-page="shops"] .sh-bank .g-fig-hero{font-size:42px}
  }
  
  @container sh (min-width:880px){
    :root[data-page="shops"] .sh-bank{grid-area:bank}:root[data-page="shops"] .sh-pen-row{grid-area:row}:root[data-page="shops"] .sh-pen-shops{grid-area:shops}:root[data-page="shops"] .sh-pen-hours{grid-area:hours}:root[data-page="shops"] .sh-pen-sold{grid-area:sold}
    :root[data-page="shops"] .sh-chips{grid-area:chips}:root[data-page="shops"] .sh-ashops{grid-area:ashops}:root[data-page="shops"] .sh-ahours{grid-area:ahours}:root[data-page="shops"] .sh-asold{grid-area:asold}:root[data-page="shops"] .sh-grid>.sh-afoot{grid-area:foot}
    :root[data-page="shops"] .sh-grid{column-gap:20px;grid-template-columns:minmax(0,2fr) minmax(0,1fr);grid-template-areas:"bank bank" "row row" "shops shops" "hours sold"}
    
    :root[data-page="shops"] .sh.is-ahead .sh-grid{grid-template-areas:"chips chips" "ashops ashops" "ahours ahours" "asold asold" "bank bank" "foot foot"}
    
    :root[data-page="shops"] .sh-pen-row{flex-direction:row;flex-wrap:wrap;align-items:center;column-gap:20px;row-gap:10px}
    :root[data-page="shops"] .sh-t.sh-pen-row>.g-link-line{margin:0 0 0 auto}
    
    :root[data-page="shops"] .sh-pen-shops{display:grid;grid-template-columns:minmax(240px,300px) minmax(0,1fr);grid-template-rows:auto auto auto 1fr;column-gap:44px;row-gap:12px;align-items:start}
    :root[data-page="shops"] .sh-pen-shops>.g-status{grid-area:1/1;justify-self:start}
    :root[data-page="shops"] .sh-pen-shops>.g-ptitle{grid-area:2/1}
    :root[data-page="shops"] .sh-pen-shops>.g-pencil-line{grid-area:3/1}
    :root[data-page="shops"] .sh-pen-shops>.g-link-line{grid-area:4/1;align-self:end}
    :root[data-page="shops"] .sh-pen-shops>.sh-halves{grid-area:1/2/5/3;align-self:center}
    
    :root[data-page="shops"] .sh-pen-hours{display:grid;grid-template-columns:minmax(180px,240px) minmax(0,1fr);grid-template-rows:auto auto auto 1fr;column-gap:32px;row-gap:12px;align-items:start}
    :root[data-page="shops"] .sh-pen-hours>.g-status{grid-area:1/1;justify-self:start}
    :root[data-page="shops"] .sh-pen-hours>.g-ptitle{grid-area:2/1}
    :root[data-page="shops"] .sh-pen-hours>.g-pencil-line{grid-area:3/1}
    :root[data-page="shops"] .sh-pen-hours>.g-link-line{grid-area:4/1;align-self:end}
    :root[data-page="shops"] .sh-pen-hours>.sh-ghost{grid-area:1/2/5/3;align-self:center}
  }
  
  @container sh (min-width:1150px){
    :root[data-page="shops"] .sh.is-ahead .sh-grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr);grid-template-areas:"chips chips" "ashops ashops" "ahours asold" "bank bank" "foot foot"}
  }
}

/* ---- sign/page.css (scoped) ---- */


:root[data-page="sign"] .dm-view{display:flex;flex-direction:column}
:root[data-page="sign"] .dm-pg{flex:1;display:flex;flex-direction:column}
:root[data-page="sign"] .sg{flex:1;display:flex;flex-direction:column;min-height:100%}


:root[data-page="sign"] .sg-pvw{padding:12px max(16px,env(safe-area-inset-right,0px)) 0 max(16px,env(safe-area-inset-left,0px))}
:root[data-page="sign"] .sg-pv.g-note{flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px 14px;max-width:1344px;margin:0 auto;padding:8px 8px 8px 16px;border-radius:16px}
:root[data-page="sign"] .sg-pv-tag{display:inline-flex;align-items:center;gap:7px;flex:none}
:root[data-page="sign"] .sg-pv-tag svg{flex:none;width:15px;height:15px}
:root[data-page="sign"] .sg-pv-now{flex:1 1 160px;min-width:0;font-size:13.5px;line-height:1.35;color:var(--t2)}
:root[data-page="sign"] .sg-pv-now b{font-weight:400;color:var(--t1)}
:root[data-page="sign"] .sg-pv-key{margin-left:auto}
:root[data-page="sign"] .sg-short{display:none}
@media (max-width:599px){
  :root[data-page="sign"] .sg-pv-tag>span,:root[data-page="sign"] .sg-pv-l,:root[data-page="sign"] .sg-long{display:none}
  :root[data-page="sign"] .sg-short{display:inline}
}


:root[data-page="sign"] .sg-stage{flex:1;display:grid;justify-items:center;align-content:start;padding:36px max(16px,env(safe-area-inset-right,0px)) 64px max(16px,env(safe-area-inset-left,0px))}
:root[data-page="sign"] .sg-col{width:100%;max-width:520px;display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
:root[data-page="sign"] .sg-brand{display:grid;justify-items:center;gap:12px;margin-bottom:6px}
:root[data-page="sign"] .sg-tile.g-orbtile{width:56px;height:56px;border-radius:18px}
:root[data-page="sign"] .sg-tile canvas{width:44px;height:44px}
:root[data-page="sign"] .sg-head{display:grid;gap:8px;padding:0 4px}
:root[data-page="sign"] .sg-title.g-display{font-size:34px;line-height:1.08}
:root[data-page="sign"] .sg-title em{font-style:normal;color:var(--t2)}
:root[data-page="sign"] .sg-sub{color:var(--t2)}
:root[data-page="sign"] .sg-for{color:var(--t2)}
:root[data-page="sign"] .sg-open{margin:-2px 0 0;padding:0 4px}
@media (max-width:599px){:root[data-page="sign"] .sg-stage{padding-top:24px;padding-bottom:max(48px,env(safe-area-inset-bottom,0px))}:root[data-page="sign"] .sg-title.g-display{font-size:28px}}


:root[data-page="sign"] .sg-doc{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;padding:22px 22px 14px}
:root[data-page="sign"] .sg-doc-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
:root[data-page="sign"] .sg-doc-t{display:grid;gap:4px;min-width:0}
:root[data-page="sign"] .sg-full{flex:none}
:root[data-page="sign"] .sg-secs{list-style:none;margin:0;padding:0;display:grid}
:root[data-page="sign"] .sg-secs li{display:flex;gap:12px;align-items:flex-start;padding:8px 0;border-top:1px solid var(--hair)}
:root[data-page="sign"] .sg-n{flex:none;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:12px;color:var(--t2);box-shadow:inset 0 0 0 1px var(--hair2);font-feature-settings:"tnum" 1}
:root[data-page="sign"] .sg-sec-t{display:grid;gap:2px;min-width:0}
:root[data-page="sign"] .sg-sec-t b{font-weight:400;font-size:14px;line-height:1.3;color:var(--t1)}
:root[data-page="sign"] .sg-done{margin:6px 0 0;display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px}
@media (max-width:420px){:root[data-page="sign"] .sg-doc-top{flex-direction:column}:root[data-page="sign"] .sg-doc{padding:20px 18px 18px}}


:root[data-page="sign"] .sg-who,:root[data-page="sign"] .sg-card,:root[data-page="sign"] .sg-next{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;padding:22px 22px 20px}
:root[data-page="sign"] .sg-who-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
:root[data-page="sign"] .sg-who-top>div{display:grid;gap:2px;min-width:0}
:root[data-page="sign"] .sg-name{margin:2px 0 0;font-size:20px;line-height:1.25;font-weight:300;color:var(--t1)}
:root[data-page="sign"] .sg-ready{flex:none}
:root[data-page="sign"] .sg-key{width:100%;margin-top:4px}
:root[data-page="sign"] .sg-key.is-busy{pointer-events:none;opacity:0.86}
:root[data-page="sign"] .sg-legal{margin:0}
:root[data-page="sign"] .sg-foot{padding:0 8px;text-align:center;text-wrap:balance}
:root[data-page="sign"] .sg-stand{margin-top:4px}
@media (max-width:420px){:root[data-page="sign"] .sg-who,:root[data-page="sign"] .sg-card,:root[data-page="sign"] .sg-next{padding:20px 18px 18px}:root[data-page="sign"] .sg-who-top{flex-direction:column}}


:root[data-page="sign"] .sg-deck{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;padding:24px 22px 20px}
:root[data-page="sign"] .sg-chip{margin:0}
:root[data-page="sign"] .sg-kv{margin:4px 0 0;display:grid;grid-template-columns:auto 1fr;gap:6px 16px;align-items:baseline}
:root[data-page="sign"] .sg-kv dd{margin:0;font-size:14px;line-height:1.4;color:var(--t1);min-width:0}
:root[data-page="sign"] .sg-copy{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px;border-top:1px solid var(--hair)}
:root[data-page="sign"] .sg-copy-t{display:grid;gap:2px;min-width:0}
:root[data-page="sign"] .sg-next-l{margin:0}
:root[data-page="sign"] .sg-later{margin:0;text-align:center}
@media (max-width:420px){:root[data-page="sign"] .sg-kv{grid-template-columns:1fr;gap:2px}:root[data-page="sign"] .sg-kv dd{margin-bottom:6px}}


:root[data-page="sign"] .sg-quiet{display:grid;gap:10px;justify-items:center;text-align:center;padding:0 8px}
:root[data-page="sign"] .sg-card .g-pill{justify-self:start}
:root[data-page="sign"] .sg-say{display:flex;align-items:flex-start;gap:10px;margin:0;font-size:15px;line-height:1.4;color:var(--t2)}
:root[data-page="sign"] .sg-say>.g-sig-ok{margin-top:2px}
:root[data-page="sign"] .sg-say b{font-weight:400;color:var(--t1)}


:root[data-page="sign"] .sg-sh-note{margin:0 0 14px}
:root[data-page="sign"] .sg-sh-lead{margin:0 0 6px}
:root[data-page="sign"] .sg-sh-sec{display:grid;gap:8px;padding:14px 0;border-top:1px solid var(--hair)}
:root[data-page="sign"] .sg-sh-sec .g-ptitle{display:flex;align-items:center;gap:10px}
:root[data-page="sign"] .sg-sh-sec .g-body-s{margin:0;color:var(--t2)}
:root[data-page="sign"] .sg-sh-n{flex:none;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:12px;color:var(--t2);box-shadow:inset 0 0 0 1px var(--hair2)}
:root[data-page="sign"] .sg-sh-end{padding-top:8px}


:root[data-page="sign"] .sg-sl{display:grid;gap:8px}
:root[data-page="sign"] .sg-si.g-tile{display:flex;align-items:center;gap:14px;width:100%;min-height:60px;padding:12px 14px}
:root[data-page="sign"] .sg-si-n{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:400;color:var(--t1);box-shadow:inset 0 0 0 1px var(--hair2);font-feature-settings:"tnum" 1}
:root[data-page="sign"] .sg-si-t{flex:1;min-width:0;display:grid;gap:2px}
:root[data-page="sign"] .sg-si-name{font-size:14px;line-height:1.3;color:var(--t1)}
:root[data-page="sign"] .sg-si>svg{flex:none;width:16px;height:16px;color:var(--t2);transition:transform 150ms var(--ease),color 150ms var(--ease)}
@media (hover:hover) and (pointer:fine){:root[data-page="sign"] .sg-si:hover>svg{color:var(--t1);transform:translateX(2px)}}
:root[data-page="sign"] .sg-nr{display:grid;justify-items:center;gap:0}
:root[data-page="sign"] .sg-nr .g-link-line{display:inline-flex;align-items:center;gap:2px}
:root[data-page="sign"] .sg-nr .g-chev{width:14px;height:14px;transform:rotate(-90deg)}

:root[data-page="sign"] .sg-stand-pay.g-note{max-width:none;min-height:200px;justify-content:center;gap:10px;padding:22px;border-radius:22px;margin-top:12px}
:root[data-page="sign"] .sg-proto{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:0 16px;border-radius:18px;border:1px dashed var(--hair2);background:none;font-size:13px;line-height:1.2;font-weight:500;color:var(--t2);text-align:center;transition:background-color 150ms var(--ease),color 150ms var(--ease),transform 150ms var(--ease)}
:root[data-page="sign"] .sg-proto svg{flex:none;width:14px;height:14px}
@media (pointer:coarse),(max-width:899px){:root[data-page="sign"] .sg-proto{min-height:44px;border-radius:22px}}

/* ---- signin/page.css (scoped) ---- */



:root[data-page="signin"] .dm-view{display:flex;flex-direction:column}
:root[data-page="signin"] .dm-pg{flex:1;display:flex;flex-direction:column}
:root[data-page="signin"] .si{flex:1;display:flex;flex-direction:column;min-height:100%}


:root[data-page="signin"] .si-pvw{padding:12px max(16px,env(safe-area-inset-right,0px)) 0 max(16px,env(safe-area-inset-left,0px))}
:root[data-page="signin"] .si-pv.g-note{flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px 14px;max-width:1344px;margin:0 auto;padding:8px 8px 8px 16px;border-radius:16px}
:root[data-page="signin"] .si-pv-tag{display:inline-flex;align-items:center;gap:7px;flex:none}
:root[data-page="signin"] .si-pv-tag svg{flex:none;width:15px;height:15px}
:root[data-page="signin"] .si-pv-now{flex:1 1 160px;min-width:0;font-size:13.5px;line-height:1.35;color:var(--t2)}
:root[data-page="signin"] .si-pv-now b{font-weight:400;color:var(--t1)}
:root[data-page="signin"] .si-pv-key{margin-left:auto}
:root[data-page="signin"] .si-short{display:none}
@media (max-width:599px){
  :root[data-page="signin"] .si-pv-tag>span,:root[data-page="signin"] .si-pv-l,:root[data-page="signin"] .si-long{display:none}
  :root[data-page="signin"] .si-short{display:inline}
}


:root[data-page="signin"] .si-stage{flex:1;display:grid;place-items:center;padding:36px max(16px,env(safe-area-inset-right,0px)) 64px max(16px,env(safe-area-inset-left,0px))}
:root[data-page="signin"] .si-col{width:100%;max-width:392px;display:grid;gap:18px;justify-items:center}
:root[data-page="signin"] .si-brand{display:grid;justify-items:center;gap:12px}
:root[data-page="signin"] .si-tile.g-orbtile{width:56px;height:56px;border-radius:18px}
:root[data-page="signin"] .si-tile canvas{width:44px;height:44px}
:root[data-page="signin"] .si-card{width:100%;display:grid;gap:14px;padding:26px 24px 24px}
:root[data-page="signin"] .si-title{margin:0}
:root[data-page="signin"] .si-lead{margin-top:-2px}
:root[data-page="signin"] .si-key{width:100%;margin-top:6px}
:root[data-page="signin"] .si-key.is-busy{pointer-events:none;opacity:0.86}
:root[data-page="signin"] .si-foot{max-width:36ch;padding:0 8px;text-align:center;text-wrap:balance}
@media (max-width:599px){:root[data-page="signin"] .si-stage{align-items:start;padding-top:28px;padding-bottom:max(48px,env(safe-area-inset-bottom,0px))}}
@media (max-width:899px){:root[data-page="signin"] .si-card{padding:22px 20px 20px}}


:root[data-page="signin"] .si-form{display:grid;gap:12px;margin-top:2px}
:root[data-page="signin"] .si-form .si-key{margin-top:4px}
:root[data-page="signin"] .si-err[hidden]{display:none}
:root[data-page="signin"] .si-addr{font-weight:400;color:var(--t1);overflow-wrap:anywhere}


:root[data-page="signin"] .si-say{display:flex;align-items:flex-start;gap:10px;min-width:0;font-size:14px;line-height:1.45;color:var(--t2)}
:root[data-page="signin"] .si-say>:is(.g-sig-ok,.g-sig-warn){margin-top:1px}
:root[data-page="signin"] .si-say b{font-weight:400;color:var(--t1)}
:root[data-page="signin"] .si-say.g-fail-line{color:var(--t1)}
:root[data-page="signin"] .si-sent{display:grid;gap:10px;justify-items:start;padding:2px 0}
:root[data-page="signin"] .si-sent .g-body{color:var(--t2)}   


:root[data-page="signin"] .si-proto{justify-self:center;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:0 16px;border-radius:18px;border:1px dashed var(--hair2);background:none;font-size:13px;line-height:1.2;font-weight:500;color:var(--t2);text-align:center;transition:background-color 150ms var(--ease),color 150ms var(--ease),transform 150ms var(--ease)}
:root[data-page="signin"] .si-proto svg{flex:none;width:14px;height:14px}
:root[data-page="signin"] .si-proto:active{transform:scale(0.98)}
@media (hover:hover) and (pointer:fine){:root[data-page="signin"] .si-proto:hover{background:var(--tile);color:var(--t1)}}
@media (pointer:coarse),(max-width:899px){:root[data-page="signin"] .si-proto{min-height:44px;border-radius:22px}}


:root[data-page="signin"] .si-team{width:100%;display:grid;gap:4px;justify-items:start;padding:4px 24px 0}
:root[data-page="signin"] .si-team-h{color:var(--t1)}
:root[data-page="signin"] .si-team .g-pill{margin-top:10px}
@media (max-width:899px){:root[data-page="signin"] .si-team{padding:4px 20px 0}}


:root[data-page="signin"] .si-sh-lead{margin:0 0 14px}
:root[data-page="signin"] .si-sl{display:grid;gap:8px}
:root[data-page="signin"] .si-si.g-tile{display:flex;align-items:center;gap:14px;width:100%;min-height:60px;padding:12px 14px}
:root[data-page="signin"] .si-si-n{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:400;color:var(--t1);box-shadow:inset 0 0 0 1px var(--hair2);font-feature-settings:"tnum" 1}
:root[data-page="signin"] .si-si-t{flex:1;min-width:0;display:grid;gap:2px}
:root[data-page="signin"] .si-si-name{font-size:14px;line-height:1.3;color:var(--t1)}
:root[data-page="signin"] .si-si>svg{flex:none;width:16px;height:16px;color:var(--t2);transition:transform 150ms var(--ease),color 150ms var(--ease)}
@media (hover:hover) and (pointer:fine){:root[data-page="signin"] .si-si:hover>svg{color:var(--t1);transform:translateX(2px)}}


:root[data-page="signin"] .si-pv-who{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}
:root[data-page="signin"] .si-pv-wl{font-size:13.5px;line-height:1.35;color:var(--t2)}

/* ---- staff/page.css (scoped) ---- */

:root[data-page="staff"] .stf{container:stf/inline-size}
:root[data-page="staff"] .stf-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
:root[data-page="staff"] .stf-fig{margin:12px 0 4px}
:root[data-page="staff"] .stf-cofs{margin-top:14px}
:root[data-page="staff"] .stf-week{margin-top:12px}
:root[data-page="staff"] .stf-lines{margin-top:10px}
:root[data-page="staff"] .stf-pencil .g-pencil-line{max-width:52ch}

:root[data-page="staff"] .stf-no{margin:28px 0 0;font-size:30px;line-height:1.2;font-weight:300;letter-spacing:-0.01em;color:var(--t1)}
@container stf (min-width:760px){
  :root[data-page="staff"] .stf-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start}
  :root[data-page="staff"] .stf-roast{grid-row:span 2}
}

/* ---- states/page.css (scoped) ---- */

:root[data-page="states"] .cs{container:cs/inline-size;padding-bottom:40px}   
:root[data-page="states"] .cs-grid{display:grid;grid-template-columns:minmax(0,1fr);row-gap:16px}


:root[data-page="states"] .cs-rh{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 12px;margin-bottom:10px}
:root[data-page="states"] .cs-use{flex:1 1 100%}


:root[data-page="states"] .cs-key{position:sticky;top:0;z-index:5;margin-left:calc(0px - var(--dm-gut-l));margin-right:calc(0px - var(--dm-gut-r));padding:8px var(--dm-gut-r) 8px var(--dm-gut-l)}
:root[data-page="states"] .cs-seg{display:flex;width:100%}
:root[data-page="states"] .cs-seg button{flex:1 1 0;min-width:0;padding:0 2px}
:root[data-page="states"] .cs-heads{display:none}
:root[data-page="states"] .cs-k{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:32px;min-width:0}
:root[data-page="states"] .cs-caps{margin-top:-14px}
:root[data-page="states"] .cs-c{display:none}
:root[data-page="states"] .cs-c .cs-replay{margin-top:8px}
:root[data-page="states"] .cs[data-st="loading"] .cs-c[data-st="loading"],:root[data-page="states"] .cs[data-st="updating"] .cs-c[data-st="updating"],:root[data-page="states"] .cs[data-st="behind"] .cs-c[data-st="behind"],:root[data-page="states"] .cs[data-st="empty"] .cs-c[data-st="empty"],:root[data-page="states"] .cs[data-st="failed"] .cs-c[data-st="failed"]{display:block}


:root[data-page="states"] .cs-row{display:flex;flex-direction:column;min-width:0}
:root[data-page="states"] .cs-cells{flex:1 1 auto;display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
:root[data-page="states"] .cs-cell{display:none;flex-direction:column;min-width:0}
:root[data-page="states"] .cs-cell>*{flex:1 1 auto}
:root[data-page="states"] .cs[data-st="loading"] .cs-cell[data-st="loading"],:root[data-page="states"] .cs[data-st="updating"] .cs-cell[data-st="updating"],:root[data-page="states"] .cs[data-st="behind"] .cs-cell[data-st="behind"],:root[data-page="states"] .cs[data-st="empty"] .cs-cell[data-st="empty"],:root[data-page="states"] .cs[data-st="failed"] .cs-cell[data-st="failed"]{display:flex}


:root[data-page="states"] .cs-cell :is(.g-panel,.g-tile){display:flex;flex-direction:column;min-width:0}
:root[data-page="states"] .cs-cell .g-head{flex-wrap:wrap;align-items:center;gap:6px 8px;min-height:26px}
:root[data-page="states"] .cs-fig:not(.g-slot){display:inline-block}
:root[data-page="states"] .is-loading .cs-fig.g-slot{display:inline-grid}
:root[data-page="states"] .cs-cell .g-empty{padding-top:4px;gap:6px}
:root[data-page="states"] .cs-cell .g-fail-line{margin:4px 0 0}
:root[data-page="states"] .cs-last{margin:0;padding-top:8px;margin-top:auto;white-space:normal;align-items:baseline}
:root[data-page="states"] .cs-go{margin-top:8px}


:root[data-page="states"] .cs-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 10px;min-height:26px}
:root[data-page="states"] .cs-ft .g-data>.cs-fig{margin-top:4px}
:root[data-page="states"] .cs-ft .g-data>.g-cap{margin:6px 0 0}
:root[data-page="states"] .cs-meter{margin-top:8px;min-height:9px}
:root[data-page="states"] .cs-pen-meter{height:14px;margin-top:8px}


:root[data-page="states"] .cs-vseg{display:flex;margin-top:8px}
:root[data-page="states"] .cs-vseg button{flex:1 1 auto;min-width:0;padding:0 6px}
:root[data-page="states"] .cs-vc .g-data>.cs-fig{margin-top:10px}
:root[data-page="states"] .cs-vup{margin-top:6px}
:root[data-page="states"] .cs-up{white-space:normal;align-items:flex-start}
:root[data-page="states"] .cs-up.g-up::before{margin-top:1px}
:root[data-page="states"] .cs-up>span{line-height:1.35}
:root[data-page="states"] .cs-vc .g-empty{margin-top:6px}


:root[data-page="states"] .cs-thin{margin-top:6px;gap:7px}
:root[data-page="states"] .cs-q{min-width:0}
:root[data-page="states"] .cs-dl{display:block;height:14px;margin-top:3px}
:root[data-page="states"] .cs-all{display:block;margin-top:6px}
:root[data-page="states"] .cs-sk .cs-skl{display:flex;align-items:center;height:18.2px}
:root[data-page="states"] .cs-sk .cs-sks{height:16.25px}
:root[data-page="states"] .cs-sk .cs-skl>.g-skel-line{width:68%}
:root[data-page="states"] .cs-sk .cs-sks>.g-skel-line{width:84%}
:root[data-page="states"] .cs-skd{height:14px;margin-top:3px}
:root[data-page="states"] .cs-pen-rows{height:42px;margin-top:10px}


:root[data-page="states"] .cs-cseg{display:flex;flex:1 1 100%;width:100%;margin-top:8px}
:root[data-page="states"] .cs-cseg button{flex:1 1 0;min-width:0;padding:0 2px}
:root[data-page="states"] .cs-ll{display:none}
:root[data-page="states"] .cs-ls{display:inline}
:root[data-page="states"] .cs-cslot{min-width:0}
:root[data-page="states"] .cs-cslot>[aria-hidden] :is(.chart,.g-chart)::before{visibility:hidden}
:root[data-page="states"] .cs-cp .g-data>.cs-fig,:root[data-page="states"] .cs-cp .g-data>.cs-shf{margin-top:6px}
:root[data-page="states"] .cs-cp .g-data>.g-cap{margin:6px 0 0}
:root[data-page="states"] .cs-age{height:14px;margin-top:8px}
:root[data-page="states"] .cs-line{margin-top:4px}
:root[data-page="states"] .cs-bar{margin-top:12px;height:24px}
:root[data-page="states"] .cs-ends{display:flex;justify-content:space-between;margin:6px 0 0}
:root[data-page="states"] .cs-stack{margin-top:2px}
:root[data-page="states"] .cs-split{margin-top:10px}
:root[data-page="states"] .cs-pen-line{height:44px;margin-top:10px}
:root[data-page="states"] .cs-pen-barcode{height:24px;margin-top:10px}
:root[data-page="states"] .cs-pen-stack{height:52px;margin-top:10px}
:root[data-page="states"] .cs-pen-split{height:16px;margin-top:10px}
:root[data-page="states"] .cs-keyc{margin-top:8px}


:root[data-page="states"] .cs-shc .g-head>.g-ptitle{flex:1 1 calc(100% - 44px)}
:root[data-page="states"] .cs-shc .g-head>.g-behind{order:3}
:root[data-page="states"] .cs-shc .g-open .g-chev{margin-top:0;transform:rotate(-90deg)}
:root[data-page="states"] .cs-shc>.g-data,:root[data-page="states"] .cs-shw>.g-data{margin-top:6px}
:root[data-page="states"] .cs-shf{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 8px;margin:0}
:root[data-page="states"] .is-behind .cs-hki .g-thin-name,:root[data-page="states"] .is-updating .cs-hki .g-thin-name{color:var(--t2)}
:root[data-page="states"] .cs-rhy{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;margin:6px 0 0}
:root[data-page="states"] .cs-shw{display:flex;flex-direction:column;align-items:stretch}
:root[data-page="states"] .cs-shw>.g-behind.g-status{align-self:flex-start;margin-bottom:10px}
:root[data-page="states"] .cs-count{margin:0 0 4px}


:root[data-page="states"] .cs-two{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
:root[data-page="states"] .cs-pen-p>.g-link-line{margin-top:2px}
:root[data-page="states"] .cs-note{margin:0 0 8px;padding:0;align-items:flex-start;flex-wrap:nowrap;gap:8px}
:root[data-page="states"] .cs-note>.g-dot{margin-top:6px}
:root[data-page="states"] .cs-three{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
:root[data-page="states"] .cs-mini{display:flex;flex-direction:column;gap:8px;min-width:0}
:root[data-page="states"] .cs-broken{grid-column:1/-1;margin:0}
:root[data-page="states"] .cs-foot{padding:0}
:root[data-page="states"] .cs-dnote{grid-column:1/-1;max-width:none}


@media (max-width:899px){
  @container cs (min-width:560px){
    :root[data-page="states"] .cs-ll{display:inline}
    :root[data-page="states"] .cs-ls{display:none}
    :root[data-page="states"] .cs-cseg{display:inline-flex;flex:0 1 auto;width:auto}
    :root[data-page="states"] .cs-cseg button{flex:none;padding:0 12px}
  }
}

@media (min-width:900px){
  @container cs (min-width:760px){
    :root[data-page="states"] .cs-two{grid-template-columns:repeat(2,minmax(0,1fr))}
    :root[data-page="states"] .cs-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px}
    :root[data-page="states"] .cs-before,:root[data-page="states"] .cs-key,:root[data-page="states"] .cs-caps,:root[data-page="states"] .cs-foot{grid-column:1/-1}
    :root[data-page="states"] .cs-seg{max-width:560px}
  }
  @container cs (min-width:1060px){
    :root[data-page="states"] .cs-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  }
  
  @container cs (min-width:1280px){
    :root[data-page="states"] .cs-grid{grid-template-columns:repeat(5,minmax(0,1fr));row-gap:14px;
      grid-template-areas:"before before said said said" "key key key key key" "caps caps caps caps caps" "tile tile tile tile tile" "view view view view view" "list list list list list" "chart chart chart chart chart" "sheet sheet sheet sheet sheet" "foot foot foot foot foot"}
    :root[data-page="states"] .cs-before{grid-area:before}
    :root[data-page="states"] .cs-said{grid-area:said}
    :root[data-page="states"] .cs-key{grid-area:key;padding-top:6px;padding-bottom:6px}
    :root[data-page="states"] .cs-caps{grid-area:caps;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:-16px}
    :root[data-page="states"] .cs-row[data-card="tile"]{grid-area:tile}
    :root[data-page="states"] .cs-row[data-card="view"]{grid-area:view}
    :root[data-page="states"] .cs-row[data-card="list"]{grid-area:list}
    :root[data-page="states"] .cs-row[data-card="charts"]{grid-area:chart}
    :root[data-page="states"] .cs-row[data-card="sheet"]{grid-area:sheet}
    :root[data-page="states"] .cs-foot{grid-area:foot}
    :root[data-page="states"] .cs-seg{display:none}
    :root[data-page="states"] .cs-heads{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
    :root[data-page="states"] .cs .cs-c{display:block}
    :root[data-page="states"] .cs-c .cs-replay{display:none}
    :root[data-page="states"] .cs-cells{grid-template-columns:repeat(5,minmax(0,1fr))}
    :root[data-page="states"] .cs-cell :is(.g-panel,.g-tile){padding:14px}
    :root[data-page="states"] .cs-pen-p{padding:14px 16px;gap:6px}
    :root[data-page="states"] .cs-mini{padding:14px 16px}
    :root[data-page="states"] .cs .cs-cell{display:flex}
    :root[data-page="states"] .cs-rh{flex-wrap:nowrap;margin-bottom:6px}
    :root[data-page="states"] .cs-rh>*{flex:none}
    :root[data-page="states"] .cs-use{flex:1 1 auto;min-width:0;text-align:right}
    :root[data-page="states"] .cs-said .cs-rh>.g-cap{flex:1 1 0;min-width:0}
    :root[data-page="states"] .cs-three{grid-template-columns:repeat(3,minmax(0,1fr))}
    :root[data-page="states"] .cs-broken{grid-column:auto}
    :root[data-page="states"] .cs-ll{display:inline}
    :root[data-page="states"] .cs-ls{display:none}
    :root[data-page="states"] .cs-cseg{display:inline-flex;width:auto;margin-top:0}
    :root[data-page="states"] .cs-cseg button{flex:none;padding:0 12px}
  }
}

/* ---- suppliers/page.css (scoped) ---- */



:root[data-page="suppliers"] .sp{container:sp/inline-size}
:root[data-page="suppliers"] .sp-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
:root[data-page="suppliers"] .sp-only{margin:-8px 0 20px}


:root[data-page="suppliers"] .sp-lede{margin-top:8px}
:root[data-page="suppliers"] .sp .fh-fresh{white-space:normal;text-align:left}


:root[data-page="suppliers"] .sp-typed{color:var(--t2)}
:root[data-page="suppliers"] .sp-flag{height:22px;padding:0 9px}


:root[data-page="suppliers"] .sp-types{display:flex;flex-direction:column;container:sptypes/inline-size}
:root[data-page="suppliers"] .sp-head{flex-wrap:wrap;row-gap:10px}
:root[data-page="suppliers"] .sp-head>.g-ptitle{flex:1 1 auto}
:root[data-page="suppliers"] .sp-seg{flex:none;margin:-9px 0}   
:root[data-page="suppliers"] .sp-views{flex:1 1 auto;margin-top:12px}
:root[data-page="suppliers"] .sp-view{display:flex;flex-direction:column;min-width:0}
:root[data-page="suppliers"] .sp-leg{display:block;margin-bottom:6px}
:root[data-page="suppliers"] .sp-tl{flex:1 1 auto;display:grid;align-content:start;container:sptl/inline-size}   
:root[data-page="suppliers"] .sp-tr{position:relative;display:grid;grid-template-columns:minmax(0,150px) minmax(0,1fr) 148px;grid-template-areas:"l bar v";align-items:center;column-gap:16px;width:calc(100% + 20px);min-height:44px;margin:0 -10px;padding:6px 10px;border:0;border-top:1px solid var(--grid);border-radius:13px;background:none;text-align:left;color:var(--t1);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color 150ms var(--ease)}
:root[data-page="suppliers"] .sp-tr:first-child{border-top:0}
@media (hover:hover) and (pointer:fine){:root[data-page="suppliers"] .sp-tr:hover{background-color:var(--tile);--t2:var(--g-t2-lit);--t3:var(--g-t2-lit)}}
:root[data-page="suppliers"] .sp-tr:active{background-color:var(--key)}
:root[data-page="suppliers"] .sp-tr:focus-visible{outline:2px solid var(--g-focus);outline-offset:0}
:root[data-page="suppliers"] .sp-tr-l{grid-area:l;min-width:0;font-size:13.5px;line-height:1.3;color:var(--t1)}
:root[data-page="suppliers"] .sp-tr-bar{grid-area:bar;display:block;height:9px;min-width:0}
:root[data-page="suppliers"] .sp-tr-v{grid-area:v;display:grid;justify-items:end;gap:1px;text-align:right}
:root[data-page="suppliers"] .sp-tr-f{font-size:14px;line-height:1.3;color:var(--t1);white-space:nowrap;font-feature-settings:"tnum" 1,"cv11" 1}
:root[data-page="suppliers"] .sp-tr-v .g-cap{white-space:nowrap}
:root[data-page="suppliers"] .sp-tfoot{display:grid;justify-items:start;gap:0;margin-top:auto;padding-top:6px}
:root[data-page="suppliers"] .sp-tfoot .g-link-line{margin-top:4px}
:root[data-page="suppliers"] .sp-months{flex:1 1 190px;min-height:190px}   
:root[data-page="suppliers"] .sp-mcap{margin-top:8px;text-wrap:pretty}
:root[data-page="suppliers"] .sp-pen{display:grid;gap:3px;margin-top:auto;padding-top:12px}
:root[data-page="suppliers"] .sp-pen-t{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin:0;font-size:14px;line-height:1.35;color:var(--t1)}
:root[data-page="suppliers"] .sp-pen-t .g-status{height:22px;padding:0 9px}
:root[data-page="suppliers"] .sp-pen .g-pencil-line{max-width:none;font-size:12.5px;line-height:1.4}

@container sptypes (max-width:439px){
  :root[data-page="suppliers"] .sp-seg{margin:0}
}
@container sptl (max-width:439px){
  :root[data-page="suppliers"] .sp-tr{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"l v" "bar bar";row-gap:6px;padding-top:8px;padding-bottom:9px}
}


:root[data-page="suppliers"] .sp-list{display:flex;flex-direction:column}
:root[data-page="suppliers"] .sp-rows{display:grid;margin:10px 0 0;padding:0;list-style:none;container:sprows/inline-size}
:root[data-page="suppliers"] .sp-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"nm amt" "what bar" "why why";align-items:center;column-gap:16px;row-gap:3px;margin:0 -10px;padding:8px 10px;border-top:1px solid var(--grid);border-radius:13px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color 150ms var(--ease)}
:root[data-page="suppliers"] .sp-row:first-child{border-top:0}
:root[data-page="suppliers"] .sp-row[hidden]{display:none}
@media (hover:hover) and (pointer:fine){:root[data-page="suppliers"] .sp-row:hover{background-color:var(--tile);--t2:var(--g-t2-lit);--t3:var(--g-t2-lit)}}
:root[data-page="suppliers"] .sp-row:active{background-color:var(--key)}
:root[data-page="suppliers"] .sp-nm{grid-area:nm;justify-self:start;font-size:14px;line-height:1.35;color:var(--t1);text-align:left}
:root[data-page="suppliers"] .sp-nm:focus-visible{outline:2px solid var(--g-focus);outline-offset:3px;border-radius:11px}
:root[data-page="suppliers"] .sp-amt{grid-area:amt;font-size:14px;line-height:1.35;color:var(--t1);text-align:right;white-space:nowrap;font-feature-settings:"tnum" 1,"cv11" 1}
:root[data-page="suppliers"] .sp-what{display:flex;flex-wrap:wrap;align-items:center;gap:3px 8px;min-width:0;font-size:12.5px;line-height:1.4}
:root[data-page="suppliers"] .sp-row>.sp-what{grid-area:what}
:root[data-page="suppliers"] .sp-row:not(.is-guess)>.sp-what{display:block}
:root[data-page="suppliers"] .sp-what>.g-status{height:22px;padding:0 9px}
:root[data-page="suppliers"] .sp-meter{grid-area:bar;display:block;width:110px;height:9px}
:root[data-page="suppliers"] .sp-row>.sp-why{grid-area:why}
:root[data-page="suppliers"] .sp-why{text-wrap:pretty}

@container sprows (max-width:439px){
  :root[data-page="suppliers"] .sp-row{grid-template-areas:"nm amt" "what what" "why why" "bar bar";row-gap:5px;padding-top:10px;padding-bottom:11px}
  :root[data-page="suppliers"] .sp-meter{width:100%;margin-top:3px}
}
:root[data-page="suppliers"] .sp-list>.sp-all{margin-top:auto;padding-top:8px}


:root[data-page="suppliers"] .sp-foot{display:grid;gap:10px}
:root[data-page="suppliers"] .sp-how .g-drawer-in{display:grid;gap:12px}
:root[data-page="suppliers"] .sp-how-lede{color:var(--t2)}
:root[data-page="suppliers"] .sp-howl{display:grid;gap:10px;margin:0;padding:0;list-style:none}
:root[data-page="suppliers"] .sp-howl li{display:grid;gap:2px;padding-left:12px;border-left:1px solid var(--ink-faint)}
:root[data-page="suppliers"] .sp-how-t{font-size:14px;line-height:1.35;color:var(--t1)}
:root[data-page="suppliers"] .sp-how{container:sphow/inline-size}
@container sphow (min-width:720px){:root[data-page="suppliers"] .sp-howl{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:24px}}


:root[data-page="suppliers"] .sp-sh{display:flex;flex-direction:column;gap:18px;padding-top:2px}
:root[data-page="suppliers"] .sp-sh-head{display:grid;gap:7px}
:root[data-page="suppliers"] .sp-due{display:grid;gap:7px;padding:14px 16px}
:root[data-page="suppliers"] .sp-kv td{padding-top:8px;padding-bottom:8px}
:root[data-page="suppliers"] .sp-sh-sec{display:grid;gap:12px}
:root[data-page="suppliers"] .sp-thin{gap:10px}
:root[data-page="suppliers"] .sp-thin .g-thin-name{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px}
:root[data-page="suppliers"] .sp-sh-last{margin:0;text-wrap:pretty}
:root[data-page="suppliers"] .sp-cols{min-height:150px}
:root[data-page="suppliers"] .sp-sh .sp-what{gap:6px 8px}
:root[data-page="suppliers"] .sp-sh-why{margin:8px 0 0;text-wrap:pretty}
:root[data-page="suppliers"] .sp-inl{position:relative;color:var(--t1);text-decoration:underline;text-decoration-color:var(--ink-faint);text-underline-offset:3px;white-space:nowrap}
:root[data-page="suppliers"] .sp-inl::after{content:"";position:absolute;left:-4px;right:-4px;top:min(0px,calc(50% - 18px));bottom:min(0px,calc(50% - 18px))}
@media (pointer:coarse),(max-width:899px){:root[data-page="suppliers"] .sp-inl::after{top:min(0px,calc(50% - 22px));bottom:min(0px,calc(50% - 22px))}}
@media (hover:hover) and (pointer:fine){:root[data-page="suppliers"] .sp-inl:hover{text-decoration-color:var(--t1)}}
:root[data-page="suppliers"] .sp-sh-end{display:grid;justify-items:start;gap:10px}
:root[data-page="suppliers"] .sp-types-sum{margin-top:12px}
:root[data-page="suppliers"] .sp-tlist{margin:0;padding:0;list-style:none}
:root[data-page="suppliers"] .sp-tlist>li+li{border-top:1px solid var(--grid)}
:root[data-page="suppliers"] .sp-trow{display:grid;grid-template-columns:minmax(0,1fr) auto 16px;align-items:center;column-gap:10px;width:calc(100% + 20px);margin:0 -10px;padding:10px;border:0;border-radius:13px;background:none;text-align:left;color:var(--t1);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color 150ms var(--ease)}
@media (hover:hover) and (pointer:fine){:root[data-page="suppliers"] .sp-trow:hover{background-color:var(--tile);--t2:var(--g-t2-lit)}}
:root[data-page="suppliers"] .sp-trow:active{background-color:var(--key)}
:root[data-page="suppliers"] .sp-trow:focus-visible{outline:2px solid var(--g-focus);outline-offset:0}
:root[data-page="suppliers"] .sp-trow-t{display:grid;justify-items:start;gap:5px;min-width:0}
:root[data-page="suppliers"] .sp-trow-n{font-size:14px;line-height:1.3;color:var(--t1)}
:root[data-page="suppliers"] .sp-trow-v{font-size:14px;line-height:1.3;color:var(--t1);white-space:nowrap;font-feature-settings:"tnum" 1,"cv11" 1}
:root[data-page="suppliers"] .sp-trow .g-chev{margin-top:0;transform:rotate(-90deg)}
:root[data-page="suppliers"] .sp-sh .sp-rows{margin-top:0}

:root[data-page="suppliers"] .sp-team{display:grid;gap:12px;margin-top:14px;padding:14px;border-radius:16px;box-shadow:inset 0 0 0 1px var(--hair2)}
:root[data-page="suppliers"] .sp-team-h{gap:8px}
:root[data-page="suppliers"] .sp-acts{display:flex;flex-wrap:wrap;gap:8px}
:root[data-page="suppliers"] .sp-pick{display:grid;gap:10px}
:root[data-page="suppliers"] .sp-opts{display:grid;grid-template-columns:repeat(auto-fill,minmax(196px,1fr));gap:8px}
:root[data-page="suppliers"] .sp-opt{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 14px;border:0;border-radius:13px;background:var(--tile);box-shadow:inset 0 0 0 1px var(--tline);font-size:14px;line-height:1.25;color:var(--t1);text-align:left;cursor:pointer}
@media (hover:hover) and (pointer:fine){:root[data-page="suppliers"] .sp-opt:hover{background:var(--key)}}
:root[data-page="suppliers"] .sp-opt[aria-checked="true"]{box-shadow:inset 0 0 0 1px var(--t2)}
:root[data-page="suppliers"] .sp-opt:focus-visible{outline:2px solid var(--g-focus);outline-offset:2px}
:root[data-page="suppliers"] .sp-ring{flex:none;width:16px;height:16px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--t2)}
:root[data-page="suppliers"] .sp-opt[aria-checked="true"] .sp-ring{box-shadow:inset 0 0 0 5px var(--t1)}
:root[data-page="suppliers"] .sp-undo{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:0;font-size:13.5px;line-height:1.35;color:var(--t2)}


@media (min-width:900px){
  :root[data-page="suppliers"] .sp-grid{gap:16px}
  :root[data-page="suppliers"] .sp-view>.sp-tl{grid-auto-rows:1fr;align-content:stretch}   
  @container sp (min-width:990px){
    :root[data-page="suppliers"] .sp-types{grid-area:types}:root[data-page="suppliers"] .sp-list{grid-area:list}:root[data-page="suppliers"] .sp-foot{grid-area:foot}
    :root[data-page="suppliers"] .sp-grid{column-gap:20px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"types list" "foot foot"}
  }
  @container sp (min-width:1150px){
    :root[data-page="suppliers"] .sp-grid{column-gap:28px;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
  }
}

/* ---- wholesale/page.css (scoped) ---- */



:root[data-page="wholesale"] .ws{container:ws/inline-size}
:root[data-page="wholesale"] .ws-grid{--ws-chart:150;display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
:root[data-page="wholesale"] .ws-lede{margin-top:8px}
:root[data-page="wholesale"] .ws-t2{color:var(--t2)}
:root[data-page="wholesale"] .ws-amber{color:var(--amber)}
:root[data-page="wholesale"] .ws-lead{margin-top:2px}
:root[data-page="wholesale"] .ws-under{margin-top:8px}
:root[data-page="wholesale"] .ws-note{max-width:none;margin-top:2px;grid-column:1/-1}


:root[data-page="wholesale"] .ws-acc{container:wsacc/inline-size;display:flex;flex-direction:column}
:root[data-page="wholesale"] .ws-acc-head{flex-direction:column;align-items:stretch;gap:12px}
:root[data-page="wholesale"] .ws-vseg{display:flex}
:root[data-page="wholesale"] .ws-vseg>button{flex:1 1 auto;padding:0 8px}
:root[data-page="wholesale"] .ws-wide,:root[data-page="wholesale"] .ws-n,:root[data-page="wholesale"] .ws-soon{display:none}
:root[data-page="wholesale"] .ws-soon{margin-left:2px}
:root[data-page="wholesale"] .ws-views{flex:1 1 auto;margin-top:6px}
:root[data-page="wholesale"] .ws-view{display:flex;flex-direction:column;min-width:0}


:root[data-page="wholesale"] .ws-states{flex:1 1 auto;margin-top:2px;grid-auto-rows:minmax(min-content,1fr)}
:root[data-page="wholesale"] .ws-st-row{width:calc(100% + 20px);min-width:0;grid-template-columns:minmax(0,1fr) max-content 16px;grid-template-areas:"name fig chev" "say say chev";column-gap:10px;row-gap:3px;align-items:center;align-content:center;padding-top:9px;padding-bottom:9px}
:root[data-page="wholesale"] .ws-st-row .g-line-name{font-size:14px}
:root[data-page="wholesale"] .ws-st-chip{display:inline-flex;justify-self:end}

:root[data-page="wholesale"] .ws-st-chip{gap:6px;align-items:center}
:root[data-page="wholesale"] .ws-team{display:inline-flex}:root[data-page="wholesale"] .ws-team:empty{display:none}
:root[data-page="wholesale"] .ws-quiet-note{margin-top:12px}
:root[data-page="wholesale"] .ws-needs{flex:none}
:root[data-page="wholesale"] .ws-look{margin:10px 0 0 4px}
:root[data-page="wholesale"] .ws-looks{flex:1 1 auto;margin-top:2px;grid-auto-rows:minmax(min-content,1fr)}

:root[data-page="wholesale"] .ws-look-row{width:100%;margin:0;padding:8px 14px 8px 43px;grid-template-columns:minmax(0,1fr) max-content 16px;grid-template-areas:"name fig chev" "say say chev";column-gap:10px;align-items:baseline;align-content:center}
:root[data-page="wholesale"] .ws-look-row .g-line-name{font-size:14px}
:root[data-page="wholesale"] .ws-look-row .g-line-fig{white-space:nowrap}
:root[data-page="wholesale"] .ws-chev{grid-area:chev;align-self:center;margin-top:0;transform:rotate(-90deg)}


:root[data-page="wholesale"] .ws-rhs{flex:1 1 auto;grid-auto-rows:minmax(min-content,1fr);min-width:0;margin-top:6px}
:root[data-page="wholesale"] .ws-rh{width:calc(100% + 20px);min-width:0;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name chip" "bc bc" "fig fig";align-content:center;align-items:center;column-gap:10px;row-gap:6px;padding-top:8px;padding-bottom:8px}
:root[data-page="wholesale"] .ws-rh[hidden]{display:none}
:root[data-page="wholesale"] .ws-rh .g-line-name{font-size:14px}
:root[data-page="wholesale"] .ws-rh-chip{grid-area:chip;justify-self:end;display:inline-flex}
:root[data-page="wholesale"] .ws-rh-fig{display:flex;align-items:baseline;gap:6px;min-width:0}
:root[data-page="wholesale"] .ws-rh-fig .g-cur{margin-right:-5px;font-size:15px}
:root[data-page="wholesale"] .ws-rh-bc{grid-area:bc;display:block;min-width:0}
:root[data-page="wholesale"] .ws-rh-fig .g-cap{white-space:nowrap}


:root[data-page="wholesale"] .ws-tblwrap{flex:1 1 auto;min-height:0;margin-top:8px}
:root[data-page="wholesale"] .ws-tbl{height:100%}
:root[data-page="wholesale"] .ws-td-go{position:relative;padding:0;border:0;background:none;font:inherit;color:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}
:root[data-page="wholesale"] .ws-td-go:focus-visible{outline:2px solid var(--g-focus);outline-offset:3px;border-radius:11px}
:root[data-page="wholesale"] .ws-when{min-width:0}
:root[data-page="wholesale"] .ws-due-lead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
:root[data-page="wholesale"] .ws-due-next{flex:none}
:root[data-page="wholesale"] .ws-age{margin-top:10px}


:root[data-page="wholesale"] .ws-acc-foot{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;margin-top:10px}
:root[data-page="wholesale"] .ws-ticks{flex:none;display:block;position:relative;width:122px;height:14px}
:root[data-page="wholesale"] .ws-ticks-cap{flex:1 1 220px;min-width:0}
:root[data-page="wholesale"] .ws-more{flex:none;justify-items:end}
:root[data-page="wholesale"] .ws-more .g-link-line{margin-top:0}


:root[data-page="wholesale"] .ws-sales{container:wssales/inline-size}
:root[data-page="wholesale"] .ws-upd{position:absolute;top:16px;right:20px}
:root[data-page="wholesale"] .ws-upd[hidden]{display:none}
:root[data-page="wholesale"] .ws-hero{margin-top:14px}
:root[data-page="wholesale"] .ws-hero-words{display:grid;gap:6px;min-width:0;margin-top:8px}
:root[data-page="wholesale"] .ws-up{display:inline-flex;align-items:flex-start;gap:5px;white-space:normal}
:root[data-page="wholesale"] .ws-up.g-up::before{margin-top:1px}
:root[data-page="wholesale"] .ws-up-t{line-height:1.3}
:root[data-page="wholesale"] .ws-weeks{margin-top:12px;min-height:120px}
@container wssales (min-width:540px){
  :root[data-page="wholesale"] .ws-hero{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:18px;align-items:start;margin-top:12px}
  :root[data-page="wholesale"] .ws-hero-words{margin-top:3px}
}


:root[data-page="wholesale"] .ws-who{container:wswho/inline-size;display:flex;flex-direction:column}
:root[data-page="wholesale"] .ws-who-head{flex-direction:column;align-items:stretch;gap:12px}
:root[data-page="wholesale"] .ws-wseg{align-self:flex-start}
:root[data-page="wholesale"] .ws-wviews{flex:1 1 auto;margin-top:12px}
:root[data-page="wholesale"] .ws-wview{display:flex;flex-direction:column;min-width:0}
:root[data-page="wholesale"] .ws-whobars{margin-top:12px}
:root[data-page="wholesale"] .ws-whobars .gc-hb{gap:10px}
:root[data-page="wholesale"] .ws-days{margin-top:8px}
:root[data-page="wholesale"] .ws-whonote{margin-top:auto;padding-top:10px}


:root[data-page="wholesale"] .ws-sorted{padding-top:8px;padding-bottom:8px}
:root[data-page="wholesale"] .ws-sorted .g-drawer{border-top:0}
:root[data-page="wholesale"] .ws-sorted .g-drawer-in{margin:0 -12px;padding:0 12px}
:root[data-page="wholesale"] .ws-sorted-in{padding-bottom:10px}
:root[data-page="wholesale"] .ws-sr-list{margin-top:0}
:root[data-page="wholesale"] .ws-sr-n{display:flex;align-items:flex-start;gap:8px;min-width:0}
:root[data-page="wholesale"] .ws-sr .g-line-say{padding-left:26px}


:root[data-page="wholesale"] .ws-sh-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px}
:root[data-page="wholesale"] .ws-sh-sec{margin-top:20px}
:root[data-page="wholesale"] .ws-sh-t{margin-bottom:8px}
:root[data-page="wholesale"] .ws-by{margin-top:3px}
:root[data-page="wholesale"] .ws-told{margin-top:12px}
:root[data-page="wholesale"] .ws-inv{margin-top:8px}
:root[data-page="wholesale"] .ws-inv+.ws-by{margin-top:8px}
:root[data-page="wholesale"] .ws-figs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:20px 0 0}
:root[data-page="wholesale"] .ws-fig{padding:12px 14px}
:root[data-page="wholesale"] .ws-fig dd{margin:6px 0 0}
:root[data-page="wholesale"] .ws-fig-n{display:block;margin-top:4px}
:root[data-page="wholesale"] .ws-year{margin-bottom:8px}
:root[data-page="wholesale"] .ws-story{margin-top:0}
:root[data-page="wholesale"] .ws-ok{display:flex;align-items:flex-start;gap:8px}
:root[data-page="wholesale"] .ws-boardlink{display:block;width:fit-content;margin-top:10px}
:root[data-page="wholesale"] .ws-sh-foot{margin-top:20px}


:root[data-page="wholesale"] .ws-sheet-lead{margin-bottom:12px}
:root[data-page="wholesale"] .ws-find{margin-bottom:12px}
:root[data-page="wholesale"] .ws-empty{margin-bottom:10px}
:root[data-page="wholesale"] .ws-empty[hidden]{display:none}
:root[data-page="wholesale"] .ws-rhs.is-dense{display:block;margin-top:0}
:root[data-page="wholesale"] .ws-tbl-sheet{height:auto;margin-top:12px}
@media (min-width:900px){
  :root[data-page="wholesale"] .ws-rhs.is-dense>.ws-rh{grid-template-columns:minmax(0,1fr) 170px 150px 132px;grid-template-areas:"name bc chip fig";column-gap:14px}
  :root[data-page="wholesale"] .ws-rhs.is-dense .ws-rh-chip{justify-self:start}
  :root[data-page="wholesale"] .ws-rhs.is-dense .ws-rh-fig{justify-content:flex-end}
}


:root[data-page="wholesale"] .ws-nums-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
:root[data-page="wholesale"] .ws-num{padding:14px 16px}
:root[data-page="wholesale"] .ws-num .g-fig{margin:8px 0 8px}
@media (max-width:899px){:root[data-page="wholesale"] .ws-nums-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:459px){:root[data-page="wholesale"] .ws-nums-grid{grid-template-columns:minmax(0,1fr)}}


:root[data-page="wholesale"] .ws-dates-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}
:root[data-page="wholesale"] .ws-dates-k{margin:18px 0 8px}
:root[data-page="wholesale"] .ws-dates-from{margin-top:14px}
:root[data-page="wholesale"] .ws-dates-from[hidden]{display:none}
:root[data-page="wholesale"] .ws-dates-say{min-height:20px;margin:14px 0 0;font-size:14px;line-height:1.45;color:var(--amber)}

@container wswho (min-width:380px){
  :root[data-page="wholesale"] .ws-who-head{flex-direction:row;align-items:center;gap:10px}
  :root[data-page="wholesale"] .ws-wseg{flex:none;align-self:auto}
}


@container wsacc (min-width:560px){
  :root[data-page="wholesale"] .ws-acc-head{flex-direction:row;align-items:center;gap:10px}
  :root[data-page="wholesale"] .ws-vseg{display:inline-flex}
  :root[data-page="wholesale"] .ws-vseg>button{flex:none;padding:0 12px}
  :root[data-page="wholesale"] .ws-wide{display:inline}
  :root[data-page="wholesale"] .ws-narrow{display:none}
  :root[data-page="wholesale"] .ws-n{display:inline}
  :root[data-page="wholesale"] .ws-soon{display:inline-flex}
  :root[data-page="wholesale"] .ws-view-due .ws-due-next{display:none}
  :root[data-page="wholesale"] .ws-rh{grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"name chip fig" "bc bc bc";column-gap:14px}
  :root[data-page="wholesale"] .ws-rh-fig{justify-content:flex-end;min-width:110px}
}
@container wsacc (min-width:600px){
  :root[data-page="wholesale"] .ws-needs>.g-row>.g-row-head{align-items:center;padding-top:9px;padding-bottom:9px}
  :root[data-page="wholesale"] .ws-needs>.g-row>.g-row-head>.g-badge,:root[data-page="wholesale"] .ws-needs>.g-row>.g-row-head>.g-chev{margin-top:0}
  :root[data-page="wholesale"] .ws-needs .g-row-text{flex-direction:row;flex-wrap:wrap;align-items:baseline;column-gap:12px}
  :root[data-page="wholesale"] .ws-needs>.g-row+.g-row{margin-top:6px}
  :root[data-page="wholesale"] .ws-look-row{grid-template-columns:max-content minmax(0,1fr) max-content 16px;grid-template-areas:"name say fig chev";column-gap:12px;padding-top:5px;padding-bottom:5px}
  :root[data-page="wholesale"] .ws-look-row .g-line-name{white-space:nowrap}
  :root[data-page="wholesale"] .ws-look-row .g-line-say{margin-top:0}
}


@media (min-width:900px){
  :root[data-page="wholesale"] .ws-grid{gap:16px}
  @container ws (min-width:880px){
    :root[data-page="wholesale"] .ws-acc{grid-area:acc}:root[data-page="wholesale"] .ws-sales{grid-area:sales}:root[data-page="wholesale"] .ws-who{grid-area:who}:root[data-page="wholesale"] .ws-sorted{grid-area:sorted}:root[data-page="wholesale"] .ws-coming{grid-area:coming}:root[data-page="wholesale"] .ws-price{grid-area:price}:root[data-page="wholesale"] .ws-grid>.g-foot{grid-area:foot}
    :root[data-page="wholesale"] .ws-grid{--ws-chart:0;--ws-level:2;column-gap:20px;grid-template-columns:repeat(2,minmax(0,1fr));
      grid-template-areas:"acc acc" "sales who" "price price" "sorted sorted" "coming coming" "foot foot"}
    :root[data-page="wholesale"] .ws-who{align-self:start}
  }
  
  @container ws (min-width:1150px){
    :root[data-page="wholesale"] .ws-grid{--ws-level:1;column-gap:28px;grid-template-columns:minmax(0,1fr) clamp(440px,38cqw,500px);grid-template-rows:auto auto 1fr auto;
      grid-template-areas:"acc sales" "who sorted" "who coming" "price price" "foot foot"}
    :root[data-page="wholesale"] .ws-acc{align-self:start}
  }
}


:root[data-page="wholesale"] .ws-prl{margin-top:8px}
:root[data-page="wholesale"] .ws-prl .g-line-fig{white-space:nowrap}

:root[data-page="wholesale"] .ws-prl{gap:16px 28px}
:root[data-page="wholesale"] .ws-pr{display:grid;align-content:start;gap:2px;min-width:0;container:wspr/inline-size}
:root[data-page="wholesale"] .ws-pr .g-held.is-brief{gap:6px}
:root[data-page="wholesale"] .ws-pr-see{justify-self:start;margin-top:2px}
:root[data-page="wholesale"] .ws-lt .ws-lt-g{display:block;margin-top:2px}
:root[data-page="wholesale"] .ws-prcap{margin:12px 0 0}
:root[data-page="wholesale"] .ws-kl{margin-top:6px}
:root[data-page="wholesale"] .ws-kl .g-line-fig{white-space:nowrap}
:root[data-page="wholesale"] .ws-kcap{margin:8px 0 0}
@container g-lines (min-width:540px){:root[data-page="wholesale"] .ws-prl{grid-template-columns:repeat(3,minmax(0,1fr))}}




:root[data-page="wholesale"] .ws-kl2{margin-top:8px}
:root[data-page="wholesale"] .ws-khow>summary{list-style:none;width:fit-content}
:root[data-page="wholesale"] .ws-khow>summary::-webkit-details-marker{display:none}
:root[data-page="wholesale"] .ws-khow[open]>summary{margin-bottom:6px}

:root[data-page="wholesale"] .ws-prhow{margin-top:12px}
:root[data-page="wholesale"] .ws-prhow .ws-prcap{margin:0}