/* Public informational pages — Metal Neon system */
.modern-page{background:linear-gradient(180deg,rgba(2,7,17,.88),rgba(2,7,17,.98)),url('./site-background.jpg') center/cover fixed}
.modern-page main{width:min(1120px,calc(100% - 40px));margin:0 auto;padding-bottom:50px}
.modern-page .modern-hero{padding:58px 0 30px}
.modern-page .modern-hero h1{margin:0;color:#fff;font-size:clamp(32px,5vw,58px);line-height:1.05;letter-spacing:-.035em}
.modern-page .modern-hero p{max-width:820px;margin:13px 0 0;color:var(--muted);font-size:14px;line-height:1.8}
.modern-section{margin:16px 0;padding:clamp(18px,3vw,26px);border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(10,31,49,.9),rgba(3,13,24,.96));box-shadow:inset 0 1px rgba(255,255,255,.06),0 18px 50px rgba(0,0,0,.18)}
.modern-section h2{margin:0 0 14px;color:#fff;font-size:clamp(20px,3vw,28px)}
.modern-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.modern-card{min-width:0;padding:17px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.015))}
.modern-card h3,.modern-card h4{margin:0 0 8px;color:#fff}.modern-card p,.modern-card li{color:var(--muted);font-size:12px;line-height:1.75}.modern-card ul{padding-left:18px;margin:8px 0}.modern-chip-row{display:flex;flex-wrap:wrap;gap:8px}.modern-chip{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:6px 10px;border:1px solid var(--line);border-radius:999px;background:rgba(168,255,18,.045);color:#eaf5f8;font-size:10px;font-weight:700}
.modern-note,.modern-warning{padding:12px 14px;border:1px solid rgba(168,255,18,.2);border-radius:11px;background:rgba(168,255,18,.04);color:var(--muted);font-size:11px;line-height:1.65}.modern-warning{border-color:rgba(215,227,95,.28);background:rgba(215,227,95,.04)}
.modern-periods{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.modern-period-btn{min-width:0;min-height:48px;padding:9px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.025);color:var(--muted);cursor:pointer}.modern-period-btn.active{border-color:rgba(168,255,18,.55);background:rgba(168,255,18,.08);color:#fff;box-shadow:0 0 18px rgba(168,255,18,.06)}.modern-period-btn small{display:block;margin-top:2px;color:var(--soft)}.modern-period-panel{display:none;margin-top:13px;padding:16px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.02)}.modern-period-panel.active{display:block}
@media(max-width:900px){.modern-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.modern-periods{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.modern-page main{width:calc(100% - 24px)}.modern-page .modern-hero{padding:38px 0 22px}.modern-page .modern-hero p{font-size:13px}.modern-grid{grid-template-columns:1fr}.modern-section{padding:16px}.modern-periods{grid-template-columns:1fr 1fr}}
@media(max-width:380px){.modern-page main{width:calc(100% - 20px)}.modern-section{padding:14px}.modern-periods{gap:7px}.modern-period-btn{font-size:10px;padding:8px}}

/* Global footer sizing */
.site-footer,.site-disclaimer-footer,.footer,.admin-footer{font-size:12px!important;line-height:1.55;}
.site-footer p,.site-disclaimer-footer p,.footer p,.admin-footer p{font-size:12px!important;}
