/* ResourceClips content styles, in the theme palette. */
:root {
	--rc-copper: #C66B3D;
	--rc-copper-dark: #9D4F2C;
	--rc-ink: #102321;
	--rc-green: #1D3532;
	--rc-muted: #63706D;
	--rc-line: #DCD7CC;
	--rc-sand: #F2EBDD;
	--rc-paper: #FCFAF5;
}

.rc-answer { background: var(--rc-sand); border-left: 4px solid var(--rc-copper); padding: 1rem 1.25rem; margin: 0 0 1.75rem; font-size: 1.05rem; line-height: 1.6; color: var(--rc-ink); }
.rc-answer strong { color: var(--rc-copper-dark); }

.rc-facts { margin: 1.5rem 0 2rem; overflow-x: auto; }
.rc-facts table { width: 100%; border-collapse: collapse; font-size: .95rem; }
.rc-facts th, .rc-facts td { text-align: left; vertical-align: top; padding: .55rem .75rem; border-bottom: 1px solid var(--rc-line); }
.rc-facts thead th { background: var(--rc-green); color: var(--rc-paper); font-weight: 600; }
.rc-facts tbody tr:nth-child(even) td { background: var(--rc-paper); }

.rc-faq { margin: 1rem 0 2rem; }
.rc-faq details { border: 1px solid var(--rc-line); border-radius: 4px; padding: .75rem 1rem; margin: 0 0 .6rem; background: #fff; }
.rc-faq summary { cursor: pointer; font-weight: 600; color: var(--rc-ink); }
.rc-faq details[open] summary { margin-bottom: .5rem; color: var(--rc-copper-dark); }
.rc-faq details p { margin: .4rem 0 0; }

.rc-related { margin-top: 2.5rem; padding-top: 1.25rem; border-top: 2px solid var(--rc-copper); }
.rc-related h2 { font-size: 1.15rem; margin: 0 0 .6rem; }
.rc-related ul { margin: 0; padding-left: 1.1rem; }
.rc-related li { margin: .3rem 0; }
.rc-part-of { font-size: .9rem; margin: 0 0 1rem; color: var(--rc-muted); }

.rc-hero { background: var(--rc-green); color: var(--rc-paper); padding: 3rem 1.5rem; margin-bottom: 2.5rem; border-radius: 4px; }
.rc-hero h1 { color: var(--rc-paper); margin: .25rem 0 1rem; font-size: clamp(1.9rem, 4vw, 2.8rem); line-height: 1.15; }
.rc-eyebrow { text-transform: uppercase; letter-spacing: .08em; font-size: .8rem; color: var(--rc-copper); margin: 0; font-weight: 600; }
.rc-lede { font-size: 1.15rem; line-height: 1.6; max-width: 46rem; margin: 0; }
.rc-panel { background: var(--rc-sand); padding: 1.5rem; border-radius: 4px; margin: 2rem 0; }
.rc-sections { list-style: none; padding: 0; }
.rc-sections li { padding: .75rem 0; border-bottom: 1px solid var(--rc-line); }

.rc-atlas { display: grid; grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr)); gap: .75rem; margin: 1.5rem 0; }
.rc-atlas-card { display: block; padding: 1rem; border: 1px solid var(--rc-line); border-radius: 4px; background: #fff; text-decoration: none; color: var(--rc-ink); }
.rc-atlas-card:hover { border-color: var(--rc-copper); }
.rc-atlas-card strong { display: block; margin-bottom: .25rem; }
.rc-atlas-card span { font-size: .85rem; color: var(--rc-muted); }

.resourceclips-form label { display: block; font-weight: 600; margin-bottom: .25rem; }
.resourceclips-form input[type=text], .resourceclips-form input[type=email], .resourceclips-form input[type=url], .resourceclips-form textarea { width: 100%; padding: .55rem .7rem; border: 1px solid var(--rc-line); border-radius: 4px; font: inherit; margin-top: .25rem; }

@media (max-width: 600px) {
	.rc-hero { padding: 2rem 1rem; }
	.rc-facts th, .rc-facts td { padding: .45rem .5rem; }
}

.rcs-photo-credit { font-size: .8rem; color: var(--rc-muted); margin: 2rem 0 0; }
.rcs-photo-credit a { color: inherit; }

/* Article photos: one wide 16:9 frame whatever the original ratio. */
.single-post .wp-block-post-featured-image.alignwide img { aspect-ratio: 16 / 9; width: 100%; height: auto; object-fit: cover; }

/* Articles and mine profiles. With nothing in the side column, title, standfirst, photo and text
   run the full width of the page. When the side column has boxes (links to mine profiles), all of
   them share the main column instead. */
.single-post .strata-cols:not(:has(.strata-side .strata-box)) .strata-side { display: none; }
.single-post .strata-cols:not(:has(.strata-side .strata-box)) .strata-main { flex-basis: 100% !important; }
.single-post .strata-cols:not(:has(.strata-side .strata-box)) .strata-main > *,
.single-post .strata-cols:not(:has(.strata-side .strata-box)) .strata-body > * { max-width: none; }
.single-post:has(.strata-side .strata-box) .strata-article-head > *,
.single-post:has(.strata-side .strata-box) .strata-record-id > * { max-width: 42rem; }
.single-post:has(.strata-side .strata-box) .wp-block-post-featured-image.alignwide { max-width: 42rem; margin-left: calc((100% - min(72rem, 100%)) / 2) !important; margin-right: auto !important; }