/* The Careful Optimist — Decision-Led Transaction Standard v1
   Scope: action, application, checkout, confirmation and onboarding pages only.
   It deliberately does not restyle the site-wide header/nav/footer. */

.tco-transactional{
  --tx-navy:#0b1d2d;
  --tx-navy-2:#122b40;
  --tx-ink:#000000;
  --tx-paper:#ffffff;
  --tx-ivory:#f8f3e8;
  --tx-warm:#f1e7d5;
  --tx-gold:#a98543;
  --tx-gold-soft:#d7c6a2;
  --tx-line:#e7dcc8;
  --tx-muted:#5b6268;
  --tx-max:1160px;
  --tx-radius:18px;
}

/* Keep transactional content visually calm and legible. */
.tco-transactional main{background:var(--tx-paper); color:var(--tx-ink);}
.tco-transactional main h1,.tco-transactional main h2,.tco-transactional main h3{color:var(--tx-ink); text-wrap:balance;}
.tco-transactional main p,.tco-transactional main li,.tco-transactional main label,.tco-transactional main small{line-height:1.68;}
.tco-transactional main p,.tco-transactional main li{font-size:clamp(1rem,.3vw + .94rem,1.075rem);}
.tco-transactional main small{font-size:.92rem; color:#555f66;}
.tco-transactional main .wrap,
.tco-transactional main .priority-wrap,
.tco-transactional main .idf-wrap,
.tco-transactional main .idf-intake-wrap,
.tco-transactional main .idf-onboard-wrap,
.tco-transactional main .pt-wrap,
.tco-transactional main .tco-plain-wrap{width:min(var(--tx-max),92vw); margin-left:auto; margin-right:auto;}

/* Hero = orientation, not a sales billboard. */
.tco-transactional main > section:first-child,
.tco-transactional main .hero,
.tco-transactional main .public-guide-hero,
.tco-transactional main .priority-hero,
.tco-transactional main .idf-pay-hero,
.tco-transactional main .idf-intake-hero,
.tco-transactional main .idf-onboard-hero,
.tco-transactional main .idf-thanks-hero,
.tco-transactional main .pt-hero{
  background:var(--tx-ivory) !important;
  color:var(--tx-ink) !important;
  padding-top:clamp(3.5rem,6vw,6rem) !important;
  padding-bottom:clamp(3.5rem,6vw,6rem) !important;
  border-bottom:1px solid var(--tx-line);
}
.tco-transactional main > section:first-child h1,
.tco-transactional main .hero h1,
.tco-transactional main .public-guide-hero h1,
.tco-transactional main .priority-hero h1,
.tco-transactional main .idf-pay-hero h1,
.tco-transactional main .idf-intake-hero h1,
.tco-transactional main .idf-onboard-hero h1,
.tco-transactional main .idf-thanks-hero h1,
.tco-transactional main .pt-hero h1{
  color:var(--tx-ink) !important;
  font-size:clamp(2.55rem,5vw,4.85rem) !important;
  line-height:.98 !important;
  letter-spacing:-.025em;
  max-width:16ch;
}
.tco-transactional main .eyebrow,
.tco-transactional main .priority-eyebrow,
.tco-transactional main .idf-kicker,
.tco-transactional main .pt-eyebrow,
.tco-transactional main .tco-plain-eyebrow{
  color:#876827 !important;
  font-size:.79rem !important;
  letter-spacing:.13em !important;
  font-weight:700;
}
.tco-transactional main .lead,
.tco-transactional main .priority-lead,
.tco-transactional main .pt-lead{
  color:#2b3136 !important;
  font-size:clamp(1.08rem,.5vw + 1rem,1.28rem) !important;
  max-width:64ch;
  line-height:1.62 !important;
}

/* Main action areas: white, open and editorial. */
.tco-transactional main .section,
.tco-transactional main .priority-form-section,
.tco-transactional main .priority-explain,
.tco-transactional main .idf-intake-section,
.tco-transactional main .idf-onboard-section,
.tco-transactional main .idf-section,
.tco-transactional main .pt-section,
.tco-transactional main .tco-plain-section{
  padding-top:clamp(3.75rem,6vw,6.5rem) !important;
  padding-bottom:clamp(3.75rem,6vw,6.5rem) !important;
}

/* Forms should feel like a deliberate process, not a stack of ecommerce cards. */
.tco-transactional main form,
.tco-transactional main .form-card,
.tco-transactional main .priority-form,
.tco-transactional main .public-checkout-form{
  font-size:1rem;
}
.tco-transactional main .form-card,
.tco-transactional main .priority-form,
.tco-transactional main .public-checkout-form,
.tco-transactional main .payment-panel,
.tco-transactional main .public-guide-panel,
.tco-transactional main .tco-purchase-summary,
.tco-transactional main .idf-card,
.tco-transactional main .idf-purchase-card,
.tco-transactional main .idf-next-card,
.tco-transactional main .pt-card,
.tco-transactional main .priority-thanks__card,
.tco-transactional main .tco-plain-card{
  background:#fff !important;
  color:#000 !important;
  border:1px solid var(--tx-line) !important;
  border-radius:var(--tx-radius) !important;
  box-shadow:none !important;
}
.tco-transactional main .form-card,
.tco-transactional main .priority-form,
.tco-transactional main .public-checkout-form,
.tco-transactional main .payment-panel,
.tco-transactional main .public-guide-panel,
.tco-transactional main .tco-purchase-summary,
.tco-transactional main .priority-thanks__card{
  padding:clamp(1.45rem,3.2vw,2.75rem) !important;
}
.tco-transactional main .idf-card{
  padding:clamp(1.35rem,2.8vw,2.35rem) !important;
  margin-block:1.2rem !important;
  border-left:0 !important;
  border-top:2px solid var(--tx-gold) !important;
}
.tco-transactional main .idf-card h2{font-size:clamp(1.65rem,2.5vw,2.25rem) !important; margin-bottom:.55rem !important;}

.tco-transactional main input:not([type=checkbox]):not([type=radio]),
.tco-transactional main select,
.tco-transactional main textarea{
  width:100%;
  min-height:50px;
  font:inherit;
  font-size:1rem;
  color:#000;
  background:#fff;
  border:1px solid #bbb4a8 !important;
  border-radius:10px !important;
  padding:.82rem .9rem !important;
  box-shadow:none !important;
}
.tco-transactional main textarea{min-height:132px; resize:vertical;}
.tco-transactional main input:focus,
.tco-transactional main select:focus,
.tco-transactional main textarea:focus{outline:3px solid rgba(169,133,67,.20); border-color:var(--tx-gold) !important;}
.tco-transactional main label>span:first-child,
.tco-transactional main label:not(.checkbox-line):not(.idf-consent){font-weight:600; color:#101010;}
.tco-transactional main .field-grid,.tco-transactional main .priority-grid-2,.tco-transactional main .idf-grid{gap:1.1rem 1.35rem !important;}

/* Primary actions: obvious without pressure. */
.tco-transactional main .btn,
.tco-transactional main button[type=submit],
.tco-transactional main .idf-submit,
.tco-transactional main .idf-btn,
.tco-transactional main .public-paypal-button{
  min-height:52px;
  border-radius:999px !important;
  font-size:1rem !important;
  font-weight:700 !important;
  letter-spacing:.01em;
  padding:.88rem 1.3rem !important;
}
.tco-transactional main .btn:not(.alt):not(.secondary),
.tco-transactional main button[type=submit],
.tco-transactional main .idf-submit,
.tco-transactional main .public-paypal-button{
  background:var(--tx-navy) !important;
  color:#fff !important;
  border:1px solid var(--tx-navy) !important;
}
.tco-transactional main .btn.alt,
.tco-transactional main .btn.secondary,
.tco-transactional main .idf-btn--alt{
  background:#fff !important;
  color:var(--tx-navy) !important;
  border:1px solid #9d8658 !important;
}

/* Terms, status and boundaries should be readable, not fine print. */
.tco-transactional main .notice,
.tco-transactional main .priority-quiet-note,
.tco-transactional main .priority-guide-note,
.tco-transactional main .idf-boundary,
.tco-transactional main .idf-section-note,
.tco-transactional main .pt-note,
.tco-transactional main .tco-member-no-guide,
.tco-transactional main .tco-transaction-boundary,
.tco-transactional main .tco-transaction-invite-note{
  background:var(--tx-ivory) !important;
  color:#151515 !important;
  border:0 !important;
  border-left:3px solid var(--tx-gold) !important;
  border-radius:0 !important;
  padding:1.1rem 1.2rem !important;
  line-height:1.62;
}
.tco-transactional main .tco-transaction-boundary{margin:1.3rem 0 1.6rem;}
.tco-transactional main .tco-transaction-boundary strong{display:block; margin-bottom:.2rem;}
.tco-transactional main .tco-transaction-boundary p{margin:0;}
.tco-transactional main .tco-transaction-invite-note{width:min(var(--tx-max),92vw); margin:0 auto 2rem;}

/* Pricing and purchase summaries: top-to-bottom reading order. */
.tco-transactional main .meta-strip,
.tco-transactional main .idf-pay-price,
.tco-transactional main .priority-summary,
.tco-transactional main .pt-status-summary{
  border-radius:14px !important;
  background:#fff !important;
  border:1px solid var(--tx-line) !important;
  box-shadow:none !important;
}
.tco-transactional main .checkout-product,
.tco-transactional main .public-guide-cover,
.tco-transactional main .cover{align-items:flex-start;}

/* Progress / stage language on application and onboarding pages. */
.tco-transactional main .priority-form__section,
.tco-transactional main .idf-steps,
.tco-transactional main .pt-steps{border-top:1px solid var(--tx-line); padding-top:1.35rem; margin-top:1.6rem;}
.tco-transactional main .priority-form__number,
.tco-transactional main .idf-step-number{color:#876827 !important; font-family:"Cormorant Garamond",serif; font-size:2rem !important;}
.tco-transactional main .idf-help,.tco-transactional main .field-help{color:#596168 !important; font-size:.95rem !important;}

/* Membership checkout: the invitation state must be clear and the publication boundary explicit. */
.tco-transaction--membership main .tco-purchase-summary{border-top:3px solid var(--tx-gold) !important;}
.tco-transaction--membership main .checklist{padding-left:1.15rem;}
.tco-transaction--membership main .checklist li{margin:.42rem 0;}

/* Confirmation / aftercare pages: one calm next step. */
.tco-transaction--aftercare main .actions{gap:.8rem !important; flex-wrap:wrap;}
.tco-transaction--aftercare main .notice{margin-block:1rem;}
.tco-transaction--aftercare main .priority-done,
.tco-transaction--aftercare main .priority-guide-after,
.tco-transaction--aftercare main .idf-confirmation-strip,
.tco-transaction--aftercare main .pt-delivery{border-color:var(--tx-line) !important; box-shadow:none !important;}

/* Payment status pages should not look alarming; clarity first. */
.tco-transaction--status-page main .hero{background:#fff !important;}
.tco-transaction--status-page main .hero h1{max-width:18ch;}
.tco-transaction--status-page main .tco-plain-card{padding:1.5rem !important;}

/* Public/private Guide route distinction, without countdown or urgency styling. */
.tco-transaction--public-guide main .public-guide-hero{background:var(--tx-ivory) !important;}
.tco-transaction--private-guide main .hero{background:var(--tx-warm) !important;}

/* IDF = consequential workflow; stages should feel deliberate. */
.tco-transaction--idf main .idf-onboard-section,
.tco-transaction--idf main .idf-intake-section{background:#fff !important;}
.tco-transaction--idf main .idf-locked{background:var(--tx-ivory) !important; border:1px solid var(--tx-line) !important; border-radius:14px !important; padding:1.2rem !important;}
.tco-transaction--idf main .idf-test-banner{border-radius:10px !important;}

@media (max-width:800px){
  .tco-transactional main > section:first-child,
  .tco-transactional main .hero,
  .tco-transactional main .public-guide-hero,
  .tco-transactional main .priority-hero,
  .tco-transactional main .idf-pay-hero,
  .tco-transactional main .idf-intake-hero,
  .tco-transactional main .idf-onboard-hero,
  .tco-transactional main .idf-thanks-hero,
  .tco-transactional main .pt-hero{padding-top:3rem !important; padding-bottom:3rem !important;}
  .tco-transactional main > section:first-child h1,
  .tco-transactional main .hero h1,
  .tco-transactional main .public-guide-hero h1,
  .tco-transactional main .priority-hero h1,
  .tco-transactional main .idf-pay-hero h1,
  .tco-transactional main .idf-intake-hero h1,
  .tco-transactional main .idf-onboard-hero h1,
  .tco-transactional main .idf-thanks-hero h1,
  .tco-transactional main .pt-hero h1{font-size:clamp(2.25rem,12vw,3.5rem) !important;}
  .tco-transactional main .hero-grid,
  .tco-transactional main .grid-2,
  .tco-transactional main .public-checkout-grid,
  .tco-transactional main .idf-checkout-grid,
  .tco-transactional main .priority-explain__grid,
  .tco-transactional main .priority-form-layout,
  .tco-transactional main .field-grid,
  .tco-transactional main .priority-grid-2,
  .tco-transactional main .idf-grid,
  .tco-transactional main .pt-grid{grid-template-columns:1fr !important;}
  .tco-transactional main .btn,
  .tco-transactional main button[type=submit],
  .tco-transactional main .idf-btn,
  .tco-transactional main .idf-submit,
  .tco-transactional main .public-paypal-button{width:100%; justify-content:center; text-align:center;}
  .tco-transactional main .form-card,
  .tco-transactional main .priority-form,
  .tco-transactional main .public-checkout-form,
  .tco-transactional main .payment-panel,
  .tco-transactional main .public-guide-panel,
  .tco-transactional main .tco-purchase-summary,
  .tco-transactional main .priority-thanks__card{padding:1.35rem !important;}
}