@layer components{.panel{gap:var(--spacing-3);min-inline-size:0;padding:var(--spacing-5);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-container);background:var(--color-background-card);flex-direction:column;display:flex}@media (width>=768px){.panel{padding:var(--spacing-6)}}.panel[data-interactive]{color:inherit;transition:transform var(--duration-fast) var(--ease-move), border-color var(--duration-fast) var(--ease-standard);text-decoration:none}.panel[data-interactive]:hover{color:inherit;border-color:var(--color-border-emphasized);box-shadow:var(--shadow-low);transform:translateY(-2px)}@media (prefers-reduced-motion:reduce){.panel[data-interactive]:hover{transform:none}}.notice{padding:var(--spacing-3) var(--spacing-4);border-inline-start:3px solid var(--color-border-emphasized);background:var(--color-background-surface);font-size:var(--font-size-sm);color:var(--color-text-secondary);border-radius:0 var(--radius-inner) var(--radius-inner) 0}.notice[data-tone=info]{border-color:var(--color-info);background:var(--color-info-muted);color:var(--color-text-primary)}.notice[data-tone=caution]{border-color:var(--color-warning);background:var(--color-warning-muted);color:var(--color-text-primary)}.band{justify-content:space-between;align-items:center;gap:var(--spacing-4);padding:var(--spacing-6);border-radius:var(--radius-page);background:var(--color-accent-muted);flex-wrap:wrap;display:flex}@media (width>=768px){.band{padding:var(--spacing-10)}}.facts{gap:0;margin:0;display:grid}.facts>div{gap:var(--spacing-1);padding-block:var(--spacing-3);border-block-end:var(--border-width) solid var(--color-border);display:grid}.facts dt{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.facts dd{align-items:center;gap:var(--spacing-2);flex-wrap:wrap;display:flex}@media (width>=640px){.facts>div{gap:var(--spacing-4);grid-template-columns:12rem 1fr}}}