/* ==========================================================================
   Single Style 19 — Leaderboard (Neon Play · gaming & esports)
   HUD hero on a navy grid with an angled, neon-edged image panel,
   italic display type, cut corners and mono stat labels.
   ========================================================================== */
.eps-19.eps-fonts { --eps-title-font: 'Montserrat', var(--font-heading, sans-serif); --eps-h-font: 'Montserrat', var(--font-heading, sans-serif); --eps-ui: 'Inter', var(--font-body, sans-serif); --eps-body-font: 'Inter', var(--font-body, sans-serif); }
.eps-19 {
    --eps-on-accent: #0b1020;
    --eps-title-size: clamp(2rem, 1rem + 2.8vw, 3.5rem);
    --eps-title-weight: 900;
    --eps-body-size: 1.1rem;
    --eps-radius: 0px;
    --l19-navy: #0b1020;
    --l19-panel: #121a33;
    --l19-mono: 'JetBrains Mono', ui-monospace, monospace;
    --l19-cut: 12px;
    --l19-accent-ink: color-mix(in srgb, var(--eps-accent) 60%, #0b1020);
}
[data-theme="dark"] .eps-19 { --l19-quote: #141d3a; --l19-navy: #070b18; --l19-panel: #121a33; --l19-accent-ink: var(--eps-accent); }

/* --- HUD hero --- */
.eps-19 .eps-head--hero {
    position: relative; isolation: isolate; overflow: hidden; margin-bottom: 44px; color: #fff;
    background:
        linear-gradient(rgba(255, 255, 255, .045) 1px, transparent 1px) 0 0 / 32px 32px,
        linear-gradient(90deg, rgba(255, 255, 255, .045) 1px, transparent 1px) 0 0 / 32px 32px,
        radial-gradient(700px 360px at 20% 110%, color-mix(in srgb, var(--eps-accent) 22%, transparent), transparent 70%),
        var(--l19-navy);
    border-bottom: 4px solid var(--eps-accent);
}
.eps-19 .eps-hero__bg,
.eps-19 .eps-head--hero.has-image::before {
    position: absolute; top: 0; right: 0; bottom: 0; height: 100%;
    clip-path: polygon(110px 0, 100% 0, 100% 100%, 0 100%);
}
.eps-19 .eps-hero__bg { z-index: -1; width: 46%; object-fit: cover; }
.eps-19 .eps-head--hero.has-image::before { content: ''; z-index: -2; width: calc(46% + 9px); background: var(--eps-accent); box-shadow: 0 0 30px var(--eps-accent); }
.eps-19 .eps-head--hero::after {
    /* HUD corner brackets around the image panel */
    content: ''; position: absolute; top: 22px; right: 22px; width: 34px; height: 34px; z-index: 1;
    border-top: 3px solid var(--eps-accent); border-right: 3px solid var(--eps-accent);
    filter: drop-shadow(0 0 6px var(--eps-accent));
}
.eps-19 .eps-head--hero > .container { position: relative; z-index: 2; padding-top: 72px; padding-bottom: 60px; }
.eps-19 .eps-head--hero.has-image .eps-head__text { max-width: 52%; }
.eps-19 .eps-head--hero .eps-head__text { max-width: 860px; }
.eps-19 .eps-cat {
    padding: 8px 16px 8px 14px; border-radius: 0; color: #0b1020 !important;
    font: 800 italic 12px/1 var(--eps-title-font); letter-spacing: 1px;
    clip-path: polygon(8px 0, 100% 0, calc(100% - 8px) 100%, 0 100%);
}
.eps-19 .eps-head--hero .eps-badges::after { content: '///'; color: var(--eps-accent); font: 700 11px/1 var(--l19-mono); letter-spacing: 1.5px; }
.eps-19 .eps-head--hero .eps-title { color: #fff; font-style: italic; text-transform: uppercase; letter-spacing: -1.2px; line-height: 1.04; }
.eps-19 .eps-head--hero .eps-tagline .ep-article-tagline { color: #b7c0d8; font-size: 1.12rem; }
.eps-19 .eps-head--hero .eps-meta { margin: 0; padding: 18px 0 0; border: 0; border-top: 1px dashed rgba(255, 255, 255, .18); }
.eps-19 .eps-meta__avatar img { border-radius: 0; clip-path: polygon(8px 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%, 0 8px); }
.eps-19 .eps-head--hero .eps-meta__line, .eps-19 .eps-head--hero .eps-meta__date { color: #8e98b3; font-family: var(--l19-mono); letter-spacing: .3px; font-size: 11.5px; }
.eps-19 .eps-head--hero .eps-meta__line > * + * { border-color: rgba(255, 255, 255, .18); }
.eps-19 .eps-head--hero .eps-meta__by a, .eps-19 .eps-head--hero .eps-meta__save { color: #fff; text-decoration: none; }
.eps-19 .eps-head--hero .eps-meta__save { border-color: rgba(255, 255, 255, .18); }
.eps-19 .eps-head--hero .eps-meta__by a { color: var(--eps-accent); }
.eps-19 .eps-head--hero .eps-meta__share-label { color: #fff; font-family: var(--l19-mono); }
.eps-19 .eps-head--hero .eps-meta__share .eps-sb { border-radius: 0; background: rgba(255, 255, 255, .07); color: #fff; clip-path: polygon(6px 0, 100% 0, 100% calc(100% - 6px), calc(100% - 6px) 100%, 0 100%, 0 6px); }
.eps-19 .eps-head--hero .eps-meta__share .eps-sb:hover { background: var(--eps-accent); color: #0b1020; }
.eps-19 .eps-head--hero .eps-crumbs a, .eps-19 .eps-head--hero .eps-crumbs span { color: #b7c0d8; }
.eps-19 .eps-head--hero .ep-google-preferred-wrapper { margin: 20px 0 0; }

/* --- Edge rail: stacked cut-corner keys --- */
.eps-19 .eps-article.has-rail { grid-template-columns: 46px minmax(0, 1fr); gap: 40px; }
.eps-19 .eps-rail__inner { gap: 6px; }
.eps-19 .eps-rail__label { color: var(--eps-fg); font: 700 10.5px/1 var(--l19-mono); letter-spacing: 1px; }
.eps-19 .eps-rail .eps-sb {
    width: 46px; height: 46px; border-radius: 0; background: var(--l19-navy); color: #fff;
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%);
}
.eps-19 .eps-rail .eps-sb:hover { background: var(--eps-accent); color: #0b1020; transform: translateX(3px); }

/* --- Article --- */
.eps-19 .eps-content a:not(.ep-toc-link):not(.wp-block-button__link):not([class*="btn"]) { text-decoration-color: var(--eps-accent); text-decoration-thickness: 3px; }
.eps-19 .eps-content h2 { display: flex; align-items: center; gap: 14px; font-weight: 900; font-style: italic; letter-spacing: -.8px; }
.eps-19 .eps-content h2::before { content: ''; flex-shrink: 0; width: 22px; height: 16px; background: var(--eps-accent); clip-path: polygon(6px 0, 100% 0, calc(100% - 6px) 100%, 0 100%); }
.eps-19 .eps-content h3 { font-weight: 800; font-style: italic; }
.eps-19 .dropcap-wrapper > p:first-of-type::first-letter {
    margin: 6px 16px 0 0; padding: 12px 14px 10px; background: var(--l19-navy); color: var(--eps-accent);
    font-size: 3.6rem; font-style: italic; font-weight: 900; line-height: .8;
}
.eps-19 .eps-content blockquote {
    margin: 3rem 0; padding: 34px 40px 30px 46px; text-align: left; color: #fff;
    background: linear-gradient(rgba(255, 255, 255, .04) 1px, transparent 1px) 0 0 / 24px 24px, linear-gradient(90deg, rgba(255, 255, 255, .04) 1px, transparent 1px) 0 0 / 24px 24px, var(--l19-quote, var(--l19-navy));
    clip-path: polygon(0 0, calc(100% - 22px) 0, 100% 22px, 100% 100%, 22px 100%, 0 calc(100% - 22px));
}
.eps-19 .eps-content blockquote::before { content: ''; position: absolute; top: 22px; bottom: 22px; left: 0; width: 6px; height: auto; margin: 0; background: var(--eps-accent); box-shadow: 0 0 16px var(--eps-accent); }
.eps-19 .eps-content blockquote p { color: #fff; font: 800 italic clamp(1.3rem, 1rem + .8vw, 1.65rem)/1.38 var(--eps-title-font); letter-spacing: -.3px; }
.eps-19 .eps-content blockquote cite { color: var(--eps-accent-text, var(--eps-accent)); font: 700 12px/1.4 var(--l19-mono); letter-spacing: .5px; }
.eps-19 .eps-content blockquote cite::before { content: '//'; width: auto; height: auto; background: none; }
.eps-19 .eps-content ul { padding-left: 0; list-style: none; }
.eps-19 .eps-content ul li { position: relative; padding-left: 28px; }
.eps-19 .eps-content ul li::before { content: ''; position: absolute; left: 0; top: .5em; width: 12px; height: 12px; background: var(--eps-accent); clip-path: polygon(0 0, 55% 0, 100% 50%, 55% 100%, 0 100%, 45% 50%); }
.eps-19 .eps-content figure img, .eps-19 .eps-body__figure img { clip-path: polygon(0 0, calc(100% - 18px) 0, 100% 18px, 100% 100%, 18px 100%, 0 calc(100% - 18px)); }
.eps-19 .eps-content figcaption { font-family: var(--l19-mono); font-size: 12px; }
.eps-19 .ep-toc-container { border: 0; border-radius: 0; border-left: 4px solid var(--eps-accent); clip-path: polygon(0 0, calc(100% - 16px) 0, 100% 16px, 100% 100%, 0 100%); }
.eps-19 .ep-toc-title { font-family: var(--eps-title-font); font-weight: 900; font-style: italic; text-transform: uppercase; }
.eps-19 .ep-toc-title i { color: var(--l19-accent-ink); }
.eps-19 .ep-toc-number { border-radius: 0; background: var(--l19-navy); color: var(--eps-accent); font-family: var(--l19-mono); clip-path: polygon(4px 0, 100% 0, calc(100% - 4px) 100%, 0 100%); padding: 0 6px; }
.eps-19 .ep-review-box { border-radius: 0; border: 0; border-left: 5px solid var(--eps-accent); clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 20px, 100% 100%, 0 100%); }
.eps-19 .ep-review-overline { color: var(--l19-accent-ink); font-family: var(--l19-mono); }
.eps-19 .ep-review-info h3 { font-style: italic; }
.eps-19 .ep-review-score-circle { border-radius: 0; clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); background: var(--l19-navy); border: 0; color: var(--eps-accent) !important; font-style: italic; }

/* --- After the article --- */
.eps-19 .eps-tags__label { font-family: var(--l19-mono); }
.eps-19 .eps-tags a { border: 0; border-radius: 0; background: var(--eps-soft); font: 700 italic 12px/1 var(--eps-title-font); text-transform: uppercase; clip-path: polygon(6px 0, 100% 0, calc(100% - 6px) 100%, 0 100%); padding: 8px 16px; }
.eps-19 .eps-tags a:hover { background: var(--eps-accent); color: #0b1020; }
.eps-19 .eps-sharebar { border-top: 2px solid var(--eps-fg); border-bottom: 1px dashed var(--eps-line); }
.eps-19 .eps-sharebar__label { font: 900 italic 16px/1.2 var(--eps-title-font); text-transform: uppercase; }
.eps-19 .eps-sharebar .eps-sb { border-radius: 0; clip-path: polygon(0 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%); }
.eps-19 .eps-author {
    position: relative; margin-top: 30px; padding: 28px; grid-template-columns: 76px minmax(0, 1fr);
    background:
        linear-gradient(var(--eps-accent), var(--eps-accent)) 0 0 / 22px 3px no-repeat, linear-gradient(var(--eps-accent), var(--eps-accent)) 0 0 / 3px 22px no-repeat,
        linear-gradient(var(--eps-accent), var(--eps-accent)) 100% 100% / 22px 3px no-repeat, linear-gradient(var(--eps-accent), var(--eps-accent)) 100% 100% / 3px 22px no-repeat,
        var(--eps-soft);
}
.eps-19 .eps-author__avatar img { width: 72px; height: 72px; border-radius: 0; clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px); }
.eps-19 .eps-author__name { font-family: var(--eps-title-font); font-style: italic; font-weight: 900; }
.eps-19 .eps-author__role { font-family: var(--l19-mono); color: var(--l19-accent-ink); letter-spacing: .5px; }
.eps-19 .eps-postnav { border-top: 2px solid var(--eps-fg); }
.eps-19 .eps-postnav__img { border-radius: 0; clip-path: polygon(8px 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%, 0 8px); }
.eps-19 .eps-postnav__label { font-family: var(--l19-mono); color: var(--l19-accent-ink); letter-spacing: .5px; }
.eps-19 .eps-postnav__title { font-family: var(--eps-title-font); font-weight: 800; font-style: italic; }
.eps-19 .related-card img, .eps-19 .related-card .img-hover-zoom { border-radius: 0; clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 0 100%); }
.eps-19 .related-card .card-title, .eps-19 .related-card h3 { font-family: var(--eps-title-font); font-weight: 800; font-style: italic; }

/* --- Sidebar: angled tab headings --- */
.eps-19 .ep-sidebar .ep-section-heading { padding: 0; border-bottom: 2px solid var(--l19-navy); }
[data-theme="dark"] .eps-19 .ep-sidebar .ep-section-heading { border-bottom-color: var(--eps-accent); }
.eps-19 .ep-sidebar .ep-section-heading::before, .eps-19 .ep-sidebar .ep-section-heading::after { display: none; }
.eps-19 .ep-sidebar .ep-section-heading .title-text {
    display: inline-block; padding: 9px 26px 8px 14px; background: var(--l19-navy); color: #fff;
    font: 900 italic 14px/1 var(--eps-title-font); letter-spacing: .5px; text-transform: uppercase;
    clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 100%, 0 100%);
}
.eps-19 .ep-sidebar .ep-section-heading .title-text::before { content: '> '; color: var(--eps-accent-text, var(--eps-accent)); }
.eps-19 .ep-sidebar .ep-section-heading .title-text::after { display: none; }
.eps-19 .ep-sidebar .widget-ad .ep-section-heading { border: 0; }
.eps-19 .ep-sidebar .widget-ad .ep-section-heading .title-text { padding: 0; background: none; color: var(--eps-muted); font: 500 11px/1 var(--l19-mono); clip-path: none; }
.eps-19 .ep-sidebar .widget-ad .ep-section-heading .title-text::before { content: '- '; color: inherit; }
.eps-19 .ep-sidebar .widget-ad .ep-section-heading .title-text::after { content: ' -'; display: inline; }
.eps-19 .widget-social .contact-social-item { border-radius: 0; clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 0 100%); }
.eps-19 .widget-newsletter .newsletter-widget-inner { border-radius: 0; clip-path: polygon(0 0, calc(100% - 18px) 0, 100% 18px, 100% 100%, 0 100%); }
.eps-19 .widget-newsletter .subscribe-btn { color: #0b1020; font-weight: 800; }
.eps-19 .ep-latest-thumb img, .eps-19 .ep-latest-ph { border-radius: 0; clip-path: polygon(8px 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%, 0 8px); }
.eps-19 .ep-latest-title { font-family: var(--eps-title-font); font-weight: 800; font-style: italic; }
.eps-19 .ep-latest-badge { color: #0b1020; }

@media (max-width: 992px) {
    .eps-19 .eps-hero__bg { width: 40%; }
    .eps-19 .eps-head--hero.has-image::before { width: calc(40% + 9px); }
    .eps-19 .eps-head--hero.has-image .eps-head__text { max-width: 58%; }
}
@media (max-width: 768px) {
    .eps-19 .eps-hero__bg, .eps-19 .eps-head--hero.has-image::before { left: 0; right: 0; bottom: auto; width: 100%; height: 230px; clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 40px)); }
    .eps-19 .eps-head--hero.has-image::before { height: 236px; }
    .eps-19 .eps-head--hero.has-image > .container { padding-top: 250px; }
    .eps-19 .eps-head--hero.has-image .eps-head__text { max-width: none; }
    .eps-19 .eps-head--hero > .container { padding-top: 44px; padding-bottom: 36px; }
    .eps-19 .eps-head--hero .eps-title { letter-spacing: -.6px; }
    .eps-19 .eps-content blockquote { padding: 28px 22px 24px 30px; }
    .eps-19 .eps-author { grid-template-columns: minmax(0, 1fr); padding: 22px; }
}