.page-container.svelte-1yyi0ci{display:flex;flex-direction:column;min-height:100vh;padding:0 .3rem}header.svelte-1yyi0ci{text-align:center;margin-bottom:.3rem;padding:0 1rem}h1.svelte-1yyi0ci{font-size:2.5em;color:#1f2937;margin-bottom:.5rem}.subtitle.svelte-1yyi0ci{color:#6b7280;font-size:1.2rem}.content-wrapper.svelte-1yyi0ci{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;padding:1rem}.converter-container.svelte-1yyi0ci{min-width:300px}.explanation.svelte-1yyi0ci{padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.formula.svelte-1yyi0ci{background-color:#f3f4f6;padding:1rem;border-radius:6px;margin:1rem 0;text-align:center;font-weight:700}.example.svelte-1yyi0ci{background-color:#f8fafc;padding:.8rem;border-left:4px solid #60a5fa;margin:1rem 0}ul.svelte-1yyi0ci{list-style-type:disc;margin-left:1.5rem}h2.svelte-1yyi0ci,h3.svelte-1yyi0ci{color:#1f2937;margin-top:1.5rem;margin-bottom:1rem}p.svelte-1yyi0ci{color:#4b5563;line-height:1.6;margin-bottom:1rem}.tips.svelte-1yyi0ci ul:where(.svelte-1yyi0ci){margin-top:.5rem}.tips.svelte-1yyi0ci li:where(.svelte-1yyi0ci){margin-bottom:.5rem}