@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Manrope:wght@400;500;600;700&display=swap');

:root { --ink:#121311; --paper:#f1f0e9; --acid:#c8ff3d; --line:#cac9c0; --muted:#686a63; }
* { box-sizing:border-box; }
html { background:var(--ink); }
body { margin:0; background:var(--paper); color:var(--ink); font-family:Manrope,system-ui,sans-serif; }
a { color:inherit; }
.site-header { height:72px; display:flex; align-items:center; gap:42px; border-bottom:1px solid var(--ink); padding:0 4vw; position:sticky; top:0; background:rgba(241,240,233,.96); backdrop-filter:blur(12px); z-index:10; }
.brand { text-decoration:none; font:500 20px DM Mono,monospace; letter-spacing:-1px; }
.brand b { background:var(--ink); color:var(--acid); padding:4px 5px; margin-left:3px; }
nav { display:flex; gap:26px; }
nav a { font:500 11px DM Mono,monospace; text-decoration:none; text-transform:uppercase; }
.agent-status { margin-left:auto; font:500 10px DM Mono,monospace; }
.agent-status i { width:8px;height:8px;border-radius:50%;background:#78c900;display:inline-block;margin-right:8px;box-shadow:0 0 0 4px #dff7ad; }
.hero { min-height:calc(100vh - 72px); padding:7vh 4vw 0; display:grid; grid-template-columns:1fr .85fr; grid-template-rows:auto auto 1fr auto; column-gap:8vw; }
.eyebrow,.section-label,.detail-meta,.result-count { font:500 10px DM Mono,monospace; letter-spacing:.08em; }
.eyebrow span,.section-label span { display:inline-grid; place-items:center; min-width:30px;height:30px;border:1px solid currentColor;margin-right:12px; }
.hero h1,.index-head h1,.detail h1 { grid-column:1/2; font-size:clamp(4.4rem,9vw,10.5rem); line-height:.83; letter-spacing:-.075em; margin:4vh 0 0; font-weight:600; }
.hero h1 em,.index-head h1 em { font-weight:400; color:transparent; -webkit-text-stroke:1.5px var(--ink); }
.hero-copy { grid-column:2; grid-row:2; align-self:end; font-size:clamp(1rem,1.5vw,1.35rem); line-height:1.55; max-width:620px; }
.search { grid-column:2; grid-row:3; align-self:start; margin-top:5vh; }
.search label { display:block; font:500 10px DM Mono,monospace; margin-bottom:10px; }
.search div { display:flex; border-bottom:2px solid var(--ink); }
.search input { width:100%; border:0; background:transparent; font:400 16px Manrope,sans-serif; padding:16px 0; outline:none; }
.search button { border:0; background:var(--acid); font:500 11px DM Mono,monospace; padding:0 22px; cursor:pointer; }
.hero-grid { grid-column:1/-1; display:grid; grid-template-columns:repeat(4,1fr); border:1px solid var(--ink); border-bottom:0; margin-top:6vh; }
.hero-grid div { padding:22px 26px; border-right:1px solid var(--ink); display:flex;align-items:end;gap:14px; }
.hero-grid div:last-child { border:0; }
.hero-grid strong { font:400 42px DM Mono,monospace; }
.hero-grid span { font:500 9px DM Mono,monospace; padding-bottom:8px; }
.flow-section,.knowledge-section { padding:8vw 4vw; background:var(--ink); color:var(--paper); }
.section-label { display:flex; align-items:center; }
.section-label a { margin-left:auto; }
.flow { display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:2vw;margin-top:6vw;align-items:center; }
.flow article { border-top:1px solid #5b5d57; padding-top:28px; min-height:180px; }
.flow article b { color:var(--acid);font:500 10px DM Mono,monospace; }
.flow h2 { font-size:1.55rem;margin:24px 0 12px; }
.flow p { color:#b5b7af;line-height:1.6; }
.arrow { color:var(--acid);font-size:24px; }
.knowledge-section { background:var(--paper);color:var(--ink); }
.article-list { margin-top:5vw;border-top:1px solid var(--ink); }
.article-row { display:grid;grid-template-columns:150px 1fr 1.4fr 30px;gap:3vw;align-items:center;padding:25px 0;border-bottom:1px solid var(--line);text-decoration:none; }
.article-row:hover h3 { text-decoration:underline;text-decoration-color:var(--acid);text-decoration-thickness:6px; }
.article-row>div { display:flex;flex-direction:column;gap:7px;font:400 9px DM Mono,monospace; }
.confidence { color:#477600; }
.article-row h3 { margin:0;font-size:1.25rem; }
.article-row p { margin:0;color:var(--muted);line-height:1.5;font-size:.92rem; }
.index-head { padding:7vw 4vw 4vw;display:grid;grid-template-columns:1fr .75fr;gap:5vw; }
.index-head h1 { font-size:clamp(4rem,8vw,9rem);margin-top:5vw; }
.index-head .search { grid-column:2;grid-row:2;align-self:end; }
.compact { padding-top:3vw;min-height:40vh; }
.result-count { color:var(--muted); }
.empty { padding:60px 0;color:var(--muted); }
.detail { max-width:1040px;margin:0 auto;padding:6vw 4vw 10vw; }
.back { font:500 10px DM Mono,monospace; }
.detail-meta { margin-top:7vw;display:flex;gap:20px;color:var(--muted); }
.detail h1 { font-size:clamp(3rem,7vw,7rem);line-height:.93;margin-top:2vw; }
.lede { font-size:1.45rem;line-height:1.5;max-width:780px;margin:4vw 0;border-left:10px solid var(--acid);padding-left:24px; }
.prose { white-space:pre-wrap;font-size:1.05rem;line-height:1.9;max-width:780px; }
.tags { display:flex;flex-wrap:wrap;gap:8px;margin:4vw 0; }
.tags span { border:1px solid var(--line);padding:7px 10px;font:500 10px DM Mono,monospace; }
.detail aside { background:var(--ink);color:var(--paper);padding:24px 28px;max-width:780px; }
.detail aside b { color:var(--acid);font:500 10px DM Mono,monospace; }
.detail aside p { margin-bottom:0;line-height:1.6; }
footer { background:var(--ink);color:#989a93;display:flex;justify-content:space-between;padding:30px 4vw;font:400 9px DM Mono,monospace; }
@media(max-width:800px){
  .site-header{gap:18px;padding:0 20px}.site-header nav{display:none}.agent-status{font-size:8px}
  .hero{display:block;padding:45px 20px 0}.hero h1{font-size:20vw;margin:45px 0}.hero-copy{margin-top:30px}.search{margin:38px 0}
  .hero-grid{grid-template-columns:1fr;margin:55px -20px 0}.hero-grid div{padding:14px}.hero-grid strong{font-size:26px}.hero-grid span{font-size:7px}
  .flow-section,.knowledge-section{padding:70px 20px}.flow{display:block}.flow .arrow{display:block;transform:rotate(90deg);margin:20px 0}.flow article{min-height:0}
  .article-row{grid-template-columns:70px 1fr 22px;gap:16px}.article-row p{display:none}
  .index-head{display:block;padding:60px 20px}.index-head h1{font-size:18vw;margin:45px 0}.compact{padding-top:20px}
  .detail{padding:60px 20px}.detail-meta{flex-direction:column}.detail h1{font-size:14vw;margin-top:30px}.lede{font-size:1.15rem;margin:45px 0}
  footer{display:block;line-height:2}.section-label a{font-size:8px}
}