/* Shared styles for Gabochie comparison pages */
:root { --ink:#1a1a2e; --accent:#0066ff; --soft:#f4f6fb; --line:#e3e7f0; }
* { box-sizing:border-box; margin:0; padding:0; }
body { font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif; color:var(--ink); line-height:1.6; background:#fff; }
header { padding:32px 20px; background:var(--soft); border-bottom:1px solid var(--line); text-align:center; }
.wrap { max-width:860px; margin:0 auto; padding:0 20px; }
h1 { font-size:1.9rem; line-height:1.3; margin-bottom:12px; }
.lede { font-size:1.15rem; color:#444; max-width:640px; margin:0 auto; }
section { padding:28px 20px; border-bottom:1px solid var(--line); }
h2 { font-size:1.4rem; margin-bottom:14px; }
h3 { font-size:1.1rem; margin:14px 0 8px; }
table { width:100%; border-collapse:collapse; margin:16px 0; }
th, td { text-align:left; padding:10px 12px; border:1px solid var(--line); }
th { background:var(--soft); }
tr.rec td { background:#eaf3ff; }
.cta { display:inline-block; background:var(--accent); color:#fff; padding:12px 22px; border-radius:8px; text-decoration:none; font-weight:600; margin:6px 0; }
.cta:hover { opacity:.9; }
.disclosure { font-size:.85rem; color:#666; margin-top:10px; }
.faq details { padding:10px 0; border-bottom:1px solid var(--line); }
.faq summary { font-weight:600; cursor:pointer; }
.faq p { margin-top:8px; }
ul { padding-left:22px; }
li { margin:6px 0; }
.nav { background:var(--soft); border-bottom:1px solid var(--line); padding:12px 0; }
.nav .wrap { display:flex; gap:18px; justify-content:center; flex-wrap:wrap; }
.nav a { color:var(--ink); text-decoration:none; font-weight:600; }
.nav a:hover { color:var(--accent); }
footer { padding:24px 20px; text-align:center; color:#777; font-size:.9rem; }
footer a { color:var(--accent); }
.verdict { background:#eaf3ff; border-left:4px solid var(--accent); padding:14px 16px; margin:16px 0; border-radius:6px; }