body{margin:0;font-family:Roboto,"Press Start 2P",cursive;color:#000;background-color:#c28569;min-height:100vh}body.home-page{background:#1b1b1b url(/background/main.png) repeat}.page-wrapper{display:flex;flex-direction:column;min-height:100vh}.topbar{padding:10px;text-align:center;background:#e4a672;border:4px solid transparent;border-image:url(/borders/light_border.png) 20% / 1 / 0 stretch;border-style:solid;border-width:5.25px;image-rendering:pixelated;border-radius:13.125px}.topbar nav{display:flex;justify-content:flex-start;gap:15px;flex-wrap:wrap}.topbar a{display:inline-block;padding:8px 16px;text-decoration:none;color:#fff;background:#c28569;border:4px solid transparent;border-image:url(/borders/dark_border.png) 20% / 1 / 0 stretch;border-style:solid;border-width:5.25px;image-rendering:pixelated;border-radius:13.125px;margin:5px;font-family:"Press Start 2P",cursive}.topbar a.active{border-image:url(/borders/light_border.png) 20% / 1 / 0 stretch}.topbar a:hover{color:#fe3;background:#c28569}.content-area{display:grid;grid-template-columns:260px minmax(0,1fr) 300px;gap:0;flex:1;background-color:#c28569;min-height:0}.sidebar{border-right:4px solid #fff;padding:16px;display:flex;flex-direction:column;min-height:0}.sidebar a{display:block;margin:8px 0;color:#fc0;text-decoration:none}.sidebar a:hover{color:#fe3}.sidebar-inner{position:sticky;top:0}.sidebar-nav{list-style:none;padding:0;margin:0 0 12px}.sidebar-nav li a{display:block;padding:6px 8px}.ad-box{margin-top:auto;background:#ffffff14;color:#000;padding:12px;border:4px solid transparent;border-image:url(/borders/light_border.png) 20% / 1 / 0 stretch;border-style:solid;border-width:5.25px;image-rendering:pixelated;border-radius:13.125px;text-align:center;font-size:12px}.main-content{background:#e4a672;padding:20px;overflow-y:auto;min-height:0;border:4px solid transparent;border-image:url(/borders/light_border.png) 20% / 1 / 0 stretch;border-style:solid;border-width:5.25px;image-rendering:pixelated;border-radius:13.125px;margin:15px 30px 25px;max-width:calc(100% - 20px);box-sizing:border-box}.main-content h1,.main-content h2,.main-content h3,.main-content h4,.main-content h5,.main-content h6{color:#2c1810;text-shadow:1px 1px 2px rgba(255,255,255,.5);margin-top:1.5em;margin-bottom:.8em}.main-content p,.main-content li,.main-content td,.main-content th{color:#2c1810;text-shadow:1px 1px 1px rgba(255,255,255,.3);line-height:1.6;margin-bottom:1em}.main-content blockquote,.main-content .highlight-box{background:#ffffff26;border-left:4px solid #c28569;padding:15px 20px;margin:20px 0;border-radius:8px;box-shadow:0 2px 4px #0000001a}.main-content ul,.main-content ol{margin-bottom:1.5em}.main-content li{margin-bottom:.5em}.main-content table{background:#ffffff1a;border-collapse:collapse;margin:20px 0;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.main-content th,.main-content td{padding:12px 15px;text-align:left;border-bottom:1px solid rgba(255,255,255,.2)}.main-content th{background:#c285694d;font-weight:700}.main-content a{color:#8b4513;text-decoration:none;text-shadow:1px 1px 1px rgba(255,255,255,.3)}.main-content a:hover{color:#daa520;text-decoration:underline}.content-area-full{display:flex;flex-direction:column;flex:1;background-color:#c28569;justify-content:center;align-items:center;padding:20px;min-height:auto}.page-wrapper:has(.content-area-full){min-height:auto}.content-area-full .main-content{margin:0;max-width:800px;width:100%;flex:none;overflow:visible}@media (max-width: 768px){.topbar{padding:10px}.topbar a{display:block;margin:5px 0;font-size:14px;font-family:"Press Start 2P",cursive}.content-area{grid-template-columns:1fr;grid-template-rows:auto 1fr auto}.sidebar{border-right:none;border-bottom:4px solid #fff;padding:10px}.main-content{padding:15px;margin:5px;max-width:calc(100% - 10px)}.main-content h1,.main-content h2,.main-content h3{font-size:1.2em;margin-top:1.2em;margin-bottom:.6em}.main-content p,.main-content li{font-size:16px;line-height:1.7;margin-bottom:1.2em}.main-content blockquote,.main-content .highlight-box{padding:12px 15px;margin:15px 0}.main-content table{font-size:14px}.main-content th,.main-content td{padding:10px 12px}body{font-size:14px}h1,h2,h3,h4,h5,h6{font-family:"Press Start 2P",cursive}h1{font-size:20px}h2{font-size:18px}h3{font-size:16px}p,li,td,th{font-family:Roboto,sans-serif}p{font-size:14px}}@media (max-width: 480px){.topbar{padding:5px}.topbar a{font-size:12px;margin:3px 0;font-family:"Press Start 2P",cursive}.sidebar{padding:8px}.main-content{padding:10px;margin:3px;max-width:calc(100% - 6px)}.main-content h1,.main-content h2,.main-content h3{font-size:1.1em;margin-top:1em;margin-bottom:.5em}.main-content p,.main-content li{font-size:15px;line-height:1.8;margin-bottom:1.3em}.main-content blockquote,.main-content .highlight-box{padding:10px 12px;margin:12px 0}.main-content table{font-size:13px}.main-content th,.main-content td{padding:8px 10px}body{font-size:12px}h1,h2,h3,h4,h5,h6{font-family:"Press Start 2P",cursive}h1{font-size:18px}h2{font-size:16px}h3{font-size:14px}p,li,td,th{font-family:Roboto,sans-serif}p{font-size:12px}}