

*, *::before, *::after {padding: 0;margin: 0;box-sizing: border-box}


.w3-body { min-height: 100vh; ;visibility:visible;pointer-events:auto}
.w3-main { display: block; }
.w3-nav { display: block; }
.w3-page { display: block; }
.w3-dropdown-btn {border: none;font: inherit;background: none}

:root {--w3-accent: #fbbf24;--w3-secondary: #6366f1;--w3-space-md: 1.5rem;--w3-card: #1a2442;--w3-text: rgb(255,255,255);--w3-radius: 16px;--w3-space-xs: .5rem;--w3-primary: rgba(0,212,170,1);--w3-space-lg: 2rem;--w3-space-sm: 1rem;--w3-shadow-sm: 0 2px 8px rgba(0,0,0,.2);--w3-shadow-lg: 0 8px 32px rgba(0,0,0,.4);--w3-header-h: 80px;--w3-space-2xl: 4rem;--w3-primary-light: #33deb8;--w3-text-soft: #cbd5e1;--w3-text-muted: #94a3b8;--w3-primary-dark: #00b890;--w3-border: #2d3a5f;--w3-bg: #0a0e27;--w3-space-xl: 3rem;--w3-radius-sm: 8px;--w3-shadow-md: 0 4px 16px rgba(0,0,0,.3);--w3-container: 1280px;--w3-radius-lg: 24px;--w3-glow: 0 0 20px rgba(0,212,170,.3);--w3-font: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;--w3-card-hover: #212d52;--w3-bg-alt: #141b3a}

html {font-size: 16px;scroll-behavior: smooth}

body {padding-top: var(--w3-header-h);line-height: 1.6;font-family: var(--w3-font);min-height: 100vh;background: linear-gradient(135deg, var(--w3-bg) 0%, var(--w3-bg-alt) 100%);color: var(--w3-text);background-attachment: fixed;overflow-x: hidden}
body.w3-drawer-open { overflow: hidden; }

h1, h2, h3, h4, h5, h6 {line-height: 1.2;color: var(--w3-text);margin-bottom: var(--w3-space-sm);font-weight: 700}
h1 {font-weight: 900;font-size: clamp(2rem, 5vw, 3.5rem)}
h2 { font-size: clamp(1.75rem, 4vw, 2.5rem); }
h3 { font-size: clamp(1.4rem, 3vw, 1.9rem); }
h4 { font-size: clamp(1.15rem, 2.5vw, 1.4rem); }
p {margin-bottom: var(--w3-space-sm);color: var(--w3-text-soft)}
a {color: var(--w3-primary);transition: color .15s ease-in-out;text-decoration: none}
a:hover { color: var(--w3-primary-light); }
img {max-width: 100%;height: auto;display: block}
ul { list-style: none; }

.w3-container, .w3-footer-inner {padding: 0 var(--w3-space-md);width: 100%;margin: 0 auto;max-width: var(--w3-container)}
@media (max-width: 768px) { .w3-container, .w3-footer-inner { padding: 0 var(--w3-space-sm); } }


.w3-btn, .w3-btn-login, .w3-btn-register, .w3-btn-login-mobile, .w3-btn-primary, .w3-btn-outline, .w3-btn-secondary {white-space: nowrap;border-radius: var(--w3-radius-sm);cursor: pointer;align-items: center;gap: .4rem;justify-content: center;font-size: .95rem;font-weight: 700;padding: .85rem 1.6rem;display: inline-flex;transition: all .2s ease;border: 2px solid transparent}
.w3-btn-register, .w3-btn-primary {box-shadow: var(--w3-shadow-sm);color: #05221b;background: linear-gradient(135deg, var(--w3-primary), var(--w3-primary-dark))}
.w3-btn-register:hover, .w3-btn-primary:hover {transform: translateY(-2px);color: #05221b;box-shadow: var(--w3-glow)}
.w3-btn-login, .w3-btn-outline {border-color: var(--w3-border);background: transparent;color: var(--w3-text)}
.w3-btn-login:hover, .w3-btn-outline:hover {color: var(--w3-primary);border-color: var(--w3-primary)}
.w3-btn-secondary {background: var(--w3-secondary);color: #fff}
.w3-btn-block { width: 100%; }


.w3-header {left: 0;z-index: 1001;position: fixed;border-bottom: 1px solid var(--w3-border);top: 0;backdrop-filter: blur(12px);right: 0;background: rgba(10,14,39,.95)}
.w3-nav-inner {padding: 0 var(--w3-space-md);align-items: center;gap: var(--w3-space-md);margin: 0 auto;height: var(--w3-header-h);grid-template-columns: auto 1fr auto;max-width: var(--w3-container);display: grid}
.w3-brand {flex-direction: column;line-height: 1.1;display: flex}
.w3-brand-name {font-weight: 900;background: linear-gradient(135deg, var(--w3-primary), var(--w3-secondary));-webkit-background-clip: text;font-size: 1.5rem;background-clip: text;color: transparent}
.w3-brand-tag {text-transform: uppercase;color: var(--w3-text-muted);letter-spacing: .05em;font-size: .7rem}

.w3-menu-list {gap: .25rem;display: flex;align-items: center}
.w3-menu-link {border-radius: var(--w3-radius-sm);font-weight: 600;border: none;display: inline-flex;padding: .6rem .9rem;gap: .3rem;align-items: center;color: var(--w3-text-soft);cursor: pointer;background: transparent;font-size: .85rem}
.w3-menu-link:hover, .w3-menu-link.w3-active {color: var(--w3-primary);background: rgba(0,212,170,.08)}
.w3-has-dropdown { position: relative; }
.w3-caret { font-size: .6rem; }
.w3-dropdown-menu {border: 1px solid var(--w3-border);border-radius: var(--w3-radius-sm);left: 0;flex-direction: column;position: absolute;z-index: 50;box-shadow: var(--w3-shadow-lg);background: var(--w3-card);display: none;top: 100%;padding: .5rem;min-width: 220px}
.w3-has-dropdown.w3-dropdown-open .w3-dropdown-menu { display: flex; }
.w3-dropdown-link {color: var(--w3-text-soft);border-radius: var(--w3-radius-sm);padding: .6rem .75rem;font-size: .88rem}
.w3-dropdown-link:hover, .w3-dropdown-link.w3-active {color: var(--w3-primary);background: rgba(0,212,170,.1)}

.w3-nav-actions {gap: .6rem;align-items: center;display: flex}
.w3-nav-actions-desktop {gap: .6rem;display: flex}
.w3-btn-login-mobile {padding: .5rem 1rem;display: none}
.w3-burger {cursor: pointer;padding: .5rem;flex-direction: column;border: none;gap: 5px;background: none;display: none}
.w3-burger-bar {width: 22px;border-radius: 2px;height: 2px;background: var(--w3-text)}

.w3-drawer {position: fixed;z-index: 1100;visibility: hidden;inset: 0}
.w3-drawer.w3-drawer-open { visibility: visible; }
.w3-drawer-overlay {position: absolute;transition: opacity .25s ease;inset: 0;background: rgba(0,0,0,.6);opacity: 0}
.w3-drawer.w3-drawer-open .w3-drawer-overlay { opacity: 1; }
.w3-drawer-panel {border-left: 1px solid var(--w3-border);background: var(--w3-bg-alt);display: flex;right: 0;position: absolute;transition: transform .25s ease;overflow-y: auto;transform: translateX(100%);width: min(340px, 88vw);height: 100%;flex-direction: column;top: 0}
.w3-drawer.w3-drawer-open .w3-drawer-panel { transform: translateX(0); }
.w3-drawer-head {display: flex;padding: var(--w3-space-md);align-items: center;border-bottom: 1px solid var(--w3-border);justify-content: space-between}
.w3-drawer-title { font-weight: 800; }
.w3-drawer-close {background: none;color: var(--w3-text);border: none;cursor: pointer;font-size: 1.6rem;line-height: 1}
.w3-drawer-body {gap: var(--w3-space-md);flex-direction: column;padding: var(--w3-space-md);display: flex;flex: 1}
.w3-drawer-section h4 {text-transform: uppercase;font-size: .8rem;color: var(--w3-text-muted);margin-bottom: .5rem}
.w3-drawer-section {display: flex;flex-direction: column}
.w3-drawer-section a {padding: .55rem 0;color: var(--w3-text-soft);border-bottom: 1px solid rgba(255,255,255,.05)}
.w3-drawer-footer {gap: .6rem;flex-direction: column;padding: var(--w3-space-md);display: flex;border-top: 1px solid var(--w3-border)}

@media (max-width: 1023px) {
  .w3-menu { display: none; }
  .w3-nav-actions-desktop { display: none; }
  .w3-btn-login-mobile { display: inline-flex; }
  .w3-burger { display: flex; }
  .w3-nav-inner { grid-template-columns: auto auto; }
}
@media (min-width: 1024px) { .w3-drawer { display: none; } }


.w3-section { padding: var(--w3-space-2xl) 0; }
.w3-section-head {text-align: center;margin: 0 auto var(--w3-space-xl);max-width: 700px}
.w3-section-head p { font-size: 1.05rem; }
.w3-section-alt { background: rgba(255,255,255,.02); }


.w3-hero { padding: var(--w3-space-2xl) 0 var(--w3-space-xl); }
.w3-hero-grid {align-items: center;gap: var(--w3-space-xl);grid-template-columns: 1.3fr 1fr;display: grid}
.w3-hero-badges {gap: .5rem;flex-wrap: wrap;display: flex;margin-bottom: var(--w3-space-md)}
.w3-badge {font-size: .78rem;padding: .35rem .8rem;color: var(--w3-text-soft);border: 1px solid var(--w3-border);border-radius: 999px;background: var(--w3-card)}
.w3-hero-title { margin-bottom: var(--w3-space-md); }
.w3-accent { color: var(--w3-primary); }
.w3-hero-highlights {display: grid;margin: var(--w3-space-lg) 0;gap: .8rem}
.w3-highlight-item {align-items: flex-start;background: var(--w3-card);padding: .8rem 1rem;border: 1px solid var(--w3-border);display: flex;border-radius: var(--w3-radius-sm);gap: .8rem}
.w3-highlight-icon { font-size: 1.4rem; }
.w3-highlight-item strong {margin-bottom: .15rem;display: block}
.w3-highlight-item p {margin: 0;font-size: .85rem}
.w3-hero-actions {gap: .8rem;flex-wrap: wrap;margin: var(--w3-space-md) 0;display: flex}
.w3-hero-disclaimer {color: var(--w3-text-muted);font-size: .8rem}
.w3-hero-aside {justify-content: center;display: flex;align-items: center}
.w3-hero-aside img {border-radius: var(--w3-radius-lg);box-shadow: var(--w3-shadow-lg)}
@media (max-width: 900px) { .w3-hero-grid { grid-template-columns: 1fr; } .w3-hero-aside {margin: 0 auto;max-width: 220px;order: -1} }


.w3-card-grid {grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));display: grid;gap: var(--w3-space-lg)}
.w3-game-card {background: var(--w3-card);overflow: hidden;transition: transform .2s ease, box-shadow .2s ease;border: 1px solid var(--w3-border);border-radius: var(--w3-radius)}
.w3-game-card:hover {box-shadow: var(--w3-shadow-lg);transform: translateY(-4px)}
.w3-game-card-media { position: relative; }
.w3-game-card-media img {aspect-ratio: 1/1;width: 100%;object-fit: cover}
.w3-game-card-tag {border-radius: 999px;top: .7rem;font-weight: 800;position: absolute;right: .7rem;color: #05221b;font-size: .72rem;background: var(--w3-primary);padding: .25rem .6rem}
.w3-game-card-body { padding: var(--w3-space-md); }
.w3-game-card-list {flex-direction: column;display: flex;margin: .6rem 0;gap: .3rem}
.w3-game-card-list li {font-size: .85rem;color: var(--w3-text-soft)}
.w3-game-card-link { font-weight: 700; }


.w3-tabs-nav {flex-wrap: wrap;display: flex;margin-bottom: var(--w3-space-lg);justify-content: center;gap: .5rem}
.w3-tab-btn {padding: .7rem 1.3rem;border: 1px solid var(--w3-border);border-radius: 999px;font-weight: 700;color: var(--w3-text-soft);cursor: pointer;background: var(--w3-card)}
.w3-tab-btn.w3-active {background: linear-gradient(135deg, var(--w3-primary), var(--w3-secondary));color: #05221b;border-color: transparent}
.w3-tab-panel { display: none; }
.w3-tab-panel.w3-active { display: block; }
.w3-tab-panel-inner {align-items: center;border: 1px solid var(--w3-border);display: grid;padding: var(--w3-space-xl);background: var(--w3-card);grid-template-columns: 1.4fr 1fr;border-radius: var(--w3-radius);gap: var(--w3-space-xl)}
.w3-tab-list {display: flex;flex-direction: column;margin: var(--w3-space-sm) 0;gap: .5rem}
.w3-tab-list li {color: var(--w3-text-soft);font-size: .92rem}
.w3-tab-image img { border-radius: var(--w3-radius); }
@media (max-width: 900px) { .w3-tab-panel-inner { grid-template-columns: 1fr; } .w3-tab-image {max-width: 220px;order: -1;margin: 0 auto} }


.w3-rating-summary {align-items: center;font-size: .9rem;margin-top: .6rem;gap: .6rem;justify-content: center;color: var(--w3-text-soft);display: flex}
.w3-testimonial-grid {gap: var(--w3-space-lg);grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));display: grid}
.w3-testimonial-card {background: var(--w3-card);border: 1px solid var(--w3-border);padding: var(--w3-space-lg);border-radius: var(--w3-radius)}
.w3-testimonial-head {align-items: center;display: flex;justify-content: space-between;margin-bottom: .6rem}
.w3-testimonial-author {display: flex;gap: .2rem;flex-direction: column}
.w3-verified-badge {font-size: .72rem;color: var(--w3-primary)}
.w3-testimonial-meta {display: flex;justify-content: space-between;font-size: .78rem;margin-top: .8rem;flex-wrap: wrap;color: var(--w3-text-muted);gap: .4rem}


.w3-about-grid {align-items: start;gap: var(--w3-space-xl);grid-template-columns: 1.3fr 1fr;display: grid}
.w3-timeline {gap: var(--w3-space-md);margin-top: var(--w3-space-lg);grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));display: grid}
.w3-timeline-item {background: var(--w3-card);text-align: center;padding: var(--w3-space-md);border: 1px solid var(--w3-border);border-radius: var(--w3-radius-sm)}
.w3-timeline-item span { font-size: 1.4rem; }
.w3-stat-grid, .w3-transparency-grid {gap: var(--w3-space-md);display: grid;grid-template-columns: repeat(auto-fit, minmax(160px, 1fr))}
.w3-stat-item, .w3-transparency-item {background: var(--w3-card);padding: var(--w3-space-md);text-align: center;border: 1px solid var(--w3-border);border-radius: var(--w3-radius-sm)}
.w3-stat-item span:first-child, .w3-transparency-item span {font-size: 1.5rem;color: var(--w3-primary);display: block;font-weight: 900}
@media (max-width: 900px) { .w3-about-grid { grid-template-columns: 1fr; } }


