/* Skin: "risograph" — two-colour riso print on cream, grainy overprint. */
.skin-risograph { background: #efe9dc; }
.skin-risograph .viewport { background: #f4efe2; }
.skin-risograph .site { max-width: 800px; margin: 0 auto; font-family: "Helvetica Neue", Arial, sans-serif; color: #2a2a3a; }
.skin-risograph .masthead { padding: 40px 34px 24px; background: #ff5277; mix-blend-mode: multiply; }
.skin-risograph .brand { margin: 0; font-weight: 800; font-size: 50px; letter-spacing: -1px; color: #2436c7; mix-blend-mode: multiply; }
.skin-risograph .tag { margin: 12px 0 0; font-size: 17px; color: #1a1a2a; }
.skin-risograph .content { padding: 30px 34px 36px; }
.skin-risograph .content p { font-size: 16.5px; line-height: 1.7; color: #2a2a3a; margin: 0 0 1.05em; }
.skin-risograph .content h2 { font-weight: 800; font-size: 24px; color: #ff5277; margin: 1.5em 0 .4em; }
.skin-risograph .content a, .skin-risograph .period-links a { color: #2436c7; text-decoration: none; box-shadow: inset 0 -8px 0 #ff527744; }
.skin-risograph .period-links { font-size: 16px; margin: 0 0 18px; font-weight: bold; }
.skin-risograph .inline img, .skin-risograph .tile img { max-width: 100%; height: auto; display: block; filter: grayscale(1) contrast(1.1); mix-blend-mode: multiply; }
.skin-risograph .inline figcaption, .skin-risograph .tile figcaption { font-size: 14px; color: #6a6a7a; margin-top: 6px; }
.skin-risograph .period-gallery { display: grid; grid-template-columns: repeat(auto-fill, minmax(155px, 1fr)); gap: 12px; margin-top: 22px; }
.skin-risograph .tile { margin: 0; }
.skin-risograph .period-foot { background: #2436c7; color: #f4efe2; font-size: 14px; padding: 18px 34px; text-align: center; }