:root{font-family:system-ui,-apple-system,sans-serif;color:#17202a;background:#f5f7fa;line-height:1.45}*{box-sizing:border-box}body{margin:0}.site-header{display:flex;align-items:center;gap:1.2rem;padding:.8rem 1.5rem;background:#16243a;color:white;position:sticky;top:0;z-index:2}.site-header a{color:white;text-decoration:none}.brand{font-weight:800;font-size:1.25rem}.site-header nav{display:flex;gap:1rem;margin-right:auto}main{max-width:1180px;margin:1.5rem auto;padding:0 1rem 10rem}h1,h2,h3{line-height:1.2}a{color:#075aa6}.button,button{border:0;border-radius:.35rem;background:#0866b2;color:white;padding:.58rem .85rem;text-decoration:none;cursor:pointer;font:inherit}.secondary{background:#5e6875}.danger{background:#a62222}.page-title{display:flex;justify-content:space-between;align-items:center;gap:1rem}.tabs{display:flex;gap:.3rem;border-bottom:1px solid #ccd4dc;margin-bottom:1.3rem}.tabs a{padding:.65rem .8rem;text-decoration:none}.tabs .active{border-bottom:3px solid #0866b2;font-weight:700}.notice,.error{padding:.75rem 1rem;border-radius:.35rem;margin:1rem 0}.notice{background:#dff3e5;color:#165b2d}.error{background:#fee2e2;color:#8b1b1b}.table-wrap{overflow:auto;background:white;border:1px solid #dbe1e8;border-radius:.4rem}table{border-collapse:collapse;width:100%;font-size:.92rem}th,td{text-align:left;padding:.65rem;border-bottom:1px solid #e2e6eb;vertical-align:top}th{background:#edf2f6}.archived{opacity:.67}.badge{display:inline-block;padding:.12rem .42rem;border-radius:1rem;background:#dce6f0;font-size:.78rem;text-transform:uppercase}.stack{display:grid;gap:1rem}.form-card,.approval-summary,.instruction,.danger-zone,.login-card,.cards article,.preview{background:white;border:1px solid #dbe1e8;border-radius:.45rem;padding:1.1rem}.form-card{max-width:850px}.login-card{max-width:430px;margin:9vh auto}.columns,.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}label{display:grid;gap:.3rem}input,textarea,select{width:100%;padding:.55rem;border:1px solid #aeb9c5;border-radius:.3rem;font:inherit;background:white}.inline{display:inline-flex;align-items:center;gap:.4rem}.inline select{width:auto}.danger-zone{max-width:850px;margin-top:1rem;display:flex;justify-content:space-between;align-items:center}dl{display:grid;grid-template-columns:12rem 1fr;gap:.4rem;margin:0}dt{font-weight:700}dd{margin:0;overflow-wrap:anywhere}code,pre{font-family:ui-monospace,Consolas,monospace;overflow-wrap:anywhere}pre{white-space:pre-wrap;background:#f0f3f6;padding:.8rem;border-radius:.3rem}.stale{color:#a62222}.big-number{font-size:3rem;margin:.2rem 0}.sound-panel{position:fixed;right:1rem;bottom:2rem;width:320px;background:white;border:1px solid #aeb9c5;border-radius:.5rem;padding:.75rem;box-shadow:0 6px 24px #0002;display:grid;gap:.5rem}.sound-grid{display:grid;grid-template-columns:1fr 1fr;gap:.35rem}.sound-grid button{font-size:.74rem;padding:.35rem}.language-switcher{display:flex;align-items:center;gap:.5rem;font-size:.85rem}.language-switcher a{padding:.2rem .35rem}.language-switcher a.active{font-weight:800;text-decoration:underline}.public-language{justify-content:flex-end;max-width:1180px;margin:.75rem auto;padding:0 1rem}.version{position:fixed;left:.5rem;bottom:.35rem;color:#66717d;font-size:.75rem}.preview{margin:1rem 0;max-width:1000px}body[data-mode="GENTLEMAN"] .brand::after{content:" · Gentleman";font-weight:400;font-size:.8rem;color:#d8c9a5}@media(max-width:900px){.site-header{flex-wrap:wrap}.site-header nav{margin-right:0}.language-switcher{margin-left:auto}}@media(max-width:720px){.columns,.cards{grid-template-columns:1fr}.sound-panel{position:static;width:auto;margin:1rem}.page-title{align-items:flex-start}dl{grid-template-columns:1fr}.tabs{overflow:auto}.version{position:static;margin:1rem}}