/* =============================================================================
   THL — single case result + facet page intro (v1.11.3)

   Loaded only on /case-result/<slug>/ and /case-results/(type|location)/<term>/
   (see inc/enqueue.php). Everything here is scoped to .thl-rsingle or
   .thl-facetintro, so it cannot reach the rest of the kit; the navy band and
   gold accents reuse the location-hub tokens the Case Results page already
   carries (--loc-navy / --loc-gold), with literal fallbacks so the file still
   renders correctly if it is ever loaded outside that scope.
   ========================================================================== */

.thl-rsingle {
	--rs-navy: var(--loc-navy, #0f2240);
	--rs-gold: var(--loc-gold, #c9a227);
	--rs-ink: var(--thl-ink, #17202e);
	--rs-muted: #5b6676;
	--rs-line: #e3e7ee;
	--rs-radius: 14px;
}
/* Link colours are written as `.thl-rsingle a.<class>`: the site's own link
   colour (#907051 on Astra) is set at one-class specificity and would otherwise
   win over a bare class here, which failed WCAG AA on the navy bands. */

/* ---------- hero ---------------------------------------------------------- */
.thl-rsingle__hero {
	background: var(--rs-navy);
	color: #fff;
	padding: clamp(28px, 5vw, 56px) 0 clamp(24px, 4vw, 44px);
}
.thl-rsingle__amount {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 10px;
	margin: 0 0 6px;
	color: var(--rs-gold);
	font-size: clamp(34px, 7vw, 60px);
	font-weight: 700;
	line-height: 1.05;
	font-variant-numeric: tabular-nums;
}
.thl-rsingle__h1 {
	margin: 0 0 10px;
	text-wrap: balance;
	color: #fff;
	font-size: clamp(22px, 3.4vw, 34px);
	line-height: 1.22;
	font-weight: 700;
}
.thl-rsingle__cta { display: flex; flex-wrap: wrap; gap: 12px; }
/* ---------- body ---------------------------------------------------------- */
.thl-rsingle__body { padding: clamp(24px, 4vw, 44px) 0 clamp(8px, 2vw, 20px); }
.thl-rsingle__offer {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin: 0 0 20px;
	padding: 12px 0 0;
	border-top: 1px solid var(--rs-line);
	color: var(--rs-ink);
	font-size: 16px;
	font-weight: 600;
}
.thl-rsingle__offer svg { flex: 0 0 auto; margin-top: 2px; color: var(--rs-gold); }
.thl-rsingle__narrative { font-size: 17px; line-height: 1.65; color: var(--rs-ink); }
.thl-rsingle__narrative p { margin: 0 0 1em; }
.thl-rsingle__narrative > :last-child { margin-bottom: 0; }
.thl-rsingle__disclaimer {
	/* A grid child of its own, spanning both columns: inside .thl-rsingle__main it
	   drew a short rule that stopped level with a much taller attorney rail. */
	grid-column: 1 / -1;
	margin: 0;
	padding-top: 16px;
	border-top: 1px solid var(--rs-line);
	color: var(--rs-muted);
	font-size: 13px;
	line-height: 1.5;
}
.thl-rsingle__atty:last-child { margin-bottom: 0; }
.thl-rsingle a.thl-rsingle__attyname {
	display: block;
	color: var(--rs-navy);
	font-weight: 700;
	font-size: 16px;
	text-decoration: none;
}
.thl-rsingle a.thl-rsingle__attyname:hover,
.thl-rsingle a.thl-rsingle__attyname:focus-visible { text-decoration: underline; }
/* ---------- similar results ---------------------------------------------- */


.thl-rsingle__similarhead h2 { margin: 0; color: #fff; }
@media (min-width: 680px) {  }
/* Below that the cards stack, so there is no row to keep a baseline across and
   the reserved second line is just air above every amount. */
@media (max-width: 679px) {  }
/* The same top row as a .thl-rescard: the case type labels the card on the left,
   the outcome sits quietly on the right, and two lines are reserved so the
   amounts across the row share a baseline whichever card's label wraps. */


/* ---------- facet page intro --------------------------------------------- */
.thl-facetintro > p:first-child { margin-top: 0; }
.thl-facetintro__back { margin: 12px 0 0; font-size: 15px; font-weight: 600; }
.thl-facetintro .thl-facetintro__back a { color: var(--loc-navy, #0f2240); text-decoration: underline; text-underline-offset: 3px; }
/* Pinned: without this the back link took the theme's own link hover (#907051),
   which is not a colour this page uses anywhere else. */
.thl-facetintro .thl-facetintro__back a:hover { color: var(--rs-accent, #8A6E12); }
/* ---------- reduced motion / focus ---------------------------------------- */
/* The brand gold is 1.5:1 on white, so a gold ring on the body of the page was
   not a visible focus indicator. Navy on light, gold on the navy bands. */
.thl-rsingle a:focus-visible,
.thl-facetintro a:focus-visible {
	outline: 3px solid var(--rs-navy, #0f2240);
	outline-offset: 2px;
	border-radius: 3px;
}
.thl-rsingle__hero a:focus-visible,


/* ==========================================================================
   The record sheet (v1.11.5)

   One column, one statement of the amount, and a labelled strip of facts
   directly under the hero. The old two-column layout left a tall empty rail
   whenever a result had no attorney, and the amount appeared three times.
   ========================================================================== */

/* ---- headline: the figure and the case, in one element ---- */
.thl-rsingle__h1 {
	margin: 0 0 6px; display: flex; flex-direction: column; gap: 4px;
	color: #fff; letter-spacing: -.015em;
}
.thl-rsingle .thl-rsingle__h1 .thl-rsingle__amount {
	display: block;
	font-family: var(--thl-font-heading); font-weight: 700; line-height: .95;
	font-size: clamp(2.6rem, 6vw, 4.2rem); color: var(--loc-gold, #FED700);
	font-variant-numeric: tabular-nums;
}
.thl-rsingle .thl-rsingle__h1 .thl-rsingle__kind {
	display: block; font-family: var(--thl-font-heading); font-weight: 400;
	font-size: clamp(1.15rem, 2vw, 1.6rem); line-height: 1.25; color: rgba(255,255,255,.92);
	text-transform: none; letter-spacing: 0;
}
.thl-rsingle__hero .thl-rsingle__offer {
	margin: 14px 0 0; display: inline-flex; align-items: center; gap: 9px;
	padding: 8px 14px; border-radius: 999px;
	background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.18);
	color: #fff; font-size: 14.5px; font-variant-numeric: tabular-nums;
}
.thl-rsingle__hero .thl-rsingle__offer svg { color: var(--loc-gold, #FED700); flex: 0 0 auto; }
.thl-rsingle__cta { margin-top: 22px; }
/* ---- body: one column, a reading measure ---- */
.thl-rsingle__body { padding: clamp(30px, 4vw, 52px) 0 clamp(26px, 3.5vw, 44px); }
.thl-rsingle h2.thl-rsingle__seclabel,
.thl-rsingle .thl-rsingle__seclabel {
	display: flex; align-items: center; gap: 12px;
	margin: 0 0 14px; font-family: inherit !important; font-size: 11px !important; font-weight: 800;
	line-height: 1.2; letter-spacing: .18em; text-transform: uppercase; color: #55566A;
}
.thl-rsingle__seclabel::after { content: ""; flex: 1 1 auto; height: 1px; background: var(--rs-line); }
.thl-rsingle__col { max-width: 70ch; }
.thl-rsingle__narrative { font-size: 17px; line-height: 1.7; color: var(--rs-ink); }
.thl-rsingle__narrative p { margin: 0 0 14px; }
.thl-rsingle__narrative p:last-child { margin-bottom: 0; }
.thl-rsingle .thl-rsingle__attys {
	list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 14px; align-items: stretch;
}
.thl-rsingle .thl-rsingle__attyname { font-weight: 700; font-size: 15.5px; color: var(--rs-ink); text-decoration: none; }
.thl-rsingle .thl-rsingle__attyname:hover { text-decoration: underline; }
.thl-rsingle__disclaimer {
	margin: clamp(26px, 3vw, 40px) 0 0; padding-top: 18px; border-top: 1px solid var(--rs-line);
	font-size: 13px; color: var(--rs-muted);
}
@media (max-width: 640px) {
	
	
	.thl-rsingle .thl-rsingle__attys { grid-template-columns: 1fr; }
}
/* ==========================================================================
   Polish pass (v1.11.6) — the hero carries the record
   ========================================================================== */
.thl-rsingle__herogrid {
	display: grid; gap: clamp(24px, 4vw, 54px); align-items: start;
	grid-template-columns: minmax(0, 1fr);
}
/* superseded at the foot of this file: the columns are packed to the start so
   the record sits beside the figure rather than at the far edge of the wrap. */
.thl-rsingle__heromain { min-width: 0; }
/* Hero type: the figure leads, the case names itself underneath. */
.thl-rsingle .thl-rsingle__h1 .thl-rsingle__amount { font-size: clamp(2.8rem, 6.4vw, 4.6rem); }
.thl-rsingle .thl-rsingle__h1 .thl-rsingle__kind { max-width: 24ch; }
.thl-rsingle__hero { padding: clamp(34px, 5.5vw, 66px) 0 clamp(32px, 5vw, 60px); }
/* Body: a touch more air, and the first paragraph leads. */
.thl-rsingle__body { padding: clamp(34px, 4.5vw, 58px) 0 clamp(26px, 3vw, 38px); }
.thl-rsingle__narrative > p:first-child { font-size: 18.5px; line-height: 1.62; color: var(--rs-ink); }
/* Similar results: the list page's own card idiom, on paper. */
.thl-rsingle__similar { background: #F1F2F6; border-top: 1px solid var(--rs-line); padding: clamp(34px, 4.5vw, 56px) 0; }
.thl-rsingle__similarhead { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 8px 20px; }
.thl-rsingle .thl-rsingle__similar .thl-h { margin: 0; color: var(--rs-ink); font-size: clamp(1.4rem, 2vw, 1.8rem); }
/* On the paper ground the brass measures 4.35:1 — under AA for 14px text. It
   passes on the white cards, so only the on-paper links take the darker tone. */
.thl-rsingle a.thl-rsingle__all { font-size: 14px; font-weight: 700; color: #7A6110; text-decoration: none; }
.thl-rsingle a.thl-rsingle__all:hover { text-decoration: underline; }
.thl-rsingle__simgrid {
	list-style: none; margin: 22px 0 0; padding: 0; display: grid; gap: 18px;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
}
.thl-rsingle__simcard {
	position: relative; display: flex; flex-direction: column; gap: 8px;
	padding: 20px 20px 18px; background: #fff;
	border: 1px solid var(--rs-line); border-radius: var(--rs-radius);
	box-shadow: 0 1px 2px rgba(2,3,57,.05); transition: transform .2s ease, box-shadow .2s ease;
}
.thl-rsingle__simcard:hover { transform: translateY(-3px); box-shadow: 0 12px 28px rgba(2,3,57,.11); }
.thl-rsingle__simtop {
	margin: 0; display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px 12px;
	font-size: 11px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase;
}
.thl-rsingle__simtype { color: #8A6E12; }
.thl-rsingle__simmeta { color: #55566A; letter-spacing: .08em; }
.thl-rsingle__simamount {
	margin: 0; font-family: var(--thl-font-heading); font-weight: 700; font-size: 1.9rem; line-height: 1;
	color: var(--rs-ink); font-variant-numeric: tabular-nums;
	padding-bottom: 10px; border-bottom: 2px solid #8A6E12;
}
.thl-rsingle__simsum {
	margin: 0; font-size: 14.5px; line-height: 1.55; color: #3F4056;
	display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-clamp: 3; overflow: hidden;
}
.thl-rsingle a.thl-rsingle__simlink {
	margin-top: auto; padding-top: 12px; font-size: 13.5px; font-weight: 700; color: #8A6E12; text-decoration: none;
}
.thl-rsingle a.thl-rsingle__simlink:hover { text-decoration: underline; }
.thl-rsingle__simlink::after { content: ""; position: absolute; inset: 0; border-radius: inherit; }
.thl-rsingle a.thl-rsingle__simlink:focus-visible { outline: 3px solid #8A6E12; outline-offset: 3px; border-radius: 4px; }
/* ==========================================================================
   The figure is the page (v1.11.9)
   ========================================================================== */
.thl-rsingle__h1 { gap: 0; }
.thl-rsingle .thl-rsingle__h1 .thl-rsingle__amount {
	/* Twice the weight it had: this is the whole reason the page exists. */
	font-size: clamp(3.6rem, 9vw, 7.4rem); line-height: .88;
	padding-bottom: 18px; margin-bottom: 18px;
	border-bottom: 3px solid rgba(254,215,0,.55);
	max-width: max-content;
}
.thl-rsingle .thl-rsingle__h1 .thl-rsingle__kind {
	font-family: var(--thl-font-body, inherit);
	font-size: clamp(1.02rem, 1.5vw, 1.2rem); line-height: 1.5;
	color: rgba(255,255,255,.86); max-width: 46ch;
}
.thl-rsingle__hero { padding: clamp(40px, 6vw, 76px) 0 clamp(36px, 5vw, 64px); }
@media (max-width: 899px) {
	.thl-rsingle .thl-rsingle__h1 .thl-rsingle__amount { padding-bottom: 14px; margin-bottom: 14px; }
}
/* A thin record (no narrative, no attorneys) used to open with 40px of section
   margin on top of 58px of padding — a void where the prose would have been. */
.thl-rsingle__body > .thl-pa__wrap > *:first-child { margin-top: 0; }
/* ==========================================================================
   The record sheet (v1.12.0)

   One composition instead of four thin bands. The figure states the outcome
   in words on its own line, the record carries every fact the firm has
   published about the case, and the white narrative band is rendered only
   when there is a narrative to put in it.
   ========================================================================== */

/* ---- The figure ---------------------------------------------------------
   "$9 Million settlement" reads as a sentence. The amount is the voice; the
   outcome follows it at reading size, on the same baseline, in ink rather
   than a second brass so the two do not compete. Held to the 6rem display
   ceiling and tracked properly -- at 111px and -0.008em it was big but
   untracked, which reads as a browser default rather than a decision. */
.thl-rsingle .thl-rsingle__h1 {
	display: flex; flex-direction: column; gap: 0; margin: 0;
}
.thl-rsingle__figure {
	display: flex; align-items: baseline; flex-wrap: wrap; gap: 0 .32em;
	max-width: max-content;
	padding-bottom: clamp(12px, 1.4vw, 18px);
	margin-bottom: clamp(16px, 1.8vw, 22px);
	border-bottom: 3px solid rgba(254,215,0,.5);
}
.thl-rsingle .thl-rsingle__h1 .thl-rsingle__amount {
	display: inline; margin: 0; padding: 0; border: 0;
	font-size: clamp(2.9rem, 6.6vw, 5.3rem); line-height: .88;
	letter-spacing: -.022em; font-weight: 700;
	font-variant-numeric: tabular-nums; font-feature-settings: "tnum" 1, "lnum" 1;
	color: var(--loc-gold, #FED700);
}
.thl-rsingle .thl-rsingle__h1 .thl-rsingle__outcome {
	font-family: var(--thl-font-body, inherit);
	font-size: clamp(1.05rem, 1.6vw, 1.42rem); font-weight: 600; line-height: 1.2;
	letter-spacing: .005em; color: rgba(255,255,255,.9);
}
.thl-rsingle .thl-rsingle__h1 .thl-rsingle__kind {
	font-family: var(--thl-font-body, inherit); font-weight: 400;
	font-size: clamp(1.02rem, 1.4vw, 1.16rem); line-height: 1.6;
	color: rgba(255,255,255,.84); max-width: 44ch; text-wrap: pretty;
}
.thl-rsingle h2.thl-rsingle__recordlabel,
.thl-rsingle .thl-rsingle__recordlabel {
	margin: 0 0 14px !important; padding-bottom: 12px;
	border-bottom: 1px solid rgba(255,255,255,.18);
	font-family: var(--thl-font-body, inherit) !important;
	font-size: 11px !important; font-weight: 800; line-height: 1.4;
	letter-spacing: .18em; text-transform: uppercase;
	color: var(--loc-gold, #FED700);
}
.thl-rsingle__facts { margin: 0; display: grid; gap: 0; }
.thl-rsingle__fact dt {
	margin: 0; font-size: 10.5px; font-weight: 800; letter-spacing: .14em; line-height: 1.5;
	text-transform: uppercase; color: rgba(255,255,255,.66);
}
.thl-rsingle__fact dd {
	margin: 0; font-size: 15px; line-height: 1.45; font-weight: 600; color: #fff;
	font-variant-numeric: tabular-nums;
}
/* Counsel sits inside the record, because who tried the case is a fact about
   the case -- and a section of its own stood nearly empty on most records. */
.thl-rsingle__people { margin: 16px 0 0; padding-top: 14px; border-top: 1px solid rgba(255,255,255,.18); }
.thl-rsingle__peoplelabel {
	margin: 0 0 10px; font-size: 10.5px; font-weight: 800; letter-spacing: .14em;
	text-transform: uppercase; color: rgba(255,255,255,.66);
}
.thl-rsingle .thl-rsingle__attys {
	display: grid; gap: 12px; grid-template-columns: minmax(0, 1fr);
	margin: 0; padding: 0; list-style: none;
}
.thl-rsingle .thl-rsingle__atty {
	display: flex; align-items: center; gap: 11px; margin: 0; padding: 0;
	flex: initial; background: none; border: 0;
}
.thl-rsingle .thl-rsingle__atty::marker { content: ""; }
.thl-rsingle__attyimg {
	width: 44px; height: 44px; flex: 0 0 44px; border-radius: 50%;
	object-fit: cover; object-position: 50% 18%;
	background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.2);
}
.thl-rsingle .thl-rsingle__attybody { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.thl-rsingle .thl-rsingle__attyname {
	font-size: 15px; font-weight: 700; color: #fff; text-decoration: none;
	text-underline-offset: .18em;
}
.thl-rsingle .thl-rsingle__attyname:hover,
.thl-rsingle .thl-rsingle__attyname:focus-visible { text-decoration: underline; color: var(--loc-gold, #FED700); }
.thl-rsingle .thl-rsingle__attyrole { font-size: 12.5px; color: rgba(255,255,255,.66); }
.thl-rsingle .thl-rsingle__atty--team { padding-left: 55px; }
/* Where to read more. Plain ruled links, not chips: on most records there is
   exactly one of them, and one chip under a section heading was a section
   built for nothing. */
.thl-rsingle .thl-rsingle__links {
	margin: 16px 0 0; padding: 14px 0 0; list-style: none;
	border-top: 1px solid rgba(255,255,255,.18);
	display: grid; gap: 9px;
}
.thl-rsingle .thl-rsingle__links li { margin: 0; padding: 0; }
.thl-rsingle .thl-rsingle__links li::marker { content: ""; }
.thl-rsingle a.thl-rsingle__link {
	font-size: 14px; font-weight: 700; color: var(--loc-gold, #FED700);
	text-decoration: none; text-underline-offset: .2em;
}
.thl-rsingle a.thl-rsingle__link:hover,
.thl-rsingle a.thl-rsingle__link:focus-visible { text-decoration: underline; }
/* The disclaimer qualifies the figure, so it travels with it. */
.thl-rsingle__hero .thl-rsingle__disclaimer {
	margin: clamp(20px, 2.4vw, 30px) 0 0; max-width: 46ch;
	padding-top: 14px; border-top: 1px solid rgba(255,255,255,.14);
	font-size: 12.5px; line-height: 1.55; color: rgba(255,255,255,.62);
}
/* ---- Bands --------------------------------------------------------------
   The white band is now conditional in the template, so the hero has to close
   properly on its own. */
.thl-rsingle__hero { padding: clamp(38px, 5.6vw, 72px) 0 clamp(36px, 5vw, 64px); }
.thl-rsingle__herogrid { align-items: start; }
@media (min-width: 900px) {
	/* The left column is sized by its own content -- the figure, the lede and the
	   buttons -- rather than stretched to 1fr, and the pair is packed to the
	   start. The record then begins just past the end of the figure's rule, so
	   the number and the facts about it read as one object. */
	.thl-rsingle__herogrid {
		/* The column is the width of the longest figure the firm has published, not
		   a share of the wrap, and the gap is a gutter rather than a margin -- so
		   the record sits against the number instead of across the page from it. */
		grid-template-columns: minmax(0, 520px) minmax(288px, 384px);
		justify-content: center;
		gap: clamp(22px, 2.1vw, 32px);
		align-items: start;
	}
	/* The record's first rule and the figure's brass rule sit on the same line. */
	.thl-rsingle__record { margin-top: 4px; }
}
@media (min-width: 1240px) {
	.thl-rsingle__herogrid { grid-template-columns: minmax(0, 545px) minmax(300px, 396px); }
}
.thl-rsingle__body { padding: clamp(36px, 4.6vw, 60px) 0 clamp(30px, 3.6vw, 46px); }
.thl-rsingle__narrative > p:first-child { font-size: 18.5px; line-height: 1.62; color: var(--rs-ink); }
.thl-rsingle__narrative p { max-width: 68ch; }
/* The similar figures were the only ones on either page left untracked. */
.thl-rsingle .thl-rsingle__simamount { letter-spacing: -.015em; }
@media (max-width: 899px) {
	.thl-rsingle__figure { padding-bottom: 12px; margin-bottom: 14px; }
	.thl-rsingle__record { margin-top: 26px; }
	.thl-rsingle__fact { grid-template-columns: 96px minmax(0, 1fr); }
}

/* The onward links are the only way out of the record, so they carry a little
   more weight now that they are short enough to read at a glance. */
.thl-rsingle a.thl-rsingle__link { font-size: 14.5px; letter-spacing: .002em; }
.thl-rsingle .thl-rsingle__links { gap: 10px; }

/* ==========================================================================
   Record corrections (v1.12.1)
   ========================================================================== */

/* The fact row: label beside value, on a rule, the way a record sheet is set.
   Restored after a cleanup pass matched this selector against the adjacent-
   sibling rule below it and kept the wrong one. */
.thl-rsingle .thl-rsingle__facts { margin: 0; display: grid; gap: 0; }
.thl-rsingle .thl-rsingle__fact {
	margin: 0; padding: 11px 0;
	display: grid; grid-template-columns: 104px minmax(0, 1fr); gap: 3px 16px;
	align-items: baseline;
}
.thl-rsingle .thl-rsingle__fact + .thl-rsingle__fact { border-top: 1px solid rgba(255,255,255,.11); }
.thl-rsingle .thl-rsingle__fact dt {
	margin: 0; font-size: 10.5px; font-weight: 800; letter-spacing: .14em; line-height: 1.5;
	text-transform: uppercase; color: rgba(255,255,255,.66);
}
.thl-rsingle .thl-rsingle__fact dd {
	margin: 0; font-size: 15px; line-height: 1.45; font-weight: 600; color: #fff;
	font-variant-numeric: tabular-nums;
}

/* The counsel names carry an element in the older selector, so the record's
   own rule has to as well or the name paints navy on navy. */
.thl-rsingle .thl-rsingle__record a.thl-rsingle__attyname,
.thl-rsingle__record a.thl-rsingle__attyname {
	display: block; font-size: 15px; font-weight: 700; color: #fff;
	text-decoration: none; text-underline-offset: .18em;
}
.thl-rsingle .thl-rsingle__record a.thl-rsingle__attyname:hover,
.thl-rsingle .thl-rsingle__record a.thl-rsingle__attyname:focus-visible {
	color: var(--loc-gold, #FED700); text-decoration: underline;
}
.thl-rsingle .thl-rsingle__record .thl-rsingle__attyrole {
	display: block; font-size: 12.5px; color: rgba(255,255,255,.66);
}

/* The panel's edge was a single hairline at 15% and read as nothing on navy at
   this size; it is the one thing telling the reader the facts are a document. */
.thl-rsingle .thl-rsingle__record {
	background: rgba(255,255,255,.055);
	border: 1px solid rgba(255,255,255,.22);
}

/* ==========================================================================
   The record, as a panel again (v1.12.2)

   The hairline box plus a ruled heading read as a wireframe table. This is the
   treatment that was working: a rounded panel with a brass edge along its top,
   a soft fill, and rules quiet enough to separate facts without drawing a grid.
   ========================================================================== */
.thl-rsingle .thl-rsingle__record {
	background: rgba(255,255,255,.06);
	border: 1px solid rgba(255,255,255,.14);
	border-top: 3px solid var(--loc-gold, #FED700);
	border-radius: 10px;
	padding: 20px 22px 18px;
}
/* The heading labels the panel; it does not need a rule under it as well as a
   brass edge above it. */
.thl-rsingle h2.thl-rsingle__recordlabel,
.thl-rsingle .thl-rsingle__recordlabel {
	margin: 0 0 12px !important; padding-bottom: 0;
	border-bottom: 0;
}
.thl-rsingle .thl-rsingle__fact { padding: 9px 0; }
.thl-rsingle .thl-rsingle__fact:first-child { padding-top: 0; }
.thl-rsingle .thl-rsingle__fact + .thl-rsingle__fact { border-top: 1px solid rgba(255,255,255,.1); }
.thl-rsingle .thl-rsingle__people { margin-top: 14px; padding-top: 13px; border-top: 1px solid rgba(255,255,255,.14); }
.thl-rsingle .thl-rsingle__links { margin-top: 14px; padding-top: 13px; border-top: 1px solid rgba(255,255,255,.14); }