/* SEO checklist page: builds on /css/styles.css */
[hidden]{display:none!important}

/* ===== Hero ===== */
.seo-hero{background:
  radial-gradient(50% 70% at 80% 20%,rgba(37,99,235,.55),transparent 70%),
  radial-gradient(40% 60% at 15% 90%,rgba(6,182,212,.35),transparent 70%),
  var(--ink);
  color:#CBD5E1;text-align:center;position:relative;overflow:hidden;
  padding:clamp(40px,6vw,72px) 0 clamp(72px,9vw,112px)}
.seo-hero-inner{position:relative}
.crumbs{display:flex;justify-content:center;gap:8px;font-size:.85rem;color:#94A3B8;margin-bottom:22px}
.crumbs a{color:#BFDBFE;text-decoration:none}
.crumbs a:hover{text-decoration:underline}
.seo-hero h1{color:#fff;font-size:clamp(2.3rem,5vw,3.9rem);font-weight:800;letter-spacing:-.035em;max-width:17ch;margin:0 auto}
.seo-hero h1 em{font-style:normal;background:var(--grad-text);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.seo-hero .lead{margin:20px auto 32px}
.seo-badges{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 22px;margin-top:28px;font-size:.92rem;color:#A5B4C8}
.seo-badges li::before{content:"✓";color:var(--cyan-l);margin-right:8px;font-weight:800}

/* ===== Why ===== */
.seo-why{padding-bottom:clamp(40px,5vw,64px)}
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px}
.why-grid article{padding:28px;border-radius:var(--r-lg);background:var(--ice);border:1px solid #DBEAFE}
.why-grid strong{display:block;font:700 1.12rem/1.3 var(--head);color:var(--ink);margin-bottom:10px}
.why-grid p{color:var(--slate)}

/* ===== Checklist layout ===== */
.seo-list{background:var(--mist);padding-top:clamp(56px,7vw,88px)}
.ck-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:28px;align-items:start}
.ck-side{position:sticky;top:calc(var(--hh) + 20px);display:grid;gap:16px}
.ck-score{background:linear-gradient(160deg,#2563EB 0%,#1D4ED8 50%,#0E7490 100%);color:#DBEAFE;border-radius:var(--r-lg);padding:24px;box-shadow:0 20px 50px rgba(37,99,235,.3)}
.ck-score-top{font-size:.95rem}
.ck-score-top strong{font:800 2.6rem/1 var(--head);color:#fff;margin-right:4px}
.ck-bar{height:10px;border-radius:999px;background:rgba(255,255,255,.2);margin:16px 0 14px;overflow:hidden}
.ck-bar span{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#A5F3FC,#fff);transition:width .4s ease}
.ck-msg{font-size:.9rem;line-height:1.5;color:#E0F2FE}
.ck-msg a{color:#fff;font-weight:700}
.ck-nav{display:grid;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:8px}
.ck-nav a{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;color:var(--text);text-decoration:none;font-weight:600;font-size:.92rem}
.ck-nav a:hover{background:var(--ice);color:var(--blue-d)}
.ck-nav span{font-size:.78rem;font-weight:700;color:var(--slate);font-variant-numeric:tabular-nums}
.ck-nav span.is-complete{color:#16A34A}
.ck-actions{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:16px;display:grid;gap:14px}
.ck-btns{display:grid;grid-template-columns:1fr auto;gap:8px}

/* ===== Groups ===== */
.ck-group{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(20px,3vw,30px);box-shadow:var(--shadow);scroll-margin-top:calc(var(--hh) + 16px)}
.ck-group + .ck-group{margin-top:20px}
.ck-head{display:flex;align-items:flex-start;gap:14px;margin-bottom:20px}
.ck-head > div{flex:1}
.ck-head h2{font-size:1.35rem;max-width:none}
.ck-head p{color:var(--slate);font-size:.95rem;margin-top:4px}
.ck-num{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:12px;background:var(--grad);color:#fff;font:800 1rem/1 var(--head);box-shadow:0 6px 16px rgba(37,99,235,.3)}
.ck-pill{flex:none;font:700 .8rem/1 var(--body);padding:8px 12px;border-radius:999px;background:var(--ice);color:var(--blue-d);font-variant-numeric:tabular-nums}
.ck-pill.is-complete{background:#DCFCE7;color:#15803D}
.ck-items{display:grid;gap:10px}
.ck-items li.done-hidden{display:none}

/* ===== Checkbox items ===== */
.ck{position:relative;display:flex;align-items:flex-start;gap:14px;padding:16px 18px;border:1.5px solid var(--line);border-radius:14px;cursor:pointer;background:#fff;transition:border-color .2s,background .2s}
.ck:hover{border-color:#BFDBFE}
.ck input{position:absolute;opacity:0;pointer-events:none}
.ck-box{flex:none;display:grid;place-items:center;width:24px;height:24px;margin-top:1px;border:2px solid #CBD5E1;border-radius:8px;background:#fff;transition:background .2s,border-color .2s}
.ck-box::after{content:"";width:10px;height:6px;border-left:2.5px solid #fff;border-bottom:2.5px solid #fff;transform:translateY(-1px) rotate(-45deg);opacity:0;transition:opacity .15s}
.ck input:checked ~ .ck-box{background:var(--grad);border-color:transparent}
.ck input:checked ~ .ck-box::after{opacity:1}
.ck input:focus-visible ~ .ck-box{outline:3px solid var(--cyan);outline-offset:2px}
.ck-text strong{display:block;font-weight:600;color:var(--ink);line-height:1.4}
.ck-text small{display:block;font-size:.9rem;color:var(--slate);margin-top:4px;line-height:1.5}
.ck-items li.done .ck{background:var(--ice);border-color:#BFDBFE}
.ck-items li.done .ck-text strong{color:var(--slate);text-decoration:line-through;text-decoration-color:rgba(37,99,235,.5)}

/* ===== Help ===== */
.help-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:20px}
.help-card{position:relative;overflow:hidden;background:linear-gradient(140deg,#2563EB 0%,#1D4ED8 45%,#0891B2 100%);color:#DBEAFE;border-radius:var(--r-lg);padding:clamp(28px,4vw,48px);box-shadow:0 30px 70px rgba(37,99,235,.35)}
.help-card::before{content:"";position:absolute;right:-120px;top:-120px;width:360px;height:360px;background:radial-gradient(closest-side,rgba(255,255,255,.25),transparent);pointer-events:none}
.help-card h2{color:#fff;max-width:18ch;margin-bottom:14px}
.help-card p{max-width:52ch;margin-bottom:26px}
.help-card .kicker-light{-webkit-text-fill-color:#A5F3FC;color:#A5F3FC}
.help-card .btn-ghost{border-color:rgba(255,255,255,.55)}
.snobot-card{background:var(--ink);color:#B6C2D4;border-radius:var(--r-lg);padding:clamp(28px,4vw,40px);display:flex;flex-direction:column;justify-content:center;border:1px solid rgba(96,165,250,.2)}
.snobot-card img{margin-bottom:18px;filter:drop-shadow(0 0 20px rgba(34,211,238,.45))}
.snobot-card h3{color:#fff;font-size:1.4rem;margin-bottom:12px}
.snobot-card p{margin-bottom:18px}
.snobot-card .text-link{color:var(--cyan-l)}

/* ===== Responsive ===== */
@media (max-width:980px){
  .ck-layout{grid-template-columns:1fr}
  .ck-side{position:static}
  .ck-nav{grid-template-columns:1fr 1fr}
}
@media (max-width:900px){
  .why-grid,.help-grid{grid-template-columns:1fr}
}
@media (max-width:560px){
  .ck-nav{grid-template-columns:1fr}
  .ck-head{flex-wrap:wrap}
  .ck{padding:14px}
}

/* ===== Print / Save as PDF ===== */
@media print{
  @page{margin:14mm}
  *{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  body{padding:0!important;background:#fff}
  .site-header,.site-footer,.mobile-cta,.skip-link,.crumbs,.eyebrow,.hero-actions,.seo-badges,.hero-grid-bg,.seo-why,.ck-nav,.ck-actions,.seo-help{display:none!important}
  .seo-hero{background:none;color:#000;padding:0 0 12px;text-align:left}
  .seo-hero h1{color:#000;font-size:22pt;max-width:none;margin:0}
  .seo-hero h1 em{-webkit-text-fill-color:#1D4ED8;color:#1D4ED8;background:none}
  .seo-hero .lead{color:#333;margin:6px 0 0;font-size:10.5pt}
  .seo-list{background:#fff;padding:0}
  .ck-layout{display:block}
  .ck-side{position:static;margin-bottom:12px}
  .ck-score{box-shadow:none;padding:12px 16px}
  .ck-group{box-shadow:none;border:1px solid #CBD5E1;padding:14px;margin-top:12px!important;break-inside:auto}
  .ck-head{break-after:avoid}
  .ck-items li{break-inside:avoid}
  .ck-items li.done-hidden{display:list-item}
  .ck{padding:8px 10px;border:1px solid #E2E8F0}
  .ck-text small{font-size:9pt}
  .reveal{opacity:1!important;transform:none!important}
}
/* ===== END OF FILE ===== */