body{font-family:Arial,sans-serif;line-height:1.6;margin:0;padding:0;background-color:#f8f9fa;color:#333}.container{width:85%;max-width:1100px;margin:auto;overflow:hidden;padding:0 20px}header{background:#fff;color:#333;padding:1rem 0;border-bottom:1px solid #eee}header a{color:#333;text-decoration:none;text-transform:uppercase;font-size:16px}header .container{display:flex;justify-content:space-between;align-items:center}#logo{font-size:24px;font-weight:700}nav ul{padding:0;list-style:none;margin:0}nav ul li{display:inline;margin-left:20px}main{padding:20px 0}article{background:#fff;padding:30px;border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,.05)}h1,h2,h3,h4{color:#444}h1{font-size:2.5em;margin-bottom:.5em}h2{font-size:2em;border-bottom:2px solid #eee;padding-bottom:.5em;margin-top:1.5em}h3{font-size:1.75em;margin-top:1.5em}h4{font-size:1.5em;margin-top:1.5em}img.page-image{max-width:100%;height:auto;border-radius:8px;margin:20px 0}#table-of-contents{background:#e9ecef;padding:15px;border-radius:5px;margin-bottom:25px}#table-of-contents p{font-weight:700;margin-top:0}#table-of-contents ul{list-style:none;padding-left:0}#table-of-contents ul li a{text-decoration:none;color:#0056b3}blockquote{border-left:5px solid #ccc;padding-left:15px;margin-left:0;font-style:italic}cite{display:block;margin-top:10px;text-align:right}footer{text-align:center;padding:30px;margin-top:30px;background:#333;color:#fff}footer a{color:#fff}.external-links{background:#f8f9fa;padding:20px;margin-top:20px;border:1px solid #ddd;border-radius:5px}.external-links ul{padding-left:20px}a{color:#0056b3;text-decoration:none}a:hover{text-decoration:underline}@media(max-width:768px){header .container{flex-direction:column}nav ul{margin-top:15px}nav ul li{display:block;text-align:center;margin:10px 0}h1{font-size:2em}h2{font-size:1.75em}}