/* =====================================================================
 * Parker & Parker Homepage Redesign — Variation D
 * Append this entire block to paperstreet-child/style.css.
 *
 * Selector strategy: every new class is `pp-d-*` so it cannot collide
 * with the parent theme's `.introbox`, `.whbox`, `.whyleft`, etc.
 * The original parent rules for #introsection and #whyneed are
 * intentionally overridden where they conflict (background, padding,
 * float layout) but otherwise left alone.
 * ===================================================================== */

/* ---------- Section A: introsection (Editorial Crest) ---------- */

#introsection.pp-d-intro {
	padding: 84px 0 72px;
	background: #f1f1f1;
	text-align: center;
}
.pp-d-intro__inner {
	max-width: 1080px;
	margin: 0 auto;
	padding: 0 32px;
}

.pp-d-kicker {
	display: inline-block;
	font-size: 11px;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	color: #0f4f32;
	font-weight: 700;
	margin-bottom: 14px;
}

.pp-d-h2 {
	font-family: Georgia, "Times New Roman", serif;   /* swap to brand serif if loaded */
	font-weight: 500;
	color: #003d21;
	font-size: clamp(1.9rem, 2.6vw, 2.7rem);
	line-height: 1.1;
	letter-spacing: 0.005em;
	margin: 0 auto 18px;
	max-width: 820px;
}

.pp-d-lede,
.pp-d-lede p {
	max-width: 720px;
	margin: 0 auto 36px;
	font-size: 1.05rem;
	line-height: 1.6;
	color: #3a3f3a;
}
.pp-d-lede p:last-child { margin-bottom: 36px; }

/* Hairline-ruled metrics ledger */
.pp-d-ledger {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	border-top: 1px solid #cbc8be;
	border-bottom: 1px solid #cbc8be;
	margin: 0 0 12px;
}
.pp-d-ledger__cell {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 22px 16px;
	text-decoration: none;
	border-right: 1px solid #d9d6cb;
	transition: background 0.2s;
	color: inherit;
}
.pp-d-ledger__cell:last-child { border-right: none; }
.pp-d-ledger__cell:hover { background: rgba(15, 79, 50, 0.04); }

.pp-d-ledger__value {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 2.1rem;
	line-height: 1;
	font-weight: 600;
	color: #003d21;
	margin-bottom: 6px;
}
.pp-d-ledger__label {
	font-size: 0.78rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #6c6f6a;
	font-weight: 600;
}

.pp-d-ledger__foot {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 18px;
	margin: 10px 0 56px;
	flex-wrap: wrap;
}

