/* access.css — /access account hub. External per CSP (style-src 'self'). */

.ax-wrap { max-width: 820px; margin: 0 auto; padding: 0 24px 80px; }

.ax-eyebrow { font-size: 12px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--muted); margin: 52px 0 8px; }
.ax-wrap h1 { font-family: var(--serif); font-size: 34px; font-weight: 500; margin: 0 0 12px; }
.ax-lede { font-size: 16px; color: var(--ink-2); line-height: 1.72; margin: 0 0 40px; max-width: 66ch; }

/* two doors */
.ax-doors { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }
@media (max-width: 720px) { .ax-doors { grid-template-columns: 1fr; } }

.ax-door {
  display: flex; flex-direction: column;
  background: var(--paper-card);
  border: 1px solid var(--line-soft);
  border-radius: var(--radius);
  padding: 28px 26px;
  box-shadow: var(--shadow-1);
}
.ax-door-tag { font-size: 12px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--accent-warm); margin: 0 0 10px; }
.ax-door h2 { font-family: var(--serif); font-size: 21px; font-weight: 500; margin: 0 0 10px; color: var(--ink); }
.ax-door-body { font-size: 14.5px; color: var(--ink-2); line-height: 1.68; margin: 0 0 20px; }
.ax-door-cta {
  align-self: flex-start; margin-top: auto;
  padding: 11px 22px; background: var(--ink); color: var(--paper-soft);
  border: 0; border-radius: 999px; font-family: var(--serif); font-size: 15px;
  letter-spacing: 0.02em; box-shadow: var(--shadow-1);
  transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
}
.ax-door-cta:hover { background: #000; color: var(--paper-soft); transform: translateY(-1px); box-shadow: var(--shadow-2); border-bottom-color: transparent; }
.ax-door-foot { font-size: 12.5px; color: var(--muted); line-height: 1.6; margin: 14px 0 0; font-style: italic; }

/* newcomer line */
.ax-new {
  margin-top: 34px; padding: 18px 22px;
  background: rgba(58,106,76,0.05);
  border: 1px solid var(--line-soft); border-left: 3px solid var(--confirm);
  border-radius: 8px;
}
.ax-new p { margin: 0; font-size: 14.5px; color: var(--ink-2); line-height: 1.65; }

/* honest note */
.ax-note { margin-top: 46px; padding-top: 34px; border-top: 1px solid var(--line-soft); }
.ax-note h3 { font-family: var(--serif); font-size: 18px; font-weight: 500; color: var(--ink); margin: 0 0 8px; }
.ax-note p { font-size: 14.5px; color: var(--ink-2); line-height: 1.72; margin: 0; max-width: 70ch; }

/* footer (mirrors pack.css / recover.css) */
.footer-inner { text-align: center; color: var(--muted); font-size: 13px; padding: 32px 0; }
.footer-links { margin-top: 8px; }
.footer-link { color: var(--muted); }