/* MIJUONE Social Threads v1.60 — standalone community surface.
   Intentionally limited to .page-community and .ms-* to avoid adjacent modules. */
.page-community{background:linear-gradient(180deg,#f3f8ff 0,#f8fafc 380px,#f6f9fd 100%)}
.page-community .ms-hero{display:flex;align-items:center;gap:17px;margin-top:23px;margin-bottom:19px;padding:23px 29px;border:1px solid #dce7f5;border-radius:21px;background:linear-gradient(110deg,#fff 0%,#eef5ff 75%,#e7f1ff 100%);box-shadow:0 9px 28px rgba(25,64,110,.045)}
.page-community .ms-hero-icon{display:grid;place-items:center;width:53px;height:53px;border-radius:16px;color:#1f62ce;background:#dceaff;font-size:30px;font-weight:800;flex-shrink:0}
.page-community .ms-eyebrow,.page-community .ms-panel-kicker{display:block;color:#5680af;font-size:10px;line-height:1.4;font-weight:850;letter-spacing:.12em}
.page-community .ms-hero-text{flex:1;min-width:0}.page-community .ms-hero h1{margin:3px 0 4px;font-size:30px;letter-spacing:-.065em;color:#152b4b;font-weight:900}.page-community .ms-hero p{margin:0;color:#72849c;font-size:13px}.page-community .ms-hero-create{display:flex;align-items:center;gap:8px;text-decoration:none;padding:11px 17px;color:#fff;background:#2159a5;border-radius:12px;font-size:13px;font-weight:800;white-space:nowrap}.page-community .ms-hero-create:hover{background:#173f7a}
.page-community .ms-shell{display:grid;grid-template-columns:minmax(186px,225px) minmax(0,1fr) minmax(225px,260px);gap:16px;align-items:start;max-width:1600px;margin-bottom:30px}.page-community .ms-shell>.mi-proportional-viewport{min-width:0}.page-community .ms-left,.page-community .ms-right,.page-community .ms-center{display:flex;flex-direction:column;gap:14px;min-width:0;box-sizing:border-box}.page-community .ms-panel,.page-community .ms-center>.ms-feed-title,.page-community .ms-composer,.page-community .ms-filters,.page-community .ms-thread,.page-community .ms-empty{background:#fff;border:1px solid #e2eaf4;box-shadow:0 7px 22px rgba(41,66,110,.037);border-radius:17px}.page-community .ms-panel{padding:19px 16px}.page-community .ms-panel h2{color:#172c4e;margin:5px 0 16px;font-size:17px;letter-spacing:-.05em}.page-community .ms-panel h3{margin:7px 0;color:#183657;font-size:16px}.page-community .ms-panel p{color:#73849b;font-size:12px;line-height:1.75}.page-community .ms-panel a:not(.ms-navitem){color:#2761ad;font-size:12px;font-weight:780;text-decoration:none}.page-community .ms-menu{display:flex;flex-direction:column;gap:4px}.page-community .ms-navitem{display:flex;align-items:center;gap:10px;padding:9px 10px;color:#64768b;font-size:12px;font-weight:750;text-decoration:none;border-radius:11px;transition:background .15s,color .15s;white-space:normal}.page-community .ms-navitem span{width:19px;color:#7197cc;font-size:17px;text-align:center;flex-shrink:0}.page-community .ms-navitem:hover,.page-community .ms-navitem.is-active{background:#eaf3ff;color:#1857a8}.page-community .ms-navitem.is-active{box-shadow:inset 3px 0 #2e78df}.page-community .ms-divider{margin:9px 2px;border-top:1px solid #e9eef5}.page-community .ms-local-note{background:linear-gradient(145deg,#edf6ff,#fff);}.page-community .ms-community-standards{border-style:dashed}
.page-community .ms-feed-title{padding:19px 21px;display:flex;justify-content:space-between;align-items:center;gap:12px}.page-community .ms-feed-title h2{font-size:22px;line-height:1.15;color:#172c4e;letter-spacing:-.06em;margin:4px 0 0}.page-community .ms-online-count{background:#edf5fd;color:#346ba5;border-radius:100px;padding:7px 10px;font-size:11px;white-space:nowrap}
.page-community .ms-composer{padding:18px 18px 14px;scroll-margin-top:100px}.page-community .ms-compose-top{display:flex;align-items:start;gap:12px}.page-community .ms-avatar{display:flex;align-items:center;justify-content:center;flex:none;width:42px;height:42px;border-radius:50%;background:linear-gradient(145deg,#2c67ba,#8caeea);color:#fff;font-size:17px;font-weight:900;box-shadow:0 4px 12px rgba(46,109,193,.16)}.page-community .ms-avatar-anon{background:#9a9fb3}.page-community .ms-compose-fields{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.page-community .ms-compose-fields textarea{resize:vertical;min-height:70px;max-height:260px;font-size:15px;line-height:1.65;width:100%;padding:9px 0;border:0;outline:none;background:transparent;color:#1f3552;box-sizing:border-box}.page-community .ms-compose-title{border:0;background:#f5f8fd;border-radius:9px;font-size:12px;padding:8px 11px;max-width:100%;color:#35506e;outline-color:#90b5e5}.page-community .ms-compose-fields textarea::placeholder{color:#95a2b6}.page-community .ms-compose-location{display:flex;align-items:center;gap:8px;margin:12px 0 10px 54px;flex-wrap:wrap}.page-community .ms-compose-location label{font-size:10px;font-weight:800;color:#7a8ba0;display:flex;align-items:center;gap:5px}.page-community .ms-compose-location input,.page-community .ms-compose-location select{max-width:115px;padding:5px 8px;border:1px solid #e0e9f2;border-radius:8px;font-size:11px;color:#486280;background:#f8fbff;min-width:0}.page-community .ms-compose-bottom{border-top:1px solid #edf1f7;padding-top:12px;display:flex;justify-content:space-between;align-items:center;gap:8px}.page-community .ms-compose-tools{display:flex;gap:12px;align-items:center;flex-wrap:wrap;min-width:0}.page-community .ms-compose-tools :is(a,label){font-size:12px;text-decoration:none;color:#567397;font-weight:750}.page-community .ms-compose-tools a:hover{color:#1a59ac}.page-community .ms-upload-control{display:flex;gap:5px;align-items:center;position:relative;cursor:pointer}.page-community .ms-upload-control input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.page-community .ms-file-count{font-size:11px;color:#7b92b0}.page-community .ms-publish{background:#225eaf;color:#fff!important;text-decoration:none;padding:10px 16px;border-radius:11px;border:0;cursor:pointer;white-space:nowrap;font-size:12px;font-weight:850;display:flex;align-items:center;gap:7px}.page-community .ms-publish:hover{background:#174983}.page-community .ms-inline-error{font-size:12px;color:#b82c36;margin:8px 0 0}
.page-community .ms-filters{padding:12px 15px;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.page-community .ms-filter-row{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.page-community .ms-filter-row a{font-size:12px;font-weight:800;color:#6b7f9b;text-decoration:none;padding:8px 11px;border-radius:10px}.page-community .ms-filter-row a:hover,.page-community .ms-filter-row a.active{color:#164f9b;background:#e9f2ff}.page-community .ms-feed-search{display:flex;align-items:center;border:1px solid #e1eaf5;border-radius:10px;overflow:hidden;max-width:100%}.page-community .ms-feed-search input{min-width:0;width:116px;padding:8px;border:0;outline:none;color:#3e5873;font-size:11px}.page-community .ms-feed-search select{border:0;background:#f5f8fd;font-size:11px;padding:8px;max-width:66px;color:#55718f}.page-community .ms-feed-search button{border:0;background:#f1f6ff;padding:8px 10px;color:#2e6cbb;cursor:pointer}
.page-community .ms-posts{display:flex;flex-direction:column;gap:12px}.page-community .ms-thread{display:flex;align-items:stretch;gap:13px;padding:19px 17px 16px;scroll-margin-top:95px;overflow-wrap:anywhere}.page-community .ms-thread-rail{display:flex;align-items:center;flex-direction:column;flex-shrink:0;gap:9px;width:42px}.page-community .ms-connector{width:2px;background:#e7edf6;border-radius:2px;flex:1;min-height:30px}.page-community .ms-thread-content{flex:1;min-width:0}.page-community .ms-thread-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.page-community .ms-thread-identity{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.page-community .ms-thread-identity strong{font-size:13px;color:#182d4b}.page-community .ms-time,.page-community .ms-state{font-size:10.5px;color:#8b9bb0}.page-community .ms-state{color:#4775b1;background:#edf5ff;border-radius:5px;padding:3px 5px}.page-community .ms-topic{border:1px solid #e2eaf4;border-radius:8px;padding:5px 8px;white-space:nowrap;font-size:10px;color:#6d85a2;background:#fafcff}.page-community .ms-thread-body{display:block;text-decoration:none;color:inherit;padding:9px 0 8px}.page-community .ms-thread-body h3{font-size:14.5px;line-height:1.43;margin:0 0 6px;color:#152b4a;font-weight:830}.page-community .ms-thread-body p{font-size:13px;line-height:1.78;white-space:pre-line;margin:0;color:#3b506d;overflow-wrap:anywhere}.page-community .ms-thread-image{display:block;max-width:100%;margin:7px 0;border-radius:14px;overflow:hidden;border:1px solid #e7edf5;max-height:340px}.page-community .ms-thread-image img{display:block;width:100%;height:auto;max-height:335px;object-fit:cover}.page-community .ms-thread-location{font-size:10.5px;color:#8497ae;margin:5px 0 9px}
.page-community .ms-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:6px 0;border-bottom:1px solid #eef1f5}.page-community .ms-actions form{display:flex;align-items:center;gap:4px;margin:0;min-width:0}.page-community .ms-actions button,.page-community .ms-actions a{border:0;background:transparent;cursor:pointer;display:flex;align-items:center;gap:5px;padding:6px 2px;text-decoration:none;color:#6a819d;font-size:13px;font-weight:650}.page-community .ms-actions button:hover,.page-community .ms-actions a:hover,.page-community .ms-actions .is-active{color:#e14d7a}.page-community .ms-actions .ms-open-detail{margin-left:auto;font-size:11px;color:#5480b6}.page-community .ms-actions .ms-reaction-options{display:inline-flex;align-items:center;gap:3px;padding:2px 5px;background:#f6f9ff;border-radius:18px}.page-community .ms-reaction-options button{font-size:14px;padding:2px 4px}.page-community .ms-thread-preview{padding-top:10px}.page-community .ms-comment-line{display:flex;gap:9px;align-items:flex-start;margin:6px 0 7px}.page-community .ms-comment-dot{display:block;flex-shrink:0;width:9px;height:9px;border:2px solid #c1d6f1;border-radius:50%;margin:6px 0 0 12px;background:#fff}.page-community .ms-comment-line strong{font-size:11px;color:#2c4770}.page-community .ms-comment-line p{color:#647995;font-size:11.5px;line-height:1.6;margin:3px 0}.page-community .ms-more-replies{border:0;background:transparent;color:#3c78c0;cursor:pointer;padding:8px 0;font-size:11px;font-weight:800}.page-community .ms-thread-expanded{padding-top:9px}.page-community .ms-thread-expanded[hidden]{display:none!important}.page-community .ms-reply{display:flex;align-items:start;gap:9px;padding:10px 0;border-top:1px solid #f0f4f8}.page-community .ms-reply-nested{padding:9px 0 0 13px;margin-top:7px;border-left:2px solid #e4edf7;border-top:0}.page-community .ms-reply-avatar{display:grid;place-items:center;flex-shrink:0;width:27px;height:27px;border-radius:50%;background:#e7f0ff;color:#3068aa;font-size:11px;font-weight:900}.page-community .ms-reply-copy{min-width:0;flex:1}.page-community .ms-reply-meta{display:flex;align-items:center;gap:7px}.page-community .ms-reply-meta strong{font-size:11px;color:#2d4769}.page-community .ms-reply-meta small{font-size:10px;color:#8ba0b8}.page-community .ms-reply-copy p{margin:5px 0 4px;font-size:11.5px;color:#3b506b;line-height:1.6}.page-community .ms-reply-to{font-size:10px;color:#6384aa;border:0;background:transparent;padding:2px;cursor:pointer}.page-community .ms-load-more{border:1px solid #dae6f6;background:#f6faff;color:#316cac;border-radius:9px;padding:9px;font-size:11px;cursor:pointer;width:100%;margin:10px 0}.page-community .ms-reply-form{margin-top:13px;padding:11px;border:1px solid #e1eaf7;border-radius:11px;background:#f8fbff}.page-community .ms-reply-form textarea{display:block;box-sizing:border-box;width:100%;border:0;background:transparent;outline:0;resize:vertical;min-height:53px;font-size:12px;color:#273e5c}.page-community .ms-reply-form>div{display:flex;align-items:center;gap:7px;margin-top:9px}.page-community .ms-reply-form [data-ms-reply-target]{font-size:11px;color:#5e83b7;margin-right:auto}.page-community .ms-reply-form button{font-size:11px;cursor:pointer;border:0;background:#e5edf7;border-radius:9px;padding:8px 10px;color:#376aa8}.page-community .ms-reply-form .ms-reply-submit{color:#fff;background:#2365b9}.page-community .ms-loading,.page-community .ms-empty-replies,.page-community .ms-login-note{font-size:12px;color:#8094aa}.page-community .ms-pagination{padding:0 10px}.page-community .ms-trend{display:flex!important;align-items:start;gap:13px;padding:13px 0;text-decoration:none;border-bottom:1px solid #edf1f7}.page-community .ms-trend>span{font-size:20px;font-weight:900;color:#bdd2ed}.page-community .ms-trend div{min-width:0}.page-community .ms-trend strong{display:block;color:#2a405e;font-size:12px;line-height:1.5}.page-community .ms-trend small{display:block;color:#9aabc1;font-size:10px;margin-top:5px}.page-community .ms-question{display:block!important;border-bottom:1px solid #edf1f7;padding:9px 0;line-height:1.5}.page-community .ms-question span{display:block;color:#7e9cc0;font-size:10px}.page-community .ms-right-cta{background:linear-gradient(155deg,#eaf3ff,#fff)}.page-community .ms-muted{color:#879bb4!important}.page-community .ms-empty{padding:44px 20px;text-align:center}.page-community .ms-empty span{color:#477cca;font-size:25px}.page-community .ms-empty h3{color:#223e63}.page-community .ms-empty p{color:#8ba0b5}.page-community .ms-empty a{color:#2f74bf;font-weight:800}.page-community .ms-toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%) translateY(12px);opacity:0;pointer-events:none;z-index:9999;background:#172e52;color:#fff;border-radius:11px;padding:11px 18px;font-size:12px;transition:opacity .2s,transform .2s}.page-community .ms-toast.is-visible{opacity:1;transform:translateX(-50%) translateY(0)}
/* Synchronized three lanes: preserve the shared scroll engine and its viewport. */
@media(min-width:1024px) and (min-height:660px){.page-community .ms-shell.mi-lane-sync-enabled{grid-template-columns:minmax(190px,218px) minmax(0,1fr) minmax(230px,259px)!important}.page-community .ms-shell.mi-lane-sync-enabled .ms-left,.page-community .ms-shell.mi-lane-sync-enabled .ms-right,.page-community .ms-shell.mi-lane-sync-enabled .ms-center{padding-bottom:4px}}
@media(max-width:1190px){.page-community .ms-filter-row a{padding:7px 8px}.page-community .ms-hero{padding:19px}.page-community .ms-shell{grid-template-columns:190px minmax(0,1fr) 220px;gap:10px}}
@media(max-width:1023px){.page-community .ms-shell{grid-template-columns:190px minmax(0,1fr);gap:12px}.page-community .ms-right{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.page-community .ms-shell>.mi-proportional-viewport[data-mi-lane=right]{grid-column:1/-1}}
@media(max-width:750px){.page-community .ms-hero{margin-top:12px;padding:16px;gap:9px}.page-community .ms-hero h1{font-size:23px}.page-community .ms-hero-icon{width:43px;height:43px;font-size:25px}.page-community .ms-hero-create{font-size:11px;padding:8px 10px}.page-community .ms-hero p{font-size:11px}.page-community .ms-shell{display:flex;flex-direction:column}.page-community .ms-shell>.mi-proportional-viewport{display:contents}.page-community .ms-left{order:2;width:100%}.page-community .ms-center{order:1;width:100%}.page-community .ms-right{order:3;display:flex;width:100%}.page-community .ms-thread{padding:15px 12px;gap:9px}.page-community .ms-thread-rail{width:36px}.page-community .ms-avatar{width:36px;height:36px}.page-community .ms-actions{gap:9px}.page-community .ms-compose-location{margin-left:0}.page-community .ms-compose-fields textarea{font-size:13px}.page-community .ms-filters{flex-direction:column;align-items:stretch}.page-community .ms-feed-search{width:100%}.page-community .ms-feed-search input{flex:1}.page-community .ms-right,.page-community .ms-left{display:none}}
@media(prefers-reduced-motion:reduce){.page-community .ms-toast,.page-community .ms-navitem{transition:none}}