/* ==========================================================================
   APERTURE — THE MERCHANT ACCOUNT PAGE
   Added 6 September 2026. Rebuilt the same afternoon on the owner's ruling:
   the page is built exactly as the Terms, Fees and Privacy pages are built
   (legal.css): the same page backdrop, the engraved title, the short gold
   rule, a caption line, then content in the prose column with thin section
   rules between blocks and engraved gold section labels. No panel, no card,
   no boxed section. The structure and classes are legal.css's own
   (.legal-hero, .legal, .legal__h, .legal__p); the gold section label is
   .legal__h--label from apply.css. What is here is only what those pages do
   not have: the underline field, the gold-outlined CTA, the key display and
   the copy control (the site's own controls, unchanged), the ruled findings
   table, and the rule that separates one application from the next.
   ========================================================================== */

/* ---- The caption line in the hero: the sign-in line, or SIGNED IN AS ---- */
.acct-hero__sub { max-width: var(--measure); }
.acct__state {
  font-family: var(--f-display);
  letter-spacing: var(--ls-absence);
  color: var(--c-gold-bright);
}
.acct__who {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
}
.acct__who-line { margin: 0; }
.acct__who-email { color: var(--c-body-bright); overflow-wrap: anywhere; }
.acct__who .acct__form--inline { margin-top: 0; }

/* ---- Type: the engraved label, the notice ---- */
.acct__label {
  display: block;
  font-family: var(--f-display);
  font-size: 12px;
  letter-spacing: var(--ls-field-label);
  text-transform: uppercase;
  color: var(--c-gold-bright);
  font-weight: 400;
}
.acct__label--inline { display: inline; }
.acct__line { color: var(--c-body-bright); }
.acct__notice {
  font-family: var(--f-body);
  font-size: var(--t-body);
  line-height: 1.7;
  letter-spacing: 0.2px;
  color: var(--c-body-bright);
  border-left: 1px solid var(--c-gold);
  padding: 4px 0 4px 18px;
  margin: 0 0 24px;
  max-width: 620px;
}

/* ---- The form: one field, underline treatment, gold CTA ---- */
.acct__form { margin: 0; }
.acct__field { display: flex; flex-direction: column; gap: 8px; margin-bottom: 26px; max-width: 460px; }
.acct__input {
  font-family: var(--f-body);
  font-size: var(--t-field);
  letter-spacing: 0.2px;
  color: var(--c-body-bright);
  background: transparent;
  border: 0;
  border-bottom: 1px solid rgba(242,227,196,0.16);
  border-radius: 0;
  padding: 6px 0 10px;
  width: 100%;
  transition: border-color var(--dur) var(--ease);
}
.acct__input::placeholder { color: var(--c-body); opacity: 0.72; }
.acct__input:focus { border-bottom-color: var(--c-gold); }
.acct__input--code {
  font-family: ui-monospace, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace;
  font-size: calc(18px + 6 * var(--span) / 1050);
  letter-spacing: 0.4em;
  max-width: 240px;
}

.acct__actions {
  display: flex;
  align-items: center;
  gap: calc(20px + 20 * var(--span) / 1050);
  flex-wrap: wrap;
  margin: 4px 0 14px;
}
.acct__cta {
  display: inline-block;
  font-family: var(--f-body);
  font-size: 12px;
  letter-spacing: calc(2.4px + 1.6 * var(--span) / 1050);
  line-height: 1.55;
  color: var(--c-display);
  background: none;
  border: 1px solid var(--c-gold);
  border-radius: 1px;
  padding: calc(12px + 6 * var(--span) / 1050) calc(26px + 23 * var(--span) / 1050);
  text-decoration: none;
  cursor: pointer;
  transition: background-color var(--dur) var(--ease);
}
.acct__cta:hover, .acct__cta:focus-visible { background: rgba(201,162,39,0.10); }
.acct__quiet {
  font-family: var(--f-body);
  font-size: 12px;
  letter-spacing: 0.6px;
  color: var(--c-body);
  background: none;
  border: 0;
  border-bottom: 1px solid rgba(242,227,196,0.16);
  border-radius: 0;
  padding: 0 0 2px;
  text-decoration: none;
  cursor: pointer;
  transition: color var(--dur) var(--ease), border-color var(--dur) var(--ease);
}
.acct__quiet:hover, .acct__quiet:focus-visible { color: var(--c-gold-bright); border-bottom-color: var(--c-gold); }
.acct__form--inline { display: inline-flex; align-items: baseline; gap: 16px; flex-wrap: wrap; margin-top: 12px; }

/* ---- Each application: a document section, separated by a rule ---- */
.acct-app + .acct-app {
  margin-top: calc(40px + 24 * var(--span) / 1050);
  padding-top: calc(8px + 8 * var(--span) / 1050);
  border-top: 1px solid var(--c-gold);
}
.acct-app + .acct-app > .legal__h:first-child { border-top: 0; }

