:root{--primary-color:#007bff;--secondary-color:#6c757d;--light-color:#f8f9fa;--dark-color:#343a40;--white-color:#fff;--body-bg:#f4f4f9;--font-family:'Lato',sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);line-height:1.6;color:var(--dark-color);background-color:var(--body-bg)}a{color:var(--primary-color);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1100px;margin:auto;overflow:hidden;padding:0 20px}.main-header{background:var(--white-color);padding:1rem 0;border-bottom:1px solid #ddd}.main-header .container{display:flex;justify-content:space-between;align-items:center}.main-header .logo{font-size:1.8rem;font-weight:700;color:var(--dark-color)}.main-header .logo span{color:var(--primary-color)}.main-nav ul{display:flex;list-style:none}.main-nav ul li{margin-left:20px}.main-nav ul li a{padding:5px 10px;border-radius:5px;transition:background-color .3s ease}.main-nav ul li a:hover,.main-nav ul li a.active{background-color:var(--primary-color);color:var(--white-color);text-decoration:none}main{padding:2rem 0}article{background:var(--white-color);padding:2.5rem;border-radius:8px;box-shadow:0 0 15px rgba(0,0,0,.05);margin-bottom:2rem}article h1,article h2,article h3,article h4{margin-bottom:1rem;color:var(--dark-color);line-height:1.2}article h1{font-size:2.5rem}article h2{font-size:2rem;border-bottom:2px solid var(--light-color);padding-bottom:.5rem}article h3{font-size:1.7rem}article h4{font-size:1.4rem}article p,article ul,article ol{margin-bottom:1.5rem}article ul,article ol{padding-left:25px}article li{margin-bottom:.5rem}article strong,article b{color:#333}article em,article i{font-style:italic}blockquote{border-left:5px solid var(--primary-color);padding:1rem 1.5rem;margin:1.5rem 0;background:var(--light-color);border-radius:5px}blockquote p{margin:0}cite{display:block;margin-top:.5rem;color:var(--secondary-color);font-size:.9rem}.toc{background-color:#eef5ff;border:1px solid #bce8f1;padding:15px;margin-bottom:2rem;border-radius:5px}.toc p{font-weight:700;margin-bottom:.5rem}.toc ul{list-style-type:none;padding:0}.toc ul li a{display:block;padding:3px 0;transition:color .2s ease}.toc ul li a:hover{color:#0056b3}.img-fluid{max-width:100%;height:auto;border-radius:8px;margin:1.5rem 0}.main-footer{background:var(--dark-color);color:var(--white-color);padding:2rem 0;text-align:center;margin-top:2rem}.main-footer a{color:var(--primary-color)}.main-footer p{margin:0}details{margin-bottom:1rem;border:1px solid #ddd;border-radius:5px}details summary{padding:1rem;font-weight:700;cursor:pointer;background-color:var(--light-color)}details div{padding:1rem;border-top:1px solid #ddd}@media(max-width:768px){.main-header .container{flex-direction:column}.main-nav{margin-top:1rem}.main-nav ul{flex-direction:column;align-items:center}.main-nav ul li{margin:5px 0}.main-nav ul li a{display:block;width:100%;text-align:center}article h1{font-size:2rem}article h2{font-size:1.7rem}}