/* Small-business guides and blog listing. */
.blog-page{--guide-surface:#fff;--guide-border:#d9deea}
.blog-kicker{font-size:.74rem!important;line-height:1.5!important;letter-spacing:.14em;font-weight:700;color:var(--link)!important;text-transform:uppercase;margin-bottom:18px}
.blog-intro{padding:54px 0 34px}
.blog-intro h1{font-size:clamp(2.6rem,6.1vw,4.8rem);line-height:1.06;max-width:1000px}
.blog-intro h1 span{color:var(--muted)}
.blog-intro-copy{font-size:1.12rem;max-width:66ch;margin-top:26px}
.blog-jumps{display:flex;flex-wrap:wrap;gap:18px 28px;border-top:1px solid var(--guide-border);padding-top:23px;margin-top:34px;font-size:.9rem;font-weight:700}
.blog-jumps a{text-decoration:none;text-underline-offset:5px}
.blog-jumps a:hover{text-decoration:underline}
.blog-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:26px}
.blog-section-heading h2{font-size:clamp(1.6rem,3vw,2.2rem);margin:0}
.blog-section-heading>p{font-size:.95rem}
.blog-feature-section{padding:24px 0 64px;scroll-margin-top:90px}
.blog-feature{display:grid;grid-template-columns:1fr 1fr;align-items:center;background:var(--guide-surface);border:1px solid var(--guide-border);border-radius:18px;overflow:hidden}
.blog-feature-copy{padding:34px}
.blog-feature h2{font-size:clamp(1.7rem,3.2vw,2.5rem);line-height:1.13}
.blog-feature h2 a,.blog-secondary h2 a,.guide-card h3 a{text-decoration:none;text-underline-offset:5px}
.blog-feature h2 a:hover,.blog-secondary h2 a:hover,.guide-card h3 a:hover{text-decoration:underline}
.blog-feature-copy>p:not(.blog-kicker):not(.guide-card-meta){font-size:.97rem}
.blog-feature .btn{margin-top:22px}
.blog-feature-image{display:block;background:#f7f5f1;height:100%}
.blog-feature-image img{display:block;width:100%;height:100%;min-height:340px;object-fit:contain}
.guide-card-meta{font-size:.78rem!important;color:var(--muted);margin-top:18px}
.blog-secondary{display:grid;grid-template-columns:1.5fr .8fr;gap:38px;align-items:center;background:var(--mist);border-radius:18px;overflow:hidden;margin-top:26px;padding:30px}
.blog-secondary h2{font-size:clamp(1.5rem,2.8vw,2rem);line-height:1.17;margin-bottom:14px}
.blog-secondary p{font-size:.97rem}
.blog-secondary img{display:block;width:100%;height:auto;border-radius:10px;aspect-ratio:4/3;object-fit:contain;background:#f7f5f1}
.blog-link{display:inline-flex;align-items:center;gap:10px;margin-top:20px;color:var(--link);font-size:.92rem;font-weight:700;text-decoration:none;text-underline-offset:5px}
.blog-link:hover{text-decoration:underline}
.blog-guides{padding:0 0 68px;scroll-margin-top:90px}
.guide-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.guide-card{background:var(--guide-surface);border:1px solid var(--guide-border);border-radius:16px;padding:26px;position:relative;display:flex;flex-direction:column;align-items:flex-start}
.guide-card-number{font:800 2.8rem/1 'Bricolage Grotesque',sans-serif;letter-spacing:-.04em;color:var(--link);margin-bottom:26px}
.guide-card h3{font-size:1.4rem;line-height:1.18;margin-bottom:14px}
.guide-card>p:not(.blog-kicker):not(.guide-card-meta){font-size:.94rem}
.guide-card .blog-link{margin-top:auto;padding-top:22px}
.guide-card .guide-card-meta{margin-bottom:18px}
.blog-bridge{padding:38px 0;border-top:1px solid var(--guide-border)}
.blog-bridge .wrap{display:flex;justify-content:space-between;align-items:center;gap:30px}
.blog-bridge h2{font-size:clamp(1.6rem,3vw,2.1rem)}
.blog-bridge .blog-link{flex-shrink:0;margin:0}
.blog-bottom-cta{padding:64px 0;background:#12182b;color:#fff}
.blog-bottom-cta .blog-kicker{color:#ffc83d!important}
.blog-bottom-cta h2{font-size:clamp(1.9rem,4vw,3rem)}
.blog-bottom-cta p{color:#d3d9e8}
.blog-bottom-cta .btn{margin-top:26px;background:#ffc83d;color:#12182b}
.blog-bottom-cta :focus-visible{outline-color:#ffc83d}
.guide-page .article{padding:42px 0 64px}
.guide-page .article>.wrap{max-width:820px}
.guide-header{position:static;top:auto;z-index:auto;background:none;backdrop-filter:none;border:0}
.article .guide-header h1{font-size:clamp(2.1rem,4.5vw,3.35rem);line-height:1.1}
.article .guide-header .meta{font-size:.84rem;margin:23px 0 28px;max-width:none}
.article .guide-header .meta span{padding:0 6px}
.article .guide-header .lead{font-size:1.13rem;color:var(--ink);line-height:1.75}
.article h2[id]{scroll-margin-top:95px}
.article .guide-summary{background:var(--mist);border-left:4px solid var(--gold);padding:24px 28px;border-radius:0 12px 12px 0;margin:28px 0}
.article .guide-summary h2{font-size:1.35rem;margin:0 0 12px}
.article .guide-summary p{margin:0;font-size:1rem}
.guide-toc{border:1px solid var(--guide-border);border-radius:12px;padding:24px 28px;margin:28px 0}
.article .guide-toc h2{font-size:1.2rem;margin:0 0 14px}
.article .guide-toc ol{margin:0;font-size:.95rem}
.guide-table{max-width:100%;overflow:auto;border:1px solid var(--guide-border);border-radius:12px;margin:24px 0}
.guide-table table{border-collapse:collapse;width:100%;font-size:.92rem;line-height:1.55}
.guide-table th,.guide-table td{padding:15px 18px;text-align:left;vertical-align:top}
.guide-table th{background:var(--mist);color:var(--ink);font-weight:700}
.guide-table td{border-top:1px solid var(--guide-border);color:var(--ink)}
.guide-table th:first-child,.guide-table td:first-child{width:32%}
.guide-table:focus-visible{outline:3px solid var(--link);outline-offset:3px}
.guide-figure{margin:30px 0;background:#f7f5f1;border:1px solid #d9deea;border-radius:14px;overflow:hidden}
.guide-figure img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain}
.guide-figure figcaption{font-size:.82rem;line-height:1.65;background:var(--guide-surface);color:var(--muted);padding:15px 20px}
.article .guide-enquiry{background:#12182b;padding:30px;border-radius:16px;margin:38px 0}
.article .guide-enquiry .blog-kicker{color:#ffc83d!important}
.article .guide-enquiry h2{color:#fff;font-size:clamp(1.5rem,3vw,2rem);margin:0 0 16px}
.article .guide-enquiry p{color:#d3d9e8;font-size:.98rem}
.article .guide-enquiry .btn{background:#ffc83d;color:#12182b;margin-top:8px}
.article .guide-enquiry :focus-visible{outline-color:#ffc83d}
.article .guide-related{padding:0;margin-top:30px;border-top:1px solid var(--guide-border)}
.article .guide-related h2{font-size:1.4rem;margin-top:26px}
@media(prefers-color-scheme:dark){.blog-page{--guide-surface:#151b2c;--guide-border:#303a54}}
@media(max-width:850px){.blog-section-heading{flex-direction:column;align-items:flex-start;gap:12px}.blog-feature-copy{padding:26px}.guide-card-grid{grid-template-columns:1fr}.guide-card{padding:26px}.guide-card-number{margin-bottom:20px}.blog-bridge .wrap{align-items:flex-start;flex-direction:column;gap:20px}}
@media(max-width:759px){.blog-feature{grid-template-columns:1fr}.blog-feature-image img{height:auto;min-height:0}.blog-secondary{grid-template-columns:1fr;gap:24px;padding:24px}.blog-secondary img{max-width:450px}.blog-intro{padding-top:34px}.blog-intro h1 br{display:none}.blog-intro h1 span{display:block;margin-top:6px}.blog-feature-section{padding-bottom:42px}.blog-guides{padding-bottom:42px}.blog-bottom-cta{padding:48px 0}.guide-page .article{padding-top:30px}.article .guide-summary,.guide-toc{padding:20px}.guide-table th,.guide-table td{padding:12px;font-size:.86rem}.article .guide-enquiry{padding:24px}.article .guide-enquiry .btn{padding:13px 18px;font-size:.9rem}.guide-figure figcaption{padding:13px 16px}}
@media(prefers-reduced-motion:reduce){.blog-page html{scroll-behavior:auto}}