/* The Basement Brief */
:root{--bg:#1b1c1e;--panel:#232427;--fg:#e8e6e1;--dim:#9a9891;--orange:#e07a34;--rule:#34363a}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:400 16px/1.7 Inter,system-ui,"Segoe UI",sans-serif}
h1,h2,h3{font-family:"IBM Plex Mono",Menlo,Consolas,"Courier New",monospace;font-weight:500;line-height:1.28;letter-spacing:-.01em;color:#fff}
a{color:var(--orange)}
a:hover{color:#f09a5c}
.frame{width:100%;max-width:42rem;margin:0 auto;padding:0 1.1rem}
.masthead{border-bottom:1px solid var(--rule);padding:1.3rem 0}
.masthead .frame{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem 1rem}
.logo{font-family:"IBM Plex Mono",monospace;font-size:1.05rem;font-weight:600;color:#fff;text-decoration:none;letter-spacing:-.02em}
.logo em{font-style:normal;color:var(--orange)}
.subline{width:100%;order:3;font-size:.78rem;color:var(--dim);font-family:"IBM Plex Mono",monospace}
.nav{margin-left:auto;display:flex;gap:1rem;font-size:.85rem;font-family:"IBM Plex Mono",monospace}
.nav a{color:var(--dim);text-decoration:none}
.nav a:hover{color:var(--orange)}
.lead-block{padding:2.3rem 0 1.4rem}
.lead-block h1{font-size:1.7rem;margin:0 0 .8rem}
.lead-block p{color:var(--dim);margin:0;max-width:33rem}
.rows{padding:.6rem 0 2.6rem}
.row{padding:1.15rem 0 1.15rem 1rem;border-left:2px solid var(--rule);margin-bottom:.2rem}
.row:hover{border-left-color:var(--orange)}
.row h2{font-size:1.1rem;margin:.3rem 0 .4rem}
.row h2 a{text-decoration:none;color:#fff}
.row h2 a:hover{color:var(--orange)}
.stampline{font-family:"IBM Plex Mono",monospace;font-size:.74rem;color:var(--dim);margin:0;letter-spacing:.04em}
.row p.deck{margin:0;color:#bcb9b2;font-size:.95rem}
.brief{padding:2rem 0 0}
.brief-head{border-bottom:1px solid var(--rule);padding-bottom:1.3rem}
.brief-head h1{font-size:1.72rem;margin:.55rem 0 .7rem}
.tag{display:inline-block;font-family:"IBM Plex Mono",monospace;font-size:.7rem;letter-spacing:.13em;text-transform:uppercase;color:var(--orange);border:1px solid var(--orange);padding:.15rem .45rem;border-radius:2px}
.stamp{font-family:"IBM Plex Mono",monospace;font-size:.78rem;color:var(--dim);margin:0}
.brief-body{padding:1.5rem 0 0}
.brief-body p{margin:0 0 1.15rem}
.brief-body h2{font-size:1.24rem;margin:2rem 0 .7rem;padding-left:.85rem;border-left:2px solid var(--orange)}
.brief-body h3{font-size:1.02rem;margin:1.5rem 0 .5rem;color:#d8d5cf}
.brief-body ul,.brief-body ol{padding-left:1.2rem;margin:0 0 1.2rem;color:#dad7d1}
.brief-body li{margin:.4rem 0}
.brief-body strong{color:#fff}
.callout{margin:1.6rem 0;padding:1rem 1.1rem;background:var(--panel);border:1px solid var(--rule);border-left:2px solid var(--orange);font-style:normal;color:#d6d3cd}
.callout p{margin:0}
.brief-end{margin-top:2.4rem;padding:1.2rem 0 2.6rem;border-top:1px solid var(--rule)}
.brief-end p{font-size:.88rem;color:var(--dim);margin:0 0 .7rem}
.returnlink{font-family:"IBM Plex Mono",monospace;font-size:.82rem;color:var(--orange);text-decoration:none}
.sheet{padding:2.2rem 0 2.4rem}
.sheet h1{font-size:1.6rem;margin:0 0 1rem}
.sheet h2{font-size:1.1rem;margin:1.7rem 0 .5rem}
.sheet p{margin:0 0 1.05rem}
.endbar{border-top:1px solid var(--rule);background:#161719}
.endbar .frame{padding:1.5rem 0 2.2rem;font-size:.82rem;color:var(--dim);font-family:"IBM Plex Mono",monospace}
.endbar a{color:var(--dim)}
.related{margin:0 0 1.3rem}
.related h2{font-family:"IBM Plex Mono",monospace;font-size:.74rem;letter-spacing:.13em;text-transform:uppercase;color:var(--orange);margin:0 0 .45rem}
.related ul{list-style:none;margin:0;padding:0}
.related li{margin:.3rem 0;font-size:.93rem}
@media(min-width:42rem){body{font-size:17px}.lead-block h1{font-size:2.15rem}.brief-head h1{font-size:2.15rem}}