/* The Turn Ahead — Commitment Board. Public posting stays gated by backend configuration and human moderation. */
.board-hero{padding:95px 0 99px;background:radial-gradient(circle at 80% 22%,#e5ede0 0,transparent 38%),var(--paper)}
.board-hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.82fr);gap:70px;align-items:center;position:relative;z-index:1}
.board-hero-copy h1{font-size:clamp(3.25rem,5.4vw,5.6rem)}
.board-hero-copy h1 em{font-weight:400;color:#608f79}
.board-hero-copy .lead{font-size:1.17rem;max-width:630px;line-height:1.69}
.board-hero-art{background:#153e3a;color:#fffefa;border-radius:22px;padding:38px 35px 34px;box-shadow:14px 16px 0 #dae6d9;position:relative;overflow:hidden}
.board-hero-art:after{content:"";width:180px;height:180px;border:1px solid #567e6d;border-radius:50%;position:absolute;right:-115px;bottom:-100px;opacity:.45}
.board-brand-emblem{display:grid;place-items:center;margin:-4px auto 22px;min-height:210px;position:relative}
.board-brand-emblem:before{content:"";position:absolute;width:210px;height:210px;border:1px solid rgba(207,225,209,.16);border-radius:50%}
.board-brand-emblem img{display:block;position:relative;width:180px;height:180px;filter:drop-shadow(0 13px 16px rgba(0,0,0,.12))}
.board-art-label{color:#b7d4be;font-weight:800;text-transform:uppercase;letter-spacing:.13em;font-size:.69rem}
.board-hero-art h2{color:#fffefa;margin:13px 0 24px;font-size:clamp(1.7rem,2.4vw,2.35rem)}
.support-pills{display:flex;flex-wrap:wrap;gap:8px}.support-pills span{display:inline-flex;align-items:center;gap:7px;border:1px solid #618a77;border-radius:100px;color:#f4f4ed;padding:7px 11px;font-size:.77rem;font-weight:650}.support-pills span:before{content:"";width:9px;height:9px;border-radius:50%;background:#98bca9}.support-pills .friends:before{background:#e8ba74}.support-pills .community:before{background:#d88d7a}
.board-stats-band{padding:32px 0 25px;background:#e7efe7;border-top:1px solid #d5e3d6;border-bottom:1px solid #cfdfd0}
.board-stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.board-stats-grid>div{display:flex;flex-direction:column;gap:5px;padding:12px 20px;border-right:1px solid #c9d8ca}
.board-stats-grid>div:last-child{border:0}
.board-stats-grid strong{font:clamp(2.6rem,4vw,4.2rem) Georgia,serif;color:#285b49;line-height:1.1;letter-spacing:-.055em;font-variant-numeric:tabular-nums}
.board-stats-grid span{font-size:.84rem;color:#587465;font-weight:750}
.board-stats-note{margin:14px 0 0;font-size:.77rem;color:#647b6d}
.purpose-section{padding-bottom:72px}.purpose-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.purpose-grid article{background:#fffdf9;border:1px solid #dce5d9;border-radius:14px;padding:27px 28px 26px}
.purpose-number{display:inline-flex;font-size:.74rem;font-weight:800;letter-spacing:.09em;color:#52856b;margin-bottom:22px}
.purpose-grid h3{font-size:1.8rem;margin:0 0 11px}.purpose-grid p{color:#587164;font-size:.94rem;line-height:1.65}
.board-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 26px;margin:30px 0 23px}
.board-filters{display:flex;flex-wrap:wrap;gap:9px}
.board-filters button{border:1px solid #b5cfbd;border-radius:80px;background:transparent;color:#315d4b;padding:10px 17px;font-weight:720;font-size:.86rem}
.board-filters button[aria-pressed=true]{background:#194d42;border-color:#194d42;color:white}
.board-state-filter{display:flex;align-items:center;gap:8px;color:#496f5b;font-size:.83rem;font-weight:780}.board-state-filter select{padding:9px 12px;background:white;border:1px solid #b5cfbd;border-radius:8px;color:#245547;max-width:145px}.board-state-filter select[hidden]{display:none}
.board-count{font-size:.83rem;color:#557161;margin:0}
.public-empty{background:#f9fbf6;border:1px dashed #b8d1bd;border-radius:14px;padding:30px 33px;margin:0 0 22px}
.public-empty h3{font-size:1.6rem;margin:11px 0 8px}
.public-empty p{color:#5c7366;margin:0;max-width:740px}
.board-pagination{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin:21px 0 27px}
.board-examples{border-top:1px solid #d1dfd3;margin-top:27px;padding-top:20px}
.board-examples summary{font-weight:780;color:#31614e;padding:11px 3px;cursor:pointer;font-size:.93rem}
.board-examples[open] summary{margin-bottom:16px}
.board-examples .commitment-grid{margin-top:8px}
.board-examples .board-disclosure{margin-top:19px}
.commitment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.commitment-card{display:flex;flex-direction:column;min-width:0;background:#fffefa;border:1px solid #dae5d9;border-radius:14px;padding:25px 25px 20px;min-height:307px;box-shadow:0 8px 24px rgba(23,67,49,.025);transition:transform .18s,box-shadow .18s}
.commitment-card:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(23,67,49,.08)}
.commitment-card[hidden]{display:none}
.card-top{display:flex;align-items:start;gap:10px;min-width:0}
.card-initial{display:inline-flex;align-items:center;justify-content:center;flex:0 0 39px;height:39px;border-radius:12px;background:#e3efe4;color:#34705c;font:1rem Georgia,serif}
.card-initial.ochre{background:#f8eedc;color:#97723d}.card-initial.blue{background:#e5eff3;color:#427889}
.card-top>div{flex:1;min-width:0}.card-top strong{font-size:.86rem;font-weight:800;display:block;color:#244c41}.card-top small{display:block;margin-top:3px;font-size:.73rem;line-height:1.45;color:#789085}
.card-tag{display:inline-block;white-space:nowrap;border-radius:80px;background:#eaf3ea;color:#447e61;padding:5px 8px;font-size:.67rem;font-weight:800}
.card-tag.gold{background:#f8efdf;color:#956e3c}.card-tag.blue-tag{background:#e7f1f4;color:#4d8292}
.commitment-card blockquote{margin:30px 0 28px;font:1.45rem Georgia,serif;line-height:1.34;letter-spacing:-.017em;color:#2d5044;overflow-wrap:anywhere;flex:1}
.card-bottom{border-top:1px solid #e3eae0;padding-top:15px;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:.75rem;font-weight:700;color:#718779}
.card-symbol{font-size:1.35rem;color:#548e74;line-height:1}.board-disclosure{font-size:.81rem;color:#658074;margin:25px 0 0;max-width:890px;line-height:1.65}
.commitment-card.personal-card{background:#edf6ee;border-color:#9bc3aa;box-shadow:0 7px 24px rgba(44,102,73,.09)}
.personal-card .card-initial{background:#1d5b48;color:white}.personal-card .card-tag{background:#d3ebd8}.personal-card blockquote{color:#214d3f}
.personal-note{font-size:.88rem;color:#557165;margin:-13px 0 22px;line-height:1.6;overflow-wrap:anywhere}
.builder-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.76fr);gap:28px;align-items:start}
.builder-panel{padding:34px 37px;background:#fffdf9;border:1px solid #d8e4d8;border-radius:17px}
.builder-panel h3{font-size:2rem}.empty-pledge p{color:#5a7164;max-width:550px}
.board-label{display:block;font-size:.87rem;font-weight:800;color:#385b4d;margin-bottom:8px}
.builder-panel input:not([type=checkbox]),.builder-panel select{display:block;width:100%;height:54px;min-height:54px;box-sizing:border-box;background:white;border:1px solid #bfcfbe;border-radius:9px;padding:12px 14px;font-size:1rem;line-height:1.25;color:#173e34}
.builder-panel .textarea{min-height:90px}.builder-panel .field-note{margin:7px 0 22px;font-size:.79rem}
.board-identity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin-bottom:10px}
.board-identity-grid label{margin-bottom:8px}
.builder-panel select{height:54px;min-height:54px}
.public-submit-area{margin-top:30px;padding-top:29px;border-top:1px solid #d3e1d4}
.public-submit-area h3{font-size:1.65rem;margin:11px 0}
.public-submit-area>p{color:#587263;font-size:.91rem;line-height:1.7}
.public-submit-area #turnstile-widget{margin:16px 0}
.removal-area{background:#ecf3e9;border:1px solid #c4d9ca;padding:23px;border-radius:10px;margin-top:23px}
.removal-area h3{font-size:1.5rem}
.removal-area p{color:#587060;font-size:.88rem}
.removal-area code{display:block;background:#fffefa;color:#1e523f;padding:12px;border-radius:8px;overflow-wrap:anywhere;font-size:.79rem;margin:11px 0 17px}
.public-submit-area[hidden],.removal-area[hidden],.board-pagination button[hidden],.public-empty[hidden],#private-preview-grid[hidden]{display:none!important}
.character-count{color:#758c7d;text-align:right;font-size:.78rem;margin:4px 0 19px}
.board-consent{display:flex;align-items:start;gap:11px;border:1px solid #cadcc9;border-radius:10px;padding:15px 16px;background:#f0f6ed;margin:17px 0 23px;color:#345c47;font-size:.86rem;line-height:1.55}
.board-consent input{margin-top:4px;accent-color:#235f4b;flex:none;width:17px;height:17px}
#remove-preview[hidden]{display:none!important}
.builder-aside{background:#e5eee5;border-radius:17px;padding:31px 30px}.builder-aside h3{font-size:2rem;margin:13px 0 17px}
.builder-aside p,.builder-aside li{color:#566f60;font-size:.92rem;line-height:1.7}.builder-aside ul{padding-left:19px;margin:16px 0 24px}.builder-aside li{margin-bottom:9px}
.aside-link{font-weight:800;font-size:.92rem;text-underline-offset:5px}
.privacy-aside-link{font-size:.82rem!important;margin-top:14px}
.board-closing{background:#163f3c}.closing-grid{display:grid;grid-template-columns:1fr 215px;align-items:center;gap:40px}.board-closing h2{color:#fffefa;max-width:820px;font-size:clamp(2.3rem,3.6vw,4rem)}
.board-closing p{color:#cfdfd3;max-width:670px;font-size:1rem;margin-bottom:25px}.closing-mark{display:grid;place-items:center;aspect-ratio:1;border-radius:50%;padding:24px;background:#f8f4eb;border:2px solid #d8ae6c;box-shadow:0 0 0 12px rgba(216,174,108,.11)}.closing-mark img{display:block;width:100%;max-width:190px;height:auto}
.board-closing .btn.light-outline{background:transparent;color:#fffefa;border-color:#8eada0}.board-closing .btn.light-outline:hover{background:#2b6054}
@media(max-width:1060px){.board-hero-grid{gap:35px;grid-template-columns:1fr .87fr}.commitment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card-tag{font-size:.66rem}}
@media(max-width:860px){.board-hero-grid,.builder-grid{grid-template-columns:1fr}.board-hero-art{max-width:650px}.purpose-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.board-stats-grid{grid-template-columns:1fr 1fr}.board-stats-grid>div:nth-child(2){border:0}.board-stats-grid>div:last-child{grid-column:span 2;border-top:1px solid #c9d8ca;padding-top:18px}}
@media(max-width:620px){.board-hero{padding:54px 0 68px}.board-hero-copy h1{font-size:clamp(3.05rem,11.5vw,4rem)}.board-hero-art{padding:25px 24px;box-shadow:8px 10px 0 #d9e5d8}.board-brand-emblem{min-height:160px;margin-bottom:18px}.board-brand-emblem:before{width:160px;height:160px}.board-brand-emblem img{width:140px;height:140px}.purpose-grid,.commitment-grid,.closing-grid{grid-template-columns:1fr}.board-filters button{font-size:.79rem;padding:9px 12px}.commitment-card{min-height:245px;padding:22px}.commitment-card blockquote{font-size:1.42rem;margin:25px 0}.builder-panel{padding:26px 22px}.closing-mark{max-width:170px;margin:16px auto 0}.board-closing h2{font-size:2.45rem}}
@media(max-width:620px){.board-stats-grid{gap:0}.board-stats-grid>div{padding:10px}.board-stats-grid strong{font-size:2.6rem}.board-stats-grid span{font-size:.75rem}.board-identity-grid{grid-template-columns:1fr}.public-empty{padding:24px 21px}}
@media(prefers-reduced-motion:reduce){.commitment-card{transition:none}}