.lch-nav{clear:both;position:relative;max-width:900px;margin:18px auto;color:#eee;z-index:2}
.lch-bar{display:grid;grid-template-columns:minmax(0,1fr) minmax(130px,1.5fr) minmax(0,1fr);gap:8px;align-items:start;max-width:580px;margin:auto}
.lch-bar>a,.lch-bar>.lch-disabled,.lch-list>summary{display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:10px 12px;border:1px solid #42434c;border-radius:3px;background:#202126;color:#eee;font-size:13px;line-height:24px;text-decoration:none;box-sizing:border-box}
.lch-bar>a:hover{border-color:#d85a5d;background:#2a2226;color:#ff9294}
.lch-bar>.lch-disabled{color:#747680;border-color:#303138;background:transparent}
.lch-list{position:relative;min-width:0}
.lch-list>summary{cursor:pointer;list-style:none}
.lch-list>summary::-webkit-details-marker{display:none}
.lch-list[open]>summary{border-color:#d85a5d;color:#ff9294}
.lch-options{position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-50%);width:280px;max-width:80vw;background:#1d1e24;border:1px solid #494a53;box-shadow:0 8px 24px #0007;border-radius:3px;max-height:320px;overflow:auto;padding:12px;box-sizing:border-box;z-index:20}
.lch-options>p{margin:0 0 10px;color:#b9bac2;font-size:12px;line-height:1.5;text-align:left}
.lch-options ol{margin:0;padding:0;list-style:none}
.lch-options li{margin:0;padding:0;float:none;width:auto}
.lch-options a{display:block;padding:10px;color:#eee;text-decoration:none;font-size:13px;border-bottom:1px solid #34353d}
.lch-options a:hover,.lch-options a[aria-current=page]{background:#302125;color:#ff9294}
.lch-nav :focus-visible{outline:2px solid #ed7779;outline-offset:3px}
@media(max-width:540px){.lch-bar{gap:6px;grid-template-columns:minmax(0,1fr) minmax(110px,1.3fr) minmax(0,1fr)}.lch-bar>a,.lch-bar>.lch-disabled,.lch-list>summary{padding:10px 5px;font-size:12px;gap:4px}}
/* A lista aberta deve ficar acima das barras e dos painéis seguintes. */
.lch-nav:focus-within,.lch-nav:has(.lch-list[open]){z-index:50}
.lch-options{z-index:60}