@layer components {
.font-loading{padding:70px 20px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:13px;color:var(--klic-semantic-color-muted)}
.font-page-heading{margin-bottom:22px}.font-page-heading h1{font-size:34px}.font-page-nav{display:flex;gap:26px;border-bottom:1px solid var(--klic-semantic-color-border);margin-bottom:28px;flex-wrap:wrap}.font-page-nav a{display:flex;align-items:center;gap:7px;padding:9px 0 13px;border-bottom:2px solid transparent;font-size:12px;color:var(--klic-semantic-color-muted)}.font-page-nav a.active{border-color:var(--klic-semantic-color-accent);color:var(--klic-semantic-color-accent);font-weight:600}.font-page-nav svg{width:14px;height:14px}
.font-intro{display:grid;grid-template-columns:1fr 1fr;background:var(--klic-semantic-color-panel);border:1px solid var(--klic-semantic-color-border);border-radius:10px;margin-bottom:35px;overflow:hidden}.font-intro>div:first-child{padding:28px 30px}.font-section-kicker{font:9px var(--klic-ui-mono);letter-spacing:1.1px;color:var(--klic-semantic-color-muted)}.font-intro h2{font-size:25px;line-height:1.45;letter-spacing:-.045em;font-weight:550;margin:13px 0 12px}.font-intro p{font-size:12px;line-height:1.85;color:var(--klic-semantic-color-muted)}.font-intro-stats{display:flex;gap:25px;margin-top:24px}.font-intro-stats>span{display:flex;flex-direction:column;gap:5px;font-size:9px;color:var(--klic-semantic-color-muted)}.font-intro-stats strong{font:20px var(--klic-ui-mono);color:var(--klic-semantic-color-text)}.font-intro-art{position:relative;display:flex;flex-direction:column;justify-content:center;background:var(--klic-ui-soft);padding:28px 30px;overflow:hidden;border-left:1px solid var(--klic-semantic-color-border)}.font-art-label,.font-art-foot{font:8px var(--klic-ui-mono);letter-spacing:.5px;color:var(--klic-semantic-color-muted)}.font-art-label{position:absolute;left:25px;top:22px}.font-art-foot{font-family:var(--klic-ui-heading);position:absolute;bottom:22px;left:25px;letter-spacing:0}.font-art-glyph{color:var(--klic-semantic-color-accent);position:relative;display:flex;align-items:center;justify-content:center;font-synthesis:none;padding:30px 0}.font-art-glyph>span:first-child{font-size:104px;line-height:1.3;letter-spacing:-.07em;position:relative;z-index:1;white-space:nowrap}.font-art-glyph>span:first-child>span{font-size:81px;margin-left:18px;color:var(--klic-semantic-color-text);letter-spacing:-.07em}.font-art-baseline{height:1px;position:absolute;left:0;right:0;bottom:53px;background:var(--klic-semantic-color-border)}
.font-collection-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px}.font-collection-title .text-link{font-size:10px}.font-toolbar{margin-bottom:18px}.font-toolbar .filter-tabs{gap:3px}.font-toolbar .filter-tab{font-size:10px;padding-inline:9px}.font-playground-controls{display:flex;align-items:flex-end;gap:18px;padding:17px 19px;background:var(--klic-semantic-color-panel);border:1px solid var(--klic-semantic-color-border);border-radius:7px;flex-wrap:wrap}.font-playground-controls label>span{display:flex;justify-content:space-between;font-size:10px;color:var(--klic-semantic-color-muted);gap:10px;margin-bottom:8px}.font-playground-controls output{font:10px var(--klic-ui-mono);color:var(--klic-semantic-color-accent)}.font-text-control{flex:1;min-width:210px}.font-text-control input{width:100%;background:var(--klic-semantic-color-surface);border:1px solid var(--klic-semantic-color-border);border-radius:5px;padding:8px 10px;font-size:12px;line-height:1.5}.font-range-control{flex:0 0 145px;display:flex;flex-direction:column}.font-range-control input{width:100%;margin:6px 0 7px}.font-compare-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:17px 0}.font-compare-toolbar>span{font-size:10px;color:var(--klic-semantic-color-muted)}.font-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.font-card{background:var(--klic-semantic-color-panel);border:1px solid var(--klic-semantic-color-border);border-radius:9px;min-width:0;overflow:hidden;transition:border-color .2s}.font-card:hover{border-color:var(--klic-semantic-color-control-border)}.font-card header{display:flex;align-items:center;justify-content:space-between;padding:23px 23px 12px;gap:10px}.font-card header a{display:flex;flex-direction:column;gap:3px}.font-card header strong{font-size:17px;letter-spacing:-.5px;font-weight:550}.font-card header a>span{font-size:10px;color:var(--klic-semantic-color-muted)}.font-compare-toggle{width:28px;height:28px;border:1px solid var(--klic-semantic-color-border);border-radius:5px;display:grid;place-items:center;color:var(--klic-semantic-color-muted);flex-shrink:0}.font-compare-toggle svg{width:13px;height:13px}.font-compare-toggle.active{background:var(--klic-ui-selected);color:var(--klic-semantic-color-accent);border-color:transparent}.font-card-classification{display:flex;align-items:center;gap:8px;padding:0 23px;font-size:9px;color:var(--klic-semantic-color-muted)}.font-card-classification .badge{font-size:8px}.font-card-specimen{padding:25px 23px 17px;min-height:185px;display:flex;align-items:center}.font-live{width:100%;min-width:0;font-synthesis:none}.font-specimen-text{font-synthesis:none;overflow-wrap:anywhere;word-break:keep-all;white-space:pre-wrap;letter-spacing:0;line-height:1.65;color:var(--klic-semantic-color-text)}.font-preview-meta{margin-top:15px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--klic-semantic-color-muted);font-size:8px;line-height:1.7;font-family:var(--klic-ui-heading)}.font-live[data-font-loaded=true] [data-font-status]{color:var(--klic-semantic-color-accent)}.font-live[data-font-loaded=false] [data-font-status]{color:var(--klic-semantic-color-danger)}.font-preview-meta .mono{white-space:nowrap}.font-missing-note{font-family:var(--klic-ui-heading);font-size:9px;line-height:1.8;color:var(--klic-semantic-color-warning);margin-top:8px;overflow-wrap:anywhere}.font-missing-note:empty{display:none}.font-card footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 23px;border-top:1px solid var(--klic-semantic-color-border);background:var(--klic-semantic-color-surface);font:9px var(--klic-ui-mono)}.font-card footer .text-link{font-family:var(--klic-ui-heading);font-size:10px}.font-source-caption{font-size:10px;color:var(--klic-semantic-color-muted);line-height:1.95;margin:18px 0;overflow-wrap:anywhere}.font-source-caption a{color:var(--klic-semantic-color-accent)}.font-source-caption code{font:9px var(--klic-ui-mono)}.font-static-wrap{width:100%;min-width:0}.font-static-sample{display:block;width:100%;height:auto;object-fit:contain}.font-static-label{display:block;margin-top:10px;font-size:9px;color:var(--klic-semantic-color-muted)}[data-theme=dark] .font-static-sample{filter:invert(1)}
.font-detail-heading{align-items:flex-start}.font-detail-heading>.btn{flex-shrink:0;margin-top:6px}.font-detail-facts{display:flex;gap:10px 22px;flex-wrap:wrap;margin-bottom:26px;padding:14px 0}.font-detail-facts>span{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--klic-semantic-color-muted)}.font-detail-facts svg{width:13px;height:13px}.font-detail-stage{border:1px solid var(--klic-semantic-color-border);border-radius:9px;background-color:var(--klic-semantic-color-panel);padding:45px;margin-top:19px;min-height:240px;display:flex;align-items:center}.font-detail-stage .font-preview-meta{font-size:10px}.font-detail-stage .font-static-wrap{max-width:800px;margin:auto}.font-weight-title{display:flex;align-items:center;justify-content:space-between;margin:30px 0 15px;gap:15px}.font-weight-title h2{font-size:16px;font-weight:550}.font-weight-title>span{font:9px var(--klic-ui-mono);color:var(--klic-semantic-color-muted)}.font-weight-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:15px}.font-weight-card{padding:20px;background:var(--klic-semantic-color-panel);border:1px solid var(--klic-semantic-color-border);border-radius:7px;min-width:0}.font-weight-card>header{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:20px}.font-weight-card>header strong{font-size:11px;font-weight:550}.font-weight-card>header code{font-size:10px;color:var(--klic-semantic-color-muted)}.font-detail-body-example{margin-top:25px;background:var(--klic-semantic-color-panel);border:1px solid var(--klic-semantic-color-border);padding:25px;border-radius:7px}.font-detail-body-example>.font-section-kicker{display:block;margin-bottom:20px}.font-detail-body-example .font-specimen-text{max-width:62ch}.font-form-intro{padding:22px 0 10px}.font-form-intro h2{font-size:27px;font-weight:550;letter-spacing:-.8px;margin:15px 0 9px}.font-form-intro p{font-size:13px;color:var(--klic-semantic-color-muted)}.font-feature-list{display:flex;flex-direction:column;margin-top:14px}.font-feature-list>div{display:flex;align-items:flex-start;gap:18px;padding:19px 0;border-bottom:1px solid var(--klic-semantic-color-border)}.font-feature-list>div>span{font:10px var(--klic-ui-mono);color:var(--klic-ui-slate);padding-top:4px}.font-feature-list p{font-size:13px;line-height:1.9}.font-source-quote{border-left:2px solid var(--klic-semantic-color-accent);padding:14px 18px;background:var(--klic-ui-selected);color:var(--klic-semantic-color-text);font-size:13px;line-height:1.9}.font-coverage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px}.font-coverage-grid>div{padding:20px;background:var(--klic-semantic-color-panel);border:1px solid var(--klic-semantic-color-border);border-radius:7px}.font-coverage-grid>div>span{font-size:10px;color:var(--klic-semantic-color-muted)}.font-coverage-grid strong{display:block;font:25px var(--klic-ui-mono);color:var(--klic-semantic-color-text);margin:13px 0}.font-coverage-grid strong small{font-size:10px;color:var(--klic-semantic-color-muted)}.font-coverage-grid p{font-size:9px;color:var(--klic-semantic-color-muted);margin-top:9px}.font-coverage-track{height:4px;background:var(--klic-ui-soft);border-radius:4px;overflow:hidden}.font-coverage-track>span{display:block;height:100%;background:var(--klic-semantic-color-accent)}.font-files-table small{font-size:9px;color:var(--klic-semantic-color-muted);display:block;overflow-wrap:anywhere;margin-top:5px}.font-files-table td:first-child{min-width:220px}.font-files-table a{color:var(--klic-semantic-color-accent)}.font-metadata-grid{margin-bottom:0;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--klic-semantic-color-border);margin-top:18px;gap:0 25px}.font-metadata-grid>div{padding:15px 0;border-bottom:1px solid var(--klic-semantic-color-border);min-width:0}.font-metadata-grid dt{font-size:10px;color:var(--klic-semantic-color-muted);margin-bottom:7px}.font-metadata-grid dd{margin:0;font:11px/1.9 var(--klic-ui-mono);overflow-wrap:anywhere}.font-feature-tags{display:flex;flex-wrap:wrap;gap:7px}.font-feature-tags code{font:10px var(--klic-ui-mono);padding:4px 8px;border-radius:4px;background:var(--klic-ui-soft);color:var(--klic-semantic-color-accent)}.font-hash{padding:14px 0;border-bottom:1px solid var(--klic-semantic-color-border);font-size:11px}.font-hash summary{cursor:pointer;color:var(--klic-semantic-color-muted);overflow-wrap:anywhere}.font-hash>code{display:block;font:10px/1.8 var(--klic-ui-mono);margin-top:12px;overflow-wrap:anywhere}.font-hash p{font-size:11px;white-space:pre-wrap;margin-top:12px}.font-hash pre{font-size:10px;white-space:pre-wrap;padding:15px 0;overflow-wrap:anywhere}.font-license-block{padding:27px;border:1px solid var(--klic-semantic-color-border);border-radius:8px;background:var(--klic-semantic-color-panel)}.font-license-block h2{font-size:23px;margin:15px 0 12px;font-weight:550}.font-license-block p{font-size:12px;line-height:1.95;color:var(--klic-semantic-color-muted);margin-top:9px;max-width:75ch}.font-license-block .flex-row{gap:18px;flex-wrap:wrap}.font-source-list{display:flex;align-items:flex-start;flex-direction:column;gap:16px}
.font-taxonomy-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.font-taxonomy-card{padding:27px;background:var(--klic-semantic-color-panel);border:1px solid var(--klic-semantic-color-border);border-radius:9px}.font-taxonomy-count{font:31px var(--klic-ui-mono);color:var(--klic-semantic-color-accent);display:flex;align-items:baseline;gap:13px}.font-taxonomy-count>span{font-size:8px;letter-spacing:1px;color:var(--klic-semantic-color-muted)}.font-taxonomy-card h2{font-size:20px;font-weight:550;margin:16px 0 13px}.font-taxonomy-card>p{font-size:12px;color:var(--klic-semantic-color-muted);line-height:1.95}.font-taxonomy-list{display:flex;flex-direction:column;margin-top:22px;border-top:1px solid var(--klic-semantic-color-border)}.font-taxonomy-list a{display:flex;align-items:center;gap:9px;font-size:11px;padding:12px 0;border-bottom:1px solid var(--klic-semantic-color-border)}.font-taxonomy-list a>span{font-weight:550}.font-taxonomy-list small{font-size:9px;color:var(--klic-semantic-color-muted);margin-left:auto}.font-taxonomy-list svg{width:12px;height:12px;color:var(--klic-semantic-color-accent)}.font-taxonomy-list>span{font-size:11px;padding-top:17px}.font-theme-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:21px}.font-theme-grid a{background:var(--klic-semantic-color-panel);border:1px solid var(--klic-semantic-color-border);border-radius:7px;padding:20px 16px;position:relative;display:flex;flex-direction:column;gap:13px}.font-theme-grid a>span{font:10px var(--klic-ui-mono);color:var(--klic-semantic-color-accent)}.font-theme-grid a>strong{font-size:13px;font-weight:550;overflow-wrap:anywhere;line-height:1.5}.font-theme-grid a>small{font-size:9px;color:var(--klic-semantic-color-muted)}.font-theme-grid svg{position:absolute;right:11px;top:17px;width:12px}.font-audit-list{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.font-audit-list>div{padding:20px 0;border-bottom:1px solid var(--klic-semantic-color-border)}.font-audit-list h3{font-size:13px;font-weight:550;margin:0 0 9px}.font-audit-list p{font-size:11px;line-height:1.95;color:var(--klic-semantic-color-muted)}
.font-compare-grid{display:grid;grid-template-columns:repeat(var(--font-compare-columns),minmax(0,1fr));gap:18px;margin-top:23px}.font-compare-column{background:var(--klic-semantic-color-panel);border:1px solid var(--klic-semantic-color-border);border-radius:8px;padding:23px;min-width:0}.font-compare-column-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:32px}.font-compare-column h2{font-size:17px;font-weight:550}.font-compare-column-head p{font-size:9px;color:var(--klic-semantic-color-muted);margin-top:7px}.font-comparison-rules{margin:25px 0}.font-comparison-rules>div{display:flex;flex-direction:column;gap:7px;border-top:1px solid var(--klic-semantic-color-border);padding:13px 0}.font-comparison-rules span{font-size:9px;color:var(--klic-semantic-color-muted)}.font-comparison-rules strong{font-size:11px;font-weight:450;line-height:1.9}
}
@media(max-width:1190px){.font-toolbar{flex-wrap:wrap}.font-intro-stats{gap:21px}.font-intro>div:first-child{padding:25px}.font-art-glyph>span:first-child{font-size:85px}.font-art-glyph>span:first-child>span{font-size:64px;margin-left:12px}.font-card header{padding:21px 20px 12px}.font-card-classification{padding-inline:20px}.font-card-specimen{padding:23px 20px 16px}.font-card footer{padding-inline:20px}.font-theme-grid{grid-template-columns:1fr 1fr}.font-compare-grid{gap:14px}.font-compare-column{padding:19px}}
@media(max-width:720px){.font-page-heading h1{font-size:28px}.font-page-nav{gap:19px}.font-page-nav a{font-size:11px;gap:6px}.font-page-nav svg{width:13px}.font-intro{grid-template-columns:1fr 1fr}.font-intro>div:first-child{padding:23px 20px}.font-intro h2{font-size:21px}.font-intro p{font-size:10px}.font-intro-stats{gap:18px;flex-wrap:wrap}.font-intro-stats strong{font-size:16px}.font-intro-stats>span{font-size:8px}.font-art-glyph>span:first-child{font-size:70px}.font-art-glyph>span:first-child>span{font-size:48px;margin-left:9px}.font-art-foot{font-size:8px;max-width:150px;line-height:1.8}.font-art-label{font-size:7px}.font-collection-title{align-items:flex-start;flex-direction:column;gap:9px}.font-collection-title .text-link{font-size:10px}.font-playground-controls{padding:16px;gap:15px}.font-text-control{flex-basis:100%}.font-range-control{flex:1;min-width:90px}.font-playground-controls label>span{font-size:10px}.font-compare-toolbar>span{font-size:9px;max-width:55%}.font-compare-toolbar .btn{font-size:10px;min-height:29px}.font-grid{grid-template-columns:1fr}.font-card-specimen{min-height:170px;padding-top:25px;padding-bottom:20px}.font-card header strong{font-size:18px}.font-card header a>span{font-size:11px}.font-card-classification{font-size:10px}.font-card-classification .badge{font-size:9px}.font-card footer{font-size:10px}.font-preview-meta{font-size:9px}.font-detail-heading{align-items:flex-start}.font-detail-heading>.btn{flex-shrink:0;margin-top:6px}.font-detail-facts{gap:12px 17px}.font-detail-stage{padding:30px 23px;min-height:220px}.font-weight-title{align-items:flex-start;flex-direction:column;gap:9px}.font-weight-grid{grid-template-columns:1fr}.font-detail-body-example{padding:23px}.font-detail-stage .font-preview-meta{font-size:9px}.font-coverage-grid{grid-template-columns:1fr}.font-coverage-grid>div{padding:18px}.font-coverage-grid strong{font-size:26px}.font-coverage-grid>div>span{font-size:11px}.font-metadata-grid{grid-template-columns:1fr}.font-taxonomy-grid{grid-template-columns:1fr}.font-taxonomy-card{padding:25px 22px}.font-taxonomy-card>p{font-size:12px}.font-taxonomy-list small{max-width:120px;text-align:right}.font-audit-list{grid-template-columns:1fr}.font-theme-grid a>strong{font-size:12px}.font-theme-grid a>small{font-size:9px}.font-license-block{padding:23px}.font-compare-grid{grid-template-columns:1fr}.font-compare-column{padding:24px}.font-compare-column-head{margin-bottom:25px}.font-compare-column h2{font-size:19px}}
@media(max-width:440px){.font-intro{grid-template-columns:1fr}.font-intro-art{display:none}.font-intro-stats{gap:27px}.font-intro-stats>span{font-size:9px}.font-intro-stats strong{font-size:20px}.font-intro p{font-size:12px}.font-intro h2{font-size:25px}.font-page-nav{gap:14px;justify-content:space-between}.font-page-nav a{font-size:10px;gap:5px}.font-page-nav svg{width:12px}.font-toolbar .filter-tab{font-size:9px;padding-inline:8px}.font-playground-controls{gap:15px 11px}.font-range-control{flex-basis:100px}.font-playground-controls .icon-button{align-self:flex-end}.font-weight-title>span{font-size:8px}.font-taxonomy-list a{font-size:10px}.font-taxonomy-list small{font-size:8px}}
