.article-attachment{display:flex;align-items:center;gap:16px;border:1px solid #dce6f5;border-radius:13px;padding:20px 24px;background:#f7faff;text-decoration:none!important;margin:20px 0;transition:background .2s,border-color .2s}
.article-attachment:hover{background:#edf4ff;border-color:#b5cbef}
.article-attachment>svg{width:30px;height:30px;color:#567fbf;flex:none}
.article-attachment strong{display:block;font-size:15px;font-weight:600;color:#3b5b87}
.article-attachment>span{min-width:0;overflow-wrap:anywhere;line-height:1.5}.article-attachment:focus-visible{outline:3px solid #2864d8;outline-offset:3px}
@media(max-width:700px){.article-attachment{padding:16px;gap:12px}.article-attachment strong{font-size:13px}.article-attachment small{font-size:11px}}
@media(prefers-reduced-motion:reduce){.article-attachment{transition:none}}

.article-attachment small{display:block;font-size:12px;color:#8497b3;margin-top:5px}
@media(max-width:700px){.article-attachment small{font-size:11px}}