:root{--ink:#15110c;--muted:#665d52;--paper:#f7f2e8;--panel:#fffaf0;--line:#d8c8ae;--gold:#a66f21;--green:#17483a;--red:#7c2721}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}.topbar{z-index:10;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f7f2e8eb;border-bottom:1px solid #15110c1f;justify-content:space-between;align-items:center;gap:24px;min-height:72px;padding:0 32px;display:flex;position:sticky;top:0}.brand,.topbar nav{align-items:center;gap:14px;display:flex}.brand img{width:34px;height:34px}.brand span{font-weight:760}.topbar nav a{color:var(--muted);font-size:14px;font-weight:650}.layout{grid-template-columns:240px minmax(0,1fr);gap:40px;width:min(1180px,100% - 48px);margin:0 auto;padding:48px 0 96px;display:grid}.sidebar{border:1px solid var(--line);background:#fffaf0b8;align-self:start;gap:4px;padding:18px;display:grid;position:sticky;top:104px}.sidebar-label,.eyebrow{color:var(--gold);letter-spacing:0;text-transform:uppercase;font-size:12px;font-weight:800}.sidebar a{color:var(--muted);padding:9px 0;font-size:14px;font-weight:650}.content{gap:28px;display:grid}.hero,.section{border:1px solid var(--line);background:var(--panel);padding:clamp(24px,4vw,48px)}.hero{background:linear-gradient(100deg,#fffaf0f5 0%,#fffaf0c7 58%,#fffaf04d 100%),url(/assets/ancient-athenian-juries.jpg) 50%/cover;align-content:center;min-height:430px;display:grid}.hero h1{letter-spacing:0;max-width:760px;margin:10px 0 14px;font-family:Georgia,Times New Roman,serif;font-size:clamp(44px,8vw,92px);line-height:.95}.hero p,.section>p{max-width:760px;color:var(--muted);font-size:17px}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.hero-actions a,.text-link,.reference-grid a{border:1px solid var(--ink);background:var(--ink);color:var(--panel);padding:11px 14px;font-size:14px;font-weight:760}.hero-actions a+a,.text-link,.reference-grid a{color:var(--ink);background:0 0}.back-link{color:var(--green);margin-bottom:28px;font-weight:800;display:inline-flex}.section h2{letter-spacing:0;margin:6px 0 12px;font-family:Georgia,Times New Roman,serif;font-size:clamp(30px,4vw,52px);line-height:1}.step-grid,.agent-table,.reference-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px;display:grid}.step-grid article,.agent-table article{border:1px solid var(--line);background:#f7f2e8ad;padding:18px}.step-grid strong{color:var(--red);font-family:Georgia,Times New Roman,serif;font-size:28px}.step-grid h3,.agent-table strong{margin:8px 0 4px;font-size:17px;display:block}.step-grid p,.agent-table p{color:var(--muted);margin:0}.agent-table span{color:var(--green);text-transform:uppercase;margin-bottom:8px;font-size:13px;font-weight:800;display:block}.identity dl{gap:10px;margin:24px 0;display:grid}.identity dl div{border-bottom:1px solid var(--line);grid-template-columns:180px minmax(0,1fr);gap:16px;padding-bottom:10px;display:grid}dt{color:var(--muted);font-weight:750}dd{overflow-wrap:anywhere;margin:0;font-family:SFMono-Regular,Consolas,monospace;font-size:14px}pre{border:1px solid var(--line);color:#f6ead3;background:#17120d;padding:18px;font-size:14px;overflow:auto}.checklist{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.checklist span{border:1px solid var(--line);color:var(--muted);background:#f7f2e8cc;padding:10px 12px;font-weight:700}.reference-page{width:min(920px,100% - 48px);margin:0 auto;padding:48px 0 96px}.markdown{border:1px solid var(--line);background:var(--panel);padding:clamp(22px,4vw,48px)}.markdown h1,.markdown h2,.markdown h3{letter-spacing:0;font-family:Georgia,Times New Roman,serif}.markdown h1{margin:0 0 20px;font-size:clamp(38px,6vw,68px);line-height:.98}.markdown h2{margin:34px 0 10px;font-size:clamp(28px,4vw,42px)}.markdown h3{margin:26px 0 8px;font-size:24px}.markdown p,.markdown li{color:var(--muted);font-size:16px}.markdown li+li{margin-top:6px}@media (max-width:860px){.topbar{flex-direction:column;align-items:flex-start;padding:18px;position:static}.layout{grid-template-columns:1fr;width:min(100% - 28px,720px);padding-top:22px}.sidebar{flex-wrap:wrap;gap:10px 16px;display:flex;position:static;overflow-x:visible}.sidebar-label{display:none}.sidebar a{white-space:normal;padding:0}.step-grid,.agent-table,.reference-grid,.identity dl div{grid-template-columns:1fr}.hero{min-height:360px}}