.itn-sec{padding:20px 0 30px}
.itn{--ig:#f5c542;border-radius:22px;padding:clamp(16px,3vw,28px);background:rgba(255,255,255,.28);border:1.5px solid rgba(161,22,29,.35);color:#2a0a0d}
.itn-head{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;flex-wrap:wrap}
.itn-head em{font:italic 17px 'EB Garamond',Georgia,serif;color:#6e0d12}
.itn-head h2{margin:0;font:400 clamp(30px,5vw,52px)/1 Anton,sans-serif;text-transform:uppercase;color:#a1161d}
.itn-score{font:700 14px 'General Sans',sans-serif;border:1.5px solid #a1161d;color:#a1161d;border-radius:99px;padding:6px 16px}.itn-score b{font:400 24px Anton,sans-serif}
.itn-meter{height:6px;border-radius:6px;background:rgba(161,22,29,.18);overflow:hidden;margin:14px 0}
.itn-meter i{display:block;height:100%;background:linear-gradient(90deg,#d99a00,var(--ig))}
.itn-tools{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.itn-tools input{flex:1;min-width:200px;padding:10px 16px;border-radius:99px;border:1.5px solid rgba(161,22,29,.4);background:rgba(255,255,255,.5);font:500 14px 'General Sans',sans-serif;color:#2a0a0d}
.itn-f{display:flex;gap:6px}
.itn-f button{font:600 12px 'General Sans',sans-serif;letter-spacing:.06em;text-transform:uppercase;padding:9px 14px;border-radius:99px;border:1.5px solid #a1161d;background:transparent;color:#a1161d;cursor:pointer}
.itn-f button.on{background:#a1161d;color:#fff}
.itn-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px;max-height:420px;overflow:auto;padding:2px 4px 2px 0}
.itn-c{display:flex;justify-content:space-between;align-items:center;gap:6px;padding:9px 12px;border-radius:12px;border:1px solid rgba(161,22,29,.25);background:rgba(255,255,255,.3);font:500 13.5px 'General Sans',sans-serif}
.itn-c[hidden]{display:none}
.itn-c.hit{background:linear-gradient(135deg,#ffe58a,var(--ig));border-color:#d99a00;color:#3a2600;font-weight:700;box-shadow:0 0 14px rgba(245,197,66,.65);animation:itng 2.6s ease-in-out infinite}
.itn-c.hit b{font:400 15px Anton,sans-serif;color:#7a4b00}
@keyframes itng{50%{box-shadow:0 0 22px rgba(245,197,66,.95)}}
.itn-note{font-size:12px;color:#4a1a1e;margin:12px 0 0}
@media(prefers-reduced-motion:reduce){.itn-c.hit{animation:none}}
body:not(.pp-page) .itn{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.15);color:#fff}
body:not(.pp-page) .itn-head h2{color:#fff}body:not(.pp-page) .itn-head em,body:not(.pp-page) .itn-note{color:#c9c4c1}
body:not(.pp-page) .itn-score,body:not(.pp-page) .itn-f button{color:#fff;border-color:rgba(255,255,255,.5)}
body:not(.pp-page) .itn-f button.on{background:#e2122f;border-color:#e2122f}
body:not(.pp-page) .itn-tools input{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.3)}
body:not(.pp-page) .itn-c{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.14);color:#e8e4e2}
body:not(.pp-page) .itn-c.hit{color:#3a2600;background:linear-gradient(135deg,#ffe58a,var(--ig))}
/* song-page listen & buy */
.pp-lb{padding:10px 0 26px}
.pp-lb h2{font:400 clamp(30px,5vw,52px)/1 Anton,sans-serif;text-transform:uppercase;color:#a1161d;margin:0 0 6px}
.pp-lb>.container>p{margin:0 0 16px;color:#3a0f13}
.pp-lb-cols{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.pp-lb-col h3{font:700 12px 'General Sans',sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#6e0d12;margin:0 0 10px}
.pp-lb-col a{display:flex;flex-direction:column;gap:2px;padding:13px 16px;margin-bottom:8px;border-radius:14px;background:rgba(255,255,255,.3);border:1.5px solid rgba(161,22,29,.3);color:#2a0a0d;transition:transform .2s,border-color .2s}
.pp-lb-col a:hover{transform:translateY(-2px);border-color:#a1161d}
.pp-lb-col b{font:600 16px 'EB Garamond',Georgia,serif;color:#a1161d;font-size:19px}
.pp-lb-col small{font-size:12.5px;color:#4a1a1e}
@media(max-width:760px){.pp-lb-cols{grid-template-columns:1fr}}

.itn-regions{max-height:640px;overflow:auto;padding-right:4px}
.itn-reg{margin-bottom:18px}.itn-reg[hidden]{display:none}
.itn-rh{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px;padding-bottom:6px;border-bottom:1.5px solid rgba(161,22,29,.3)}
.itn-rh h3{margin:0;font:400 24px/1 Anton,sans-serif;text-transform:uppercase;color:#a1161d;letter-spacing:.02em}
.itn-rh span{font:700 12px 'General Sans',sans-serif;letter-spacing:.1em;color:#6e0d12}
.itn-regions .itn-grid{max-height:none;overflow:visible}
body:not(.pp-page) .itn-rh h3{color:#fff}body:not(.pp-page) .itn-rh span{color:#c9c4c1}body:not(.pp-page) .itn-rh{border-color:rgba(255,255,255,.2)}