/* ============================================================
   BRISC blog / guides styles — extracted from the SEO-launch
   site.css so blog+guides pages render on the live design.
   Loaded only by blog-*.html and guides.html (in addition to site.css).
   ============================================================ */
/* ── GUIDES HUB ── */
.guides-hero{padding:120px 0 8px;background:radial-gradient(1100px 460px at 82% -12%,var(--sky-soft),transparent 60%),linear-gradient(180deg,var(--paper),var(--white))}
.guides-hero .wrap{max-width:820px}
.guides-hero h1{font-size:clamp(2.2rem,4.6vw,3.2rem);color:var(--royal-ink);margin:14px 0 14px;line-height:1.08}
.guides-hero p{font-size:1.14rem;color:var(--ink2);max-width:60ch}
.guides-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.res-card{background:var(--cream);border:1px solid var(--line);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;transition:transform .18s,box-shadow .18s,border-color .18s;color:inherit}
.res-card:hover{transform:translateY(-4px);box-shadow:0 22px 44px -20px rgba(14,33,84,.3);border-color:transparent}
.res-card-thumb{width:100%;aspect-ratio:16/10;object-fit:cover}
.res-card-body{padding:20px 22px 24px;display:flex;flex-direction:column;gap:9px}
.res-card-tag{font-size:.7rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--royal)}
.res-card-title{font-size:1.16rem;color:var(--royal-ink);font-weight:700;line-height:1.22}
.res-card-desc{font-size:.92rem;color:var(--ink2);line-height:1.55}
@media(max-width:900px){.guides-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.guides-grid{grid-template-columns:1fr}}

/* ── ARTICLE / BLOG POST ── */
.post{padding:112px 0 12px}
.post .wrap{max-width:820px}
.post-head{margin-bottom:22px}
.post-head .crumbs{margin-bottom:16px}
.post-head h1{font-size:clamp(2rem,4.2vw,2.9rem);color:var(--royal-ink);line-height:1.1;margin-bottom:16px}
.post-meta{display:flex;flex-wrap:wrap;gap:7px 16px;font-size:.86rem;color:var(--muted);font-weight:500}
.post-meta b{color:var(--royal-ink);font-weight:600}
.post-lede{font-size:1.16rem;color:var(--ink2);line-height:1.6;margin:2px 0 22px}
.post-fig{border-radius:20px;overflow:hidden;box-shadow:0 26px 52px -24px rgba(14,33,84,.4);margin-bottom:10px}
.post-fig img{width:100%;aspect-ratio:16/9;object-fit:cover}
.post-body{font-size:1.06rem;color:var(--ink2);line-height:1.75}
.post-body h2{font-size:clamp(1.5rem,3vw,2rem);color:var(--royal-ink);margin:42px 0 14px;line-height:1.16}
.post-body h3{font-size:1.24rem;color:var(--royal-ink);margin:28px 0 10px}
.post-body p{margin-bottom:18px}
.post-body ul,.post-body ol{margin:0 0 18px 1.15em;display:flex;flex-direction:column;gap:9px}
.post-body li{padding-left:4px}
.post-body a{color:var(--royal);font-weight:600;text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}
.post-body strong{color:var(--royal-ink)}
.post-body blockquote{border-left:3px solid var(--royal);background:var(--paper);padding:14px 20px;border-radius:0 12px 12px 0;margin:0 0 20px;color:var(--royal-ink);font-weight:500}
.keyfacts{background:var(--sky-soft);border:1px solid rgba(28,69,196,.14);border-radius:16px;padding:22px 26px;margin:2px 0 28px}
.keyfacts h2{margin:0 0 12px;font-size:1.06rem;color:var(--royal-ink)}
.keyfacts ul{margin:0 0 0 1.1em;display:flex;flex-direction:column;gap:8px}
.keyfacts li{color:var(--ink2);font-size:1rem;line-height:1.5}
.toc{background:var(--cream);border:1px solid var(--line);border-radius:16px;padding:18px 24px;margin:0 0 30px}
.toc b{font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);display:block;margin-bottom:10px;font-weight:700}
.toc ol{margin:0 0 0 1.2em;display:flex;flex-direction:column;gap:6px}
.toc a{color:var(--royal);font-weight:500;font-size:.98rem}
.post-table{width:100%;border-collapse:collapse;margin:0 0 22px;font-size:.98rem;display:block;overflow-x:auto}
.post-table th,.post-table td{border:1px solid var(--line);padding:11px 14px;text-align:left;vertical-align:top}
.post-table th{background:var(--paper2);color:var(--royal-ink);font-weight:700;white-space:nowrap}
.post-cta{margin:36px 0 0}
.post-related{margin:26px 0 0}
.post-related h2{font-size:1.3rem;color:var(--royal-ink);margin-bottom:14px}
.post-related .rl{display:flex;flex-wrap:wrap;gap:10px}
.post-related a{font-size:.9rem;font-weight:600;color:var(--royal);border:1px solid var(--line);border-radius:100px;padding:8px 16px;background:var(--cream)}
.post-related a:hover{border-color:var(--royal)}
.post .faq{margin:10px 0 0}
.post .faq .fa-body a{color:var(--royal);font-weight:600}
@media(max-width:820px){.post{padding:100px 0 8px}}