/* Skin: "parchment" — illuminated manuscript on aged vellum. */
.skin-parchment { background: #6b4f2a; }
.skin-parchment .viewport { background: #e8d9b5; background-image: radial-gradient(circle at 30% 20%, rgba(120,90,40,.12), transparent 60%), radial-gradient(circle at 80% 70%, rgba(120,90,40,.1), transparent 55%); }
.skin-parchment .site { max-width: 760px; margin: 0 auto; font-family: "Garamond", "Hoefler Text", Georgia, serif; color: #2e2210; }
.skin-parchment .masthead { text-align: center; padding: 38px 28px 18px; border-bottom: 3px double #7a5a2a; }
.skin-parchment .brand { margin: 0; font: 700 46px "Garamond", "Hoefler Text", serif; letter-spacing: 1px; color: #6a1f12; }
.skin-parchment .tag { margin: 12px 0 0; font: italic 17px Georgia; color: #5a4520; }
.skin-parchment .content { padding: 28px 44px 38px; }
.skin-parchment .content p { font-size: 17px; line-height: 1.75; color: #2e2210; margin: 0 0 1.05em; }
.skin-parchment .content > p:first-of-type::first-letter { float: left; font-family: "Garamond", serif; font-size: 70px; line-height: .8; padding: 6px 12px 0 0; color: #6a1f12; font-weight: 700; }
.skin-parchment .content h2 { font: 700 23px "Garamond", serif; color: #6a1f12; margin: 1.5em 0 .4em; letter-spacing: 1px; }
.skin-parchment .content a, .skin-parchment .period-links a { color: #6a1f12; text-decoration: underline; }
.skin-parchment .period-links { font-size: 16px; margin: 0 0 18px; font-style: italic; }
.skin-parchment .inline img { max-width: 100%; height: auto; display: block; border: 4px solid #7a5a2a; }
.skin-parchment .inline figcaption, .skin-parchment .tile figcaption { font: italic 14px Georgia; color: #6a5530; margin-top: 6px; }
.skin-parchment .period-gallery { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 12px; margin-top: 24px; }
.skin-parchment .tile { margin: 0; }
.skin-parchment .period-foot { border-top: 3px double #7a5a2a; color: #5a4520; font: italic 14px Georgia; padding: 18px 44px; text-align: center; }