.nav__menu.mega{min-width:44rem;grid-template-columns:15rem 1fr;gap:0 .5rem;padding:.6rem}
.nav__item.is-open>.nav__menu.mega,.nav__item:hover>.nav__menu.mega,.nav__item:focus-within>.nav__menu.mega{display:grid}
.mega__tabs{display:grid;align-content:start;gap:.15rem;border-right:1px solid var(--rule);padding-right:.5rem}
.mega__tab{display:flex;justify-content:space-between;align-items:center;gap:.5rem;text-align:left;font:600 .92rem/1.25 var(--f-display);color:var(--ink);background:none;border:0;border-radius:10px;padding:.65rem .75rem;cursor:pointer}
.mega__tab span{opacity:.45}
.mega__tab[aria-selected=true],.mega__tab:hover,.mega__tab:focus-visible{background:var(--paper-2);color:var(--royal)}
.mega__pane{display:grid;align-content:start;gap:.1rem}
.mega__pane[hidden]{display:none}
.mega__foot{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:.4rem 1.1rem;border-top:1px solid var(--rule);margin-top:.5rem;padding:.7rem .75rem .2rem;font-size:.85rem}
.mega__foot a{color:var(--royal);font-weight:600;text-decoration:none}
.mega__foot a:hover{text-decoration:underline}
.mega__lv{flex-basis:100%;color:var(--ink)}
.mega__lv b{background:var(--royal);color:#fff;border-radius:6px;padding:.05em .45em;margin:0 .25em}
.mega__recent{flex-basis:100%;display:flex;flex-wrap:wrap;gap:.3rem .9rem;align-items:center;color:var(--muted)}
.mega__recent a{font-weight:500}
.mega__all{display:block;padding:.6rem .75rem;color:var(--royal);font-weight:600;text-decoration:none}
.nav__menu.mega--cols{grid-template-columns:1fr;min-width:46rem}
.nav{position:relative}.nav>.nav__item:has(>.mega){position:static}.nav__menu.mega{left:auto;right:0}
.mega__cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:.2rem .5rem}
.mega__col h4{font:600 .72rem/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--royal);margin:.5rem .75rem .35rem}
.mega__acc{align-self:start;display:flex;flex-wrap:wrap;gap:.2rem .7rem;align-items:baseline;text-decoration:none;color:#fff;background:linear-gradient(90deg,#063F4A,#0B6672);border-radius:12px;padding:.7rem .9rem;margin-bottom:.3rem}
.mega__acc b{font:700 .95rem/1.2 var(--f-display)}.mega__acc span{font-size:.85rem;opacity:.9}
.mbadge{font-style:normal;font:700 .62rem/1 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;background:var(--accent,#FF6A1A);color:#fff;border-radius:99px;padding:.2em .5em;margin-left:.35em;vertical-align:.15em}
.nav__menu--end{left:auto;right:0}
.hsearch{display:inline-flex;align-items:center;justify-content:center;width:2.6rem;height:2.6rem;border-radius:50%;border:1px solid var(--rule);background:var(--card);color:var(--ink);cursor:pointer;flex-shrink:0}
.hsearch:hover{border-color:var(--royal);color:var(--royal)}
@media (max-width:1150px){.hsearch{margin-left:auto}.hsearch+.hbk{margin-left:0}}
.kxs{position:fixed;inset:0;z-index:80;background:rgba(16,38,45,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:flex-start;padding:8vh 1rem 1rem}
.kxs[hidden]{display:none}
.kxs__in{width:min(40rem,100%);max-height:80vh;display:flex;flex-direction:column;background:var(--paper,#f5f8f8);border-radius:18px;box-shadow:0 30px 60px -20px rgba(16,38,45,.5);overflow:hidden}
.kxs__bar{display:flex;align-items:center;gap:.6rem;padding:.8rem 1rem;border-bottom:1px solid var(--rule)}
.kxs__bar input{flex:1;font:500 1.05rem/1.3 var(--f-body,system-ui);border:0;background:none;outline:none;color:var(--ink);min-width:0}
.kxs__x{border:1px solid var(--rule);background:var(--card);border-radius:8px;font:600 .75rem/1 var(--f-mono);padding:.45rem .55rem;cursor:pointer;color:var(--muted)}
.kxs__res{overflow-y:auto;padding:.4rem}
.kxs__res h3{font:600 .7rem/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--royal);margin:.8rem .6rem .35rem}
.kxs__res a{display:grid;grid-template-columns:2.4rem 1fr auto;gap:.15rem .75rem;align-items:center;padding:.5rem .6rem;border-radius:10px;text-decoration:none;color:var(--ink)}
.kxs__res a:hover,.kxs__res a.is-on{background:var(--card)}
.kxs__res img,.kxs__res .kxs__ph{width:2.4rem;height:3.2rem;object-fit:cover;border-radius:4px;background:var(--paper-2);grid-row:span 2}
.kxs__res .kxs__c img,.kxs__res .kxs__c .kxs__ph{height:1.6rem}
.kxs__res b{font:600 .95rem/1.25 var(--f-display)}
.kxs__res small{grid-column:2;color:var(--muted);font-size:.8rem;line-height:1.3}
.kxs__res em{font-style:normal;font:600 .7rem/1 var(--f-mono);color:var(--royal);grid-row:span 2;white-space:nowrap}
.kxs__none{padding:1.2rem;color:var(--muted)}
.kxs__hint{padding:.6rem 1rem;border-top:1px solid var(--rule);font-size:.78rem;color:var(--muted)}
.tile.is-mylevel .tile__body::before{content:attr(data-mylabel);align-self:flex-start;font:700 .62rem/1 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;background:var(--royal);color:#fff;border-radius:99px;padding:.25em .55em;margin-bottom:.35rem}
.tile.is-mylevel .tile__body{display:flex;flex-direction:column}
.kxlv-note{margin:.8rem 0 0;font-size:.85rem;color:var(--muted)}
.ladder,.whichbuy{margin:1.6rem 0 2rem;background:var(--card,#fff);border:1px solid var(--rule);border-radius:18px;padding:1.2rem 1.3rem}
.ladder__head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.3rem 1rem;align-items:baseline;margin-bottom:.8rem}
.ladder h2,.whichbuy h2{font:700 1.15rem/1.2 var(--f-display);margin:0}
.ladder__head p{margin:0;font-size:.88rem;color:var(--muted)}
.ladder__row{list-style:none;margin:0;padding:0;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(8.5rem,1fr);gap:.5rem;overflow-x:auto;padding-bottom:.3rem}
.ladder__row li{position:relative;display:grid;align-content:start;gap:.3rem;padding:.7rem;border-radius:12px;background:var(--paper-2);min-height:5.5rem}
.ladder__row li:not(:last-child)::after{content:"";position:absolute;right:-.45rem;top:1.15rem;border:.3rem solid transparent;border-left-color:var(--rule);z-index:1}
.ladder__row li.is-empty{opacity:.55}
.ladder__row li.is-mine{background:var(--royal);color:#fff}
.ladder__row li.is-mine a{color:#fff}
.ladder__lv{font:700 1.05rem/1 var(--f-mono)}
.ladder__row a{font-size:.85rem;line-height:1.3;color:var(--ink);text-decoration:none;font-weight:600}
.ladder__row a:hover{text-decoration:underline}
.ladder__c{font-weight:500!important;color:var(--royal)!important}
.ladder__row li.is-mine .ladder__c{color:#fff!important;opacity:.85}
.ladder__row em{font-style:normal;color:var(--muted)}
.ladder__me{font:700 .6rem/1 var(--f-mono);letter-spacing:.06em;text-transform:uppercase}
.whichbuy__scroll{overflow-x:auto;margin-top:.8rem}
.whichbuy table{width:100%;border-collapse:collapse;font-size:.9rem;min-width:36rem}
.whichbuy th,.whichbuy td{text-align:left;padding:.6rem .7rem;border-top:1px solid var(--rule);vertical-align:top}
.whichbuy thead th{border-top:0;font:600 .7rem/1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.whichbuy tbody th{font-weight:600}
.whichbuy a{color:var(--royal)}
.foot__cat{display:grid;grid-template-columns:repeat(auto-fit,minmax(10.5rem,1fr));gap:1.2rem 1.5rem;margin:2rem 0 1rem;padding-top:1.6rem;border-top:1px solid var(--rule)}
.foot__cat ul{list-style:none;margin:0;padding:0;display:grid;gap:.35rem}
.foot__cat a{font-size:.85rem}
.kxrecent{margin:2rem 0}
.kxrecent h2{font:700 1.1rem/1.2 var(--f-display);margin:0 0 .7rem}
.kxrecent ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));gap:.8rem}
.kxrecent a{display:grid;gap:.4rem;text-decoration:none;color:var(--ink);font-size:.85rem;font-weight:600;line-height:1.3}
.kxrecent img{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:6px;background:var(--paper-2)}
.kxrecent .kxrecent__c img{aspect-ratio:16/9}
.kxteam{margin:0 0 1.6rem;background:#E8F3F4;border:1px solid #BFDDE0;border-radius:16px;padding:1rem 1.2rem}
.kxteam h2{font:700 1.1rem/1.25 var(--f-display);margin:0 0 .4rem}
.kxteam ul{margin:.4rem 0 0;padding-left:1.1rem}
@media (max-width:640px){.ladder,.whichbuy{padding:1rem}}