.w3-cert-grid, .w3-trust-grid {grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));gap: var(--w3-space-lg);display: grid}
.w3-cert-card, .w3-trust-card {background: var(--w3-card);border: 1px solid var(--w3-border);padding: var(--w3-space-lg);border-radius: var(--w3-radius)}
.w3-cert-icon {display: block;margin-bottom: .5rem;font-size: 2rem}
.w3-transparency-box {border: 1px solid var(--w3-primary);border-radius: var(--w3-radius);margin-top: var(--w3-space-xl);padding: var(--w3-space-xl);background: var(--w3-card)}


.w3-featured-grid {gap: var(--w3-space-md);display: grid;grid-template-columns: repeat(auto-fit, minmax(160px, 1fr))}
.w3-featured-card {background: var(--w3-card);overflow: hidden;border: 1px solid var(--w3-border);border-radius: var(--w3-radius)}
.w3-featured-card img {aspect-ratio: 1/1;object-fit: cover}
.w3-featured-body { padding: .8rem; }
.w3-featured-body span {font-size: .78rem;display: block;color: var(--w3-text-muted)}
.w3-more-link {font-weight: 700;margin-top: var(--w3-space-lg);text-align: center;display: block}


.w3-faq-list {max-width: 820px;gap: .7rem;flex-direction: column;display: flex;margin: 0 auto}
.w3-faq-item {overflow: hidden;background: var(--w3-card);border: 1px solid var(--w3-border);border-radius: var(--w3-radius-sm)}
.w3-faq-question {display: flex;cursor: pointer;color: var(--w3-text);text-align: left;width: 100%;font-weight: 700;align-items: center;gap: 1rem;background: none;border: none;padding: 1rem 1.2rem;justify-content: space-between}
.w3-faq-toggle {font-size: 1.2rem;color: var(--w3-primary)}
.w3-faq-answer {overflow: hidden;transition: max-height .25s ease;max-height: 0;padding: 0 1.2rem}
.w3-faq-item.w3-active .w3-faq-answer {max-height: 800px;padding: 0 1.2rem 1.1rem}


