/* DOCS+EDIT-FIRST: read code-docs/static/css/tokens.css.md before editing (comments live there). */
:root { /*@root*/
  --font-ui: 'Roboto', 'Roboto Fallback', -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; /*@font-ui-metric-fallback*/
  --font-content: "Droid Serif", Georgia, serif;
  --indent-step: 40px;
  --para-gap: 0.9rem;
  --scroll-chain: auto; /*@scroll-chain-token*/
  --scroll-chain-outer: none; /*@scroll-chain-outer-token*/
  --lh-content: 1.45; /*@lh-content-token*/
  --fs-2xs: 0.72rem; --fs-xs: 0.78rem; --fs-sm: 0.85rem; /*@fs-chrome-mirror*/
  --fs-md: 0.92rem; --fs-base: 1rem; --fs-title: 1.4rem; /*@fs-body-scale*/
  --fs-content: 0.9rem; /*@fs-content-shared*/
  --fs-label: 0.65rem; --fs-lg: 1.15rem; /*@fs-label-lg-sitewide*/
  --hover-grey:#f3f4f6; /*@hover-grey-mirror*/
  --sidebar-bg:#23211f; --page-bg:#f7f6f3; --card-bg:#ffffff; --ink:#1c1b1a;
  --q-box-bg:#fff;   /*@q-box-bg*/
  --soft-border: color-mix(in srgb, var(--sidebar-bg) 50%, transparent);
  --input-border: var(--split-border); /*@input-border-black-sweep*/
  --foldout-fill: color-mix(in srgb, var(--page-bg) 75%, var(--card-bg));
  --card-border: #ccc4b5;
  --section-divider: var(--sidebar-bg);
  --acc:#0ea5e9; --acc-on:#082f49; --acc-hover:#0284c7; --acc-link:#0369a1; --acc-label:#7dd3fc;
  --text-strong:#374151; --text-secondary:#4b5563; --text-muted:#6b7280; --text-faint:#9ca3af; --text-inverse:#ffffff; --ink-strong:#111827; /*@token-scale-neutral*/
  --border-light:#e5e7eb; --border-grey:#d1d5db;
  --slate-bg:#f8fafc; --slate-bg-alt:#f1f5f9; --slate-border:#e2e8f0; --slate-border-strong:#cbd5e1; --slate-faint:#94a3b8; --slate-mid:#64748b; --slate-ink:#1e293b;
  --danger:#dc2626; --danger-strong:#b91c1c; --danger-deep:#991b1b; --danger-bg:#fee2e2; --danger-bg-soft:#fff5f5; --danger-border:#f87171; --danger-border-soft:#fca5a5;
  --success:#16a34a; --success-strong:#15803d; --success-deep:#166534; --success-bg:#dcfce7; --success-border:#86efac;
  --warning:#f59e0b; --warning-bg:#fff7ed; --warning-border:#fed7aa;
  --due-soon:var(--warning); --due-later:var(--slate-mid); --due-done:#10b981; --due-ink:#b45309; /*@due-status-tokens*/
  --blue:#3fa8e8;
  --bb-blue:#384cc0; --bb-blue-hover:#2f3fa8; /*@bb-blue-token*/
  --surface-subtle:#f9fafb; --canvas-bg:#e8e6e2; /*@surface-tokens*/
  --link-ink:#2d6a87; --warning-ink:#92400e; --blue-tint:#eff6ff; --success-bg-soft:#f0fdf4; /*@token-semantic-additions*/
  --note-unread:var(--warning); --note-shelved:#ef4444; --note-cleared:#22c55e; --note-inbox:var(--danger); /*@note-state-tokens*/
  --note-unread-ink:var(--note-unread); --note-shelved-ink:var(--note-shelved); --note-cleared-ink:var(--note-cleared); --note-inbox-ink:var(--note-inbox); /*@note-ink-equals-accent*/
  --tier-low:#e05252; --tier-mid:#f5a623; --tier-high:#4cba5a; --tier-top:var(--blue); /*@score-tier-tokens*/
  --badge-rw-bg:#f3e8ff; --badge-rw-text:#7e22ce; --badge-rw-border:#d8b4fe;
  --badge-math-bg:#dbeafe; --badge-math-text:#1e40af; --badge-math-border:#93c5fd;
  --correct-bg: #dcfce7; --correct-text: #15803d; --correct-weight: 400; /*@correct-answer-tokens*/
  --radius-pill: 999px; --radius-md: 6px; --radius-sm: 4px;
  --radius-mark:2px; --radius-dot:3px; --radius-chip:5px; --radius-panel:7px; --radius-box:8px; --radius-cell:9px; --radius-card:10px; --radius-modal:12px; --radius-popup:14px; --radius-hero:16px; /*@radius-function-scale*/ /*@radius-shadow-scale*/
  --t-fast:0.12s; --t-base:0.15s; --shadow-sm: 0 1px 4px rgba(0,0,0,0.06); --shadow-hover: 0 2px 8px rgba(15,23,42,0.08); --shadow-card-hover: 0 4px 14px rgba(0,0,0,0.1); --shadow-popover: 0 6px 18px rgba(0,0,0,0.14); --ring-active: 0 0 0 2px #6366f1; --shadow-xs: 0 1px 3px rgba(0,0,0,0.07);
  --z-base:1; --z-decor:3; --z-raised:5; --z-sticky:30; --z-dropdown:100; --z-flash:999; --z-fixed:1000; --z-overlay:2000; /*@z-layer-scale*/
  --accent-edge: 2px; /*@accent-edge-width*/
  --gap-btn: 0.3rem; --gap-btn-inner: 0.3rem; /*@gap-btn*/
  --ctrl-py: 0.18rem; --ctrl-px: 0.5rem; --ctrl-fs: 0.8rem; --ctrl-lh: 1.2; /*@control-metrics*/
  --ctrl-h: 1.75rem; /*@control-height-matches-pill*/
  --gap-strip: 0.6rem; /*@gap-strip*/
  --pill-ico: 0.95em; /*@pill-icon-size*/
  --pill-icon-pad: 0.24rem; /*@pill-icon-only*/
  --pill-bg: var(--card-bg); --pill-ink: var(--text-strong); --pill-border: var(--card-border);
  --pill-fill: var(--text-secondary); --pill-fill-ink: var(--text-inverse); /*@pill-tokens*/
  --rail-sel-bg: #e3edf9; --rail-row-radius: var(--radius-sm); /*@rail-sel-tokens*/
  --split-border: #000; /*@split-border-token*/
  --rail-top-gap: 5px; /*@rail-top-gap-token*/
  --rail-inset: 0.9rem; /*@rail-inset-token*/
}

