/* MIJUONE 1.63.9 — premium, restrained community surface; exclusive page scope. */
.page-community{
  --ms39-ink:#153357;--ms39-text:#405a78;--ms39-muted:#7891af;
  --ms39-line:#e4edf7;--ms39-blue:#246bd1;--ms39-light:#eff6ff;
  --ms39-ease:cubic-bezier(.2,.8,.2,1);
  background:linear-gradient(180deg,#eef5ff 0,#f6f9fe 310px,#f8faff 80%);
}
.page-community .ms-shell{gap:17px;max-width:1600px}
.page-community .ms-left,.page-community .ms-center,.page-community .ms-right{gap:15px}
.page-community .ms-panel,.page-community .ms-feed-title,.page-community .ms-filters,
.page-community .ms-composer,.page-community .ms-thread{
  background:#fff; border:1px solid var(--ms39-line); border-radius:20px;
  box-shadow:0 8px 32px rgba(16,53,107,.045),0 1px 2px rgba(26,55,92,.025);
}
.page-community .ms-panel{padding:18px 16px}
.page-community .ms-panel h2{font-size:16px;font-weight:850;letter-spacing:-.045em;color:var(--ms39-ink)}
.page-community .ms-panel-kicker{color:#7b9ecb;letter-spacing:.15em;font-size:10px}
.page-community .ms-menu{padding:16px 12px}
.page-community .ms-menu h2{padding:8px 6px 14px;font-size:17px}
.page-community .ms-navitem{border:1px solid transparent;min-height:44px;padding:10px 12px;border-radius:12px;transition:background .22s var(--ms39-ease),color .22s var(--ms39-ease),transform .22s var(--ms39-ease),border .22s var(--ms39-ease)}
.page-community .ms-navitem .icon{height:18px;width:18px;transition:transform .22s var(--ms39-ease),color .2s}
.page-community .ms-navitem:hover{transform:translateX(3px);border-color:#dce9fa;background:#f1f7ff}
.page-community .ms-navitem:hover .icon{transform:scale(1.09)}
.page-community .ms-navitem.is-active{border-color:#d7e7fa;background:linear-gradient(95deg,#eaf3ff,#f8fbff);color:#185dae;box-shadow:inset 3px 0 #2573d7}
.page-community .ms-feed-title{padding:19px 22px}
.page-community .ms-feed-title h2{font-size:21px;font-weight:850}
.page-community .ms-online-count{border:1px solid #dfecfb;background:linear-gradient(120deg,#f6faff,#edf5ff)}
/* Focused composer: subtle depth and accessible outline, not oversized padding. */
.page-community .ms-composer{padding:20px 21px 17px;transition:border-color .24s var(--ms39-ease),box-shadow .26s var(--ms39-ease)}
.page-community .ms-composer:focus-within{border-color:#b5d2f8;box-shadow:0 12px 38px rgba(25,85,169,.10)}
.page-community .ms-compose-fields textarea{min-height:62px!important;font-size:14px!important;line-height:1.65!important}
.page-community .ms-composer-label{gap:10px}
.page-community .ms-compose-fields .ms-compose-title{background:#f7faff!important;border-color:#e6eef8!important}
.page-community .ms-compose-bottom{margin-top:16px}
.page-community .ms-publish{background:linear-gradient(120deg,#174c9c,#2878d9);box-shadow:0 6px 16px #1d68c632;transition:transform .23s var(--ms39-ease),box-shadow .23s var(--ms39-ease),background .23s}
.page-community .ms-publish:hover{transform:translateY(-2px);box-shadow:0 11px 24px #1d68c648}
.page-community .ms-publish:focus-visible{outline:3px solid #8bb8f3;outline-offset:3px}
.page-community .ms-upload-control{border:1px solid #e3ecf8;transition:background .18s,border-color .18s}
.page-community .ms-upload-control:hover{border-color:#aac9ef;background:#eaf4ff}
.page-community .ms-photo-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(106px,1fr));gap:10px}
.page-community .ms-photo-preview-tile{transition:transform .22s var(--ms39-ease),box-shadow .22s;overflow:hidden;border:1px solid #deeafb;border-radius:13px}
.page-community .ms-photo-preview-tile:hover{transform:translateY(-2px);box-shadow:0 7px 17px #23568a15}
.page-community .ms-filters{gap:12px;padding:12px 16px}
.page-community .ms-filter-row a{transition:background .2s,color .2s,transform .2s var(--ms39-ease)}
.page-community .ms-filter-row a.active{background:#e8f2ff;color:#175eae;box-shadow:inset 0 -2px #2a74ca}
.page-community .ms-filter-row a:hover:not(.active){background:#f2f7fd;transform:translateY(-1px)}
/* Text-first social cards: consistent hierarchy, no overlap with inline replies. */
.page-community .ms-thread{padding:21px 23px 18px;border-radius:20px;transition:transform .28s var(--ms39-ease),box-shadow .28s var(--ms39-ease),border-color .28s var(--ms39-ease)}
.page-community .ms-thread:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(18,64,125,.10);border-color:#cedff5}
.page-community .ms-thread-rail .ms-avatar{box-shadow:0 0 0 3px #fff,0 4px 14px #1651a72d}
.page-community .ms-thread-identity strong{font-size:13px;letter-spacing:-.012em;color:#173251}
.page-community .ms-thread-body{padding:9px 0 13px}
.page-community .ms-thread-body p{color:#3c5370;font-size:13px;line-height:1.8}
.page-community .ms-thread-location{margin:9px 0 13px;font-size:10.5px;color:#8098b6}
.page-community .ms-actions{border-top:1px solid #e8eff8;padding:11px 0;border-bottom:1px solid #eff3f9;gap:7px 13px;position:relative}
.page-community .ms-actions form{position:relative;max-width:100%}
.page-community .ms-actions .ms-action,.page-community .ms-actions button.ms-action-heart{
  min-height:34px;border-radius:10px!important;padding:7px 9px!important;color:#66819f;
  transition:background .18s var(--ms39-ease),color .18s var(--ms39-ease),transform .18s var(--ms39-ease);
}
.page-community .ms-actions .ms-action:hover,.page-community .ms-actions button.ms-action-heart:hover{color:#1c65bb;background:#edf5ff;transform:translateY(-1px)}
.page-community .ms-actions .ms-action.is-active{color:#1f66c0;background:#e8f3ff}
.page-community .ms-action-comment{background:#edf5ff!important;color:#245eaa!important}
.page-community .ms-actions .ms-open-detail{margin-left:auto}
.page-community .ms-thread-preview{padding-top:12px;padding-bottom:7px}
.page-community .ms-comment-line{gap:11px;margin:12px 0}
.page-community .ms-comment-line strong{font-size:12px;color:#305374}
.page-community .ms-thread-expanded{padding-top:11px}
.page-community .ms-reply{border-top:1px solid #eef3f9;padding:12px 0}
.page-community .ms-reply-nested{border-left:2px solid #bed3ee}
.page-community .ms-thread-commentbar{padding-top:14px}
.page-community .ms-thread-commentbar .ms-reply-form{border:1px solid #e0ebf7;border-radius:16px;background:#f7faff;padding:12px;transition:border-color .2s,box-shadow .22s}
.page-community .ms-thread-commentbar .ms-reply-form:focus-within{border-color:#acd0fa;background:#fff;box-shadow:0 0 0 3px rgba(53,130,231,.08)}
.page-community .ms-quickreply-tools .ms-reply-submit{background:linear-gradient(115deg,#175cba,#327edb);box-shadow:0 4px 12px #1d68c323;transition:background .2s,transform .18s,box-shadow .18s}
.page-community .ms-quickreply-tools .ms-reply-submit:hover{transform:translateY(-1px);box-shadow:0 7px 17px #1d68c338}
.page-community .ms-quickreply-tools .ms-reply-submit[aria-busy=true]{opacity:.72;cursor:progress}
/* The global motion system is no longer permitted to control async form spinners. */
.page-community form[data-mi-async="true"] .is-submitting::after{content:none!important;animation:none!important}
.page-community form[data-mi-async="true"] button.ms-busy-v1639{opacity:.7;cursor:progress;pointer-events:none}
.page-community .ms-toast{border:1px solid #416692;box-shadow:0 15px 30px #0e28543c;min-width:210px;text-align:center;border-radius:13px;padding:12px 16px;font-weight:730}
/* Image gallery: all uploaded photos, never hide photos #2–8. */
.page-community .ms-image-grid-v1639{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:470px;margin:12px 0;border-radius:15px;overflow:hidden}
.page-community .ms-image-grid-v1639 .ms-image-tile-v1639{display:block;position:relative;overflow:hidden;background:#eef4fb;min-height:142px;max-height:250px}
.page-community .ms-image-grid-v1639 .ms-image-tile-v1639:first-child:nth-last-child(1){grid-column:1/-1;max-height:420px}
.page-community .ms-image-grid-v1639 .ms-image-tile-v1639 img{width:100%;height:100%;min-height:142px;max-height:250px;object-fit:cover;display:block;transition:transform .5s var(--ms39-ease)}
.page-community .ms-image-grid-v1639 .ms-image-tile-v1639:hover img{transform:scale(1.035)}
.page-community .ms-image-grid-v1639 .ms-image-tile-v1639:first-child:nth-last-child(1) img{max-height:420px}
/* Progressive entrance animation is decorative; content never depends on JS to appear. */
@keyframes ms39-card-in{from{opacity:.65;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:no-preference){
 .page-community .ms-thread:nth-child(-n+8){animation:ms39-card-in .54s var(--ms39-ease) both}
 .page-community .ms-thread:nth-child(2){animation-delay:.045s}
 .page-community .ms-thread:nth-child(3){animation-delay:.09s}
 .page-community .ms-thread:nth-child(4){animation-delay:.135s}
 .page-community .ms-thread:nth-child(5){animation-delay:.18s}
 .page-community .ms-thread:nth-child(6){animation-delay:.225s}
 .page-community .ms-thread:nth-child(7){animation-delay:.27s}
 .page-community .ms-thread:nth-child(8){animation-delay:.315s}
}
@media(max-width:1260px){.page-community .ms-actions{gap:4px 6px}.page-community .ms-actions .ms-action,.page-community .ms-actions button.ms-action-heart{padding:6px!important}}
@media(max-width:750px){
 .page-community .ms-thread{padding:17px 14px}
 .page-community .ms-panel,.page-community .ms-composer{border-radius:16px}
 .page-community .ms-actions{gap:4px 5px}
 .page-community .ms-actions .ms-action,.page-community .ms-actions button.ms-action-heart{font-size:11px;padding:6px!important}
 .page-community .ms-actions .ms-open-detail{margin-left:0}
 .page-community .ms-image-grid-v1639{max-height:390px}
 .page-community .ms-image-grid-v1639 .ms-image-tile-v1639{min-height:120px}
 .page-community .ms-quickreply-tools .ms-reply-submit{font-size:11px!important}
}
@media(prefers-reduced-motion:reduce){.page-community .ms-thread,.page-community .ms-thread:nth-child(-n+8),.page-community .ms-navitem,.page-community .ms-publish,.page-community .ms-image-grid-v1639 img{animation:none!important;transition:none!important;transform:none!important}}