.w3-responsible-grid {grid-template-columns: 1.4fr 1fr;display: grid;gap: var(--w3-space-xl)}
.w3-responsible-cards {margin: var(--w3-space-lg) 0;gap: var(--w3-space-md);display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr))}
.w3-responsible-card {border: 1px solid var(--w3-border);border-radius: var(--w3-radius-sm);background: var(--w3-card);padding: var(--w3-space-md)}
.w3-help-box, .w3-warning-box {background: var(--w3-card);padding: var(--w3-space-md);border-radius: var(--w3-radius-sm);border-left: 3px solid var(--w3-primary);margin-top: var(--w3-space-md)}
.w3-warning-box { border-left-color: var(--w3-accent); }
.w3-help-box ul, .w3-warning-box ul, .w3-check-list {flex-direction: column;display: flex;margin-top: .5rem;gap: .4rem}
.w3-check-list li {color: var(--w3-text-soft);font-size: .9rem}
.w3-responsible-aside {height: fit-content;border: 1px solid var(--w3-border);border-radius: var(--w3-radius);background: var(--w3-card);padding: var(--w3-space-lg)}
.w3-responsible-aside .w3-transparency-stats {margin-top: var(--w3-space-md);display: flex;flex-direction: column;gap: .5rem}
.w3-responsible-aside .w3-transparency-stats > div {display: flex;padding-bottom: .4rem;border-bottom: 1px solid var(--w3-border);font-size: .85rem;justify-content: space-between}
@media (max-width: 900px) { .w3-responsible-grid { grid-template-columns: 1fr; } }


