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