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

:root {--bb-danger: rgb(230,57,70);--bb-primary: rgb(26,26,46);--bb-gold: rgb(244,162,97);--bb-success: #2a9d8f;--bb-secondary: rgba(22,33,62,1);--bb-text: #f1faee;--bb-text-muted: #a8dadc;--bb-blue: #2196F3;--bb-accent: rgba(15,52,96,1);--bb-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);--bb-shadow: 0 4px 12px rgba(0,0,0,0.3);--bb-gold-light: rgb(233,196,106);--bb-border: rgba(244, 162, 97, 0.2)}

.bb-body {-webkit-font-smoothing: antialiased;font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;min-height: 100vh;color: var(--bb-text);font-size: 16px;line-height: 1.6;background: linear-gradient(135deg, var(--bb-primary) 0%, var(--bb-secondary) 100%);outline-offset:0;user-select:auto;pointer-events:auto;visibility:visible}

.bb-main img {display: block;height: auto;max-width: 100%}
.bb-body a {transition: var(--bb-transition);text-decoration: none;color: var(--bb-gold)}
.bb-body a:hover { color: var(--bb-gold-light); }

.bb-body a.bb-btn--primary,
.bb-body a.bb-btn--primary:hover { color: var(--bb-primary); }
.bb-body a.bb-btn--outline { color: var(--bb-gold); }
.bb-body a.bb-btn--outline:hover { color: var(--bb-primary); }
.bb-body a.bb-btn--cta,
.bb-body a.bb-btn--cta:hover { color: var(--bb-gold); }
.bb-body strong {font-weight: 600;color: var(--bb-gold)}


.bb-container {max-width: 1200px;padding: 0 20px;margin: 0 auto;width: 100%}


.bb-header {background: rgba(26, 26, 46, 0.95);position: sticky;border-bottom: 1px solid var(--bb-border);top: 0;backdrop-filter: blur(10px);padding: 16px 0;z-index: 1000}

.bb-header-row {gap: 20px;justify-content: space-between;align-items: center;display: flex}

.bb-logo {display: flex;color: var(--bb-gold);align-items: center;gap: 10px;font-weight: 700;font-size: 24px}

.bb-logo-img {width: 50px;height: 50px;border-radius: 8px}


.bb-nav-links {justify-content: center;align-items: center;gap: 32px;display: flex;flex: 1}

.bb-nav-item { position: relative; }

.bb-nav-link {padding: 8px 16px;transition: var(--bb-transition);display: block;color: var(--bb-text);border-radius: 6px;font-size: 15px;font-weight: 500}

.bb-nav-link:hover {background: rgba(244, 162, 97, 0.1);color: var(--bb-gold)}
.bb-nav-link--current {color: var(--bb-gold);background: rgba(244, 162, 97, 0.12)}

.bb-nav-item--dropdown { position: relative; }

.bb-nav-item--dropdown > .bb-nav-link {display: inline-flex;align-items: center;gap: 6px}

.bb-nav-item--dropdown > .bb-nav-link::after {border-right: 5px solid transparent;transition: var(--bb-transition);height: 0;width: 0;display: inline-block;margin-top: 2px;border-top: 6px solid currentColor;border-left: 5px solid transparent;content: ''}

.bb-nav-item--dropdown:hover > .bb-nav-link::after { border-top-color: var(--bb-gold); }

.bb-dropdown-menu {padding: 8px;background: rgba(15, 52, 96, 0.98);transition: var(--bb-transition);transform: translateY(-10px);min-width: 200px;visibility: hidden;left: 0;border: 1px solid var(--bb-border);border-radius: 8px;margin-top: 8px;position: absolute;box-shadow: 0 8px 24px rgba(0,0,0,0.4);opacity: 0;top: 100%}

.bb-nav-item--dropdown:hover .bb-dropdown-menu {transform: translateY(0);opacity: 1;visibility: visible}

.bb-dropdown-link {transition: var(--bb-transition);color: var(--bb-text-muted);padding: 10px 16px;display: block;font-size: 14px;border-radius: 6px}

.bb-dropdown-link:hover {background: rgba(244, 162, 97, 0.1);color: var(--bb-gold)}


.bb-menu-toggle {padding: 8px;z-index: 1001;gap: 4px;border-radius: 6px;border: 1px solid var(--bb-border);display: none;flex-direction: column;background: rgba(244, 162, 97, 0.1);cursor: pointer}

.bb-menu-toggle span {height: 3px;background: var(--bb-gold);transition: var(--bb-transition);width: 24px;border-radius: 2px}

.bb-menu-toggle:hover { background: rgba(244, 162, 97, 0.2); }

.bb-nav-actions {display: flex;gap: 12px}


.bb-btn {padding: 12px 24px;border-radius: 8px;cursor: pointer;text-align: center;font-weight: 600;transition: var(--bb-transition);display: inline-block;border: none;font-size: 14px}

.bb-btn--primary {color: var(--bb-primary);background: var(--bb-gold)}
.bb-btn--primary:hover {background: var(--bb-gold-light);box-shadow: 0 6px 20px rgba(244, 162, 97, 0.4);transform: translateY(-2px)}

.bb-btn--outline {color: var(--bb-gold);border: 2px solid var(--bb-gold);background: transparent}
.bb-btn--outline:hover {background: var(--bb-gold);color: var(--bb-primary)}

.bb-btn--large {padding: 16px 32px;font-size: 18px}
.bb-btn--cta {font-size: 20px;padding: 18px 48px;background: var(--bb-primary);color: var(--bb-gold)}
.bb-btn--cta:hover { background: #0f0f1e; }


.bb-hero {padding: 60px 0;margin-top: 20px}

.bb-hero-card {border: 1px solid var(--bb-border);background: rgba(15, 52, 96, 0.4);border-radius: 16px;padding: 48px;box-shadow: var(--bb-shadow)}

.bb-hero-grid {display: grid;grid-template-columns: 1fr 1fr;gap: 48px;align-items: center}

.bb-hero-content { display: contents; }

.bb-hero-content h1 {grid-column: 1;color: var(--bb-text);margin-bottom: 20px;font-size: 42px;grid-row: 1;line-height: 1.2}

.bb-hero-content h1 .bb-hero-highlight {display: block;color: var(--bb-gold)}

.bb-hero-lead {color: var(--bb-text-muted);line-height: 1.7;font-size: 18px;margin-bottom: 24px;grid-column: 1}

.bb-hero-stats {gap: 20px;grid-template-columns: repeat(3, 1fr);display: grid;grid-column: 1;margin: 32px 0}

.bb-stat-item {padding: 16px;border-radius: 8px;text-align: center;border: 1px solid var(--bb-border);background: rgba(244, 162, 97, 0.1)}

.bb-stat-number {font-size: 28px;margin-bottom: 4px;display: block;color: var(--bb-gold);font-weight: 700}
.bb-stat-label {font-size: 12px;letter-spacing: 0.5px;color: var(--bb-text-muted);text-transform: uppercase}

.bb-hero-content > .bb-btn,
.bb-hero-content > .bb-trust-badges { grid-column: 1; }

.bb-hero-image {position: relative;grid-row: 1 / span 6;grid-column: 2;align-self: center}

.bb-hero-image img {box-shadow: 0 20px 60px rgba(0,0,0,0.4);border-radius: 12px}


.bb-trust-badges {flex-wrap: wrap;gap: 16px;display: flex;margin-top: 24px}

.bb-trust-badge {font-size: 13px;border: 1px solid var(--bb-success);color: var(--bb-text);align-items: center;display: flex;gap: 8px;padding: 8px 16px;border-radius: 20px;background: rgba(42, 157, 143, 0.2)}

.bb-trust-badge-icon { font-size: 16px; }


.bb-section { padding: 80px 0; }
.bb-section--alt { background: rgba(15, 52, 96, 0.2); }
.bb-section--teal {border-top: 2px solid rgba(42, 157, 143, 0.3);background: linear-gradient(135deg, rgba(42, 157, 143, 0.05) 0%, rgba(33, 150, 243, 0.05) 100%)}
.bb-section--blue {background: rgba(33, 150, 243, 0.05);border-top: 1px solid rgba(33, 150, 243, 0.3)}
.bb-section--danger {border-top: 2px solid var(--bb-danger);border-bottom: 2px solid var(--bb-danger);background: rgba(230, 57, 70, 0.1)}

.bb-section-header {max-width: 800px;text-align: center;margin: 0 auto 48px}
.bb-section-title {font-size: 36px;margin-bottom: 16px;color: var(--bb-text)}
.bb-section-subtitle {color: var(--bb-text-muted);font-size: 16px}
.bb-section-meta {font-size: 12px;color: var(--bb-gold);margin-top: 8px;display: inline-block;background: rgba(244, 162, 97, 0.1);padding: 4px 12px;border-radius: 12px}
.bb-section-image {text-align: center;margin: 0 auto 32px;max-width: 800px}
.bb-section-image img {margin: 0 auto;border-radius: 12px;max-width: 100%;box-shadow: 0 4px 20px rgba(0,0,0,0.3);height: auto;display: block}


.bb-grid {gap: 24px;grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));display: grid}
.bb-grid--2 { grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); }
.bb-grid--3 { grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); }
.bb-grid--4 { grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); }
.bb-grid--6 { grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); }

