/* ============================================================================
   cloud.css — Cognia Cloud: /cloud, /pricing, /cloud/dashboard, /cloud/security
   ----------------------------------------------------------------------------
   Layout only. Every colour, radius and type face is an existing token, and the
   components are the site's own: .us-main / .us-panel / .us-tile (usage.css),
   .bm-proof / .bm-stats / .bm-tri (usage.css), .cx-btn / .cx-chip / .cx-input
   (cortex.css). No gradient, no shadow, no glass, no new colour: sections earn
   their weight from type size, whitespace and one 1px var(--border) line.

   The site's body tokens run small (--fs-sm is 10px) because they were cut for
   a dense map UI; a product page is read, so the copy here sits on --fs-16 and
   up, the way /benchmarks raised its own (#bmRoot).
   ========================================================================== */

/* the full padding, restated: .us-main's shorthand names --sp-30, which no token sheet defines, so
   its whole padding computes to 0 and the copy touched the screen edge at 390 */
.cl-main{ gap:var(--sp-22); padding:var(--sp-22) 16px 64px; font-size:var(--fs-16); line-height:1.55; width:100%; box-sizing:border-box; }
.cl-main *{ box-sizing:border-box; }
.cl-main a:not(.cx-btn){ color:var(--ink); text-decoration-color:var(--brand-55); text-underline-offset:3px; }
.cl-main a:not(.cx-btn):hover{ color:var(--brand); }
.cl-main p{ margin:0; }
.cl-main :focus-visible{ outline:2px solid var(--brand); outline-offset:2px; }

/* the eyebrow: .bm-proof__eyebrow's voice, usable outside a proof card */
.cl-eyebrow{ font-size:12px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; color:var(--brand); margin:0; }

/* ── a section: one hairline above, a heading, a lede ── */
.cl-sec{ display:grid; gap:var(--sp-18); padding-top:var(--sp-22); border-top:1px solid var(--border); min-width:0; scroll-margin-top:calc(var(--topnav-h, 80px) + 16px); }
.cl-sec--flush{ border-top:0; padding-top:0; }
.cl-h2{ font-family:var(--font-display); font-weight:600; font-size:clamp(24px, 3.2vw, 34px); line-height:1.15; letter-spacing:-.01em; margin:0; max-width:24ch; }
.cl-h3{ font-family:var(--font-display); font-weight:600; font-size:var(--fs-20); line-height:1.25; margin:0; }
.cl-lede{ color:var(--graphite); font-size:var(--fs-18); line-height:1.55; max-width:62ch; }
.cl-head{ display:grid; gap:var(--sp-9); }
.cl-note{ color:var(--graphite); font-size:var(--fs-xl); }

/* ── hero ── */
.cl-hero{ display:grid; gap:var(--sp-17); padding:var(--sp-22) 0 var(--sp-18); }
.cl-hero h1{ font-family:var(--font-display); font-weight:600; font-size:clamp(36px, 6vw, 60px); line-height:1.04; letter-spacing:-.02em; margin:0; max-width:16ch; }
.cl-hero__sub{ font-size:clamp(17px, 1.6vw, 20px); line-height:1.55; color:var(--graphite); max-width:58ch; }
.cl-ctas{ display:flex; flex-wrap:wrap; gap:var(--sp-9); align-items:center; }
.cl-ctas .cx-btn{ min-height:46px; padding:0 var(--sp-18); font-size:var(--fs-2xl); }
.cl-fine{ font-size:var(--fs-xl); color:var(--graphite); }

