/* ============================================================
   Skin: "flat" — early/mid-2010s flat design.
   Solid colours, no gradients or shadows, big light type, card grid.
   Scoped to .skin-flat.
   ============================================================ */
.skin-flat { background: #ecf0f1; }
.skin-flat .viewport { background: #ffffff; }
.skin-flat .site { font-family: "Helvetica Neue", "Segoe UI", Roboto, Arial, sans-serif; max-width: 900px; margin: 0 auto; }

/* Flat colour-block masthead */
.skin-flat .masthead { background: #1abc9c; color: #fff; text-align: center; padding: 50px 24px; }
.skin-flat .brand { margin: 0; font-weight: 300; font-size: 52px; letter-spacing: 1px; }
.skin-flat .tag { margin: 12px 0 0; font-weight: 300; font-size: 19px; color: rgba(255,255,255,.9); }

/* Content */
.skin-flat .content { padding: 40px 48px 44px; }
.skin-flat .content p { font-size: 17px; line-height: 1.75; color: #34495e; margin: 0 0 1.1em; font-weight: 300; }
.skin-flat .content h2 { font-weight: 400; font-size: 26px; color: #1abc9c; margin: 1.5em 0 .5em; }
.skin-flat .content a, .skin-flat .period-links a { color: #16a085; text-decoration: none; border-bottom: 1px solid #abe2d6; }
.skin-flat .content a:hover { color: #fff; background: #1abc9c; border-bottom-color: #1abc9c; }
.skin-flat .period-links { font-size: 16px; margin: 0 0 22px; }
.skin-flat .period-links a { font-weight: 400; }

/* Flat images, no chrome */
.skin-flat .inline img { max-width: 100%; height: auto; display: block; }
.skin-flat .inline figcaption, .skin-flat .tile figcaption { font-size: 14px; color: #95a5a6; margin-top: 6px; }
.skin-flat .period-gallery { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 4px; margin-top: 24px; }
.skin-flat .tile { margin: 0; overflow: hidden; }
.skin-flat .tile img { width: 100%; height: auto; display: block; transition: opacity .12s ease; }
.skin-flat .tile a:hover img { opacity: .82; }

/* Footer */
.skin-flat .period-foot { background: #34495e; color: #95a5a6; font-size: 14px; padding: 22px; text-align: center; font-weight: 300; }