.bb-feature-card {padding: 32px;border: 1px solid var(--bb-border);background: rgba(15, 52, 96, 0.3);border-radius: 12px;transition: var(--bb-transition)}
.bb-feature-card:hover {box-shadow: 0 12px 32px rgba(244, 162, 97, 0.2);border-color: var(--bb-gold);transform: translateY(-4px)}
.bb-feature-card--blue { border-color: var(--bb-blue); }
.bb-feature-card--success {border-color: var(--bb-success);background: rgba(42, 157, 143, 0.08)}
.bb-feature-card--danger { border-color: var(--bb-danger); }

.bb-text-blue { color: var(--bb-blue); }
.bb-text-success { color: var(--bb-success); }
.bb-text-danger { color: var(--bb-danger); }

.bb-feature-icon {display: block;font-size: 48px;margin-bottom: 20px}

.bb-feature-card h3 {margin-bottom: 12px;color: var(--bb-gold);font-size: 20px}
.bb-feature-card p {margin-bottom: 16px;font-size: 14px;line-height: 1.6;color: var(--bb-text-muted)}

.bb-feature-list,
.bb-steps-plain,
.bb-author-creds { list-style: none; }

.bb-feature-list li {color: var(--bb-text);font-size: 14px;display: flex;align-items: flex-start;padding: 8px 0;gap: 8px}
.bb-feature-list li::before {font-weight: bold;color: var(--bb-success);flex-shrink: 0;content: "✓"}

