/* BeforeImmigration reusable guide components — v1, 2026-09-10 */
.bi-guide{--bi-ink:#10233f;--bi-text:#48576a;--bi-muted:#68778a;--bi-line:#dfe6ee;--bi-soft:#f5f8fb;--bi-warm:#fff6f2;--bi-accent:#e85d3c;--bi-accent-dark:#c94729;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--bi-ink);background:#fff}
.bi-guide *{box-sizing:border-box}.bi-guide a{color:var(--bi-accent-dark)}.bi-guide-shell{width:min(1080px,calc(100% - 40px));margin-inline:auto}
.bi-guide-hero{padding:72px 0 54px;border-bottom:1px solid var(--bi-line);background:linear-gradient(180deg,#f7fafc 0,#fff 100%)}
.bi-guide-breadcrumb{margin:0 0 22px;color:var(--bi-muted);font-size:13px}.bi-guide-breadcrumb a{color:#59687a;text-decoration:none}
.bi-guide-kicker{margin:0 0 12px;color:var(--bi-accent);font-size:13px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}
.bi-guide h1{max-width:880px;margin:0 0 18px;color:var(--bi-ink);font-size:clamp(38px,6vw,62px);line-height:1.06;letter-spacing:-.04em}
.bi-guide-lead{max-width:800px;margin:0;color:var(--bi-text);font-size:19px;line-height:1.65}
.bi-guide-reviewed{display:inline-flex;margin-top:22px;padding:8px 11px;border:1px solid var(--bi-line);border-radius:8px;background:#fff;color:var(--bi-muted);font-size:12px;font-weight:700}
.bi-guide-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:64px;padding:56px 0 80px}.bi-guide-content{min-width:0}
.bi-guide-content h2{margin:60px 0 17px;color:var(--bi-ink);font-size:clamp(28px,4vw,40px);line-height:1.17;letter-spacing:-.025em}.bi-guide-content h2:first-child{margin-top:0}
.bi-guide-content h3{margin:31px 0 11px;color:var(--bi-ink);font-size:21px;line-height:1.3}.bi-guide-content p,.bi-guide-content li{color:var(--bi-text);font-size:16px;line-height:1.75}.bi-guide-content ul,.bi-guide-content ol{padding-left:22px}.bi-guide-content li+li{margin-top:8px}
.bi-guide-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:27px 0;overflow:hidden;border:1px solid var(--bi-line);border-radius:14px;background:var(--bi-line)}.bi-guide-summary>div{padding:21px;background:#fff}.bi-guide-summary span{display:block;margin-bottom:6px;color:var(--bi-muted);font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.bi-guide-summary strong{font-size:15px;line-height:1.45}
.bi-guide-notice{margin:27px 0;padding:20px 22px;border-left:4px solid var(--bi-accent);border-radius:0 10px 10px 0;background:var(--bi-warm);color:var(--bi-text);font-size:15px;line-height:1.7}.bi-guide-notice--source{border-left-color:#2e6f9e;background:#f1f7fb}.bi-guide-notice--disclosure{border-left-color:#7a5da8;background:#f7f3fb}
.bi-guide-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:24px 0}.bi-guide-card{padding:20px;border:1px solid var(--bi-line);border-radius:12px;background:#fff}.bi-guide-card h3{margin:0 0 7px;font-size:17px}.bi-guide-card p{margin:0;font-size:14px;line-height:1.65}
.bi-guide-steps{display:grid;gap:14px;margin:25px 0}.bi-guide-step{display:grid;grid-template-columns:44px 1fr;gap:15px;padding:20px;border:1px solid var(--bi-line);border-radius:12px}.bi-guide-step-number{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:#fff0eb;color:var(--bi-accent);font-weight:850}.bi-guide-step h3{margin:3px 0 5px;font-size:18px}.bi-guide-step p{margin:0;font-size:15px;line-height:1.65}
.bi-guide-checklist{margin:24px 0;padding:0;list-style:none}.bi-guide-checklist li{position:relative;margin:0;padding:12px 12px 12px 38px;border-bottom:1px solid var(--bi-line)}.bi-guide-checklist li:before{position:absolute;left:8px;top:14px;content:"✓";color:#24744b;font-weight:900}
.bi-guide-table-wrap{overflow-x:auto;margin:24px 0}.bi-guide-table{width:100%;min-width:660px;border-collapse:collapse;border:1px solid var(--bi-line);font-size:14px}.bi-guide-table th{padding:14px;background:var(--bi-ink);color:#fff;text-align:left;vertical-align:top}.bi-guide-table td{padding:15px;border-top:1px solid var(--bi-line);border-right:1px solid var(--bi-line);color:var(--bi-text);line-height:1.55;vertical-align:top}.bi-guide-table tr:nth-child(even) td{background:#f8fafc}
.bi-guide-sources{margin:24px 0;padding:0;list-style:none}.bi-guide-sources li{margin:0;padding:13px 0;border-bottom:1px solid var(--bi-line)}.bi-guide-sources a{font-weight:700;text-decoration:none}.bi-guide-sources small{display:block;margin-top:3px;color:var(--bi-muted)}
.bi-guide-faq details{border-bottom:1px solid var(--bi-line)}.bi-guide-faq summary{padding:19px 2px;cursor:pointer;color:var(--bi-ink);font-size:17px;font-weight:750}.bi-guide-faq details p{margin:0;padding:0 2px 21px}
.bi-guide-toc{position:sticky;top:28px;align-self:start;padding:22px;border:1px solid var(--bi-line);border-radius:14px;background:#fff}.bi-guide-toc>strong{display:block;margin-bottom:11px;color:var(--bi-muted);font-size:12px;letter-spacing:.07em;text-transform:uppercase}.bi-guide-toc a{display:block;padding:8px 0;color:#4e5d70;font-size:14px;text-decoration:none}.bi-guide-toc a:hover{color:var(--bi-accent)}
.bi-guide-cta{margin-top:54px;padding:32px;border-radius:17px;background:var(--bi-ink);color:#fff}.bi-guide-cta h2{margin:0 0 11px;color:#fff;font-size:30px}.bi-guide-cta p{margin:0;color:#cbd6e2}.bi-guide-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:21px}.bi-guide-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 19px;border:1px solid #fff;border-radius:9px;color:#fff!important;font-size:14px;font-weight:800;text-decoration:none}.bi-guide-button--primary{border-color:var(--bi-accent);background:var(--bi-accent)}
.bi-guide-editorial{margin-top:37px;padding-top:23px;border-top:1px solid var(--bi-line);color:var(--bi-muted);font-size:13px;line-height:1.65}
@media(max-width:900px){.bi-guide-layout{grid-template-columns:minmax(0,1fr)}.bi-guide-toc{position:static;grid-row:1}.bi-guide-summary{grid-template-columns:1fr}.bi-guide-cards{grid-template-columns:1fr}}
@media(max-width:620px){.bi-guide-shell{width:min(100% - 28px,1080px)}.bi-guide-hero{padding:52px 0 40px}.bi-guide h1{font-size:41px}.bi-guide-lead{font-size:17px}.bi-guide-layout{gap:33px;padding:35px 0 58px}.bi-guide-content h2{margin-top:46px}.bi-guide-step{grid-template-columns:1fr}.bi-guide-actions{display:grid}.bi-guide-button{width:100%}.bi-guide-cta{padding:26px 21px}}

