.hf-reader.is-read-mode .hf-read-settings{padding:3px 0 12px!important}
.hf-reader.is-read-mode .hf-read-heading{margin-bottom:12px;justify-content:space-between;gap:12px}
.hf-reader.is-read-mode .hf-options{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto auto;gap:10px 12px!important;align-items:center;font:12px/1.4 system-ui,sans-serif!important}
.hf-reader.is-read-mode .hf-options .hf-segmented{grid-column:1/3;grid-row:1;display:flex;background:#eeeae4;padding:3px;border-radius:7px;gap:2px}
.hf-reader.is-read-mode .hf-options .hf-segmented button{flex:1;border:0!important;background:transparent!important;min-height:32px!important;padding:5px 10px!important;white-space:nowrap}
.hf-reader.is-read-mode .hf-options .hf-segmented button[aria-pressed=true]{background:#fff!important;color:#27231f!important;box-shadow:0 1px 4px #00000012!important;font-weight:600}
.hf-reader.is-read-mode .hf-options>.hf-follow{grid-column:3;grid-row:1;justify-self:end;font-size:11px}
.hf-reader.is-read-mode .hf-options>button{grid-column:4;grid-row:1;white-space:nowrap;background:transparent!important;border-color:#dcd6ce!important}
.hf-reader.is-read-mode .hf-options>label:nth-child(2){grid-column:1/3;grid-row:2}
.hf-reader.is-read-mode .hf-options>label:nth-child(4){grid-column:3;grid-row:2}
.hf-reader.is-read-mode .hf-options>.hf-font-controls{grid-column:4;grid-row:2;gap:0;border:1px solid #ded8d0;border-radius:6px;overflow:hidden}
.hf-reader.is-read-mode .hf-options>.hf-font-controls button{border:0!important;border-radius:0!important;width:34px;min-height:32px!important;padding:4px!important;background:transparent!important}
.hf-reader.is-read-mode .hf-options>.hf-font-controls button+button{border-left:1px solid #ded8d0!important}
.hf-reader.is-read-mode .hf-options select{height:32px!important;min-height:32px!important;background:transparent!important;padding:4px 8px!important;font-size:12px!important}
.hf-reader.is-read-mode .hf-options label{gap:8px!important;color:#766e64;justify-content:space-between}
.hf-reader.is-read-mode .hf-options>label:nth-child(2) select{flex:1;max-width:170px}
.hf-reader.is-read-mode .hf-learning-tools{border-top:1px solid #e5dfd7;padding-top:9px;margin-top:11px;gap:4px 8px}
.hf-reader.is-read-mode .hf-learning-tools button{font:12px/1.4 system-ui!important;min-height:29px!important;padding:5px 7px!important;border:0!important;background:transparent!important;border-radius:4px!important;color:#5d554b!important}
.hf-reader.is-read-mode .hf-learning-tools button:hover{background:#eee9e1!important}
.hf-reader.is-read-mode .hf-learning-tools button[aria-pressed=true]{background:#e8e1d6!important;color:#2c251e!important}
.hf-reader.is-read-mode .hf-progress-label{font-size:10px;color:#8b8278;margin-left:auto}
@media(max-width:600px){.hf-reader.is-read-mode .hf-options{grid-template-columns:minmax(0,1fr) auto;gap:8px!important}.hf-reader.is-read-mode .hf-options .hf-segmented{grid-column:1;grid-row:1}.hf-reader.is-read-mode .hf-options>button{grid-column:2;grid-row:1}.hf-reader.is-read-mode .hf-options>label:nth-child(2){grid-column:1;grid-row:2}.hf-reader.is-read-mode .hf-options>.hf-font-controls{grid-column:2;grid-row:2}.hf-reader.is-read-mode .hf-options>label:nth-child(4){grid-column:1;grid-row:3;justify-content:flex-start}.hf-reader.is-read-mode .hf-options>.hf-follow{grid-column:2;grid-row:3}.hf-reader.is-read-mode .hf-read-heading{flex-wrap:wrap;gap:4px}}