/* The Akhand Gyan print-subscription hub (/akhand-gyan, schema patch 39.12; templates/public/akhand-gyan.php), on guest.css.
   Temple Dark by default with the site's tokens (--ink, --muted, --surface, --sunken, --champagne, --card-border, --gold-text),
   so Temple Dawn (parchment) reads too. Cinzel for the small capitals, Cormorant Garamond headings, lining tabular figures. */
.agh *, .agh *::before, .agh *::after { box-sizing: border-box; }

/* ---- hero ---- */
.agh-hero { background:
  radial-gradient(900px 520px at 78% 30%, rgba(245, 158, 11, 0.16), transparent 62%),
  radial-gradient(700px 420px at 0% 100%, rgba(136, 19, 55, 0.14), transparent 70%); }
.agh-hero__grid { display: grid; gap: clamp(28px, 5vw, 64px); align-items: center; }
@media (min-width: 900px) { .agh-hero__grid { grid-template-columns: minmax(0, 1.25fr) minmax(0, 0.75fr); } }
.agh-hero .g-eyebrow, .agh .g-kicker { font-family: "Cinzel", var(--serif); letter-spacing: 0.14em; }
.agh-title { max-width: none; }
.agh-title__deva { display: block; margin-top: 0.12em; font-family: var(--sans); font-size: 0.56em; font-weight: 600; line-height: 1.25; color: var(--gold-text); }
.agh-hero__sub { margin: -0.2em 0 1.1em; font-size: 1.05rem; color: var(--muted); }
.agh-issue { margin: 22px 0 0; font-size: 0.95rem; color: var(--muted); }
.agh-issue b { color: var(--ink); font-weight: 600; }

