/* Skin: "terminal" — green-screen CRT. Monospace, scanlines, blinking cursor. */
.skin-terminal { background: #050805; }
.skin-terminal .winframe { border: 1px solid #1d3b1d; }
.skin-terminal .viewport {
  background: #060d06;
  background-image: repeating-linear-gradient(rgba(0,0,0,0) 0 2px, rgba(0,255,90,.04) 2px 4px);
}
.skin-terminal .site { max-width: 820px; margin: 0 auto; font-family: "Courier New", monospace; color: #36ff6a; }
.skin-terminal .masthead { padding: 26px 26px 6px; text-align: left; background: none; }
.skin-terminal .brand { margin: 0; font: bold 30px "Courier New", monospace; color: #36ff6a; text-shadow: 0 0 8px rgba(54,255,106,.6); }
.skin-terminal .brand::before { content: "> "; color: #1e9b45; }
.skin-terminal .brand::after { content: "_"; animation: term-blink 1s step-end infinite; }
@keyframes term-blink { 50% { opacity: 0; } }
.skin-terminal .tag { margin: 6px 0 0; color: #1fbf52; font-size: 16px; }
.skin-terminal .content { padding: 14px 26px 30px; }
.skin-terminal .content p { font-size: 16px; line-height: 1.7; color: #2fe65f; margin: 0 0 1em; }
.skin-terminal .content h2 { font: bold 20px "Courier New", monospace; color: #7dff9e; margin: 1.4em 0 .4em; }
.skin-terminal .content h2::before { content: "## "; color: #1e9b45; }
.skin-terminal .content a, .skin-terminal .period-links a { color: #44e0ff; text-decoration: underline; }
.skin-terminal .period-links { font-size: 16px; margin: 0 0 14px; }
.skin-terminal .inline img, .skin-terminal .tile img { border: 1px solid #2fe65f; max-width: 100%; height: auto; display: block; filter: saturate(.7) brightness(.95); }
.skin-terminal .inline figcaption, .skin-terminal .tile figcaption { font-size: 14px; color: #1fbf52; margin-top: 4px; }
.skin-terminal .period-gallery { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 12px; margin-top: 18px; }
.skin-terminal .tile { margin: 0; }
.skin-terminal .period-foot { background: none; border-top: 1px dashed #1d3b1d; color: #1fbf52; font-size: 14px; padding: 14px 26px; }
.skin-terminal .period-foot::after { content: " █"; animation: term-blink 1s step-end infinite; }