/* Reading scale: keep the editorial display type, make the small text usable. */
html[data-edition="echo"]{--muted:#5f728a}
body{font-size:16px;line-height:1.65}
html .header{gap:22px}
html .chapter-nav{font-size:14px;gap:25px;letter-spacing:.5px}
html .header-contact{font-size:14px;letter-spacing:.4px}
html .lang-toggle{font-size:13px;min-height:36px;padding:8px 12px}
html .lang-toggle .lt-sep{font-size:12px}
html #home .eyebrow{font-size:12px;letter-spacing:1.4px;line-height:1.6;white-space:normal;max-width:100%}
html #home .intro{font-size:16px;line-height:1.9}
html #home .art-top{font-size:12px;letter-spacing:.7px}
html .art-caption,html .art-coordinate{font-size:11px;letter-spacing:.7px}
html #home .pluck-controls button{width:36px;min-height:44px;gap:6px}
html #home .note-label{font-size:12px;line-height:1.2}
html #home .pluck-hint{font-size:14px;line-height:1.6;letter-spacing:.15px;max-width:none}
html #home .sound-toggle{font-size:13px;min-height:40px;padding:9px 13px}
html #home .art-controls{gap:14px;flex-wrap:wrap}
html #home .pointer-note{font-size:12px;letter-spacing:.5px}
html #home .music-strip{display:grid;grid-template-columns:14px minmax(0,1fr) auto;gap:14px;width:min(440px,100%);padding:16px 0}
html .music-info{min-width:0;gap:5px}
html .track-title{font-size:16px;line-height:1.45}
html .track-title>span{font-size:14px}
html #music-state{font-size:13px;line-height:1.6;max-width:none}
html #home .music-time{font-size:12px;line-height:1.5;margin-left:0}
html .explore-link{font-size:12px;letter-spacing:.4px}

html .sub-box{max-width:540px;gap:14px}
html .sub-tout .tout-tail{font-size:22px;line-height:1.6;letter-spacing:.7px}
html .sub-tout .tout-item{font-size:13px;line-height:1.5;padding:6px 10px;letter-spacing:.15px;color:#58718e}
html .subscription-form input,html .subscription-form input::placeholder{font-size:16px;line-height:1.65}
html .subscription-form input::placeholder{color:#687e98;letter-spacing:.3px}
html .subscribe-button{font-size:14px;min-height:46px;padding:12px 22px;letter-spacing:.6px}
html .subscription-feedback{font-size:13px;line-height:1.7;letter-spacing:.15px;color:#64788f}

html .chapter-kicker{font-size:12px;letter-spacing:.8px;line-height:1.7;flex-wrap:wrap}
html .chapter-kicker>span{width:30px;height:30px}
html .chapter-heading>p:not(.chapter-kicker){font-size:16px;line-height:1.9}
html .chapter-note{font-size:11px;letter-spacing:.9px;color:#65778f;white-space:normal}
html .component-label{font-size:12px;letter-spacing:.75px;line-height:1.6}
html .live-badge{font-size:12px;line-height:1.5}
html .demo-panel h3{font-size:22px;line-height:1.5}
html .panel-description{font-size:15px;line-height:1.8;max-width:440px}
html .ui-button{font-size:15px;line-height:1.5;min-height:46px;gap:16px;padding:12px 19px}
html .garden-caption{font-size:13px;line-height:1.7;align-items:baseline}
html .seed-count{font-size:12px}
html .switch-row h3{font-size:16px;line-height:1.5}
html .switch-row p{font-size:13px;line-height:1.7}
html .setting-hint{font-size:13px;line-height:1.7}
html .range-label{font-size:16px;line-height:1.5}
html .range-label output{font-size:13px;color:#796240}
html .string-sound-setting{font-size:14px;line-height:1.6}
html .field-group>label{font-size:15px;line-height:1.6}
html .field-group>label span,html .field-group output{font-size:12px;white-space:nowrap}
html .input-shell input,html textarea,html .search-shell input{font-size:16px;line-height:1.75}
html .input-shell input::placeholder,html textarea::placeholder,html .search-shell input::placeholder{color:#71839a}
html .field-error{font-size:13px;line-height:1.6}
html .mood-field legend{font-size:15px;line-height:1.5}
html .mood-options label>span{font-size:13px;line-height:1.4;padding:9px 11px}
html .form-footer>span{font-size:12px;line-height:1.7}
html .preview-label,html .note-eyebrow{font-size:11px;letter-spacing:.8px;color:#687b91}
html .preview-note h3{font-size:25px;line-height:1.6}
html .preview-note>p{font-size:15px;line-height:1.85;color:#586f89}
html .note-signature>span:first-child{font-size:10px;letter-spacing:.6px;color:#64778e}
html .note-feedback{font-size:13px;line-height:1.8}

html .filter-chips button{font-size:14px;line-height:1.5;min-height:42px;padding:10px 15px}
html .collection-toolbar{flex-wrap:wrap;row-gap:16px}
html .search-shell{max-width:210px;min-width:140px}
html .card-meta{font-size:12px;line-height:1.6;color:#65778f}
html .card-title{font-size:17px;line-height:1.6;gap:10px}
html .card-description{font-size:14px;line-height:1.85}
html .collection-count{font-size:13px;line-height:1.6}
html .collection-empty{font-size:15px;line-height:1.7}
html .ui-accordion summary{font-size:15px;line-height:1.7}
html .ui-accordion p{font-size:15px;line-height:1.85}
html .detail-dialog{max-height:calc(100svh - 48px);overflow:auto}
html .detail-dialog h2{font-size:30px;line-height:1.5}
html .detail-dialog>p{font-size:16px;line-height:1.85}
html .dialog-placeholder{font-size:13px;line-height:1.7}
html .footer,html .pause-motion{font-size:12px;line-height:1.7;letter-spacing:.2px}
html .footer-left>span:first-child{font-size:12px;letter-spacing:.4px}
html .music-attribution{font-size:12px;line-height:1.8;color:#65778f}
html .rail-top-label{font-size:10px;line-height:1.3;letter-spacing:.5px;top:-23px}
html .rail-chapter{font-size:12px;letter-spacing:.3px;line-height:1.6}
html .rail-count{font-size:11px;letter-spacing:0;line-height:1.5;width:48px;margin-left:calc((100% - 48px)/2)}
html .robot-aside{font-size:13px;line-height:1.7;max-width:min(235px,calc(100vw - 64px));white-space:normal;width:max-content}
html .thought-bubble .thought-caption{font-size:11px;line-height:1.4;letter-spacing:.4px;opacity:.85}
html .thought-bubble .thought-text{font-size:14px;line-height:1.65}
html .thought-bubble[data-style="note"] .thought-text{font-size:16px}
html .thought-bubble[data-style="pixel"] .thought-text{font-size:14px}
html .toast{font-size:14px;line-height:1.6}

/* Low-resolution desktops get reflowed supporting panels, not smaller letters. */
@media(min-width:741px) and (max-width:1100px){
  html .two-panels{grid-template-columns:1fr}
  html .chapter{grid-template-columns:minmax(0,.72fr) minmax(0,1.5fr)}
  html .chapter-heading{top:40px}
  html .note-workspace{grid-template-columns:1fr}
  html .collection-card:last-child{grid-template-columns:120px minmax(0,1fr)}
  html .collection-card:last-child .card-art{height:160px}
}
@media(max-width:740px){
  html .header{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:9px 8px}
  html .brand{grid-column:1;grid-row:1;gap:7px}
  html .lang-toggle{grid-column:2;grid-row:1;padding:8px;min-height:34px;font-size:12px}
  html .header-contact{grid-column:3;grid-row:1;font-size:12px;letter-spacing:0;margin-left:0;white-space:nowrap}
  html .header-contact span{margin-left:5px}
  html .chapter-nav{grid-column:1/-1;grid-row:2;width:100%;font-size:13px;gap:20px;flex-wrap:wrap;margin-top:8px;padding-top:13px;letter-spacing:0}
  html #home .eyebrow{font-size:11px;letter-spacing:.7px}
  html #home .intro{font-size:15px;line-height:1.85}
  html #home .art-top{font-size:11px;letter-spacing:.3px}
  html #home .art-controls{gap:8px;justify-content:space-between}
  html #home .pluck-controls{order:0;gap:0}
  html #home .pluck-controls button{width:34px;min-height:44px}
  html #home .sound-toggle{order:1;font-size:13px;padding:9px 11px;min-height:40px;margin-left:0}
  html #home .pluck-hint{order:2;flex-basis:100%;font-size:13px;max-width:none;text-align:center;line-height:1.6}
  html #home .music-strip{grid-template-columns:12px minmax(0,1fr);gap:8px 10px;width:100%;padding:15px 0}
  html .track-title{font-size:15px}
  html .track-title>span{font-size:13px;display:inline}
  html #music-state{font-size:12px;max-width:none;line-height:1.65}
  html #home .music-time{font-size:12px;grid-column:2;justify-self:start}
  html .explore-link{font-size:11px;letter-spacing:0;gap:8px}
  html .sub-tout .tout-tail{font-size:19px;letter-spacing:.4px}
  html .sub-tout .tout-item{font-size:12px;padding:5px 7px;letter-spacing:0}
  html .subscribe-button{font-size:14px;gap:8px;padding:11px 15px}
  html .subscription-feedback{font-size:12px;line-height:1.7}
  html .chapter-kicker{font-size:11px;letter-spacing:.5px}
  html .chapter-heading>p:not(.chapter-kicker){font-size:15px;line-height:1.85}
  html .component-label{font-size:11px;letter-spacing:.4px}
  html .live-badge{font-size:11px}
  html .demo-panel h3{font-size:21px}
  html .panel-description{font-size:15px;line-height:1.8}
  html .ui-button{font-size:14px;padding:12px 16px;gap:12px}
  html .button-samples{gap:10px}
  html .garden-caption{font-size:12px;gap:8px}
  html .seed-count{font-size:11px}
  html .mood-options label>span{font-size:12px;padding:8px 9px}
  html .card-title{font-size:17px}
  html .card-description{font-size:14px}
  html .search-shell{max-width:none;width:100%}
  html .footer-left{flex-wrap:wrap;gap:8px 12px}
  html .music-attribution{font-size:11px;line-height:1.8}
  html .lyre-scroll{right:12px}
  html .rail-top-label{font-size:10px;top:-22px}
  html .rail-chapter{font-size:11px}
  html .rail-count{font-size:10px}
  html .robot-aside{font-size:12px;max-width:205px}
}