/* Resources draft — Runway Connect. Typography intentionally uses Inter throughout. */
.resources-main-nav .desktop-nav-links a:first-child{background:transparent!important;color:#37333c!important}
.resources-main-nav .desktop-nav-links a.active{background:#f0ebf8!important;color:#6750a4!important}
.resources-main-nav .desktop-brand,.resources-main-nav .desktop-get-app{display:flex!important}
.resources-main-nav .desktop-brand{visibility:visible!important;pointer-events:auto!important}
.resources-main-nav{justify-content:space-between!important}
.resources-main-nav .desktop-nav-links{margin:0!important}
.resources-main-nav .desktop-get-app{font-size:16px!important}
body{margin:0;background:#f8f7f4;color:#111;font-family:Inter,Arial,sans-serif}.hero{position:relative;min-height:690px;overflow:hidden;background:#d8d0c5}.hero-media{position:absolute;inset:0}.hero-media img{width:100%;height:100%;object-fit:cover;filter:saturate(.65) contrast(.94)}.hero-wash{position:absolute;inset:0;background:linear-gradient(90deg,rgba(248,247,244,.98) 0%,rgba(248,247,244,.91) 34%,rgba(248,247,244,.08) 62%,rgba(17,17,17,.28) 100%)}.hero-copy{position:relative;z-index:2;width:min(1180px,calc(100% - 80px));margin:auto;padding-top:175px}.eyebrow{font-size:11px;letter-spacing:5px;font-weight:700}.hero h1,.stories h2{font-family:Inter,Arial,sans-serif;font-weight:500;letter-spacing:-2.8px}.hero h1{font-size:72px;line-height:.96;margin:24px 0}.hero h1 em,.stories h2 em{font-style:italic;font-weight:500;color:#6750a4}.hero-copy>p:not(.eyebrow){font-size:17px;line-height:1.55;max-width:500px}.search{margin-top:36px;width:min(500px,100%);height:56px;background:rgba(255,255,255,.92);border:1px solid rgba(0,0,0,.08);border-radius:12px;display:flex;align-items:center;padding:0 18px;gap:12px}.search input{border:0;outline:0;background:transparent;width:100%;font-family:Inter,Arial,sans-serif;font-size:14px}.hero-side{position:absolute;z-index:2;right:8%;top:270px;color:white;font-family:Inter,Arial,sans-serif;font-size:15px;line-height:1.9;letter-spacing:6px}.hero-side span{display:block;width:92px;border-top:1px solid white;margin-top:24px}.library{background:#fff;padding:40px max(42px,calc((100vw - 1180px)/2)) 90px}.filters{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin:0 0 38px}.filters button{border:0;background:transparent;padding:12px 16px;border-radius:999px;font-family:Inter,Arial,sans-serif;font-size:13px;cursor:pointer;color:#37333c}.filters button.active{background:#f0ebf8;color:#6750a4;font-weight:600}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px 20px}.resource-card[hidden]{display:none}.card-image{display:block;height:280px;overflow:hidden;background:#eee}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .45s}.resource-card:hover img{transform:scale(1.025)}.card-category{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;margin:13px 10px 8px}.card-title{display:flex;justify-content:space-between;gap:20px;color:#111;text-decoration:none;font-family:Inter,Arial,sans-serif;font-weight:500;font-size:21px;line-height:1.22;margin:0 10px}.card-title span{font-family:Inter,Arial,sans-serif;font-size:18px}.resource-card>p:last-child{font-size:13px;color:#666;line-height:1.55;margin:12px 10px 0}.empty{text-align:center;padding:50px}@media(max-width:600px){.resources-main-nav{display:none!important}.resources-mobile-header{display:flex!important}.hero{min-height:700px}.hero-media img{object-position:68% center}.hero-wash{background:linear-gradient(180deg,rgba(248,247,244,.97) 8%,rgba(248,247,244,.8) 48%,rgba(17,17,17,.12) 100%)}.hero-copy{width:auto;padding:150px 24px 0}.hero h1{font-size:49px}.hero-copy>p:not(.eyebrow){font-size:15px;max-width:360px}.hero-side{display:none}.library{padding:28px 18px 65px}.filters{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:5px}.filters button{white-space:nowrap}.grid{grid-template-columns:1fr;gap:40px}.card-image{height:390px}.stories{height:auto;grid-template-columns:1fr}.stories-copy{padding:65px 24px}.stories h2{font-size:44px}.stories img{height:380px}}
@media(min-width:601px){.resources-mobile-header{display:none!important}}
@media(max-width:430px){.card-image{height:320px}.hero h1{font-size:44px}}

/* V58 resource cards and article detail */
.resource-card{border-radius:40px;overflow:hidden;background:#fff;border:1px solid #eeeae5;box-shadow:0 8px 28px rgba(22,18,30,.045)}
.card-image{height:260px;border-radius:0;position:relative}.card-body{padding:15px 18px 20px}.card-category{display:inline-flex;width:max-content;background:#f0ebf8;color:#6750a4;border-radius:999px;padding:7px 11px;margin:0 0 12px;font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:none}.card-title{display:block;margin:0;color:#111;font-size:20px;font-weight:600;line-height:1.22}.card-desc{font-size:13px;color:#666;line-height:1.55;margin:10px 0 13px}.card-meta{display:flex;gap:8px;align-items:center;font-size:11px;color:#777;margin:0}.article-page{background:#fff;padding:140px 0 80px}.article-shell{width:min(1180px,calc(100% - 80px));margin:auto}.article-back{display:inline-block;color:#29252e;text-decoration:none;font-size:13px;margin-bottom:28px}.article-hero{display:grid;grid-template-columns:1.05fr .85fr;gap:58px;align-items:center}.article-category{display:inline-flex;background:#f0ebf8;color:#6750a4;border-radius:999px;padding:8px 12px;font-size:11px;font-weight:600}.article-intro h1{font-size:52px;line-height:1.03;letter-spacing:-2.2px;margin:18px 0 12px;font-weight:650}.article-meta{display:flex;gap:9px;color:#777;font-size:12px}.article-lead{font-size:17px;line-height:1.65;color:#444;max-width:650px;margin-top:22px}.article-cover{height:390px;margin:0;border-radius:34px;overflow:hidden}.article-cover img,.article-inline-image img{width:100%;height:100%;object-fit:cover}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:54px;margin-top:54px}.article-section{margin-bottom:42px}.article-section h2{font-size:25px;line-height:1.2;margin:0 0 12px}.article-section p{font-size:16px;line-height:1.75;color:#444;margin:0}.article-inline-image{height:390px;margin:28px 0 0;border-radius:30px;overflow:hidden}.article-aside{display:flex;flex-direction:column;gap:18px}.takeaways,.related{background:#f6f1ff;border-radius:26px;padding:24px}.takeaways h3,.related h3{color:#4e3589;font-size:19px;margin:0 0 18px}.takeaways ul{list-style:none;padding:0;margin:0;display:grid;gap:13px}.takeaways li{display:grid;grid-template-columns:24px 1fr;gap:9px;font-size:13px;line-height:1.4}.takeaways li span{width:21px;height:21px;border-radius:50%;display:grid;place-items:center;background:#e5dafb;color:#6750a4;font-weight:700}.related h3{color:#111}.related a{display:grid;grid-template-columns:64px 1fr;gap:11px;text-decoration:none;color:#111;margin-top:14px}.related img{width:64px;height:54px;object-fit:cover;border-radius:10px}.related b{display:block;font-size:12px;line-height:1.3}.related small{display:block;color:#777;margin-top:5px;font-size:10px}
@media(max-width:900px){.article-hero{grid-template-columns:1fr}.article-cover{height:430px}.article-layout{grid-template-columns:1fr}.article-aside{display:grid;grid-template-columns:1fr 1fr}.article-intro h1{font-size:46px}}
@media(max-width:600px){.resource-card{border-radius:28px}.card-image{height:330px}.article-page{padding-top:110px}.article-shell{width:calc(100% - 36px)}.article-intro h1{font-size:38px;letter-spacing:-1.3px}.article-cover{height:360px;border-radius:26px}.article-layout{margin-top:38px}.article-aside{grid-template-columns:1fr}.article-inline-image{height:320px;border-radius:24px}.article-section h2{font-size:22px}}

/* V59 — radius belongs to imagery only; card copy sits directly on the page */
.resource-card{border-radius:0!important;overflow:visible!important;background:transparent!important;border:0!important;box-shadow:none!important}
.resource-card .card-image{border-radius:40px!important;overflow:hidden!important}
.resource-card .card-body{padding:15px 10px 0!important}
@media(max-width:600px){.resource-card{border-radius:0!important}.resource-card .card-image{border-radius:28px!important}}
.article-section p + p{margin-top:14px}.article-inline-image{margin-bottom:8px}.article-image-caption{font-size:11px!important;color:#85808a!important;margin-top:8px!important}


/* V60 — article body is text-led; takeaways and related resources close each article */
.article-layout{display:block!important;margin-top:54px}
.article-content{max-width:820px}
.article-inline-image,.article-image-caption{display:none!important}
.article-bottom{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:58px;padding-top:42px;border-top:1px solid #ece8ef}
.article-bottom .takeaways,.article-bottom .related{height:100%;box-sizing:border-box}
.article-bottom .related a{grid-template-columns:72px 1fr}
.article-bottom .related img{width:72px;height:60px}
@media(max-width:700px){.article-bottom{grid-template-columns:1fr;margin-top:42px;padding-top:32px}}

/* V61 — wider article reading column + subdued listing imagery */
.article-content{max-width:none!important;width:100%!important}
.article-section{max-width:none!important}
.article-section p{max-width:none!important}
.resource-card .card-image img{filter:blur(5px) brightness(.88);transform:scale(1.035);transition:filter .28s ease,transform .28s ease}
.resource-card .card-image::after{content:"";position:absolute;inset:0;background:rgba(20,16,26,.08);pointer-events:none;transition:opacity .28s ease}
.resource-card:hover .card-image img,.resource-card:focus-within .card-image img{filter:blur(2px) brightness(.96);transform:scale(1.02)}
.resource-card:hover .card-image::after,.resource-card:focus-within .card-image::after{opacity:.35}
.article-cover img{filter:none!important;transform:none!important}

.back-chevron{font-size:24px;line-height:1;font-weight:500;display:inline-block;vertical-align:-2px;margin-right:2px}

/* V63 — requested Resources typography pass */
.hero-copy>p:not(.eyebrow){font-size:16px!important}
.search input,.filters button{font-size:14px!important}
.card-category{font-size:20px!important;color:#6750a4!important}
.card-title{font-size:16px!important}
.card-desc{color:#77727d!important}
.card-meta{color:#8a8490!important}
.article-intro h1{font-size:24px!important;line-height:1.15!important;letter-spacing:-.5px!important}
@media(max-width:600px){
  .hero-copy>p:not(.eyebrow){font-size:16px!important}
  .article-intro h1{font-size:24px!important;letter-spacing:-.5px!important}
}

/* V64 approved typography */
.card-category{font-size:14px!important}
.article-intro h1{font-size:48px!important;line-height:1.08!important;letter-spacing:-1.5px!important}
.article-section h2{font-size:24px!important;line-height:1.2!important}
@media(max-width:600px){
  .article-intro h1{font-size:38px!important;letter-spacing:-1px!important}
  .article-section h2{font-size:24px!important}
}

/* V65 — category pill consistency */
.card-category,.article-category{font-size:14px!important;font-weight:500!important}

/* V66 — Key Takeaways / Related Resources typography */
.article-bottom .takeaways h3,
.article-bottom .related h3{font-size:20px!important;font-weight:500!important}
.article-bottom .takeaways li,
.article-bottom .related b{font-size:16px!important;font-weight:400!important}

/* V68 — mobile article spacing + neutral bottom cards */
.article-bottom .takeaways,
.article-bottom .related{background:#f7f7f7!important}
@media(max-width:600px){
  .article-hero{gap:26px!important}
}

/* V70 — Resources search icon */
.search>span{font-size:20px!important;width:20px;height:20px;line-height:20px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 20px}

/* V71 — Resources search icon size + muted tone */
.search>span{font-size:24px!important;width:24px!important;height:24px!important;line-height:24px!important;flex:0 0 24px!important;color:#77727d!important;font-weight:400!important}