/* ============================================================
   CortexHub Media Pro — main.css v7.0
   Premium Tech Editorial | Syne + DM Sans typography
   Clean, credible, high-RPM layout
   @import must come first before all rules
============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Syne:wght@700;800&family=DM+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap');

/* ── TOKENS ─────────────────────────────────────────────── */
:root {
  /* Brand */
  --ink:          #0a0e1a;
  --ink-2:        #2d3249;
  --ink-3:        #5c6280;
  --ink-4:        #9199b8;
  --ink-5:        #c4c9de;

  --bg:           #f7f8fc;
  --bg-card:      #ffffff;
  --bg-raised:    #f0f2f9;
  --bg-dark:      #0a0e1a;
  --bg-dark2:     #111525;
  --bg-dark3:     #181d30;

  --border:       #e4e7f2;
  --border-dark:  #d0d4e8;

  --accent:       #1a5cff;
  --accent-dark:  #1448d8;
  --accent-light: #eaefff;
  --accent-glow:  rgba(26,92,255,.14);

  --orange:       #ff5722;
  --orange-light: #fff3ef;
  --green:        #0cb870;
  --green-light:  #e6f9f1;
  --amber:        #f59e0b;

  /* Sponsored colour */
  --sponsor:      #7c3aed;
  --sponsor-light:#f3eeff;

  /* Type */
  --font-display: 'Syne', sans-serif;
  --font-body:    'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;

  /* Layout */
  --max-w:        1280px;
  --radius:       12px;
  --radius-sm:    8px;
  --radius-xs:    4px;
  --header-h:     64px;

  /* Shadows */
  --shadow-sm:    0 1px 4px rgba(10,14,26,.07);
  --shadow:       0 4px 16px rgba(10,14,26,.09);
  --shadow-lg:    0 12px 40px rgba(10,14,26,.13);
  --shadow-xl:    0 24px 64px rgba(10,14,26,.18);
  --shadow-glow:  0 0 0 3px var(--accent-glow);

  --t: .18s cubic-bezier(.4,0,.2,1);
}

/* ── RESET ──────────────────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:var(--font-body);font-size:1rem;line-height:1.65;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,video,svg{max-width:100%;height:auto;display:block}
a{color:var(--accent);text-decoration:none;transition:color var(--t)}
a:hover{color:var(--accent-dark)}
a:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:3px}
ul,ol{padding-left:1.5rem}
input,button,textarea,select{font-family:inherit;font-size:inherit}
button{cursor:pointer;background:none;border:none}
p{margin-bottom:1.2rem}
p:last-child{margin-bottom:0}

/* ── TYPOGRAPHY ─────────────────────────────────────────── */
h1,h2,h3,h4,h5,h6{font-family:var(--font-display);line-height:1.15;color:var(--ink);letter-spacing:-.02em;font-weight:800}
h1{font-size:clamp(1.75rem,4vw,2.75rem)}
h2{font-size:clamp(1.35rem,2.5vw,2rem)}
h3{font-size:clamp(1.05rem,2vw,1.3rem)}
h4{font-size:1.05rem}

