/* COM19: approved chatbot-inspired mobile app design; existing data untouched. */
:root{--app-blue:#087ef5;--app-ink:#10213b;--app-purple:#763ce0}
body.community-page{background:#f3f8ff;color:var(--app-ink)}
.community-page .community-top{max-width:760px;margin:auto;padding:16px 22px;background:transparent;border:0;position:relative;display:flex;justify-content:space-between}
.community-top .app-brand{display:flex;align-items:center;gap:9px}.community-top .app-brand img{width:84px;height:auto}.community-top .app-brand .app-owl{width:44px;height:52px;object-fit:contain}.workspace-link{color:#6a43b0;font-size:12px;text-decoration:none;padding:10px;border-radius:18px;background:#eee6ff}
.v3-root{background:transparent}.v3-root .app{max-width:760px;background:radial-gradient(ellipse at 90% 4%,#dfefff80,transparent 45%),linear-gradient(#f2f8ff,#f8faff);padding-bottom:105px}
.preview-settings{margin:0 20px 12px;border:1px solid #dbe5f4;border-radius:14px;background:#ffffffad;font-size:12px;color:#66758e}.preview-settings summary{padding:10px 14px;cursor:pointer}.preview-settings .warning{font-size:12px}
.v3-root .section{padding:18px 22px}.v3-root .section h2{font-size:30px;letter-spacing:-1.2px;color:#111c35;margin:0 0 8px}.v3-root .muted{font-size:14px;color:#63748e}.v3-root .section>p.muted{margin:0 0 23px;font-size:16px}
.v3-root .control{border:1px solid #e0e7f2;border-radius:18px;padding:15px;font-size:16px;background:white;color:var(--app-ink);width:100%}.v3-root #search{box-shadow:0 5px 20px #285c9920}
.v3-root .chips{gap:9px;margin:8px 0 14px}.v3-root .chip{font-size:13px;min-height:44px;padding:11px 20px;border:1px solid #e4eaf4;box-shadow:0 4px 12px #335f8c08;background:#fff;color:#425673}.v3-root .chip.active{background:var(--app-blue);border-color:var(--app-blue);color:white;box-shadow:0 5px 13px #087ef526}
.v3-root .card{border:1px solid #edf1f8;border-radius:23px;background:#fff;padding:22px;margin:14px 0;box-shadow:0 7px 22px #4269960b}.v3-root .card h3{font-size:20px;letter-spacing:-.55px;line-height:1.45;color:#14213b}.v3-root .card p{font-size:16px;line-height:1.7;color:#4a5b76}.v3-root .tag{border-radius:9px;font-size:11px;background:#eaf5ff;color:#0875d9}.v3-root .tag.example{background:#f0e8ff;color:#7446b7}.v3-root .tag.member{background:#edf8f3;color:#397459}
.v3-root .primary{background:linear-gradient(135deg,#238aff,#0075f5);border-radius:28px;padding:14px 23px;box-shadow:0 6px 14px #087ef52b;min-height:48px}.v3-root .secondary{border-radius:16px;color:#365475;border-color:#e1e8f3;font-size:14px}.v3-root #count{font-size:12px;color:#77869a}.v3-root .form{background:white;border:1px solid #e2eafa;border-radius:23px;padding:20px}.v3-root .form .field{font-size:15px;margin-bottom:15px}.v3-root .reply{border-radius:18px;background:#eff6ff;padding:17px;margin-top:18px;font-size:14px}.v3-root details>summary{cursor:pointer;min-height:44px;padding-top:14px;color:#3c5d81}
.director-profile{display:flex;align-items:center;gap:16px;background:linear-gradient(135deg,#15243e,#253955);color:white;border-radius:20px;padding:24px 20px;margin:20px 0 16px}.director-profile strong{font-size:20px}.director-profile p{font-size:14px;color:#e0e9f7;margin:8px 0 0}.director-avatar{display:grid;place-items:center;width:60px;height:60px;flex-shrink:0;border-radius:50%;background:#4e6c9a;border:2px solid #8ba4cf;font-size:29px}.answer-tabs{display:flex;gap:8px;margin:15px 0;overflow:auto}.answer-tabs .chip{flex:1;white-space:nowrap;border-radius:22px}.ask-director{width:100%;margin-top:6px}
.v3-root #admin .form .control{min-height:180px}.v3-root #admin [data-action$=":submit"]{background:var(--app-purple);color:white;border:0}.v3-root #admin .warning{background:#f4efff;border-color:#e7def6;color:#705589}.v3-root #admin .section h2{font-size:25px}
.v3-root .nav{max-width:760px;grid-template-columns:repeat(3,minmax(0,1fr));background:#ffffffed;backdrop-filter:blur(16px);border-top:1px solid #e4ebf6;padding:8px 12px max(12px,env(safe-area-inset-bottom));box-shadow:0 -5px 25px #496b9009}.v3-root .nav button{font-size:12px;min-height:54px}.v3-root .nav span{font-size:23px;line-height:28px}.v3-root .nav button.active{color:#087ef5}
.v3-root dialog{background:#fff;box-shadow:0 20px 70px #12345633}.v3-root .toast{background:#edf7ff;border:1px solid #cbe6ff;color:#1a5e93}.community-page .qme-footer{max-width:760px;margin:auto;background:#f7faff}
@media(min-width:700px){.v3-root .section{padding-inline:36px}.v3-root .card{padding:26px}.community-top .app-brand .app-owl{width:52px}.v3-root .section h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.v3-root .heart{background:transparent;border:0;color:#e43e57;font-size:28px;min-width:44px;min-height:44px;cursor:pointer}.v3-root .heart[aria-pressed=true]{color:#e12243}
/* COM20: shared composer/dialog/action system and mobile-safe layout. */
.v3-root .compose-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.v3-root .compose-heading h3{font-size:24px;line-height:1.3;margin:10px 0}.v3-root .compose-heading button{flex-shrink:0}.v3-root .field-help{font-size:13px;line-height:1.6;color:#65748c;margin:8px 0 18px}.v3-root .field .control{display:block;margin-top:8px}.v3-root .answer-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.v3-root .answer-actions button{flex:1;min-width:100px}.v3-root .answer-actions .primary{background:var(--app-purple)}.v3-root .answer-form{margin:20px 0 0;padding:18px}.v3-root .answer-form .control{resize:vertical}.v3-root #savePost{width:100%;margin-top:16px}.v3-root .post-body{white-space:pre-wrap}.v3-root .post-meta{margin:12px 0}.v3-root .reply-author{font-size:12px;color:#496a94}.v3-root .expert-reply{border-radius:7px 20px 20px 20px;border:1px solid #dcecff}.v3-root #manageForm>button{margin-top:10px}.v3-root #manageForm .field{margin-top:18px}.v3-root #manageDialog{position:fixed;top:calc(var(--qme-visible-top,0px) + 64px);bottom:auto;margin:0 auto;max-height:calc(var(--qme-visible-height,100dvh) - 88px);overscroll-behavior:contain;scroll-padding-block:24px}.qme-dialog-open .v3-root .nav{display:none}.community-page .community-top{min-width:0;gap:12px;flex-wrap:wrap;height:auto}.community-top .workspace-link{max-width:100%;white-space:normal;overflow-wrap:anywhere}.v3-root .form,.v3-root dialog{max-width:100%;min-width:0}.v3-root textarea{max-width:100%}.v3-root .section h2{overflow-wrap:anywhere}.v3-root .control:focus{scroll-margin-block:96px}.v3-root #admin .form .control{min-height:160px}
@media(max-width:380px){.v3-root .section{padding-inline:16px}.v3-root .card{padding:18px}.v3-root .answer-form{padding:14px}.v3-root .section h2{font-size:27px}.v3-root #manageDialog{padding:18px}.community-top .app-brand img{width:72px}.community-top .app-brand .app-owl{width:38px}}