@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Playfair+Display:wght@500;600;700;800&display=swap');
:root{font:16px 'DM Sans',Arial,sans-serif;color:#142b25;background:#f7f5ee}
*{box-sizing:border-box}
body{margin:0}
a{color:inherit;text-decoration:none}
button,textarea,input{font:inherit}
.community-site-header{min-height:78px;padding:14px max(24px,calc((100vw - 1420px)/2));display:flex;align-items:center;justify-content:space-between;gap:25px;background:#092b25;color:#fff}
.community-brand{font-weight:900;letter-spacing:-.05em;font-size:1.15rem;white-space:nowrap}
.community-brand em{font-family:'Playfair Display',Georgia,serif;color:#f2bfd1}
.community-site-header nav{display:flex;align-items:center;gap:26px;font-size:.9rem;font-weight:800}
.community-site-header nav a:hover,.community-page-footer a:hover{text-decoration:underline}
.community-site-header .current{color:#f2bfd1}
.community-page-main{width:min(calc(100% - 48px),1420px);margin:0 auto;padding:22px 0 40px}
.community-page-intro{display:flex;justify-content:space-between;align-items:end;gap:28px;margin:0 0 17px}
.community-page-kicker{color:#8f4b69;font-size:.8rem;letter-spacing:.16em;font-weight:900}
.community-page-intro h1{font:700 clamp(2.7rem,4vw,3.8rem)/1 'Playfair Display',Georgia,serif;letter-spacing:-.05em;margin:7px 0 8px}
.community-page-intro h1 span{color:#c67494;margin-left:10px;font-size:.55em;vertical-align:top}
.community-page-intro p{font-size:1.05rem;line-height:1.5;color:#4d6559;margin:0}
.community-page-offer{font-size:.9rem;font-weight:800;border-bottom:2px solid #b97891;padding-bottom:5px;white-space:nowrap;margin-bottom:7px}
.community-page-offer:hover{color:#8f4b69}
.community-page-main .community-app{width:100%;height:calc(100dvh - 245px);min-height:470px;box-shadow:12px 12px 0 #dcb4c3}
.community-page-main #chat-layout{height:calc(100% - 77px);display:flex;flex-direction:column}
.community-page-main .chat-layout{grid-template-columns:230px minmax(0,1fr);min-height:0;flex:1}
.community-page-main .chat-main{max-height:none;min-height:0}
.community-page-main .chat-feed{min-height:0}
.community-page-main .chat-room{font-size:.9rem;padding:14px 12px}
.community-page-main .chat-room-top{padding:21px 25px 15px}
.community-page-main .chat-room-top h3{font-size:1.8rem}
.community-page-main .chat-room-top p,.community-page-main .chat-compose textarea{font-size:.95rem}
.community-page-main .chat-feed{padding:25px}
.community-page-main .chat-message p{font-size:.95rem}
.community-page-main .chat-message-meta strong{font-size:.9rem}
.community-page-main .chat-message-actions button{font-size:.8rem}
.community-page-main .chat-compose{padding:15px 22px}
.community-page-main .chat-note{font-size:.78rem}
.community-page-main .chat-head{padding:19px 25px}
.community-page-main .chat-head strong{font-size:1.06rem}
.community-page-main .chat-head small{font-size:.8rem}
.community-page-main .chat-greeting{font-size:.88rem}
.community-page-main .chat-gate{min-height:570px}
.community-page-main .btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;background:#092b25;color:#fff;font-weight:800}
.community-page-main .btn.pink{background:#f2bfd1;color:#092b25}
.community-page-footnote{font-size:.88rem;line-height:1.6;color:#536a5f;margin:27px 0 0}
.community-page-footnote a{text-decoration:underline;font-weight:800}
.community-page-footer{display:flex;justify-content:space-between;gap:18px;padding:30px max(24px,calc((100vw - 1420px)/2));background:#092b25;color:#fff;font-size:.83rem}
@media(max-width:800px){.community-page-main .chat-layout{grid-template-columns:180px minmax(0,1fr)}.community-site-header nav{gap:15px}}
@media(max-width:620px){.community-site-header{align-items:flex-start;flex-direction:column;gap:12px;padding:18px 24px}.community-site-header nav{width:100%;overflow-x:auto;gap:19px;white-space:nowrap;padding-bottom:3px}.community-page-main{width:calc(100% - 32px);padding-top:20px}.community-page-intro{align-items:start;flex-direction:column;gap:8px}.community-page-intro h1{font-size:3rem}.community-page-main .community-app{height:auto;min-height:640px;box-shadow:6px 6px 0 #dcb4c3}.community-page-main #chat-layout{height:auto}.community-page-main .chat-layout{grid-template-columns:1fr;min-height:0}.community-page-main .chat-main{max-height:calc(100dvh - 280px);min-height:440px}.community-page-main .chat-feed{min-height:220px}.community-page-main .chat-head{padding:14px 16px}.community-page-main .chat-room-top{padding:15px 17px}.community-page-main .chat-room-top h3{font-size:1.5rem}.community-page-main .chat-feed{padding:17px}.community-page-main .chat-compose{padding:12px}.community-page-main .chat-gate{min-height:460px}.community-page-footer{flex-direction:column}}

.chat-invite-form select{min-height:45px;padding:10px 12px;border:1px solid #c9d2c8;background:#fff;color:#17342d;font:inherit}
