*,*::before,*::after{box-sizing:border-box}
html,body{margin:0}
body{background:#0d0d0f;color:#e8e8ea;font-family:"IBM Plex Mono",ui-monospace,monospace}
.wrap{max-width:1180px;margin:0 auto;padding:56px 28px 96px}
.pagehead{border-bottom:1px solid #2a2a30;padding-bottom:22px;margin-bottom:14px}
.pagehead h1{font-family:Archivo,sans-serif;font-weight:800;font-size:clamp(28px,3.4vw,44px);letter-spacing:-.025em;margin:0}
.pagehead p{font-size:12.5px;line-height:1.7;color:#8e8e98;max-width:62ch;margin:14px 0 0}
.board{border:1px solid #2a2a30;border-radius:3px;margin-top:52px;overflow:hidden;background:#121216}
.board-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 18px;padding:16px 20px;border-bottom:1px solid #2a2a30}
.board-head .n{font-family:Archivo,sans-serif;font-weight:800;font-size:12px;color:#0d0d0f;background:#e8e8ea;border-radius:2px;padding:3px 7px;letter-spacing:.02em}
.board-head h2{font-family:Archivo,sans-serif;font-weight:700;font-size:19px;letter-spacing:-.015em;margin:0}
.board-head .tag{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#7a7a85;margin-left:auto}
.board-meta{display:grid;grid-template-columns:1.35fr 1fr;gap:0;border-bottom:1px solid #2a2a30}
.board-meta>div{padding:18px 20px}
.board-meta>div+div{border-left:1px solid #2a2a30}
.mh{font-size:9.5px;letter-spacing:.22em;text-transform:uppercase;color:#7a7a85;margin:0 0 12px}
.sw{display:flex;flex-wrap:wrap;gap:8px}
.sw div{width:78px}
.sw i{display:block;height:44px;border-radius:2px;border:1px solid rgba(255,255,255,.1)}
.sw span{display:block;font-size:9px;letter-spacing:.06em;color:#8e8e98;margin-top:5px;text-transform:uppercase}
.spec{margin:0}
.spec dt{font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:#7a7a85}
.spec dd{margin:3px 0 12px;font-size:15px;color:#e8e8ea}
.spec dd b{font-weight:400;color:#8e8e98;font-size:11px}
.note{padding:15px 20px;border-bottom:1px solid #2a2a30;font-size:12px;line-height:1.7;color:#a9a9b4}
.note b{color:#e8e8ea;font-weight:500}
.comp{position:relative;overflow:hidden}
@media (max-width:820px){.board-meta{grid-template-columns:1fr}.board-meta>div+div{border-left:0;border-top:1px solid #2a2a30}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}