.ccsdm-library { width: min(100% - 40px, 1220px); margin: 0 auto; padding: clamp(56px, 7vw, 92px) 0; }
.ccsdm-library-heading { max-width: 780px; margin-bottom: 28px; }
.ccsdm-library-heading h2 { margin: 6px 0 12px; color: #10233f; font-size: clamp(28px, 3vw, 42px); line-height: 1.08; }
.ccsdm-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.ccsdm-card, .ccsdm-empty { border: 1px solid rgba(16,17,20,.1); border-radius: 18px; padding: 24px; background: #fff; box-shadow: 0 8px 24px rgba(16,24,40,.04); }
.ccsdm-empty { display: grid; gap: 6px; color: #475467; }
.ccsdm-empty strong { color: #10233f; }
.ccsdm-card-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.ccsdm-card-top span { border-radius: 999px; padding: 6px 10px; background: #ecfdf3; color: #067647; font-size: 12px; font-weight: 850; }
.ccsdm-card-top b { color: #1f6fe5; }
.ccsdm-card h3 { margin: 18px 0; color: #10233f; font-size: 23px; }
.ccsdm-card dl { display: grid; gap: 0; margin: 0; }
.ccsdm-card dl div { display: grid; grid-template-columns: 120px minmax(0, 1fr); gap: 12px; padding: 9px 0; border-top: 1px solid rgba(16,17,20,.08); }
.ccsdm-card dt { color: #667085; font-size: 13px; font-weight: 750; }
.ccsdm-card dd { margin: 0; color: #24334a; font-weight: 650; }
.ccsdm-notes { margin-top: 16px; color: #475467; }
.ccsdm-notes > :last-child { margin-bottom: 0; }
.ccsdm-hash { display: grid; gap: 5px; margin: 18px 0; }
.ccsdm-hash span { color: #667085; font-size: 11px; font-weight: 850; letter-spacing: .08em; }
.ccsdm-hash code { overflow: hidden; color: #475467; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.ccsdm-button { display: inline-flex; min-height: 44px; align-items: center; justify-content: center; border-radius: 10px; padding: 0 18px; background: #1f6fe5; color: #fff !important; font-weight: 850; text-decoration: none !important; }
.ccsdm-button:hover { background: #1759ba; }
.ccsdm-button-request { background: #10233f; }
@media (max-width: 760px) { .ccsdm-library { width: min(100% - 32px, 1220px); padding: 44px 0; } .ccsdm-grid { grid-template-columns: 1fr; } .ccsdm-card dl div { grid-template-columns: 1fr; gap: 3px; } }