body,html{height:100%;overflow:hidden;margin:0;padding:0}.container{max-width:900px;background:white;border-radius:12px;box-shadow:0 6px 16px rgba(0,0,0,.08);padding:40px;margin:96px auto 16px;height:calc(100vh - 112px);display:flex;flex-direction:column;overflow:hidden}.scrollable-content{flex:1;overflow-y:auto;padding-right:8px}.scrollable-content::-webkit-scrollbar{width:6px}.scrollable-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.scrollable-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.scrollable-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}header{text-align:center;margin-bottom:40px;padding-bottom:20px;border-bottom:1px solid #eaeaea;flex-shrink:0}.container h1{font-size:28px;color:#1a1a1a;margin-bottom:10px}.meta-info{color:#666;font-size:14px;margin-top:15px}.container h2{font-size:20px;color:#2c3e50;margin:30px 0 15px;padding-bottom:8px;border-bottom:1px solid #f0f0f0}.container p{margin-bottom:16px;text-align:justify;font-size:15px}.container ol,.container ul{margin:16px 0;padding-left:24px}.container li{margin-bottom:10px}.container .highlight{background-color:#fff9e6;padding:20px;border-left:4px solid #ffc107;margin:20px 0;border-radius:4px}.container .section{margin-bottom:35px;opacity:1}@media (max-width:768px){.container{padding:25px;margin-top:60px;margin-bottom:16px;height:calc(100vh - 76px)}.container h1{font-size:24px}.container h2{font-size:19px}}