/* Subpages (guides, support, privacy) on the new homepage system. Loaded after /site.css. */
.hn-article main {
  width: min(720px, calc(100vw - 40px));
  margin: 0 auto;
  padding: clamp(48px, 8vw, 96px) 0 clamp(72px, 10vw, 120px);
}
.hn-article .c6-back a {
  color: var(--amber); font-weight: 650; text-decoration: none; font-size: 0.98rem;
}
.hn-article .c6-back a:hover { text-decoration: underline; text-underline-offset: 0.25em; }
.hn-article main h1 {
  margin-top: 22px;
  font-size: clamp(2.2rem, 5vw, 3.4rem);
  line-height: 1.06;
  letter-spacing: -0.035em;
  text-wrap: balance;
  hyphens: manual;
}
.hn-article .c6-meta { margin-top: 16px; color: var(--mist); font-size: 0.95rem; }
.hn-article main section { margin-top: clamp(44px, 6vw, 64px); }
.hn-article main h2 { font-size: clamp(1.5rem, 2.6vw, 1.9rem); line-height: 1.15; letter-spacing: -0.02em; }
.hn-article main h3 { font-size: 1.15rem; }
.hn-article main p { margin-top: 14px; color: var(--text); }
.hn-article main p strong, .hn-article main li strong { color: var(--paper); }
.hn-article main ul { margin-top: 14px; padding-left: 1.2em; display: grid; gap: 8px; }
.hn-article main li::marker { color: var(--amber); }
.hn-article main a:not(.c6-app-store-link) {
  color: var(--paper); text-decoration: underline; text-decoration-color: rgba(242, 164, 65, 0.7);
  text-decoration-thickness: 1.5px; text-underline-offset: 0.22em;
}
.hn-article .c6-faq-card {
  margin-top: 16px; padding: 22px 24px; border-radius: 18px;
  background: var(--panel); border: 1px solid var(--line);
}
.hn-article .c6-faq-card p:first-of-type { margin-top: 8px; }
.hn-article main img { border-radius: 10px; }
.hn-article .c6-app-store-link { display: inline-block; margin-top: 18px; }
.hn-article .c6-app-store-link img { width: 150px; height: auto; border-radius: 0; }