/* FinTech Master Blog System — scoped, theme-token-aware styling. No external fonts or libraries. */
.ftt-blog-page {
  --ftt-blog-ink: var(--wp--preset--color--navy, #0B1220);
  --ftt-blog-copy: #354257;
  --ftt-blog-muted: #718096;
  --ftt-blog-accent: var(--wp--preset--color--primary, var(--wp--preset--color--accent, var(--wp--preset--color--emerald, #079669)));
  --ftt-blog-accent-dark: var(--wp--preset--color--contrast, var(--wp--preset--color--green-deep, #047857));
  --ftt-blog-warm: var(--wp--preset--color--secondary, var(--wp--preset--color--orange, #FF8A3D));
  --ftt-blog-border: #e3eae7;
  --ftt-blog-surface: #ffffff;
  color: var(--ftt-blog-ink);
  padding-block: clamp(30px, 5vw, 74px) clamp(58px, 7vw, 104px);
  overflow: clip;
}
.ftt-blog-page *, .ftt-blog-page *::before, .ftt-blog-page *::after { box-sizing: border-box; }
.ftt-blog-page .ftt-blog-hero {
  position: relative;
  isolation: isolate;
  margin: 0 auto clamp(40px, 5vw, 64px);
  padding: clamp(30px, 5.4vw, 68px);
  border: 1px solid rgba(7, 150, 105, .13);
  border-radius: clamp(22px, 3vw, 34px);
  background: radial-gradient(circle at 95% 6%, rgba(255,138,61,.13), transparent 28%), radial-gradient(circle at 7% 100%, rgba(7,150,105,.11), transparent 32%), linear-gradient(145deg,#fbfdfc 0%,#f0f7f3 60%,#f8faf9 100%);
  box-shadow: 0 18px 56px rgba(11,18,32,.055), inset 0 1px 0 rgba(255,255,255,.9);
}
.ftt-blog-page .ftt-blog-hero::after {
  content: ""; position: absolute; z-index: -1; top: 28px; inset-inline-end: 28px; width: 84px; height: 84px; border-radius: 50%;
  border: 1px solid rgba(7,150,105,.22); box-shadow: 0 0 0 12px rgba(7,150,105,.035), 0 0 0 26px rgba(7,150,105,.02); pointer-events: none;
}
.ftt-blog-page .ftt-blog-eyebrow, .ftt-blog-page .ftt-blog-results-kicker {
  margin: 0 0 14px; color: var(--ftt-blog-accent-dark); font-size: 11px; font-weight: 800; letter-spacing: .16em; line-height: 1.4; text-transform: uppercase;
}
.ftt-blog-page .ftt-blog-eyebrow span { color: var(--ftt-blog-warm); padding-inline: 5px; }
.ftt-blog-page .ftt-blog-hero__title {
  max-width: 870px; margin: 0; color: var(--ftt-blog-ink); font-size: clamp(35px, 5vw, 64px); font-weight: 800; line-height: 1.045; letter-spacing: -.052em; text-wrap: balance;
}
.ftt-blog-page .ftt-blog-hero__intro { max-width: 740px; margin: 22px 0 0; color: #536275; font-size: clamp(16px, 1.45vw, 19px); line-height: 1.75; }
.ftt-blog-page .ftt-live-blog-controls { margin-top: clamp(28px, 4vw, 40px); display: grid; gap: 20px; }
.ftt-blog-page .ftt-live-search__form { display: flex; align-items: center; gap: 10px; width: min(100%, 760px); padding: 7px; background: #fff; border: 1px solid #dce8e2; border-radius: 18px; box-shadow: 0 10px 28px rgba(11,18,32,.06); }
.ftt-blog-page .ftt-live-search__icon { flex: 0 0 auto; margin-inline-start: 13px; color: #7b8b85; }
.ftt-blog-page .ftt-live-search__input { flex: 1 1 auto; min-width: 0; width: 100%; height: 48px; padding: 0 8px; border: 0; border-radius: 10px; outline: 0; color: var(--ftt-blog-ink); background: transparent; box-shadow: none; font: inherit; font-size: 15px; }
.ftt-blog-page .ftt-live-search__input::placeholder { color: #87938f; }
.ftt-blog-page .ftt-live-search__input:focus { outline: 0; box-shadow: none; }
.ftt-blog-page .ftt-live-search__submit { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 0 21px; border: 0; border-radius: 12px; color: white; background: linear-gradient(135deg,var(--ftt-blog-accent),var(--ftt-blog-accent-dark)); font-size: 14px; font-weight: 750; cursor: pointer; transition: transform .18s ease, box-shadow .18s ease; box-shadow: 0 7px 18px rgba(7,150,105,.18); }
.ftt-blog-page .ftt-live-search__submit:hover { transform: translateY(-1px); box-shadow: 0 10px 22px rgba(7,150,105,.23); }
.ftt-blog-page .ftt-live-filter-groups { display: grid; gap: 13px; }
.ftt-blog-page .ftt-live-filter-row { display: flex; align-items: flex-start; gap: 11px; flex-wrap: wrap; }
.ftt-blog-page .ftt-live-filter-label { flex: 0 0 98px; padding-top: 9px; color: #657469; font-size: 11px; font-weight: 800; letter-spacing: .095em; text-transform: uppercase; }
.ftt-blog-page .ftt-live-filter-options { display: flex; flex: 1 1 400px; flex-wrap: wrap; gap: 8px; min-width: 0; }
.ftt-blog-page .ftt-live-filter-chip { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 35px; max-width: 100%; padding: 7px 13px; border: 1px solid #dce7e1; border-radius: 999px; color: #536257; background: rgba(255,255,255,.78); font-size: 12px; font-weight: 650; line-height: 1.3; text-decoration: none; cursor: pointer; transition: color .18s ease, background .18s ease, border-color .18s ease, transform .18s ease; }
.ftt-blog-page .ftt-live-filter-chip:focus-visible { outline: 3px solid rgba(7,150,105,.42); outline-offset: 3px; }
.ftt-blog-page .ftt-live-filter-chip:hover { border-color: rgba(7,150,105,.55); color: var(--ftt-blog-accent-dark); transform: translateY(-1px); }
.ftt-blog-page .ftt-live-filter-chip[aria-current="page"], .ftt-live-filter-chip[data-filter-active="true"] { color: #fff; border-color: transparent; background: linear-gradient(135deg,#0b8e69,#056b50); box-shadow: 0 5px 14px rgba(7,150,105,.18); }
.ftt-blog-page .ftt-live-filter-chip__count { color: inherit; opacity: .7; font-size: 10px; }
.ftt-blog-page .ftt-live-results-status { min-height: 20px; margin: 0; color: #6d7c75; font-size: 12px; }
.ftt-blog-page .ftt-live-results-status:empty { display: none; }
.ftt-blog-page .ftt-blog-reading-time { display: inline-flex; align-items: center; }
.ftt-blog-page .ftt-live-search__input:focus-visible { outline: 2px solid rgba(7,150,105,.45); outline-offset: 2px; }
.ftt-blog-page .ftt-blog-results { width: 100%; }
.ftt-blog-page .ftt-blog-results-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 18px; margin: 0 0 24px; }
.ftt-blog-page .ftt-blog-results-kicker { margin-bottom: 7px; }
.ftt-blog-page .ftt-blog-section-title { margin: 0; color: var(--ftt-blog-ink); font-size: clamp(25px, 3vw, 36px); font-weight: 800; letter-spacing: -.035em; line-height: 1.18; }
.ftt-blog-page .ftt-blog-results-note { margin: 0 0 2px; color: var(--ftt-blog-muted); font-size: 13px; }
.ftt-blog-page .ftt-blog-query { margin-block: 0; }
.ftt-blog-page ul.ftt-blog-grid { display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)); align-items: stretch; gap: clamp(16px,2vw,25px); padding: 0; margin: 0; list-style: none; }
.ftt-blog-page ul.ftt-blog-grid > li.wp-block-post { min-width: 0; margin: 0; padding: 0; list-style: none; }
.ftt-blog-page .ftt-blog-card { height: 100%; min-width: 0; display: flex; flex-direction: column; overflow: hidden; border: 1px solid var(--ftt-blog-border); border-radius: 22px; background: var(--ftt-blog-surface); box-shadow: 0 8px 26px rgba(11,18,32,.045); transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease; }
.ftt-blog-page ul.ftt-blog-grid > li.wp-block-post:hover .ftt-blog-card { transform: translateY(-5px); border-color: #cae2d6; box-shadow: 0 19px 42px rgba(11,18,32,.095); }
.ftt-blog-page .ftt-blog-card__media { display: block; position: relative; width: 100%; margin: 0; overflow: hidden; aspect-ratio: 16/10; background: linear-gradient(135deg,#dff6ec,#f4f7f5 55%,#ffe8d6); }
.ftt-blog-page .ftt-blog-card__media a { display: block; width: 100%; height: 100%; }
.ftt-blog-page .ftt-blog-card__media img, .ftt-blog-page img.ftt-blog-card__media-img { display: block; width: 100%; height: 100%; aspect-ratio: 16/10; object-fit: cover; transition: transform .45s cubic-bezier(.2,.75,.25,1); }
.ftt-blog-page ul.ftt-blog-grid > li.wp-block-post:hover .ftt-blog-card__media img { transform: scale(1.045); }
.ftt-blog-page .ftt-blog-card__media--empty { display: grid; place-items: center; min-height: 180px; background: radial-gradient(circle at 20% 25%,rgba(255,138,61,.22),transparent 30%),radial-gradient(circle at 80% 70%,rgba(7,150,105,.2),transparent 38%),linear-gradient(135deg,#edf8f2,#f9fbfa); }
.ftt-blog-page .ftt-blog-card__media--empty::before { content: "FINTECH  /  INSIGHTS"; color: rgba(7,107,80,.65); font-size: 11px; font-weight: 850; letter-spacing: .2em; }
.ftt-blog-page .ftt-blog-card__body { display: flex; flex: 1 1 auto; flex-direction: column; align-items: flex-start; padding: clamp(19px,2.1vw,27px); }
.ftt-blog-page .ftt-blog-card__categories { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 13px; color: var(--ftt-blog-accent-dark); font-size: 10px; font-weight: 800; letter-spacing: .09em; line-height: 1.45; text-transform: uppercase; }
.ftt-blog-page .ftt-blog-card__categories a { color: inherit; text-decoration: none; }
.ftt-blog-page .ftt-blog-card__categories a:hover { text-decoration: underline; text-underline-offset: 3px; }
.ftt-blog-page .ftt-blog-card__title { margin: 0; color: var(--ftt-blog-ink); font-size: clamp(19px,1.65vw,23px); font-weight: 790; line-height: 1.3; letter-spacing: -.028em; text-wrap: pretty; }
.ftt-blog-page .ftt-blog-card__title a { color: inherit; text-decoration: none; text-decoration-color: rgba(7,150,105,.38); text-underline-offset: 4px; }
.ftt-blog-page .ftt-blog-card__title a:hover { color: var(--ftt-blog-accent-dark); text-decoration: underline; }
.ftt-blog-page .ftt-blog-card__excerpt { margin-top: 13px; color: #667486; font-size: 14px; line-height: 1.75; }
.ftt-blog-page .ftt-blog-card__excerpt p { margin: 0; }
.ftt-blog-page .ftt-blog-card__footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; margin-top: auto; padding-top: 20px; }
.ftt-blog-page .ftt-blog-card__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 7px 11px; color: #7a8794; font-size: 11px; line-height: 1.4; }
.ftt-blog-page .ftt-blog-card__read-more { display: inline-flex; align-items: center; flex: 0 0 auto; color: var(--ftt-blog-accent-dark); font-size: 12px; font-weight: 800; text-decoration: none; white-space: nowrap; }
.ftt-blog-page .ftt-blog-card__read-more:hover { color: var(--ftt-blog-warm); }
.ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) > li.wp-block-post:first-child { grid-column: 1 / -1; }
.ftt-blog-page ul.ftt-related-posts-grid > li.wp-block-post:first-child { grid-column: auto; }
.ftt-blog-page ul.ftt-related-posts-grid > li.wp-block-post:first-child > .ftt-blog-card { display: flex; }
.ftt-blog-page ul.ftt-related-posts-grid > li.wp-block-post:first-child .ftt-blog-card__media { min-height: 0; aspect-ratio: 16/10; }
.ftt-blog-page ul.ftt-related-posts-grid > li.wp-block-post:first-child .ftt-blog-card__title { font-size: clamp(19px,1.65vw,23px); }
.ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) > li.wp-block-post:first-child > .ftt-blog-card { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); align-items: stretch; }
.ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) > li.wp-block-post:first-child .ftt-blog-card__media { height: 100%; min-height: 300px; aspect-ratio: auto; }
.ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) > li.wp-block-post:first-child .ftt-blog-card__body { padding: clamp(25px,4vw,48px); }
.ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) > li.wp-block-post:first-child .ftt-blog-card__title { font-size: clamp(25px,3vw,38px); line-height: 1.16; }
.ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) > li.wp-block-post:first-child .ftt-blog-card__excerpt { font-size: 15px; }
.ftt-blog-page .ftt-blog-pagination { display: flex; justify-content: center; align-items: center; gap: 8px; margin-top: 42px; color: var(--ftt-blog-ink); }
.ftt-blog-page .ftt-blog-pagination a, .ftt-blog-page .ftt-blog-pagination span { display: inline-flex; justify-content: center; align-items: center; min-width: 38px; min-height: 38px; padding: 7px 12px; border: 1px solid var(--ftt-blog-border); border-radius: 11px; background: white; color: inherit; text-decoration: none; font-size: 13px; }
.ftt-blog-page .ftt-blog-pagination .current { color: white; border-color: var(--ftt-blog-accent); background: var(--ftt-blog-accent); }
.ftt-blog-page .ftt-blog-empty-state { padding: 44px 22px; border: 1px dashed #ccddd4; border-radius: 22px; background: #f8fbf9; text-align: center; }
.ftt-blog-page .ftt-blog-empty-state h3 { margin: 0 0 10px; font-size: 24px; }
.ftt-blog-page .ftt-blog-empty-state p { color: var(--ftt-blog-muted); }
.ftt-blog-page .ftt-live-load-more { display: none; margin: 28px auto 0; min-height: 44px; padding: 0 20px; border: 1px solid #cfe2d7; border-radius: 13px; color: var(--ftt-blog-accent-dark); background: #f5fbf7; font-size: 13px; font-weight: 800; cursor: pointer; }
.ftt-blog-page .ftt-live-load-more.is-visible { display: flex; align-items: center; justify-content: center; }
.ftt-blog-page .ftt-live-load-more[disabled] { opacity: .65; cursor: progress; }
.ftt-blog-page .ftt-ajax-empty { grid-column: 1 / -1; padding: 48px 24px; border: 1px dashed #ccddd4; border-radius: 22px; text-align: center; color: var(--ftt-blog-muted); background: #f8fbf9; }
/* Single article */
.ftt-blog-page.ftt-single-post { padding-top: clamp(26px,4vw,56px); }
.ftt-blog-page .ftt-single-hero { margin-bottom: clamp(24px,4vw,42px); }
.ftt-blog-page .ftt-single-title { max-width: 940px; margin: 10px 0 19px; color: var(--ftt-blog-ink); font-size: clamp(35px,5.1vw,62px); font-weight: 820; letter-spacing: -.05em; line-height: 1.06; text-wrap: balance; }
.ftt-blog-page.ftt-single-post .ftt-single-title { font-size: clamp(35px,5.1vw,62px); }
body.ftt-title-size-small .ftt-blog-page.ftt-single-post .ftt-single-title { font-size: clamp(30px,3.65vw,46px); }
body.ftt-title-size-standard .ftt-blog-page.ftt-single-post .ftt-single-title { font-size: clamp(35px,5.1vw,62px); }
body.ftt-title-size-large .ftt-blog-page.ftt-single-post .ftt-single-title { font-size: clamp(41px,6.2vw,76px); }
.ftt-blog-page .ftt-single-deck { max-width: 800px; margin: 0 0 22px; color: #5e6c7e; font-size: clamp(17px,1.65vw,21px); line-height: 1.7; }
.ftt-blog-page .ftt-single-meta-row { display: flex; flex-wrap: wrap; align-items: center; gap: 13px 22px; color: #738092; font-size: 12px; }
.ftt-blog-page .ftt-single-meta-row .wp-block-post-author { display: flex; align-items: center; gap: 8px; }
.ftt-blog-page .ftt-single-meta-row .avatar { border-radius: 50%; }
.ftt-blog-page .ftt-single-tags { display: inline-flex; gap: 7px; flex-wrap: wrap; }
.ftt-blog-page .ftt-single-tags a { color: var(--ftt-blog-accent-dark); text-decoration: none; }
.ftt-blog-page .ftt-single-featured { overflow: hidden; margin: 0 0 clamp(35px,5vw,66px); border-radius: clamp(20px,3vw,30px); background: #eef6f1; }
.ftt-blog-page .ftt-single-featured img { display: block; width: 100%; max-height: 620px; object-fit: cover; }
.ftt-blog-page .ftt-article-main { color: #283649; font-size: 17px; line-height: 1.9; overflow-wrap: anywhere; }
.ftt-blog-page .ftt-article-main > * + * { margin-block-start: 1.45em; }
.ftt-blog-page .ftt-article-main h2 { margin-top: 1.75em; color: var(--ftt-blog-ink); font-size: clamp(25px,3vw,34px); line-height: 1.25; letter-spacing: -.03em; }
.ftt-blog-page .ftt-article-main h3 { color: var(--ftt-blog-ink); font-size: clamp(21px,2.4vw,27px); line-height: 1.35; }
.ftt-blog-page .ftt-article-main a { color: var(--ftt-blog-accent-dark); text-underline-offset: 3px; }
.ftt-blog-page .ftt-article-main img, .ftt-blog-page .ftt-article-main figure { max-width: 100%; height: auto; border-radius: 15px; }
.ftt-blog-page .ftt-article-divider { border-color: #e2e9e5; }
.ftt-blog-page .ftt-related-section { margin-top: clamp(56px,7vw,92px); }
.ftt-blog-page .ftt-comment-row { display: flex; gap: 14px; }
.ftt-blog-page .wp-block-comments { max-width: 780px; margin: 55px auto 0; }
.ftt-blog-page .wp-block-post-author-biography { color: var(--ftt-blog-muted); font-size: 14px; line-height: 1.75; }
.ftt-blog-page .ftt-blog-page__sr-only, .ftt-blog-page .screen-reader-text { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important; }
@media (max-width: 1024px) {
  .ftt-blog-page ul.ftt-blog-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) > li.wp-block-post:first-child .ftt-blog-card__media { min-height: 250px; }
  .ftt-blog-page .ftt-blog-hero::after { width: 60px; height: 60px; top: 24px; inset-inline-end: 24px; }
}
@media (max-width: 680px) {
  .ftt-blog-page { padding-top: 22px; padding-bottom: 58px; }
  .ftt-blog-page .ftt-blog-hero { padding: 27px 21px 25px; border-radius: 22px; margin-bottom: 35px; }
  .ftt-blog-page .ftt-blog-hero::after { display: none; }
  .ftt-blog-page .ftt-blog-hero__title { max-width: 100%; font-size: clamp(33px,9vw,46px); letter-spacing: -.045em; }
  .ftt-blog-page .ftt-blog-hero__intro { margin-top: 15px; font-size: 15px; line-height: 1.72; }
  .ftt-blog-page .ftt-live-blog-controls { margin-top: 23px; gap: 17px; }
  .ftt-blog-page .ftt-live-search__form { gap: 5px; padding: 5px; border-radius: 15px; }
  .ftt-blog-page .ftt-live-search__icon { margin-inline-start: 8px; }
  .ftt-blog-page .ftt-live-search__input { height: 44px; font-size: 14px; }
  .ftt-blog-page .ftt-live-search__submit { min-height: 42px; padding-inline: 13px; border-radius: 10px; font-size: 12px; }
  .ftt-blog-page .ftt-live-filter-row { gap: 8px; }
  .ftt-blog-page .ftt-live-filter-label { flex-basis: 100%; padding-top: 0; }
  .ftt-blog-page .ftt-live-filter-options { flex-basis: 100%; gap: 7px; }
  .ftt-blog-page .ftt-live-filter-chip { min-height: 33px; padding: 7px 11px; font-size: 11px; }
  .ftt-blog-page .ftt-blog-results-head { align-items: flex-start; flex-direction: column; gap: 8px; margin-bottom: 18px; }
  .ftt-blog-page ul.ftt-blog-grid { grid-template-columns: minmax(0,1fr); gap: 16px; }
  .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) > li.wp-block-post:first-child { grid-column: auto; }
  .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) > li.wp-block-post:first-child > .ftt-blog-card { display: flex; }
  .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) > li.wp-block-post:first-child .ftt-blog-card__media { min-height: 0; height: auto; aspect-ratio: 16/10; }
  .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) > li.wp-block-post:first-child .ftt-blog-card__body { padding: 20px; }
  .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) > li.wp-block-post:first-child .ftt-blog-card__title { font-size: 22px; }
  .ftt-blog-page .ftt-blog-card { border-radius: 19px; }
  .ftt-blog-page .ftt-blog-card__body { padding: 19px; }
  .ftt-blog-page .ftt-blog-card__title { font-size: 21px; }
  .ftt-blog-page .ftt-blog-card__footer { gap: 11px; padding-top: 17px; }
  .ftt-blog-page .ftt-blog-card__read-more { font-size: 11px; }
  .ftt-blog-page .ftt-single-title { font-size: clamp(31px,8.5vw,43px); }
  body.ftt-title-size-small .ftt-blog-page.ftt-single-post .ftt-single-title { font-size: clamp(28px,7vw,36px); }
  body.ftt-title-size-standard .ftt-blog-page.ftt-single-post .ftt-single-title { font-size: clamp(31px,8.5vw,43px); }
  body.ftt-title-size-large .ftt-blog-page.ftt-single-post .ftt-single-title { font-size: clamp(36px,9.5vw,49px); }
  .ftt-blog-page .ftt-article-main { font-size: 16px; line-height: 1.85; }
  .ftt-blog-page .ftt-blog-pagination { flex-wrap: wrap; margin-top: 30px; }
}
@media (prefers-reduced-motion: reduce) {
  .ftt-blog-page *, .ftt-blog-page *::before, .ftt-blog-page *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; scroll-behavior: auto !important; }
}
/* Once AJAX filtering takes over the archive grid, use its Load more control instead of stale server pagination. */
.ftt-blog-page.ftt-live-results-active .ftt-blog-pagination { display: none; }


/* FinTech Master Blog v1.1 — safe layout presets. The Query Loop and article blocks remain native. */
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-width--compact .ftt-blog-page { width: min(calc(100% - 36px), 1020px) !important; max-width: 1020px !important; margin-inline: auto !important; }
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-width--standard .ftt-blog-page { width: min(calc(100% - 40px), 1180px) !important; max-width: 1180px !important; margin-inline: auto !important; }
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-width--wide .ftt-blog-page { width: min(calc(100% - 48px), 1440px) !important; max-width: 1440px !important; margin-inline: auto !important; }
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-width--compact .ftt-blog-page .ftt-blog-hero,
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-width--compact .ftt-blog-page .ftt-blog-results { max-width: 100% !important; }
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-width--wide .ftt-blog-page .ftt-blog-hero,
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-width--wide .ftt-blog-page .ftt-blog-results { max-width: 100% !important; }
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-spacing--compact .ftt-blog-page { padding-block: clamp(22px,3vw,42px) clamp(42px,5vw,68px); }
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-spacing--compact .ftt-blog-page .ftt-blog-hero { margin-bottom: clamp(26px,3vw,38px); padding: clamp(22px,3.6vw,42px); }
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-spacing--compact .ftt-blog-page ul.ftt-blog-grid { gap: 16px; }
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-spacing--compact .ftt-blog-page .ftt-blog-card__body { padding: 19px; }
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-spacing--comfortable .ftt-blog-page ul.ftt-blog-grid { row-gap: clamp(20px,2.2vw,28px); column-gap: clamp(18px,2vw,26px); }
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-color-mode--brand .ftt-blog-page { --ftt-blog-accent: var(--fttmb-accent-color, #126B55); --ftt-blog-accent-dark: var(--fttmb-accent-dark, #0D5140); }
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-color-mode--brand .ftt-blog-page .ftt-live-search__submit,
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-color-mode--brand .ftt-blog-page .ftt-blog-pagination .current,
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-color-mode--brand .ftt-blog-page .ftt-live-filter-chip.is-active { color: var(--fttmb-accent-text, #fff); }

/* Magazine Flow — one editorial lead feature and a clean supporting grid. */
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--magazine .ftt-blog-page .ftt-blog-hero { border-radius: 8px 8px 30px 8px; background: linear-gradient(135deg,#f7faf9 0%,#edf5f1 58%,#fff8f2 100%); }
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--magazine .ftt-blog-page .ftt-blog-results-head { padding-bottom: 17px; border-bottom: 1px solid var(--ftt-blog-border); }
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--magazine .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) > li.wp-block-post:first-child { grid-column: 1 / -1; }
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--magazine .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) > li.wp-block-post:first-child > .ftt-blog-card { display: grid; grid-template-columns: minmax(0,1.08fr) minmax(320px,.92fr); align-items: stretch; min-height: 330px; overflow: hidden; border: 1px solid var(--ftt-blog-border); border-radius: 22px; color: var(--ftt-blog-ink); background: #f5f8f6; box-shadow: 0 12px 34px rgba(15,35,29,.07); }
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--magazine .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) > li.wp-block-post:first-child .ftt-blog-card__media { position: relative; inset: auto; z-index: 0; display: block; width: 100%; height: 100%; min-height: 0; aspect-ratio: auto; margin: 0; overflow: hidden; }
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--magazine .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) > li.wp-block-post:first-child .ftt-blog-card__media img { display: block; width: 100%; height: 100%; min-height: 330px; object-fit: cover; }
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--magazine .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) > li.wp-block-post:first-child .ftt-blog-card__body { position: relative; z-index: 1; display: flex; min-width: 0; min-height: 330px; flex-direction: column; justify-content: center; padding: clamp(24px,4vw,48px); color: var(--ftt-blog-ink); background: linear-gradient(145deg,#f7faf8 0%,#edf4f0 100%); }
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--magazine .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) > li.wp-block-post:first-child .ftt-blog-card__categories a { border-color: var(--ftt-blog-border); background: #fff; }
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--magazine .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) > li.wp-block-post:first-child .ftt-blog-card__title { font-size: clamp(26px,3vw,40px); line-height: 1.12; }
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--magazine .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) > li.wp-block-post:first-child .ftt-blog-card__excerpt { max-width: 560px; }
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--magazine .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) > li.wp-block-post:not(:first-child) .ftt-blog-card { border-radius: 15px; box-shadow: 0 7px 24px rgba(15,35,29,.045); }
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--magazine .ftt-blog-page ul.ftt-related-posts-grid > li.wp-block-post:first-child { grid-column: auto; }

/* Journal List — horizontal reading rows with stable image sizing. */
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--journal .ftt-blog-page .ftt-blog-hero { border-radius: 4px 26px 4px 26px; background: #f7f8fa; box-shadow: none; border-color: #e5e9ef; }
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--journal .ftt-blog-page .ftt-blog-hero::after { width: 62px; height: 62px; border-radius: 16px; transform: rotate(12deg); }
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--journal .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) { display: grid; grid-template-columns: minmax(0,1fr); gap: 0; }
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--journal .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) > li.wp-block-post,
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--journal .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) > li.wp-block-post:first-child { grid-column: auto; padding-block: 20px; border-bottom: 1px solid var(--ftt-blog-border); }
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--journal .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) > li.wp-block-post:first-child > .ftt-blog-card,
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--journal .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) > li.wp-block-post > .ftt-blog-card { display: grid; grid-template-columns: minmax(150px,240px) minmax(0,1fr); align-items: center; gap: clamp(18px,3vw,34px); border: 0; border-radius: 0; box-shadow: none; background: transparent; }
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--journal .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) .ftt-blog-card__media { width: 100%; min-height: 0 !important; height: auto !important; aspect-ratio: var(--fttmb-image-ratio,16/11) !important; border-radius: 12px; }
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--journal .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) .ftt-blog-card__media img { width: 100%; height: 100%; object-fit: cover; }
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--journal .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) .ftt-blog-card__body { padding: 10px 0; }
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--journal .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) .ftt-blog-card__title { font-size: clamp(19px,2vw,25px); line-height: 1.28; }
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--journal .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) .ftt-blog-card__excerpt { max-width: 760px; }
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--journal .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) .ftt-blog-card__footer { padding-top: 11px; }

/* Single post: Feature Story. */
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-single-layout--feature .ftt-blog-page.ftt-single-post .ftt-single-hero { max-width: 1080px; padding: clamp(24px,4vw,44px) 0 0; }
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-single-layout--feature .ftt-blog-page.ftt-single-post .ftt-single-title { max-width: 1060px; font-size: clamp(42px,6.2vw,78px); line-height: 1.02; letter-spacing: -.055em; }
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-single-layout--feature .ftt-blog-page.ftt-single-post .ftt-single-deck { max-width: 900px; font-size: clamp(18px,2vw,23px); }
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-single-layout--feature .ftt-blog-page.ftt-single-post .ftt-single-featured { border-radius: 8px 28px 8px 28px; margin-bottom: clamp(42px,6vw,78px); }
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-single-layout--feature .ftt-blog-page.ftt-single-post .ftt-single-featured img { max-height: 700px; }
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-single-layout--feature .ftt-blog-page.ftt-single-post .ftt-article-main { max-width: 850px; margin-inline: auto; font-size: 18px; line-height: 1.92; }

/* Single post: Insight Report. The table of contents is generated from real H2/H3 headings. */
.ftt-insight-layout { width: min(100%,1160px); margin-inline: auto; display: grid; grid-template-columns: minmax(0,780px) minmax(220px,270px); gap: clamp(28px,4vw,64px); align-items: start; }
.ftt-insight-layout .ftt-article-main { min-width: 0; max-width: none !important; margin: 0 !important; grid-column: 1; grid-row: 1; }
.ftt-insight-toc { grid-column: 2; grid-row: 1; position: sticky; top: 28px; padding: 20px 19px; border: 1px solid var(--ftt-blog-border); border-radius: 15px; background: var(--ftt-blog-surface,#fff); color: var(--ftt-blog-ink); }
.ftt-insight-toc summary { cursor: pointer; font-size: 13px; font-weight: 800; letter-spacing: .02em; }
.ftt-insight-toc ol { margin: 13px 0 0; padding-inline-start: 20px; display: grid; gap: 10px; }
.ftt-insight-toc li { color: var(--ftt-blog-muted); font-size: 12px; line-height: 1.5; }
.ftt-insight-toc li.is-subheading { margin-inline-start: 9px; list-style-type: circle; }
.ftt-insight-toc a { color: inherit; text-decoration: none; text-underline-offset: 3px; }
.ftt-insight-toc a:hover, .ftt-insight-toc a:focus-visible { color: var(--ftt-blog-accent-dark); text-decoration: underline; }
.ftt-insight-layout .ftt-article-main h2, .ftt-insight-layout .ftt-article-main h3 { scroll-margin-top: 28px; }
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-sidebar--disabled.fttmb-single-layout--insight .ftt-blog-page .ftt-insight-layout { display: block; max-width: 780px; }
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-sidebar--disabled.fttmb-single-layout--insight .ftt-blog-page .ftt-insight-toc { display: none; }

/* Preview ribbon only appears to an authenticated administrator with a valid nonce. */
.fttmb-preview-ribbon { position: fixed; z-index: 999999; inset: auto 16px 16px auto; display: flex; align-items: center; gap: 16px; max-width: calc(100vw - 32px); padding: 10px 14px; border: 1px solid rgba(255,255,255,.18); border-radius: 12px; color: #fff; background: #14251f; box-shadow: 0 12px 34px rgba(0,0,0,.22); font: 600 12px/1.4 system-ui,sans-serif; }
.fttmb-preview-ribbon a { color: #fff; text-decoration: underline; text-underline-offset: 3px; white-space: nowrap; }

@media (max-width: 900px) {
  :is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--magazine .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) > li.wp-block-post:first-child > .ftt-blog-card { grid-template-columns: minmax(0,1fr) minmax(260px,.95fr); min-height: 310px; }
  :is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--magazine .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) > li.wp-block-post:first-child .ftt-blog-card__body,
  :is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--magazine .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) > li.wp-block-post:first-child .ftt-blog-card__media img { min-height: 310px; }
  .ftt-insight-layout { grid-template-columns: minmax(0,1fr) 230px; gap: 24px; }
}
@media (max-width: 680px) {
  :is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-width--compact .ftt-blog-page,
  :is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-width--standard .ftt-blog-page,
  :is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-width--wide .ftt-blog-page { width: calc(100% - 32px) !important; max-width: none !important; }
  :is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--magazine .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) > li.wp-block-post:first-child > .ftt-blog-card { grid-template-columns: minmax(0,1fr); min-height: 0; }
  :is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--magazine .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) > li.wp-block-post:first-child .ftt-blog-card__media { aspect-ratio: 16/9; height: auto; }
  :is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--magazine .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) > li.wp-block-post:first-child .ftt-blog-card__media img { min-height: 0; aspect-ratio: 16/9; height: auto; }
  :is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--magazine .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) > li.wp-block-post:first-child .ftt-blog-card__body { min-height: 0; padding: 24px; }
  :is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--magazine .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) > li.wp-block-post:first-child .ftt-blog-card__title { font-size: clamp(23px,7vw,30px); }
  :is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--journal .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) > li.wp-block-post:first-child > .ftt-blog-card,
  :is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--journal .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) > li.wp-block-post > .ftt-blog-card { grid-template-columns: 112px minmax(0,1fr); gap: 14px; }
  :is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--journal .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) .ftt-blog-card__body { padding: 3px 0; }
  :is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--journal .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) .ftt-blog-card__title { font-size: 17px; line-height: 1.3; }
  :is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--journal .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) .ftt-blog-card__excerpt { display: none; }
  :is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--journal .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) .ftt-blog-card__footer { align-items: flex-start; flex-direction: column; gap: 5px; }
  .ftt-insight-layout { display: flex; flex-direction: column; gap: 20px; }
  .ftt-insight-layout .ftt-insight-toc { position: static; order: 0; width: 100%; }
  .ftt-insight-layout .ftt-article-main { order: 1; width: 100%; }
  .ftt-insight-toc ol { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px 16px; }
  :is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-single-layout--feature .ftt-blog-page.ftt-single-post .ftt-single-title { font-size: clamp(34px,9vw,48px); }
  .fttmb-preview-ribbon { inset: auto 10px 10px 10px; justify-content: space-between; font-size: 11px; }
}
@media (max-width: 390px) {
  :is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--journal .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) > li.wp-block-post:first-child > .ftt-blog-card,
  :is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--journal .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) > li.wp-block-post > .ftt-blog-card { grid-template-columns: 96px minmax(0,1fr); gap: 11px; }
  .ftt-insight-toc ol { grid-template-columns: minmax(0,1fr); }
}