button { font-family: inherit; } /*@button-inherits-font*/

.pill { /*@pill-button*/
  display: inline-flex; align-items: center; justify-content: center; gap: var(--gap-btn-inner);
  padding: 0.24rem 0.85rem; border-radius: var(--radius-pill);
  font: 500 var(--fs-xs) var(--font-ui); line-height: 1.3; white-space: nowrap;
  cursor: pointer; text-decoration: none;
  border: 1px solid var(--pill-border);
  box-sizing: border-box; min-height: var(--ctrl-h);
  background: var(--pill-bg); color: var(--pill-ink);
  transition: background var(--t-fast), border-color var(--t-fast), color var(--t-fast);
}
.pill:hover { background: var(--pill-fill); border-color: var(--pill-fill); color: var(--pill-fill-ink); } /*@pill-neutral-fills*/
.pill svg { width: var(--pill-ico); height: var(--pill-ico); flex: none; }
.pill-icon { box-sizing: border-box; gap: 0; padding: var(--pill-icon-pad);
  width: var(--ctrl-h); height: var(--ctrl-h); min-height: var(--ctrl-h); }
.pill-icon.gear-btn svg { width: 1.15rem; height: 1.15rem; } /*@gear-btn-size*/
.pill:disabled, .pill:disabled:hover { opacity: 0.5; cursor: default;
  background: var(--pill-bg); border-color: var(--pill-border); color: var(--pill-ink); }
.pill-compact { padding: 0.08rem 0.55rem; font-size: var(--fs-2xs); } /*@pill-compact*/
.pill-open { border-color: var(--link-ink); color: var(--link-ink); background: var(--blue-tint); } /*@pill-open*/
.pill-viewonly, .pill-viewonly:hover { background: var(--hover-grey); border-color: var(--border-light);
  color: var(--text-faint); cursor: not-allowed; } /*@pill-viewonly*/
