/* SaralBook Post Generator - article styles. Everything is scoped to .sbpg-article. */
.sbpg-article{box-sizing:border-box;display:block;width:100%;max-width:var(--sbpg-max,100%);min-width:0;margin-left:auto;margin-right:auto;overflow-wrap:break-word;font-family:var(--sbpg-font);font-size:var(--sbpg-fs-body);line-height:var(--sbpg-lh-body);color:var(--sbpg-c-text);-webkit-text-size-adjust:100%}
.sbpg-article *,.sbpg-article *::before,.sbpg-article *::after{box-sizing:border-box}
.sbpg-article a{color:var(--sbpg-c-link)}
.sbpg-article p{margin:0 0 .8em}
.sbpg-article img{max-width:100%;height:auto}
.sbpg-article table{max-width:100%}

/* icons (mask images are generated into inline CSS from the plugin icon table) */
.sbpg-article .sbpg-i{display:inline-block;flex:none;width:1.15em;height:1.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;vertical-align:-.2em}

/* breadcrumb */
.sbpg-article .sbpg-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 14px;font-size:var(--sbpg-fs-breadcrumb);color:var(--sbpg-c-meta)}
.sbpg-article .sbpg-breadcrumb a{color:var(--sbpg-c-meta);text-decoration:none}
.sbpg-article .sbpg-breadcrumb a:hover{text-decoration:underline}
.sbpg-article .sbpg-breadcrumb [aria-current]{color:var(--sbpg-c-brand);font-weight:600}

/* hero */
.sbpg-article .sbpg-hero{display:flex;flex-wrap:wrap;gap:20px 28px;align-items:center;margin:0 0 var(--sbpg-gap)}
.sbpg-article .sbpg-hero-main{flex:1 1 320px;min-width:0}
.sbpg-article .sbpg-hero-media{flex:0 1 360px;min-width:0;max-width:100%}
.sbpg-article .sbpg-h1{margin:0 0 12px;font-size:var(--sbpg-fs-h1);font-weight:var(--sbpg-fw-h1);line-height:var(--sbpg-lh-heading);color:var(--sbpg-c-brand);letter-spacing:0;text-transform:none}
.sbpg-article .sbpg-statusrow{margin:0 0 10px}
.sbpg-article .sbpg-chip{display:inline-block;padding:3px 12px;border-radius:999px;background:var(--sbpg-c-th-bg);color:var(--sbpg-c-brand);font-size:var(--sbpg-fs-meta);font-weight:700}
.sbpg-article .sbpg-lead{margin:0 0 18px;font-size:var(--sbpg-fs-body)}
.sbpg-article .sbpg-meta{display:flex;flex-wrap:wrap;gap:8px 28px;margin:0;padding:0;list-style:none;font-size:var(--sbpg-fs-meta);color:var(--sbpg-c-meta)}
.sbpg-article .sbpg-meta li{display:inline-flex;align-items:center;gap:8px;margin:0;padding:0}
.sbpg-article .sbpg-meta li::before{content:none}
.sbpg-article .sbpg-hero-media img,.sbpg-article .sbpg-banner-img{display:block;width:100%;height:auto;border-radius:var(--sbpg-radius);border:1px solid var(--sbpg-c-card-border)}
.sbpg-article .sbpg-banner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:200px;padding:26px 16px;text-align:center;border-radius:var(--sbpg-radius);border:1px solid var(--sbpg-c-card-border);background:linear-gradient(135deg,#F4F8FF,var(--sbpg-c-th-bg))}
.sbpg-article .sbpg-banner-org{font-size:var(--sbpg-fs-h3);font-weight:700;color:var(--sbpg-c-h3)}
.sbpg-article .sbpg-banner-title{font-size:calc(var(--sbpg-fs-h1) * 1.45);font-weight:800;line-height:1.15;color:var(--sbpg-c-brand)}
.sbpg-article .sbpg-pill{display:inline-block;padding:6px 26px;border-radius:var(--sbpg-btn-radius);font-size:var(--sbpg-fs-h3);font-weight:800;line-height:1.3}
.sbpg-article .sbpg-pill--navy{background:var(--sbpg-c-h2);color:#fff}
.sbpg-article .sbpg-pill--amber{background:var(--sbpg-c-apply-btn);color:var(--sbpg-c-apply-text);font-size:var(--sbpg-fs-body)}

/* quick information strip */
.sbpg-article .sbpg-quick{display:flex;flex-wrap:wrap;gap:14px;align-items:stretch;margin:0 0 var(--sbpg-gap);padding:14px;background:var(--sbpg-c-card-bg);border:1px solid var(--sbpg-c-card-border);border-radius:var(--sbpg-radius)}
.sbpg-article .sbpg-qcards{flex:1 1 280px;min-width:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));align-items:center}
.sbpg-article .sbpg-qcard{min-width:0;display:flex;align-items:center;gap:12px;padding:6px 14px;border-right:1px solid var(--sbpg-c-border)}
.sbpg-article .sbpg-qcard:last-child{border-right:0}
.sbpg-article .sbpg-qicon{display:inline-flex;color:var(--sbpg-c-h2);font-size:1.7em}
.sbpg-article .sbpg-qlabel,.sbpg-article .sbpg-qnote{display:block;font-size:var(--sbpg-fs-meta);color:var(--sbpg-c-meta);line-height:1.3}
.sbpg-article .sbpg-qvalue{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:var(--sbpg-fs-h3);color:var(--sbpg-c-brand);line-height:1.3}