.pp-d-inlink {
	color: #0f4f32;
	text-decoration: none;
	border-bottom: 1px solid currentColor;
	font-weight: 600;
	transition: color 0.2s;
}
.pp-d-inlink:hover { color: #2a7442; }

.pp-d-disclaimer {
	font-size: 12px;
	color: #888;
	font-style: italic;
}

/* Three editorial value-prop columns */
.pp-d-props {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 0;
	border-top: 1px solid #cbc8be;
	text-align: left;
}
.pp-d-prop {
	padding: 28px 28px 26px;
	border-right: 1px solid #d9d6cb;
	position: relative;
}
.pp-d-prop:last-child { border-right: none; }
.pp-d-prop__num {
	position: absolute;
	top: 24px;
	right: 28px;
	font-family: Georgia, serif;
	font-size: 1rem;
	color: #aaa;
	font-style: italic;
}
.pp-d-prop__ico {
	display: inline-block;
	margin-bottom: 14px;
	font-size: 22px;
	color: #003d21;
}
.pp-d-prop__title {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 1.5rem;
	font-weight: 600;
	color: #003d21;
	margin: 0 0 8px;
	letter-spacing: 0.005em;
}
.pp-d-prop__body {
	font-size: 0.95rem;
	line-height: 1.55;
	color: #3a3f3a;
	margin: 0 0 14px;
}
.pp-d-prop__link {
	font-size: 0.78rem;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	font-weight: 700;
	color: #003d21;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	gap: 6px;
}
.pp-d-prop__link:hover { color: #2a7442; }

@media screen and (max-width: 880px) {
	.pp-d-ledger { grid-template-columns: repeat(2, 1fr); }
	.pp-d-ledger__cell:nth-child(2) { border-right: none; }
	.pp-d-ledger__cell:nth-child(-n+2) { border-bottom: 1px solid #d9d6cb; }
	.pp-d-props { grid-template-columns: 1fr; }
	.pp-d-prop { border-right: none; border-bottom: 1px solid #d9d6cb; }
	.pp-d-prop:last-child { border-bottom: none; }
}

/* Disable parent theme's #introsection rules that would re-apply */
#introsection.pp-d-intro .introfull { display: contents; }
#introsection.pp-d-intro .introbox  { display: none; } /* legacy boxes hidden — replaced by pp-d-props */

/* ---------- Section B: whyneed (Quiet Quarterly Why) ---------- */

/* Reset parent's float-based layout that uses .whyleft / .whyright */
#whyneed.pp-d-why {
	background: #fff;
	padding: 96px 0;
	display: block;       /* override parent float row */
}
.pp-d-why__inner {
	max-width: 1140px;
	margin: 0 auto;
	padding: 0 32px;
}

.pp-d-why__head {
	text-align: center;
	margin-bottom: 48px;
}
.pp-d-why__head .pp-d-kicker {
	display: block;
	margin-bottom: 10px;
}

.pp-d-why__grid {
	display: grid;
	grid-template-columns: 5fr 7fr;
	gap: 56px;
	align-items: stretch;     /* photo column stretches to match text column height */
}

.pp-d-why__media {
	margin: 0;
	border: 1px solid #d9d6cb;
	overflow: hidden;
	height: 100%;             /* fill the stretched grid row */
	min-height: 420px;
}
/* Real <img> with object-fit cover — fixes the responsive-crop bug
   where the original CSS background-image clipped attorneys' faces
   off-screen at narrow widths. */
.pp-d-why__img {
	display: block;
	width: 100%;
	height: 100%;
	max-height: 640px;
	object-fit: cover;
	object-position: 30% 35%;     /* bias LEFT-and-UP so both attorneys (Drew is on the left) stay in frame */
}

.pp-d-why__open {
	font-family: Georgia, "Times New Roman", serif;
	font-style: italic;
	font-size: 1.25rem;
	line-height: 1.45;
	color: #003d21;
	margin: 0 0 28px;
	padding-bottom: 22px;
	border-bottom: 1px solid #d9d6cb;
}

.pp-d-reasons {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 22px 36px;
}

.pp-d-reason__title {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 1.18rem;
	font-weight: 600;
	color: #003d21;
	margin: 0 0 6px;
	display: flex;
	align-items: center;
	gap: 10px;
}

/* Inline glyph next to title — small, unobtrusive, like B's icons.
   Sits in line with the bold subhead, no chip / no border / no box. */
.pp-d-reason__ico {
	width: 18px;
	height: 18px;
	flex-shrink: 0;
	color: #003d21;
}

.pp-d-reason__body {
	font-size: 0.95rem;
	line-height: 1.55;
	margin: 0;
	color: #3a3f3a;
}

.pp-d-why__close {
	margin: 64px auto 0;
	max-width: 780px;
	text-align: center;
}
.pp-d-why__pull {
	font-family: Georgia, "Times New Roman", serif;
	font-style: italic;
	font-size: 1.4rem;
	line-height: 1.4;
	color: #003d21;
	margin: 0 0 18px;
	padding: 18px 0;
	border-top: 1px solid #cbc8be;
	border-bottom: 1px solid #cbc8be;
}
.pp-d-why__close p {
	font-size: 1rem;
	line-height: 1.6;
	margin: 0 0 12px;
	color: #3a3f3a;
}
.pp-d-why__cta {
	margin-top: 24px;
	display: flex;
	justify-content: center;
	gap: 12px;
	flex-wrap: wrap;
}

.pp-d-pill {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 14px 26px;
	background: #003d21;
	color: #fff;
	font-weight: 700;
	font-size: 0.85rem;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	border-radius: 999px;
	text-decoration: none;
	transition: background 0.2s;
}
.pp-d-pill:hover { background: #2a7442; color: #fff; }
.pp-d-pill--ghost {
	background: transparent;
	color: #003d21;
	border: 1px solid #003d21;
}
.pp-d-pill--ghost:hover { background: #003d21; color: #fff; }

@media screen and (max-width: 880px) {
	#whyneed.pp-d-why { padding: 64px 0; }
	.pp-d-why__grid { grid-template-columns: 1fr; gap: 32px; }
	.pp-d-reasons   { grid-template-columns: 1fr; }
	.pp-d-why__img  { max-height: 360px; min-height: 280px; }
}

/* Neutralize parent .whyleft / .whyright rules inside our redesigned section */
#whyneed.pp-d-why .whyleft,
#whyneed.pp-d-why .whyright {
	width: auto !important;
	float: none !important;
	min-height: 0 !important;
	padding: 0 !important;
	background: none !important;
}

/* ====================================================================
 * Appended 2026-05-04: WhyHire Section C (Variation A — Briefing Stack)
 * Source: Operate/Operations/session_handoffs/design_returns/website_redo_v2/handoff/whyhire-style.css
 * ==================================================================== */

/* =====================================================================
 * Parker & Parker Homepage Redesign — WhyHire (Section C)
 * Variation A · The Briefing Stack
 *
 * Append this block to paperstreet-child/style.css.
 * All selectors are pp-wha-* prefixed; the parent theme's
 * .whbox / .whboxtitle / .whboxdesc / .whyhireoutro / .whyhirearea
 * rules are intentionally neutralized only inside #whyhire.pp-wha
 * so other pages using those classes (if any) are not affected.
 * ===================================================================== */

/* ---------- Section reset ---------- */

#whyhire.pp-wha {
	background: #f1f1f1;
	padding: 96px 0;
	overflow: visible;
}
.pp-wha__inner {
	max-width: 1140px;
	margin: 0 auto;
	padding: 0 32px;
}

/* ---------- Header ---------- */

.pp-wha__head {
	max-width: 880px;
	margin: 0 auto 56px;
	text-align: center;
}
.pp-wha__kicker {
	display: inline-block;
	font-family: "Lato", -apple-system, system-ui, sans-serif;
	font-size: 11px;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	color: #0f4f32;
	font-weight: 700;
	margin-bottom: 14px;
}
.pp-wha__h2 {
	font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif;
	font-weight: 500;
	color: #003d21;
	font-size: clamp(1.8rem, 2.4vw, 2.5rem);
	line-height: 1.15;
	letter-spacing: 0.005em;
	margin: 0 0 18px;
	text-transform: none;     /* override parent's uppercase H2 default */
}
.pp-wha__lede {
	font-size: 1.05rem;
	line-height: 1.6;
	color: #3a3f3a;
	margin: 0;
}
.pp-wha__lede p:last-child { margin-bottom: 0; }

/* ---------- 4-up numbered grid ---------- */

.pp-wha__grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 0;
	border-top: 1px solid #cbc8be;
	border-bottom: 1px solid #cbc8be;
	margin-bottom: 56px;
}
.pp-wha__cell {
	background: #fff;
	padding: 30px 24px 26px;
	border-right: 1px solid #d9d6cb;
	position: relative;
	transition: background 0.2s;
}
.pp-wha__cell:last-child { border-right: none; }
.pp-wha__cell:hover { background: #fafaf6; }

.pp-wha__num {
	display: block;
	font-family: "Cormorant Garamond", Georgia, serif;
	font-style: italic;
	font-size: 1rem;
	color: #aaa;
	letter-spacing: 0.04em;
	margin-bottom: 14px;
}
.pp-wha__title {
	font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif;
	font-weight: 600;
	color: #003d21;
	font-size: 1.25rem;
	line-height: 1.2;
	letter-spacing: 0.005em;
	margin: 0 0 12px;
	font-style: normal;        /* override parent's italic title */
	text-transform: none;
}
.pp-wha__body,
.pp-wha__body p {
	font-size: 0.95rem;
	line-height: 1.55;
	color: #3a3f3a;
	margin: 0;
}
.pp-wha__body p + p { margin-top: 8px; }
.pp-wha__body a {
	color: #0f4f32;
	text-decoration: none;
	border-bottom: 1px solid currentColor;
	font-weight: 600;
	transition: color 0.2s;
}
.pp-wha__body a:hover { color: #2a7442; }

/* ---------- Consultation strip (replaces card 5) ---------- */

.pp-wha__consult {
	margin-bottom: 64px;
}
.pp-wha__consult-head {
	background: #003d21;
	color: #fff;
	padding: 36px 40px 28px;
	text-align: center;
}
.pp-wha__consult-kicker {
	display: block;
	font-family: "Lato", sans-serif;
	font-size: 11px;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.78);
	font-weight: 700;
	margin-bottom: 8px;
}
.pp-wha__consult-h3 {
	font-family: "Cormorant Garamond", Georgia, serif;
	font-weight: 500;
	color: #fff;
	font-size: 1.7rem;
	line-height: 1.2;
	margin: 0;
	text-transform: none;
}
.pp-wha__consult-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	background: #0a2e1c;
}
.pp-wha__consult-cell {
	padding: 30px 32px;
	border-right: 1px solid rgba(255, 255, 255, 0.12);
	color: #fff;
}
.pp-wha__consult-cell:last-child { border-right: none; }
.pp-wha__consult-mute {
	display: block;
	font-family: "Lato", sans-serif;
	font-size: 0.72rem;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.55);
	font-weight: 700;
	margin-bottom: 8px;
}
.pp-wha__consult-title {
	font-family: "Cormorant Garamond", Georgia, serif;
	font-weight: 600;
	font-size: 1.25rem;
	margin: 0 0 8px;
	color: #fff;
	text-transform: none;
}
.pp-wha__consult-body {
	font-size: 0.92rem;
	line-height: 1.5;
	color: rgba(255, 255, 255, 0.82);
	margin: 0;
}

/* ---------- Closing CTA ---------- */

.pp-wha__close {
	max-width: 880px;
	margin: 0 auto;
	text-align: center;
}
.pp-wha__outro,
.pp-wha__outro p {
	font-family: "Cormorant Garamond", Georgia, serif;
	font-style: italic;
	font-size: 1.2rem;
	line-height: 1.5;
	color: #003d21;
	margin: 0 0 14px;
}
.pp-wha__outro p:last-child { margin-bottom: 28px; }

.pp-wha__cta {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 14px;
	flex-wrap: wrap;
}
.pp-wha__pill {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 14px 26px;
	background: #003d21;
	color: #fff;
	font-family: "Lato", sans-serif;
	font-weight: 700;
	font-size: 0.85rem;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	border-radius: 999px;
	text-decoration: none;
	transition: background 0.2s;
}
.pp-wha__pill:hover { background: #2a7442; color: #fff; }
.pp-wha__pill--ghost {
	background: transparent;
	color: #003d21;
	border: 1px solid #003d21;
}
.pp-wha__pill--ghost:hover { background: #003d21; color: #fff; }
.pp-wha__case {
	font-family: "Lato", sans-serif;
	font-size: 0.78rem;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	font-weight: 700;
	color: #003d21;
	text-decoration: none;
	border-bottom: 1px solid currentColor;
	padding-bottom: 2px;
	transition: color 0.2s;
}
.pp-wha__case:hover { color: #2a7442; }

/* ---------- Responsive ---------- */

@media screen and (max-width: 1024px) {
	.pp-wha__grid { grid-template-columns: repeat(2, 1fr); }
	.pp-wha__cell:nth-child(2n) { border-right: none; }
	.pp-wha__cell:nth-child(-n+2) { border-bottom: 1px solid #d9d6cb; }
}
@media screen and (max-width: 640px) {
	#whyhire.pp-wha { padding: 64px 0; }
	.pp-wha__grid { grid-template-columns: 1fr; }
	.pp-wha__cell { border-right: none; border-bottom: 1px solid #d9d6cb; }
	.pp-wha__cell:last-child { border-bottom: none; }
	.pp-wha__consult-grid { grid-template-columns: 1fr; }
	.pp-wha__consult-cell {
		border-right: none;
		border-bottom: 1px solid rgba(255, 255, 255, 0.12);
	}
	.pp-wha__consult-cell:last-child { border-bottom: none; }
	.pp-wha__consult-head { padding: 28px 24px 22px; }
	.pp-wha__h2 { font-size: 1.6rem; }
}

/* ---------- Neutralize parent rules inside our redesigned section ---------- */

#whyhire.pp-wha .whbox,
#whyhire.pp-wha .whboxtitle,
#whyhire.pp-wha .whboxdesc {
	all: unset;            /* drop legacy box-shadow / italic green title / 45% width */
	display: revert;
}
#whyhire.pp-wha .whyhirearea,
#whyhire.pp-wha .whyhireoutro {
	all: unset;
	display: block;
}
/* Re-suppress legacy `.checks` lists if a stale 5th repeater row sneaks back in
   (we limit to 4 rows in PHP, but defense-in-depth) */
#whyhire.pp-wha ul.checks { display: none; }

/* ====================================================================
 * Appended 2026-05-04: FAQ section (categorized hairline accordion)
 * Source: Operate/Operations/session_handoffs/design_returns/website_redo_v3/handoff/faq-style.css
 * ==================================================================== */

/* =====================================================================
 * Parker & Parker Homepage Redesign — FAQ section (Section E)
 * Pattern: Categorized hairline accordion
 *
 * Append to paperstreet-child/css/home-variation-d.css.
 * All selectors are pp-d-faq-* prefixed; the parent theme's
 *   #faqs summary { background:#003d21; ... }
 * rule is intentionally overridden inside #faqs.pp-d-faq.
 * ===================================================================== */

/* ---------- Section reset ---------- */

#faqs.pp-d-faq {
	background: #fff;
	padding: 96px 0;
}
.pp-d-faq__inner {
	max-width: 980px;
	margin: 0 auto;
	padding: 0 32px;
}

/* ---------- Header ---------- */

.pp-d-faq__head {
	text-align: center;
	margin-bottom: 56px;
}
.pp-d-faq__head .pp-d-kicker {
	display: inline-block;
	margin-bottom: 12px;
}
.pp-d-faq__head .pp-d-h2 {
	margin: 0 auto 20px;
	max-width: 760px;
}
.pp-d-faq__lede {
	max-width: 640px;
	margin: 0 auto;
	color: #3a3f3a;
	font-size: 1rem;
	line-height: 1.6;
}
.pp-d-faq__lede p { margin: 0 0 6px; }
.pp-d-faq__lede p:last-child { margin-bottom: 0; }

/* ---------- Groups ---------- */

.pp-d-faq__groups {
	display: flex;
	flex-direction: column;
	gap: 48px;
}
.pp-d-faq__group {
	border-top: 1px solid #cbc8be;
}
.pp-d-faq__grouphead {
	display: flex;
	align-items: baseline;
	gap: 14px;
	padding: 20px 0 16px;
	border-bottom: 1px solid #d9d6cb;
}
.pp-d-faq__groupnum {
	font-family: "Cormorant Garamond", Georgia, serif;
	font-style: italic;
	font-size: 1rem;
	color: #aaa;
	letter-spacing: 0.04em;
	flex-shrink: 0;
}
.pp-d-faq__grouptitle {
	font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif;
	font-weight: 600;
	color: #003d21;
	font-size: 1.35rem;
	line-height: 1.2;
	margin: 0;
	text-transform: none;
	letter-spacing: 0.005em;
}

/* ---------- Rows (each <details>) ---------- */

.pp-d-faq__rows { display: block; }

.pp-d-faq__row {
	border-bottom: 1px solid #e6e2d5;
}
.pp-d-faq__row[open] {
	background: #fafaf6;
}

/* The summary row — replaces the legacy solid-green pill */
.pp-d-faq__q {
	display: flex;
	align-items: flex-start;
	gap: 18px;
	cursor: pointer;
	padding: 20px 4px 20px 0;
	font-family: "Cormorant Garamond", Georgia, serif;
	font-weight: 500;
	font-size: 1.2rem;
	line-height: 1.35;
	color: #003d21;
	letter-spacing: 0.005em;
	background: transparent;        /* override parent #faqs summary { background:#003d21 } */
	margin: 0;                      /* override parent margin-bottom:10px */
	list-style: none;
	transition: color 0.2s;
	position: relative;
}
.pp-d-faq__q:hover { color: #2a7442; }

/* Kill the native disclosure marker (Chrome / Safari / Firefox) */
.pp-d-faq__q::-webkit-details-marker { display: none; }
.pp-d-faq__q::marker { content: ""; }

/* Brand-green +/− indicator on the right */
.pp-d-faq__q::after {
	content: "+";
	margin-left: auto;
	flex-shrink: 0;
	font-family: "Lato", sans-serif;
	font-weight: 300;
	font-size: 1.5rem;
	line-height: 1;
	color: #0f4f32;
	width: 28px;
	height: 28px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #cbc8be;
	border-radius: 50%;
	transition: transform 0.25s ease, background 0.2s, color 0.2s;
}
.pp-d-faq__row[open] .pp-d-faq__q::after {
	content: "−";
	background: #003d21;
	color: #fff;
	border-color: #003d21;
}

/* Answer body */
.pp-d-faq__a {
	padding: 4px 46px 24px 0;
	font-size: 1rem;
	line-height: 1.65;
	color: #3a3f3a;
}
.pp-d-faq__a p {
	margin: 0 0 12px;
}
.pp-d-faq__a p:last-child { margin-bottom: 0; }
.pp-d-faq__a a {
	color: #0f4f32;
	text-decoration: none;
	border-bottom: 1px solid currentColor;
	font-weight: 600;
}
.pp-d-faq__a a:hover { color: #2a7442; }

/* Smooth open animation (browsers that support it) */
@supports (interpolate-size: allow-keywords) {
	.pp-d-faq__row {
		interpolate-size: allow-keywords;
	}
	.pp-d-faq__row::details-content {
		opacity: 0;
		block-size: 0;
		overflow: clip;
		transition: opacity 0.25s ease, block-size 0.25s ease, content-visibility 0.25s allow-discrete;
	}
	.pp-d-faq__row[open]::details-content {
		opacity: 1;
		block-size: auto;
	}
}

/* ---------- Closing nudge ---------- */

.pp-d-faq__close {
	margin-top: 64px;
	padding-top: 40px;
	border-top: 1px solid #cbc8be;
	text-align: center;
}
.pp-d-faq__closeline {
	font-family: "Cormorant Garamond", Georgia, serif;
	font-style: italic;
	font-size: 1.25rem;
	color: #003d21;
	margin: 0 0 20px;
}
.pp-d-faq__cta {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
}

/* ---------- Override parent rules inside our redesigned section ---------- */

#faqs.pp-d-faq summary {
	background: transparent !important;
	color: inherit !important;
	padding: 20px 4px 20px 0 !important;
	margin-bottom: 0 !important;
	display: flex !important;
}
#faqs.pp-d-faq details {
	margin-bottom: 0;
}

/* ---------- Responsive ---------- */

@media screen and (max-width: 640px) {
	#faqs.pp-d-faq { padding: 64px 0; }
	.pp-d-faq__inner { padding: 0 20px; }
	.pp-d-faq__head { margin-bottom: 40px; }
	.pp-d-faq__groups { gap: 36px; }
	.pp-d-faq__q {
		font-size: 1.05rem;
		gap: 12px;
		padding: 16px 0;
	}
	.pp-d-faq__q::after {
		width: 24px;
		height: 24px;
		font-size: 1.3rem;
	}
	.pp-d-faq__a {
		padding: 0 36px 20px 0;
		font-size: 0.95rem;
	}
	.pp-d-faq__grouptitle { font-size: 1.2rem; }
}

/* ====================================================================
 * Appended 2026-05-04: meetattorneys + fullcontent (sections X + Y)
 * Source: Operate/Operations/session_handoffs/design_returns/website_redo_v6/handoff/meet-and-pa-style.css
 * ==================================================================== */

/* =====================================================================
 * Parker & Parker — homepage Section X (meetattorneys) +
 * Section Y (fullcontent / More Practice Areas) restyle.
 *
 * Append to paperstreet-child/css/home-variation-d.css.
 * Selector strategy: pp-d-meet-* and pp-d-pa-* — cannot collide with
 * parent .amileft / .amiright / .amitleft / .amitright / .checks /
 * .fullcontentarea rules. Where parent rules cascade in, they're
 * neutralized inside #meetattorneys.pp-d-meet and #fullcontent.pp-d-pa.
 * ===================================================================== */

/* =========================================================
   Section X — meetattorneys
   ========================================================= */

#meetattorneys.pp-d-meet {
	background: #fff;
	padding: 96px 0;
	overflow: visible;
}
.pp-d-meet__inner {
	max-width: 1140px;
	margin: 0 auto;
	padding: 0 32px;
}

/* ---- Editorial spread (photo + copy) ---- */
.pp-d-meet__spread {
	display: grid;
	grid-template-columns: 5fr 7fr;
	gap: 56px;
	align-items: stretch;
	margin-bottom: 56px;
}
.pp-d-meet__media {
	margin: 0;
	border: 1px solid #d9d6cb;
	overflow: hidden;
	height: 100%;
	min-height: 420px;
}
.pp-d-meet__img {
	display: block;
	width: 100%;
	height: 100%;
	max-height: 640px;
	object-fit: cover;
	object-position: 50% 30%;
}
.pp-d-meet__copy {
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.pp-d-meet__copy .pp-d-kicker {
	display: inline-block;
	margin-bottom: 14px;
}
.pp-d-meet__h2 {
	font-family: "Cormorant Garamond", Georgia, serif;
	font-weight: 500;
	color: #003d21;
	font-size: clamp(1.7rem, 2.4vw, 2.3rem);
	line-height: 1.15;
	letter-spacing: 0.005em;
	margin: 0 0 18px;
	text-transform: none;
}
.pp-d-meet__lede {
	font-size: 1.05rem;
	line-height: 1.65;
	color: #3a3f3a;
	margin: 0 0 16px;
}
.pp-d-meet__body {
	font-size: 0.97rem;
	line-height: 1.6;
	color: #3a3f3a;
	margin: 0 0 16px;
}
.pp-d-meet__pull {
	font-family: "Cormorant Garamond", Georgia, serif;
	font-style: italic;
	font-size: 1.4rem;
	line-height: 1.4;
	color: #003d21;
	margin: 22px 0;
	padding: 18px 0;
	border-top: 1px solid #cbc8be;
	border-bottom: 1px solid #cbc8be;
	letter-spacing: 0.005em;
}
.pp-d-meet__pull p { margin: 0; }
.pp-d-meet__inlinks {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 24px;
	margin-top: 8px;
}
.pp-d-meet__inlinks .pp-d-inlink {
	font-size: 0.92rem;
}

/* ---- "How we work" hairline strip ---- */
.pp-d-meet__principles {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	border-top: 1px solid #cbc8be;
	border-bottom: 1px solid #cbc8be;
	margin-bottom: 56px;
}
.pp-d-meet__principle {
	padding: 26px 24px;
	border-right: 1px solid #d9d6cb;
	background: #fff;
	transition: background 0.2s;
	position: relative;
}
.pp-d-meet__principle:last-child { border-right: none; }
.pp-d-meet__principle:hover { background: #fafaf6; }
.pp-d-meet__pnum {
	display: block;
	font-family: "Cormorant Garamond", Georgia, serif;
	font-style: italic;
	font-size: 1rem;
	color: #aaa;
	letter-spacing: 0.04em;
	margin-bottom: 12px;
}
.pp-d-meet__ptitle {
	font-family: "Cormorant Garamond", Georgia, serif;
	font-weight: 600;
	color: #003d21;
	font-size: 1.2rem;
	line-height: 1.25;
	letter-spacing: 0.005em;
	margin: 0 0 8px;
	text-transform: none;
}
.pp-d-meet__pbody {
	font-size: 0.92rem;
	line-height: 1.5;
	color: #3a3f3a;
	margin: 0;
}

/* ---- Consultation strip ---- */
.pp-d-meet__consult {
	background: #003d21;
	color: #fff;
	padding: 28px 36px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	flex-wrap: wrap;
}
.pp-d-meet__consult-copy {
	flex: 1;
	min-width: 280px;
}
.pp-d-meet__consult-kicker {
	display: block;
	font-family: "Lato", sans-serif;
	font-size: 11px;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.78);
	font-weight: 700;
	margin-bottom: 6px;
}
.pp-d-meet__consult-line {
	font-family: "Cormorant Garamond", Georgia, serif;
	font-size: 1.3rem;
	line-height: 1.35;
	color: #fff;
	margin: 0;
}
.pp-d-meet__consult-line strong {
	font-weight: 600;
	font-style: normal;
}
.pp-d-meet__consult-cta {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
}
#meetattorneys.pp-d-meet .pp-d-pill {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 12px 22px;
	background: #fff;
	color: #003d21;
	font-family: "Lato", sans-serif;
	font-weight: 700;
	font-size: 0.82rem;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	border-radius: 999px;
	text-decoration: none;
	transition: background 0.2s, color 0.2s;
}
#meetattorneys.pp-d-meet .pp-d-pill:hover { background: #2a7442; color: #fff; }
#meetattorneys.pp-d-meet .pp-d-pill--ghost {
	background: transparent;
	color: #fff;
	border: 1px solid rgba(255, 255, 255, 0.55);
}
#meetattorneys.pp-d-meet .pp-d-pill--ghost:hover {
	background: #fff;
	color: #003d21;
	border-color: #fff;
}

