:root{--g:#1f3a2e;--g2:#152a21;--tan:#d9b77e;--tan2:#f5ecdc;--ink:#1c1c1c;--mut:#555}
*{box-sizing:border-box}body{margin:0;font:16px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);background:#faf7f1}
.wrap{max-width:1180px;margin:0 auto;padding:0 20px}a{color:#1d5a40}
.top{background:var(--g);color:#fff;padding:18px 0 0}.logo{color:#fff;text-decoration:none;font:800 26px/1.1 "Arial Black",Impact,system-ui,sans-serif;letter-spacing:.3px}
.mark{display:inline-block;background:var(--tan);color:var(--g2);padding:2px 7px;border-radius:4px;font-size:18px;vertical-align:3px}
.tag{margin:6px 0 12px;color:var(--tan2)}nav{display:flex;gap:4px;flex-wrap:wrap;border-top:1px solid #2f5545;padding:8px 0}
nav a{color:#fff;text-decoration:none;padding:6px 10px;border-radius:4px;font-weight:600;font-size:15px}nav a:hover{background:var(--g2)}
.hero{padding:26px 0 6px}.hero h1{font:800 34px/1.15 system-ui,sans-serif;margin:0 0 4px;color:var(--g2)}.date{font-weight:700;color:#7a5520;margin:0 0 6px}
.cat h2{font:800 24px system-ui,sans-serif;border-bottom:3px solid var(--tan);padding-bottom:6px;margin:30px 0 14px}.cat h2 a{color:var(--g2);text-decoration:none}
.n{font-size:14px;background:var(--g);color:#fff;border-radius:10px;padding:1px 8px;vertical-align:4px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.card{background:#fff;border:1px solid #e3dccf;border-top:5px solid var(--g);border-radius:8px;padding:16px;display:flex;flex-direction:column}
.card h3{font-size:18px;line-height:1.3;margin:6px 0}.sum{margin:0 0 6px;color:var(--mut)}.price{margin:0 0 4px;font-size:22px}.was{font-size:15px;color:var(--mut)}
.meta{font-size:13px;color:#6b5a3e;margin:0 0 12px}.chip{align-self:flex-start;font-size:12px;font-weight:700;background:var(--tan2);color:#6b4a14;padding:2px 8px;border-radius:10px}
.reveal{margin-top:auto}button,.btn{font:700 16px system-ui,sans-serif;background:var(--g);color:#fff;border:0;border-radius:6px;padding:11px 16px;cursor:pointer;text-decoration:none;display:inline-block}
button:hover,.btn:hover{background:var(--g2)}.get{width:100%}.btn.ghost{background:transparent;color:var(--g);border:2px solid var(--g)}
.out{background:var(--tan2);border-radius:6px;padding:10px}.out p{margin:0 0 8px}.out .btn{width:100%;text-align:center;background:#7a5520}
.disc{font-size:12px;color:var(--mut);margin:8px 0 0}
.signup{background:var(--g);color:#fff;border-radius:8px;padding:18px;margin:20px 0}.signup label{font-weight:800;font-size:18px;display:block;margin-bottom:8px}
.signup .row{display:flex;gap:8px;flex-wrap:wrap}.signup input{flex:1;min-width:200px;padding:11px;border-radius:6px;border:0;font-size:16px}
.signup button{background:var(--tan);color:var(--g2)}.signup.small{background:transparent;padding:0;margin:0 0 12px}.signup.small label{font-size:15px}.ok{color:var(--tan)}
footer{background:var(--g2);color:#e9e2d4;margin-top:40px;padding:24px 0}footer a{color:var(--tan)}.fine{font-size:13px;color:#b9b0a0}
.prose{max-width:760px;background:#fff;padding:24px 28px;margin-top:24px;border-radius:8px;border:1px solid #e3dccf}.prose h1{color:var(--g2)}
.example{background:#fff3c4;padding:8px;font-weight:700}


@media(max-width:600px){.logo{font-size:21px}.hero h1{font-size:27px}nav a{font-size:14px;padding:5px 7px}.prose{padding:18px}}
[hidden]{display:none!important}
.ph{margin:-16px -16px 12px;aspect-ratio:4/3;background:#f6f3ed;overflow:hidden;border-radius:3px 3px 0 0}.ph img{width:100%;height:100%;object-fit:contain;display:block}
.credit{font-size:11px;color:#6b6b6b;margin:-8px 0 8px;line-height:1.3}.credit a{color:#555}

a.get{width:100%;text-align:center;display:block}
.hero p{max-width:720px}