/* ==========================================================================
   900betmm theme — merged stylesheet
   Ported from styles-new.css + inner-page-new.css + overrides.css
   All classes prefixed bm- (faithful structural/visual port, dark theme)
   ========================================================================== */

:root {--bottom-container: #00d4aa;--nav__area: rgba(0,184,144,1);--wide-holder: #33deb8;--container-page: #141b3a;--zone__container: 24px;--foot-center-container: 8px;--flex__lead: 16px;--wrap__group: #fbbf24;--site-band-info: 0 16px 40px rgba(0, 0, 0, 0.45);--area-list-slot: rgba(203,213,225,1);--region__note: linear-gradient(135deg, var(--bottom-container) 0%, var(--section-area) 100%);--zone__feature: rgb(255,255,255);--box-narrow: 0 8px 24px rgba(0, 0, 0, 0.35);--foot__holder: #1a2442;--region-band: #212d52;--header-title: #2d3a5f;--hero__btn: #0a0e27;--content__holder: #94a3b8;--section-area: #6366f1}

* { box-sizing: border-box; }
html {overflow-x: hidden;scroll-behavior: smooth}
body.tier__cell {font-family: 'Segoe UI', Roboto, -apple-system, BlinkMacSystemFont, sans-serif;line-height: 1.6;margin: 0;color: var(--zone__feature);overflow-x: hidden;background: var(--hero__btn);isolation:auto;visibility:visible}
img {display: block;height: auto;max-width: 100%}
a {text-decoration: none;color: inherit}
ul {margin: 0;list-style: none;padding: 0}
h1, h2, h3, h4 {font-weight: 700;margin: 0 0 0.5em}
p {margin: 0 0 1em;color: var(--area-list-slot)}

.wrap__area {padding: 0 24px;max-width: 1200px;margin: 0 auto}
.header-secondary {font-size: 2rem;color: var(--zone__feature);margin-bottom: 8px;text-align: center}
.segment__link {margin-bottom: 32px;text-align: center;color: var(--content__holder)}
.region-bar-banner {font-size: 0.8rem;color: var(--bottom-container);text-transform: uppercase;font-weight: 600;letter-spacing: 0.08em}
.sec-lead { color: var(--area-list-slot); }
.sec-lead h2, .sec-lead h3 { color: var(--zone__feature); }

/* Buttons */
.zone-box {font-size: 0.95rem;border-radius: var(--foot-center-container);border: 2px solid transparent;transition: all 0.2s ease;font-weight: 600;padding: 12px 28px;align-items: center;justify-content: center;display: inline-flex;cursor: pointer}
.site__link {color: #fff;background: var(--region__note)}
.site__link:hover {box-shadow: var(--box-narrow);transform: translateY(-2px)}
.bar-lead {background: transparent;color: var(--bottom-container);border-color: var(--bottom-container)}
.bar-lead:hover { background: rgba(0, 212, 170, 0.1); }
.panel-head {color: #06210f;background: var(--bottom-container)}
.site-bar {border-color: var(--header-title);color: var(--zone__feature);background: var(--foot__holder)}
.row-left {color: #221a02;background: var(--wrap__group)}
.slot-body {color: #221a02;background: var(--wrap__group);padding: 8px 18px;font-size: 0.85rem}
.col__desc {font-size: 1.1rem;padding: 16px 36px}
.block__meta {font-size: 0.85rem;padding: 8px 18px}
.zone-item-meta { width: 100%; }

/* Header / Nav */
.block-head {border-bottom: 1px solid var(--header-title);background: rgba(10, 14, 39, 0.95);top: 0;backdrop-filter: blur(10px);position: sticky;z-index: 100}
.area-grid { width: 100%; }
.dark-entry { display: block; }
.panel-head-btn {max-width: 1200px;justify-content: space-between;margin: 0 auto;padding: 16px 24px;display: flex;align-items: center;gap: 24px}
.main-info {align-items: center;display: flex}
.group-segment {font-weight: 800;background: var(--region__note);color: transparent;-webkit-background-clip: text;background-clip: text;font-size: 1.4rem}
.lg-frame { height: 36px; }
.slot-flex {flex-wrap: wrap;flex: 1;overflow: visible;align-items: center;display: flex;gap: 20px}
.link-foot {font-weight: 600;color: var(--area-list-slot);padding: 8px 12px;border-radius: var(--foot-center-container);white-space: nowrap;font-size: 0.9rem}
.link-foot:hover, .link-foot.tier-top-title { color: var(--bottom-container); }
.flex__frame { position: relative; }
.zone-slot {background: none;border: none;gap: 4px;display: flex;align-items: center;font-family: inherit}
.nav-wide-box { font-size: 0.7em; }
.sub-text {position: absolute;left: 0;background: var(--foot__holder);border-radius: var(--foot-center-container);box-shadow: var(--site-band-info);grid-template-columns: repeat(2, 1fr);visibility: hidden;padding: 10px;min-width: 300px;opacity: 0;transform: translateY(8px);top: 100%;border: 1px solid var(--header-title);gap: 2px;display: grid;transition: all 0.2s ease}
.flex__frame.box-main .sub-text,
.flex__frame:hover .sub-text {opacity: 1;transform: translateY(0);visibility: visible}
.flex-unit {gap: 8px;border-radius: var(--foot-center-container);align-items: center;white-space: nowrap;padding: 8px 10px;display: flex;color: var(--area-list-slot);font-size: 0.85rem}
.flex-unit:hover, .flex-unit.tier-top-title {background: var(--region-band);color: var(--bottom-container)}
.area-region {flex: none;line-height: 1;font-size: 1rem}
.full-area {text-overflow: ellipsis;overflow: hidden}
.segment-holder {align-items: center;gap: 10px;display: flex}
.foot-meta {background: none;display: none;border: none;gap: 4px;flex-direction: column;cursor: pointer;padding: 8px}
.foot-meta span {background: var(--zone__feature);width: 22px;height: 2px}

.slot-nav {z-index: 200;box-shadow: var(--site-band-info);width: 300px;height: 100vh;height: 100dvh;background: var(--container-page);top: 0;overflow-y: auto;right: -320px;transition: right 0.3s ease;position: fixed}
.slot-nav.box-main { right: 0; }
.page-top {display: flex;border-bottom: 1px solid var(--header-title);align-items: center;padding: 20px;justify-content: space-between}
.content-band {font-size: 1.6rem;border: none;color: var(--zone__feature);cursor: pointer;background: none}
.content-unit {flex-direction: column;gap: 16px;display: flex;padding: 16px}
.main-box {border-bottom: 1px solid var(--header-title);flex-direction: column;padding-bottom: 12px;display: flex;gap: 4px}
.info-foot {font-size: 0.75rem;letter-spacing: 0.06em;margin: 0 0 4px;color: var(--content__holder);text-transform: uppercase}
.main-item-feature {gap: 4px;display: grid;grid-template-columns: repeat(2, 1fr)}
.group-band {border-radius: var(--foot-center-container);font-size: 0.85rem;color: var(--area-list-slot);padding: 10px 8px;display: flex;gap: 8px;align-items: center}
.group-band:hover, .group-band.tier-top-title {background: var(--foot__holder);color: var(--bottom-container)}
.bar-img {inset: 0;background: rgba(0,0,0,0.6);z-index: 199;opacity: 0;transition: opacity 0.3s ease;position: fixed;visibility: hidden}
.bar-img.box-main {opacity: 1;visibility: visible}

.badge-outer { display: none; }

/* Hero */
.grid-banner {background: radial-gradient(circle at top right, rgba(0,212,170,0.12), transparent 60%), var(--hero__btn);padding: 64px 0}
.bar-note {max-width: 1200px;text-align: center}
/* Compact hero for inner/secondary pages (everything but the homepage) */
.side__title { padding: 40px 0 32px; }
.side__title .item-group {font-size: 2.1rem;margin-bottom: 14px}
.side__title .outer-data {margin-bottom: 18px;font-size: 1rem}
.side__title .zone-text { max-width: 280px; }
.side__title .region-info { max-width: 220px; }
.entry-header {gap: 48px;text-align: left;align-items: center;display: grid;grid-template-columns: 1.1fr 0.9fr}
.outer-alt {display: flex;flex-direction: column}
.outer-alt .block-full,
.outer-alt .card-right,
.outer-alt .row-wrap { justify-content: flex-start; }
.block-full {justify-content: center;flex-wrap: wrap;gap: 12px;margin-bottom: 20px;display: flex}
.sec__container {color: var(--area-list-slot);border-radius: 999px;background: var(--foot__holder);font-size: 0.8rem;padding: 6px 14px;border: 1px solid var(--header-title)}
.item-group {font-size: 2.6rem;color: var(--zone__feature);margin-bottom: 20px;line-height: 1.15}
@supports (background-clip: text) or (-webkit-background-clip: text) {
  .item-group {background-clip: text;color: transparent;background: var(--region__note);-webkit-background-clip: text}
}
.entry-sec {max-width: 320px;margin: 0 auto 24px}
.region-info { display: none; }
.zone-text {max-width: 420px;margin: 0}
.box-wide {width: 100%;border-radius: var(--flex__lead)}
.outer-data {color: var(--area-list-slot);font-size: 1.1rem;margin-bottom: 24px}
.card-right {margin-bottom: 32px;gap: 24px;flex-wrap: wrap;justify-content: center;display: flex}
.hero-entry {align-items: center;font-weight: 600;color: var(--area-list-slot);gap: 8px;display: flex}
.nav__link { color: var(--bottom-container); }
.row-wrap {justify-content: center;margin-bottom: 20px;gap: 16px;display: flex;flex-wrap: wrap}
.hero-title {font-size: 0.8rem;color: var(--content__holder)}

/* Game categories */
.side-desc {background: var(--container-page);padding: 64px 0}
.tier__title {gap: 24px;margin-top: 32px;display: grid;grid-template-columns: repeat(auto-fit, minmax(260px, 1fr))}
.full-desc {border-radius: var(--flex__lead);padding: 28px;border: 1px solid var(--header-title);background: var(--foot__holder);transition: all 0.25s ease}
.full-desc:hover {box-shadow: var(--box-narrow);background: var(--region-band);transform: translateY(-4px)}
.btn-site {display: inline-block;font-size: 0.85rem;margin-bottom: 12px;background: var(--region-band);border-radius: 999px;padding: 6px 14px}
.main-link {color: var(--wrap__group);background: rgba(251,191,36,0.15)}
.layout-narrow-inner {color: var(--section-area);background: rgba(99,102,241,0.15)}
.foot__text {color: var(--bottom-container);background: rgba(0,212,170,0.15)}
.sub-entry { font-size: 1.25rem; }
.sec-text {font-weight: 600;color: var(--bottom-container);font-size: 0.9rem}
.inner-area { color: var(--area-list-slot); }
.body-dark {font-weight: 600;color: var(--bottom-container);display: inline-block;margin-top: 12px}
.body-dark:hover { color: var(--wide-holder); }

/* About / tabs */
.area-segment { padding: 64px 0; }
.container-zone {display: flex;flex-wrap: wrap;gap: 10px;margin-bottom: 28px;justify-content: center}
.hero__frame {background: var(--foot__holder);font-weight: 600;border: 1px solid var(--header-title);border-radius: 999px;color: var(--area-list-slot);padding: 10px 20px;font-family: inherit;cursor: pointer}
.hero__frame.tier-top-title {background: var(--region__note);color: #fff;border-color: transparent}
.unit-badge {max-width: 920px;display: none;margin: 0 auto}
.unit-badge.tier-top-title { display: block; }
.light-banner li {padding: 10px 0;border-bottom: 1px solid var(--header-title);color: var(--area-list-slot)}
.light-banner li:last-child { border-bottom: none; }
.light-banner li strong { color: var(--zone__feature); }
.item-inner {gap: 10px;flex-wrap: wrap;justify-content: center;display: flex}
.row-note {display: grid;gap: 32px;align-items: start;grid-template-columns: 1.3fr 1fr}
.badge-layout { min-width: 0; }
.band-narrow img { border-radius: var(--flex__lead); }

/* Reviews */
.hero-text {padding: 64px 0;background: var(--container-page)}
.wrap-area {gap: 20px;display: grid;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));margin-top: 32px}
.slot-box {padding: 24px;border-radius: var(--flex__lead);background: var(--foot__holder);border: 1px solid var(--header-title);margin: 0}
.slot-page {color: var(--area-list-slot);font-style: italic}
.module-slot {margin: 0;font-weight: 700;color: var(--zone__feature)}
.page__main {font-weight: 400;color: var(--content__holder)}
.wrap__img {justify-content: center;align-items: center;gap: 10px;margin-bottom: 24px;display: flex}
.wrap__img span:first-child {color: var(--wrap__group);font-size: 1.1rem}
.wrap__img span:last-child {color: var(--area-list-slot);font-weight: 700}
.layout-bar {margin-bottom: 8px;font-size: 0.9rem;color: var(--wrap__group);display: block}
.sm-wrap {color: var(--bottom-container);font-size: 0.75rem;display: inline-block;margin-top: 8px}

/* Expertise */
.band__badge { padding: 64px 0; }
.module-right-container {align-items: start;display: grid;gap: 40px;grid-template-columns: 1.2fr 1fr}
.body-data {gap: 16px;grid-template-columns: repeat(2, 1fr);display: grid}
.section__box {border-radius: var(--flex__lead);padding: 20px;text-align: center;background: var(--foot__holder);border: 1px solid var(--header-title)}
.page-item-media {color: var(--bottom-container);display: block;font-weight: 800;font-size: 1.6rem}
.alt-group {font-size: 0.85rem;color: var(--content__holder)}

/* Certifications */
.box-dark-wrap {padding: 64px 0;background: var(--container-page)}
.segment-right {display: grid;margin-top: 32px;grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));gap: 20px}
.panel-list {padding: 24px;text-align: center;border: 1px solid var(--header-title);border-radius: var(--flex__lead);background: var(--foot__holder)}
.body__frame {display: block;font-size: 2rem;margin-bottom: 8px}
.outer-icon { font-size: 1.05rem; }
.feature-content {color: var(--area-list-slot);font-size: 0.9rem}
.narrow-info {gap: 32px;justify-content: center;display: flex;margin-top: 36px;flex-wrap: wrap}
.sec-list-entry { text-align: center; }
.sec-list-entry strong {display: block;color: var(--bottom-container);font-size: 1.4rem}
.sec-list-entry span {color: var(--content__holder);font-size: 0.85rem}

/* Featured games */
.flex-data-feature { padding: 64px 0; }
.content-grid {gap: 20px;grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));margin-top: 32px;display: grid}
.btn-panel {background: var(--foot__holder);transition: all 0.25s ease;border: 1px solid var(--header-title);text-align: center;padding: 24px;border-radius: var(--flex__lead)}
.btn-panel:hover {transform: translateY(-4px);box-shadow: var(--box-narrow)}
.zone-banner {display: block;font-size: 2rem;margin-bottom: 10px}
.box__block { font-size: 1.05rem; }
.box-right {margin-bottom: 16px;font-size: 0.9rem}
.dark-widget {text-align: center;margin-top: 32px}

