/* Skin — Sports Arena (header 12 · footer 10 · single 7): black slab, red slash, italic caps */
html[data-hs="12"] {
    --sk-radius: 0px; --sk-field-radius: 0px; --sk-btn-radius: 0px;
    --sk-head-bg: #111111; --sk-head-fg: #ffffff; --sk-head-muted: #a3a3a3;
    --sk-head-align: left;
    --sk-label-font: 'Montserrat', var(--font-body), sans-serif; --sk-label-weight: 800; --sk-label-ls: 1.5px;
    --sk-title-weight: 900; --sk-title-style: italic; --sk-title-tt: uppercase; --sk-title-ls: -0.01em;
}
html[data-hs="12"] :is(.archive-title, .author-name, .comments-title, .comment-reply-title, .error-title) { font-family: 'Montserrat', var(--font-heading), sans-serif; }
html[data-hs="12"] .archive-header::before,
html[data-hs="12"] .author-hero-section::before { content: ''; position: absolute; top: 0; right: 8%; bottom: 0; width: 34%; z-index: 0; background: repeating-linear-gradient(-60deg, transparent 0 18px, color-mix(in srgb, var(--accent) 60%, transparent) 18px 30px); transform: skewX(-18deg); opacity: .5; }
html[data-hs="12"] .author-hero-section { position: relative; overflow: hidden; }
html[data-hs="12"] .author-profile-wrapper { position: relative; z-index: 1; }
html[data-hs="12"] .archive-header::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 6px; background: var(--accent); }
html[data-hs="12"] .archive-label { padding: 7px 12px; background: var(--accent-fill, var(--accent)); color: var(--on-accent-fill, #fff); font-style: italic; transform: skewX(-12deg); }
html[data-hs="12"] .archive-label::before, html[data-hs="12"] .archive-label::after { display: none; }
html[data-hs="12"] .archive-tag-prefix { color: var(--accent-text, var(--accent)); }
html[data-hs="12"] .archive-desc { margin: 0; }
html[data-hs="12"] .category-tag { padding: 3px 8px; background: var(--accent-fill, var(--accent)); color: var(--on-accent-fill, #fff) !important; font-size: 11px; font-style: italic; font-weight: 800; text-transform: uppercase; transform: skewX(-10deg); }
html[data-hs="12"] .classic-article-row .headline { font-weight: 800; }
html[data-hs="12"] .load-more-btn, html[data-hs="12"] .submit-btn { font-style: italic; font-weight: 800; transform: skewX(-8deg); }
html[data-hs="12"] .load-more-btn:hover { transform: skewX(-8deg) translateY(-1px); }
html[data-hs="12"] .submit-btn:hover { transform: skewX(-8deg) translateY(-1px); }
html[data-hs="12"] .comments-title::after, html[data-hs="12"] .comment-reply-title::after { width: 60px; height: 5px; border-radius: 0; transform: skewX(-20deg); }