/* Single-post reading layout, scoped to articles. The site body font is retained. */
body.single-post.and-site{background:var(--and-bg);color:#33425b}
body.single-post .and-reference-post{width:min(1200px,calc(100% - 64px));padding-top:24px;padding-bottom:62px}
body.single-post .and-reference-post .and-breadcrumbs{margin-bottom:18px;font-size:12px}
body.single-post .and-reference-title{margin-bottom:30px}
body.single-post .and-reference-title h1{font-size:clamp(30px,3.5vw,46px);line-height:1.18;letter-spacing:-.025em;max-width:1100px;margin:0 0 12px;font-weight:750}
body.single-post .and-reference-post :is(h1,h2,h3,h4){color:#142f69!important;background:none!important;-webkit-text-fill-color:#142f69;font-style:normal!important;font-family:Georgia,'Times New Roman',serif!important}
body.single-post .and-reference-meta{font-size:12px;color:#63718a;line-height:1.8;margin:0}
body.single-post .and-reference-meta a{color:#1265dd;text-decoration:underline;text-underline-offset:2px}
.and-reference-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px;align-items:start}
.and-reference-article,.and-reference-sidebar{min-width:0}
.and-reference-cover{margin:0 0 30px;border-radius:14px;overflow:hidden;background:#e7edf2;aspect-ratio:16/7.6;box-shadow:0 4px 18px #193d6710}
.and-reference-cover>img,.and-reference-cover>.and-photo,.and-reference-cover>.and-photo img,.and-reference-cover>.and-photo svg{display:block;width:100%;height:100%;object-fit:cover}
body.single-post .and-reference-content{font-size:16px;line-height:1.85;color:#46536b;max-width:none;overflow-wrap:anywhere}
body.single-post .and-reference-content p{margin:0 0 18px}
body.single-post .and-reference-content h2{font-size:clamp(23px,2.1vw,29px);line-height:1.25;font-weight:700;margin:38px 0 15px;scroll-margin-top:var(--and-toc-offset,125px)}
body.single-post .and-reference-content>h2:first-child{margin-top:0}
body.single-post .and-reference-content h3{font-size:19px;font-weight:700;line-height:1.35;margin:26px 0 10px;scroll-margin-top:var(--and-toc-offset,125px)}
body.single-post .and-reference-content h4{font-size:16px;font-weight:700}
body.single-post .and-reference-content strong{font-weight:650;color:#243b64}
body.single-post .and-reference-content a{color:#1267dd;text-decoration:underline;text-underline-offset:3px}
.and-reference-sidebar-inner{position:sticky;top:var(--and-toc-offset,124px);max-height:calc(100vh - var(--and-toc-offset,124px) - 20px);overflow-y:auto;scrollbar-width:thin;padding-bottom:5px}
body.single-post .and-contribute-card{display:flex;gap:12px;align-items:center;background:#e6f0ff;border:1px solid #ccdefb;border-radius:12px;padding:17px 13px;margin-bottom:18px;text-decoration:none!important;color:#183d77}
.and-contribute-card>span{width:40px;height:40px;background:#1466ed;display:grid;place-items:center;color:#fff;border-radius:50%;font-size:23px;flex:none;box-shadow:0 3px 8px #1666ed25}
.and-contribute-card strong{display:block;font-size:13px;line-height:1.4;margin-bottom:4px}
.and-contribute-card small{display:block;font-size:11px;line-height:1.55;color:#617497}
.and-contribute-card>b{color:#1466ed;font-size:20px;margin-left:auto}
body.single-post .and-post-detail{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e0e8f5;border-radius:10px;margin-bottom:10px;padding:12px;min-height:67px;box-shadow:0 2px 6px #1d4e8604;color:#26446e;text-decoration:none!important}
.and-post-detail-icon{flex:none;width:34px;height:34px;display:grid;place-items:center;background:#edf4ff;border-radius:50%;font-size:18px}
.and-post-detail-copy{display:block;min-width:0;flex:1;line-height:1.4}
.and-post-detail-copy strong{display:block;font-size:11px;font-weight:700;color:#24477a;letter-spacing:.015em;margin-bottom:3px}
.and-post-detail-copy>span{display:block;font-size:12px;color:#697a92;overflow-wrap:anywhere}
.and-post-detail-arrow{font-size:19px;color:#1269ed;flex:none}
body.single-post details.and-post-tags{display:block}
.and-post-tags summary{display:flex;align-items:center;gap:10px;cursor:pointer;list-style:none}
.and-post-tags summary::-webkit-details-marker{display:none}
.and-post-tags[open] .and-post-detail-arrow{transform:rotate(90deg)}
.and-post-tag-links{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}
body.single-post .and-post-tag-links a{font-size:11px;background:#eef5ff;border-radius:20px;padding:5px 9px;color:#185dad}
body.single-post .and-more-month-holidays{display:block;text-align:center;background:#e4efff;border-radius:10px;font-size:12px;font-weight:650;padding:13px 10px;color:#16497f;text-decoration:none;margin-top:12px}
.and-reference-share{margin-top:22px}
.and-reference-share>strong{font-size:12px;color:#243b6d;display:block;margin-bottom:10px}
.and-reference-share>div{display:flex;gap:10px}
body.single-post .and-reference-share :is(a,button){width:34px;height:34px;display:inline-grid;place-items:center;border:0;border-radius:50%;padding:0;cursor:pointer;color:#fff!important;background:#58799e;text-decoration:none}
body.single-post .and-reference-share .and-share-facebook{background:#3d5e9d}
body.single-post .and-reference-share .and-share-x{background:#273342}
body.single-post .and-reference-share .and-share-pinterest{background:#d94545}
body.single-post .and-reference-share .and-share-linkedin{background:#087bb5}
.and-reference-share svg{fill:none;width:17px;height:17px}
body.single-post .and-reference-share button[data-copied]{background:#14805d}
body.single-post .and-reference-content .and-reference-toc{background:#fff;border:1px solid #e4e9f0;border-radius:12px;box-shadow:0 3px 12px #123a6910;padding:21px 25px;margin:28px 0 36px}
.and-reference-toc>strong{font-size:14px;color:#173b76;display:block;margin-bottom:10px}
body.single-post .and-reference-content .and-reference-toc ol{margin:0;padding-left:20px;columns:2;column-gap:32px;font-size:12px;line-height:1.75;list-style:decimal}
body.single-post .and-reference-content .and-reference-toc li{break-inside:avoid;padding:2px 0 2px 3px;margin:0;display:list-item}
body.single-post .and-reference-content .and-reference-toc a{color:#1265d8;text-decoration:none}
body.single-post .and-reference-content .and-reference-toc a[aria-current]{font-weight:750;text-decoration:underline}
.and-article-table-scroll{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;border-radius:12px;border:1px solid #e2e8f1;box-shadow:0 3px 10px #173d6d0c;margin:20px 0 22px;-webkit-overflow-scrolling:touch}
body.single-post .and-reference-content table{width:100%;border-collapse:collapse;margin:0;background:#fff;border:0;font-size:13px;line-height:1.6;color:#536581}
body.single-post .and-reference-content table :is(th,td){padding:13px 15px;text-align:left;vertical-align:top;border:0;border-bottom:1px solid #e8edf6;min-width:90px;overflow-wrap:normal}
body.single-post .and-reference-content table :is(thead th,thead td){background:#1464ed;color:#fff!important;font-size:12px;font-weight:650}
body.single-post .and-reference-content table tbody tr:nth-child(even){background:#e9f2ff}
body.single-post .and-reference-content table tbody tr:nth-child(odd){background:#fff}
body.single-post .and-reference-content table tbody th{color:#1a3d70;font-weight:700}
body.single-post .and-reference-content table tr:last-child :is(th,td){border-bottom:0}
.and-post-note,body.single-post .and-reference-content blockquote{display:flex;gap:14px;align-items:flex-start;background:#e6f0ff;border:1px solid #d6e5fb;border-radius:12px;padding:20px 23px;margin:23px 0;color:#526786;font-size:14px;line-height:1.7}
.and-post-note>span,.and-post-note>.wp-block-paragraph:first-child{width:37px;height:37px;flex:none;border-radius:50%;background:#1767ef;color:white;display:grid;place-items:center;margin:0!important;font-size:20px}
.and-post-note>div{flex:1;min-width:0}
body.single-post .and-post-note strong{display:block;font-size:11px;font-weight:750;letter-spacing:.085em;text-transform:uppercase;margin-bottom:5px;color:#193d70}
body.single-post .and-post-note p{margin:0 0 7px!important}
body.single-post .and-post-note p:last-child{margin-bottom:0!important}
.and-post-note.and-note-warning{background:#fff4df;border-color:#efc66e}
.and-note-warning>span{background:#e2a638}
.and-post-note.and-note-fact{background:#edf7f4;border-color:#d2e8e1}
body.single-post .and-reference-content blockquote{display:block;border-left:4px solid #1670ed;font-style:normal}
body.single-post .and-reference-content blockquote p:last-child{margin-bottom:0}
.and-post-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:23px 0}
.and-post-stats>div{background:#fff;border:1px solid #e7ebf0;border-radius:11px;padding:22px 10px;text-align:center;box-shadow:0 3px 10px #14396a0c}
body.single-post .and-post-stats>div>strong{display:block;font-size:32px;color:#1262eb;line-height:1.1;margin-bottom:7px;font-weight:700}
.and-post-stats>div>span{font-size:12px;color:#7c879b;display:block}
.and-post-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:23px 0}
.and-post-info-card{background:#fff;border:1px solid #e0e8f0;border-top:3px solid #4386ff;border-radius:12px;padding:21px 23px;box-shadow:0 3px 10px #14396a0b}
body.single-post .and-post-info-card h3{font-size:17px;margin:0 0 10px}
body.single-post .and-post-info-card p{font-size:14px;margin-bottom:0}
body.single-post .and-reference-content .and-post-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;padding:0;margin:23px 0;list-style:none;counter-reset:and-step}
body.single-post .and-reference-content .and-post-steps>li{counter-increment:and-step;position:relative;background:#fff;border:1px solid #e7ebf1;border-radius:10px;padding:18px 18px 18px 44px;box-shadow:0 3px 10px #14396a0b;font-size:13px;line-height:1.7;margin:0;min-width:0}
.and-post-steps>li:before{content:counter(and-step);position:absolute;left:14px;top:18px;width:21px;height:21px;border-radius:50%;background:#e9f2ff;color:#1668ed;display:grid;place-items:center;font-size:11px;font-weight:700}
body.single-post .and-post-steps p{margin:0}
body.single-post .and-reference-content ul.is-style-and-checklist{list-style:none;padding-left:0}
.and-reference-content .is-style-and-checklist li{position:relative;padding-left:29px;margin-bottom:15px}
.and-reference-content .is-style-and-checklist li:before{content:'✓';position:absolute;left:0;top:5px;background:#176bf3;color:#fff;font-size:10px;width:17px;height:17px;display:grid;place-items:center;border-radius:50%;line-height:1}
/* FAQ fields, the editor pattern and article FAQ sections share the same cards. */
body.single-post .and-reference-content .and-faq{margin:20px 0 30px}
body.single-post .and-reference-content .and-faq details{border:1px solid #d7e3f4;border-radius:13px;background:#fff;box-shadow:0 3px 12px #193a6908;margin:0 0 12px;padding:0;overflow:clip;transition:border-color .18s,box-shadow .18s}
body.single-post .and-reference-content .and-faq details:hover{border-color:#a9c8f1}
body.single-post .and-reference-content .and-faq summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:62px;padding:17px 20px;font-size:14px;line-height:1.55;color:#193969;font-weight:650;cursor:pointer;list-style:none;transition:background-color .18s}
body.single-post .and-reference-content .and-faq summary:hover{background:#f5f9ff}
body.single-post .and-reference-content .and-faq summary::marker{content:''}
.and-reference-content .and-faq summary::-webkit-details-marker{display:none}
body.single-post .and-reference-content .and-faq summary:after{content:'';display:block;width:26px;height:26px;flex:none;border-radius:50%;background:linear-gradient(var(--and-primary),var(--and-primary)) center/10px 2px no-repeat,linear-gradient(var(--and-primary),var(--and-primary)) center/2px 10px no-repeat,#eaf2ff}
body.single-post .and-reference-content .and-faq summary>span[aria-hidden="true"]{display:none}
body.single-post .and-reference-content .and-faq summary :is(h2,h3,h4,h5,h6,p){min-width:0;margin:0!important;font:inherit!important;font-style:normal!important;letter-spacing:normal;color:inherit!important;-webkit-text-fill-color:currentColor}
body.single-post .and-reference-content .and-faq details[open]{border-color:#b8d1f3;box-shadow:0 5px 16px #193a690d}
body.single-post .and-reference-content .and-faq details[open]>summary{background:#edf4ff;border-bottom:1px solid #dce8f8}
body.single-post .and-reference-content .and-faq details[open]>summary:after{background:linear-gradient(#fff,#fff) center/10px 2px no-repeat,var(--and-primary)}
body.single-post .and-reference-content .and-faq .and-faq-answer,body.single-post .and-reference-content .and-faq details>p{padding:18px 20px;margin:0;font-size:14px;line-height:1.85;color:#526581}
body.single-post .and-reference-content .and-faq .and-faq-answer p{font-size:inherit;line-height:inherit;padding:0;margin:0 0 12px}
body.single-post .and-reference-content .and-faq .and-faq-answer>:last-child{margin-bottom:0!important}
body.single-post .and-reference-content .and-faq details>p+p{padding-top:0}
body.single-post .and-reference-content .and-faq summary:focus-visible{outline:3px solid var(--and-primary);outline-offset:-3px;border-radius:12px}
@media(max-width:600px){body.single-post .and-reference-content .and-faq summary{padding:15px 16px;gap:12px;font-size:13px;min-height:58px}body.single-post .and-reference-content .and-faq .and-faq-answer,body.single-post .and-reference-content .and-faq details>p{padding:16px;font-size:13px}}
@media(prefers-reduced-motion:reduce){body.single-post .and-reference-content .and-faq :is(details,summary){transition:none}}
body.single-post .and-post-author-box{margin-top:38px;padding:23px;border:1px solid #dbe5f1;background:#edf4ff;border-radius:12px}
body.single-post .and-post-author-box h2{font-size:21px;margin-bottom:7px;font-weight:700}
body.single-post .and-post-author-box p{font-size:13px;line-height:1.7}
body.single-post .and-post-navigation{font-size:12px;border-top:1px solid #e0e5ee;padding-top:20px;margin-top:22px;display:flex;gap:18px;justify-content:space-between}
.and-mobile-info-anchor,.and-mobile-info-toggle{display:none}
@media(min-width:1024px){body.single-post .and-header-inner{min-height:80px;gap:19px}body.single-post .and-header :is(.and-logo,.custom-logo-link){width:125px}body.single-post .and-header :is(.and-logo img,.custom-logo){width:125px;max-height:70px;height:70px!important}body.single-post .and-header-search{width:180px}body.single-post .and-header .and-menu{gap:17px}}
@media(max-width:1100px){.and-reference-grid{grid-template-columns:minmax(0,1fr) 270px;gap:26px}body.single-post .and-reference-content{font-size:15px}}
@media(max-width:900px){body.single-post .and-reference-post{width:calc(100% - 40px);padding-top:21px;padding-bottom:38px}.and-reference-grid{grid-template-columns:1fr;gap:24px}.and-reference-title{margin-bottom:22px!important}.and-reference-sidebar-inner{position:static;max-height:none;overflow:visible}.and-mobile-info-anchor{display:block;margin:0 0 24px}.and-mobile-info-toggle{display:flex!important;align-items:center;justify-content:space-between;width:100%;background:#e8f2ff!important;border:1px solid #cdddF6!important;color:#194778!important;padding:14px 17px!important;border-radius:10px;font-size:13px;font-weight:650}.and-mobile-info-toggle span{font-size:18px}.and-reference-sidebar.is-mobile-open .and-mobile-info-toggle{border-radius:10px 10px 0 0}.and-reference-sidebar.is-mobile-open .and-reference-sidebar-inner{padding-top:15px}html.and-js .and-reference-sidebar:not(.is-mobile-open) .and-reference-sidebar-inner{display:none}.and-reference-cover{margin-bottom:23px}.and-reference-content .and-reference-toc ol{column-gap:20px}.and-article-table-scroll table{min-width:560px}}
@media(max-width:600px){body.single-post .and-reference-title h1{font-size:30px;line-height:1.23}body.single-post .and-reference-meta{font-size:11px}.and-reference-cover{aspect-ratio:16/9;border-radius:11px}body.single-post .and-reference-content{font-size:14px;line-height:1.85}body.single-post .and-reference-content h2{font-size:23px;margin-top:32px}body.single-post .and-reference-content h3{font-size:18px}.and-reference-content .and-reference-toc{padding:18px 21px!important}.and-reference-content .and-reference-toc ol{columns:1!important;font-size:12px}.and-post-note,body.single-post .and-reference-content blockquote{padding:17px 16px;font-size:13px;gap:11px}.and-post-note>span{width:31px;height:31px;font-size:17px}.and-post-card-grid{grid-template-columns:1fr;gap:13px}.and-post-stats{gap:8px}.and-post-stats>div{padding:20px 7px}.and-post-stats>div>strong{font-size:27px!important}.and-post-stats>div>span{font-size:10px}.and-reference-content .and-post-steps{grid-template-columns:1fr!important}.and-post-author-box{padding:19px!important}}
@media(prefers-reduced-motion:reduce){body.single-post *{scroll-behavior:auto!important}}

@media(min-width:901px){.and-reference-sidebar{position:sticky;top:var(--and-toc-offset,124px);max-height:calc(100vh - var(--and-toc-offset,124px) - 20px);overflow-y:auto;scrollbar-width:thin}.and-reference-sidebar-inner{position:static;max-height:none;overflow:visible}}
html:has(body.single-post){scroll-padding-top:0}
.and-reference-content :is(figure,.wp-block-image,.wp-block-table,.wp-block-columns){max-width:100%;margin-inline:0}
.and-reference-content :is(.alignwide,.alignfull){width:100%!important;max-width:100%!important;margin-inline:0!important}
.and-post-note>p:first-child{width:37px;height:37px;flex:none;border-radius:50%;background:#1767ef;color:#fff;display:grid;place-items:center;margin:0!important;font-size:20px}
.and-note-warning>p:first-child{background:#e2a638}
body.single-post .and-post-stats>div>p:first-child strong{display:block;color:#1262eb;font-size:32px;line-height:1.15}
body.single-post .and-post-stats>div>p{margin:0 0 7px;font-size:12px;color:#7c879b}
@media(prefers-reduced-motion:reduce){html:has(body.single-post){scroll-behavior:auto}}
body.single-post .and-reference-post>.and-breadcrumbs{padding:0;margin:0 0 20px}
.and-reference-content ul.is-style-and-checklist{margin-left:0!important}
body.single-post .and-reference-content .and-faq details[open]>summary span{transform:none!important}
body.single-post .and-post-detail{padding:8px 11px;margin-bottom:7px;min-height:49px}
.and-post-detail-icon{width:28px;height:28px;font-size:16px}
.and-post-detail-copy strong{font-size:10.5px;line-height:1.3;margin-bottom:2px}
.and-post-detail-copy>span{font-size:11.5px;line-height:1.35}
body.single-post .and-contribute-card{padding:13px 12px;margin-bottom:14px}
.and-contribute-card>span{width:35px;height:35px;font-size:21px}
.and-contribute-card strong{font-size:12px;line-height:1.3}.and-contribute-card small{font-size:10px;line-height:1.5}
.and-reference-share{margin-top:15px}.and-reference-share>strong{margin-bottom:8px}
body.single-post .and-reference-share :is(a,button){width:31px;height:31px}
@media(max-width:900px){body.single-post .and-post-detail{min-height:54px}.and-post-detail-copy>span{font-size:12px}}
@media(max-width:1023px){body.single-post .and-header-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;min-height:0;padding-block:7px}body.single-post .and-header :is(.and-logo,.custom-logo-link){grid-column:1;grid-row:1;width:100px;margin:0;justify-self:start}body.single-post .and-header :is(.and-logo img,.custom-logo){width:100px;height:58px!important;max-height:58px;object-fit:contain}body.single-post .and-header .and-menu-toggle{grid-column:2;grid-row:1;justify-self:end;align-self:center;margin:0}body.single-post .and-header .and-socials{grid-column:1/-1;grid-row:2;justify-self:center;margin:0;min-height:28px}body.single-post .and-header-search{display:none}}