.pill-x-out { color: var(--text-faint); background: var(--hover-grey); border-color: var(--border-light);
  cursor: not-allowed; opacity: 0.9; text-decoration: line-through;
  text-decoration-color: var(--text-faint); text-decoration-thickness: 1.4px; } /*@pill-x-out*/
.pill-x-out:hover { background: var(--hover-grey); border-color: var(--border-light); color: var(--text-faint); }
.pill-danger.pill-x-out, .pill-danger.pill-x-out:hover { color: #d8a0a0; background: #fdf2f2;
  border-color: #f3d6d6; text-decoration-color: #d18a8a; }
.pill-primary { border-color: var(--acc); color: var(--acc); }
.pill-primary:hover { background: var(--acc); border-color: var(--acc); color: var(--acc-on); }
.pill-success { border-color: var(--success-border); color: var(--success-strong); } /*@pill-success*/
.pill-success:hover { background: var(--success); border-color: var(--success); color: var(--pill-fill-ink); }
.pill-danger { border-color: var(--danger-border); color: var(--danger); }
.pill-danger:hover { background: var(--danger); border-color: var(--danger); color: var(--pill-fill-ink); }
.pill-rw { background: var(--badge-rw-bg); color: var(--badge-rw-text); border-color: var(--badge-rw-border); } /*@pill-section-badge-colors*/
.pill-rw:hover { background: var(--badge-rw-border); border-color: var(--badge-rw-border); color: var(--badge-rw-text); }
.pill-math { background: var(--badge-math-bg); color: var(--badge-math-text); border-color: var(--badge-math-border); }
.pill-math:hover { background: var(--badge-math-border); border-color: var(--badge-math-border); color: var(--badge-math-text); }

.rs-tip { position:fixed; left:0; top:0; z-index: var(--z-overlay); pointer-events:none; opacity:0;
  transition:opacity 0.08s ease; background:var(--card-bg); color:var(--ink-strong); font-size:0.72rem;
  line-height:1.55; font-variant-numeric:tabular-nums; white-space:pre-wrap; padding:0.5rem 0.7rem;
  max-width:min(26rem, 88vw); /*@rs-tip-wraps*/
  border:1px solid var(--split-border); border-radius:10px; box-shadow:0 8px 20px rgba(0,0,0,0.14); } /*@rs-tip-skin-variant-a*/
.rs-tip.is-on { opacity:1; }
.rs-tip::after { content:""; position:absolute; width:9px; height:9px; background:var(--card-bg);
  border-right:1px solid var(--split-border); border-bottom:1px solid var(--split-border);
  left:calc(var(--tip-arrow-x, 50%) - 4.5px); } /*@rs-tip-arrow*/
.rs-tip.rs-tip-below::after { top:-5.5px; transform:rotate(225deg); }
.rs-tip.rs-tip-above::after { bottom:-5.5px; transform:rotate(45deg); }

.pill-switch { position: relative; flex: none; display: inline-flex; } /*@pill-switch*/
.pill-switch input { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; }
.pill-switch-track { width: 44px; height: 24px; border-radius: 999px; background: #c7c9cf; padding: 2px; box-sizing: border-box; display: inline-flex; align-items: center; transition: background 0.15s ease; }
.pill-switch-knob { width: 20px; height: 20px; border-radius: 50%; background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,0.25); transition: transform 0.15s ease; }
.pill-switch input:checked + .pill-switch-track { background: var(--bb-blue); }
.pill-switch input:checked + .pill-switch-track .pill-switch-knob { transform: translateX(20px); }
.pill-switch input:focus-visible + .pill-switch-track { outline: 2px solid var(--bb-blue); outline-offset: 2px; }

.info-hint { width: 17px; height: 17px; flex: none; padding: 0; margin-left: 0.15rem; display: inline-flex; align-items: center; justify-content: center; border: none; background: none; color: inherit; opacity: 0.6; cursor: pointer; border-radius: 50%; vertical-align: text-bottom; } /*@info-hint*/
.info-hint:hover, .info-hint:focus-visible { opacity: 1; }
.info-hint:focus-visible { outline: 2px solid currentColor; outline-offset: 1px; }
.info-hint svg { width: 17px; height: 17px; display: block; }

.folder-tabs .folder-tab.is-active,
.folder-tabs .folder-tab.fp-btn[aria-expanded="true"] { border-bottom-color: var(--card-bg); z-index: 1; } /*@folder-tab-flush-join*/
.folder-tabs .folder-tab.is-active::before,
.folder-tabs .folder-tab.fp-btn[aria-expanded="true"]::before {
  content: ""; position: absolute; left: 0; right: 0; bottom: -2px; height: 2px; background: var(--card-bg);
} /*@folder-tab-flush-join-cover*/
.folder-tabs .rn-file-btn.is-on { border-bottom-color: var(--split-border); z-index: 1; } /*@folder-tab-flush-join-file-on*/
.folder-tabs .rn-file-btn.is-on::before {
  content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 1px; background: var(--split-border);
} /*@folder-tab-flush-join-file-on-cover*/
nav.rn-strip-nowrap { flex-wrap: nowrap; } /*@rn-strip-nowrap-shared*/

.ftab svg { max-width: 1.05rem; max-height: 1.05rem; } /*@ftab-icon-size-cap*/

/*@ftab-shared-right-cluster*/
.ftab-cluster { display:flex; align-items:flex-end; gap:0.3rem; margin:0 0 0 auto; padding:0 0.2rem; }
/*@ftab-shape*/
.ftab { padding:0.5rem 0.85rem; margin-bottom:-1px; font:500 var(--fs-sm)/1.2 var(--font-ui);
  color:var(--split-border); background:var(--surface-subtle); border:1px solid var(--split-border);
  border-radius:9px 9px 0 0; display:inline-flex; align-items:center; gap:0.3rem; cursor:pointer;
  text-decoration:none; font-family:inherit; }
.ftab:hover { color:var(--slate-ink); }
.ftab svg { width:1.05rem; height:1.05rem; display:block; }
.ftab .count { font-size:var(--fs-xs); color:inherit; margin-left:0.15rem; }
/*@ftab-fp*/
.ftab--fp { padding:0; }
.ftab--fp .fp-wrap { padding:0.5rem 0.85rem; }
.ftab--fp .fp-btn { background:transparent; border:none; box-shadow:none; padding:0; margin:0;
  width:auto; height:auto; min-height:0; border-radius:0; color:var(--split-border); }
.ftab--fp .fp-btn:hover { color:var(--slate-ink); }
.ftab--fp .fp-btn svg { width:1.05rem; height:1.05rem; display:block; }
.ftab--fp .fp-btn.is-modified::after { top:1px; right:1px; }
/*@ftab-icon*/
.ftab--icon { padding:0; }
.ftab--icon > button, .ftab--icon .ros-vs-wrap > button { background:transparent; border:none;
  box-shadow:none; margin:0; padding:0.5rem 0.85rem; display:flex; align-items:center;
  color:var(--split-border); font:inherit; cursor:pointer; border-radius:0; width:auto; height:auto;
  min-height:0; }
.ftab--icon > button:hover, .ftab--icon .ros-vs-wrap > button:hover { color:var(--slate-ink); }
.ftab--icon > button svg, .ftab--icon .ros-vs-wrap > button svg { width:1.05rem; height:1.05rem; display:block; }
.ftab--icon > button.active { color:var(--danger-strong); } /*@ftab-archive-active*/
/*@ftab-count-filter*/
.ftab--count .ros-count { margin-left:0; font-size:inherit; color:inherit; white-space:nowrap;
  padding:0.5rem 0 0.5rem 0.85rem; }
.cf2-tabstrip .ftab-cluster { padding-right:0.7rem; } /*@ftab-cf2-corner-clearance*/
/*@ftab-popout-bounds*/
.ftab-cluster .fp-panel, .ftab-cluster .ros-vs-panel { left:auto !important; right:0 !important;
  max-width:min(28rem, calc(100vw - 2rem)); }
.ftab--add .fp-btn { position:relative; top:0.1rem; } /*@ftab-plus-glyph-ink-align*/
.ftab--add .fp-panel, .ftab--merge .fp-panel { text-align:left; }
.ftab--filter .fp-panel input:not([type="checkbox"]):not([type="radio"]) { width:100%; } /*@ftab-filter-input-width-not-checkbox*/

.fade-trunc { white-space:nowrap; overflow:hidden; text-overflow:clip; } /*@fade-trunc*/
.fade-trunc.is-clipped { -webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 1.6em),transparent 99%);
  mask-image:linear-gradient(90deg,#000 calc(100% - 1.6em),transparent 99%); } /*@fade-trunc-clipped*/

/*@split-carrier-moved*/