/* TJW — long-form guide pages (/ethical-gold/, 2026-10).
 *
 * The guide is built from the theme's own components: .band/.shead sections,
 * .story__grid/.story__body running copy, .band .mats for the three options,
 * .worth for every data table, .faqs, .repair-links and the .dark enquiry band.
 * Only two things had no existing rule, and they are all this file carries:
 *
 *   - h3 sub-heads and tables inside running copy. .story__body was built for
 *     paragraphs only, so an h3 sat flush against the paragraph above and below
 *     it, and a paragraph after a table sat flush against the table.
 *   - the sources list. .legal__body gives it decimals and link styling, but at
 *     body size in garnet it outweighed the article. It drops to small, muted,
 *     two columns.
 *
 * SCOPING. Same rule as repairs-spokes.css: every selector is prefixed
 * `.wp-block-group.tjw` (the wrapper each section sits in) and targets a class
 * only guide pages carry (.guide__body, .guide__sources), so nothing else on the
 * site is touched. The prefix lifts each rule to (0,3,x), above the theme's
 * `.tjw .wp-block-group > *` margin reset.
 */

.wp-block-group.tjw .guide__body > h3{margin-top:var(--sp-10);margin-bottom:var(--sp-3)}
.wp-block-group.tjw .guide__body > h3:first-child{margin-top:0}
.wp-block-group.tjw .guide__body > .worth + *{margin-top:var(--sp-4)}

.wp-block-group.tjw .guide__sources ol{columns:2 320px;column-gap:var(--sp-12);font-size:var(--fs-sm);line-height:1.5}
.wp-block-group.tjw .guide__sources li{break-inside:avoid;margin:0 0 var(--sp-2)}
.wp-block-group.tjw .guide__sources a{color:var(--ink-60)}
.wp-block-group.tjw .guide__sources a:hover{color:var(--ink)}