/* Original supplied binaries are used directly, and fetched only when selected. */
@font-face{font-family:"SC Tomorrow";src:url("font-library/Tomorrow/Tomorrow-Thin.ttf") format("truetype");font-weight:100;font-style:normal;font-display:swap}
@font-face{font-family:"SC Tomorrow";src:url("font-library/Tomorrow/Tomorrow-ThinItalic.ttf") format("truetype");font-weight:100;font-style:italic;font-display:swap}
@font-face{font-family:"SC Tomorrow";src:url("font-library/Tomorrow/Tomorrow-ExtraLight.ttf") format("truetype");font-weight:200;font-style:normal;font-display:swap}
@font-face{font-family:"SC Tomorrow";src:url("font-library/Tomorrow/Tomorrow-ExtraLightItalic.ttf") format("truetype");font-weight:200;font-style:italic;font-display:swap}
@font-face{font-family:"SC Tomorrow";src:url("font-library/Tomorrow/Tomorrow-Light.ttf") format("truetype");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:"SC Tomorrow";src:url("font-library/Tomorrow/Tomorrow-LightItalic.ttf") format("truetype");font-weight:300;font-style:italic;font-display:swap}
@font-face{font-family:"SC Tomorrow";src:url("font-library/Tomorrow/Tomorrow-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"SC Tomorrow";src:url("font-library/Tomorrow/Tomorrow-Italic.ttf") format("truetype");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"SC Tomorrow";src:url("font-library/Tomorrow/Tomorrow-Medium.ttf") format("truetype");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"SC Tomorrow";src:url("font-library/Tomorrow/Tomorrow-MediumItalic.ttf") format("truetype");font-weight:500;font-style:italic;font-display:swap}
@font-face{font-family:"SC Tomorrow";src:url("font-library/Tomorrow/Tomorrow-SemiBold.ttf") format("truetype");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"SC Tomorrow";src:url("font-library/Tomorrow/Tomorrow-SemiBoldItalic.ttf") format("truetype");font-weight:600;font-style:italic;font-display:swap}
@font-face{font-family:"SC Tomorrow";src:url("font-library/Tomorrow/Tomorrow-Bold.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"SC Tomorrow";src:url("font-library/Tomorrow/Tomorrow-BoldItalic.ttf") format("truetype");font-weight:700;font-style:italic;font-display:swap}
@font-face{font-family:"SC Tomorrow";src:url("font-library/Tomorrow/Tomorrow-ExtraBold.ttf") format("truetype");font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:"SC Tomorrow";src:url("font-library/Tomorrow/Tomorrow-ExtraBoldItalic.ttf") format("truetype");font-weight:800;font-style:italic;font-display:swap}
@font-face{font-family:"SC Tomorrow";src:url("font-library/Tomorrow/Tomorrow-Black.ttf") format("truetype");font-weight:900;font-style:normal;font-display:swap}
@font-face{font-family:"SC Tomorrow";src:url("font-library/Tomorrow/Tomorrow-BlackItalic.ttf") format("truetype");font-weight:900;font-style:italic;font-display:swap}
@font-face{font-family:"SC Sparling";src:url("font-library/sparling/Sparling-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"SC Ballmer ArchiType";src:url("font-library/Ballmer ArchiType Regular/Ballmer ArchiType Regular.otf") format("opentype");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"SC Enter Sansman";src:url("font-library/enter-sansman/entsans.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"SC Enter Sansman";src:url("font-library/enter-sansman/entsani.ttf") format("truetype");font-weight:700;font-style:italic;font-display:swap}
@font-face{font-family:"SC 00657";src:url("font-library/00657/00657.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}

/* Every override is opt-in. Reset removes the attributes, restoring exact incumbent CSS.
   Font-family alone changes: no compensation to size, weight, spacing or geometry. */
:root[data-type-preview]{--type-system:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
:root[data-type-body] body,
:root[data-type-body] :is(button,input,select,textarea),
:root[data-type-body] .control-tip::after{font-family:var(--preview-body)!important;font-synthesis:none}
:root[data-type-preview] :is(h2,h3,h4,h5,h6,.av-form legend){font-family:var(--preview-subheading,var(--type-system))!important;font-synthesis:none}
:root[data-type-preview] :is(.employee-mobile h2,.av-summary h3,.av-form legend){font-family:var(--preview-subheading,Inter,ui-sans-serif,system-ui,sans-serif)!important}
:root[data-type-preview] :is(.sidebar-head h2,.weekly-library h2,.lab-heading h2,#dialogContent h3){font-family:var(--preview-subheading,Georgia,serif)!important;font-synthesis:none}
:root[data-type-preview] :is(h1,#dialogContent > h3,#dialogContent > .em-shift-detail > h3,dialog > h2){font-family:var(--preview-heading,Georgia,serif)!important;font-synthesis:none}
/* Operational dates and employee-name profile titles are not section headings. */
:root[data-type-preview] :is(.sm-profile-title h2,.to-request-heading h3){font-family:var(--preview-body,Inter,ui-sans-serif,system-ui,sans-serif)!important}
:root[data-type-preview] .day-head .date{font-family:var(--preview-body,Georgia,serif)!important}
:root[data-type-preview] :is(.brand > span:nth-child(2),.ar-brand strong){font-family:var(--preview-brand,var(--type-system))!important;font-synthesis:none}
:root[data-type-preview] .brand-mark{font-family:var(--preview-brand,Georgia,serif)!important;font-synthesis:none}
:root[data-type-brand="ballmer"] :is(.brand > span:nth-child(2),.ar-brand strong){text-transform:none!important}

/* Comparison chrome stays legible and independent from candidate metrics. */
:root #themeComparison,:root #themeComparison :is(button,select,summary,p,span,label){font-family:Inter,ui-sans-serif,system-ui,sans-serif!important;font-synthesis:none}
#typographyComparison{max-width:100%;min-width:0}
#typographyComparison summary{cursor:pointer;min-height:36px;display:flex;align-items:center;color:var(--text)}
#typographyComparison .type-controls{display:flex;flex-wrap:wrap;gap:10px 16px;padding:10px 0;max-width:880px}
#typographyComparison p{width:100%;margin:0;color:var(--muted);line-height:1.5}
#typographyComparison label{min-width:0;flex-wrap:wrap}
#typographyComparison select{max-width:100%}
#typographyComparison button{min-height:36px;padding:6px 10px;border:1px solid var(--line);border-radius:6px;background:var(--panel-2);color:var(--text)}
#typographyComparison :is(summary,button):focus-visible{outline:2px solid var(--brand);outline-offset:2px}
#typeStatus{width:100%;color:var(--text)}