.mkfm-preview{margin:0 0 38px}.mkfm-preview__toolbar{display:flex;align-items:center;gap:18px;padding:0 0 18px;border-bottom:1px solid rgba(0,0,0,.12)}.mkfm-preview__text-wrap{flex:1;min-width:220px}.mkfm-preview__text{width:100%;border:0!important;border-bottom:1px solid rgba(0,0,0,.26)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:10px 0!important;font:inherit;font-size:16px!important;line-height:1.4}.mkfm-preview__text:focus{outline:0;border-color:currentColor!important}.mkfm-preview__sizes{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.mkfm-preview__size{appearance:none;border:0;background:transparent;padding:8px 10px;cursor:pointer;color:inherit;opacity:.48;font:inherit;font-size:13px}.mkfm-preview__size:hover,.mkfm-preview__size.is-active{opacity:1}.mkfm-preview__rows{width:100%}.mkfm-preview__row{padding:28px 0;border-bottom:1px solid rgba(0,0,0,.1);overflow:visible}.mkfm-preview__style{font-size:12px;line-height:1.4;opacity:.55;margin-bottom:14px}.mkfm-preview__sample{font-weight:400;font-style:normal;font-synthesis:none;letter-spacing:0;text-transform:none;line-height:1.5;white-space:nowrap;overflow:auto;padding:0.4em 0;max-width:100%;box-sizing:border-box;scrollbar-width:thin}.mkfm-preview__description{margin-top:34px}
.mkfm-glyphs{color:#25262b}
.mkfm-glyphs__toolbar{display:flex;align-items:end;gap:16px;padding:20px;background:#f5f6f3;border:1px solid #e2e5dd;border-radius:14px;margin:0 0 20px;flex-wrap:wrap}
.mkfm-glyphs__style-label,.mkfm-glyphs__filter-label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:600;letter-spacing:.02em;min-width:0}
.mkfm-glyphs__style-label{flex:1}.mkfm-glyphs__filter-label{flex:2}
.mkfm-glyphs select,.mkfm-glyphs input{box-sizing:border-box;width:100%;min-height:48px!important;border:1px solid #d7dacf!important;border-radius:9px!important;background-color:#fff!important;color:#25262b!important;padding:12px 14px!important;font:inherit;font-size:15px!important;box-shadow:none!important}
.mkfm-glyphs select{padding-right:36px!important;cursor:pointer}
.mkfm-glyphs input:focus,.mkfm-glyphs select:focus{outline:2px solid #687b24;outline-offset:2px}
.mkfm-glyphs [data-mkfm-glyph-status]{font-size:13px;color:#666b61;margin:0 0 16px}
.mkfm-glyphs__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px}
.mkfm-glyphs .mkfm-glyph{box-sizing:border-box;min-width:0;height:128px;padding:10px 6px 8px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;background:#fff;border:1px solid #e1e4db;border-radius:12px;transition:border-color .15s,background-color .15s}
.mkfm-glyphs .mkfm-glyph:hover,.mkfm-glyphs .mkfm-glyph:focus-within{background:#f9fbea;border-color:#a1b466}
.mkfm-glyphs .mkfm-glyph__char{display:block;width:100%;height:80px;text-align:center;line-height:80px!important;font-style:normal!important;font-weight:400!important;font-synthesis:none;font-variant-ligatures:none;letter-spacing:0!important;text-transform:none!important;white-space:pre;user-select:text;cursor:text;isolation:isolate;unicode-bidi:isolate}
.mkfm-glyphs .mkfm-glyph__code{appearance:none;display:block;border:0!important;border-radius:5px;background:transparent!important;color:#666b61!important;padding:5px 8px!important;min-height:26px;font:10px/16px ui-monospace,SFMono-Regular,Menlo,monospace!important;letter-spacing:.04em;cursor:pointer;box-shadow:none!important}
.mkfm-glyphs .mkfm-glyph__code:hover,.mkfm-glyphs .mkfm-glyph__code.is-copied{color:#354610!important;background:#eaf1d0!important}
.mkfm-glyphs button:focus-visible{outline:2px solid #687b24;outline-offset:2px}
.mkfm-glyphs [hidden]{display:none!important}
@media(max-width:767px){.mkfm-preview__toolbar{align-items:stretch;flex-direction:column}.mkfm-preview__sizes{justify-content:flex-start}.mkfm-preview__row{padding:22px 0}.mkfm-glyphs__toolbar{padding:14px;flex-direction:column;align-items:stretch}.mkfm-glyphs__grid{grid-template-columns:repeat(auto-fill,minmax(82px,1fr));gap:8px}.mkfm-glyphs .mkfm-glyph{height:120px}}

/* Scoped typography prevents storefront table and definition-list rules leaking in. */
.mkfm-font-info{color:#25262b;margin:0 0 28px;max-width:100%;font-size:15px;line-height:1.6}
.mkfm-font-info .mkfm-font-info__summary,.mkfm-font-info .mkfm-font-info__style{box-sizing:border-box;margin:0 0 20px;padding:24px;border:1px solid #e2e5dd;border-radius:12px;background:#fff;min-width:0}
.mkfm-font-info .mkfm-font-info__summary{background:#f5f6f3}
.mkfm-font-info dl{display:grid;grid-template-columns:180px minmax(0,1fr);gap:0;margin:0;padding:0}
.mkfm-font-info dl dt,.mkfm-font-info dl dd{float:none;width:auto;min-width:0;margin:0;padding:12px 0;border:0;border-bottom:1px solid #e8eae3;font-size:14px;line-height:1.6;text-align:left;letter-spacing:normal;text-transform:none;overflow-wrap:anywhere}
.mkfm-font-info dl dt{font-weight:500;color:#666b61;padding-right:24px}
.mkfm-font-info dl dd{font-weight:400;color:#25262b}
.mkfm-font-info dl dt:nth-last-of-type(1),.mkfm-font-info dl dd:last-child{border-bottom:0}
.mkfm-font-info .mkfm-font-info__style h3{margin:0 0 10px;padding:0;font-size:19px;line-height:1.4;font-weight:500;letter-spacing:normal;text-transform:none}
.mkfm-font-info [data-mkfm-info-status]{margin:10px 0 0;font-size:14px;color:#666b61}
.mkfm-font-info [data-mkfm-info-status]:empty{display:none}
@media(max-width:600px){.mkfm-font-info .mkfm-font-info__summary,.mkfm-font-info .mkfm-font-info__style{padding:18px}.mkfm-font-info dl{grid-template-columns:minmax(0,1fr)}.mkfm-font-info dl dt{border-bottom:0;padding:14px 0 2px;font-size:12px}.mkfm-font-info dl dd{padding:0 0 14px}.mkfm-font-info dl dt:first-child{padding-top:0}.mkfm-font-info dl dd:last-child{padding-bottom:0}}