/* Qme community and editorial landing, 2026-10-11 */
:root{--q-ink:#18263b;--q-blue:#0879f8;--q-muted:#63728a;--q-line:#e4ebf3;--q-sky:#f0f8ff}
.community-teaser{display:grid;grid-template-columns:1fr 1fr;gap:64px;text-align:left!important;background:#f4f8fd;border-radius:36px;max-width:1180px;margin:48px auto;padding:80px!important;align-items:center}.community-heading h2,.director-story h2{font-size:clamp(30px,4vw,46px);line-height:1.35;letter-spacing:-1.7px;color:var(--q-ink)}.community-heading em{font-style:normal;color:var(--q-blue)}.community-heading>p:not(.eyebrow),.director-story p{font-size:17px;line-height:1.85;color:var(--q-muted)}.community-link{display:inline-flex;gap:30px;align-items:center;margin-top:22px;background:var(--q-ink);color:white;padding:18px 24px;border-radius:16px;text-decoration:none;font-weight:700}.question-stack{display:grid;gap:14px}.question-stack>a{display:block;text-decoration:none;background:white;border:1px solid var(--q-line);border-radius:22px;padding:25px;color:var(--q-ink);transition:transform .2s,box-shadow .2s}.question-stack>a:hover{transform:translateY(-4px);box-shadow:0 12px 30px #18395b0c}.question-stack small{font-size:12px;color:var(--q-blue);font-weight:700}.question-stack strong{display:block;margin:13px 0 18px;font-size:20px;line-height:1.5}.question-stack span{font-size:13px;color:var(--q-muted)}.director-story{display:grid;grid-template-columns:1fr 1fr;gap:80px;text-align:left!important;max-width:1120px;margin:auto;padding:110px 40px!important;align-items:center}.director-story .director-name{font-weight:700;color:var(--q-ink)}.career-timeline article{border-bottom:1px solid var(--q-line);padding:22px 0}.career-timeline article>span{font-size:13px;font-weight:800;color:var(--q-blue);letter-spacing:1px}.career-timeline h3{font-size:21px;margin:12px 0 5px}.career-timeline p{font-size:15px;margin:0}.career-source{display:block;margin-top:20px;font-size:12px;color:var(--q-muted)}
.community-page{margin:0;background:#f7f9fc;font-family:Arial,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;color:var(--q-ink)}.community-page *{box-sizing:border-box}.community-page a{color:inherit;text-decoration:none}.community-page button,.community-page input,.community-page textarea{font:inherit}.community-page button{cursor:pointer}.community-top{height:80px;display:flex;align-items:center;justify-content:space-between;max-width:1180px;margin:auto;padding:0 28px;background:transparent;position:static}.community-top img{width:104px;height:auto}.community-top nav{display:flex;gap:24px;font-size:14px;font-weight:700}.community-shell{max-width:1100px;margin:auto;padding:32px 28px 80px}.community-banner{position:relative;border-radius:30px;background:#eaf5ff;padding:46px;overflow:hidden;min-height:240px}.community-banner h1{font-size:clamp(30px,4vw,46px);letter-spacing:-1.8px;line-height:1.25;margin:14px 0}.community-banner p{color:var(--q-muted);line-height:1.7;max-width:65%;font-size:15px}.community-banner img{position:absolute;width:170px;height:185px;object-fit:contain;right:55px;bottom:20px}.community-eyebrow{font-size:12px;font-weight:800;letter-spacing:1px;color:var(--q-blue)}.preview-notice{font-size:13px;line-height:1.7;color:var(--q-muted);margin:18px 4px 30px}.community-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:28px}.feed-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.feed-toolbar input{width:100%;min-width:0;background:#fff;border:1px solid var(--q-line);border-radius:14px;padding:14px}.ask-button{white-space:nowrap;border:0;background:var(--q-blue);color:white;padding:14px 20px;border-radius:14px;font-weight:700}.community-filters{display:flex;gap:8px;overflow:auto;padding:0 0 16px}.community-filters button{white-space:nowrap;border:1px solid var(--q-line);background:white;padding:10px 14px;border-radius:30px;color:var(--q-muted)}.community-filters button[aria-pressed=true]{background:var(--q-ink);border-color:var(--q-ink);color:white}.feed{background:white;border:1px solid var(--q-line);border-radius:20px;overflow:hidden}.feed-item{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid var(--q-line);background:white;padding:24px}.feed-item:last-child{border-bottom:0}.feed-item:hover{background:#f9fbff}.feed-item small{color:var(--q-blue);font-size:12px}.feed-item h2{font-size:18px;letter-spacing:-.4px;line-height:1.5;margin:10px 0}.feed-item p{font-size:14px;line-height:1.7;margin:0;color:var(--q-muted)}.community-side{padding:24px;background:white;border:1px solid var(--q-line);border-radius:20px;align-self:start}.community-side h2{font-size:17px;margin:0 0 16px}.community-side p{font-size:14px;line-height:1.8;color:var(--q-muted)}.community-side a{display:block;margin-top:22px;color:var(--q-blue);font-size:14px;font-weight:700}.community-dialog{width:min(92vw,580px);border:1px solid var(--q-line);border-radius:24px;padding:30px;max-height:85vh;overflow:auto;color:var(--q-ink)}.community-dialog::backdrop{background:#162c4a70}.dialog-close{float:right;border:0;background:#f0f4f9;border-radius:50%;width:36px;height:36px}.community-dialog h2{font-size:23px;line-height:1.5;margin:22px 0}.community-dialog p{line-height:1.8;color:var(--q-muted)}.community-dialog label{display:block;margin:18px 0;font-size:14px;font-weight:700}.community-dialog input,.community-dialog textarea,.community-dialog select{display:block;width:100%;border:1px solid var(--q-line);border-radius:10px;padding:12px;margin-top:8px;font:inherit}.community-dialog textarea{min-height:140px;resize:vertical}.community-dialog .draft-status{font-size:13px;color:var(--q-blue)}.community-page :focus-visible{outline:3px solid #73b4ff;outline-offset:3px}.community-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--q-line);padding-top:30px;margin-top:50px;font-size:13px;color:var(--q-muted)}
@media(max-width:760px){.community-teaser{grid-template-columns:1fr;gap:30px;margin:20px 16px;padding:38px 24px!important;border-radius:26px}.director-story{grid-template-columns:1fr;gap:22px;padding:65px 28px!important}.community-heading h2,.director-story h2{letter-spacing:-1px}.community-top{height:70px;padding:0 20px}.community-top nav{gap:15px;font-size:13px}.community-shell{padding:12px 16px 50px}.community-banner{padding:28px 24px;min-height:275px}.community-banner p{max-width:64%;font-size:14px}.community-banner img{width:125px;height:145px;right:7px;bottom:17px}.community-layout{grid-template-columns:1fr}.community-side{margin-top:10px}.community-filters{margin-right:-8px}.feed-item{padding:22px 18px}.community-bottom{gap:20px}.community-dialog{padding:24px}.compact-hero h1{font-size:38px!important;line-height:1.35!important}.compact-hero .hero-description{font-size:16px!important}.compact-hero .hero-mascot{margin-top:22px!important;margin-bottom:34px!important}}
@media(prefers-reduced-motion:reduce){.question-stack>a{transition:none}}

/* v50: constrain the feed's grid minimum and keep filter scrolling local. */
.community-layout>*,.feed-toolbar,.feed,.community-filters{min-width:0;max-width:100%}
.feed-toolbar input{flex:1 1 0;width:0;min-width:0}.feed-toolbar .ask-button{flex:0 0 auto}
.community-filters{width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.community-filters button{flex:0 0 auto}
.feed-item h2,.feed-item p,.community-dialog h2,.community-dialog p{overflow-wrap:anywhere;word-break:normal}
@media(max-width:760px){.community-layout{grid-template-columns:minmax(0,1fr)}.community-filters{margin-right:0}.feed-toolbar{gap:8px}.feed-toolbar input{padding:13px 12px;font-size:16px}.feed-toolbar .ask-button{padding:13px 12px;font-size:14px}.community-shell{width:100%;min-width:0}.community-bottom{flex-wrap:wrap}.community-banner h1{font-size:clamp(27px,7.5vw,38px)}}
@media(max-width:360px){.feed-toolbar{flex-wrap:wrap}.feed-toolbar input{flex:1 1 100%;width:100%}.feed-toolbar .ask-button{margin-left:auto}}
/* Community interaction demo: local-only, responsive and keyboard accessible. */
.text-button{border:0;background:transparent;color:#536580;text-decoration:underline;padding:10px 0;font:inherit;font-size:13px;cursor:pointer}.feed-stats{display:block;margin-top:16px;font-size:13px;color:#63728a}.feed-excerpt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.user-text{white-space:pre-wrap;overflow-wrap:anywhere}.rating-section,.reply-section{border-top:1px solid var(--q-line);margin-top:24px;padding-top:18px}.rating-section h3,.reply-section h3{font-size:17px}.rating-section .preview-notice{margin:8px 0}.rating-section fieldset{border:0;padding:0;margin:12px 0;display:flex;gap:8px;flex-wrap:wrap}.rating-section legend{font-size:13px;margin-bottom:8px}.community-dialog .star-choice{position:relative;margin:0;display:flex;flex-direction:column;align-items:center;cursor:pointer}.star-choice input{position:absolute;opacity:0;width:1px;height:1px}.star-choice span{display:grid;place-items:center;width:46px;height:46px;border:1px solid #d7e0eb;border-radius:12px;font-size:28px;color:#748399;background:#fff}.star-choice input:checked+span{background:#fff3c4;color:#885c00;border:2px solid #885c00}.star-choice input:focus-visible+span{outline:3px solid #0879f8;outline-offset:3px}.star-choice small{margin-top:5px;font-size:12px}.reply-card{background:#f3f7fc;border-radius:14px;padding:16px;margin:12px 0}.reply-card small{color:#63728a}.reply-card p{margin:8px 0}.reply-section textarea{min-height:100px}.community-dialog{overscroll-behavior:contain}.community-dialog [hidden]{display:none!important}@media(max-width:400px){.community-dialog{padding:20px}.rating-section fieldset{gap:5px}.star-choice span{width:42px;height:44px}.community-dialog input,.community-dialog textarea,.community-dialog select{font-size:16px}}
.feed-reactions{display:block;font-size:14px;color:#63728a;margin-top:12px;line-height:1.9;white-space:normal;overflow-wrap:anywhere}.reaction-section{border-top:1px solid var(--q-line);margin-top:24px;padding-top:18px}.reaction-section h3{font-size:17px}.reaction-buttons{display:flex;flex-wrap:wrap;gap:8px}.reaction-button{border:1px solid #dce5ef;background:#fff;color:#42536b;border-radius:24px;padding:10px 14px;min-height:44px;font-size:14px}.reaction-button[aria-pressed=true]{background:#eaf3ff;border-color:#0879f8;color:#075abd;font-weight:700}
.reaction-button[data-reaction=heart][aria-pressed=true]{background:#fff0f2;border-color:#dc354b;color:#b71c35}