*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--bg:#fdf8ed;--hero:#faf3dc;--card:#fff8e7;--card2:#fef3cc;--accent:#b45309;--blue:#2563eb;--light:#fde68a;--text:#1c1917;--muted:#78716c;--border:#e8dfc4;--strong:#d4c48a;--mono:'Space Mono',monospace;--sans:'DM Sans',sans-serif}
html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.75;font-weight:300}
a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}
.topnav{position:sticky;top:0;z-index:100;display:flex;align-items:center;gap:1.3rem;justify-content:space-between;padding:0 2rem;min-height:60px;background:rgba(253,248,237,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}
.nav-logo{font-family:var(--mono);font-size:13px;color:var(--accent);letter-spacing:.08em;font-weight:700;white-space:nowrap}
.nav-links{display:flex;gap:1rem;justify-content:center;flex:1;overflow-x:auto}.nav-links a{font-family:var(--mono);font-size:10px;color:var(--muted);letter-spacing:.03em;white-space:nowrap;padding:20px 0;border-bottom:2px solid transparent}.nav-links a.active,.nav-links a:hover{color:var(--accent);border-bottom-color:var(--accent);text-decoration:none}
.repo-button{font-family:var(--mono);font-size:10px;color:var(--accent);border:1px solid var(--strong);padding:6px 10px;border-radius:4px;background:var(--card);white-space:nowrap}
.site-main{max-width:1100px;margin:0 auto;padding:3.5rem 2.5rem 6rem}.hero-home{display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:center;padding:1.5rem 0 4rem;border-bottom:1px solid var(--border);margin-bottom:3.5rem}
.eyebrow,.section-number{font-family:var(--mono);font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--accent);margin-bottom:.7rem}.eyebrow::before{content:'';display:inline-block;width:28px;height:1px;background:var(--accent);margin-right:10px;vertical-align:middle}
h1,.page-title{font-family:var(--mono);font-size:clamp(34px,5vw,62px);line-height:1.08;margin-bottom:1rem}.page-title{font-size:clamp(32px,4vw,50px)}h2{font-family:var(--mono);font-size:22px;margin-bottom:1rem}h3{font-size:17px;margin:.4rem 0 .5rem}p{color:var(--muted);margin-bottom:1rem}.lead{font-size:18px;max-width:670px}
section{margin-bottom:3.5rem}.meta-grid{display:grid;grid-template-columns:repeat(4,1fr);background:var(--card);border:1px solid var(--border);border-radius:7px;overflow:hidden;margin:1.5rem 0}.meta-grid.compact{grid-template-columns:repeat(2,1fr)}.meta-grid div{padding:12px 14px;border-right:1px solid var(--border)}.meta-grid div:last-child{border-right:0}.meta-grid span,.result-grid span{display:block;font-family:var(--mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.meta-grid strong{font-size:13px;font-weight:500}
.actions{display:flex;gap:10px;flex-wrap:wrap}.btn{display:inline-block;border:1px solid var(--strong);background:var(--card);color:var(--accent);padding:8px 13px;border-radius:4px;font-family:var(--mono);font-size:11px}.btn.secondary{color:var(--blue)}
.placeholder{min-height:300px;display:grid;place-items:center;border:1px solid var(--border);background:linear-gradient(135deg,rgba(180,83,9,.08),rgba(37,99,235,.05)),repeating-linear-gradient(45deg,transparent,transparent 14px,rgba(180,83,9,.035) 14px,rgba(180,83,9,.035) 28px);font-family:var(--mono);font-size:11px;color:var(--muted)}.placeholder.large{min-height:360px}.placeholder.portrait{min-height:380px}.img-card{border:1px solid var(--border);border-radius:8px;overflow:hidden;background:var(--card);margin-bottom:1.2rem}.img-caption{padding:8px 14px;background:var(--card2);border-top:1px solid var(--border);font-family:var(--mono);font-size:10px;color:var(--muted)}
.three-card{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.three-card article{border:1px solid var(--border);background:var(--card);border-radius:7px;padding:18px}.three-card article>span{font-family:var(--mono);font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--accent)}
.highlight{padding:16px 18px;background:var(--card2);border:1px solid var(--strong);border-radius:7px}.highlight strong{font-family:var(--mono);font-size:11px;color:var(--accent)}
.flow-strip,.tag-cloud{display:flex;gap:8px;flex-wrap:wrap;margin:1rem 0}.flow-strip span,.tag-cloud span{border:1px solid var(--border);background:var(--card);border-radius:4px;padding:6px 9px;font-family:var(--mono);font-size:10px;color:var(--accent)}.flow-strip b{color:var(--muted);font-weight:400}
.data-table{width:100%;border-collapse:collapse;background:var(--card);border:1px solid var(--border);font-family:var(--mono);font-size:12px}.data-table th{text-align:left;background:var(--card2);color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.1em;padding:9px 12px;border-bottom:1px solid var(--border)}.data-table td{padding:10px 12px;border-bottom:1px solid var(--border)}.data-table tr:last-child td{border-bottom:0}
.code-block{background:#1e1b16;border-radius:8px;overflow:hidden;border:1px solid var(--border)}.code-header{padding:9px 14px;background:#2a2318;color:#aaa39b;font-family:var(--mono);font-size:10px;text-transform:uppercase}.code-block pre{padding:1.2rem 1.4rem;overflow-x:auto;color:#e7dcc8;font-family:var(--mono);font-size:12px;line-height:1.7;white-space:pre-wrap}
.profile-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:3rem;align-items:start}.video-placeholder{min-height:340px;display:grid;place-items:center;background:#1e1b16;color:#cfc6ba;border-radius:8px;font-family:var(--mono);font-size:12px;margin-bottom:1rem}
.result-grid{display:grid;grid-template-columns:repeat(3,1fr);background:var(--card);border:1px solid var(--border);border-radius:7px;overflow:hidden}.result-grid div{padding:15px;border-right:1px solid var(--border)}.result-grid div:last-child{border-right:0}.result-grid strong{display:block;margin-top:4px;font-size:14px}
blockquote{padding:15px 18px;border-left:3px solid var(--accent);background:var(--card2);font-family:var(--mono);font-size:12px}
footer{border-top:1px solid var(--border);background:var(--hero);padding:1.5rem 2rem;display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;font-family:var(--mono);font-size:10px;color:var(--muted)}
@media(max-width:900px){.nav-links{display:none}.hero-home,.profile-grid{grid-template-columns:1fr}.three-card,.result-grid{grid-template-columns:1fr}.meta-grid{grid-template-columns:1fr 1fr}.site-main{padding:2.5rem 1.25rem 4rem}.topnav{padding:0 1rem}}
@media(max-width:600px){.meta-grid,.meta-grid.compact{grid-template-columns:1fr}.meta-grid div{border-right:0;border-bottom:1px solid var(--border)}.meta-grid div:last-child{border-bottom:0}.repo-button{display:none}}