/* v1.2 — Chronicle Timeline: dated, calm editorial rows with a subtle timeline rail. */
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--chronicle .ftt-blog-page .ftt-blog-hero {
  border-radius: 18px; background: linear-gradient(135deg,#f8fafc 0%,#f3f6f8 100%);
  border-color: #e4e9ef; box-shadow: none;
}
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--chronicle .ftt-blog-page .ftt-blog-hero::after { display:none; }
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--chronicle .ftt-blog-page .ftt-blog-results-head { padding-bottom:16px; border-bottom:1px solid var(--ftt-blog-border); }
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--chronicle .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) {
  display:block; padding-inline-start:32px; position:relative; margin-inline-start:8px;
}
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--chronicle .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid)::before {
  content:""; position:absolute; inset-inline-start:7px; top:12px; bottom:22px; width:1px; background:linear-gradient(var(--ftt-blog-accent),var(--ftt-blog-border) 78%,transparent);
}
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--chronicle .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) > li.wp-block-post {
  position:relative; padding:0 0 22px; margin:0 0 22px; border-bottom:1px solid var(--ftt-blog-border);
}
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--chronicle .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) > li.wp-block-post::before {
  content:""; position:absolute; inset-inline-start:-31px; top:25px; width:11px; height:11px; border:3px solid var(--ftt-blog-surface); border-radius:50%; background:var(--ftt-blog-accent); box-shadow:0 0 0 1px var(--ftt-blog-border);
}
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--chronicle .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) > li.wp-block-post > .ftt-blog-card,
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--chronicle .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) > li.wp-block-post:first-child > .ftt-blog-card {
  display:grid; grid-template-columns:minmax(150px,220px) minmax(0,1fr); align-items:center; gap:clamp(18px,3vw,30px);
  border:1px solid var(--ftt-blog-border); border-radius:15px; background:var(--ftt-blog-surface); box-shadow:0 5px 18px rgba(15,23,42,.035);
}
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--chronicle .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) .ftt-blog-card__media { width:100%; aspect-ratio:var(--fttmb-image-ratio,16/9); border-radius:11px; margin:12px; }
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--chronicle .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) .ftt-blog-card__media img { width:100%; height:100%; object-fit:cover; }
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--chronicle .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) .ftt-blog-card__body { padding:clamp(17px,2.4vw,26px); }
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--chronicle .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) .ftt-blog-card__title { font-size:clamp(18px,2vw,25px); }
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--chronicle .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) .ftt-blog-card__footer { padding-top:12px; }

