.advice,.note,.attention,.citation{border-radius:.5rem;align-items:stretch;gap:0;margin:1.5rem 0;padding:0;display:flex;overflow:hidden}.advice .icon-column,.note .icon-column,.attention .icon-column,.citation .icon-column{flex-shrink:0;justify-content:center;align-items:center;width:3rem;min-width:3rem;padding:1rem .75rem;display:flex}.advice .icon-column img,.note .icon-column img,.attention .icon-column img,.citation .icon-column img{object-fit:contain;filter:brightness(0)invert();width:1.5rem;height:1.5rem}.advice .content,.note .content,.attention .content,.citation .content{flex:1;padding:1rem}.advice .content h4,.note .content h4,.attention .content h4,.citation .content h4{margin-bottom:.5rem;font-size:1rem;font-weight:700;line-height:1.5}.advice .content p,.note .content p,.attention .content p,.citation .content p{margin:0;font-size:1rem;line-height:1.6}.advice{background-color:var(--color-success-50);border-left:4px solid var(--color-success-500)}.advice .content h4{color:var(--color-success-800)}.advice .content p{color:var(--color-success-700)}.note{background-color:var(--color-warning-50);border-left:4px solid var(--color-warning-500)}.note .content h4{color:var(--color-warning-800)}.note .content p{color:var(--color-warning-700)}.attention{background-color:var(--color-secondary-50)}.attention .icon-column{background-color:var(--color-danger-500)}.attention .content h4,.attention .content p{color:var(--color-gray-900)}.citation{background-color:var(--color-info-50);border-left:4px solid var(--color-info-500)}.citation .content h4{color:var(--color-info-800)}.citation .content p{color:var(--color-info-700)}