/* buttons */
.sbpg-article a.sbpg-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border:2px solid transparent;border-radius:var(--sbpg-btn-radius);font-size:var(--sbpg-fs-btn);font-weight:700;line-height:1.25;text-align:center;text-decoration:none;cursor:pointer;transition:filter .15s}
.sbpg-article a.sbpg-btn:hover,.sbpg-article a.sbpg-btn:focus{filter:brightness(.93);text-decoration:none}
.sbpg-article a.sbpg-btn:focus-visible,.sbpg-article a:focus-visible,.sbpg-article summary:focus-visible{outline:3px solid var(--sbpg-c-h2);outline-offset:2px}
.sbpg-article a.sbpg-btn--official{background:var(--sbpg-c-official-btn);color:var(--sbpg-c-official-text)}
.sbpg-article a.sbpg-btn--apply{background:var(--sbpg-c-apply-btn);color:var(--sbpg-c-apply-text)}
.sbpg-article a.sbpg-btn--primary{background:var(--sbpg-c-h2);color:#fff}
.sbpg-article a.sbpg-btn--outline{background:transparent;color:var(--sbpg-c-brand);border-color:var(--sbpg-c-brand)}
.sbpg-article a.sbpg-btn--text{padding:4px 0;background:none;color:var(--sbpg-c-link);justify-content:flex-start;text-decoration:underline}
.sbpg-article a.sbpg-btn--alert{background:var(--sbpg-c-error);color:#fff}
.sbpg-article a.sbpg-btn--footer{background:var(--sbpg-c-official-btn);color:var(--sbpg-c-official-text);flex:none}
.sbpg-article a.sbpg-btn--block{display:flex;width:100%}
.sbpg-article a.sbpg-btn--hero{flex:0 1 auto;align-self:center;max-width:100%;gap:12px;padding:12px 18px;font-size:var(--sbpg-fs-btn)}
.sbpg-article .sbpg-hbtn-t{flex:1;text-align:left;font-size:var(--sbpg-fs-btn);line-height:1.3}
.sbpg-article .sbpg-hbtn-i{font-size:1.5em;display:inline-flex}
.sbpg-article .sbpg-btnrow{display:flex;flex-wrap:wrap;gap:10px;margin:.6em 0 0}
.sbpg-article .sbpg-btn-note{display:block;margin-top:8px;text-align:center;font-size:var(--sbpg-fs-meta);color:var(--sbpg-c-meta)}

/* layout */
.sbpg-article .sbpg-layout{display:flex;flex-wrap:wrap;gap:0 var(--sbpg-gap);align-items:flex-start;margin:0 0 var(--sbpg-gap)}
.sbpg-article .sbpg-main{flex:1 1 460px;min-width:0;max-width:100%}
.sbpg-article .sbpg-aside{flex:1 1 280px;max-width:100%;min-width:0}
@media (min-width:901px){.sbpg-article .sbpg-aside{flex:0 1 340px}}
.sbpg-article .sbpg-pair{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:var(--sbpg-gap);margin:0 0 var(--sbpg-gap)}
.sbpg-article .sbpg-pair>.sbpg-card{margin:0}
.sbpg-article .sbpg-pair>.sbpg-card{min-width:0}
.sbpg-article .sbpg-pair>.sbpg-card:only-child{grid-column:1/-1}

/* cards and heading bars */
.sbpg-article .sbpg-card{min-width:0;max-width:100%;margin:0 0 var(--sbpg-gap);overflow:hidden;background:var(--sbpg-c-td-bg);border:1px solid var(--sbpg-c-card-border);border-radius:var(--sbpg-radius)}
.sbpg-article .sbpg-card-body{padding:16px 18px}
.sbpg-article .sbpg-hbar{display:flex;align-items:center;gap:12px;margin:0;padding:10px 14px;background:var(--sbpg-c-th-bg);color:var(--sbpg-c-brand);font-size:var(--sbpg-fs-h2);font-weight:var(--sbpg-fw-h2);line-height:var(--sbpg-lh-heading);letter-spacing:0;text-transform:none}
.sbpg-article .sbpg-hicon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:34px;height:34px;border-radius:50%;background:var(--sbpg-c-brand);color:#fff;font-size:15px}
.sbpg-article .sbpg-hicon .sbpg-i{width:18px;height:18px;vertical-align:0}
.sbpg-article .sbpg-h3{margin:0 0 6px;font-size:var(--sbpg-fs-h3);font-weight:var(--sbpg-fw-h3);line-height:var(--sbpg-lh-heading);color:var(--sbpg-c-h3)}
.sbpg-article .sbpg-h3:not(:first-child){margin-top:12px}
.sbpg-article .sbpg-note{margin:.4em 0 0;font-size:var(--sbpg-fs-meta);color:var(--sbpg-c-meta)}
.sbpg-article .sbpg-cols{display:grid;gap:24px}
.sbpg-article .sbpg-cols--2{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}
.sbpg-article .sbpg-col{min-width:0}
.sbpg-article .sbpg-list{margin:0 0 .6em;padding-left:1.2em;list-style:disc}
.sbpg-article .sbpg-list li{margin:0 0 .35em;padding:0}
.sbpg-article .sbpg-sub{display:block;font-size:var(--sbpg-fs-meta);color:var(--sbpg-c-meta)}
.sbpg-article .sbpg-figure{margin:0 0 12px}
.sbpg-article .sbpg-img{border-radius:calc(var(--sbpg-radius) / 1.5)}

/* tables */
.sbpg-article .sbpg-tablewrap{width:100%;max-width:100%;margin:0 0 .6em;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--sbpg-c-border);border-radius:calc(var(--sbpg-radius) / 1.5)}
.sbpg-article .sbpg-table{width:100%;margin:0;border-collapse:collapse;border:0;background:var(--sbpg-c-td-bg);font-size:var(--sbpg-fs-td);line-height:var(--sbpg-lh-table)}
.sbpg-article .sbpg-table th,.sbpg-article .sbpg-table td{padding:var(--sbpg-pad-v) var(--sbpg-pad-h);border:1px solid var(--sbpg-c-border);text-align:left;vertical-align:top;color:var(--sbpg-c-text)}
.sbpg-article .sbpg-table thead th{background:var(--sbpg-c-th-bg);color:var(--sbpg-c-th-text);font-size:var(--sbpg-fs-th);font-weight:700}
.sbpg-article .sbpg-table tbody tr:nth-child(even) td{background:var(--sbpg-stripe)}
.sbpg-article .sbpg-table--kv th{width:32%;background:var(--sbpg-c-td-alt);font-weight:700;color:var(--sbpg-c-h3)}
.sbpg-article .sbpg-table--kv td{background:var(--sbpg-c-td-bg)!important}

/* important dates */
.sbpg-article .sbpg-card--dates{background:var(--sbpg-c-dates-bg);border-color:var(--sbpg-c-border);border-color:color-mix(in srgb,var(--sbpg-c-dates-heading) 22%,#fff)}
.sbpg-article .sbpg-hbar--dates{background:transparent;background:color-mix(in srgb,var(--sbpg-c-dates-heading) 8%,transparent);color:var(--sbpg-c-dates-heading)}
.sbpg-article .sbpg-hbar--dates .sbpg-hicon{background:var(--sbpg-c-dates-heading)}
.sbpg-article .sbpg-dates{width:100%;margin:0;border-collapse:collapse;border:0;font-size:var(--sbpg-fs-td);line-height:var(--sbpg-lh-table);background:transparent}
.sbpg-article .sbpg-dates th,.sbpg-article .sbpg-dates td{padding:9px 6px;border:0;border-bottom:1px solid var(--sbpg-c-border);border-bottom-color:color-mix(in srgb,var(--sbpg-c-dates-heading) 18%,#fff);background:transparent;text-align:left;vertical-align:top;color:var(--sbpg-c-text)}
.sbpg-article .sbpg-dates tr:last-child th,.sbpg-article .sbpg-dates tr:last-child td{border-bottom:0}
.sbpg-article .sbpg-dates th{width:46%;font-weight:700;color:var(--sbpg-c-h3)}
.sbpg-article .sbpg-dates th a{color:inherit}
.sbpg-article .sbpg-dval{font-weight:600}
.sbpg-article .sbpg-tag{font-size:var(--sbpg-fs-meta);color:var(--sbpg-c-meta);white-space:nowrap}
.sbpg-article .sbpg-tag--status{padding:1px 8px;border-radius:999px;background:var(--sbpg-c-th-bg);color:var(--sbpg-c-brand);font-weight:600}
.sbpg-article .sbpg-dnote{display:block;font-size:var(--sbpg-fs-meta);color:var(--sbpg-c-meta);line-height:1.4}
.sbpg-article .sbpg-cta-wrap{padding-top:4px}

/* quick links, related */
.sbpg-article .sbpg-qlinks,.sbpg-article .sbpg-related{margin:0;padding:6px 16px 10px;list-style:none}
.sbpg-article .sbpg-qlinks li,.sbpg-article .sbpg-related li{margin:0;padding:9px 0;border-bottom:1px solid var(--sbpg-c-border)}
.sbpg-article .sbpg-qlinks li:last-child,.sbpg-article .sbpg-related li:last-child{border-bottom:0}
.sbpg-article .sbpg-qlink,.sbpg-article .sbpg-related a{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:var(--sbpg-fs-td);font-weight:500}
.sbpg-article .sbpg-qlink .sbpg-i{color:var(--sbpg-c-h2);font-size:1.3em}
.sbpg-article .sbpg-related a{justify-content:space-between;color:var(--sbpg-c-link)}
.sbpg-article .sbpg-qdesc{display:block;margin:2px 0 0 32px;font-size:var(--sbpg-fs-meta);color:var(--sbpg-c-meta)}
.sbpg-article .sbpg-qbtn .sbpg-qdesc{margin-left:0;text-align:center}

/* alert box */
.sbpg-article .sbpg-card--cta{padding:16px 18px;background:var(--sbpg-c-cta-bg);border-color:var(--sbpg-c-cta-border)}
.sbpg-article .sbpg-cta-h{display:flex;align-items:center;gap:10px;margin:0 0 8px;font-size:var(--sbpg-fs-h2);font-weight:var(--sbpg-fw-h2);color:var(--sbpg-c-error);line-height:var(--sbpg-lh-heading)}
.sbpg-article .sbpg-cta-h .sbpg-i{font-size:1.3em}

/* steps and checks */
.sbpg-article .sbpg-steps{margin:0;padding:0;list-style:none;counter-reset:sbpgstep}
.sbpg-article .sbpg-steps li{display:flex;gap:10px;margin:0 0 8px;padding:0;counter-increment:sbpgstep;font-size:var(--sbpg-fs-td)}
.sbpg-article .sbpg-steps li::before{content:counter(sbpgstep);flex:none;width:24px;height:24px;border-radius:50%;background:var(--sbpg-c-h2);color:#fff;font-size:12px;font-weight:700;line-height:24px;text-align:center}
.sbpg-article .sbpg-checks{margin:0;padding:0;list-style:none}
.sbpg-article .sbpg-checks li{display:flex;gap:10px;margin:0 0 8px;padding:0;font-size:var(--sbpg-fs-td)}
.sbpg-article .sbpg-checks .sbpg-i{color:var(--sbpg-c-success);font-size:1.2em;margin-top:.15em}

/* FAQ */
.sbpg-article .sbpg-faq{margin:0 0 8px;border:1px solid var(--sbpg-c-border);border-radius:calc(var(--sbpg-radius) / 1.5);background:var(--sbpg-c-td-bg)}
.sbpg-article .sbpg-faq summary{padding:12px 14px;cursor:pointer;font-size:var(--sbpg-fs-faq-q);font-weight:700;color:var(--sbpg-c-h3)}
.sbpg-article .sbpg-faq[open] summary{border-bottom:1px solid var(--sbpg-c-border)}
.sbpg-article .sbpg-faq-a{padding:12px 14px 4px;font-size:var(--sbpg-fs-faq-a)}

/* footer, source, disclaimer */
.sbpg-article .sbpg-footer{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin:0 0 16px;padding:16px 20px;background:var(--sbpg-c-footer-bg);border:1px solid var(--sbpg-c-border);border-radius:var(--sbpg-radius)}
.sbpg-article .sbpg-footer-i{display:inline-flex;align-items:center;justify-content:center;flex:none;width:40px;height:40px;border-radius:50%;background:var(--sbpg-c-footer-heading);color:#fff}
.sbpg-article .sbpg-footer-i .sbpg-i{width:22px;height:22px;vertical-align:0}
.sbpg-article .sbpg-footer-t{flex:1 1 220px;min-width:0}
.sbpg-article .sbpg-footer h2{margin:0 0 2px;font-size:var(--sbpg-fs-h3);font-weight:800;color:var(--sbpg-c-footer-heading);line-height:var(--sbpg-lh-heading)}
.sbpg-article .sbpg-footer p{margin:0;font-size:var(--sbpg-fs-meta);color:var(--sbpg-c-footer-text)}
.sbpg-article .sbpg-source{margin:0 0 10px;font-size:var(--sbpg-fs-meta);color:var(--sbpg-c-meta)}
.sbpg-article .sbpg-disclaimer{margin:0;font-size:var(--sbpg-fs-disc);color:var(--sbpg-c-meta);line-height:1.5}

.sbpg-article .sbpg-hero--text .sbpg-hero-main{flex-basis:100%}
.sbpg-article .sbpg-table th.sbpg-center,.sbpg-article .sbpg-table td.sbpg-center{text-align:center}
.sbpg-article .sbpg-table td.sbpg-merged{vertical-align:middle}
.sbpg-article .sbpg-listing-summary{margin:0}

/* tablet and mobile (viewport based; the theme keeps control of the page width) */
@media (max-width:1024px){
.sbpg-article .sbpg-hero-main{flex:1 1 360px}
.sbpg-article .sbpg-hero-media{flex:0 1 300px}
.sbpg-article .sbpg-qcards{grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));row-gap:8px}
}
@media (max-width:900px){
.sbpg-article .sbpg-hero{gap:16px}
.sbpg-article .sbpg-hero-main,.sbpg-article .sbpg-hero-media{flex:1 1 100%}
.sbpg-article .sbpg-hero-media{max-width:560px}
.sbpg-article .sbpg-quick{flex-direction:column;align-items:stretch}
.sbpg-article .sbpg-qcards{flex:none;grid-template-columns:repeat(2,minmax(0,1fr));row-gap:10px}
.sbpg-article .sbpg-qcard{border-right:0;padding:6px 8px}
.sbpg-article a.sbpg-btn--hero{width:100%;align-self:stretch}
.sbpg-article .sbpg-meta{gap:6px 20px}
.sbpg-article .sbpg-layout{display:flex;flex-direction:column;flex-wrap:nowrap}
.sbpg-article .sbpg-main,.sbpg-article .sbpg-aside{display:contents}
.sbpg-article .sbpg-card--dates{order:-2}
.sbpg-article .sbpg-card--links{order:-1}
.sbpg-article .sbpg-card--cta,.sbpg-article .sbpg-card--related{order:2}
}
@media (max-width:640px){
.sbpg-article .sbpg-hm{display:none}
.sbpg-article .sbpg-qcards{grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr))}
.sbpg-article .sbpg-hero-media{max-width:100%}
.sbpg-article .sbpg-pair{grid-template-columns:minmax(0,1fr)}
.sbpg-article .sbpg-card-body{padding:14px}
.sbpg-article a.sbpg-btn--footer{width:100%}
.sbpg-article .sbpg-meta{gap:6px 18px}
.sbpg-article .sbpg-hero-media{flex-basis:100%}
}
@media print{.sbpg-article a.sbpg-btn{border:1px solid #000;background:none!important;color:#000!important}}