.w3-cta {border-bottom: 1px solid var(--w3-border);border-top: 1px solid var(--w3-border);background: linear-gradient(135deg, rgba(0,212,170,.12), rgba(99,102,241,.12))}
.w3-cta-inner {padding: var(--w3-space-xl) 0;margin: 0 auto;max-width: 700px;text-align: center}
.w3-cta-actions {flex-wrap: wrap;gap: .8rem;margin: var(--w3-space-md) 0;justify-content: center;display: flex}
.w3-cta-note {color: var(--w3-text-muted);font-size: .85rem}


.w3-breadcrumb { padding: var(--w3-space-md) 0 0; }
.w3-breadcrumb-list {display: flex;gap: .4rem;align-items: center;font-size: .85rem;color: var(--w3-text-muted)}
.w3-breadcrumb-list a { color: var(--w3-text-muted); }
.w3-breadcrumb-list li:not(:last-child)::after {content: '/';color: var(--w3-text-muted);margin-left: .4rem}
.w3-breadcrumb-list li.w3-active { color: var(--w3-primary); }


.w3-content-layout {align-items: start;padding: var(--w3-space-xl) var(--w3-space-md) var(--w3-space-2xl);grid-template-columns: 2fr 1fr;gap: var(--w3-space-xl);margin: 0 auto;max-width: var(--w3-container);display: grid}
@media (max-width: 768px) { .w3-content-layout {padding-right: var(--w3-space-sm);padding-left: var(--w3-space-sm)} }
.w3-article-block { margin-bottom: var(--w3-space-xl); }
.w3-article-block h3 { margin-top: var(--w3-space-lg); }
.w3-article-image {margin: var(--w3-space-md) 0;text-align: center}
.w3-article-image img {max-width: 320px;margin: 0 auto;border-radius: var(--w3-radius)}
.w3-caption {color: var(--w3-text-muted);font-style: italic;margin-top: .4rem;font-size: .85rem}
.w3-check-list.w3-article-list li { padding-left: 0; }
.w3-inline-cta { margin: var(--w3-space-md) 0; }
.w3-sidebar {flex-direction: column;position: sticky;display: flex;gap: var(--w3-space-md);top: calc(var(--w3-header-h) + var(--w3-space-md))}
.w3-sidebar-block {border: 1px solid var(--w3-border);background: var(--w3-card);border-radius: var(--w3-radius);padding: var(--w3-space-md)}
.w3-sidebar-block h3 { font-size: 1.1rem; }
@media (max-width: 950px) { .w3-content-layout { grid-template-columns: 1fr; } .w3-sidebar { position: static; } }


