.proDocumentCard{grid-template-columns:auto minmax(0,1fr);gap:12px 16px}
.proDocumentCard>span:nth-child(2){min-width:0}.proDocumentCard b{overflow-wrap:anywhere}
.proDocumentControls{grid-column:2;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.proDocumentControls :is(button,a){display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:36px;box-sizing:border-box;padding:6px 11px;border:1px solid color-mix(in srgb,var(--c-accent,#d7ff32) 45%,transparent);border-radius:8px;background:color-mix(in srgb,var(--c-accent,#d7ff32) 8%,transparent);color:var(--c-accent,#d7ff32);text-decoration:none;font:650 12px/1.4 system-ui;cursor:pointer}
.proDocumentControls button{color:#a5e9fb;border-color:#6dd3eb66;background:#167d9912}.proDocumentControls :is(button,a):hover{filter:brightness(1.2)}
.proDocumentControls :is(button,a):focus-visible{outline:2px solid currentColor;outline-offset:3px}
@media(min-width:1200px){.proDocumentCard{grid-template-columns:auto minmax(0,1fr) auto}.proDocumentControls{grid-column:3;flex-direction:column;align-items:stretch}}
@media(max-width:480px){.proDocumentCard{padding:14px;gap:10px}.proDocumentControls{grid-column:1 / -1}.proDocumentControls :is(button,a){flex:1;min-height:40px}}