/* =========================================================
   COFFEY & TEA | SITE STYLES (site-wide)
   Loaded by functions.php after every other stylesheet. This is the one place for site-wide
   changes; it replaces Appearance > Customise > Additional CSS (moved here October 2026).
   Templates: assets/css/case-study.css and assets/css/blog-post.css
   1 Global  2 Headings  3 Blog posts  4 Images
   5 Navigation and footer  6 Forms  7 Home page
   ========================================================= */

/* ---------- 1. GLOBAL ---------- */
html { scroll-padding-top: 40px; } /* anchor links clear the sticky menu */
.blue-left-strong { font-weight: 400; text-decoration: underline lightyellow; }
.factoid { width: 75%; }

/* ---------- 2. HEADINGS ---------- */
/* headings always visible: the base theme hid them for an animation that no longer runs */
h1, h2, h3, h1 *, h2 *, h3 *,
.section-title, .section-title * {
  visibility: visible !important; opacity: 1 !important;
  transform: none !important; -webkit-transform: none !important;
}
.section-title, .section-title * {
  overflow: visible !important; position: static !important; display: inline !important;
}
/* all headings in the heavy weight, except the yellow CTA lines */
h1, h1 *, h2, h2 *, h3, h3 *, h4, h4 *, h5, h5 *, h6, h6 * { font-weight: 900 !important; }
h4.yellow-h4, h4.yellow-h4 * { font-weight: 400 !important; }

/* ---------- 3. BLOG POSTS ---------- */
.section-title { font-size: 54px; line-height: 54px; margin-bottom: 24px; text-transform: none !important; }
.single-post h1, .single-post h1 *,
.single-post .entry-content h2, .single-post .entry-content h2 *,
.single-post .entry-content h3, .single-post .entry-content h3 * {
  text-transform: none !important; letter-spacing: normal !important;
}
.single-post .entry-content h5 { font-size: 15px; }
/* Rank Math table of contents */
.wp-block-rank-math-toc-block { padding: 24px 32px; }
.wp-block-rank-math-toc-block h4 { margin-bottom: 12px; }
.wp-block-rank-math-toc-block nav { padding-left: 8px; }
.wp-block-rank-math-toc-block nav a { display: block; padding: 1px 0; }

/* ---------- 4. IMAGES ---------- */
.wp-block-image { margin-bottom: 15px; }
.wp-element-caption, .wp-element-caption em {
  font-size: 1rem; font-style: italic !important; color: #666666; text-align: right;
}
.wp-block-gallery.has-nested-images figure.wp-block-image img { max-width: 75% !important; }
/* logo galleries on light blue sections */
.has-light-blue-background-color .wp-block-gallery { filter: grayscale(1); mix-blend-mode: multiply; }
.has-light-blue-background-color .wp-block-gallery.has-nested-images:not(.is-cropped) figure.wp-block-image:not(#individual-image) {
  margin-top: 0; margin-bottom: 0;
}

/* ---------- 5. NAVIGATION AND FOOTER ---------- */
footer a:hover, footer a:active { color: #f9f0a3 !important; }
@media (max-width: 768px) { /* filter buttons on archive pages */
  .button-group.filter-button-group { flex-wrap: wrap; margin-top: 5em; }
  .button-group.filter-button-group button { margin: 0; }
}
@media (min-width: 768px) { .mobile-only-button { display: none !important; } }
/* the Services dropdown opens for keyboard users too (6 Oct 2026); the theme only opened it on hover */
@media (min-width: 1025px) { .main-navigation ul li:focus-within > ul { top: 100%; } }

/* ---------- 6. FORMS: Coffey Talk newsletter checkbox ---------- */
.ct-newsletter .gchoice { display: flex; align-items: center; gap: 8px; position: relative; }
.ct-newsletter input[type="checkbox"] {
  position: static !important; -webkit-appearance: checkbox !important; appearance: auto !important;
  width: 16px !important; height: 16px !important; margin: 0 !important; padding: 0 !important;
  border: none !important; opacity: 1 !important; flex-shrink: 0;
}
.ct-newsletter .gchoice label { position: static !important; margin: 0 !important; padding: 0 !important; border: none !important; }
/* remove the theme's fake checkbox */
.ct-newsletter .gchoice label::before, .ct-newsletter .gchoice label::after,
.ct-newsletter input[type="checkbox"]::before, .ct-newsletter input[type="checkbox"]::after,
.ct-newsletter .gchoice span::before, .ct-newsletter .gchoice span::after {
  content: none !important; display: none !important;
}
.ct-newsletter legend { display: block; margin-bottom: 6px; }

/* ---------- 7. HOME PAGE ---------- */
/* intro links stay yellow on hover */
#intro p.has-small-font-size a:hover, #intro p.has-small-font-size a:active,
#intro .intro-text > p a:hover, #intro .intro-text > p a:active {
  color: #f9f0a3; text-decoration-color: #f9f0a3;
}

