* { box-sizing: border-box; }
body { font-family: -apple-system, "Hiragino Sans", sans-serif; margin: 0; background: #111; color: #eee; }
body.age-gate-active { overflow: hidden; }

.age-gate {
  position: fixed; inset: 0; background: rgba(0,0,0,0.95);
  display: flex; align-items: center; justify-content: center; z-index: 9999;
}
.age-gate-box {
  background: #1c1c1c; padding: 2rem; border-radius: 8px; text-align: center; max-width: 90%;
}
.age-gate-buttons { margin-top: 1rem; display: flex; gap: 1rem; justify-content: center; }
.age-gate-buttons button, .age-gate-buttons a {
  padding: 0.6rem 1.2rem; border-radius: 4px; border: none; cursor: pointer; text-decoration: none;
}
#age-yes { background: #e63946; color: #fff; }
#age-no { background: #333; color: #ccc; }

.site-header { display: flex; justify-content: space-between; padding: 1rem 1.5rem; border-bottom: 1px solid #333; }
.site-title { color: #fff; text-decoration: none; font-weight: bold; font-size: 1.2rem; }
.site-header nav a { color: #ccc; text-decoration: none; margin-left: 1rem; }

.disclosure { font-size: 0.75rem; color: #888; padding: 0.5rem 1.5rem; background: #1a1a1a; }

main { max-width: 800px; margin: 0 auto; padding: 1.5rem; }
.post-list { list-style: none; padding: 0; }
.post-list li { display: flex; justify-content: space-between; padding: 0.75rem 0; border-bottom: 1px solid #222; }
.post-list a { color: #f1a7ac; text-decoration: none; }
.post-list time { color: #666; font-size: 0.85rem; }

.pr-badge {
  display: inline-block; background: #e63946; color: #fff; font-size: 0.75rem;
  padding: 0.2rem 0.6rem; border-radius: 4px; margin: 0.5rem 0;
}
.tag { background: #333; color: #ccc; font-size: 0.75rem; padding: 0.1rem 0.5rem; border-radius: 3px; margin-right: 0.3rem; }

.site-footer { text-align: center; padding: 1.5rem; color: #666; font-size: 0.8rem; border-top: 1px solid #222; }