.bb-steps-plain li {color: var(--bb-text-muted);border-bottom: 1px solid rgba(255,255,255,0.05);font-size: 14px;padding: 8px 0}
.bb-steps-plain li:last-child { border-bottom: none; }


.bb-step-card {border: 1px solid var(--bb-border);border-radius: 12px;padding: 24px;text-align: center;background: rgba(15, 52, 96, 0.3)}
.bb-step-number {border-radius: 50%;width: 60px;font-size: 28px;justify-content: center;height: 60px;display: flex;font-weight: 700;color: var(--bb-primary);margin: 0 auto 20px;background: var(--bb-gold);align-items: center}
.bb-step-title {color: var(--bb-gold);font-size: 18px;margin-bottom: 12px}
.bb-step-desc {color: var(--bb-text-muted);font-size: 14px}


.bb-table-wrap {border-radius: 12px;border: 1px solid var(--bb-border);background: rgba(15, 52, 96, 0.3);overflow-x: auto}
.bb-table-wrap table {border-collapse: collapse;width: 100%}
.bb-table-wrap thead { background: rgba(244, 162, 97, 0.1); }
.bb-table-wrap th {font-weight: 600;font-size: 14px;color: var(--bb-gold);border-bottom: 2px solid var(--bb-border);padding: 16px;text-align: left}
.bb-table-wrap td {padding: 16px;border-bottom: 1px solid rgba(244, 162, 97, 0.1);color: var(--bb-text);font-size: 14px}
.bb-table-wrap tbody tr:hover { background: rgba(244, 162, 97, 0.05); }
.bb-ok { color: var(--bb-text-muted); }
.bb-gold { color: var(--bb-gold); }


