.section-title.svelte-yce1wg{font-size:var(--f-1);font-family:var(--font-2);font-weight:700;margin-top:var(--gap-xl);margin-bottom:var(--gap-sm)}.spec-demo.svelte-yce1wg{padding:var(--gap-lg);background:#fdfcfa;border-radius:var(--radius-lg)}.demo-grid.svelte-yce1wg{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--gap-lg)}.demo-item.svelte-yce1wg{display:flex;flex-direction:column;height:100%;text-align:center}.item-title.svelte-yce1wg{font-size:var(--f-0);font-family:var(--font-2);font-weight:700;margin-bottom:var(--gap-sm);color:var(--color-text)}.item-note.svelte-yce1wg{font-size:11px;color:var(--color-text-muted);margin:0 0 var(--gap-sm) 0;font-style:italic}.comparison.svelte-yce1wg{display:flex;gap:var(--gap-sm);flex:1;align-items:center;justify-content:center}.example.svelte-yce1wg{display:flex;flex-direction:column;align-items:center;gap:var(--gap-xs);position:relative;flex:1;max-width:50%}.badge.svelte-yce1wg{position:absolute;top:4px;left:50%;transform:translate(-50%);font-size:11px;font-weight:600;padding:2px 8px;border-radius:4px;z-index:1}.example.good.svelte-yce1wg .badge:where(.svelte-yce1wg){background:#d4edda;color:#155724}.example.bad.svelte-yce1wg .badge:where(.svelte-yce1wg){background:#f8d7da;color:#721c24}.demo-svg.svelte-yce1wg{width:100%;max-width:140px;height:auto;aspect-ratio:1;color:#2c2416}.example.bad.svelte-yce1wg .demo-svg:where(.svelte-yce1wg){color:#666}.label.svelte-yce1wg{font-size:11px;color:var(--color-text-muted);text-align:center;line-height:1.3}.measure-text.svelte-yce1wg{font-size:10px;fill:#666;font-family:var(--font-1)}.measure-text.bad.svelte-yce1wg{fill:#c44}.demo-legend.svelte-yce1wg{margin-top:var(--gap-lg);padding-top:var(--gap-md);border-top:1px solid var(--color-border);display:flex;justify-content:center}.legend-item.svelte-yce1wg{display:flex;align-items:center;gap:var(--gap-sm);font-size:var(--f--1);color:var(--color-text-muted)}.blotch-sample.svelte-yce1wg{width:20px;height:20px;background:#ccc;border-radius:50%}@media(max-width:480px){.demo-grid.svelte-yce1wg{grid-template-columns:1fr}.demo-svg.svelte-yce1wg{max-width:120px}}.page-layout.svelte-1um6r6i{display:flex;flex-direction:row;max-width:900px;margin:0 auto;padding:var(--gap-xl)}.outline-track.svelte-1um6r6i{width:0;flex-shrink:0;overflow:visible}.outline-sidebar.svelte-1um6r6i{position:sticky;top:var(--gap-xl);width:280px;transform:translate(calc(-100% - var(--gap-xl)))}@media(max-width:1300px){.outline-track.svelte-1um6r6i{display:none}}@media(max-width:768px){.page-layout.svelte-1um6r6i{padding:var(--gap-md)}}article.svelte-1um6r6i{line-height:1.7;max-width:800px;flex:1}h1.svelte-1um6r6i{font-size:var(--f-5);font-family:var(--font-2);margin-bottom:var(--gap-md)}.intro.svelte-1um6r6i{font-size:1.1rem;color:var(--color-text-muted);margin-bottom:var(--gap-xl)}.key-points.svelte-1um6r6i{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--gap-md);margin-bottom:var(--gap-2xl)}.key-point.svelte-1um6r6i{display:flex;align-items:flex-start;gap:var(--gap-sm);background:#fdfcfa;border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--gap-md)}.key-icon.svelte-1um6r6i{display:flex;color:var(--color-cta);flex-shrink:0}.key-point.svelte-1um6r6i strong:where(.svelte-1um6r6i){display:block;font-size:var(--f-0);margin-bottom:var(--gap-xs)}.key-point.svelte-1um6r6i p:where(.svelte-1um6r6i){margin:0;font-size:var(--f--1);color:var(--color-text-muted)}h2.svelte-1um6r6i{font-size:var(--f-3);font-family:var(--font-2);margin-top:var(--gap-2xl);margin-bottom:var(--gap-md)}h3.svelte-1um6r6i{font-size:var(--f-2);font-family:var(--font-2);margin-top:var(--gap-xl);margin-bottom:var(--gap-sm)}h4.svelte-1um6r6i{font-size:var(--f-1);font-family:var(--font-2);margin-bottom:var(--gap-sm)}p.svelte-1um6r6i{margin-bottom:var(--gap-md)}ul.svelte-1um6r6i{margin-bottom:var(--gap-lg);padding-left:var(--gap-lg)}li.svelte-1um6r6i{margin-bottom:var(--gap-sm)}a.svelte-1um6r6i{color:var(--color-cta);text-decoration:underline}a.svelte-1um6r6i:hover{text-decoration:none}.spec-box.svelte-1um6r6i{background:linear-gradient(135deg,#2c2416,#1a1510);color:#fff;border-radius:var(--radius-lg);padding:var(--gap-lg)}.specs.svelte-1um6r6i{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--gap-md)}.spec.svelte-1um6r6i{text-align:center}.spec-value.svelte-1um6r6i{display:block;font-size:var(--f-4);font-weight:700;font-family:var(--font-2);color:var(--color-cta)}.spec-label.svelte-1um6r6i{font-size:var(--f--1);opacity:.8}.temp-guide.svelte-1um6r6i{margin:var(--gap-lg) 0}.temp-labels.svelte-1um6r6i{display:flex;justify-content:space-between;font-size:var(--f--1);color:var(--color-text-muted);margin-bottom:var(--gap-xs)}.temp-bar.svelte-1um6r6i{position:relative;height:28px;border-radius:999px;border:2px solid var(--color-border);background:linear-gradient(90deg,#0b0b0b,#6f6f6f,#b22222)}.temp-bar.svelte-1um6r6i:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:12px;border:3px solid #8eeea0}.temp-descriptions.svelte-1um6r6i{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap-md);margin-top:var(--gap-md)}.temp-desc.svelte-1um6r6i{padding:var(--gap-md);border-radius:var(--radius-md);border:2px solid var(--color-border);background:#fdfcfa}.temp-desc.good.svelte-1um6r6i{background:#f0f8f0;border-color:#4a7c4a}.temp-desc.svelte-1um6r6i strong:where(.svelte-1um6r6i){display:block;margin-bottom:var(--gap-xs)}.temp-desc.svelte-1um6r6i p:where(.svelte-1um6r6i){margin:0;font-size:var(--f-0);color:var(--color-text-muted)}@media(max-width:700px){.temp-descriptions.svelte-1um6r6i{grid-template-columns:1fr}}.note.svelte-1um6r6i{background:#fffbeb;border-left:4px solid #d4a017;padding:var(--gap-md);margin:var(--gap-lg) 0;border-radius:0 var(--radius-md) var(--radius-md) 0}.test-results.svelte-1um6r6i{display:flex;flex-direction:column;gap:var(--gap-md);margin:var(--gap-lg) 0}.test-item.svelte-1um6r6i{display:flex;align-items:flex-start;gap:var(--gap-md);padding:var(--gap-md);background:#fdfcfa;border:2px solid var(--color-border);border-radius:var(--radius-md)}.test-item.good.svelte-1um6r6i{background:#f0f8f0;border-color:#4a7c4a}.result-color.svelte-1um6r6i{width:40px;height:40px;border-radius:var(--radius-sm);flex-shrink:0}.result-color.brown.svelte-1um6r6i{background:#8b4513}.result-color.light.svelte-1um6r6i{background:linear-gradient(135deg,#d4c4a8,#c4b498)}.result-color.white.svelte-1um6r6i{background:#f5f5f5;border:1px solid var(--color-border)}.test-item.svelte-1um6r6i strong:where(.svelte-1um6r6i){display:block;margin-bottom:var(--gap-xs)}.test-item.svelte-1um6r6i p:where(.svelte-1um6r6i){margin:0;font-size:var(--f-0);color:var(--color-text-muted)}.cta-box.svelte-1um6r6i{background:linear-gradient(135deg,#fdfcfa,#f5f3ef);border:2px solid var(--color-cta);border-radius:var(--radius-lg);padding:var(--gap-lg);margin:var(--gap-xl) 0}.cta-box.svelte-1um6r6i h4:where(.svelte-1um6r6i){color:var(--color-text)}.cta-box.svelte-1um6r6i p:where(.svelte-1um6r6i){color:var(--color-text-muted)}.cta-button.svelte-1um6r6i{display:inline-block;background:var(--color-cta);color:#fff;padding:var(--gap-sm) var(--gap-lg);border-radius:var(--radius-md);text-decoration:none;font-weight:600;transition:opacity .15s ease}.cta-button.svelte-1um6r6i:hover{opacity:.9;text-decoration:none}.summary-list.svelte-1um6r6i{background:#fdfcfa;border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--gap-lg);padding-left:calc(var(--gap-lg) + var(--gap-lg))}.closing.svelte-1um6r6i{font-size:1.05rem;font-style:italic;color:var(--color-text-muted);border-top:1px solid var(--color-border);padding-top:var(--gap-lg);margin-top:var(--gap-xl)}.related-articles.svelte-1um6r6i{margin-top:var(--gap-2xl);padding-top:var(--gap-xl);border-top:1px solid var(--color-border)}.related-articles.svelte-1um6r6i h3:where(.svelte-1um6r6i){margin-top:0;margin-bottom:var(--gap-lg)}.article-links.svelte-1um6r6i{display:flex;flex-direction:column;gap:var(--gap-md)}.article-link.svelte-1um6r6i{display:block;padding:var(--gap-md);background:#fdfcfa;border:1px solid var(--color-border);border-radius:var(--radius-md);text-decoration:none;transition:border-color .15s ease}.article-link.svelte-1um6r6i:hover{border-color:var(--color-cta);text-decoration:none}.article-title.svelte-1um6r6i{display:block;font-weight:600;color:var(--color-text);margin-bottom:var(--gap-xs)}.article-desc.svelte-1um6r6i{display:block;font-size:var(--f-0);color:var(--color-text-muted)}