/* Keep the repeated actions legible on the binder's narrow paper surface. */
body.nb-modern.binder-open #hubPage .ev-cpr-wrap {background:#183f3b;border-color:#69b9a5}
body.nb-modern.binder-open #hubPage .ev-cpr-wrap .ev-main-button {background:transparent}
body.nb-modern.binder-open #hubPage .ev-cpr-wrap .ev-route-choice button {background:#12342f;border-color:#7aa69a;color:#edf9f4}
body.nb-modern.binder-open #hubPage .ev-cpr-wrap .ev-route-choice button[aria-pressed=true] {background:#d6f0e5;color:#123c31;border-color:#d6f0e5}
body.nb-modern.binder-open #hubPage .ev-main-wrap .ev-route-choice button {min-height:44px;font-size:13px;line-height:1.2}
body.nb-modern.binder-open #hubPage .ev-main-button>strong {font-size:13px;line-height:1.35}
body.nb-modern.binder-open #hubPage .ev-epi>span {letter-spacing:.01em;font-size:12px}
body.nb-modern.binder-open #hubPage .ev-main-button .ev-control-note {font-size:11px;letter-spacing:0;color:#d9e8e7;font-weight:400}
body.nb-modern.binder-open #hubPage .ev-command-dock:has(~.ev-rhythm-picker) {position:static}
body.nb-modern.binder-open #hubPage .ev-rhythm-picker {scroll-margin-top:8px;padding:14px;margin-top:12px}
body.nb-modern.binder-open #hubPage .ev-picker-caption {font-size:13px;line-height:1.45;color:#415d6a;margin:0 0 13px}
body.nb-modern.binder-open #hubPage .ev-rhythm-choices {grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
body.nb-modern.binder-open #hubPage .ev-trace-card {overflow:hidden;border:1px solid #a4becb;background:#fff;border-radius:7px;min-width:0;display:flex;flex-direction:column}
body.nb-modern.binder-open #hubPage .ev-trace-card h3 {color:#143c50;font-size:15px;line-height:1.3;margin:10px 10px 6px}
body.nb-modern.binder-open #hubPage .ev-trace-card p {font-size:12px;line-height:1.4;margin:6px 10px 10px;color:#47616b;flex:1}
body.nb-modern.binder-open #hubPage .ev-trace {display:block;width:100%;height:65px;background:#f4fbf9;border-block:1px solid #dbeae5}
body.nb-modern.binder-open #hubPage .ev-trace path {vector-effect:non-scaling-stroke}
body.nb-modern.binder-open #hubPage .ev-trace-actions {display:flex;flex-direction:column;gap:5px;padding:8px}
body.nb-modern.binder-open #hubPage .ev-trace-actions button {text-align:center;min-height:44px;padding:8px 5px;font-size:13px;line-height:1.3;background:#e6f0f7;color:#173e58;border:1px solid #91b1c4;border-radius:5px}
body.nb-modern.binder-open #hubPage .ev-trace-actions button small {font-size:11px;margin:2px 0 0;color:inherit}
body.nb-modern.binder-open #hubPage .ev-trace-actions .ev-pulse-present {background:#e3f3e9;border-color:#9abbab;color:#23513d}
body.nb-modern.binder-open #hubPage .ev-other-rhythm {width:100%;min-height:48px;background:white;color:#244a64;border:1px dashed #7193a7;text-align:center;padding:10px;font-size:14px}
body.nb-modern.binder-open #hubPage #evRhythmForm {margin-top:14px;border-top:1px solid #cadde5;padding-top:14px}
body.nb-modern.binder-open #hubPage #evRhythmForm[hidden] {display:none}
body.nb-modern.binder-open #hubPage .ev-rhythm-fields {gap:10px}
body.nb-modern.binder-open #hubPage .ev-picker-footer {align-items:stretch;flex-direction:column;gap:8px}
body.nb-modern.binder-open #hubPage .ev-picker-footer button {min-height:46px}
body.nb-modern.binder-open #hubPage .ev-feedback.ev-feedback-caution {color:#ffe0a1}
body.nb-modern.binder-open #hubPage .ev-feedback.ev-feedback-caution button {border-color:#e3c17b}
@container paper (max-width:370px) {
  body.nb-modern.binder-open #hubPage .ev-primary-trio {grid-template-columns:repeat(2,minmax(0,1fr))}
  body.nb-modern.binder-open #hubPage .ev-primary-trio>.ev-rhythm {grid-column:1/-1;min-height:95px}
  body.nb-modern.binder-open #hubPage .ev-main-wrap .ev-main-button {min-height:170px;padding:9px}
  body.nb-modern.binder-open #hubPage .ev-main-button>b {font-size:1.7rem}
}