/* Sports Review (child of Magazine), measured from sportsreviewnews.com */
:root {
  --accent: #dd232f;
  --ink: #161616;
  --text: #444;
  --muted: #7a7a7a;
  --line: #e2e2e2;
  --page: #fff;
  --serif: "Inter", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  --sans: "Inter", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  --label: "Inter", system-ui, sans-serif;
  --reading: "Inter", system-ui, sans-serif;
  --title: "Sora", "Inter", system-ui, sans-serif;
  --cond: "Barlow Condensed", "Arial Narrow", sans-serif;
  --dark-band: #15161a;
}
body { background: #fff; color: var(--text); font: 14px/1.5 var(--sans); }
.site-main { padding: 0 0 60px; }
.srn-wrap { width: 100%; max-width: 1260px; margin: 0 auto; padding: 0 30px; }
@media (max-width: 940px) { .srn-wrap { max-width: 740px; } }
@media (max-width: 767px) { .srn-wrap { padding: 0 20px; } }

/* Header: black band with centred logo, white navigation row */
.srn-top { background: var(--header); color: #ddd; border-bottom: 3px solid var(--accent); }
.srn-top-in { position: relative; display: flex; align-items: center; justify-content: space-between; height: 100px; }
.srn-socials { display: flex; gap: 9px; }
.srn-socials a, .srn-foot-social a { width: 38px; height: 38px; border-radius: 50%; background: rgba(255,255,255,.12); color: rgba(255,255,255,.94); display: inline-flex; align-items: center; justify-content: center; transition: background .15s; }
.srn-socials a:hover, .srn-foot-social a:hover { background: var(--accent); }
.srn-logo { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.srn-logo img { height: 73px; width: auto; max-width: none; }
.srn-logo .logo-text { font: 800 40px/1 var(--cond); color: #fff; text-transform: uppercase; }
.srn-sub { display: inline-flex; align-items: center; height: 35px; padding: 0 17px; border: 1px solid rgba(255,255,255,.2); border-radius: 2px; color: #f0f0f0; font: 600 13px/1 var(--sans); letter-spacing: .11em; text-transform: uppercase; }
.srn-sub:hover { border-color: var(--accent); background: var(--accent); }
.srn-m-menu, .srn-m-search { display: none; color: #fff; }
.srn-nav { background: #fff; border-bottom: 1px solid var(--line); }
.srn-nav-in { display: flex; align-items: center; height: 53px; }
.srn-burger { width: 26px; height: 18px; display: flex; flex-direction: column; justify-content: space-between; background: none; border: 0; padding: 0; cursor: pointer; }
.srn-burger span { height: 2px; background: #161616; }
.srn-burger span:nth-child(2) { width: 70%; }
.srn-menu { flex: 1; display: flex; justify-content: center; }
.srn-menu > ul { display: flex; }
.srn-menu > ul > li { position: relative; }
.srn-menu > ul > li > a { display: block; padding: 0 17px; font: 700 14px/53px var(--title); letter-spacing: .02em; text-transform: uppercase; color: #161616; }
.srn-menu > ul > li > a:hover, .srn-menu > ul > li.active > a { color: var(--accent); }
.srn-menu .sub { position: absolute; left: 0; top: 100%; min-width: 210px; background: #fff; box-shadow: 0 10px 30px rgba(0,0,0,.12); padding: 8px 0; opacity: 0; visibility: hidden; z-index: 30; }
.srn-menu .has-sub:hover .sub { opacity: 1; visibility: visible; }
.srn-menu .sub a { display: block; padding: 8px 18px; font: 600 14px/1.4 var(--sans); color: #161616; }
.srn-tools { display: flex; gap: 8px; color: #161616; }
@media (max-width: 940px) {
  .srn-top-in { height: 70px; }
  .srn-logo img { height: auto; width: 295px; }
  .srn-socials, .srn-sub { display: none; }
  .srn-m-menu, .srn-m-search { display: inline-flex; }
  .srn-nav { display: none; }
}

/* Block headings: condensed italic capitals with a red rule */
.srn-bh { display: flex; align-items: center; gap: 20px; margin: 0 0 26px; }
.srn-bh::after { content: ""; flex: 1; height: 4px; background: var(--accent); }
.srn-bh h2 { font: italic 800 32px/38.4px var(--cond); letter-spacing: .04em; text-transform: uppercase; color: var(--ink); }
.srn-dark-band .srn-bh { margin-bottom: 25px; }
.srn-dark-band .srn-bh h2 { font-size: 28px; line-height: 33.6px; color: #efefef; }
.srn-blk { margin-top: 45px; }
.srn-t { font-family: var(--title); font-weight: 700; color: var(--ink); letter-spacing: -.01em; }
.srn-t a:hover { color: var(--accent); }
.srn-img { position: relative; display: block; overflow: hidden; background: #f2f2f2; }
.srn-img img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s; }
.srn-img:hover img { transform: scale(1.03); }
.srn-img .ph { display: block; width: 100%; height: 100%; }
.srn-img-wrap { position: relative; }
.srn-cat { display: inline-block; padding: 0 10px; background: var(--accent); color: #fff; font: 500 11px/22px var(--sans); letter-spacing: .03em; text-transform: uppercase; border-radius: 1px; }
.srn-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; font: 400 12px/18px var(--sans); color: var(--muted); }
.srn-meta b { font-weight: 500; color: #191919; }
.srn-meta .dot { width: 3px; height: 3px; border-radius: 50%; background: #bbb; }
.srn-ex { font: 400 15px/24px var(--sans); color: #505050; }

/* Hero: big story with an overlapping white card, two stories beside it */
.srn-hero { display: grid; grid-template-columns: minmax(0, 868fr) minmax(0, 292fr); gap: 36px; margin-top: 45px; }
.srn-hero-main { position: relative; }
.srn-hero-main .srn-img { aspect-ratio: 868 / 517; }
.srn-hero-card { position: relative; margin: -36px 18px 0; padding: 0 22px; background: #fff; text-align: center; }
.srn-hero-card .srn-cat { position: relative; top: -11px; }
.srn-hero-card .srn-t { font-size: 28px; line-height: 38.08px; margin: 3px 0 10px; }
.srn-hero-card .srn-meta, .srn-side .srn-meta { justify-content: center; }
.srn-hero-card .srn-ex { margin-top: 16px; }
.srn-hero-side { display: grid; gap: 36px; align-content: start; }
.srn-side { text-align: center; }
.srn-side .srn-img { aspect-ratio: 292 / 195; }
.srn-side .srn-img-wrap .srn-cat, .srn-card .srn-img-wrap .srn-cat { position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); }
.srn-side .srn-t { font-size: 20px; line-height: 27.2px; margin: 16px 0 9px; }

/* Numbered picks */
.srn-picks-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 36px; }
.srn-pick .srn-img { aspect-ratio: 1; }
.srn-pick-body { display: flex; gap: 14px; margin-top: 18px; }
.srn-num { flex-shrink: 0; width: 30px; height: 30px; border-radius: 50%; background: var(--accent); color: #fff; font: 700 18px/30px var(--title); text-align: center; }
.srn-pick .srn-t { font-size: 18px; line-height: 24.48px; margin-bottom: 9px; }

/* Main column + sidebar rows */
.srn-layout { display: grid; grid-template-columns: minmax(0, 788fr) minmax(0, 356fr); gap: 56px; align-items: start; margin-top: 45px; }
.srn-layout.no-side { grid-template-columns: minmax(0, 1fr); }
.srn-layout .srn-blk:first-child { margin-top: 0; }
.srn-aside { display: grid; gap: 45px; align-content: start; }

/* Two-column cards */
.srn-grid2-in { display: grid; grid-template-columns: 1fr 1fr; gap: 36px; }
.srn-card .srn-img { aspect-ratio: 376 / 251; }
.srn-card .srn-img-wrap .srn-cat { left: 0; transform: none; }
.srn-card .srn-t { font-size: 20px; line-height: 27.2px; margin: 16px 0 9px; }
.srn-card .srn-ex { margin-top: 13px; }
.srn-more-wrap { display: flex; justify-content: center; margin-top: 50px; }
.srn-more { display: inline-flex; align-items: center; justify-content: center; gap: 8px; width: 270px; height: 39px; border: 1px solid var(--accent); border-radius: 2px; color: var(--accent); font: 700 13px/1 var(--sans); letter-spacing: .03em; text-transform: uppercase; }
.srn-more:hover { background: var(--accent); color: #fff; }

/* Dark featured band */
.srn-dark-band { background: var(--dark-band); padding: 70px 0 70px; margin-top: 70px; }
.srn-dark-band .srn-blk { margin-top: 0; }
.srn-feat-lead { display: grid; grid-template-columns: minmax(0, 426fr) minmax(0, 744fr); gap: 30px; align-items: center; }
.srn-feat-lead .srn-img { aspect-ratio: 744 / 419; background: #1c1d22; }
.srn-feat-lead .srn-t { font-size: 30px; line-height: 40.8px; color: #fff; margin-bottom: 18px; }
.srn-dark-band .srn-meta { color: #aaa; }
.srn-dark-band .srn-meta b { color: #fff; }
.srn-feat-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 36px; margin-top: 50px; }
.srn-feat-card .srn-img { aspect-ratio: 376 / 251; background: #1c1d22; }
.srn-feat-cap { position: relative; margin: -36px 18px 0; padding: 20px 22px; background: #000; }
.srn-feat-cap .srn-t { font-size: 19px; line-height: 25.84px; color: #fff; margin-bottom: 8px; }
.srn-dark-band .srn-t a:hover { color: #fff; text-decoration: underline; }

/* Large list */
.srn-row { display: grid; grid-template-columns: 276px minmax(0, 1fr); gap: 25px; margin-bottom: 26px; }
.srn-row .srn-img { aspect-ratio: 276 / 184; }
.srn-row .srn-img-wrap .srn-cat { position: absolute; left: 0; top: 0; }
.srn-row-body { padding-top: 16px; }
.srn-row .srn-t { font-size: 22px; line-height: 29.92px; margin-bottom: 9px; }
.srn-row .srn-ex { margin-top: 16px; }

/* Overlay stories */
.srn-overlays { display: grid; gap: 26px; }
.srn-ov { position: relative; }
.srn-ov .srn-img { aspect-ratio: 356 / 267; }
.srn-ov .srn-img::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 35%, rgba(0,0,0,.75)); }
.srn-ov-cap { position: absolute; left: 17px; right: 17px; bottom: 17px; pointer-events: none; }
.srn-ov-cap a { pointer-events: auto; }
.srn-ov .srn-t { font-size: 20px; line-height: 25.6px; color: #fff; margin-bottom: 12px; }
.srn-ov .srn-meta { color: rgba(255,255,255,.85); }
.srn-ad { text-align: center; }

/* Newsletter box and social buttons */
.srn-news { position: relative; margin-top: 25px; border: 6px solid #f7f7f7; background: #fff; }
.srn-news-in { border: 1px solid #e8e8e8; padding: 30px 34px; text-align: center; }
.srn-news-badge { position: absolute; left: 50%; top: -31px; transform: translateX(-50%); width: 62px; height: 62px; border-radius: 50%; background: var(--accent); color: #fff; display: flex; align-items: center; justify-content: center; }
.srn-news h3 { font: 800 24px/31.2px var(--sans); letter-spacing: -.01em; color: var(--ink); margin: 25px 0 18px; }
.srn-news p { font: 400 14px/1.7 var(--sans); color: rgba(0,0,0,.8); }
.srn-news-form { margin-top: 20px; }
.srn-news-form input[type=email] { width: 100%; height: 44px; border: 1px solid #ddd; padding: 0 16px; text-align: center; font: 400 14px var(--sans); }
.srn-news-form button { width: 100%; height: 40px; margin-top: 14px; border: 0; border-radius: 2px; background: var(--button); color: #fff; font: 700 12px var(--sans); letter-spacing: .06em; text-transform: uppercase; cursor: pointer; }
.srn-consent { display: flex; gap: 8px; margin-top: 20px; text-align: left; font: 400 12.6px/21.4px var(--sans); color: rgba(0,0,0,.8); }
.srn-consent a { color: var(--ink); }
.srn-news-msg { margin-top: 12px; font-weight: 600; color: #1a7f4b; }
.srn-news-msg.err { color: var(--accent); }
.srn-wh { display: flex; align-items: center; gap: 20px; margin-bottom: 26px; }
.srn-wh::before, .srn-wh::after { content: ""; flex: 1; height: 1px; background: var(--line); }
.srn-wh h3 { font: italic 700 22px/26.4px var(--cond); letter-spacing: .04em; text-transform: uppercase; color: var(--ink); }
.srn-social-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.srn-social-grid a { display: flex; align-items: center; gap: 10px; height: 42px; padding: 0 15px; border: 1px solid var(--line); font: 600 13px var(--sans); color: var(--ink); }
.srn-social-grid a:hover { border-color: #bbb; }
.srn-social-grid .fb svg { color: #1877f2; } .srn-social-grid .x svg { color: #1d9bf0; } .srn-social-grid .ig svg { color: #e1306c; }
.srn-social-grid .tg svg { color: #229ed9; } .srn-social-grid .yt svg { color: #ff0000; } .srn-social-grid .tt svg { color: #fe2c55; } .srn-social-grid .in svg { color: #0a66c2; }

/* Footer: centred socials, links and copyright */
.srn-foot { background: #040404; color: #777; padding: 60px 0; text-align: center; }
.srn-foot-social { display: flex; justify-content: center; gap: 10px; }
.srn-foot-social a { width: 42px; height: 42px; }
.srn-foot-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px 26px; margin: 30px 0 34px; }
.srn-foot-links a { font: 600 13px/19.5px var(--sans); letter-spacing: .07em; text-transform: uppercase; color: #fff; }
.srn-foot-links a:hover { color: var(--accent); }
.srn-copy { font: 400 13px/19.5px var(--sans); color: #777; }

/* Tablets */
@media (max-width: 940px) {
  .srn-hero { grid-template-columns: 1fr; }
  .srn-hero-side { grid-template-columns: 1fr 1fr; }
  .srn-picks-grid { grid-template-columns: 1fr 1fr; }
  .srn-layout { grid-template-columns: 1fr; gap: 45px; }
  .srn-feat-lead { grid-template-columns: minmax(0, 228fr) minmax(0, 422fr); }
  .srn-feat-cards { grid-template-columns: 1fr 1fr; }
  .srn-row { grid-template-columns: 238px minmax(0, 1fr); }
}
/* Phones */
@media (max-width: 767px) {
  .srn-hero { margin-top: 0; padding: 0; gap: 35px; }
  .srn-hero-main .srn-img { aspect-ratio: 390 / 232; }
  .srn-hero-card { margin: -40px 20px 0; padding: 0 20px; }
  .srn-hero-card .srn-t { font-size: 27px; line-height: 36.72px; }
  .srn-hero-side, .srn-picks-grid, .srn-grid2-in, .srn-feat-cards { grid-template-columns: 1fr; }
  .srn-hero-side { padding: 0 20px; }
  .srn-feat-lead { grid-template-columns: 1fr; }
  .srn-feat-lead .srn-img { order: -1; }
  .srn-feat-lead .srn-t { font-size: 27px; line-height: 36.72px; }
  .srn-row { grid-template-columns: 1fr; gap: 16px; }
  .srn-row-body { padding-top: 0; }
  .srn-bh h2 { font-size: 30px; }
}

/* Dark mode (the moon button) */
html.srn-dark body { background: #151618; color: #bbb; }
html.srn-dark .srn-nav { background: #151618; border-color: #2a2b2f; }
html.srn-dark .srn-menu > ul > li > a, html.srn-dark .srn-tools, html.srn-dark .srn-t, html.srn-dark .srn-bh h2, html.srn-dark .srn-wh h3, html.srn-dark .srn-meta b { color: #eee; }
html.srn-dark .srn-burger span { background: #eee; }
html.srn-dark .srn-hero-card, html.srn-dark .srn-news { background: #1c1d20; }
html.srn-dark .srn-news { border-color: #232428; }
html.srn-dark .srn-ex, html.srn-dark .srn-news p { color: #aaa; }
html.srn-dark .srn-social-grid a { border-color: #2a2b2f; color: #eee; }

/* Article page */
.srn-crumbs { display: flex; flex-wrap: wrap; gap: 8px; margin: 20px 0; font: 400 12px/12px var(--sans); color: #999; }
.srn-crumbs a { color: #999; } .srn-crumbs a:hover { color: var(--accent); } .srn-crumbs .sep { color: #bbb; }
.srn-art-head { margin-top: 29px; }
.srn-art-head .srn-cat { font-size: 12px; line-height: 26px; font-weight: 600; margin-bottom: 6px; }
.srn-art-title { font: 700 43px/54.18px var(--title); letter-spacing: -.01em; color: var(--ink); margin: 15px 0 16px; max-width: 1050px; }
.srn-art-meta { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; }
.srn-art-by { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; font: 400 12px/18px var(--sans); color: #6d6d6d; }
.srn-art-by b { font-weight: 500; color: #191919; }
.srn-art-by .dot { width: 3px; height: 3px; border-radius: 50%; background: #bbb; }
.srn-avatar { width: 32px; height: 32px; margin-right: 5px; border-radius: 50%; background: var(--accent); color: #fff; font: 700 15px/32px var(--title); text-align: center; }
.srn-art-c, .srn-art-read { display: inline-flex; align-items: center; gap: 4px; margin-left: 10px; }
.srn-art-c svg, .srn-art-read svg { color: var(--accent); }
.srn-share-circles { display: flex; gap: 6px; }
.srn-share-circles a, .srn-share-circles button { width: 34px; height: 34px; border-radius: 50%; border: 0; display: inline-flex; align-items: center; justify-content: center; color: #fff; cursor: pointer; }
.srn-share-circles .fb, .srn-share-bar .fb { background: #1a6dd4; } .srn-share-circles .x, .srn-share-bar .x { background: #55acef; }
.srn-share-circles .pin, .srn-share-bar .pin { background: #e60023; } .srn-share-circles .in, .srn-share-bar .in { background: #0b66c2; }
.srn-share-circles .more { background: #fff; border: 1px solid #e2e2e2; color: #999; }
.srn-share-bar .tg { background: #179cde; } .srn-share-bar .em { background: #111; }
.srn-art-image { margin: 29px 0 42px; }
.srn-art-image img { width: 100%; aspect-ratio: 1200 / 574; object-fit: cover; }
.srn-art-layout { margin-top: 0; }
.srn-body { padding: 0 31px; font: 400 16.6px/27.4px var(--reading); letter-spacing: .01em; color: #333; }
.srn-body > *, .srn-body > div > * { margin: 0 0 25.57px; }
.srn-body .oe-source { margin-top: 30px; }
.srn-share-bar { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; margin-top: 45px; padding-bottom: 22px; border-bottom: 1px solid var(--line); }
.srn-share-bar span { margin-right: auto; font: 600 12px var(--sans); text-transform: uppercase; color: var(--ink); }
.srn-share-bar a { width: 48px; height: 28px; display: inline-flex; align-items: center; justify-content: center; color: #fff; border-radius: 1px; }
.srn-prevnext { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; padding-top: 35px; margin: 22px 0 35px; }
.srn-prevnext .prev { text-align: right; border-right: 1px solid var(--line); padding-right: 24px; }
.srn-prevnext .lbl { display: block; margin-bottom: 8px; font: 600 11px var(--sans); text-transform: uppercase; letter-spacing: .04em; color: var(--accent); }
.srn-prevnext a { font: 500 14px/1.5 var(--title); color: var(--ink); }
.srn-rh { display: flex; align-items: center; gap: 16px; margin: 0 0 26px; }
.srn-rh::after { content: ""; flex: 1; height: 1px; background: var(--line); }
.srn-rh h2 { font: italic 800 22px/26px var(--cond); text-transform: uppercase; letter-spacing: .04em; color: var(--ink); }
.srn-rh em { color: var(--accent); }
.srn-related-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 26px 26px; }
.srn-related-grid .srn-img { aspect-ratio: 245 / 146; margin-bottom: 16px; }
.srn-related-grid .srn-t { font-size: 16px; line-height: 21.76px; margin-bottom: 9px; }
.srn-related-grid .date { font: 400 12px var(--sans); color: var(--muted); }
.srn-dontmiss .srn-dm-lead .srn-img { aspect-ratio: 356 / 210; margin-bottom: 16px; }
.srn-dm-lead .srn-t { font-size: 20px; line-height: 27px; margin-bottom: 9px; }
.srn-dm-lead .srn-ex { margin-top: 12px; }
.srn-dm-row { display: grid; grid-template-columns: 110px minmax(0, 1fr); gap: 18px; margin-top: 24px; }
.srn-dm-row .srn-img { aspect-ratio: 110 / 76; }
.srn-dm-row .srn-t { font-size: 14px; line-height: 20px; margin-bottom: 8px; }
.srn-dm-row .date { font: 400 12px var(--sans); color: var(--muted); }
.srn-article .srn-aside .srn-news { margin-top: 31px; }

/* Section, search and not-found pages */
.srn-arch-title { position: relative; margin: 36px 0 36px; padding-left: 14px; border-left: 3px solid var(--accent); font: 700 20px/28px var(--sans); text-transform: uppercase; color: var(--ink); }
.srn-arch-desc { margin: -20px 0 30px; color: #666; }
.srn-arch-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 45px 36px; }
.srn-arch-grid .srn-img { aspect-ratio: 376 / 224; }
.srn-arch-grid .srn-t { font-size: 20px; line-height: 27.2px; margin: 16px 0 9px; }
.srn-arch-grid .srn-ex { margin-top: 13px; }
.srn-archive .pager { justify-content: center; margin-top: 50px; }
.srn-archive .pager a { border-color: var(--line); }
.srn-archive .pager a.on { background: var(--accent); border-color: var(--accent); }
.srn-search { display: flex; gap: 6px; max-width: 560px; margin: 0 0 36px; }
.srn-search input { flex: 1; min-width: 0; height: 44px; border: 1px solid #ddd; padding: 0 14px; font: 400 15px var(--sans); }
.srn-search button { height: 44px; padding: 0 22px; border: 0; background: var(--accent); color: #fff; font: 700 13px var(--sans); text-transform: uppercase; cursor: pointer; }
.srn-empty { color: #666; margin-bottom: 30px; }
.srn-404-code { font: italic 800 90px/1 var(--cond); color: var(--accent); margin-top: 40px; }

@media (max-width: 940px) {
  .srn-art-title { font-size: 34px; line-height: 44px; }
  .srn-arch-grid { grid-template-columns: 1fr 1fr; }
  .srn-body { padding: 0 28px; }
  .srn-share-bar a { width: 70px; height: 32px; }
  .srn-prevnext a { font-weight: 600; font-size: 15px; }
}
@media (max-width: 767px) {
  .srn-art-title { font-size: 28px; line-height: 36px; }
  .srn-logo img { width: 240px; }
  .srn-art-title { font-size: 30px; line-height: 37px; margin: 12px 0 14px; }
  .srn-art-head .srn-cat { font-size: 11px; line-height: 22px; }
  .srn-crumbs { flex-wrap: nowrap; white-space: nowrap; overflow: hidden; }
  .srn-crumbs > :last-child { overflow: hidden; text-overflow: ellipsis; }
  .srn-art-meta { display: block; }
  .srn-share-circles { margin-top: 16px; }
  .srn-art-image { margin: 28px -20px 28px; }
  .srn-body { padding: 0; font-size: 16px; line-height: 26px; letter-spacing: 0; }
  .srn-share-bar span { display: none; }
  .srn-share-bar a { flex: 1; height: 32px; }
  .srn-arch-grid, .srn-related-grid { grid-template-columns: 1fr; }
  .srn-prevnext .prev { padding-right: 12px; }
}