:root {
  --paper: #f3f0e6;
  --paper-deep: #e7e1d3;
  --ink: #202420;
  --muted: #6f7069;
  --faint: #a6a399;
  --line: #c9c3b5;
  --line-dark: #30352f;
  --red: #b24f35;
  --blue: #24493b;
  --yellow: #d8c89e;
  --bureau-green: #24493b;
  --bureau-rust: #b24f35;
  --bureau-gold: #a88952;
  --header: 0px;
  --utility: 66px;
}

body { background: #d8d4c9; color: var(--ink); font-family: "Manrope", Arial, sans-serif; }
body::before { position: fixed; inset: 0; z-index: -1; opacity: .18; pointer-events: none; content: ""; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E"); }
button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible, [tabindex]:focus-visible, a:focus-visible { outline-color: var(--bureau-rust); }
::selection { background: var(--bureau-green); color: var(--paper); }
::-webkit-scrollbar-track { background: var(--paper-deep); }
::-webkit-scrollbar-thumb { background: var(--bureau-green); }
.skip-link { background: var(--bureau-green); }

/* Bureau shell */
.app-shell { height: 100dvh; display: grid; grid-template-columns: 248px minmax(0, 1fr); grid-template-rows: 1fr; }
.sidebar { min-width: 0; display: flex; flex-direction: column; align-items: stretch; padding: 0; border: 0; border-right: 1px solid #183328; background: var(--bureau-green); color: var(--paper); }
.brand { width: auto; flex: 0 0 132px; display: flex; align-items: center; gap: 14px; padding: 28px 25px; border: 0; border-bottom: 1px solid rgba(243,240,230,.3); color: var(--paper); }
.logo-mark { width: 42px; height: 42px; border: 1px solid rgba(243,240,230,.65); border-radius: 0; }
.brand-copy { min-width: 0; }
.brand-copy strong { display: block; font: 500 30px/.9 "Newsreader", Georgia, serif; letter-spacing: 0; }
.brand-copy small { display: block; margin-top: 6px; color: rgba(243,240,230,.6); font: 6px/1.3 "IBM Plex Mono", monospace; letter-spacing: .12em; text-transform: uppercase; }
.primary-nav { display: grid; align-content: start; gap: 0; margin: 28px 0 0; }
.nav-item { width: 100%; min-height: 54px; display: grid; grid-template-columns: 19px minmax(0, 1fr) auto; gap: 12px; padding: 0 25px; border: 0; border-left: 4px solid transparent; color: rgba(243,240,230,.65); font-size: 11px; font-weight: 600; }
.nav-item:hover { background: rgba(243,240,230,.08); color: var(--paper); }
.nav-item.active { border-left-color: var(--bureau-rust); background: rgba(10,25,19,.25); color: #fff; }
.nav-item.active::after { display: none; }
.nav-item.active svg { color: var(--paper); }
.nav-count { background: var(--bureau-rust); color: #fff; }
.sidebar-foot { margin: auto 0 0; display: grid; gap: 0; }
.socket-state { min-height: 46px; padding: 0 25px; border-top: 1px solid rgba(243,240,230,.18); color: rgba(243,240,230,.55); }
.socket-state.online { color: var(--paper); }
.socket-state i, .socket-state.online i { width: 6px; height: 6px; border: 0; border-radius: 50%; background: #cfbd80; }
.socket-state.online i { background: #9cb99f; }
.account-button { width: 100%; min-height: 72px; grid-template-columns: 34px minmax(0,1fr) 14px; padding: 10px 20px; border: 0; border-top: 1px solid rgba(243,240,230,.18); color: var(--paper); }
.account-button:hover { background: rgba(243,240,230,.08); }
.account-button small { color: rgba(243,240,230,.55); }
.account-avatar { background: var(--paper); color: var(--bureau-green); border-radius: 50%; font-family: "Newsreader", serif; }

.workspace { grid-template-rows: var(--utility) minmax(0,1fr); background: var(--paper); }
.topbar { gap: 16px; padding: 0 clamp(22px, 3vw, 48px); border-bottom: 1px solid var(--line); background: rgba(243,240,230,.96); }
.global-search { width: min(760px, 78%); border-left: 0; padding-left: 0; }
.global-search::before { content: "INDEX"; color: var(--bureau-rust); font: 600 7px "IBM Plex Mono", monospace; letter-spacing: .12em; }
.global-search { grid-template-columns: auto 18px minmax(0,1fr) auto; }
.global-search input { font-family: "Manrope", sans-serif; font-size: 11px; }
kbd { border-color: var(--line); background: transparent; color: var(--muted); }
.search-results { left: 0; border: 1px solid var(--line-dark); box-shadow: 8px 10px 24px rgba(35,43,37,.16); }
.search-result:hover { background: #ebe5d6; }
.search-fallback { background: var(--bureau-green); }
.search-result code { color: var(--bureau-rust); }
.topbar-actions { margin-left: auto; }
.icon-button { border-color: var(--line); }
.icon-button:hover { background: var(--bureau-green); color: var(--paper); }
.content { padding: 46px clamp(24px, 4.5vw, 78px) 80px; }

/* Editorial page framing */
.page-head { min-height: 210px; grid-template-columns: repeat(12,minmax(0,1fr)); margin-bottom: 34px; padding: 14px 0 32px; border-top: 1px solid var(--line-dark); border-bottom: 3px double var(--line-dark); overflow: visible; }
.page-head::before { position: absolute; top: -27px; left: 0; content: "BUREAU / " attr(data-page-index); color: var(--muted); font: 500 7px "IBM Plex Mono", monospace; letter-spacing: .12em; }
.page-head::after { right: 0; bottom: 21px; color: var(--bureau-green); font: italic 500 58px/1 "Newsreader", Georgia, serif; letter-spacing: 0; opacity: .1; }
.page-head > div:first-child { grid-column: 1 / span 8; }
.page-actions { grid-column: 9 / -1; align-self: start; }
.page-kicker, .eyebrow { color: var(--bureau-rust); font-size: 7px; letter-spacing: .13em; }
.page-head h1 { max-width: 780px; margin: 25px 0 10px; font: 500 78px/.88 "Newsreader", Georgia, serif; letter-spacing: 0; text-transform: none; }
.page-head p { max-width: 520px; margin-top: 20px; font-family: "Newsreader", Georgia, serif; font-size: 16px; line-height: 1.35; }
.button { border-color: var(--line-dark); border-radius: 0; font-size: 9px; text-transform: uppercase; letter-spacing: .04em; transition: background .15s,color .15s; }
.button:hover { background: var(--bureau-green); }
.button.primary { border-color: var(--bureau-green); background: var(--bureau-green); }
.button.primary:hover { border-color: var(--bureau-rust); background: var(--bureau-rust); }
.segmented { border-color: var(--line); background: transparent; }
.segmented button { border-color: var(--line); color: var(--muted); }
.segmented button:hover { background: var(--paper-deep); }
.segmented button.active { background: var(--bureau-green); }
.inline-search { border-bottom-color: var(--line-dark); }
.inline-search:focus-within { border-bottom-color: var(--bureau-rust); }

/* Ledgers */
.metric-strip { grid-template-columns: 1.1fr .9fr .9fr .8fr; border: 0; border-top: 1px solid var(--line-dark); border-bottom: 1px solid var(--line-dark); background: transparent; }
.metric { min-height: 118px; padding: 19px 20px; border-right-color: var(--line); }
.metric:nth-child(3) { background: #e7dfcb; }
.metric span { font-size: 7px; letter-spacing: .1em; }
.metric strong { margin-top: 18px; font: 500 34px/1 "Newsreader", Georgia, serif; letter-spacing: 0; }
.metric .up { color: var(--bureau-rust); }
.data-panel { border: 0; border-top: 1px solid var(--line-dark); border-bottom: 1px solid var(--line-dark); background: transparent; }
.data-head { min-height: 37px; border-bottom: 1px solid var(--line-dark); background: transparent; color: var(--muted); font-size: 7px; }
.signal-row { min-height: 84px; border-bottom-color: var(--line); transition: background .12s; }
.signal-row:hover { background: #eae5d9; transform: none; }
.avatar, .avatar-fallback { border-radius: 50%; background: #dcd5c7; filter: grayscale(.7) sepia(.08); }
.avatar-fallback { border-color: var(--line); font-family: "Newsreader", serif; }
.identity-title strong { font-family: "Newsreader", Georgia, serif; font-size: 16px; font-weight: 600; }
.verified { color: var(--bureau-green); }
.tag { border-color: var(--line); color: var(--muted); }
.growth { border-left-width: 3px; border-color: var(--bureau-rust); color: var(--bureau-rust); }
.mini-button { border-color: var(--line-dark); color: var(--ink); }
.mini-button:hover { background: var(--bureau-green); }
.mini-button.track { border-color: var(--bureau-rust); color: var(--bureau-rust); }
.card-grid { gap: 0; grid-template-columns: repeat(auto-fill,minmax(300px,1fr)); background: transparent; border-top: 1px solid var(--line-dark); border-left: 1px solid var(--line); }
.profile-card { min-height: 180px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: transparent; }
.profile-card:hover { background: #e7dfcb; }
.profile-card p { font-family: "Newsreader", serif; font-size: 13px; line-height: 1.4; }

/* Unified activity wire */
.activity-summary { display: grid; grid-template-columns: 1.1fr repeat(3,1fr); margin-bottom: 26px; border-top: 1px solid var(--line-dark); border-bottom: 1px solid var(--line-dark); }
.activity-summary > div { min-height: 76px; display: grid; align-content: center; gap: 9px; padding: 12px 18px; border-right: 1px solid var(--line); }
.activity-summary > div:last-child { border-right: 0; }
.activity-summary span { color: var(--muted); font: 500 7px "IBM Plex Mono",monospace; text-transform: uppercase; }
.activity-summary strong { display: flex; align-items: center; gap: 8px; font: 500 21px/1 "Newsreader",serif; }
.activity-summary strong i { width: 7px; height: 7px; border-radius: 50%; background: #6c9973; box-shadow: 0 0 0 4px rgba(108,153,115,.15); }
.activity-controls { min-height: 54px; display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 12px; }
.feed-filters { min-width: 0; display: flex; border-bottom: 1px solid var(--line-dark); }
.feed-filters button { min-height: 42px; display: flex; align-items: center; gap: 12px; padding: 0 15px; border: 0; border-right: 1px solid var(--line); background: transparent; color: var(--muted); cursor: pointer; font: 600 9px "IBM Plex Mono",monospace; }
.feed-filters button:first-child { border-left: 1px solid var(--line); }
.feed-filters button:hover { background: var(--paper-deep); color: var(--ink); }
.feed-filters button.active { background: var(--bureau-green); color: var(--paper); }
.feed-filters b { min-width: 19px; padding: 3px 4px; background: rgba(32,36,32,.08); font-size: 7px; text-align: center; }
.feed-filters button.active b { background: rgba(243,240,230,.16); }
.activity-wire { border-top: 1px solid var(--line-dark); border-bottom: 1px solid var(--line-dark); }
.activity-wire > header { min-height: 38px; display: flex; align-items: center; justify-content: space-between; padding: 0 16px 0 76px; border-bottom: 3px double var(--line-dark); color: var(--muted); font: 500 7px "IBM Plex Mono",monospace; text-transform: uppercase; }
.activity-wire > header b { color: var(--ink); font-weight: 500; }
.activity-day { min-height: 48px; display: grid; grid-template-columns: 58px minmax(0,1fr); align-items: center; border-bottom: 1px solid var(--line); }
.activity-day span { padding-left: 2px; color: var(--bureau-rust); font: 600 8px "IBM Plex Mono",monospace; text-transform: uppercase; white-space: nowrap; }
.activity-day i { height: 1px; margin-left: 18px; background: var(--line); }
.activity-entry { position: relative; min-height: 154px; display: grid; grid-template-columns: 58px minmax(0,1fr) 150px 92px; align-items: stretch; border-bottom: 1px solid var(--line); cursor: pointer; transition: background .12s; }
.activity-entry:last-child { border-bottom: 0; }
.activity-entry:hover { background: #ebe5d8; }
.activity-entry.is-watched { box-shadow: inset 3px 0 0 var(--bureau-gold); }
.activity-marker { position: relative; display: grid; place-items: start center; padding-top: 26px; }
.activity-marker::before { position: absolute; top: 0; bottom: 0; left: 50%; width: 1px; background: var(--line); content: ""; }
.activity-marker i { position: relative; z-index: 1; width: 11px; height: 11px; margin-top: 8px; border: 3px solid var(--paper); border-radius: 50%; background: var(--bureau-rust); box-shadow: 0 0 0 1px var(--bureau-rust); }
.activity-entry:hover .activity-marker i { border-color: #ebe5d8; }
.activity-marker span { position: absolute; z-index: 1; top: 20px; left: 6px; color: var(--faint); font: 600 7px "IBM Plex Mono",monospace; }
.activity-main { min-width: 0; padding: 21px 28px 22px 0; }
.activity-meta { display: flex; align-items: center; gap: 10px; min-height: 18px; }
.activity-meta time, .watch-label { color: var(--muted); font: 500 8px "IBM Plex Mono",monospace; }
.activity-type { padding: 4px 7px; border: 1px solid var(--bureau-green); color: var(--bureau-green); font: 600 7px "IBM Plex Mono",monospace; text-transform: uppercase; }
.activity-type.file { border-color: var(--bureau-rust); color: var(--bureau-rust); }
.watch-label { padding-left: 10px; border-left: 1px solid var(--line); color: var(--bureau-gold); text-transform: uppercase; }
.activity-identity { min-width: 0; display: grid; grid-template-columns: 42px minmax(0,1fr); align-items: center; gap: 11px; margin-top: 14px; }
.activity-identity .avatar, .activity-identity .avatar-fallback { width: 42px; height: 42px; }
.activity-identity h2 { overflow: hidden; margin: 0; font: 600 22px/1 "Newsreader",serif; text-overflow: ellipsis; white-space: nowrap; }
.activity-identity span { display: block; margin-top: 4px; color: var(--muted); font: 500 9px "IBM Plex Mono",monospace; }
.activity-main > p { max-width: 660px; margin: 13px 0 0; color: var(--muted); font-family: "Newsreader",serif; font-size: 14px; line-height: 1.4; }
.activity-main .tag-line { margin-top: 11px; }
.activity-metric { display: grid; align-content: center; padding: 20px; border-left: 1px solid var(--line); }
.activity-metric b { font: 500 30px/1 "Newsreader",serif; }
.activity-metric small { max-width: 100px; margin-top: 8px; color: var(--muted); font: 500 7px/1.4 "IBM Plex Mono",monospace; text-transform: uppercase; }
.activity-action { display: grid; place-items: center; padding: 14px; border-left: 1px solid var(--line); }

/* Register and lookup */
.tracker-layout { grid-template-columns: minmax(0,1fr) 300px; gap: 28px; }
.side-panel-card { padding: 24px; border: 1px solid var(--line); border-top: 4px solid var(--bureau-rust); background: #e8e2d5; }
.side-panel-card h3 { margin-top: 11px; font: 500 30px/.95 "Newsreader", serif; letter-spacing: 0; text-transform: none; }
.side-panel-card > p { font-family: "Newsreader", serif; font-size: 13px; line-height: 1.4; }
.quick-add input { border-color: var(--line-dark); background: var(--paper); }
.tracking-card { border-bottom-color: var(--line); }
.tracking-card:hover { background: #eae5d9; }
.filter-chip.on { border-color: var(--bureau-green); background: var(--bureau-green); }
.kv-list { border-top-color: var(--line-dark); }
.scanner-hero { min-height: 430px; place-items: start; padding: 62px clamp(30px,6vw,90px); border: 0; border-top: 1px solid var(--line-dark); border-bottom: 3px double var(--line-dark); background: #e7dfcb; }
.scanner-hero::before { opacity: .18; background-image: repeating-linear-gradient(0deg,transparent,transparent 33px,rgba(36,73,59,.22) 34px); background-size: auto; }
.scan-box { width: min(780px,100%); }
.lookup-folio { display: block; margin-bottom: 50px; color: var(--bureau-rust); font: 600 8px "IBM Plex Mono", monospace; letter-spacing: .12em; }
.scan-box > svg { display: none; }
.scan-box h2 { max-width: 680px; font: 500 76px/.9 "Newsreader", Georgia, serif; letter-spacing: 0; text-transform: none; }
.scan-box p { margin: 22px 0 34px; font-family: "Newsreader", serif; font-size: 16px; line-height: 1.4; }
.scan-input { min-height: 62px; border: 1px solid var(--line-dark); box-shadow: none; background: var(--paper); }
.scan-input svg { color: var(--bureau-rust); }
.detail-card { border-color: var(--line); background: transparent; }
.detail-card:first-child { border-top: 4px solid var(--bureau-green); }
.detail-card h2 { font: 500 32px/1 "Newsreader",serif; text-transform: none; }
.handle { color: var(--bureau-rust); }

/* Record loader and file */
.intel-loader { border: 1px solid var(--line-dark); background: var(--paper); }
.intel-loader > header { border-bottom-color: var(--line-dark); }
.intel-loader > header code { color: var(--bureau-rust); }
.intel-loader-body { background-color: #e7dfcb; background-image: repeating-linear-gradient(0deg,transparent,transparent 31px,rgba(36,73,59,.12) 32px); background-size: auto; }
.signal-core { width: 176px; height: 220px; border: 1px solid var(--line-dark); border-radius: 0; background: var(--paper); }
.signal-core::before, .signal-core::after, .signal-core i { border-radius: 0; }
.signal-core::before { inset: 14px; border: 1px solid var(--line); animation: none; }
.signal-core::after { inset: 42px; border: 1px solid var(--bureau-green); }
.signal-core i:nth-child(1) { inset: 25px -7px; border: 0; border-top: 4px solid var(--bureau-rust); animation: none; }
.signal-core i:nth-child(2) { display: none; }
.signal-core i:nth-child(3) { width: 10px; height: 10px; left: calc(50% - 5px); top: 24px; border-radius: 50%; background: var(--bureau-rust); }
.signal-core b { font: 500 46px "Newsreader",serif; }
.intel-loader-copy > span { color: var(--bureau-rust); }
.intel-loader-copy h2 { font: 500 54px/.92 "Newsreader",serif; letter-spacing: 0; text-transform: none; }
.intel-loader-copy p { font-family: "Newsreader",serif; font-size: 14px; }
.intel-progress i { background: var(--bureau-rust); }
.intel-steps article { border-right-color: var(--line); }
.intel-steps article.active { background: var(--bureau-green); }
.project-page { max-width: 1420px; }
.project-back { color: var(--bureau-rust); }
.project-banner { height: 180px; border: 0; background: var(--bureau-green); }
.project-banner > img { filter: grayscale(1) contrast(1.1); opacity: .28; }
.project-banner::after { background: rgba(36,73,59,.45); }
.project-banner-grid { opacity: .18; background-image: repeating-linear-gradient(90deg,transparent,transparent 89px,#fff 90px); background-size: auto; }
.contract-badge { border: 0; background: var(--paper); }
.project-profile-head { border-color: var(--line-dark); background: var(--paper); }
.project-avatar-wrap .avatar, .project-avatar-wrap .avatar-fallback { border-color: var(--paper); outline-color: var(--line-dark); }
.project-main h1 { font: 500 38px/.95 "Newsreader",serif; letter-spacing: 0; text-transform: none; }
.project-main > a { color: var(--bureau-rust); }
.project-section { border-color: var(--line); background: transparent; }
.project-section-head { border-bottom: 3px double var(--line-dark); }
.project-section-head h2 { font: 500 26px/1 "Newsreader",serif; text-transform: none; }
.project-tabs { border-color: var(--line); }
.project-tabs button { border-color: var(--line); }
.project-tabs button.active { background: var(--bureau-green); }
.project-table-controls, .project-follower-head, .project-follower-row { border-color: var(--line); }
.project-follower-head { background: var(--bureau-green); }
.project-follower-row:hover { background: #e7dfcb; }
.watch-star:hover, .watch-star.active { background: var(--bureau-rust); color: #fff; }
.chart-range-status span { background: var(--bureau-green); }
.snapshot-note { background: #e7dfcb; }
.snapshot-note span { color: var(--bureau-rust); }
.project-alerts article > i { background: var(--bureau-rust); }
.project-contracts code { border-left-color: var(--bureau-green); background: #e7dfcb; color: var(--bureau-green); }

/* Authorization as a front page */
.auth-gate { padding: clamp(20px,4vw,58px); background: #d8d4c9; }
.auth-gate::before { opacity: .13; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); background-size: 180px; }
.auth-card { width: min(1320px,100%); min-height: min(760px,calc(100dvh - 8vw)); grid-template-columns: minmax(0,1.55fr) minmax(350px,.65fr); border: 1px solid var(--line-dark); background: var(--paper); box-shadow: 12px 14px 38px rgba(32,36,32,.18); }
.auth-context { padding: 36px 50px 0; border-right: 1px solid var(--line-dark); background: var(--paper); }
.auth-context::before { position: absolute; top: 94px; left: 50px; right: 50px; height: 3px; border-top: 1px solid var(--line-dark); border-bottom: 1px solid var(--line-dark); content: ""; }
.auth-context::after { content: "B"; right: 12px; top: 51%; color: var(--bureau-green); font: 500 360px/.7 "Newsreader",serif; letter-spacing: 0; opacity: .035; }
.auth-lockup { height: 42px; }
.auth-lockup > span { margin-left: 15px; font: 500 31px/1 "Newsreader",serif; letter-spacing: 0; }
.auth-lockup > small { color: var(--muted); }
.auth-brand { width: 40px; height: 40px; }
.auth-thesis { margin-top: 66px; }
.auth-kicker { color: var(--bureau-rust); font-size: 8px; }
.auth-thesis h2 { max-width: 850px; margin: 30px 0 25px; font: 500 82px/.84 "Newsreader",Georgia,serif; letter-spacing: 0; text-transform: none; }
.auth-thesis h2 em { color: var(--bureau-green); font-weight: 400; }
.auth-deck { max-width: 560px !important; font-family: "Newsreader",serif; font-size: 18px !important; line-height: 1.35 !important; }
.auth-capabilities { margin-top: 32px !important; gap: 10px 23px; font-size: 9px !important; }
.auth-capabilities span::before { width: 4px; height: 4px; border-radius: 50%; background: var(--bureau-rust); }
.auth-tape { margin-inline: -50px; border-top: 3px double var(--line-dark); background: #e7e1d3; }
.auth-tape > div { min-height: 86px; border-right-color: var(--line); }
.auth-tape i { color: var(--bureau-rust); }
.auth-panel { padding: 36px 34px 28px; background: var(--bureau-green); color: var(--paper); }
.auth-panel-head { border-bottom-color: rgba(243,240,230,.5); }
.auth-panel-head i { color: #d9c48f; }
.privy-button { min-height: 58px; border: 1px solid var(--paper); background: var(--paper); color: var(--bureau-green); }
.privy-button:hover { background: var(--bureau-rust); color: #fff; }
.auth-privy-entry > small { color: rgba(243,240,230,.55); }
#auth-status { color: #e2b9a8; }
.auth-panel-foot { border-top-color: rgba(243,240,230,.35); color: rgba(243,240,230,.58); }

.modal { border-color: var(--line-dark); box-shadow: 12px 12px 0 var(--bureau-green); }
.modal-head h2 { font-family: "Newsreader",serif; text-transform: none; }
.modal-close { color: var(--bureau-rust); }
.toast { border-color: var(--line-dark); border-left-color: var(--bureau-green); background: var(--paper); }
.toast.error { border-left-color: var(--bureau-rust); }

@media (max-width: 1020px) {
  .app-shell { grid-template-columns: 200px minmax(0,1fr); }
  .brand { padding-inline: 18px; }
  .nav-item { padding-inline: 18px; }
  .account-button { width: 100%; grid-template-columns: 34px minmax(0,1fr) 14px; padding-left: 18px; }
  .account-button > span:nth-child(2), .account-button > svg { display: block; }
  .auth-card { grid-template-columns: minmax(0,1.3fr) minmax(320px,.7fr); }
  .activity-entry { grid-template-columns: 48px minmax(0,1fr) 128px 82px; }
  .activity-wire > header { padding-left: 64px; }
  .activity-day { grid-template-columns: 48px minmax(0,1fr); }
  .activity-main { padding-right: 20px; }
  .activity-metric { padding: 14px; }
}

@media (max-width: 820px) {
  .auth-card { grid-template-columns: 1fr; }
  .auth-context { min-height: 620px; padding: 28px 28px 0; border: 0; border-bottom: 1px solid var(--line-dark); }
  .auth-context::before { left: 28px; right: 28px; }
  .auth-thesis { padding-block: 48px; }
  .auth-thesis h2 { margin: 24px 0; font-size: 64px; }
  .auth-tape { margin-inline: -28px; }
  .auth-panel { min-height: 410px; }
}

@media (max-width: 760px) {
  .app-shell { height: calc(100dvh - 66px); display: block; }
  .workspace { height: 100%; }
  .topbar { padding-inline: 14px; }
  .mobile-brand { display: flex; min-width: 87px; font-family: "Newsreader",serif; font-size: 17px; }
  .mobile-brand .logo-mark { width: 25px; height: 25px; }
  .global-search::before { display: none; }
  .global-search { grid-template-columns: 17px minmax(0,1fr) auto; }
  .content { padding: 38px 15px 42px; }
  .mobile-nav { height: 66px; border-top: 1px solid var(--line-dark); background: var(--bureau-green); }
  .mobile-nav button { border-right-color: rgba(243,240,230,.16); color: rgba(243,240,230,.55); }
  .mobile-nav button.active { background: var(--paper); color: var(--bureau-green); }
  .page-head { min-height: 210px; }
  .page-head h1 { font-size: 56px; }
  .page-head p { max-width: 92%; font-size: 14px; }
  .metric-strip { grid-template-columns: repeat(2,1fr); }
  .metric:nth-child(2) { border-right: 0; }
  .activity-summary { grid-template-columns: repeat(2,1fr); }
  .activity-summary > div:nth-child(2) { border-right: 0; }
  .activity-summary > div:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .activity-controls { align-items: stretch; flex-direction: column; }
  .feed-filters { overflow-x: auto; }
  .feed-filters button { flex: 0 0 auto; min-height: 40px; padding-inline: 12px; }
  .activity-controls .inline-search { width: 100%; }
  .activity-wire > header { padding: 0 10px; }
  .activity-day { grid-template-columns: 34px minmax(0,1fr); }
  .activity-day span { grid-column: 1 / -1; padding-left: 4px; }
  .activity-day i { display: none; }
  .activity-entry { min-height: 194px; grid-template-columns: 34px minmax(0,1fr) 92px; grid-template-rows: minmax(0,1fr) 45px; }
  .activity-marker { grid-row: 1 / -1; padding-top: 25px; }
  .activity-marker span { display: none; }
  .activity-main { padding: 18px 12px 14px 0; }
  .activity-meta { align-items: flex-start; flex-wrap: wrap; gap: 7px; }
  .activity-identity { grid-template-columns: 36px minmax(0,1fr); margin-top: 12px; }
  .activity-identity .avatar, .activity-identity .avatar-fallback { width: 36px; height: 36px; }
  .activity-identity h2 { font-size: 18px; }
  .activity-main > p { font-size: 13px; }
  .activity-metric { grid-column: 3; grid-row: 1; padding: 12px; }
  .activity-metric b { font-size: 24px; }
  .activity-action { grid-column: 2 / -1; grid-row: 2; justify-content: end; padding: 7px 10px; border-top: 1px solid var(--line); border-left: 0; }
  .scanner-hero { min-height: 430px; padding: 42px 22px; }
  .scan-box h2 { font-size: 56px; }
  .lookup-folio { margin-bottom: 42px; }
  .intel-loader-body { grid-template-columns: 1fr; }
  .signal-core { width: 132px; height: 166px; }
}

@media (max-width: 420px) {
  .topbar-actions { display: flex; }
  .auth-context { min-height: 650px; }
  .auth-thesis h2 { font-size: 54px; }
  .auth-capabilities { display: grid; }
  .auth-panel-foot { display: grid; }
}

/* sherlok landing */
:root { --sherlok-ink: #202420; --sherlok-paper: #f3f0e6; --sherlok-rust: #b24f35; --sherlok-green: #24493b; --sherlok-gold: #a88952; --sherlok-grid: rgba(32,36,32,.11); }
html { scroll-behavior: smooth; }
.auth-gate { position: fixed; inset: 0; z-index: 1000; display: block; padding: 0; overflow-x: hidden; overflow-y: auto; background: var(--sherlok-paper); color: var(--sherlok-ink); }
.auth-gate::before { opacity: .45; background-image: linear-gradient(90deg, transparent 0, transparent calc(50% - 1px), var(--sherlok-grid) 50%, transparent calc(50% + 1px)), linear-gradient(var(--sherlok-grid) 1px, transparent 1px); background-size: 100% 100%, 100% 72px; }
.auth-landing { min-width: 0; isolation: isolate; }
.landing-nav { position: sticky; top: 0; z-index: 30; min-height: 74px; display: grid; grid-template-columns: minmax(170px,1fr) auto minmax(170px,1fr); align-items: center; gap: 24px; padding: 0 clamp(22px,5vw,76px); border-bottom: 1px solid var(--line-dark); background: rgba(243,240,230,.88); backdrop-filter: blur(12px); }
.landing-brand { display: inline-flex; align-items: center; gap: 11px; width: max-content; color: var(--sherlok-ink); text-decoration: none; }
.landing-brand .logo-mark { width: 32px; height: 32px; border: 0; }
.landing-brand span { font: 500 27px/.8 "Newsreader",Georgia,serif; letter-spacing: 0; }
.landing-nav-links { display: flex; align-items: center; gap: 30px; }
.landing-nav-links a, .landing-nav-access { color: var(--muted); font: 600 8px "IBM Plex Mono",monospace; letter-spacing: .1em; text-decoration: none; text-transform: uppercase; }
.landing-nav-links a:hover, .landing-nav-access:hover { color: var(--sherlok-rust); }
.landing-nav-access { justify-self: end; color: var(--sherlok-rust); }
.landing-nav-access span { display: inline-block; margin-left: 8px; font-size: 13px; transition: transform .2s; }
.landing-nav-access:hover span { transform: translate(3px,-3px); }
.landing-hero { min-height: min(850px, calc(100dvh - 74px)); display: grid; grid-template-columns: minmax(0,1.06fr) minmax(420px,.94fr); gap: clamp(30px,7vw,120px); align-items: center; max-width: 1600px; margin: 0 auto; padding: 78px clamp(22px,7vw,118px) 94px; }
.landing-hero-copy { position: relative; z-index: 2; }
.landing-issue { display: flex; justify-content: space-between; gap: 16px; padding-bottom: 14px; border-bottom: 3px double var(--line-dark); color: var(--muted); font: 600 7px "IBM Plex Mono",monospace; letter-spacing: .12em; }
.landing-issue span:last-child { color: var(--sherlok-rust); text-align: right; }
.landing-kicker { display: flex; align-items: center; gap: 9px; margin: 76px 0 0; color: var(--sherlok-rust); font: 600 9px "IBM Plex Mono",monospace; letter-spacing: .08em; text-transform: uppercase; }
.landing-kicker i { width: 7px; height: 7px; border-radius: 50%; background: var(--sherlok-rust); box-shadow: 0 0 0 5px rgba(178,79,53,.13); animation: sherlok-pulse 2.2s ease-in-out infinite; }
.landing-hero h1 { max-width: 760px; margin: 24px 0 26px; font: 500 clamp(92px,10.3vw,164px)/.77 "Newsreader",Georgia,serif; letter-spacing: 0; }
.landing-hero h1 em, .section-heading h2 em, .case-intro h2 em, .access-copy h2 em { color: var(--sherlok-rust); font-weight: 400; }
.landing-deck { max-width: 450px; margin: 0; font: 400 18px/1.42 "Newsreader",Georgia,serif; }
.landing-hero-actions { display: flex; align-items: center; gap: 24px; margin-top: 39px; }
.landing-primary { min-height: 49px; display: inline-flex; align-items: center; gap: 28px; padding: 0 17px; background: var(--sherlok-ink); color: var(--sherlok-paper); font: 600 9px "IBM Plex Mono",monospace; letter-spacing: .08em; text-decoration: none; text-transform: uppercase; transition: background .2s, transform .2s; }
.landing-primary:hover { background: var(--sherlok-rust); transform: translateY(-3px); }
.landing-primary span { font-size: 17px; }
.landing-text-link { color: var(--sherlok-ink); font: 600 8px "IBM Plex Mono",monospace; letter-spacing: .08em; text-decoration: none; text-transform: uppercase; }
.landing-text-link span { display: inline-block; margin-left: 7px; color: var(--sherlok-rust); font-size: 15px; transition: transform .2s; }
.landing-text-link:hover span { transform: translate(3px,-3px); }
.caseboard-wrap { position: relative; min-width: 0; perspective: 1000px; transform: rotateX(var(--board-y,0deg)) rotateY(var(--board-x,0deg)); transition: transform .5s cubic-bezier(.2,.75,.25,1); }
.caseboard-stamp { position: absolute; z-index: 2; top: -18px; right: 24px; padding: 7px 9px; background: var(--sherlok-rust); color: var(--sherlok-paper); font: 600 7px "IBM Plex Mono",monospace; letter-spacing: .1em; transform: rotate(3deg); }
.caseboard { position: relative; min-height: 536px; overflow: hidden; padding: 25px 27px 22px; border: 1px solid var(--line-dark); background: var(--sherlok-green); color: var(--sherlok-paper); box-shadow: 18px 20px 0 rgba(36,73,59,.16); }
.caseboard::before { position: absolute; inset: 0; opacity: .13; content: ""; background-image: linear-gradient(90deg, transparent 49.5%, rgba(243,240,230,.5) 50%, transparent 50.5%), linear-gradient(rgba(243,240,230,.32) 1px, transparent 1px); background-size: 120px 100%, 100% 72px; pointer-events: none; }
.caseboard-head, .caseboard-foot, .landing-issue { position: relative; z-index: 1; }
.caseboard-head { display: flex; justify-content: space-between; padding-bottom: 17px; border-bottom: 1px solid rgba(243,240,230,.42); color: rgba(243,240,230,.65); font: 600 7px "IBM Plex Mono",monospace; letter-spacing: .12em; }
.caseboard-head b { color: #d9c48f; font-weight: 600; }
.caseboard-title { position: relative; z-index: 1; margin-top: 50px; }
.caseboard-title small { color: #d9c48f; font: 600 7px "IBM Plex Mono",monospace; letter-spacing: .14em; }
.caseboard-title h2 { margin: 16px 0 0; font: 500 53px/.88 "Newsreader",Georgia,serif; }
.caseboard-title h2 em { color: #d9c48f; font-weight: 400; }
.caseboard-map { position: absolute; inset: 228px 27px 72px; z-index: 1; }
.map-line { position: absolute; height: 1px; transform-origin: left center; background: rgba(243,240,230,.62); }
.line-a { left: 35%; top: 35%; width: 46%; transform: rotate(19deg); }
.line-b { left: 35%; top: 35%; width: 42%; transform: rotate(137deg); }
.line-c { left: 35%; top: 35%; width: 49%; transform: rotate(63deg); }
.map-node { position: absolute; display: grid; place-items: center; width: 42px; height: 42px; border: 1px solid var(--sherlok-paper); border-radius: 50%; background: var(--sherlok-green); color: var(--sherlok-paper); font: 600 9px "IBM Plex Mono",monospace; animation: node-breathe 3s ease-in-out infinite; }
.node-main { left: 31%; top: 26%; width: 62px; height: 62px; border: 2px solid #d9c48f; color: #d9c48f; font: 500 30px "Newsreader",serif; animation-delay: -.8s; }
.node-one { left: 72%; top: 8%; }
.node-two { left: 4%; top: 71%; animation-delay: -1.5s; }
.node-three { left: 78%; top: 71%; animation-delay: -2s; }
.map-label { position: absolute; color: rgba(243,240,230,.65); font: 600 7px "IBM Plex Mono",monospace; letter-spacing: .07em; }
.label-main { left: 29%; top: 58%; color: #d9c48f; }
.label-one { left: 78%; top: 6%; }
.label-two { left: 0; top: 87%; }
.label-three { right: 0; top: 87%; }
.caseboard-foot { position: absolute; right: 27px; bottom: 22px; left: 27px; display: flex; justify-content: space-between; padding-top: 13px; border-top: 1px solid rgba(243,240,230,.42); color: rgba(243,240,230,.68); font: 7px "IBM Plex Mono",monospace; }
.signal-pulse { color: #d9c48f; }
.signal-pulse i { display: inline-block; width: 6px; height: 6px; margin-right: 6px; border-radius: 50%; background: #9cb99f; }
.caseboard-note { position: absolute; right: -18px; bottom: -46px; display: grid; grid-template-columns: 27px 1fr; gap: 9px; width: 190px; padding: 13px; border: 1px solid var(--line-dark); background: var(--sherlok-paper); box-shadow: 7px 7px 0 rgba(178,79,53,.16); transform: rotate(-3deg); }
.caseboard-note > span { color: var(--sherlok-rust); font: 600 8px "IBM Plex Mono",monospace; }
.caseboard-note p { margin: 0; font: 15px/1.1 "Newsreader",serif; }
.caseboard-note b { color: var(--sherlok-green); font-weight: 500; }
.landing-ticker { overflow: hidden; border-top: 1px solid var(--line-dark); border-bottom: 1px solid var(--line-dark); background: var(--sherlok-rust); color: var(--sherlok-paper); }
.landing-ticker > div { width: max-content; display: flex; align-items: center; gap: 30px; min-height: 42px; animation: ticker-move 28s linear infinite; }
.landing-ticker span, .landing-ticker b { font: 600 8px "IBM Plex Mono",monospace; letter-spacing: .13em; white-space: nowrap; }
.landing-ticker b { color: #f6d49b; }
.landing-method, .landing-case, .landing-access { max-width: 1600px; margin: 0 auto; padding: 150px clamp(22px,8vw,130px); }
.section-heading { display: grid; grid-template-columns: 1fr 1.7fr 1fr; align-items: end; gap: 36px; padding-bottom: 42px; border-bottom: 3px double var(--line-dark); }
.section-heading > span, .case-intro > span, .access-copy > span { align-self: start; color: var(--sherlok-rust); font: 600 8px "IBM Plex Mono",monospace; letter-spacing: .12em; }
.section-heading h2 { margin: 0; font: 500 72px/.82 "Newsreader",Georgia,serif; }
.section-heading p { max-width: 250px; margin: 0; color: var(--muted); font: 16px/1.35 "Newsreader",Georgia,serif; }
.method-grid { display: grid; grid-template-columns: repeat(3,1fr); border-bottom: 1px solid var(--line-dark); }
.method-card { min-height: 380px; display: flex; flex-direction: column; padding: 25px; border-right: 1px solid var(--line-dark); background: rgba(243,240,230,.5); }
.method-card:last-child { border-right: 0; }
.method-card > span { color: var(--sherlok-rust); font: 600 8px "IBM Plex Mono",monospace; }
.method-card h3 { margin: 86px 0 20px; font: 500 43px/.85 "Newsreader",Georgia,serif; }
.method-card p { max-width: 260px; margin: 0; color: var(--muted); font: 15px/1.4 "Newsreader",Georgia,serif; }
.method-card > b { margin-top: auto; color: var(--muted); font: 600 8px "IBM Plex Mono",monospace; letter-spacing: .1em; text-transform: uppercase; }
.method-card-dark { background: var(--sherlok-green); color: var(--sherlok-paper); }
.method-card-dark > span, .method-card-dark > b { color: #d9c48f; }
.method-card-dark p { color: rgba(243,240,230,.65); }
.method-card-rust { background: #e9ddc8; }
.method-rule { width: 100%; height: 1px; margin-top: 38px; background: rgba(243,240,230,.4); }
.method-diagram { position: relative; width: 175px; height: 55px; margin: 37px 0 22px; border-top: 1px solid var(--sherlok-green); border-bottom: 1px solid var(--sherlok-green); }
.method-diagram i, .method-diagram b { position: absolute; width: 8px; height: 8px; border: 1px solid var(--sherlok-green); border-radius: 50%; background: var(--sherlok-paper); }
.method-diagram i:nth-child(1) { left: 18px; top: 22px; }.method-diagram i:nth-child(2) { left: 83px; top: 8px; }.method-diagram i:nth-child(3) { left: 145px; top: 37px; }.method-diagram b { left: 83px; top: 40px; width: 12px; height: 12px; background: var(--sherlok-rust); }
.method-index { display: grid; grid-template-columns: 1fr auto; gap: 7px 18px; margin: 32px 0 20px; padding-top: 12px; border-top: 1px solid var(--line-dark); color: var(--muted); font: 8px "IBM Plex Mono",monospace; }
.method-index b { color: var(--sherlok-rust); }
.landing-case { display: grid; grid-template-columns: .7fr 1.3fr; gap: 12vw; border-top: 1px solid var(--line-dark); }
.case-intro h2, .access-copy h2 { margin: 58px 0 28px; font: 500 78px/.8 "Newsreader",Georgia,serif; }
.case-intro p, .access-copy p { max-width: 310px; margin: 0 0 35px; color: var(--muted); font: 16px/1.4 "Newsreader",Georgia,serif; }
.case-ledger { align-self: center; border-top: 3px double var(--line-dark); border-bottom: 1px solid var(--line-dark); }
.ledger-top, .ledger-bottom { display: flex; justify-content: space-between; gap: 14px; padding: 13px 0; color: var(--muted); font: 600 7px "IBM Plex Mono",monospace; letter-spacing: .1em; text-transform: uppercase; }
.ledger-top { border-bottom: 1px solid var(--line); }.ledger-bottom { border-top: 1px solid var(--line); }
.ledger-event { min-height: 108px; display: grid; grid-template-columns: 70px minmax(0,1fr) 54px; align-items: center; gap: 17px; border-bottom: 1px solid var(--line); }
.ledger-time { color: var(--sherlok-rust); font: 600 8px "IBM Plex Mono",monospace; }
.ledger-event b { display: block; font: 500 24px/1 "Newsreader",serif; }.ledger-event small { display: block; margin-top: 7px; color: var(--muted); font: 13px/1.3 "Newsreader",serif; }.ledger-event strong { color: var(--sherlok-green); font: 500 25px "Newsreader",serif; text-align: right; }
.landing-access { display: grid; grid-template-columns: 1fr minmax(350px,.72fr); gap: 14vw; align-items: center; border-top: 1px solid var(--line-dark); background: var(--sherlok-green); color: var(--sherlok-paper); }
.access-copy > span { color: #d9c48f; }.access-copy h2 { margin-bottom: 22px; }.access-copy h2 em { color: #d9c48f; }.access-copy p { color: rgba(243,240,230,.65); }
.access-panel { min-width: 0; padding: 30px; background: var(--sherlok-paper); color: var(--sherlok-ink); box-shadow: 15px 15px 0 rgba(0,0,0,.14); }
.access-panel-head { display: flex; justify-content: space-between; padding-bottom: 19px; border-bottom: 1px solid var(--line-dark); font: 600 8px "IBM Plex Mono",monospace; letter-spacing: .1em; }.access-panel-head i { color: var(--sherlok-rust); font-style: normal; }
.access-panel .auth-privy-entry { margin: 86px 0 30px; }.access-panel .auth-panel-foot { margin-top: 30px; border-top-color: var(--line); color: var(--muted); }
.landing-footer { min-height: 78px; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 0 clamp(22px,7vw,118px); border-top: 1px solid var(--line-dark); background: var(--sherlok-paper); color: var(--muted); font: 7px "IBM Plex Mono",monospace; letter-spacing: .1em; text-transform: uppercase; }.landing-footer .landing-brand span { font-size: 21px; text-transform: none; }.landing-footer .logo-mark { width: 25px; height: 25px; }.landing-social { color: var(--sherlok-rust); text-decoration: none; }.landing-social:hover { color: var(--sherlok-green); }
.landing-reveal { opacity: 0; transform: translateY(28px); transition: opacity .85s ease var(--reveal-delay,0ms), transform .85s cubic-bezier(.2,.75,.25,1) var(--reveal-delay,0ms); }.landing-reveal.is-visible { opacity: 1; transform: translateY(0); }
@keyframes ticker-move { to { transform: translateX(-50%); } } @keyframes sherlok-pulse { 50% { opacity: .45; transform: scale(.78); } } @keyframes node-breathe { 50% { transform: scale(1.08); box-shadow: 0 0 0 5px rgba(217,196,143,.1); } }
@media (max-width: 1020px) { .landing-hero { grid-template-columns: minmax(0,1fr) minmax(340px,.9fr); gap: 40px; padding-inline: 48px; }.landing-hero h1 { font-size: 110px; }.section-heading h2 { font-size: 58px; }.case-intro h2, .access-copy h2 { font-size: 64px; } }
@media (max-width: 820px) { .landing-nav { grid-template-columns: 1fr auto; padding-inline: 20px; }.landing-nav-links { display: none; }.landing-hero { min-height: auto; grid-template-columns: 1fr; gap: 84px; padding: 62px 20px 110px; }.landing-kicker { margin-top: 48px; }.landing-hero h1 { font-size: 94px; }.caseboard { min-height: 470px; }.landing-method, .landing-case, .landing-access { padding: 100px 20px; }.section-heading { grid-template-columns: 1fr; gap: 20px; }.section-heading h2 { font-size: 62px; }.section-heading p { max-width: 340px; }.method-grid { grid-template-columns: 1fr; }.method-card { min-height: 320px; border-right: 0; border-bottom: 1px solid var(--line-dark); }.method-card h3 { margin-top: 55px; }.landing-case, .landing-access { grid-template-columns: 1fr; gap: 58px; }.case-intro h2, .access-copy h2 { margin-top: 40px; font-size: 72px; }.access-panel { padding: 23px; }.landing-footer { align-items: flex-start; flex-direction: column; padding-block: 24px; } }
@media (max-width: 480px) { .landing-nav { min-height: 62px; }.landing-brand span { font-size: 23px; }.landing-nav-access { font-size: 7px; }.landing-hero { padding-top: 38px; }.landing-issue { align-items: flex-start; flex-direction: column; }.landing-issue span:last-child { text-align: left; }.landing-kicker { margin-top: 42px; font-size: 8px; }.landing-hero h1 { font-size: 79px; }.landing-deck { font-size: 17px; }.landing-hero-actions { align-items: flex-start; flex-direction: column; gap: 20px; }.caseboard-wrap { margin-inline: 8px 0; }.caseboard { min-height: 430px; padding: 20px; }.caseboard-title { margin-top: 40px; }.caseboard-title h2 { font-size: 42px; }.caseboard-map { inset: 204px 20px 62px; }.caseboard-foot { right: 20px; bottom: 18px; left: 20px; flex-direction: column; gap: 7px; }.caseboard-note { right: -7px; bottom: -52px; }.landing-ticker > div { min-height: 37px; }.landing-method, .landing-case, .landing-access { padding-block: 82px; }.section-heading h2 { font-size: 52px; }.method-card h3 { font-size: 39px; }.case-intro h2, .access-copy h2 { font-size: 60px; }.ledger-event { grid-template-columns: 45px minmax(0,1fr) 38px; gap: 8px; }.ledger-event b { font-size: 19px; }.ledger-event small { font-size: 12px; }.access-panel .auth-privy-entry { margin-block: 65px 25px; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; }.landing-reveal { opacity: 1; transform: none; transition: none; }.landing-ticker > div, .landing-kicker i, .map-node { animation: none; }.caseboard-wrap { transform: none; transition: none; } }