.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:#f0fdf4;border-left:4px solid #22c55e}.advice .content h4{color:#14532d}.advice .content p{color:#166534}.note{background-color:#fefce8;border-left:4px solid #eab308}.note .content h4{color:#713f12}.note .content p{color:#854d0e}.attention{background-color:#fdf2f8}.attention .icon-column{background-color:#d92d20}.attention .content h4,.attention .content p{color:#000}.citation{background-color:#eff6ff;border-left:4px solid #3b82f6}.citation .content h4{color:#1e3a8a}.citation .content p{color:#1e40af}