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