/* iConference — KI-News Archiv. Karten-Styles (.ncard, .news-grid, .ntag, .ndate,
   .ncard-src) kommen aus ../website.css; hier nur Seite/Bar/Hero/Monat. */

.npage { min-height:100vh; background:var(--bg-2); }

/* Top-Bar */
.nbar { position:sticky; top:0; z-index:10; display:flex; align-items:center; gap:14px;
  background:var(--navy-800); padding:12px 32px; }
.nbar img { height:22px; width:auto; }
.nbar-div { width:1px; height:22px; background:rgba(255,255,255,.18); }
.nbar-ttl { font-family:var(--font-display); font-weight:700; font-size:15px; color:#fff; letter-spacing:-.01em; }
.nbar-ttl span { color:var(--ochre-300); font-weight:500; }
.nbar-right { margin-left:auto; display:flex; align-items:center; gap:16px; }
.nbar-back { display:inline-flex; align-items:center; gap:6px; color:rgba(255,255,255,.82); text-decoration:none;
  font-family:var(--font-display); font-size:14px; }
.nbar-back:hover { color:#fff; }
.nbar-back svg { width:16px; height:16px; }
.nlang { display:flex; gap:2px; background:rgba(255,255,255,.08); border-radius:var(--radius-pill); padding:3px; }
.nlang button { border:0; background:transparent; color:rgba(255,255,255,.7); font-family:var(--font-mono); font-size:12px;
  padding:4px 10px; border-radius:var(--radius-pill); cursor:pointer; }
.nlang button.on { background:#fff; color:var(--navy-800); }

/* Hero */
.nhero { background:var(--bg-1); border-bottom:1px solid var(--border-1); }
.nhero-in { max-width:1200px; margin:0 auto; padding:46px 32px 38px; }
.nhero h1 { font-family:var(--font-display); font-weight:800; font-size:38px; letter-spacing:-.02em; color:var(--navy-700); }
.nhero h1 em { font-style:normal; color:var(--ochre-600); }
.nlead { margin-top:10px; font-size:16px; color:var(--fg-2); max-width:60ch; }
.nnote { display:inline-flex; align-items:center; gap:8px; margin-top:18px; font-family:var(--font-mono);
  font-size:12px; color:var(--fg-3); }
.nnote svg { width:14px; height:14px; color:var(--ochre-600); }

/* Body */
.nmain { max-width:1200px; margin:0 auto; padding:40px 32px 64px; }
.nmonth { margin-bottom:42px; }
.nmonth-h { font-family:var(--font-mono); font-size:13px; font-weight:500; letter-spacing:.06em; text-transform:uppercase;
  color:var(--ochre-700); margin-bottom:18px; padding-bottom:10px; border-bottom:1px solid var(--border-1); }
.nempty { padding:60px 0; text-align:center; color:var(--fg-3); font-size:16px; }

@media (max-width:860px) {
  .nbar { padding:10px 18px; }
  .nhero-in, .nmain { padding-left:18px; padding-right:18px; }
  .nhero h1 { font-size:30px; }
}

@media (max-width:600px) {
  .nbar { padding:10px 14px; gap:10px; }
  .nbar-div, .nbar-ttl { display:none; }
  .nbar-back { font-size:0; gap:0; }
  .nbar-back svg { width:18px; height:18px; }
}