/* Corrections measured against the accepted 28 September Figma baseline. */
.prose #handling-and-environment {
  gap: 40px;
}
.comparison-table th,
.comparison-table td {
  padding-top: 16px;
  padding-bottom: 16px;
}
.comparison-table thead th {
  padding-top: 15px;
  padding-bottom: 15px;
}
.comparison-table tr + tr {
  border: 0;
}
.comparison-table tbody tr:nth-child(odd) {
  background: var(--surface);
}
.table-scroll {
  border: 0;
  box-shadow: inset 0 0 0 1px var(--border);
}
.callout p + p {
  margin-top: -8px;
}
.comparison-table tbody th {
  font-weight: 500;
}
.specifications dl > div {
  border: 0;
  box-shadow: inset 0 -1px var(--divider);
}
.specifications dl > div:last-child {
  box-shadow: none;
}
.product-detail {
  padding-bottom: 120px;
}
.circle-button {
  background: var(--header);
  border: 0;
}
.carousel-controls button:first-child .icon {
  transform: none;
}
.carousel-controls button:last-child .icon {
  transform: rotate(180deg);
}
.mint-logo-slot {
  width: 92px;
  height: 92px;
  position: relative;
  overflow: hidden;
}
.mint-card .mint-logo {
  width: 92px;
  height: 92px;
  object-fit: cover;
}
.mint-card--1 .mint-logo-slot {
  width: 200px;
}
.mint-card--1 .mint-logo {
  width: 200px;
  object-fit: contain;
}
.mint-card--3 .mint-logo {
  position: absolute;
  width: 130.09%;
  height: 130.09%;
  left: -15.3%;
  top: -15.04%;
}
.video-play-mobile {
  display: none;
}
@media (min-width: 2200px) {
  .related-grid {
    max-width: none;
    margin-inline: 200px;
  }
  .related-image {
    height: 400px;
  }
}
@media (min-width: 1100px) and (max-width: 1699px) {
  .reading-layout:has(.prose) {
    padding-inline: 24px;
  }
  .reading-layout .contents-panel,
  .guide-promo {
    width: 400px;
  }
  .guide-contents h2 {
    font-size: 16px;
  }
  .guide-contents nav a {
    font-size: 16px;
  }
  .guide-promo h2 {
    font-size: 16px;
    line-height: 24px;
  }
  .page-no-results .empty-search {
    height: 640px;
  }
}
@media (max-width: 1099px) and (min-width: 600px) {
  .guide-grid {
    row-gap: 1px;
    background: var(--divider);
  }
  .guide-card {
    background: var(--surface);
  }
  .product-image {
    margin-bottom: 37px;
  }
  .mint-carousel {
    gap: 80px;
    margin-top: 80px;
  }
  .mint-card {
    flex-basis: calc((100% - 160px) / 3);
    min-height: 292px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .mint-card > .button {
    margin-top: auto;
  }
  .mint-card--1 .mint-logo-slot,
  .mint-card--1 .mint-logo {
    width: 186px;
  }
  .market-stats > div {
    min-height: 54px;
  }
  .market-body {
    gap: 80px;
  }
  .market-news {
    min-height: 366px;
    gap: 40px;
  }
  .home-faq .display-title {
    font-size: 40px;
    line-height: 48px;
  }
  .footer-bottom p {
    font-size: 14px;
    line-height: 20px;
  }
  .product-detail {
    padding-bottom: 80px;
  }
  .page-faq .reading-layout {
    padding-top: 40px;
  }
}
@media (max-width: 599px) {
  .product-card {
    border-bottom: 0;
    box-shadow: inset 0 -1px var(--divider);
  }
  .product-card:last-child {
    box-shadow: none;
  }
  .product-card:nth-child(3) {
    min-height: 572px;
  }
  .product-card:nth-child(4) .product-image {
    margin-bottom: 0;
  }
  .product-grid--catalogue .product-card {
    border: 0;
  }
  .product-grid--catalogue .product-card:nth-child(n + 5):nth-child(-n + 8) {
    display: none;
  }
  .product-grid--catalogue .product-card:nth-child(4n + 3) {
    min-height: 572px;
  }
  .product-grid--catalogue .product-card:nth-child(4n) {
    gap: 40px;
  }
  .product-grid--catalogue .product-card:nth-child(4n) .product-image {
    margin-bottom: 0;
  }
  .mint-carousel {
    gap: 16px;
    margin-top: 80px;
  }
  .mint-card {
    flex-basis: calc((100% - 16px) / 2);
    height: 212px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .mint-card > .button {
    margin-top: auto;
  }
  .mint-card--2,
  .mint-card--3 {
    min-height: 240px;
  }
  .mint-logo-slot,
  .mint-card .mint-logo {
    width: 72px;
    height: 72px;
    flex-shrink: 0;
  }
  .mint-card--1 .mint-logo-slot,
  .mint-card--1 .mint-logo {
    width: 146px;
  }
  .mint-card > .card-title {
    font-size: 20px;
    line-height: 28px;
  }
  .circle-button {
    width: 64px;
    height: 64px;
  }
  .carousel-controls {
    gap: 40px;
  }
  .market-stats > div {
    min-height: 54px;
  }
  .market-news {
    min-height: 462px;
  }
  .compact-contents summary {
    font-size: 14px;
    line-height: 20px;
    height: 50px;
  }
  .compact-contents summary > span:first-child {
    max-width: 100%;
    min-width: 0;
  }
  .compact-current {
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    font-size: 14px;
    line-height: 24px;
  }
  .compact-current b {
    width: 24px;
    flex-shrink: 0;
    font-weight: 400;
  }
  .compact-contents small {
    margin-bottom: 8px;
  }
  .guide-layout
    .prose-section:not(:first-child):not(#handling-and-environment) {
    gap: 64px;
  }
  .guide-layout #planning-for-eventual-sale .prose-text {
    gap: 24px;
  }
  .guide-layout #planning-for-eventual-sale .prose-text p + p {
    margin-top: -24px;
  }
  .guide-layout .icon-list li {
    flex-direction: column;
    gap: 40px;
  }
  .guide-layout .outlined-icon {
    width: 72px;
    height: 72px;
  }
  .guide-layout .icon-list h3 {
    font-size: 16px;
    line-height: 24px;
  }
  .guide-layout .callout {
    padding: 16px;
    border-radius: 8px;
  }
  .guide-layout .explore-topic {
    padding-left: 16px;
  }
  .table-scroll {
    overflow: visible;
    box-shadow: none;
  }
  .comparison-table {
    display: block;
    min-width: 0;
  }
  .comparison-table thead {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
  }
  .comparison-table tbody {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .comparison-table tbody tr {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px 16px;
    padding: 16px;
    box-shadow: inset 0 0 0 1px var(--border);
    border-radius: 8px;
    background: none !important;
  }
  .comparison-table tbody th,
  .comparison-table tbody td {
    display: block;
    width: auto !important;
    padding: 0;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
  }
  .comparison-table tbody td:nth-child(n + 3) {
    grid-column: span 2;
  }
  .comparison-table [data-label]::before {
    content: attr(data-label);
    display: block;
    color: var(--muted);
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 4px;
    font-weight: 400;
  }
  .guide-layout .stat-cards > div {
    padding: 16px;
  }
  .guide-layout .stat-cards {
    gap: 8px;
  }
  .video-play-desktop {
    display: none;
  }
  .video-play-mobile {
    display: block;
  }
  .video-poster > button {
    width: 40px;
    height: 40px;
    top: 234px;
    transform: translateX(-50%);
  }
  .video-poster {
    overflow: visible;
    border-radius: 8px;
  }
  .video-poster > img {
    border-radius: inherit;
  }
  .video-poster > button img {
    width: auto;
    height: auto;
  }
  .compact-guide-link {
    height: 92px;
  }
  .article-layout .icon-list li {
    flex-direction: column;
    gap: 24px;
  }
  .article-layout .outlined-icon {
    width: 72px;
    height: 72px;
  }
  .next-guide .eyebrow {
    line-height: 24px;
  }
  .product-detail {
    padding-bottom: 40px;
  }
  .page-boxes .listing-heading {
    gap: 64px;
    padding-bottom: 16px;
    padding-top: 64px;
  }
  .page-boxes .listing-heading h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .page-boxes .chip {
    padding: 8px 24px;
    min-height: 40px;
    font-size: 12px;
  }
  .page-faq .faq-heading {
    padding-top: 65px;
    padding-bottom: 64px;
  }
  .page-faq .faq-heading h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .page-faq .faq-layout {
    padding-top: 32px;
    padding-bottom: 64px;
    gap: 40px;
  }
  .page-faq .contents-panel > h2 {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 8px;
  }
  .page-faq .contents-panel .contents-label {
    margin-bottom: 24px;
  }
  .page-faq .contents-panel nav a {
    font-size: 16px;
    line-height: 24px;
    padding: 0 0 24px;
    margin-bottom: 0;
    border-bottom: 1px solid var(--divider);
  }
  .page-faq .contents-panel nav a:last-child {
    border: 0;
  }
  .page-faq .faq-sections {
    gap: 40px;
  }
  .page-faq .faq-topic {
    gap: 24px;
  }
  .page-faq .faq-topic h2 {
    font-size: 16px;
    line-height: 28px;
    white-space: nowrap;
  }
}

.provider-image picture {
  position: absolute;
  inset: 0;
}
.provider-image picture img {
  position: absolute;
  max-width: none;
}
@media (max-width: 1099px) {
  .guide-card--1 .guide-artwork {
    object-fit: fill;
    object-position: bottom;
  }
  .guide-card--1 .guide-card-art > span {
    background: linear-gradient(#1b1b1c 34.545%, #1b1b1c00 120.27%);
  }
  .banner-image > img {
    width: 100%;
    height: 144.09%;
    left: 0;
    top: -24.99%;
    object-fit: fill;
  }
}
@media (max-width: 599px) {
  .guide-card--0 .guide-artwork {
    width: 135.22%;
    height: 115.9%;
    left: -22.72%;
    top: 18.52%;
  }
  .provider-image {
    width: 1923.445px;
    height: 1256.25px;
    bottom: -606.05px;
    left: calc(50% + 1.72px);
  }
  .banner-image {
    inset: 0 auto auto calc(50% - 496px);
    width: 768px;
    height: 560px;
  }
  .banner-content > p {
    margin-top: 16px;
  }
  .mint-carousel {
    height: 212px;
    align-items: flex-start;
  }
  .mint-card--2,
  .mint-card--3 {
    height: 212px;
    min-height: 0;
  }
  .mint-card--2 h3 {
    font-size: 16px;
    line-height: 20px;
    margin-top: 16px;
  }
  .mint-card--2 > p {
    font-size: 14px;
    line-height: 20px;
    margin-top: 4px;
  }
}

@media (max-width: 599px) {
  .guide-layout .outlined-icon {
    width: 74px;
    height: 74px;
  }
  .guide-layout .icon-list {
    gap: 40px;
  }
  .guide-layout .stat-cards {
    padding-bottom: 0;
  }
  .next-guide .eyebrow {
    font-size: 16px;
    margin-bottom: -16px;
  }
}
@media (min-width: 600px) and (max-width: 1099px) {
  .page-faq .faq-heading h1 {
    font-size: 40px;
    line-height: 48px;
  }
  .page-faq .reading-layout {
    padding-top: 80px;
    gap: 64px;
  }
  .page-faq .contents-panel > h2 {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 8px;
  }
  .page-faq .contents-label {
    margin-bottom: 40px;
  }
  .page-faq .contents-panel nav {
    gap: 24px;
  }
  .page-faq .contents-panel nav a {
    padding: 0 0 24px;
    border-bottom: 1px solid var(--divider);
  }
  .page-faq .contents-panel nav a:last-child {
    border: 0;
  }
  .page-faq .faq-sections {
    gap: 64px;
  }
}

.mobile-year,
.related-stories,
.search-inline {
  display: none;
}
.related-product {
  display: grid;
  grid-template-columns: 96px 1fr;
  gap: 0 24px;
}
.related-product-image {
  grid-row: span 2;
}
.related-product-title h3 {
  margin-bottom: 8px;
}
@media (min-width: 2200px) {
  .related-grid {
    column-gap: 24px;
    margin-inline: 200px;
  }
  .related-grid > article {
    min-width: 0;
  }
  .related-grid h3 a {
    font-size: 20px;
  }
}
@media (max-width: 1099px) {
  .related-grid--desktop {
    display: none;
  }
  .related-stories {
    display: flex;
    flex-direction: column;
    gap: 40px;
    margin-inline: 24px;
  }
  .continue-learning {
    height: 528px;
  }
  .article-layout {
    padding-top: 24px;
    padding-bottom: 80px;
  }
  .compact-guide-link {
    height: 98px;
    border: 0;
  }
  .search-inline {
    display: block;
    padding: 0 24px 24px;
  }
  .search-inline .site-search {
    border-color: var(--text);
  }
  .home-faq {
    gap: 64px;
  }
  .home-faq .display-title {
    font-size: 32px;
    line-height: 40px;
    max-width: 508px;
  }
  .search-heading h1 {
    font-size: 40px;
    line-height: 48px;
    max-width: 600px;
  }
  .search-heading .filters {
    justify-content: center;
  }
  .compact-contents {
    padding-block: 24px;
  }
  .next-guide .display-title {
    max-width: 720px;
  }
  .banner-content > p {
    margin-top: 16px;
  }
}
@media (max-width: 599px) {
  .learning-hero {
    height: 536px;
  }
  .story-copy {
    gap: 16px;
  }
  .learning-stories .story-row:nth-child(2) .story-copy,
  .related-stories .story-row:nth-child(2) .story-copy {
    min-height: 160px;
    gap: 14px;
  }
  .page-learn .story-grid .story-row:nth-child(2) .story-copy {
    gap: 14px;
  }
  .chip {
    min-height: 40px;
    padding: 8px 16px;
    font-size: 12px;
    line-height: 18px;
  }
  .home-faq {
    gap: 40px;
  }
  .home-faq .display-title {
    font-size: 20px;
    line-height: 28px;
    max-width: 328px;
  }
  .search-heading {
    gap: 64px;
    padding-bottom: 16px;
  }
  .search-heading > div > p {
    margin-top: 8px;
  }
  .search-heading h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .search-heading .filters {
    justify-content: flex-start;
  }
  .search-results {
    padding-top: 64px;
  }
  .compact-contents {
    padding-block: 16px;
  }
  .compact-guide-link {
    height: 92px;
  }
  .article-layout {
    padding-top: 16px;
    padding-bottom: 64px;
  }
  .article-layout .outlined-icon {
    width: 74px;
    height: 74px;
  }
  .related-product {
    grid-template-columns: 72px 1fr;
    gap: 16px;
  }
  .related-product-image {
    width: 72px;
    height: 72px;
    grid-row: auto;
  }
  .related-product-description {
    grid-column: span 2;
  }
  .related-product h3 {
    margin-bottom: 0;
  }
  .takeaway {
    padding: 16px;
    border-radius: 8px;
  }
  .related-stories {
    gap: 24px;
    margin-inline: 16px;
  }
  .story-image {
    border-radius: 8px;
  }
  .related-articles {
    padding-bottom: 16px;
  }
  .mobile-year {
    display: inline;
  }
  .product-detail {
    padding-top: 0;
    padding-bottom: 40px;
  }
  .mint-link > img {
    width: 32px;
    height: 32px;
  }
  .mint-link .eyebrow {
    font-size: 12px;
    line-height: 18px;
  }
  .detail-image {
    border-radius: 8px;
  }
  .specifications dt,
  .specifications dd {
    max-width: none;
  }
  .specifications dd {
    white-space: nowrap;
  }
  .detail-row--coins .detail-image {
    order: -1;
  }
  .detail-row--coins .prose-text p + p {
    margin: 0;
  }
  .detail-row--packaging {
    padding-inline: 24px;
  }
  .detail-callout {
    flex-direction: column;
    gap: 24px;
  }
  .page-product .related-articles {
    padding-bottom: 64px;
  }
  .page-product .related-articles .section-heading {
    padding-block: 64px;
  }
}

@media (min-width: 600px) and (max-width: 1099px) {
  .detail-row,
  .detail-row--hero {
    gap: 40px;
  }
  .page-product .also-check .section-heading {
    display: none;
  }
  .learning-questions .story-row:nth-child(3) {
    margin-bottom: 24px;
  }
  .editorial-hero--guide {
    height: 536px;
  }
  .next-guide {
    padding-top: 64px;
  }
  .next-guide .eyebrow {
    margin-bottom: -16px;
  }
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media (min-width: 600px) and (max-width: 1099px) {
  .guide-layout .prose-section:first-child > .prose-image {
    width: 800px;
    height: 534px;
    align-self: center;
    aspect-ratio: auto;
  }
  .guide-layout {
    overflow: hidden;
  }
  .article-layout #what-happens-when-the-box-is-opened .prose-text p + p {
    margin-top: -24px;
  }
}
@media (max-width: 599px) {
  .specifications dl > div:nth-child(8) dt {
    margin-right: -24px;
  }
  .specifications dl > div:nth-child(8) {
    gap: 0;
  }
  .specifications dl > div:nth-child(8) dd {
    margin-left: auto;
  }
  .related-product-title small {
    line-height: 18px;
    display: block;
  }
  .page-faq .faq-heading {
    padding-top: 64px;
  }
}

.also-heading-mobile {
  display: none;
}
.related-grid > article {
  position: relative;
  padding-bottom: 72px;
}
.related-grid .round-link {
  position: absolute;
  bottom: 0;
  margin: 0;
}
@media (min-width: 2200px) {
  .related-grid > article {
    padding-bottom: 48px;
    min-height: 556px;
  }
  .related-grid .round-link {
    bottom: 0;
  }
}
@media (min-width: 1100px) and (max-width: 1699px) {
  .detail-row {
    padding-inline: 24px;
  }
  .page-article .related-grid {
    margin-inline: 120px;
  }
  .page-article .related-image {
    height: 240px;
  }
  .page-product .related-grid {
    margin-inline: 24px;
  }
  .related-grid > article {
    padding-bottom: 48px;
  }
}
@media (max-width: 599px) {
  .also-heading-desktop {
    display: none;
  }
  .also-heading-mobile {
    display: flex;
    border: 0 !important;
  }
  .search-results {
    padding-top: 32px;
  }
  .search-results > .story-row:nth-child(4) .story-copy {
    gap: 14px;
  }
  .search-question h2 .icon {
    display: none;
  }
}

#all-boxes.is-filtered .product-card:not([hidden]) {
  display: flex;
}
.story-grid.is-filtered {
  grid-auto-flow: row;
  grid-template-rows: none;
}
body:has(.nav-trigger[aria-expanded="true"]) .site-header {
  background: var(--surface);
}
.mega-menu--learn .menu-choice:not(:first-child) {
  gap: 4px;
}
.mega-trending > .button {
  align-self: flex-start;
  gap: 8px;
}
.mega-trending > .button > .icon {
  flex: 0 0 24px;
}
.mega-menu--boxes .menu-product-thumb {
  flex-shrink: 0;
}
.menu-choice > span:not(.icon) {
  min-width: 0;
}
@media (min-width: 1100px) and (max-width: 1699px) {
  .mega-menu--boxes .menu-choice {
    padding: 24px;
    gap: 0;
  }
  .mega-menu--boxes .menu-product-thumb {
    width: 88px;
    margin-right: 24px;
  }
  .mega-menu--boxes .menu-choice:nth-child(3) > .icon {
    margin-left: 24px;
  }
  .mega-menu--boxes .mega-trending {
    padding-left: 24px;
    padding-right: 24px;
  }
  .mega-menu--boxes .researched-box {
    gap: 16px;
  }
}
@media (min-width: 1700px) {
  .header-actions {
    margin-left: 0;
  }
  .header-actions > .button {
    width: 256px;
  }
}

.catalogue-middle--narrow {
  display: none;
}
@media (min-width: 1100px) and (max-width: 1699px) {
  .page-product .related-grid > article {
    padding-bottom: 72px;
  }
}
@media (max-width: 1699px) {
  .catalogue-middle--wide {
    display: none;
  }
  .catalogue-middle--narrow {
    display: grid;
  }
}
@media (min-width: 600px) and (max-width: 1099px) {
  .page-boxes .listing-heading h1 {
    font-size: 40px;
    line-height: 48px;
  }
}
@media (max-width: 599px) {
  .catalogue-middle {
    display: none;
  }
}
@media (max-width: 1099px) {
  .guide-card .button {
    white-space: normal;
  }
}
@media (max-width: 359px) {
  .button {
    font-size: 14px;
  }
  .compact-current {
    font-size: 11px;
  }
  .specifications dl > div:nth-child(8) dd {
    white-space: normal;
    max-width: 170px;
  }
  .specifications dl > div:nth-child(8) dt {
    margin: 0;
  }
}

.hero-mobile-break {
  display: none;
}
@media (max-width: 767px) {
  .market-stats {
    flex-wrap: wrap;
    gap: 24px;
  }
  .market-stats > div {
    padding-right: 24px;
  }
}
@media (max-width: 599px) {
  .hero-mobile-break {
    display: inline;
  }
  .hero-content > .eyebrow {
    max-width: none;
  }
  .hero-content h1 {
    width: calc(100% + 0.15em);
    max-width: none;
    margin-inline: -0.075em;
  }
  .provider-content .display-title {
    width: calc(100% + 8px);
    max-width: none;
    margin-inline: -4px;
  }
}
@media (min-width: 600px) and (max-width: 1099px) {
  .learning-hero h1,
  .editorial-hero h1,
  .empty-search h1 {
    font-size: 40px;
    line-height: 48px;
  }
  .mobile-year {
    display: inline;
  }
}
@media (max-width: 599px) {
  .learning-hero h1,
  .editorial-hero h1,
  .empty-search h1 {
    font-size: 24px;
    line-height: 32px;
  }
}

@media (min-width: 600px) and (max-width: 1099px) {
  .empty-search {
    height: 560px;
  }
}
@media (max-width: 599px) {
  .empty-search {
    height: 320px;
  }
}
/* Figma exports bake these layer alpha values into the PNGs. */
.guide-texture,
.menu-texture,
.learning-hero-image,
.editorial-hero-image,
.continue-image {
  opacity: 1;
}

/* Header artwork and guide navigation retain each supplied composition. */
.page-learn .site-header {
  background: transparent;
}
@media (min-width: 600px) and (max-width: 1099px) {
  .guide-nav {
    display: flex;
    justify-content: flex-start;
  }
  .guide-nav-list {
    gap: 24px;
  }
  .guide-step-number {
    display: none;
  }
  .editorial-hero--guide {
    height: 456px;
  }
  .compact-current {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 500;
    line-height: 24px;
  }
  .compact-current b {
    flex: 0 0 24px;
    font-weight: 400;
  }
  .learning-hero p {
    max-width: none;
    width: 100%;
  }
}
@media (max-width: 1099px) {
  .learning-hero .display-title br {
    display: initial;
  }
  .page-guide .breadcrumbs .icon {
    display: inline-flex;
  }
  .page-guide .breadcrumbs > a:last-child {
    color: var(--muted);
  }
}
@media (max-width: 599px) {
  .page-guide .site-header {
    background: transparent;
  }
  .editorial-hero--guide {
    overflow: visible;
  }
  .editorial-hero-image img {
    object-fit: fill;
    object-position: bottom;
    border-radius: 16px 16px 0 0;
  }
}

.header-search-trigger {
  display: none;
}
@media (min-width: 1100px) and (max-width: 1699px) {
  .brand {
    flex-basis: 304px;
  }
  .desktop-nav {
    gap: 40px;
  }
  .header-actions {
    gap: 24px;
    margin-left: 0;
  }
  .header-actions > .button {
    width: 256px;
  }
  .header-actions > .site-search {
    display: none;
  }
  .header-search-trigger {
    display: flex;
  }
  .story-row {
    gap: 40px;
  }
  .story-image {
    width: 240px;
    flex-basis: 240px;
  }
  .search-heading .filters {
    justify-content: center;
  }
  .page-no-results .search-inline {
    display: block;
    padding: 0 24px 24px;
  }
  .page-no-results .search-inline .site-search {
    border-color: var(--text);
  }
  .page-no-results .empty-search {
    height: 560px;
  }
  .page-boxes .listing-heading .filter-scroll {
    max-width: none;
    width: calc(100% + 32px);
    margin-inline: -16px;
  }
}
@media (min-width: 2200px) {
  .mega-menu {
    padding-inline: calc((100vw - 1920px) / 2);
  }
}
.menu-backdrop {
  background: var(--surface);
}
.mobile-menu-links > :is(a, button) {
  min-height: 34px;
  border-bottom: 0;
  box-shadow: inset 0 -1px var(--divider);
}
.mobile-menu-links > :is(a, button):last-child {
  box-shadow: none;
}
.search-inline .site-search,
.mobile-search-panel .site-search {
  width: 100%;
}