/* v1.2 — Topic Collections: spacious two-column editorial tiles, distinct from the three-column grid. */
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--topics .ftt-blog-page .ftt-blog-hero {
  border-radius:24px 24px 8px 24px; background:linear-gradient(135deg,#f6f8fc 0%,#f4f7fb 58%,#f8f6f1 100%); border-color:#e5eaf2; box-shadow:none;
}
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--topics .ftt-blog-page .ftt-blog-hero::after { border-radius:22px; transform:rotate(12deg); border-color:rgba(65,91,145,.2); }
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--topics .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) { grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(18px,2.5vw,30px); }
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--topics .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) > li.wp-block-post:first-child { grid-column:1/-1; }
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--topics .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) > li.wp-block-post:first-child > .ftt-blog-card {
  display:grid; grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr); border-radius:18px; background:#f7f9fc; border-color:#e2e8f0;
}
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--topics .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) > li.wp-block-post:not(:first-child) > .ftt-blog-card {
  border-radius:14px; box-shadow:none; border-color:#e6eaf0;
}
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--topics .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) .ftt-blog-card__categories a {
  display:inline-flex; padding:4px 8px; border:1px solid var(--ftt-blog-border); border-radius:999px; background:#f7f9fc;
}
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--topics .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) .ftt-blog-card__title { font-size:clamp(19px,2vw,26px); }
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--topics .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) > li.wp-block-post:first-child .ftt-blog-card__title { font-size:clamp(25px,3vw,38px); }
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--topics .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) .ftt-blog-card__body { padding:clamp(20px,2.8vw,32px); }

