@layer components{.alert_wrap{padding:var(--space-3) var(--space-4) var(--space-3) var(--space-3);border:var(--border-width) solid var(--_border);border-radius:var(--radius-small);background:var(--_surface);color:var(--text);grid-template-columns:auto minmax(0,1fr);align-content:start;gap:.25rem .875rem;display:grid;&.error{--_surface:var(--error-surface);--_border:var(--error-border);--_icon:var(--error);--_title:var(--error-text)}&.warning{--_surface:var(--warning-surface);--_border:var(--warning-border);--_icon:var(--warning-text);--_title:var(--warning-text)}&.success{--_surface:var(--success-surface);--_border:var(--success-border);--_icon:var(--success);--_title:var(--success-text)}&.info{--_surface:var(--info-surface);--_border:var(--info-border);--_icon:var(--info);--_title:var(--info-text)}&.plain{background:0 0;border:0;padding:0}&:focus{outline:none}}.alert_icon{width:1.5rem;height:1.5rem;color:var(--_icon);grid-row:span 2;margin-top:.0625rem}.alert_title{color:var(--_title);font-size:var(--text-main);font-weight:var(--primary-bold);margin:0;line-height:1.35}.alert_text{color:var(--text-2);font-size:var(--text-small);margin:0;line-height:1.45}.alert_actions{margin-top:var(--space-2);grid-column:2}.course-data_wrap{border-block:var(--border-width) solid var(--border);grid-template-columns:auto auto 1fr;margin:0;display:grid;&>div{padding:var(--space-2) var(--space-3) var(--space-2) 0;&+div{padding-left:var(--space-3);border-left:var(--border-width) solid var(--border)}}& dt{color:var(--text-2);margin-bottom:.25rem}& dd{font-size:var(--text-small);font-weight:var(--primary-semibold);font-variant-numeric:tabular-nums lining-nums;margin:0;line-height:1.3}&.inline{border:0;flex-wrap:wrap;gap:0 .5em;display:flex;&>div{padding:0;&+div{border-left:0;padding-left:0;&:before{content:"·" / "";color:var(--text-2);margin-right:.5em}}}& dd{color:var(--text-2);font-weight:var(--primary-medium);display:inline}}&.detail>.course-data_internal{border-top:var(--border-width) solid var(--border);border-left:0;grid-column:1/-1;padding-left:0}}}