/* ── a row of equal cards: 4 / 2 / 1, never an orphan ── */
.cl-grid{ list-style:none; margin:0; padding:0; display:grid; gap:var(--sp-11); grid-template-columns:repeat(4, minmax(0, 1fr)); }
.cl-grid--3{ grid-template-columns:repeat(3, minmax(0, 1fr)); }
@media (max-width:900px){ .cl-grid, .cl-grid--3{ grid-template-columns:repeat(2, minmax(0, 1fr)); } .cl-grid--3 > :last-child:nth-child(odd){ grid-column:1 / -1; } }
@media (max-width:560px){ .cl-grid, .cl-grid--3{ grid-template-columns:1fr; } }
.cl-card{ display:grid; gap:var(--sp-7); align-content:start; padding:var(--sp-18); border:1px solid var(--border); border-radius:12px; background:var(--paper); min-width:0; overflow-wrap:anywhere; }
.cl-card__k{ font-size:12px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; color:var(--brand); }
.cl-card__n{ font-family:var(--font-display); font-size:var(--fs-26); line-height:1; color:var(--graphite); font-variant-numeric:tabular-nums; }
.cl-card__d{ font-size:var(--fs-16); line-height:1.5; color:var(--ink); }

/* the optional fourth step: a quieter line under the three, never a peer */
.cl-aside{ display:flex; gap:var(--sp-11); align-items:baseline; flex-wrap:wrap; padding:var(--sp-11) var(--sp-15); border-left:2px solid var(--brand); color:var(--graphite); }
.cl-aside b{ font-size:12px; font-weight:600; letter-spacing:.1em; color:var(--brand); }

/* ── two columns: heading left, body right (stacks under 860) ── */
.cl-split{ display:grid; grid-template-columns:minmax(0, 5fr) minmax(0, 6fr); gap:var(--sp-22); align-items:start; }
@media (max-width:860px){ .cl-split{ grid-template-columns:1fr; gap:var(--sp-18); } }
.cl-prose{ display:grid; gap:var(--sp-15); font-size:var(--fs-18); line-height:1.6; max-width:60ch; }

/* a fact list: one brand tick per line, no icons */
.cl-facts{ list-style:none; margin:0; padding:0; display:grid; gap:0; border-top:1px solid var(--border); }
.cl-facts li{ display:flex; gap:var(--sp-11); align-items:baseline; padding:var(--sp-11) 0; border-bottom:1px solid var(--border); font-size:var(--fs-16); min-width:0; overflow-wrap:anywhere; }
.cl-facts li::before{ content:""; flex:none; width:6px; height:6px; border-radius:50%; background:var(--brand); transform:translateY(-2px); }
.cl-facts li span{ color:var(--graphite); }

/* ── integrations: rows, a status chip each ── */
.cl-ints{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:var(--sp-11); }
@media (max-width:700px){ .cl-ints{ grid-template-columns:1fr; } }
.cl-int{ display:grid; gap:var(--sp-5); padding:var(--sp-17) var(--sp-18); border:1px solid var(--border); border-radius:12px; min-width:0; }
.cl-int__top{ display:flex; gap:var(--sp-9); align-items:center; justify-content:space-between; flex-wrap:wrap; }
.cl-int__name{ font-family:var(--font-display); font-weight:600; font-size:var(--fs-20); }
.cl-int__d{ color:var(--graphite); font-size:var(--fs-2xl); }
.cl-int code, .cl-code{ font-family:var(--font-mono); font-size:13px; background:var(--brand-06); border:1px solid var(--border); border-radius:6px; padding:1px 6px; overflow-wrap:anywhere; }

/* ── the private → network diagram: HTML boxes and arrows ── */
.cl-flow{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr); align-items:stretch; gap:var(--sp-9); }
.cl-flow__b{ display:grid; gap:var(--sp-3); align-content:center; padding:var(--sp-15); border:1px solid var(--border); border-radius:12px; text-align:center; min-width:0; }
.cl-flow__b b{ font-family:var(--font-display); font-weight:600; font-size:var(--fs-17); }
.cl-flow__b span{ font-size:var(--fs-xl); color:var(--graphite); }
.cl-flow__b--start{ border-color:var(--brand-55); }
.cl-flow__a{ align-self:center; color:var(--graphite); font-size:var(--fs-20); }
@media (max-width:760px){
  .cl-flow{ grid-template-columns:1fr; }
  .cl-flow__a{ justify-self:center; transform:rotate(90deg); line-height:1; }
}

/* ── the live network card: .bm-proof + .bm-stats, one step roomier ── */
.cl-live{ padding:var(--sp-18); gap:var(--sp-17); }
.cl-live .bm-stat__l{ font-size:var(--fs-xl); }
.cl-live__h{ font-family:var(--font-display); font-weight:600; font-size:var(--fs-21); margin:0; }