/* ---- Responsive (meetattorneys) ---- */
@media screen and (max-width: 1024px) {
	.pp-d-meet__principles { grid-template-columns: repeat(2, 1fr); }
	.pp-d-meet__principle:nth-child(2n) { border-right: none; }
	.pp-d-meet__principle:nth-child(-n+2) { border-bottom: 1px solid #d9d6cb; }
}
@media screen and (max-width: 880px) {
	#meetattorneys.pp-d-meet { padding: 64px 0; }
	.pp-d-meet__spread {
		grid-template-columns: 1fr;
		gap: 32px;
		margin-bottom: 40px;
	}
	.pp-d-meet__media {
		min-height: 280px;
		max-height: 360px;
	}
	.pp-d-meet__img {
		max-height: 360px;
		object-position: 50% 25%;
	}
	.pp-d-meet__principles { grid-template-columns: 1fr; }
	.pp-d-meet__principle {
		border-right: none;
		border-bottom: 1px solid #d9d6cb;
	}
	.pp-d-meet__principle:last-child { border-bottom: none; }
	.pp-d-meet__principle:nth-child(-n+2) { border-bottom: 1px solid #d9d6cb; }
	.pp-d-meet__consult {
		padding: 24px 24px;
		flex-direction: column;
		align-items: flex-start;
		text-align: left;
	}
}

/* ---- Neutralize parent .amileft / .amiright / .amitleft / .amitright /
       .checks rules — defense in depth, in case anything sneaks in ---- */
#meetattorneys.pp-d-meet .amileft,
#meetattorneys.pp-d-meet .amiright,
#meetattorneys.pp-d-meet .amitleft,
#meetattorneys.pp-d-meet .amitright {
	all: unset;
	display: revert;
}
#meetattorneys.pp-d-meet ul.checks { display: none; }


/* =========================================================
   Section Y — fullcontent (More Practice Areas)
   ========================================================= */

#fullcontent.pp-d-pa {
	background: #f1f1f1;
	padding: 96px 0;
	overflow: visible;
}
.pp-d-pa__inner {
	max-width: 1140px;
	margin: 0 auto;
	padding: 0 32px;
}

