/* ESP article-guide composition. Bricks remains the page/layout owner; this file styles
   the single reusable [esp_article_guide] content component. */
.post-body.post-body{padding-top:22px}
.post-body .svc-prose__inner{max-width:var(--container-max);margin-inline:0}
/* Shared Bricks breadcrumb element tree: Home › Blog › current guide. */
.svc-crumbs{border-bottom:1px solid var(--border-subtle,#e2e8f0);background:#fff}
.svc-crumbs .esp-container{padding-block:14px}
.svc-crumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:8px;list-style:none;margin:0;padding:0;color:var(--text-muted,#64748b);font-family:var(--font-sans);font-size:13.5px;line-height:1.4}
.svc-crumbs li{margin:0;padding:0}
.svc-crumbs a{color:var(--text-muted,#64748b);font-weight:600;text-decoration:none}
.svc-crumbs a:hover{color:var(--blue-700,#124a8a);text-decoration:underline}
.svc-crumbs .sep{color:var(--ink-300,#cbd5e1)}
.svc-crumbs .current,.svc-crumbs [aria-current=page]{color:var(--text-strong,#0a2a52);font-weight:700;overflow-wrap:anywhere}
.esp-guide{--guide-ink:#0a2a52;--guide-blue:#124a8a;--guide-orange:#f47b20;--guide-muted:#53657b;max-width:1200px}
.esp-guide-hero{margin:0 0 clamp(28px,4vw,48px);border-radius:18px;overflow:hidden;background:#eef3f8;box-shadow:0 22px 60px rgba(10,42,82,.12)}
.esp-guide-hero__image{display:block;width:100%;height:clamp(290px,46vw,570px);object-fit:cover}
.esp-guide-hero figcaption{padding:12px 16px;background:#fff;color:var(--guide-muted);font-size:13px;line-height:1.45;border:1px solid #dbe4ee;border-top:0}
.esp-guide-answer{position:relative;max-width:980px;margin:0 0 clamp(34px,5vw,62px);padding:clamp(24px,4vw,42px) clamp(24px,4vw,48px);background:#f3f6fa;border-left:5px solid var(--guide-orange);border-radius:0 16px 16px 0}
.esp-guide-answer__eyebrow,.esp-guide-section-label{margin:0 0 8px!important;color:#8b4b16!important;font-family:var(--font-sans);font-size:12px!important;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.esp-guide-answer h2{margin:0 0 12px!important;font-size:clamp(26px,3vw,38px)!important;line-height:1.16;color:var(--guide-ink)}
.esp-guide-answer p:last-child{margin:0!important;font-family:var(--font-serif);font-size:clamp(18px,1.7vw,22px)!important;line-height:1.65!important;color:#263d59!important}
.esp-guide-layout{display:grid;grid-template-columns:minmax(210px,270px) minmax(0,760px);gap:clamp(38px,6vw,76px);align-items:start}
.esp-guide-aside{position:sticky;top:104px;display:grid;gap:18px}
.esp-guide-toc{padding:22px;border:1px solid #dbe4ee;border-top:4px solid var(--guide-blue);background:#fff;border-radius:0 0 14px 14px;box-shadow:0 10px 28px rgba(10,42,82,.07)}
.esp-guide-toc__title{margin:0 0 12px!important;color:var(--guide-ink)!important;font-family:var(--font-sans);font-size:14px!important;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.esp-guide-toc ol{margin:0!important;padding:0!important;list-style:none;counter-reset:guide-toc}
.esp-guide-toc li{position:relative;margin:0!important;padding:9px 0 9px 28px!important;border-top:1px solid #edf1f5;font-size:14px!important;line-height:1.35!important;counter-increment:guide-toc}
.esp-guide-toc li:first-child{border-top:0}
.esp-guide-toc li:before{content:counter(guide-toc,decimal-leading-zero);position:absolute;left:0;top:10px;color:#8b4b16;font-size:10px;font-weight:800;letter-spacing:.05em}
.esp-guide-toc a{color:#263d59!important;text-decoration:none!important;font-weight:650!important}
.esp-guide-toc a:hover{color:var(--guide-blue)!important;text-decoration:underline!important}
.esp-guide-aside__help{padding:18px 20px;background:var(--guide-ink);color:#fff;border-radius:14px}
.esp-guide-aside__help span{display:block;margin-bottom:8px;font-size:13px;line-height:1.45;color:#dbe7f5}
.esp-guide-aside__help a{color:#fff!important;font-size:14px;font-weight:800;text-decoration:none!important}
.esp-guide-prose{max-width:760px}
.esp-guide-prose__section{scroll-margin-top:120px;margin:0 0 clamp(32px,4vw,50px)}
.esp-guide-prose__section h2{margin:0 0 14px!important;color:var(--guide-ink)!important;font-family:var(--font-serif);font-size:clamp(28px,3vw,40px)!important;line-height:1.2!important}
.esp-guide-prose__section h3{margin:28px 0 10px!important;color:var(--guide-ink)!important;font-family:var(--font-sans);font-size:clamp(20px,2vw,25px)!important;line-height:1.3!important}
.esp-guide-prose p,.esp-guide-prose li{font-family:var(--font-sans);font-size:17px!important;line-height:1.78!important;color:#354a62!important}
.esp-guide-prose p{margin:0 0 18px!important}
.esp-guide-prose ul{margin:18px 0 24px!important;padding:0!important;list-style:none}
.esp-guide-prose ul li{position:relative;margin:0!important;padding:11px 0 11px 28px!important;border-bottom:1px solid #e6ecf2}
.esp-guide-prose ul li:before{content:"";position:absolute;left:2px;top:23px;width:9px;height:9px;border:2px solid var(--guide-orange);border-radius:50%}
.esp-guide-prose ol{margin:20px 0 28px!important;padding:0!important;list-style:none;counter-reset:guide-list}
.esp-guide-prose ol li{position:relative;margin:0 0 14px!important;padding:18px 20px 18px 58px!important;background:#f6f8fb;border-radius:12px;counter-increment:guide-list}
.esp-guide-prose ol li:before{content:counter(guide-list);position:absolute;left:18px;top:18px;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:var(--guide-orange);color:#132b48;font-size:12px;font-weight:800}
.esp-guide-prose a{color:#124a8a!important;text-decoration-thickness:2px!important;text-underline-offset:3px}
.esp-guide-service-link{margin:44px 0;padding:24px 28px;border:1px solid #d6e0eb;border-radius:14px;background:linear-gradient(135deg,#fff,#f3f7fb)}
.esp-guide-service-link__label{display:block;margin-bottom:8px;color:#8b4b16;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.esp-guide-service-link p{margin:0!important;font-family:var(--font-serif);font-size:20px!important;line-height:1.55!important;color:var(--guide-ink)!important}
.esp-guide-sources,.esp-guide-faq{margin:clamp(44px,7vw,76px) 0 0;padding-top:30px;border-top:1px solid #dbe4ee}
.esp-guide-sources h2,.esp-guide-faq h2{margin:0 0 20px!important;color:var(--guide-ink)!important;font-size:clamp(27px,3vw,38px)!important}
.esp-guide-sources ol{margin:0!important;padding:0!important;list-style:none;counter-reset:sources}
.esp-guide-sources li{position:relative;margin:0!important;padding:14px 0 14px 42px!important;border-bottom:1px solid #e6ecf2;counter-increment:sources}
.esp-guide-sources li:before{content:counter(sources);position:absolute;left:0;top:13px;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:#e7eef6;color:var(--guide-blue);font-size:12px;font-weight:800}
.esp-guide-sources a{font-size:15px!important;line-height:1.5!important}
.esp-guide-faq details{border-bottom:1px solid #dbe4ee}
.esp-guide-faq summary{position:relative;cursor:pointer;padding:20px 42px 20px 0;color:var(--guide-ink);font-family:var(--font-sans);font-size:18px;font-weight:800;line-height:1.45;list-style:none}
.esp-guide-faq summary::-webkit-details-marker{display:none}
.esp-guide-faq summary:after{content:"+";position:absolute;right:4px;top:18px;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#edf2f7;color:var(--guide-blue)}
.esp-guide-faq details[open] summary:after{content:"–"}
.esp-guide-faq details>div{padding:0 38px 18px 0}
.esp-guide-editorial-note{display:grid;gap:6px;margin-top:46px;padding:20px 0;border-top:4px solid var(--guide-ink);font-size:14px;line-height:1.55;color:var(--guide-muted)}
.esp-guide-editorial-note strong{color:var(--guide-ink)}
@media(max-width:900px){.esp-guide-layout{grid-template-columns:1fr}.esp-guide-aside{position:static;order:0}.esp-guide-toc{padding:18px 20px}.esp-guide-toc ol{columns:2;column-gap:28px}.esp-guide-prose{max-width:none}}
@media(max-width:600px){.svc-crumbs .esp-container{padding-block:11px}.svc-crumbs ol{gap:6px;font-size:12.5px}.esp-guide-hero{border-radius:12px}.esp-guide-hero__image{height:270px}.esp-guide-answer{border-radius:0 12px 12px 0}.esp-guide-toc ol{columns:1}.esp-guide-layout{gap:28px}.esp-guide-prose p,.esp-guide-prose li{font-size:16.5px!important}.esp-guide-prose ol li{padding-left:54px!important}.post-share{margin-top:28px}}
@media(prefers-reduced-motion:reduce){.esp-guide *{scroll-behavior:auto!important}}
