/* Keep repeated practice reachable while the document itself can move. */
.canvas-shell .canvas-tools{display:flex;flex-direction:column;align-items:stretch;gap:5px;padding:7px;width:216px;max-width:calc(100% - 26px)}
.canvas-round-tools{display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid #e1e5da;padding-bottom:6px}
.canvas-round-tools select{min-width:0;max-width:100px;min-height:32px;border:1px solid #d4ddc8;border-radius:5px;background:#f8faf3;color:#536b41;font-size:11px;color-scheme:light;padding:5px 18px 5px 7px}
.canvas-round-tools button{font-size:11px;white-space:nowrap;background:#e7eddc;color:#50673e;padding:5px 10px;min-height:32px}
.canvas-round-tools button>span{font-size:15px;margin-right:3px}
.canvas-zoom-tools{display:flex;align-items:center;justify-content:space-between;gap:4px}
.canvas-zoom-tools button{flex:1}
.graph-round-actions>span{font-size:11px;color:#617253}
/* Method text is useful content, rather than a faint decorative caption. */
.graph-how-label{font-size:10px;color:#6b7b61;letter-spacing:.07em}
.graph-method-card h3{font-size:14px;color:#45593c}
.graph-method-card li{font-size:13px;color:#526149;line-height:1.75}
.graph-method-card li::marker{font-size:10px;color:#788b69}
.graph-method-card summary{font-size:12px;color:#526a43;line-height:1.8}
.graph-method-card details p,.graph-method-card details li{font-size:12px;color:#5b6b51;line-height:1.8}
.route-graph[data-compact=true] .graph-method-card{max-height:245px}
/* Secondary pages use the same calm scale as the training workspace. */
#view-notes .product-heading,#view-feedback .product-heading{margin:3px 0 22px;gap:18px;align-items:flex-start}
#view-notes .product-heading h2,#view-feedback .product-heading h2{font-size:28px;line-height:1.35;letter-spacing:-.025em;margin:0 0 8px;font-weight:550}
#view-notes .product-heading .eyebrow,#view-feedback .product-heading .eyebrow{font-size:9px;letter-spacing:.13em;color:#a0b28c;margin-bottom:8px}
#view-notes .product-heading p:not(.eyebrow),#view-feedback .product-heading p:not(.eyebrow){font-size:12px;line-height:1.8;color:#a3b09b}
#view-notes .heading-actions,#view-feedback .heading-actions{margin-top:12px}
#view-feedback .report-metrics article{padding:18px 20px}
#view-feedback .report-metrics b{font-size:32px;margin:9px 0}
.notes-stack .note-empty-route{border:1px solid #34412e;border-radius:8px;background:#151d15;margin:10px 0;overflow:hidden}
.note-empty-route summary{list-style:none;display:flex;align-items:center;gap:16px;cursor:pointer;padding:17px 21px;color:#aebfa0}
.note-empty-route summary::-webkit-details-marker{display:none}
.note-empty-route summary>span{font:11px monospace;color:#809568}
.note-empty-route h3{font-size:14px;font-weight:500;margin:0;color:#b7c7a7}
.note-empty-route summary>small{margin-left:auto;font-size:10px;color:#819375}
.note-empty-route summary>b{font-size:12px;font-weight:400;color:#8da477;transition:transform .15s}
.note-empty-route[open] summary>b{transform:rotate(180deg)}
.note-empty-route>.empty-note{height:auto;padding:4px 21px 22px 49px;gap:7px}
.note-empty-route>.empty-note p{margin:0 0 6px;font-size:12px;line-height:1.8}
.note-empty-route>.empty-note button{font-size:11px}
@media(max-width:760px){
  .canvas-shell .canvas-tools{width:207px;bottom:13px}
  #view-notes .product-heading h2,#view-feedback .product-heading h2{font-size:23px;line-height:1.4}
  #view-notes .product-heading,#view-feedback .product-heading{margin-bottom:18px}
  #view-notes .heading-actions,#view-feedback .heading-actions{margin-top:11px}
  .note-empty-route summary{padding:15px;gap:11px}.note-empty-route h3{font-size:13px}
  .note-empty-route>.empty-note{padding:2px 16px 18px 38px}
}
@media(max-height:450px){.canvas-shell .canvas-tools{gap:2px;padding:4px}.canvas-round-tools{padding-bottom:3px}.canvas-round-tools select,.canvas-round-tools button{min-height:27px}.canvas-zoom-tools button{min-height:25px;padding:2px 9px}}