/* ---- Header ---- */
.pp-d-pa__head {
	max-width: 760px;
	margin: 0 auto 56px;
	text-align: center;
}
.pp-d-pa__head .pp-d-kicker {
	display: inline-block;
	margin-bottom: 12px;
}
.pp-d-pa__h2 {
	font-family: "Cormorant Garamond", Georgia, serif;
	font-weight: 500;
	color: #003d21;
	font-size: clamp(1.8rem, 2.4vw, 2.5rem);
	line-height: 1.15;
	letter-spacing: 0.005em;
	margin: 0 0 16px;
	text-transform: none;
}
.pp-d-pa__lede {
	font-size: 1.02rem;
	line-height: 1.6;
	color: #3a3f3a;
	margin: 0;
}

/* ---- Group ---- */
.pp-d-pa__group {
	margin-bottom: 40px;
}
.pp-d-pa__group:last-child { margin-bottom: 0; }
.pp-d-pa__grouphead {
	display: flex;
	align-items: baseline;
	gap: 14px;
	padding: 14px 0;
	border-top: 1px solid #cbc8be;
	border-bottom: 1px solid #d9d6cb;
	margin-bottom: 0;
}
.pp-d-pa__groupnum {
	font-family: "Cormorant Garamond", Georgia, serif;
	font-style: italic;
	font-size: 1rem;
	color: #aaa;
	letter-spacing: 0.04em;
}
.pp-d-pa__grouptitle {
	font-family: "Cormorant Garamond", Georgia, serif;
	font-weight: 600;
	color: #003d21;
	font-size: 1.3rem;
	line-height: 1.2;
	letter-spacing: 0.005em;
	margin: 0;
	text-transform: none;
}

