:root{--navy:#14213d;--navy2:#1f2f55;--gold:#c9a227;--gold-d:#8a6d12;--ink:#1b1b1b;--bg:#f7f5ef}
*{box-sizing:border-box}body{margin:0;font:17px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);background:var(--bg)}
a{color:var(--navy2)}a:focus,button:focus{outline:3px solid var(--gold);outline-offset:2px}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;padding:8px;z-index:9}
header{background:var(--navy);color:#fff}header .in{display:flex;flex-wrap:wrap;align-items:center;gap:12px;justify-content:space-between}
.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:700;font-size:1.15rem}.brand img{width:40px;height:40px;border-radius:6px}
nav{display:flex;flex-wrap:wrap;gap:4px 14px}nav a{color:#fff;text-decoration:none;white-space:nowrap}nav a:hover{color:var(--gold);text-decoration:underline}
.in{max-width:980px;margin:0 auto;padding:16px 20px}
h1,h2,h3{color:var(--navy);line-height:1.25}h1{font-size:2rem;margin:.4em 0}
.hero{background:var(--navy2);color:#fff}.hero h1{color:#fff}.hero p{max-width:640px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:18px}
.card{background:#fff;border:1px solid #e3dfd2;border-radius:10px;overflow:hidden;display:flex;flex-direction:column}
.card img{width:100%;height:auto;display:block}.card .b{padding:14px 16px;flex:1;display:flex;flex-direction:column}.card .b p{flex:1}
.price{font-weight:700;color:var(--gold-d)}
.btn{display:inline-block;background:var(--gold);color:var(--navy);font-weight:700;padding:10px 18px;border-radius:6px;text-decoration:none;margin:4px 8px 4px 0}
.btn:hover{background:#ddb83a}.btn.alt{background:#fff;border:2px solid var(--navy);color:var(--navy)}
.cover{width:100%;max-width:720px;height:auto;border-radius:10px;border:1px solid #e3dfd2}
.box{background:#fff;border-left:5px solid var(--gold);padding:12px 18px;border-radius:6px;margin:20px 0}
.ph{background:#fff7d6;border:2px dashed var(--gold-d);padding:12px;font-family:monospace}
table{border-collapse:collapse;width:100%;background:#fff}td,th{border:1px solid #ddd;padding:8px;text-align:left;vertical-align:top}th{background:#eef0f6}
footer{background:var(--navy);color:#dfe3ee;margin-top:40px;font-size:.92rem}footer a{color:#fff}