/* ── closing call ── */
.cl-final{ display:grid; gap:var(--sp-17); justify-items:start; padding:var(--sp-22) var(--sp-22); border:1px solid var(--border); border-radius:16px; }
@media (max-width:560px){ .cl-final{ padding:var(--sp-18); } }

/* ════════════════════════════════════════════════════════════════════════
   /pricing
   ════════════════════════════════════════════════════════════════════════ */
.pr-plans{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:var(--sp-11); align-items:stretch; }
@media (max-width:1100px){ .pr-plans{ grid-template-columns:repeat(2, minmax(0, 1fr)); } }
@media (max-width:600px){ .pr-plans{ grid-template-columns:1fr; } }
.pr-plan{ display:flex; flex-direction:column; gap:var(--sp-15); padding:var(--sp-18); border:1px solid var(--border); border-radius:12px; min-width:0; }
.pr-plan--pro{ border-color:var(--brand-55); }
.pr-plan__top{ display:flex; gap:var(--sp-7); align-items:center; justify-content:space-between; flex-wrap:wrap; }
.pr-plan__name{ font-family:var(--font-display); font-weight:600; font-size:var(--fs-21); margin:0; }
.pr-plan__price{ font-family:var(--font-display); font-weight:600; font-size:34px; line-height:1.1; font-variant-numeric:tabular-nums; margin:0; }
.pr-plan__price small{ font-family:var(--font-body); font-weight:400; font-size:var(--fs-2xl); color:var(--graphite); }
.pr-plan__price--word{ font-size:var(--fs-26); }
.pr-plan__for{ color:var(--graphite); font-size:var(--fs-2xl); }
.pr-plan__flag{ font-size:var(--fs-xl); border-left:2px solid var(--brand); padding-left:var(--sp-9); }
.pr-feats{ list-style:none; margin:0; padding:0; display:grid; gap:var(--sp-7); font-size:var(--fs-2xl); }
.pr-feats li{ display:flex; gap:var(--sp-9); align-items:baseline; min-width:0; overflow-wrap:anywhere; }
.pr-feats li::before{ content:""; flex:none; width:5px; height:5px; border-radius:50%; background:var(--brand); transform:translateY(-2px); }
.pr-feats li.pr-planned{ color:var(--graphite); }
.pr-feats li.pr-planned::before{ background:transparent; border:1px solid var(--graphite); }
.pr-limits{ font-size:var(--fs-lg); color:var(--graphite); }
.pr-plan .cx-btn{ margin-top:auto; width:100%; min-height:44px; font-size:var(--fs-xl); }
.pr-foot{ display:grid; gap:var(--sp-7); color:var(--graphite); font-size:var(--fs-xl); max-width:70ch; }

/* ════════════════════════════════════════════════════════════════════════
   /cloud/dashboard
   ════════════════════════════════════════════════════════════════════════ */
.cd-hero{ display:flex; gap:var(--sp-15); align-items:flex-end; justify-content:space-between; flex-wrap:wrap; }
.cd-hero h1{ font-family:var(--font-display); font-weight:600; font-size:clamp(30px, 4vw, 42px); line-height:1.1; margin:0; }
.cd-hero__who{ display:flex; gap:var(--sp-7); align-items:center; flex-wrap:wrap; color:var(--graphite); font-size:var(--fs-xl); }
.cd-plan{ display:flex; gap:var(--sp-7); align-items:center; flex-wrap:wrap; }
.cd-badge{ display:inline-flex; align-items:center; height:28px; padding:0 var(--sp-11); border:1px solid var(--brand-55); border-radius:999px; font-weight:600; font-size:var(--fs-lg); }
.cd-status{ font-size:var(--fs-xl); color:var(--graphite); max-width:60ch; }

