/* Readability and touch refinements shared across the finished site. */
.announcement svg{width:14px;height:14px;vertical-align:-3px;margin-left:2px}
.card-category{font-size:.75rem;letter-spacing:.07em}
.card-meta,.vault-grid .card-meta{font-size:.75rem}
.card-description,.vault-grid .card-description{font-size:.875rem}
.card-bottom>a,.vault-grid .card-bottom>a{font-size:.8125rem;min-height:36px}
.preview-button,.vault-grid .preview-button{font-size:.75rem;min-height:36px}
.filter-heading,.filter-control label,.filter-reset,.sidebar-note,.results-toolbar p,.results-toolbar select{font-size:.8125rem}
.filter-categories a{font-size:.875rem}
.category-count,.footer-bottom{font-size:.75rem}
.category-tile p{font-size:.8125rem}
.eyebrow{font-size:.75rem}
.card-visual .free-label{font-size:.6875rem}
@media(max-width:680px){
 .save-button{width:42px;height:42px;right:7px;top:7px}
 .save-button svg{width:18px;height:18px}
 .card-visual .free-label{font-size:.625rem;left:8px;top:13px}
 .card-category{font-size:.6875rem;line-height:1.5;letter-spacing:.055em}
 .card-description,.vault-grid .card-description{font-size:.875rem}
 .card-meta,.vault-grid .card-meta{font-size:.75rem;gap:3px}
 .card-content h3,.vault-grid .card-content h3{font-size:1.2rem}
 .card-bottom>a,.vault-grid .card-bottom>a,.preview-button,.vault-grid .preview-button{font-size:.8125rem;min-height:42px}
 .card-bottom{gap:0}
 .category-tile p{font-size:.8125rem}
 .filter-categories a{font-size:.875rem}
 .results-toolbar p{font-size:.8125rem;max-width:190px}
 .results-toolbar select{font-size:.75rem;max-width:139px}
 .eyebrow{font-size:.75rem}
 .hero .actions{gap:13px}
 .hero .text-link{font-size:.8125rem}
 .detail-save{height:46px}
 .footer-main h3,.footer-bottom{font-size:.75rem}
 .dialog-close{min-width:44px;min-height:44px}
}