/* =====================================================================
   INSIGHTS+ — listing in the Home system. Scoped by html.inx (insights-plus.js).
   ===================================================================== */
.inx .insWrap { position: relative; isolation: isolate; padding: 128px 0 clamp(80px, 9vw, 128px) !important; }
/* frame: outer lines at the page padding + three quarter lines (Home's white sections) */
.inx .insWrap::before { content: ""; position: absolute; top: 0; bottom: 0; left: var(--pad-x); right: var(--pad-x); z-index: -1; pointer-events: none;
  border-left: 1px solid rgba(17, 19, 31, .07); border-right: 1px solid rgba(17, 19, 31, .07);
  background-image: linear-gradient(90deg, transparent calc(25% - .5px), rgba(17, 19, 31, .05) calc(25% - .5px) calc(25% + .5px), transparent calc(25% + .5px) calc(50% - .5px), rgba(17, 19, 31, .05) calc(50% - .5px) calc(50% + .5px), transparent calc(50% + .5px) calc(75% - .5px), rgba(17, 19, 31, .05) calc(75% - .5px) calc(75% + .5px), transparent calc(75% + .5px)); }

/* head */
.inx .insHead { padding: 0 calc(var(--pad-x) + 24px); gap: 0 !important; margin-bottom: 40px !important; }
.inx .inxEyebrow { margin: 0 0 18px; display: inline-flex; align-items: center; gap: 8px; color: #6b7183; font: 700 12.5px/1 "Geologica", sans-serif; letter-spacing: .16em; text-transform: uppercase; }
.inx .inxEyebrow::before { content: ""; width: 10px; height: 10px; border-radius: 50% 50% 0 50%; background: #4a3dcc; }
.inx .insHead__title { font-weight: 500 !important; letter-spacing: -.03em !important; line-height: 1.04 !important; font-size: clamp(40px, 5vw, 72px) !important; color: #11131f; }
.inx .insHead__title .hpg { color: transparent; background: linear-gradient(90deg, #11131f 0 50%, #a3a8b5 50% 100%); background-size: 200% 100%; background-position: 100% 0; -webkit-background-clip: text; background-clip: text; transition: background-position 1s cubic-bezier(.65, 0, .35, 1); }
.inx .insHead__title:hover .hpg { background-position: 0 0; }
.inx .inxLead { margin: 18px 0 0; max-width: 520px; color: #555a6b; font: 400 17px/1.55 Inter, sans-serif; }

/* filter: text tabs on a full-width hairline, count after each, a gliding underline */
.inx .insFilter { position: relative; margin: 36px calc(-1 * (var(--pad-x) + 24px)) 0; padding: 0 calc(var(--pad-x) + 24px); gap: 28px !important; border-bottom: 1px solid #e3e4ea; flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
.inx .insFilter::-webkit-scrollbar { display: none; }
.inx .insTab { flex: none; background: none !important; border: 0 !important; border-radius: 0 !important; padding: 14px 0 16px !important; color: #6b7183 !important; font: 600 15px/1 "Geologica", sans-serif !important; letter-spacing: -.005em; transition: color .3s; box-shadow: none !important; }
.inx .insTab:hover, .inx .insTab.is-active { color: #11131f !important; }
.inx .inxCount { margin-left: 4px; color: #a3a8b5; font: 600 11px/1 "Geologica", sans-serif; vertical-align: 6px; transition: color .3s; }
.inx .insTab.is-active .inxCount { color: #4a3dcc; }
.inx .inxBar { position: absolute; left: 0; bottom: -1px; height: 2px; width: 0; background: #4a3dcc; transition: transform .5s cubic-bezier(.65, 0, .35, 1), width .5s cubic-bezier(.65, 0, .35, 1); }

/* cards: no pills, meta as text */
.inx .insCard { position: relative; gap: 18px !important; }
.inx .insCard__meta { gap: 10px !important; }
.inx .insTag { background: none !important; padding: 0 !important; border-radius: 0 !important; color: #4a3dcc !important; font: 700 11.5px/1 "Geologica", sans-serif !important; letter-spacing: .14em; text-transform: uppercase; }
.inx .insAuthor { background: none !important; padding: 0 !important; border-radius: 0 !important; color: #7a7f8f !important; font: 500 13px/1 Inter, sans-serif !important; }
.inx .insAuthor::before { content: ""; display: inline-block; width: 3px; height: 3px; border-radius: 50%; background: #c3c6d0; margin-right: 10px; vertical-align: 3px; }
.inx .insCard__title { font-weight: 500 !important; letter-spacing: -.012em !important; color: #11131f; }
.inx .insCard__title { background: linear-gradient(currentColor, currentColor) 0 100% / 0 1px no-repeat; transition: background-size .5s cubic-bezier(.65, 0, .35, 1); display: inline; }
.inx .insCard:hover .insCard__title { background-size: 100% 1px; }
.inx .insCard__date { color: #8a8fa0 !important; font: 500 13px/1 Inter, sans-serif !important; letter-spacing: 0 !important; }
.inx .insCard__imgWrap { position: relative; border-radius: 12px !important; }
.inx .insCard__img { transition: transform 1.2s cubic-bezier(.2, .7, .2, 1) !important; }
.inx .insCard:hover .insCard__img { transform: scale(1.05) !important; }
/* arrow disc on the photo (as in the mega menu's Company panel) */
.inx .inxGo { position: absolute; right: 14px; bottom: 14px; width: 42px; height: 42px; border-radius: 50%; background: #fff; color: #4a3dcc; display: grid; place-items: center; overflow: hidden; box-shadow: 0 10px 24px -10px rgba(14, 16, 32, .5);
  opacity: 0; transform: scale(.6) rotate(-45deg); transition: opacity .3s, transform .55s cubic-bezier(.3, 1.4, .5, 1); }
.inx .inxGo svg { position: absolute; width: 17px; height: 17px; transition: transform .5s cubic-bezier(.65, 0, .35, 1); }
.inx .inxGo svg + svg { transform: translate(-150%, 150%); }
.inx .insCard:hover .inxGo, .inx .insCard:focus-visible .inxGo { opacity: 1; transform: none; }
.inx .insCard:hover .inxGo svg:first-child { transform: translate(150%, -150%); transition-delay: .25s; }
.inx .insCard:hover .inxGo svg + svg { transform: none; transition-delay: .25s; }
.inx .insCard--row .inxGo { width: 34px; height: 34px; right: 10px; bottom: 10px; }

/* featured: a hairline grid on the quarter lines: lead story over 2 columns, three stacked in the other 2 */
.inx .insFeatured { display: grid !important; grid-template-columns: 1fr 1fr; gap: 0 !important; margin: 0 var(--pad-x) !important; border-bottom: 1px solid #e3e4ea; }
.inx .insFeatured__main { padding: 32px 24px; border-right: 1px solid #e3e4ea; }
.inx .insFeatured__side { gap: 0 !important; }
.inx .insFeatured__side .insCard--row { padding: 24px; flex: 1 1 0; }
.inx .insFeatured__side .insCard--row + .insCard--row { border-top: 1px solid #e3e4ea; }
.inx .insCard--feat .insCard__imgWrap { aspect-ratio: 16 / 9 !important; }
.inx .insCard--feat .insCard__title { font-size: clamp(24px, 2vw, 30px) !important; line-height: 1.22 !important; }
.inx .insCard--row .insCard__imgWrap { width: clamp(120px, 11vw, 168px); aspect-ratio: 1 / 1; border-radius: 10px !important; }
.inx .insCard--row .insCard__title { font-size: 18px !important; line-height: 1.3 !important; }

/* the rest: 4-up hairline grid; empty cells keep the grid whole */
.inx .insGrid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 1px !important; background: #e3e4ea; margin: 0 var(--pad-x); border-bottom: 1px solid #e3e4ea; }
.inx .insGrid > * { background: #fff; }
.inx .insGrid .insCard { padding: 24px; }
.inx .insGrid .insCard__imgWrap { aspect-ratio: 4 / 3 !important; }
.inx .insGrid .insCard__title { font-size: 18px !important; line-height: 1.3 !important; }
.inx .insGrid.is-empty { background: none; }
.inx .insEmpty { padding: 40px 24px; }
.inx .insFeatured[hidden] + .insGrid { border-top: 0; }

@media (max-width: 1024px) {
  .inx .insGrid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .inx .insFeatured { grid-template-columns: 1fr; }
  .inx .insFeatured__main { border-right: 0; border-bottom: 1px solid #e3e4ea; }
}
@media (max-width: 640px) {
  .inx .insWrap::before { background-image: none; }
  .inx .insHead { padding: 0 calc(var(--pad-x) + 4px); }
  .inx .insFilter { margin-left: calc(-1 * (var(--pad-x) + 4px)); margin-right: calc(-1 * (var(--pad-x) + 4px)); padding: 0 calc(var(--pad-x) + 4px); gap: 22px !important; }
  .inx .insGrid { grid-template-columns: 1fr !important; }
  .inx .insFeatured__main, .inx .insFeatured__side .insCard--row, .inx .insGrid .insCard { padding: 20px 16px; }
  .inx .insCard--row .insCard__imgWrap { width: 96px; }
  .inx .inxGo { opacity: 1; transform: none; width: 36px; height: 36px; }
}
/* fixes */
.inx .insHead { margin-bottom: 0 !important; }
.inx .insFeatured[hidden] { display: none !important; }
.inx .insWrap { padding-bottom: 72px !important; }
.inx .insCard__title { display: block; background: none !important; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 5px; text-decoration-color: transparent; transition: text-decoration-color .4s ease; }
.inx .insCard:hover .insCard__title { text-decoration-color: currentColor; }
@media (max-width: 1024px) { .inx .insFeatured__side .insCard--row { flex: none !important; min-height: auto !important; } .inx .insFeatured__side { height: auto !important; } }
@media (max-width: 640px) { .inx .insFeatured__side .insCard--row { flex-direction: row !important; align-items: flex-start; gap: 14px !important; } .inx .insFeatured__side .insCard--row .insCard__imgWrap { width: 88px !important; flex: none; } .inx .insFeatured__side .insCard--row .insCard__title { font-size: 16px !important; } .inx .insFeatured__side .inxGo { display: none; } }
@media (max-width: 640px) { .inx .insFeatured__side .insCard--row .insCard__imgWrap { align-self: flex-start !important; height: 88px !important; aspect-ratio: auto !important; } }
.inx .inxEyebrow { display: none !important; }
.inx .inxLead { display: none !important; }

/* ---- v2: no background grid (it fought the card lines). Each story is its own column with its own lines,
   stories stand apart with a gap (two lines between neighbours), photos run edge to edge inside the lines ---- */
.inx .insWrap::before { content: none !important; }
.inx .insFeatured { margin: 32px var(--pad-x) 0 !important; gap: 24px !important; border: 0 !important; }
.inx .insFeatured__main { padding: 0 !important; border: 1px solid #e3e4ea !important; }
.inx .insFeatured__side { border: 1px solid #e3e4ea; }
.inx .insFeatured__side .insCard--row { padding: 0 !important; gap: 0 !important; align-items: stretch; }
.inx .insCard__imgWrap { border-radius: 0 !important; }
.inx .insCard--feat { gap: 0 !important; }
.inx .insCard--feat .insCard__body { padding: 24px 24px 28px; }
.inx .insCard--row .insCard__imgWrap { width: clamp(140px, 13vw, 200px) !important; aspect-ratio: auto !important; align-self: stretch !important; }
.inx .insCard--row .insCard__body { padding: 20px 24px; }
.inx .insGrid { background: none !important; gap: 24px !important; margin: 24px var(--pad-x) 0 !important; border: 0 !important; }
.inx .insGrid .insCard { padding: 0 !important; gap: 0 !important; border: 1px solid #e3e4ea; }
.inx .insGrid .insCard__body { padding: 20px 20px 24px; }
.inx .insGrid .inxEmpty { display: none !important; }
.inx .insFeatured[hidden] + .insGrid { margin-top: 32px !important; }
@media (max-width: 1024px) { .inx .insFeatured__main { border-bottom: 1px solid #e3e4ea !important; } }
@media (max-width: 640px) {
  .inx .insFeatured, .inx .insGrid { gap: 16px !important; }
  .inx .insFeatured__side .insCard--row .insCard__imgWrap { width: 104px !important; height: auto !important; align-self: stretch !important; }
  .inx .insFeatured__side .insCard--row .insCard__body { padding: 14px 16px; }
  .inx .insCard--feat .insCard__body, .inx .insGrid .insCard__body { padding: 18px 16px 20px; }
}
.inx .insCard--row .insCard__imgWrap, .inx .insFeatured__side .insCard--row .insCard__imgWrap { border-radius: 0 !important; }

/* ---- v3: one hairline board. Frame lines left/right run the full height; vertical lines only between
   stories; every row closes with a line that runs edge to edge; nothing crosses text. ---- */
.inx-board .insFeatured, .inx-board .insGrid { display: none !important; }
.inx .insWrap { overflow: hidden; }
.inx .insWrap::before { content: "" !important; background-image: none !important; border-left: 1px solid #e3e4ea !important; border-right: 1px solid #e3e4ea !important; z-index: 0 !important; }
.inx .insHead { position: relative; z-index: 1; }
.inx .insFilter { border-bottom-color: #e3e4ea; }
/* the row line continues past the frame to both screen edges */

/* ---- v4: an index (after Stripe Newsroom). Guides on the frame (outer + col 1|2 + col 3|4) run the full
   height; each block sits inside its own column so no line crosses text; row lines run edge to edge. ---- */
.inx-index .insFeatured, .inx-index .insGrid, .inx-index .inxBoard { display: none !important; }
.inx .inxIndex { position: relative; z-index: 1; margin: 0 var(--pad-x); }
.inx .inxIndex::before { content: ""; position: absolute; inset: 0; pointer-events: none;
  background-image: linear-gradient(#e3e4ea, #e3e4ea), linear-gradient(#e3e4ea, #e3e4ea); background-size: 1px 100%, 1px 100%; background-repeat: no-repeat; background-position: 25% 0, 75% 0; }
.inx .inxRow { position: relative; display: grid; grid-template-columns: 1fr 2fr 1fr; align-items: start; padding: 32px 0; color: inherit; text-decoration: none; }
.inx .inxRow::after { content: ""; position: absolute; left: -100vw; right: -100vw; bottom: 0; height: 1px; background: #e3e4ea; pointer-events: none; }
.inx .inxRow__when { display: flex; flex-direction: column; gap: 6px; padding: 2px 24px 0; }
.inx .inxRow__date { color: #11131f; font: 500 14px/1.3 "Geologica", sans-serif; }
.inx .inxRow__by { color: #8a8fa0; font: 400 13px/1.3 Inter, sans-serif; }
.inx .inxRow__main { position: relative; display: flex; flex-direction: column; gap: 10px; padding: 0 40px 0 32px; }
/* the tick sits on the guide, marking where the story starts */
.inx .inxRow__cat { position: relative; color: #4a3dcc; font: 700 11.5px/1.2 "Geologica", sans-serif; letter-spacing: .14em; text-transform: uppercase; }
.inx .inxRow__cat::before { content: ""; position: absolute; left: -32px; top: -1px; bottom: -1px; width: 2px; background: #4a3dcc; transform: scaleY(.6); transition: transform .4s cubic-bezier(.2, .8, .2, 1); }
.inx .inxRow:hover .inxRow__cat::before { transform: scaleY(1.6); }
.inx .inxRow__title { color: #11131f; font: 500 22px/1.3 "Geologica", sans-serif; letter-spacing: -.015em; text-wrap: pretty; }
.inx .inxRow__title span { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 5px; text-decoration-color: transparent; transition: text-decoration-color .35s ease; }
.inx .inxRow:hover .inxRow__title span { text-decoration-color: currentColor; }
.inx .inxRow__ex { color: #555a6b; font: 400 15px/1.55 Inter, sans-serif; max-width: 56ch; }
.inx .inxRow__pic { position: relative; display: block; margin: 0 24px; aspect-ratio: 4 / 3; overflow: hidden; border-radius: 10px; background: #eef0f4; }
.inx .inxRow__pic img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 1.2s cubic-bezier(.2, .7, .2, 1); }
.inx .inxRow:hover .inxRow__pic img { transform: scale(1.06); }
.inx .inxRow .inxGo { width: 36px; height: 36px; right: 10px; bottom: 10px; }
.inx .inxRow:hover .inxGo { opacity: 1; transform: none; }
.inx .inxRow:hover .inxGo svg:first-child { transform: translate(150%, -150%); transition-delay: .25s; }
.inx .inxRow:hover .inxGo svg + svg { transform: none; transition-delay: .25s; }
/* lead story: same row, larger */
.inx .inxRow.is-lead { padding: 40px 0 44px; }
.inx .inxRow.is-lead .inxRow__title { font-size: clamp(28px, 2.6vw, 40px); line-height: 1.15; letter-spacing: -.025em; }
.inx .inxRow.is-lead .inxRow__ex { font-size: 16.5px; }
.inx .inxRow.is-lead .inxRow__pic { aspect-ratio: 4 / 4.4; }
.inx .inxRow--empty { display: block; padding: 40px 32px; color: #555a6b; }
/* rows arrive one after another */
.inx .inxRow { animation: snTxtIns .6s cubic-bezier(.2, .8, .2, 1) both; animation-delay: calc(var(--i, 0) * .05s); }
@keyframes snTxtIns { from { opacity: 0; transform: translateY(10px); } }
@media (max-width: 1024px) {
  .inx .inxRow__title { font-size: 19px; }
  .inx .inxRow__main { padding-right: 24px; }
}
@media (max-width: 640px) {
  .inx .inxIndex::before { content: none; }
  .inx .inxRow { grid-template-columns: 1fr 96px; grid-template-areas: "when pic" "main pic"; row-gap: 10px; padding: 22px 0; }
  .inx .inxRow__when { grid-area: when; flex-direction: row; gap: 10px; padding: 0 0 0 4px; }
  .inx .inxRow__main { grid-area: main; padding: 0 12px 0 4px; }
  .inx .inxRow__cat::before { display: none; }
  .inx .inxRow__pic { grid-area: pic; margin: 0; align-self: start; aspect-ratio: 1 / 1; }
  .inx .inxRow__title, .inx .inxRow.is-lead .inxRow__title { font-size: 17px; line-height: 1.3; }
  .inx .inxRow__ex { display: none; }
  .inx .inxRow .inxGo { display: none; }
  .inx .inxRow.is-lead { grid-template-columns: 1fr; grid-template-areas: "pic" "when" "main"; }
  .inx .inxRow.is-lead .inxRow__pic { aspect-ratio: 16 / 10; }
  .inx .inxRow.is-lead .inxRow__title { font-size: 22px; }
  .inx .inxRow.is-lead .inxRow__ex { display: block; font-size: 15px; }
}
@media (prefers-reduced-motion: reduce) { .inx .inxRow { animation: none; } }

/* ---- v5: denser. The lead keeps the wide index row; the rest sit one story per column, 4 up.
   Guides: the lead row carries its own (col 1|2, col 3|4); the grid has a line between every story. ---- */
.inx .inxIndex::before { content: none !important; }
.inx .inxRow.is-lead { background-image: linear-gradient(#e3e4ea, #e3e4ea), linear-gradient(#e3e4ea, #e3e4ea); background-size: 1px 100%, 1px 100%; background-repeat: no-repeat; background-position: 25% 0, 75% 0; padding: 32px 0 36px; }
.inx .inxRow.is-lead .inxRow__pic { aspect-ratio: 4 / 3; }
.inx .inxCards { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.inx .inxCard { position: relative; display: flex; flex-direction: column; color: inherit; text-decoration: none; border-bottom: 1px solid #e3e4ea; animation: snTxtIns .6s cubic-bezier(.2, .8, .2, 1) both; animation-delay: calc(var(--i, 0) * .05s); }
.inx .inxCard:not(:nth-child(4n)) { border-right: 1px solid #e3e4ea; }
.inx .inxCard:nth-child(4n + 1)::before, .inx .inxCard:nth-child(4n)::after { content: ""; position: absolute; bottom: -1px; width: 100vw; height: 1px; background: #e3e4ea; }
.inx .inxCard:nth-child(4n + 1)::before { right: 100%; }
.inx .inxCard:nth-child(4n)::after { left: 100%; }
.inx .inxCard__pic { position: relative; display: block; aspect-ratio: 4 / 3; overflow: hidden; background: #eef0f4; }
.inx .inxCard__pic img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 1.2s cubic-bezier(.2, .7, .2, 1); }
.inx .inxCard:hover .inxCard__pic img { transform: scale(1.06); }
.inx .inxCard__body { display: flex; flex-direction: column; gap: 10px; padding: 20px 24px 26px; }
.inx .inxCard .inxRow__cat::before { left: -24px; }
.inx .inxCard:hover .inxRow__cat::before { transform: scaleY(1.6); }
.inx .inxCard__title { color: #11131f; font: 500 18px/1.32 "Geologica", sans-serif; letter-spacing: -.01em; text-wrap: pretty; }
.inx .inxCard__title span { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 5px; text-decoration-color: transparent; transition: text-decoration-color .35s ease; }
.inx .inxCard:hover .inxCard__title span { text-decoration-color: currentColor; }
.inx .inxCard__meta { color: #8a8fa0; font: 400 13px/1.3 Inter, sans-serif; }
.inx .inxCard .inxGo { width: 36px; height: 36px; right: 12px; bottom: 12px; }
.inx .inxCard:hover .inxGo { opacity: 1; transform: none; }
.inx .inxCard:hover .inxGo svg:first-child { transform: translate(150%, -150%); transition-delay: .25s; }
.inx .inxCard:hover .inxGo svg + svg { transform: none; transition-delay: .25s; }
.inx .inxCard.is-empty { animation: none; }
@media (max-width: 1024px) {
  .inx .inxCards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .inx .inxCard:not(:nth-child(4n)) { border-right: 0; }
  .inx .inxCard::before, .inx .inxCard::after { content: none !important; }
  .inx .inxCard:nth-child(odd) { border-right: 1px solid #e3e4ea; }
}
@media (max-width: 640px) {
  .inx .inxRow.is-lead { background-image: none; }
  .inx .inxCards { grid-template-columns: 1fr; }
  .inx .inxCard:nth-child(odd) { border-right: 0; }
  .inx .inxCard { display: grid; grid-template-columns: 1fr 96px; gap: 12px; padding: 20px 0; }
  .inx .inxCard__pic { grid-column: 2; grid-row: 1; aspect-ratio: 1 / 1; border-radius: 10px; }
  .inx .inxCard__body { grid-column: 1; grid-row: 1; padding: 0 0 0 4px; }
  .inx .inxCard .inxRow__cat::before, .inx .inxCard .inxGo { display: none; }
  .inx .inxCard__title { font-size: 17px; }
}

/* ---- v6 lead: one piece. Photo fills the left half edge to edge, the story sits in the right half;
   no guide lines inside, only the row lines above and below. ---- */
.inx .inxRow.is-lead { background-image: none !important; grid-template-columns: 1fr 1fr; grid-template-areas: "pic main"; padding: 0 !important; align-items: stretch; }
.inx .inxRow.is-lead .inxRow__pic { grid-area: pic; margin: 0; border-radius: 0; aspect-ratio: 16 / 10; }
.inx .inxRow.is-lead .inxRow__main { grid-area: main; justify-content: center; padding: 40px clamp(32px, 4vw, 64px); }
.inx .inxRow.is-lead .inxRow__when { grid-area: main; align-self: end; flex-direction: row; gap: 10px; padding: 0 clamp(32px, 4vw, 64px) 36px; }
.inx .inxRow.is-lead .inxRow__by::before { content: "\00b7"; margin-right: 10px; color: #c3c6d0; }
.inx .inxRow.is-lead .inxRow__cat::before { left: calc(-1 * clamp(32px, 4vw, 64px)); }
.inx .inxRow.is-lead .inxRow__title { font-size: clamp(28px, 2.5vw, 38px); }
.inx .inxRow.is-lead .inxGo { width: 44px; height: 44px; right: 18px; bottom: 18px; }
@media (max-width: 1024px) { .inx .inxRow.is-lead { grid-template-columns: 1fr; grid-template-areas: "pic" "main" "when"; } .inx .inxRow.is-lead .inxRow__when { grid-area: when; padding: 0 32px 32px; } .inx .inxRow.is-lead .inxRow__main { padding: 28px 32px 16px; } }
@media (max-width: 640px) { .inx .inxRow.is-lead .inxRow__main { padding: 20px 4px 10px; } .inx .inxRow.is-lead .inxRow__when { padding: 0 4px 24px; } .inx .inxRow.is-lead .inxRow__pic { border-radius: 0; } }
/* the card grid ends right on the footer CTA */
.inx main.insWrap { padding-bottom: 0 !important; }