.error-main,.not-found-main{width:100%;max-width:calc(var(--content) + var(--gutter) * 2);padding:clamp(44px, 7vw, 92px) var(--gutter);justify-content:center;align-items:center;margin-inline:auto;display:flex}.error-panel,.not-found-panel{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--card);flex-direction:column;gap:16px;width:100%;max-width:620px;padding:clamp(22px,3vw,32px);display:flex}.error-screen{border-radius:var(--radius-sm);background:var(--screen) var(--scanlines-x);color:var(--screen-muted);font-family:var(--font-code);letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:14px;padding:13px 16px;font-size:11px;font-weight:500;display:flex}.error-faces{flex:none;padding-left:8px;display:flex}.error-faces .hp-chip{--chip:34px;box-shadow:0 0 0 2px var(--screen);margin-left:-8px}.error-code,.not-found-code{color:var(--accent-text);font-family:var(--font-code);letter-spacing:.1em;text-transform:uppercase;font-size:12px;font-weight:500;line-height:1.4}.error-panel h1,.not-found-panel h1{letter-spacing:-.022em;font-size:clamp(27px,1.3rem + 1.5vw,38px);line-height:1.08}.error-lede,.not-found-lede,.error-panel>p:not(.error-code),.not-found-panel>p:not(.not-found-code){color:var(--muted);text-wrap:pretty;font-size:15.5px;line-height:1.6}.error-actions,.not-found-actions{flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:4px;display:flex}.error-links,.not-found-links{border-top:1px solid var(--line);flex-direction:column;gap:12px;padding-top:20px;display:flex}.error-links>p,.not-found-links>p{color:var(--muted);font-size:13px;line-height:1.45}.error-links ul,.not-found-links ul{flex-wrap:wrap;gap:8px;display:flex}.error-links a,.not-found-links a{border:1px solid var(--line);background:var(--sunken);min-height:44px;color:var(--muted);font-family:var(--font-code);border-radius:999px;align-items:center;padding:10px 15px;font-size:12.5px;transition:border-color .16s,color .16s;display:inline-flex}.error-links a:hover,.not-found-links a:hover{border-color:var(--line-strong);color:var(--ink)}.error-detail{border:1px dashed var(--line-strong);border-radius:var(--radius-xs);background:var(--sunken);flex-direction:column;gap:5px;padding:12px 14px;display:flex}.error-detail>p:first-child{color:var(--muted);font-size:12.5px;line-height:1.45}.error-digest{color:var(--ink);font-family:var(--font-code);overflow-wrap:anywhere;font-size:13.5px;line-height:1.45}@media (max-width:640px){.error-screen{letter-spacing:.1em;font-size:10px}}