.cd-tiles{ display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:var(--sp-11); }
@media (max-width:900px){ .cd-tiles{ grid-template-columns:repeat(2, minmax(0, 1fr)); } }
@media (max-width:420px){ .cd-tiles{ grid-template-columns:1fr; } }
.cd-tiles .us-tile{ padding:var(--sp-15) var(--sp-17); border-radius:12px; min-width:0; }
.cd-tiles .us-tile__v{ font-size:32px; }
.cd-tiles .us-tile__l{ font-size:var(--fs-xl); }
.cd-tiles .us-tile__s{ font-size:var(--fs-lg); }

.cd-panel{ display:grid; gap:var(--sp-15); padding:var(--sp-18); border:1px solid var(--border); border-radius:12px; min-width:0; scroll-margin-top:calc(var(--topnav-h, 80px) + 16px); }
.cd-panel h2{ font-family:var(--font-display); font-weight:600; font-size:var(--fs-20); margin:0; }
.cd-cols{ display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:var(--sp-18); align-items:start; }
@media (max-width:860px){ .cd-cols{ grid-template-columns:1fr; } }

.cd-list{ list-style:none; margin:0; padding:0; display:grid; border-top:1px solid var(--border); }
.cd-list li{ display:grid; grid-template-columns:minmax(0, 1fr) auto; gap:var(--sp-3) var(--sp-11); padding:var(--sp-11) 0; border-bottom:1px solid var(--border); font-size:var(--fs-2xl); min-width:0; }
.cd-list b{ font-weight:600; overflow-wrap:anywhere; min-width:0; }
.cd-list .cd-meta{ grid-column:1 / -1; color:var(--graphite); font-size:var(--fs-lg); }
.cd-list time{ color:var(--graphite); font-size:var(--fs-lg); white-space:nowrap; }
.cd-act__k{ display:block; font-size:12px; font-weight:600; letter-spacing:.06em; text-transform:uppercase; color:var(--graphite); }
.cd-act__k--others{ color:var(--brand); }

.cd-usage{ list-style:none; margin:0; padding:0; display:grid; gap:var(--sp-15); }
.cd-usage li{ display:grid; gap:var(--sp-5); }
.cd-usage__row{ display:flex; justify-content:space-between; gap:var(--sp-11); flex-wrap:wrap; font-size:var(--fs-2xl); }
.cd-usage__v{ font-variant-numeric:tabular-nums; color:var(--graphite); }
.cd-bar{ height:8px; border-radius:4px; background:var(--pf-trough, var(--border)); overflow:hidden; }
.cd-bar i{ display:block; height:100%; background:var(--brand); border-radius:4px; }

.cd-form{ display:grid; gap:var(--sp-11); max-width:560px; }
.cd-form label{ display:grid; gap:var(--sp-3); font-size:var(--fs-xl); font-weight:500; }
.cd-form .cd-opt{ font-weight:400; color:var(--graphite); }
.cd-form select, .cd-form textarea{ min-height:44px; padding:var(--sp-9) var(--sp-13); border:1px solid var(--border); border-radius:var(--r-10, 10px); background:var(--paper); color:var(--ink); font:inherit; font-size:var(--fs-16); }
.cd-form textarea{ min-height:96px; resize:vertical; }
.cd-form select:focus, .cd-form textarea:focus{ outline:none; border-color:var(--brand-55); box-shadow:0 0 0 3px var(--brand-12); }
.cd-form .cx-input{ width:100%; }
.cd-msg{ font-size:var(--fs-xl); padding:var(--sp-9) var(--sp-11); border-left:2px solid var(--brand); }
.cd-msg--err{ border-left-color:var(--danger-text); color:var(--danger-text); }
.cd-actions{ display:flex; gap:var(--sp-9); flex-wrap:wrap; align-items:center; }

.cd-steps{ list-style:none; margin:0; padding:0; display:grid; gap:var(--sp-11); counter-reset:cd; }
.cd-steps li{ display:flex; gap:var(--sp-11); align-items:baseline; font-size:var(--fs-16); counter-increment:cd; }
.cd-steps li::before{ content:counter(cd); flex:none; display:inline-grid; place-items:center; width:26px; height:26px; border:1px solid var(--brand-55); border-radius:50%; font-family:var(--font-display); font-size:var(--fs-lg); color:var(--brand); }

