/* Round 3: one grouped navigation row and data-driven guide cards. */
header{height:94px;padding:0 5%;gap:22px}header .brand img{width:165px}header nav{margin-left:auto;gap:22px;align-items:center;position:static;font-size:14px}header nav>a,header nav summary{min-height:44px;display:flex;align-items:center;padding:10px 4px;cursor:pointer;list-style:none}header nav summary::-webkit-details-marker{display:none}header nav summary:after{content:'⌄';margin-left:9px}header nav details{position:relative;padding:0;border:0}header nav details[open] summary{color:#946116}
.nav-dropdown{position:absolute;top:48px;left:0;width:238px;background:#fffdf6;border:1px solid #d4d9c7;border-radius:12px;padding:10px;box-shadow:0 12px 28px #15382f26;z-index:6}.nav-dropdown a{display:block;padding:11px 13px;border:0;border-radius:6px}.nav-dropdown a:hover{background:#eef1e4}.social-buttons{display:flex;gap:7px;align-items:center}.social-buttons button{font-size:12px;padding:9px 11px;min-height:40px;border:1px solid #c6cfba;background:#f4f3e7;color:#234535;box-shadow:none;border-radius:9px}.social-buttons button:hover{background:#e9dfbe}header #menu{order:5}.footer-social{grid-column:1/-1}
.server-status{margin:30px 8% 0;display:flex;align-items:center;justify-content:space-between;gap:24px;background:#15382f;border:1px solid #69816b;border-radius:20px;padding:24px 30px;color:#fff6df}.server-status h2{margin:7px 0;font-size:23px}.server-status p{font-size:13px;line-height:1.7;margin:8px 0}.server-status .eyebrow{color:#eed48e}.server-status .demo{background:#fff1cc;color:#69450c}.status-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#9fd286;margin-right:8px}.status-dot.maintenance{background:#f5bd53}.online-count{text-align:center;flex-shrink:0;min-width:115px}.online-count strong{font-size:38px;display:block}.online-count span{font-size:12px}
.system-image{margin:0 0 20px;border-radius:14px;background:#f0f2e5;overflow:hidden}.system-image img{display:block;width:100%;height:190px;object-fit:contain;padding:12px}.system-image figcaption{padding:8px 12px;text-align:center;font-size:11px;color:#637054}.featured-card h3{font-size:23px}.secondary-heading{margin-top:46px}.data-wait{font-size:15px;display:inline-block;background:#fff0cd;color:#75521c;padding:6px 14px;border-radius:9px}.server-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.server-info-grid .card:last-child{grid-column:1/-1}.beginner-step{display:grid;grid-template-columns:50px minmax(0,1fr);gap:20px;padding:28px;background:#fffdf6;border:1px solid #d4dcc8;border-radius:16px;margin-bottom:18px}.step-number{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:#e9cf93;color:#264433;font-size:22px;font-weight:bold}.beginner-step h2{font-size:24px;margin:0 0 12px}.beginner-step p{line-height:1.9;color:#566b60}.beginner-links{margin-top:24px;display:flex;gap:15px;flex-wrap:wrap}
@media(max-width:1050px){header{gap:12px;padding:0 3%}header nav{gap:12px}header .brand img{width:145px}.social-buttons button{padding:8px}}
@media(max-width:850px){header{height:80px;gap:9px;position:relative}header .brand img{width:125px}header>.social-buttons{margin-left:auto}header>.social-buttons button{font-size:10px;min-height:36px;padding:7px}header #menu{display:block;padding:7px 10px;min-height:40px}header nav{display:none;position:absolute;top:80px;left:0;right:0;margin:0;background:#fffdf6;max-height:calc(100dvh - 115px);overflow-y:auto;border-bottom:2px solid #d1ba7a;padding:14px 6%;box-shadow:0 15px 25px #15382f26}header nav.open{display:flex;align-items:stretch;gap:0;flex-direction:column}header nav>a,header nav summary{min-height:48px;padding:12px 8px;font-size:16px}.nav-dropdown{position:static;width:auto;box-shadow:none;border:0;border-left:3px solid #dbc58f;border-radius:0;margin:0 0 8px 10px;background:#f3f3e8}.nav-dropdown a{min-height:44px}.server-status{margin:24px 6% 0;padding:20px;gap:15px}.server-status h2{font-size:20px}.online-count{min-width:65px}.online-count strong{font-size:30px}.server-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:550px){.server-info-grid{grid-template-columns:1fr}.server-status{align-items:flex-start;flex-wrap:wrap}.online-count{display:flex;align-items:center;gap:12px;text-align:left}.system-image img{height:170px}.beginner-step{padding:20px;gap:12px;grid-template-columns:38px minmax(0,1fr)}.step-number{width:34px;height:34px;font-size:18px}.beginner-step h2{font-size:22px}.server-info-grid .card:last-child{grid-column:auto}}