#page-wrapper{background:#fff;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.1);display:flex;flex-direction:column;max-width:1600px;overflow:hidden}#top-header{background-color:#fff}#top-header a{text-decoration:none}#top-header .container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;width:100%}#top-header .logo,.branding .site-title{font-size:24px;font-weight:700}.layout-grid{display:grid;grid-template-columns:250px 1fr 250px;grid-gap:10px;background:#f9f9f9;flex-grow:1;padding:20px}#right-sidebar,#sidebar{display:flex;flex-direction:column;padding:15px}#content,#right-sidebar,#sidebar{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 1px 4px rgba(0,0,0,.1)}#content{padding:20px}#footer{background:#fff;border-top:1px solid #e0e0e0;font-size:12px;padding:6px 12px;text-align:center}#footer,body.dark-mode #footer{color:#666}.footer-content{align-items:center;display:flex;justify-content:center}.info-dropdown-wrapper{display:inline-block;position:relative}.info-toggle{background:none;border:none;color:#666;cursor:pointer;font-size:12px;margin-left:5px;padding:5px}.info-dropdown{background:#fff;border:1px solid #ccc;border-radius:4px;bottom:110%;box-shadow:0 2px 5px rgba(0,0,0,.2);display:none;left:50%;min-width:150px;padding:10px;position:absolute;transform:translateX(-50%);z-index:100}.info-dropdown ul{list-style:none;margin:0;padding:0}.info-dropdown li{margin-bottom:8px}.info-dropdown li:last-child{margin-bottom:0}.info-dropdown a{align-items:center;color:#333;display:flex;font-size:.9rem;text-decoration:none}.info-dropdown a i{margin-right:8px}@media (max-width:768px){.layout-grid{grid-template-columns:1fr;padding:10px}#content,#right-sidebar,#sidebar{margin-bottom:15px}#top-header{display:none}}body.dark-mode .layout-grid{background:#1a1a1a}body.dark-mode #content{background:#2a2a2a;border-color:#313030;box-shadow:0 1px 4px rgba(0,0,0,.5)}body.dark-mode #right-sidebar,body.dark-mode #sidebar{background:#2a2a2a;border:1px solid #313030;box-shadow:0 1px 4px rgba(0,0,0,.5)}input[type=range]::-webkit-slider-runnable-track{background:#333;height:1px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#00a6ed;border-radius:50%;height:10px;margin-top:-5px;width:10px}#controls{gap:30px}.close-x{color:#fd4400;font-size:16px;position:absolute;right:2.5px;top:2.5px}@media (max-width:768px){.close-x{color:#fd4400;font-size:12px;position:absolute;right:-10px;top:-10px}}.tooltip{display:inline-block;position:relative}.tooltip .tooltip-text{background-color:#000;border-radius:5px;bottom:100%;color:#fff;left:50%;opacity:0;padding:5px 10px;position:absolute;text-align:center;transform:translateX(-50%);transition:opacity .3s;visibility:hidden;white-space:nowrap}.tooltip:hover .tooltip-text{opacity:1;visibility:visible}.subtitle-container{align-items:center;background-color:#f7f7f7;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);color:#333;display:grid;font-size:14px;grid-template-columns:auto 1fr auto;margin:15px auto;max-width:600px;padding:10px}#highlightWord{font-size:2rem;text-align:center}#expandSubtitleIcon{align-self:center;color:#afa9a9;cursor:pointer;font-size:1rem;justify-self:end;margin-right:1rem}.dark-mode .subtitle-container{background-color:#333;box-shadow:0 2px 4px hsla(0,0%,100%,.1);color:#f7f7f7}.subtitle-container #highlightWord{display:inline-block;font-size:2rem}.subtitle-container #expandSubtitleIcon{color:#afa9a9;cursor:pointer;font-size:12px;place-self:flex-start;position:relative;top:50%;transform:translateY(-50%)}.subtitle-modal{align-items:center;background:rgba(0,0,0,.9);display:none;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.close-modal{color:#fff;cursor:pointer;font-size:2rem;position:absolute;right:30px;top:20px}#modalContent{color:#fff;text-align:center}#modalSubtitleText{font-size:3rem}