.page.svelte-1ort9nn{display:flex;flex-direction:column;gap:3rem;padding:0 .5rem 3rem}.page-header.svelte-1ort9nn{text-align:center;padding:1.5rem 1rem 0}h1.svelte-1ort9nn{font-size:2.25rem;font-weight:700;color:#111827;margin:0 0 .4rem}.subtitle.svelte-1ort9nn{color:#6b7280;font-size:1.05rem;margin:0}.converter-section.svelte-1ort9nn{display:flex;justify-content:center}.converter-wrap.svelte-1ort9nn{width:100%;max-width:420px}.section-title.svelte-1ort9nn{font-size:1.5rem;font-weight:600;color:#111827;margin:0 0 .3rem}.section-desc.svelte-1ort9nn{color:#6b7280;margin:0 0 1.5rem;font-size:.95rem}.examples-section.svelte-1ort9nn{max-width:960px;margin:0 auto;width:100%;padding:0 .5rem}.cards-grid.svelte-1ort9nn{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.ref-card.svelte-1ort9nn{border:1px solid #e5e7eb;border-top:3px solid var(--accent);border-radius:10px;background:#fff;box-shadow:0 2px 6px #0000000d;padding:1rem;display:flex;flex-direction:column;align-items:center;gap:.75rem;transition:transform .18s ease,box-shadow .18s ease}.ref-card.svelte-1ort9nn:hover{transform:translateY(-3px);box-shadow:0 6px 18px #00000017}.card-graphic.svelte-1ort9nn svg:where(.svelte-1ort9nn){width:72px;height:72px}.card-body.svelte-1ort9nn{text-align:center}.card-value.svelte-1ort9nn{font-size:1.5rem;font-weight:700;color:var(--accent);line-height:1.2}.card-value.svelte-1ort9nn .unit:where(.svelte-1ort9nn){font-size:.85rem;font-weight:500;color:#6b7280}.card-secondary.svelte-1ort9nn{font-size:.85rem;color:#6b7280;margin-bottom:.4rem}.card-name.svelte-1ort9nn{font-size:.9rem;font-weight:600;color:#374151}.card-note.svelte-1ort9nn{font-size:.78rem;color:#9ca3af;margin-top:.1rem}.table-section.svelte-1ort9nn,.formulas-section.svelte-1ort9nn{max-width:960px;margin:0 auto;width:100%;padding:0 .5rem}.formula-grid.svelte-1ort9nn{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.formula-card.svelte-1ort9nn{background:#f8fafc;border-radius:8px;padding:1rem 1.25rem;border:1px solid #e2e8f0}.formula-card.svelte-1ort9nn h3:where(.svelte-1ort9nn){font-size:.9rem;font-weight:600;color:#374151;margin:0 0 .6rem}.formula-card.svelte-1ort9nn code:where(.svelte-1ort9nn){display:block;font-family:Fira Code,Courier New,monospace;font-size:.85rem;color:#1e40af;background:#eff6ff;padding:.2rem .5rem;border-radius:4px;margin-bottom:.3rem}.units-section.svelte-1ort9nn{max-width:960px;margin:0 auto;width:100%;padding:0 .5rem}.units-grid.svelte-1ort9nn{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.unit-card.svelte-1ort9nn{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.6rem}.unit-badge.svelte-1ort9nn{display:inline-block;background:#1f2937;color:#fff;font-size:.8rem;font-weight:700;padding:.2rem .6rem;border-radius:4px;font-family:monospace;align-self:flex-start}.unit-card.svelte-1ort9nn p:where(.svelte-1ort9nn){font-size:.875rem;color:#4b5563;line-height:1.55;margin:0}.tips-section.svelte-1ort9nn{max-width:960px;margin:0 auto;width:100%;padding:0 .5rem}.tips-grid.svelte-1ort9nn{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.tips-card.svelte-1ort9nn{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:1.25rem}.tips-card.svelte-1ort9nn h3:where(.svelte-1ort9nn){font-size:1rem;font-weight:600;color:#166534;margin:0 0 .75rem}.tips-card.svelte-1ort9nn ul:where(.svelte-1ort9nn){list-style:disc;padding-left:1.2rem;margin:0;display:flex;flex-direction:column;gap:.4rem}.tips-card.svelte-1ort9nn li:where(.svelte-1ort9nn){font-size:.875rem;color:#166534;line-height:1.5}.curiosity-card.svelte-1ort9nn{background:#fffbeb;border:1px solid #fde68a;border-radius:8px;padding:1.25rem}.curiosity-card.svelte-1ort9nn h3:where(.svelte-1ort9nn){font-size:1rem;font-weight:600;color:#92400e;margin:0 0 .5rem}.curiosity-card.svelte-1ort9nn p:where(.svelte-1ort9nn){font-size:.875rem;color:#78350f;line-height:1.55;margin:0}@media (max-width: 700px){h1.svelte-1ort9nn{font-size:1.75rem}.cards-grid.svelte-1ort9nn{grid-template-columns:repeat(2,1fr)}.formula-grid.svelte-1ort9nn,.units-grid.svelte-1ort9nn,.tips-grid.svelte-1ort9nn{grid-template-columns:1fr}}@media (max-width: 420px){.cards-grid.svelte-1ort9nn{grid-template-columns:1fr}}