/* Hallmark · shape: product guide · genre: atmospheric · theme: brand · brand: Abomination81 (spec 2026-10-30)
 * paper: #000000 · surface: absolute · accent: #39ff14 · display: Anton · body: system-ui · hero: actual extension beside download · nav: creator and source links · footer: creator credit
 * signature: the working black/green download queue · axes: dark/condensed-heavy/chromatic-green · posture: restrained · contrast: pass · fold: pass · hero-review: fix, 2 resolved · finish-review: subagent, 3 resolved · v2.0.0 */
/* Hallmark · pre-emit critique: real product and direct installation · weakest: a download claim can overpromise, coverage is explicit */
/* Hallmark · waive 7b · owner site.css declares --bg:#000 and prompt requests the same green/black colors · preserve the supplied brand instead of substituting a tinted canvas */
/* Finish note: the 87-word procedural window is accepted to keep Chrome's exact setup labels visible and readable. */
@import url('./tokens.css');
@import url('./base.css');
@font-face{font-family:Anton;src:url('./anton-latin.woff2') format('woff2');font-display:swap;font-style:normal;font-weight:400}
a{color:var(--color-accent)}
a:hover{color:var(--color-accent-hover)}
a:active{color:var(--color-ink)}
a:focus-visible,summary:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px}
.skip{position:absolute;inset:var(--space-md) auto auto var(--space-md);z-index:var(--z-raised);transform:translateY(-200%);background:var(--color-paper);padding:var(--space-xs)}
.skip:focus{transform:none}
nav{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);padding-block:var(--space-lg);flex-wrap:wrap}
nav .creator{display:flex;align-items:center;gap:var(--space-sm);font-weight:700;text-decoration:none}
.creator img{width:40px;height:40px}
.navlinks{display:flex;gap:var(--space-lg)}
.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--gap-columns);align-items:center;padding-block:var(--space-xl);min-height:620px}
.hero h1{font-size:clamp(3.4rem,6vw,5.5rem);text-transform:uppercase;line-height:1.04;max-width:15ch}
.hero p{margin-top:var(--space-lg);font-size:var(--text-lead);max-width:33ch;color:var(--color-muted)}
.actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-lg);margin-top:var(--space-xl)}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:var(--space-sm) var(--space-lg);background:var(--color-accent);color:var(--color-accent-ink);text-decoration:none;font-weight:700}
.button:hover{background:var(--color-accent-hover);color:var(--color-accent-ink)}
.button:active{background:var(--color-ink);color:var(--color-accent-ink)}
.product{margin:0;justify-self:start;width:380px;max-width:100%;min-width:0}
.product-shot{display:block;height:600px;background:var(--color-paper);overflow:clip}
.product-shot img{position:static;width:100%;height:100%;object-fit:cover;object-position:top}
figcaption{font-size:var(--text-sm);color:var(--color-muted);margin-top:var(--space-md)}
.section{padding-block:var(--section-gap-s);border-top:1px solid var(--color-rule)}
.section h2{color:var(--color-accent);text-transform:uppercase;margin-bottom:var(--space-xl)}
.section p{color:var(--color-muted)}
.tools{margin:0}
.tools>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:var(--gap-columns);padding-block:var(--space-xl);border-bottom:1px solid var(--color-rule)}
.tools dt{font-size:var(--text-lg);font-weight:700}
.tools dd{margin:0;color:var(--color-muted);max-width:60ch;font-size:var(--text-lg)}
.install{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--gap-columns);border-top:0;padding-top:var(--section-gap)}
.install h2{max-width:16ch}
.install ol{margin:0;padding-left:var(--space-lg)}
.install li{padding-left:var(--space-xs);margin-bottom:var(--space-lg);color:var(--color-muted)}
.install strong{color:var(--color-ink)}
.setup-note{grid-column:1/-1;font-size:var(--text-sm);max-width:95ch;color:var(--color-muted)}
summary{cursor:pointer}
details p{margin-top:var(--space-md)}
details:not([open])>p{display:none}
.browsing{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--gap-columns);align-items:center}
.browsing p+p{margin-top:var(--space-lg)}
.browsing figure{margin:0;max-width:312px}
.settings-shot{overflow:clip}
.settings-shot img{width:100%;height:auto;object-fit:contain}
.coverage-copy{font-size:clamp(1.5rem,3vw,2.5rem);line-height:1.6;max-width:45ch}
code{font-size:var(--text-sm);overflow-wrap:anywhere}
footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);flex-wrap:wrap;padding-block:var(--space-xl);border-top:1px solid var(--color-rule);font-size:var(--text-sm)}
footer nav{padding:0;font-size:inherit}
@media(max-width:700px){.hero{grid-template-columns:minmax(0,1fr);gap:var(--space-xl);padding-block:var(--space-xl);min-height:0}.product{justify-self:start}.hero h1{font-size:clamp(3rem,13vw,4rem)}.navlinks{gap:var(--space-md)}.product-shot{height:auto}.product-shot img{height:auto;object-fit:contain}}
@media(max-width:700px){.tools>div,.install,.coverage-copy,.browsing{grid-template-columns:minmax(0,1fr);gap:var(--space-md)}}