.ub-attachments{margin:36px 0;padding-top:28px;border-top:1px solid #dce3da;color:#20382f}
.ub-attachments>h2{margin:0 0 18px;font-size:22px;line-height:1.5;font-weight:600}
.ub-attachment-list,.ub-attachment-meta{list-style:none;margin:0;padding:0}
.ub-attachment-list{display:grid;gap:12px}
.ub-attachment-card{display:flex;align-items:center;gap:18px;min-width:0;padding:22px;background:#f5f7f1;border:1px solid #dde5dc;border-radius:8px}
.ub-attachment-type{flex:0 0 54px;display:grid;place-items:center;min-height:64px;background:#e4ede3;border-radius:5px;font-size:12px;font-weight:700;letter-spacing:.03em;color:#315a46}
.ub-attachment-info{min-width:0;flex:1}
.ub-attachment-info>h3{margin:0 0 8px;font-size:17px;line-height:1.55;font-weight:600;overflow-wrap:anywhere}
.ub-attachment-meta{display:flex;flex-wrap:wrap;gap:5px 14px;font-size:13px;line-height:1.7;color:#596a5e}
.ub-attachment-meta>li{overflow-wrap:anywhere}
.ub-attachment-action{flex:none;display:inline-block;padding:10px 12px;color:#086a58;font-size:14px;font-weight:600;line-height:1.5;border:1px solid #aac5b6;border-radius:4px;text-decoration:none}
.ub-attachment-action:hover{background:#e6efe6}
.ub-attachment-action:focus-visible{outline:3px solid #087565;outline-offset:4px}
.ub-attachment-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.ub-attachments-page{padding-bottom:48px}
@media(max-width:600px){.ub-attachment-card{padding:18px;gap:12px;flex-wrap:wrap}.ub-attachment-type{flex-basis:44px;min-height:54px}.ub-attachment-info{flex-basis:calc(100% - 56px)}.ub-attachment-action{margin-left:56px}.ub-attachments>h2{font-size:20px}.ub-attachment-info>h3{font-size:16px}}