@layer reset,tokens,layout,components,responsive;@layer components{.guide-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.guide-steps .step-number{display:inline-block;margin-bottom:18px}
.guide-price-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:42px;align-items:start}
.guide-price-example{min-width:0;max-width:100%;padding:24px;background:var(--blue-wash);border-radius:20px}
.guide-price-example dl{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-block:24px}
.guide-price-example dt{color:var(--muted);margin-bottom:8px}
.guide-price-example dd{margin:0;white-space:normal}
.guide-price-example small{display:block;color:var(--muted);}
.guide-example-arrow{color:var(--blue)}
.guide-price-example p{color:var(--muted);}
.guide-reading-note h3:not(:first-child){margin-top:24px}
}
@layer responsive{@media (max-width:980px){.guide-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
.guide-price-layout{grid-template-columns:1fr;gap:28px}
.guide-price-example{max-width:620px}
}
@media (max-width:680px){.guide-steps{grid-template-columns:1fr}
.guide-steps li{padding-bottom:22px;border-bottom:1px solid var(--line)}
.guide-steps li:last-child{padding-bottom:0;border:0}
.guide-price-example dl{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.guide-example-arrow{transform:rotate(90deg);justify-self:start}

}
}