/* Canonical font publications, shared by product notes and the account library. */
.dfvn-font-updates { margin-block:var(--card-section-gap); padding:var(--panel-padding); background:var(--surface); border-radius:var(--card-radius); scroll-margin-top:calc(var(--header-height) + var(--space-6)); }
.dfvn-font-updates > header { display:grid; gap:var(--title-lead-gap); margin-bottom:var(--heading-card-gap); }
.dfvn-font-updates > header h2 { font-size:var(--section-title-size); line-height:var(--section-title-leading); }
.dfvn-font-updates > header p { color:var(--lead-ink); font-size:var(--lead-size); line-height:var(--lead-leading); }
.dfvn-font-release-list { display:grid; gap:var(--space-3); }
.dfvn-font-release { min-width:0; padding:var(--space-5) var(--space-6); border-radius:var(--card-radius-compact); background:var(--bg); }
.dfvn-font-release summary { display:flex; align-items:center; gap:var(--space-3); cursor:pointer; list-style:none; }
.dfvn-font-release summary::-webkit-details-marker { display:none; }
.dfvn-font-release-version { font-size:var(--card-title-size); line-height:var(--card-title-leading); font-weight:var(--font-medium); overflow-wrap:anywhere; }
.dfvn-font-release-current { flex:none; padding:var(--space-1) var(--space-2); border-radius:var(--pill); background:var(--lavender); color:#22332d; font-size:var(--type-meta-size); line-height:var(--caption-leading); }
.dfvn-font-release time { margin-left:auto; color:var(--muted); font-size:var(--type-copy-size); line-height:var(--caption-leading); white-space:nowrap; }
.dfvn-font-release summary > .dfvn-icon { flex:none; width:18px; height:18px; transition:transform var(--speed); }
.dfvn-font-release[open] summary > .dfvn-icon { transform:rotate(180deg); }
.dfvn-font-release ul { display:grid; gap:var(--space-2); margin:var(--space-5) 0 0; padding-left:var(--space-6); color:var(--paragraph-ink); font-size:var(--card-copy-size); line-height:var(--copy-leading); overflow-wrap:anywhere; }
.dfvn-font-release summary:focus-visible { outline:2px solid var(--focus)!important; outline-offset:6px; border-radius:6px; }
.customer-page .dfvn-download-actions--versioned { flex-direction:column; gap:var(--space-2); max-width:220px; }
.customer-page .dfvn-download-actions .dfvn-download-version { color:var(--muted); font-size:var(--account-type-meta); text-align:center; overflow-wrap:anywhere; }
.customer-page .dfvn-download-actions .dfvn-download-release-link { display:inline-flex; justify-content:center; align-items:center; gap:var(--space-2); font-size:var(--account-type-small); }
.dfvn-download-release-link .dfvn-icon { width:14px; height:14px; }
.dfvn-download-family, .dfvn-download-history-list { display:grid; gap:var(--space-3); min-width:0; }
.dfvn-download-latest { display:inline-block; margin-left:var(--space-1); padding:var(--space-1) var(--space-2); border-radius:var(--pill); background:var(--lavender); color:#22332d; font-size:var(--type-caption-size); }
.dfvn-download-history { min-width:0; }
.dfvn-download-history > summary { display:flex; align-items:center; gap:var(--space-3); padding:var(--space-3) var(--space-6); border-radius:var(--account-card-radius); background:var(--surface); font-size:var(--account-type-small); cursor:pointer; list-style:none; }
.dfvn-download-history > summary::-webkit-details-marker { display:none; }
.dfvn-download-history-count { margin-left:auto; color:var(--muted); white-space:nowrap; font-size:var(--account-type-meta); }
.dfvn-download-history > summary .dfvn-icon { width:16px; height:16px; flex:none; }
.dfvn-download-history[open] > summary .dfvn-icon { transform:rotate(180deg); }
.dfvn-download-history[open] > summary { margin-bottom:var(--space-3); }
.dfvn-download-history > summary:focus-visible { outline:2px solid var(--focus)!important; outline-offset:4px; }
@media (max-width:600px) {
  .dfvn-font-release { padding:var(--space-4); }
  .dfvn-font-release summary { flex-wrap:wrap; gap:var(--space-2); }
  .dfvn-font-release-version { flex:1 1 calc(100% - 90px); }
  .dfvn-font-release time { margin-left:0; flex:1; }
}
@media (prefers-reduced-motion:reduce) { .dfvn-font-release summary > .dfvn-icon { transition:none; } }