.official-example-help{margin-top:16px;font-size:12px;color:#617957;max-width:355px}.official-example-help summary{display:flex;align-items:center;gap:7px;list-style:none;min-height:44px;cursor:pointer}.official-example-help summary::-webkit-details-marker,.official-practice-file summary::-webkit-details-marker{display:none}.official-example-help summary>svg:last-child{margin-left:auto}.official-example-help p{font-size:13px;line-height:1.85;margin:8px 0 16px;padding:12px 14px;border:1px solid #e0e7d6;border-radius:7px;background:#f0f4e9}.official-example-help+.official-learning-path{margin-top:0}.official-explorable-canvas{isolation:isolate;perspective:900px;overflow:visible!important;background:transparent!important;box-shadow:none!important}.official-layer-stack{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(0) rotate(0) scale(1);transition:transform .65s cubic-bezier(.22,.7,.2,1)}.official-art-plane{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.22,.7,.2,1),border-color .3s,box-shadow .3s;border:1px solid transparent;border-radius:3px}.official-art-plane-background{z-index:1;box-shadow:0 5px 18px #3d4e3012;background:#ebe8d7}.official-art-plane-subject{z-index:2}.official-art-plane-title{z-index:3}.official-art-plane img{display:block;width:100%;height:100%;object-fit:contain;border-radius:2px}.official-raster-title{inset:0!important;display:block;width:100%;height:100%;font-size:inherit!important}.official-plane-name{position:absolute;bottom:8px;left:8px;font-size:10px;line-height:1.7;color:#3a5938;background:#f9fcf0ed;border:1px solid #bdcfac;padding:2px 7px;border-radius:4px;opacity:0;transition:opacity .25s;white-space:nowrap}.is-exploded .official-layer-stack{transform:rotateX(43deg) rotate(-25deg) scale(.72)}.is-exploded .official-art-plane{border-color:#a7bb93;box-shadow:0 8px 18px #3d4e3015}.is-exploded .official-art-plane-subject{transform:translateZ(62px);background:#edf2e424}.is-exploded .official-art-plane-title{transform:translateZ(124px);background:#f9fcf416}.is-exploded .official-art-plane-title:before{content:"";position:absolute;left:5%;top:11%;width:65%;height:12%;border-radius:3px;background:#243951;box-shadow:0 2px 6px #14263918}.is-exploded .official-plane-name{opacity:1}.is-exploded .official-art-plane-title.is-hidden{border-style:dashed;background:transparent;box-shadow:none}.official-explode-control{display:flex;align-items:center;justify-content:flex-start;gap:9px;min-height:44px;border:1px solid #b4c799;border-radius:6px;background:#e0ebca;color:#3e6033;padding:9px 12px;width:100%;font-size:13px;margin:0 0 12px;transition:background .2s,transform .2s}.official-explode-control>span{margin-left:auto;font-size:18px}.official-explode-control:hover{background:#d5e3ba}.official-explode-control:active{transform:translateY(1px)}.official-explode-control[aria-pressed=true]{background:#f5f8ee}.official-interactive-demo .official-layer-example{gap:23px}.official-interactive-demo .official-layer-hint{min-height:44px}.official-guess-options{display:grid;gap:6px}.official-guess-options button{display:flex;align-items:center;gap:9px;min-height:44px;padding:9px 10px;border:1px solid #d8e1cc;border-radius:6px;background:#f9fbf3;color:#607450;font-size:12px;text-align:left;transition:background .2s,border-color .2s,transform .2s}.official-guess-options button>span{flex:1 1}.official-guess-options button:hover{background:#e8efdb;border-color:#baca9e}.official-guess-options button:active{transform:translateX(2px)}.official-guess-options button.is-selected{border-color:#b6bd9f;background:#eceddf}.official-guess-options button.is-correct{border-color:#8fae76;background:#dfebcf;color:#3b602e}.official-interactive-demo .official-guess-feedback{font-size:12px;color:#6a795d;line-height:1.8;min-height:64px;margin:12px 0}.official-interactive-demo .official-guess-feedback.is-correct{color:#416a33}.official-practice-file{border-top:1px solid #d8e1cc;font-size:11px;color:#5f7750}.official-practice-file summary{display:flex;gap:6px;align-items:center;min-height:44px;cursor:pointer;list-style:none;line-height:1.7}.official-practice-file summary>svg{flex-shrink:0}.official-practice-file summary>svg:last-child{margin-left:auto}.official-practice-file p{margin-top:9px!important;font-size:12px!important}.official-practice-file a{font-size:12px;min-height:44px}.official-interactive-demo .official-practice-example{align-items:center}.official-comparison-image{position:relative;aspect-ratio:1;overflow:hidden;cursor:ew-resize;touch-action:pan-y;-webkit-user-select:none;user-select:none;border-radius:3px;background:#eae7d6;box-shadow:0 5px 15px #56543c0d}.official-comparison-after,.official-comparison-after>img,.official-comparison-image>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}.official-compare-divider{position:absolute;top:0;bottom:0;width:2px;background:#fffefa;box-shadow:0 0 5px #2e493a55;transform:translateX(-50%);pointer-events:none}.official-compare-divider>span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#fffef7;color:#3f6448;box-shadow:0 2px 8px #203a3333}.official-compare-label{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#637953;margin:11px 0 0;line-height:1.8}.official-comparison-range{display:block;accent-color:#52764d;width:100%;height:44px;margin:0;cursor:ew-resize}.official-interactive-demo .official-compare-hint{font-size:10px;color:#78876a;text-align:center;margin:0;line-height:1.8}@media(hover:hover) and (pointer:fine){.official-studio-image{transition:transform .35s ease}.official-studio-art:hover .official-studio-image{transform:translateY(-4px)}}@media(max-width:1050px){.official-interactive-demo .official-layer-example{gap:16px}.official-explode-control{font-size:12px;padding:8px 9px}.official-guess-options button{font-size:11px;padding:8px}.official-practice-file summary{font-size:10px}.official-interactive-demo .official-guess-feedback{font-size:11px}}@media(max-width:800px){.official-example-help{max-width:none}.official-interactive-demo .official-layer-example{gap:30px}.official-explode-control{font-size:14px;min-height:46px}.official-guess-options button,.official-interactive-demo .official-guess-feedback{font-size:13px}.official-practice-file summary{font-size:12px}}@media(max-width:560px){.official-interactive-demo .official-layer-example{gap:24px}.official-layer-stack{transform-origin:50% 65%}.is-exploded .official-layer-stack{transform:rotateX(42deg) rotate(-24deg) scale(.7)}.is-exploded .official-art-plane-subject{transform:translateZ(55px)}.is-exploded .official-art-plane-title{transform:translateZ(110px)}.official-interactive-demo .official-layer-canvas{margin-top:18px;margin-bottom:8px}.official-explode-control{font-size:13px;min-height:46px}.official-interactive-demo .official-layer-hint{min-height:20px}.official-guess-options button{font-size:13px;min-height:46px;padding:9px 11px}.official-interactive-demo .official-guess-feedback{font-size:13px;min-height:44px}.official-practice-file summary{font-size:12px;min-height:46px}.official-compare-label,.official-interactive-demo .official-compare-hint{font-size:11px}.official-interactive-demo .official-feedback-example h4 br{display:none}.official-interactive-demo .official-revision-example{gap:21px}}@media(prefers-reduced-motion:reduce){.official-interactive-demo *,.official-studio-image{transition:none!important;animation:none!important}.is-exploded .official-layer-stack{transform:rotateX(43deg) rotate(-25deg) scale(.72)}}