/* Stewardwell Search - blog styles.
   Tokens mirror the hand-built site (site/styles.css :root) so the blog reads
   as the same publication, not a bolted-on subdomain. Light/ivory ground,
   navy ink, Newsreader for display and Plus Jakarta Sans for body. */
:root{
  --navy-950:#071627; --navy-900:#0A1D33; --navy-700:#16365C;
  --ink:#101B2B; --paper:#F7F5EF; --paper-2:#EFECE3; --ivory:#F2EFE7;
  --silver:#E8ECF2; --slate:#8FA9C9; --slate-d:#5E7899;
  --blue:#3872C7; --blue-3:#244C8D; --gold:#C9A96A;
  --line-l:rgba(16,27,43,.14);
  --serif:"Newsreader",Georgia,"Times New Roman",serif;
  --sans:"Plus Jakarta Sans","Segoe UI",Helvetica,Arial,sans-serif;
  --pad:clamp(20px,5vw,72px);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);
  font-size:18px;line-height:1.7;-webkit-font-smoothing:antialiased}

/* header */
.tk-header{border-bottom:1px solid var(--line-l);background:var(--paper);
  position:sticky;top:0;z-index:20;backdrop-filter:saturate(140%) blur(8px)}
.tk-header-inner{max-width:1180px;margin:0 auto;padding:16px var(--pad);
  display:flex;align-items:center;justify-content:space-between;gap:24px}
.tk-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--navy-950)}
.tk-logo svg{width:26px;height:27px;display:block}
.tk-logo-word{font-family:var(--serif);font-size:19px;letter-spacing:.01em;font-weight:500}
.tk-logo-word em{font-style:italic;color:var(--slate-d)}
.tk-nav{display:flex;align-items:center;gap:18px}
.tk-nav a,.tk-nav-cta{font-size:14px;text-decoration:none;color:var(--navy-700);
  letter-spacing:.02em}
.tk-nav-cta{border:1px solid var(--line-l);padding:9px 16px;border-radius:999px;
  transition:background .2s ease,color .2s ease,border-color .2s ease}
.tk-nav-cta:hover{background:var(--navy-950);color:var(--ivory);border-color:var(--navy-950)}

/* article */
.tk-article,.tk-index{max-width:760px;margin:0 auto;padding:clamp(40px,7vw,84px) var(--pad) 96px}
.tk-eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.18em;
  color:var(--slate-d);font-weight:600;margin-bottom:18px}
.tk-article h1,.tk-index h1{font-family:var(--serif);font-weight:400;
  font-size:clamp(34px,5.2vw,52px);line-height:1.12;letter-spacing:-.015em;
  margin:0 0 20px;color:var(--navy-950)}
.tk-byline{font-size:14px;color:var(--slate-d);padding-bottom:26px;
  border-bottom:1px solid var(--line-l);margin-bottom:34px}
.tk-byline strong{color:var(--navy-900);font-weight:600}

/* answer capsule - the quotable block under the H1 */
.tk-capsule{background:var(--silver);border-left:3px solid var(--blue);
  padding:20px 24px;margin:0 0 36px;border-radius:0 8px 8px 0;
  font-size:19px;line-height:1.6;color:var(--navy-900)}
.tk-capsule p{margin:0}

.tk-body h2{font-family:var(--serif);font-weight:500;
  font-size:clamp(25px,3.4vw,33px);line-height:1.22;letter-spacing:-.01em;
  margin:52px 0 16px;color:var(--navy-950)}
.tk-body h3{font-size:20px;font-weight:600;margin:34px 0 12px;color:var(--navy-900)}
.tk-body p{margin:0 0 22px}
.tk-body a{color:var(--blue-3);text-decoration:underline;text-underline-offset:3px;
  text-decoration-thickness:1px}
