/* THE TABLE — Warm & Welcoming Edition
   The user's original transparent PNG remains untouched. Only the surrounding UI changes.
   Layered after styles.css to preserve layout and all site functionality. */
:root {
  color-scheme: light;
  --cream:#fbf6ed; --paper:#fffdf8; --ink:#382c25; --inksoft:#6d5b4e;
  --olive:#8a622e; --gold:#c99348; --peach:#f7e5d3; --mint:#f6ecdd;
  --line:#e5d8c5; --tba-primary:#926028; --tba-accent:#e8b86b;
  --table-espresso:#35251c; --table-umber:#62412a; --table-gold:#c58b35;
  --table-cream:#fbf6ed; --table-ivory:#fffdf8; --table-muted:#6d5b4e;
}
html {scroll-padding-top:88px}
body {background:var(--cream);color:var(--ink)}
::selection {background:#f2cc89;color:#302017}
:focus-visible {outline:3px solid #b87c2b!important;outline-offset:3px}
.skip-link {background:#fff3d8;color:#392719;border:2px solid #bb8742;border-radius:9px}
a:hover {text-decoration-color:#ac773a}
h1 em,h2 em,.subhero h1 em {color:#a36b37}
.eyebrow,.kicker {color:#92653e}
.eyebrow-line {background:#b98b4f}
/* Cream navigation with the exact transparent logo, not a generated substitute. */
.site-header {background:rgba(255,251,244,.96);border-bottom:1px solid #e7d9c6;box-shadow:0 7px 25px #6548280d}
.nav-wrap {height:88px;gap:14px}
.brand {gap:12px}
.brand-mark,.footer .brand-mark {display:grid;place-items:center;width:55px;height:55px;padding:0;overflow:visible;background:transparent;border:0;border-radius:0;box-shadow:none;flex-shrink:0}
.brand-mark img,.simple-footer-brand img {width:100%;height:100%;display:block;object-fit:contain!important;border-radius:0!important}
.brand-text {font-size:11px;letter-spacing:.18em;color:#86613b;font-weight:750}
.brand-text strong {display:block;font-size:17px;letter-spacing:.09em;color:#39281d;margin-top:3px}
.nav-links {gap:15px;font-size:12px;color:#554235}
.nav-links>a:not(.nav-cta):hover {color:#9c692d}
.nav-cta,.btn-primary {background:#815427;color:#fffaf1;border:1px solid #815427;box-shadow:0 6px 16px #82532721}
.nav-cta:hover,.btn-primary:hover {background:#69401b;border-color:#69401b;color:#fff}
.menu-toggle span {background:#67452b}
/* A bright, spacious hero lets the supplied black-and-gold mark stand out. */
.hero {background:radial-gradient(circle at 81% 42%,#f6deb1 0%,#faedda 33%,transparent 59%),linear-gradient(120deg,#fffbf4 0%,#fbf2e6 61%,#f6e6cc 100%);border-bottom:1px solid #e4d5be}
.sun-glow {right:-20%;top:-35%;background:radial-gradient(circle,#f5d39975 0%,#f6e0bc45 37%,transparent 71%)}
.hero-grid {grid-template-columns:1.05fr .95fr;gap:35px;min-height:670px}
.hero-content {padding:80px 0 75px}
.hero h1 {color:#34251d;font-size:clamp(4rem,7vw,7.5rem);text-shadow:none}
.hero-lead,.subhero .hero-lead {color:#635349}
.hero-note {color:#796858}.hero-note strong {color:#4e3d30}.little-sun {color:#c18b45}
.text-link,.inline-link {color:#795126;border-bottom-color:#cdb48f}
.text-link:hover,.inline-link:hover {color:#a16a2e}
.hero-visual {height:auto;min-height:620px;position:relative;display:flex;align-items:center;justify-content:center;padding:38px 0 70px}
.hero-logo-frame {width:min(100%,545px);aspect-ratio:1;position:relative;display:flex;justify-content:center;align-items:center;padding:12px;border-radius:22px;background:#fffaf2;border:1px solid #ebdbbf;box-shadow:0 28px 65px #8868432c,0 4px 13px #83643a1a}
.hero-logo-frame::before {content:none}
.hero-logo {width:100%;height:auto;display:block;aspect-ratio:1;object-fit:contain!important;border:0;border-radius:0!important;box-shadow:none!important}
.hero-logo-caption {position:absolute;bottom:28px;left:0;right:0;text-align:center;letter-spacing:.16em;font-size:.68rem;font-weight:750;color:#88623c}
.hero-caption {border-color:#d8c4a8;color:#8b6b4b}
/* A few warm dark moments offer contrast; the body remains light. */
.verse-band {background:linear-gradient(110deg,#755138,#915f3b 55%,#69452f);color:#fff9ed}
.verse-band p {color:#fff8ea}.sparkle {color:#ffdb93}.verse-source {color:#f9e3b8}
.section {background:#fbf6ed}
.about,.soft-section,.biblical,.questions {background:#fbf6ed}
.different,.white-section,.gatherings {background:#fffdf8}
.section-main p,.section-header>p,.gather-copy p,.faq-grid>div:first-child>p {color:#685b4c}
.large-copy,.section-main .large-copy {color:#49372a!important}
.circle-one {background:#f3d7b5}.circle-two {background:#dcdcbf;mix-blend-mode:multiply}.circle-center {color:#b77944}
.difference-card,.difference-card:nth-child(1),.difference-card:nth-child(2),.difference-card:nth-child(3),.difference-card:nth-child(4),.difference-card:nth-child(5),.difference-card:nth-child(6) {background:#fffaf2;border:1px solid #e8d7bf;color:#382b22;box-shadow:0 5px 18px #815d3210}
.difference-card:nth-child(1),.difference-card:nth-child(6) {background:#f5eddb}
.difference-card:nth-child(2),.difference-card:nth-child(5) {background:#fbecd9}
.difference-card:nth-child(3),.difference-card:nth-child(4) {background:#f9f0e7}
.difference-card:hover {box-shadow:0 14px 30px #86592c22;border-color:#d9b784}
.difference-card h3 {color:#3e2b21}.difference-card p {color:#65574a}.card-icon,.card-verses {color:#956834}
.full-quote {background:#f1e3d1;border-block:1px solid #e2ccb1;color:#442e20}
.quote-ornament,.quote-flower {color:#c39455}.quote-layout span:not(.quote-ornament){color:#8b663f}
.scripture-intro {background:#f3e9d8;border:1px solid #e7d6bc}
.scripture-intro p,.scripture-notice {color:#6f604e}.scripture-notice {border-color:#d7c6ae}
.book-page {background:#fffbf0;border-color:#ccb48e;box-shadow:inset 0 0 0 7px #f3e8d3}.book-illustration span{color:#ba824a}
.accordion-list details,.accordion-list details:first-child,.faq-accordion details,.faq-accordion details:first-child {border-color:#dfceb6}
.accordion-list summary,.faq-accordion summary {color:#49372a}.plus,.faq-accordion summary span {border-color:#bfa57d;color:#93612e}
.acc-number,.evidence {color:#a36b35}.acc-body,.faq-accordion p {color:#625448}
.gather-card,.info-card,.soft-card,.role-card,.role-card:nth-child(2),.role-card:nth-child(3),.rhythm-card {background:#fffcf7;border:1px solid #e7d7c0;color:#423328;box-shadow:0 5px 22px #88673c12}
.gather-copy h2,.gather-steps h3,.soft-card h3,.info-card h3,.role-card h3 {color:#3c2c23}
.gather-visual {background:radial-gradient(circle at 56% 21%,#f7dab0,#ead1b5 67%,#d9b48f);border-color:#dcc29e}
.gather-visual>span {color:#795032}.gather-steps>div {border-color:#e5d4bd}.gather-steps>div>span {color:#a97841}.gather-steps p {color:#64574c}
.illustrated-table {background:#9b714e;box-shadow:0 20px 0 #67432a}.plate{border-color:#ffefc9;background:#c39a69}.table-book{background:#ffedc7}.table-mug{background:#a66e3f}
.invitation {background:linear-gradient(115deg,#f2ddbf,#f7e7cf 50%,#f5eadc);color:#39271c;border-block:1px solid #dfc39d}
.invite-art {background:radial-gradient(circle,#ffe7ad,#e5c290 66%,#d7af7f);border-color:#e2bc82}
.invite-sun{color:#ae7430}.invite-art>span {color:#68442a}.invite-content>p {color:#6a5240}
.coming-soon {background:#fff8ed;border-color:#e5cdab;color:#7a5837}.small-dot {background:#c58a3b}
.footer {background:#423025;color:#fbeddc;border-top:1px solid #6f523b}
.footer .brand-text {color:#ebc58f}.footer .brand-text strong {color:#fff3df}
.footer-words,.footer-foot,.footer nav {color:#e1ccb6}.footer-foot {border-color:#80654b}.footer a:hover{color:#ffe6b6}
/* Interior page headings and finance, events, organization content. */
.subhero {background:radial-gradient(circle at 90% 38%,#f6d6a4 0%,transparent 52%),linear-gradient(125deg,#fffaf2,#f6e9d8);border-bottom:1px solid #dfccb3}
.subhero:not(:has(.subhero-grid))::after {content:"";position:absolute;right:clamp(-110px,4vw,60px);top:12%;width:clamp(230px,30vw,430px);aspect-ratio:1;background:url('assets/the-table-logo.png') center/contain no-repeat;opacity:.075;pointer-events:none}
.subhero .container {position:relative;z-index:1}.subhero h1 {color:#3c2a20}
.sun-card,.sun-card.money-art,.sun-card.event-art {min-height:400px;border-radius:22px;background:#fffaf1;border:1px solid #ead9be;box-shadow:0 17px 43px #85653d24;overflow:hidden}
.sun-card::after {content:none}
.sun-card .subhero-logo {width:min(88%,335px);height:auto;aspect-ratio:1;object-fit:contain!important;border-radius:0!important;filter:drop-shadow(0 12px 18px #8161391a);position:relative;z-index:1}
.sun-card>span:last-child,.sun-card .sunflower {color:#986733;z-index:1}
.network-teaser {background:#fffaf3}
.note-panel,.status-banner,.privacy-note {background:#fff4e3;border:1px solid #e6cba5;color:#4f3a29}
.note-panel strong,.status-banner strong {color:#724a25}
.note-panel p,.status-banner p,.privacy-note {color:#665443}
.status-chip,.status-chip.planning {background:#f8e5c6;color:#765025;border:1px solid #debc87}
.status-dot {background:#bb8035}
.soft-card p,.timeline-item p,.info-card p,.status-grid p,.public-card p,.role-card p,.empty-events p {color:#6c5c4c}
.soft-card,.timeline-item,.status-grid>div,.info-card,.metric-card,.ledger-table,.report-download,.public-card,.role-card,.rhythm-card {border-color:#e5d5bf}
.round-symbol,.small-reference,.status-grid h3,.role-label,.rhythm-tag,.home-icon {color:#ad7840}
.timeline-item>span {color:#a16f35;border-color:#dfc39d}
.metric-grid .metric-card,.metric-card {background:#fffaf2;color:#493426;border:1px solid #e5d1b4}
.metric-card>span,.metric-card small,.report-meta {color:#8b6c4a}.metric-card strong {color:#443026}
.ledger-table,.ledger-table table,.published-statement {background:#fffdf8;color:#44372d;border-color:#e7dac6}
.ledger-table th,.statement-transactions th {background:#f5e9d8;color:#6e492b}
.ledger-table td,.ledger-table th,.statement-transactions th,.statement-transactions td {border-color:#e6d8c3;color:#47382c}
.muted {color:#716252}.published-statement h3{color:#4b3121}.published-statement p{color:#6a5847}
.report-download,.published-statement,.empty-events,.event-row,.public-card,.map-home {background:#fffdf8;border:1px solid #e5d5bd;color:#4b392c}
.event-date,.event-row h3,.public-card h3 {color:#614021}
.event-row p,.empty-events p,.public-card p,.map-home small {color:#705e4d}
.event-filter {background:#fff7e9;border-color:#e2caab;color:#6d4e2f}
.event-filter.is-active,.event-filter:hover {background:#855628;border-color:#855628;color:#fff8ec}
.assembly-map {background:linear-gradient(160deg,#fff9ed,#f4e7d3);border:1px solid #e2ccad;color:#4b382a}
.map-head strong,.map-hub h3,.map-home strong,.map-together strong {color:#483021}
.map-head small,.map-hub p,.map-caption {color:#715c47}
.map-hub {background:#f4dfbf;border-color:#d2a978}
.map-overline {color:#9e6d33}.map-branches,.map-connector {border-color:#c8a578}
.map-together {background:#f4e6d0;border:1px solid #dcc09c}.map-together small {color:#70563d}
.scripture-ribbon span,.rhythm-inline span {background:#fff5e5;border:1px solid #e3cba9;color:#80582f}
.rhythm-inline strong,.rhythm-card strong,.plain-steps strong {color:#5a3b23}.plain-steps {color:#6b5948}
.public-card .card-type {color:#a6763d}
.simple-footer-brand {display:flex;align-items:center;gap:14px}
.simple-footer-brand img {width:52px;height:52px;object-fit:contain;border:0}
.simple-footer-brand p {margin:2px 0;color:#d9c6b3}.simple-footer-brand strong{color:#fff2df}
@media(max-width:1100px){.nav-links{gap:11px;font-size:11px}.brand-mark{width:49px;height:49px}.brand-text strong{font-size:15px}}
@media(max-width:1000px){.hero-grid{grid-template-columns:1fr 1fr;gap:15px}.hero-visual{min-height:510px}}
@media(max-width:760px){
  .nav-wrap {height:75px}.brand-mark,.footer .brand-mark{width:48px;height:48px}
  .nav-links {background:#fffaf3;border:1px solid #e4cfb0;box-shadow:0 20px 40px #50331d35;color:#4d3726}
  .nav-links a {color:#4d3726;border-bottom-color:#e7d9c6}.nav-links .nav-cta{color:#fff9ee}
  .hero-grid{grid-template-columns:1fr;gap:0;min-height:0}.hero-content{padding:63px 0 16px}
  .hero h1{font-size:clamp(3.35rem,13vw,5.5rem)}.hero-lead{font-size:1.04rem}
  .hero-visual{height:auto;min-height:0;padding:12px 0 68px}.hero-logo-frame{width:min(92%,450px);padding:10px}.hero-logo-caption{bottom:21px;font-size:.60rem}
  .hero-caption{color:#8e724e}.verse-band p{font-size:1.3rem}
  .subhero{padding:80px 0 75px}.subhero:not(:has(.subhero-grid))::after{width:220px;right:-90px;top:25%;opacity:.055}
  .sun-card{min-height:300px}
}
@media(max-width:480px){.hero-visual{padding:6px 0 60px}.hero-logo-caption{font-size:.53rem;letter-spacing:.12em}.hero h1{font-size:clamp(3.15rem,15vw,4.2rem)}.brand-text strong{font-size:14px}.sun-card{min-height:270px}}

/* Transparent-logo edition: the actual circular artwork, without an enclosing tile. */
.hero-logo-frame {background:transparent;border:0;border-radius:0;padding:0;box-shadow:none;overflow:visible}
.hero-logo {background:transparent;filter:drop-shadow(0 12px 20px rgba(101,58,19,.16))}
.sun-card .subhero-logo {background:transparent}


/* THE TABLE — Page layout refinement / 2026-11
   Fixes narrow-tablet navigation, oversized interior headings, and
   overlapping logo captions without changing the logo or functionality. */
:root { --tba-primary:#865827; --tba-accent:#b47a37; }
.hero-grid {gap:clamp(24px,3vw,48px)}
.hero-visual {min-width:0;transform:none;}
.hero-logo-frame {max-width:510px;}
.hero-logo {max-width:100%;}
.subhero {padding:clamp(70px,7vw,105px) 0 clamp(60px,6vw,90px);}
.subhero-grid {grid-template-columns:minmax(0,1.18fr) minmax(300px,.82fr);gap:clamp(28px,4vw,58px);}
.subhero h1 {font-size:clamp(3.2rem,5.7vw,6.25rem);line-height:1.03;overflow-wrap:normal;}
.subhero-grid > div {min-width:0;}
.subhero:not(:has(.subhero-grid)) .container > :is(h1,p,.hero-actions) {max-width:800px;}
.subhero:not(:has(.subhero-grid))::after {opacity:.055;right:-110px;top:5%;}
.sun-card,.sun-card.money-art,.sun-card.event-art {min-height:355px;gap:7px;padding:21px 20px;border-radius:24px;}
.sun-card .subhero-logo {display:block;flex-shrink:1;width:min(82%,285px);height:auto;max-height:290px;object-fit:contain;}
.sun-card > span:last-child {position:static;margin-top:0;text-align:center;line-height:1.45;letter-spacing:.14em;}
/* Long headers switch to the accessible menu before links become cramped. */
@media (max-width:1100px) {
  .nav-wrap {height:78px;}
  .menu-toggle {display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;background:transparent;border:1px solid #dfc5a4;border-radius:11px;padding:11px;cursor:pointer;margin-left:auto;flex-shrink:0;}
  .menu-toggle span {display:block;width:24px;height:2px;background:#67452b;}
  .nav-links {position:absolute;top:100%;left:0;right:0;display:none;flex-direction:column;align-items:stretch;gap:3px;max-height:calc(100vh - 78px);overflow-y:auto;background:#fffaf3;padding:14px max(20px,calc((100vw - 1180px)/2));border:1px solid #e7d4bb;border-left:0;border-right:0;box-shadow:0 14px 28px #543a221d;}
  .nav-links.is-open {display:flex;}
  .nav-links > a {font-size:14px;white-space:normal;padding:11px 16px;border-radius:9px;}
  .nav-links > a:not(.nav-cta):hover,.nav-links > a[aria-current=page] {background:#f5eadb;color:#674222;}
  .nav-links .nav-cta {margin-top:6px;text-align:center;border-radius:14px;color:#fffaf1;padding:12px 16px;}
}
@media (max-width:950px) {
  .subhero-grid {grid-template-columns:1fr;gap:34px;}
  .subhero h1 {font-size:clamp(3.25rem,8vw,5.25rem);}
  .sun-card,.sun-card.money-art,.sun-card.event-art {max-width:420px;min-height:0;padding:18px;}
  .sun-card .subhero-logo {width:min(76%,285px);}
}
@media (max-width:760px) {
  .nav-wrap {height:75px;}
  .nav-links {top:100%;}
  .hero-grid {grid-template-columns:1fr;}
  .hero-visual {transform:none;margin:0;min-height:0;padding:12px 0 63px;}
  .hero-logo-frame {width:min(94%,470px);}
  .hero-logo-caption {bottom:25px;}
  .subhero {padding:66px 0 65px;}
  .subhero h1 {font-size:clamp(3.1rem,11vw,4.5rem);line-height:1.05;}
  .sun-card,.sun-card.money-art,.sun-card.event-art {min-height:0;max-width:360px;}
  .sun-card .subhero-logo {width:min(80%,265px);}
  .public-card-list {grid-template-columns:repeat(auto-fit,minmax(min(100%,275px),1fr));}
  .section {padding-top:72px;padding-bottom:72px;}
}
@media (max-width:480px) {
  .hero h1 {font-size:clamp(3.05rem,13.4vw,4.1rem);}
  .hero-visual {margin-left:0;transform:none;min-height:0;height:auto;padding:3px 0 56px;}
  .hero-logo-frame {width:100%;}
  .hero-logo-caption {font-size:.55rem;letter-spacing:.08em;bottom:20px;}
  .subhero h1 {font-size:clamp(2.8rem,11.5vw,3.6rem);}
  .subhero:not(:has(.subhero-grid))::after {opacity:.03;right:-120px;width:245px;}
  .brand-text strong {font-size:15px;}
  .hero-actions {gap:15px;}
  .section {padding-top:62px;padding-bottom:62px;}
}