.community{--co-ink:#283b39;--co-green:#235c51;--co-line:#dddcd3;color:var(--co-ink);overflow-wrap:anywhere;min-height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:#faf8f1;font-size:1rem;line-height:1.65}.community *{box-sizing:border-box;min-width:0}.community a{color:var(--co-green);text-underline-offset:.2em}.community button,.community input,.community select,.community textarea{font:inherit;color:inherit}.community button,.community .co-link-button,.community summary{cursor:pointer;border:1px solid var(--co-line);white-space:normal;background:#fffefb;border-radius:.6rem;justify-content:center;align-items:center;min-height:44px;padding:.55rem .9rem;text-decoration:none;display:inline-flex}.community button:disabled{opacity:.55;cursor:wait}.community button[aria-pressed=true]{border-color:var(--co-green);background:#e1eee7}.community .language-switcher button.active{background:var(--co-green);color:#fff;border-color:var(--co-green)}.community :focus-visible{outline-offset:3px;outline:3px solid #b35432}.community .co-primary{background:var(--co-green);color:#fff;border-color:var(--co-green)}.co-header{border-bottom:1px solid var(--co-line);flex-wrap:wrap;align-items:center;gap:1rem;max-width:1200px;margin:auto;padding:1.2rem;display:flex}.co-brand{margin-right:auto;font-size:1.4rem;font-weight:750;text-decoration:none}.co-brand small{font-size:.8rem;font-weight:400;display:block}.co-header nav{flex-wrap:wrap;align-items:center;gap:.8rem;width:100%;display:flex}.co-header nav a{align-items:center;min-height:44px;display:flex}.co-main{max-width:840px;margin:auto;padding:1.3rem}.co-intro{padding:1.5rem 0 2rem}.co-intro h1{margin:.4rem 0;font-size:clamp(1.7rem,5vw,2.8rem);line-height:1.3}.co-intro>p:first-child{color:#7c543e;font-weight:650}.co-card{border:1px solid var(--co-line);background:#fffefb;border-radius:1rem;margin:0 0 1.2rem;padding:1.4rem;box-shadow:0 3px 12px #334d3905}.co-card h2{margin:0 0 .8rem;font-size:1.3rem}.co-card h3{font-size:1.05rem}.co-card p{margin:.7rem 0}.co-notice{background:#fff4d7;border:1px solid #dbc88f;border-radius:.6rem;margin:1rem 0;padding:1rem}.co-notice button{margin:.4rem}.co-post-header{align-items:center;gap:.8rem;display:flex}.co-post-header small{color:#5a665e;font-size:.85rem;display:block}.co-avatar{background:#e5eadb;border-radius:50%;place-items:center;width:44px;min-width:44px;height:44px;font-weight:700;display:grid}.co-text{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.co-stats,.co-actions{flex-wrap:wrap;align-items:center;gap:.65rem;margin:.8rem 0;display:flex}.co-stats{color:#586459;font-size:.9rem}.co-stats span{background:#f2f2e9;border-radius:.4rem;padding:.2rem .65rem}.community label{gap:.35rem;margin:.6rem 0;display:grid}.community input:not([type=checkbox]),.community textarea,.community select{background:#fff;border:1px solid #acb7af;border-radius:.5rem;width:100%;max-width:100%;min-height:44px;padding:.7rem}.community textarea{resize:vertical}.community .co-check{align-items:flex-start;gap:.7rem;min-height:44px;display:flex}.co-check input{width:22px;min-width:22px;height:22px;margin-top:.3rem}.co-filters{flex-wrap:wrap;align-items:flex-end;gap:.7rem;margin-bottom:1rem;display:flex}.co-filters label{flex:150px;margin:0}.co-comment{border-top:1px solid var(--co-line);padding:1rem 0}.co-replies{border-left:2px solid #dee6dc;padding-left:1rem}.co-comment-form{margin:1rem 0}.co-comment-form>button{margin-left:.5rem}.co-safety{margin-top:.5rem;font-size:.9rem}.co-safety p:empty{display:none}.co-moderate{border-top:1px solid var(--co-line);margin-top:1rem;padding-top:.5rem}.co-footer{flex-wrap:wrap;justify-content:center;gap:1.5rem;padding:2rem 1rem;display:flex}.co-footer a{min-height:44px}.community-auth{flex-direction:column;align-items:center;gap:1rem;padding:2rem 1rem;display:flex}.co-rules li{margin:.8rem 0}.co-rules h1{line-height:1.3}@media (max-width:380px){.co-main{padding:.8rem}.co-card{padding:1rem}.co-header{padding:.8rem}.co-actions{align-items:stretch}.co-actions>*{flex:auto}.co-filters label{flex-basis:100%}.co-replies{padding-left:.5rem}.co-intro{padding-top:.8rem}.co-header nav{gap:.55rem}.co-post-header{align-items:flex-start}}@media (prefers-reduced-motion:reduce){.community *{scroll-behavior:auto}}