/* FAQ */
.main__note {background: var(--container-page);padding: 64px 0}
.tier-box {margin: 32px auto 0;flex-direction: column;gap: 12px;display: flex;max-width: 760px}
.page-text {border-radius: var(--foot-center-container);background: var(--foot__holder);padding: 16px 20px;border: 1px solid var(--header-title)}
.zone-title-entry {cursor: pointer;font-weight: 700;color: var(--zone__feature)}
.site-zone-widget {margin-bottom: 0;margin-top: 12px}

/* Responsible gaming */
.hero__link { padding: 64px 0; }
.layout__box {display: grid;gap: 40px;align-items: center;grid-template-columns: 1.4fr 1fr}
.dark-block {flex-direction: column;display: flex;gap: 16px}

/* Trust section */
.outer-foot {background: var(--container-page);padding: 64px 0}
.flex-btn {margin-top: 32px;grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));gap: 20px;display: grid}
.sec-text-main {background: var(--foot__holder);border-radius: var(--flex__lead);text-align: center;padding: 24px;border: 1px solid var(--header-title)}
.head-view {font-size: 1.8rem;margin-bottom: 8px;display: block}

/* CTA final */
.unit-meta {background: var(--region__note);padding: 64px 0}
.foot-wrap {color: #fff;text-align: center}
.foot-wrap h2 { color: #fff; }
.foot-wrap p { color: rgba(255,255,255,0.9); }
.alt-icon {flex-wrap: wrap;margin: 24px 0 12px;justify-content: center;gap: 16px;display: flex}
.unit-meta .site__link {color: var(--nav__area);background: rgba(255,255,255,1)}
.unit-meta .bar-lead {color: #fff;border-color: rgba(255,255,255,1)}
.band-primary-text {color: rgba(255,255,255,0.85);font-size: 0.9rem}

/* Footer */
.grid-badge {padding: 56px 0 24px;border-top: 1px solid var(--header-title);background: var(--container-page)}
.wrap-grid {grid-template-columns: 1.5fr 1fr 1fr 1fr;margin: 0 auto;padding: 0 24px;display: grid;max-width: 1200px;gap: 32px}
.badge-hero {flex-direction: column;display: flex}
.region-narrow { gap: 8px; }
.box__slot {margin-bottom: 12px;text-transform: uppercase;font-size: 0.85rem;font-weight: 700;color: var(--zone__feature);letter-spacing: 0.05em}
.segment__img, .info-panel {padding: 4px 0;color: var(--area-list-slot);font-size: 0.9rem;display: block}
.segment__img:hover { color: var(--bottom-container); }
.inner-unit-text { font-size: 0.9rem; }
.band__holder {margin-top: 12px;display: flex;flex-wrap: wrap;gap: 8px}
.content-menu-link {background: var(--foot__holder);padding: 4px 10px;color: var(--content__holder);border-radius: 999px;font-size: 0.75rem}
.inner-right-img {height: 32px;margin-bottom: 12px}
.panel-title-wrap {justify-content: space-between;align-items: center;margin: 40px auto 0;display: flex;padding: 24px 24px 0;border-top: 1px solid var(--header-title);gap: 16px;max-width: 1200px;flex-wrap: wrap}
.row-alt {flex-wrap: wrap;display: flex;gap: 8px}
.data-link {border: 1px solid var(--header-title);color: var(--area-list-slot);font-size: 0.8rem;padding: 6px 12px;border-radius: var(--foot-center-container);background: var(--foot__holder)}
.row__text {color: var(--content__holder);text-align: right;font-size: 0.8rem}
.row__text p {color: inherit;margin: 0}
.flex-light {color: var(--content__holder);font-size: 0.75rem}

/* Inner pages: breadcrumb, content article/sidebar, sidebar-section, related */
.info-meta {padding: 16px 0;background: var(--container-page);border-bottom: 1px solid var(--header-title)}
.media-col {color: var(--content__holder);font-size: 0.85rem;gap: 8px;display: flex}
.media-col li + li::before {margin-right: 8px;content: '/'}
.media-col a { color: var(--bottom-container); }

.outer-unit-icon { padding: 56px 0; }
.main__feature {align-items: start;display: grid;grid-template-columns: 2fr 1fr;gap: 40px}
.body-zone-lead {gap: 28px;display: flex;flex-direction: column}
.alt-view {border-radius: var(--flex__lead);background: var(--foot__holder);border: 1px solid var(--header-title);padding: 28px}
.sec-text-slot { font-size: 1.4rem; }
.lg-badge { margin-bottom: 16px; }
.lg-badge h3 {font-size: 1rem;color: var(--zone__feature)}
.tier__group {gap: 20px;position: sticky;flex-direction: column;top: 100px;display: flex}
.holder-inner { margin-top: 12px; }

.segment-inner {background: var(--container-page);padding: 56px 0}
.info-sec {grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));display: grid;gap: 24px}
.head-banner {padding: 24px;border-radius: var(--flex__lead);background: var(--foot__holder);border: 1px solid var(--header-title)}
.header__frame {gap: 8px;flex-direction: column;display: flex}
.header__frame a {font-size: 0.9rem;color: var(--bottom-container)}
.tier-cell p { font-size: 0.9rem; }
.box-text p {margin: 0 0 6px;color: var(--area-list-slot);font-size: 0.9rem}
.img-page a {color: var(--bottom-container);font-size: 0.9rem}

.img-wrap { padding: 56px 0; }
.cell-col {gap: 20px;display: grid;grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));margin-top: 24px}
.row__feature {text-align: center;border: 1px solid var(--header-title);background: var(--foot__holder);border-radius: var(--flex__lead);padding: 24px}
.row__feature h4 { margin-bottom: 16px; }