.bb-faq-list {margin: 0 auto;max-width: 900px}

.bb-faq-item {border: 1px solid var(--bb-border);border-radius: 12px;overflow: hidden;margin-bottom: 16px;background: rgba(15, 52, 96, 0.3)}

.bb-faq-question {transition: var(--bb-transition);cursor: pointer;gap: 16px;justify-content: space-between;display: flex;padding: 24px;align-items: center}
.bb-faq-question:hover { background: rgba(244, 162, 97, 0.05); }

.bb-faq-question-text {font-weight: 600;font-size: 18px;color: var(--bb-text)}
.bb-faq-toggle-icon {transition: var(--bb-transition);font-size: 24px;color: var(--bb-gold)}

.bb-faq-answer {padding: 0 24px 24px;display: none;line-height: 1.8;color: var(--bb-text-muted)}
.bb-faq-item--active .bb-faq-answer { display: block; }

.bb-faq-answer ul, .bb-faq-answer ol {margin: 8px 0;padding-left: 20px}
.bb-faq-answer p { margin-bottom: 8px; }
.bb-faq-image { margin: 12px 0; }
.bb-faq-image img { border-radius: 8px; }

.bb-note {font-size: 14px;border-radius: 4px;padding: 16px;background: rgba(42, 157, 143, 0.1);color: var(--bb-text-muted);margin-top: 16px;border-left: 3px solid var(--bb-success)}
.bb-note strong { color: var(--bb-success); }
.bb-note--box {text-align: center;padding: 24px;background: rgba(0,0,0,0.3);max-width: 800px;margin: 32px auto 0;border-radius: 12px}


.bb-win-card {padding: 24px;background: linear-gradient(135deg, rgba(244, 162, 97, 0.1) 0%, rgba(42, 157, 143, 0.1) 100%);border: 1px solid var(--bb-border);border-radius: 12px;gap: 16px;display: flex;flex-direction: column}
.bb-win-card-head {display: flex;align-items: flex-start;justify-content: space-between}
.bb-win-card-user h4 {font-size: 18px;margin-bottom: 4px;color: var(--bb-gold)}
.bb-win-card-date {color: var(--bb-text-muted);font-size: 12px}
.bb-win-card-badge {font-size: 12px;border-radius: 20px;background: var(--bb-success);font-weight: 600;padding: 6px 12px;color: white}
.bb-win-card-amount {font-weight: 700;font-size: 36px;color: var(--bb-gold)}
.bb-win-card-meta {font-size: 14px;color: var(--bb-text-muted)}
.bb-win-card-quote {padding: 12px;font-size: 14px;border-radius: 8px;color: var(--bb-text-muted);font-style: italic;background: rgba(0,0,0,0.2)}


.bb-stat-item--big { padding: 32px; }
.bb-stat-item--big .bb-stat-number { font-size: 36px; }
.bb-stat-item--big .bb-stat-label { font-size: 14px; }


.bb-author-card {display: flex;flex-direction: column}
.bb-author-head {align-items: center;margin-bottom: 16px;gap: 16px;display: flex}
.bb-author-avatar {height: 80px;border-radius: 50%;justify-content: center;display: flex;font-weight: bold;color: white;font-size: 32px;width: 80px;flex-shrink: 0;align-items: center}
.bb-author-avatar--success {background: var(--bb-success);border: 3px solid var(--bb-success)}
.bb-author-avatar--blue {background: var(--bb-blue);border: 3px solid var(--bb-blue)}
.bb-author-name {font-size: 20px;margin: 0}
.bb-author-name--success { color: var(--bb-success); }
.bb-author-name--blue { color: var(--bb-blue); }
.bb-author-role {color: var(--bb-text-muted);font-size: 14px;margin: 4px 0 0 0}
.bb-author-bio {color: var(--bb-text-muted);margin: 16px 0;font-size: 14px;line-height: 1.7}
.bb-author-sub {font-weight: 600;font-size: 14px;color: var(--bb-text);margin-bottom: 8px}
.bb-author-creds li {color: var(--bb-text-muted);padding: 4px 0;font-size: 13px}


