/* News items (Liam Whitton's design, November 2026). Loads on single news items and in the news editor
   only (functions.php, inc/blockeditor-functions.php), so these rules can't reach other pages.
   Colours: #4C4184 blue, #00C7B1 teal, #212529 body text. */

/* Breathing room round side-by-side blocks, which otherwise sit tight against the paragraphs either side. */
.entry-content > .wp-block-media-text,
.entry-content > .wp-block-columns,
.entry-content > .wp-block-humanists-uk-bootstrap-pullquote-block{margin-top:2rem;margin-bottom:2rem}

/* ---------- Quotes ----------
   Every Quote block in news gets this look, past items included. 'Supporting quote' (a block style)
   keeps the plain theme quote for the odd quote that shouldn't stand out. */
.wp-block-quote:not(.is-style-huk-supporting){
  position:relative;margin:0 0 1.75rem;padding:0 0 0 64px;border:0;
  font-size:1.3rem;line-height:1.5;font-weight:400;color:#212529}
.wp-block-quote:not(.is-style-huk-supporting) p{margin:0 0 .85rem;font-weight:400}
.wp-block-quote:not(.is-style-huk-supporting) p:last-of-type{margin-bottom:0}
/* The mark sits inside the indent: the theme's content column (overflow:auto) clips anything outside it. */
.wp-block-quote:not(.is-style-huk-supporting)::before{
  content:"\201C";position:absolute;left:0;top:-2px;
  font-family:Georgia,"Times New Roman",serif;font-size:96px;line-height:1;font-weight:700;color:#00C7B1}
.wp-block-quote:not(.is-style-huk-supporting)::after{
  content:"";position:absolute;left:23px;top:82px;bottom:4px;width:3px;border-radius:2px;background:rgba(0,199,177,.28)}
/* A quote split over several Quote blocks reads as one: one mark, one line. */
.wp-block-quote:not(.is-style-huk-supporting) + .wp-block-quote:not(.is-style-huk-supporting){margin-top:-.9rem}
.wp-block-quote:not(.is-style-huk-supporting) + .wp-block-quote:not(.is-style-huk-supporting)::before{content:none}
.wp-block-quote:not(.is-style-huk-supporting) + .wp-block-quote:not(.is-style-huk-supporting)::after{top:-.9rem}
/* Empty Quote blocks left in past items: hidden on the page (not in the editor, where a new quote starts
   empty), and they don't make the quote after them a continuation. */
.entry-content .wp-block-quote:not(:has(> p:not(:empty))){display:none}
.wp-block-quote:not(:has(> p:not(:empty))) + .wp-block-quote:not(.is-style-huk-supporting){margin-top:1.1rem}
.wp-block-quote:not(:has(> p:not(:empty))) + .wp-block-quote:not(.is-style-huk-supporting)::before{content:"\201C"}
.wp-block-quote:not(:has(> p:not(:empty))) + .wp-block-quote:not(.is-style-huk-supporting)::after{top:82px}
:is(h3,h4) + .wp-block-quote:not(.is-style-huk-supporting){margin-top:1.1rem}
.wp-block-quote:not(.is-style-huk-supporting) cite{display:block;margin-top:.6rem;font-size:16px;font-style:normal;font-weight:500;color:#4C4184}
@media (max-width:767.98px){
  .wp-block-quote:not(.is-style-huk-supporting){padding-left:46px;font-size:1.15rem}
  .wp-block-quote:not(.is-style-huk-supporting)::before{top:0;font-size:68px}
  .wp-block-quote:not(.is-style-huk-supporting)::after,
  .wp-block-quote:not(:has(> p:not(:empty))) + .wp-block-quote:not(.is-style-huk-supporting)::after{left:15px;top:56px}
}

/* ---------- Notes block ----------
   The inner div, not the wrapper, or it's a box within a box. !important only to beat the Bootstrap
   utilities on that div (.p-4, .bg-humanistsuk-web-grey). */
.wp-block-humanists-uk-bootstrap-notes-block > div{
  margin-top:2.5rem;padding:24px 28px !important;border-radius:12px;background:#F4F2F8 !important;
  font-size:16px;line-height:1.55;font-weight:400;color:#3D3D3D}
.wp-block-humanists-uk-bootstrap-notes-block h4{margin:0 0 10px;font-size:17px;font-weight:700;color:#4C4184}
.wp-block-humanists-uk-bootstrap-notes-block p{margin:0 0 10px}

/* ---------- Images ---------- */
.wp-block-image img{border-radius:8px}
.wp-block-image figcaption{font-size:15px;line-height:1.45;color:#5A5A66}

/* ---------- Standfirst ----------
   The first paragraphs with text (inc/news-standfirst.php tags them; 'Standfirst paragraphs' in the
   editor sidebar, default 1). The editor shows the first paragraph larger whatever the setting. */
.huk-sf-1,.huk-sf-2,.huk-sf-3,
.is-root-container > p:first-of-type{font-size:1.55rem;line-height:1.42;font-weight:400}
@media (max-width:767.98px){.huk-sf-1,.huk-sf-2,.huk-sf-3{font-size:1.3rem}}