/* Article layout inspired by the editorial structure of the supplied reference. */
.guide-article{background:#fff;color:#17243b}
.guide-hero{background:#f2f7ff;border-bottom:1px solid #e0eaf9}
.guide-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.92fr);gap:68px;align-items:center;min-height:390px;padding-block:58px}
.guide-hero-copy{min-width:0}
.guide-hero .guide-breadcrumb{margin:0 0 32px;font-size:15px;color:#62738d}
.guide-hero .guide-breadcrumb a{color:#526987}
.guide-hero .guide-breadcrumb a:hover{color:#2563eb}
.guide-category{display:inline-block;padding:7px 13px;background:#e3efff;border-radius:6px;color:#1c58c4;font-size:14px;font-weight:700;line-height:1.4;margin-bottom:22px}
.guide-hero h1{font-size:clamp(38px,3.35vw,52px);line-height:1.27;letter-spacing:-.035em;margin:0;max-width:640px;font-weight:750}
.guide-hero .guide-lede{font-size:18px;line-height:1.8;color:#526780;max-width:600px;margin:24px 0 0}
.guide-hero-visual{min-width:0}
.guide-cover{width:100%;aspect-ratio:1.46;object-fit:cover;border-radius:16px;box-shadow:0 24px 50px #2454a61a}
.guide-visual-card{position:relative;display:flex;flex-direction:column;min-height:300px;padding:26px 28px;background:linear-gradient(135deg,#ffffff 0%,#f9fbff 65%,#e8f2ff 100%);border:1px solid #d6e4fa;border-radius:18px;box-shadow:0 24px 50px #2454a61a;overflow:hidden}
.guide-visual-card::after{content:"";position:absolute;width:230px;height:230px;border-radius:50%;border:36px solid #e3efff;right:-95px;bottom:-130px;pointer-events:none}
.guide-visual-top{display:flex;align-items:center;gap:9px;font-size:17px;position:relative;z-index:1}
.guide-visual-brand{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#2563eb;color:#fff;font-size:22px;font-weight:800;font-style:italic;line-height:1}
.guide-visual-top strong{font-size:17px}
.guide-visual-status{margin-left:auto;font-size:13px;color:#26715a;background:#eaf8f1;padding:7px 10px;border-radius:20px}
.guide-visual-metric{font-size:clamp(30px,3.4vw,48px);font-weight:800;letter-spacing:-.05em;margin:48px 0 24px;color:#1946a5;line-height:1.2;position:relative;z-index:1}
.guide-visual-flow{display:flex;align-items:center;flex-wrap:wrap;gap:9px;position:relative;z-index:1}
.guide-visual-flow span{background:#eef4ff;border:1px solid #cfdef8;border-radius:8px;color:#315788;padding:9px 10px;font-size:13px;font-weight:650}
.guide-visual-flow i{font-size:17px;font-style:normal;color:#78a2df}
.guide-visual-bottom{display:flex;align-items:center;gap:9px;margin-top:auto;padding-top:28px;color:#70819b;font-size:13px;position:relative;z-index:1}
.guide-visual-bottom span{width:7px;height:7px;background:#3d9b76;border-radius:50%}
.guide-article-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:72px;align-items:start;padding-top:56px;padding-bottom:80px}
.guide-article-main{min-width:0}
.guide-article-meta{display:flex;flex-wrap:wrap;gap:12px 26px;color:#65748a;font-size:15px;line-height:1.7;margin-bottom:30px}
.guide-article-content{font-size:18px;line-height:1.85;color:#31435e;overflow-wrap:anywhere}
.guide-article-content>p:first-child{font-size:19px;color:#263b5e}
.guide-article-content p,.guide-article-content li{font-size:18px;line-height:1.85;color:#31435e}
.guide-article-content p{margin:0 0 23px}
.guide-article-content h2{font-size:30px;line-height:1.35;letter-spacing:-.025em;font-weight:750;color:#17243b;margin:47px 0 17px}
.guide-article-content h3{font-size:23px;line-height:1.4;color:#17243b;margin:32px 0 12px}
.guide-article-content ul,.guide-article-content ol{padding:23px 28px 23px 50px;margin:20px 0 30px;background:#edf6ff;border-left:4px solid #4d91ea;border-radius:4px;overflow-wrap:anywhere}
.guide-article-content li{padding-left:3px;margin:6px 0}
.guide-article-content li::marker{color:#2563eb}
.guide-article-content strong{font-weight:740;color:#17243b}
.guide-article-content a{color:#1559d0;text-decoration:underline;text-underline-offset:3px}
.guide-article-content a:hover{color:#0f3f9b}
.guide-article-content pre{max-width:100%;overflow-x:auto;background:#10213d;color:#f1f6ff;border-radius:10px;padding:22px 25px;margin:23px 0 28px;font-size:16px;line-height:1.7}
.guide-article-content pre code{font:inherit}
.guide-article-content img{height:auto;border-radius:10px;margin:27px 0}
.guide-article-content blockquote{border-left:4px solid #80adf1;background:#f1f6ff;margin:28px 0;padding:20px 25px}
.guide-article-content blockquote p:last-child{margin-bottom:0}
.guide-article-content .wp-block-table{overflow-x:auto}
.guide-article-content table{border-collapse:collapse;width:100%;font-size:16px}
.guide-article-content th,.guide-article-content td{border:1px solid #dce6f5;padding:12px 14px;text-align:left}
.guide-article-aside{position:sticky;top:116px}
.guide-aside-card{padding:28px 24px;background:#f1f6ff;border:1px solid #dce9fd;border-radius:14px;text-align:left}
.guide-aside-label{font:12px/1.4 Consolas,monospace;letter-spacing:.15em;color:#2563eb}
.guide-aside-card h2{font-size:23px;line-height:1.4;letter-spacing:-.02em;margin:17px 0 12px}
.guide-aside-card p{font-size:16px;line-height:1.75;margin:0 0 23px;color:#526780}
.guide-aside-card .button{font-size:15px;width:100%;padding:13px 15px}
.guide-aside-links{padding:25px 5px 0}
.guide-aside-links h2{font-size:19px;margin:0 0 12px;letter-spacing:0}
.guide-aside-links a{display:flex;justify-content:space-between;gap:10px;padding:14px 0;border-bottom:1px solid #e3eaf4;color:#415676;font-size:15px;line-height:1.6}
.guide-aside-links a:hover{color:#2563eb}
.guide-aside-links a span{color:#2563eb}
.guide-article-end{display:flex;justify-content:space-between;gap:15px;align-items:center;border-top:1px solid #dfe8f4;margin-top:48px;padding-top:22px;color:#74839a;font-size:14px}
.guide-article-end a{color:#2563eb;font-weight:650}
.guide-article-contact{display:flex;align-items:center;justify-content:space-between;gap:28px;padding-top:38px;padding-bottom:75px;border-top:1px solid #dfe8f4}
.guide-article-contact span{color:#2563eb;font-size:14px;font-weight:700}
.guide-article-contact h2{font-size:27px;letter-spacing:-.025em;margin:9px 0 5px}
.guide-article-contact p{font-size:16px;margin:0}
@media(max-width:1050px){.guide-hero-grid{gap:38px}.guide-article-layout{gap:42px;grid-template-columns:minmax(0,1fr) 250px}.guide-visual-card{min-height:270px;padding:22px}.guide-visual-metric{margin-top:40px}}
@media(max-width:800px){.guide-hero-grid{grid-template-columns:1fr;gap:28px;padding-block:42px}.guide-hero .guide-breadcrumb{margin-bottom:25px}.guide-hero h1{font-size:clamp(34px,6vw,44px)}.guide-hero .guide-lede{font-size:17px}.guide-visual-card{min-height:225px}.guide-visual-metric{margin:28px 0 18px}.guide-article-layout{grid-template-columns:1fr;gap:36px;padding-top:35px;padding-bottom:52px}.guide-article-aside{position:static}.guide-aside-links{padding-top:25px}.guide-article-content h2{font-size:27px;margin-top:38px}.guide-article-content p,.guide-article-content li{font-size:17px}.guide-article-content>p:first-child{font-size:18px}.guide-article-contact{align-items:flex-start;flex-direction:column;padding-bottom:55px}}
@media(max-width:480px){.guide-hero-grid{padding-block:32px}.guide-hero .guide-breadcrumb{font-size:13px}.guide-category{font-size:13px;margin-bottom:17px}.guide-hero h1{font-size:33px}.guide-hero .guide-lede{font-size:16px;margin-top:17px}.guide-visual-card{min-height:210px;padding:19px}.guide-visual-top strong{font-size:15px}.guide-visual-status{font-size:11px}.guide-visual-metric{font-size:30px}.guide-visual-flow{gap:6px}.guide-visual-flow span{font-size:11px;padding:7px}.guide-visual-flow i{font-size:13px}.guide-article-content ul,.guide-article-content ol{padding:19px 15px 19px 35px}.guide-article-content pre{padding:17px;font-size:14px}.guide-article-end{align-items:flex-start;flex-direction:column}}