.w3-footer {padding: var(--w3-space-2xl) 0 var(--w3-space-lg);margin-top: var(--w3-space-2xl);background: rgba(0,0,0,.2);border-top: 1px solid var(--w3-border)}
.w3-footer-grid {gap: var(--w3-space-lg);display: grid;grid-template-columns: 1.5fr repeat(4, 1fr)}
.w3-footer-col h4 {margin-bottom: var(--w3-space-sm);font-size: .95rem}
.w3-footer-col ul {gap: .5rem;flex-direction: column;display: flex}
.w3-footer-col a {font-size: .88rem;color: var(--w3-text-soft)}
.w3-footer-brand img { margin-bottom: .8rem; }
.w3-footer-desc { font-size: .85rem; }
.w3-footer-social {gap: 1rem;display: flex}
.w3-footer-bottom {padding-top: var(--w3-space-lg);border-top: 1px solid var(--w3-border);margin-top: var(--w3-space-xl);gap: var(--w3-space-md);flex-direction: column;display: flex}
.w3-payment-row {align-items: center;font-size: .85rem;flex-wrap: wrap;gap: .8rem;color: var(--w3-text-muted);display: flex}
.w3-payment-chips {display: flex;gap: .5rem;flex-wrap: wrap}
.w3-payment-chip {padding: .3rem .7rem;font-size: .78rem;border: 1px solid var(--w3-border);border-radius: var(--w3-radius-sm);background: var(--w3-card)}
.w3-copyright {color: var(--w3-text-muted);font-size: .8rem}
.w3-legal-note { font-size: .78rem; }
@media (max-width: 900px) { .w3-footer-grid { grid-template-columns: repeat(2, 1fr); } }


