@layer legacy{body{background:var(--color-paper)}.post-top{padding:120px 0 var(--space-8);background:linear-gradient(180deg, #fff 0%, var(--color-cream) 100%);border-bottom:1px solid var(--color-line)}.post-crumb{gap:var(--space-2);margin-bottom:var(--space-6);font-size:var(--text-sm);color:var(--color-muted);flex-wrap:wrap;align-items:center;display:flex}.post-crumb a{color:var(--color-ink-2)}.post-crumb a:hover{color:var(--color-ink);text-underline-offset:3px;text-decoration:underline}.post-heading{max-width:52rem}.post-meta{align-items:center;gap:var(--space-3) var(--space-5);margin-bottom:var(--space-4);font-size:var(--text-sm);color:var(--color-muted);flex-wrap:wrap;display:flex}.post-cat{min-height:30px;padding:0 var(--space-3);border-radius:var(--radius-pill);background:var(--color-amber);color:var(--color-ink);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-caps);text-transform:uppercase;align-items:center;display:inline-flex}.post-heading h1{font-family:var(--font-serif);font-size:var(--text-4xl);line-height:var(--leading-tight);color:var(--color-ink);margin:0 0 var(--space-4)}.post-lead{font-size:var(--text-lg);color:var(--color-ink-2);margin:0 0 var(--space-4);line-height:1.7}.post-byline{font-size:var(--text-sm);color:var(--color-muted);margin:0}.post-shell{padding:var(--space-10) 0 var(--space-16)}.post-layout{gap:var(--space-12);grid-template-columns:minmax(0,1fr) 260px;align-items:start;display:grid}.post-main{min-width:0;max-width:820px}.post-hero{margin:0 0 var(--space-8)}.post-hero img{aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius-md);width:100%;height:auto;box-shadow:var(--shadow-2);display:block}.post-hero figcaption,.post-figure figcaption{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--color-muted);line-height:1.5}.post-hero figcaption a,.post-figure figcaption a{color:var(--color-bronze);text-underline-offset:2px;text-decoration:underline}.post-section{margin-bottom:var(--space-10);scroll-margin-top:100px}.post-section h2,.post-products h2,.post-faq h2,.post-related h2{font-family:var(--font-serif);font-size:var(--text-2xl);line-height:var(--leading-snug);color:var(--color-ink);margin:0 0 var(--space-4)}.post-section p{font-size:var(--text-md);color:var(--color-ink-2);margin:0 0 var(--space-4);line-height:1.8}.post-section a,.post-faq a{color:var(--color-bronze);font-weight:var(--weight-semibold);text-underline-offset:3px;text-decoration:underline}.post-section a:hover,.post-faq a:hover,.post-section strong{color:var(--color-ink)}.post-list,.post-steps,.post-checks{margin:0 0 var(--space-5);gap:var(--space-3);padding:0;display:grid}.post-list li,.post-steps li,.post-checks li{font-size:var(--text-md);color:var(--color-ink-2);line-height:1.7}.post-list{list-style:none}.post-list li{padding-left:var(--space-6);position:relative}.post-list li:before{content:"";background:var(--color-amber);border-radius:50%;width:8px;height:8px;position:absolute;top:.7em;left:4px}.post-steps{counter-reset:step;list-style:none}.post-steps li{counter-increment:step;min-height:30px;padding-left:44px;position:relative}.post-steps li:before{content:counter(step);background:var(--color-ink);width:30px;height:30px;color:var(--color-amber);font-size:var(--text-sm);font-weight:var(--weight-bold);border-radius:50%;place-items:center;display:grid;position:absolute;top:0;left:0}.post-checks{padding:var(--space-5) var(--space-6);background:var(--color-cream);border:1px solid var(--color-line);border-radius:var(--radius-md);list-style:none}.post-checks li{padding-left:34px;position:relative}.post-checks li:before{content:"✓";background:var(--color-bronze);color:#fff;width:22px;height:22px;font-size:.75rem;font-weight:var(--weight-bold);border-radius:50%;place-items:center;display:grid;position:absolute;top:2px;left:0}.post-tip{margin:var(--space-6) 0;padding:var(--space-5) var(--space-6);border-left:4px solid var(--color-amber);background:var(--color-amber-soft);border-radius:0 var(--radius-md) var(--radius-md) 0}.post-tip strong{margin-bottom:var(--space-1);font-size:var(--text-sm);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--color-bronze);display:block}.post-tip p{color:var(--color-ink);margin:0}.post-figure{margin:var(--space-6) 0}.post-figure img{aspect-ratio:16/10;object-fit:cover;border-radius:var(--radius-md);width:100%;height:auto;display:block}.post-figs{gap:var(--space-4);margin:var(--space-6) 0;display:grid}.post-figs .post-figure{margin:0}.post-figs--2{grid-template-columns:repeat(2,minmax(0,1fr))}.post-figs--3{grid-template-columns:repeat(3,minmax(0,1fr))}.post-figs .post-figure img{aspect-ratio:4/3}.post-table-wrap{margin:var(--space-5) 0 var(--space-6);border:1px solid var(--color-line);border-radius:var(--radius-md);overflow-x:auto}.post-table-wrap:focus-visible{outline:2px solid var(--color-amber);outline-offset:2px}.post-table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.post-table caption{caption-side:bottom;text-align:left;padding:var(--space-2) var(--space-4);color:var(--color-muted);font-size:var(--text-xs)}.post-table th,.post-table td{padding:var(--space-3) var(--space-4);text-align:left;vertical-align:top;border-bottom:1px solid var(--color-line);line-height:1.5}.post-table thead th{background:var(--color-ink);color:#fff;font-weight:var(--weight-semibold);white-space:nowrap}.post-table tbody th{font-weight:var(--weight-semibold);color:var(--color-ink)}.post-table td{color:var(--color-ink-2)}.post-table tbody tr:nth-child(2n){background:var(--color-cream)}.post-table tbody tr:last-child th,.post-table tbody tr:last-child td{border-bottom:0}.post-products,.post-faq,.post-related{margin:var(--space-12) 0;scroll-margin-top:100px}.post-products-intro{color:var(--color-muted);font-size:var(--text-sm);margin:calc(-1 * var(--space-2)) 0 var(--space-5)}.post-products-grid{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.post-products-grid .cat-product-card{flex-direction:column;display:flex}.post-families{align-items:center;gap:var(--space-2);margin:var(--space-5) 0 0;font-size:var(--text-sm);color:var(--color-ink-2);flex-wrap:wrap;display:flex}.post-family{min-height:36px;padding:0 var(--space-4);border:1px solid var(--color-line-strong);border-radius:var(--radius-pill);color:var(--color-ink);font-weight:var(--weight-semibold);align-items:center;display:inline-flex}.post-family:hover{border-color:var(--color-ink)}.post-faq-item{border-bottom:1px solid var(--color-line)}.post-faq-item summary{cursor:pointer;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) 0;font-weight:var(--weight-semibold);color:var(--color-ink);list-style:none;display:flex}.post-faq-item summary::-webkit-details-marker{display:none}.post-faq-item summary:after{content:"+";color:var(--color-bronze);font-weight:var(--weight-bold);font-size:var(--text-lg);line-height:1}.post-faq-item[open] summary:after{content:"−"}.post-faq-item p{margin:0 0 var(--space-4);color:var(--color-ink-2);line-height:1.7}.post-cta{gap:var(--space-6);margin:var(--space-12) 0;padding:var(--space-8);border-radius:var(--radius-lg);background:var(--color-dark);color:var(--color-on-dark);grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;display:grid}.post-cta h2{font-family:var(--font-serif);font-size:var(--text-2xl);color:#fff;margin:0 0 var(--space-2)}.post-cta p{color:var(--color-on-dark-muted);margin:0;line-height:1.7}.post-cta-actions{gap:var(--space-3);display:grid}.post-cta-actions .btn{white-space:normal;text-align:center;width:100%}.post-cta-link{color:var(--color-amber);font-weight:var(--weight-semibold);font-size:var(--text-sm);text-align:center;padding:var(--space-2) 0}.post-cta-link:hover{text-underline-offset:3px;text-decoration:underline}.post-related-grid{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.post-related-card{cursor:pointer;border:1px solid var(--color-line);border-radius:var(--radius-md);transition:box-shadow var(--duration) var(--ease), border-color var(--duration) var(--ease);background:#fff;overflow:hidden}.post-related-card:hover{box-shadow:var(--shadow-2);border-color:var(--color-line-strong)}.post-related-card img{aspect-ratio:16/10;object-fit:cover;width:100%;height:auto;display:block}.post-related-card>div{padding:var(--space-4);gap:var(--space-2);display:grid}.post-related-cat{font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--color-bronze)}.post-related-card h3{font-size:var(--text-md);margin:0;line-height:1.4}.post-related-card h3 a{color:var(--color-ink)}.post-related-time{font-size:var(--text-sm);color:var(--color-muted)}.post-bottom{justify-content:space-between;gap:var(--space-4);padding-top:var(--space-6);border-top:1px solid var(--color-line);flex-wrap:wrap;display:flex}.post-bottom a{color:var(--color-bronze);font-weight:var(--weight-semibold)}.post-toc{padding:var(--space-6);background:var(--color-cream);border:1px solid var(--color-line);border-radius:var(--radius-md);position:sticky;top:100px}.post-toc-title{font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--color-ink);margin:0 0 var(--space-3)}.post-toc ol,.post-toc-mobile ol{gap:2px;margin:0;padding:0;list-style:none;display:grid}.post-toc a,.post-toc-mobile a{padding:var(--space-2) 0;font-size:var(--text-sm);color:var(--color-ink-2);line-height:1.45;display:block}.post-toc a:hover,.post-toc-mobile a:hover{color:var(--color-bronze)}.post-share{align-items:center;gap:var(--space-2);margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--color-line);font-size:var(--text-sm);color:var(--color-muted);flex-wrap:wrap;display:flex}.post-share a{min-height:32px;padding:0 var(--space-3);border-radius:var(--radius-pill);background:var(--color-ink);color:#fff;font-size:var(--text-xs);font-weight:var(--weight-semibold);align-items:center;display:inline-flex}.post-share a:hover{background:var(--color-bronze)}.post-toc-mobile{margin:0 0 var(--space-8);border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-cream);display:none}.post-toc-mobile summary{cursor:pointer;padding:var(--space-4) var(--space-5);font-weight:var(--weight-semibold);color:var(--color-ink)}.post-toc-mobile ol{padding:0 var(--space-5) var(--space-4)}@media (width<=1000px){.post-layout{grid-template-columns:1fr}.post-main{max-width:none}.post-toc{display:none}.post-toc-mobile{display:block}.post-products-grid,.post-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.post-top{padding-top:96px}.post-heading h1{font-size:var(--text-3xl)}.post-figs--2,.post-figs--3,.post-related-grid{grid-template-columns:1fr}.post-cta{padding:var(--space-6);grid-template-columns:1fr}}}