/* Community page: same canvas and dock as the gallery */
.dock a{font:600 13.5px/1 system-ui,sans-serif;color:#e9e9ec;text-decoration:none;border-radius:10px;display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 11px}
.dock a:hover{background:#24242a}.dock a.on{background:#24242a}
.light .dock a{color:#16181b}.light .dock a:hover,.light .dock a.on{background:#efeee9}
a.fleft{text-decoration:none}
.cm{padding:8px clamp(12px,3vw,40px) 0}
.cm h1{font:800 clamp(28px,4vw,44px)/1.05 system-ui,sans-serif;margin:10px 0 22px;letter-spacing:-.02em}
.cm h2{font:800 22px/1.1 system-ui,sans-serif;margin:0 0 8px}
.cm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));gap:clamp(12px,2vw,24px)}
.cm-card{display:block;background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden;text-decoration:none;color:inherit}
a.cm-card:hover{border-color:#4a4a52}
.cm-th{aspect-ratio:16/9;background:#1b1b20;display:grid;place-items:center;overflow:hidden}
.cm-th img{width:100%;height:100%;object-fit:cover;display:block}
.cm-th span{font:700 15px/1 system-ui,sans-serif;color:var(--mut)}
.cm-b{padding:12px 14px 14px}
.cm-b h3{margin:0 0 4px;font:700 15px/1.25 system-ui,sans-serif}
.cm-b p{margin:0;color:var(--mut);font-size:13px}
.cm-b .row{display:flex;gap:8px;align-items:center;margin-top:10px;flex-wrap:wrap}.cm-b .row a{color:inherit;font-size:13px;margin-right:auto}
.cm-empty{color:var(--mut);margin:20px 0}
.cm-review{margin:0 0 34px;padding:18px;border:1px dashed #5a2328;border-radius:14px}
.cm-share{max-width:640px;margin:56px 0 0;padding:22px;background:var(--panel);border:1px solid var(--line);border-radius:16px}
.cm-share>p{color:var(--mut);margin:0 0 16px}
.cm-share form{display:grid;gap:12px}
.cm-share label{display:grid;gap:6px;font:600 13px/1 system-ui,sans-serif;color:var(--mut)}
.cm-share input{font:15px system-ui,sans-serif;background:transparent;color:inherit;border:1px solid var(--line);border-radius:9px;padding:11px 12px}
.cm-share .two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cm-share .btn{justify-self:start;background:#e9e9ec;color:#0e0e10;border-color:#e9e9ec}
.light .cm-share .btn{background:#16181b;color:#fff;border-color:#16181b}
.light .cm-th{background:#e4e2dc}
.cm-share .msg{margin:0;color:var(--mut);min-height:1.2em}
@media (max-width:640px){.cm-share .two{grid-template-columns:1fr}}