/* Readable text-led cooperation board and shared public-site footer. */
body{font-size:16px}
.desktop-nav a,.header-actions,.text-button,.button{font-size:15px}
.hero-copy>p{font-size:15px;line-height:1.9}
.hero-buttons .button{font-size:14px}
.stats-strip,.hot-searches,.results-toolbar,.sort-controls select{font-size:14px}
.search-bar input{font-size:16px}
.board-layout{display:block}
.board-layout>section{min-width:0}
#opportunities .listing-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.board-title h2{font-size:25px}
.board-title h2 span,.live-label{font-size:12px}
.type-tabs button{font-size:16px}
.category-row{gap:16px;align-items:flex-start}
.filter-label,.categories button{font-size:14px}
.filter-label{white-space:nowrap;padding-top:6px}
.categories{gap:8px}
.categories button{padding:6px 10px;line-height:1.5}
.listing-card{padding:22px 20px 0}
.listing-card h3{font-size:18px;line-height:1.65;margin:14px 0 10px}
.text-card .title-link{min-height:59px;-webkit-line-clamp:2}
.card-top{gap:7px;align-items:flex-start}
.card-category{font-size:12px;line-height:1.7;overflow-wrap:anywhere}
.type-badge{font-size:12px;white-space:nowrap;flex-shrink:0}
.card-save{flex-shrink:0;min-width:26px;height:28px}
.card-description{font-size:14px;line-height:1.85;-webkit-line-clamp:3;min-height:78px;margin-bottom:16px}
.tag{font-size:12px;line-height:1.6}
.tag-list{gap:6px}
.card-info{font-size:13px;margin:18px 0}
.card-person{gap:8px;flex-wrap:wrap;min-height:64px;padding:14px 0}
.person-name{font-size:13px;max-width:100%}
.person-name small{font-size:11px}
.card-person .time{font-size:12px}
.text-card .person-name{flex-basis:100%;white-space:normal;overflow-wrap:anywhere}
.text-card .card-person .time{margin-left:0}
.field>span{font-size:15px}
.field input,.field select,.field textarea{font-size:15px}
.field small,.form-help,.upload-help{font-size:13px}
.form-section-title{font-size:23px}
.auth-modal{max-width:430px}
.auth-modal>p,.auth-tabs button{font-size:15px}
.modal-top h2{font-size:20px}
.page-heading p,.detail-body,.detail-section p,.connection-card p{font-size:15px}
.account-sidebar button{font-size:16px;line-height:1.6;gap:10px}
.account-sidebar button svg{width:19px;height:19px}
.account-identity h3{font-size:18px;line-height:1.5}
.account-identity p{font-size:14px;line-height:1.7}
.account-identity .verification-badge,.account-identity .status-badge{font-size:12px}
@media(max-width:640px){.account-sidebar button{font-size:14px;gap:8px;padding:10px}.account-sidebar button svg{width:17px;height:17px}}
.site-footer{display:block;max-width:1184px;padding-top:32px}
.footer-main{display:flex;justify-content:space-between;align-items:center;gap:28px}
.site-footer p,.footer-links,.footer-brand span{font-size:14px;line-height:1.8}
.footer-links button{font-size:inherit;line-height:1.8;padding:4px 0}
.friend-links-section{padding:0 0 28px;margin-bottom:28px;border-bottom:1px solid var(--line)}
.friend-links-section[hidden]{display:none}
.friend-links-section h2{font-size:22px;margin:0 0 18px}
.friend-link-list{display:flex;gap:14px 26px;flex-wrap:wrap;align-items:center}
.friend-link-list a{font-size:15px;line-height:1.8;overflow-wrap:anywhere}
.friend-link-list a:hover,.footer-registration a:hover{color:var(--green);text-decoration:underline}
.footer-registration{margin-top:28px;padding-top:22px;border-top:1px solid var(--line);text-align:center;font-size:13px;color:var(--muted)}
/* Keep registration in one view without shrinking its input text. */
dialog.registration-dialog{width:min(560px,calc(100% - 24px));max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px)}
.registration-dialog .modal-top{padding:18px 24px 0}
.registration-dialog .modal-top h2{font-size:18px}
.registration-dialog .modal-body{padding:12px 24px 22px}
.auth-register{max-width:410px;padding:0}
.auth-register .brand{margin-bottom:10px}
.auth-register .brand-logo{width:160px}
.auth-register>p{margin:0;font-size:14px;line-height:1.7}
.auth-register .auth-tabs{margin:14px 0}
.auth-register .auth-tabs button{padding-bottom:8px}
.auth-register .field{margin-bottom:12px}
.auth-register .field>span{font-size:14px;margin-bottom:6px}
.auth-register .field input{font-size:16px;padding:8px 12px}
.auth-register .field small{font-size:12px;margin-top:5px}
.auth-register .code-row button{font-size:13px;min-width:108px}
.auth-register .sms-config-note{margin-bottom:12px;padding:8px 10px;font-size:12px;line-height:1.6}
.auth-register .sms-development-code{margin:0 0 12px;padding:8px 10px;font-size:12px}
.auth-register .button.full{min-height:44px;padding:10px 16px;font-size:15px}
@media(max-width:640px){.registration-dialog .modal-top{padding:16px 18px 0}.registration-dialog .modal-body{padding:10px 18px 18px}.auth-register .brand-logo{width:146px}}
@media(max-height:700px){.registration-dialog .modal-top{padding-top:12px}.registration-dialog .modal-body{padding-top:8px;padding-bottom:14px}.auth-register .brand{margin-bottom:6px}.auth-register>p{font-size:13px}.auth-register .auth-tabs{margin:10px 0}.auth-register .field{margin-bottom:10px}.auth-register .field>span{margin-bottom:4px}.auth-register .sms-config-note{margin-bottom:10px}}
@media(min-width:1600px){.site-footer{max-width:1264px}}
@media(max-width:1100px){#opportunities .listing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.desktop-nav{gap:22px}.header-inner{gap:26px}}
@media(max-width:850px){#opportunities .listing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-main{align-items:flex-start;flex-wrap:wrap}.header-actions{font-size:13px}.text-button,.header-publish{font-size:13px}}
@media(max-width:640px){#opportunities .listing-grid{grid-template-columns:1fr;gap:16px}.listing-card{padding:22px 20px 0}.text-card .title-link{min-height:0}.card-description{min-height:0}.mobile-nav a,.mobile-nav button{font-size:13px}.board-title h2{font-size:23px}.board-title h2 span{font-size:10px}.category-row{gap:10px}.filter-label,.categories button{font-size:13px}.categories{gap:5px}.categories button{padding:6px 8px}.results-toolbar{align-items:flex-start;gap:12px;flex-wrap:wrap}.sort-controls{margin-left:auto}.stats-strip{gap:16px;font-size:13px;flex-wrap:wrap}.stats-strip .demo-label{font-size:11px}.hero-copy>p{font-size:14px}.hero-buttons .button{font-size:13px;padding:10px 12px}.field input,.field select,.field textarea{font-size:16px}.footer-main{display:block}.footer-links{margin-top:22px;gap:18px;flex-wrap:wrap}.footer-registration{font-size:13px}.friend-link-list{gap:12px 20px}.auth-modal h3{font-size:24px}}
.stats-strip .recent-members{display:flex;align-items:center;gap:9px;flex:0 1 450px;min-width:0;max-width:100%;margin-left:auto;padding:10px 14px;border:1px solid #cce8dd;border-radius:999px;background:#f0faf5;color:#386b5a;font-size:13px;line-height:1.5;overflow:hidden}
.stats-strip .recent-members[hidden]{display:none}
.recent-members-icon{display:flex;flex:none;color:#168568}
.recent-members-icon svg{display:block;width:17px;height:17px}
.recent-member-message{display:flex;align-items:center;gap:6px;min-width:0;max-width:100%;white-space:nowrap}
.recent-member-welcome,.recent-member-phone,.recent-member-ending{flex:none}
.recent-member-nickname{flex:0 1 auto;min-width:0;max-width:14em;overflow:hidden;text-overflow:ellipsis;font-weight:600;color:#176d55}
.recent-member-phone{font-variant-numeric:tabular-nums;color:#527869}
.recent-member-message.is-entering{animation:recent-member-fade-in .45s ease-out both}
.recent-members:focus-visible{outline:2px solid #168568;outline-offset:3px}
@keyframes recent-member-fade-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:850px){.stats-strip{flex-wrap:wrap}.stats-strip .recent-members{flex-basis:100%;width:100%;margin-left:0;max-width:100%}}
@media(max-width:420px){.stats-strip .recent-members{gap:6px;padding:9px 10px;font-size:12px}.recent-member-message{gap:4px}.recent-members-icon svg{width:15px;height:15px}}
@media(prefers-reduced-motion:reduce){.recent-member-message.is-entering{animation:none!important}}