/* ── UTILITIES ──────────────────────────────────────────── */
.container{max-width:var(--max-w);margin:0 auto;padding:0 20px}
.screen-reader-text,.sr-only{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.skip-link{position:absolute;top:-100%;left:50%;transform:translateX(-50%);background:var(--accent);color:#fff;padding:10px 24px;border-radius:0 0 var(--radius) var(--radius);font-weight:600;z-index:9999;transition:top .2s}
.skip-link:focus{top:0}

/* ── BUTTONS ────────────────────────────────────────────── */
.ch-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 22px;border-radius:var(--radius-sm);font-weight:600;font-size:.875rem;transition:all var(--t);cursor:pointer;white-space:nowrap;text-decoration:none;line-height:1}
.ch-btn--primary{background:var(--accent);color:#fff}
.ch-btn--primary:hover{background:var(--accent-dark);color:#fff;transform:translateY(-1px);box-shadow:0 6px 20px rgba(26,92,255,.35)}
.ch-btn--secondary{background:var(--bg-raised);color:var(--ink-2);border:1px solid var(--border)}
.ch-btn--secondary:hover{background:var(--accent-light);border-color:var(--accent);color:var(--accent)}
.ch-btn--ghost{background:transparent;color:var(--accent);border:1.5px solid var(--accent)}
.ch-btn--ghost:hover{background:var(--accent-light)}
.ch-btn--lg{padding:13px 28px;font-size:.95rem}
.ch-btn--full{width:100%;justify-content:center}
.ch-btn--dark{background:rgba(255,255,255,.1);color:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.15)}
.ch-btn--dark:hover{background:rgba(255,255,255,.18);color:#fff}

/* ── BADGES ─────────────────────────────────────────────── */
.ch-cat-badge{display:inline-flex;align-items:center;background:var(--accent-light);color:var(--accent);font-size:.65rem;font-weight:700;padding:4px 9px;border-radius:var(--radius-xs);text-transform:uppercase;letter-spacing:.07em;transition:all var(--t);line-height:1}
.ch-cat-badge:hover{background:var(--accent);color:#fff}
.ch-cat-badge--sm{font-size:.6rem;padding:3px 7px}

.ch-sponsored-badge{display:inline-flex;align-items:center;gap:5px;background:var(--sponsor-light);color:var(--sponsor);font-size:.65rem;font-weight:700;padding:4px 9px;border-radius:var(--radius-xs);text-transform:uppercase;letter-spacing:.07em;line-height:1}
.ch-featured-badge{display:inline-flex;align-items:center;background:var(--orange);color:#fff;font-size:.63rem;font-weight:700;padding:4px 9px;border-radius:var(--radius-xs);text-transform:uppercase;letter-spacing:.07em;line-height:1}

/* ── SECTION HEADINGS ───────────────────────────────────── */
.ch-section-heading{display:flex;align-items:center;gap:10px;margin-bottom:20px}
.ch-section-heading__bar{width:16px;height:3px;background:var(--accent);border-radius:2px;flex-shrink:0}
.ch-section-heading__title{font-family:var(--font-display);font-size:.72rem;font-weight:800;color:var(--ink);text-transform:uppercase;letter-spacing:.1em;margin:0}
.ch-section-heading__line{flex:1;height:1px;background:var(--border)}
.ch-section-heading--center{flex-direction:column;text-align:center;margin-bottom:32px}
.ch-section-heading--center h2{font-size:clamp(1.35rem,2.5vw,1.9rem);text-transform:none;letter-spacing:-.02em;font-weight:800;margin-bottom:8px}
.ch-section-heading--center p{font-size:.95rem;color:var(--ink-3);max-width:540px;margin:0 auto}
.ch-section-label{display:inline-flex;align-items:center;gap:6px;font-size:.68rem;font-weight:800;color:var(--amber);text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px}

/* ════════════════════════════════════════════════════════
   HEADER
════════════════════════════════════════════════════════ */
.ch-header{position:sticky;top:0;z-index:1000;background:#fff;border-bottom:1px solid var(--border);transition:box-shadow var(--t);overflow:visible}
.ch-header.scrolled{box-shadow:0 2px 24px rgba(10,14,26,.1)}
.ch-header__inner{
  display:flex;align-items:center;
  height:var(--header-h);
  gap:0;
  overflow:visible;           /* allow dropdown to escape */
  min-width:0;
}
.ch-header__brand{flex-shrink:0;margin-right:auto}
.ch-header__logo{font-family:var(--font-display);font-size:1.3rem;font-weight:800;color:var(--ink);text-decoration:none;letter-spacing:-.04em;line-height:1;display:inline-flex;align-items:center}
.ch-header__logo span,.site-logo-text span{color:var(--accent)}
.site-logo-text{font-family:var(--font-display);font-size:1.3rem;font-weight:800;color:var(--ink);text-decoration:none;letter-spacing:-.04em;line-height:1;display:inline-flex;align-items:center}

/* Desktop nav */
.ch-nav{flex:1;min-width:0;display:flex;overflow:visible;max-width:none}
.ch-nav__menu,.ch-nav .menu{display:flex;align-items:center;list-style:none;padding:0;margin:0;flex-wrap:nowrap;overflow:hidden}
.ch-nav__menu > li > a,.ch-nav .menu > li > a{display:flex;align-items:center;height:var(--header-h);padding:0 10px;font-size:.77rem;font-weight:600;color:var(--ink-3);border-bottom:2px solid transparent;transition:all var(--t);white-space:nowrap}
.ch-nav__menu > li > a:hover,.ch-nav .menu > li > a:hover,.ch-nav .current-menu-item > a{color:var(--ink);border-bottom-color:var(--accent)}
.ch-nav .menu-item--cta > a,.ch-nav .menu > li.menu-item--cta > a{color:var(--accent);font-weight:700}

/* Dropdown */
.ch-nav .menu-item,.ch-nav__menu > li{position:relative}
.ch-nav .sub-menu{position:absolute;top:100%;left:0;min-width:200px;background:#fff;border:1px solid var(--border);border-top:3px solid var(--accent);border-radius:0 0 var(--radius) var(--radius);box-shadow:var(--shadow-lg);list-style:none;padding:8px 0;margin:0;opacity:0;visibility:hidden;transform:translateY(-6px);transition:all var(--t);z-index:200}
.ch-nav .menu-item:hover > .sub-menu{opacity:1;visibility:visible;transform:translateY(0)}
.ch-nav .sub-menu a{display:block;padding:9px 18px;font-size:.84rem;font-weight:500;color:var(--ink-2);transition:all var(--t)}
.ch-nav .sub-menu a:hover{color:var(--accent);background:var(--accent-light);padding-left:22px}

/* Header right */
.ch-header__actions{display:flex;align-items:center;gap:8px;flex-shrink:0;margin-left:12px}
.ch-header__search-btn,.header-search-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-sm);color:var(--ink-3);transition:all var(--t)}
.ch-header__search-btn:hover,.header-search-btn:hover{background:var(--bg-raised);color:var(--ink)}
.ch-header__cta,.btn-cta{display:inline-flex;align-items:center;gap:6px;background:var(--accent);color:#fff !important;padding:8px 16px;border-radius:6px;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;transition:all var(--t);white-space:nowrap}
.ch-header__cta:hover,.btn-cta:hover{background:var(--accent-dark);color:#fff !important;transform:translateY(-1px);box-shadow:0 4px 16px rgba(26,92,255,.35)}

/* Hamburger */
.ch-header__hamburger,.menu-toggle{display:none;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:40px;height:40px;padding:8px;border-radius:var(--radius-sm);color:var(--ink);flex-shrink:0;transition:background var(--t)}
.ch-header__hamburger:hover,.menu-toggle:hover{background:var(--bg-raised)}
.ch-header__hamburger span,.menu-toggle span{display:block;width:20px;height:2px;background:currentColor;border-radius:2px;transition:all var(--t);transform-origin:center}
.ch-header__hamburger.open span:nth-child(1),.menu-toggle.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
.ch-header__hamburger.open span:nth-child(2),.menu-toggle.open span:nth-child(2){opacity:0;transform:scaleX(0)}
.ch-header__hamburger.open span:nth-child(3),.menu-toggle.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}

/* Category strip */
.ch-cat-strip{background:var(--bg-dark);border-bottom:1px solid rgba(255,255,255,.06);overflow:hidden}
.ch-cat-strip__inner{display:flex;align-items:stretch;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;white-space:nowrap}
.ch-cat-strip__inner::-webkit-scrollbar{display:none}
.ch-cat-strip__label{background:var(--accent);color:#fff;font-size:.63rem;font-weight:800;padding:0 14px;text-transform:uppercase;letter-spacing:.1em;display:flex;align-items:center;flex-shrink:0;border-right:1px solid rgba(255,255,255,.1)}
.ch-cat-strip__item{display:inline-flex;align-items:center;padding:0 14px;height:36px;font-size:.7rem;font-weight:600;color:rgba(255,255,255,.45);border-right:1px solid rgba(255,255,255,.06);transition:all var(--t);text-decoration:none}
.ch-cat-strip__item:hover,.ch-cat-strip__item.is-active{color:#fff;background:rgba(255,255,255,.07)}

/* Mobile nav */
.mobile-nav-overlay{display:none;position:fixed;inset:0;background:rgba(10,14,26,.55);backdrop-filter:blur(3px);z-index:998}
.mobile-nav-overlay.active{display:block}
.mobile-nav{position:fixed;top:0;right:-100%;width:min(320px,90vw);height:100dvh;background:#fff;z-index:999;overflow-y:auto;transition:right .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-xl)}
.mobile-nav.open{right:0}
.mobile-nav-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--bg-dark);border-bottom:1px solid rgba(255,255,255,.06)}
.mobile-nav-logo{font-family:var(--font-display);font-size:1.1rem;font-weight:800;color:#fff;letter-spacing:-.04em}
.mobile-nav-logo span{color:var(--accent)}
.mobile-nav-close{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.1);color:rgba(255,255,255,.8);transition:all var(--t)}
.mobile-nav-close:hover{background:#e53e3e;color:#fff}
.mobile-nav .menu{list-style:none;padding:4px 0;margin:0}
.mobile-nav .menu-item{border-bottom:1px solid var(--bg-raised)}
.mobile-nav a{display:block;padding:13px 20px;font-size:.8rem;font-weight:700;color:var(--ink-2);text-transform:uppercase;letter-spacing:.03em;transition:all var(--t)}
.mobile-nav a:hover{color:var(--accent);background:var(--accent-light);padding-left:26px}
.mobile-nav .sub-menu{list-style:none;padding:0;background:var(--bg-raised)}
.mobile-nav .sub-menu a{font-size:.82rem;padding-left:36px;text-transform:none;letter-spacing:0;font-weight:500}

/* Search overlay */
.search-overlay{position:fixed;inset:0;background:rgba(10,14,26,.97);z-index:1100;display:flex;align-items:flex-start;justify-content:center;padding:12vh 20px 0;opacity:0;visibility:hidden;transition:all var(--t)}
.search-overlay.active{opacity:1;visibility:visible}
.search-overlay-inner{width:100%;max-width:680px}
.search-overlay-label{display:block;font-size:.7rem;font-weight:700;color:rgba(255,255,255,.35);margin-bottom:14px;letter-spacing:.14em;text-transform:uppercase}
.search-overlay form{position:relative}
.search-overlay input[type=search]{width:100%;padding:18px 60px 18px 22px;background:rgba(255,255,255,.07);border:1.5px solid rgba(255,255,255,.12);border-radius:var(--radius);color:#fff;font-size:1.35rem;outline:none;transition:border-color var(--t)}
.search-overlay input:focus{border-color:var(--accent)}
.search-overlay input::placeholder{color:rgba(255,255,255,.22)}
.search-overlay button[type=submit]{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:rgba(255,255,255,.45);transition:color var(--t);line-height:0}
.search-overlay button[type=submit]:hover{color:#fff}
.search-close{position:absolute;top:20px;right:20px;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.08);color:rgba(255,255,255,.7);transition:all var(--t)}
.search-close:hover{background:#e53e3e;color:#fff}

/* Reading progress */
.reading-progress-bar{position:fixed;top:var(--header-h);left:0;width:0%;height:3px;background:linear-gradient(90deg,var(--accent),var(--orange));z-index:999;transition:width .1s linear}

/* ════════════════════════════════════════════════════════
   HOMEPAGE — HERO
════════════════════════════════════════════════════════ */
.ch-hero{background:var(--bg-dark);padding:24px 0}
.ch-hero__grid{display:grid;grid-template-columns:1fr 300px;gap:12px;align-items:stretch}
.ch-hero__main{position:relative;border-radius:var(--radius);overflow:hidden;background:var(--bg-dark2);min-height:420px;display:flex}
.ch-hero__img-link{position:absolute;inset:0;display:block}
.ch-hero__img-link img{width:100%;height:100%;object-fit:cover;opacity:.6;transition:transform .6s ease,opacity .3s}
.ch-hero__main:hover .ch-hero__img-link img{transform:scale(1.03);opacity:.72}
.ch-hero__img-placeholder{width:100%;min-height:420px;background:linear-gradient(135deg,var(--bg-dark2),var(--bg-dark3))}
.ch-hero__overlay{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;padding:28px;width:100%;background:linear-gradient(to top,rgba(10,14,26,.95) 0%,rgba(10,14,26,.6) 45%,transparent 100%)}
.ch-hero__badges{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-bottom:10px}
.ch-hero__title{font-size:clamp(1.25rem,2.8vw,1.9rem);font-weight:800;color:#fff;line-height:1.18;margin-bottom:12px;letter-spacing:-.03em}
.ch-hero__title a{color:inherit;text-decoration:none}
.ch-hero__title a:hover{text-decoration:underline;text-underline-offset:3px}
.ch-hero__excerpt{font-size:.9rem;color:rgba(255,255,255,.62);line-height:1.55;margin-bottom:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ch-hero__meta{display:flex;align-items:center;gap:8px;font-size:.76rem;color:rgba(255,255,255,.52);flex-wrap:wrap}
.ch-hero__meta img{width:24px;height:24px;border-radius:50%;border:2px solid rgba(255,255,255,.3)}

/* Hero stack */
.ch-hero__stack{display:flex;flex-direction:column;gap:8px}
.ch-hero-card{border-radius:var(--radius-sm);overflow:hidden;background:var(--bg-dark2);flex:1;display:flex;flex-direction:column}
.ch-hero-card__img-wrap,.ch-hero-card__img-link{display:block;overflow:hidden;height:100px;flex-shrink:0;position:relative}
.ch-hero-card__img-wrap img,.ch-hero-card__img-link img,.ch-hero-card__img-placeholder{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.ch-hero-card:hover .ch-hero-card__img-wrap img,.ch-hero-card:hover .ch-hero-card__img-link img{transform:scale(1.05)}
.ch-hero-card__img-placeholder{background:var(--bg-dark3);height:100px}
.ch-hero-card__body{padding:12px;flex:1;background:linear-gradient(to bottom,var(--bg-dark2),var(--bg-dark3))}
.ch-hero-card__title{font-size:.84rem;font-weight:700;color:#fff;line-height:1.3;margin:5px 0 4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ch-hero-card__title a{color:inherit;text-decoration:none}
.ch-hero-card__title a:hover{text-decoration:underline}
.ch-hero-card__meta{font-size:.7rem;color:rgba(255,255,255,.45)}

/* Ad strip */
.ch-ad-strip{background:#fff;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:10px 0;text-align:center}
.ch-confirm-banner{background:var(--green);color:#fff;text-align:center;padding:12px;font-weight:600;font-size:.9rem}

/* ── TOOL OF THE WEEK ── */
.ch-tool-week{background:linear-gradient(135deg,var(--bg-dark) 0%,var(--bg-dark2) 100%);padding:40px 0}
.ch-tool-week__card{display:grid;grid-template-columns:1fr 380px;gap:0;border-radius:var(--radius);overflow:hidden;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.ch-tool-week__img{overflow:hidden}
.ch-tool-week__img img{width:100%;height:100%;object-fit:cover}
.ch-tool-week__body{padding:36px;display:flex;flex-direction:column;justify-content:center}
.ch-tool-week__brand{display:flex;align-items:center;gap:12px;margin-bottom:14px;flex-wrap:wrap}
.ch-tool-week__logo{max-height:36px;width:auto;filter:brightness(0) invert(1);opacity:.85}
.ch-tool-week__title{font-size:clamp(1.3rem,2.5vw,1.8rem);font-weight:800;color:#fff;line-height:1.2;margin-bottom:12px}
.ch-tool-week__title a{color:inherit;text-decoration:none}
.ch-tool-week__title a:hover{text-decoration:underline}
.ch-tool-week__desc{font-size:.92rem;color:rgba(255,255,255,.6);line-height:1.65;margin-bottom:16px}
.ch-tool-week__meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.ch-tool-week__tag{display:inline-flex;align-items:center;gap:5px;font-size:.74rem;font-weight:600;color:rgba(255,255,255,.5);background:rgba(255,255,255,.08);padding:5px 10px;border-radius:999px}
.ch-tool-week__tag--price{color:var(--amber)}
.ch-tool-week__actions{display:flex;gap:10px;flex-wrap:wrap}

/* ── EDITOR'S PICKS ── */
.ch-editors-picks{padding:48px 0;background:#fff}
.ch-picks-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}
.ch-pick-card{background:var(--bg-card);border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);transition:all var(--t);display:flex;flex-direction:column}
.ch-pick-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:transparent}
.ch-pick-card--lead{grid-row:span 2}
.ch-pick-card--lead .ch-pick-card__img-wrap{height:240px}
.ch-pick-card__img-wrap{display:block;overflow:hidden;height:140px;position:relative;background:var(--bg-dark2)}
.ch-pick-card__img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.ch-pick-card:hover .ch-pick-card__img-wrap img{transform:scale(1.05)}
.ch-pick-card__img-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--bg-raised),var(--bg-dark))}
.ch-pick-card__num{position:absolute;top:10px;right:10px;font-family:var(--font-display);font-size:1.5rem;font-weight:800;color:rgba(255,255,255,.35);line-height:1}
.ch-pick-card__body{padding:16px 18px;flex:1;display:flex;flex-direction:column}
.ch-pick-card__title{font-size:.94rem;font-weight:700;line-height:1.35;margin:6px 0 6px;color:var(--ink);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ch-pick-card__title a{color:inherit;text-decoration:none}
.ch-pick-card__title a:hover{color:var(--accent)}
.ch-pick-card__excerpt{font-size:.82rem;color:var(--ink-3);line-height:1.55;margin-bottom:8px;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ch-pick-card__meta{font-size:.72rem;color:var(--ink-4)}

/* ── SPONSORED DEEP DIVE ── */
.ch-deep-dive{padding:48px 0;background:linear-gradient(135deg,var(--sponsor-light) 0%,#fff 100%)}
.ch-deep-dive__inner{border-radius:var(--radius);overflow:hidden;background:#fff;border:1px solid rgba(124,58,237,.2);box-shadow:0 4px 24px rgba(124,58,237,.08);display:grid;grid-template-columns:1fr 420px;gap:0}
.ch-deep-dive__img{overflow:hidden;min-height:300px}
.ch-deep-dive__img img{width:100%;height:100%;object-fit:cover}
.ch-deep-dive__content{padding:40px;display:flex;flex-direction:column;justify-content:center}
.ch-deep-dive__label{display:inline-flex;align-items:center;gap:6px;font-size:.65rem;font-weight:800;color:var(--sponsor);text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px}
.ch-deep-dive__logo{max-height:36px;width:auto;margin-bottom:12px}
.ch-deep-dive__title{font-size:clamp(1.2rem,2.5vw,1.7rem);font-weight:800;color:var(--ink);line-height:1.2;margin:10px 0 12px}
.ch-deep-dive__title a{color:inherit;text-decoration:none}
.ch-deep-dive__title a:hover{color:var(--sponsor)}
.ch-deep-dive__desc{font-size:.92rem;color:var(--ink-3);line-height:1.65;margin-bottom:20px}
.ch-deep-dive__actions{display:flex;gap:10px;flex-wrap:wrap}

/* ── TRENDING TOOLS ── */
.ch-trending-tools{padding:48px 0;background:var(--bg)}
.ch-trending-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.ch-trending-card{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);overflow:hidden;transition:all var(--t);display:flex;flex-direction:column}
.ch-trending-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:transparent}
.ch-trending-card__rank{font-family:var(--font-display);font-size:2rem;font-weight:800;color:var(--border);line-height:1;padding:14px 14px 0}
.ch-trending-card__img-wrap{display:block;overflow:hidden;height:130px;position:relative}
.ch-trending-card__img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.ch-trending-card:hover .ch-trending-card__img-wrap img{transform:scale(1.06)}
.ch-trending-card__body{padding:12px 14px 16px;flex:1;display:flex;flex-direction:column}
.ch-trending-card__title{font-size:.92rem;font-weight:700;line-height:1.35;margin:5px 0 4px;color:var(--ink)}
.ch-trending-card__title a{color:inherit;text-decoration:none}
.ch-trending-card__title a:hover{color:var(--accent)}
.ch-trending-card__meta{font-size:.78rem;color:var(--ink-3);margin-top:auto;margin-bottom:6px}
.ch-trending-card__price{display:inline-block;font-size:.72rem;font-weight:600;color:var(--amber);background:rgba(245,158,11,.1);padding:3px 8px;border-radius:999px;margin-top:4px}

/* ── LATEST ARTICLES ── */
.ch-latest{padding:48px 0;background:#fff}
.ch-latest__wrap{display:grid;grid-template-columns:1fr 300px;gap:36px;align-items:start}
.ch-latest__main{min-width:0}

/* ── BROWSE BY CATEGORY ── */
.ch-browse-cats{padding:48px 0;background:var(--bg)}
.ch-cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.ch-cat-pill{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px 18px;transition:all var(--t);text-decoration:none}
.ch-cat-pill:hover{background:var(--accent);border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow)}
.ch-cat-pill__name{font-weight:700;font-size:.88rem;color:var(--ink);transition:color var(--t)}
.ch-cat-pill:hover .ch-cat-pill__name{color:#fff}
.ch-cat-pill__count{font-size:.72rem;font-weight:700;color:var(--ink-4);background:var(--bg-raised);padding:3px 9px;border-radius:999px;transition:all var(--t)}
.ch-cat-pill:hover .ch-cat-pill__count{background:rgba(255,255,255,.2);color:#fff}

/* ── NEWSLETTER CTA ── */
.ch-newsletter-cta{padding:64px 0;background:linear-gradient(135deg,var(--bg-dark) 0%,var(--bg-dark2) 100%)}
.ch-newsletter-cta__inner{display:grid;grid-template-columns:1fr 400px;gap:48px;align-items:center}
.ch-newsletter-cta__title{font-size:clamp(1.6rem,3vw,2.2rem);color:#fff;font-weight:800;line-height:1.18;margin-bottom:12px}
.ch-newsletter-cta__sub{font-size:.95rem;color:rgba(255,255,255,.6);line-height:1.7;margin-bottom:18px}
.ch-newsletter-cta__perks{list-style:none;padding:0;display:flex;flex-direction:column;gap:6px}
.ch-newsletter-cta__perks li{font-size:.88rem;color:rgba(255,255,255,.75)}
.ch-newsletter-cta__form{display:flex;flex-direction:column;gap:10px}
.ch-newsletter-cta__form input[type=email]{padding:13px 18px;background:rgba(255,255,255,.08);border:1.5px solid rgba(255,255,255,.14);border-radius:var(--radius-sm);color:#fff;font-size:.95rem;outline:none;transition:border-color var(--t)}
.ch-newsletter-cta__form input::placeholder{color:rgba(255,255,255,.3)}
.ch-newsletter-cta__form input:focus{border-color:var(--accent)}
.ch-newsletter-cta__form button{background:var(--accent);color:#fff;padding:13px;border-radius:var(--radius-sm);font-weight:700;font-size:.9rem;text-transform:uppercase;letter-spacing:.04em;transition:all var(--t)}
.ch-newsletter-cta__form button:hover{background:var(--accent-dark);transform:translateY(-1px)}
.nl-message{font-size:.8rem;color:#fc8181}
.nl-success{color:var(--green)!important;font-weight:600}
.ch-newsletter-cta__privacy{font-size:.74rem;color:rgba(255,255,255,.3)}

/* Sidebar newsletter widget */
.newsletter-form{display:flex;flex-direction:column;gap:8px}
.newsletter-form input[type=email]{width:100%;padding:10px 13px;border-radius:var(--radius-sm);border:1.5px solid rgba(255,255,255,.14);background:rgba(255,255,255,.07);color:#fff;font-size:.84rem;outline:none;transition:border-color var(--t);box-sizing:border-box}
.newsletter-form input::placeholder{color:rgba(255,255,255,.28)}
.newsletter-form input:focus{border-color:var(--accent)}
.newsletter-form button{padding:10px;background:var(--accent);color:#fff;border-radius:var(--radius-sm);font-weight:700;font-size:.79rem;text-transform:uppercase;letter-spacing:.05em;transition:all var(--t)}
.newsletter-form button:hover{background:var(--accent-dark)}

/* ── GET FEATURED CTA ── */
.ch-get-featured-cta{padding:64px 0;background:var(--bg)}
.ch-get-featured-cta__inner{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-dark) 100%);border-radius:var(--radius);padding:48px;text-align:center}
.ch-get-featured-cta__badge{display:inline-flex;background:rgba(255,255,255,.18);color:#fff;font-size:.7rem;font-weight:800;padding:5px 12px;border-radius:999px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:16px}
.ch-get-featured-cta__title{font-size:clamp(1.5rem,3vw,2.1rem);color:#fff;font-weight:800;line-height:1.2;margin-bottom:14px}
.ch-get-featured-cta__sub{font-size:.95rem;color:rgba(255,255,255,.75);line-height:1.7;max-width:560px;margin:0 auto 28px}
.ch-get-featured-cta__actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

/* ════════════════════════════════════════════════════════
   POST CARDS
════════════════════════════════════════════════════════ */
.post-card{background:var(--bg-card);border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);transition:all var(--t);display:flex;flex-direction:column;height:100%}
.post-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:transparent}
.post-card-thumb{position:relative;overflow:hidden;aspect-ratio:16/9;background:var(--bg-dark2);flex-shrink:0}
.post-card-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.post-card:hover .post-card-thumb img{transform:scale(1.06)}
.post-card-thumb-placeholder{width:100%;height:100%;min-height:150px;background:linear-gradient(135deg,var(--bg-dark) 0%,var(--bg-dark2) 100%);display:flex;align-items:center;justify-content:center}
.post-card-thumb-placeholder svg{opacity:.1}
.post-card-cat{position:absolute;top:10px;left:10px;z-index:2}
.post-card-body{padding:16px 18px;flex:1;display:flex;flex-direction:column}
.post-card-title{font-size:.92rem;font-weight:700;line-height:1.38;margin-bottom:7px;color:var(--ink);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.post-card-title a{color:inherit;text-decoration:none}
.post-card-title a:hover{color:var(--accent)}
.post-card-excerpt{font-size:.81rem;color:var(--ink-3);line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:12px;flex:1}
.post-card-meta{display:flex;align-items:center;gap:6px;font-size:.72rem;color:var(--ink-4);padding-top:10px;border-top:1px solid var(--bg-raised);margin-top:auto;flex-wrap:wrap}
.post-card-meta .avatar{width:20px;height:20px;border-radius:50%;object-fit:cover;flex-shrink:0}
.post-card-meta .author{font-weight:600;color:var(--ink-3)}
.post-card-meta .sep{opacity:.4}

.posts-grid{display:grid;gap:18px}
.posts-grid--3{grid-template-columns:repeat(3,1fr)}
.posts-grid__ad-break{grid-column:1/-1}

/* ════════════════════════════════════════════════════════
   SINGLE ARTICLE LAYOUT
════════════════════════════════════════════════════════ */
.ch-single-wrap{padding:32px 0 64px;background:#fff}
.ch-single-layout{display:grid;grid-template-columns:1fr 300px;gap:40px;align-items:start}
.ch-article{min-width:0}

/* Article header */
.ch-article__header{margin-bottom:24px}
.ch-article__badges{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.ch-article__title{font-size:clamp(1.65rem,4vw,2.6rem);line-height:1.12;letter-spacing:-.03em;color:var(--ink);margin-bottom:14px;font-weight:800}
.ch-article__dek{font-size:1.05rem;line-height:1.65;color:var(--ink-3);margin-bottom:18px}

/* Byline */
.ch-article__byline{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:14px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:24px}
.ch-byline__avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid var(--border)}
.ch-byline__info{flex:1;min-width:0}
.ch-byline__name{font-weight:700;font-size:.86rem;color:var(--ink);display:block;text-decoration:none;margin-bottom:2px}
.ch-byline__name:hover{color:var(--accent)}
.ch-byline__meta{font-size:.74rem;color:var(--ink-3);display:flex;flex-wrap:wrap;gap:4px;align-items:center}
.ch-byline__sep{opacity:.4}
.ch-byline__share{display:flex;align-items:center;gap:5px;margin-left:auto;flex-shrink:0}
.ch-share-btn,.share-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:1px solid var(--border-dark);color:var(--ink-3);background:#fff;cursor:pointer;transition:all var(--t);text-decoration:none;line-height:0}
.ch-share-btn:hover,.share-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}

/* Hero image */
.ch-article__hero-img{border-radius:var(--radius);overflow:hidden;margin-bottom:28px;background:var(--bg-dark2)}
.ch-article__hero-img img{width:100%;height:auto;display:block}
.ch-article__img-caption{font-size:.76rem;color:var(--ink-3);padding:7px 12px;text-align:center;font-style:italic;background:var(--bg-raised)}

/* Table of contents */
.ch-toc{background:var(--bg-raised);border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:var(--radius);margin:0 0 28px;overflow:hidden}
.ch-toc__toggle{width:100%;display:flex;align-items:center;gap:8px;padding:13px 16px;font-weight:700;font-size:.78rem;color:var(--ink-2);text-transform:uppercase;letter-spacing:.08em;text-align:left;background:none;border:none;cursor:pointer;transition:background var(--t)}
.ch-toc__toggle:hover{background:var(--border)}
.ch-toc__chevron{margin-left:auto;flex-shrink:0;transition:transform var(--t)}
.ch-toc.is-collapsed .ch-toc__chevron{transform:rotate(-90deg)}
.ch-toc.is-collapsed .ch-toc__nav{display:none}
.ch-toc__nav{padding:4px 16px 12px}
.ch-toc__nav ol{list-style:none;padding:0;margin:0;counter-reset:toc}
.ch-toc__nav li{counter-increment:toc;margin-bottom:4px}
.ch-toc__nav a{display:flex;align-items:baseline;gap:8px;font-size:.84rem;color:var(--ink-3);padding:2px 0;transition:color var(--t);text-decoration:none}
.ch-toc__nav a::before{content:counter(toc)".";color:var(--accent);font-weight:700;font-size:.74rem;flex-shrink:0;min-width:18px}
.ch-toc__nav a:hover{color:var(--accent)}
.ch-toc__nav a.is-active{color:var(--accent);font-weight:600}

/* Article body typography */
.ch-article__body{font-size:1.05rem;line-height:1.88;color:var(--ink-2)}
.ch-article__body>*+*{margin-top:1.4em}
.ch-article__body h2{font-size:1.45rem;margin-top:2.5rem;margin-bottom:.75rem;padding-top:1.5rem;border-top:1px solid var(--border);color:var(--ink)}
.ch-article__body h3{font-size:1.15rem;margin-top:2rem;margin-bottom:.6rem;color:var(--ink)}
.ch-article__body a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.ch-article__body ul,.ch-article__body ol{padding-left:1.6rem;margin-bottom:1.25rem}
.ch-article__body li{margin-bottom:.4rem}
.ch-article__body img{border-radius:var(--radius);margin:1.5rem auto}
.ch-article__body blockquote{border-left:4px solid var(--accent);padding:1rem 1.5rem;margin:2rem 0;background:var(--accent-light);border-radius:0 var(--radius) var(--radius) 0;font-style:italic;color:var(--ink-2)}
.ch-article__body code{font-size:.85em;background:var(--bg-raised);border:1px solid var(--border);padding:.15em .45em;border-radius:4px;color:#c53030}
.ch-article__body pre{background:var(--bg-dark);color:#cdd6f4;padding:1.5rem;border-radius:var(--radius);overflow-x:auto;margin:1.5rem 0;font-size:.88rem;line-height:1.7}
.ch-article__body pre code{background:none;border:none;padding:0;color:inherit}
.ch-article__body table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.9rem;overflow-x:auto;display:block}
.ch-article__body th,.ch-article__body td{padding:10px 14px;border:1px solid var(--border);text-align:left}
.ch-article__body th{background:var(--bg-raised);font-weight:600}

/* Article tags */
.ch-article__tags{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}
.ch-tag{display:inline-flex;align-items:center;padding:4px 12px;border-radius:999px;background:var(--bg-raised);border:1px solid var(--border);font-size:.76rem;font-weight:500;color:var(--ink-3);transition:all var(--t)}
.ch-tag:hover{background:var(--accent);border-color:var(--accent);color:#fff}

/* Author box */
.ch-author-box{display:flex;gap:18px;background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);padding:22px;margin:32px 0}
.ch-author-box__avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;flex-shrink:0;border:3px solid var(--accent)}
.ch-author-box__info{flex:1;min-width:0}
.ch-author-box__label{font-size:.68rem;font-weight:700;color:var(--ink-4);text-transform:uppercase;letter-spacing:.1em;display:block;margin-bottom:3px}
.ch-author-box__name{font-size:.95rem;font-weight:700;color:var(--ink);display:block;text-decoration:none;margin-bottom:4px}
.ch-author-box__name:hover{color:var(--accent)}
.ch-author-box__bio{font-size:.86rem;color:var(--ink-3);line-height:1.6}

/* Related posts */
.ch-related-posts,.ch-related-tools{margin:36px 0}
.ch-comments-wrap{border-top:1px solid var(--border);padding-top:32px;margin-top:32px}

/* Ad slots in article */
.ch-ad-slot{margin:20px 0;text-align:center}
.ch-ad-slot--leaderboard{min-height:0}
.ch-ad-slot--in-content{float:right;margin:0 0 16px 20px;max-width:320px;clear:right}
.ch-ad-slot--rectangle{max-width:336px;margin:24px auto}

/* Disclosure bar */
.ch-disclosure-bar{background:var(--sponsor-light);border-bottom:1px solid rgba(124,58,237,.15)}

/* ── REUSABLE COMPONENTS ── */

/* Sponsored badge (detail) */
.ch-sponsored-badge--sponsored{background:var(--sponsor-light);color:var(--sponsor)}
.ch-sponsored-badge--partnership{background:#fef3c7;color:#92400e}
.ch-sponsored-badge--advertorial,.ch-sponsored-badge--press_release{background:var(--bg-raised);color:var(--ink-3)}

/* Product overview card */
.ch-product-card{background:var(--bg-raised);border:1.5px solid var(--border-dark);border-radius:var(--radius);padding:22px;margin:24px 0}
.ch-product-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px;flex-wrap:wrap}
.ch-product-card__logo img{max-height:40px;width:auto}
.ch-product-card__logo-text{font-family:var(--font-display);font-size:1.1rem;font-weight:800;color:var(--ink)}
.ch-product-card__meta{display:flex;flex-wrap:wrap;gap:6px}
.ch-product-card__tag{display:inline-flex;align-items:center;gap:5px;font-size:.74rem;color:var(--ink-3);background:#fff;border:1px solid var(--border);padding:4px 10px;border-radius:999px}
.ch-product-card__tag--price{color:var(--amber);border-color:rgba(245,158,11,.3);background:rgba(245,158,11,.05)}
.ch-product-card__desc{font-size:.9rem;color:var(--ink-2);line-height:1.6;margin-bottom:16px}
.ch-product-card__actions{display:flex;gap:8px;flex-wrap:wrap}
.ch-product-card__disclosure{font-size:.72rem;color:var(--ink-4);margin-top:10px;font-style:italic}

/* Pros / cons */
.ch-pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0}
.ch-pros-cons__col{border-radius:var(--radius-sm);padding:18px}
.ch-pros-cons__col--pros{background:var(--green-light);border:1px solid rgba(12,184,112,.2)}
.ch-pros-cons__col--cons{background:#fff5f5;border:1px solid rgba(229,62,62,.15)}
.ch-pros-cons__heading{display:flex;align-items:center;gap:8px;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px}
.ch-pros-cons__heading--pros{color:var(--green)}
.ch-pros-cons__heading--cons{color:#e53e3e}
.ch-pros-cons__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}
.ch-pros-cons__list li{font-size:.88rem;color:var(--ink-2);line-height:1.5;padding-left:0}

/* Verdict box */
.ch-verdict{background:linear-gradient(135deg,var(--bg-dark) 0%,var(--bg-dark2) 100%);border-radius:var(--radius);padding:28px;margin:24px 0}
.ch-verdict__label{display:flex;align-items:center;gap:7px;font-size:.7rem;font-weight:800;color:var(--amber);text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px}
.ch-verdict__text{font-size:1rem;color:rgba(255,255,255,.8);line-height:1.7;margin-bottom:16px}
.ch-verdict__meta{display:flex;flex-wrap:wrap;gap:18px;margin-bottom:18px}
.ch-verdict__meta-item{font-size:.84rem;color:rgba(255,255,255,.55)}
.ch-verdict__meta-item strong{color:rgba(255,255,255,.9);margin-right:4px}
.ch-verdict__cta{margin-top:4px}

/* Founder quote */
.ch-founder-quote{background:var(--accent-light);border-left:4px solid var(--accent);border-radius:0 var(--radius) var(--radius) 0;padding:24px 28px;margin:28px 0}
.ch-founder-quote__icon{color:var(--accent);margin-bottom:10px;flex-shrink:0}
.ch-founder-quote__text{margin-bottom:18px}
.ch-founder-quote__text p{font-size:1.05rem;font-style:italic;color:var(--ink-2);line-height:1.75}
.ch-founder-quote__attribution{display:flex;align-items:center;gap:12px}
.ch-founder-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--accent)}
.ch-founder-quote__name{font-weight:700;font-size:.88rem;color:var(--ink);display:block}
.ch-founder-quote__title{font-size:.78rem;color:var(--ink-3)}

/* Screenshot gallery */
.ch-screenshot-gallery{margin:24px 0}
.ch-screenshot-gallery__heading{display:flex;align-items:center;gap:8px;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-3);margin-bottom:14px}
.ch-screenshot-gallery__grid{display:grid;gap:10px}
.ch-screenshot-gallery__grid--1{grid-template-columns:1fr}
.ch-screenshot-gallery__grid--2{grid-template-columns:1fr 1fr}
.ch-screenshot-gallery__grid--3{grid-template-columns:1fr 1fr 1fr}
.ch-screenshot-gallery__item{border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border);position:relative}
.ch-screenshot-gallery__link{display:block;position:relative;overflow:hidden}
.ch-screenshot-gallery__img{width:100%;height:auto;transition:transform .4s ease;display:block}
.ch-screenshot-gallery__link:hover .ch-screenshot-gallery__img{transform:scale(1.03)}
.ch-screenshot-gallery__zoom{position:absolute;inset:0;background:rgba(10,14,26,.4);display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity var(--t)}
.ch-screenshot-gallery__link:hover .ch-screenshot-gallery__zoom{opacity:1}

/* CTA block */
.ch-cta-block{background:linear-gradient(135deg,var(--accent-light) 0%,#fff 100%);border:1.5px solid rgba(26,92,255,.2);border-radius:var(--radius);padding:28px;margin:28px 0;text-align:center}
.ch-cta-block__brand{margin-bottom:14px}
.ch-cta-block__logo{max-height:36px;width:auto;margin:0 auto}
.ch-cta-block__brand-name{font-family:var(--font-display);font-size:1.1rem;font-weight:800;color:var(--ink)}
.ch-cta-block__desc{font-size:.92rem;color:var(--ink-3);line-height:1.65;margin-bottom:18px;max-width:420px;margin-left:auto;margin-right:auto}
.ch-cta-block__actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:8px}
.ch-cta-block__disclosure{font-size:.72rem;color:var(--ink-4);font-style:italic}

/* Disclosure */
.ch-disclosure{display:flex;align-items:flex-start;gap:10px;background:var(--sponsor-light);border:1px solid rgba(124,58,237,.15);border-radius:var(--radius-sm);padding:14px 16px;margin:16px 0}
.ch-disclosure__icon{color:var(--sponsor);flex-shrink:0;margin-top:1px}
.ch-disclosure__text{font-size:.82rem;color:var(--ink-2);line-height:1.55;margin:0}

/* Related tools */
.ch-related-tools__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.ch-tool-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;transition:all var(--t);display:flex;flex-direction:column}
.ch-tool-card:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--accent-light)}
.ch-tool-card__thumb{display:block;overflow:hidden;height:90px}
.ch-tool-card__thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.ch-tool-card:hover .ch-tool-card__thumb img{transform:scale(1.05)}
.ch-tool-card__body{padding:10px 12px;flex:1;display:flex;flex-direction:column}
.ch-tool-card__cat{display:block;margin-bottom:4px}
.ch-tool-card__title{font-size:.84rem;font-weight:700;color:var(--ink);line-height:1.3;margin-bottom:4px}
.ch-tool-card__title a{color:inherit;text-decoration:none}
.ch-tool-card__title a:hover{color:var(--accent)}
.ch-tool-card__meta{font-size:.74rem;color:var(--ink-3);margin-top:auto}
.ch-tool-card__price{display:inline-block;font-size:.7rem;font-weight:600;color:var(--amber);margin-top:4px}

/* ════════════════════════════════════════════════════════
   GET FEATURED PAGE
════════════════════════════════════════════════════════ */
.ch-gf-hero{background:linear-gradient(135deg,var(--bg-dark) 0%,var(--bg-dark2) 100%);padding:72px 0;text-align:center}
.ch-gf-hero__inner{max-width:780px;margin:0 auto}
.ch-gf-hero__badge{display:inline-flex;background:rgba(255,255,255,.1);color:rgba(255,255,255,.8);font-size:.7rem;font-weight:800;padding:6px 14px;border-radius:999px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:18px}
.ch-gf-hero__title{font-size:clamp(1.8rem,4vw,3rem);color:#fff;font-weight:800;line-height:1.12;margin-bottom:16px}
.ch-gf-hero__sub{font-size:1rem;color:rgba(255,255,255,.65);line-height:1.75;max-width:620px;margin:0 auto 32px}
.ch-gf-hero__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;background:rgba(255,255,255,.06);border-radius:var(--radius);padding:20px 24px;margin-bottom:32px;border:1px solid rgba(255,255,255,.08)}
.ch-gf-stat{text-align:center}
.ch-gf-stat strong{display:block;font-family:var(--font-display);font-size:1.6rem;color:#fff;font-weight:800;margin-bottom:3px}
.ch-gf-stat span{font-size:.75rem;color:rgba(255,255,255,.45);text-transform:uppercase;letter-spacing:.06em}
.ch-gf-hero__actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

.ch-gf-benefits{padding:64px 0;background:#fff}
.ch-benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.ch-benefit-card{background:var(--bg-raised);border-radius:var(--radius);padding:24px;border:1px solid var(--border);transition:all var(--t)}
.ch-benefit-card:hover{border-color:var(--accent-light);box-shadow:var(--shadow)}
.ch-benefit-card__icon{width:44px;height:44px;background:var(--accent-light);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--accent);margin-bottom:14px}
.ch-benefit-card__title{font-size:1rem;font-weight:700;color:var(--ink);margin-bottom:7px}
.ch-benefit-card__desc{font-size:.88rem;color:var(--ink-3);line-height:1.65}

.ch-gf-packages{padding:64px 0;background:var(--bg)}
.ch-packages-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:start}
.ch-package-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:28px;position:relative;transition:all var(--t)}
.ch-package-card:hover{box-shadow:var(--shadow-lg)}
.ch-package-card--highlight{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow),var(--shadow-lg)}
.ch-package-card__badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--accent);color:#fff;font-size:.65rem;font-weight:800;padding:4px 14px;border-radius:999px;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}
.ch-package-card__name{font-size:1.05rem;font-weight:800;color:var(--ink);margin-bottom:6px}
.ch-package-card__price{font-family:var(--font-display);font-size:2rem;font-weight:800;color:var(--accent);line-height:1;margin-bottom:8px}
.ch-package-card__desc{font-size:.84rem;color:var(--ink-3);margin-bottom:20px;line-height:1.55}
.ch-package-card__features{list-style:none;padding:0;margin:0 0 24px;display:flex;flex-direction:column;gap:9px}
.ch-package-card__features li{display:flex;align-items:flex-start;gap:9px;font-size:.86rem;color:var(--ink-2);line-height:1.4}
.ch-package-card__features li svg{color:var(--green);flex-shrink:0;margin-top:2px}

.ch-how-it-works{padding:64px 0;background:#fff}
.ch-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.ch-step{display:flex;flex-direction:column;gap:12px;padding:24px;background:var(--bg-raised);border-radius:var(--radius);border:1px solid var(--border)}
.ch-step__num{font-family:var(--font-display);font-size:2rem;font-weight:800;color:var(--accent);line-height:1}
.ch-step__title{font-size:.95rem;font-weight:700;color:var(--ink)}
.ch-step__desc{font-size:.85rem;color:var(--ink-3);line-height:1.65}

.ch-example-coverage{padding:64px 0;background:var(--bg)}
.ch-faq{padding:64px 0;background:#fff}
.ch-faq-list{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:8px}
.ch-faq-item{border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;transition:border-color var(--t)}
.ch-faq-item:has(.ch-faq-item__a:not([hidden])){border-color:var(--accent)}
.ch-faq-item__q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;font-weight:600;font-size:.92rem;color:var(--ink);text-align:left;background:#fff;cursor:pointer;transition:background var(--t)}
.ch-faq-item__q:hover{background:var(--bg-raised)}
.ch-faq-item__chevron{flex-shrink:0;transition:transform var(--t)}
.ch-faq-item__q[aria-expanded=true] .ch-faq-item__chevron{transform:rotate(180deg)}
.ch-faq-item__a{padding:0 20px 16px;background:#fff}
.ch-faq-item__a p{font-size:.9rem;color:var(--ink-3);line-height:1.7;margin:0}

.ch-inquiry{padding:64px 0;background:var(--bg-dark)}
.ch-inquiry .ch-section-heading--center h2,.ch-inquiry .ch-section-heading--center p{color:rgba(255,255,255,.9)}
.ch-inquiry .ch-section-heading--center p{color:rgba(255,255,255,.55)}
.ch-inquiry__form-wrap{max-width:640px;margin:0 auto;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);padding:36px}
.ch-inquiry-form{display:flex;flex-direction:column;gap:16px}
.ch-inquiry-form__row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ch-inquiry-form__field{display:flex;flex-direction:column;gap:6px}
.ch-inquiry-form__field label{font-size:.8rem;font-weight:600;color:rgba(255,255,255,.7);text-transform:uppercase;letter-spacing:.06em}
.ch-inquiry-form__field input,.ch-inquiry-form__field textarea,.ch-inquiry-form__field select{padding:12px 14px;background:rgba(255,255,255,.07);border:1.5px solid rgba(255,255,255,.12);border-radius:var(--radius-sm);color:#fff;font-size:.9rem;outline:none;transition:border-color var(--t);box-sizing:border-box;width:100%}
.ch-inquiry-form__field input::placeholder,.ch-inquiry-form__field textarea::placeholder{color:rgba(255,255,255,.28)}
.ch-inquiry-form__field input:focus,.ch-inquiry-form__field textarea:focus,.ch-inquiry-form__field select:focus{border-color:var(--accent)}
.ch-inquiry-form__field textarea{min-height:120px;resize:vertical}
.ch-inquiry-form__field select option{background:var(--bg-dark);color:#fff}

/* ════════════════════════════════════════════════════════
   SIDEBAR
════════════════════════════════════════════════════════ */
.site-sidebar{position:sticky;top:calc(var(--header-h) + 16px);width:100%;min-width:0}
.sidebar-widget,.site-sidebar .widget{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:18px;overflow:hidden;box-sizing:border-box;width:100%}
.sidebar-widget:last-child,.site-sidebar .widget:last-child{margin-bottom:0}
.widget-title{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:.67rem;font-weight:800;text-transform:uppercase;letter-spacing:.13em;color:var(--ink);margin-bottom:14px;padding-bottom:10px;border-bottom:2px solid var(--bg-dark);line-height:1}
.newsletter-widget{background:var(--bg-dark)!important;border-color:transparent!important}
.newsletter-widget .widget-title{color:rgba(255,255,255,.38);border-bottom-color:rgba(255,255,255,.08)}
.newsletter-widget p{font-size:.84rem;color:rgba(255,255,255,.5);margin-bottom:14px;line-height:1.55}
.trending-list{list-style:none;padding:0;margin:0}
.trending-item{display:flex;gap:11px;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--bg-raised)}
.trending-item:last-child{border-bottom:none;padding-bottom:0}
.trending-num{font-family:var(--font-display);font-size:1.3rem;font-weight:800;color:var(--border-dark);min-width:22px;line-height:1;flex-shrink:0}
.trending-info{flex:1;min-width:0}
.trending-title{font-size:.84rem;font-weight:700;line-height:1.32;color:var(--ink);display:block;margin-bottom:3px;text-decoration:none}
.trending-title:hover{color:var(--accent)}
.trending-meta{font-size:.7rem;color:var(--ink-4)}
.cat-list{list-style:none;padding:0;margin:0}
.cat-list li{border-bottom:1px solid var(--bg-raised)}
.cat-list li:last-child{border-bottom:none}
.cat-list a{display:flex;justify-content:space-between;align-items:center;padding:9px 0;font-size:.86rem;font-weight:500;color:var(--ink-2);text-decoration:none;transition:all var(--t)}
.cat-list a:hover{color:var(--accent);padding-left:4px}
.cat-count{background:var(--bg-raised);color:var(--ink-4);font-size:.67rem;font-weight:700;padding:2px 7px;border-radius:999px}
.recent-post-item{display:flex;gap:11px;align-items:center;padding:10px 0;border-bottom:1px solid var(--bg-raised)}
.recent-post-item:last-child{border-bottom:none;padding-bottom:0}
.recent-thumb{width:64px;height:48px;border-radius:6px;object-fit:cover;flex-shrink:0;background:var(--bg-dark2)}
.recent-post-body{flex:1;min-width:0}
.recent-post-title{font-size:.82rem;font-weight:600;line-height:1.32;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:3px;text-decoration:none}
.recent-post-title:hover{color:var(--accent)}
.recent-post-date{font-size:.7rem;color:var(--ink-4)}
.sidebar-sticky-ad{position:sticky;top:calc(var(--header-h) + 16px)}

/* ════════════════════════════════════════════════════════
   ARCHIVE, PAGINATION, SEARCH, 404, FOOTER (KEPT FROM v5)
════════════════════════════════════════════════════════ */
.archive-header{background:var(--bg-dark);padding:40px 0 36px;margin-bottom:32px}
.archive-term-icon{display:inline-flex;align-items:center;background:var(--accent);color:#fff;font-size:.66rem;font-weight:800;padding:4px 10px;border-radius:var(--radius-xs);text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px}
.site-main{padding:32px 0 64px}
.content-sidebar-wrap{display:grid;grid-template-columns:1fr 300px;gap:36px;align-items:start}
.section-heading{display:flex;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid var(--bg-dark)}
.section-heading .bar{display:inline-block;width:14px;height:3px;background:var(--accent);border-radius:2px;flex-shrink:0}
.section-heading .label{font-family:var(--font-display);font-size:.68rem;font-weight:800;color:var(--ink);text-transform:uppercase;letter-spacing:.1em;text-decoration:none}
.section-heading::after{content:'';flex:1;height:1px;background:var(--border);margin-left:4px}
.section-view-all{margin-left:auto;font-size:.72rem;font-weight:600;color:var(--accent);text-decoration:none;flex-shrink:0;white-space:nowrap}
.pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px;padding:32px 0}
.page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 10px;border-radius:var(--radius-sm);font-size:.84rem;font-weight:600;border:1px solid var(--border);color:var(--ink-3);background:#fff;transition:all var(--t);text-decoration:none}
.page-numbers:hover{background:var(--accent-light);border-color:var(--accent);color:var(--accent)}
.page-numbers.current{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:700}
.page-numbers.dots{border:none;background:none}
.breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:5px;font-size:.75rem;color:var(--ink-4);padding:12px 0}
.breadcrumbs a{color:var(--ink-3);font-weight:500}
.breadcrumbs a:hover{color:var(--accent)}
.breadcrumbs .sep{opacity:.4}
.search-form .search-bar-wrap{display:flex}
.search-form .search-field{flex:1;padding:11px 14px;border:1.5px solid var(--border);border-right:none;border-radius:var(--radius-sm) 0 0 var(--radius-sm);font-size:.9rem;outline:none;transition:border-color var(--t);background:#fff;color:var(--ink)}
.search-form .search-field:focus{border-color:var(--accent)}
.search-form .search-submit{background:var(--accent);color:#fff;border:none;padding:0 16px;cursor:pointer;border-radius:0 var(--radius-sm) var(--radius-sm) 0;transition:background var(--t);min-width:44px;display:flex;align-items:center;justify-content:center}
.search-form .search-submit:hover{background:var(--accent-dark)}
.error-404-wrap{text-align:center;padding:80px 20px}
.error-code{font-size:8rem;font-weight:800;color:var(--accent);line-height:1;opacity:.1;font-family:var(--font-display)}
.error-404-wrap h1{font-size:2rem;margin-bottom:10px;margin-top:-8px}
.error-404-wrap p{color:var(--ink-3);max-width:380px;margin:0 auto 24px}
.back-to-top{position:fixed;bottom:24px;right:24px;width:42px;height:42px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;line-height:0;box-shadow:0 4px 20px rgba(26,92,255,.38);opacity:0;visibility:hidden;transform:translateY(14px);transition:all var(--t);z-index:900;cursor:pointer}
.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}
.back-to-top:hover{background:var(--accent-dark);transform:translateY(-3px)}

/* ── FOOTER ── */
.footer-ad-bar{background:#fff;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:12px 0;text-align:center}
#colophon{background:var(--bg-dark)!important;color:rgba(255,255,255,.5)}
.footer-accent-bar{height:4px;background:linear-gradient(90deg,var(--accent) 0%,#6366f1 50%,var(--orange) 100%)}
.footer-top{padding:52px 0 40px;border-bottom:1px solid rgba(255,255,255,.07)}
.footer-grid{display:grid;grid-template-columns:260px 1fr 1fr 1fr;gap:48px}
.footer-brand{display:flex;flex-direction:column}
.footer-logo{display:inline-flex;align-items:center;font-family:var(--font-display);font-size:1.28rem;font-weight:800;color:#fff!important;letter-spacing:-.05em;text-decoration:none;margin-bottom:14px;line-height:1}
.footer-logo span{color:var(--accent)!important}
.footer-logo img{height:30px;width:auto}
.footer-tagline{font-size:.85rem;line-height:1.7;color:rgba(255,255,255,.4);margin-bottom:22px;max-width:230px}
.footer-social{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.social-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;line-height:0;background:rgba(255,255,255,.07);color:rgba(255,255,255,.5)!important;border:1px solid rgba(255,255,255,.08);text-decoration:none;transition:all var(--t)}
.social-btn:hover{background:var(--accent);color:#fff!important;border-color:var(--accent);transform:translateY(-2px)}
.footer-col-heading{font-family:var(--font-display);font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.14em;color:rgba(255,255,255,.9);margin-bottom:16px;padding-bottom:9px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:8px}
.footer-col-heading::before{content:'';display:inline-block;width:3px;height:12px;background:var(--accent);border-radius:2px;flex-shrink:0}
.footer-nav-list{list-style:none;padding:0;margin:0}
.footer-nav-list a{display:flex;align-items:center;gap:7px;font-size:.86rem;color:rgba(255,255,255,.4);text-decoration:none;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.04);transition:all var(--t)}
.footer-nav-list li:last-child a{border-bottom:none}
.footer-nav-list a::before{content:'';display:inline-block;width:4px;height:4px;border-radius:50%;background:rgba(255,255,255,.16);flex-shrink:0;transition:background var(--t)}
.footer-nav-list a:hover{color:rgba(255,255,255,.88);padding-left:4px}
.footer-nav-list a:hover::before{background:var(--accent)}
.footer-mid{padding:28px 0;border-bottom:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.02)}
.footer-mid-inner{display:flex;align-items:center;gap:36px;flex-wrap:wrap}
.footer-mid-text{flex:1;min-width:240px}
.footer-mid-text h3{font-size:1rem;font-weight:800;color:#fff;margin-bottom:5px}
.footer-mid-text p{font-size:.84rem;color:rgba(255,255,255,.4)}
.footer-mid-form{display:flex;gap:8px;flex-wrap:nowrap;flex-shrink:0;min-width:320px}
.footer-mid-form input[type=email]{flex:1;padding:11px 16px;background:rgba(255,255,255,.07);border:1.5px solid rgba(255,255,255,.12);border-radius:6px;color:#fff;font-size:.87rem;outline:none;transition:border-color var(--t);box-sizing:border-box;min-width:0}
.footer-mid-form input::placeholder{color:rgba(255,255,255,.26)}
.footer-mid-form input:focus{border-color:var(--accent)}
.footer-mid-form button{background:var(--accent);color:#fff;border:none;padding:11px 20px;border-radius:6px;font-weight:700;font-size:.77rem;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all var(--t)}
.footer-mid-form button:hover{background:var(--accent-dark);transform:translateY(-1px)}
.footer-bottom{padding:16px 0}
.footer-bottom-inner{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.footer-copy{font-size:.77rem;color:rgba(255,255,255,.26);line-height:1.6}
.footer-copy a{color:rgba(255,255,255,.4);text-decoration:none}
.footer-legal-links{display:flex;align-items:center;flex-wrap:wrap}
.footer-legal-links a{font-size:.75rem;color:rgba(255,255,255,.25);text-decoration:none;padding:3px 12px;border-right:1px solid rgba(255,255,255,.1);white-space:nowrap;transition:color var(--t)}
.footer-legal-links a:last-child{border-right:none}
.footer-legal-links a:hover{color:rgba(255,255,255,.65)}

/* WP helpers */
.alignleft{float:left;margin:.5rem 1.5rem 1rem 0}
.alignright{float:right;margin:.5rem 0 1rem 1.5rem}
.aligncenter{margin:0 auto 1rem;display:block}

/* ════════════════════════════════════════════════════════
/* ════════════════════════════════════════════════════════
   MOBILE-FIRST RESPONSIVE SYSTEM v8.0
   Base = mobile (320px+)
   sm   = 480px+
   md   = 640px+
   lg   = 768px+
   xl   = 1024px+
   2xl  = 1280px+
════════════════════════════════════════════════════════ */

/* ── BASE (all screens — mobile first) ──────────────── */

/* Container */
.container{padding:0 16px}

/* Typography scale — tighter on mobile */
h1{font-size:1.65rem;line-height:1.2}
h2{font-size:1.3rem}
h3{font-size:1.05rem}

/* ── HEADER — mobile base (320px+) ──────────────────────
   SINGLE SOURCE OF TRUTH. No other block overrides these.
─────────────────────────────────────────────────────── */
:root{--header-h:56px}

/* Mobile: hide desktop nav, show hamburger */
.ch-nav,.primary-nav{display:none!important}
.ch-header__hamburger,.menu-toggle{
  display:flex!important;
  flex-direction:column;align-items:center;justify-content:center;
  gap:5px;width:40px;height:40px;padding:8px;
  border-radius:var(--radius-sm);color:var(--ink);flex-shrink:0;
  background:none;border:none;cursor:pointer;
}

/* On mobile: hide text nav CTAs but KEEP avatar + hamburger */
.ch-header__cta{display:none}
.ch-header__auth-link{display:none}

/* Avatar is ALWAYS visible when logged in */
.chp-header-avatar-wrap{
  position:relative;
  display:flex!important;
  align-items:center;
  flex-shrink:0;
  width:40px;
  max-width:40px;   /* hard cap — dropdown escapes via position:absolute */
}
.chp-header-avatar-btn{
  display:inline-flex;align-items:center;justify-content:center;
  width:40px;height:40px;min-width:40px;
  border-radius:999px;padding:2px;
  background:transparent;border:0;cursor:pointer;
  position:relative;
}
.chp-header-avatar-img{
  width:36px;height:36px;border-radius:999px;
  object-fit:cover;border:2px solid rgba(26,92,255,.2);
  display:block;
}

/* Brand: never let it push actions off screen */
.ch-header__brand{
  flex-shrink:0;
  margin-right:auto;
  max-width:calc(100vw - 130px); /* logo + 3 action buttons max */
  overflow:hidden;
}
.ch-header__brand a,.ch-header__logo{
  max-width:100%;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.ch-header__brand img,.custom-logo-link img{
  max-height:36px;
  width:auto;
}

/* Actions: always flex, always visible, never pushed off */
.ch-header__actions{
  display:flex!important;
  align-items:center;
  gap:6px;
  flex-shrink:0;
  margin-left:8px;
}

/* Ensure each action button is touch-friendly */
.ch-header__search-btn,
.ch-header__hamburger,
.menu-toggle,
.chp-header-avatar-btn{
  width:40px;height:40px;min-width:40px;flex-shrink:0;
}

/* Category strip: no overflow on mobile */
.ch-cat-strip .container{padding:0}
.ch-cat-strip__inner{padding:0 12px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.ch-cat-strip__inner::-webkit-scrollbar{display:none}
.ch-cat-strip__label,.ch-cat-strip__item{flex:0 0 auto}

/* Hero */
.ch-hero__grid{grid-template-columns:1fr;gap:12px}
.ch-hero__stack{display:none}
.ch-hero__main{min-height:220px;border-radius:var(--radius)}
.ch-hero__overlay{padding:16px}
.ch-hero__title{font-size:1.1rem;line-height:1.25}
.ch-hero__badge{font-size:.65rem}

/* Grids — single column on mobile */
.ch-picks-grid,
.ch-trending-grid,
.posts-grid--3,
.ch-cat-grid,
.ch-related-tools__grid,
.ch-packages-grid,
.ch-screenshot-gallery__grid--2,
.ch-screenshot-gallery__grid--3{grid-template-columns:1fr}

/* Layout — no sidebar on mobile */
.ch-latest__wrap,
.ch-single-layout,
.content-sidebar-wrap{grid-template-columns:1fr}
.site-sidebar,
.ch-single-layout .site-sidebar{display:none}
.sidebar-sticky-ad{position:static}

/* Article */
.ch-article__title{font-size:1.4rem;line-height:1.22}
.ch-byline__share{display:none}
.ch-author-box{flex-direction:column;text-align:center}
.ch-author-box__avatar{margin:0 auto}
.ch-pros-cons{grid-template-columns:1fr}
.ch-ad-slot--in-content{float:none;margin:16px 0;max-width:100%;width:100%}

/* Tool week & deep dive */
.ch-tool-week__card,
.ch-deep-dive__inner{grid-template-columns:1fr}
.ch-tool-week__img,
.ch-deep-dive__img{max-height:200px;width:100%;object-fit:cover}

/* Newsletter */
.ch-newsletter-cta__inner{grid-template-columns:1fr;gap:24px}
.ch-newsletter-cta{padding:40px 0}
.ch-newsletter-cta__title{font-size:1.4rem}

/* Footer */
.footer-grid{grid-template-columns:1fr;gap:24px}
.footer-brand{grid-column:1/-1}
.footer-mid-inner{flex-direction:column;gap:16px}
.footer-mid-form{width:100%;flex-wrap:wrap}
.footer-mid-form input[type=email]{min-width:0;flex:1}
.footer-mid-form button{width:100%}
.footer-bottom-inner{flex-direction:column;gap:10px;text-align:center}
.footer-legal-links{justify-content:center;flex-wrap:wrap}
.footer-nav-col{border-bottom:1px solid rgba(255,255,255,.07);padding-bottom:16px}

/* Get featured */
.ch-gf-hero__stats{grid-template-columns:repeat(2,1fr)}
.ch-benefits-grid,
.ch-steps,
.ch-inquiry-form__row{grid-template-columns:1fr}

/* Back to top */
.back-to-top{bottom:16px;right:16px;width:40px;height:40px}

/* ── Kill ALL floating buttons, cookie banners, subscribe popups ─── */
/* Cookie consent plugins */
.cookie-notice-container,
.cookie-law-info-bar,
.gdpr-cookie-notice,
.cc-window,
.cc-banner,
.cookiebot,
#cookieConsent,
#cookie-notice,
#cookie-law-info-bar,
.cookie_notice_int,
/* Newsletter popups / subscribe floats */
.floating-subscribe,
.floating-button,
.fixed-subscribe,
[class*="float"][class*="sub"],
[class*="sticky"][class*="sub"],
[id*="float-sub"],
[id*="floating-sub"],
[id*="floating-subscribe"],
[class*="floating-newsletter"],
.popup-subscribe,
.poptinOverlay,
.optinly-overlay,
.mc4wp-form-fields ~ .floating,
/* Hustle / OptinMonster / Mailchimp popup */
.hustle-ui,
.om-bar,
.optinmonster-optin-wrap,
/* Generic fixed bottom widgets */
.fixed-bottom-bar,
.sticky-bottom,
[class*="subscribe-bar"],
[class*="newsletter-bar"],
[class*="subscribe-popup"],
/* WP Popups, Bloom, Convert Pro */
.et_bloom_popup_container,
.cp-popup,
.wp-popup-overlay,
/* The specific cookie+subscribe combo seen in screenshots */
.wt-cli-cookie-bar-container,
.cli-bar-container,
.cookie-bar,
#cookie-bar{display:none!important;visibility:hidden!important;opacity:0!important}

/* ── sm: 480px+ ─────────────────────────────────────── */
@media (min-width:480px){
  h1{font-size:1.85rem}
  h2{font-size:1.45rem}
  .ch-hero__main{min-height:240px}
  .ch-hero__title{font-size:1.25rem}
  .ch-cat-grid{grid-template-columns:repeat(2,1fr)}
  .ch-gf-hero__stats{grid-template-columns:repeat(2,1fr)}
  .footer-mid-form{flex-direction:row}
  .footer-mid-form button{width:auto}
}

/* ── md: 640px+ ─────────────────────────────────────── */
@media (min-width:640px){
  .container{padding:0 20px}
  :root{--header-h:60px}
  h1{font-size:2rem}
  h2{font-size:1.6rem}
  .ch-hero__grid{grid-template-columns:1fr}
  .ch-hero__main{min-height:280px}
  .ch-hero__title{font-size:1.45rem}
  .ch-picks-grid{grid-template-columns:1fr 1fr}
  .ch-pick-card--lead{grid-column:1/-1}
  .ch-trending-grid{grid-template-columns:repeat(2,1fr)}
  .posts-grid--3{grid-template-columns:repeat(2,1fr)}
  .ch-cat-grid{grid-template-columns:repeat(3,1fr)}
  .ch-related-tools__grid{grid-template-columns:repeat(2,1fr)}
  .ch-screenshot-gallery__grid--2{grid-template-columns:1fr 1fr}
  .ch-screenshot-gallery__grid--3{grid-template-columns:1fr 1fr}
  .ch-newsletter-cta{padding:56px 0}
  .ch-newsletter-cta__title{font-size:1.7rem}
  .footer-grid{grid-template-columns:1fr 1fr;gap:32px}
  .footer-brand{grid-column:1/-1}
  .footer-nav-col{border-bottom:none;padding-bottom:0}
  .ch-steps{grid-template-columns:repeat(2,1fr)}
  .ch-benefits-grid{grid-template-columns:repeat(2,1fr)}
  .ch-article__title{font-size:1.7rem}
  .ch-author-box{flex-direction:row;text-align:left}
  .ch-author-box__avatar{margin:0}
  .ch-byline__share{display:flex}
  .ch-pros-cons{grid-template-columns:1fr 1fr}
  .ch-gf-hero__stats{grid-template-columns:repeat(3,1fr)}
  .ch-tool-week__img,.ch-deep-dive__img{max-height:240px}
}

/* ── lg: 768px+ — desktop nav, Launch CTA, Login link, hero stack ── */
@media (min-width:768px){
  :root{--header-h:64px}
  .ch-header__hamburger,.menu-toggle{display:none!important}
  .ch-nav,.primary-nav{display:flex!important}
  .ch-header__cta{display:inline-flex!important}
  .ch-header__auth-link{display:inline-flex!important}
  .ch-header__brand{max-width:none}
  .ch-header__actions{gap:10px}
  /* Restore hero stack on desktop */
  .ch-hero__stack{display:flex!important;flex-direction:column;gap:8px}
  .ch-hero__grid{grid-template-columns:1fr 280px}
  .ch-hero__main{min-height:340px}
  h1{font-size:2.2rem}
  h2{font-size:1.75rem}
  .ch-hero__stack{display:flex;flex-direction:column;gap:8px}
  .ch-hero__grid{grid-template-columns:minmax(0,1.9fr) minmax(260px,.95fr)}
  .ch-hero__main{min-height:320px}
  .ch-hero__title{font-size:1.6rem}
  .ch-latest__wrap,
  .ch-single-layout,
  .content-sidebar-wrap{grid-template-columns:1fr 300px}
  .site-sidebar,
  .ch-single-layout .site-sidebar{display:block}
  .ch-newsletter-cta__inner{grid-template-columns:1fr 380px}
  .footer-grid{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px}
  .footer-brand{grid-column:auto}
  .footer-mid-inner{flex-direction:row;align-items:center;gap:32px}
  .footer-mid-form{min-width:360px}
  .footer-bottom-inner{flex-direction:row;text-align:left}
  .footer-legal-links{justify-content:flex-end}
  .ch-inquiry-form__row{grid-template-columns:1fr 1fr}
  .ch-packages-grid{grid-template-columns:1fr}
}

/* ── xl: 1024px+ ─────────────────────────────────────── */
@media (min-width:1024px){
  h1{font-size:2.6rem}
  h2{font-size:2rem}
  .ch-hero__grid{grid-template-columns:minmax(0,2fr) minmax(300px,1fr)}
  .ch-hero__stack{flex-direction:column}
  .ch-hero__main{min-height:380px}
  .ch-hero__title{font-size:1.85rem}
  .ch-picks-grid{grid-template-columns:1fr 1fr 1fr}
  .ch-pick-card--lead{grid-column:1;grid-row:1/3}
  .ch-pick-card--lead .ch-pick-card__img-wrap{height:260px}
  .ch-trending-grid{grid-template-columns:repeat(3,1fr)}
  .posts-grid--3{grid-template-columns:repeat(3,1fr)}
  .ch-cat-grid{grid-template-columns:repeat(4,1fr)}
  .ch-related-tools__grid{grid-template-columns:repeat(3,1fr)}
  .ch-screenshot-gallery__grid--3{grid-template-columns:1fr 1fr 1fr}
  .ch-latest__wrap,
  .ch-single-layout,
  .content-sidebar-wrap{grid-template-columns:1fr 320px}
  .ch-tool-week__card{grid-template-columns:1.2fr 1fr}
  .ch-tool-week__img,.ch-deep-dive__img{max-height:300px}
  .ch-deep-dive__inner{grid-template-columns:1.2fr 1fr}
  .ch-benefits-grid{grid-template-columns:repeat(3,1fr)}
  .ch-steps{grid-template-columns:repeat(3,1fr)}
  .ch-packages-grid{grid-template-columns:repeat(3,1fr)}
  .ch-gf-hero__stats{grid-template-columns:repeat(4,1fr)}
  .ch-newsletter-cta{padding:80px 0}
  .ch-newsletter-cta__title{font-size:2rem}
  .ch-article__title{font-size:2rem}
}

/* ── 2xl: 1280px+ ─────────────────────────────────────── */
@media (min-width:1280px){
  .container{padding:0 24px}
  .ch-hero__grid{grid-template-columns:minmax(0,2.15fr) 320px}
  .ch-hero__stack{flex-direction:column}
  .ch-hero__main{min-height:420px}
}

/* ── Accessibility: reduced motion ─────────────────── */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  html{scroll-behavior:auto}
  .reading-progress-bar{display:none}
}

/* ── Forced colours (Windows High Contrast) ─────────── */
@media (forced-colors:active){
  .ch-btn--primary,.ch-btn--secondary,.back-to-top{border:2px solid ButtonText}
  .ch-hero__overlay{background:Canvas}
}

/* ── Print ──────────────────────────────────────────── */
@media print{
  #masthead,.ch-header,.site-sidebar,.ch-related-posts,.ch-related-tools,
  .ch-comments-wrap,.back-to-top,.reading-progress-bar,.ch-ad-slot,
  .footer-ad-bar,.ch-cat-strip,#colophon,.ch-byline__share,
  .ch-newsletter-cta,.ch-get-featured-cta,
  .mobile-nav,.search-overlay{display:none!important}
  .ch-single-layout,.content-sidebar-wrap{grid-template-columns:1fr!important}
  body{font-size:11pt;color:#000;background:#fff}
  a{color:#000;text-decoration:underline}
}

/* ── Touch targets — minimum 44×44px ───────────────── */
.ch-header__search-btn,
.ch-header__hamburger,
.back-to-top,
.ch-header__auth-link,
.chp-header-avatar-btn,
.menu-item a{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center}
.menu-item a{min-width:auto;padding-top:10px;padding-bottom:10px}

/* ── Word wrap ──────────────────────────────────────── */
.ch-article__body,.ch-article__body p,.ch-article__body li,
.post-card-title,.ch-pick-card__title,.ch-hero__title{
  overflow-wrap:break-word;word-break:break-word;hyphens:auto
}

/* ── Smooth image loading ────────────────────────────── */
img{color:transparent}
img[loading=lazy]{opacity:0;transition:opacity .3s ease}
img.loaded,img:not([loading]){opacity:1}


/* ── Header account dropdown + mobile stability ───────────────────── */
/* avatar-wrap: see main definition above */
.chp-header-avatar-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;padding:2px;background:transparent;color:var(--ink);border:0}
.chp-header-avatar-img{width:36px;height:36px;border-radius:999px;object-fit:cover;border:2px solid var(--border)}
.chp-header-notif-dot{position:absolute;top:2px;right:2px;width:10px;height:10px;border-radius:999px;background:#e53e3e;border:2px solid #fff}
.chp-header-dropdown{
  position:absolute;
  top:calc(100% + 10px);
  right:-4px; /* align to viewport edge on mobile */
  min-width:240px;
  max-width:min(92vw,320px);
  background:#fff;
  border:1px solid var(--border);
  border-radius:12px;
  box-shadow:var(--shadow-lg);
  /* CRITICAL: fully hidden until .is-open — no layout contribution */
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(-8px);
  transition:opacity var(--t),transform var(--t),visibility var(--t);
  overflow:hidden;
  z-index:3000;
  /* Prevent any bleed during render */
  contain:layout style;
}
.chp-header-dropdown.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
.chp-header-dropdown__user{padding:14px 16px;border-bottom:1px solid var(--border)}
.chp-header-dropdown__name{font-weight:700;font-size:.9rem;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chp-header-dropdown__email{font-size:.78rem;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
.chp-header-dropdown a{display:flex;align-items:center;gap:10px;padding:11px 16px;color:var(--ink-2);font-size:.88rem;font-weight:600;background:#fff}
.chp-header-dropdown a:hover{background:var(--bg-raised);color:var(--accent)}
.chp-dropdown-logout{border-top:1px solid var(--border);color:#d92d20!important}
.ch-header__auth-link{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 12px;font-size:.85rem;font-weight:700;color:var(--ink-2)}
.ch-cat-strip__inner{display:flex;align-items:center;gap:10px;overflow-x:auto;white-space:nowrap;scrollbar-width:none}
.ch-cat-strip__inner::-webkit-scrollbar{display:none}
.ch-cat-strip__label,.ch-cat-strip__item{flex:0 0 auto}
/* ── Header mobile overrides (merged into min-width cascade above) ── */
/* These are intentionally empty — all header responsive rules live in
   the min-width blocks above to avoid specificity conflicts */


/* --- header desktop logged-in stability fix --- */
body.admin-bar .ch-header{top:32px}
@media (max-width:782px){body.admin-bar .ch-header{top:46px}}
@media (min-width:768px){
  .ch-header{position:sticky;top:0;z-index:1000}
  .ch-header__inner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center;min-height:64px}
  .ch-header__brand{margin-right:0;max-width:220px}
  .ch-nav{min-width:0;overflow:hidden}
  .ch-nav__menu,.ch-nav .menu{justify-content:flex-start;gap:0;overflow:hidden}
  .ch-nav__menu>li>a,.ch-nav .menu>li>a{padding:0 9px;font-size:.82rem}
  .ch-header__actions{margin-left:0;gap:10px}
  .ch-header__search-btn{order:1}
  .chp-header-avatar-wrap{order:2;width:auto;max-width:none}
  .chp-header-avatar-btn{background:rgba(255,255,255,.04);border:1px solid var(--border)}
  .chp-header-dropdown{right:0;top:calc(100% + 12px)}
}
@media (min-width:1200px){
  .ch-header__brand{max-width:260px}
  .ch-nav__menu>li>a,.ch-nav .menu>li>a{padding:0 12px}
}


/* ── Logged-in desktop header hardening ───────────────────────── */
@media (min-width: 1024px){
  body.logged-in .ch-header__inner{grid-template-columns:auto minmax(0,1fr) auto;gap:20px}
  body.logged-in .ch-nav{padding-inline:10px;overflow:hidden}
  body.logged-in .ch-nav__menu, body.logged-in .ch-nav .menu{flex-wrap:nowrap;min-width:0}
  body.logged-in .ch-header__actions{justify-self:end;display:flex!important;align-items:center;gap:12px;min-width:max-content}
  body.logged-in .chp-header-avatar-wrap{display:flex!important;align-items:center;justify-content:center;position:relative}
  body.logged-in .chp-header-avatar-btn{width:42px;height:42px;min-width:42px}
  body.logged-in .chp-header-avatar-img{width:38px;height:38px}
  body.logged-in .ch-header__search-btn{width:38px;height:38px}
}
@media (min-width: 1280px){
  body.logged-in .ch-nav__menu>li>a, body.logged-in .ch-nav .menu>li>a{padding:0 12px}
}


/* Builders + Scouts */
.cx-product-credit,.cx-builder-meta-row,.cx-scout-board__grid{display:flex;flex-wrap:wrap;gap:8px}
.cx-product-credit{margin:0 0 10px}
.cx-credit-pill,.cx-builder-id,.cx-role-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;text-decoration:none;font-size:.74rem;font-weight:700}
.cx-credit-pill{background:#f3f6fb;color:#243047}
.cx-credit-pill--ghost{background:#fff;border:1px solid #d9e0ee}
.cx-credit-pill__badge,.cx-role-chip--verified{background:#e8fff4;color:#0b8f5c}
.cx-role-chip{background:#eef2f7;color:#55607a}
.cx-role-chip--featured{background:#fff4dd;color:#b77200}
.cx-builder-id{background:#e9efff;color:#1a5cff}
.cx-scout-board{margin:16px 0 28px;padding:18px;border:1px solid #e4e7f2;border-radius:16px;background:#fff}
.cx-scout-board__head{display:flex;justify-content:space-between;gap:12px;align-items:end;margin-bottom:14px;flex-wrap:wrap}
.cx-scout-board__head h2{margin:0;font-size:1.05rem}
.cx-scout-board__head p{margin:0;color:#667085;font-size:.9rem}
.cx-scout-board__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
.cx-scout-board__item{display:flex;align-items:center;gap:10px;padding:12px;border-radius:12px;background:#f8fafc;text-decoration:none;color:#0f172a;border:1px solid #e5eaf3}
.cx-scout-board__item strong{display:block;font-size:.9rem}
.cx-scout-board__item span{display:block;font-size:.78rem;color:#667085}
.cx-scout-board__avatar,.cx-founder-card-main__avatar,.cx-founder-profile__avatar{border-radius:999px;object-fit:cover}
.ch-direct-pay{padding:36px 0 24px;background:var(--surface,#f7f8fc)}
.ch-direct-pay__box{max-width:820px;margin:0 auto;background:#fff;border:1px solid rgba(26,92,255,.08);border-radius:20px;padding:24px;box-shadow:0 10px 35px rgba(16,24,40,.06)}
.ch-direct-pay__summary{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap;margin-bottom:16px}
.ch-direct-pay__summary strong{font-family:'Syne',sans-serif;font-size:1.05rem;color:#0a0e1a}
.ch-direct-pay__summary span{color:#667085;font-size:.92rem}
.ch-direct-pay__gws{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}
.ch-direct-gateway{border:1px solid #d0d5dd;background:#fff;color:#344054;padding:10px 14px;border-radius:12px;font-weight:700;cursor:pointer}
.ch-direct-gateway.is-active{background:#1a5cff;color:#fff;border-color:#1a5cff}
.ch-direct-pay__msg{margin-top:10px;color:#b42318;font-size:.9rem}
@media (max-width: 767px){.ch-direct-pay__box{padding:18px;border-radius:16px}.ch-direct-pay__summary{flex-direction:column}.ch-direct-pay__actions .ch-btn{width:100%;justify-content:center;display:flex}}

@media (max-width: 1023px){
  body.logged-in .ch-header__actions{gap:8px}
  body.logged-in .chp-header-avatar-wrap{display:flex!important;align-items:center;justify-content:center;order:2;width:40px;max-width:40px}
  body.logged-in .chp-header-avatar-btn{display:inline-flex!important;width:40px;height:40px;min-width:40px;border:1px solid var(--border);background:rgba(255,255,255,.04)}
  body.logged-in .chp-header-avatar-img{width:34px;height:34px}
}


/* --- UX audit hotfixes --- */
body.ch-no-newsletter .footer-mid,
body.ch-no-newsletter .ch-newsletter-cta,
body.ch-no-newsletter .sidebar-widget.newsletter-widget{display:none!important}
.mobile-nav-shortcuts{display:flex;gap:10px;flex-wrap:wrap;padding:0 20px 16px}
.mobile-nav-shortcut{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 14px;border-radius:12px;background:#f3f6fb;color:#0a0e1a;font-weight:800;text-decoration:none}
.mobile-nav-shortcut--accent{background:#1a5cff;color:#fff}
.chp-header-avatar-btn{position:relative;z-index:3100}
.chp-header-avatar-wrap{position:relative;z-index:3100}
.chp-header-dropdown{z-index:3105}
.chp-header-avatar-btn img[src=""], .chp-header-avatar-btn img:not([src]){display:none}
.chp-header-avatar-btn::before{content:'';display:none}
body.logged-in .ch-header__actions{overflow:visible}
@media (max-width: 767px){
  .mobile-nav{padding-bottom:110px}
}

/* Final UX pass */
.skip-link.screen-reader-text{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.skip-link.screen-reader-text:focus{left:12px;top:12px;width:auto;height:auto;z-index:99999;background:#fff;color:#000;padding:10px 12px;border-radius:8px}
.chp-header-avatar-btn{position:relative;overflow:hidden}
.chp-header-avatar-fallback{display:none;align-items:center;justify-content:center;width:36px;height:36px;border-radius:999px;background:linear-gradient(135deg,#1a5cff,#0d48e0);color:#fff;font-weight:800;font-size:.82rem;border:2px solid var(--border)}
.mobile-nav .newsletter-form,.mobile-nav [class*='newsletter'],.mobile-nav [class*='subscribe']{display:none!important}
@media (max-width: 767px){
  .mobile-nav-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0 20px 14px}
  .mobile-nav-shortcut{display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:12px;background:#f7f8fc;color:#0a0e1a;text-decoration:none;font-weight:700}
  .mobile-nav-shortcut--accent{background:#1a5cff;color:#fff}
}