.font-gallery-header{max-width:1380px;margin:auto;padding:25px 35px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.font-gallery-header a{text-decoration:none;font-size:13px;color:var(--ink)}.font-gallery-header .brand{font-size:28px}.font-gallery{max-width:1380px;padding:38px 35px;margin:auto}.font-gallery-intro{max-width:700px;margin-bottom:27px}.font-gallery-intro h1{font-size:40px;line-height:1.2;margin:12px 0 18px}.font-gallery-intro p{color:var(--muted);line-height:1.7;margin-bottom:18px}.font-gallery-controls{display:flex;gap:28px;flex-wrap:wrap;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0;margin-bottom:16px}.font-gallery-controls>div{display:flex;gap:12px;align-items:center}.font-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;margin-top:24px}.font-card{border:1px solid var(--line);border-radius:15px;background:var(--paper);overflow:hidden;min-width:0}.font-card-header{display:flex;align-items:center;justify-content:space-between;padding:21px 24px 15px;gap:12px}.font-card-header h2{font-size:21px}.font-card-number{color:var(--muted);font-size:12px;letter-spacing:1px;margin-bottom:4px}.font-card-note{font-size:12px;color:var(--muted);line-height:1.6;padding:0 24px 18px}.font-sample{margin:0 22px;border:1px solid var(--line);border-radius:11px;overflow:hidden;background:var(--bg);min-height:400px;font-size:15px;line-height:1.5}.font-sample *{font-family:inherit!important}.font-sample-header{padding:16px 19px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:13px}.font-sample-header strong{font-size:16px}.font-sample-body{padding:18px 20px}.font-sample-body h3{font-size:23px;letter-spacing:-.4px;line-height:1.3;margin:6px 0}.font-sample-body>p{font-size:13px;color:var(--muted);margin:8px 0 17px}.font-service{border:1px solid var(--line);border-radius:9px;padding:12px 14px;margin:10px 0;display:flex;justify-content:space-between;align-items:center;gap:14px;background:var(--paper)}.font-service.selected{border-color:var(--green);background:var(--pale)}.font-service strong{font-size:15px}.font-service small{display:block;color:var(--muted);font-size:13px;margin-top:3px}.font-sample-action{border-radius:8px;background:var(--green);color:var(--paper);text-align:center;padding:12px 10px;font-size:14px;font-weight:600;margin-top:16px}[data-theme=dark] .font-sample-action{color:var(--bg)}.font-sample-caption{font-size:11px;color:var(--muted);padding:0 20px 15px}.font-calendar-meta{display:flex;gap:12px;align-items:center;justify-content:space-between;font-size:13px;margin:14px 0}.font-mini-calendar{display:grid;grid-template-columns:45px 1fr 1fr;border:1px solid var(--line);border-radius:8px;overflow:hidden}.font-mini-calendar>div{padding:9px 7px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-size:12px;min-width:0}.font-mini-calendar .sample-day{text-align:center;background:var(--paper);font-weight:600}.font-mini-calendar .sample-time{color:var(--muted);font-size:11px}.font-mini-event{border-radius:6px;padding:7px;background:#c5d5f5;color:#081130;font-size:12px;line-height:1.4}.font-mini-event.alt{background:#dbc9ed}.font-mini-event strong{display:block;font-size:13px}.font-mini-event small{font-size:10px;display:block}.font-card-footer{padding:18px 24px 21px;display:flex;align-items:center;justify-content:space-between;gap:12px}.font-card-footer>a{color:var(--active-text);background:var(--active-bg);padding:11px 15px;border-radius:8px;font-weight:600;text-decoration:none;font-size:13px}.font-source-links{display:flex;gap:9px;font-size:11px}.font-source-links a{color:var(--muted)}.font-gallery-footer{padding:35px 0 15px;color:var(--muted);font-size:12px;line-height:1.7}.font-loading-note{font-size:11px;color:var(--muted)}.font-preview-banner{padding:10px 25px;display:flex;gap:16px;justify-content:center;align-items:center;flex-wrap:wrap;background:var(--pale);font-size:12px;color:var(--ink)}.font-preview-banner a{color:var(--green)}html[data-font-preview] body,html[data-font-preview] h1,html[data-font-preview] h2,html[data-font-preview] h3,html[data-font-preview] .brand,html[data-font-preview] .stat strong,html[data-font-preview] .chart-summary strong{font-family:var(--preview-font),sans-serif}
@media(max-width:750px){.font-gallery-header{padding:20px 17px}.font-gallery{padding:26px 17px}.font-gallery-intro h1{font-size:32px}.font-grid{grid-template-columns:1fr;gap:22px}.font-gallery-controls{gap:15px}.font-gallery-controls>div{width:100%;justify-content:space-between}.font-gallery-controls .switch button{padding:9px 12px}.font-sample{margin:0 14px}.font-card-header{padding:19px 18px 12px}.font-card-note{padding:0 18px 15px}.font-card-footer{padding:17px 18px}.font-service{padding:12px 10px}.font-preview-banner{padding:9px 14px;font-size:11px}}

.font-sample,html[data-font-preview]{font-synthesis:none}.font-gallery-intro .badge{white-space:normal}.font-sample-body,.font-service>div{min-width:0}.font-service strong{overflow-wrap:break-word}