/* Skin: "seventies" — avocado/orange/brown, funky rounded chunky type. */
.skin-seventies { background: #4a3b22; }
.skin-seventies .viewport { background: #f3e7c8; }
.skin-seventies .site { max-width: 800px; margin: 0 auto; font-family: "Cooper Black", "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif; color: #3a2a14; }
.skin-seventies .masthead { text-align: center; padding: 34px 24px 22px; background: #d9622b; border-bottom: 10px solid #6b8e23; }
.skin-seventies .brand { margin: 0; font: 700 50px "Cooper Black", Georgia, serif; color: #f3e7c8; text-shadow: 3px 3px 0 #8a3a12; }
.skin-seventies .tag { margin: 12px 0 0; color: #ffe9c0; font-size: 18px; font-weight: bold; }
.skin-seventies .content { padding: 28px 34px 34px; }
.skin-seventies .content p { font-size: 16.5px; line-height: 1.7; color: #3a2a14; margin: 0 0 1em; font-family: Georgia, serif; }
.skin-seventies .content h2 { font: 700 26px "Cooper Black", Georgia, serif; color: #b5471d; margin: 1.4em 0 .3em; }
.skin-seventies .content a, .skin-seventies .period-links a { color: #6b8e23; text-decoration: none; border-bottom: 3px solid #d9a02b; font-weight: bold; }
.skin-seventies .period-links { font-size: 16px; margin: 0 0 16px; }
.skin-seventies .inline img, .skin-seventies .tile img { max-width: 100%; height: auto; display: block; border: 5px solid #6b8e23; border-radius: 14px; filter: sepia(.25) saturate(1.1); }
.skin-seventies .inline figcaption, .skin-seventies .tile figcaption { font: 14px Georgia; color: #7a5a2a; margin-top: 6px; }
.skin-seventies .period-gallery { display: grid; grid-template-columns: repeat(auto-fill, minmax(155px, 1fr)); gap: 14px; margin-top: 20px; }
.skin-seventies .tile { margin: 0; }
.skin-seventies .period-foot { background: #6b8e23; color: #f3e7c8; font-size: 14px; font-weight: bold; padding: 16px 34px; text-align: center; }