/* Small usability refinements over the existing impressionist design. */
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hero .example-entry{display:flex;width:max-content;min-height:44px;margin-top:8px;padding:6px 0;border:0;background:none;background-image:none;box-shadow:none;text-decoration:underline;text-underline-offset:5px}
.simple-chat .compose-actions{justify-content:flex-end;margin-top:18px;padding-top:12px;border-top:1px solid var(--line)}
.composer-count{font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:auto}
.simple-chat .compose textarea{scroll-margin-block:24px 160px;overflow-wrap:anywhere}
.compose-actions .btn{min-height:48px}
.example-label{font-size:12px;color:var(--text-muted);border-bottom:1px solid var(--line);padding-bottom:12px}
.example-intro{line-height:1.9;font-size:15px}
.example-verdicts{display:grid;gap:12px;margin:20px 0}
.example-verdicts article,.example-portrait{padding:18px;background:var(--paper);border:1px solid var(--line);border-radius:15px 9px 16px 10px}
.example-verdicts h3{font:21px var(--serif);color:var(--text-title);margin:8px 0}
.example-verdicts p{margin:0;font-size:14px}
.example-portrait>h3{font:21px var(--serif);margin-bottom:8px}
.example-portrait>p,.example-note{font-size:12px}
.example-score{display:grid;grid-template-columns:90px minmax(20px,1fr) 42px;gap:10px;align-items:center;margin:16px 0;font-size:13px}
.example-track{height:6px;background:var(--line);border-radius:6px;overflow:hidden}
.example-track>span{display:block;height:100%;background:var(--accent);border-radius:6px}
.example-score strong{text-align:right;color:var(--text-body);font-size:18px;font-weight:500}
.example-score small{font-size:11px;color:var(--text-muted)}
.example-next{padding:18px 0;margin-top:14px}
.example-next p{margin:0}
.example-note{margin-bottom:0}
dialog .modal-body{overflow-wrap:anywhere}
@media(max-width:760px){
  .hero .example-entry{width:100%;padding:6px 0}
  .simple-chat .chat-window{padding:16px}
  .simple-chat .compose{padding:16px}
  .simple-chat .compose textarea{min-height:156px}
  .compose-bottom{gap:8px;align-items:center}
  .voice-backup summary{padding:8px 4px;font-size:12px}
  .composer-count{width:100%;text-align:right}
  .simple-chat .compose-actions{position:sticky;bottom:calc(84px + env(safe-area-inset-bottom));z-index:3;margin-left:0;padding:12px 0 4px;background:var(--paper);border-radius:10px 10px 0 0;background-image:none}
  .simple-chat .compose-actions .btn{width:100%;min-height:48px}
  html[data-keyboard-open=true] .sidebar{display:none}
  html[data-keyboard-open=true] .simple-chat .compose-actions{bottom:8px}
  html[data-keyboard-open=true]{scroll-padding-bottom:90px}
  .example-score{grid-template-columns:86px minmax(20px,1fr) 40px;gap:8px}
  .modal-actions .btn{min-width:0}
}