/* PianoLookup — /insights/piano-collapse/ (dark editorial theme per approved mockup) */
.pl-insights main.ins-page{background:#0e0e0e;color:#e8e6e2}
.pl-insights .ins-hero{background:linear-gradient(180deg,#c9dff4 0%,#e3edf9 46%,#f2f6fb 100%);color:#17242d;padding:54px 0 130px;position:relative}
.pl-insights .ins-hero::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:120px;background:linear-gradient(180deg,rgba(14,14,14,0) 0%,rgba(14,14,14,.55) 55%,#0e0e0e 100%);pointer-events:none}
.pl-insights .ins-crumb{font-size:13px;color:#5d6b78;margin:0 0 22px}
.pl-insights .ins-crumb a{color:#2c4a63;text-decoration:none}
.pl-insights .ins-eyebrow{font-size:12px;letter-spacing:.16em;color:#5d6b78;font-weight:700;margin:0 0 10px}
.pl-insights .ins-hero h1{font-size:clamp(34px,4.6vw,58px);line-height:1.06;letter-spacing:-.035em;margin:0 0 16px;max-width:900px}
.pl-insights .ins-lead{font-size:clamp(16.5px,2vw,20px);line-height:1.6;color:#42505d;max-width:780px;margin:0}
.pl-insights .ins-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:-74px;position:relative;z-index:2}
.pl-insights .ins-kpi{background:#1a1a1a;border:1px solid #2c2c2c;border-radius:16px;padding:18px 18px 15px}
.pl-insights .ins-kpi b{display:block;font-size:clamp(19px,2vw,26px);color:#d0a080;font-variant-numeric:tabular-nums;letter-spacing:-.01em;line-height:1.2;margin-bottom:7px}
.pl-insights .ins-kpi span{color:#9a968e;font-size:12.5px;line-height:1.4;display:block}
.pl-insights .ins-body{max-width:880px;margin:52px auto 0;padding-bottom:80px}
.pl-insights .ins-body h2{font-size:clamp(24px,3vw,32px);line-height:1.15;letter-spacing:-.02em;color:#f2f0ec;margin:52px 0 14px;padding-top:34px;border-top:1px solid #242424}
.pl-insights .ins-body h2:first-child{border-top:0;padding-top:0;margin-top:6px}
.pl-insights .ins-body h3{font-size:19.5px;color:#e8e6e2;margin:30px 0 9px}
.pl-insights .ins-body p{color:#b9b5ad;line-height:1.7;margin:0 0 15px}
.pl-insights .ins-body strong{color:#e8e6e2}
.pl-insights .ins-body a{color:#8fb8dd;text-decoration:none;border-bottom:1px solid rgba(143,184,221,.35)}
.pl-insights .ins-body a:hover{color:#d0a080;border-bottom-color:rgba(208,160,128,.5)}
.pl-insights .ins-body ul,.pl-insights .ins-body ol{color:#b9b5ad;line-height:1.68;margin:0 0 16px 22px}
.pl-insights .ins-body li{margin-bottom:7px}
.pl-insights .ins-body .table-scroll{margin:20px 0 26px}
.pl-insights .ins-body table{width:100%;border-collapse:collapse;background:#141414;border:1px solid #262626;border-radius:14px;overflow:hidden}
.pl-insights .ins-body th,.pl-insights .ins-body td{padding:12px 14px;border-bottom:1px solid #242424;text-align:left;vertical-align:top;font-size:14.5px}
.pl-insights .ins-body th{background:#1f1f1f;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:#9a968e}
.pl-insights .ins-body td{color:#b9b5ad}
.pl-insights .ins-body td strong{color:#d0a080}
.pl-insights .ins-light-band{background:#f1eee8;border-radius:22px;padding:30px 32px;margin:44px 0 8px}
.pl-insights .ins-light-band h2{border-top:0;padding-top:0;margin:0 0 12px;color:#17242d}
.pl-insights .ins-light-band p{color:#596773}
.pl-insights .ins-light-band strong{color:#17242d}
.pl-insights .ins-light-band a{color:#0b5dad;border-bottom-color:rgba(11,93,173,.3)}
.pl-insights .ins-updated{color:#77736c;font-size:13px}
@media(max-width:900px){.pl-insights .ins-kpis{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.pl-insights .ins-kpis{grid-template-columns:1fr}.pl-insights .ins-hero{padding-bottom:150px}.pl-insights .ins-kpis{margin-top:-90px}}

/* v2 (2026-09-16): chinese-pianos series + /insights/ hub */
.pl-insights .ins-body .ins-pre{background:#141414;border:1px solid #262626;border-radius:14px;padding:16px 18px;margin:20px 0 26px;color:#b9b5ad;font:12.5px/1.75 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow-x:auto;white-space:pre}
.pl-insights .ins-hub-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:-74px;position:relative;z-index:2;padding-bottom:80px}
.pl-insights .ins-hub-card{display:flex;flex-direction:column;align-items:flex-start;gap:9px;background:#1a1a1a;border:1px solid #2c2c2c;border-radius:16px;padding:22px 22px 20px;text-decoration:none}
.pl-insights .ins-hub-card:hover{border-color:rgba(208,160,128,.6)}
.pl-insights .ins-hub-kicker{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#9a968e;font-weight:700}
.pl-insights .ins-hub-card b{font-size:18.5px;line-height:1.32;color:#f2f0ec;letter-spacing:-.01em}
.pl-insights .ins-hub-desc{color:#9a968e;font-size:13.5px;line-height:1.55}
@media(max-width:760px){.pl-insights .ins-hub-grid{grid-template-columns:1fr;margin-top:-56px}}

/* v3 (2026-10-12): hub sorting chips + most-read badge */
.pl-insights .ins-sort{display:flex;gap:8px;margin:-34px 0 14px;position:relative;z-index:2;flex-wrap:wrap}
.pl-insights .ins-chip{background:#1a1a1a;border:1px solid #2c2c2c;border-radius:999px;padding:8px 16px;color:#9a968e;font:600 13px/1 var(--pl-ui,system-ui);cursor:pointer}
.pl-insights .ins-chip:hover{border-color:rgba(208,160,128,.6);color:#e8e6e2}
.pl-insights .ins-chip.is-active{background:#d0a080;border-color:#d0a080;color:#141414}
.pl-insights .ins-top-badge{font-style:normal;font-weight:700;letter-spacing:.12em;color:#d0a080;font-size:11px}
.pl-insights .ins-hub-grid{margin-top:22px}