/* Buying-guide composition within the approved LSVANT industrial identity. */
.guide-page{--guide-space:104px;--guide-rule:#ffffff35;--inverse-muted:#c5d3db}
html:has(.guide-page){scroll-behavior:auto}
.guide-page main{padding-top:0}
.guide-page .guide-hero{background:var(--navy);color:#fff;padding-block:64px}
.guide-page .guide-hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr);gap:64px;align-items:center;width:min(1180px,calc(100% - 80px))}
.guide-page .guide-hero h1{font-size:clamp(36px,3.7vw,54px);line-height:1.14;letter-spacing:-.025em;max-width:22ch;text-wrap:balance}
.guide-page .guide-hero h1 span{color:var(--lime)}
.guide-page .guide-hero .lede{font-size:18px;line-height:1.75;color:var(--inverse-muted);margin:24px 0 28px;max-width:62ch}
.guide-page .guide-hero .button{display:inline-flex;gap:24px;align-items:center;font-size:15px}
.guide-page .guide-hero .button svg,.guide-resource-action svg{width:22px;height:22px;flex:0 0 22px}
.guide-page .guide-hero figure{margin:0;min-width:0}
.guide-page .guide-photo{width:100%;height:320px;object-fit:cover;object-position:50% 65%;border-radius:0;filter:none;opacity:1}
.guide-page .guide-jump{display:block;position:static;inset:auto;z-index:auto;width:auto;padding:0;background:#f4f6f5;border-bottom:1px solid var(--line);margin:0}
.guide-page .guide-jump>.wrap{display:flex;gap:12px 32px;flex-wrap:wrap;width:min(1180px,calc(100% - 80px));padding-block:18px}
.guide-page .guide-jump a{font-size:14px;font-weight:800;padding:8px 0;text-decoration:underline;text-decoration-color:#a9b7bd;text-underline-offset:6px}
.guide-page .guide-jump a:hover{color:#287231;text-decoration-color:currentColor}
.guide-page .guide-checks,.guide-page .guide-resources{padding-block:var(--guide-space)}
.guide-page .guide-checks>.wrap,.guide-page .guide-resources>.wrap{width:min(1180px,calc(100% - 80px))}
.guide-page .guide-checks h2,.guide-page .guide-resources h2{font-size:44px;line-height:1.2;letter-spacing:-.025em;max-width:27ch}
.guide-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 64px;margin-top:48px}
.guide-page .guide-block{border-top:1px solid var(--line);padding:24px 0 0;margin:0;min-width:0}
.guide-page .guide-block h3{font-size:25px;line-height:1.35;max-width:30ch;margin:0 0 16px}
.guide-page .guide-block p{font-size:16px;line-height:1.8;max-width:70ch;color:var(--muted);margin:0}
.guide-page .market-intro{background:transparent;border-top:1px solid var(--line);border-radius:0;padding:32px 0 0;margin-top:40px;display:flex;gap:20px 32px;align-items:start;flex-wrap:wrap}
.guide-page .market-intro h3{font-size:18px;width:100%;margin:0}
.guide-page .market-intro p{margin:0;font-size:15px}
.guide-page .market-intro .text-link{font-size:15px;line-height:1.6;white-space:normal}
.guide-page .buy-process .section-head h2{max-width:none}
.guide-page .buy-process{padding-block:var(--guide-space)}
.guide-page .buy-steps h3{font-size:22px}
.guide-page .buy-steps p,.guide-page .buy-payment p{font-size:16px;line-height:1.85}
.guide-page .buy-steps .buy-number{font-size:48px;font-variant-numeric:tabular-nums}
.guide-page .buy-payment h4{font-size:36px;line-height:1.3;font-variant-numeric:tabular-nums}
.guide-page .buy-table{margin-top:24px}
.guide-page .buy-table th,.guide-page .buy-table td{padding-block:22px;font-size:16px}
.guide-page .buy-table tbody th{color:#fff;font-weight:800}
.guide-page .buy-table tbody td{color:var(--inverse-muted)}
.guide-page .buy-note{max-width:90ch;margin-top:26px;font-size:15px}
.guide-page .guide-faq{padding-block:var(--guide-space)}
.guide-page .guide-faq>.wrap{max-width:1000px}
.guide-page .guide-faq h2{margin-bottom:48px}
.guide-page .guide-faq details{margin-top:14px}
.guide-page .guide-faq details>p{max-width:75ch}
.guide-page .guide-resources{background:#fff}
.guide-resources-head{display:flex;gap:32px;justify-content:space-between;align-items:end;margin-bottom:40px}
.guide-resources-head p{font-size:17px;line-height:1.75;max-width:34ch;margin:0;color:var(--muted)}
.guide-resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px}
.guide-page .guide-resource{display:flex;flex-direction:column;align-items:start;padding:32px 0;border-top:1px solid var(--line);min-width:0;color:var(--ink)}
.guide-page .guide-resource h3{font-size:25px;line-height:1.35;letter-spacing:-.02em;max-width:40ch;margin-bottom:14px;text-wrap:balance}
.guide-page .guide-resource>span:not(.guide-resource-action){font-size:16px;line-height:1.8;color:var(--muted);max-width:70ch;margin:0 0 20px}
.guide-page .guide-resource small{font-size:13px;color:var(--muted);margin-bottom:20px}
.guide-page .guide-resource-action{display:flex;align-items:center;gap:24px;font-size:14px;font-weight:800;margin-top:auto;text-decoration:underline;text-underline-offset:5px}
.guide-page .guide-resource:hover h3,.guide-page .guide-resource:hover .guide-resource-action{color:#287231}
.guide-page .guide-resource-feature{grid-column:1/-1;background:var(--navy);color:#fff;padding:36px 40px;margin-bottom:8px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);column-gap:64px;border-top:0}
.guide-page .guide-resource-feature h3{grid-column:1;grid-row:1/3;font-size:30px;margin:0;max-width:30ch}
.guide-page .guide-resource-feature>span:not(.guide-resource-action){grid-column:2;grid-row:1;color:var(--inverse-muted)}
.guide-page .guide-resource-feature .guide-resource-action{grid-column:2;color:var(--lime);margin-top:0}
.guide-page .guide-resource-feature small{grid-column:1;color:var(--inverse-muted);margin:16px 0 0}
.guide-page .guide-resource-feature:hover h3{color:var(--lime)}
.guide-page :is(#pre-order,#buy-process,#payment,#container-planning,#questions,#import-guides,.guide-block){scroll-margin-top:10px}
.guide-page :is(.guide-jump a,.guide-resource,.market-intro a):focus-visible{outline:3px solid #287231;outline-offset:6px}
.guide-page .guide-resource-feature:focus-visible{outline-offset:4px}
.guide-page ::selection{background:var(--lime);color:var(--navy)}
html[dir=rtl] .guide-page .guide-resource-action svg,html[dir=rtl] .guide-page .guide-hero .button svg{transform:rotate(180deg)}
@media(min-width:768px) and (max-width:1050px){
 .guide-page{--guide-space:76px}
 .guide-page .guide-hero-grid{gap:32px;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}
 .guide-page .guide-hero h1{font-size:40px}
 .guide-page .guide-hero .lede{font-size:16px}
 .guide-page .guide-photo{height:300px}
 .guide-check-grid{gap:32px}
 .guide-page .buy-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
 .guide-page .buy-steps article:nth-child(n){padding:28px 24px;border-inline-end:1px solid var(--guide-rule)}
 .guide-page .buy-steps article:nth-child(2n){border-inline-end:0}
 .guide-page .buy-steps article:nth-child(2n+1){padding-inline-start:0}
 .guide-page .buy-payment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .guide-page .buy-payment-grid>h3{grid-column:1/-1;border-inline-end:0;border-bottom:1px solid var(--guide-rule)}
 .guide-page .guide-resource-feature{column-gap:32px;padding:32px}
}
@media(max-width:767px){
 .guide-page{--guide-space:64px}
 .guide-page main{padding-top:0!important}
 .guide-page .guide-hero{padding-block:32px 0}
 .guide-page .guide-hero-grid{width:100%;grid-template-columns:1fr;gap:32px}
 .guide-page .guide-hero-grid>div{padding-inline:18px}
 .guide-page .guide-hero h1{font-size:34px;max-width:24ch}
 .guide-page .guide-hero .lede{font-size:16px;margin:20px 0 24px}
 .guide-page .guide-hero .button{font-size:14px}
 .guide-page .guide-photo{height:220px}
 .guide-page .guide-jump>.wrap{width:calc(100% - 36px);gap:4px 22px;padding-block:14px}
 .guide-page .guide-jump a{font-size:13px;min-height:44px;display:flex;align-items:center}
 .guide-page .guide-checks>.wrap,.guide-page .guide-resources>.wrap{width:calc(100% - 36px)}
 .guide-page .guide-checks h2,.guide-page .guide-resources h2{font-size:30px}
 .guide-check-grid{grid-template-columns:1fr;gap:28px;margin-top:32px}
 .guide-page .guide-block h3{font-size:23px}
 .guide-page .guide-block p{font-size:15px}
 .guide-page .market-intro{gap:16px;margin-top:32px;padding-top:24px}
 .guide-page .buy-steps .buy-number{font-size:40px}
 .guide-page .buy-steps p,.guide-page .buy-payment p{font-size:15px}
 .guide-page .buy-payment h4{font-size:30px}
 .guide-page .buy-table th,.guide-page .buy-table td{padding:8px 0;font-size:15px}
 .guide-page .guide-faq h2{margin-bottom:32px}
 .guide-resources-head{display:block;margin-bottom:28px}
 .guide-resources-head p{font-size:16px;margin-top:18px;max-width:70ch}
 .guide-resource-grid{grid-template-columns:1fr;gap:0}
 .guide-page .guide-resource{padding:28px 0}
 .guide-page .guide-resource h3{font-size:23px}
 .guide-page .guide-resource-feature{display:flex;gap:0;padding:28px 22px;margin-bottom:12px}
 .guide-page .guide-resource-feature h3{font-size:25px;margin-bottom:18px}
 .guide-page .guide-resource>span:not(.guide-resource-action){font-size:15px}
 .guide-page .guide-resource-feature small{margin:0 0 18px}
 .guide-page :is(#pre-order,#buy-process,#payment,#container-planning,#questions,#import-guides,.guide-block){scroll-margin-top:0}
}