.l333-p7-discovery{background:#090909;padding:72px 0 22px}
.l333-p7-shell{width:min(1180px,calc(100% - 40px));margin:0 auto}
.l333-p7-header{display:flex;align-items:end;justify-content:space-between;gap:25px}
.l333-p7-eyebrow{display:inline-block;color:#d6b56b;font-size:10px;font-weight:900;letter-spacing:.22em;margin-bottom:10px}
.l333-p7-header h2{margin:0;color:#fff;font-size:clamp(28px,4vw,43px);line-height:1.05;letter-spacing:-.04em}
.l333-p7-header p{margin:11px 0 0;color:#858585;line-height:1.65}
.l333-p7-keyboard{display:flex;align-items:center;gap:5px;color:#777;font-size:11px}
.l333-p7-keyboard kbd{border:1px solid rgba(255,255,255,.12);border-bottom-color:rgba(255,255,255,.2);background:#141414;color:#bdbdbd;border-radius:6px;padding:5px 8px;font:700 11px/1 system-ui}
.l333-p7-filter-row{display:flex;gap:9px;overflow:auto;padding:25px 0 14px;scrollbar-width:none}
.l333-p7-filter-row::-webkit-scrollbar{display:none}
.l333-p7-filter{border:1px solid rgba(255,255,255,.1);background:#111;color:#898989;border-radius:999px;padding:9px 15px;font-size:11px;font-weight:800;white-space:nowrap;cursor:pointer;transition:.18s}
.l333-p7-filter:hover,.l333-p7-filter.is-active{border-color:rgba(214,181,107,.45);color:#e2c27b;background:#17130c}
.l333-p7-tip{border:1px solid rgba(214,181,107,.18);background:linear-gradient(100deg,#13110d,#0f0f0f);border-radius:18px;padding:15px 18px;display:flex;align-items:center;gap:13px}
.l333-p7-tip-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:11px;background:#1a1710;color:#d6b56b;font-size:18px}
.l333-p7-tip div{flex:1;display:flex;flex-direction:column;gap:3px}
.l333-p7-tip strong{color:#eee;font-size:12px}
.l333-p7-tip div span{color:#747474;font-size:11px}
.l333-p7-tip-arrow{color:#d6b56b}
.l333-p7-search-modal{position:fixed;inset:0;z-index:99999;display:none}
.l333-p7-search-modal.is-open{display:block}
.l333-p7-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(8px)}
.l333-p7-search-dialog{position:relative;width:min(680px,calc(100% - 28px));margin:11vh auto 0;background:#111;border:1px solid rgba(214,181,107,.3);border-radius:24px;padding:31px;box-shadow:0 30px 90px rgba(0,0,0,.55)}
.l333-p7-search-dialog h2{margin:0 0 20px;color:#fff;font-size:clamp(25px,4vw,37px);letter-spacing:-.035em}
.l333-p7-close{position:absolute;top:15px;right:15px;width:34px;height:34px;border:1px solid rgba(255,255,255,.1);background:#171717;color:#aaa;border-radius:50%;cursor:pointer;font-size:20px}
.l333-p7-close:hover{color:#fff;border-color:rgba(214,181,107,.35)}
.l333-p7-search-form{display:flex;gap:9px}
.l333-p7-input-wrap{display:flex;align-items:center;gap:10px;flex:1;border:1px solid rgba(255,255,255,.12);background:#0a0a0a;border-radius:12px;padding:0 14px}
.l333-p7-input-wrap>span{color:#d6b56b}
.l333-p7-input-wrap input{width:100%;height:52px;background:transparent;border:0;outline:0;color:#fff;font-size:14px}
.l333-p7-input-wrap input::placeholder{color:#555}
.l333-p7-search-form>button{border:0;border-radius:12px;background:#d6b56b;color:#111;padding:0 20px;font-weight:900;cursor:pointer}
.l333-p7-suggestions{margin-top:24px}
.l333-p7-suggestion-label{display:block;color:#666;font-size:10px;letter-spacing:.16em;font-weight:800;margin-bottom:10px}
.l333-p7-suggestion-grid{display:flex;flex-wrap:wrap;gap:8px}
.l333-p7-suggestion-grid button{border:1px solid rgba(255,255,255,.08);background:#161616;color:#aaa;border-radius:9px;padding:9px 12px;font-size:11px;cursor:pointer}
.l333-p7-suggestion-grid button:hover{color:#e2c27b;border-color:rgba(214,181,107,.3)}
body.l333-p7-modal-open{overflow:hidden}
@media(max-width:650px){
 .l333-p7-discovery{padding:52px 0 16px}
 .l333-p7-shell{width:min(100% - 28px,1180px)}
 .l333-p7-keyboard{display:none}
 .l333-p7-tip div span{line-height:1.5}
 .l333-p7-search-dialog{margin:6vh auto 0;padding:24px 18px}
 .l333-p7-search-form{display:block}
 .l333-p7-input-wrap{margin-bottom:9px}
 .l333-p7-search-form>button{height:50px;width:100%}
}