.community{margin-top:24px;padding:26px;background:var(--paper,#fffefa);border:1px solid var(--line,#e7e4dc);border-radius:10px;color:var(--ink,#302c28)}
.community [hidden],.community-photo-dialog [hidden],.community-delete-dialog [hidden]{display:none!important}
.community-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:22px;margin-bottom:23px}
.community-kicker{color:#a17b53;font-size:9px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:7px}
.community-heading h2{font-family:var(--display,Arial,sans-serif);font-size:24px;letter-spacing:-.6px;font-weight:550;line-height:1.35}
.community-intro{font-size:12px;line-height:1.7;color:#928574;margin-top:7px;max-width:610px}
.community svg,.community-photo-dialog svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none}
.community-visit{display:inline-flex;align-items:center;gap:7px;flex:none;font-size:10px;color:#987345;padding-block:8px;white-space:nowrap}
.community-visit svg{width:14px;height:14px}
.community-auth{padding:18px 20px;background:#f4f0e7;border:1px solid #e7dece;border-radius:8px;margin-bottom:22px;font-size:12px;line-height:1.7;color:#89745b}
.community-signin{display:inline-flex;align-items:center;gap:9px;margin-top:11px;min-height:40px;padding:8px 14px;background:#a0673f;border-radius:6px;color:#fff8ed;font-size:11px;font-weight:600}
.community-signin:hover{background:#8c5431}
.community-form{border:1px solid #e7dfd2;background:#fcfaf6;border-radius:8px;padding:20px;margin-bottom:20px}
.community-form fieldset{border:0;min-width:0;margin:0;padding:0}
.community-form-fields{display:grid;grid-template-columns:minmax(160px,.75fr) minmax(0,2fr);gap:18px;align-items:start}
.community-form label{font-size:11px;font-weight:500;color:#79664f}
.community-name,.community-message{display:flex;flex-direction:column;gap:8px;min-width:0}
.community-form input[type=text],.community-form textarea{background:#fffefa;border:1px solid #ddd3c4;border-radius:6px;color:#4c4338;width:100%;min-width:0;font:400 12px var(--font,Arial,sans-serif);padding:11px 12px;line-height:1.6}
.community-form textarea{resize:vertical;min-height:96px;max-height:420px}
.community-form textarea::placeholder{color:#b0a18e}
.community-compose-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:15px}
.community-upload{min-width:0}
.community-form .community-photo-picker{position:relative;display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:8px 12px;border:1px dashed #c9b397;border-radius:6px;color:#906637;background:#f9f4ea;cursor:pointer;overflow:hidden}
.community-photo-picker:hover{background:#f1e8d9}
.community-photo-picker input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;font-size:16px}
.community-photo-picker:focus-within{outline:3px solid #b88350;outline-offset:3px}
.community-upload p{font-size:9px;color:#a2927f;margin-top:6px;line-height:1.6}
.community-publish{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;min-width:112px;padding:10px 17px;border:0;border-radius:6px;background:#a0673f;color:#fff8ed;font:600 11px var(--font,Arial,sans-serif);cursor:pointer;flex:none}
.community-publish:hover{background:#8c5431}
.community button:disabled,.community-form fieldset:disabled .community-photo-picker,.community-delete-dialog button:disabled{opacity:.55;cursor:wait}
.community-direct{color:#a19381;font-size:9px;line-height:1.7;margin-top:14px}
.community-preview{display:flex;align-items:center;gap:14px;margin-top:17px;padding-top:17px;border-top:1px solid #e8dfd1}
.community-preview>img{display:block;width:96px;height:82px;object-fit:contain;background:#eee8dd;border-radius:5px;flex:none}
.community-preview>div{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:7px}
.community-preview [data-community-photo-name]{font-size:10px;color:#94816b;overflow-wrap:anywhere}
.community-preview button{display:inline-flex;gap:5px;align-items:center;min-height:34px;color:#9d6743;background:transparent;font:500 10px var(--font,Arial,sans-serif);cursor:pointer}
.community-preview button svg{width:13px;height:13px}
.community-feedback{padding:11px 14px;font-size:11px;line-height:1.7;border:1px solid;border-radius:6px;margin-block:13px;overflow-wrap:anywhere}
.community-error{color:#a04e31;border-color:#e5bea9;background:#fbefe7}
.community-notice{color:#66764d;border-color:#d5ddc7;background:#f2f5ec}
.community-feed{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:17px}
.community-post{border:1px solid #e7dfd2;border-radius:8px;background:#fffefa;overflow:hidden;min-width:0}
.community-post-heading{padding:16px 17px 0;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.community-post-heading>div{min-width:0}
.community-post-heading strong{display:block;font-size:12px;font-weight:600;color:#63523e;overflow-wrap:anywhere}
.community-post-heading time{display:block;font-size:9px;color:#ac9a85;margin-top:4px;line-height:1.5}
.community-delete{display:inline-flex;align-items:center;gap:4px;background:transparent;color:#a48d73;font:400 9px var(--font,Arial,sans-serif);min-height:28px;padding:3px;cursor:pointer;flex:none}
.community-delete svg{width:13px;height:13px}
.community-delete:hover{color:#a04e31}
.community-comment{padding:13px 17px 17px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.8;color:#796b59}
.community-post-photo{display:block;position:relative;width:100%;border:0;padding:0;margin-top:14px;background:#f0ece5;cursor:zoom-in;color:#fff9ee;text-align:start}
.community-comment+.community-post-photo{margin-top:0}
.community-post-photo img{display:block;width:100%;max-height:340px;aspect-ratio:4/3;object-fit:contain}
.community-post-photo>span{position:absolute;inset-inline-end:11px;bottom:11px;display:flex;align-items:center;gap:5px;border-radius:5px;background:#443122c9;padding:6px 9px;font-size:9px;opacity:0;transition:opacity .15s}
.community-post-photo:hover>span,.community-post-photo:focus-visible>span{opacity:1}
.community-post-photo>span svg{width:13px;height:13px}
.community-post:not(:has(.community-comment)):not(:has(.community-post-photo)){padding-bottom:16px}
.community-empty{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px dashed #e4d9c7;border-radius:8px;min-height:156px;padding:26px 20px;color:#b49b7b}
.community-empty>svg{width:28px;height:28px;margin-bottom:11px;stroke-width:1.2}
.community-empty strong{font-size:12px;font-weight:500;color:#806b50}
.community-empty p{font-size:10px;color:#a2927d;line-height:1.7;margin-top:6px}
.community-feed-controls{text-align:center}
.community-feed-controls>[data-community-loading]{font-size:11px;color:#a18a6e;padding:15px}
.community-more,.community-feed-error button{background:#f7f2e8;border:1px solid #ddcfba;color:#8c653b;border-radius:6px;min-height:42px;padding:9px 17px;font:500 11px var(--font,Arial,sans-serif);cursor:pointer;margin-top:18px}
.community-more:hover,.community-feed-error button:hover{background:#eee2ce}
.community-feed-error{font-size:11px;color:#9f5436;line-height:1.7;padding-top:15px}
.community-feed-error button{margin-top:9px}
.community button:focus-visible,.community a:focus-visible,.community-form input[type=text]:focus-visible,.community-form textarea:focus-visible,.community-photo-dialog button:focus-visible,.community-delete-dialog button:focus-visible{outline:3px solid #b88350;outline-offset:3px}
.community-photo-dialog,.community-delete-dialog{border:1px solid #ded3c1;border-radius:12px;background:#fffdf8;color:#5d4b36;padding:0;box-shadow:0 25px 100px #1f140e66;font-family:var(--font,Arial,sans-serif)}
.community-photo-dialog::backdrop,.community-delete-dialog::backdrop{background:#211b16bf;backdrop-filter:blur(4px)}
.community-photo-dialog{width:min(1040px,calc(100vw - 40px));height:min(830px,calc(100dvh - 40px));max-width:calc(100vw - 40px);max-height:calc(100dvh - 40px)}
.community-photo-dialog[open]{display:flex;flex-direction:column}
.community-photo-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 21px;border-bottom:1px solid #e8dfd1;flex:none}
.community-photo-dialog h2{font-size:14px;line-height:1.5;font-weight:500;overflow-wrap:anywhere}
.community-photo-dialog header button{display:grid;place-items:center;width:44px;height:44px;border:1px solid #e8decd;border-radius:50%;background:#f3eee4;color:#94764f;flex:none;cursor:pointer}
.community-photo-full{display:flex;align-items:center;justify-content:center;min-height:0;flex:1;margin:15px;background:#f0ece5;border-radius:6px;position:relative;overflow:hidden}
.community-photo-full img{display:block;width:100%;height:100%;object-fit:contain;min-height:0}
.community-photo-full p{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:30px;background:#f0ece5;color:#947a59;font-size:12px;line-height:1.8}
.community-delete-dialog{width:min(440px,calc(100vw - 36px));max-width:calc(100vw - 36px);padding:26px}
.community-delete-dialog h2{font:600 21px/1.4 var(--display,Arial,sans-serif);letter-spacing:-.5px}
.community-delete-dialog>p{font-size:12px;line-height:1.8;color:#99846b;margin-top:12px}
.community-delete-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:23px}
.community-delete-actions button{font:500 11px var(--font,Arial,sans-serif);min-height:42px;padding:9px 15px;border:1px solid #dfd3c0;border-radius:6px;background:#faf6ed;color:#876744;cursor:pointer}
.community-delete-actions [data-community-confirm-delete]{background:#a0673f;color:#fff7e9;border-color:#a0673f}
body:has(.community-photo-dialog[open]),body:has(.community-delete-dialog[open]){overflow:hidden}
html[dir=rtl] .community-kicker{letter-spacing:0}
html[dir=rtl] .community-visit svg,html[dir=rtl] .community-signin svg{transform:scaleX(-1)}
@media(max-width:950px){.community{padding:22px}.community-heading h2{font-size:22px}.community-form-fields{grid-template-columns:1fr}.community-name{max-width:320px}.community-visit{font-size:9px}.community-feed{gap:13px}.community-post-heading{padding:14px 13px 0}.community-comment{padding:12px 13px 15px}}
@media(max-width:640px){.community{padding:20px 16px}.community-heading{flex-direction:column;gap:8px;margin-bottom:17px}.community-heading h2{font-size:21px}.community-intro{font-size:11px}.community-visit{padding-block:4px}.community-form{padding:15px}.community-name{max-width:none}.community-form-fields{gap:14px}.community-compose-bottom{align-items:flex-end;gap:10px}.community-publish{min-width:90px;padding-inline:12px}.community-form .community-photo-picker{font-size:10px;padding:8px}.community-upload p{font-size:8px}.community-feed{grid-template-columns:1fr}.community-delete{min-height:40px}.community-post-heading time{font-size:9px}.community-post-photo>span{opacity:1}.community-photo-dialog{width:calc(100vw - 20px);height:calc(100dvh - 24px);max-width:calc(100vw - 20px);max-height:calc(100dvh - 24px)}.community-photo-dialog>header{padding:12px 14px}.community-photo-dialog h2{font-size:12px}.community-photo-full{margin:10px}.community-delete-dialog{padding:22px}.community-preview>img{width:80px;height:70px}}
@media(prefers-reduced-motion:reduce){.community-post-photo>span{transition:none}}
@media(max-width:640px){.community-form input[type=text],.community-form textarea{font-size:16px}}

.community-account-tools{display:flex;gap:16px;justify-content:flex-end;align-items:center;margin-bottom:16px;font-size:11px;color:#987345}.community-account-tools a,.community-account-tools button{padding:8px 0;background:none;color:inherit;font:inherit}.community-account-tools button{border-bottom:1px solid #dfd0bb}