/* Keep mod pages on the same shared header system as the other toolbox pages. */
.mods-body header,.mod-detail-body header{height:auto!important;padding:14px 6%!important;background-color:rgba(26,26,26,.98)!important;border-bottom:4px solid #000!important;backdrop-filter:none!important}
.mods-body header .nav-links,.mod-detail-body header .nav-links{margin-left:auto;gap:clamp(10px,1.15vw,22px)!important}
.mods-body header .nav-links a,.mod-detail-body header .nav-links a{color:#ccc!important;font-size:clamp(.72rem,.72vw,.88rem)!important;letter-spacing:normal!important}
.mods-body header .nav-links a:hover,.mods-body header .nav-links a.active-nav,.mod-detail-body header .nav-links a:hover,.mod-detail-body header .nav-links a.active-nav{color:#fff!important}
.mods-body header .header-btn,.mod-detail-body header .header-btn{padding:8px 16px!important;color:#fff!important;background:var(--mc-green)!important;border:0!important;border-bottom:3px solid #084311!important;border-radius:0!important}
.mod-page-logo{width:290px!important;height:38px!important;flex:0 0 290px!important;display:flex!important;align-items:center;background:none!important;text-indent:0!important;overflow:visible!important}
.mod-page-logo img{display:block;width:auto;height:38px;max-width:100%;object-fit:contain;object-position:left center;image-rendering:auto}
@media(max-width:900px){.mods-body header,.mod-detail-body header{padding:10px 16px!important}.mod-page-logo{width:220px!important;height:34px!important;flex-basis:220px!important}.mod-page-logo img{height:32px}}
@media(max-width:1200px) and (min-width:901px){.mods-workspace{width:calc(100vw - 32px)!important;grid-template-columns:220px minmax(0,1fr)!important;gap:20px!important}.mods-topbar{grid-template-columns:minmax(0,1fr)!important}.mods-topbar-actions{display:grid!important;grid-template-columns:1fr 1fr}.mods-select-pill{min-width:0}.mods-select-pill select{width:100%;min-width:0}.mods-results-head{align-items:flex-start;flex-direction:column}.mods-results-tools{width:100%;justify-content:flex-end}}

/* Unified page jump control */
.mods-page-jump{width:auto!important;min-width:132px!important;height:36px!important;margin-left:0!important;padding:0 5px 0 11px!important;display:grid!important;grid-template-columns:auto 42px 42px;align-items:center;gap:6px;overflow:visible!important;background:#151c19!important;border:1px solid #2b3931!important;border-radius:9px!important;box-shadow:none}.mods-page-jump::before{content:"Page"!important;padding:0!important;color:#718078!important;font-size:.63rem!important;font-weight:800;white-space:nowrap}.mods-page-jump input{width:42px!important;height:28px!important;padding:0 5px!important;color:#edf6f1!important;background:#1b2420!important;border:1px solid #303d36!important;border-radius:7px!important;font-size:.74rem!important;font-weight:850;text-align:center}.mods-page-jump #modsPageJump{min-height:0!important;height:28px!important;align-self:center!important}.mods-page-jump input:focus{border-color:#1bd96a!important;box-shadow:0 0 0 2px rgba(27,217,106,.1)}.mods-page-jump input::-webkit-inner-spin-button,.mods-page-jump input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.mods-page-jump input{-moz-appearance:textfield}.mods-page-jump button{min-width:42px!important;height:28px!important;padding:0 9px!important;overflow:visible!important;color:#07140c!important;background:#1bd96a!important;border:0!important;border-radius:7px!important;font-size:.66rem!important;font-weight:900;white-space:nowrap}.mods-page-jump button:hover{background:#43ec87!important}

/* Weekly trending single row */
.mods-weekly{max-width:none!important;margin:20px 0 0!important;padding:17px 18px!important;background:linear-gradient(100deg,#121a16,#101713);border:1px solid rgba(255,255,255,.08);border-radius:14px}.mods-weekly-head{margin-bottom:12px;display:flex;align-items:end;justify-content:space-between}.mods-weekly-head span{color:#1bd96a;font-size:.53rem;font-weight:900;letter-spacing:.13em}.mods-weekly-head h2{margin:3px 0 0;color:#eef6f2;font-size:1rem}.mods-weekly-head small{color:#6e7d75;font-size:.59rem}.mods-weekly-track{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.mods-weekly-track>a{min-width:0;display:block;overflow:hidden;color:#dfe8e3;background:#111815;border:1px solid rgba(255,255,255,.09);border-radius:12px;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.mods-weekly-track>a:hover{border-color:rgba(27,217,106,.32);transform:translateY(-3px);box-shadow:0 14px 26px rgba(0,0,0,.28)}.mods-weekly-media{height:92px;position:relative;overflow:hidden;background:#202824}.mods-weekly-media>img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .25s ease}.mods-weekly-track>a:hover .mods-weekly-media>img{transform:scale(1.05)}.mods-weekly-media:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(7,11,9,.82))}.mods-weekly-cardbody{padding:10px;display:grid;grid-template-columns:34px minmax(0,1fr) 14px;align-items:center;gap:9px}.mods-weekly-thumb{width:34px;height:34px;object-fit:cover;background:#202a25;border-radius:9px}.mods-weekly-copy{min-width:0;display:grid;gap:3px}.mods-weekly-copy strong{overflow:hidden;color:#edf5f1;font-size:.68rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.mods-weekly-copy p{margin:0;overflow:hidden;color:#7d8d85;font-size:.57rem;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.mods-weekly-copy small{display:flex;align-items:center;gap:9px;color:#71817a;font-size:.55rem;font-weight:700}.mods-weekly-copy small b{display:inline-flex;align-items:center;gap:3px;font-weight:700}.mods-weekly-copy small i{color:#5f7168}.mods-weekly-arrow{align-self:center;color:#4f5e56;font-size:.62rem}.mods-weekly-track>a:hover .mods-weekly-arrow{color:#1bd96a}@media(max-width:1250px){.mods-weekly-track{grid-template-columns:repeat(3,minmax(0,1fr))}.mods-weekly-track>a:nth-child(n+4){display:none}}@media(max-width:700px){.mods-weekly-track{grid-template-columns:1fr}.mods-weekly-track>a:nth-child(n+3){display:none}}

/* Custom topbar select dropdown (콘텐츠 / 정렬) */
.mods-cselect-native{display:none!important}
.mods-cselect-pill{position:relative;cursor:pointer}
.mods-cselect{display:block;min-width:0}
.mods-cselect-value{width:100%;padding:0;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#dce2df;background:transparent;border:0;font-size:.75rem;font-weight:800;line-height:1.2;cursor:pointer}
.mods-cselect-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mods-cselect-value>i{flex:0 0 auto;color:#7f8d86;font-size:.6rem;transition:transform .18s ease}
.mods-cselect-pill.open .mods-cselect-value>i{transform:rotate(180deg);color:#1bd96a}
.mods-cselect-menu{position:absolute;z-index:80;top:calc(100% + 8px);left:0;min-width:100%;width:max-content;max-width:min(300px,72vw);max-height:340px;overflow-y:auto;padding:6px;display:grid;gap:2px;background:#151d19;border:1px solid #2a352f;border-radius:12px;box-shadow:0 20px 44px rgba(0,0,0,.5);animation:mods-cselect-in .14s ease}
.mods-cselect-menu[hidden]{display:none!important}
.mods-source-tabs .mods-source-mark{background:transparent!important;border-radius:0!important}.mods-source-mark img{width:16px;height:16px;display:block;object-fit:contain}
.mods-global-search button{width:auto!important;min-width:0!important;height:36px!important;padding:0 8px!important;display:grid;place-items:center;color:var(--mods-green)!important;background:transparent!important;border:0!important;font-size:1rem!important;cursor:pointer}
.mods-global-search button:hover{color:#43ec87!important;background:transparent!important}
@keyframes mods-cselect-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
.mods-cselect-option{width:100%;padding:9px 11px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#c4cfc9;background:transparent;border:0;border-radius:8px;font-size:.72rem;font-weight:700;text-align:left;white-space:nowrap;cursor:pointer}
.mods-cselect-option>span{overflow:hidden;text-overflow:ellipsis}
.mods-cselect-option:hover{color:#eef4f0;background:#1c2620}
.mods-cselect-option>i{opacity:0;flex:0 0 auto;color:#1bd96a;font-size:.6rem}
.mods-cselect-option.selected{color:#07140c;background:#1bd96a}
.mods-cselect-option.selected>i{opacity:1;color:#07140c}
.mods-cselect-menu::-webkit-scrollbar{width:8px}.mods-cselect-menu::-webkit-scrollbar-thumb{background:#2c3a33;border-radius:8px}
.mods-light .mods-cselect-value{color:#1d2b23}.mods-light .mods-cselect-menu{background:#fff;border-color:#d8e1dc;box-shadow:0 20px 44px rgba(24,45,34,.16)}.mods-light .mods-cselect-option{color:#33413a}.mods-light .mods-cselect-option:hover{background:#eef3f0;color:#16221b}.mods-light .mods-cselect-option.selected{color:#07140c}
