.geometry-app{--geometry-navy:#163451;--geometry-blue:#295e91;color:#172c42;background:#f3f6fa;min-height:85vh;padding:3rem 0 2rem}.geometry-app [hidden]{display:none!important}.geometry-app *{box-sizing:border-box}.geometry-shell{width:min(62rem,100% - 2.5rem);margin:auto}body:has(.geometry-app) .site-header .nav-list a{color:#fff;background:#244f7e;border:2px solid #244f7e;min-height:48px;font-weight:800;box-shadow:0 3px 8px #122b4820}body:has(.geometry-app) .site-header .nav-list a.nav-contact{color:#122b48;background:#e5cea2;border-color:#c6a35b}body:has(.geometry-app) .site-header .nav-list a:hover,body:has(.geometry-app) .site-header .nav-list a:focus-visible{color:#122b48;background:#f0dfbe;border-color:#a4772f}body:has(.geometry-app) .site-header .nav-list a:focus-visible,body:has(.geometry-app) .site-header .mobile-nav>summary:focus-visible{outline-offset:4px;outline:3px solid #a4772f}body:has(.geometry-app) .site-header .mobile-nav>summary{color:#fff;background:#244f7e;border:2px solid #244f7e;min-height:48px;font-weight:800}.geometry-breadcrumbs{margin-bottom:1.25rem;font-size:.85rem}.geometry-breadcrumbs .breadcrumbs{margin:0}.geometry-learning{background:#fff;border:1px solid #cddae7;border-radius:.7rem;margin-top:2rem;padding:1.5rem}.geometry-learning p{max-width:75ch}.geometry-learning a{color:#295e91;text-underline-offset:.2em}.geometry-help{border-top:1px solid #d2deeb;margin-top:1.5rem}.geometry-help h3{margin:1.5rem 0 .5rem;font-size:1.05rem}.geometry-header{text-align:center;margin-bottom:2.5rem}.geometry-app .geometry-eyebrow{color:#315f83;letter-spacing:.13em;text-transform:uppercase;font-size:.75rem;font-weight:800}.geometry-header h1{margin:1rem 0;font:500 clamp(2.2rem,4.8vw,3.8rem)/1.12 Georgia,serif}.geometry-header h1 em{color:#295e91;font-style:normal}.geometry-header>p:last-child{color:#53657a;line-height:1.8}.geometry-panel{background:#fff;border:1px solid #cddae7;border-radius:1rem;padding:clamp(1.25rem,4vw,2.5rem);box-shadow:0 14px 40px #18344f0a}.geometry-app h2{text-wrap:balance;margin:0 0 1rem;font-size:clamp(1.3rem,2.8vw,1.85rem);line-height:1.4}.geometry-app p{line-height:1.75}.geometry-topics{flex-wrap:wrap;gap:.65rem;margin:1.5rem 0;padding:0;list-style:none;display:flex}.geometry-topics li{background:#f2f6fb;border:1px solid #cddae7;border-radius:999px;padding:.45rem .8rem;font-size:.85rem;font-weight:650}.geometry-rules{background:#f8f5ef;border-left:3px solid #c9a66b;margin:1.5rem 0;padding:1rem 1.25rem}.geometry-rules p{margin:.25rem 0}.geometry-app button{color:#163451;cursor:pointer;background:#fff;border:2px solid #95aec4;border-radius:.5rem;min-height:48px;padding:.8rem 1.15rem;font:650 1rem/1.5 Segoe UI,sans-serif}.geometry-app button:disabled{cursor:default}.geometry-app .geometry-primary{color:#fff;background:#244f7e;border-color:#244f7e}.geometry-app .geometry-primary:hover{background:#163451}.geometry-app :is(button,summary,a):focus-visible{outline-offset:4px;outline:3px solid #b77620}.geometry-study{background:#fff;border:1px solid #cddae7;border-radius:.7rem;margin-top:1.5rem}.geometry-study summary{color:#244f7e;cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;min-height:56px;padding:1rem 1.25rem;font-weight:750;list-style:none;display:flex}.geometry-study summary::-webkit-details-marker{display:none}.geometry-study summary span{flex-shrink:0;font-size:1.5rem}.geometry-study[open] summary span{transform:rotate(45deg)}.geometry-study-content{padding:0 1.25rem 1.25rem}.geometry-study-content>p{color:#53657a}.geometry-study ol{margin-bottom:0;padding-left:2rem}.geometry-study li{border-top:1px solid #e3eaf1;padding:.8rem .5rem;line-height:1.75}.geometry-study li::marker{color:#244f7e;font-weight:800}.geometry-toolbar{color:#fff;background:#163451;border-radius:.7rem;justify-content:space-between;gap:1rem;padding:1rem 1.2rem;display:flex}.geometry-toolbar p{margin:0;font-size:.95rem}.geometry-toolbar strong{color:#efdbb4;margin-left:.5rem}.geometry-toolbar{flex-wrap:wrap}.geometry-toolbar #geometry-timer-stat.urgent{color:#fff;background:#923c2e;border-radius:.35rem;padding:.15rem .5rem}.geometry-mode-actions{flex-wrap:wrap;gap:.8rem;display:flex}.geometry-app .geometry-timed-button{color:#163451;background:#f0dfbe;border-color:#b58b4e;font-weight:800}.geometry-app .geometry-timed-button:hover{background:#e5cea2}.geometry-app progress{accent-color:#295e91;width:100%;height:.6rem;margin:1rem 0;display:block}.geometry-option-hint{color:#53657a;margin-bottom:1.5rem;font-size:.9rem}.geometry-options{gap:.8rem;display:grid}.geometry-app .geometry-option{text-align:left;color:#172c42;background:#f9fbfe;border:2px solid #d2deeb;align-items:flex-start;gap:1rem;width:100%;padding:1rem;font-weight:500;display:flex}.geometry-app .geometry-option:hover:not(:disabled){background:#eef4fb;border-color:#295e91}.geometry-letter{background:#fff;border:1px solid #b0c5db;border-radius:.35rem;flex-shrink:0;place-items:center;width:2rem;height:2rem;font-weight:800;display:grid}.geometry-app .geometry-option.is-correct{background:#edf8f1;border-color:#287555}.geometry-app .geometry-option.is-wrong{background:#fff1ed;border-color:#b24935}.geometry-feedback{margin-top:1.25rem;font-weight:650;line-height:1.7}.geometry-feedback.correct{color:#1d6244;background:#edf8f1;border-radius:.5rem;padding:1rem}.geometry-feedback.wrong{color:#8d3221;background:#fff1ed;border-radius:.5rem;padding:1rem}.geometry-actions{flex-wrap:wrap;gap:.8rem;margin-top:1.25rem;display:flex}.geometry-explanation{background:#f8fafc;border:1px solid #d2deeb;border-radius:.6rem;margin:1.5rem 0 0;padding:1.25rem}.geometry-explanation svg{background:#fff;border-radius:.5rem;width:min(100%,30rem);height:auto;margin:auto;display:block}.geometry-relation{text-align:center;color:#9b3d19;font-size:1.05rem;font-weight:750}.geometry-explanation small{color:#53657a;font-size:.85rem}.geometry-final-score{color:#295e91;margin:1.5rem 0;font-size:clamp(2rem,6vw,3rem);font-weight:800}.geometry-review-title{margin-top:2rem}.geometry-review details{border-bottom:1px solid #d2deeb;padding:.9rem 0}.geometry-review summary{cursor:pointer;padding:.5rem 0;font-weight:650}.geometry-review p{margin:.7rem 0}.geometry-footer{color:#53657a;flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-top:2rem;font-size:.85rem;display:flex}.geometry-footer a{color:#295e91;align-items:center;min-height:44px;font-weight:650;display:inline-flex}@media (width<=600px){.geometry-app{padding-top:1.25rem}.geometry-shell{width:calc(100% - 1.25rem)}.geometry-header{margin-bottom:1.5rem}.geometry-app:has(#geometry-play:not([hidden])) .geometry-header h1{font-size:1.25rem}.geometry-app:has(#geometry-play:not([hidden])) .geometry-header br,.geometry-app:has(#geometry-play:not([hidden])) .geometry-header p{display:none}.geometry-app:has(#geometry-play:not([hidden])) .geometry-header{margin-bottom:.8rem}.geometry-toolbar{padding:.8rem}.geometry-toolbar p{font-size:.85rem}.geometry-question-panel{padding:1.1rem}.geometry-app .geometry-option{gap:.65rem;padding:.8rem;font-size:.95rem}.geometry-actions button,.geometry-mode-actions button{width:100%}.geometry-explanation{padding:.8rem}#geometry-play{scroll-margin-top:5.5rem}}@media (prefers-reduced-motion:reduce){html:has(.geometry-app){scroll-behavior:auto}}
