.callout.svelte-1hn8ny{display:flex;gap:1rem;align-items:flex-start;background:#f5b4001a;border:1px solid rgba(245,180,0,.4);border-left:4px solid var(--safety-yellow);border-radius:var(--radius);padding:1.25rem 1.5rem}.callout-mark.svelte-1hn8ny{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;border-radius:8px;background:var(--scaffold-black);color:var(--safety-yellow);font-family:var(--font-heading);font-weight:800}.callout.svelte-1hn8ny p:where(.svelte-1hn8ny){color:var(--text-strong);font-size:1rem;max-width:84ch}.split.svelte-1hn8ny{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2rem,5vw,4rem);align-items:center}.split.svelte-1hn8ny p:where(.svelte-1hn8ny)+p:where(.svelte-1hn8ny){margin-top:1rem}.media-frame.svelte-1hn8ny{position:relative;border-radius:var(--radius-lg);padding:8px;background:var(--concrete-grey);border:1px solid var(--border)}.media-frame.svelte-1hn8ny:before{content:"";position:absolute;top:26px;bottom:26px;left:-8px;width:4px;background:var(--safety-yellow);border-radius:4px}.areas-box.svelte-1hn8ny{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:clamp(1.5rem,3vw,2.5rem);max-width:820px;margin-inline:auto}.needed.svelte-1hn8ny{margin-top:1.5rem}@media (max-width: 900px){.split.svelte-1hn8ny{grid-template-columns:1fr}}
