.release-notice { background: #f5eee3; color: #291c40; border-bottom: 1px solid #d8cdbb; }
.release-notice .container { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 20px; padding-top: 14px; padding-bottom: 14px; font-size: 14px; line-height: 1.5; }
.release-notice strong { color: #472e69; }
.release-notice span { flex: 1 1 400px; }
.release-notice a { color: #472e69; font-weight: 700; }
.renewal-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.renewal-grid figure { margin: 0; }
.renewal-grid .device-frame img { max-height: 760px; }
.renewal-card { padding: 30px; border: 1px solid var(--line); border-radius: 28px; background: linear-gradient(145deg, #19152b, #0c0c1b); }
.renewal-card img { width: 112px; height: 112px; object-fit: contain; margin-bottom: 20px; }
.renewal-card h3 { font-size: 28px; line-height: 1.15; }
.renewal-card p { max-width: 65ch; }
.renewal-card .detail { font-size: 15px; color: var(--text-muted); }
.renewal-hero-art { min-height: 360px; display: grid; place-items: center; background: radial-gradient(ellipse at center, #2c244b 0%, #100d20 65%); }
.renewal-hero-art img { width: 100%; height: auto; object-fit: contain; padding: 15px; }
.renewal-hero-art .art-caption { padding: 0 24px 20px; margin: 0; font-size: 14px; text-align: center; color: var(--text-muted); }
.reading-example { padding: 30px; border-left: 3px solid var(--accent); border-radius: 0 22px 22px 0; background: #151322; }
.reading-example blockquote { margin: 12px 0 20px; font-family: var(--font-head); font-size: clamp(21px, 2.4vw, 29px); line-height: 1.45; color: var(--text); }
.reading-example .example-source { font-size: 14px; color: var(--text-muted); }
.friends-lead { display: grid; grid-template-columns: 1.2fr 0.8fr; gap: 40px; align-items: center; }
.friends-lead img { width: 100%; max-height: 360px; object-fit: contain; }
.preview-label { display: inline-block; padding: 7px 12px; margin-bottom: 14px; border: 1px solid #f6d37a66; border-radius: 999px; color: var(--accent); font-size: 13px; font-weight: 700; }
.screen-caption { margin: 12px 0 0; text-align: center; font-size: 14px; color: var(--text-muted); }
.hero-copy h1 { overflow-wrap: break-word; }
.nav-links { gap: 3px; }
.nav-links a { padding-left: 10px; padding-right: 10px; }
@media (max-width: 1200px) {
  .nav-toggle { display: inline-flex; }
  .nav-links { position: absolute; top: 82px; right: 18px; left: 18px; display: none; flex-direction: column; align-items: stretch; padding: 14px; background: #090714; border: 1px solid var(--line); border-radius: 22px; }
  .nav-links.open { display: flex; }
}
@media (max-width: 780px) {
  .renewal-grid, .friends-lead { grid-template-columns: 1fr; }
  .renewal-card { padding: 24px; }
  .friends-lead { gap: 16px; }
  .friends-lead img { max-height: 260px; }
  .renewal-hero-art { min-height: 240px; }
  .release-notice .container { gap: 6px; }
  .release-notice span { flex-basis: 100%; }
}