body,html{padding:0;margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f4f4f7;color:#111}*{box-sizing:border-box}.page{min-height:100vh}.topbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;background:#111;color:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:20}.logo{font-weight:700;font-size:1rem}.topbar-nav{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.topbar-group{position:relative}.home-button,.language-switcher button,.print-button,.sidebar-module-button,.sidebar-problem,.topbar-item,.topbar-label{border:none;background:transparent;color:inherit;cursor:pointer;font:inherit;padding:8px 12px;border-radius:8px}.home-button,.topbar-item,.topbar-label{color:#f7f7f7}.home-button:hover,.language-switcher button:hover,.topbar-item:hover,.topbar-label:hover{background:hsla(0,0%,100%,.08)}.topbar-dropdown{position:absolute;left:0;top:100%;min-width:180px;background:#222;border-radius:10px;display:none;flex-direction:column;box-shadow:0 16px 32px rgba(0,0,0,.15)}.topbar-group:hover .topbar-dropdown{display:flex}.topbar-item{width:100%;text-align:left}.language-switcher{display:flex;gap:8px}.language-switcher button{background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.18)}.language-switcher button.active{background:#f1f1f1;color:#111}.layout{display:flex;align-items:flex-start;gap:24px;padding:24px}.sidebar{width:320px;min-width:280px;background:#111;color:#f2f2f2;padding:20px;border-radius:20px;position:-webkit-sticky;position:sticky;top:92px;align-self:flex-start}.sidebar-title{font-size:1.1rem;font-weight:700}.sidebar-module,.sidebar-title{margin-bottom:12px}.sidebar-module-button{width:100%;text-align:left;background:#222;color:#fff;font-weight:600}.sidebar-problems{list-style:none;margin:8px 0 0;padding-left:0}.sidebar-problems li{margin-bottom:6px}.sidebar-problem{width:100%;text-align:left;background:#161616;color:#ccc}.sidebar-problem.active,.sidebar-problem:hover{background:#323232;color:#fff}.sidebar-empty{line-height:1.6}.content{flex:1 1}.content-card{background:#fff;border-radius:24px;padding:28px;box-shadow:0 24px 60px rgba(0,0,0,.08)}.content-card h1{margin-top:0}.solution-box{margin-top:24px;padding:18px;border-radius:18px;background:#f7f7f9}.print-button{margin-top:24px;background:#111;color:#fff}@media (max-width:1100px){.layout{flex-direction:column}.sidebar{position:static;width:100%;top:auto}}@media (max-width:760px){.topbar{flex-direction:column;align-items:stretch}.topbar-nav{justify-content:flex-start;flex-wrap:wrap}}