.bb-callout {text-align: center;padding: 20px;line-height: 1.8;border-radius: 12px;margin: 32px auto;color: var(--bb-text);font-size: 15px;background: rgba(0,0,0,0.3);max-width: 900px}
.bb-callout--blue { border: 1px solid rgba(33, 150, 243, 0.3); }
.bb-callout strong { color: var(--bb-blue); }

.bb-help-box {color: var(--bb-text);padding: 12px;background: rgba(230, 57, 70, 0.2);margin-top: 16px;font-size: 14px;border-radius: 8px}


.bb-cta-final {color: var(--bb-primary);background: linear-gradient(135deg, var(--bb-gold) 0%, var(--bb-gold-light) 100%);padding: 80px 0;text-align: center}
.bb-cta-final h2 {font-size: 36px;margin-bottom: 16px}
.bb-cta-final p {opacity: 0.9;font-size: 18px;margin-bottom: 32px}


.bb-footer {background: rgba(15, 52, 96, 0.5);margin-top: 80px;padding: 48px 0 24px;border-top: 1px solid var(--bb-border)}
.bb-footer-grid {grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 32px;margin-bottom: 32px;display: grid}
.bb-footer-col h3 {margin-bottom: 16px;font-size: 18px;color: var(--bb-gold)}
.bb-footer-about {color: var(--bb-text-muted);line-height: 1.6;font-size: 14px}
.bb-footer-list { list-style: none; }
.bb-footer-list li { margin-bottom: 8px; }
.bb-footer-list a {font-size: 14px;color: var(--bb-text-muted)}
.bb-trust-badges--footer { margin-top: 16px; }
.bb-trust-badges--footer .bb-trust-badge {font-size: 11px;padding: 6px 12px}
.bb-footer-bottom {border-top: 1px solid var(--bb-border);padding-top: 24px;color: var(--bb-text-muted);font-size: 14px;text-align: center}
.bb-footer-notice {font-size: 13px;border-radius: 6px;padding: 14px;border-left: 3px solid var(--bb-success);max-width: 800px;background: rgba(42, 157, 143, 0.1);margin: 0 auto 20px}
.bb-footer-license {margin-top: 8px;font-size: 12px}
.bb-footer-responsible {display: inline-block;margin-top: 8px;color: var(--bb-blue);text-decoration: underline}


.sf-sticky-cta {gap: 12px;position: fixed;border-top: 2px solid var(--bb-gold);width: min(100%, 1200px);bottom: 0;display: flex;box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.4);margin: 0 auto;justify-content: space-between;right: 0;padding: 12px 16px calc(12px + env(safe-area-inset-bottom, 0px));left: 0;z-index: 999999;background: rgba(15, 52, 96, 0.98);align-items: center}
.sf-sticky-cta__meta {line-height: 1.3;display: flex;min-width: 0;flex-direction: column}
.sf-sticky-cta__meta strong {color: var(--bb-gold);font-size: 0.95rem}
.sf-sticky-cta__meta span {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;color: var(--bb-text-muted);font-size: 0.75rem}
.sf-sticky-cta__button {flex-shrink: 0;background: var(--bb-gold);border-radius: 999px;font-weight: 800;font-size: 0.9rem;padding: 12px 22px;white-space: nowrap;color: var(--bb-primary)}
@media (max-width: 480px) {
    .sf-sticky-cta {padding: 10px 12px;gap: 8px}
    .sf-sticky-cta__meta span { display: none; }
    .sf-sticky-cta__button {padding: 9px 16px;font-size: 0.85rem}
}


