/*
Theme Name: Pulse Auto
Theme URI: https://example.com/pulse-auto
Author: Sunil Consulting
Description: Fast, photo-led news theme for car, bike and EV websites. Dark hero, launch tracker, category sections, article blocks (spec sheet, key takeaways, scores, tips, pros and cons, verdict, FAQ), EMI calculator and automatic branded thumbnails.
Version: 1.0.1
Requires at least: 6.0
Tested up to: 6.8
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: pulse-auto
Tags: news, blog, two-columns, custom-menu, featured-images, custom-logo, threaded-comments, translation-ready
*/

/* ---------- Tokens ---------- */
:root{
  --ink:#0A0D14; --ink-2:#161B27; --line-d:#262D3D; --line-d2:#1F2533;
  --bg:#F3F4F6; --card:#FFFFFF; --line:#E5E7EB; --line-2:#EEF0F3;
  --text:#0A0D14; --muted:#4B5563; --muted-2:#6B7280;
  --accent:#FF5B2E; --accent-2:#FF8A66; --accent-soft:#FFF1EC; --accent-ink:#9A3412;
  --ev:#2DD4BF; --ev-ink:#04211F; --ev-deep:#052E2B;
  --good:#10B981; --bad:#EF4444;
  --r-xl:28px; --r-lg:22px; --r-md:16px; --r-sm:12px;
  --display:'Inter Tight',Inter,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --body:Inter,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --wrap:1240px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
a:hover{color:var(--accent)}
button,input,select,textarea{font:inherit;color:inherit}
h1,h2,h3,h4{font-family:var(--display);letter-spacing:-0.025em;line-height:1.15;margin:0}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.skip-link:focus{position:fixed;top:8px;left:8px;z-index:999;background:#fff;color:var(--ink);padding:10px 14px;border-radius:8px;clip:auto;width:auto;height:auto}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

.pa-wrap{max-width:var(--wrap);margin:0 auto;padding:0 40px}
.pa-frame{padding:14px 14px 0}
.pa-frame--b{padding:0 14px 14px}
.pa-dark{background:var(--ink);color:#fff;border-radius:var(--r-xl);position:relative;overflow:hidden}
.pa-dark a:hover{color:var(--accent-2)}
.pa-eyebrow{margin:0 0 8px;font-size:13px;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.08em}
.pa-eyebrow--ev{color:var(--ev)}
.pa-h2{font-size:44px;line-height:1.05;font-weight:800;letter-spacing:-0.04em}
.pa-sechead{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:28px}
.pa-sechead p.pa-lead{margin:0;max-width:380px;color:var(--muted)}
.pa-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 20px;border-radius:999px;font-weight:700;font-size:14px;border:0;cursor:pointer;white-space:nowrap;transition:transform .15s ease,background .15s ease}
.pa-btn:hover{transform:translateY(-1px)}
.pa-btn--dark{background:var(--ink);color:#fff}.pa-btn--dark:hover{color:#fff}
.pa-btn--light{background:#fff;color:var(--ink)}.pa-btn--light:hover{color:var(--ink)}
.pa-btn--accent{background:var(--accent);color:#fff}.pa-btn--accent:hover{color:#fff;background:#f04a1c}
.pa-btn--ev{background:var(--ev);color:var(--ev-ink)}.pa-btn--ev:hover{color:var(--ev-ink)}
.pa-btn--ghost{border:1px solid rgba(255,255,255,.22);color:#fff;background:transparent}
.pa-pill{display:inline-flex;align-items:center;padding:5px 12px;border-radius:999px;font-size:12px;font-weight:700;line-height:1.3}
.pa-pill--accent{background:var(--accent);color:#fff}
.pa-pill--glass{background:rgba(255,255,255,.16);color:#fff}
.pa-cat{font-size:12px;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.06em}
.pa-meta{font-size:13px;color:var(--muted-2)}
.pa-ph{background:linear-gradient(135deg,#1F2937,#374151)}

/* ---------- Header ---------- */
.pa-header{position:absolute;top:14px;left:14px;right:14px;z-index:50;padding:18px 22px 0}
.admin-bar .pa-header{top:46px}
@media (max-width:782px){.admin-bar .pa-header{top:60px}}
.pa-nav{max-width:var(--wrap);margin:0 auto;display:flex;align-items:center;gap:20px;padding:10px 10px 10px 20px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#fff}
.pa-brand{display:flex;align-items:center;gap:10px;font-family:var(--display);font-weight:800;font-size:20px;letter-spacing:-0.02em;color:#fff;flex:0 0 auto}
.pa-brand:hover{color:#fff}
.pa-brand img{max-height:36px;width:auto}
.pa-brand__mark{width:32px;height:32px;border-radius:10px;background:var(--accent);display:grid;place-items:center;flex:0 0 32px}
.pa-menu{flex:1 1 auto;display:flex;justify-content:center}
.pa-menu ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px;font-size:14px;font-weight:600}
.pa-menu li{position:relative}
.pa-menu a{display:block;padding:8px 14px;border-radius:999px;color:rgba(255,255,255,.8)}
.pa-menu a:hover,.pa-menu .current-menu-item>a,.pa-menu .current-cat>a,.pa-menu .current-menu-parent>a{color:#fff;background:rgba(255,255,255,.1)}
.pa-menu .sub-menu{display:none;position:absolute;top:100%;left:0;min-width:200px;padding:8px;border-radius:14px;background:var(--ink-2);border:1px solid var(--line-d);flex-direction:column;z-index:60}
.pa-menu li:hover>.sub-menu,.pa-menu li:focus-within>.sub-menu{display:flex}
.pa-menu .sub-menu a{border-radius:10px}
.pa-nav__actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.pa-iconbtn{width:42px;height:42px;border-radius:999px;background:rgba(255,255,255,.1);border:0;display:grid;place-items:center;cursor:pointer;color:#fff}
.pa-iconbtn:hover{background:rgba(255,255,255,.18);color:#fff}
.pa-menu-toggle{display:none}
.pa-searchbar{display:none;max-width:var(--wrap);margin:10px auto 0}
.pa-searchbar.is-open{display:block}
.pa-searchform{display:flex;gap:8px;padding:6px;border-radius:16px;background:#fff;box-shadow:0 20px 40px -20px rgba(0,0,0,.5)}
.pa-searchform svg{flex:0 0 18px;align-self:center;margin-left:12px}
.pa-searchform input[type=search]{flex:1;min-width:0;border:0;outline:0;background:transparent;font-size:15px;font-weight:500;color:var(--ink);padding:0 4px}
.pa-searchform button{height:50px;padding:0 24px;border:0;border-radius:12px;background:var(--accent);color:#fff;font-weight:700;font-size:15px;cursor:pointer}

/* ---------- Home hero ---------- */
.pa-hero{min-height:760px;padding-top:110px}
.pa-hero__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pa-hero__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,13,20,.96) 0%,rgba(10,13,20,.82) 38%,rgba(10,13,20,.25) 75%,rgba(10,13,20,.35) 100%),linear-gradient(0deg,rgba(10,13,20,.9) 0%,rgba(10,13,20,0) 35%)}
.pa-hero__in{position:relative;max-width:var(--wrap);margin:0 auto;padding:70px 40px 0;display:flex;flex-wrap:wrap;gap:40px;align-items:flex-end}
.pa-hero__copy{flex:1 1 560px;min-width:0;display:flex;flex-direction:column;gap:24px}
.pa-hero__badge{align-self:flex-start;display:inline-flex;align-items:center;gap:10px;padding:6px 14px 6px 6px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);font-size:14px;font-weight:600}
.pa-hero__badge span{padding:3px 10px;border-radius:999px;background:var(--accent);font-size:12px;font-weight:700}
.pa-hero h1{font-size:76px;line-height:.98;font-weight:800;letter-spacing:-0.045em}
.pa-hero h1 em{font-style:normal;color:var(--accent)}
.pa-hero__text{margin:0;max-width:520px;font-size:19px;color:rgba(255,255,255,.75)}
.pa-hero .pa-searchform{max-width:560px}
.pa-chips{display:flex;flex-wrap:wrap;gap:8px;font-size:13px;font-weight:600}
.pa-chips span{color:rgba(255,255,255,.55);padding:6px 0}
.pa-chips a{padding:6px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.22)}
.pa-tracker{flex:0 1 360px;min-width:0;border-radius:22px;background:rgba(16,20,30,.72);border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:20px}
.pa-tracker__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.pa-tracker__head b{font-family:var(--display);font-size:16px}
.pa-tracker__head span{font-size:12px;color:rgba(255,255,255,.55)}
.pa-tracker a{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid rgba(255,255,255,.08)}
.pa-tracker img,.pa-tracker .pa-ph{width:54px;height:40px;border-radius:8px;object-fit:cover;flex:0 0 54px}
.pa-tracker__t{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.35}
.pa-tracker__t b{font-size:14px;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pa-tracker__t small{font-size:12px;color:rgba(255,255,255,.55)}
.pa-tracker__s{padding:4px 9px;border-radius:999px;font-size:11px;font-weight:700;background:rgba(255,91,46,.18);color:var(--accent-2);white-space:nowrap}
.pa-facts{position:relative;max-width:var(--wrap);margin:56px auto 0;padding:0 40px 36px}
.pa-facts__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid rgba(255,255,255,.16)}
.pa-facts__grid div{padding:20px 20px 0 0}
.pa-facts__grid b{display:block;font-family:var(--display);font-size:24px;font-weight:800;letter-spacing:-0.02em}
.pa-facts__grid span{font-size:14px;color:rgba(255,255,255,.6)}

/* ---------- Brands ---------- */
.pa-brands{max-width:var(--wrap);margin:0 auto;padding:44px 40px 20px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px 40px}
.pa-brands>span{font-size:13px;font-weight:600;color:var(--muted-2)}
.pa-brands ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:14px 34px;font-family:var(--display);font-size:19px;font-weight:700;color:#9CA3AF}

/* ---------- Type tiles ---------- */
.pa-section{padding:48px 0 80px}
.pa-types{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.pa-type{position:relative;border-radius:var(--r-lg);overflow:hidden;aspect-ratio:4/5;display:block;color:#fff;background:var(--ink)}
.pa-type img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.pa-type:hover img{transform:scale(1.04)}
.pa-type::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,13,20,.9) 0%,rgba(10,13,20,0) 55%)}
.pa-type__in{position:absolute;left:22px;right:22px;bottom:22px;z-index:1;display:flex;justify-content:space-between;align-items:flex-end;gap:10px}
.pa-type__in b{display:block;font-family:var(--display);font-size:26px;font-weight:800;letter-spacing:-0.02em}
.pa-type__in small{font-size:14px;color:rgba(255,255,255,.7)}
.pa-type__arrow{flex:0 0 42px;height:42px;border-radius:999px;background:#fff;color:var(--ink);display:grid;place-items:center;font-weight:700}
.pa-type:hover{color:#fff}

/* ---------- Tools band ---------- */
.pa-tools{padding:88px 40px}
.pa-tools__in{max-width:1160px;margin:0 auto;display:flex;flex-wrap:wrap;gap:56px;align-items:center}
.pa-tools__copy{flex:1 1 420px;min-width:0;display:flex;flex-direction:column;gap:26px}
.pa-acc{display:flex;flex-direction:column;gap:10px}
.pa-acc details{border-radius:18px;border:1px solid var(--line-d);padding:18px 22px}
.pa-acc details[open]{background:var(--ink-2)}
.pa-acc summary{list-style:none;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-family:var(--display);font-size:19px;font-weight:700}
.pa-acc summary::-webkit-details-marker{display:none}
.pa-acc summary::after{content:"+";width:30px;height:30px;border-radius:99px;display:grid;place-items:center;color:rgba(255,255,255,.5);font-size:18px}
.pa-acc details[open] summary::after{content:"−";background:var(--accent);color:#fff}
.pa-acc p{margin:10px 0 12px;color:rgba(255,255,255,.65);font-size:15px}
.pa-acc a.pa-more{font-weight:700;font-size:14px;color:var(--accent-2)}
.pa-tools__media{flex:1 1 480px;min-width:0;position:relative}
.pa-tools__photo{border-radius:24px;overflow:hidden;aspect-ratio:5/4}
.pa-tools__photo img{width:100%;height:100%;object-fit:cover}
.pa-emi{position:absolute;left:-28px;bottom:28px;width:320px;max-width:86%;border-radius:18px;background:#fff;color:var(--ink);padding:18px;box-shadow:0 30px 60px -20px rgba(0,0,0,.6)}
.pa-emi h3{font-size:16px;font-weight:800;margin-bottom:10px}
.pa-emi label{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px;color:var(--muted);padding:5px 0}
.pa-emi input{width:120px;border:1px solid var(--line);border-radius:10px;padding:7px 10px;font-size:14px;font-weight:600;text-align:right;color:var(--ink)}
.pa-emi__out{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding-top:12px;border-top:1px solid var(--line)}
.pa-emi__out span{font-weight:700;font-size:14px}
.pa-emi__out b{font-family:var(--display);font-size:22px;color:var(--accent)}
.pa-emi small{display:block;margin-top:6px;font-size:11px;color:var(--muted-2)}

/* ---------- Latest ---------- */
.pa-latest{display:flex;flex-wrap:wrap;gap:20px}
.pa-feature{flex:1.35 1 560px;min-width:0;position:relative;border-radius:24px;overflow:hidden;min-height:520px;display:block;color:#fff;background:var(--ink)}
.pa-feature img,.pa-feature .pa-ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.pa-feature:hover img{transform:scale(1.03)}
.pa-feature::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,13,20,.95) 0%,rgba(10,13,20,.2) 60%,rgba(10,13,20,0) 100%)}
.pa-feature__in{position:absolute;left:32px;right:32px;bottom:32px;z-index:1;display:flex;flex-direction:column;gap:12px}
.pa-feature__in h2,.pa-feature__in h3{font-size:36px;line-height:1.1;font-weight:800;letter-spacing:-0.03em}
.pa-feature__in p{margin:0;color:rgba(255,255,255,.75);max-width:560px}
.pa-feature:hover{color:#fff}
.pa-rows{flex:1 1 400px;min-width:0;display:flex;flex-direction:column;gap:12px}
.pa-row{display:flex;gap:16px;align-items:center;padding:12px;border-radius:18px;background:var(--card);transition:box-shadow .2s ease}
.pa-row:hover{box-shadow:0 12px 30px -18px rgba(10,13,20,.35);color:inherit}
.pa-row__img{flex:0 0 132px;width:132px;height:100px;border-radius:12px;overflow:hidden}
.pa-row__img img{width:100%;height:100%;object-fit:cover}
.pa-row__t{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.pa-row__t h3{font-size:18px;line-height:1.25;font-weight:700;letter-spacing:-0.01em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.pa-row:hover h3{color:var(--accent)}

/* ---------- Cards ---------- */
.pa-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.pa-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.pa-card{border-radius:20px;overflow:hidden;background:var(--card);display:flex;flex-direction:column;transition:box-shadow .2s ease,transform .2s ease}
.pa-card:hover{box-shadow:0 18px 40px -24px rgba(10,13,20,.4);transform:translateY(-2px);color:inherit}
.pa-card__img{aspect-ratio:16/10;overflow:hidden;background:#E5E7EB}
.pa-card__img img{width:100%;height:100%;object-fit:cover}
.pa-card__b{padding:18px 20px 22px;display:flex;flex-direction:column;gap:8px}
.pa-card__b h3{font-size:19px;line-height:1.28;font-weight:700}
.pa-card:hover h3{color:var(--accent)}
.pa-card__b p{margin:0;font-size:14.5px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pa-card--dark{background:#111A1F;border:1px solid #1F2E33;color:#fff}
.pa-card--dark .pa-card__b p{color:rgba(255,255,255,.65)}
.pa-card--dark .pa-cat{color:var(--ev)}
.pa-card--dark:hover h3{color:var(--ev)}
.pa-card--dark2{background:var(--ink-2);color:#fff}
.pa-card--dark2 .pa-cat{color:var(--accent-2)}

/* ---------- Electric band ---------- */
.pa-ev{background:linear-gradient(160deg,var(--ev-deep) 0%,var(--ink) 70%);padding:88px 40px}
.pa-ev__in{max-width:1160px;margin:0 auto}

/* ---------- Bikes + guides ---------- */
.pa-split{display:flex;flex-wrap:wrap;gap:40px}
.pa-split__main{flex:1.2 1 520px;min-width:0}
.pa-guides{flex:1 1 380px;min-width:0;border-radius:24px;background:var(--card);padding:30px}
.pa-guides h2{font-size:32px;font-weight:800;letter-spacing:-0.03em;margin-bottom:12px}
.pa-guides ol{list-style:none;margin:0;padding:0;counter-reset:g}
.pa-guides li{border-top:1px solid var(--line-2);counter-increment:g}
.pa-guides li a{display:flex;gap:16px;padding:15px 0;align-items:baseline}
.pa-guides li a::before{content:counter(g,decimal-leading-zero);font-family:var(--display);font-size:15px;font-weight:800;color:var(--accent);min-width:24px}
.pa-guides li b{display:block;font-family:var(--display);font-size:17px;line-height:1.3;font-weight:700}
.pa-guides li a:hover b{color:var(--accent)}

/* ---------- CTA ---------- */
.pa-cta{color:#fff}
.pa-cta__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.45}
.pa-cta__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,13,20,.95) 0%,rgba(10,13,20,.6) 100%)}
.pa-cta__in{position:relative;max-width:1160px;margin:0 auto;padding:80px 40px;display:flex;flex-wrap:wrap;gap:32px;align-items:center;justify-content:space-between}
.pa-cta h2{font-size:44px;line-height:1.05;font-weight:800;letter-spacing:-0.04em}
.pa-cta p{margin:14px 0 0;color:rgba(255,255,255,.7);font-size:17px}
.pa-cta__btns{display:flex;flex-wrap:wrap;gap:10px}

/* ---------- Footer ---------- */
.pa-footer{background:var(--ink);color:rgba(255,255,255,.65);border-radius:var(--r-xl);padding:60px 40px 30px}
.pa-footer__in{max-width:1160px;margin:0 auto;display:flex;flex-wrap:wrap;gap:36px;font-size:14px}
.pa-footer__about{flex:1.6 1 280px;display:flex;flex-direction:column;gap:12px}
.pa-footer__about p{margin:0;max-width:340px}
.pa-footer__col{flex:1 1 150px;min-width:0}
.pa-footer__col h3,.pa-footer__col .widget-title{font-family:var(--body);font-size:14px;font-weight:700;color:#fff;letter-spacing:0;margin:0 0 10px}
.pa-footer ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.pa-footer ul ul{display:none}
.pa-footer a:hover{color:#fff}
.pa-footer__bar{flex:1 1 100%;margin:10px 0 0;padding-top:22px;border-top:1px solid var(--line-d2);font-size:13px;color:rgba(255,255,255,.45);display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px}

/* ---------- Page head (archives, pages, search) ---------- */
.pa-pagehead{padding:130px 40px 56px}
.pa-pagehead__in{max-width:1160px;margin:0 auto;display:flex;flex-direction:column;gap:14px}
.pa-pagehead h1{font-size:48px;line-height:1.05;font-weight:800;letter-spacing:-0.04em}
.pa-pagehead__desc{max-width:720px;font-size:17px;color:rgba(255,255,255,.7)}
.pa-pagehead__desc p{margin:0}
.pa-crumbs{font-size:14px;font-weight:600;color:rgba(255,255,255,.55);display:flex;flex-wrap:wrap;gap:8px}
.pa-crumbs a:hover{color:#fff}
.pa-crumbs .is-current{color:var(--accent-2)}
.pa-subcats{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.pa-subcats a{padding:7px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.2);font-size:13px;font-weight:600}
.pa-subcats a.is-active{background:#fff;color:var(--ink);border-color:#fff}

/* ---------- Layout with sidebar ---------- */
.pa-layout{max-width:var(--wrap);margin:0 auto;padding:40px 40px 72px;display:flex;flex-wrap:wrap;gap:40px;align-items:flex-start}
.pa-layout__main{flex:1 1 640px;min-width:0}
.pa-side{flex:0 1 300px;min-width:0;display:flex;flex-direction:column;gap:16px;position:sticky;top:20px}
.pa-box{border-radius:22px;background:var(--card);padding:20px}
.pa-box h3,.pa-box .widget-title{font-family:var(--body);margin:0 0 12px;font-size:12px;font-weight:700;color:var(--muted-2);text-transform:uppercase;letter-spacing:.08em}
.pa-box ul{list-style:none;margin:0;padding:0}
.pa-box li{border-top:1px solid var(--line-2)}
.pa-box li:first-child{border-top:0}
.pa-box li a{display:flex;justify-content:space-between;gap:10px;padding:9px 0;font-size:14.5px;font-weight:600}
.pa-box .cat-item .count,.pa-box li .pa-n{color:var(--muted-2);font-weight:500}
.pa-box ul.children{display:none}
.pa-mini{display:flex!important;gap:12px;align-items:center;justify-content:flex-start!important}
.pa-mini img,.pa-mini .pa-ph{flex:0 0 64px;width:64px;height:48px;border-radius:10px;object-fit:cover}
.pa-mini span{font-size:14px;font-weight:600;line-height:1.35}
.pa-promo{border-radius:22px;overflow:hidden;background:var(--ink);color:#fff}
.pa-promo__img{aspect-ratio:16/10}
.pa-promo__img img{width:100%;height:100%;object-fit:cover}
.pa-promo__b{padding:20px;display:flex;flex-direction:column;gap:8px}
.pa-promo__b b{font-family:var(--display);font-size:18px;line-height:1.25}
.pa-promo__b p{margin:0;font-size:14px;color:rgba(255,255,255,.65)}
.pa-promo .pa-btn{align-self:flex-start;margin-top:6px;border-radius:12px}

/* archive grid */
.pa-archive-feature{margin-bottom:20px}
.pa-archive-feature .pa-feature{min-height:420px}
.pa-pagination{margin-top:32px}
.pa-pagination .nav-links{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.pa-pagination .page-numbers{min-width:44px;height:44px;padding:0 14px;border-radius:12px;background:var(--card);display:grid;place-items:center;font-weight:700;font-size:14px}
.pa-pagination .page-numbers.current{background:var(--ink);color:#fff}
.pa-empty{border-radius:22px;background:var(--card);padding:40px;text-align:center}
.pa-empty h2{font-size:26px;margin-bottom:10px}
.pa-empty p{color:var(--muted)}
.pa-empty .pa-searchform{max-width:520px;margin:20px auto 0;border:1px solid var(--line)}

/* ---------- Single ---------- */
.pa-arthead{padding:120px 40px 56px}
.pa-arthead--img{padding-bottom:150px;border-radius:28px 28px 0 0}
.pa-arthead__in{max-width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:14px}
.pa-arthead h1{font-size:44px;line-height:1.1;font-weight:800;letter-spacing:-0.04em}
.pa-arthead__dek{margin:0;max-width:720px;font-size:17px;line-height:1.5;color:rgba(255,255,255,.72)}
.pa-byline{display:flex;flex-wrap:wrap;align-items:center;gap:12px;font-size:14px;color:rgba(255,255,255,.6);padding-top:4px}
.pa-byline img{width:36px;height:36px;border-radius:99px}
.pa-byline__who{display:flex;flex-direction:column;line-height:1.35}
.pa-byline__who b{color:#fff;font-weight:600}
.pa-byline__sep{width:1px;height:28px;background:rgba(255,255,255,.16)}
.pa-share{margin-left:auto;display:flex;gap:8px}
.pa-share a,.pa-share button{height:36px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:transparent;color:#fff;display:inline-flex;align-items:center;font-size:13px;font-weight:600;cursor:pointer}
.pa-share a:hover,.pa-share button:hover{background:rgba(255,255,255,.1);color:#fff}
.pa-artimg{max-width:1080px;margin:-110px auto 0;padding:0 40px;position:relative;z-index:2}
.pa-artimg__frame{position:relative;border-radius:24px;overflow:hidden;aspect-ratio:16/7;box-shadow:0 40px 80px -40px rgba(10,13,20,.6);background:#1F2937}
.pa-artimg__frame img{width:100%;height:100%;object-fit:cover}
.pa-artimg figcaption{margin-top:10px;font-size:13px;color:var(--muted-2)}
.pa-artbody{max-width:var(--wrap);margin:0 auto;padding:36px 40px 64px;display:flex;flex-wrap:wrap;gap:40px;align-items:flex-start}
.pa-toc{flex:0 1 220px;min-width:0;position:sticky;top:20px;font-size:14px}
.pa-toc>p{margin:0 0 12px;font-size:12px;font-weight:700;color:var(--muted-2);text-transform:uppercase;letter-spacing:.08em}
.pa-toc ol{list-style:none;margin:0;padding:0;border-left:2px solid var(--line)}
.pa-toc a{display:block;padding:6px 14px;margin-left:-2px;border-left:2px solid transparent;color:var(--muted-2);font-weight:600;line-height:1.4}
.pa-toc a.is-active,.pa-toc a:hover{border-left-color:var(--accent);color:var(--ink)}
.pa-article{flex:1 1 600px;min-width:0;max-width:740px}
.pa-artside{flex:0 1 260px;min-width:0;display:flex;flex-direction:column;gap:14px;position:sticky;top:20px}
.pa-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.pa-tags a{padding:7px 14px;border-radius:999px;background:var(--card);border:1px solid var(--line);font-size:13px;font-weight:600}
.pa-author{margin-top:28px;border-radius:20px;background:var(--card);padding:20px;display:flex;gap:16px;align-items:flex-start}
.pa-author img{width:56px;height:56px;border-radius:99px;flex:0 0 56px}
.pa-author b{font-family:var(--display);font-size:16px}
.pa-author p{margin:4px 0 0;font-size:14px;color:var(--muted)}
.pa-related{padding:52px 40px}
.pa-related__in{max-width:1160px;margin:0 auto}
.pa-related h2{font-size:28px;font-weight:800;letter-spacing:-0.03em}
.pa-related .pa-card__b{padding:14px 16px 18px;gap:6px}
.pa-related .pa-card__b h3{font-size:16px}
.pa-related .pa-card__img{aspect-ratio:16/9}

/* ---------- Article content ---------- */
.entry-content{font-size:16px;line-height:1.72;color:#1F2937}
.entry-content>*{margin-top:0;margin-bottom:22px}
.entry-content p{margin:0 0 16px}
.entry-content h2{font-size:24px;line-height:1.22;font-weight:800;letter-spacing:-0.03em;margin:36px 0 12px;color:var(--ink);scroll-margin-top:20px}
.entry-content h3{font-size:19px;font-weight:700;margin:26px 0 10px;color:var(--ink)}
.entry-content h4{font-size:16px;font-weight:700;margin:20px 0 8px}
.entry-content a{color:var(--accent);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.entry-content ul,.entry-content ol{padding-left:22px;margin:0 0 18px}
.entry-content li{margin-bottom:6px}
.entry-content li::marker{color:var(--accent)}
.entry-content img{border-radius:18px}
.entry-content figure{margin:0 0 22px}
.entry-content figcaption{font-size:13px;color:var(--muted-2);margin-top:8px}
.entry-content hr{border:0;border-top:1px solid var(--line);margin:30px 0}
.entry-content blockquote{margin:0 0 22px;padding:6px 0 6px 24px;border-left:4px solid var(--ink);font-family:var(--display);font-size:21px;line-height:1.4;font-weight:600;letter-spacing:-0.015em;color:var(--ink)}
.entry-content blockquote p{margin:0 0 8px}
.entry-content blockquote cite{display:block;font-family:var(--body);font-size:14px;font-style:normal;font-weight:600;color:var(--muted-2)}
.entry-content table{width:100%;border-collapse:collapse;font-size:14px;background:var(--card);border-radius:18px;overflow:hidden;display:table}
.entry-content .wp-block-table{overflow-x:auto;border-radius:18px}
.entry-content thead th,.entry-content tr:first-child th{background:var(--ink);color:#fff;font-weight:600;text-align:left}
.entry-content th,.entry-content td{padding:11px 16px;border-top:1px solid var(--line-2);vertical-align:top;text-align:left}
.entry-content tbody tr:nth-child(even) td{background:#FAFAFB}
.entry-content table.ap-compare td:nth-child(2),.entry-content .ap-compare table td:nth-child(2){background:#FFF7F4;font-weight:700}
.entry-content table.ap-compare th:nth-child(2),.entry-content .ap-compare table th:nth-child(2){background:var(--accent)}
.entry-content code{background:#F3F4F6;padding:2px 6px;border-radius:6px;font-size:.9em}

/* Article blocks (use these classes in posts) */
.ap-glance{border-radius:20px;background:var(--ink);color:#fff;overflow:hidden}
.ap-glance>h3,.ap-glance>h2{margin:0!important;padding:13px 20px;font-size:16px!important;color:#fff!important;border-bottom:1px solid var(--line-d2);letter-spacing:-0.01em}
.ap-glance dl{margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.ap-glance dl>div{padding:12px 20px;border-right:1px solid var(--line-d2);border-bottom:1px solid var(--line-d2)}
.ap-glance dt{font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:rgba(255,255,255,.5)}
.ap-glance dd{margin:2px 0 0;font-family:var(--display);font-size:16px;font-weight:700;line-height:1.35}
.ap-glance dl>div:first-child dd{color:var(--accent-2)}
.ap-glance>p{margin:0!important;padding:10px 20px;font-size:12px;color:rgba(255,255,255,.5)}
.ap-takeaways{border-radius:20px;background:var(--card);padding:20px 22px;border-left:4px solid var(--accent)}
.ap-takeaways>h3,.ap-takeaways>h2{margin:0 0 10px!important;font-size:17px!important}
.ap-takeaways ul{list-style:none;padding:0!important;margin:0!important;display:flex;flex-direction:column;gap:8px}
.ap-takeaways li{position:relative;padding-left:34px;margin:0!important;font-size:15px;line-height:1.5}
.ap-takeaways li::before{content:"✓";position:absolute;left:0;top:0;width:24px;height:24px;border-radius:8px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-size:13px;font-weight:800}
.ap-scores{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.ap-score{border-radius:20px;background:var(--card);padding:18px 20px;display:flex;flex-direction:column;gap:6px}
.ap-score span{font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted-2)}
.ap-score b{font-family:var(--display);font-size:30px;line-height:1.1;font-weight:800;letter-spacing:-0.03em;color:var(--ink)}
.ap-score i{font-style:normal;color:var(--accent);letter-spacing:2px}
.ap-score small{font-size:13.5px;color:var(--muted-2)}
.ap-tip,.ap-ev,.ap-warn,.ap-note{border-radius:18px;padding:16px 20px 16px 66px;position:relative;font-size:15px;line-height:1.6}
.ap-tip::before,.ap-ev::before,.ap-warn::before,.ap-note::before{position:absolute;left:18px;top:16px;width:34px;height:34px;border-radius:11px;display:grid;place-items:center;font-weight:800;font-size:16px}
.ap-tip{background:var(--accent-soft);color:#7C2D12}
.ap-tip::before{content:"💡";background:var(--accent)}
.ap-ev{background:var(--ev-deep);color:#CCFBF1}
.ap-ev::before{content:"⚡";background:var(--ev)}
.ap-warn{background:#FEF2F2;color:#7F1D1D}
.ap-warn::before{content:"!";background:var(--bad);color:#fff}
.ap-note{background:#EEF2FF;color:#312E81}
.ap-note::before{content:"i";background:#4F46E5;color:#fff}
.ap-tip strong:first-child,.ap-ev strong:first-child,.ap-warn strong:first-child,.ap-note strong:first-child{display:block;font-family:var(--display);font-size:16px;margin-bottom:2px}
.ap-tip strong:first-child{color:var(--accent-ink)}
.ap-ev strong:first-child{color:#fff}
.ap-tip p,.ap-ev p,.ap-warn p,.ap-note p{margin:0!important}
.ap-ev a{color:var(--ev)}
.ap-steps{list-style:none!important;padding:0!important;counter-reset:s;display:flex;flex-direction:column;gap:10px}
.ap-steps>li{counter-increment:s;position:relative;border-radius:16px;background:var(--card);padding:12px 16px 12px 62px;margin:0!important;font-size:14.5px;line-height:1.5;color:var(--muted)}
.ap-steps>li::before{content:counter(s);position:absolute;left:16px;top:12px;width:32px;height:32px;border-radius:10px;background:var(--ink);color:#fff;display:grid;place-items:center;font-family:var(--display);font-weight:800;font-size:14px}
.ap-steps>li strong:first-child{display:block;color:var(--ink);font-size:15px}
.ap-proscons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.ap-pros,.ap-cons{border-radius:20px;background:var(--card);padding:18px 20px}
.ap-pros{border-top:4px solid var(--good)}
.ap-cons{border-top:4px solid var(--bad)}
.ap-pros h4,.ap-cons h4{margin:0 0 8px!important;font-size:16px}
.ap-pros ul,.ap-cons ul{list-style:none;padding:0!important;margin:0!important}
.ap-pros li,.ap-cons li{position:relative;padding-left:20px;font-size:14.5px;line-height:1.5;margin-bottom:6px}
.ap-pros li::before{content:"+";position:absolute;left:0;color:var(--good);font-weight:800}
.ap-cons li::before{content:"−";position:absolute;left:0;color:var(--bad);font-weight:800}
.ap-verdict{border-radius:22px;background:radial-gradient(80% 120% at 0% 0%,#1E2433 0%,var(--ink) 60%);color:#fff;padding:24px 26px}
.ap-verdict>span{font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--accent-2)}
.ap-verdict>p{margin:8px 0 0!important;font-family:var(--display);font-size:21px;line-height:1.3;font-weight:800;letter-spacing:-0.02em;color:#fff}
.ap-verdict ul{list-style:none;padding:0!important;margin:16px 0 0!important;display:flex;flex-direction:column;gap:10px}
.ap-verdict li{display:flex;align-items:center;gap:12px;font-size:14px;margin:0!important;color:rgba(255,255,255,.75)}
.ap-verdict li>span{flex:0 0 110px}
.ap-verdict li>i{flex:1;height:6px;border-radius:99px;background:rgba(255,255,255,.14);overflow:hidden;position:relative}
.ap-verdict li>i>u{position:absolute;left:0;top:0;bottom:0;background:var(--accent);text-decoration:none}
.ap-verdict li>b{flex:0 0 44px;text-align:right;color:#fff;font-family:var(--display)}
.ap-faq{border-radius:20px;background:var(--card);overflow:hidden}
.ap-faq details{padding:13px 20px;border-bottom:1px solid var(--line-2)}
.ap-faq details:last-child{border-bottom:0}
.ap-faq summary{cursor:pointer;font-weight:700;font-size:15px;color:var(--ink);list-style-position:outside}
.ap-faq details p{margin:8px 0 0!important;color:var(--muted);font-size:14.5px;line-height:1.6}
.ap-sources{font-size:14px}
.ap-sources>p:first-child,.ap-sources>h4{font-size:12px!important;font-weight:700;color:var(--muted-2);text-transform:uppercase;letter-spacing:.08em;margin:0 0 10px!important}
.ap-sources ul{list-style:none;padding:0!important;display:flex;flex-wrap:wrap;gap:8px;margin:0!important}
.ap-sources li{margin:0!important}
.ap-sources a{display:inline-block;padding:7px 14px;border-radius:999px;background:var(--card);border:1px solid var(--line);font-weight:600;color:var(--ink)!important;text-decoration:none!important}
.ap-sources a::after{content:" ↗"}

/* ---------- Pages ---------- */
.pa-pagebody{max-width:880px;margin:0 auto;padding:40px 40px 72px}
.pa-pagecard{border-radius:24px;background:var(--card);padding:40px 44px}

/* ---------- Comments ---------- */
.pa-comments{margin-top:32px;border-radius:20px;background:var(--card);padding:24px}
.pa-comments h2{font-size:20px;margin-bottom:12px}
.pa-comments ol{list-style:none;padding:0;margin:0}
.pa-comments .comment-body{padding:14px 0;border-top:1px solid var(--line-2);font-size:15px}
.pa-comments textarea,.pa-comments input[type=text],.pa-comments input[type=email],.pa-comments input[type=url]{width:100%;border:1px solid var(--line);border-radius:12px;padding:10px 12px}
.pa-comments .submit{background:var(--ink);color:#fff;border:0;border-radius:999px;padding:12px 22px;font-weight:700;cursor:pointer}

/* ---------- 404 ---------- */
.pa-404{min-height:640px;display:flex;align-items:center;padding:130px 40px 80px}
.pa-404__in{max-width:720px;margin:0 auto;text-align:center;display:flex;flex-direction:column;gap:16px;align-items:center}
.pa-404 b{font-family:var(--display);font-size:120px;line-height:1;font-weight:800;color:var(--accent);letter-spacing:-0.05em}
.pa-404 .pa-searchform{width:100%;max-width:520px}

/* WP core */
.alignleft{float:left;margin:0 20px 12px 0}.alignright{float:right;margin:0 0 12px 20px}.aligncenter{margin-left:auto;margin-right:auto}
.wp-caption-text{font-size:13px;color:var(--muted-2)}
.sticky,.bypostauthor,.gallery-caption{}

/* ---------- Responsive ---------- */
@media (max-width:1100px){
  .pa-hero h1{font-size:60px}
  .pa-types{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pa-toc{display:none}
  .pa-facts__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:960px){
  .pa-menu-toggle{display:grid}
  .pa-menu{display:none;position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--ink-2);border:1px solid var(--line-d);border-radius:20px;padding:10px}
  .pa-menu.is-open{display:block}
  .pa-menu ul{flex-direction:column}
  .pa-menu .sub-menu{display:flex;position:static;background:transparent;border:0;padding:0 0 0 12px}
  .pa-nav{position:relative}
  .pa-nav__cta{display:none}
  .pa-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pa-side,.pa-artside{position:static;flex:1 1 100%}
  .pa-emi{position:relative;left:auto;bottom:auto;width:auto;max-width:none;margin-top:-60px;margin-left:16px;margin-right:16px}
}
@media (max-width:700px){
  .pa-wrap,.pa-layout,.pa-artbody,.pa-pagebody{padding-left:18px;padding-right:18px}
  .pa-frame{padding:8px 8px 0}.pa-frame--b{padding:0 8px 8px}
  .pa-header{top:8px;left:8px;right:8px;padding:12px 12px 0}
  .pa-nav{padding:8px 8px 8px 14px;gap:10px}
  .pa-brand{font-size:18px}
  .pa-hero{min-height:0;padding-top:90px}
  .pa-hero__in{padding:36px 20px 0;gap:28px}
  .pa-hero h1{font-size:42px}
  .pa-hero__text{font-size:16px}
  .pa-tracker{flex:1 1 100%}
  .pa-facts{padding:0 20px 24px;margin-top:32px}
  .pa-facts__grid b{font-size:19px}
  .pa-h2,.pa-cta h2{font-size:32px}
  .pa-types{gap:10px}
  .pa-type__in{left:14px;right:14px;bottom:14px}
  .pa-type__in b{font-size:19px}.pa-type__arrow{display:none}
  .pa-tools,.pa-ev,.pa-related{padding:56px 20px}
  .pa-feature{min-height:400px;flex-basis:100%}
  .pa-feature__in{left:20px;right:20px;bottom:20px}
  .pa-feature__in h2,.pa-feature__in h2,.pa-feature__in h3{font-size:26px}
  .pa-rows{flex-basis:100%}
  .pa-row__img{flex-basis:96px;width:96px;height:76px}
  .pa-row__t h3{font-size:16px}
  .pa-grid,.pa-grid--2{grid-template-columns:1fr}
  .pa-guides{padding:22px}
  .pa-cta__in{padding:56px 20px}
  .pa-footer{padding:44px 20px 24px}
  .pa-pagehead{padding:100px 20px 40px}
  .pa-pagehead h1{font-size:34px}
  .pa-arthead{padding:96px 20px 40px}
  .pa-arthead--img{padding-bottom:100px}
  .pa-arthead h1{font-size:30px}
  .pa-artimg{padding:0 18px;margin-top:-70px}
  .pa-artimg__frame{aspect-ratio:16/10;border-radius:18px}
  .pa-share{margin-left:0}
  .pa-byline__sep{display:none}
  .ap-glance dl{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ap-proscons{grid-template-columns:1fr}
  .pa-pagecard{padding:24px 20px}
  .entry-content table{display:block;overflow-x:auto;white-space:nowrap}
  .pa-404 b{font-size:84px}
}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}