/* Generic page (privacy/terms/extra content) */
.region-banner { display: block; }
.module-full {padding: 48px 0 24px;text-align: center}
.main-secondary {background: var(--container-page);padding: 40px 0;text-align: center}
.frame-site { padding: 24px 0 56px; }
.desc-foot {gap: 40px;align-items: start;display: grid;grid-template-columns: 2fr 1fr}
.inner__frame {background: var(--foot__holder);gap: 8px;padding: 20px;flex-direction: column;top: 100px;display: flex;border: 1px solid var(--header-title);border-radius: var(--flex__lead);position: sticky}
.flex__cell {font-size: 0.9rem;padding: 4px 0;color: var(--bottom-container)}

/* Responsive */
/* Nav switches to burger earlier than the content breakpoint so there's no
   width range where .slot-flex doesn't fit but still renders inline
   (that gap was causing an internal horizontal-scroll nav on laptop widths). */
@media (max-width: 1150px) {
  .slot-flex { display: none; }
  .foot-meta { display: flex; }
  .cell-body { display: none; }
  .badge-outer {padding: 10px 16px calc(10px + env(safe-area-inset-bottom));bottom: 0;z-index: 150;backdrop-filter: blur(10px);position: fixed;right: 0;left: 0;background: rgba(10, 14, 39, 0.97);border-top: 1px solid var(--header-title);gap: 10px;display: flex}
  .badge-outer .zone-box { flex: 1; }
  body.tier__cell { padding-bottom: 64px; }
}
@media (max-width: 900px) {
  .module-right-container, .layout__box, .main__feature, .desc-foot { grid-template-columns: 1fr; }
  .wrap-grid { grid-template-columns: 1fr 1fr; }
  .row__text { text-align: left; }
  .entry-header {grid-template-columns: 1fr;text-align: center}
  .outer-alt .block-full,
  .outer-alt .card-right,
  .outer-alt .row-wrap { justify-content: center; }
  .zone-text { display: none; }
  .region-info {margin: 0 auto 24px;display: block;max-width: 280px}
  .row-note { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
  .item-group { font-size: 2rem; }
  .wrap-grid { grid-template-columns: 1fr; }
  .panel-title-wrap {flex-direction: column;align-items: flex-start}
}

/* overrides.css — never crop card/game images */
.full-desc .box-wide,
.btn-panel img,
.full-desc img {background: linear-gradient(135deg, var(--foot__holder), var(--region-band));max-height: 512px;aspect-ratio: 1 / 1 !important;object-fit: contain !important;max-width: 512px}


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