@font-face{font-family:'Answer Hand';font-style:normal;font-weight:400;font-display:swap;src:url('../../assets/experience/worksheet-answer/patrick-hand.ttf') format('truetype')}
.teaching-slide.slide-worksheet-answer,body.lesson-presenting .teaching-slide.slide-worksheet-answer{container-type:size;container-name:worksheet-stage;padding:20px 2.4% 14px;overflow:hidden;background:#091e18 url('../../assets/experience/allied/map-background.png') center/cover no-repeat;border:1px solid #a6955d;border-radius:6px;color:#e5c67f}
.answer-stage{width:100%;height:100%;min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:clamp(10px,2.3cqh,23px);isolation:isolate}
.answer-heading{position:relative;display:flex;align-items:center;gap:24px;min-width:0;padding-right:48px}
.answer-heading-copy{min-width:0;flex:1}
.teaching-slide .answer-heading p{margin:0 0 5px;font:500 clamp(11px,2.1cqh,19px)/1.4 var(--sans);color:#d3b36a;letter-spacing:.5px}
.teaching-slide .answer-heading h2{display:flex;align-items:center;gap:clamp(7px,1cqw,16px);margin:0;font:800 clamp(22px,4.9cqh,45px)/1.2 var(--sans);text-transform:uppercase;color:#edc45d;text-shadow:0 2px #795922,0 4px 7px #000b;white-space:nowrap}
.answer-title-ornament{display:block;flex:0 1 12%;width:12%;min-width:0;aspect-ratio:150/43;overflow:hidden}
.answer-title-ornament:last-child{aspect-ratio:250/43;flex-basis:18%;width:18%}
.teaching-slide .answer-heading .answer-subtitle{margin:9px 0 0;font:400 clamp(12px,2.2cqh,20px)/1.4 var(--sans);letter-spacing:0;color:#d2b779}
.answer-reset,.answer-toggle{display:block;position:relative;padding:0;border:0;background:transparent;border-radius:9px;cursor:pointer;transition:filter .16s ease;min-height:44px;min-width:44px;box-shadow:none;line-height:0}
.answer-toggle>svg{display:block;width:100%;height:100%;overflow:hidden;pointer-events:none}
.answer-reset{position:absolute;top:0;right:0;width:44px;height:44px;display:grid;place-items:center;color:#d9bb78}
.answer-reset:before{content:'';position:absolute;inset:5px;border:1px solid #c7aa6850;border-radius:8px;background:#0c201aaa}
.answer-reset svg{position:relative;width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.answer-reset:hover{filter:brightness(1.2)}
.answer-files{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1cqw,22px);width:100%;min-width:0}
.answer-toggle{width:100%;aspect-ratio:4/1;filter:brightness(.85) saturate(.8)}
.answer-toggle>svg{clip-path:polygon(2.5% 0,97.5% 0,100% 10%,100% 90%,97.5% 100%,2.5% 100%,0 90%,0 10%)}
.answer-toggle[aria-pressed=true]{filter:brightness(1.13) drop-shadow(0 0 8px #65e6b452)}
.answer-bronze[aria-pressed=true]{filter:brightness(1.13) drop-shadow(0 0 8px #e4bb6552)}
.answer-red[aria-pressed=true]{filter:brightness(1.13) drop-shadow(0 0 8px #df796152)}
.answer-toggle:hover{filter:brightness(1.08)}
.answer-stage button:focus-visible,.answer-ink:focus-visible{outline:3px solid #ffe2a0;outline-offset:3px}
.answer-result-slot{position:relative;min-height:0;min-width:0;display:flex;align-items:stretch}
.answer-result{position:relative;width:100%;height:100%;min-height:0;opacity:0;transition:opacity .6s ease;filter:drop-shadow(0 7px 9px #0007)}
.answer-result[hidden]{display:none}
.answer-result.is-visible{opacity:1}
.answer-paper-art{position:absolute;inset:0;display:grid;grid-template-columns:24px minmax(0,1fr) 24px;grid-template-rows:24px minmax(0,1fr) 24px;pointer-events:none;overflow:hidden;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px)}
.answer-paper-slice{display:block;min-width:0;min-height:0;overflow:hidden}
.answer-paper-slice svg{display:block;width:100%;height:100%;overflow:hidden}
.answer-ink{position:absolute;inset:clamp(26px,3cqh,44px) clamp(29px,3.3cqw,64px);overflow:auto;scrollbar-width:thin;scrollbar-color:#907244 #dcc38a;padding:0 8px 4px 0;color:#201a13;overscroll-behavior:contain;overflow-wrap:break-word}
.teaching-slide .answer-ink p{margin:0;font:400 clamp(23px,3.9cqh,37px)/1.48 'Answer Hand',cursive;color:#201a13;text-align:left}
.answer-ink strong{font:inherit;color:#842a1b}
.answer-part+.answer-part{margin-top:14px}
.answer-ink h4,.answer-ink h3{margin:0 0 6px;font:400 clamp(24px,4cqh,38px)/1.25 'Answer Hand',cursive;color:#76291d}
.answer-entry+.answer-entry{margin-top:24px;padding-top:16px;border-top:1px solid #9d743743}
.teaching-slide .answer-hint{margin:0;min-height:1.6em;font:400 clamp(11px,1.8cqh,16px)/1.5 var(--sans);text-align:center;color:#c1a76d;text-wrap:balance}
@container worksheet-stage (max-height:580px){
 .answer-stage{gap:10px}.teaching-slide .answer-heading h2{font-size:clamp(20px,4.7cqh,30px)}
 .teaching-slide .answer-ink p{font-size:clamp(21px,4cqh,26px);line-height:1.43}.answer-ink h4,.answer-ink h3{font-size:25px}
 .answer-ink{inset:24px 32px}
}
@media(max-width:1100px){.answer-title-ornament{display:none}.teaching-slide .answer-heading h2{white-space:normal;font-size:clamp(22px,3.9cqh,34px);text-wrap:balance}}
@media(max-width:720px) and (orientation:portrait){
 .teaching-slide.slide-worksheet-answer,body.lesson-presenting .teaching-slide.slide-worksheet-answer{container-type:inline-size;padding:18px 12px;overflow:auto;min-height:0}
 .answer-stage{height:auto;min-height:100%;flex-shrink:0;display:flex;flex-direction:column;gap:16px}
 .answer-heading{flex-direction:column;align-items:stretch;gap:13px}.answer-heading-copy{text-align:center}
 .teaching-slide .answer-heading p{font-size:11px}.teaching-slide .answer-heading h2{display:block;white-space:normal;font-size:clamp(22px,6.2cqw,32px);line-height:1.25}
 .teaching-slide .answer-heading .answer-subtitle{font-size:12px;margin-top:8px}
 .answer-title-ornament{display:none}
 .answer-files{grid-template-columns:1fr;gap:9px;max-width:420px;align-self:center}
 .answer-toggle{aspect-ratio:auto;height:65px}.answer-toggle>svg{width:100%;height:100%}
 .answer-result-slot{min-height:330px;flex:1}.answer-result{height:360px;min-height:330px}
 .answer-paper-art{grid-template-columns:17px minmax(0,1fr) 17px;grid-template-rows:20px minmax(0,1fr) 20px}
 .answer-ink{inset:27px 25px;padding-right:5px}.teaching-slide .answer-ink p{font-size:23px;line-height:1.5}.answer-ink h4,.answer-ink h3{font-size:25px}
 .teaching-slide .answer-hint{font-size:11px;min-height:3em}
}
@media(max-height:500px) and (orientation:landscape){
 .teaching-slide.slide-worksheet-answer,body.lesson-presenting .teaching-slide.slide-worksheet-answer{overflow:auto;padding:10px 2%}
 .answer-stage{height:auto;min-height:100%;flex-shrink:0;grid-template-rows:auto auto minmax(230px,1fr) auto;gap:10px}
 .answer-heading{gap:10px}.teaching-slide .answer-heading h2{font-size:21px}.teaching-slide .answer-heading p{font-size:10px}.teaching-slide .answer-heading .answer-subtitle{font-size:11px;margin-top:4px}
 .answer-result{min-height:230px}.answer-ink{inset:25px 30px}.teaching-slide .answer-ink p{font-size:23px}.teaching-slide .answer-hint{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.answer-result,.answer-reset,.answer-toggle{transition:none}}