/*
Theme Name: CarRaftar
Theme URI: https://carraftar.com
Author: CarRaftar
Description: Lightweight, SEO-friendly theme for an Indian automotive news and reviews site. Works with Rank Math SEO.
Version: 1.0.0
Requires at least: 6.3
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: carraftar
*/
:root{--r:#d90429;--t:#1c1c1e;--m:#5b5b60;--b:#e4e4e7;--bg:#fff;--s:#f7f7f8}
*{box-sizing:border-box}body{margin:0;font:17px/1.65 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--t);background:var(--bg)}
a{color:inherit}img{max-width:100%;height:auto;display:block}.w{max-width:1160px;margin:0 auto;padding:0 16px}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;padding:8px;z-index:9}
.hd{border-bottom:3px solid var(--r);background:#fff}.hdi{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding-top:12px;padding-bottom:12px}
.logo{font:800 26px Georgia,serif;text-decoration:none}.logo b{color:var(--r)}
#nv{flex:1}#nv ul{list-style:none;margin:0;padding:0;display:flex;gap:16px;flex-wrap:wrap}#nv a{text-decoration:none;font-weight:600;font-size:15px}#nv a:hover{color:var(--r)}
#mb{display:none}form[role=search]{display:flex;gap:4px}input[type=search]{padding:8px;border:1px solid var(--b);border-radius:6px;font:inherit;max-width:150px}
button{background:var(--r);color:#fff;border:0;border-radius:6px;padding:8px 12px;font:inherit;cursor:pointer}
@media(max-width:820px){#mb{display:block;margin-left:auto}#nv{display:none;flex-basis:100%}#nv.o{display:block}#nv ul{flex-direction:column;gap:8px}form[role=search]{flex-basis:100%}input[type=search]{flex:1;max-width:none}}
h1{font:800 clamp(26px,5vw,42px)/1.15 Georgia,serif;margin:.3em 0}h2{font:700 26px Georgia,serif;margin:1.4em 0 .4em}h2.sec{border-left:5px solid var(--r);padding-left:10px;margin:36px 0 14px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}
.card{border:1px solid var(--b);border-radius:10px;overflow:hidden;box-shadow:0 1px 4px #0001;background:#fff}.card div{padding:12px 14px}.card h3{margin:.3em 0;font-size:19px;line-height:1.3}
.card a{text-decoration:none}.cat{color:var(--r);font-size:13px;font-weight:700;text-transform:uppercase}.meta{color:var(--m);font-size:14px}.card p{margin:.4em 0;color:var(--m);font-size:15px}
.hero{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin-top:20px}.hero .big h2{font-size:32px;margin:.3em 0}.side{display:grid;gap:14px}
@media(max-width:820px){.hero{grid-template-columns:1fr}}
.bc{font-size:14px;color:var(--m);margin-top:16px}.art{max-width:780px;margin:0 auto}.art .body{font-size:19px}.art .body img{height:auto}.art .deck{font-size:20px;color:var(--m)}.big .card h3{font-size:30px}.sec+.grid{margin-bottom:8px}.art table{border-collapse:collapse;width:100%;display:block;overflow-x:auto}
.art td,.art th{border:1px solid var(--b);padding:8px}.toc,.demo,.src{background:var(--s);border-radius:8px;padding:12px 16px;margin:16px 0}.demo{background:#fff3cd;font-weight:600}
.share a{margin-right:12px;font-weight:600;color:var(--r)}.pn{display:flex;justify-content:space-between;gap:12px;margin:24px 0}.pg{display:flex;gap:16px;margin:24px 0}
footer{background:#18181b;color:#d4d4d8;margin-top:48px;padding:28px 0;font-size:15px}footer a{color:#fff}footer ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:6px 18px}
.ad{display:none}
.nav-links{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.nav-links .page-numbers{padding:6px 12px;border:1px solid var(--b);border-radius:6px;text-decoration:none}.nav-links .current{background:var(--r);color:#fff;border-color:var(--r)}
.post-navigation .nav-links{justify-content:space-between}.authorbox{background:var(--s);border-radius:8px;padding:12px 16px;margin:20px 0}
.wp-caption,figure{margin:1em 0}.alignleft{float:left;margin:0 16px 8px 0}.alignright{float:right;margin:0 0 8px 16px}.aligncenter{margin-left:auto;margin-right:auto}
.screen-reader-text{position:absolute;left:-9999px}.comment-list{padding-left:18px}