/* Skin: "punk" — ransom-note cut-out collage, safety-pin energy. */
.skin-punk { background: #111; }
.skin-punk .viewport { background: #e9e6dd; }
.skin-punk .site { max-width: 780px; margin: 0 auto; font-family: "Times New Roman", Georgia, serif; color: #111; }
.skin-punk .masthead { padding: 26px 24px 18px; background: #111; }
.skin-punk .brand { margin: 0; display: inline-block; font: 900 40px "Arial Black", Impact, sans-serif; letter-spacing: 2px; text-transform: uppercase; color: #fff; background: #ff004c; padding: 2px 10px; transform: rotate(-1.5deg); box-shadow: 6px 6px 0 #ffe600; }
.skin-punk .tag { margin: 18px 0 0; display: inline-block; background: #ffe600; color: #111; font: bold 16px "Courier New", monospace; padding: 3px 8px; transform: rotate(1deg); }
.skin-punk .content { padding: 24px 30px 30px; }
.skin-punk .content p { font-size: 16.5px; line-height: 1.6; color: #1a1a1a; margin: 0 0 1em; }
.skin-punk .content h2 { font: 900 24px "Arial Black", Impact, sans-serif; text-transform: uppercase; color: #111; background: #ffe600; display: inline-block; padding: 1px 8px; transform: rotate(-1deg); margin: 1.3em 0 .5em; }
.skin-punk .content a, .skin-punk .period-links a { color: #ff004c; font-weight: bold; text-decoration: underline; }
.skin-punk .period-links { font-size: 16px; margin: 0 0 14px; }
.skin-punk .inline img, .skin-punk .tile img { max-width: 100%; height: auto; display: block; border: 3px solid #111; filter: grayscale(1) contrast(1.4); transform: rotate(-1deg); }
.skin-punk .inline figcaption, .skin-punk .tile figcaption { font: bold 13px "Courier New", monospace; color: #111; margin-top: 6px; text-transform: uppercase; }
.skin-punk .period-gallery { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 14px; margin-top: 18px; }
.skin-punk .tile:nth-child(2n) { transform: rotate(1.5deg); }
.skin-punk .tile { margin: 0; }
.skin-punk .period-foot { background: #111; color: #ffe600; font: bold 14px "Courier New", monospace; text-transform: uppercase; padding: 14px 30px; }