/* Skin: "typewriter" — typed manuscript on cream paper, monospace. */
.skin-typewriter { background: #b7b0a0; }
.skin-typewriter .viewport { background: #f7f2e4; }
.skin-typewriter .site { max-width: 720px; margin: 0 auto; font-family: "Courier New", "Courier", monospace; color: #2b2620; }
.skin-typewriter .masthead { padding: 40px 48px 10px; background: #f7f2e4; }
.skin-typewriter .brand { margin: 0; font: bold 30px "Courier New", monospace; letter-spacing: 1px; color: #222; text-transform: uppercase; }
.skin-typewriter .tag { margin: 10px 0 0; color: #5a534a; font-size: 16px; }
.skin-typewriter .content { padding: 14px 48px 40px; }
.skin-typewriter .content p { font-size: 16px; line-height: 1.85; color: #2b2620; margin: 0 0 1.1em; }
.skin-typewriter .content h2 { font: bold 18px "Courier New", monospace; text-transform: uppercase; letter-spacing: 1px; color: #222; margin: 1.5em 0 .3em; }
.skin-typewriter .content h2::before { content: "* "; }
.skin-typewriter .content a, .skin-typewriter .period-links a { color: #2b2620; text-decoration: underline; }
.skin-typewriter .period-links { font-size: 16px; margin: 0 0 14px; }
.skin-typewriter .inline img, .skin-typewriter .tile img { max-width: 100%; height: auto; display: block; filter: sepia(.3) contrast(1.05); border: 1px solid #b8aE98; }
.skin-typewriter .inline figcaption, .skin-typewriter .tile figcaption { font-size: 14px; color: #6a6253; margin-top: 4px; }
.skin-typewriter .period-gallery { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 14px; margin-top: 18px; }
.skin-typewriter .tile { margin: 0; }
.skin-typewriter .period-foot { border-top: 1px dashed #9a917f; color: #6a6253; font-size: 14px; padding: 16px 48px; }