/* the journal plate: a typographic frame around the authentic emblem (no cover is drawn) */
.agh-plate { display: grid; place-items: center; }
.agh-plate__journal {
  position: relative; display: flex; flex-direction: column; align-items: center; gap: 14px; width: min(100%, 320px); aspect-ratio: 3 / 4;
  padding: 30px 24px; border-radius: 10px 18px 18px 10px; text-align: center; color: #FCFBF7;
  background: linear-gradient(160deg, #3A0E1C 0%, #1C0910 46%, #0B0B15 100%);
  border: 1px solid rgba(245, 158, 11, 0.55);
  box-shadow: inset 6px 0 0 rgba(245, 158, 11, 0.35), 0 0 0 6px rgba(245, 158, 11, 0.08), 0 30px 60px -28px rgba(0, 0, 0, 0.7), 0 0 80px -20px rgba(245, 158, 11, 0.35);
}
.agh-plate__rule { display: block; width: 70%; height: 1px; background: linear-gradient(90deg, transparent, #F59E0B, transparent); }
.agh-plate__mast { margin: 4px 0 0; font: 700 clamp(1.9rem, 1.4rem + 1.6vw, 2.5rem)/1.15 var(--sans); color: #F6C35C; }
.agh-plate__emblem { margin: 6px 0; }
.agh-plate__emblem img { width: 96px; height: 96px; object-fit: contain; }
.agh-plate__name { margin: 0; font: 600 1.6rem/1 var(--serif); letter-spacing: 0.02em; }
.agh-plate__sub { margin: 0 0 auto; font: 500 0.72rem/1.3 "Cinzel", var(--serif); letter-spacing: 0.16em; text-transform: uppercase; color: #E9C98B; }

/* ---- why print ---- */
.agh-why .g-card { gap: 8px; }
.agh-why__ico { font-size: 1.6rem; line-height: 1; }
.agh-why p { margin: 0; color: var(--muted); }

/* ---- tiers ---- */
.agh-tiers { list-style: none; display: grid; gap: clamp(14px, 2vw, 22px); margin: 0; padding: 0; grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr)); }
.agh-tier {
  position: relative; display: flex; flex-direction: column; gap: 10px; min-width: 0; padding: clamp(22px, 2.6vw, 30px);
  border-radius: 22px; background: var(--surface); border: 1px solid var(--card-border); box-shadow: var(--shadow-soft);
}
.agh-tier--patron { border-color: rgba(245, 158, 11, 0.7); box-shadow: var(--edge-glow); }
.agh-tier__flag { position: absolute; top: -12px; right: 20px; margin: 0; padding: 2px 12px; border-radius: 999px;
  font: 600 0.72rem/1.6 "Cinzel", var(--serif); letter-spacing: 0.12em; text-transform: uppercase; color: #2A0A14;
  background: linear-gradient(135deg, #F8D888 0%, #E7AE45 52%, #C98A22 100%); }
.agh-tier__name { margin: 0; font: 600 clamp(1.35rem, 1.2rem + 0.6vw, 1.65rem)/1.15 var(--serif); }
.agh-tier__issues { margin: 0; color: var(--muted); }
.agh-tier__issues .g-num { font: 600 2.4rem/1 var(--serif); color: var(--gold-text); margin-right: 0.2em; vertical-align: -0.12em; }
.agh-tier__list { margin: 4px 0 8px; padding: 0 0 0 1.1em; color: var(--ink); display: grid; gap: 4px; flex: 1; }
.agh-tier__list li::marker { color: var(--gold-text); }
.agh-tier__pick { margin-top: auto; }

/* ---- a member's own subscriptions ---- */
.agh-mine__list { margin: 0 0 10px; padding-left: 1.1em; display: grid; gap: 6px; }
.agh-mine a { color: var(--gold-text); font-weight: 600; }

/* ---- the form ---- */
.agh-form-wrap { max-width: 56rem; }
.agh-form { display: grid; gap: 22px; }
.agh-fs { margin: 0; padding: clamp(18px, 2.4vw, 26px); min-width: 0; border: 1px solid var(--card-border); border-radius: 20px; background: var(--surface); }
.agh-fs__legend { padding: 0 8px; font: 600 0.8rem/1.2 "Cinzel", var(--serif); letter-spacing: 0.14em; text-transform: uppercase; color: var(--gold-text); }
.agh-choices { display: grid; gap: 10px; grid-template-columns: repeat(auto-fit, minmax(min(100%, 190px), 1fr)); }
.agh-choices + .agh-choices { margin-top: 12px; }
.agh-choice { position: relative; display: block; min-width: 0; cursor: pointer; }
.agh-choice input { position: absolute; opacity: 0; inset: 0; width: 100%; height: 100%; margin: 0; cursor: pointer; }
.agh-choice span { display: flex; flex-direction: column; justify-content: center; gap: 2px; min-height: 56px; padding: 10px 14px;
  border: 1px solid var(--champagne-strong); border-radius: 14px; font-weight: 600; line-height: 1.25;
  transition: border-color 160ms ease, background-color 160ms ease, box-shadow 160ms ease; }
.agh-choice small { font-weight: 400; font-size: 0.85rem; color: var(--muted); }
.agh-choice input:checked + span { border-color: var(--amber); background: rgba(217, 119, 6, 0.12); box-shadow: inset 0 0 0 1px var(--amber); }
.agh-choice input:focus-visible + span { outline: 3px solid var(--focus); outline-offset: 2px; }

.agh-fields { display: grid; gap: 14px 16px; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 640px) { .agh-fields { grid-template-columns: repeat(2, minmax(0, 1fr)); } .agh-field--wide { grid-column: 1 / -1; } }
.agh-field { display: grid; gap: 6px; min-width: 0; }
.agh-field label { font-weight: 600; font-size: 0.95rem; }
.agh-field label small { font-weight: 400; color: var(--muted); }
.agh-field input {
  width: 100%; min-width: 0; min-height: 48px; padding: 10px 14px; border-radius: 12px; border: 1px solid var(--champagne-strong);
  background: var(--sunken); color: var(--ink); font: inherit; font-size: 16px;
}
.agh-field input:focus-visible { outline: 3px solid var(--focus); outline-offset: 1px; border-color: var(--amber); }
.agh-field input[aria-invalid="true"] { border-color: var(--danger); }
.agh-err { margin: 0; font-size: 0.88rem; color: var(--danger); }
.agh-check { display: flex; align-items: center; gap: 12px; min-height: 48px; cursor: pointer; font-weight: 600; }
.agh-check input { width: 22px; height: 22px; flex: none; accent-color: #D97706; }
.agh-fs [data-agh-gift-from] { margin-top: 12px; }
.agh-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.agh-submit { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 18px; }
.agh-submit .g-btn { position: relative; }
.agh-submit .g-btn[disabled] { opacity: 0.6; cursor: progress; }
.agh-status { margin: 0; min-height: 1.4em; font-weight: 600; }
.agh-status[data-tone="error"] { color: var(--danger); }
.agh-fine { margin: 0; font-size: 0.85rem; color: var(--muted); }
.agh-fine a { color: var(--gold-text); }

/* ---- the receipt ---- */
.agh-receipt { padding: clamp(22px, 3vw, 34px); border-radius: 22px; border: 1px solid rgba(245, 158, 11, 0.6); background: var(--surface); box-shadow: var(--edge-glow); }
.agh-receipt:focus { outline: none; }
.agh-receipt__ref { margin: 0 0 6px; font: 600 0.8rem/1.2 "Cinzel", var(--serif); letter-spacing: 0.14em; color: var(--gold-text); }
.agh-receipt__h { margin: 0 0 8px; font: 600 clamp(1.4rem, 1.2rem + 0.8vw, 1.9rem)/1.2 var(--serif); }
.agh-receipt__steps { display: grid; gap: 8px; margin: 14px 0; padding-left: 1.2em; }
.agh-receipt__more { margin: 0; }
.agh-receipt__more .g-btn { position: relative; }

@media (prefers-reduced-motion: reduce) { .agh-choice span { transition: none; } }

/* schema patch 39.18: one term, one card (centred), and the form's term line */
.agh-tiers--one { grid-template-columns: minmax(0, 28rem); justify-content: center; }
.agh-term { margin: 0 0 .75rem; color: var(--ink); overflow-wrap: anywhere; }
.agh-tier__price { margin: 0; display: flex; align-items: baseline; gap: .25rem; }
.agh-tier__price b { font-size: 1.6rem; }
.agh-tier__price span { color: var(--muted); }