@layer components{.communities-page{background:#f6f2e9}.communities-overview{grid-template-columns:1fr 1.1fr;grid-template-areas:"intro map""names map";align-items:center;gap:18px 40px;max-width:1120px;margin-inline:auto;padding:32px 24px 24px;display:grid}.communities-intro{text-align:start;grid-area:intro;align-self:end;margin:0}.communities-intro h2{color:var(--ink);margin:0 0 10px;font-size:clamp(1.5rem,2.3vw,2.25rem);line-height:1.6}.communities-intro p{color:var(--muted);margin:0;font-size:1rem;line-height:1.9}.communities-intro .communities-hint{color:var(--green);border-inline-start:2px solid #d5c797;margin-top:14px;padding-inline-start:12px;font-size:.9375rem;line-height:1.9}.communities-touch-hint{display:none}.communities-names{grid-area:names;grid-template-columns:repeat(2,minmax(0,1fr));align-self:start;gap:4px 20px;margin:0;padding:0;list-style:none;display:grid}.communities-names button{width:100%;min-height:44px;color:var(--green);font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:6px 8px;font-size:.9375rem;display:flex}.communities-names button:before{content:"";background:#a5b09a;border-radius:50%;flex:0 0 5px;height:5px}.communities-names button.is-active,.communities-names button:hover{background:#e5dfcf}.communities-names button:focus-visible{outline:2px solid var(--green);outline-offset:2px}.communities-map{grid-area:map;justify-self:center;width:100%;max-width:520px;margin:0}.communities-map svg{width:100%;height:auto;display:block;overflow:visible}.community-map-region{cursor:pointer;outline:none}.community-map-region path{fill:#2d5947;stroke:#e8e7d7;stroke-width:1.5px;stroke-linejoin:round}.community-map-region.is-active path{fill:#e5dfcf}.community-map-region:focus-visible path{stroke:#142f24;stroke-width:4px}.community-region-name{fill:var(--green);font-family:var(--font-arabic);pointer-events:none;font-size:26px;font-weight:500}.community-region-name-small{font-size:18px}.communities-map-caption{text-align:center;min-height:28px;color:var(--green);margin-top:10px;font-size:.9375rem;line-height:1.8}.community-profile-dialog{box-sizing:border-box;background:var(--paper);width:min(460px,100% - 32px);max-height:80dvh;color:var(--ink);text-align:start;border:1px solid #ded8c9;border-radius:16px;padding:clamp(20px,3vw,26px);overflow-y:auto}.community-profile-dialog::backdrop{background:#081d168c}.community-profile-dialog>:is(.community-profile-kicker,h2){padding-inline-end:44px}.community-profile-close{width:44px;height:44px;color:var(--green);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;inset-block-start:12px;inset-inline-end:12px}.community-profile-close:hover{background:var(--home-mist,#eff4ef)}.community-profile-close:focus-visible{outline:2px solid var(--green);outline-offset:2px}.community-profile-dialog .community-profile-kicker{color:var(--muted);margin:0 0 8px;font-size:.9375rem}.community-profile-dialog h2{color:var(--green);margin:0 0 12px;font-size:1.25rem}.community-profile-dialog #community-profile-summary{margin:0 0 16px;font-size:.9375rem;line-height:1.9}.community-profile-source{color:var(--green);text-underline-offset:4px;font-size:.9375rem;line-height:1.9;text-decoration:underline;display:block}.community-profile-source-icon{vertical-align:middle;color:#707070;margin-inline-start:5px}.community-profile-dialog form{margin-top:18px}@media (max-width:600px){.communities-hover-hint{display:none}.communities-touch-hint{display:inline}.community-map-region{touch-action:manipulation}.communities-page :is(button,a,.community-map-region){-webkit-tap-highlight-color:transparent}.communities-page[data-pointer-interaction] :is(button,a,dialog,.community-map-region):focus{box-shadow:none;outline:none}.communities-page[data-pointer-interaction] .community-map-region:focus-visible path{stroke:var(--home-mist,#e8e7d7);stroke-width:1.5px}}@media (hover:none){.communities-hover-hint{display:none}.communities-touch-hint{display:inline}}@media (max-width:800px){.communities-overview{grid-template-columns:minmax(0,1fr);grid-template-areas:"intro""names""map";gap:18px;padding:28px 20px 20px}.communities-map{max-width:400px}}}
@layer components{.sdg-section{background:var(--home-mist,#eff4ef);padding-block:clamp(40px,5vw,64px)}.sdg-icons{grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none;display:grid}.sdg-icons>li{min-width:0}.sdg-goal{width:100%;height:100%;color:var(--green);font:inherit;text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:0;border-radius:0;flex-direction:column;align-items:center;gap:18px;padding:16px 12px;display:flex}.sdg-goal,.sdg-goal *,.sdg-dialog :is(button,a){-webkit-tap-highlight-color:transparent}.sdg-goal:focus:not(:focus-visible),.sdg-dialog :is(button,a):focus:not(:focus-visible){outline:none}.sdg-goal img{object-fit:contain;-webkit-touch-callout:none;width:112px;height:112px;display:block}.sdg-goal-label{max-width:22ch;font-size:1rem;font-weight:var(--weight-semibold);line-height:var(--leading-body);text-wrap:balance}@media (min-width:1200px){.sdg-icons{gap:16px}.sdg-goal{padding-inline:4px}.sdg-goal-label{white-space:nowrap;text-wrap:nowrap;max-width:none}}.sdg-goal:focus-visible{outline:2px solid var(--green);outline-offset:4px}.sdg-dialog{position:fixed}.sdg-dialog>h2{padding-inline-end:44px}.sdg-dialog>h2:focus{outline:none}.sdg-dialog-close{width:44px;height:44px;color:var(--green);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;inset-block-start:12px;inset-inline-end:12px}.sdg-dialog-close:hover{background:var(--home-mist,#eff4ef)}.sdg-dialog-close:focus-visible{outline:2px solid var(--green);outline-offset:2px}.sdg-dialog-actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.sdg-dialog-actions form{margin:0}.sdg-dialog .button:focus-visible{outline:2px solid var(--green);outline-offset:3px;box-shadow:none}.sdg-related{color:var(--muted)}@media (hover:hover){.sdg-goal:hover .sdg-goal-label{text-decoration:underline;-webkit-text-decoration-color:var(--gold);text-decoration-color:var(--gold);text-underline-offset:6px}}@media (max-width:900px){.sdg-icons{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:700px){.sdg-icons{overscroll-behavior-inline:contain;scroll-snap-type:x proximity;grid-template-columns:none;grid-auto-columns:minmax(144px,42%);grid-auto-flow:column;gap:12px;padding:6px;overflow-x:auto}.sdg-icons>li{scroll-snap-align:start}.sdg-goal{gap:12px;padding:8px}.sdg-goal img{width:88px;height:88px}}}