/* Skin: "vaporwave" — pink/cyan retro-future, grid horizon, chrome italic. */
.skin-vaporwave { background: #1a0033; background-image: linear-gradient(#2d0a4e, #1a0033); }
.skin-vaporwave .viewport { background: linear-gradient(#21073d 0%, #3a0a5c 100%); }
.skin-vaporwave .site { max-width: 760px; margin: 0 auto; font-family: "Helvetica Neue", Arial, sans-serif; color: #ffe3fb; }
.skin-vaporwave .masthead { text-align: center; padding: 40px 20px 26px; background: linear-gradient(#ff71ce33, transparent); }
.skin-vaporwave .brand { margin: 0; font: italic 700 50px "Times New Roman", serif; letter-spacing: 4px; color: #fff; text-shadow: 3px 3px 0 #ff71ce, -3px -3px 0 #01cdfe; }
.skin-vaporwave .tag { margin: 14px 0 0; color: #01cdfe; font-size: 17px; letter-spacing: 3px; text-transform: uppercase; }
.skin-vaporwave .content { padding: 26px 34px 32px; }
.skin-vaporwave .content p { font-size: 16.5px; line-height: 1.75; color: #f3d9ff; margin: 0 0 1em; }
.skin-vaporwave .content h2 { font: 700 24px "Helvetica Neue"; color: #ff71ce; letter-spacing: 2px; text-transform: uppercase; margin: 1.4em 0 .4em; }
.skin-vaporwave .content a, .skin-vaporwave .period-links a { color: #01cdfe; text-decoration: none; border-bottom: 1px solid #ff71ce; }
.skin-vaporwave .period-links { font-size: 16px; margin: 0 0 16px; text-align: center; }
.skin-vaporwave .inline img, .skin-vaporwave .tile img { max-width: 100%; height: auto; display: block; border: 2px solid #ff71ce; box-shadow: 0 0 16px #ff71ce80; }
.skin-vaporwave .inline figcaption, .skin-vaporwave .tile figcaption { font-size: 14px; color: #01cdfe; margin-top: 4px; }
.skin-vaporwave .period-gallery { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 14px; margin-top: 20px; }
.skin-vaporwave .tile { margin: 0; }
.skin-vaporwave .period-foot { background: linear-gradient(90deg, #ff71ce, #01cdfe); color: #1a0033; font-weight: bold; font-size: 14px; padding: 14px 34px; text-align: center; letter-spacing: 2px; }