.tj-community-content{box-sizing:border-box;max-width:1200px;margin:40px auto;padding:24px;background:#f3e8cc;color:#111;border:2px solid #111;box-shadow:6px 6px 0 #ff1478;font:16px/1.5 Arial,sans-serif}.tj-community-content *{box-sizing:border-box}.tj-content-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.tj-content-heading h2{margin:0;font-size:28px}.tj-content-guidance{font-size:14px;max-width:85ch}.tj-content-card{margin:18px 0;padding:20px;border:2px solid #111;background:#fffaf0;overflow-wrap:anywhere}.tj-content-card header{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.tj-content-card time{font-size:12px;color:#555}.tj-content-text{white-space:pre-wrap}.tj-community-content button,.tj-content-dialog button{min-height:44px;cursor:pointer;padding:10px 15px;border:2px solid #111;background:#ff1478;color:#111;font:700 14px/1.4 Arial,sans-serif}.tj-community-content button[hidden]{display:none}.tj-community-content button:disabled,.tj-content-dialog button:disabled{opacity:.5;cursor:wait}.tj-content-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.tj-content-actions button{background:#fff}.tj-content-dialog{width:min(620px,calc(100vw - 32px));max-height:calc(100dvh - 48px);overflow:auto;padding:48px 24px 24px;border:3px solid #111;background:#f3e8cc;color:#111;box-shadow:8px 8px 0 #ff1478;font:16px/1.5 Arial,sans-serif}.tj-content-dialog::backdrop{background:rgb(0 0 0/.65)}.tj-content-dialog>button:first-child{position:absolute;right:10px;top:8px;background:#111;color:white}.tj-content-dialog label,.tj-community-content form label{display:block;font-weight:700;margin:14px 0}.tj-content-dialog textarea,.tj-content-dialog input,.tj-content-dialog select,.tj-community-content textarea{width:100%;padding:10px;border:2px solid #111;background:#fff;color:#111;font:400 16px/1.5 Arial,sans-serif}.tj-content-dialog textarea{min-height:140px;resize:vertical}.tj-community-content a{color:inherit;text-decoration:underline}.tj-community-content :focus-visible,.tj-content-dialog :focus-visible{outline:3px solid #ff1478;outline-offset:3px}.tj-content-video{width:100%;aspect-ratio:16/9;border:0}.tj-content-dialog [role=status]{min-height:24px}@media(max-width:600px){.tj-community-content{margin:24px 12px;padding:16px}.tj-content-heading{align-items:flex-start;flex-direction:column}.tj-content-card{padding:14px}}

.tj-content-dialog,.tj-content-dialog *{box-sizing:border-box}.tj-community-content [hidden],.tj-content-dialog [hidden]{display:none!important}

/* PHP-rendered community content only. Tokens remain on the two native roots.
   Native asset enqueue already covers its supported hosts; no page/shell bridge. */
.tj-community-content[data-tj-content], dialog.tj-content-dialog {
 --tj-content-surface:#101820; --tj-content-raised:#18212b; --tj-content-text:#fff;
 --tj-content-muted:#b5bec8; --tj-content-border:#303b46; --tj-content-field-border:#8994a2;
 --tj-content-accent:#ff1478; --tj-content-focus:#57c7ff;
 color-scheme:dark; background:var(--tj-content-surface); color:var(--tj-content-text);
 border:1px solid var(--tj-content-border); border-radius:12px; box-shadow:none;
 font:400 1rem/1.5 "Inter",Arial,sans-serif; overflow-wrap:anywhere;
}
.tj-community-content[data-tj-content] { min-width:0; }
.tj-community-content[data-tj-content] :is(h2,h3), dialog.tj-content-dialog h2 {
 color:var(--tj-content-text); font-family:"Barlow Condensed",Arial,sans-serif; font-weight:700; line-height:1.15;
}
.tj-community-content[data-tj-content] .tj-content-heading h2 { font-size:2rem; }
.tj-community-content[data-tj-content] :is(.tj-content-guidance,time,[data-content-status]), dialog.tj-content-dialog :is([role=status],form>p) { color:var(--tj-content-muted); }
.tj-community-content[data-tj-content] .tj-content-card { border:1px solid var(--tj-content-border); border-radius:8px; background:var(--tj-content-raised); }
.tj-community-content[data-tj-content] button, dialog.tj-content-dialog button {
 min-height:44px; padding:.65rem 1rem; border:1px solid var(--tj-content-border); border-radius:8px;
 background:var(--tj-content-raised); color:var(--tj-content-text); font:600 .875rem/1.4 "Inter",Arial,sans-serif; text-transform:none; box-shadow:none;
}
.tj-community-content[data-tj-content] button[data-content-compose], dialog.tj-content-dialog button[type=submit] { background:var(--tj-content-accent); color:#080c10; border-color:var(--tj-content-accent); }
.tj-community-content[data-tj-content] button:hover:not(:disabled), dialog.tj-content-dialog button:hover:not(:disabled) { border-color:var(--tj-content-field-border); }
dialog.tj-content-dialog { width:min(620px,calc(100vw - 32px)); max-height:calc(100dvh - 32px); padding:64px 24px 24px; border-radius:16px; box-shadow:0 24px 80px rgb(0 0 0/.5); scrollbar-gutter:stable; }
dialog.tj-content-dialog::backdrop { background:rgb(0 0 0/.75); }
dialog.tj-content-dialog>button:first-child { min-width:44px; right:12px; top:12px; padding:8px; background:var(--tj-content-raised); color:var(--tj-content-text); }
dialog.tj-content-dialog h2 { margin:0 0 1rem; font-size:clamp(1.5rem,4vw,2rem); }
dialog.tj-content-dialog label { color:var(--tj-content-text); font-size:.875rem; font-weight:600; }
dialog.tj-content-dialog :is(textarea,input,select), .tj-community-content[data-tj-content] textarea {
 min-width:0; max-width:100%; min-height:44px; padding:.75rem; border:1px solid var(--tj-content-field-border); border-radius:8px; background:var(--tj-content-raised); color:var(--tj-content-text); font:400 1rem/1.5 "Inter",Arial,sans-serif;
}
dialog.tj-content-dialog textarea { min-height:140px; }
dialog.tj-content-dialog :is(input,textarea)::placeholder { color:var(--tj-content-muted); opacity:1; }
.tj-community-content[data-tj-content] :focus-visible, dialog.tj-content-dialog :focus-visible { outline:3px solid var(--tj-content-focus); outline-offset:3px; }
@media(max-width:600px) { dialog.tj-content-dialog { padding:64px 16px 16px; } }
/* Native type-qualified fields override Elementor kit controls without changing the kit. */
dialog.tj-content-dialog form input:not([type=button]):not([type=submit]), dialog.tj-content-dialog form textarea, dialog.tj-content-dialog form select { background:var(--tj-content-raised); color:var(--tj-content-text); border-color:var(--tj-content-field-border); }