/* v1.2 — Case Study: confident project-story framing using existing Gutenberg article blocks. */
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-single-layout--case-study .ftt-blog-page.ftt-single-post .ftt-single-hero {
  max-width:1100px; padding:clamp(24px,4vw,48px); margin:0 auto 28px; border:1px solid #e3e9e5;
  border-radius:20px; background:linear-gradient(140deg,#f6faf7 0%,#f3f7f5 65%,#fbf8f3 100%);
}
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-single-layout--case-study .ftt-blog-page.ftt-single-post .ftt-single-hero::before {
  content:"CASE STUDY"; display:inline-flex; margin-bottom:13px; padding:5px 9px; border:1px solid rgba(7,105,78,.18);
  border-radius:999px; color:var(--ftt-blog-accent-dark); background:rgba(255,255,255,.76); font-size:10px; font-weight:850; letter-spacing:.14em;
}
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-single-layout--case-study .ftt-blog-page.ftt-single-post .ftt-single-title { max-width:900px; font-size:clamp(34px,4.8vw,60px); line-height:1.06; letter-spacing:-.045em; }
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-single-layout--case-study .ftt-blog-page.ftt-single-post .ftt-single-deck { max-width:800px; font-size:clamp(17px,1.6vw,20px); }
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-single-layout--case-study .ftt-blog-page.ftt-single-post .ftt-single-featured { width:min(100%,1100px); border-radius:15px; margin:0 auto clamp(34px,5vw,58px); }
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-single-layout--case-study .ftt-blog-page.ftt-single-post .ftt-article-main { max-width:780px; margin-inline:auto; line-height:1.85; }
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-single-layout--case-study .ftt-blog-page.ftt-single-post .ftt-article-main > .wp-block-post-content > p:first-child { color:var(--ftt-blog-ink); font-size:clamp(18px,1.7vw,21px); line-height:1.75; }
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-single-layout--case-study .ftt-blog-page.ftt-single-post .ftt-article-main h2 { margin-top:2.1em; padding-top:17px; border-top:1px solid var(--ftt-blog-border); font-size:clamp(23px,2.4vw,31px); }
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-single-layout--case-study .ftt-blog-page.ftt-single-post .ftt-article-main blockquote { margin:32px 0; padding:22px 26px; border-inline-start:4px solid var(--ftt-blog-accent); border-start-start-radius:0;border-start-end-radius:13px;border-end-end-radius:13px;border-end-start-radius:0; background:#f5f8f6; color:var(--ftt-blog-ink); font-size:18px; }

/* v1.2 — Interview & Conversation: question-led hierarchy and distinct quotation treatment. */
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-single-layout--interview .ftt-blog-page.ftt-single-post .ftt-single-hero { max-width:920px; padding:clamp(22px,3vw,36px) 0 0; }
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-single-layout--interview .ftt-blog-page.ftt-single-post .ftt-single-hero .ftt-blog-eyebrow { letter-spacing:.19em; }
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-single-layout--interview .ftt-blog-page.ftt-single-post .ftt-single-title { max-width:850px; font-size:clamp(36px,5vw,64px); line-height:1.04; }
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-single-layout--interview .ftt-blog-page.ftt-single-post .ftt-single-deck { max-width:760px; font-size:clamp(18px,1.8vw,22px); }
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-single-layout--interview .ftt-blog-page.ftt-single-post .ftt-single-featured { max-width:920px; border-radius:18px; }
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-single-layout--interview .ftt-blog-page.ftt-single-post .ftt-article-main { max-width:760px; margin-inline:auto; font-size:17px; line-height:1.9; }
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-single-layout--interview .ftt-blog-page.ftt-single-post .ftt-article-main h2 { position:relative; margin:2.2em 0 .7em; padding-inline-start:43px; font-size:clamp(21px,2.2vw,28px); line-height:1.25; }
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-single-layout--interview .ftt-blog-page.ftt-single-post .ftt-article-main h2::before {
  content:"Q"; position:absolute; inset-inline-start:0; top:1px; display:grid; place-items:center; width:29px; height:29px; border-radius:9px;
  color:#fff; background:var(--ftt-blog-accent-dark); font-size:12px; font-weight:850;
}
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-single-layout--interview .ftt-blog-page.ftt-single-post .ftt-article-main blockquote {
  margin:30px 0; padding:22px 26px; border:0; border-inline-start:3px solid var(--ftt-blog-accent); border-start-start-radius:0;border-start-end-radius:14px;border-end-end-radius:14px;border-end-start-radius:0;
  color:var(--ftt-blog-ink); background:#f7f9fb; font-size:clamp(18px,2vw,22px); line-height:1.65;
}
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-single-layout--interview .ftt-blog-page.ftt-single-post .ftt-article-main blockquote::before { content:"“"; display:block; height:23px; color:var(--ftt-blog-accent-dark); font-size:38px; font-weight:800; line-height:1; }

/* Theme-wide image ratio token used by the Chronicle image column and card covers. */
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-image-ratio--16-9 { --fttmb-image-ratio:16/9; }
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-image-ratio--3-2 { --fttmb-image-ratio:3/2; }
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-image-ratio--4-3 { --fttmb-image-ratio:4/3; }
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-image-ratio--1-1 { --fttmb-image-ratio:1/1; }
/* v1.2 — configurable archive image ratios and card presentation details. */
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-image-ratio--16-9 .ftt-blog-page .ftt-blog-card__media { aspect-ratio:16/9 !important; }
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-image-ratio--3-2 .ftt-blog-page .ftt-blog-card__media { aspect-ratio:3/2 !important; }
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-image-ratio--4-3 .ftt-blog-page .ftt-blog-card__media { aspect-ratio:4/3 !important; }
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-image-ratio--1-1 .ftt-blog-page .ftt-blog-card__media { aspect-ratio:1/1 !important; }
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-hide-author .ftt-blog-page .ftt-blog-card__meta .wp-block-post-author-name,
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-hide-author .ftt-blog-page .ftt-single-meta-row .wp-block-post-author { display:none !important; }
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-hide-date .ftt-blog-page .ftt-blog-card__meta .wp-block-post-date,
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-hide-date .ftt-blog-page .ftt-single-meta-row .wp-block-post-date { display:none !important; }
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-hide-reading-time .ftt-blog-page .ftt-blog-reading-time { display:none !important; }
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-hide-categories .ftt-blog-page .ftt-blog-card__categories,
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-hide-categories .ftt-blog-page .ftt-single-hero > .ftt-blog-card__categories { display:none !important; }
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-hide-excerpt .ftt-blog-page .ftt-blog-card__excerpt { display:none !important; }
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-card-hover--none .ftt-blog-page ul.ftt-blog-grid > li.wp-block-post:hover .ftt-blog-card,
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-card-hover--none .ftt-blog-page ul.ftt-blog-grid > li.wp-block-post:hover .ftt-blog-card__media img { transform:none !important; box-shadow:none !important; }
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-card-hover--none .ftt-blog-page .ftt-blog-card { transition:none !important; }
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-color-mode--brand .ftt-blog-page .ftt-blog-eyebrow span { color:var(--fttmb-accent-raw,var(--ftt-blog-warm)); }

@media (max-width:900px) {
  :is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--topics .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:680px) {
  :is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--chronicle .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) { padding-inline-start:22px; margin-inline-start:4px; }
  :is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--chronicle .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid)::before { inset-inline-start:5px; }
  :is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--chronicle .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) > li.wp-block-post::before { inset-inline-start:-23px; }
  :is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--chronicle .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) > li.wp-block-post > .ftt-blog-card,
  :is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--chronicle .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) > li.wp-block-post:first-child > .ftt-blog-card { grid-template-columns:104px minmax(0,1fr); gap:12px; }
  :is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--chronicle .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) .ftt-blog-card__media { margin:9px 0 9px 9px; border-radius:9px; }
  :is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--chronicle .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) .ftt-blog-card__body { padding:13px 12px 13px 0; }
  :is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--chronicle .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) .ftt-blog-card__title { font-size:16px; line-height:1.32; }
  :is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--chronicle .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) .ftt-blog-card__excerpt { font-size:12px; line-height:1.5; }
  :is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--topics .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) { grid-template-columns:minmax(0,1fr); }
  :is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--topics .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) > li.wp-block-post:first-child { grid-column:auto; }
  :is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--topics .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) > li.wp-block-post:first-child > .ftt-blog-card { grid-template-columns:minmax(0,1fr); }
  :is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--topics .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) .ftt-blog-card__body { padding:20px; }
  :is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-single-layout--case-study .ftt-blog-page.ftt-single-post .ftt-single-hero { padding:22px; border-radius:14px; }
  :is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-single-layout--case-study .ftt-blog-page.ftt-single-post .ftt-single-title { font-size:clamp(31px,8vw,44px); }
  :is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-single-layout--interview .ftt-blog-page.ftt-single-post .ftt-single-title { font-size:clamp(32px,8vw,46px); }
}
@media(prefers-reduced-motion:reduce) {
  .ftt-blog-page .ftt-blog-card, .ftt-blog-page .ftt-blog-card__media img { transition:none !important; }
}


