/* Navigation, presentation and standalone whiteboard. */
.topic-heading-nav{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;gap:16px;align-items:center;margin:24px 0 14px}.topic-heading-center{min-width:0;text-align:center}.topic-heading-center h1{margin:0 0 14px;font-size:clamp(27px,2.7vw,40px);overflow-wrap:anywhere}.topic-step{width:48px;min-height:52px;display:grid;place-items:center;border:1px solid transparent;border-radius:9px;color:var(--accent);position:relative;text-decoration:none;background:transparent}.topic-step:hover{background:var(--soft);border-color:var(--line)}.topic-step:disabled{opacity:.25}.topic-step svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.topic-jump-label{display:block;margin:0 auto;max-width:100%;min-width:0}.topic-jump-label select{width:min(100%,530px);font-size:13px;min-height:40px;white-space:nowrap;text-overflow:ellipsis;padding:8px 30px 8px 12px}.lesson-status{display:flex;justify-content:flex-end}.lesson-head{border:0;padding-bottom:9px}.lesson-actions{margin-bottom:22px;border-top:1px solid var(--line)}
[data-tip]{position:relative}.topic-step:hover::after,.topic-step:focus-visible::after,.presentation-control:hover::after,.presentation-control:focus-visible::after{content:attr(data-tip);position:absolute;bottom:calc(100% + 7px);left:50%;transform:translateX(-50%);width:max-content;max-width:230px;white-space:normal;padding:6px 10px;border-radius:6px;font-size:12px;line-height:1.5;background:var(--ink);color:var(--paper);z-index:95;pointer-events:none}.topic-step:first-child::after{left:0;transform:none}.topic-step:last-child::after{left:auto;right:0;transform:none}
.present #main{width:94%;max-width:1720px;padding:28px 18px 115px}.present .lesson{width:100%;max-width:none}.present .lesson-body{padding:clamp(24px,3vw,58px);font-size:clamp(20px,1.4vw,27px)}.present .lesson-head{margin-bottom:18px}.present .topic-heading-nav{grid-template-columns:1fr;margin-top:20px}.present .topic-step,.present .topic-jump-label,.present .lesson-status{display:none}.present .topic-heading-center{text-align:left}.present .topic-heading-center h1{font-size:clamp(32px,3vw,49px)}.presentation-controls{display:flex;align-items:center;gap:6px;position:fixed;right:18px;bottom:18px;z-index:90;border:1px solid var(--line);border-radius:12px;padding:7px;background:var(--paper);box-shadow:0 6px 26px #102a3c24}.presentation-control{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:46px;min-height:47px;padding:6px;gap:1px}.presentation-control svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round}.presentation-control small{font-size:9px;line-height:1}.presentation-control[aria-pressed=true]{background:var(--soft);border-color:var(--accent)}.presentation-controls .presentation-exit{position:relative;right:auto;bottom:auto;z-index:auto}.presentation-control:last-child::after{left:auto;right:0;transform:none}.presentation-topic{font-size:12px;min-width:53px;text-align:center;color:var(--muted)}
.board-page{max-width:1250px;margin:auto}.board-page-head{display:flex;justify-content:space-between;align-items:center;gap:16px}.board-page-head h1{margin:4px 0 16px}.board-page-context{display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px;margin-bottom:12px}.board-page-context .board-scope{display:flex;align-items:center;gap:9px;max-width:100%;min-width:0}.board-page-context select{max-width:min(550px,100%);min-width:0;font-size:14px}.board-page-context small{color:var(--muted);font-size:12px}.board-page .board-toolbar{position:sticky;top:78px;z-index:16;background:var(--bg)}.board-page .aula-board{padding:10px 18px;border:1px solid var(--line);border-radius:14px;background:var(--paper)}.board-page .board-toolbar{background:var(--paper)}.board-maximized .topbar,.board-maximized #sidebar,.board-maximized .site-footer{display:none}.board-maximized .layout{display:block}.board-maximized #main{max-width:none;width:100%;padding:12px 20px}.board-maximized .board-page{max-width:none}.board-maximized .board-page-head h1{font-size:23px;margin:0}.board-maximized .board-page-head .eyebrow,.board-maximized .board-page-context small{display:none}.board-maximized .board-page-head{margin-bottom:8px}.board-maximized .board-page-context{margin-bottom:0}.board-maximized .board-toolbar{top:0}.board-maximized .board-stage{max-width:min(100%,calc((100dvh - 270px)*1.66667));margin:auto}.board-maximized .aula-board{border:0;padding:0}.board-maximized .board-help{margin-bottom:0}
@media(max-width:600px){.topic-heading-nav{grid-template-columns:36px minmax(0,1fr) 36px;gap:5px}.topic-step{width:36px;min-height:48px}.topic-step svg{width:30px}.topic-heading-center h1{font-size:26px}.topic-jump-label select{font-size:12px;padding-left:5px}.present #main{width:100%;padding:16px 12px 110px}.present .lesson-body{font-size:19px;padding:23px 19px}.presentation-controls{right:10px;bottom:10px;gap:4px;padding:5px}.presentation-control{width:42px;min-height:44px}.presentation-topic{min-width:48px;font-size:11px}.presentation-control::after{max-width:160px}.board-page .aula-board{padding:8px}.board-page-context{display:block}.board-page-context small{display:block;margin-top:9px}.board-page-context select{width:100%}.board-page .board-toolbar{top:72px}.board-maximized #main{padding:12px 8px}.board-maximized .board-toolbar{top:0}.board-maximized .board-stage{max-width:100%}}
@media print{.topic-step,.topic-jump-label,.presentation-controls,.board-page-head button{display:none!important}.topic-heading-nav{display:block}.topic-heading-center{text-align:left}.present #main{width:100%;padding:0}.present .lesson-body{font-size:12pt}.board-page .board-toolbar,.board-page .board-options,.board-page .board-inspector,.board-page .board-help{display:none}}

.present .presentation-ink-panel{bottom:88px}.present:has(.presentation-ink-panel) #main{padding-bottom:280px}