/* The instrument guide and Question of the Day (public-pages.js). Builds on landing.css and
   marketing.css, and uses their colour tokens. */
.pp-jump ul{display:flex;flex-wrap:wrap;gap:8px 18px;list-style:none;padding:0;margin:18px 0 6px;}
.pp-jump a{display:inline-flex;align-items:center;min-height:44px;}
.pp-grid{list-style:none;padding:0;margin:12px 0 28px;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;}
.pp-grid a{display:flex;flex-direction:column;gap:6px;height:100%;padding:10px;border:1px solid var(--line);border-radius:10px;
  background:var(--card);color:var(--ink);text-decoration:none;font-weight:600;line-height:1.3;}
.pp-grid a:hover,.pp-grid a:focus-visible{border-color:var(--accent);}
.pp-thumb{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#fff;border-radius:6px;}
.pp-grid-small{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));}
.pp-crumbs{font-size:.92rem;color:var(--muted);margin-top:24px;}
.pp-figure{margin:18px 0;max-width:560px;}
.pp-photo{width:100%;height:auto;background:#fff;border:1px solid var(--line);border-radius:12px;}
.pp-figure figcaption{font-size:.85rem;color:var(--muted);margin-top:6px;}
.pp-cta{background:var(--accent-bg);border-left:4px solid var(--accent);border-radius:10px;padding:4px 18px 10px;margin:28px 0;}
.pp-note{font-size:.9rem;color:var(--muted);}
.pp-qotd{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px 20px;margin:18px 0;}
.pp-meta{font-size:.9rem;color:var(--muted);margin:0 0 8px;}
.pp-question{font-size:1.15rem;font-weight:650;margin:0 0 12px;}
.pp-opts{list-style:none;padding:0;margin:0;display:grid;gap:10px;}
.pp-opt{width:100%;text-align:left;font:inherit;padding:12px 14px;min-height:48px;border:2px solid var(--line);border-radius:10px;
  background:#fff;color:var(--ink);cursor:pointer;}
.pp-opt:hover:not(:disabled),.pp-opt:focus-visible{border-color:var(--accent);}
.pp-opt:disabled{cursor:default;}
.pp-opt.correct{border-color:#277546;background:#eaf5ee;}
.pp-opt.incorrect{border-color:#b3261e;background:#fbeceb;}
.pp-result{font-weight:700;min-height:1.5em;margin:10px 0 0;}
.pp-answer{margin:8px 0;}
.pp-archive{padding-left:1.2em;}
.pp-archive li{margin-bottom:.35em;}
.pp-pager{display:flex;flex-wrap:wrap;gap:8px 20px;justify-content:space-between;}
.pp-pager a{display:inline-flex;align-items:center;min-height:44px;}