/* v1.3 — Align all blog headings and copy to a consistent left reading edge. */
.ftt-blog-page .ftt-blog-hero,
.ftt-blog-page .ftt-single-hero,
.ftt-blog-page .ftt-blog-results-head,
.ftt-blog-page .ftt-article-main { text-align:start !important; }
.ftt-blog-page .ftt-blog-hero__title,
.ftt-blog-page .ftt-blog-hero__intro,
.ftt-blog-page .ftt-single-title,
.ftt-blog-page .ftt-single-deck,
.ftt-blog-page .ftt-blog-section-title { margin-inline-start:0 !important; margin-inline-end:0 !important; text-align:start !important; }
.ftt-blog-page .ftt-blog-card__body,
.ftt-blog-page .ftt-blog-card__title,
.ftt-blog-page .ftt-blog-card__excerpt { text-align:start !important; }

/* v1.3 — One shared sidebar can contain the On this page navigation and recent articles. */
.fttmb-article-layout { width:min(100%,1160px); margin-inline:auto; display:grid; grid-template-columns:minmax(0,780px) minmax(220px,270px); gap:clamp(26px,4vw,58px); align-items:start; }
.fttmb-article-layout .ftt-article-main { min-width:0; max-width:none !important; margin:0 !important; grid-column:1; grid-row:1; }
.fttmb-article-sidebar { min-width:0; grid-column:2; grid-row:1; display:flex; flex-direction:column; gap:20px; position:sticky; top:28px; align-self:start; }
.fttmb-article-sidebar .ftt-insight-toc { position:static; width:100%; }
.fttmb-recent-posts { min-width:0; padding:20px 18px; border:1px solid var(--ftt-blog-border); border-radius:15px; background:var(--ftt-blog-surface,#fff); color:var(--ftt-blog-ink); }
.fttmb-recent-posts h2 { margin:0 0 14px; color:var(--ftt-blog-ink); font-size:15px; line-height:1.3; font-weight:800; text-align:start; }
.fttmb-recent-posts ul { display:grid; gap:13px; margin:0; padding:0; list-style:none; }
.fttmb-recent-post { min-width:0; margin:0; padding:0; }
.fttmb-recent-post__link { display:grid; grid-template-columns:68px minmax(0,1fr); align-items:center; gap:11px; color:inherit; text-decoration:none; }
.fttmb-recent-post__image { display:block; width:68px; aspect-ratio:1; overflow:hidden; border-radius:8px; background:#e8efeb; }
.fttmb-recent-post__image img { display:block; width:100%; height:100%; object-fit:cover; }
.fttmb-recent-post__image--empty { background:linear-gradient(135deg,#e3eee8,#f3f6f4); }
.fttmb-recent-post__copy { display:grid; min-width:0; gap:5px; }
.fttmb-recent-post__title { display:-webkit-box; overflow:hidden; color:var(--ftt-blog-ink); font-size:12px; font-weight:750; line-height:1.42; -webkit-box-orient:vertical; -webkit-line-clamp:3; }
.fttmb-recent-post__copy time { color:var(--ftt-blog-muted); font-size:10px; line-height:1.3; }
.fttmb-recent-post__link:hover .fttmb-recent-post__title,
.fttmb-recent-post__link:focus-visible .fttmb-recent-post__title { color:var(--ftt-blog-accent-dark); text-decoration:underline; text-underline-offset:3px; }
.fttmb-recent-post__link:focus-visible { outline:2px solid var(--ftt-blog-accent); outline-offset:4px; border-radius:4px; }
@media(max-width:900px) {
  .fttmb-article-layout { grid-template-columns:minmax(0,1fr) minmax(210px,240px); gap:22px; }
}
@media(max-width:680px) {
  .fttmb-article-layout { display:flex; flex-direction:column; gap:18px; width:100%; }
  .fttmb-article-sidebar { display:contents; }
  .fttmb-article-layout .ftt-article-main { order:1; width:100%; }
  .fttmb-article-sidebar .ftt-insight-toc { order:0; width:100%; position:static; }
  .fttmb-article-sidebar .fttmb-recent-posts { order:2; width:100%; }
  .fttmb-article-sidebar .ftt-insight-toc ol { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:390px) {
  .fttmb-article-sidebar .ftt-insight-toc ol { grid-template-columns:minmax(0,1fr); }
  .fttmb-recent-post__link { grid-template-columns:60px minmax(0,1fr); gap:9px; }
  .fttmb-recent-post__image { width:60px; }
}

/* v1.3 — Chronicle Timeline: switch to stacked cards on narrow screens instead of squeezing the copy column. */
@media(max-width:560px) {
  :is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--chronicle .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) { padding-inline-start:21px; margin-inline-start:0; min-width:0; }
  :is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--chronicle .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid)::before { inset-inline-start:5px; }
  :is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--chronicle .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) > li.wp-block-post { min-width:0; margin-inline-end:0; padding-bottom:17px; margin-bottom:17px; }
  :is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--chronicle .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) > li.wp-block-post::before { inset-inline-start:-21px; top:18px; width:9px; height:9px; }
  :is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--chronicle .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) > li.wp-block-post > .ftt-blog-card,
  :is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--chronicle .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) > li.wp-block-post:first-child > .ftt-blog-card { display:grid; grid-template-columns:minmax(0,1fr); width:100%; min-width:0; gap:0; align-items:stretch; }
  :is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--chronicle .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) .ftt-blog-card__media { width:100%; max-width:none; min-width:0; height:auto; min-height:0; aspect-ratio:16/9; margin:0; border-radius:13px 13px 0 0; }
  :is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--chronicle .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) .ftt-blog-card__media img { width:100%; height:100%; min-height:0; object-fit:cover; }
  :is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--chronicle .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) .ftt-blog-card__body { min-width:0; padding:16px 17px 17px; }
  :is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--chronicle .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) .ftt-blog-card__title { font-size:clamp(17px,4.5vw,20px); line-height:1.32; overflow-wrap:anywhere; }
  :is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--chronicle .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) .ftt-blog-card__excerpt { max-width:100%; font-size:13px; line-height:1.6; overflow-wrap:anywhere; }
  :is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--chronicle .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) .ftt-blog-card__footer { display:flex; flex-wrap:wrap; align-items:center; gap:8px 14px; padding-top:12px; }
}
@media(max-width:360px) {
  :is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--chronicle .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) { padding-inline-start:18px; }
  :is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--chronicle .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid)::before { inset-inline-start:4px; }
  :is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--chronicle .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) > li.wp-block-post::before { inset-inline-start:-18px; }
  :is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--chronicle .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) .ftt-blog-card__body { padding:14px; }
}

