/* Today's /t/{code} lander, moved out of table.html so the page can carry a
   CSP with style-src 'self' (design 6.5). The rules are the page's own, each
   prefixed with html:not(.dd-app): that adds the same weight to every rule, so
   the lander's cascade is exactly what it was, and none of it reaches the
   ordering page (assets/table-order/app.css), which boot.js switches on by
   putting .dd-app on <html>. :not() with one simple selector runs on every
   browser that shows this page. */
:root {
  --bg:#ffffff; --bg-2:#f2f8ee; --card:#fcfefb; --text:#1d2616; --text-dim:#474f41;
  --muted:#4c5346; --accent:#4f7031; --alert:#a43b32; --line:rgba(29,38,22,0.12);
  /* No --serif here on purpose — same call index.html made. Bodoni Moda is a
     Didone: its hairlines thin out as the weight drops and break up at display
     sizes on bright white. Headings use the reading face at 600 instead, which
     also drops a render-blocking webfont. */
  --sans:'Hanken Grotesk',system-ui,sans-serif; --mono:'JetBrains Mono',ui-monospace,monospace;
}
* { box-sizing:border-box; margin:0; padding:0; }
html:not(.dd-app) body {
  background:var(--bg); color:var(--text); font-family:var(--sans); font-weight:400;
  line-height:1.5; -webkit-font-smoothing:antialiased; min-height:100svh;
  display:flex; align-items:center; justify-content:center; padding:28px;
}
html:not(.dd-app) body::before {
  content:''; position:fixed; inset:0; z-index:0; pointer-events:none;
  background:radial-gradient(120% 80% at 50% -10%, rgba(79,112,49,0.09), transparent 55%);
}
html:not(.dd-app) .card { position:relative; z-index:1; width:100%; max-width:420px; text-align:center; }
html:not(.dd-app) .mark { display:flex; align-items:center; gap:10px; font-family:var(--mono); font-size:13px; letter-spacing:0.08em; text-transform:uppercase; color:var(--text-dim); }
html:not(.dd-app) .mark b { color:var(--accent); font-weight:700; }
html:not(.dd-app) .mark svg { display:block; flex:none; color:var(--accent); }
html:not(.dd-app) .kicker { font-family:var(--mono); font-size:13px; letter-spacing:0.08em; text-transform:uppercase; color:var(--alert); margin:34px 0 14px; }
html:not(.dd-app) h1 { font-family:var(--sans); font-weight:600; font-size:clamp(30px,8vw,42px); line-height:1.05; letter-spacing:-0.015em; }
html:not(.dd-app) p { color:var(--muted); margin-top:14px; font-size:15px; }

/* The table's own code, so a diner can type it in the app if the link
   doesn't carry them there (older build, link handling off, etc.). */
html:not(.dd-app) .code-wrap { margin:28px 0; padding:18px; border:1px solid var(--line); border-radius:14px; background:var(--card); }
html:not(.dd-app) .code-label { font-family:var(--mono); font-size:12px; letter-spacing:0.08em; text-transform:uppercase; color:var(--text-dim); }
html:not(.dd-app) .code { font-family:var(--mono); font-weight:700; font-size:clamp(22px,7vw,30px); letter-spacing:0.18em; margin-top:8px; }

html:not(.dd-app) .btn {
  display:block; margin-top:12px; padding:15px 18px; border-radius:11px; text-decoration:none;
  font-family:var(--mono); font-size:13px; letter-spacing:0.08em; text-transform:uppercase;
}
html:not(.dd-app) .btn-primary { background:var(--accent); color:var(--bg); font-weight:700; }
html:not(.dd-app) .btn-ghost { border:1px solid var(--line); color:var(--text); }
html:not(.dd-app) .stores { display:flex; gap:10px; margin-top:12px; }
html:not(.dd-app) .stores .btn { flex:1; margin-top:0; }
html:not(.dd-app) .fine { margin-top:26px; font-size:12px; color:var(--muted); }
html:not(.dd-app) .fine a { color:var(--text-dim); }