/* Aula 12: dimensionamento e orçamento; mobile first */
.a12-figure{max-width:100%;height:auto;display:block;border:1px solid #dce7ec;border-radius:12px;margin:14px 0}.a12-panel{padding:20px;background:#f4f9fa;border:1px solid #cbdfe5;border-radius:14px;margin:14px 0 24px;min-width:0}.a12-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.a12-grid>*{min-width:0}.a12-panel label:not(fieldset label){font-weight:700;display:block;margin-bottom:6px}.a12-panel input[type=number],.a12-panel select{background:white;display:block;padding:10px;border-radius:8px;border:1px solid #92b3be;font:inherit;color:#163246;width:100%;max-width:100%;min-width:0;box-sizing:border-box}.a12-panel input[type=number]:focus,.a12-panel select:focus{outline:2px solid #187e92}.a12-result{margin:16px 0;padding:12px 15px;border-left:4px solid #168a9a;background:white;line-height:1.8;overflow-wrap:anywhere}.a12-result strong{color:#12475c}.a12-muted{font-size:.9rem;color:#526b7a}.a12-costtable{table-layout:fixed;width:100%;min-width:620px}.a12-costtable th:first-child{width:43%}.a12-costtable input{width:100%;min-width:64px}.a12-costtable td:last-child{white-space:nowrap}.a12-actions{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}.a12-actions button{cursor:pointer}.a12-bottom{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px}.a12-panel fieldset{border:0;border-bottom:1px solid #c9dfe6;padding:0 0 14px;margin-bottom:14px}.a12-panel legend{font-weight:700}.a12-panel fieldset label{display:block;cursor:pointer;margin:8px 0}.a12-panel input[type=radio]{margin-right:8px}.a12-footer{text-align:center;color:#627487;border-top:1px solid #dce7ec;padding:24px}.a12-panel .table-scroll{max-width:100%;overflow-x:auto}.a12-panel .btn{cursor:pointer}
@media(max-width:800px){.a12-grid,.a12-bottom{grid-template-columns:1fr 1fr}.lesson-grid{grid-template-columns:minmax(0,1fr)}.lesson-grid>.toc,.lesson-grid>.lesson{min-width:0;max-width:100%}}
@media(max-width:520px){.a12-grid,.a12-bottom{grid-template-columns:1fr}.a12-panel{padding:14px}.a12-actions .btn{flex:1 1 100%;text-align:center}.a12-figure{width:100%}}