@layer components{.alert-box{display:flex;align-items:flex-start;gap:12px;padding:12px;color:var(--alert-box-text);background-color:var(--alert-box-background);border-radius:10px}.alert-box--bordered{border-left:4px solid var(--alert-box-accent)}.alert-box__icon{display:inline-flex;flex-shrink:0;margin-top:2px;color:var(--alert-box-icon)}.alert-box__content{flex:1;min-width:0}.alert-box__title{margin:0;color:var(--alert-box-text);font-size:.875rem;font-weight:600;line-height:1.4}.alert-box__title--with-content{margin-bottom:4px}.alert-box__body{margin:0;color:var(--alert-box-text);font-size:.8125rem;line-height:1.5}.alert-box__body p{margin:0}.alert-box__body p:not(:last-child){margin-bottom:8px}.alert-box__body strong,.alert-box__body b{font-weight:600}.alert-box__body a{color:var(--alert-box-icon);text-decoration:underline}.alert-box__body a:hover{text-decoration:none}}