/* ---- blog (/blog/) — long-form SEO posts on top of the guide-page design system ---- */
.crumb{font-family:'JetBrains Mono',monospace;font-weight:700;font-size:11px;letter-spacing:.18em;text-transform:uppercase;margin-bottom:18px}
.crumb a{color:#112166;text-decoration:none}
.crumb span{color:#999}
.bmeta{display:flex;flex-wrap:wrap;gap:14px;align-items:center;font-family:'JetBrains Mono',monospace;font-size:11.5px;letter-spacing:.06em;color:#777;margin:14px 0 6px}
.bmeta b{color:#112166;font-weight:700}
.post h1{font-family:'Barlow Condensed';font-weight:900;font-size:44px;text-transform:uppercase;line-height:.96;margin:4px 0 0}
.post .lede{font-size:17px;color:#555;font-weight:500;line-height:1.55;margin:16px 0 0}
/* the AEO answer box: one extractable direct answer right under the H1 */
.answerbox{border-left:4px solid #112166;background:#EEF1FB;border-radius:0 12px 12px 0;padding:16px 18px;margin:26px 0}
.answerbox .abcap{font-family:'JetBrains Mono',monospace;font-weight:700;font-size:10.5px;letter-spacing:.2em;color:#112166;text-transform:uppercase;margin-bottom:8px}
.answerbox p{font-size:16px;color:#1a1a1a;font-weight:500;line-height:1.55;margin:0}
.toc{background:#F5F5F5;border-radius:12px;padding:16px 18px;margin:22px 0 8px}
.toc .tcap{font-family:'JetBrains Mono',monospace;font-weight:700;font-size:10.5px;letter-spacing:.2em;color:#777;text-transform:uppercase;margin-bottom:10px}
.toc ol{margin:0;padding-left:20px}
.toc li{font-size:14.5px;font-weight:500;margin:5px 0}
.toc a{color:#0A0A0A;text-decoration:none}
.toc a:hover{color:#112166}
.post h2{font-family:'Barlow Condensed';font-weight:800;font-size:29px;text-transform:uppercase;line-height:1;margin:40px 0 4px;scroll-margin-top:24px}
.post h3{font-family:'Barlow Condensed';font-weight:800;font-size:21px;text-transform:uppercase;line-height:1.05;margin:26px 0 2px}
.post p{font-size:16.5px;color:#333;font-weight:500;line-height:1.6;margin:12px 0}
.post p b,.post li b{color:#0A0A0A}
.post ul,.post ol{margin:12px 0;padding-left:22px}
.post li{font-size:16.5px;color:#333;font-weight:500;line-height:1.6;margin:7px 0}
.post a{color:#112166;font-weight:600}
.post .steps{counter-reset:st;list-style:none;padding-left:0}
.post .steps li{position:relative;padding-left:52px;margin:16px 0}
.post .steps li::before{counter-increment:st;content:counter(st,decimal-leading-zero);position:absolute;left:0;top:1px;font-family:'Barlow Condensed';font-weight:900;font-size:30px;color:#112166;line-height:.9}
/* comparison table — the block AI Overviews and LLMs lift verbatim */
.cmpwrap{overflow-x:auto;margin:22px 0}
.cmp{width:100%;border-collapse:collapse;min-width:520px}
.cmp caption{caption-side:top;text-align:left;font-family:'JetBrains Mono',monospace;font-weight:700;font-size:10.5px;letter-spacing:.2em;color:#777;text-transform:uppercase;padding-bottom:10px}
.cmp th{font-family:'Barlow Condensed';font-weight:800;font-size:16px;text-transform:uppercase;text-align:left;background:#0A0A0A;color:#fff;padding:11px 14px}
.cmp th:first-child{border-radius:10px 0 0 0}
.cmp th:last-child{border-radius:0 10px 0 0}
.cmp td{font-size:14.5px;font-weight:500;color:#333;padding:11px 14px;border-bottom:1px solid #E4E4E4;vertical-align:top}
.cmp tr td:first-child{font-weight:600;color:#0A0A0A}
/* mid-article CTA strip */
.bcta{background:#0A0A0A;border-radius:14px;padding:20px 22px;margin:30px 0;display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between}
.bcta .bt{font-family:'Barlow Condensed';font-weight:900;font-size:23px;text-transform:uppercase;color:#fff;line-height:1}
.bcta .bs{font-family:'JetBrains Mono',monospace;font-size:11.5px;color:#9FB0EC;margin-top:6px}
.bcta a{flex-shrink:0;text-decoration:none;font-family:'JetBrains Mono',monospace;font-weight:700;font-size:13px;color:#0A0A0A;background:#fff;border-radius:999px;padding:12px 20px}
/* linked guide cards inside a post */
.pguides{margin:26px 0}
.pgcap{font-family:'JetBrains Mono',monospace;font-weight:700;font-size:10.5px;letter-spacing:.2em;color:#777;text-transform:uppercase;margin-bottom:12px}
.pguide{display:block;text-decoration:none;color:#0A0A0A;border:1px solid #D0D0D0;border-radius:14px;padding:16px 18px;margin-bottom:10px}
.pguide:hover{border-color:#112166}
.pguide .gt{font-family:'Barlow Condensed';font-weight:900;font-size:21px;text-transform:uppercase;line-height:1}
.pguide .gs2{font-size:14px;color:#555;font-weight:500;margin:5px 0 8px}
.pguide .gg{font-family:'JetBrains Mono',monospace;font-weight:700;font-size:12px;color:#112166}
/* FAQ */
.faq{margin:30px 0}
.faq details{border-bottom:1px solid #E4E4E4}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:14px;align-items:center;font-family:'Barlow Condensed';font-weight:800;font-size:19px;text-transform:uppercase;line-height:1.1;padding:15px 2px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'+';font-family:'JetBrains Mono',monospace;font-weight:700;color:#112166;font-size:17px}
.faq details[open] summary::after{content:'\2212'}
.faq .fa{font-size:15.5px;color:#333;font-weight:500;line-height:1.6;padding:0 2px 16px}
/* related posts + index cards */
.postcard{display:block;text-decoration:none;color:#0A0A0A;border:1px solid #D0D0D0;border-radius:16px;padding:20px 22px;margin-bottom:14px}
.postcard:hover{border-color:#112166}
.postcard .pk{font-family:'JetBrains Mono',monospace;font-weight:700;font-size:10.5px;letter-spacing:.16em;color:#112166;text-transform:uppercase;margin-bottom:8px}
.postcard .pt{font-family:'Barlow Condensed';font-weight:900;font-size:26px;text-transform:uppercase;line-height:1}
.postcard .pd{color:#555;font-weight:500;font-size:14.5px;margin:7px 0 10px}
.postcard .pg{font-family:'JetBrains Mono',monospace;font-weight:700;font-size:12.5px;color:#112166}
@media(max-width:520px){.post h1{font-size:36px}.post h2{font-size:25px}}