.main_all{min-width:0}.font-browser-hero{display:flex;align-items:end;justify-content:space-between;gap:24px;padding:28px;margin-bottom:16px;border:1px solid #dce6f8;border-radius:18px;background:linear-gradient(135deg,#f7faff 0%,#eef4ff 100%)}.font-browser-hero h1{margin:4px 0 8px;color:#111827;font:700 34px/1.15 Roboto,sans-serif}.font-browser-hero p{margin:0;color:#667085;font:400 15px/1.5 Roboto,sans-serif}.font-browser-eyebrow{color:#216be8;font:700 12px/1.2 Roboto,sans-serif;letter-spacing:.09em;text-transform:uppercase}.font-browser-count{flex:0 0 auto;padding:9px 13px;border-radius:999px;background:#fff;color:#216be8;font:700 13px/1 Roboto,sans-serif;box-shadow:0 4px 16px rgba(33,107,232,.1)}.font-quick-tabs{display:flex;gap:8px;margin-bottom:16px;overflow-x:auto;scrollbar-width:none}.font-quick-tabs a{flex:0 0 auto;padding:10px 15px;border:1px solid #e4e7ec;border-radius:999px;color:#344054;background:#fff;font:600 13px/1 Roboto,sans-serif}.font-quick-tabs a.active,.font-quick-tabs a:hover{border-color:#216be8;color:#216be8;background:#eef4ff}.font-browser-tools{display:grid;grid-template-columns:minmax(260px,1fr) auto;gap:14px;padding:16px;margin-bottom:16px;border:1px solid #e4e7ec;border-radius:14px;background:#fff}.font-preview-control,.font-filter-form label{display:grid;gap:7px;margin:0}.font-preview-control>span,.font-filter-form label>span{color:#475467;font:600 12px/1 Roboto,sans-serif}.font-preview-control input,.font-preview-control select,.font-filter-form label input,.font-filter-form label select{height:44px;min-width:0;padding:0 13px;border:1px solid #d0d5dd;border-radius:9px;outline:none;background:#fff;color:#111827;font:400 14px/1 Roboto,sans-serif}.font-preview-control input:focus,.font-preview-control select:focus,.font-filter-form label input:focus,.font-filter-form label select:focus{border-color:#216be8;box-shadow:0 0 0 3px rgba(33,107,232,.1)}.font-filter-form{display:grid;grid-template-columns:160px 170px;gap:10px}.font-category-toggle{display:none;width:100%;align-items:center;justify-content:space-between;padding:14px 16px;margin-bottom:12px;border:1px solid #cfdcf3;border-radius:12px;background:#f7faff;color:#111827;font:700 14px/1 Roboto,sans-serif}.font-category-panel{padding:20px;margin-bottom:20px;border:1px solid #e4e7ec;border-radius:16px;background:#f6f8fc}.font-category-panel__header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:17px}.font-category-panel__header h2{margin:4px 0 0;color:#111827;font:700 20px/1.2 Roboto,sans-serif}.font-category-all{padding:9px 13px;border:1px solid #cfdcf3;border-radius:9px;background:#fff;color:#216be8;font:700 13px/1 Roboto,sans-serif}.font-category-all.active,.font-category-all:hover{color:#fff;background:#216be8;border-color:#216be8}.font-category-groups{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.font-category-group{min-width:0;padding:14px;border:1px solid #e6eaf1;border-radius:12px;background:#fff}.font-category-group h3{margin:0 0 10px;color:#344054;font:700 12px/1.2 Roboto,sans-serif;letter-spacing:.04em;text-transform:uppercase}.font-category-links{display:grid;gap:4px}.font-category-links a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 8px;border-radius:7px;color:#344054;font:500 13px/1.25 Roboto,sans-serif}.font-category-links a:hover,.font-category-links a.active{color:#216be8;background:#eef4ff}.font-category-links small{color:#98a2b3;font-size:11px}.font-results-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px;color:#667085;font:400 14px/1.4 Roboto,sans-serif}.font-results-heading strong{margin-left:4px;color:#111827}.font-results-heading a{color:#216be8;font-weight:600}.font-browser-results .font_item{border-radius:12px;overflow:hidden;box-shadow:0 2px 9px rgba(16,24,40,.06)}.font-browser-results .font_item .top_font_item{background:#f2f4f7}.font-browser-results .font_item .bottom_font_item{background:#fff}.font-browser-empty{padding:48px 20px;border:1px dashed #cfd6e2;border-radius:12px;color:#667085;text-align:center;font:500 15px/1.5 Roboto,sans-serif}@media (max-width:1024px){.font-category-groups{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.font-browser-hero{align-items:start;padding:20px}.font-browser-hero h1{font-size:28px}.font-browser-count{display:none}.font-browser-tools{grid-template-columns:1fr}.font-filter-form{grid-template-columns:1fr 1fr}.font-category-toggle{display:flex}.font-category-panel{display:none;padding:14px}.font-category-panel.is-open{display:block}.font-category-panel__header{align-items:start}.font-category-groups{grid-template-columns:1fr}}@media (max-width:430px){.font-browser-hero{border-radius:14px}.font-filter-form{grid-template-columns:1fr}.font-results-heading{align-items:flex-start}.font-browser-results .font_item .found_in{white-space:normal}}