/* ---- 3-column hairline grid ---- */
.pp-d-pa__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 0;
	border-bottom: 1px solid #cbc8be;
}
.pp-d-pa__cell {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 22px 24px;
	border-right: 1px solid #d9d6cb;
	border-bottom: 1px solid #d9d6cb;
	background: #fff;
	text-decoration: none;
	transition: background 0.2s;
}
.pp-d-pa__cell:hover {
	background: #fafaf6;
}
/* Last column has no right border */
.pp-d-pa__cell:nth-child(3n) {
	border-right: none;
}
/* Last row has no bottom border */
.pp-d-pa__grid > .pp-d-pa__cell:nth-last-child(-n+3):nth-child(3n+1),
.pp-d-pa__grid > .pp-d-pa__cell:nth-last-child(-n+3):nth-child(3n+1) ~ .pp-d-pa__cell {
	border-bottom: none;
}

.pp-d-pa__title {
	font-family: "Cormorant Garamond", Georgia, serif;
	font-weight: 600;
	color: #003d21;
	font-size: 1.1rem;
	line-height: 1.3;
	letter-spacing: 0.005em;
	transition: color 0.2s;
	border-bottom: 1px solid transparent;
	align-self: flex-start;
	padding-bottom: 1px;
}
.pp-d-pa__cell:hover .pp-d-pa__title {
	color: #2a7442;
	border-bottom-color: currentColor;
}
.pp-d-pa__desc {
	font-family: "Lato", sans-serif;
	font-size: 0.88rem;
	line-height: 1.5;
	color: #6c6f6a;
}

