/* Compact tools and a viewport that grows with the window. */
.board-page-actions{display:flex;align-items:center;gap:8px;flex:none}.board-page-actions>.button{font-size:13px}.board-page-head{margin-bottom:8px}.board-page-context{margin-bottom:8px}.board-page-context .board-scope{margin:0;font-size:13px}.board-page-context select{min-height:40px;padding:6px 30px 6px 10px}.board-page .board-toolbar{position:static}
.board-maximized{overflow:hidden}.board-maximized .layout{min-height:0;height:100dvh}.board-maximized #main{height:100dvh;max-width:none;padding:8px 12px;overflow:hidden;margin:0}.board-maximized .board-page{height:100%;max-width:none;display:flex;flex-direction:column;min-height:0}.board-maximized .board-page-head{flex:none;margin:0 0 6px}.board-maximized .board-page-head h1{margin:0;font-size:21px}.board-maximized .board-page-context{flex:none}.board-maximized #board-host{flex:1;min-height:0;display:flex;flex-direction:column}.board-maximized .board-stage{width:100%;max-width:none;margin:0;flex:1;min-height:160px}.board-maximized .aula-board{padding:0;overflow:auto}.board-maximized .board-page-actions .button{min-height:38px}
.useful-card .teacher-resource{display:inline-flex;align-items:center;gap:5px;align-self:flex-start;margin:10px 0 2px;padding:0;background:none;border:0;border-radius:0;color:var(--muted);font-size:12px;line-height:1.5;font-weight:500}.teacher-resource .aula-icon{width:15px;height:15px;flex:none;color:var(--accent)}.useful-card .teacher-resource+p{margin-top:8px}.release-actions{padding:4px 0 20px;margin-bottom:4px}.release-actions button{min-height:44px}
@media(max-width:600px){.board-page .aula-board{padding:8px}.board-page-actions .button span{display:none}.board-page-actions .button{min-width:42px;padding:9px}.board-maximized #main{padding:6px}.board-maximized .aula-board{padding:0}.board-page-head h1{margin-bottom:8px}.board-page-context{margin-bottom:8px}}
@media print{.board-page-actions,.board-page-context{display:none!important}.board-maximized,.board-maximized .layout,.board-maximized #main,.board-maximized .board-page{height:auto;overflow:visible}.board-maximized #board-host{display:block}}

.lab-examples{margin:16px 0 24px;padding:14px 18px}.lab-examples>summary{min-height:36px;cursor:pointer;font-weight:650;line-height:1.5}.lab-examples>summary .aula-icon{vertical-align:middle;margin:0 6px}.lab-examples>p{margin-top:14px}.lab-example-grid{gap:12px}.lab-example-card{display:flex;flex-direction:column;gap:8px;background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:18px;color:var(--ink);text-decoration:none;min-width:0;overflow-wrap:anywhere}.lab-example-card:hover{border-color:var(--accent)}.lab-example-card>strong{font-size:17px;line-height:1.4}.lab-example-card>span:not(.eyebrow){font-size:14px;line-height:1.6}.lab-example-open{color:var(--accent);margin-top:auto;padding-top:8px;display:flex;align-items:center;gap:8px}.lab-example-open svg{width:18px;height:18px}.lab-example-card:focus-visible{outline:3px solid var(--accent);outline-offset:3px}

.board-page-actions [data-tip]::after{left:auto;right:0;transform:none;max-width:220px}