/* Skin: "zine" — photocopied punk zine. High-contrast B&W, Courier, ransom edges. */
.skin-zine { background: #b8b8b8; }
.skin-zine .winframe { border: 2px solid #000; }
.skin-zine .viewport { background: #e7e7e2; }
.skin-zine .site { max-width: 800px; margin: 0 auto; font-family: "Courier New", monospace; color: #111; }
.skin-zine .masthead { padding: 22px 24px; background: #000; text-align: left; }
.skin-zine .brand { display: inline-block; margin: 0; font: 900 44px "Impact", "Haettenschweiler", "Arial Black", sans-serif; letter-spacing: 1px; text-transform: uppercase; color: #fff; background: #000; transform: skewX(-4deg); }
.skin-zine .tag { margin: 10px 0 0; color: #fff; font-size: 16px; background: #fff; color: #000; display: inline-block; padding: 2px 6px; transform: rotate(-1deg); }
.skin-zine .content { padding: 24px 28px 28px; }
.skin-zine .content p { font-size: 16px; line-height: 1.6; color: #111; margin: 0 0 1em; }
.skin-zine .content h2 { font: 900 24px "Impact", "Arial Black", sans-serif; text-transform: uppercase; color: #000; margin: 1.3em 0 .4em; border-bottom: 3px solid #000; }
.skin-zine .content a, .skin-zine .period-links a { color: #000; text-decoration: underline; font-weight: bold; }
.skin-zine .period-links { font-size: 16px; margin: 0 0 14px; }
.skin-zine .inline img, .skin-zine .tile img { max-width: 100%; height: auto; display: block; border: 2px solid #000; filter: grayscale(1) contrast(1.5); }
.skin-zine .inline figcaption, .skin-zine .tile figcaption { font-size: 13px; color: #222; margin-top: 4px; text-transform: uppercase; letter-spacing: 1px; }
.skin-zine .period-gallery { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 10px; margin-top: 18px; }
.skin-zine .tile { margin: 0; }
.skin-zine .tile:nth-child(2n) { transform: rotate(-1.5deg); }
.skin-zine .tile:nth-child(3n) { transform: rotate(1.5deg); }
.skin-zine .period-foot { background: #000; color: #fff; font-size: 13px; padding: 12px 24px; text-transform: uppercase; letter-spacing: 1px; }