/* Skin: "cassette" — 80s hi-fi / mixtape. Brushed metal, tape labels, VU colours. */
.skin-cassette { background: #1b1d22; }
.skin-cassette .viewport { background: linear-gradient(#3a3d44, #26282d); }
.skin-cassette .site { max-width: 780px; margin: 0 auto; font-family: "Helvetica Neue", Arial, sans-serif; color: #e7e7e2; }
.skin-cassette .masthead { padding: 22px 24px; background: repeating-linear-gradient(90deg, #44474e 0 2px, #3c3f45 2px 4px); border-bottom: 3px solid #d8a14a; }
.skin-cassette .brand { margin: 0; display: inline-block; background: #efe8d6; color: #1b1d22; font: 700 28px "Courier New", monospace; letter-spacing: 1px; padding: 6px 16px; transform: rotate(-1deg); box-shadow: 0 2px 5px rgba(0,0,0,.5); }
.skin-cassette .tag { margin: 14px 0 0; color: #d8a14a; font-size: 16px; letter-spacing: 2px; text-transform: uppercase; }
.skin-cassette .content { padding: 24px 30px 30px; }
.skin-cassette .content p { font-size: 16.5px; line-height: 1.7; color: #e0e0da; margin: 0 0 1em; }
.skin-cassette .content h2 { font: 700 20px "Helvetica Neue"; text-transform: uppercase; letter-spacing: 2px; color: #5ad16a; margin: 1.4em 0 .4em; }
.skin-cassette .content a, .skin-cassette .period-links a { color: #ffce54; text-decoration: none; border-bottom: 1px solid #8a6a2a; }
.skin-cassette .period-links { font-size: 16px; margin: 0 0 16px; }
.skin-cassette .inline img, .skin-cassette .tile img { max-width: 100%; height: auto; display: block; border: 1px solid #d8a14a; }
.skin-cassette .inline figcaption, .skin-cassette .tile figcaption { font-size: 14px; color: #b0b0a8; margin-top: 4px; }
.skin-cassette .period-gallery { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 12px; margin-top: 18px; }
.skin-cassette .tile { margin: 0; }
.skin-cassette .period-foot { background: #16181c; border-top: 3px solid #d8a14a; color: #9a9a92; font-size: 13px; letter-spacing: 1px; text-transform: uppercase; padding: 14px 30px; text-align: center; }