/* Underline reset for cell links + arrow indicator */
.pp-d-pa__cell::after {
	content: "→";
	display: inline-block;
	font-family: "Lato", sans-serif;
	font-size: 0.9rem;
	color: #0f4f32;
	margin-top: 6px;
	transition: transform 0.2s;
}
.pp-d-pa__cell:hover::after {
	transform: translateX(3px);
}

/* ---- Responsive (fullcontent) ---- */
@media screen and (max-width: 1024px) {
	.pp-d-pa__grid { grid-template-columns: repeat(2, 1fr); }
	.pp-d-pa__cell:nth-child(3n) { border-right: 1px solid #d9d6cb; }
	.pp-d-pa__cell:nth-child(2n) { border-right: none; }
	/* Reset bottom-border rules */
	.pp-d-pa__grid > .pp-d-pa__cell:nth-last-child(-n+3):nth-child(3n+1),
	.pp-d-pa__grid > .pp-d-pa__cell:nth-last-child(-n+3):nth-child(3n+1) ~ .pp-d-pa__cell {
		border-bottom: 1px solid #d9d6cb;
	}
	.pp-d-pa__grid > .pp-d-pa__cell:nth-last-child(-n+2):nth-child(2n+1),
	.pp-d-pa__grid > .pp-d-pa__cell:nth-last-child(-n+2):nth-child(2n+1) ~ .pp-d-pa__cell {
		border-bottom: none;
	}
}
@media screen and (max-width: 640px) {
	#fullcontent.pp-d-pa { padding: 64px 0; }
	.pp-d-pa__inner { padding: 0 20px; }
	.pp-d-pa__head { margin-bottom: 40px; }
	.pp-d-pa__grid { grid-template-columns: 1fr; }
	.pp-d-pa__cell {
		border-right: none;
		border-bottom: 1px solid #d9d6cb;
	}
	.pp-d-pa__cell:last-child { border-bottom: none; }
	.pp-d-pa__cell:nth-child(2n) { border-right: none; }
	.pp-d-pa__title { font-size: 1.05rem; }
	.pp-d-pa__grouptitle { font-size: 1.15rem; }
}

/* ---- Neutralize parent .fullcontentarea / default H3 / default P
       inside our redesigned section. The PHP renders no .fullcontentarea
       wrapper, but defense-in-depth in case editors paste the legacy
       fc_content into a fallback path. ---- */
#fullcontent.pp-d-pa .fullcontentarea { all: unset; display: block; }
#fullcontent.pp-d-pa .fullcontentarea > h3,
#fullcontent.pp-d-pa .fullcontentarea > p { display: none; }

/* ====================================================================
 * Appended 2026-05-04: blog overview
 * Source: Operate/Operations/session_handoffs/design_returns/website_redo_v6/handoff/blog-style.css
 * ==================================================================== */

/* =====================================================================
 * Parker & Parker — homepage blog overview section restyle.
 *
 * Append to paperstreet-child/css/home-variation-d.css.
 * Selector: pp-d-blog-* — cannot collide with parent .home-blog-left,
 * .home-blog-right, .home-blog-single, etc.
 *
 * The B&W Drew background photo: preserved by leaving the parent rule
 * on .home-section-blog untouched. Our new wrapper sits on top with a
 * cream-wash card; the photo reads through margins on desktop.
 * ===================================================================== */

#blog.pp-d-blog {
	position: relative;
	padding: 96px 0;
	background-color: #f1f1f1;
	overflow: visible;
}

