/* Dropdown + layout styles for pattern */
:root{--bg:#0b1220;--paper:#0f172a;--ink:#e5e7eb;--muted:#9ca3af;--card:#111827;--border:rgba(255,255,255,.12)}
.p-pwrap{background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
.p-cont{max-width:1200px;margin:0 auto;padding:14px}
.p-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 0}
.p-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink)}
.p-brand img{height:44px;width:auto;border-radius:8px}
.p-title{font-weight:800;font-size:22px}
.p-sub{font-size:12px;color:var(--muted)}
.p-nav .menu{list-style:none;display:flex;gap:14px;margin:0;padding:0}
.p-nav .menu>li{position:relative}
.p-nav a{display:block;padding:10px 12px;color:var(--ink);text-decoration:none;border:1px solid var(--border);border-radius:10px;font-size:14px}
.p-nav .has-sub>a::after{content:"▾";margin-left:6px;font-size:10px}
.p-nav .submenu{position:absolute;left:0;top:110%;background:var(--paper);border:1px solid var(--border);border-radius:10px;min-width:200px;display:none;z-index:10;padding:6px}
.p-nav .submenu li{list-style:none}
.p-nav .menu>li:hover>.submenu,.p-nav .menu>li:focus-within>.submenu{display:block}

.p-banner img{width:100%;display:block;border:1px solid var(--border);border-radius:14px}

.p-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-top:12px}
@media (max-width:980px){.p-grid{grid-template-columns:1fr}}
.p-card{background:var(--card);border:1px solid var(--border);border-radius:14px;overflow:hidden}
.p-card h3{margin:0;padding:12px 14px;border-bottom:1px solid var(--border);font-size:16px}
.p-body{padding:12px 14px}
.p-player iframe{width:100%;height:56.25vw;max-height:62vh;display:block;background:#000}
@media (min-width:900px){.p-player iframe{height:540px}}
.p-chips{display:flex;gap:8px;flex-wrap:wrap}
.p-chip{border:1px solid var(--border);border-radius:999px;padding:6px 10px;font-size:12px;background:rgba(255,255,255,.04)}
.p-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.p-strip img{width:100%;display:block;border-radius:10px;border:1px solid var(--border)}
.p-footer{margin:18px 0;color:var(--muted);font-size:12px;text-align:center}

/* Tap-to-open support */
.p-nav .menu>li.open>.submenu{display:block}