*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:#dedede;color:#3d352b;font:16px/1.5 "Trebuchet MS",Arial,Helvetica,sans-serif}.page{max-width:1280px;margin:auto;background:#f0f0f0;display:flex;flex-direction:column}.header{padding:24px 34px 18px;border-bottom:1px solid #d1c4ae;background:#fffdf8;text-align:right}.languages{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px 20px}.language{display:inline-flex;align-items:center;min-height:44px;color:#68543c;text-decoration:none;white-space:nowrap}.language img{width:36px;height:24px;object-fit:contain;margin-right:5px;opacity:.55}.language:hover,.language:focus{text-decoration:underline}.language:hover img,.current img{opacity:1}.current{color:#2f2922}.current img{outline:2px solid #9b7041;outline-offset:3px}.hero{padding:32px 34px}.intro{width:100%;max-width:1050px;margin:auto;padding:12px 24px 44px;border:1px solid #ddd;background:#fffdf8;text-align:center}.brand{margin:0 auto 34px;max-width:790px}.brand img{display:block;width:100%;height:auto;object-fit:contain}.brand img[hidden],[hidden]{display:none!important}.logo-pending{display:grid;place-items:center;min-height:150px;margin:0;padding:24px;border:1px dashed #c5b7a1;color:#746653;font-size:14px;background:#faf7f0}.site-domain{margin:0;color:#3c3329;font-size:clamp(26px,4.9vw,62px);font-weight:bold;line-height:1.15;letter-spacing:-1.5px}.domain{overflow-wrap:anywhere}.tld{color:#aa1735;font-weight:normal}.tagline{margin:22px auto 0;color:#584a3b;font-size:clamp(21px,2.7vw,30px);line-height:1.35}.entry{margin-top:30px}.entry-link{display:inline-block;border:1px solid #aa1735;border-radius:4px;padding:12px 30px;background:#aa1735;color:white;text-decoration:none;font-size:18px;min-width:140px}.entry-link[href]:hover{background:#85112a}.entry-link[aria-disabled]{background:#ede6db;color:#655b4c;border-color:#c7baa5;cursor:not-allowed}.entry-status{max-width:440px;margin:14px auto 0;color:#746653;font-size:14px}a:focus-visible{outline:3px solid #aa1735;outline-offset:5px}footer{text-align:center;padding:20px 24px 28px;font-size:14px;color:#746653}@media(max-width:600px){.header{padding:18px 16px}.languages{justify-content:center;gap:8px 16px}.hero{padding:32px 14px}.intro{padding:22px 16px 32px}.brand{margin-bottom:28px}.site-domain{letter-spacing:-.7px}.logo-pending{min-height:120px}.language{font-size:14px}.language img{width:30px;height:20px}}
/* Preserve the supplied artwork as one complete image. */
.intro{background:#fff}.brand{max-width:960px}.brand img{width:100%;height:auto}.entry-link{min-height:48px}

.brand{padding:0;font-size:inherit;line-height:0;font-weight:normal}.site-domain{padding:0}.hero{padding-bottom:32px}


/* Community groups */
.groups{width:100%;max-width:1050px;margin:30px auto 4px}
.groups-title{margin:0 0 14px;color:#584a3b;font-size:clamp(21px,2.7vw,30px);font-weight:normal;line-height:1.35;text-align:left}
.group-card + .group-card{margin-top:16px}
.group-card{display:grid;grid-template-columns:170px minmax(0,1fr) 170px;grid-template-areas:"logo content qr";gap:22px;align-items:center;width:100%;padding:20px;border:1px solid #d1c4ae;background:#fffdf8}
.group-logo,.group-qr{display:flex;align-items:center;justify-content:center}.group-logo{grid-area:logo}.group-content{grid-area:content}.group-qr{grid-area:qr}
.group-logo img,.group-qr img{display:block;width:100%;height:auto;aspect-ratio:1/1}
.group-logo img{object-fit:cover}
.group-qr img{object-fit:contain;background:#fff}
.group-content{min-width:0;text-align:left}
.group-title{margin:0;color:#3d352b;font-size:clamp(20px,2.25vw,27px);line-height:1.25}
.group-description{margin:12px 0 13px;color:#584a3b;font-size:16px;line-height:1.55}
.group-whatsapp{margin:0;font-size:15px;line-height:1.4}
.group-whatsapp a{color:#8f1630;text-decoration:underline;overflow-wrap:anywhere;word-break:break-word}
.group-whatsapp a:hover,.group-whatsapp a:focus{color:#681020}
.group-qr a{display:block;width:100%;line-height:0}
@media(max-width:760px){
  .groups{margin-top:24px}
  .group-card{grid-template-columns:112px minmax(0,1fr) 112px;gap:14px;padding:14px}
  .group-description{font-size:15px}
  .group-whatsapp{font-size:14px}
}
@media(max-width:600px){
  .groups-title{text-align:center}
  .group-card{grid-template-columns:1fr 1fr;grid-template-areas:"logo qr" "content content";gap:14px 24px;padding:16px}
  .group-logo,.group-qr{width:112px;max-width:100%;justify-self:center}
  .group-content{text-align:center}
  .group-title{font-size:19px}
  .group-description{margin-top:12px;text-align:left}
  .group-whatsapp{text-align:center}
}
@media(max-width:480px){
  .group-card{gap:12px 18px;padding:14px}
  .group-logo,.group-qr{width:96px}
  .group-title{font-size:18px}
  .group-description{font-size:14px;line-height:1.5}
  .group-whatsapp{font-size:13px}
}
/* Responsive-image wrappers: preserve the exact v4 layout while allowing modern formats. */
.brand picture,.group-logo picture{display:block;width:100%}
