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


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

:root {--w3-text: #ffffff;--w3-card: rgba(26,36,66,1);--w3-font: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;--w3-bg: #0a0e27;--w3-space-lg: 2rem;--w3-radius: 16px;--w3-glow: 0 0 20px rgba(0,212,170,.3);--w3-space-sm: 1rem;--w3-border: #2d3a5f;--w3-secondary: #6366f1;--w3-accent: #fbbf24;--w3-header-h: 80px;--w3-primary: #00d4aa;--w3-text-soft: #cbd5e1;--w3-space-md: 1.5rem;--w3-radius-lg: 24px;--w3-text-muted: rgba(148,163,184,1);--w3-card-hover: rgba(33,45,82,1);--w3-shadow-lg: 0 8px 32px rgba(0,0,0,.4);--w3-space-xs: .5rem;--w3-container: 1280px;--w3-space-2xl: 4rem;--w3-space-xl: 3rem;--w3-primary-light: rgba(51,222,184,1);--w3-shadow-md: 0 4px 16px rgba(0,0,0,.3);--w3-shadow-sm: 0 2px 8px rgba(0,0,0,.2);--w3-bg-alt: rgba(20,27,58,1);--w3-radius-sm: 8px;--w3-primary-dark: rgba(0,184,144,1)}

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

body {background: linear-gradient(135deg, var(--w3-bg) 0%, var(--w3-bg-alt) 100%);padding-top: var(--w3-header-h);line-height: 1.6;background-attachment: fixed;font-family: var(--w3-font);overflow-x: hidden;min-height: 100vh;color: var(--w3-text)}
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 {color: var(--w3-text-soft);margin-bottom: var(--w3-space-sm)}
a {text-decoration: none;color: var(--w3-primary);transition: color .15s ease-in-out}
a:hover { color: var(--w3-primary-light); }
img {display: block;height: auto;max-width: 100%}
ul { list-style: none; }

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


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

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

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

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

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


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


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


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


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


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


.w3-featured-grid {grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));display: grid;gap: var(--w3-space-md)}
.w3-featured-card {border: 1px solid var(--w3-border);background: var(--w3-card);overflow: hidden;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 {color: var(--w3-text-muted);font-size: .78rem;display: block}
.w3-more-link {display: block;font-weight: 700;margin-top: var(--w3-space-lg);text-align: center}


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


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


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


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


.w3-content-layout {padding: var(--w3-space-xl) var(--w3-space-md) var(--w3-space-2xl);max-width: var(--w3-container);align-items: start;display: grid;grid-template-columns: 2fr 1fr;gap: var(--w3-space-xl);margin: 0 auto}
@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 {text-align: center;margin: var(--w3-space-md) 0}
.w3-article-image img {max-width: 320px;margin: 0 auto;border-radius: var(--w3-radius)}
.w3-caption {font-style: italic;color: var(--w3-text-muted);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 {top: calc(var(--w3-header-h) + var(--w3-space-md));position: sticky;gap: var(--w3-space-md);display: flex;flex-direction: column}
.w3-sidebar-block {border: 1px solid var(--w3-border);background: var(--w3-card);padding: var(--w3-space-md);border-radius: var(--w3-radius)}
.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);border-top: 1px solid var(--w3-border);background: rgba(0,0,0,.2)}
.w3-footer-grid {display: grid;gap: var(--w3-space-lg);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;display: flex;flex-direction: column}
.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 {flex-direction: column;border-top: 1px solid var(--w3-border);margin-top: var(--w3-space-xl);padding-top: var(--w3-space-lg);gap: var(--w3-space-md);display: flex}
.w3-payment-row {display: flex;flex-wrap: wrap;gap: .8rem;font-size: .85rem;color: var(--w3-text-muted);align-items: center}
.w3-payment-chips {flex-wrap: wrap;display: flex;gap: .5rem}
.w3-payment-chip {font-size: .78rem;border: 1px solid var(--w3-border);border-radius: var(--w3-radius-sm);padding: .3rem .7rem;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 {padding: var(--w3-space-2xl) 0 var(--w3-space-md);text-align: center}
.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 {margin-bottom: .4rem;text-transform: uppercase;font-size: .78rem;color: var(--w3-primary);letter-spacing: .08em}


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