/* Site-specific supplements (Phase 4 fixes) */

/* showLinks() block on home: theme-inherited colors blend into the light background */
.romlidata,
.romlidata a {
	color: #2b2b2b;
}

/* The Twenty Fourteen theme paints a fixed left sidebar band (.site:before,
   z-index:2) over the first 182/222px of every full-width block. The showLinks()
   section spans the whole page width, so its left edge was covered by that band.
   Give the section the same left/right margins the theme gives .site-content. */
@media screen and (min-width: 1008px) {
	.wf-links-row {
		margin-left: 182px;
		margin-right: 29.04761904%;
	}
}
@media screen and (min-width: 1080px) {
	.wf-links-row {
		margin-left: 222px;
	}
}

/* Homepage: turn the archive landing page into a real front door. */
.home .wf-homepage {
	--wf-ink: #171b18;
	--wf-muted: #69716b;
	--wf-green: #17a800;
	--wf-pale: #edf3e8;
	color: var(--wf-ink);
	font-family: Lato, Arial, sans-serif;
	margin: 0;
	padding: 0 0 44px;
}
.home .wf-homepage a { transition: color .18s ease, background-color .18s ease, transform .18s ease; }
.home .wf-hero {
	background: #f1f4ef;
	border-top: 5px solid var(--wf-ink);
	display: grid;
	grid-template-columns: minmax(0, 1.45fr) minmax(220px, .7fr);
	gap: 46px;
	min-height: 355px;
	padding: 44px 48px 42px;
	position: relative;
	overflow: hidden;
}
.home .wf-hero::after {
	background: var(--wf-green);
	border-radius: 50%;
	content: "";
	height: 230px;
	op: -98px;
	right: -76px;
	position: absolute;
	width: 230px;
}
.home .wf-hero-copy { position: relative; z-index: 1; }
.home .wf-kicker {
	color: var(--wf-green);
	font-size: 10px;
	font-weight: 800;
	letter-spacing: .14em;
	line-height: 1.4;
	margin: 0 0 18px;
	text-transform: uppercase;
}
.home .wf-kicker span { color: #9aa49c; padding: 0 6px; }
.home .wf-hero h1 {
	color: var(--wf-ink);
	font-size: clamp(34px, 4vw, 59px);
	font-weight: 400;
	letter-spacing: -.045em;
	line-height: .98;
	margin: 0;
	max-width: 710px;
}
.home .wf-hero h1 em { color: var(--wf-green); font-family: Georgia, serif; font-style: italic; }
.home .wf-hero-lede {
	color: #59625b;
	font-size: 15px;
	line-height: 1.7;
	margin: 24px 0 25px;
	max-width: 560px;
}
.home .wf-hero-actions { align-items: center; display: flex; flex-wrap: wrap; gap: 22px; }
.home .wf-button {
	background: var(--wf-green);
	color: #fff !important;
	display: inline-block;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .1em;
	padding: 14px 18px;
	text-decoration: none;
	text-transform: uppercase;
}
.home .wf-button span { font-size: 16px; line-height: 0; padding-left: 12px; }
.home .wf-button:hover { background: #118400; transform: translateY(-2px); }
.home .wf-quiet-link { color: var(--wf-ink); font-size: 12px; font-weight: 700; text-decoration: none; }
.home .wf-quiet-link:hover { color: var(--wf-green); }
.home .wf-quiet-link span { color: var(--wf-green); font-size: 16px; padding-left: 7px; }
.home .wf-hero-note {
	align-self: end;
	background: #fff;
	box-shadow: 10px 10px 0 rgba(23, 168, 0, .13);
	max-width: 260px;
	padding: 22px 24px 24px;
	position: relative;
	z-index: 1;
}
.home .wf-note-top { color: #879188; display: flex; font-size: 9px; font-weight: 800; justify-content: space-between; letter-spacing: .12em; }
.home .wf-note-mark { color: var(--wf-green); font-family: Georgia, serif; font-size: 58px; height: 40px; line-height: 1; margin-top: 14px; }
.home .wf-hero-note p { color: #4c564e; font-family: Georgia, serif; font-size: 16px; line-height: 1.5; margin: 6px 0 18px; }
.home .wf-note-line { background: #dbe3da; height: 1px; }
.home .wf-note-signoff { color: #879188; display: block; font-family: Georgia, serif; font-size: 12px; font-style: italic; margin-top: 10px; }
.home .wf-start, .home .wf-latest { padding: 48px 0 0; }
.home .wf-section-intro { align-items: end; display: flex; gap: 35px; justify-content: space-between; margin-bottom: 22px; }
.home .wf-section-intro .wf-kicker { margin: 0 0 7px; }
.home .wf-section-intro h2, .home .wf-latest h2 { color: var(--wf-ink); font-size: 27px; font-weight: 400; letter-spacing: -.03em; margin: 0; }
.home .wf-section-intro > p:last-child { color: var(--wf-muted); font-family: Georgia, serif; font-size: 14px; margin: 0 0 3px; }
.home .wf-feature-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.home .wf-feature-card { display: flex; flex-direction: column; min-height: 192px; padding: 22px 22px 20px; position: relative; text-decoration: none; }
.home .wf-feature-card:hover { transform: translateY(-3px); }
.home .wf-feature-card-dark { background: #1b211c; color: #fff; }
.home .wf-feature-card-green { background: var(--wf-green); color: #fff; }
.home .wf-feature-card-paper { background: #f3e8d7; color: var(--wf-ink); }
.home .wf-card-index { font-size: 9px; font-weight: 800; letter-spacing: .14em; opacity: .7; }
.home .wf-feature-card h3 { font-size: 22px; font-weight: 400; letter-spacing: -.035em; line-height: 1.05; margin: 27px 0 auto; }
.home .wf-card-link { border-top: 1px solid rgba(255,255,255,.3); font-size: 10px; font-weight: 700; letter-spacing: .03em; margin-top: 18px; padding-top: 12px; }
.home .wf-feature-card-paper .wf-card-link { border-color: rgba(23,27,24,.22); }
.home .wf-card-link b { float: right; font-size: 15px; font-weight: 400; }
.home .wf-latest-heading { align-items: end; border-bottom: 2px solid var(--wf-ink); display: flex; justify-content: space-between; padding-bottom: 15px; }
.home .wf-latest-heading .wf-kicker { margin: 0 0 6px; }
.home .wf-note-list { border-bottom: 1px solid #d9ded9; }
.home .wf-note-row { align-items: center; border-bottom: 1px solid #d9ded9; color: var(--wf-ink); display: grid; gap: 18px; grid-template-columns: 116px minmax(0, 1fr) 20px; padding: 17px 4px; text-decoration: none; }
.home .wf-note-row:last-child { border-bottom: 0; }
.home .wf-note-row:hover { color: var(--wf-green); padding-left: 9px; }
.home .wf-note-type { color: #879188; font-size: 9px; font-weight: 800; letter-spacing: .09em; }
.home .wf-note-title { font-family: Georgia, serif; font-size: 16px; }
.home .wf-note-arrow { color: var(--wf-green); font-size: 18px; text-align: right; }
.home .wf-home-footer-cta { background: #1b211c; color: #fff; margin-top: 52px; padding: 37px 40px 40px; position: relative; }
.home .wf-home-footer-cta::after { border: 1px solid rgba(255,255,255,.22); border-radius: 50%; content: ""; height: 150px; position: absolute; right: 54px; top: 24px; width: 150px; }
.home .wf-home-footer-cta .wf-kicker { margin-bottom: 12px; }
.home .wf-home-footer-cta h2 { font-size: 31px; font-weight: 400; letter-spacing: -.04em; line-height: 1.02; margin: 0 0 24px; position: relative; z-index: 1; }
.home .wf-button-light { background: #fff; color: var(--wf-ink) !important; }
.home .wf-button-light:hover { background: var(--wf-pale); }
.home .wf-links-row { margin: 34px 0 0; padding: 0 !important; }
.home .wf-links-row > div { max-width: none !important; padding: 0 !important; }

@media screen and (max-width: 900px) {
	.home .wf-hero { gap: 25px; grid-template-columns: 1fr; }
	.home .wf-hero-note { justify-self: start; }
	.home .wf-feature-grid { grid-template-columns: 1fr; }
}
@media screen and (max-width: 600px) {
	.home .wf-hero { padding: 32px 24px; }
	.home .wf-hero h1 { font-size: 39px; }
	.home .wf-section-intro { align-items: start; display: block; }
	.home .wf-section-intro > p:last-child { margin-top: 10px; }
	.home .wf-note-row { gap: 7px; grid-template-columns: 85px minmax(0, 1fr) 16px; padding: 14px 0; }
	.home .wf-note-title { font-size: 14px; }
	.home .wf-note-type { font-size: 8px; }
	.home .wf-home-footer-cta { padding: 30px 24px; }
	.home .wf-home-footer-cta::after { right: -52px; }
}