:root { --guide-ink: #06212a; --guide-muted: #49606a; --guide-surface: #f9fffe; --guide-line: #c8dde0; --guide-accent: #087fe6; }
.guide-hero { padding: 104px 0 64px; background: linear-gradient(120deg, #e9fbff 0%, #dcfbf2 100%); }
.guide-hero-inner { max-width: none; }
.guide-hero-title { width: 100%; max-width: none; margin: 14px 0 16px; font-size: clamp(2.6rem, 5vw, 5rem); line-height: 1.06; }
.guide-hero-meta { display: flex; flex-wrap: wrap; gap: 8px; color: var(--guide-muted); font-size: .98rem; }
.guide-shell, .guide-listing { padding: 62px 0 90px; background: #effcff; }
.guide-layout { display: grid; grid-template-columns: 250px minmax(0, 1fr); gap: 54px; align-items: start; }
.guide-toc { position: sticky; top: 28px; border: 1px solid var(--guide-line); background: rgba(255,255,255,.78); padding: 24px; border-radius: 8px; }
.guide-toc strong { display: block; color: var(--guide-ink); margin-bottom: 12px; }
.guide-toc nav { display: grid; gap: 9px; }
.guide-toc a { color: var(--guide-muted); text-decoration: none; line-height: 1.35; }
.guide-toc a:hover, .guide-toc a:focus-visible { color: var(--guide-accent); text-decoration: underline; }
.guide-toc-level-3 { padding-left: 13px; font-size: .92rem; }
.guide-article { width: 100%; min-width: 0; }
.guide-content { color: #233f49; font-size: 1.08rem; line-height: 1.78; }
.guide-content > *:first-child { margin-top: 0; }
.guide-content h2 { color: var(--guide-ink); font-size: clamp(1.7rem, 3vw, 2.55rem); line-height: 1.16; margin: 3.2rem 0 1rem; scroll-margin-top: 28px; }
.guide-content h3 { color: var(--guide-ink); font-size: 1.3rem; line-height: 1.25; margin: 2.15rem 0 .7rem; scroll-margin-top: 28px; }
.guide-content p, .guide-content ul, .guide-content ol { margin: 0 0 1.25rem; }
.guide-content ul, .guide-content ol { padding-left: 1.35rem; }
.guide-content li + li { margin-top: .42rem; }
.guide-content a { color: #075bbd; font-weight: 650; text-decoration-thickness: 1.5px; }
.guide-content code { padding: .1rem .32rem; border-radius: 3px; background: #e6f5f7; font-size: .9em; }
.guide-content hr { border: 0; border-top: 1px solid var(--guide-line); margin: 2.5rem 0; }
.guide-table-wrap { overflow-x: auto; margin: 1.5rem 0; border: 1px solid var(--guide-line); border-radius: 8px; background: white; }
.guide-content table { width: 100%; min-width: 620px; border-collapse: collapse; font-size: .95rem; }
.guide-content th, .guide-content td { padding: .85rem .95rem; vertical-align: top; text-align: left; border-bottom: 1px solid #e1edef; }
.guide-content th { background: #edf8f9; color: var(--guide-ink); }
.guide-callout { margin: 1.65rem 0; padding: 1.2rem 1.3rem; border-left: 4px solid #0a8de5; border-radius: 0 7px 7px 0; background: #e7f8ff; }
.guide-callout-important { border-left-color: #d78800; background: #fff8df; }
.guide-callout p { margin: 0; }
.guide-related-card { margin-top: 3rem; padding: 28px; border: 1px solid var(--guide-line); border-radius: 8px; background: #fff; }
.guide-related-card h2 { margin: 10px 0; font-size: 1.65rem; }
.guide-related-card p { margin-bottom: 20px; color: var(--guide-muted); }
.guide-pillar-card { display: flex; justify-content: space-between; gap: 32px; align-items: end; padding: 36px; border: 1px solid #91d5dc; border-radius: 8px; background: linear-gradient(135deg, #e1fbff, #fafffe); color: var(--guide-ink); text-decoration: none; margin-bottom: 52px; }
.guide-pillar-card h2 { margin: 10px 0; max-width: none; font-size: clamp(1.75rem, 3vw, 2.7rem); line-height: 1.13; }
.guide-pillar-card p { max-width: none; margin: 0; color: var(--guide-muted); }
.guide-pillar-card > span { white-space: nowrap; font-weight: 750; color: #075bbd; }
.guide-list-group + .guide-list-group { margin-top: 58px; }
.guide-list-group > h2 { display: flex; align-items: center; gap: 16px; margin: 0 0 21px; color: var(--guide-ink); font-size: 1.85rem; }
.guide-list-group > h2::after { content: ""; height: 1px; flex: 1; background: #c8dde0; }
.guide-card-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
.guide-list-card { min-height: 246px; padding: 30px; border: 1px solid var(--guide-line); border-radius: 8px; background: rgba(255,255,255,.94); color: var(--guide-ink); text-decoration: none; display: flex !important; flex-direction: column; align-items: flex-start; gap: 0; transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease; }
.guide-list-card:hover, .guide-list-card:focus-visible { border-color: #44a8d5; box-shadow: 0 16px 34px rgba(7,80,91,.12); transform: translateY(-2px); }
.guide-list-card-kicker { color: #087fe6; font-size: .77rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.guide-list-card-head { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 12px; margin: 12px 0 10px; }
.guide-list-card h3 { margin: 0; font-size: 1.35rem; line-height: 1.25; }
.guide-list-card p { margin: 0 0 22px; color: var(--guide-muted); line-height: 1.6; }
.guide-list-card > span:last-child { display: inline-flex; align-items: center; gap: 8px; margin-top: auto; padding-top: 4px; color: #075bbd; font-weight: 750; }
.guide-tools-teaser { display: flex; gap: 28px; justify-content: space-between; align-items: center; margin-top: 54px; padding: 34px; border-radius: 8px; background: #092a35; color: white; }
.guide-tools-teaser h2 { margin: 8px 0; font-size: 1.9rem; }.guide-tools-teaser p { margin: 0; color: #c2e9ec; }
.guide-calculator-layout { display: grid; grid-template-columns: minmax(0, .95fr) minmax(320px, .8fr); gap: 30px; align-items: start; }
.guide-calculator-form, .guide-calculator-result { padding: 30px; border: 1px solid var(--guide-line); border-radius: 8px; background: white; }
.guide-calculator-form { display: grid; gap: 17px; }.guide-calculator-field { display: grid; gap: 7px; }.guide-calculator-field label, .guide-calculator-check { color: var(--guide-ink); font-weight: 700; }.guide-calculator-field small { color: var(--guide-muted); }
.guide-calculator-field input { width: 100%; min-height: 48px; padding: 10px 12px; border: 1px solid #aacbd0; border-radius: 6px; color: var(--guide-ink); font: inherit; }.guide-calculator-field input:focus-visible { outline: 3px solid rgba(8,127,230,.26); outline-offset: 1px; }
.guide-calculator-check { display: flex; align-items: center; gap: 9px; }.guide-calculator-result dl { margin: 18px 0; }.guide-calculator-result dl > div { display: flex; justify-content: space-between; gap: 20px; padding: 12px 0; border-bottom: 1px solid #e0edef; }.guide-calculator-result dt { color: var(--guide-muted); }.guide-calculator-result dd { margin: 0; color: var(--guide-ink); font-weight: 800; }.guide-calculator-total dd, .guide-calculator-total dt { font-size: 1.2rem; color: var(--guide-ink) !important; }.guide-calculator-note { color: var(--guide-muted); line-height: 1.55; }.guide-calculator-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; }
.guide-rate-source { display: flex; flex-wrap: wrap; gap: 12px 22px; padding-top: 20px; color: var(--guide-muted); }.guide-rate-source strong { color: var(--guide-ink); }.guide-rate-source a { color: #075bbd; font-weight: 700; }
.guide-product-related { padding: 42px 0; background: #effcff; border-top: 1px solid #c8dde0; }.guide-product-related > div { display: flex; justify-content: space-between; align-items: center; gap: 28px; }.guide-product-related h2 { margin: 8px 0; color: var(--guide-ink); font-size: 1.75rem; }.guide-product-related p { max-width: none; margin: 0; color: var(--guide-muted); }
.lp-footer-provider-wrap { width: min(1440px, calc(100% - 2rem)); margin: 2.5rem auto 0; padding-top: 1.1rem; border-top: 1px solid rgba(214, 240, 241, .18); background: transparent; }.lp-footer-provider { display: grid; grid-template-columns: minmax(15rem, 2fr) minmax(12rem, 1.35fr) repeat(3, minmax(9rem, 1fr)); gap: 8px 20px; max-width: none; margin: 0; padding: 0; color: #b8d6d9; font-size: .76rem; line-height: 1.5; }.lp-footer-provider > * { min-width: 0; overflow-wrap: anywhere; }.lp-footer-provider a { color: #d6f0f1; }.lp-footer-provider strong { color: #eefafa; }
@media (max-width: 1100px) { .lp-footer-provider { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 900px) { .guide-layout, .guide-calculator-layout { grid-template-columns: 1fr; }.guide-toc { position: static; }.guide-hero { padding: 74px 0 44px; }.guide-card-grid { grid-template-columns: 1fr; }.guide-pillar-card, .guide-tools-teaser, .guide-product-related > div { align-items: flex-start; flex-direction: column; }.guide-list-card { min-height: 0; }.guide-shell, .guide-listing { padding: 42px 0 60px; } }
@media (max-width: 560px) { .guide-hero-title { font-size: 2.45rem; }.guide-content { font-size: 1rem; }.guide-calculator-form, .guide-calculator-result, .guide-pillar-card, .guide-list-card, .guide-tools-teaser { padding: 22px; }.guide-calculator-actions .lp-btn-primary, .guide-calculator-actions .lp-btn-outline { width: 100%; justify-content: center; }.lp-footer-provider-wrap { width: calc(100% - 2rem); margin-top: 2rem; }.lp-footer-provider { grid-template-columns: 1fr; gap: 3px; } }
/* Shared received-invoice prelaunch badge used by desktop and mobile navigation. */
.menu-title-row {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.65rem;
}

.menu-coming-soon {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    min-height: 1.35rem;
    padding: 0.14rem 0.48rem;
    border: 1px solid color-mix(in oklch, var(--lp-accent-teal) 28%, white);
    border-radius: 999px;
    background: color-mix(in oklch, var(--lp-accent-soft) 72%, white);
    color: var(--lp-accent-strong);
    font-size: 0.66rem;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0;
    text-transform: uppercase;
    white-space: nowrap;
}

.lp-mobile-submenu .menu-title-row {
    width: 100%;
}