.sto-app {
  --sto-ink: #183139;
  --sto-muted: #607278;
  --sto-teal: #11757b;
  --sto-teal-dark: #0b555b;
  --sto-coral: #e37355;
  --sto-sand: #f4efe5;
  --sto-line: #d7dfdd;
  --sto-white: #fff;
  color: var(--sto-ink);
  font-family: inherit;
  line-height: 1.55;
  margin: 24px auto;
  max-width: 1240px;
}

.sto-app *, .sto-app *::before, .sto-app *::after { box-sizing: border-box; }
.sto-app [hidden] { display: none !important; }
.sto-download-actions { margin: 16px 0; justify-content: flex-end; }
.sto-app button, .sto-app input, .sto-app select, .sto-app textarea { font: inherit; }
.sto-app button, .sto-app a { -webkit-tap-highlight-color: transparent; }

.sto-hero {
  background: linear-gradient(135deg, #0b555b 0%, #11757b 62%, #3f9392 100%);
  border-radius: 24px;
  color: #fff;
  overflow: hidden;
  padding: clamp(28px, 5vw, 64px);
  position: relative;
}

.sto-hero::after {
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 50%;
  content: "";
  height: 330px;
  position: absolute;
  right: -90px;
  top: -155px;
  width: 330px;
}

.sto-hero h2 { color: inherit; font-size: clamp(2rem, 5vw, 4.4rem); letter-spacing: -.045em; line-height: 1; margin: 6px 0 18px; max-width: 820px; }
.sto-hero p { font-size: 1.05rem; margin: 0; max-width: 720px; opacity: .9; }
.sto-kicker, .sto-eyebrow { font-size: .74rem !important; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.sto-kicker { opacity: .76 !important; }
.sto-eyebrow { color: var(--sto-teal); margin: 0 0 4px !important; }

.sto-tabs { align-items: center; border-bottom: 1px solid var(--sto-line); display: flex; gap: 4px; margin: 26px 0 0; overflow-x: auto; }
.sto-tab { background: transparent; border: 0; border-bottom: 3px solid transparent; color: var(--sto-muted); cursor: pointer; font-weight: 750; padding: 14px 18px 12px; white-space: nowrap; }
.sto-tab.is-active { border-color: var(--sto-coral); color: var(--sto-ink); }

.sto-panel { padding: 32px 0; }
.sto-panel-heading { align-items: end; display: flex; gap: 24px; justify-content: space-between; margin-bottom: 24px; }
.sto-panel-heading h3 { color: var(--sto-ink); font-size: clamp(1.6rem, 3vw, 2.35rem); letter-spacing: -.03em; margin: 0; }
.sto-panel-heading > p { color: var(--sto-muted); margin: 0; max-width: 520px; text-align: right; }

.sto-filters, .sto-builder { background: #f8faf9; border: 1px solid var(--sto-line); border-radius: 18px; display: grid; gap: 16px; padding: 20px; }
.sto-filters { align-items: end; grid-template-columns: minmax(240px, 2fr) minmax(145px, .85fr) minmax(165px, 1fr) minmax(145px, .85fr) minmax(145px, .85fr) auto; }
.sto-filters > * { min-width: 0; }
.sto-filters label, .sto-filters input, .sto-filters select { max-width: 100%; min-width: 0; }
.sto-filters .sto-button { white-space: nowrap; }
.sto-app label { color: var(--sto-ink); display: grid; font-weight: 650; gap: 6px; }
.sto-app label > span, .sto-app legend { font-size: .78rem; letter-spacing: .02em; }
.sto-app input, .sto-app select, .sto-app textarea { background: var(--sto-white); border: 1px solid #bfcac8; border-radius: 10px; color: var(--sto-ink); min-height: 44px; padding: 10px 12px; width: 100%; }
.sto-app textarea { line-height: 1.55; resize: vertical; }
.sto-app input:focus, .sto-app select:focus, .sto-app textarea:focus { border-color: var(--sto-teal); box-shadow: 0 0 0 3px rgba(17,117,123,.13); outline: none; }

.sto-button, .sto-secondary, .sto-danger { align-items: center; border-radius: 10px; cursor: pointer; display: inline-flex; font-weight: 750; justify-content: center; min-height: 44px; padding: 10px 17px; text-decoration: none !important; }
.sto-button { background: var(--sto-teal); border: 1px solid var(--sto-teal); color: #fff; }
.sto-button:hover { background: var(--sto-teal-dark); border-color: var(--sto-teal-dark); color: #fff; }
.sto-secondary { background: var(--sto-white); border: 1px solid #aebcba; color: var(--sto-ink); }
.sto-danger { background: #fff6f4; border: 1px solid #c8513f; color: #9e3223; }
.sto-button:disabled, .sto-secondary:disabled { cursor: wait; opacity: .55; }

.sto-news-grid { display: grid; gap: 18px; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 24px; }
.sto-news-card { background: var(--sto-white); border: 1px solid var(--sto-line); border-radius: 16px; display: flex; flex-direction: column; min-height: 260px; padding: 20px; }
.sto-card-meta { display: flex; flex-wrap: wrap; gap: 7px; }
.sto-card-meta span { background: var(--sto-sand); border-radius: 999px; color: #505b5d; font-size: .7rem; font-weight: 750; padding: 5px 9px; }
.sto-news-card h4 { font-size: 1.14rem; line-height: 1.27; margin: 16px 0 10px; }
.sto-news-card h4 a { color: var(--sto-ink); text-decoration: none; }
.sto-news-card h4 a:hover { color: var(--sto-teal); text-decoration: underline; text-underline-offset: 3px; }
.sto-news-card > p { color: var(--sto-muted); font-size: .92rem; margin: 0 0 18px; }
.sto-news-card footer { border-top: 1px solid #edf0ef; color: var(--sto-muted); display: flex; font-size: .72rem; gap: 10px; justify-content: space-between; margin-top: auto; padding-top: 12px; }
.sto-pick { align-items: center; border-top: 1px solid #edf0ef; display: flex !important; font-size: .78rem; gap: 8px !important; margin-top: 12px; padding-top: 12px; }
.sto-pick input { min-height: 0; width: auto; }

.sto-pagination { align-items: center; display: flex; gap: 14px; justify-content: center; margin-top: 24px; }
.sto-loading, .sto-empty { background: #f8faf9; border: 1px dashed #bbc8c5; border-radius: 14px; color: var(--sto-muted); grid-column: 1 / -1; padding: 36px; text-align: center; }
.sto-notice { border-radius: 12px; margin-top: 16px; padding: 13px 16px; }
.sto-notice.is-error, .sto-error { background: #fff3f0; color: #9e3223; }

.sto-builder { gap: 22px; }
.sto-builder-grid { display: grid; gap: 16px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.sto-builder fieldset { border: 0; margin: 0; padding: 0; }
.sto-builder legend { font-weight: 800; margin-bottom: 10px; }
.sto-check-grid { display: grid; gap: 8px; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.sto-check-grid label { align-items: start; background: var(--sto-white); border: 1px solid var(--sto-line); border-radius: 10px; display: flex; font-size: .82rem; gap: 8px; padding: 9px 10px; }
.sto-check-grid input { min-height: 0; margin-top: 3px; width: auto; }
.sto-builder > .sto-button { justify-self: start; }

.sto-report-output, .sto-dossier, .sto-draft-editor { background: var(--sto-white); border: 1px solid var(--sto-line); border-radius: 18px; margin-top: 24px; padding: clamp(18px, 3vw, 30px); }
.sto-report-title { align-items: start; display: flex; gap: 20px; justify-content: space-between; }
.sto-report-title h4, .sto-dossier h4, .sto-draft-editor h4 { font-size: 1.45rem; margin: 0 0 14px; }
.sto-report-tables { display: grid; gap: 22px; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 22px 0; }
.sto-app table { border-collapse: collapse; font-size: .88rem; width: 100%; }
.sto-app caption { font-size: .9rem; font-weight: 800; padding-bottom: 8px; text-align: left; }
.sto-app th, .sto-app td { border-bottom: 1px solid #e5eae8; padding: 9px; text-align: left; }
.sto-app td { color: var(--sto-muted); }
.sto-table-wrap { overflow-x: auto; }
.sto-footnote { color: var(--sto-muted); font-size: .74rem; }
.sto-source-list li { margin-bottom: 8px; }
.sto-source-list span { color: var(--sto-muted); display: block; font-size: .76rem; }

.sto-saved-section { margin-top: 30px; }
.sto-saved-section h4 { font-size: 1.2rem; margin-bottom: 12px; }
.sto-saved-card { align-items: center; border-bottom: 1px solid var(--sto-line); display: flex; gap: 18px; justify-content: space-between; padding: 13px 4px; }
.sto-saved-card div:first-child { display: grid; gap: 3px; }
.sto-saved-card small, .sto-muted { color: var(--sto-muted); }
.sto-actions { align-items: center; display: flex; flex-wrap: wrap; gap: 9px; }
.sto-link-button, .sto-link-danger { background: transparent; border: 0; cursor: pointer; font-weight: 750; padding: 5px; }
.sto-link-button { color: var(--sto-teal); }
.sto-link-danger { color: #a23b2b; }

.sto-editorial-selection { align-items: center; background: var(--sto-sand); border-radius: 12px; display: flex; justify-content: space-between; margin-bottom: 16px; padding: 12px 16px; }
.sto-dossier ol { color: var(--sto-muted); }
.sto-dossier textarea[readonly] { background: #f3f6f5; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; font-size: .78rem; }
.sto-dossier > label, .sto-draft-editor > label { margin-top: 16px; }

@media (max-width: 1050px) {
  .sto-filters { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .sto-news-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sto-check-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 820px) {
  .sto-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sto-filters .sto-button { width: 100%; }
}

@media (max-width: 700px) {
  .sto-app { margin: 12px auto; }
  .sto-hero { border-radius: 16px; padding: 28px 20px; }
  .sto-hero h2 { font-size: 2.25rem; }
  .sto-tabs { margin-top: 16px; }
  .sto-tab { flex: 0 0 auto; padding-inline: 13px; }
  .sto-panel { padding-top: 24px; }
  .sto-panel-heading { align-items: start; display: grid; gap: 8px; }
  .sto-panel-heading > p { text-align: left; }
  .sto-filters, .sto-builder-grid, .sto-report-tables { grid-template-columns: minmax(0, 1fr); }
  .sto-news-grid { grid-template-columns: 1fr; }
  .sto-check-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sto-saved-card, .sto-report-title { align-items: start; flex-direction: column; }
  .sto-actions .sto-button, .sto-actions .sto-secondary, .sto-actions .sto-danger { flex: 1 1 100%; }
}

@media (max-width: 430px) {
  .sto-check-grid { grid-template-columns: 1fr; }
  .sto-filters, .sto-builder, .sto-report-output, .sto-dossier, .sto-draft-editor { border-radius: 13px; padding: 15px; }
  .sto-pagination { flex-wrap: wrap; }
}

/* Public archive: an editorial layout inspired by La Misma Senda. */
.sto-public { --sto-ink: #343a3b; --sto-muted: #5c7781; --sto-teal: #008c96; --sto-line: #cddfe0; max-width: 1450px; }
.sto-public .sto-hero { background: transparent; border-radius: 0; color: #393b3b; padding: 18px 0 30px; }
.sto-public .sto-hero::after { content: none; }
.sto-public .sto-hero h2, .sto-public .sto-panel-heading h3, .sto-public .sto-feature-card h4, .sto-public .sto-news-card h4 { font-family: Georgia, 'Times New Roman', serif; font-weight: 400; letter-spacing: -.025em; }
.sto-public .sto-hero h2 { font-size: clamp(2.4rem, 4.5vw, 4rem); line-height: 1.1; margin: 14px 0; }
.sto-public .sto-hero p { opacity: 1; }
.sto-public .sto-kicker, .sto-public .sto-eyebrow { color: #008c96; font-size: .76rem !important; letter-spacing: .17em; }
.sto-public .sto-tabs { margin-top: 0; }
.sto-public .sto-tab.is-active { border-color: #1cb7c0; }
.sto-public .sto-panel { padding-top: 36px; }
.sto-public .sto-panel-heading h3 { font-size: clamp(2.1rem, 3.5vw, 3.4rem); }
.sto-public .sto-featured { background: #414141; color: #fff; display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); margin: 26px 0 48px; }
.sto-public .sto-feature-card { border-bottom: 1px solid rgba(119, 218, 223, .35); min-width: 0; padding: clamp(24px, 3vw, 48px); }
.sto-public .sto-feature-card:last-child { border-bottom: 0; }
.sto-public .sto-feature-lead { border-bottom: 0; border-right: 1px solid rgba(119, 218, 223, .35); grid-row: span 2; }
.sto-public .sto-feature-meta { color: #7ce2eb; font-size: .73rem; font-weight: 700; letter-spacing: .14em; margin: 0 0 20px; text-transform: uppercase; }
.sto-public .sto-feature-card h4 { font-size: clamp(1.5rem, 2.3vw, 2.25rem); line-height: 1.15; margin: 0 0 20px; overflow-wrap: anywhere; }
.sto-public .sto-feature-lead h4 { font-size: clamp(2rem, 3.5vw, 3.5rem); }
.sto-public .sto-feature-card h4 a { color: #fff; text-decoration: none; }
.sto-public .sto-feature-card h4 a:hover { color: #9beaf0; text-decoration: underline; }
.sto-public .sto-feature-summary { color: #edf8f8; line-height: 1.65; margin: 26px 0; }
.sto-public .sto-feature-card footer { color: #d8f1f2; font-size: .8rem; margin-top: 24px; }
.sto-public .sto-filters { align-items: end; background: transparent; border: 0; border-radius: 0; gap: 16px; grid-template-columns: repeat(4, minmax(0, 1fr)) auto auto; padding: 0 0 26px; }
.sto-public .sto-filters > label:first-child { grid-column: 1 / -1; }
.sto-public .sto-filters label { color: #52717a; font-size: .8rem; font-weight: 400; }
.sto-public .sto-filters input, .sto-public .sto-filters select { background: #fff; border: 0; border-bottom: 1px solid #b8d1d3; border-radius: 0; min-height: 46px; padding: 10px 6px; width: 100%; }
.sto-public .sto-filters input[type='search'] { border: 1px solid #b8d1d3; padding: 15px 16px; }
.sto-public .sto-filters .sto-button { background: #087f88; border-radius: 0; min-height: 46px; }
.sto-public .sto-clear { background: transparent; border: 0; color: #52717a; cursor: pointer; min-height: 46px; padding: 10px 6px; white-space: nowrap; }
.sto-public .sto-clear:hover { color: #006e76; text-decoration: underline; }
.sto-public .sto-download-actions { border-top: 1px solid var(--sto-line); margin: 0; padding: 18px 0 8px; }
.sto-public .sto-download-actions .sto-secondary { border-radius: 0; color: #315761; font-size: .83rem; }
.sto-public .sto-news-grid { gap: 34px; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 18px; }
.sto-public .sto-news-card { background: transparent; border: 0; border-top: 1px solid var(--sto-line); border-radius: 0; min-height: 0; padding: 28px 0; }
.sto-public .sto-card-meta { gap: 7px; }
.sto-public .sto-card-meta span { background: transparent; border-radius: 0; color: #008c96; font-size: .72rem; letter-spacing: .08em; padding: 0; text-transform: uppercase; }
.sto-public .sto-card-meta span + span::before { content: '·'; padding-right: 7px; }
.sto-public .sto-news-card h4 { font-size: clamp(1.8rem, 2.4vw, 2.5rem); line-height: 1.16; margin: 20px 0 14px; overflow-wrap: anywhere; }
.sto-public .sto-news-card > p { color: #5c7781; font-size: 1rem; line-height: 1.6; }
.sto-public .sto-news-card footer { border-top: 0; font-size: .8rem; justify-content: flex-start; }
.sto-public .sto-news-card footer span + span::before { content: '·'; padding-right: 10px; }
.sto-public :is(a, button, input, select):focus-visible { outline: 3px solid #23afb8; outline-offset: 3px; }
@media (max-width: 1050px) { .sto-public .sto-filters { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 700px) {
  .sto-public .sto-hero { padding: 14px 0 24px; }
  .sto-public .sto-hero h2 { font-size: 2.5rem; }
  .sto-public .sto-featured { grid-template-columns: 1fr; margin: 20px 0 32px; }
  .sto-public .sto-feature-lead { border-bottom: 1px solid rgba(119, 218, 223, .35); border-right: 0; grid-row: auto; }
  .sto-public .sto-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 0 0 18px; }
  .sto-public .sto-filters .sto-button, .sto-public .sto-clear { width: 100%; }
  .sto-public .sto-news-grid { gap: 12px; grid-template-columns: 1fr; }
  .sto-public .sto-news-card h4 { font-size: 1.9rem; }
}

/* 0.2.3: public composition aligned with La Misma Senda. */
body.page-id-39104 .td-page-header,
body.page-id-39104 .entry-crumbs {
  display: none;
}

body.page-id-39104 .td-container.tdc-content-wrap {
  max-width: 1460px;
  width: calc(100% - 40px);
}

.sto-design-023 {
  --sto-charcoal: #454545;
  --sto-cyan: #63d8e4;
  margin: 0 auto 64px;
  max-width: none;
}

.sto-design-023 .sto-hero {
  padding: 26px 0 38px;
}

.sto-design-023 .sto-hero-copy {
  align-items: end;
  display: grid;
  gap: 48px;
  grid-template-columns: minmax(0, 1.55fr) minmax(260px, .75fr);
}

.sto-design-023 .sto-hero h2 {
  font-size: clamp(3rem, 5.3vw, 5.35rem);
  line-height: .98;
  margin: 18px 0 0;
  max-width: 980px;
}

.sto-design-023 .sto-hero-copy > p {
  color: #315b66;
  font-size: 1.05rem;
  line-height: 1.5;
  margin: 0 0 5px;
  max-width: 430px;
}

.sto-design-023 .sto-tabs-single {
  display: none;
}

.sto-design-023 .sto-panel {
  padding-top: 0;
}

.sto-design-023 .sto-featured {
  background: var(--sto-charcoal);
  grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
  margin: 0 0 56px;
}

.sto-design-023 .sto-feature-card {
  border-color: rgba(99, 216, 228, .38);
  padding: clamp(30px, 4vw, 58px);
}

.sto-design-023 .sto-feature-lead {
  border-color: rgba(99, 216, 228, .38);
}

.sto-design-023 .sto-feature-meta {
  color: var(--sto-cyan);
  font-size: .76rem;
  letter-spacing: .17em;
}

.sto-design-023 .sto-feature-lead h4 {
  font-size: clamp(2.5rem, 4.1vw, 4.35rem);
  line-height: 1.07;
}

.sto-design-023 .sto-feature-card:not(.sto-feature-lead) h4 {
  font-size: clamp(1.65rem, 2.45vw, 2.55rem);
  line-height: 1.14;
}

.sto-design-023 .sto-feature-summary {
  font-size: 1.02rem;
  max-width: 780px;
}

.sto-design-023 .sto-explore-heading {
  align-items: end;
  border-bottom: 1px solid var(--sto-line);
  display: flex;
  gap: 24px;
  justify-content: space-between;
  margin-bottom: 22px;
  padding-bottom: 12px;
}

.sto-design-023 .sto-explore-heading p {
  margin: 0;
}

.sto-design-023 .sto-explore-heading > p:last-child {
  color: #52717a;
  font-size: .9rem;
}

.sto-design-023 .sto-filters {
  column-gap: 24px;
  grid-template-columns: repeat(4, minmax(0, 1fr)) auto;
  row-gap: 18px;
}

.sto-design-023 .sto-filters > label.sto-search-field:first-child {
  grid-column: 1 / 5;
  grid-row: 1;
  position: relative;
}

.sto-design-023 .sto-feature-lead h4 a,
.sto-design-023 .sto-feature-card:not(.sto-feature-lead) h4 a,
.sto-design-023 .sto-feature-summary {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.sto-design-023 .sto-feature-lead h4 a {
  -webkit-line-clamp: 4;
}

.sto-design-023 .sto-feature-card:not(.sto-feature-lead) h4 a,
.sto-design-023 .sto-feature-summary {
  -webkit-line-clamp: 3;
}

.sto-design-023 .sto-search-field > span {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.sto-design-023 .sto-search-field::before {
  border: 2px solid #52717a;
  border-radius: 50%;
  content: '';
  height: 15px;
  left: 20px;
  pointer-events: none;
  position: absolute;
  top: 17px;
  width: 15px;
  z-index: 1;
}

.sto-design-023 .sto-search-field::after {
  background: #52717a;
  content: '';
  height: 2px;
  left: 33px;
  pointer-events: none;
  position: absolute;
  top: 32px;
  transform: rotate(45deg);
  width: 8px;
  z-index: 1;
}

.sto-design-023 .sto-filters input[type='search'] {
  font-size: 1rem;
  min-height: 54px;
  padding: 14px 18px 14px 54px;
}

.sto-design-023 .sto-filters label:not(.sto-search-field) {
  border-bottom: 1px solid #b8d1d3;
  gap: 0;
}

.sto-design-023 .sto-filters label:not(.sto-search-field) > span {
  color: #52717a;
  font-size: .72rem;
  font-weight: 500;
  letter-spacing: .06em;
}

.sto-design-023 .sto-filters label:not(.sto-search-field) :is(input, select) {
  border-bottom: 0;
  padding-left: 0;
}

.sto-design-023 .sto-filters .sto-button {
  grid-column: 5;
  grid-row: 2;
  min-height: 52px;
  padding-inline: 24px;
}

.sto-design-023 .sto-clear {
  grid-column: 5;
  grid-row: 1;
  justify-self: end;
  min-height: 54px;
  padding-inline: 18px;
}

.sto-design-023 .sto-download-actions {
  border-top: 0;
  padding: 16px 0 10px;
}

.sto-design-023 .sto-download-actions .sto-secondary {
  border-color: #9fb8bc;
  min-height: 48px;
  padding-inline: 22px;
}

.sto-design-023 .sto-news-grid {
  column-gap: 42px;
  row-gap: 8px;
}

.sto-design-023 .sto-news-card {
  padding: 34px 0 38px;
}

.sto-design-023 .sto-news-card h4 {
  font-size: clamp(2rem, 2.75vw, 2.8rem);
  line-height: 1.13;
}

.sto-design-023 .sto-news-card > p {
  font-size: 1.02rem;
  line-height: 1.68;
}

@media (max-width: 900px) {
  .sto-design-023 .sto-hero-copy {
    gap: 20px;
    grid-template-columns: minmax(0, 1.25fr) minmax(220px, .75fr);
  }

  .sto-design-023 .sto-filters {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sto-design-023 .sto-filters > label.sto-search-field:first-child {
    grid-column: 1 / -1;
  }

  .sto-design-023 .sto-clear {
    grid-column: 2;
    grid-row: 4;
  }

  .sto-design-023 .sto-filters .sto-button {
    grid-column: 1;
    grid-row: 4;
  }
}

@media (max-width: 700px) {
  body.page-id-39104 .td-container.tdc-content-wrap {
    width: calc(100% - 28px);
  }

  .sto-design-023 {
    margin-bottom: 40px;
  }

  .sto-design-023 .sto-hero {
    padding: 18px 0 26px;
  }

  .sto-design-023 .sto-hero-copy {
    align-items: start;
    gap: 18px;
    grid-template-columns: 1fr;
  }

  .sto-design-023 .sto-hero h2 {
    font-size: clamp(2.65rem, 13vw, 4rem);
  }

  .sto-design-023 .sto-featured {
    grid-template-columns: 1fr;
    margin-bottom: 38px;
  }

  .sto-design-023 .sto-feature-lead h4 {
    font-size: clamp(2.15rem, 10vw, 3.2rem);
  }

  .sto-design-023 .sto-explore-heading {
    align-items: start;
    flex-direction: column;
    gap: 6px;
  }

  .sto-design-023 .sto-news-card h4 {
    font-size: clamp(1.85rem, 9vw, 2.45rem);
  }
}

@media (max-width: 520px) {
  .sto-design-023 .sto-filters {
    grid-template-columns: 1fr;
  }

  .sto-design-023 .sto-filters > label.sto-search-field:first-child,
  .sto-design-023 .sto-clear,
  .sto-design-023 .sto-filters .sto-button {
    grid-column: 1;
    grid-row: auto;
  }

  .sto-design-023 .sto-clear {
    justify-self: stretch;
  }

  .sto-design-023 .sto-download-actions .sto-secondary {
    width: 100%;
  }
}