/* OpenBSD Corner: a yellow-and-blue theme for pages marked <html class="obsd">, plus the home page card. Layout and type come from style.css. */
html.obsd {
    --bg: #07101e;
    --bg-glow-1: rgba(30, 110, 200, 0.24);
    --bg-glow-2: rgba(246, 211, 59, 0.08);
    --surface: #0d1b30;
    --surface-2: #132641;
    --border: #23446e;
    --text: #e8eef7;
    --text-muted: #9fb2cc;
    --heading: #ffffff;
    --accent: #f6d33b;
    --accent-2: #6ec1ea;
    --accent-soft: rgba(246, 211, 59, 0.14);
    --code-bg: #050b15;
    --code-text: #dfe8f5;
    --code-border: #1c3558;
}
@media (prefers-color-scheme: light) {
    html.obsd {
        --bg: #fffbea;
        --bg-glow-1: rgba(246, 211, 59, 0.22);
        --bg-glow-2: rgba(30, 110, 200, 0.07);
        --surface: #ffffff;
        --surface-2: #fdf5d0;
        --border: #ead98c;
        --text: #14223a;
        --text-muted: #5a6c88;
        --heading: #0a1830;
        --accent: #0b5ea8;
        --accent-2: #8a6d00;
        --accent-soft: rgba(11, 94, 168, 0.09);
        --code-bg: #0a1830;
        --code-text: #e4ecf8;
        --code-border: #0a1830;
    }
}
.obsd-hero { display: flex; align-items: center; gap: 22px; margin: 6px 0 18px; }
.obsd-hero img { width: 120px; height: 120px; flex: none; }
.obsd-hero p { margin: 0; }
@media (max-width: 560px) { .obsd-hero { flex-direction: column; text-align: center; } }
.corner-card.obsd-card { background: linear-gradient(135deg, #0a2f5c, #0e4a8c 55%, #1a63b0); border: 1px solid #f6d33b; box-shadow: 0 8px 24px rgba(14, 74, 140, 0.35); }
.corner-card.obsd-card img { background: #fff6c9; }
.corner-card.obsd-card span { color: #e6f0ff; }