.w3-page-head {text-align: center;padding: var(--w3-space-2xl) 0 var(--w3-space-md)}
.w3-page-body { padding-bottom: var(--w3-space-2xl); }
.w3-rich {max-width: 820px;margin: 0 auto}
.w3-rich h2 {font-size: 1.4rem;margin-top: var(--w3-space-lg)}
.w3-rich p { margin-bottom: var(--w3-space-sm); }
.w3-eyebrow {color: var(--w3-primary);letter-spacing: .08em;font-size: .78rem;margin-bottom: .4rem;text-transform: uppercase}


.sf-related-articles{padding:clamp(18px,3vw,28px);background:rgba(255,255,255,.06);max-width:1120px;border:1px solid rgba(148,163,184,.24);margin:clamp(28px,5vw,56px) auto;border-radius:24px;box-shadow:0 16px 45px rgba(15,23,42,.08)}
.sf-related-articles h2{margin:0 0 8px;line-height:1.2;font-size:clamp(1.35rem,2.5vw,2rem)}
.sf-related-articles>p{line-height:1.65;margin:0 0 18px;opacity:.78}
.sf-related-articles__list{gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid;list-style:none;padding:0;margin:0}
.sf-related-articles__item{padding:0;margin:0;list-style:none}
.sf-related-articles__link{display:flex;background:rgba(255,255,255,.08);padding:16px;transition:transform .18s ease,border-color .18s ease,background .18s ease;text-decoration:none;border-radius:18px;min-height:100%;color:inherit;gap:7px;flex-direction:column;border:1px solid rgba(148,163,184,.18)}
.sf-related-articles__link:hover{transform:translateY(-2px);border-color:rgba(59,130,246,.45);background:rgba(255,255,255,.13)}
.sf-related-articles__type{font-weight:700;padding:3px 9px;width:max-content;color:inherit;opacity:.88;letter-spacing:.04em;text-transform:uppercase;border-radius:999px;font-size:.72rem;background:rgba(59,130,246,.14)}
.sf-related-articles strong{font-size:1rem;line-height:1.35}
.sf-related-articles small{opacity:.72;line-height:1.45;font-size:.88rem}
@media(max-width:640px){.sf-related-articles{border-radius:18px;padding:16px;margin:28px 12px}.sf-related-articles__list{grid-template-columns:1fr}.sf-related-articles__link{padding:14px}}
