/* MIJUONE v1.53 — Hyperlocal social / group network; shared hero & one-page proportional scrolling */
.mi-service-hero--groups153{background:linear-gradient(95deg,#eff7ff 0%,#edf6ff 42%,rgba(232,242,253,.45) 69%),url('../img/event-network.jpg') center/cover!important}
.mi-service-hero--groups153 h1{max-width:740px}.mi-service-hero--groups153::before{opacity:.35!important}
.cx141-shell .lg153-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:25px 0 22px;flex-wrap:wrap}
.lg153-heading h2{font-size:clamp(24px,2vw,31px);line-height:1.4;letter-spacing:-.055em;color:#10375d;margin:6px 0}.lg153-heading p{font-size:12px;line-height:1.75;color:#637f9d;margin:0;max-width:740px}
.lg153-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:23px}
.lg153-overview>div{background:#fff;border:1px solid #dfeaf6;padding:17px 19px;border-radius:17px;min-width:0;box-shadow:0 9px 22px rgba(25,73,129,.045)}
.lg153-overview span,.lg153-overview small{display:block;font-size:10px;color:#7b91a9;font-weight:800}.lg153-overview b{display:block;font-size:23px;color:#174f92;margin:4px 0;letter-spacing:-.04em;word-break:break-word}
.lg153-layout{display:grid;grid-template-columns:minmax(185px,.88fr) minmax(0,2.2fr) minmax(180px,.93fr);gap:16px;align-items:start;min-width:0}
.lg153-lane,.lg153-feed,.lg153-main{display:grid;align-content:start;gap:16px;min-width:0}
.lg153-panel{background:#fff;border:1px solid #e0eaf5;border-radius:19px;padding:19px;box-shadow:0 12px 28px rgba(18,68,124,.045);min-width:0}
.lg153-panel h3,.lg153-feed h3{font-size:17px;line-height:1.4;color:#183e69;font-weight:900;letter-spacing:-.03em;margin:7px 0 14px}
.lg153-panel h4{font-size:12px;color:#265782;margin:18px 0 10px}.lg153-panel p{font-size:12px;line-height:1.8;color:#5f7894}
.lg153-panel .cx-eyebrow,.lg153-heading .cx-eyebrow{font-size:10px;letter-spacing:.14em;font-weight:900;color:#2572ca}
.lg153-filters{display:grid;gap:12px}.lg153-filters label,.lg153-edit-form label{display:grid;gap:7px;font-size:11px;color:#2d527b;font-weight:850}
.lg153-filters input,.lg153-filters select,.lg153-edit-form input:not([type=checkbox]),.lg153-edit-form textarea,.lg153-edit-form select,.lg153-compose textarea,.lg153-chat-compose textarea,.lg153-compact-form input{width:100%;min-width:0;border:1px solid #dce7f5;background:#fbfdff;border-radius:11px;padding:10px 12px;font:inherit;font-size:12px;color:#20456c;outline:none}
.lg153-filters input:focus,.lg153-filters select:focus,.lg153-edit-form input:focus,.lg153-edit-form textarea:focus,.lg153-compose textarea:focus,.lg153-chat-compose textarea:focus{border-color:#2d7bd1;box-shadow:0 0 0 3px rgba(39,116,208,.10)}
.lg153-clear{text-align:center;text-decoration:none;color:#2867b5;font-size:11px;font-weight:850}.lg153-category-list{display:grid;gap:4px}
.lg153-category-list a,.lg153-quick{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 3px;text-decoration:none;border-bottom:1px solid #eef3fa;color:#315a86;font-size:11px;font-weight:800;line-height:1.5}
.lg153-category-list a:hover,.lg153-quick:hover{color:#1669c5}
.lg153-section-head{display:flex;justify-content:space-between;align-items:end;gap:10px;flex-wrap:wrap;margin:1px 0 10px}
.lg153-section-head h3{margin:5px 0 0;font-size:18px}.lg153-section-head>span{font-size:11px;font-weight:800;color:#8398b0}
.lg153-topic-chips{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:1px}.lg153-topic-chips a{font-size:11px;text-decoration:none;border-radius:999px;padding:8px 12px;background:#fff;border:1px solid #dce8f7;font-weight:800;color:#5c7ca0}
.lg153-topic-chips a.selected,.lg153-topic-chips a:hover{background:#1866c6;color:#fff;border-color:#1866c6}
.lg153-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:stretch}
.lg153-group-card{min-width:0;overflow:hidden;background:#fff;border-radius:19px;border:1px solid #dfe9f5;box-shadow:0 9px 25px rgba(21,65,126,.055);transition:transform .18s ease,box-shadow .18s ease}
.lg153-group-card:hover{transform:translateY(-3px);box-shadow:0 17px 36px rgba(17,70,140,.11)}
.lg153-card-art{height:192px;display:block;position:relative;overflow:hidden;background:#e4f0fc;text-decoration:none}
.lg153-card-art>img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.lg153-group-card:hover .lg153-card-art>img{transform:scale(1.06)}
.lg153-photo-scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,20,41,.12),transparent 43%,rgba(5,25,49,.7))}
.lg153-art-label,.lg153-art-foot{position:absolute;color:white;z-index:1;font-weight:850;font-size:11px;text-shadow:0 2px 9px rgba(0,0,0,.15)}
.lg153-art-label{top:14px;left:14px;padding:7px 10px;background:rgba(255,255,255,.23);border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(9px);border-radius:99px}
.lg153-art-foot{bottom:13px;left:15px;font-size:12px}
.lg153-card-body{padding:15px}.lg153-small-label{color:#2f7bd0;letter-spacing:.1em;font-size:10px;font-weight:900}
.lg153-card-body h3{margin:7px 0;font-size:15px}.lg153-card-body h3 a{color:inherit;text-decoration:none}
.lg153-card-body p{font-size:11px;line-height:1.7;color:#71869d;min-height:56px;margin:0 0 11px}
.lg153-card-bottom{padding-top:11px;border-top:1px solid #edf2f8;display:flex;align-items:center;justify-content:space-between;gap:6px;flex-wrap:wrap}
.lg153-card-bottom span{color:#879bb1;font-size:10px;font-weight:800}.lg153-card-bottom a{color:#206bc4;font-size:11px;text-decoration:none;font-weight:900}
.lg153-promo{position:relative;overflow:hidden;border-radius:20px;padding:24px 21px;background:linear-gradient(140deg,#164c92,#247bd3 68%,#4cb3e5);box-shadow:0 13px 29px rgba(19,72,140,.16);color:#fff}
.lg153-promo::after{content:"";position:absolute;top:-80px;right:-60px;width:205px;height:205px;border:1px solid rgba(255,255,255,.2);border-radius:50%;box-shadow:0 0 0 44px rgba(255,255,255,.05);pointer-events:none}
.lg153-promo .cx-eyebrow{color:#d7edff!important}.lg153-promo h3{font-size:23px;line-height:1.35;letter-spacing:-.04em;color:#fff;margin:17px 0 11px}.lg153-promo p{font-size:12px;line-height:1.8;color:#e7f4ff}
.lg153-promo a{display:block;background:rgba(255,255,255,.96);color:#215997;border-radius:11px;padding:11px;text-align:center;text-decoration:none;font-size:11px;font-weight:900;margin-top:8px}
.lg153-invite{padding:12px 0;border-bottom:1px solid #edf2f9;display:grid;gap:5px}.lg153-invite b{font-size:12px;color:#1f4e80}.lg153-invite small{font-size:10px;color:#90a3b9}.lg153-invite form,.lg153-pending form,.lg153-report form{display:flex;gap:7px;flex-wrap:wrap}
.lg153-invite button,.lg153-pending button,.lg153-report button,.lg153-compact-form button{font:inherit;font-size:11px;font-weight:800;cursor:pointer;background:#eef5ff;border:1px solid #dbe9fa;border-radius:9px;color:#2362ac;padding:8px 11px}
.lg153-empty{grid-column:1/-1;text-align:center;padding:35px 16px}.lg153-empty-icon{display:block;font-size:40px;color:#3c8cdf}.lg153-empty p{max-width:330px;margin:0 auto 15px}
/* Group detail */
.lg153-detail-cover{position:relative;isolation:isolate;min-height:260px;border-radius:22px;overflow:hidden;background:#174d8c;display:flex;align-items:end;justify-content:space-between;gap:20px;padding:26px 29px;margin:24px 0 20px}
.lg153-detail-photo{position:absolute;inset:0;z-index:-1}.lg153-detail-photo img{width:100%;height:100%;object-fit:cover}.lg153-detail-photo span{position:absolute;inset:0;background:linear-gradient(85deg,rgba(8,33,67,.88),rgba(15,48,87,.46),rgba(14,40,77,.18))}
.lg153-cover-copy h2{font-size:clamp(26px,2.6vw,40px);color:#fff;letter-spacing:-.06em;margin:6px 0;line-height:1.35}.lg153-cover-copy p{font-size:12px;color:#e8f1fd;line-height:1.6;margin:0}
.lg153-cover-copy .cx-eyebrow{color:#c0e3ff}.lg153-back{background:rgba(255,255,255,.92);padding:12px 14px;border-radius:12px;font-size:11px;font-weight:900;color:#235b98;text-decoration:none;flex-shrink:0}
.lg153-detail-grid{display:grid;grid-template-columns:minmax(0,2.15fr) minmax(240px,.85fr);align-items:start;gap:17px;min-width:0}.lg153-about>p{font-size:13px;color:#426480}
.lg153-facts{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0}.lg153-facts span,.lg153-pill{display:inline-flex;padding:7px 10px;border-radius:999px;background:#edf5ff;color:#2d649b;font-size:10px;font-weight:850}
.lg153-rules{border-top:1px solid #edf2f8;margin-top:18px;padding-top:17px}.lg153-rules b{font-size:12px;color:#244b76}.lg153-rules p{font-size:12px}
.lg153-compose{background:linear-gradient(130deg,#f7fbff,#fff);border:1px solid #e2ecf7;border-radius:14px;padding:15px;display:grid;gap:10px;margin:13px 0 19px}
.lg153-compose>label{color:#31577c;font-size:12px;font-weight:900}.lg153-compose-options{display:flex;align-items:center;gap:12px;justify-content:space-between;flex-wrap:wrap}.lg153-compose-options label{font-size:11px;font-weight:850;color:#3c648c;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.lg153-compose-options input[type=file]{max-width:210px;font-size:10px}
.lg153-compose small{font-size:10px;color:#8399af}
.lg153-posts{display:grid;gap:14px}.lg153-feed-post{border:1px solid #e6edf7;background:white;border-radius:15px;padding:16px}
.lg153-post-meta{display:flex;gap:10px;align-items:center}.lg153-post-meta>div:nth-child(2){display:grid;gap:2px;flex:1}.lg153-post-meta b{font-size:12px;color:#1e456f}.lg153-post-meta time{color:#879bb1;font-size:10px}
.lg153-avatar{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;color:#1b65b6;background:#ecf5ff;font-weight:950}
.lg153-post-text{font-size:13px;line-height:1.9;color:#355574;overflow-wrap:anywhere;margin:12px 0}
.lg153-post-photo img{display:block;width:100%;max-height:430px;object-fit:cover;border-radius:12px}
.lg153-post-actions{display:flex;gap:14px;align-items:center;margin-top:12px}.lg153-post-actions form{margin:0}.lg153-mini{border:0;background:none;font-family:inherit;color:#4c7cad;cursor:pointer;font-size:11px;font-weight:850;padding:4px}
.lg153-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.lg153-photo-grid a{display:block;aspect-ratio:4/3;border-radius:12px;overflow:hidden;background:#e9f0fa}.lg153-photo-grid img{width:100%;height:100%;object-fit:cover}
.lg153-chat-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.lg153-chat-tabs a{font-size:11px;border-radius:99px;padding:8px 12px;background:#f2f7fe;color:#4b74a0;text-decoration:none;font-weight:850}.lg153-chat-tabs a.selected{background:#206dc8;color:#fff}
.lg153-chat-history{display:grid;gap:9px;max-height:380px;overflow:auto;padding-right:4px}.lg153-chat-message{border:1px solid #e6eef8;padding:10px 13px;border-radius:12px;background:#fafcff}.lg153-chat-message b{font-size:11px;color:#20548c}.lg153-chat-message time{font-size:10px;color:#8b9fb6;margin-left:8px}.lg153-chat-message p{font-size:12px;line-height:1.7;margin:5px 0;color:#3c5a7b;overflow-wrap:anywhere}
.lg153-chat-compose{display:flex;gap:10px;align-items:end;margin-top:12px}.lg153-chat-compose textarea{flex:1}.lg153-chat-compose button{flex-shrink:0}
.lg153-legacy-chat{border-top:1px solid #e8f0f8;margin-top:16px;padding-top:12px}.lg153-legacy-chat summary{cursor:pointer;font-size:11px;color:#4777ab;font-weight:900}
.lg153-event-row{display:flex;justify-content:space-between;gap:10px;align-items:center;text-decoration:none;padding:13px 0;border-bottom:1px solid #eaf0f8;color:#1c5d9b}.lg153-event-row b{font-size:12px;display:block}.lg153-event-row small{display:block;font-size:10px;color:#829bb4;margin-top:5px}
.lg153-row-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.lg153-muted{font-size:12px!important;color:#8598ad!important;line-height:1.85}.lg153-member-gate{text-align:center;padding:28px 17px}.lg153-pending,.lg153-report{padding:12px 0;border-bottom:1px solid #eaf1f8}.lg153-pending b,.lg153-report b{font-size:11px;color:#35577b}
.lg153-compact-form{display:grid;gap:9px;margin:8px 0}.lg153-compact-form button{justify-self:start}.lg153-mod{display:block;font-size:10px;color:#5b85af;margin:4px 0}
.lg153-editor-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(240px,.86fr);gap:17px;align-items:start}.lg153-edit-form{display:grid;gap:15px}.lg153-edit-form h3{margin:0}.lg153-edit-form label{font-size:12px}.lg153-edit-form label:has(input[type=checkbox]){display:flex;align-items:center;gap:10px}.lg153-error{color:#b03c52;font-size:11px}
@media(max-width:1250px){.lg153-layout{gap:12px;grid-template-columns:minmax(155px,.9fr) minmax(0,2.2fr) minmax(155px,.92fr)}.lg153-panel{padding:15px}.lg153-cards{grid-template-columns:1fr}.lg153-group-card{display:grid;grid-template-columns:minmax(130px,.78fr) minmax(0,1.2fr)}.lg153-card-art{height:100%;min-height:193px}.lg153-card-body p{min-height:0}}
@media(max-width:1023px){.lg153-layout,.lg153-detail-grid,.lg153-editor-layout{grid-template-columns:minmax(0,1fr)}.lg153-layout .mi-proportional-viewport{grid-column:1/-1}.lg153-layout .lg153-lane:first-child{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}.lg153-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.lg153-group-card{display:block}.lg153-card-art{height:168px;min-height:0}.lg153-detail-grid>.lg153-lane{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}
@media(max-width:700px){.lg153-overview{grid-template-columns:1fr 1fr}.lg153-overview>div:last-child{grid-column:1/-1}.lg153-layout .lg153-lane:first-child,.lg153-cards,.lg153-detail-grid>.lg153-lane{grid-template-columns:1fr}.lg153-card-art{height:205px}.lg153-heading h2{font-size:25px}.lg153-detail-cover{padding:20px;min-height:220px;flex-direction:column;align-items:start;justify-content:end}.lg153-back{font-size:10px}.lg153-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lg153-chat-compose{flex-wrap:wrap}.lg153-chat-compose button{width:100%}}
@media(prefers-reduced-motion:reduce){.lg153-group-card,.lg153-card-art img{transition:none!important}.lg153-group-card:hover,.lg153-group-card:hover .lg153-card-art img{transform:none}}
/* Keep one page scroll rather than an independent chat-lane scrollbar. */
.lg153-chat-history{max-height:none;overflow:visible}