/* Skin: "itunes" — old brushed-metal iTunes. Aqua now-playing display,
   round transport controls, an alternating-stripe track list. */
.skin-itunes { background: #6f747a; }
.skin-itunes .winbar { display: none; }
.skin-itunes .winframe {
  max-width: 720px; margin: 28px auto 46px; padding: 0; border-radius: 9px; overflow: hidden;
  border: 1px solid #888; box-shadow: 0 14px 34px rgba(0,0,0,.5);
  font-family: "Lucida Grande", "Helvetica Neue", Arial, sans-serif;
}
/* Brushed-metal top bar with the now-playing display */
.skin-itunes .masthead {
  position: relative; padding: 16px 18px; text-align: center; border-bottom: 1px solid #9a9a9a;
  background: linear-gradient(#ececec, #c4c4c4);
  background-image: repeating-linear-gradient(0deg, rgba(0,0,0,.022) 0 1px, transparent 1px 2px), linear-gradient(#ececec, #c4c4c4);
}
.skin-itunes .masthead::before {
  content: "\23EE   \25B6   \23ED"; position: absolute; left: 18px; top: 50%; transform: translateY(-50%);
  font-size: 17px; color: #4a4a4a; letter-spacing: 3px;
}
.skin-itunes .brand {
  display: inline-block; min-width: 340px; max-width: 70%; margin: 0; padding: 9px 20px 20px;
  background: linear-gradient(#d2e2f2, #eef5fc); border: 1px solid #a2b6cc; border-radius: 9px;
  box-shadow: inset 0 1px 3px rgba(0,0,0,.18); position: relative;
  font: 600 16px "Lucida Grande", Arial; color: #1a2a3a; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.skin-itunes .brand::after {
  content: ""; position: absolute; left: 14px; right: 14px; bottom: 8px; height: 5px;
  background: linear-gradient(#fff, #cdd9e8); border: 1px solid #a2b6cc; border-radius: 3px;
}
.skin-itunes .tag { margin: 7px 0 0; font-size: 13px; color: #555; }
.skin-itunes .beta { display: none; }
/* Track list with alternating stripes */
.skin-itunes .content { background: #fff; padding: 6px 0; }
.skin-itunes .content p { font-size: 16px; line-height: 1.5; color: #1a1a1a; margin: 0; padding: 9px 18px; border-bottom: 1px solid #e8edf3; }
.skin-itunes .content p:nth-of-type(even) { background: #eef4fb; }
.skin-itunes .content h2 { font: 600 14px "Lucida Grande", Arial; text-transform: uppercase; letter-spacing: .5px; color: #6a7a8a; background: #dfe6ee; margin: 0; padding: 5px 18px; border-bottom: 1px solid #cdd6e0; }
.skin-itunes .content a, .skin-itunes .period-links a { color: #1763c8; text-decoration: none; }
.skin-itunes .content a:hover { text-decoration: underline; }
.skin-itunes .period-links { font-size: 15px; padding: 9px 18px; margin: 0; }
.skin-itunes .inline img, .skin-itunes .tile img { max-width: 100%; height: auto; display: block; border: 1px solid #c2c8d0; border-radius: 3px; }
.skin-itunes .inline figcaption, .skin-itunes .tile figcaption { font-size: 13px; color: #777; margin: 4px 18px; }
.skin-itunes .period-gallery { display: grid; grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); gap: 10px; padding: 12px 18px; }
.skin-itunes .tile { margin: 0; }
/* Bottom status bar */
.skin-itunes .period-foot {
  background: linear-gradient(#e2e2e2, #c8c8c8); border-top: 1px solid #9a9a9a;
  text-align: center; font-size: 12px; color: #555; padding: 8px;
}