.cd-gate{ display:grid; gap:var(--sp-18); max-width:640px; }
.cd-gate h1{ font-family:var(--font-display); font-weight:600; font-size:clamp(28px, 4vw, 38px); line-height:1.15; margin:0; }

/* ════════════════════════════════════════════════════════════════════════
   /cloud/security
   ════════════════════════════════════════════════════════════════════════ */
.cs-list{ list-style:none; margin:0; padding:0; display:grid; gap:var(--sp-11); }
.cs-item{ display:grid; grid-template-columns:minmax(0, 2fr) minmax(0, 5fr); gap:var(--sp-9) var(--sp-22); padding:var(--sp-18) 0; border-top:1px solid var(--border); }
.cs-item h2{ font-family:var(--font-display); font-weight:600; font-size:var(--fs-20); margin:0; }
.cs-item p{ font-size:var(--fs-16); line-height:1.6; }
@media (max-width:760px){ .cs-item{ grid-template-columns:1fr; } }

/* the dashboard's mount: its sections are one column with the page's rhythm */
#cdRoot{ display:grid; gap:var(--sp-18); min-width:0; }
#cdRoot .cd-hero + .cd-status{ margin-top:calc(-1 * var(--sp-9)); }

/* ════════════════════════════════════════════════════════════════════════
   Cloud secondary navigation (Overview · Workbench · Memory · Security)
   ════════════════════════════════════════════════════════════════════════ */
.cl-subnav{ display:flex; gap:var(--sp-5); flex-wrap:wrap; border-bottom:1px solid var(--border); padding-bottom:var(--sp-7); margin-bottom:calc(-1 * var(--sp-7)); }
.cl-subnav a{ display:inline-flex; align-items:center; min-height:36px; padding:0 var(--sp-11); border-radius:999px; font-size:var(--fs-xl); font-weight:500; color:var(--graphite); text-decoration:none !important; }
.cl-subnav a:hover{ color:var(--ink); background:var(--brand-06); }
.cl-subnav a[aria-current="page"]{ color:var(--ink); background:var(--brand-12); font-weight:600; }

/* the one-time key on account creation */
.cg-key{ display:flex; gap:var(--sp-9); align-items:center; flex-wrap:wrap; padding:var(--sp-11); border:1px solid var(--brand-55); border-radius:10px; background:var(--brand-06); min-width:0; }
.cg-key code{ font-family:var(--font-mono); font-size:13px; overflow-wrap:anywhere; word-break:break-all; flex:1 1 220px; min-width:0; }

/* shared header row for Workbench and Memory */
.wb-head{ display:flex; gap:var(--sp-15); align-items:flex-end; justify-content:space-between; flex-wrap:wrap; }
.wb-head h1{ font-family:var(--font-display); font-weight:600; font-size:clamp(30px, 4vw, 42px); line-height:1.1; margin:0; }
.wb-who{ display:flex; gap:var(--sp-7); align-items:center; flex-wrap:wrap; color:var(--graphite); font-size:var(--fs-xl); }
.wb-select{ min-height:36px; padding:0 var(--sp-9); border:1px solid var(--border); border-radius:8px; background:var(--paper); color:var(--ink); font:inherit; font-size:var(--fs-xl); max-width:100%; }

/* ════════════════════════════════════════════════════════════════════════
   /cloud/chat — Cognia Workbench
   ════════════════════════════════════════════════════════════════════════ */
#wbRoot, #mmRoot{ display:grid; gap:var(--sp-18); min-width:0; }
.wb-bar{ display:flex; gap:var(--sp-9); align-items:center; flex-wrap:wrap; }
.wb-proj{ display:inline-flex; gap:var(--sp-7); align-items:center; font-size:var(--fs-xl); color:var(--graphite); }
.wb-newproj{ display:inline-flex; gap:var(--sp-5); align-items:center; flex-wrap:wrap; }
.wb-newproj .cx-input{ width:180px; max-width:100%; }
.wb-usage{ margin-left:auto; color:var(--graphite); font-size:var(--fs-lg); font-variant-numeric:tabular-nums; }
@media (max-width:560px){ .wb-usage{ margin-left:0; flex-basis:100%; } }

