/* Readable navigation and Athena2 system overview. */
.athena-public .top.site-top{padding:14px clamp(16px,3vw,48px);gap:20px;min-height:96px}
.athena-public .site-top h1 .brand-logo{width:166px;max-height:80px;object-fit:contain}
.athena-public .site-top nav{font-size:15px;gap:18px;flex-wrap:wrap}
.athena-public .site-top nav>a{min-height:44px;display:flex;align-items:center;padding:10px 2px}
.athena-public .site-top .header-actions{font-size:14px;gap:10px}
.athena-public .site-top .header-register{min-width:88px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border:1px solid #d6b575;border-radius:6px;background:linear-gradient(135deg,#b08b45,#e1c58a);color:#172016;font-weight:800;white-space:nowrap;box-shadow:inset 0 0 0 2px #fff2}
.athena-public .site-top .header-register:hover{background:#efd9a9;color:#09110b}
.access-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.access-card,.system-card{position:relative;padding:30px;border:1px solid #64744e;border-radius:8px;background:radial-gradient(ellipse at top left,#31533970,transparent 80%),#111f18;box-shadow:0 12px 28px #0002}
.access-card{display:flex;flex-direction:column;align-items:flex-start}
.access-card p{flex:1;margin-bottom:24px}
.access-card h3,.system-card h3,.start-steps h3{font-size:22px;line-height:1.35;margin:15px 0 10px}
.access-card p,.system-card p,.start-steps p,.server-faq p{font-size:15px;line-height:1.8;color:#becbb6}
.system-symbol{display:grid;place-items:center;width:52px;height:52px;font:28px Georgia,serif;color:#e1c58a;background:#c7aa5d0c;border:1px solid #ac935466;border-radius:12px}
.system-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.system-card{padding:24px;transition:transform .2s,border-color .2s}
.system-card:hover{transform:translateY(-3px);border-color:#b7ba80}
.start-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;padding:0;gap:32px}
.start-steps li{border-top:1px solid #8b8858;padding:26px 0}
.start-steps li>span{font:36px Georgia,serif;color:#c6b376}
.server-faq details{border-bottom:1px solid #536044;padding:20px 0}
.server-faq summary{cursor:pointer;font-size:18px;color:#e5ebd8;line-height:1.5;padding:4px 0}
.server-faq p{max-width:840px;margin:14px 0 4px}
@media(max-width:1450px){.athena-public .site-top nav{order:3;flex-basis:100%;justify-content:center}.athena-public .site-top .header-actions{margin-left:auto}.system-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.athena-public .top.site-top{padding:12px 14px;gap:12px}.athena-public .site-top h1 .brand-logo{width:125px}.athena-public .site-top nav{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;max-width:100%;font-size:15px;gap:20px}.athena-public .site-top .header-actions{gap:7px}.athena-public .site-top .header-register{padding:9px 12px;font-size:13px}.athena-public .site-top .header-actions .account-link{font-size:13px}.access-grid,.start-steps{grid-template-columns:1fr}.system-grid{gap:12px}.system-card{padding:20px}.system-card h3{font-size:19px}.start-steps{gap:10px}.section-heading h2{overflow-wrap:anywhere}}
@media(max-width:430px){.system-grid{grid-template-columns:1fr}.athena-public .site-top .header-actions{flex:1;justify-content:flex-end}}
@media(prefers-reduced-motion:reduce){.system-card{transition:none}.system-card:hover{transform:none}}