/* FreeFuelPrice UK — shared site styles */
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:#1a1a2e;background:#f7f9fc;line-height:1.6}
header{background:#1a73e8;color:white;padding:20px 40px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
header h1{font-size:1.4rem;font-weight:700}
header h1 a{color:white;text-decoration:none}
nav a{color:white;text-decoration:none;margin-left:20px;font-size:.95rem}
nav a:hover{text-decoration:underline}
.hero{background:linear-gradient(135deg,#1a73e8,#0d47a1);color:white;text-align:center;padding:80px 20px}
.hero h2{font-size:2.2rem;margin-bottom:16px;font-weight:800}
.hero p{font-size:1.1rem;opacity:.9;max-width:600px;margin:0 auto 32px}
.badges{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.badge{background:white;color:#1a73e8;padding:12px 24px;border-radius:8px;font-weight:600;text-decoration:none;display:inline-block}
.features{display:flex;gap:24px;justify-content:center;flex-wrap:wrap;padding:60px 20px;max-width:1000px;margin:0 auto}
.feature{background:white;border-radius:12px;padding:28px;flex:1;min-width:200px;max-width:280px;box-shadow:0 2px 12px rgba(0,0,0,.07);text-align:center}
.feature .icon{font-size:2.2rem;margin-bottom:12px}
.feature h3{font-size:1rem;margin-bottom:8px;color:#1a73e8}
.feature p{font-size:.88rem;color:#555;line-height:1.6}
.about{background:white;padding:60px 20px;text-align:center}
.about h2{font-size:1.7rem;margin-bottom:16px}
.about p{max-width:680px;margin:0 auto;color:#555;line-height:1.7}
footer{background:#1a1a2e;color:#aaa;text-align:center;padding:28px 20px;font-size:.88rem}
footer a{color:#aaa;text-decoration:none;margin:0 10px}
footer a:hover{color:white}
footer .links{margin-bottom:10px}

/* Document pages (privacy, terms, support) */
.page{max-width:820px;margin:0 auto;padding:48px 24px 64px;background:white}
.page-wrap{background:#f7f9fc;padding:40px 0 60px}
.page h1.page-title{font-size:2rem;color:#0d47a1;margin-bottom:8px;font-weight:800}
.page .meta{color:#777;font-size:.9rem;margin-bottom:32px;border-bottom:1px solid #e3e8f0;padding-bottom:16px}
.page h2{font-size:1.35rem;color:#1a73e8;margin-top:36px;margin-bottom:14px;font-weight:700}
.page h3{font-size:1.05rem;color:#0d47a1;margin-top:22px;margin-bottom:10px;font-weight:600}
.page p, .page li{color:#333;font-size:.98rem;margin-bottom:12px}
.page ul, .page ol{margin-left:24px;margin-bottom:12px}
.page li{margin-bottom:8px}
.page a{color:#1a73e8;text-decoration:underline}
.page a:hover{color:#0d47a1}
.page strong{color:#1a1a2e}
.page hr{border:0;border-top:1px solid #e3e8f0;margin:28px 0}
.page table{width:100%;border-collapse:collapse;margin:16px 0;font-size:.92rem}
.page table th, .page table td{padding:10px 12px;text-align:left;border-bottom:1px solid #e3e8f0;vertical-align:top}
.page table th{background:#f0f6ff;color:#0d47a1;font-weight:600}
.page .callout{background:#fff8e1;border-left:4px solid #ffb300;padding:16px 20px;margin:20px 0;border-radius:0 8px 8px 0}
.page .callout strong{color:#e65100}
.page-hero{background:linear-gradient(135deg,#1a73e8,#0d47a1);color:white;padding:50px 20px;text-align:center}
.page-hero h1{font-size:2rem;font-weight:800}
.contact-card{background:#f0f6ff;border-radius:10px;padding:20px 24px;margin:20px 0;border:1px solid #d6e4f7}
.contact-card p{margin-bottom:6px}

@media (max-width:600px){
  header{padding:16px 20px}
  header h1{font-size:1.2rem}
  nav a{margin-left:12px;font-size:.88rem}
  .hero{padding:60px 16px}
  .hero h2{font-size:1.7rem}
  .page{padding:32px 18px 48px}
  .page h1.page-title{font-size:1.6rem}
}