/* Universal adapter layer: keep plugin output resilient inside classic themes and builders. */
.fttmb-classic-adapter,
.fttmb-builder-surface {
  display: flow-root;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  color: var(--ftt-blog-ink, #17212b);
  font-family: inherit;
  line-height: inherit;
  isolation: isolate;
}
.fttmb-classic-adapter *,
.fttmb-builder-surface * { box-sizing: border-box; }
.fttmb-classic-adapter img,
.fttmb-builder-surface img { max-width: 100%; height: auto; }
.fttmb-classic-adapter .ftt-blog-page,
.fttmb-builder-surface .ftt-blog-page { margin-inline: auto; text-align: start; }
.fttmb-classic-adapter .ftt-blog-page a,
.fttmb-builder-surface .ftt-blog-page a { text-decoration-thickness: from-font; text-underline-offset: .14em; }
.fttmb-classic-adapter .ftt-blog-page h1,
.fttmb-classic-adapter .ftt-blog-page h2,
.fttmb-classic-adapter .ftt-blog-page h3,
.fttmb-builder-surface .ftt-blog-page h1,
.fttmb-builder-surface .ftt-blog-page h2,
.fttmb-builder-surface .ftt-blog-page h3 { overflow-wrap: anywhere; }
.fttmb-classic-adapter .ftt-blog-page figure,
.fttmb-builder-surface .ftt-blog-page figure { margin-inline: 0; }
.fttmb-classic-adapter .ftt-blog-page ul,
.fttmb-builder-surface .ftt-blog-page ul { list-style: none; }
.fttmb-builder-notice { padding: 12px 16px; border-inline-start: 3px solid #b45309; background: #fffbeb; color: #713f12; }
@media (max-width: 600px) {
  .fttmb-classic-adapter .ftt-blog-page,
  .fttmb-builder-surface .ftt-blog-page { width: calc(100% - 28px) !important; max-width: none !important; }
  .fttmb-classic-adapter .ftt-blog-page .ftt-blog-hero,
  .fttmb-builder-surface .ftt-blog-page .ftt-blog-hero { padding: 22px 18px; }
  .fttmb-classic-adapter .ftt-blog-page .ftt-blog-card,
  .fttmb-builder-surface .ftt-blog-page .ftt-blog-card { min-width: 0; }
}

/* v1.4.2 — Keep category labels left-aligned and render only the explicit green card CTA.
   Themes may apply centered text utility classes to Post Terms; this local rule wins within FinTech cards. */
.ftt-blog-page .ftt-blog-card__categories,
.ftt-blog-page .wp-block-post-terms.ftt-blog-card__categories,
.ftt-blog-page .ftt-blog-card__categories.has-text-align-center,
.ftt-blog-page .wp-block-post-terms.ftt-blog-card__categories.has-text-align-center {
  display: flex !important;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start !important;
  align-content: flex-start;
  align-self: stretch;
  width: 100%;
  margin-inline: 0 !important;
  text-align: start !important;
}
.ftt-blog-page .ftt-blog-card__categories a {
  display: inline-block;
  margin-inline: 0;
  text-align: start !important;
}
.ftt-blog-page .ftt-blog-card__excerpt a.more-link,
.ftt-blog-page .ftt-blog-card__excerpt .wp-block-post-excerpt__more-link {
  display: none !important;
}

/* v1.4.3 — Align the single-post eyebrow consistently, even inside themes that center constrained children. */
.ftt-blog-page.ftt-single-post .ftt-single-hero {
  text-align: start !important;
}
.ftt-blog-page.ftt-single-post .ftt-single-hero > .ftt-blog-eyebrow {
  display: block;
  width: 100%;
  max-width: none;
  margin: 0 0 14px !important;
  padding: 0;
  align-self: stretch;
  justify-self: start;
  text-align: start !important;
}
.ftt-blog-page.ftt-single-post .ftt-single-hero > .ftt-blog-card__categories {
  display: flex;
  width: 100%;
  max-width: none;
  margin-inline: 0 !important;
  align-self: stretch;
  justify-content: flex-start !important;
  text-align: start !important;
}

/* v1.4.3 — Chronicle Timeline must override the base Query Loop's important three-column grid. */
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--chronicle .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) {
  display: block !important;
  grid-template-columns: none !important;
  grid-auto-flow: initial !important;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  list-style: none;
}
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--chronicle .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) > li.wp-block-post {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
}
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--chronicle .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) > li.wp-block-post > .ftt-blog-card,
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--chronicle .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) > li.wp-block-post:first-child > .ftt-blog-card {
  display: grid;
  grid-template-columns: minmax(160px, 240px) minmax(0, 1fr);
  align-items: stretch;
  gap: clamp(16px, 2.5vw, 28px);
  width: 100%;
  max-width: 100%;
  min-width: 0;
  text-align: start;
}
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--chronicle .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) .ftt-blog-card__media {
  display: block;
  width: calc(100% - 24px);
  max-width: none;
  min-width: 0;
  height: auto;
  min-height: 0;
  margin: 12px;
  aspect-ratio: var(--fttmb-image-ratio, 16/10);
  align-self: center;
}
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--chronicle .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) .ftt-blog-card__media img {
  display: block;
  width: 100%;
  height: 100%;
  min-width: 0;
  object-fit: cover;
}
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--chronicle .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) .ftt-blog-card__body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  width: auto;
  max-width: none;
  min-width: 0;
  padding: clamp(18px, 2.4vw, 28px);
  text-align: start;
}
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--chronicle .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) .ftt-blog-card__categories {
  justify-content: flex-start;
  width: 100%;
  text-align: start;
}