/* ---------- 8. NO MID-WORD BREAKS (2 Oct 2026) ---------- */
/* The theme sets word-break: break-word on every column, which split headings and
   big numbers mid-word ("conversatio / n?", "80,00 / 0"). Headings and stat numbers
   now keep whole words and shrink to fit their column instead. Headings with a size
   chosen in the editor keep that size. */
.wp-block-column:has(:is(h1, h2, h3), .cs-num) { container-type: inline-size; }
.wp-block-column :is(h1, h2, h3, h4, .cs-num) { word-break: normal; overflow-wrap: normal; hyphens: none; }
.wp-block-column h1:not([class*="font-size"]):not([style*="font-size"]) { font-size: min(clamp(3.8rem, 8vw, 5.8rem), 11cqi); }
.wp-block-column h2:not([class*="font-size"]):not([style*="font-size"]) { font-size: min(clamp(3.2rem, 6vw, 4.8rem), 11cqi); }
.wp-block-column h3:not([class*="font-size"]):not([style*="font-size"]) { font-size: min(clamp(2.6rem, 5vw, 3.2rem), 12.5cqi); }
.entry-content .cs-tiles .cs-num { font-size: min(clamp(38px, 4.2vw, 56px), 24cqi) !important; white-space: nowrap; }

/* ---------- 9. NO LOAD ANIMATIONS (2 Oct 2026) ---------- */
/* The base theme hides columns, images, h1s and .fadein blocks until an animation script
   reveals them. That script is gone, so everything shows straight away and stays put. */
.js :is(.animate, .fadein, .fadein-top, .fadein-bottom, .fadein-left, .fadein-right),
.wp-block-column, .wp-block-image, hr {
  visibility: visible !important; opacity: 1 !important; transform: none !important;
}
.js .animate-wipe::before { display: none !important; }
:is(h1, .skew, .fadein, .fadein-top, .fadein-bottom, .fadein-left, .fadein-right, .wp-block-column, h3, .wp-block-image) { opacity: 1 !important; visibility: visible !important; transform: none !important; }
hr { opacity: 1 !important; visibility: visible !important; width: 100% !important; }

