/* Skin: "chalkboard" — dark slate board, chalk handwriting. */
.skin-chalkboard { background: #2f3b34; }
.skin-chalkboard .viewport { background: #2c3a32; background-image: radial-gradient(rgba(255,255,255,.03) 1px, transparent 1px); background-size: 4px 4px; }
.skin-chalkboard .site { max-width: 780px; margin: 0 auto; font-family: "Bradley Hand", "Segoe Script", "Comic Sans MS", cursive; color: #f3f3ea; }
.skin-chalkboard .masthead { text-align: center; padding: 36px 24px 18px; border-bottom: 2px solid rgba(255,255,255,.35); }
.skin-chalkboard .brand { margin: 0; font: 700 46px "Bradley Hand", "Segoe Script", cursive; color: #fffef0; text-shadow: 0 0 1px rgba(255,255,255,.4); }
.skin-chalkboard .tag { margin: 12px 0 0; color: #ffe08a; font-size: 19px; }
.skin-chalkboard .content { padding: 26px 40px 34px; }
.skin-chalkboard .content p { font-size: 18px; line-height: 1.7; color: #eef0e6; margin: 0 0 1em; }
.skin-chalkboard .content h2 { font: 700 26px "Bradley Hand", cursive; color: #9be7c4; margin: 1.4em 0 .3em; }
.skin-chalkboard .content a, .skin-chalkboard .period-links a { color: #ffe08a; text-decoration: underline; }
.skin-chalkboard .period-links { font-size: 18px; margin: 0 0 16px; }
.skin-chalkboard .inline img, .skin-chalkboard .tile img { max-width: 100%; height: auto; display: block; border: 2px solid rgba(255,255,255,.4); }
.skin-chalkboard .inline figcaption, .skin-chalkboard .tile figcaption { font-size: 16px; color: #c9d2c4; margin-top: 4px; text-align: center; }
.skin-chalkboard .period-gallery { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 14px; margin-top: 18px; }
.skin-chalkboard .tile { margin: 0; }
.skin-chalkboard .period-foot { border-top: 2px solid rgba(255,255,255,.35); color: #c9d2c4; font-size: 16px; padding: 16px 40px; text-align: center; }