.intro-lead.svelte-1i018nj{font-size:1.15rem;line-height:1.7;margin-bottom:2rem;color:var(--text-main)}h2.svelte-1i018nj{color:var(--ui-color);border-bottom:2px solid rgba(255,255,255,.1);padding-bottom:.5rem;margin-bottom:1rem}h3.svelte-1i018nj{color:#e2e8f0;margin-top:1.5rem;margin-bottom:.75rem}.method-grid.svelte-1i018nj{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem;margin-top:1.25rem}.method-card.svelte-1i018nj{background:#00000040;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:1.25rem;display:flex;flex-direction:column}.method-badge.svelte-1i018nj{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:4px 8px;border-radius:4px;display:inline-block;margin-bottom:.75rem;align-self:flex-start}.external-badge.svelte-1i018nj{background:#38bdf833;color:#38bdf8;border:1px solid rgba(56,189,248,.4)}.internal-badge.svelte-1i018nj{background:#a855f733;color:#a855f7;border:1px solid rgba(168,85,247,.4)}.inline-badge.svelte-1i018nj{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.4)}.method-card.svelte-1i018nj h4:where(.svelte-1i018nj){margin:0 0 .5rem;color:#fff}.code-snippet.svelte-1i018nj{background:#091a28;padding:.5rem .75rem;border-radius:6px;border-left:3px solid var(--ui-color);margin:.5rem 0 1rem;font-size:.85rem;overflow-x:auto}.pros-cons.svelte-1i018nj{list-style:none;padding:0;margin:auto 0 0;font-size:.9rem}.pros-cons.svelte-1i018nj li:where(.svelte-1i018nj){margin-bottom:.4rem;display:flex;gap:.5rem;align-items:baseline}.pro.svelte-1i018nj{color:#10b981;font-weight:700}.con.svelte-1i018nj{color:#ef4444;font-weight:700}.hierarchy-ladder.svelte-1i018nj{display:flex;flex-direction:column;gap:.75rem;margin:1.5rem 0}.ladder-step.svelte-1i018nj{display:flex;align-items:center;gap:1rem;padding:.85rem 1.25rem;border-radius:8px;background:#00000040;border:1px solid rgba(255,255,255,.05);transition:transform .2s}.ladder-step.svelte-1i018nj:hover{transform:translate(4px)}.step-num.svelte-1i018nj{font-weight:800;font-size:.95rem;padding:4px 10px;border-radius:6px;min-width:65px;text-align:center}.step-important.svelte-1i018nj .step-num:where(.svelte-1i018nj){background:#ff3e0040;color:#ff3e00;border:1px solid #ff3e00}.step-inline.svelte-1i018nj .step-num:where(.svelte-1i018nj){background:#ef444433;color:#ef4444;border:1px solid #ef4444}.step-id.svelte-1i018nj .step-num:where(.svelte-1i018nj){background:#fbbf2433;color:#fbbf24;border:1px solid #fbbf24}.step-class.svelte-1i018nj .step-num:where(.svelte-1i018nj){background:#10b98133;color:#10b981;border:1px solid #10b981}.step-element.svelte-1i018nj .step-num:where(.svelte-1i018nj){background:#a855f733;color:#c084fc;border:1px solid #c084fc}.step-global.svelte-1i018nj .step-num:where(.svelte-1i018nj){background:#38bdf833;color:#38bdf8;border:1px solid #38bdf8}.step-default.svelte-1i018nj .step-num:where(.svelte-1i018nj){background:#94a3b833;color:#94a3b8;border:1px solid #94a3b8}.step-info.svelte-1i018nj strong:where(.svelte-1i018nj){display:block;color:#fff;font-size:1rem}.step-info.svelte-1i018nj p:where(.svelte-1i018nj){margin:2px 0 0;font-size:.9rem;color:var(--text-muted)}.box-layers-overview.svelte-1i018nj{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:1.5rem}.layer-card.svelte-1i018nj{padding:1rem;border-radius:8px;background:#00000040;border:1px solid rgba(255,255,255,.05)}.layer-header.svelte-1i018nj{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.layer-dot.svelte-1i018nj{width:12px;height:12px;border-radius:50%;display:inline-block}.margin-dot.svelte-1i018nj{background:#f59e0b;box-shadow:0 0 6px #f59e0b}.border-dot.svelte-1i018nj{background:#a855f7;box-shadow:0 0 6px #a855f7}.padding-dot.svelte-1i018nj{background:#10b981;box-shadow:0 0 6px #10b981}.content-dot.svelte-1i018nj{background:#38bdf8;box-shadow:0 0 6px #38bdf8}.margin-card.svelte-1i018nj{border-left:3px solid #f59e0b}.border-card.svelte-1i018nj{border-left:3px solid #a855f7}.padding-card.svelte-1i018nj{border-left:3px solid #10b981}.content-card.svelte-1i018nj{border-left:3px solid #38bdf8}.layer-card.svelte-1i018nj p:where(.svelte-1i018nj){margin:0;font-size:.88rem;color:var(--text-muted)}.interactive-card.svelte-1i018nj{border:2px solid rgba(56,189,248,.3)}.studio-container.svelte-1i018nj{display:grid;grid-template-columns:320px 1fr;gap:2rem;margin-top:1.5rem;align-items:start}.controls-column.svelte-1i018nj{display:flex;flex-direction:column;gap:1.25rem}.slider-group.svelte-1i018nj{display:flex;flex-direction:column;gap:.85rem;background:#0003;padding:1.25rem;border-radius:8px;border:1px solid rgba(255,255,255,.05)}.slider-item.svelte-1i018nj{display:flex;flex-direction:column;gap:.25rem}.slider-header.svelte-1i018nj{display:flex;justify-content:space-between;font-size:.9rem;font-weight:600}.slider-val.svelte-1i018nj{font-family:monospace;color:#fff}input[type=range].svelte-1i018nj{width:100%;cursor:pointer;accent-color:var(--ui-color)}.calc-card.svelte-1i018nj{background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:1rem}.calc-title.svelte-1i018nj{font-weight:700;color:var(--ui-color);margin-bottom:.5rem;font-size:.95rem}.calc-row.svelte-1i018nj{display:flex;justify-content:space-between;font-size:.9rem;margin-bottom:.3rem}.highlight-margin-row.svelte-1i018nj{border-top:1px dashed rgba(255,255,255,.15);padding-top:.45rem;margin-top:.45rem;color:#f59e0b;font-weight:600}.border-box-note.svelte-1i018nj{margin-top:.75rem;padding:.6rem .75rem;background:#38bdf814;border-left:3px solid var(--ui-color);border-radius:4px;font-size:.82rem;line-height:1.5;color:#e2e8f0}.visual-column.svelte-1i018nj{display:flex;flex-direction:column;align-items:center;background:#00000040;padding:1.5rem;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.box-model-diagram.svelte-1i018nj{display:flex;justify-content:center;align-items:center;width:100%;overflow-x:auto;padding:1rem 0}.diagram-layer.svelte-1i018nj{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;border-radius:6px;box-sizing:border-box;transition:all .15s ease-out}.layer-margin.svelte-1i018nj{background:#f59e0b33;border:2px dashed rgba(245,158,11,.7)}.layer-border.svelte-1i018nj{background:#a855f740;border:2px solid rgba(168,85,247,.9)}.layer-padding.svelte-1i018nj{background:#10b98140;border:2px dashed rgba(16,185,129,.7)}.layer-content.svelte-1i018nj{background:#0ea5e966;border:2px solid rgba(14,165,233,.9);min-width:60px;min-height:35px}.layer-name-tag.svelte-1i018nj{position:absolute;top:2px;left:6px;font-size:.68rem;font-weight:800;letter-spacing:.5px}.margin-tag.svelte-1i018nj{color:#f59e0b}.border-tag.svelte-1i018nj{color:#a855f7}.padding-tag.svelte-1i018nj{color:#10b981}.content-tag.svelte-1i018nj{color:#38bdf8}.content-dimensions.svelte-1i018nj{font-family:monospace;font-size:.85rem;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.8);text-align:center;padding:4px}.code-block.svelte-1i018nj{background:#38bdf81a;border:2px solid rgba(56,189,248,.5);padding:1rem;border-radius:8px;margin:1rem 0;font-family:monospace;position:relative;width:100%;box-sizing:border-box}.code-block.svelte-1i018nj:after{content:"CSS";position:absolute;top:-10px;right:10px;background:#38bdf8;color:#fff;padding:2px 8px;font-size:.8rem;border-radius:4px;font-weight:700}.tag-color.svelte-1i018nj{color:var(--ui-color)}.attr-color.svelte-1i018nj{color:#e2e8f0}.prop-color.svelte-1i018nj{color:var(--ui-color)}.value-color.svelte-1i018nj{color:#bef264}.class-color-text.svelte-1i018nj{color:var(--data-color)}.comment-color.svelte-1i018nj{color:#9ca3af;font-style:italic}.concepts-override.svelte-1i018nj{border-left-color:var(--ui-color);margin-top:2rem}.concepts-override strong{color:var(--ui-color)!important;background:#38bdf81a!important;border-color:#38bdf833!important}.concepts-list.svelte-1i018nj{line-height:1.8;padding-left:1.2rem}@media(max-width:850px){.studio-container.svelte-1i018nj{grid-template-columns:1fr}.ladder-step.svelte-1i018nj{flex-direction:column;align-items:flex-start;gap:.5rem}}