/* ---------- 10. BUTTONS AND SLIDER ---------- */
/* navy buttons with no text colour set went navy on navy on hover */
.wp-block-button__link.has-navy-blue-background-color:not(.has-text-color) { color: #fff; }
.wp-block-button__link.has-navy-blue-background-color:not(.has-text-color):is(:hover, :focus) { color: #faea9f; }
/* testimonials: a gap between quotes, so two never sit flush mid-slide */
.testimonials .info-slider .slide { margin-right: 64px; }

/* ---------- 11. BLOG POSTS (option D adjustments, 2 Oct 2026) ---------- */
/* reading column runs the full 1000px content width */
.entry-content:has(.post-close) { max-width: var(--w); font-size: 19px; }
/* less dead photo above the title */
body:has(.post-close) .feature-wrapper img { height: clamp(440px, 42vw, 560px); }
body:has(.post-close) .container:has(> .section-title) { margin-top: -300px; }
body:has(.post-close) article.hentry { padding-top: 56px; }
/* links inside bold text stay bold */
.entry-content:has(.post-close) > :is(p, ul) :is(strong, b) a { font-weight: inherit; }
/* chapter bands: number beside the heading, not above it */
.entry-content:has(.post-close) > h2 { position: relative; padding-left: 76px; }
.entry-content:has(.post-close) > h2::before { position: absolute; left: 0; top: 64px; margin: 0; }
/* older posts wrap images in div.wp-block-image > figure.alignright; the float let
   the text run up under the photo */
.entry-content:has(.post-close) > .wp-block-image { display: flow-root; }
.entry-content:has(.post-close) > .wp-block-image > figure { float: none; width: auto; max-width: none; margin: 0; }
@media (max-width: 781px) {
  body:has(.post-close) .feature-wrapper img { height: 460px; }
  body:has(.post-close) .container:has(> .section-title) { margin-top: -260px; }
  .entry-content:has(.post-close) { font-size: 17px; }
  .entry-content:has(.post-close) > h2 { padding-left: 56px; }
  .entry-content:has(.post-close) > h2::before { top: 48px; }
}

/* ---------- 12. ARCHIVES: blog, category and tag pages ---------- */
/* three cards a row (the theme let them stretch to two, which blew the small
   thumbnails up and blurred them), square corners, yellow offset on hover */
body:is(.blog, .archive) .posts { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 56px 32px; margin-top: 40px; }
body:is(.blog, .archive) .posts .card > a { display: flex; flex-direction: column; height: 100%; border: 0; color: #282a6c; text-decoration: none; }
body:is(.blog, .archive) .posts .card .img { aspect-ratio: 3 / 2; margin: 0 0 20px; border-radius: 0; transition: box-shadow .25s ease; }
body:is(.blog, .archive) .posts .card a:hover .img { box-shadow: 10px 10px 0 #faea9f; }
body:is(.blog, .archive) .posts .card h4 { margin: 0 0 10px; font-size: 20px; line-height: 1.25; color: #282a6c; text-wrap: balance; }
body:is(.blog, .archive) .posts .card a:hover h4 { text-decoration: underline; text-decoration-color: #ffd15a; text-decoration-thickness: 3px; text-underline-offset: 4px; }
body:is(.blog, .archive) .posts .card .excerpt p { margin: 0; font-size: 15px; line-height: 1.55; color: #5b5d8c; }
body:is(.blog, .archive) .posts .card .inner::after { content: "Read →"; display: inline-block; margin-top: 14px; padding-bottom: 2px; border-bottom: 3px solid #ffd15a; font-size: 12px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: #282a6c; }
@media (max-width: 1000px) { body:is(.blog, .archive) .posts { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { body:is(.blog, .archive) .posts { grid-template-columns: minmax(0, 1fr); gap: 40px; } }
/* case studies: wider on desktop, 1200px frame (Meg, 4 Oct 2026). The theme caps .single #content at 1000px, which left an 800px column. Story copy stays at a readable line length. */
@media (min-width: 1100px) { body:has(.cs-hero) #content { max-width: 1400px; } body:has(.cs-hero) .entry-content .cs-story p { max-width: 68ch; } }
/* case study eyebrow: 'Case study' links to Our Work (Meg, 4 Oct 2026) */
.entry-content .cs-hero .cs-eyebrow a { color: inherit; text-decoration: none; border-bottom: 0 !important; padding-bottom: 0; }
.entry-content .cs-hero .cs-eyebrow a:is(:hover, :focus-visible) { color: #fff; }
/* archive pages (Our Work, Tourism, Insights, News): navy title band to match the case studies (Meg, 4 Oct 2026) */
body.archive #content { margin-top: 0; }
body.archive #masthead { background-color: #282a6c; }
body.archive #masthead li a { color: #fff; }
body.archive .site-branding img { filter: invert(1) grayscale(1) brightness(10); }
body.archive #content > .container > h1 { margin: 0 0 64px; padding: 168px 0 clamp(48px, 6vw, 80px); color: #fff; border-image: conic-gradient(#282a6c 0 0) fill 0 / / 0 100vmax; font-size: clamp(48px, 7vw, 104px); line-height: .95; letter-spacing: -.02em; }
body.archive #content > .container > h1::after { content: ""; display: block; width: 72px; height: 6px; margin-top: 28px; background: #faea9f; }
@media (max-width: 640px) { body.archive #content > .container > h1 { padding-top: 132px; margin-bottom: 40px; } }
/* ---------- mobile fixes from Meg's 2 Oct screenshots, to the Zander standard (4 Oct 2026) ---------- */
/* header: solid navy from the first paint on phones and tablets, white logo, white burger */
@media (max-width: 1024px) {
  #masthead { background-color: #282a6c; transition: padding .25s linear; }
  #masthead .site-branding img { filter: invert(1) grayscale(1) brightness(10); }
  #masthead .hamburger-inner, #masthead .hamburger-inner::before, #masthead .hamburger-inner::after { background-color: #fff; height: 2px; }
}
/* alternating photo and bio rows (Team page): photo first, then the words, for every person on phones */
@media (max-width: 781px) { .wp-block-columns:has(> .wp-block-column.blue-left:last-child) { flex-direction: column-reverse; } }
/* testimonials: the quote, then name and organisation under a butter rule */
.testimonials .slide > p:empty { display: none; }
.testimonials .slide > p:not(:has(.attribution)) { margin: 0 0 20px; font-size: clamp(18px, 2.2vw, 24px); line-height: 1.5; font-weight: 400; color: #282a6c; }
.testimonials .slide > p:has(.attribution) { display: inline-block; margin: 0; padding-top: 14px; border-top: 3px solid #faea9f; font-size: 15px; line-height: 1.45; color: #282a6c; }
.testimonials .slide .attribution { font-weight: 700; }
/* ---------- headings never break mid-word (4 Oct 2026): they wrap at spaces and size down on small screens ---------- */
h1, h2, h3, h4, .section-title { overflow-wrap: normal; word-break: normal; hyphens: manual; }
@media (max-width: 640px) {
  body:has(.post-close) .container > .section-title { font-size: clamp(28px, 8.6vw, 40px); }
  .entry-content:has(.post-close) > h2 { font-size: clamp(24px, 7vw, 32px); }
  .entry-content .cs-hero .cs-title { font-size: clamp(30px, 9.4vw, 44px) !important; }
  body.archive #content > .container > h1 { font-size: clamp(30px, 9vw, 48px); }
}

/* ---------- one frame for listing pages (Meg, 4 Oct 2026; widened 6 Oct): 1200px, and on wide screens the left edge
   lines up with the A of ABOUT in the menu (296px), so the blog never looks narrow next to the full-width pages ---------- */
@media (min-width: 1100px) { :is(body.archive, body.blog) #content > .container { max-width: max(1400px, 100vw - 392px); } }

/* ---------- blog page (Our Perspectives): same navy band as the archives, styled filter and search ---------- */
body.blog #content { margin-top: 0; }
body.blog #masthead { background-color: #282a6c; }
body.blog #masthead li a { color: #fff; }
body.blog .site-branding img { filter: invert(1) grayscale(1) brightness(10); }
body.blog #content > .container > h2 {
  display: block; margin: 0 0 48px; padding: 168px 0 clamp(48px, 6vw, 80px); color: #fff;
  border-image: conic-gradient(#282a6c 0 0) fill 0 / / 0 100vmax;
  font-size: clamp(48px, 7vw, 104px); line-height: .95; letter-spacing: -.02em; font-weight: 900; text-transform: uppercase;
}
body.blog #content > .container > h2::after { content: ""; display: block; width: 72px; height: 6px; margin-top: 28px; background: #faea9f; }
body.blog form.searchandfilter { margin: 0; padding: 0; }
body.blog .searchandfilter > ul { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 16px; margin: 0 !important; padding: 0; list-style: none; }
body.blog .searchandfilter li { margin: 0; padding: 0; }
body.blog .searchandfilter li::before { content: none; }
body.blog .searchandfilter label { display: block; margin: 0; }
body.blog .searchandfilter :is(select, input[type="text"]) { box-sizing: border-box; height: 48px; min-width: 280px; margin: 0; padding: 0 16px; border: 2px solid #282a6c; border-radius: 0; background-color: #fff; color: #282a6c; font-family: Lexend, sans-serif; font-size: 15px; font-weight: 500; }
body.blog .searchandfilter select { appearance: none; padding-right: 44px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23282a6c' stroke-width='2'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 16px center; cursor: pointer; }
body.blog .searchandfilter input[type="text"]::placeholder { color: #282a6c; opacity: .6; }
body.blog .searchandfilter :is(select, input[type="text"]):focus-visible { outline: 3px solid #faea9f; outline-offset: 2px; }
@media (max-width: 640px) {
  body.blog #content > .container > h2 { padding-top: 132px; margin-bottom: 32px; font-size: clamp(30px, 9vw, 48px); }
  body.blog .searchandfilter > ul { flex-direction: column; align-items: stretch; margin-bottom: 32px; }
  body.blog .searchandfilter :is(select, input[type="text"]) { width: 100%; min-width: 0; }
}

/* ---------- factoids: one width, a navy rule, no half-width box with dead space beside it (Meg, 4 Oct 2026) ---------- */
.entry-content p.factoid { width: auto !important; max-width: none; margin: 36px 0 !important; padding: 20px 24px 20px 22px !important; border-left: 4px solid #282a6c; font-size: 15px !important; line-height: 1.55; }

/* blog page title becomes an h1 with the theme change (4 Oct 2026): same band as the h2 above */
body.blog #content > .container > h1 {
  display: block; margin: 0 0 48px; padding: 168px 0 clamp(48px, 6vw, 80px); color: #fff;
  border-image: conic-gradient(#282a6c 0 0) fill 0 / / 0 100vmax;
  font-size: clamp(48px, 7vw, 104px); line-height: .95; letter-spacing: -.02em; font-weight: 900; text-transform: uppercase;
}
body.blog #content > .container > h1::after { content: ""; display: block; width: 72px; height: 6px; margin-top: 28px; background: #faea9f; }
@media (max-width: 640px) { body.blog #content > .container > h1 { padding-top: 132px; margin-bottom: 32px; font-size: clamp(30px, 9vw, 48px); } }

/* ---------- blog posts on the listing frame, text stays wide (Meg, 4 Oct 2026, row site-grid-1200 option A; widened 6 Oct) ----------
   Bands, images, the numbers band and the ending sit on the same frame as the blog page: 1200px, and on wide screens
   the left edge lines up with the A of ABOUT. Reading text keeps its 1000px column, left aligned on the frame. Phones unchanged. */
@media (min-width: 782px) {
  body:has(.post-close) { --w: max(min(1200px, 100vw - 48px), 100vw - 592px); }
  body:has(.post-close) .container:has(> .section-title) { max-width: calc(var(--w) + 48px); }
  .entry-content:has(.post-close) > :is(p, ol, h3, blockquote, .wp-block-quote, .wp-block-embed, .wp-block-rank-math-toc-block, #rank-math-toc), .entry-content:has(.post-close) > ul:not(:has(sup)) { max-width: 1000px; }
}
/* case study photos: one 16:9 shape across the full story column, edges in line with the text */
.entry-content .cs-story .wp-block-image { width: 100%; max-width: none; margin-left: 0; margin-right: 0; }
.entry-content .cs-story .wp-block-image img { width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; }
/* logo stays white (Meg, 5 Oct 2026): the theme whitens the logo by filtering its wrapper on the home page, single posts and the open menu, and our navy headers filter the image itself. Two filters cancel out and the logo turns navy, so only one runs at a time. */
body.blog .site-branding, body.archive .site-branding, body.error404 .site-branding { -webkit-filter: none; filter: none; }
@media (max-width: 1024px) { #masthead .site-branding { -webkit-filter: none; filter: none; } }

/* ---------- phones never slide sideways (Meg, 6 Oct 2026) ----------
   iPhones zoom in when you tap a form box under 16px and stay zoomed, so the page slid left and right
   on the blog page (its filter and search boxes were 15px). Every box is 16px on phones, and nothing
   can make the page wider than the screen. clip, not hidden, so the sticky header keeps working. */
html, body { overflow-x: clip; }
@media (max-width: 767px) {
  input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]), select, textarea { font-size: 16px !important; }
}

/* ---------- listing intros (sprint, 6 Oct 2026): a promise line, and on the case study archive a button, inside the navy title band ---------- */
:is(body.archive, body.blog) #content > .container > h1:has(+ :is(.ct-archive-lede, .ct-archive-intro)) { margin-bottom: 0; padding-bottom: 28px; }
:is(body.archive, body.blog) #content > .container > :is(.ct-archive-lede, .ct-archive-intro) { margin: 0 0 48px; padding: 0 0 clamp(48px, 6vw, 72px); border-image: conic-gradient(#282a6c 0 0) fill 0 / / 0 100vmax; color: #fff; }
.ct-archive-intro .ct-archive-lede { margin: 0 0 24px; }
.ct-archive-lede { max-width: 40em; font-size: clamp(17px, 1.6vw, 20px); line-height: 1.5; font-weight: 300; }
.ct-archive-btn { display: inline-flex; align-items: center; min-height: 52px; padding: 0 26px; background: #f9f0a3; color: #282a6c !important; font-weight: 700; text-decoration: none; border: 0 !important; }
.ct-archive-btn:is(:hover, :focus-visible) { background: #fff; }
body.category-clients #content > .container > h1 { font-size: clamp(36px, 5.4vw, 80px); max-width: 14em; }
/* Coffey Talk strip on the blog page: full bleed grey band between the cards and the pagination */
.ct-talk-blog { margin: 24px 0 48px; border-image: conic-gradient(#efeff1 0 0) fill 0 / / 0 100vmax; }
.ct-sec.ct-talk-blog > .wp-block-group__inner-container { padding: 0 !important; max-width: none; }
@media (min-width: 1100px) { .ct-sec.ct-talk-blog > .wp-block-group__inner-container { grid-template-columns: minmax(0, 1fr) minmax(0, 470px); gap: 40px; } }

/* ---------- Gravity Forms spam trap stays hidden on every form (CRO audit, 9 Oct 2026) ----------
   Gravity adds a decoy field that only bots fill in, and bins any entry that fills it. It was showing on the
   contact form (labelled LinkedIn) and the Coffey Talk forms (labelled Name or Comments), so real people filled
   it in and lost their enquiry. Previously only hidden in the blog footer signup. */
.gform_wrapper :is(.gform_validation_container, .gfield--type-honeypot) { display: none !important; }

/* ---------- Landing Page template (page-templates/template-landing.php), 9 Oct 2026 ----------
   No site header, menu or footer: a logo bar, the page content full bleed, and a slim navy foot. */
body.ct-landing{margin:0;background:#282a6c}
body.ct-landing #content.landing-content{display:block;margin:0;padding:0;max-width:none}
.landing-bar{background:#282a6c;padding:clamp(20px,3vw,32px) clamp(20px,5vw,40px) 0}
.landing-foot{background:#282a6c;color:#fff;padding:28px clamp(20px,5vw,40px);border-top:1px solid rgba(255,255,255,.18)}
.landing-frame{max-width:1200px;margin:0 auto}
.landing-bar .landing-frame{line-height:0}
.landing-bar a,.landing-foot a.landing-logo{display:inline-block;line-height:0}
.landing-bar img{display:block;width:clamp(96px,10vw,130px);height:auto}
.landing-foot .landing-frame{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;justify-content:space-between;font-size:15px;line-height:1.4}
.landing-foot img{display:block;width:96px;height:auto}
.landing-foot p{margin:0;color:#fff}
.landing-foot a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.landing-foot a:is(:hover,:focus-visible){color:#f9f0a3}
body.ct-landing a:focus-visible{outline:3px solid #f9f0a3;outline-offset:3px}

/* ---------- Coffey Talk signup inside a post (travel hashtags and food tourism posts, 9 Oct 2026) ----------
   Grey, not yellow: yellow in posts flags what matters, a signup is a quieter element (Meg, 5 Oct 2026). */
.entry-content .ct-talk-inline{max-width:1000px;margin:40px 0;padding:24px clamp(20px,3vw,32px);background:#efeff1;border-left:4px solid #282a6c;color:#282a6c}
.entry-content .ct-talk-inline>.wp-block-group__inner-container{padding:0;max-width:none}
.entry-content .ct-talk-inline p{margin:0 0 12px;font-size:17px;line-height:1.55}
.entry-content .ct-talk-inline p.ct-talk-inline-h{margin-bottom:8px;font-size:20px;font-weight:700;line-height:1.3}
.entry-content .ct-talk-inline .wp-block-buttons{margin:16px 0 0}
.entry-content .ct-talk-inline .wp-block-button__link{display:inline-flex;align-items:center;min-height:48px;padding:0 24px;border:0;border-radius:0;background:#282a6c;color:#fff;font-weight:700;font-size:16px;text-decoration:none}
.entry-content .ct-talk-inline .wp-block-button__link:is(:hover,:focus-visible){background:#1c1d45;color:#f9f0a3}