.wb-list{ list-style:none; margin:0; padding:0; display:grid; gap:var(--sp-15); min-height:180px; align-content:start; }
.wb-empty{ display:grid; gap:var(--sp-11); padding:var(--sp-18); border:1px dashed var(--border); border-radius:12px; }
.wb-empty__h{ font-family:var(--font-display); font-weight:600; font-size:var(--fs-20); }
.wb-msg{ display:grid; gap:var(--sp-7); min-width:0; }
.wb-msg--user{ justify-items:end; }
.wb-bubble{ max-width:min(720px, 100%); padding:var(--sp-11) var(--sp-15); border-radius:14px; background:var(--brand-12); color:var(--ink); overflow-wrap:anywhere; min-width:0; display:grid; gap:var(--sp-9); }
.wb-bubble--ai{ background:transparent; border:1px solid var(--border); }
.wb-bubble p{ margin:0; }
.wb-bubble code{ font-family:var(--font-mono); font-size:.9em; background:var(--brand-06); border:1px solid var(--border); border-radius:4px; padding:0 4px; }
.wb-pre{ margin:0; padding:var(--sp-11); border:1px solid var(--border); border-radius:8px; background:var(--brand-06); overflow-x:auto; max-width:100%; }
.wb-pre code{ border:0; padding:0; background:none; font-size:13px; white-space:pre; }
.wb-thinking{ color:var(--graphite); font-style:italic; }
.wb-msg__actions{ display:flex; gap:var(--sp-9); align-items:center; flex-wrap:wrap; }
.wb-saved{ font-size:var(--fs-lg); color:var(--graphite); }

/* the recall tag: small, calm, expandable */
.wb-norecall{ font-size:var(--fs-lg); color:var(--graphite); }
.wb-recall{ max-width:min(720px, 100%); border:1px solid var(--brand-55); border-radius:10px; background:var(--brand-06); color:var(--ink); }
.wb-recall summary{ cursor:pointer; display:flex; gap:var(--sp-7); align-items:center; padding:var(--sp-7) var(--sp-11); font-size:var(--fs-xl); font-weight:600; list-style:none; }
.wb-recall summary::-webkit-details-marker{ display:none; }
.wb-recall summary::after{ content:"Show"; margin-left:auto; font-weight:400; font-size:var(--fs-lg); color:var(--graphite); }
.wb-recall[open] summary::after{ content:"Hide"; }
.wb-recall__dot{ width:8px; height:8px; border-radius:50%; background:var(--brand); flex:none; }
.wb-mems{ list-style:none; margin:0; padding:0 var(--sp-11) var(--sp-9); display:grid; gap:var(--sp-9); }
.wb-mems li{ display:grid; gap:2px; padding-top:var(--sp-9); border-top:1px solid var(--border); min-width:0; overflow-wrap:anywhere; }
.wb-mem__t{ font-weight:600; }
.wb-mem__s{ font-size:var(--fs-xl); color:var(--ink); }
.wb-mem__m{ font-size:var(--fs-lg); color:var(--graphite); }

.wb-composer{ position:sticky; bottom:0; display:flex; gap:var(--sp-9); align-items:flex-end; padding:var(--sp-9) 0 max(var(--sp-9), env(safe-area-inset-bottom)); background:var(--paper); border-top:1px solid var(--border); z-index:2; }
.wb-composer textarea{ flex:1 1 auto; min-width:0; min-height:48px; max-height:40vh; resize:vertical; padding:var(--sp-9) var(--sp-11); border:1px solid var(--border); border-radius:10px; background:var(--paper); color:var(--ink); font:inherit; font-size:16px; line-height:1.45; }
.wb-composer textarea:focus{ outline:none; border-color:var(--brand-55); box-shadow:0 0 0 3px var(--brand-12); }
.wb-composer .cx-btn{ min-height:48px; flex:none; }
.wb-fine{ font-size:var(--fs-lg); }

