/* Pagine per i motori di ricerca (seo/*.php): stessi colori e caratteri dell'app, tema scuro e chiaro */
:root{--bg:#131416;--surface:#1c1e21;--ink:#ecebe7;--muted:#9b9890;--line:#2e3135;--accent:#f5c22e;--accent-ink:#17181a;
  --park:#f5c22e;--pump:#74c044;--shop:#ecebe7;--street:#8b5cf6;
  --f-display:"Bowlby One","Arial Black",Impact,sans-serif;--f-body:"Work Sans",system-ui,-apple-system,"Segoe UI",sans-serif}
@media (prefers-color-scheme:light){:root{--bg:#e7e5e1;--surface:#f7f6f3;--ink:#1b1c1e;--muted:#6a6862;--line:#d3d0ca;--accent:#f2b705;--shop:#1b1c1e}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 var(--f-body)}
a{color:var(--accent)} :root a{text-underline-offset:2px}
@media (prefers-color-scheme:light){a{color:#8a6500}}
.btn{display:inline-block;padding:9px 16px;border-radius:99px;border:1.5px solid var(--accent);color:var(--accent);text-decoration:none;font-weight:600;white-space:nowrap}
.btn.primary{background:var(--accent);color:var(--accent-ink)}
main{max-width:860px;margin:0 auto;padding:16px 16px 40px}
h1{font:clamp(26px,6vw,40px)/1.1 var(--f-display);margin:8px 0 10px;letter-spacing:.3px}
h2{font-size:19px;margin:28px 0 10px}
.crumbs{font-size:13.5px;color:var(--muted)} .crumbs a{color:var(--muted)}
.lead{font-size:17px;color:var(--muted)} .lead a{color:var(--accent)}
.kind{display:inline-block;margin:10px 0 0;font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--park)}
.kind-pump{color:var(--pump)} .kind-shop{color:var(--shop)} .kind-street{color:var(--street)}
.where{color:var(--muted);margin:0 0 12px}
.actions{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}
.photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;margin:16px 0}
.photos figure{margin:0} .photos img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:10px;background:var(--surface)}
figcaption{font-size:12px;color:var(--muted);margin-top:3px}
.facts{padding-left:20px} .facts li{margin:3px 0}
blockquote{margin:10px 0;padding:10px 14px;background:var(--surface);border-radius:10px} blockquote p{margin:0} cite{font-size:13px;color:var(--muted)}
.list{list-style:none;padding:0;margin:0} .list li{padding:8px 0;border-bottom:1px solid var(--line)} .list small{color:var(--muted);margin-left:6px}
.grid{list-style:none;padding:0;margin:14px 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}
.grid a{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);text-decoration:none;height:100%}
.grid a:hover,.cards a:hover{border-color:var(--accent)} .grid small{color:var(--muted);font-size:13px}
.cards{list-style:none;padding:0;margin:14px 0;display:flex;flex-direction:column;gap:8px}
.cards a{display:flex;gap:12px;align-items:center;padding:8px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);text-decoration:none}
.cards img{width:96px;height:72px;object-fit:cover;border-radius:8px;flex:none}
.cards span{display:flex;flex-direction:column;min-width:0} .cards .kind{margin:0} .cards small{color:var(--muted);font-size:13px}
.more{margin-top:24px}
footer{max-width:860px;margin:0 auto;padding:20px 16px 40px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)} footer a{color:var(--muted)}
/* documentazione dell'API (seo/api-docs.php) */
.docs code{font:13.5px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--surface);padding:1px 5px;border-radius:5px;overflow-wrap:anywhere}
.docs pre{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:14px;overflow-x:auto}
.docs pre code{padding:0;background:none;white-space:pre}
.docs h3{margin:20px 0 4px;font-size:16px}