/* One responsive selection system for subjects, learning areas and learning methods. */
:root{--tile-bg:#262737;--tile-ink:#f3e5c8;--tile-line:#716046;--tile-accent:#edcb88;--tile-hover:#343447}
:root[data-theme=console]{--tile-bg:#101d30;--tile-ink:#e2eaff;--tile-line:#667da0;--tile-accent:#9bd9f0;--tile-hover:#1c3048}
:root[data-mode=light]{--tile-bg:#fffaf0;--tile-ink:#382f40;--tile-line:#b4a17e;--tile-accent:#795414;--tile-hover:#f0e6d3}
:root[data-theme=console][data-mode=light]{--tile-bg:#f4f7fd;--tile-ink:#243a56;--tile-line:#98aac6;--tile-accent:#365e88;--tile-hover:#e4edf9}
:root .learning-tile-grid{--tile-min:13.75rem;--tile-height:5.5rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--tile-min)),1fr));grid-auto-rows:var(--tile-height);align-items:stretch;gap:12px;width:100%;min-width:0;padding:0;margin:18px 0 24px}
:root .learning-tile-grid--compact{--tile-min:10rem;--tile-height:3.5rem;gap:10px}
:root .learning-tile-grid>.learning-tile{position:relative;display:flex;align-items:center;justify-content:flex-start;gap:12px;box-sizing:border-box;min-width:0;width:100%;height:100%;min-height:0;margin:0;padding:12px 16px;border:1px solid var(--tile-line);border-radius:14px;background:var(--tile-bg);color:var(--tile-ink);font:650 1rem/1.3 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;text-align:left;text-decoration:none;white-space:normal;overflow-wrap:anywhere;box-shadow:none;transition:background .15s ease,border-color .15s ease,transform .15s ease;cursor:pointer}
:root .learning-tile-grid>.learning-tile:hover:not(:disabled){background:var(--tile-hover);border-color:var(--tile-accent);transform:translateY(-2px);box-shadow:none}
:root .learning-tile-grid>.learning-tile:focus-visible{outline:3px solid var(--tile-accent);outline-offset:3px}
:root .learning-tile-grid>.learning-tile[aria-pressed=true],:root .learning-tile-grid>.learning-tile.active,:root .learning-tile-grid>.learning-tile[aria-current=page]{border:2px solid var(--tile-accent);box-shadow:inset 0 -3px var(--tile-accent);background:var(--tile-hover)}
:root .learning-tile-grid>.learning-tile:disabled{cursor:default;opacity:.6;transform:none}
:root .learning-tile-grid>.learning-tile::after{display:none}
:root .learning-tile-grid>.learning-tile .tile-icon,:root .learning-tile-grid>.learning-tile .feature-icon{position:static;display:block;flex:0 0 34px;width:34px;min-width:34px;margin:0;font-size:1.65rem;line-height:1;opacity:1;letter-spacing:0}
:root .learning-tile-grid>.learning-tile strong{display:block;min-width:0;margin:0;color:inherit;font:inherit;letter-spacing:0;text-transform:none}
:root .learning-tile-grid>.learning-tile .tile-label{min-width:0}
:root .learning-tile-grid>.learning-tile small,:root .learning-tile-grid>.learning-tile p,:root .learning-tile-grid>.learning-tile .pill,:root .learning-tile-grid>.learning-tile .go{display:none}
:root[data-theme=console] .learning-tile-grid>.learning-tile{border-left:4px solid var(--tile-accent);border-radius:18px 5px 5px 18px}
:root .tile-layout.workshop{max-width:none;width:100%;padding-inline:clamp(12px,2vw,36px)}
:root .tile-layout.geometry-layout{max-width:none;width:100%}
:root #content>.welcome,:root #content>.placeholder{max-width:none;width:100%;margin:18px auto}
:root #rzgHome>h1{font-size:clamp(1.65rem,3vw,2.3rem);margin:12px 0 20px}
:root .math-area-tiles{margin:14px 0 20px}
/* Keep actual exercises readable while their navigation can use the full display. */
:root .tile-layout.workshop>.panel,:root .geometry-layout>.page,:root .tile-layout.workshop #roundPanel,:root .tile-layout.workshop #results{max-width:1200px;margin-inline:auto}
@media(max-width:600px){:root .learning-tile-grid{--tile-min:9rem;--tile-height:5rem;gap:10px}:root .learning-tile-grid--compact{--tile-min:8rem;--tile-height:3.5rem}:root .learning-tile-grid>.learning-tile{font-size:.92rem;padding:10px 12px;gap:8px}:root .learning-tile-grid>.learning-tile .tile-icon,:root .learning-tile-grid>.learning-tile .feature-icon{flex-basis:28px;min-width:28px;width:28px;font-size:1.4rem}}
@media(prefers-reduced-motion:reduce){:root .learning-tile-grid>.learning-tile{transition:none}:root .learning-tile-grid>.learning-tile:hover:not(:disabled){transform:none}}

:root .tile-layout.geometry-header{max-width:none;width:100%;padding-inline:clamp(12px,2vw,36px)}