/* Original story structure, with a stable reading measure and scoped typography. */
.stories-page{--story-measure:640px;--story-body:18px;--story-h1:48px;--story-h2:28px;--story-h3:21px}
.stories-page .no-wrap{white-space:nowrap}
.stories-page main .section{width:100%!important;max-width:none!important;padding:64px 20px!important}
.stories-page main .section[id]{scroll-margin-top:96px}
.stories-page main .story-reading-rail{width:min(100%,var(--story-measure))!important;max-width:var(--story-measure)!important;margin:0 auto!important}
.stories-page main h1{font-size:var(--story-h1)!important;line-height:1.4!important;text-align:center!important;white-space:normal!important}
.stories-page main h2{font-size:var(--story-h2)!important;line-height:1.5!important;text-align:center!important;margin:0 0 24px!important}
.stories-page main h3{font-size:var(--story-h3)!important;line-height:1.5!important;text-align:center!important;margin:0 0 20px!important}
.stories-page main p,.stories-page main li{font-size:var(--story-body)!important;line-height:1.8!important;text-align:left!important;font-weight:500!important;word-break:normal!important;overflow-wrap:anywhere!important;margin:0 0 24px!important}
.stories-page main .story-reading-rail>h2:not(:first-child){margin-top:40px!important}
.stories-page main .image-hero{min-height:560px!important;padding:64px 20px!important}
.stories-page main .image-hero>div{display:flex!important;flex-direction:column!important;align-items:center!important;width:min(100%,var(--story-measure))!important;max-width:var(--story-measure)!important;margin:0 auto!important;padding:0!important}
.stories-page main .image-hero>div>p{width:100%!important;max-width:none!important;margin:0!important;text-align:center!important}
.stories-page .hero-actions{display:flex;flex-direction:column;gap:12px;margin-top:28px}
.stories-page .hero-actions .button{margin:0}
.stories-page .hero-actions .outline-link{border:none;padding:0;font-size:16px;text-decoration:underline;background:transparent}
.stories-page main .story-categories{padding:48px 20px!important}
.stories-page .verified-categories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;width:min(100%,1320px);max-width:1320px!important;margin:auto}
.stories-page .verified-categories>article{min-width:0;padding:20px;background:#e9e0d5}
.stories-page .verified-categories h2{font-size:21px!important;line-height:1.5!important;min-height:64px;margin-bottom:16px!important}
.stories-page .verified-categories>article>p{font-size:16px!important;min-height:145px;line-height:1.7!important}
.stories-page .category-illustration{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;margin:0 0 20px;border:1px solid rgba(31,42,42,.12)}
.stories-page .category-articles{display:grid;gap:20px}
.stories-page .verified-article{display:block;background:#fff;border:1px solid var(--line);color:var(--ink);min-width:0;padding-bottom:16px}
.stories-page .verified-article img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.stories-page .verified-article h3{font-size:16px!important;line-height:1.7!important;margin:16px 16px 12px!important;text-align:left!important;overflow-wrap:anywhere}
.stories-page .verified-article span{display:block;color:var(--teal);font-size:14px;margin:0 16px;text-decoration:underline;text-underline-offset:3px}
.stories-page main .category-more{width:100%;max-width:none!important;text-align:center!important;margin:32px auto 0!important}
.stories-page .verified-archive{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:24px 0 0}
.stories-page .story-reading-rail>.button{display:block;width:max-content;max-width:100%;margin:28px auto 0;text-align:center}
.stories-page .story-cta-actions{display:flex;flex-direction:column;gap:12px;margin-top:28px}
.stories-page .story-cta-actions>a{width:100%;max-width:380px;text-align:center;margin:0;font-size:18px}
.stories-page .footer-bottom p{word-break:normal!important;overflow-wrap:anywhere!important;line-break:auto!important}
@media(max-width:1100px){.stories-page .verified-categories{grid-template-columns:repeat(2,minmax(0,1fr));max-width:840px!important}.stories-page .verified-categories>article>p{min-height:0}}
@media(max-width:600px){
 .stories-page{--story-measure:280px;--story-body:16px;--story-h1:28px;--story-h2:24px;--story-h3:20px}
 .stories-page main .section{padding:48px 20px!important}
 .stories-page main .image-hero{min-height:0!important;padding:48px 20px!important}
 .stories-page main .image-hero h1{width:100%!important;margin:0 0 24px!important}
 .stories-page main .image-hero .hero-actions{width:100%!important;max-width:none!important}
 .stories-page .hero-actions .button{width:100%;padding:14px 12px;font-size:16px}
 .stories-page .verified-categories{width:min(100%,320px)!important;max-width:320px!important;grid-template-columns:1fr;gap:32px}
 .stories-page .verified-categories>article{padding:16px}
 .stories-page .verified-categories h2{font-size:18px!important;line-height:1.5!important}
 .stories-page .verified-categories h2,.stories-page .verified-categories>article>p{min-height:0}
 .stories-page .verified-archive{grid-template-columns:1fr;gap:24px}
 .stories-page .story-reading-rail>.button{width:100%;font-size:16px}
 .stories-page main .category-more{width:min(100%,280px)!important;max-width:280px!important}
 .stories-page .story-cta-actions>a{font-size:16px;padding:14px 12px}
}

/* Match the source site's wider four-card graduate archive while keeping copy rails narrow. */
.stories-page main .story-archive-rail{width:min(100%,960px)!important;max-width:960px!important}
.stories-page .verified-archive{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
@media(max-width:900px){.stories-page .verified-archive{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.stories-page main .story-archive-rail{width:min(100%,280px)!important;max-width:280px!important}.stories-page .verified-archive{grid-template-columns:1fr}}

/* Give the image-led desktop hero enough measure to avoid a stranded final character. */
@media(min-width:601px){.stories-page main .image-hero>div{width:min(100%,800px)!important;max-width:800px!important}}

/* 2026-10-05: align the refreshed Wix story page and restore article context. */
.stories-page main .story-preface{padding-bottom:24px!important}
.stories-page main .story-categories{padding-top:32px!important}
.stories-page main .image-hero{min-height:clamp(640px,calc(100svh - 88px),780px)!important}
.stories-page main .image-hero>img{filter:brightness(.68)!important}
.stories-page main .image-hero h1{font-size:54px!important;line-height:1.35!important;text-shadow:0 2px 14px rgba(0,0,0,.42)}
.stories-page .story-excerpt{margin:0 16px 14px!important;font-size:14px!important;line-height:1.7!important;color:#454b49;text-align:left!important}
.stories-page .verified-archive .story-excerpt{margin:0 14px 14px!important}
@media(max-width:600px){
 .stories-page main .story-preface{padding-bottom:20px!important}
 .stories-page main .story-categories{padding-top:24px!important}
 .stories-page main .image-hero{min-height:0!important}
 .stories-page main .image-hero h1{font-size:28px!important;line-height:1.5!important}
 .stories-page .story-excerpt{margin:0 12px 12px!important;font-size:14px!important;line-height:1.7!important}
}.stories-page .story-whitepaper .story-reading-rail>h2,
.stories-page .story-whitepaper .story-reading-rail>h3{text-align:center!important}
.stories-page .whitepaper-form{display:grid;gap:16px;width:min(100%,440px);margin:28px auto 0;padding:28px;background:#fff}
.stories-page .whitepaper-form label{display:grid;gap:6px;font-size:15px;line-height:1.5;font-weight:600}
.stories-page .whitepaper-form input{width:100%;min-height:46px;padding:10px 12px;border:1px solid #a8aaa7;border-radius:2px;background:#fff;color:var(--ink);font:inherit}
.stories-page .whitepaper-form input:focus-visible{outline:3px solid rgba(45,119,121,.25);outline-offset:1px;border-color:var(--teal)}
.stories-page .whitepaper-form .button{justify-self:center;min-width:240px;margin:12px auto 0;font:inherit;cursor:pointer}
.stories-page .whitepaper-note{margin:12px auto 0!important;color:#766f67;font-size:14px!important;text-align:center!important}
@media(max-width:600px){.stories-page .whitepaper-form{gap:14px;padding:20px 16px}.stories-page .whitepaper-form .button{width:100%;min-width:0}.stories-page .whitepaper-note{font-size:13px!important;text-align:left!important}}
/* 2026-10-06 Wix desktop comparison: keep the source's single-line title and lower hero composition. */
@media (min-width: 1101px) {
  .stories-page main .image-hero { min-height: 636px !important; }
  .stories-page main .image-hero .hero-desktop-break { display: block; }
  .stories-page main .image-hero > div { width: min(100%, 1120px) !important; max-width: 1120px !important; transform: translateY(90px); }
  .stories-page main .image-hero h1 {
    width: 100% !important;
    max-width: 1120px !important;
    white-space: nowrap !important;
    font-size: clamp(48px, 4.3vw, 58px) !important;
    line-height: 1.35 !important;
    margin: 0 0 12px !important;
  }
  .stories-page main .image-hero .hero-actions { margin-top: 161px !important; }
  .stories-page main .image-hero .hero-actions .button { width: 310px; min-height: 56px; display: flex; align-items: center; justify-content: center; }
  .stories-page main .image-hero > div > p {
    width: min(100%, 960px) !important;
    max-width: 960px !important;
    line-height: 1.7 !important;
  }
}
@media (min-width: 601px) and (max-width: 1100px) {
  .stories-page main .image-hero { min-height: 720px !important; }
  .stories-page main .image-hero h1 { font-size: clamp(40px, 5vw, 54px) !important; }
}



/* 2026-10-06: PC hero measured against the live Wix section (636px high). */
.stories-page main .image-hero .hero-desktop-line { display: inline; }
@media (min-width: 1101px) {
  .stories-page main .image-hero { min-height: 636px !important; }
  .stories-page main .image-hero .hero-desktop-line { display: block; }
  .stories-page main .image-hero > img { filter: none !important; }
  .stories-page main .image-hero > div {
    width: min(100%, 1120px) !important;
    max-width: 1120px !important;
    transform: translateY(100px);
  }
  .stories-page main .image-hero h1 {
    width: 100% !important;
    max-width: 960px !important;
    white-space: nowrap !important;
    font-size: 60px !important;
    line-height: 1.2 !important;
    margin: 0 !important;
    background: rgba(38, 39, 36, .24);
  }
  .stories-page main .image-hero > div > p {
    width: min(100%, 880px) !important;
    max-width: 880px !important;
    font-size: 30px !important;
    line-height: 1.8 !important;
    margin: 0 auto !important;
    text-wrap: balance;
    background: rgba(38, 39, 36, .24);
  }
  .stories-page main .image-hero .hero-actions { margin-top: 58px !important; }
  .stories-page main .image-hero .hero-actions .button {
    width: 314px;
    height: 45px;
    min-height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 16px;
  }
}
@media (min-width: 601px) and (max-width: 1100px) {
  .stories-page main .image-hero { min-height: 720px !important; }
  .stories-page main .image-hero h1 { font-size: clamp(40px, 5vw, 54px) !important; }
}



/* Article pagination: independent controls, readable excerpts and stable card widths. */
.stories-page .verified-article[hidden]{display:none!important}
.stories-page main .verified-article .story-excerpt{font-size:14px!important;line-height:1.7!important;font-weight:400!important;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;margin:0 16px 16px!important}
.stories-page .story-pagination{display:flex;justify-content:center;flex-wrap:wrap;gap:4px;margin:24px 0 0}
.stories-page .story-pagination button{min-width:36px;min-height:44px;padding:6px;border:1px solid transparent;background:transparent;color:var(--ink);font:inherit;font-size:14px;cursor:pointer}
.stories-page .story-pagination button[aria-current]{background:var(--teal);color:white;border-radius:2px}
.stories-page .story-pagination button:disabled{opacity:.4;cursor:default}
.stories-page .story-pagination button:focus-visible{outline:2px solid var(--teal);outline-offset:2px}
.stories-page .story-paged{min-width:0}
@media(min-width:1101px){.stories-page .verified-categories>article{padding:16px}.stories-page .story-pagination{gap:0}.stories-page .story-pagination button{min-width:32px;padding:4px}}
@media(max-width:600px){.stories-page .story-pagination button{min-width:40px;min-height:44px}.stories-page .story-pagination{gap:2px}.stories-page .verified-article h3{font-size:17px!important;line-height:1.6!important}.stories-page main .verified-article .story-excerpt{font-size:15px!important}}
@media(max-width:600px){.stories-page .story-pagination .story-page-direction{order:2;flex-basis:calc(50% - 2px)}.stories-page .story-pagination button:not(.story-page-direction){order:1}}

/* Share heading, description and image rows so desktop category images align at every width. */
@media(min-width:1101px){.stories-page .verified-categories{row-gap:0}.stories-page .verified-categories>article{display:grid;grid-template-rows:subgrid;grid-row:span 4;row-gap:0}}