:root{--bg:#1b1a14;--panel:#26251c;--ink:#ece6d6;--mute:#b3ab94;--gold:#d9a441;--moss:#5d6b3a;--mud:#6b4f2e}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.65 Georgia,"Times New Roman",serif}
a{color:var(--gold)}.wrap{max-width:860px;margin:0 auto;padding:0 18px}
.top{background:repeating-linear-gradient(135deg,#2b2a1f 0 18px,#33301f 18px 30px,#2a2a1a 30px 44px,#3a3220 44px 52px);border-bottom:3px solid var(--gold)}
.top .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:14px 18px}
.logo{font:900 26px/1 Impact,"Arial Black",sans-serif;letter-spacing:2px;color:var(--ink);text-decoration:none}.logo span{color:var(--gold)}
nav a{color:var(--ink);text-decoration:none;margin-left:14px;font:600 14px system-ui,sans-serif;text-transform:uppercase;letter-spacing:1px}
nav a:hover{color:var(--gold)}
.hero{padding:48px 0 24px}.hero h1{font:900 clamp(34px,7vw,58px)/1.05 Impact,"Arial Black",sans-serif;text-transform:uppercase;margin:0}
.hero em{color:var(--gold);font-style:normal}.hero p{color:var(--mute);font-size:19px;max-width:620px}
.cats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.catbox{background:linear-gradient(160deg,var(--moss),#3a4224);padding:18px;border-radius:6px;color:var(--ink);text-decoration:none;border-left:5px solid var(--gold)}
.catbox h2{margin:0;font:800 22px Impact,sans-serif;text-transform:uppercase;letter-spacing:1px}.catbox p{margin:6px 0 0;font-size:15px}
.sec{font:800 24px Impact,sans-serif;text-transform:uppercase;margin-top:36px;border-bottom:2px solid var(--mud)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.card{background:var(--panel);padding:16px;border-radius:6px;text-decoration:none;color:var(--ink);border:1px solid #3a3828}
.card:hover{border-color:var(--gold)}.card h3{margin:6px 0;font-size:19px;line-height:1.3}.card p{color:var(--mute);font-size:14px;margin:0}
.tag{font:700 11px system-ui;text-transform:uppercase;letter-spacing:1px;color:var(--bg);background:var(--gold);padding:2px 7px;border-radius:3px}
article h1,main>h1{font:900 clamp(28px,5vw,42px)/1.1 Impact,"Arial Black",sans-serif;text-transform:uppercase;letter-spacing:.5px}
article h2{border-left:5px solid var(--gold);padding-left:10px;margin-top:34px;font-family:system-ui,sans-serif}
.meta,.crumb,.src,.small{color:var(--mute);font-size:14px}.lede{font-size:19px}
.disclosure{background:#2f2a1a;border:1px dashed var(--gold);padding:12px 14px;border-radius:6px;font-size:14px;margin:18px 0}
table{width:100%;border-collapse:collapse;font:14px/1.4 system-ui,sans-serif;display:block;overflow-x:auto}
th,td{padding:8px;border-bottom:1px solid #3a3828;text-align:left;vertical-align:top}th{background:var(--moss);color:var(--ink)}
.btn{display:inline-block;background:var(--gold);color:#1b1a14;padding:10px 16px;border-radius:5px;font:700 15px system-ui,sans-serif;text-decoration:none;margin:4px 6px 4px 0}
.btn small{font-weight:400;opacity:.8}.btn[data-placeholder]{outline:2px dashed #c0392b;outline-offset:2px}
.pc{list-style:none;padding:0}.pc li{padding:3px 0 3px 26px;position:relative}.pc .pro:before{content:"✔";color:#8fbf4f;position:absolute;left:0}.pc .con:before{content:"✖";color:#d0644a;position:absolute;left:0}
.photo-slot{border:2px dashed var(--mud);background:#221f16;color:var(--mute);padding:28px;text-align:center;font:14px system-ui;margin:18px 0;border-radius:6px}
.kammo{background:linear-gradient(135deg,#3b2f1d,#2a2a1a);border:2px solid var(--mud);padding:16px;border-radius:8px;margin:30px 0}.kammo h3{margin:0 0 6px;color:var(--gold);font-family:Impact,sans-serif;text-transform:uppercase;letter-spacing:1px}
footer{margin-top:50px;background:#141310;border-top:3px solid var(--mud);padding:20px 0;font-size:14px;color:var(--mute)}
@media(max-width:600px){nav a{margin:8px 12px 0 0}}
/* table product links */
td.tname a.tlink{color:inherit;text-decoration:underline;text-decoration-color:#d9a441;text-decoration-thickness:2px;text-underline-offset:3px}
td.tname a.tlink:hover,td.tname a.tlink:focus{color:#d9a441}
td.tname a.tbtn{display:inline-block;margin:6px 0 4px;padding:6px 10px;min-height:32px;line-height:20px;background:#d9a441;color:#1b1a14;font:600 13px system-ui,sans-serif;border-radius:6px;text-decoration:none;white-space:nowrap}
td.tname a.tbtn:hover{filter:brightness(1.1)}
td.tname{min-width:9em}