.acct-app__value { color: var(--c-body-bright); overflow-wrap: anywhere; }
.acct-app__value--big {
  font-family: var(--f-display);
  font-size: var(--t-sec-name);
  letter-spacing: var(--ls-sec-name);
  line-height: 1.5;
  color: var(--c-display);
}
.acct-app__decision {
  font-family: var(--f-display);
  font-size: var(--t-price-head);
  letter-spacing: var(--ls-section);
  line-height: 1.3;
  color: var(--c-display);
  margin: 0 0 10px;
  font-weight: 400;
}
.acct-app__decision--fix,
.acct-app__decision--declined_reviewable { color: var(--c-gold-bright); }
.acct-app__decision--declined_final,
.acct-app__decision--unavailable { color: var(--c-body); }
.acct-app__decision-line { color: var(--c-body); }
.acct-app__meta {
  font-size: 12px;
  line-height: 1.7;
  letter-spacing: 0.4px;
  color: var(--c-body);
  max-width: var(--measure);
}
.acct-app__meta--inline { display: inline; margin: 0; }
.acct-app__sha {
  font-family: var(--f-body);
  font-size: 12px;
  letter-spacing: 0.3px;
  line-height: 1.7;
  color: var(--c-body);
  margin: 0 0 14px;
  overflow-wrap: anywhere;
}
.acct-app__sha code {
  font-family: ui-monospace, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace;
  font-size: 12px;
  color: var(--c-body-bright);
}

/* The setup key, on its single display. */
.acct__key {
  display: flex;
  align-items: center;
  gap: 18px;
  flex-wrap: wrap;
  border-bottom: 1px solid var(--c-gold);
  padding: 8px 0 14px;
  margin-bottom: 14px;
  max-width: var(--measure);
}
.acct__key-text {
  font-family: ui-monospace, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace;
  font-size: calc(15px + 5 * var(--span) / 1050);
  letter-spacing: 0.6px;
  line-height: 1.4;
  color: var(--c-display);
  overflow-wrap: anywhere;
  flex: 1 1 auto;
}
.acct__copy {
  font-family: var(--f-body);
  font-size: 12px;
  letter-spacing: calc(2px + 1 * var(--span) / 1050);
  color: var(--c-display);
  background: none;
  border: 1px solid var(--c-gold);
  border-radius: 1px;
  padding: 10px 18px;
  cursor: pointer;
  transition: background-color var(--dur) var(--ease);
}
.acct__copy:hover, .acct__copy:focus-visible { background: rgba(201,162,39,0.10); }

/* ---- Findings: the application page's ruled table, same columns ---- */
.acct__findings { margin: 0 0 calc(6px + 6 * var(--span) / 1050); }
.acct-findings {
  width: 100%;
  border-collapse: collapse;
  border-top: 1px solid var(--c-gold);
  font-family: var(--f-body);
  font-size: var(--t-body);
  line-height: 1.7;
  letter-spacing: 0.2px;
  color: var(--c-body);
}
.acct-findings th, .acct-findings td {
  text-align: left;
  vertical-align: top;
  padding: 16px 18px 16px 0;
  border-bottom: 1px solid rgba(242,227,196,0.09);
  font-weight: 400;
}
.acct-findings thead th {
  font-family: var(--f-display);
  font-size: 12px;
  letter-spacing: var(--ls-field-label);
  color: var(--c-gold-bright);
  padding-top: 12px;
  padding-bottom: 12px;
}
.acct-findings__page {
  font-family: var(--f-display);
  font-size: 12px;
  letter-spacing: var(--ls-field-label);
  color: var(--c-gold-bright);
  text-transform: uppercase;
  width: 120px;
  min-width: 96px;
  overflow-wrap: anywhere;
  padding-top: 19px;
}
.acct-findings__message { color: var(--c-body-bright); }
.acct-findings__excerpt { width: 38%; color: var(--c-body); }
.acct-findings--two .acct-findings__excerpt { display: none; }
.acct-findings__excerpt q { quotes: '\201C' '\201D'; font-style: normal; overflow-wrap: anywhere; }
.acct-findings__excerpt:last-child, .acct-findings th:last-child { padding-right: 0; }

/* --------------------------------------------------------------------------
   BELOW 900: the table lists.
   -------------------------------------------------------------------------- */
@media (max-width: 900px) {
  .acct-findings, .acct-findings thead, .acct-findings tbody, .acct-findings tr,
  .acct-findings th, .acct-findings td { display: block; }
  .acct-findings thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  .acct-findings tr { padding: 14px 0; border-bottom: 1px solid rgba(242,227,196,0.09); }
  .acct-findings th, .acct-findings td { border: 0; padding: 4px 0; }
  .acct-findings__page { width: auto; }
  .acct-findings__excerpt { width: auto; }
}
@media (max-width: 480px) {
  .acct__actions .acct__cta { width: 100%; text-align: center; }
  .acct__who { flex-direction: column; align-items: flex-start; }
}