:root{color:#182521;background:#e8e2d3;font-family:"Noto Serif CJK SC",Songti SC,SimSun,serif;font-synthesis:none;--ink: #182521;--paper: #f7f2e6;--teal: #126f68;--red: #a83b2d;--rule: #b8b09d}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:repeating-linear-gradient(90deg,transparent 0 39px,rgba(24,37,33,.035) 40px),#e8e2d3}button,input,select{font:inherit}button{color:inherit}main{width:min(1440px,calc(100% - 40px));margin:0 auto;padding:34px 0 24px}.masthead{display:grid;grid-template-columns:82px minmax(0,1fr) 116px;gap:24px;align-items:center;border-top:5px solid var(--ink);border-bottom:1px solid var(--ink);padding:18px 0 22px}.brand-mark{width:70px;height:70px;background:var(--ink);color:var(--paper);display:grid;place-content:center;text-align:center;font:700 22px/19px ui-monospace,monospace;transform:rotate(-2deg)}.brand-mark span{color:#e6b84d}.eyebrow{margin:0 0 5px;font:700 11px/1.2 ui-monospace,monospace;letter-spacing:.17em;color:var(--teal)}h1{display:inline;font-size:clamp(34px,5vw,58px);line-height:.95;letter-spacing:-.08em}.intro{display:inline;margin-left:22px;max-width:630px;font-size:14px;line-height:1.7;color:#52605b}.index-count{text-align:right;border-left:1px solid var(--rule);padding-left:20px}.index-count strong{display:block;color:var(--red);font:700 38px/1 ui-monospace,monospace}.index-count span{font-size:12px;letter-spacing:.18em}.search-desk{display:grid;grid-template-columns:minmax(260px,1fr) 180px auto;background:var(--paper);border-bottom:3px double var(--ink);padding:18px 20px;gap:18px;align-items:end}.search-desk label>span,legend{display:block;margin-bottom:7px;font:700 11px/1 ui-monospace,monospace;letter-spacing:.08em;color:#5b665f}.search-field{position:relative}input,select{width:100%;border:0;border-bottom:2px solid var(--ink);background:transparent;padding:9px 40px 9px 2px;border-radius:0;outline:none}input:focus,select:focus{border-color:var(--teal);box-shadow:0 3px #126f682e}kbd{position:absolute;right:9px;bottom:8px;font:22px/1 sans-serif;color:var(--teal)}fieldset{margin:0;padding:0;border:0;white-space:nowrap}fieldset button{border:1px solid var(--rule);border-right:0;background:transparent;padding:8px 11px;cursor:pointer;font-size:12px}fieldset button:last-child{border-right:1px solid var(--rule)}fieldset button.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:26px;padding-top:28px;align-items:start}.section-heading{display:flex;align-items:baseline;justify-content:space-between;border-bottom:1px solid var(--ink);margin-bottom:10px;padding-bottom:7px}.section-heading h2{margin:0;font-size:15px;letter-spacing:.13em}.section-heading span{font:12px ui-monospace,monospace;color:var(--teal)}.record{position:relative;display:grid;grid-template-columns:minmax(230px,1.2fr) 1fr .7fr;gap:20px;padding:20px 100px 20px 18px;border-bottom:1px solid var(--rule);background:#f7f2e66b}.record:before{content:"";position:absolute;left:0;top:20px;bottom:20px;width:4px;background:var(--teal)}.record.legacy:before{background:#bd8125}.record.obsolete:before{background:var(--red)}.record:hover{background:var(--paper)}.title-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.canonical{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;padding:0;cursor:copy;font:700 clamp(20px,2.2vw,27px)/1 ui-monospace,monospace;text-align:left}.canonical:hover{color:var(--teal);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.status-stamp{border:1px solid currentColor;padding:3px 5px 2px;color:var(--teal);font:10px ui-monospace,monospace;letter-spacing:.08em}.legacy .status-stamp{color:#916016}.obsolete .status-stamp{color:var(--red)}.record-main p{margin:10px 0;color:#53605b;font-size:13px;line-height:1.6}.environments{display:flex;gap:8px;flex-wrap:wrap}.environments span{font-size:11px;border-bottom:1px solid var(--rule);padding-bottom:2px}.record h3{margin:2px 0 10px;color:#69716d;font:700 10px/1 ui-monospace,monospace;letter-spacing:.12em}.tags{display:flex;gap:6px;flex-wrap:wrap;align-content:start}code{font:11px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace}.tags code{padding:5px 7px;background:#dbe5df;color:#174f4a}.tags.bad code{background:transparent;border:1px dashed #bd887f;color:#8b352a;text-decoration:line-through;text-decoration-thickness:1px}.pin{position:absolute;right:16px;top:18px;width:70px;border:1px solid var(--ink);background:transparent;padding:7px 4px;font-size:11px;cursor:pointer}.pin:hover,.pin.pinned{background:#e6b84d;box-shadow:3px 3px 0 var(--ink);transform:translate(-1px,-1px)}.empty{background:var(--paper);padding:55px 20px;text-align:center;border:1px dashed var(--rule)}.empty strong{font-size:20px}.empty p{color:#67716c}.empty button,.clear-pins{border:0;border-bottom:1px solid currentColor;background:none;color:var(--teal);padding:3px;cursor:pointer}.pinboard{position:sticky;top:18px;background:#192a26;color:var(--paper);padding:18px;box-shadow:8px 8px #1825211f;max-height:calc(100vh - 36px);overflow:auto}.pinboard .section-heading{border-color:#76817d}.pinboard .section-heading span{color:#e6b84d}.pin-empty{color:#bbc1bd;font-size:13px;line-height:1.8;margin:22px 0 6px}.compare-slip{position:relative;margin-top:12px;padding:15px 12px;color:var(--ink);background:var(--paper)}.compare-slip:after{content:"";display:block;position:absolute;right:-5px;bottom:-4px;width:36px;height:10px;background:#d2a941;transform:rotate(-2deg);opacity:.75}.compare-slip>strong{font:700 18px ui-monospace,monospace}.remove{position:absolute;right:7px;top:5px;border:0;background:none;font-size:20px;cursor:pointer;color:#69716d}dl{display:grid;grid-template-columns:repeat(3,1fr);margin:14px 0 8px;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}dl div{padding:7px 3px;border-right:1px solid var(--rule)}dl div:last-child{border:0}dt{font:9px ui-monospace,monospace;color:#737d77}dd{margin:3px 0 0;font-size:11px}summary{cursor:pointer;font-size:11px;color:var(--teal)}table{width:100%;margin-top:8px;border-collapse:collapse;font-size:9px;text-align:left}th,td{padding:5px 3px;border-bottom:1px solid #ded8ca}th{color:#727a75;font-weight:400}.clear-pins{color:#e6b84d;margin-top:16px}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--ink);margin-top:36px;padding-top:12px;color:#68726d;font:10px ui-monospace,monospace}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--ink);color:#fff;padding:10px 16px;box-shadow:4px 4px #e6b84d;font-size:12px;z-index:5}@media(max-width:980px){.search-desk{grid-template-columns:1fr 180px}fieldset{grid-column:1 / -1}.workspace{grid-template-columns:1fr}.pinboard{position:static;max-height:none}}@media(max-width:680px){main{width:min(100% - 24px,1440px);padding-top:14px}.masthead{grid-template-columns:54px 1fr;gap:13px}.brand-mark{width:50px;height:56px}.intro{display:block;margin:10px 0 0}.index-count{display:none}.search-desk{grid-template-columns:1fr;padding:15px 12px}fieldset{grid-column:auto;white-space:normal}fieldset button{padding-inline:9px}.workspace{padding-top:18px}.record{grid-template-columns:1fr;gap:15px;padding:17px 12px 58px 16px}.pin{top:auto;bottom:14px;left:16px;right:auto}footer{flex-direction:column}}@media(prefers-reduced-motion:no-preference){.record,.pin{transition:background .15s,transform .15s,box-shadow .15s}}