.art-scene,.art-practice,.ap-notebook,.ap-legacy{--ap-ink:#243c56;--ap-blue:#3159a4;--ap-line:#bacbd7;color:var(--ap-ink);font-family:inherit;line-height:1.65;min-width:0;max-width:100%;box-sizing:border-box;overflow-wrap:anywhere}
.art-scene *,.art-practice *,.ap-notebook *{box-sizing:border-box;min-width:0}
.art-scene{margin:24px 0;border:1px solid #afc3d3;border-radius:22px;overflow:hidden;background:#fdfaf0;box-shadow:0 9px 28px #253d6312}
.ap-scene-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);align-items:center;gap:26px;padding:27px;background:linear-gradient(125deg,#dfeef4,#fdf0c9)}
.ap-eyebrow{display:block;color:#3a5779;font-size:.73rem;line-height:1.5;font-weight:850;letter-spacing:.07em}
.ap-scene-head h3,.ap-practice-head h3{font-family:inherit;color:#253f68;font-weight:850;font-size:clamp(1.55rem,2.5vw,2.15rem);line-height:1.2;letter-spacing:-.03em;margin:10px 0 16px}
.ap-scene-head p{margin:0;font-size:1.05rem;line-height:1.7}.ap-art{margin:0;border:5px solid #fffdf5;outline:1px solid #b5c6d1;border-radius:18px;overflow:hidden;box-shadow:6px 6px 0 #d8b46235;transform:rotate(1deg)}
.ap-art img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.ap-art figcaption{font-size:.76rem;color:#54637c;line-height:1.5;padding:8px 11px;text-align:left;max-width:none;background:#fffdf5}
.ap-observation{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:26px;padding:26px;align-items:center}.ap-observation-note h4{font-size:1.22rem;line-height:1.35;margin:10px 0}.ap-observation-note p{font-size:1rem;line-height:1.7;margin:12px 0}
.ap-observation-note details{border-top:2px solid #e9b955;margin-top:19px;padding-top:8px}.ap-observation-note summary{padding:10px 0;min-height:44px;color:#3159a4;cursor:pointer;font-weight:800}
.ap-colori .ap-scene-head{background:linear-gradient(125deg,#fff0c5,#fce3dc)}.ap-composizione .ap-scene-head{background:linear-gradient(125deg,#e7e6f4,#e1f0eb)}
.ap-scene-note{padding:19px 26px;margin:0;border-top:1px solid #bfcfd8;background:#e5eef3;line-height:1.7;font-size:.95rem}
.ap-figure{margin:15px 0;border:1px solid #afc2d2;border-radius:15px;background:#fffef8;overflow:hidden;padding:14px;max-width:100%}.ap-figure svg{display:block;width:100%;height:auto;max-width:100%}
.ap-figure figcaption{margin:13px 0 0;padding:12px 0 0;border-top:1px dashed #b5c5d3;color:#344d64;font-size:.9rem;line-height:1.7;text-align:left;max-width:none}
.ap-figure-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ap-figure-tile{border:1px solid #cfdae2;border-radius:11px;background:#f1f5fa;padding:7px;display:flex;flex-direction:column;align-items:center;text-align:center}.ap-figure-tile svg{max-width:135px}.ap-figure-tile>span{font-weight:800;font-size:.88rem;padding:7px 2px;line-height:1.5}.ap-figure-tile:last-child:nth-child(odd){grid-column:1/-1}.ap-figure-tile:only-child svg{max-width:170px}
.ap-mix{display:grid;grid-template-columns:minmax(0,1fr) 12px minmax(0,1fr) 14px minmax(0,1fr);align-items:center;gap:3px}.ap-swatch{text-align:center;align-self:start}.ap-swatch>span{display:block;font-size:.86rem;font-weight:800;line-height:1.5;margin-top:2px}.ap-mix-sign{font-size:1.15rem;font-weight:850;color:#3a516c;align-self:start;padding-top:18px}.ap-model-note{font-size:.78rem;line-height:1.65;color:#53657b;margin:12px 0 0}
.ap-board{max-width:260px;width:100%;margin:0 auto;border:3px solid #738aa4;border-radius:4px;overflow:hidden;background:#fff9e9;box-shadow:4px 4px 0 #a8b9c52b}
.ap-legend{display:grid;gap:7px;list-style:none;padding:0;margin:16px 0 0;font-size:.86rem;line-height:1.55}.ap-legend li{display:flex;align-items:center;gap:8px}.ap-color-dot{width:16px;height:16px;flex:none;border:1px solid #203d59;border-radius:4px}.ap-figure-unavailable{border-color:#a35b42}
.art-practice{margin:24px 0;border:1px solid var(--ap-line);border-radius:22px;overflow:hidden;background:#edf2f7}
.ap-practice-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:25px;background:#dce9f2;border-bottom:1px solid var(--ap-line)}.ap-practice-head h3{font-size:1.55rem;margin-bottom:9px}.ap-practice-head p{margin:0;font-size:1rem}.ap-count{display:inline-block;flex:none;max-width:185px;background:#304e80;color:#fff;border-radius:12px;padding:11px 14px;font-size:.9rem;font-weight:800;line-height:1.6}
.ap-method{margin:0;padding:17px 25px;border-bottom:1px solid #e1c889;background:#fff0cd;font-size:.96rem;line-height:1.7}
.ap-group{padding:25px}.ap-group h4{margin:0 0 20px;color:#314e77;font-size:1.15rem}.ap-exercises{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px;list-style:none;padding:0;margin:0}
.ap-exercise{border:1px solid #b7c8d8;border-radius:16px;padding:20px;background:#fffefa;box-shadow:0 4px 0 #8dabc02b}.ap-exercise:last-child:nth-child(odd){grid-column:1/-1}.ap-exercise:nth-child(3n+2){border-top:4px solid #e3b244}.ap-exercise:nth-child(3n+3){border-top:4px solid #69a792}
.ap-exercise-top{display:flex;align-items:center;gap:12px;font-size:.72rem;font-weight:850;letter-spacing:.05em;color:#4f647d;margin-bottom:17px}.ap-number{display:grid;place-items:center;flex:none;background:#3b609b;color:#fff;width:34px;height:34px;border-radius:9px;font-size:1rem}
.ap-passage{padding:14px 16px;border-left:4px solid #d49c2f;border-radius:4px 11px 11px 4px;background:#fff1cf;margin-bottom:15px}.ap-passage p{line-height:1.75;font-size:.98rem;margin:8px 0 0}.ap-prompt{font-weight:800;font-size:1.05rem;line-height:1.6;margin:17px 0 10px}.ap-input-help{font-size:.86rem;color:#52667f;line-height:1.6;margin:0 0 9px}
.ap-choices{border:0;padding:0;margin:0;display:grid;gap:9px}.ap-choices label{display:flex;align-items:flex-start;gap:12px;min-height:48px;padding:12px;border:1px solid #b3c4d8;border-radius:10px;background:#f2f6fc;font-size:1rem;line-height:1.6;cursor:pointer}.ap-choices input{flex:none;width:20px;height:20px;margin:3px 0 0;accent-color:#365d9d}.ap-choices label:has(input:checked){background:#e2ecfa;border-color:#5276af;box-shadow:inset 3px 0 0 #5276af}
.ap-exercise>input{width:100%;max-width:100%;min-height:48px;padding:12px;border:1px solid #93abc6;border-radius:10px;background:#f8fbff;color:#203e5e;font:inherit;font-size:1rem;line-height:1.5}.ap-exercise>input[aria-invalid="true"],.ap-choices label:has([aria-invalid="true"]){border-color:#af674a;background:#fff1e6}
.ap-hint,.ap-source{font-size:.9rem;margin-top:10px}.ap-hint summary,.ap-source summary,.ap-notebook summary{min-height:44px;padding:10px 0;line-height:1.6;font-weight:800;color:#3159a4;cursor:pointer}.ap-hint p,.ap-source p{padding:13px;margin:0;background:#edf2f8;border-radius:9px;line-height:1.7}.ap-source a{color:#3159a4;text-underline-offset:3px}
.ap-feedback{padding:14px;margin:16px 0 0;background:#fff0d8;border-left:4px solid #b77835;border-radius:8px;line-height:1.7;font-size:.97rem}.ap-exercise[data-art-status="correct"] .ap-feedback{background:#e4f3eb;border-color:#398266}.ap-exercise[data-art-status="missing"] .ap-feedback,.ap-exercise[data-art-status="format"] .ap-feedback{background:#eaf0f8;border-color:#6084ac}
.ap-pause{padding:19px 25px;background:#e5e3f2;border-block:1px dashed #979ab7}.ap-pause strong{font-size:1.2rem;color:#3e4d73}.ap-pause p{margin:6px 0 0;font-size:.95rem;line-height:1.7}
.ap-practice-actions{padding:25px;background:#dce9f2;border-top:1px solid var(--ap-line)}.ap-check{min-height:48px;max-width:100%;padding:12px 23px;border:2px solid #284978;border-radius:11px;background:#365c98;color:#fff;box-shadow:0 3px 0 #26416a;font:inherit;font-size:1rem;font-weight:800;line-height:1.5;white-space:normal;cursor:pointer}.ap-check:hover:not(:disabled){background:#2c5089}.ap-check:disabled{opacity:.6;cursor:default;box-shadow:none}.ap-status{margin:18px 0 0;font-size:1rem;line-height:1.7}.ap-small{margin:10px 0 0;font-size:.86rem;line-height:1.7;color:#4b617c}
.ap-reflection,.ap-notebook label{display:flex;flex-direction:column;gap:8px}.ap-reflection{margin-bottom:24px}.ap-reflection>span,.ap-notebook label>span{font-size:.85rem;color:#51677f}.ap-reflection textarea,.ap-notebook textarea{display:block;width:100%;max-width:100%;min-height:100px;border:1px solid #91a9c2;border-radius:10px;padding:12px;font:inherit;font-size:1rem;line-height:1.7;background:#fffefa;color:#243c56;resize:vertical}
.ap-notebook{padding:20px 24px;margin:23px 0;background:#fff1d7;border:1px solid #cbb475;border-radius:16px}.ap-notebook>summary{font-size:1.12rem}.ap-writing-help{margin-bottom:16px}.ap-legacy{padding:18px;margin:20px 0;border:1px solid #a8bfca;background:#edf4f3;border-radius:13px}.ap-completion-note{font-size:.96rem;line-height:1.7;color:#425c77}
.art-scene :focus-visible,.art-practice :focus-visible,.ap-notebook :focus-visible{outline:3px solid #a94327;outline-offset:4px}.ap-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:760px){.ap-observation,.ap-exercises{grid-template-columns:minmax(0,1fr)}.ap-exercise:last-child:nth-child(odd){grid-column:auto}.ap-observation-note{border-top:1px solid #bfd0dc;padding-top:16px}}
@media(max-width:560px){.ap-scene-head{grid-template-columns:minmax(0,1fr);padding:20px;gap:20px}.ap-art{transform:none;box-shadow:3px 3px 0 #d8b46235}.ap-art img{max-height:230px}.ap-observation{padding:18px;gap:18px}.ap-practice-head{display:block;padding:20px}.ap-count{max-width:100%;margin-top:15px}.ap-group,.ap-practice-actions{padding:17px}.ap-exercise{padding:15px}.ap-method,.ap-pause{padding:16px 20px}.ap-figure{padding:11px}.ap-figure-tiles{gap:9px}.ap-notebook{padding:16px}.ap-check{width:100%}.ap-scene-note{padding:17px 20px}.ap-model-note{font-size:.8rem}.ap-passage{padding:12px}}
@media(prefers-reduced-motion:reduce){.art-scene *,.art-practice *,.ap-notebook *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
[data-motion="reduced"] .art-scene *,[data-motion="reduced"] .art-practice *,[data-motion="reduced"] .ap-notebook *{animation:none!important;transition:none!important;scroll-behavior:auto!important}