/* Caption choices show the selected place in each real, self-hosted typeface. */
.caption-font-controls{margin:16px 0;padding-top:14px;border-top:1px solid var(--line,#dedbd2)}
.caption-font-controls>h3{margin:0 0 8px;font-size:12px;font-weight:600}
.caption-font-controls>.field-label{margin-top:12px}
.caption-font-group{margin:12px 0 0}
.caption-font-group h4{margin:0 0 7px;font-size:10px;font-weight:500;color:var(--muted,#73766b)}
.caption-font-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.caption-font-card{display:flex;min-width:0;min-height:78px;flex-direction:column;align-items:stretch;justify-content:center;gap:7px;padding:10px 8px 8px;border:1px solid var(--line,#dedbd2);border-radius:4px;background:#fffdf8;text-align:center}
.caption-font-card:hover{background:#f5f6ed;border-color:#9ba98e}
.caption-font-card[aria-pressed=true]{border-color:#52694a;box-shadow:inset 0 0 0 1px #52694a;background:#f1f5e9}
.caption-font-card:focus-visible{outline:2px solid var(--accent,#bf5553);outline-offset:3px}
.caption-font-sample{display:block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:24px;line-height:1.55;letter-spacing:normal;text-transform:none;font-synthesis:none}
.caption-font-name{font:10px/1.3 var(--sans,Arial,sans-serif);color:var(--muted,#73766b)}
.caption-font-adjustments{display:flex;align-items:center;gap:15px;margin-top:12px}
.caption-font-adjustments>label:first-child{flex:1;min-width:0;font-size:10px;color:var(--muted,#73766b)}
.caption-font-adjustments select{margin-top:4px}
.caption-font-adjustments .switch-line{display:flex;align-items:center;gap:10px;margin:15px 0 0;font-size:12px}
.caption-font-adjustments [hidden]{display:none!important}
.caption-font-controls .hint{font-size:10px;line-height:1.5;margin-top:8px}
@media(min-width:761px) and (max-width:980px){.caption-font-options{grid-template-columns:repeat(3,minmax(0,1fr))}}

.caption-row-typography{margin:5px 0 2px;font-size:10px}
.caption-row-typography>summary{display:flex;align-items:center;gap:6px;min-height:25px;cursor:pointer;color:var(--muted,#73766b);list-style:none}
.caption-row-typography>summary::-webkit-details-marker{display:none}
.caption-row-typography>summary::before{content:'▸';font-size:11px}
.caption-row-typography[open]>summary::before{content:'▾'}
.caption-row-typography>summary span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.caption-row-typography>summary:focus-visible{outline:2px solid var(--accent,#bf5553);outline-offset:2px}
.caption-row-type-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:8px 0 10px}
.caption-row-type-controls>label{min-width:0;color:var(--muted,#73766b);font-size:10px}
.caption-row-type-controls>.caption-row-font{grid-column:1/-1}
.caption-row-type-controls select{margin-top:4px;font-size:11px}

.caption-row-size{grid-column:1/-1;min-width:0;margin-top:2px}
.caption-row-size-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;color:var(--muted,#73766b)}
.caption-row-size-value{display:flex;align-items:center;gap:4px}
.caption-row-typography .caption-row-size-value input[type=number]{width:61px;min-width:0;padding:5px 6px;font-size:11px;font-variant-numeric:tabular-nums}
.caption-row-size-value button{padding:4px 6px;font-size:10px;border-radius:3px}
.caption-row-size>input[type=range]{display:block;width:100%;margin:8px 0 0}
.caption-row-size .hint{margin:5px 0 0;font-size:10px;line-height:1.5}