/* MIJUONE 1.13.1: compact feed, anchored media thumbnails, collision-free sidebar.
   Loaded after both community stylesheets. Only the community page is affected. */
.page-community .mc-shell{align-items:start;min-width:0;gap:18px}
.page-community .mc-shell.mi-proportional-stage{margin-top:24px}
@media(max-width:1130px){.page-community .mc-shell.mi-proportional-stage{margin-top:20px}}
@media(max-width:767px){.page-community .mc-shell.mi-proportional-stage{margin-top:16px}}

.page-community .mc-sidebar-left{display:flex;flex-direction:column;gap:14px;position:sticky;top:84px;align-self:start;max-height:calc(100dvh - 102px);min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#bfd3ee transparent;overscroll-behavior:contain;padding:0 2px 5px 0}
.page-community .mc-sidebar-left .mc-nav-pane{position:static!important;top:auto!important;flex:none;min-height:0;overflow:visible;padding:15px 10px 12px;border-radius:17px}
.page-community .mc-sidebar-left .mc-tip-pane{position:static!important;top:auto!important;flex:none;min-height:0;overflow:visible;padding:17px;border-radius:17px}
.page-community .mc-nav-pane h2{margin:0 10px 10px;font-size:15px}
.page-community .mc-nav-pane>.mc-overline{font-size:9px;letter-spacing:.11em}
.page-community .mc-nav-pane .mc-nav-link{min-width:0;min-height:41px;padding:6px 8px;gap:8px;font-size:11.4px;overflow:hidden;white-space:nowrap;flex:1 1 auto}
.page-community .mc-nav-link .mc-nav-icon{height:28px;width:28px;flex:0 0 28px;font-size:12px}
.page-community .mc-board-row{display:flex;align-items:center;gap:3px;min-width:0;width:100%}
.page-community .mc-board-row>.mc-nav-link{min-width:0;flex:1 1 auto}
.page-community .mc-board-row .mc-follow-form{flex:0 0 26px;min-width:0;margin:0}
.page-community .mc-board-row .mc-follow{width:25px;height:25px;display:grid;place-items:center}
.page-community .mc-nav-sep{margin:9px 5px}
.page-community .mc-tip-pane p{margin:8px 0 10px;line-height:1.55;font-size:10.5px}
.page-community .mc-tip-pane .mc-tip-symbol{margin-bottom:10px}
/* Do not use sticky child panels: they were passing over the following sidebar card. */
.page-community .mc-post-list{gap:10px}
.page-community .mc-post{padding:16px 18px;border-radius:17px;overflow:hidden;box-shadow:0 5px 18px rgba(30,84,159,.055)}
.page-community .mc-post-top{gap:12px;min-height:35px}
.page-community .mc-avatar{width:35px;height:35px;border-radius:11px;font-size:13px}
.page-community .mc-author strong{font-size:11px}
.page-community .mc-author span:not(.mc-avatar){font-size:10px;margin-top:1px}
.page-community .mc-badges{gap:5px;align-items:flex-start}
.page-community .mc-board-badge,.page-community .mc-pinned,.page-community .mc-sponsored{border-radius:7px;padding:5px 8px;font-size:9px}
.page-community .mc-post-link-compact{display:flex;align-items:center;gap:16px;min-width:0;padding:12px 0 5px;min-height:64px}
.page-community .mc-post-excerpt{flex:1 1 auto;min-width:0;max-width:100%}
.page-community .mc-post-link-compact h3{font-size:17px;line-height:1.4;margin:0 0 6px;max-width:100%;letter-spacing:-.034em}
.page-community .mc-post-link-compact p{font-size:11.7px;color:#6e84a1;line-height:1.52;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.page-community .mc-post-photo-compact{flex:0 0 114px;width:114px;max-height:88px;height:88px;margin:0;border:1px solid #e5edf7;border-radius:12px;position:relative;overflow:hidden;background:linear-gradient(135deg,#edf5ff,#dce9f9)}
.page-community .mc-post-photo-compact img{display:block;width:100%;height:100%;max-height:none;object-fit:cover;transition:transform .3s ease}
.page-community .mc-post-photo-compact.is-missing img{display:none}
.page-community .mc-post-photo-compact .mc-photo-unavailable{display:none;position:absolute;inset:0;align-items:center;justify-content:center;flex-direction:column;gap:6px;text-align:center;padding:10px;color:#6281a8;font-size:9px;font-weight:700;line-height:1.35}
.page-community .mc-post-photo-compact .mc-photo-unavailable .icon{width:20px;height:20px}
.page-community .mc-post-photo-compact.is-missing .mc-photo-unavailable{display:flex}
.page-community .mc-post-footer{margin-top:10px;padding-top:10px;gap:12px}
.page-community .mc-post-metrics{gap:11px}
.page-community .mc-post-interactions{gap:4px}
.page-community .mc-icon-action{padding:6px 7px}
.page-community .mc-post:hover{transform:translateY(-2px);box-shadow:0 13px 29px rgba(33,85,165,.1)}
/* Banner-like primary action with a distinct icon block and smooth highlight. */
.page-community a.mc-compose-premium{height:52px;min-width:202px;max-width:230px;flex-shrink:0;display:inline-flex;align-items:center;gap:11px;padding:6px 13px 6px 7px;position:relative;isolation:isolate;overflow:hidden;border-radius:16px;border:1px solid rgba(255,255,255,.27);background:linear-gradient(110deg,#064aaf,#1689fa 61%,#2470f0);box-shadow:0 12px 26px rgba(16,100,224,.22),inset 0 1px rgba(255,255,255,.25);color:white;text-decoration:none;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s ease}
.page-community a.mc-compose-premium:before{content:'';position:absolute;top:-65%;left:-48%;height:230%;width:35%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.27),transparent);transform:rotate(20deg);transition:left .65s ease;pointer-events:none}
.page-community a.mc-compose-premium:hover{transform:translateY(-2px);box-shadow:0 17px 34px rgba(11,91,222,.3)}
.page-community a.mc-compose-premium:hover:before{left:130%}
.page-community a.mc-compose-premium:focus-visible{outline:3px solid #3ac7ff;outline-offset:3px}
.page-community .mc-compose-premium-icon{display:grid;place-items:center;flex:none;width:39px;height:39px;background:rgba(255,255,255,.17);border:1px solid rgba(255,255,255,.28);border-radius:12px;box-shadow:inset 0 1px rgba(255,255,255,.17)}
.page-community .mc-compose-premium-icon .icon{width:20px;height:20px}
.page-community .mc-compose-premium-copy{display:flex;flex-direction:column;min-width:0;gap:2px;white-space:nowrap}
.page-community .mc-compose-premium-copy strong{font-size:12px;font-weight:900;letter-spacing:-.02em;line-height:1.1}
.page-community .mc-compose-premium-copy small{color:#cce7ff;letter-spacing:.13em;font-size:8px;font-weight:800}
.page-community .mc-compose-premium-arrow{width:16px;height:16px;margin-left:auto;flex:none;transition:transform .25s ease}
.page-community a.mc-compose-premium:hover .mc-compose-premium-arrow{transform:translateX(3px)}
/* If an older photo can't be recovered from /media/, don't render a broken img. */
.page-community .mc-detail-gallery .mc-missing-media{min-height:84px;display:flex;align-items:center;justify-content:center;padding:15px;border:1px dashed #bbd3ee;border-radius:12px;background:#f3f8ff;color:#557ba7;font-size:12px}
.page-community .mc-detail-gallery a:has(.mc-missing-media){text-decoration:none;pointer-events:none}
@media(max-width:1380px){.page-community .mc-shell{gap:12px}.page-community .mc-post{padding:15px 15px}.page-community .mc-post-photo-compact{width:104px;flex-basis:104px;height:82px}}
@media(max-width:1130px){.page-community .mc-sidebar-left{top:78px}.page-community a.mc-compose-premium{min-width:190px}}
@media(max-width:780px){.page-community .mc-sidebar-left{display:none;position:static;overflow:visible}.page-community a.mc-compose-premium{height:46px;min-width:175px}.page-community .mc-post-photo-compact{width:94px;flex-basis:94px;height:76px}.page-community .mc-post-link-compact h3{font-size:16px}}
@media(max-width:550px){.page-community a.mc-compose-premium{display:none}.page-community .mc-post{padding:14px}.page-community .mc-post-link-compact{gap:10px;align-items:flex-start}.page-community .mc-post-photo-compact{width:82px;flex-basis:82px;height:78px}.page-community .mc-post-link-compact h3{font-size:14.5px}.page-community .mc-post-link-compact p{font-size:10.8px;line-height:1.43}.page-community .mc-post-footer{margin-top:9px}.page-community .mc-badges{max-width:48%}}
@media(prefers-reduced-motion:reduce){.page-community .mc-post,.page-community a.mc-compose-premium,.page-community a.mc-compose-premium:before,.page-community .mc-compose-premium-arrow{animation:none!important;transition:none!important;transform:none!important}}