.tk-body a:hover{color:var(--blue)}
.tk-body ul,.tk-body ol{margin:0 0 24px;padding-left:24px}
.tk-body li{margin-bottom:10px}
.tk-body strong{font-weight:600;color:var(--navy-950)}
.tk-body blockquote{margin:30px 0;padding:4px 0 4px 22px;
  border-left:3px solid var(--gold);font-family:var(--serif);font-size:21px;
  font-style:italic;color:var(--navy-800,var(--navy-900))}
.tk-body table{width:100%;border-collapse:collapse;margin:0 0 28px;font-size:16px;
  display:block;overflow-x:auto}
.tk-body th,.tk-body td{border:1px solid var(--line-l);padding:11px 14px;text-align:left}
.tk-body th{background:var(--paper-2);font-weight:600;color:var(--navy-950)}
.tk-body img{max-width:100%;height:auto;border-radius:8px}
.tk-body code{background:var(--paper-2);padding:2px 6px;border-radius:4px;font-size:15px}

/* FAQ */
.tk-faq{margin:52px 0 0;border-top:1px solid var(--line-l);padding-top:34px}
.tk-faq h2{margin-top:0}
.tk-faq-q{font-weight:600;color:var(--navy-950);margin:24px 0 8px;font-size:18px}
.tk-faq-a{margin:0 0 18px;color:var(--ink)}

/* CTA */
.tk-cta{margin:60px 0 0;background:var(--navy-950);color:var(--ivory);
  padding:clamp(28px,4vw,44px);border-radius:14px}
.tk-cta h2,.tk-cta h3{font-family:var(--serif);font-weight:400;color:var(--ivory);
  margin:0 0 12px;font-size:clamp(23px,3vw,30px);line-height:1.2}
.tk-cta p{margin:0 0 22px;color:var(--silver);font-size:17px}
.tk-cta-btns{display:flex;flex-wrap:wrap;gap:12px}
.tk-btn{display:inline-block;padding:13px 24px;border-radius:999px;
  text-decoration:none;font-size:15px;font-weight:600;transition:transform .2s ease,background .2s ease}
.tk-btn-primary{background:var(--blue);color:#fff}
.tk-btn-primary:hover{background:var(--blue-2,#5592D8);transform:translateY(-1px)}
.tk-btn-secondary{border:1px solid rgba(232,236,242,.32);color:var(--ivory)}
.tk-btn-secondary:hover{background:rgba(232,236,242,.10)}
.tk-mid-cta{margin:38px 0;padding:20px 24px;background:var(--paper-2);
  border-radius:10px;font-size:17px}
.tk-mid-cta a{color:var(--blue-3);font-weight:600}

/* index cards */
.tk-index-lede{font-size:19px;color:var(--slate-d);margin:0 0 44px;max-width:60ch}
.tk-cards{display:grid;gap:14px}
.tk-card{display:block;text-decoration:none;color:inherit;background:#fff;
  border:1px solid var(--line-l);border-radius:12px;padding:26px 28px;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.tk-card:hover{transform:translateY(-2px);border-color:var(--slate);
  box-shadow:0 10px 28px rgba(7,22,39,.09)}
.tk-card h2{font-family:var(--serif);font-weight:500;font-size:23px;line-height:1.25;
  margin:0 0 9px;color:var(--navy-950)}
.tk-card p{margin:0 0 12px;color:var(--ink);font-size:16px}
.tk-card-meta{font-size:13px;color:var(--slate-d);letter-spacing:.02em}

/* footer */
.tk-footer{border-top:1px solid var(--line-l);background:var(--paper-2)}
.tk-footer p{max-width:1180px;margin:0 auto;padding:26px var(--pad);
  font-size:14px;color:var(--slate-d)}
.tk-footer a{color:var(--navy-700);text-decoration:none}
.tk-footer a:hover{text-decoration:underline}

@media (max-width:640px){
  body{font-size:17px}
  .tk-logo-word{font-size:17px}
  .tk-nav{gap:12px}
  .tk-capsule{font-size:17px;padding:17px 19px}
}