.mp-prototype h1{font:700 clamp(32px,4vw,52px)/1.1 Georgia,serif!important}.mp-intro{background:#fafaf6;border-top:1px solid #d9ddd4;padding:20px 28px}.mp-intro p{margin:0 0 18px;line-height:1.7}.mp-expression-list{flex-wrap:wrap;gap:12px;display:flex}.mp-expression-list button,.mp-mode-switch button,.mp-retry{font:inherit;cursor:pointer;color:#31564f;background:#fffdf7;border:1px solid #cdd6c7;border-radius:5px;padding:10px 16px}.mp-expression-list .is-active,.mp-mode-switch [aria-pressed=true]{background:#e9efe2;border-color:#517762;box-shadow:inset 0 -3px #517762}.mp-mode-switch{gap:8px;display:flex}.mp-layout{background:#f8f7ef;grid-template-columns:minmax(0,1fr) 310px;display:grid}.mp-picture{aspect-ratio:1490/925;min-width:0}.mp-picture svg{width:100%;height:100%;display:block}.mp-label{fill:#35584c;paint-order:stroke;stroke:#fffaf0;stroke-width:4px;stroke-linejoin:round;font:600 21px Arial,sans-serif}.mp-explanation{background:#fffdf7;border-left:1px solid #d9ddd4;padding:24px}.mp-explanation h2{margin:12px 0 18px;font:700 27px/1.3 Georgia,serif}.mp-explanation p{font-size:15px;line-height:1.8}.mp-explanation .mp-example{font:22px/1.6 Georgia,serif}.mp-hint{color:#6b8172;border-top:1px solid #d9ddd4;padding-top:14px;font-size:13px!important}.mp-question{font-size:18px!important}.mp-observation{cursor:pointer;outline:none}.mp-observation:focus-visible rect{stroke:#c56b45;stroke-width:4px}.mp-picture .cl-touch-target{pointer-events:all;fill:#0000!important;stroke:none!important}.mp-prototype button:focus-visible{outline-offset:3px;outline:3px solid #517762}@media (width<=1000px){.mp-layout{grid-template-columns:1fr}.mp-explanation{border-top:1px solid #d9ddd4;border-left:0}.mp-prototype .ml-quick-top{flex-wrap:wrap;gap:16px}.mp-explanation h2{margin:8px 0}.mp-explanation p{margin:10px 0}}@media (width<=650px){.mp-intro{padding:16px;font-size:14px}.mp-expression-list{gap:8px}.mp-expression-list button{flex:40%;padding:9px}.mp-prototype .ml-header>span{display:none}.mp-mode-switch button{padding:8px;font-size:12px}.mp-prototype .ml-demo-bar{gap:8px}.mp-prototype .ml-primary-button{min-width:90px;padding:10px;font-size:12px}.mp-explanation{padding:16px}.mp-label{font-size:21px}}
