/* Little pen drawings live between the notes, on the same squared paper. */
.learning .notebook-drawing{display:flex;flex-direction:column;align-items:center;gap:5px;width:min(100%,300px);max-width:100%;margin:18px auto 26px;padding:0;border:0;background:none;break-inside:avoid}
.learning .notebook-drawing>div{width:100%;max-width:280px;min-width:0}
.learning .notebook-drawing svg{display:block;width:100%;height:auto;max-width:280px;overflow:visible}
.learning .notebook-drawing>div:has(>.notebook-clock-drawing),.learning .notebook-drawing .notebook-clock-drawing{max-width:340px}
.learning .notebook-drawing figcaption{max-width:100%;margin:0;font:1rem/1.65 var(--notebook-ui);color:#655270;text-align:center;overflow-wrap:break-word}
.learning .learning-explanation-copy>li:nth-child(4n+1)>.notebook-drawing{margin-left:0}
.learning .learning-explanation-copy>li:nth-child(4n+3)>.notebook-drawing{margin-right:0}
.learning .learning-explanation-copy>li>.notebook-drawing:has(.notebook-clock-drawing){width:min(100%,340px);margin-left:auto;margin-right:auto}
.learning .ink-with-punctuation{white-space:nowrap}
.learning .notebook-figure-label{font:1rem/1.65 var(--notebook-ui);font-weight:600;color:#8b4562;margin:18px 0 10px}
@media(max-width:480px){.learning .notebook-drawing{margin:14px auto 22px!important}.learning .notebook-drawing figcaption{font-size:.95rem}}