/* Liquid glass is used in one place only: the navigation bar. */
.nav{background:linear-gradient(135deg,rgba(255,255,255,.26),rgba(255,255,255,.08));-webkit-backdrop-filter:blur(16px) saturate(1.6);backdrop-filter:blur(16px) saturate(1.6);
border:1px solid rgba(255,255,255,.35);box-shadow:inset 0 1.5px 0 rgba(255,255,255,.55),0 12px 34px rgba(8,14,50,.3);color:#fff}
.brand{display:flex;align-items:center;gap:9px;font:800 1.2rem var(--head)}
.brand img{border-radius:6px}
.nav nav a{padding:6px 12px;border-radius:999px;white-space:nowrap;font-weight:500}
.nav nav a:hover,.nav nav a[aria-current]{background:rgba(255,255,255,.24)}
#lang{font:500 .9rem var(--body);color:#fff;cursor:pointer;padding:7px 15px;border-radius:999px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.4)}
.kicker{margin:0 0 10px;font-weight:500;color:var(--yellow)}
.lead{max-width:32rem;font-size:1.2rem;margin-bottom:26px}
.actions{display:flex;flex-wrap:wrap;gap:12px}
.btn{padding:12px 24px;background:var(--yellow);color:var(--ink);font-weight:500;border-radius:8px}
.btn:hover{background:#fff}
.btn.ghost{background:none;color:#fff;border:1.5px solid rgba(255,255,255,.6)}
.btn.ghost:hover{background:rgba(255,255,255,.15)}
.notice-list{list-style:none;margin:0;padding:0}
.notice-list li{display:grid;grid-template-columns:9rem 1fr;gap:14px;padding:16px 0;border-bottom:1px solid var(--line);font-size:1.15rem}
.notice-list li:first-child{padding-top:0}
.notice-list time{color:var(--red);font-weight:500}
.more{display:inline-block;margin-top:8px;font-weight:500;border-bottom:2px solid currentColor}
.blue .more{color:var(--yellow)}
.todo{background:var(--tint);border-left:4px solid var(--yellow);padding:14px 18px;margin:0 0 20px;color:#4a5578}
@media (max-width:600px){.notice-list li{grid-template-columns:1fr;gap:0}}