/* One reading order at every viewport; width belongs to the Divi row. */
.jnr-canvas .jnr{width:100%}
.jnr[data-jnr]{container-type:inline-size;padding:16px;min-width:0}
.jnr .jnr-layout{display:flex;flex-direction:column;gap:16px}
.jnr-layout>*,.jnr-listen,.jnr-player,.jnr-notes{width:100%;min-width:0}
.jnr .jnr-heading{flex-direction:column;align-items:flex-start;gap:12px}
.jnr-heading h2{overflow-wrap:anywhere}
.jnr .jnr-approval{flex-direction:column;align-items:stretch;gap:15px}
.jnr-approval button{width:100%;min-height:44px}
.jnr-saved-heading{padding-top:24px;margin-top:24px;border-top:1px solid #111619;box-shadow:inset 0 1px #ffffff08}
.jnr-saved-heading .jnr-kicker{display:flex;gap:8px;align-items:center}
.jnr-saved-heading h3{margin-top:10px;font-size:19px}
.jnr .jnr-filter{border:0;margin-top:14px;padding-top:0}
.jnr textarea{font-size:16px;min-height:128px}
.jnr-note p{font-size:14px}.jnr .jnr-note-actions button{min-height:44px}
.jnr .jnr-note-time button{min-height:40px}
.jnr .jnr-icon{min-width:40px;min-height:44px}
.jnr .jnr-timestamp{min-height:36px;min-width:46px}
.jnr-page-top{padding:38px 0 28px}.jnr-page-top h1{font-size:clamp(28px,3vw,42px);margin-top:24px}.jnr-page-bottom{padding:28px 0}
/* Container queries also cover a narrow 40% row on a wide desktop. */
@container (max-width:600px){
  .jnr-studio-bar{gap:10px;padding:0 0 18px;margin-bottom:18px}
  .jnr-studio-brand{gap:8px}.jnr-studio-brand svg{width:30px;height:32px}
  .jnr-studio-brand strong{font-size:18px}.jnr-studio-brand small{font-size:7px;letter-spacing:.15em}
  .jnr-session-indicator{display:none}.jnr-studio-id{font-size:13px;padding:10px}
  .jnr .jnr-box,.jnr .jnr-notes{padding:24px 16px}
  .jnr-heading h2{font-size:24px}.jnr-heading p{font-size:12px}
  .jnr-player-top{gap:10px}.jnr-player-top .jnr-kicker{font-size:10px;letter-spacing:.1em}
  .jnr-player-top label{max-width:65%;font-size:9px}.jnr-player-top select{font-size:12px}
  .jnr-player h3{font-size:23px}.jnr-wave{height:140px}
  .jnr-readout-label{font-size:8px;gap:5px}.jnr-readout-label strong{font-size:15px;padding:8px}
  .jnr-controls{gap:8px}.jnr-volume{margin-left:auto;width:68px;font-size:8px!important}
  .jnr .jnr-play{width:50px;height:50px;margin:0 5px}
  .jnr-note-time{font-size:11px;flex-wrap:wrap}.jnr .jnr-note-time button{font-size:10px}
  .jnr-notes-head{gap:10px}.jnr-notes-head h3{font-size:22px}
  .jnr .jnr-hint{font-size:11px}.jnr .jnr-note-actions{flex-wrap:wrap}
  .jnr[data-jnr]>.jnr-note-actions button{font-size:11px;max-width:100%}
}
@container (max-width:340px){
  .jnr .jnr-box,.jnr .jnr-notes{padding-left:12px;padding-right:12px}
  .jnr-player-top{flex-direction:column;align-items:stretch;gap:14px}
  .jnr-player-top label{max-width:100%;width:100%}
  .jnr-readout-label{flex-direction:column;align-items:flex-start;gap:6px}
  .jnr-time .jnr-readout-label:last-child{align-items:flex-end}
  .jnr-controls{gap:5px;flex-wrap:wrap}.jnr-volume{width:60px}
  .jnr .jnr-play{width:46px;height:46px;margin:0 4px}
  .jnr-notes-head{flex-wrap:wrap}.jnr-notes-head>span{font-size:10px}
  .jnr-note-actions button[type=submit]{width:100%;font-size:13px}
  .jnr-history summary span{float:none;display:block;margin-top:6px}
}
@media(max-width:480px){.jnr[data-jnr]{padding:12px}.jnr-canvas .jnr{width:100%}.jnr-page-top{padding-top:28px}}