:root{--bg: #f4efe3;--paper: #ebe2d3;--surface: #fffaf0;--ink: #111111;--muted: #555555;--line: #b9ad9a;--black: #050505;--bad: #9f1d1d;--ok: #126b3a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--bg);color:var(--ink);font:16px/1.45 Arial,Helvetica,sans-serif}main{width:min(1160px,calc(100% - 40px));margin:0 auto;padding:22px 0 50px}a{color:var(--ink);text-decoration:none}a:hover{text-decoration:underline}code{background:var(--paper);border:1px solid var(--line);padding:1px 5px;font-family:Courier New,Courier,monospace}.topbar{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--ink);padding-bottom:14px;margin-bottom:24px}.brand{font-size:22px;font-weight:700}.top-links{display:flex;gap:8px;align-items:center}.top-links a{border:1px solid var(--ink);padding:7px 10px;font-weight:700;font-size:14px;background:var(--surface)}.top-links a:first-child{background:var(--black);color:var(--surface)}.docs-layout{display:grid;grid-template-columns:190px 1fr;gap:30px;align-items:start}.sidebar{position:sticky;top:18px;border-right:2px solid var(--ink);padding:4px 16px 4px 0}.side-label{color:var(--muted);font:12px/1 Courier New,Courier,monospace;text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px}.sidebar a{display:block;padding:8px 9px;margin-bottom:4px;border-left:3px solid transparent;font-weight:700}.sidebar a.active{border-left-color:var(--ink);background:var(--paper)}.content{min-width:0}.page{min-height:560px}.eyebrow{color:var(--muted);font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin:0 0 12px}h1{font-size:clamp(36px,5vw,58px);line-height:1.02;margin:0 0 16px;max-width:880px;font-weight:700}h2{font-size:24px;line-height:1.15;margin:0;font-weight:700}h3{margin:0 0 8px;font-size:18px;font-weight:700}p{color:var(--muted);margin:0}.lead{font-size:19px;max-width:850px}.quick-strip{display:grid;grid-template-columns:repeat(4,1fr);border:2px solid var(--ink);margin:28px 0 20px;background:var(--surface)}.quick-strip div{min-height:92px;padding:14px;border-right:2px solid var(--ink);background:var(--paper)}.quick-strip div:last-child{border-right:0}.quick-strip b{display:block;font-size:26px;margin-bottom:10px}.quick-strip span{color:var(--ink);font-weight:700}.start-actions,.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.start-actions{margin:20px 0 34px}.walkthrough,.uses,.cli-page,.security-page{border-top:2px solid var(--ink);padding-top:24px}.walk-grid,.use-list,.rule-list,.terminal-grid{display:grid;gap:16px;margin-top:18px}.walk-grid,.use-list{grid-template-columns:repeat(3,1fr)}.rule-list,.terminal-grid{grid-template-columns:repeat(2,1fr)}.walk-grid article,.use-list article,.rule-list article,.terminal-grid article,.note-box{border-left:2px solid var(--ink);padding-left:14px}.note-box{margin-top:24px;background:var(--paper);padding:14px;color:var(--muted)}.tool-head{display:flex;justify-content:space-between;gap:22px;align-items:end;margin-bottom:22px}.mini-how{display:flex;border:2px solid var(--ink);background:var(--surface);flex:0 0 auto}.mini-how span{padding:9px 11px;border-right:2px solid var(--ink);font:700 12px/1 Courier New,Courier,monospace;text-transform:uppercase}.mini-how span:last-child{border-right:0}.tool{display:grid;grid-template-columns:1fr 1fr;border:2px solid var(--ink);margin-bottom:32px;background:var(--surface)}.column{padding:22px;min-width:0}.write-column{background:var(--paper);border-right:2px solid var(--ink)}.open-column{background:var(--surface)}.section-title{display:flex;gap:12px;align-items:flex-start;margin-bottom:18px}.section-title span{display:inline-grid;place-items:center;width:30px;height:30px;background:var(--black);color:var(--surface);font-weight:700;flex:0 0 auto}.templates{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:16px}button{appearance:none;border:1px solid var(--ink);background:var(--surface);color:var(--ink);min-height:40px;padding:9px 12px;font:700 15px/1.2 Arial,Helvetica,sans-serif;cursor:pointer;border-radius:0;text-align:center}button:hover:not(:disabled){background:var(--ink);color:var(--surface)}button.black{background:var(--black);color:var(--surface)}button.black:hover:not(:disabled){background:var(--surface);color:var(--ink)}button:disabled{cursor:not-allowed;opacity:.45}.help{display:inline-grid;place-items:center;position:relative;width:16px;height:16px;margin-left:6px;border:1px solid currentColor;font-size:11px;line-height:1;font-weight:700;vertical-align:text-top}.bubble{display:none;position:absolute;z-index:10;top:22px;left:-8px;width:240px;border:1px solid var(--ink);background:var(--surface);color:var(--ink);padding:10px;font:13px/1.35 Arial,Helvetica,sans-serif;text-align:left;box-shadow:4px 4px 0 var(--ink)}.help:hover .bubble,.help:focus .bubble{display:block}label,.small-label{display:block;color:var(--ink);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin:15px 0 7px}textarea,input{width:100%;border:1px solid var(--ink);border-radius:0;background:var(--surface);color:var(--ink);padding:10px;font:14px/1.4 Courier New,Courier,monospace}textarea{min-height:190px;resize:vertical}.vault-area{min-height:220px}.phrase-row{display:grid;grid-template-columns:1fr auto;gap:8px}.primary-actions button{min-width:124px}.dropzone{display:grid;gap:4px;place-items:center;min-height:88px;border:1px dashed var(--ink);background:var(--paper);margin:10px 0 12px;padding:15px;cursor:pointer;text-align:center}.dropzone.dragging{background:var(--surface);border-style:solid}.dropzone strong{font-size:15px}.dropzone em{color:var(--muted);font-style:normal;font-size:13px}.dropzone input{display:none}.status{margin-top:14px;padding:11px;border:1px solid var(--line);background:var(--paper);color:var(--muted);font:13px/1.4 Courier New,Courier,monospace}.status.ok{border-color:var(--ok);color:var(--ok)}.status.bad{border-color:var(--bad);color:var(--bad)}.opened{margin-top:16px}.opened pre,.cli-page pre,.terminal-grid pre{margin:8px 0 0;border:1px solid var(--ink);background:var(--black);color:var(--surface);padding:13px;overflow:auto;font:14px/1.45 Courier New,Courier,monospace;white-space:pre-wrap}footer{border-top:2px solid var(--ink);margin-top:42px;padding-top:18px;color:var(--muted);font-size:14px}@media(max-width:980px){.docs-layout{grid-template-columns:1fr}.sidebar{position:static;border-right:0;border-bottom:2px solid var(--ink);display:flex;gap:6px;overflow:auto;padding:0 0 12px}.side-label{display:none}.sidebar a{border:1px solid var(--ink);margin:0;white-space:nowrap;background:var(--surface)}.sidebar a.active{background:var(--black);color:var(--surface)}.tool,.use-list,.walk-grid,.rule-list,.terminal-grid{grid-template-columns:1fr}.tool-head{align-items:flex-start;flex-direction:column}.write-column{border-right:0;border-bottom:2px solid var(--ink)}.quick-strip{grid-template-columns:1fr 1fr}.quick-strip div:nth-child(2){border-right:0}.quick-strip div:nth-child(-n+2){border-bottom:2px solid var(--ink)}}@media(max-width:640px){main{width:min(100% - 24px,1160px)}.topbar{align-items:flex-start;flex-direction:column;gap:12px}.top-links{flex-wrap:wrap}.templates,.phrase-row,.quick-strip{grid-template-columns:1fr}.quick-strip div{border-right:0;border-bottom:2px solid var(--ink)}.quick-strip div:last-child{border-bottom:0}.mini-how{flex-wrap:wrap}.bubble{left:auto;right:-6px;width:min(240px,70vw)}}