:root{--paper:#f5f7fc;--ink:#14213d;--muted:#63718b;--line:#d5deed;--orange:#245de8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:#b8ceff}header,.wrap{max-width:1440px;margin:auto;padding:0 6%}header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:106px;display:flex}.brand{letter-spacing:-1px;font-size:24px;font-weight:800}.brand b{color:var(--orange)}nav{gap:32px;font-size:13px;display:flex}nav a:hover,.textlink:hover{color:var(--orange)}.nav-end{letter-spacing:1px;font-family:monospace;font-size:11px}.dot{background:var(--orange);border-radius:50%;width:7px;height:7px;margin-right:9px;display:inline-block}.hero{grid-template-columns:1.08fr 1fr;align-items:center;gap:20px;min-height:620px;padding:65px 0 55px;display:grid}.eyebrow{letter-spacing:1.7px;text-transform:uppercase;align-items:center;gap:12px;font:11px monospace;display:flex}.eyebrow:before{content:"";background:var(--orange);width:24px;height:2px}h1{letter-spacing:-5px;margin:31px 0 26px;font-size:clamp(58px,6.4vw,94px);font-weight:500;line-height:1.01}h1 em{color:var(--orange);font-style:normal}.intro{color:#566780;max-width:400px;font-size:17px;line-height:1.7}.actions{align-items:center;gap:28px;margin-top:32px;font-size:13px;display:flex}.button{background:var(--ink);color:#fff;align-items:center;gap:30px;padding:17px 23px;display:inline-flex}.button:hover{background:var(--orange)}.textlink{border-bottom:1px solid #a4b3cc;padding:7px 0}.diagram{position:relative}.diagram svg{width:100%;height:auto;display:block}.diagram-label{letter-spacing:1px;color:var(--muted);justify-content:space-between;margin:0 20px;font:10px monospace;display:flex}.specs{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin-bottom:98px;padding:27px 0;display:grid}.spec{border-left:1px solid var(--line);padding-left:26px}.spec:first-child{border:0;padding-left:0}.label{letter-spacing:1.5px;color:var(--muted);text-transform:uppercase;font:10px monospace}.value{letter-spacing:-.7px;margin-top:12px;font-size:22px}.section-top{justify-content:space-between;align-items:flex-start;gap:40px;margin-bottom:42px;display:flex}.section-top h2{letter-spacing:-1.8px;max-width:520px;margin:0;font-size:43px;font-weight:500;line-height:1.13}.section-num{color:var(--orange);margin-bottom:18px;font:11px monospace}.about-grid{grid-template-columns:1fr 1fr;gap:70px;display:grid}.about-grid p{color:#566780;margin:0 0 18px;font-size:17px;line-height:1.8}.about-grid h3{letter-spacing:-1px;margin:0 0 20px;font-size:27px;font-weight:500;line-height:1.4}.principles{flex-wrap:wrap;gap:9px;margin-top:30px;display:flex}.tag{border:1px solid var(--line);padding:9px 12px;font:10px monospace}.routing{color:var(--paper);background:#14213d;margin:94px 0;padding:49px}.routing .label{color:#b8c8e5}.routing-head{justify-content:space-between;align-items:center;gap:25px;margin-bottom:38px;display:flex}.routing h2{letter-spacing:-1.3px;margin:12px 0 0;font-size:36px;font-weight:500}.routing a{font-size:12px}.prefix{border-top:1px solid #35476a;grid-template-columns:1fr 1.7fr auto;align-items:center;gap:15px;padding:22px 0;display:grid}.prefix code{font-size:clamp(13px,1.5vw,20px)}.prefix span{color:#b8c8e5;font:11px monospace}.routing-foot{color:#adbfdd;margin:20px 0 0;font:11px/1.7 monospace}.resources{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin-bottom:95px;display:grid}.resource{padding:30px 25px 30px 0;position:relative}.resource+.resource{border-left:1px solid var(--line);padding-left:28px}.resource .arrow{color:var(--orange);font-size:23px;position:absolute;top:30px;right:24px}.resource h3{letter-spacing:-.5px;margin:28px 0 12px;font-size:23px;font-weight:500}.resource p{color:var(--muted);max-width:280px;font-size:14px;line-height:1.7}.resource:hover h3{color:var(--orange)}.contact{justify-content:space-between;align-items:center;gap:30px;padding-bottom:75px;display:flex}.contact h2{letter-spacing:-2px;margin:15px 0;font-size:53px;font-weight:500}.contact p{color:var(--muted);font-size:15px}footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:20px;padding:28px 0 34px;font:10px monospace;display:flex}a:focus-visible{outline:2px solid var(--orange);outline-offset:6px}.skip{position:absolute;top:-50px}.skip:focus{background:#fff;padding:10px;top:10px}@media (max-width:850px){header{height:80px}nav{gap:18px}.nav-end{display:none}.hero{grid-template-columns:1fr;padding-top:50px}h1{letter-spacing:-3px;max-width:600px}.diagram{width:100%;max-width:540px;margin:auto}.specs{grid-template-columns:1fr 1fr;gap:27px;margin-bottom:60px}.spec:nth-child(3){border:0;padding-left:0}.about-grid{gap:30px}.routing{margin:60px 0;padding:30px}.resources{margin-bottom:60px}.contact h2{font-size:40px}}@media (max-width:560px){header,.wrap{padding-left:6%;padding-right:6%}nav a:first-child{display:none}nav{gap:17px;font-size:12px}.hero{gap:24px}h1{font-size:61px}.section-top{display:block}.section-top h2{font-size:34px}.about-grid{grid-template-columns:1fr;gap:15px}.spec .value{font-size:19px}.routing{padding:25px 21px}.routing-head{display:block}.routing-head a{margin-top:25px;display:inline-block}.prefix{grid-template-columns:1fr;gap:10px}.prefix span:last-child{display:none}.resources{grid-template-columns:1fr}.resource+.resource{border-left:0;border-top:1px solid var(--line);padding-left:0}.resource p{max-width:90%}.resource h3{margin-top:16px}.contact{padding-bottom:55px;display:block}.contact .button{margin-top:20px}footer{flex-direction:column;line-height:1.8}.diagram-label{font-size:8px}}.journal{margin-bottom:95px}.journal .section-top{align-items:end}.journal-list{border-top:1px solid var(--line)}.post{border-bottom:1px solid var(--line);grid-template-columns:130px 1fr 34px;gap:30px;padding:28px 0;display:grid}.post time{color:var(--muted);padding-top:5px;font:11px monospace}.post h3{letter-spacing:-.8px;margin:0 0 12px;font-size:27px;font-weight:500;line-height:1.2}.post p{color:var(--muted);max-width:710px;margin:0 0 18px;font-size:15px;line-height:1.7}.post .arrow{color:var(--orange);font-size:25px}.post:hover h3{color:var(--orange)}.post .label{font-size:9px}.archive-links{gap:25px;margin-top:28px;font-size:12px;display:flex}@media (max-width:560px){nav{gap:12px}nav a:last-child{display:none}.post{grid-template-columns:1fr 25px;gap:10px}.post time{grid-column:1/-1}.post h3{font-size:24px}.journal{margin-bottom:60px}}.site-footer{border-top:1px solid var(--line);justify-content:space-between;max-width:1267px;margin:0 auto;padding:30px 0;display:flex}.archive{padding-top:65px;padding-bottom:90px}.archive h1{letter-spacing:-3px;margin-top:20px;font-size:76px}.searchbar{grid-template-columns:2fr 1fr;gap:24px;margin:40px 0 22px;display:grid}.searchbar label,.edit-panel label{color:var(--muted);font:11px monospace;display:block}input,select,textarea{color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:2px;width:100%;margin:9px 0 0;padding:13px;font:15px Arial,Helvetica,sans-serif}input:focus,select:focus,textarea:focus{outline:2px solid var(--orange);outline-offset:2px}button{cursor:pointer;border:1px solid var(--line);color:var(--ink);background:#fff;padding:11px 15px}button.button{border:0}button:disabled{opacity:.5;cursor:default}button:not(.button):hover{border-color:var(--orange)}.article-shell{max-width:830px;margin:60px auto 90px;padding:0 26px}.article-shell h1{letter-spacing:-2px;margin:23px 0;font-size:53px;line-height:1.1}.article-meta{letter-spacing:1px;color:var(--muted);margin-top:42px;font:10px monospace}.article-excerpt{color:var(--muted);font-size:20px;line-height:1.6}.prose{margin:48px 0;font-size:17px;line-height:1.85}.prose h2{letter-spacing:-.6px;margin:40px 0 16px;font-size:29px;font-weight:500;line-height:1.3}.prose h3{margin-top:30px;font-size:23px;font-weight:500}.prose p{margin:18px 0}.prose a{color:var(--orange);text-underline-offset:3px;overflow-wrap:anywhere;text-decoration:underline}.prose img{border:1px solid var(--line);max-width:100%;height:auto;margin:30px auto;display:block}.prose pre{color:#dbe8ff;background:#14213d;border-radius:3px;padding:22px;font:13px/1.7 monospace;overflow:auto}.prose code{overflow-wrap:anywhere;background:#e6ecf8;padding:2px 4px;font-family:monospace;font-size:.85em}.prose pre code{overflow-wrap:normal;font-size:inherit;background:0 0;padding:0}.prose blockquote{border-left:3px solid var(--orange);background:#edf2fc;margin:28px 0;padding:3px 22px}.prose table{border-collapse:collapse;font-size:14px;display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--line);text-align:left;padding:10px 15px}.prose li{margin:8px 0}.prose hr{border:0;border-top:1px solid var(--line);margin:35px 0}.desk{max-width:1390px;margin:50px auto 90px;padding:0 5%}.desk-header{justify-content:space-between;align-items:end;gap:25px;margin-bottom:38px;display:flex}.desk-header h1{letter-spacing:-2px;margin:14px 0;font-size:49px}.desk-header p{color:var(--muted);font-size:15px}.desk-grid{grid-template-columns:290px 1fr;gap:36px;display:grid}.post-sidebar{border-right:1px solid var(--line);padding-right:25px}.post-sidebar>.button{justify-content:center;width:100%}.sidebar-list{max-height:900px;margin-top:20px;overflow-y:auto}.sidebar-list button{text-align:left;border:0;border-bottom:1px solid var(--line);background:0 0;width:100%;padding:17px 10px;display:block}.sidebar-list button.selected{border-left:3px solid var(--orange);background:#e5edfc}.sidebar-list span{font-size:13px;line-height:1.5;display:block}.sidebar-list small{color:var(--muted);margin-top:10px;font:9px monospace;display:block}.edit-panel label{margin-bottom:18px}.edit-panel label small{color:var(--muted);margin-left:8px;font-size:10px}.editor-heading{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.editor-heading h2{letter-spacing:-.5px;margin:0;font-size:26px;font-weight:500}.markdown-toolbar{justify-content:space-between;align-items:center;display:flex}.markdown-toolbar label{margin:0}.markdown-toolbar button{background:0 0;padding:7px 11px;font-size:11px}.markdown-editor{resize:vertical;tab-size:2;min-height:440px;font:13px/1.7 monospace}.editor-actions{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.editor-actions button{font-size:12px}.status-message{color:var(--orange);min-height:20px;font-size:14px;line-height:1.6}.history{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.history p,.import-box p{color:var(--muted);font-size:13px;line-height:1.6}.history>div{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;font-size:12px;display:flex}.history button{font-size:11px}.import-box{margin-top:30px}.preview-bar{background:#e5edfc;border-bottom:1px solid #c3d3f3;justify-content:space-between;align-items:center;gap:30px;padding:25px 6%;font-size:12px;display:flex}.preview-bar strong{letter-spacing:1px;font:11px monospace}.preview-bar p{color:var(--muted);margin:8px 0 0}.publish-panel{border:1px solid var(--line);background:#edf2fc;margin-top:55px;padding:30px}.publish-panel h2{letter-spacing:-1px;margin-top:0;font-size:27px;font-weight:500}.publish-panel p{font-size:14px;line-height:1.7}.empty{color:var(--muted);padding:50px 0}@media (max-width:850px){.desk-grid{grid-template-columns:220px 1fr;gap:22px}.site-footer{margin:0 6%}.desk-header{align-items:start}.editor-actions{gap:10px}.desk-header h1{font-size:39px}}@media (max-width:600px){.desk-grid{grid-template-columns:1fr}.post-sidebar{border-right:0;padding:0}.sidebar-list{max-height:220px}.desk-header{display:block}.desk-header>.textlink{margin-top:15px;display:inline-block}.article-shell h1{letter-spacing:-1px;font-size:37px}.article-excerpt{font-size:18px}.prose{font-size:16px}.searchbar{grid-template-columns:1fr;gap:14px}.archive h1{font-size:60px}.preview-bar{display:block}.preview-bar>.textlink{margin-top:15px;display:inline-block}.site-footer{flex-direction:column;gap:16px;display:flex}.markdown-editor{min-height:380px}}