/* Visual layer only: content and application behavior remain with Clube PHP. */
.clube-content { --ink:#f5f5f5; --muted:#bababa; --paper:#222; --orange:#ffd100; --orange-dark:#ffd100; --orange-soft:#333020; --line:#454545; --shadow:0 10px 30px #0002; font:16px/1.7 'Open Sans',sans-serif; }
.clube-content main { width:min(1200px,calc(100% - 48px)); padding:32px 0 64px; }
.clube-content h1,.clube-content h2,.clube-content h3 { font-family:'Roboto Mono',monospace; font-weight:500; line-height:1.35; letter-spacing:-.025em; text-transform:none; }
.clube-content .site-header { position:static; background:#1b1b1b; flex-wrap:wrap; gap:16px; padding:16px max(24px,calc((100vw - 1200px)/2)); }
.clube-content .brand { width:auto; }
.clube-content .site-header nav { flex-wrap:wrap; }
.clube-content :is(.card,.form-card,.tier-card,.magazine-card,.trust-strip,.preview-grid article,.about,.faq details,.testimonial-card,.notice,.tier-benefits-details,.avatar-choice,.avatar-color-choice,.member-nav,.collection-card,.shelf-card) { background:#252525; color:var(--ink); border-color:var(--line); }
.clube-content :is(.tier-card.recommended,.print-highlight,.final-cta,.testimonials) { background:#1b1b1b; color:var(--ink); border-color:var(--line); }
.clube-content :is(.tier-nameplate,.tier-card.recommended .tier-nameplate) { background:transparent; color:inherit; padding-left:0; }
.clube-content .button { background:#ffd100; color:#171717; border:1px solid #ffd100; border-radius:6px; font:500 14px/1.5 'Roboto Mono',monospace; box-shadow:none; text-transform:none; }
.clube-content .button:hover { background:#ffe055; color:#171717; }
.clube-content .button.secondary { background:transparent; color:#ffd100; border-color:#ffd100; }
.clube-content .button.danger { background:#922e2e; color:white; border-color:#bc4a4a; }
.clube-content :is(input,select,textarea) { background:#1b1b1b; color:var(--ink); border-color:var(--line); }
.clube-content :is(th,td) { border-color:var(--line); }
.clube-content :is(thead,th) { background:#303030; color:var(--ink); }
.clube-content .hero-layout { min-height:560px; padding:48px; background:#1b1b1b; border:1px solid #454545; border-radius:12px; box-shadow:none; }
.clube-content .hero-layout::before,.clube-content .hero-ambient { display:none; }
.clube-content .hero-layout::after { inset:24px 0 0 56%; background-position:center bottom; background-size:contain; animation:none; transform:none; filter:none; }
.clube-content .hero-layout > div { width:57%; max-width:620px; }
.clube-content .hero-layout h1 { max-width:17ch; font-size:clamp(32px,3.5vw,48px); text-shadow:none; }
.clube-content .hero-layout .hero-badges > .eyebrow,.clube-content .supporters-badge { padding:0; border:0; border-radius:0; background:none; box-shadow:none; backdrop-filter:none; color:#ffd100; }
.clube-content .hero-badges { gap:20px; }
.clube-content .hero-layout .button { box-shadow:none; }
.clube-content .campaign-image-band { width:100%; margin-inline:0; border-radius:12px; transform:none; }
.clube-content .campaign-image-band:hover { transform:none; }
.clube-content .campaign-band-glow { display:none; }
.clube-content .testimonial-heading .eyebrow { color:#ffd100; }
.clube-content iframe { max-width:100%; }
.clube-content footer { background:#1b1b1b; color:var(--muted); }
.clube-content :is(.faq,.report-chart,.mural-post,.podcast-card,.admin-tabs button,.benefit-editor,.member-panel,.member-stat-grid article,.supporter-card,.supporter-empty,.supporters-cta,.collection-filters a,.empty-collection,.achievement,.achievement.is-earned,.goal-feature,.goal-milestones,.founder-callout) { background:#252525; color:var(--ink); border-color:var(--line); }
.clube-content :is(.supporters-total,.collection-total,.shelf-total,.membership-card-face) { background:#303030; color:var(--ink); border:1px solid #666; }
.clube-content :is(.supporters-total,.collection-total,.shelf-total) p { color:var(--muted); }
.clube-content :is(.admin-tabs button.is-active,.member-nav-main a.is-active,.member-nav-main a:hover,.collection-filters a.is-active,.shelf-card.is-owned .shelf-check,.achievement.is-earned > i,.faq details[open] summary::after) { background:#ffd100; color:#171717; }
.clube-content :is(.shelf-tip,.tier-benefits .tier-benefit-physical,.tier-card.recommended .tier-benefit-physical) { background:#333020; color:#f5f5f5; }
.clube-content .tier-card.recommended .tier-benefit-physical small { color:#bababa; }
.clube-content :is(.tier-card.recommended .button,.tier-card.recommended .button:hover,.print-feature-grid article > i,.preview-grid article > i) { background:#ffd100; color:#171717; }
.clube-content .tier-card.recommended .button.secondary { background:transparent; color:#ffd100; border-color:#ffd100; }
.clube-content :is(.tier-badge,.tier-card.recommended .tier-badge) { background:none; color:#ffd100; border-radius:0; padding:0; }
.clube-content :is(.print-highlight .eyebrow,.print-plan-note i,.founder-callout .eyebrow,.card-identity p,.card-since) { color:#ffd100; }
.clube-content .membership-card-face::before,.clube-content .membership-card-face::after { display:none; }
.clube-content .form-card h1 { font-size:clamp(28px,4vw,36px); max-width:none; }
@media(max-width:760px) {
  .clube-content main { width:calc(100% - 32px); padding-top:20px; }
  .clube-content .hero-layout { min-height:780px; padding:28px 24px 340px; }
  .clube-content .hero-layout > div { width:100%; padding:0; }
  .clube-content .hero-layout::after { inset:auto 5% 0 15%; height:315px; background-position:center bottom; background-size:contain; }
  .clube-content .hero-layout h1 { font-size:32px; }
  .clube-content .site-header { padding:16px; }
  .clube-content .site-header .public-nav > a:not(.button):not(.login-link) { display:inline; }
}