/* FILE: public/site.css | Shared dark slate/navy design system (Rule 32). No external dependencies (Rule 33). */
:root{--bg:#0f172a;--bg2:#1e293b;--card:#1e293b;--line:#334155;--fg:#f1f5f9;--mut:#94a3b8;--acc:#22c55e;--accfg:#04130a;--blue:#38bdf8;--amber:#fbbf24;--bad:#f87171;color-scheme:dark;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.w{max-width:1060px;margin:0 auto;padding:0 1.2rem}.mono{font-family:ui-monospace,Menlo,Consolas,monospace}
header.top{display:flex;justify-content:space-between;align-items:center;padding:1.1rem 0;gap:1rem;flex-wrap:wrap}
.logo{font:700 .9rem ui-monospace,Menlo,monospace;letter-spacing:.06em;text-transform:uppercase}
.eyebrow{font:600 .74rem ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--blue)}
h1{font:700 clamp(2rem,5vw,3.3rem)/1.08 Georgia,"Iowan Old Style",serif;margin:.6rem 0 1rem;letter-spacing:-.02em}
h2{font:700 clamp(1.5rem,3vw,2.1rem)/1.15 Georgia,serif;margin:.4rem 0 .8rem}
.lead{font-size:1.15rem;color:var(--mut);max-width:40rem}.sub{color:var(--mut);max-width:42rem}
.hero{padding:3rem 0 1.5rem}section{padding:2.4rem 0}
.btn{display:inline-block;padding:.9rem 1.5rem;border-radius:8px;font:700 1rem inherit;font-family:inherit;text-decoration:none;border:0;background:var(--acc);color:var(--accfg);cursor:pointer}
.btn:hover{filter:brightness(1.1)}.cta{margin-top:1.5rem}
a{color:var(--blue)}a.next{display:inline-block;margin-top:1rem;font-weight:600}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-top:1.4rem}
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:1.3rem}
.card h3{margin:.1rem 0 .4rem;font-size:1.1rem}.card p{margin:0;color:var(--mut);font-size:.94rem}
.price{font:700 2rem Georgia,serif}.price small{font:400 .9rem system-ui;color:var(--mut)}
.tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.2rem;padding:0;list-style:none}.tags li{border:1px solid var(--line);background:var(--card);border-radius:999px;padding:.35rem .85rem;font-size:.88rem}
form,.panel{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:1.4rem;display:grid;gap:.85rem}
label{font-size:.82rem;color:var(--mut);display:grid;gap:.3rem}
input,select,textarea{width:100%;font:inherit;color:var(--fg);background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:.65rem .8rem}
textarea{min-height:90px;resize:vertical}textarea.code{font:12px/1.5 ui-monospace,Menlo,monospace;min-height:200px}
input:focus,select:focus,textarea:focus{outline:2px solid var(--blue);outline-offset:1px}
.status{font-size:.88rem;min-height:1.3em;color:var(--mut)}.status.ok{color:var(--acc)}.status.err{color:var(--bad)}
.row{display:flex;gap:.6rem;flex-wrap:wrap}.btn2{background:transparent;color:var(--fg);border:1px solid var(--line);padding:.55rem 1rem;border-radius:8px;font:600 .9rem inherit;cursor:pointer}.btn2:hover{border-color:var(--blue)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}
.wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.86rem}th,td{padding:.45rem .6rem;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}.ok{color:var(--acc)}.bad{color:var(--bad)}.hash{color:var(--amber);word-break:break-all}
.note{font-size:.84rem;color:var(--mut)}
footer.legal{border-top:1px solid var(--line);margin-top:2rem;padding:1.6rem 0 3rem;color:var(--mut);font-size:.82rem}
footer.legal p{margin:.3rem 0}footer.legal a{color:var(--mut)}
@media(max-width:820px){.two{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}