/* The parent .home-section-blog rule already sets the B&W Drew photo
   as background-image. We add a tinted wash on top so the photo reads
   subtly behind the foreground card without overpowering the type. */
.pp-d-blog__bg {
	position: absolute;
	inset: 0;
	background:
		linear-gradient(180deg,
			rgba(241, 241, 241, 0.78) 0%,
			rgba(241, 241, 241, 0.62) 50%,
			rgba(241, 241, 241, 0.85) 100%);
	pointer-events: none;
	z-index: 0;
}

.pp-d-blog__inner {
	position: relative;
	z-index: 1;
	max-width: 1140px;
	margin: 0 auto;
	padding: 56px 56px 48px;
	background: #fbf9f3;          /* cream wash card */
	border: 1px solid #cbc8be;
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.04);
}

/* ---- Header ---- */
.pp-d-blog__head {
	max-width: 760px;
	margin-bottom: 40px;
}
.pp-d-blog__head .pp-d-kicker {
	display: inline-block;
	margin-bottom: 12px;
}
.pp-d-blog__h2 {
	font-family: "Cormorant Garamond", Georgia, serif;
	font-weight: 500;
	color: #003d21;
	font-size: clamp(1.9rem, 2.6vw, 2.7rem);
	line-height: 1.1;
	letter-spacing: 0.005em;
	margin: 0 0 14px;
	text-transform: none;
}
.pp-d-blog__lede {
	font-family: "Cormorant Garamond", Georgia, serif;
	font-style: italic;
	font-weight: 400;
	color: #3a3f3a;
	font-size: 1.25rem;
	line-height: 1.5;
	margin: 0;
}

