/* Loaded as an external subresource on purpose: a request for this file is a
   signal the client behaves like a browser (bare HTML fetchers skip it). */
:root { --ink:#1a2233; --muted:#5b6678; --line:#e2e6ee; --brand:#0b3d6e; --accent:#c4361a; --bg:#f6f8fb; }
* { box-sizing: border-box; }
body { margin:0; font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; color:var(--ink); background:var(--bg); line-height:1.5; }
header { background:var(--brand); color:#fff; padding:18px 24px; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px; }
header .brand { font-size:22px; font-weight:800; letter-spacing:.3px; }
header .tag { color:#bcd3ec; font-size:13px; }
nav a { color:#dce8f5; text-decoration:none; margin-left:18px; font-size:14px; }
main { max-width:980px; margin:0 auto; padding:24px; }
h1 { font-size:26px; margin:8px 0 4px; }
.sub { color:var(--muted); margin:0 0 20px; }
.special { border:2px solid var(--accent); border-radius:10px; background:#fff; padding:16px 18px; margin:0 0 24px; }
.special .badge { display:inline-block; background:var(--accent); color:#fff; font-size:12px; font-weight:700; padding:2px 8px; border-radius:4px; text-transform:uppercase; letter-spacing:.5px; }
.special h2 { margin:8px 0 6px; font-size:20px; }
.special .price { font-size:24px; font-weight:800; color:var(--accent); }
.special .stk { color:var(--muted); font-size:13px; }
table { width:100%; border-collapse:collapse; background:#fff; border:1px solid var(--line); border-radius:10px; overflow:hidden; }
th, td { text-align:left; padding:10px 12px; border-bottom:1px solid var(--line); font-size:14px; }
th { background:#eef3f9; font-weight:700; color:var(--brand); }
tr:last-child td { border-bottom:none; }
td.price { font-weight:700; }
footer { color:var(--muted); font-size:12px; text-align:center; padding:28px 16px; }
.note { background:#fff; border:1px dashed var(--line); border-radius:8px; padding:12px 14px; color:var(--muted); font-size:13px; margin-top:18px; }