@layer base;@layer theme{.blog-hero{margin:0 var(--space-4);padding:var(--space-8) 0 var(--space-6);border-bottom:1px solid var(--hair)}.blog-hero h1{margin:var(--space-2) 0 var(--space-3);font:600 var(--text-display)/1.05 var(--font-ui,inherit);letter-spacing:-.03em;text-wrap:balance}.blog-hero p{max-width:34rem;font-size:var(--text-body);color:var(--color-muted);margin:0;line-height:1.55}.blog-grid{gap:var(--space-5);margin:var(--space-6) var(--space-4) var(--space-8);display:grid}.blog-card{gap:var(--space-4);padding-bottom:var(--space-5);border-bottom:1px solid var(--hair);grid-template-columns:84px minmax(0,1fr);align-items:start;display:grid}.blog-grid>.blog-card:last-child{border-bottom:0;padding-bottom:0}.blog-card .guide-art{border:1px solid var(--hair);border-radius:var(--radius-md);background:var(--color-card);width:84px;height:70px;color:var(--color-ink);padding:6px}.blog-card h2{margin:var(--space-1) 0 var(--space-2);font:600 var(--text-heading)/1.2 var(--font-ui,inherit);letter-spacing:-.015em;text-wrap:balance}.blog-card h2 a{color:inherit;text-decoration:none}.blog-card h2 a:after{content:"";position:absolute;inset:0}.blog-card{position:relative}.blog-card:hover h2 a{text-underline-offset:3px;text-decoration:underline}.blog-card p{font-size:var(--text-small);color:var(--color-muted);margin:0;line-height:1.55}.blog-meta{gap:var(--space-2);font-size:var(--text-micro);color:var(--color-muted);letter-spacing:.04em;text-transform:uppercase;flex-wrap:wrap;align-items:center;display:flex}.blog-meta .dot{opacity:.5}.guide-mark{margin-bottom:var(--space-4);padding:var(--space-2);border:1px solid var(--hair);border-radius:var(--radius-md);background:var(--color-card);color:var(--color-ink);display:inline-flex}.guide-mark .guide-art{width:72px;height:60px}.guide-lead{margin:var(--space-4) 0 var(--space-6);font-size:var(--text-body);color:var(--color-ink);border-left:3px solid var(--amber-ink);padding-left:var(--space-4);line-height:1.6}.guide-points{margin:var(--space-3) 0 0;gap:var(--space-2);padding:0;list-style:none;display:grid}.guide-points li{padding-left:var(--space-5);font-size:var(--text-base);color:var(--color-muted);line-height:1.55;position:relative}.guide-points li:before{content:"✦";color:var(--color-ink);opacity:.4;position:absolute;left:0}.guide-costs{margin:var(--space-6) 0;border:1px solid var(--hair);border-radius:var(--radius-lg);background:var(--color-card);overflow:hidden}.guide-costs h3{padding:var(--space-4);font-size:var(--text-base);border-bottom:1px solid var(--hair);margin:0;font-weight:600}.guide-cost-row{gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--hair);grid-template-columns:minmax(0,1fr) auto;align-items:baseline;display:grid}.guide-cost-row:last-of-type{border-bottom:0}.guide-cost-row b{font-weight:500;font-size:var(--text-base)}.guide-cost-row small{margin-top:calc(var(--space-1) * -1);font-size:var(--text-micro);color:var(--color-muted);grid-column:1/-1;line-height:1.45}.guide-cost-row .amount{font-weight:700;font-size:var(--text-base);color:var(--amber-ink);font-variant-numeric:tabular-nums;white-space:nowrap}.guide-costs figcaption{padding:var(--space-3) var(--space-4);border-top:1px solid var(--hair);font-size:var(--text-micro);color:var(--color-muted);line-height:1.5}.guide-sources{margin:var(--space-6) 0 0;padding-top:var(--space-4);border-top:1px solid var(--hair);font-size:var(--text-micro);color:var(--color-muted);line-height:1.55}.guide-sources h2{margin:0 0 var(--space-2);font-size:var(--text-micro);letter-spacing:.04em;text-transform:uppercase;color:var(--color-ink);font-weight:600}.guide-sources ul{padding-left:var(--space-4);gap:2px;margin:0;display:grid}.guide-next{gap:var(--space-2);margin-top:var(--space-8);padding-top:var(--space-5);border-top:1px solid var(--hair);display:grid}.guide-next a{padding:var(--space-3) 0;color:inherit;gap:2px;text-decoration:none;display:grid}.guide-next span{font-size:var(--text-micro);text-transform:uppercase;letter-spacing:.04em;color:var(--color-muted)}.guide-next b{font-weight:600;font-size:var(--text-base);line-height:1.3}.guide-next a:hover b{text-underline-offset:3px;text-decoration:underline}@media (min-width:760px){.blog-hero,.blog-grid{margin-inline:var(--space-8)}.blog-grid{column-gap:var(--space-8);grid-template-columns:1fr 1fr}.blog-card{grid-template-columns:96px minmax(0,1fr)}.blog-card .guide-art{width:96px;height:80px}.guide-next{gap:var(--space-6);grid-template-columns:1fr 1fr}}}