/* Styles typography study, layered over Graphite. No production changes. */
body aside{font-family:Arial,Helvetica,sans-serif}
body #styleAccess{align-items:center;padding:8px 0 20px!important;gap:12px}
body #activeStyleName{font-family:Arial,Helvetica,sans-serif;font-size:24px!important;line-height:1.2;font-weight:500!important;letter-spacing:normal!important;text-wrap:balance}
body #btnStyleParams{font-family:Arial,Helvetica,sans-serif;font-weight:400!important;background:transparent!important}
body #btnStyleParams .ficon{display:none}
body #styleGroup :is(.btn,.txt,#catBtn){font-family:Arial,Helvetica,sans-serif;font-size:13px!important;font-weight:400!important}
body #styleGroup .ctl>label{font-size:13px;font-weight:400!important;line-height:1.5;color:var(--studio-muted)}
body #styleGroup output{font-weight:400!important;font-variant-numeric:tabular-nums}
body #styleCatalogLabel{font-size:13px;font-weight:400;color:var(--studio-muted)}
body .styleCatalogHeader{margin:0 0 8px!important}
body #styleGroup .styleCatalogMeta{font-size:12px!important;line-height:1.5;margin:8px 0 12px;color:var(--studio-muted)}
body #styleSearchHint{display:none}
body #presets>.presets{gap:0 12px!important}
body #presets .preset{position:relative;min-height:52px!important;padding:12px 8px!important;font-family:Arial,Helvetica,sans-serif;font-size:14px!important;font-weight:400!important;line-height:1.4;gap:6px!important}
body #presets .preset small{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;font-size:12px!important;font-weight:400!important;line-height:1.5;color:var(--studio-muted)}
body #presets .preset:is(.active,:focus-visible,:hover) small{position:static;width:auto;height:auto;margin:0;overflow:visible;clip-path:none;white-space:normal}
body #presets .cath{margin:22px 8px 6px!important;font-family:Arial,Helvetica,sans-serif;font-size:12px!important;font-weight:400!important;color:var(--studio-muted);line-height:1.5}
body #siContext{font-family:Arial,Helvetica,sans-serif;font-size:22px!important;font-weight:500!important;line-height:1.3}
body #siTitle{font-family:Arial,Helvetica,sans-serif;font-weight:400;font-size:12px!important;line-height:1.5}
body #siBody .settingsDisclosure{font-family:Arial,Helvetica,sans-serif;font-weight:500!important;font-size:14px!important;line-height:1.5}
body #siBody .ctl>label{font-family:Arial,Helvetica,sans-serif;font-size:13px!important;font-weight:400;line-height:1.5;color:var(--studio-muted)}
body #siBody :is(output,summary,select,.txt){font-family:Arial,Helvetica,sans-serif;font-weight:400!important}
body #siBody output{font-size:12px!important;font-variant-numeric:tabular-nums}
body #siBody :is(.note,.creativeHelp){font-size:12px!important;line-height:1.6;font-weight:400;text-wrap:pretty}
@media(max-width:680px){body #styleGroup .txt,body #siBody :is(select,.txt){font-size:16px!important}body #presets .preset{min-height:56px!important}body #activeStyleName{font-size:22px!important}}