/* MIJUONE 1.17.2 — one page scrollbar, synchronized three-lane reading.
   Community and neighborhood only. Does NOT affect homepage, post detail or editor. */
.mi-proportional-stage>.mi-proportional-viewport{display:contents;min-width:0}
.mi-proportional-stage>.mi-proportional-viewport>*{min-width:0}

/* Neighborhood gets a proper left category rail, not a duplicated navigation bar. */
.mn-app .mn-layout.mn-three-lane-layout{
  grid-template-columns:minmax(178px,.58fr) minmax(0,1.68fr) minmax(295px,1fr);
  gap:13px;align-items:start;
}
.mn-local-left-rail{min-width:0;display:flex;flex-direction:column;gap:13px}
.mn-local-left-rail .mn-section-navigation{padding:17px 12px 14px;margin:0;border-radius:18px}
.mn-local-left-rail .mn-section-navigation-head{align-items:flex-start;flex-direction:column;gap:5px}
.mn-local-left-rail .mn-section-navigation-head strong{font-size:16px}
.mn-local-left-rail .mn-section-navigation-head>span{max-width:100%;text-align:left;font-size:9px;line-height:1.45}
.mn-local-left-rail .mn-categories.mn-categories-v1171{display:grid;grid-template-columns:minmax(0,1fr);gap:6px}
.mn-local-left-rail .mn-categories-v1171 a{justify-content:flex-start;min-width:0;min-height:43px;padding:8px 10px;gap:8px;font-size:10.5px;text-align:left;white-space:normal}
.mn-local-left-rail .mn-categories-v1171 a .icon{height:17px;width:17px;flex-shrink:0}
.mn-local-left-rail .mn-categories-v1171 a span{margin-left:auto;font-size:10px}
.mn-local-left-rail .mn-left-guide{padding:18px 15px;border-radius:17px;border:1px solid #dbe8fb;background:linear-gradient(155deg,#fff,#eef6ff);box-shadow:0 10px 22px rgba(25,91,167,.075);display:flex;flex-direction:column;gap:9px}
.mn-left-guide>span{color:#3974c7;font-size:9px;font-weight:900;letter-spacing:.12em}
.mn-left-guide h3{margin:0;color:#153c75;font-size:16px;letter-spacing:-.04em;font-weight:930}
.mn-left-guide p{margin:0 0 6px;color:#6b87ab;font-size:10px;line-height:1.7}
.mn-left-guide a{display:flex;align-items:center;gap:7px;font-size:10px;line-height:1.4;font-weight:870;color:#2168c8;text-decoration:none;padding:9px;border:1px solid #dceafa;background:#fff;border-radius:10px;transition:background .2s,transform .2s}
.mn-left-guide a:hover{background:#e8f3ff;transform:translateX(3px)}
.mn-left-guide a .icon{height:14px;width:14px;flex:none}

@media(min-width:1024px) and (min-height:660px){
  .page-community .mc-shell.mi-lane-sync-enabled,
  .mn-app .mn-layout.mn-three-lane-layout.mi-lane-sync-enabled{
    position:relative;
    isolation:isolate;
    height:var(--mi-sync-track-height);
    min-height:var(--mi-sync-view-height);
    align-items:start;
    overflow:visible;
    margin-bottom:26px;
  }
  .page-community .mc-shell.mi-lane-sync-enabled{display:grid;grid-template-columns:218px minmax(0,1fr) 259px;gap:16px;max-width:1650px}
  .mn-app .mn-layout.mn-three-lane-layout.mi-lane-sync-enabled{display:grid;grid-template-columns:minmax(178px,.58fr) minmax(0,1.68fr) minmax(295px,1fr);gap:13px}
  .mi-proportional-stage.mi-lane-sync-enabled>.mi-proportional-viewport{
    display:block;
    position:sticky;
    top:var(--mi-sync-top,80px);
    height:var(--mi-sync-view-height,600px);
    min-height:0;
    overflow:hidden;
    min-width:0;
    border-radius:17px;
    scrollbar-width:none;
    isolation:isolate;
  }
  .mi-proportional-stage.mi-lane-sync-enabled>.mi-proportional-viewport::-webkit-scrollbar{display:none}
  .mi-proportional-stage.mi-lane-sync-enabled>.mi-proportional-viewport>*{
    position:absolute;
    top:0;left:0;right:0;
    min-width:0;
    min-height:var(--mi-sync-view-height);
    width:100%;
    height:auto;
    max-height:none;
    margin:0;
    overflow:visible;
    transform:translate3d(0,var(--mi-rail-offset,0px),0);
    backface-visibility:hidden;
    will-change:transform;
  }
  /* Stop old sticky map rules conflicting with proportional motion. */
  .mn-app .mi-lane-sync-enabled .mn-map-card{position:relative;top:auto}
  .page-community .mc-shell.mi-lane-sync-enabled .mc-sidebar{display:flex;flex-direction:column;gap:13px}
  .page-community .mc-shell.mi-lane-sync-enabled .mc-sidebar>*{flex-shrink:0}
  .mn-app .mn-layout.mi-lane-sync-enabled :is(.mn-feed,.mn-aside,.mn-local-left-rail){min-height:var(--mi-sync-view-height)}
  .mn-app .mn-layout.mi-lane-sync-enabled .mn-feed{display:grid;align-content:start}
  .mn-app .mn-layout.mi-lane-sync-enabled .mn-aside{display:grid;align-content:start}
  .page-community .mc-shell.mi-lane-sync-enabled>.mi-proportional-viewport[data-mi-lane=center],
  .mn-app .mn-layout.mi-lane-sync-enabled>.mi-proportional-viewport[data-mi-lane=center]{border-radius:17px}
}
@media(min-width:1024px) and (max-width:1390px) and (min-height:660px){
 .page-community .mc-shell.mi-lane-sync-enabled{grid-template-columns:205px minmax(0,1fr) 240px;gap:12px}
 .mn-app .mn-layout.mn-three-lane-layout.mi-lane-sync-enabled{grid-template-columns:175px minmax(0,1fr) 285px;gap:10px}
}
/* 801–1120px: category rail spans the full width; feed and map share the row. */
@media(min-width:801px) and (max-width:1023px), (min-width:801px) and (max-height:659px){
  .mn-app .mn-layout.mn-three-lane-layout{grid-template-columns:minmax(0,1.4fr) minmax(270px,1fr);gap:13px}
  .mn-app .mn-layout .mn-local-left-rail{grid-column:1/-1}
  .mn-local-left-rail .mn-categories.mn-categories-v1171{grid-template-columns:repeat(3,minmax(0,1fr))}
  .mn-local-left-rail .mn-left-guide{display:none}
}
@media(max-width:1023px), (max-height:659px){
  .mi-proportional-stage{height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}
  .mi-proportional-stage>.mi-proportional-viewport{display:contents!important;position:static!important;height:auto!important;max-height:none!important;overflow:visible!important}
  .mi-proportional-stage>.mi-proportional-viewport>*{position:static!important;transform:none!important;height:auto!important;max-height:none!important;min-height:0!important;will-change:auto!important;overflow:visible!important}
  .page-community .mc-shell>.mi-proportional-viewport[data-mi-lane="right"]{display:contents}
}
@media(max-width:800px){
  .mn-app .mn-layout.mn-three-lane-layout{display:flex;flex-direction:column;gap:13px}
  .mn-app .mn-layout .mn-local-left-rail{order:0;width:100%}
  .mn-app .mn-layout .mn-feed{order:1;width:100%}
  .mn-app .mn-layout .mn-aside{order:2;width:100%}
  .mn-local-left-rail .mn-categories.mn-categories-v1171{grid-template-columns:repeat(3,minmax(0,1fr))}
  .mn-local-left-rail .mn-left-guide{display:none}
}
@media(max-width:570px){
  .mn-local-left-rail .mn-categories.mn-categories-v1171{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mn-local-left-rail .mn-section-navigation{padding:13px 11px}
  .mn-local-left-rail .mn-categories-v1171 a{font-size:10px;min-height:42px}
}
@media(prefers-reduced-motion:reduce){
 .mi-proportional-stage>.mi-proportional-viewport>*{transition:none!important;scroll-behavior:auto!important}
}
:root[data-theme="dark"] .mn-left-rail .mn-left-guide,
:root[data-theme="dark"] .mn-local-left-rail .mn-left-guide{background:linear-gradient(155deg,#203754,#18334f);border-color:#335574}
:root[data-theme="dark"] .mn-left-guide h3{color:#e1efff}
:root[data-theme="dark"] .mn-left-guide p{color:#a6bddc}
:root[data-theme="dark"] .mn-left-guide a{background:#244262;border-color:#426388;color:#d6eaff}