@media (max-width: 680px) {
  :is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--chronicle .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) {
    padding-inline-start: 21px;
    margin-inline-start: 0;
  }
  :is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--chronicle .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) > li.wp-block-post > .ftt-blog-card,
  :is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--chronicle .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) > li.wp-block-post:first-child > .ftt-blog-card {
    grid-template-columns: 104px minmax(0, 1fr);
    gap: 12px;
  }
  :is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--chronicle .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) .ftt-blog-card__media {
    width: calc(100% - 9px);
    margin: 9px 0 9px 9px;
    aspect-ratio: 1 / 1;
    align-self: center;
    border-radius: 9px;
  }
  :is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--chronicle .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) .ftt-blog-card__body {
    padding: 13px 12px 13px 0;
  }
}
@media (max-width: 560px) {
  :is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--chronicle .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) > li.wp-block-post > .ftt-blog-card,
  :is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--chronicle .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) > li.wp-block-post:first-child > .ftt-blog-card {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
  }
  :is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--chronicle .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) .ftt-blog-card__media {
    width: 100%;
    margin: 0;
    aspect-ratio: 16/9;
    align-self: start;
    border-radius: 13px 13px 0 0;
  }
  :is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--chronicle .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) .ftt-blog-card__body {
    padding: 16px 17px 17px;
  }
}

/* Chronicle first item must not inherit the editorial-grid featured-image minimum height. */
:is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--chronicle .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) > li.wp-block-post:first-child .ftt-blog-card__media {
  width: calc(100% - 24px);
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: var(--fttmb-image-ratio, 16/10) !important;
  align-self: center;
}
@media (max-width: 680px) {
  :is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--chronicle .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) > li.wp-block-post:first-child .ftt-blog-card__media {
    width: calc(100% - 9px);
    height: auto !important;
    min-height: 0 !important;
    margin: 9px 0 9px 9px;
    aspect-ratio: 1 / 1 !important;
    align-self: center;
  }
}
@media (max-width: 560px) {
  :is(body,.fttmb-classic-adapter,.fttmb-builder-surface).fttmb-archive-layout--chronicle .ftt-blog-page ul.ftt-blog-grid:not(.ftt-related-posts-grid) > li.wp-block-post:first-child .ftt-blog-card__media {
    width: 100%;
    height: auto !important;
    min-height: 0 !important;
    margin: 0;
    aspect-ratio: 16 / 9 !important;
    align-self: start;
  }
}