@media (max-width: 968px) {
    :root { --bb-mobile-header-h: 80px; }
    .bb-header {overflow: visible;z-index: 1200}
    body.menu-open .bb-header { background: rgba(26, 26, 46, 1); }
    body.menu-open { overflow: hidden; }
    body.menu-open .bb-nav-actions { display: none; }
    .bb-nav-links { display: none; }
    .bb-nav-item--dropdown > .bb-nav-link::after { display: none; }

    .bb-header-row {z-index: 1301;flex-wrap: nowrap;gap: 8px;position: relative;align-items: center;justify-content: space-between}
    .bb-logo {flex-shrink: 0;position: relative;font-size: 18px;z-index: 1302}
    .bb-menu-toggle {display: flex;position: relative;order: 3;z-index: 1302;flex-shrink: 0}
    .bb-nav-actions {z-index: 1302;flex-shrink: 0;margin-right: 8px;margin-left: auto;gap: 6px;order: 2;position: relative}
    .bb-nav-actions .bb-btn {font-size: 12px;padding: 8px 12px;white-space: nowrap}

    .bb-nav-links.bb-nav-links--open {border-bottom: none;bottom: 0;position: fixed;box-shadow: none;flex-direction: column;top: var(--bb-mobile-header-h);backdrop-filter: blur(10px);right: 0;gap: 0;z-index: 1100;overscroll-behavior: contain;overflow-x: hidden;left: 0;height: calc(100dvh - var(--bb-mobile-header-h));background: rgba(15, 52, 96, 0.98);display: flex;-webkit-overflow-scrolling: touch;touch-action: pan-y;align-items: stretch;padding: 20px;justify-content: flex-start;overflow-y: auto;max-height: calc(100dvh - var(--bb-mobile-header-h));width: 100%;flex: none}

    .bb-menu-toggle--active span:nth-child(1) { transform: rotate(45deg) translate(5px, 5px); }
    .bb-menu-toggle--active span:nth-child(2) { opacity: 0; }
    .bb-menu-toggle--active span:nth-child(3) { transform: rotate(-45deg) translate(6px, -6px); }

    .bb-nav-links--open .bb-nav-item { width: 100%; }
    .bb-nav-links--open .bb-nav-link {padding: 12px 16px;width: 100%}
    .bb-nav-links--open .bb-dropdown-menu {position: static;margin-top: 8px;visibility: visible;margin-left: 16px;opacity: 1;transform: none}

    .bb-logo-img {width: 40px;height: 40px}
}

@media (max-width: 768px) {
    .bb-hero-grid {grid-template-columns: 1fr;gap: 24px}
    .bb-hero-content {flex-direction: column;display: flex}
    .bb-hero-content h1,
    .bb-hero-image,
    .bb-hero-lead,
    .bb-hero-stats,
    .bb-hero-content > .bb-btn,
    .bb-hero-content > .bb-trust-badges {grid-row: auto;grid-column: auto}
    .bb-hero-image { margin: 8px 0 16px; }
    .bb-hero-stats { grid-template-columns: 1fr; }
    .bb-hero-content h1 { font-size: 32px; }
    .bb-grid { grid-template-columns: 1fr; }
    .bb-hero-card { padding: 24px; }
    .bb-section { padding: 40px 0; }
    .bb-cta-final { padding: 40px 0; }
}

@media (max-width: 480px) {
    :root { --bb-mobile-header-h: 64px; }
    .bb-header-row { gap: 6px; }
    .bb-logo { font-size: 16px; }
    .bb-logo-img {height: 36px;width: 36px}
    .bb-nav-actions {gap: 4px;margin-right: 6px}
    .bb-nav-actions .bb-btn {padding: 6px 10px;font-size: 11px}
    .bb-menu-toggle { padding: 6px; }
    .bb-menu-toggle span {height: 2.5px;width: 20px}
    .bb-header { padding: 10px 0; }
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {animation-iteration-count: 1 !important;transition-duration: 0.01ms !important;animation-duration: 0.01ms !important}
}


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