/* Keep the everyday writing tools together; exact typography stays available
   in one disclosure without competing with the visual size presets. */
.text-emphasis { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin:0 0 18px; }
html:root .builder-workspace .text-emphasis-bold,.text-emphasis-italic>span { display:flex; align-items:center; justify-content:center; gap:9px; min-width:0; min-height:44px; padding:8px 10px; border:1px solid #bdd2e6; border-radius:6px; background:#fff; color:#365775; font:600 15px/1.3 var(--rocode-font-family); box-shadow:none; }
.text-emphasis-bold b { font:750 21px/1 Georgia,serif; }
.text-emphasis-italic { position:relative; display:block; min-width:0; margin:0; cursor:pointer; }
.text-emphasis-italic input[type=checkbox] { position:absolute; z-index:1; inset:0; display:block; width:100%; height:100%; min-height:44px; margin:0; opacity:0; cursor:pointer; }
.text-emphasis-italic i { font:italic 700 22px/1 Georgia,serif; }
html:root .builder-workspace .text-emphasis-bold[aria-pressed=true],.text-emphasis-italic:has(input:checked)>span { border-color:#4f80ff; background:#edf4ff; color:#1756bd; box-shadow:inset 0 0 0 1px #4f80ff; }
html:root .builder-workspace .text-emphasis-bold:hover,.text-emphasis-italic:hover>span { background:#edf4ff; border-color:#82a9e1; transform:none; }
.text-emphasis-italic:has(input:focus-visible)>span { outline:3px solid #1f4fbf; outline-offset:2px; }
.text-more-options>.text-style-grid { padding-top:6px; }
.text-more-options .builder-field { margin-bottom:14px; }
.studio-color-current[hidden] { display:none; }