.wb-dialog{ border:1px solid var(--border); border-radius:14px; padding:var(--sp-18); background:var(--paper); color:var(--ink); width:min(600px, calc(100vw - 32px)); max-height:calc(100dvh - 32px); overflow:auto; box-sizing:border-box; }
.wb-dialog::backdrop{ background:rgb(0 0 0 / .45); }
.wb-dialog h2{ font-family:var(--font-display); font-weight:600; font-size:var(--fs-20); margin:0; }
.wb-dialog .cd-form{ max-width:none; }
.wb-dialog textarea{ font-size:16px; }
.wb-priv{ display:grid; gap:2px; font-size:var(--fs-xl); padding:var(--sp-9) var(--sp-11); border-left:2px solid var(--brand); }
.wb-priv__k{ font-size:12px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; color:var(--graphite); }

/* ════════════════════════════════════════════════════════════════════════
   /cloud/memory — Your Memory
   ════════════════════════════════════════════════════════════════════════ */
.mm-tools{ display:grid; gap:var(--sp-11); }
.mm-filters{ display:flex; gap:var(--sp-5); flex-wrap:wrap; }
.mm-filter{ min-height:34px; padding:0 var(--sp-11); border:1px solid var(--border); border-radius:999px; background:var(--paper); color:var(--ink); font:inherit; font-size:var(--fs-xl); cursor:pointer; }
.mm-filter i{ font-style:normal; color:var(--graphite); }
.mm-filter[aria-pressed="true"]{ border-color:var(--brand-55); background:var(--brand-12); font-weight:600; }
.mm-search{ display:flex; gap:var(--sp-9); flex-wrap:wrap; }
.mm-search .cx-input{ flex:1 1 220px; min-width:0; }
.mm-body{ display:grid; grid-template-columns:minmax(0, 1fr); gap:var(--sp-18); align-items:start; }
#mmRoot[data-inspector="open"] .mm-body{ grid-template-columns:minmax(0, 5fr) minmax(0, 6fr); }
@media (max-width:900px){
  #mmRoot[data-inspector="open"] .mm-body{ grid-template-columns:minmax(0, 1fr); }
  #mmRoot[data-inspector="open"] .mm-listwrap{ display:none; }
}
.mm-listwrap{ display:grid; gap:var(--sp-11); justify-items:start; min-width:0; }
.mm-list{ list-style:none; margin:0; padding:0; display:grid; gap:0; width:100%; border-top:1px solid var(--border); }
.mm-row{ display:grid; grid-template-columns:minmax(0, 1fr) auto; gap:4px var(--sp-11); width:100%; padding:var(--sp-11) var(--sp-7); border:0; border-bottom:1px solid var(--border); background:none; color:var(--ink); font:inherit; text-align:left; cursor:pointer; min-width:0; }
.mm-row:hover, .mm-row.is-open{ background:var(--brand-06); }
.mm-row__t{ font-weight:600; font-size:var(--fs-16); overflow-wrap:anywhere; min-width:0; }
.mm-row__chips{ display:flex; gap:var(--sp-5); flex-wrap:wrap; justify-content:flex-end; }
.mm-row__s{ grid-column:1 / -1; color:var(--ink); font-size:var(--fs-xl); overflow-wrap:anywhere; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.mm-row__m{ grid-column:1 / -1; color:var(--graphite); font-size:var(--fs-lg); }
@media (max-width:480px){ .mm-row{ grid-template-columns:minmax(0, 1fr); } .mm-row__chips{ justify-content:flex-start; } }
.mm-chip{ display:inline-flex; align-items:center; height:22px; padding:0 8px; border:1px solid var(--border); border-radius:999px; font-size:var(--fs-lg); color:var(--ink); white-space:nowrap; }
.mm-chip--private{ border-color:var(--brand-55); }
.mm-chip--off{ color:var(--graphite); border-style:dashed; }

.mm-ins{ display:grid; gap:var(--sp-15); padding:var(--sp-18); border:1px solid var(--border); border-radius:12px; min-width:0; overflow-wrap:anywhere; }
.mm-ins__top{ display:flex; gap:var(--sp-9); align-items:center; justify-content:space-between; flex-wrap:wrap; }
.mm-ins__h{ font-family:var(--font-display); font-weight:600; font-size:var(--fs-21); margin:0; }
.mm-ctl{ display:grid; gap:var(--sp-11); padding:var(--sp-11); border:1px solid var(--border); border-radius:10px; }
.mm-switch{ display:grid; grid-template-columns:auto minmax(0, 1fr); gap:var(--sp-11); align-items:start; cursor:pointer; font-size:var(--fs-xl); }
.mm-switch input{ position:absolute; opacity:0; width:1px; height:1px; }
.mm-switch__ui{ position:relative; width:40px; height:22px; border-radius:999px; background:var(--border); transition:background .15s; margin-top:2px; }
.mm-switch__ui::after{ content:""; position:absolute; top:3px; left:3px; width:16px; height:16px; border-radius:50%; background:var(--paper); transition:transform .15s; }
.mm-switch input:checked + .mm-switch__ui{ background:var(--brand); }
.mm-switch input:checked + .mm-switch__ui::after{ transform:translateX(18px); }
.mm-switch input:focus-visible + .mm-switch__ui{ outline:2px solid var(--brand); outline-offset:2px; }
.mm-proj{ display:inline-flex; gap:var(--sp-7); align-items:center; font-size:var(--fs-xl); color:var(--graphite); flex-wrap:wrap; }
.mm-sec{ display:grid; gap:var(--sp-7); padding-top:var(--sp-11); border-top:1px solid var(--border); }
.mm-sec h3{ font-size:12px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; color:var(--graphite); margin:0; }
.mm-sec h4{ font-size:var(--fs-xl); font-weight:600; margin:0; }
.mm-sum{ font-size:var(--fs-16); white-space:pre-wrap; }
.mm-field{ display:grid; gap:2px; font-size:var(--fs-xl); }
.mm-ul{ margin:0; padding-left:1.2em; }
.mm-dim{ color:var(--graphite); font-size:var(--fs-xl); }
.mm-dl{ margin:0; display:grid; gap:var(--sp-5); font-size:var(--fs-xl); }
.mm-dl div{ display:grid; grid-template-columns:minmax(110px, 2fr) minmax(0, 5fr); gap:var(--sp-9); }
.mm-dl dt{ color:var(--graphite); }
.mm-dl dd{ margin:0; min-width:0; }
.mm-dl code{ font-family:var(--font-mono); font-size:12px; }
.mm-acts{ list-style:none; margin:0; padding:0; display:grid; gap:2px; font-size:var(--fs-xl); }
.mm-acts li{ display:flex; justify-content:space-between; gap:var(--sp-9); }
.mm-acts time{ color:var(--graphite); white-space:nowrap; }
.mm-empty{ padding:var(--sp-15) 0; }

/* /cloud — the Workbench section */
.cl-wb{ display:grid; gap:var(--sp-15); }
.cl-wb__demo{ list-style:none; margin:0; padding:var(--sp-15); display:grid; gap:var(--sp-9); border:1px solid var(--border); border-radius:12px; }
.cl-wb__demo li{ display:grid; gap:2px; font-size:var(--fs-xl); }
.cl-wb__demo b{ font-size:12px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; color:var(--brand); }

/* /cloud/memory — the memory policy */
.mm-policy{ border:1px solid var(--border); border-radius:10px; }
.mm-policy summary{ cursor:pointer; display:flex; gap:var(--sp-9); align-items:baseline; flex-wrap:wrap; padding:var(--sp-9) var(--sp-11); font-size:var(--fs-xl); list-style:none; }
.mm-policy summary::-webkit-details-marker{ display:none; }
.mm-policy summary::after{ content:"Change"; margin-left:auto; color:var(--graphite); font-size:var(--fs-lg); }
.mm-policy[open] summary::after{ content:"Close"; }
.mm-policy__k{ font-weight:600; }
.mm-policy summary > span:nth-child(2){ color:var(--graphite); min-width:0; overflow-wrap:anywhere; }
.mm-policy__f{ display:grid; gap:var(--sp-11); padding:0 var(--sp-11) var(--sp-11); }
.mm-switch--fixed{ cursor:default; opacity:.85; }
.mm-switch--fixed .mm-switch__ui{ background:var(--border); }