/* ---- 6-up curated grid ---- */
.pp-d-blog__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	border-top: 1px solid #cbc8be;
	border-left: 1px solid #d9d6cb;
}
.pp-d-blog__cell {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 26px 26px 28px;
	border-right: 1px solid #d9d6cb;
	border-bottom: 1px solid #d9d6cb;
	background: #fff;
	text-decoration: none;
	color: inherit;
	position: relative;
	transition: background 0.2s, transform 0.2s;
}
.pp-d-blog__cell:hover {
	background: #fafaf6;
}
.pp-d-blog__tier {
	font-family: "Lato", sans-serif;
	font-weight: 700;
	font-size: 10px;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	color: #0f4f32;
}
.pp-d-blog__cellname {
	font-family: "Cormorant Garamond", Georgia, serif;
	font-weight: 600;
	color: #003d21;
	font-size: 1.5rem;
	line-height: 1.2;
	letter-spacing: 0.005em;
	transition: color 0.2s;
	border-bottom: 1px solid transparent;
	align-self: flex-start;
	padding-bottom: 1px;
}
.pp-d-blog__cell:hover .pp-d-blog__cellname {
	color: #2a7442;
	border-bottom-color: currentColor;
}
.pp-d-blog__celldesc {
	font-family: "Lato", sans-serif;
	font-size: 0.92rem;
	line-height: 1.55;
	color: #3a3f3a;
}
.pp-d-blog__sub {
	font-family: "Cormorant Garamond", Georgia, serif;
	font-style: italic;
	font-weight: 400;
	font-size: 0.95rem;
	line-height: 1.4;
	color: #6c6f6a;
	margin-top: auto;
	padding-top: 6px;
}
/* hover arrow indicator */
.pp-d-blog__cell::after {
	content: "→";
	position: absolute;
	right: 22px;
	top: 24px;
	font-family: "Lato", sans-serif;
	font-size: 1rem;
	color: #0f4f32;
	opacity: 0.55;
	transition: transform 0.2s, opacity 0.2s;
}
.pp-d-blog__cell:hover::after {
	transform: translateX(4px);
	opacity: 1;
}

/* ---- "More topics" link cluster ---- */
.pp-d-blog__more {
	margin-top: 36px;
	padding-top: 24px;
	border-top: 1px solid #cbc8be;
	display: flex;
	gap: 28px;
	align-items: baseline;
	flex-wrap: wrap;
}
.pp-d-blog__morelabel {
	font-family: "Lato", sans-serif;
	font-weight: 700;
	font-size: 11px;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	color: #0f4f32;
	flex-shrink: 0;
	padding-top: 4px;
}
.pp-d-blog__morelist {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 6px 18px;
	flex: 1;
	min-width: 0;
}
.pp-d-blog__morelist li {
	margin: 0;
	padding: 0;
}
.pp-d-blog__morelist a {
	font-family: "Cormorant Garamond", Georgia, serif;
	font-size: 1.1rem;
	color: #003d21;
	text-decoration: none;
	border-bottom: 1px solid transparent;
	transition: color 0.2s, border-color 0.2s;
	padding-bottom: 1px;
	white-space: nowrap;
}
.pp-d-blog__morelist a em {
	font-style: italic;
	font-size: 0.85rem;
	color: #6c6f6a;
	margin-left: 4px;
	font-weight: 400;
}
.pp-d-blog__morelist a:hover {
	color: #2a7442;
	border-bottom-color: currentColor;
}

/* ---- Primary CTA ---- */
.pp-d-blog__cta {
	margin-top: 36px;
	padding-top: 28px;
	border-top: 1px solid #cbc8be;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	flex-wrap: wrap;
}
#blog.pp-d-blog .pp-d-pill {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 14px 28px;
	background: #003d21;
	color: #fff;
	font-family: "Lato", sans-serif;
	font-weight: 700;
	font-size: 0.85rem;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	border-radius: 999px;
	text-decoration: none;
	transition: background 0.2s;
}
#blog.pp-d-blog .pp-d-pill:hover {
	background: #2a7442;
}
.pp-d-blog__ctaaside {
	font-family: "Cormorant Garamond", Georgia, serif;
	font-style: italic;
	font-size: 1.05rem;
	color: #6c6f6a;
}

/* ---- Responsive ---- */
@media screen and (max-width: 1024px) {
	.pp-d-blog__grid { grid-template-columns: repeat(2, 1fr); }
	.pp-d-blog__inner { padding: 44px 36px 36px; }
}
@media screen and (max-width: 720px) {
	#blog.pp-d-blog { padding: 64px 0; }
	.pp-d-blog__inner {
		padding: 32px 24px 28px;
		margin: 0 16px;
	}
	.pp-d-blog__grid { grid-template-columns: 1fr; }
	.pp-d-blog__head { margin-bottom: 28px; }
	.pp-d-blog__cellname { font-size: 1.3rem; }
	.pp-d-blog__more {
		flex-direction: column;
		gap: 12px;
	}
	.pp-d-blog__cta {
		flex-direction: column;
		align-items: flex-start;
	}
}

/* ---- Neutralize parent .home-blog-left / .home-blog-right rules
       — defense in depth, in case anything sneaks in ---- */
#blog.pp-d-blog .home-blog-left,
#blog.pp-d-blog .home-blog-right,
#blog.pp-d-blog .home-blog-single,
#blog.pp-d-blog .home-blog-inner,
#blog.pp-d-blog .home-section-inner {
	all: unset;
	display: revert;
}