.practice-main{padding-bottom:3rem}.practice-panel{border:1px solid #c2d7dd;padding:clamp(14px,3vw,28px);margin:1rem 0;background:white}.practice-filters{display:flex;flex-wrap:wrap;gap:16px}.practice-filters label{flex:1 1 230px}.practice-main label{display:block;font-weight:600}.practice-main select,.practice-main textarea{display:block;width:100%;max-width:100%;font:inherit;padding:10px;border:1px solid #617685;background:#fff;color:#172633}.practice-main button,.practice-main #download{min-height:44px;padding:9px 16px;font:inherit;cursor:pointer;border:1px solid #33576a;background:#e0f6f7;color:#172633;border-radius:5px}.practice-main button:disabled{opacity:.55;cursor:default}.practice-main :focus-visible{outline:3px solid #7047ad;outline-offset:3px}.practice-main [hidden]{display:none!important}.practice-main p{line-height:1.6}.practice-main img{max-width:100%;height:auto}.practice-main table{border-collapse:collapse;width:100%;table-layout:fixed;margin:14px 0}.practice-main td,.practice-main th{border:1px solid #a6bac3;padding:8px;overflow-wrap:anywhere}.practice-main pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f1f5f7;padding:14px}.practice-main audio{max-width:100%}.practice-main #question{overflow-wrap:anywhere}.practice-main #board{display:block;width:100%;height:auto;border:2px solid #708894;background:white;touch-action:none}.practice-tools{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}.practice-tools [aria-pressed=true]{background:#33576a;color:#fff}.practice-check{display:flex;align-items:center;gap:16px;margin-top:20px}.practice-check p{flex:1}.practice-check button{flex-shrink:0}.practice-main fieldset{margin:14px 0;padding:12px;border:1px solid #a6bac3}.practice-main fieldset label{font-weight:400;margin:8px 0}.practice-main .answer-label{margin:18px 0 8px}.practice-main #add-drawing{margin-top:12px}@media(max-width:600px){.practice-check{display:block}.practice-filters label{flex-basis:100%}}

.practice-check{flex-wrap:wrap}.practice-check .google-ai-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 16px;border:1px solid #33576a;background:#e0f6f7;color:#172633;text-decoration:none;border-radius:5px}.practice-check p{min-width:220px}@media(max-width:600px){.practice-check .google-ai-link{margin-top:10px}}

.practice-navigation #download-pdf{margin-left:auto}.practice-navigation{align-items:center}.practice-navigation #download-pdf{max-width:100%}@media(max-width:600px){.practice-navigation #download-pdf{flex-basis:100%;margin-left:0}}

.practice-main #download{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;max-width:100%;text-align:center;margin-bottom:12px}

.practice-main button{display:inline-flex;align-items:center;justify-content:center;gap:8px}.practice-action-icon{width:18px;height:18px;flex:0 0 18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.practice-check .google-ai-link{gap:8px}.practice-main button span{min-width:0}

.practice-board{position:relative}.practice-board #board-background{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none}.practice-main .practice-board #board{position:relative;background:transparent;box-sizing:border-box;min-height:0;padding:0}.practice-board #board-background{box-sizing:border-box;padding:2px}

.practice-generation,#numbered-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.practice-generation select{width:auto;min-width:70px;margin:0}.practice-generation [hidden]{display:none}

/* Online-only activity embedded in Interactive revision. */
.interactive-practice .topbar,.interactive-practice .intro,.interactive-practice .skip,.interactive-practice #setup,.interactive-practice #restart,.interactive-practice #download,.interactive-practice #download-pdf,.interactive-practice #pdf-status,.interactive-practice .practice-navigation,.interactive-practice .practice-main>p:last-child{display:none!important}
.interactive-practice .practice-main{width:100%;max-width:none;padding:0 0 1rem;margin:0}.interactive-practice .practice-panel{margin:0;border:0;padding:clamp(12px,3vw,24px)}.interactive-practice #status,.interactive-practice #practice-context{padding:0 16px}.interactive-practice #practice-context{font-weight:600}.interactive-practice #answer{min-height:180px}.interactive-practice .practice-check p{min-width:0}
/* Personal practice keeps the complete prompt and answer controls readable
   inside the session's fixed frame. Longer resources can scroll naturally. */
.interactive-personal-practice .practice-main{font-size:clamp(16px,var(--ir-size,17px),18px)!important;line-height:1.4;padding:0;box-sizing:border-box}
.interactive-personal-practice .practice-panel{padding:12px 16px}.interactive-personal-practice #practice-context{font-size:14px;line-height:1.35;margin:8px 0 0}.interactive-personal-practice #status:empty,.interactive-personal-practice #copy-status:empty{display:none}
.interactive-personal-practice #progress{font-size:13px;line-height:1.3;margin:0 0 4px}.interactive-personal-practice #question-heading{font-size:20px;line-height:1.25;margin:0 0 10px}.interactive-personal-practice #question p{line-height:1.4;margin:8px 0}.interactive-personal-practice #question :is(pre,table,figure){margin:10px 0}.interactive-personal-practice #question img{display:block;max-height:none;width:auto;max-width:min(100%,640px);object-fit:contain}
.interactive-personal-practice .answer-label{margin:12px 0 5px}.interactive-personal-practice #answer{font:inherit;line-height:1.4;box-sizing:border-box;min-height:110px;height:110px;padding:8px;resize:vertical}.interactive-personal-practice #add-drawing{margin-top:8px}.interactive-personal-practice .practice-check{margin-top:12px;gap:8px}.interactive-personal-practice .practice-check p{flex-basis:100%;font-size:13px;line-height:1.35;margin:0}.interactive-personal-practice :is(button,.google-ai-link){border-radius:0}.interactive-personal-practice #copy-status{font-size:14px;line-height:1.4;margin:8px 0}.interactive-personal-practice #drawing>p{font-size:14px;line-height:1.4;margin:8px 0}
@media(max-width:600px){.interactive-personal-practice .practice-main{font-size:16px!important}.interactive-personal-practice .practice-panel{padding:10px}.interactive-personal-practice #question-heading{font-size:18px}.interactive-personal-practice .practice-main :is(button,.google-ai-link){font-size:14px;min-height:38px;padding:7px 9px}.interactive-personal-practice .practice-check{display:flex;margin-top:8px}.interactive-personal-practice .practice-check .google-ai-link{margin-top:0}.interactive-personal-practice #answer{min-height:100px;height:100px}.interactive-personal-practice #question img{max-height:none}}
@media print{.interactive-practice body{display:none!important}}
