.fuv-community-page{background:var(--fuv-page)}
.fuv-community-page #content{font:400 17px/1.7 var(--fuv-font);color:var(--fuv-ink);background:var(--fuv-page)}
.fuv-community-page #content>.ast-container{display:block;width:100%;max-width:none;padding:0;margin:0}
.fuv-community-page #primary{width:100%;margin:0;padding:0;float:none}
.fuv-community-page #main,.fuv-community-page .site-main>article,.fuv-community-page .entry-content{margin:0;padding:0;background:transparent}
.fuv-community-page .entry-header,.fuv-community-page #secondary{display:none}
.fuv-community-page #content *,.fuv-community-home *{box-sizing:border-box}
.fuv-community-wrap{width:min(calc(100% - 2 * var(--fuv-gutter)),1248px);margin-inline:auto}
.fuv-community-section{padding:80px 0}
.fuv-community-hero{position:relative;isolation:isolate;overflow:hidden;background:var(--fuv-brand);color:white;padding:72px 0}
.fuv-community-hero::before{content:"";position:absolute;z-index:-1;inset:0;background:url('../../../themes/fuv-astra/assets/patterns/volunteer.svg?v=20261018-variable') no-repeat right center;background-size:auto 190%;background-position:calc(100% + clamp(64px,12vw,220px)) center;opacity:.35;pointer-events:none;mask-image:linear-gradient(90deg,transparent 45%,#000);-webkit-mask-image:linear-gradient(90deg,transparent 45%,#000)}
.fuv-community-page #content h1,.fuv-community-page #content h2,.fuv-community-page #content h3{font-family:var(--fuv-font);font-weight:800;letter-spacing:-.025em;line-height:1.2;color:inherit;margin:0 0 24px;overflow-wrap:break-word;hyphens:manual}
.fuv-community-page #content h1{font-size:clamp(32px,2.5vw + 18px,56px);max-width:22ch;line-height:1.12}
.fuv-community-page #content h2{font-size:clamp(28px,1.6vw + 16px,40px)}
.fuv-community-page #content h3{font-size:24px;font-weight:700;line-height:1.3}
html[lang^=uk] .fuv-community-page #content :is(h1,h2,h3){letter-spacing:0}
.fuv-community-page p{margin:0 0 24px}
.fuv-community-page p:last-child{margin-bottom:0}
.fuv-community-lead,.fuv-community-hero p{font-size:clamp(18px,.4vw + 16px,22px);max-width:850px;line-height:1.65}
.fuv-community-eyebrow{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin:0 0 16px}
.fuv-community-hero .fuv-community-eyebrow{font-size:13px;line-height:1.5}
.fuv-community-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.fuv-community-card{background:white;border:1px solid var(--fuv-line);border-radius:20px;padding:32px;display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.fuv-community-card p{margin:0}
.fuv-community-card .fuv-community-button{margin-top:auto}
.fuv-community-number{font-size:13px;font-weight:700;color:var(--fuv-brand)}
.fuv-community-page #content a,.fuv-community-home a{color:var(--fuv-brand);text-underline-offset:4px;overflow-wrap:anywhere}
.fuv-community-page #content .fuv-community-button,.fuv-home #content .fuv-community-button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:14px 24px;background:var(--fuv-brand);border:1px solid transparent;border-radius:12px;color:white;font:700 16px/1.4 var(--fuv-font);letter-spacing:0;text-transform:none;text-decoration:none;white-space:normal;cursor:pointer}
.fuv-community-page #content .fuv-community-button:hover,.fuv-home #content .fuv-community-button:hover{background:#4f5d38;color:white}
.fuv-community-page #content :is(a,button,input,textarea,select):focus-visible,.fuv-community-home a:focus-visible{outline:2px solid var(--fuv-brand);outline-offset:4px}
.fuv-community-page #content [id]{scroll-margin-top:calc(var(--fuv-header-height) + 24px)}
.fuv-community-notice{padding:14px 18px;background:#edf0e6;border-left:3px solid var(--fuv-brand);font-size:14px}
.fuv-community-privacy{font-size:14px;margin-top:20px!important}
.fuv-community-home{background:var(--fuv-page);border-bottom:1px solid var(--fuv-line)}
.fuv-home #content .fuv-community-home h2{max-width:850px;margin-bottom:20px}
.fuv-home #content .fuv-community-home .fuv-community-lead{margin-bottom:36px}
.fuv-home #content .fuv-community-home .fuv-community-card{margin:0;padding:32px;background:white}
.fuv-home #content .fuv-community-home .fuv-community-card h3{font-size:24px;line-height:1.3}
.fuv-home #content .fuv-community-home .fuv-community-card p{font-size:16px;margin-bottom:8px}
.fuv-community-menu{position:relative}
.fuv-menu-header .fuv-community-menu>summary{font-size:14px;white-space:nowrap}
.fuv-community-menu>ul{list-style:none;padding:10px;margin:0;position:absolute;top:calc(100% + 10px);right:0;width:290px;max-width:calc(100vw - 48px);background:white;border:1px solid var(--fuv-line);border-radius:12px;box-shadow:0 12px 30px #1f261b14}
.fuv-community-menu>ul a{white-space:normal;padding:10px 12px;line-height:1.45}
.fuv-community-menu>ul a::after{display:none}
.fuv-community-menu>ul a:hover{background:var(--fuv-page);border-radius:8px}
.fuv-community-footer-links{list-style:none;padding:0;margin:0}
.fuv-mobile-menu .fuv-community-menu>summary{justify-content:flex-start;min-height:48px;padding:8px 0}
.fuv-mobile-menu .fuv-community-menu>ul{position:static;box-shadow:none;width:100%;max-width:none;border:none;border-left:2px solid var(--fuv-line);border-radius:0;padding:0 0 0 12px;margin-bottom:8px}
.fuv-community-page div.wpforms-container{margin:0;font-family:var(--fuv-font)}
.fuv-community-page div.wpforms-container .wpforms-field{padding:0 0 24px}
.fuv-community-page div.wpforms-container .wpforms-field-label{font-size:16px;font-weight:700;margin-bottom:8px;color:var(--fuv-ink)}
.fuv-community-page div.wpforms-container input[type=text],.fuv-community-page div.wpforms-container input[type=email],.fuv-community-page div.wpforms-container textarea{font:400 16px/1.5 var(--fuv-font);width:100%;max-width:100%;min-height:52px;border:1px solid #8e9982;border-radius:8px;padding:12px 14px;background:white;color:var(--fuv-ink);box-shadow:none}
.fuv-community-page div.wpforms-container .wpforms-field-medium{max-width:100%}
.fuv-community-page div.wpforms-container textarea{min-height:180px;resize:vertical}
.fuv-community-page #content div.wpforms-container .wpforms-submit{background:var(--fuv-brand);border:0;border-radius:12px;color:white;padding:14px 24px;font:700 16px/1.4 var(--fuv-font);letter-spacing:0;text-transform:none;min-height:52px;cursor:pointer}
/* Match the existing internal pages at the same responsive breakpoints. */
.fuv-community-hero p:not(.fuv-community-eyebrow){font-weight:700}
.fuv-community-eyebrow{display:flex;align-items:center;gap:12px}
.fuv-community-eyebrow::before{content:none}
.fuv-community-page #content .fuv-community-hero a{color:white}
.fuv-community-page #content .fuv-community-hero :is(a,button):focus-visible{outline-color:white}
.fuv-community-page div.wpforms-container .wpforms-field-sublabel{font-size:13px;line-height:1.5;color:var(--fuv-muted)}
.fuv-community-page #content div.wpforms-container .wpforms-submit:hover{background:#4f5d38}
.fuv-community-page div.wpforms-container .wpforms-submit-container{padding:0}
.fuv-community-page div.wpforms-container label.wpforms-error{font-size:14px;line-height:1.5}
@media(max-width:1023px){.fuv-community-section{padding:64px 0}.fuv-community-hero{padding:64px 0}}
@media(max-width:900px){.fuv-community-grid{grid-template-columns:1fr}.fuv-community-card{padding:28px}}
@media(max-width:767px){.fuv-community-page #content{font-size:16px}.fuv-community-page #content :is(h1,h2,h3){hyphens:auto;-webkit-hyphens:auto}.fuv-community-section,.fuv-community-hero{padding:48px 0}.fuv-community-card,.fuv-home #content .fuv-community-home .fuv-community-card{padding:24px}}

/* Each community section has its own wave geometry in every language. */
.fuv-cooperation .fuv-community-hero::before{background-image:url('../../../themes/fuv-astra/assets/patterns/cooperation.svg?v=20261018-variable')}
.fuv-stories .fuv-community-hero::before{background-image:url('../../../themes/fuv-astra/assets/patterns/stories.svg?v=20261018-variable')}

.fuv-community-page #content div.wpforms-container :is(input[type=text],input[type=email],textarea,select):focus{outline:none;box-shadow:inset 0 0 0 1px var(--fuv-brand);border-color:var(--fuv-brand)}
