/* DRAFT blog post template (batch 1). Scoped to .ab so it can sit in a post body module. Palette: navy #16284A / #2A4570, cream #F6F1E8, pale navy #E9EDF4, gold #A7915C / #7A5C24. No green. */
.ab{--navy:#16284A;--navy2:#2A4570;--cream:#F6F1E8;--pale:#E9EDF4;--gold:#A7915C;--golddk:#7A5C24;color:var(--navy);font-size:17px;line-height:1.75;max-width:760px;margin:0 auto;overflow-wrap:anywhere}
.ab *{box-sizing:border-box}
.ab a{color:var(--navy2);text-decoration:underline;text-underline-offset:2px}
.ab a:hover,.ab a:focus{color:var(--golddk)}
.ab-crumbs{font-size:14px;margin:0 0 10px;color:var(--navy2)}
.ab-crumbs a{color:var(--navy2)}
.ab-meta{font-size:14px;color:var(--golddk);margin:0 0 18px;padding-bottom:12px;border-bottom:1px solid var(--gold)}
.ab-answer{font-size:1.15em;line-height:1.7;background:var(--cream);border-left:4px solid var(--gold);padding:16px 20px;margin:0 0 18px;border-radius:0 6px 6px 0}
.ab-key{background:var(--pale);border-radius:8px;padding:16px 20px;margin:0 0 18px}
.ab-key h2{font-size:1.05em;margin:0 0 8px;border:0;padding:0;color:var(--navy)}
.ab-key ul{margin:0;padding-left:1.2em}
.ab-key li{margin:.25em 0}
.ab-soft{font-size:.95em;margin:0 0 26px}
.ab h2{font-size:1.45em;line-height:1.35;margin:1.8em 0 .6em;padding-bottom:.25em;border-bottom:1px solid var(--gold);color:var(--navy)}
.ab h3{font-size:1.15em;margin:1.4em 0 .4em;color:var(--navy)}
.ab p{margin:0 0 1em}
.ab ul,.ab ol{margin:0 0 1em;padding-left:1.3em}
.ab img{max-width:100%;height:auto;display:block;margin:1em auto;border-radius:4px}
.ab figcaption,.ab .ab-cap{font-size:.85em;color:var(--navy2);text-align:center}
.ab blockquote{margin:1.2em 0;padding:.6em 1.1em;border-left:3px solid var(--gold);background:var(--cream);font-style:italic}
.ab-table{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;margin:0 0 1.2em}
.ab-table table{border-collapse:collapse;width:100%;min-width:520px;font-size:.92em}
.ab-table th{background:var(--navy);color:var(--cream);text-align:left;padding:8px 10px;border:1px solid var(--navy)}
.ab-table td{padding:8px 10px;border:1px solid #cfd6e3;vertical-align:top}
.ab-table tr:nth-child(even) td{background:var(--pale)}
.ab-faq h3{margin-top:1.1em}
.ab-cta{background:var(--navy);color:var(--cream);border-radius:10px;padding:24px 24px 20px;margin:2em 0 1.4em}
.ab-cta h2{color:var(--cream);border-color:var(--gold);margin-top:0}
.ab-cta p{color:var(--cream)}
.ab-cta a{color:var(--cream)}
.ab-btns{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 8px}
.ab-btn{display:inline-block;padding:11px 18px;border-radius:6px;text-decoration:none!important;font-weight:600;line-height:1.3;border:2px solid var(--gold);min-height:44px}
.ab-btn.primary{background:var(--gold);color:var(--navy)!important}
.ab-btn.primary:hover,.ab-btn.primary:focus{background:var(--cream)}
.ab-btn.sec{background:transparent;color:var(--cream)!important}
.ab-btn.sec:hover,.ab-btn.sec:focus{background:var(--navy2)}
.ab-small{font-size:.9em;opacity:.95}
.ab-related ul{list-style:none;padding:0;margin:0}
.ab-related li{padding:10px 0;border-bottom:1px solid var(--pale)}
.ab-about{background:var(--cream);border-radius:8px;padding:16px 20px;margin:1.6em 0 0;font-size:.95em}
.ab-about h2{font-size:1.05em;margin:0 0 6px;border:0;padding:0}
.ab-about p{margin:0}
@media(max-width:600px){.ab{font-size:16px;line-height:1.7}.ab-answer{padding:14px 16px}.ab-cta{padding:20px 16px}.ab-btn{width:100%;text-align:center}.ab h2{font-size:1.3em} }
.ab-video{margin:1.2em 0}.ab-video .hs-video-container{max-width:100%!important}

.ab-download{margin:1.5em 0}.ab-download a{display:inline-block;padding:.7em 1.2em;background:#16284A;color:#F6F1E8;border-radius:4px;text-decoration:none;font-weight:600}.ab-download a:hover,.ab-download a:focus{background:#A7915C;color:#16284A}