body{font-family:georgia,serif;line-height:1.8;background-color:#f8f8f8;color:#333;margin:30px;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;word-break:break-word;overflow-wrap:break-word}header{text-align:center;margin-bottom:30px;padding:20px 40px}header h1{font-size:2.8em;color:#222;margin-bottom:10px}.rounded{border-radius:8px}.shadow{box-shadow:0 4px 10px rgba(0,0,0,.2)}.hover-zoom{transition:transform .3s ease}.hover-zoom:hover{transform:scale(1.05)}.container{max-width:800px;margin:0 auto;background-color:#fff;padding:30px 40px;border-radius:0;box-shadow:none}.infobox{border-left:5px solid #424242;padding:1em;margin:1em 0;font-size:.9em}.infobox.info{color:#464545;background-color:#e6e6e6}nav{margin-bottom:25px;padding:15px 20px;background-color:#f9f9f9}nav h2{font-size:1.1em;color:#555;margin-top:0;margin-bottom:10px;padding-bottom:5px}nav ul{list-style:none;padding:0}nav ul li{margin-bottom:8px}nav ul li a{text-decoration:none;color:#555;transition:color .3s ease}nav ul li a:hover{color:#007bff}.content{margin-bottom:20px;font-size:1.1em;text-align:justify}h2,h3{color:#222;margin-top:30px;margin-bottom:15px}p{margin-bottom:20px;text-align:justify}hr{border:none;height:1px;background-color:transparent;background-image:linear-gradient(to right,#757575 33%,rgba(255,255,255,0) 0%);background-position:top;background-size:15px 1px;background-repeat:repeat-x;margin:30px 0;width:70%;margin-left:auto;margin-right:auto}footer{text-align:center;margin-top:40px;padding:20px 40px;color:#777;font-size:.9em}footer p{text-align:center;margin:0}.article-sub-nav{margin-bottom:10px;border-radius:5px;overflow-x:auto;white-space:nowrap;max-width:840px;margin-left:auto;margin-right:auto;margin-top:20px}.article-sub-nav ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.article-sub-nav ul li a{text-decoration:none;color:#555;font-weight:400;padding:5px 12px;border:1px solid #ccc;border-radius:20px;transition:all .3s ease;display:inline-block;font-size:.95em;background-color:#fff}.article-sub-nav ul li a:hover{background-color:#eee;color:#007bff;border-color:#007bff}@media(min-width:768px){.container{display:flex;gap:30px}nav{flex-basis:30%;margin-bottom:0}.content{flex-basis:70%}}@media(max-width:767px){body{margin:20px}header{padding:15px 20px;margin-bottom:20px}header h1{font-size:2.2em}.container{flex-direction:column;padding:20px;max-width:100%}nav{margin-bottom:10px;padding:5px 10px;border-right:none;white-space:nowrap}.content{width:100%;margin-bottom:30px;padding-left:0}nav ul{padding-left:0}h2,h3{margin-top:25px}p{margin-bottom:15px}footer{padding:15px 20px}.infobox{padding:.75em;margin:.5em 0;font-size:.9em}.infobox-title{font-size:1.05em}.article-sub-nav{padding:10px 15px;border-radius:0}.article-sub-nav ul{justify-content:flex-start;flex-wrap:nowrap;gap:10px}.article-sub-nav ul li{flex-shrink:0}}