/* Existing brand palette, reusable article components. No external fonts or icons. */
:root{--ui-blue:#0447af;--ui-teal:#087d89;--ui-red:#cc1424;--ui-heading:#0f172a;--ui-text:#334155;--ui-border:#e2e8f0;--ui-paper:#ffffff;--ui-soft:#f8fafc}
body{background:#f4f6f9;color:var(--ui-text)}body .hero,body .guide-hero{background:linear-gradient(120deg,#eef5ff,var(--ui-paper));border-color:var(--ui-border);box-shadow:0 3px 18px #0f172a05}body .article,body .guide-article{color:var(--ui-text);line-height:1.65}body .article{background:var(--ui-paper);border:1px solid var(--ui-border);border-radius:16px;box-shadow:0 4px 24px #0f172a06;padding:26px 30px}
body .article p,body .guide-article p,body .article-section p,body .post-shell article p{max-width:75ch;line-height:1.65;margin:0 0 .9rem}body .hero p,body .guide-hero p{max-width:75ch;line-height:1.65}body .article h2,body .guide-article h2,body .post-shell article h2{color:var(--ui-heading);font-size:clamp(23px,2.3vw,29px);line-height:1.3;margin:2.25rem 0 .85rem;padding-bottom:.55rem;border-bottom:1px solid #d9e7ee}body .article h2:after,body .guide-article h2:after,body .post-shell article h2:after{content:'';display:block;width:44px;height:3px;margin-top:.55rem;background:var(--ui-teal);border-radius:3px}body .article h3,body .guide-article h3{color:var(--ui-heading);font-size:19px;line-height:1.4}body .hero h1,body .guide-hero h1{color:var(--ui-heading)}body .article-section{padding:24px;border-color:var(--ui-border);box-shadow:0 4px 20px #0f172a04;border-radius:16px}body .section-title{align-items:flex-start;gap:14px}body .section-title h2{line-height:1.3;margin:0}body .section-title>p{display:block}body .eyebrow{color:var(--ui-teal)}
body .ui-step{position:relative;background:var(--ui-soft);border:1px solid var(--ui-border);border-left:4px solid var(--ui-teal);border-radius:12px;padding:20px 24px;margin:20px 0;box-shadow:0 2px 8px #0f172a03;transition:border-color .16s,box-shadow .16s}body .ui-step>h3{margin-top:0;margin-bottom:12px;font-size:19px}body .ui-step p:last-child{margin-bottom:0}body .stepnum{background:#e4f3f6;color:var(--ui-teal);border:1px solid #c2e2e7;border-radius:9px;font-size:14px;font-weight:700;min-width:32px}body .ui-step h3{padding-bottom:10px;border-bottom:1px solid #dde8ed}body .ui-step a[href^="https://"]:not(:has(img)){display:inline-flex;align-items:center;min-height:36px;padding:3px 9px;margin:2px 0;background:#eaf2fd;border:1px solid #cfdef1;border-radius:7px;color:var(--ui-blue);font-size:14px;text-decoration:none;font-weight:600;vertical-align:baseline;overflow-wrap:anywhere}body .ui-step a[href^="https://"]:not(:has(img)):after{content:'';width:13px;height:13px;margin-left:6px;flex-shrink:0;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M7 17 17 7M7 7h10v10'/%3E%3C/svg%3E") center/contain no-repeat}
body .ui-checklist{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 16px;padding:0;margin:14px 0 18px;max-width:80ch}body .ui-checklist>li{position:relative;padding:11px 12px 11px 36px;margin:0;border:1px solid #e0e9ee;border-radius:9px;background:#fff;line-height:1.55;font-size:15px;min-width:0;overflow-wrap:anywhere}body .ui-checklist>li:before{content:'';position:absolute;left:12px;top:14px;width:15px;height:15px;background:var(--ui-teal);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5'%3E%3Cpath d='m5 12 4 4L19 6'/%3E%3C/svg%3E") center/contain no-repeat}
body .ui-callout,body .notice,body .guide-note,body .guide-tip{background:#eef7fa;border:1px solid #cce2e8;border-left:4px solid var(--ui-teal);border-radius:11px;padding:15px 18px;margin:18px 0;max-width:80ch;line-height:1.65}body .ui-callout{position:relative;padding-left:44px}body .ui-callout:before{content:'';position:absolute;left:15px;top:18px;width:17px;height:17px;background:var(--ui-teal);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v6M12 7v1'/%3E%3C/svg%3E") center/contain no-repeat}body .notice.warn{background:#fff9ed;border-color:#eedbb9;border-left-color:#b37816}body .ui-badge{display:inline-block;border:1px solid #c9dfef;border-radius:7px;background:#edf5fd;color:var(--ui-blue);padding:2px 8px;font-size:.9em;font-weight:700;white-space:normal}body .tablewrap,body .table-scroll{border-radius:12px;border-color:var(--ui-border);max-width:100%;overflow-x:auto}body .article table th{background:#edf4fc;color:#173963}body .article table td{background:#fff;color:var(--ui-text)}body .article table td,body .article table th{padding:12px 14px}body .article>details:not(.ux-toc),body .faq details{border-color:var(--ui-border);box-shadow:none}body .article>details>summary,body .faq summary{min-height:44px;display:flex;align-items:center}body .shot img,body .guide-figure img{border-radius:10px;border-color:var(--ui-border)}body .shot figcaption{max-width:75ch;margin:8px auto 0;color:#64748b}body .internal-link{color:var(--ui-blue)!important}
@media(hover:hover){body .ui-step:hover{border-color:#b7cedd;border-left-color:var(--ui-teal);box-shadow:0 5px 16px #0f172a08}}
@media(max-width:640px){body .article{padding:19px 16px}body .article-section{padding:18px 15px}body .ui-step{padding:17px 15px;margin:16px 0}body .ui-checklist{grid-template-columns:1fr;gap:8px}body .ui-checklist>li{padding-top:10px;padding-bottom:10px}body .article h2,body .guide-article h2{margin-top:1.75rem;font-size:23px}body .ui-callout{padding:14px 14px 14px 40px}body .hero,body .guide-hero{padding:18px 16px}body .article table td,body .article table th{padding:10px 9px}body .ui-step a[href^="https://"]{min-height:44px;max-width:100%}}
@media(prefers-reduced-motion:reduce){body .ui-step{transition:none}}
/* Full-width reading flow; remove the former sidebar offsets. */
body .guide-layout,body .layout{display:block!important;grid-template-columns:none!important;gap:0!important}body .guide-main,body .guide-content,body .guide-article,body .article,body .post-shell article{width:100%;min-width:0;margin-left:0!important;grid-column:auto!important}body .hero h1,body .guide-hero h1,body .post-shell h1{max-width:none;width:100%;text-wrap:normal;line-height:1.22}body .article p,body .guide-article p,body .article-section p,body .post-shell article p,body .hero p,body .guide-hero p,body .hero-summary p{max-width:none;width:auto;text-align:left;margin-left:0;margin-right:0}body .article>section,body .guide-article>section{max-width:none}body .article-section .section-body{margin-left:0;padding-left:0}body .ui-callout,body .notice,body .guide-note,body .guide-tip,body .ui-checklist{max-width:none}body .shot,body .guide-figure{width:min(100%,660px);margin:18px auto 20px}body .shot>a,body .guide-figure>a{display:block;width:100%}body .shot img,body .guide-figure img{display:block;width:100%!important;max-width:min(100%,var(--image-native-width,660px))!important;height:auto!important;max-height:none;object-fit:contain;margin:0 auto;box-shadow:0 3px 12px #0f172a08}body .shot figcaption,body .guide-figure figcaption{max-width:none;font-size:12px;line-height:1.5;text-align:center;margin:8px 0 0}body .hero h1 .desktop-break{display:none}
@media(min-width:1000px){body .hero h1,body .guide-hero h1{font-size:36px;letter-spacing:-.02em}body .article,body .guide-article{font-size:16px}}
@media(max-width:640px){body .shot,body .guide-figure{width:100%;margin:16px auto}body .hero h1,body .guide-hero h1{font-size:27px;line-height:1.25}body .article p,body .guide-article p{font-size:15px;line-height:1.7}}