/* The plain view (shell skill): the shell's filesystem as ordinary lists, for screen readers and no JavaScript. */
@font-face { font-family: "Archivo Black"; src: url(/fonts/archivo-black-latin.woff2) format("woff2"); font-weight: 400 1000; font-display: swap; }
@font-face { font-family: "Archivo Black Fallback"; src: local("Arial Bold"), local("Arial-BoldMT"), local("Helvetica Bold"), local("Helvetica-Bold"), local("Roboto Bold"), local("Roboto-Bold"); size-adjust: 112%; }
:root { --paper: #f4f1e8; --ink: #171815; --acid: #e3ff59; --muted: #6b6b62; --line: #d4d2c9; }
* { box-sizing: border-box; }
html { background: var(--paper); }
body { margin: 0; background: var(--paper); color: var(--ink); font: 16px/1.5 Arial, Helvetica, sans-serif; }
:focus-visible { outline: 3px solid #728600; outline-offset: 5px; }
.wrap { max-width: 1440px; margin: 0 auto; padding: 0 5%; }
h1, h2 { font-family: "Archivo Black", "Archivo Black Fallback", Arial, sans-serif; font-weight: 1000; font-synthesis: none; }
h1 { margin: 36px 0 8px; font-size: clamp(40px, 7vw, 72px); line-height: 1; letter-spacing: -2px; }
h2 { margin: 40px 0 12px; font: 900 22px/1.2 ui-monospace, Menlo, Consolas, monospace; letter-spacing: 0; }
h2 small, .dirs small { color: var(--muted); font: 400 14px Arial, sans-serif; }
h3 { margin: 0; font-size: 17px; }
.lede { max-width: 60ch; color: var(--muted); }
a { color: var(--ink); text-underline-offset: 3px; }
ul, ol { margin: 0; padding: 0; }
section ul { list-style: none; columns: 2 380px; column-gap: 40px; }
section li { break-inside: avoid; padding: 7px 0; border-bottom: 1px solid var(--line); }
section li a { font-weight: 700; }
section li span { color: var(--muted); }
.dirs { list-style: none; max-width: 760px; margin-top: 24px; }
.dirs li { display: flex; justify-content: space-between; gap: 16px; align-items: baseline; border-bottom: 1px solid var(--line); }
.dirs a { display: block; padding: 14px 0; text-decoration: none; }
.dirs a b { font-size: 19px; }
.dirs a span { display: block; color: var(--muted); }
.dirs a:hover b { text-decoration: underline; }
ol.log, ol.rules { list-style: none; max-width: 70ch; }
ol.log li { padding: 18px 0; border-bottom: 1px solid var(--line); }
ol.log p { margin: 6px 0 0; }
ol.log .kick { color: var(--muted); font-size: 14px; }
ol.rules { counter-reset: r; }
ol.rules li { padding: 10px 0; border-bottom: 1px solid var(--line); }
[hidden] { display: none !important; }
.foot { margin-top: 56px; padding-bottom: 40px; color: var(--muted); }
html:not(.can-install) [data-install] { display: none !important; }