/*
 * Braced — Guides: single posts, the guides index (page 124, /guides/, home.html) and guide category archives.
 * Loaded only on those pages (braced_page_type() = "guide"). Owner: the guide page agent.
 *
 * 1. Article grid: one reading column on the header's text track (7/12), contents rail on its
 *    picture track (5/12). Every text element starts on the column's one left edge; only the
 *    data that needs room (pick lists, comparison tables, product grids) runs on to the right,
 *    from the same edge, below the rail.
 * 2. Opening: the answer as larger prose, a how-to's facts as one row, the safety notice.
 * 3. Steps, picks, lists, tables, cards, questions inside the column.
 * 4. The close: how it was made, sources.
 * 5. After the article: gear, the local trade, keep reading (braced/guide-tail).
 * 6. The index and the archives (braced/guide-index): kinds filter, lead story, bands per kind.
 */

/* ============ 1. Article grid ============ */
.braced-page--guide {
	--g-gap: var(--wp--preset--spacing--70);
	--g-col: var(--braced-measure);
}
.braced-guide__body {
	padding-block-start: var(--wp--preset--spacing--60) !important;
}
.braced-guide__body::after {
	content: "";
	display: table;
	clear: both;
}
/* The article must not form its own block context, or it would sit beside the rail instead of
   letting its column run past it. */
body.braced-page--guide .braced-guide__body > .braced-guide__article {
	display: block;
	overflow: visible;
	contain: none;
}
body.braced-page--guide .braced-guide__article > * {
	box-sizing: border-box;
	max-width: var(--g-col);
	margin-inline: 0;
}
body.braced-page--guide .braced-guide__article > :is(.wp-block-afp-card-row, .wp-block-afp-comparison-table, .wp-block-afp-product-grid) {
	max-width: none;
	clear: right;
}
body.braced-page--guide .braced-guide__body > :is(.braced-guide-about, .braced-toc--fold) {
	max-width: var(--g-col);
	margin-inline: 0 !important;
}

/* Contents: a rail beside the opening on wide screens, folded above the article otherwise. */
.braced-toc--rail {
	display: none;
}
.braced-toc__title {
	margin: 0;
	color: var(--wp--preset--color--contrast);
	font-family: var(--wp--preset--font-family--display);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 700;
	line-height: 1.3;
}
.braced-toc__list {
	margin: 0;
	padding: 0;
	list-style: none;
}
.braced-toc__list li {
	margin: 0;
	border-block-end: 1px solid var(--wp--preset--color--line);
}
.braced-toc__list a {
	display: flex;
	align-items: center;
	min-height: 44px;
	padding-block: 8px;
	color: var(--wp--preset--color--contrast);
	font-size: var(--wp--preset--font-size--small);
	line-height: 1.35;
	text-decoration: none;
}
.braced-toc__list a:hover {
	color: var(--wp--preset--color--accent);
	text-decoration: underline;
}
.braced-toc--fold {
	margin-block: 0 var(--wp--preset--spacing--60) !important;
	border-block: 1px solid var(--wp--preset--color--line);
}
.braced-toc--fold > summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 52px;
	cursor: pointer;
	list-style: none;
}
.braced-toc--fold > summary::-webkit-details-marker {
	display: none;
}
.braced-toc--fold > summary::after {
	content: "+";
	color: var(--wp--preset--color--accent);
	font-size: 1.5rem;
	font-weight: 400;
	line-height: 1;
}
.braced-toc--fold[open] > summary::after {
	content: "\2212";
}
.braced-toc--fold .braced-toc__list {
	padding-block-end: 8px;
}
.braced-toc--fold .braced-toc__list li:last-child {
	border-block-end: 0;
}

@media (min-width: 1100px) {
	.braced-page--guide {
		--g-col: calc((100% - var(--g-gap)) * 7 / 12);
	}
	.braced-toc--fold {
		display: none !important;
	}
	body.braced-page--guide .braced-toc--rail {
		display: block;
		float: right;
		box-sizing: border-box;
		width: calc((100% - var(--g-gap)) * 5 / 12);
		max-width: none;
		margin: 0 0 var(--wp--preset--spacing--60) var(--g-gap) !important;
		padding-inline-end: calc((100% - var(--g-gap)) * 5 / 12 - 22rem);
	}
	.braced-toc--rail .braced-toc__title {
		padding-block-end: 12px;
		border-block-end: 2px solid var(--wp--preset--color--contrast);
	}
	/* When nothing in the article runs past the column (how-tos, explainers, most comparisons),
	   the contents stay in view while you read. */
	body.braced-page--guide .braced-guide__body:not(:has(.braced-guide__article > :is(.wp-block-afp-card-row, .wp-block-afp-comparison-table, .wp-block-afp-product-grid))) > .braced-toc--rail {
		position: sticky;
		top: calc(var(--wp-admin--admin-bar--height, 0px) + var(--wp--preset--spacing--50));
		max-height: calc(100vh - 2 * var(--wp--preset--spacing--50));
		overflow-y: auto;
	}
}

/* The header meets the body: on a guide with a picture, the picture stands on the band's foot
   (no gap under it, square bottom corners) right above the contents rail, so header and body
   read as one composition on the same two tracks. */
@media (min-width: 782px) {
	.braced-page--guide .braced-head--detail.has-photo .braced-head__inner {
		align-items: end;
		padding-block-end: 0;
	}
	.braced-page--guide .braced-head--detail.has-photo .braced-head__text {
		padding-block-end: var(--wp--preset--spacing--70);
	}
	.braced-page--guide .braced-head--detail.has-photo .braced-head__media {
		border-radius: var(--wp--custom--radius--photo) var(--wp--custom--radius--photo) 0 0;
	}
}

/* ============ 2. Opening ============ */
.braced-guide__article > .braced-lede {
	margin-block-start: 0;
	color: var(--wp--preset--color--contrast);
	font-size: var(--wp--preset--font-size--large) !important;
	line-height: 1.55;
}
.braced-guide__article > .braced-lede strong {
	font-weight: 650;
}

/* Best-of and buying guides: the top pick right under the answer, as the product object. */
.braced-lede-pick {
	margin-block-start: var(--wp--preset--spacing--50) !important;
}
.braced-lede-pick .afp-short-answer__pick {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 16px 24px;
	align-items: center;
	margin: 0;
	padding: 16px 20px;
	border: 1px solid var(--wp--preset--color--line);
	border-radius: var(--wp--custom--radius--card);
	background: var(--wp--preset--color--base-2);
	box-shadow: var(--wp--preset--shadow--card);
}
.braced-lede-pick .afp-short-answer__head {
	margin: 0;
}
.braced-lede-pick :is(.afp-offer, .afp-short-answer__pick > :last-child) {
	margin: 0;
}
@media (max-width: 600px) {
	.braced-lede-pick .afp-short-answer__pick {
		grid-template-columns: minmax(0, 1fr);
	}
}

/* A how-to's facts: one row between hairlines, term above value. */
.braced-facts {
	display: grid;
	grid-auto-columns: minmax(0, 1fr);
	grid-auto-flow: column;
	margin-block: var(--wp--preset--spacing--60) 0;
	padding: 0;
	border-block: 1px solid var(--wp--preset--color--line);
}
.braced-facts__item {
	margin: 0;
	padding: 16px 20px 18px;
	border-inline-start: 1px solid var(--wp--preset--color--line);
}
.braced-facts__item:first-child {
	padding-inline-start: 0;
	border-inline-start: 0;
}
.braced-facts__item:last-child {
	padding-inline-end: 0;
}
.braced-facts dt {
	margin: 0 0 4px;
	color: var(--wp--preset--color--accent);
	font-family: var(--wp--preset--font-family--display);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 700;
}
.braced-facts dd {
	margin: 0;
	color: var(--wp--preset--color--contrast);
	font-size: var(--wp--preset--font-size--small);
	line-height: 1.5;
}
@media (max-width: 781px) {
	.braced-facts {
		grid-auto-flow: row;
	}
	.braced-facts__item,
	.braced-facts__item:first-child {
		padding: 14px 0;
		border-inline-start: 0;
	}
	.braced-facts__item + .braced-facts__item {
		border-block-start: 1px solid var(--wp--preset--color--line);
	}
}

/* The safety notice and info panels sit on the column, at its full width; in running prose
   the notice's label reads as the start of its sentence ("Safety: stay off the roof…"). */
body.braced-page--guide .braced-guide__article > .wp-block-afp-callout {
	margin-block: var(--wp--preset--spacing--60);
}
body.braced-page--guide .braced-guide__article > .wp-block-afp-callout p > strong:first-child {
	display: inline;
	margin: 0;
}

/* ============ 3. Inside the column ============ */
.braced-guide__article > h2 {
	margin-block-start: var(--wp--preset--spacing--70);
}
.braced-guide__article > h3 {
	margin-block-start: var(--wp--preset--spacing--60);
}
.braced-guide__article > :is(h2, h3) + * {
	margin-block-start: var(--wp--preset--spacing--40);
}

/* Steps ("Step 2: …") and picks ("Best overall" above "1. …"): a numbered label above the
   heading, and a rule that starts each one. */
.braced-guide__article > h2.is-step,
.braced-guide__article > .is-style-eyebrow {
	padding-block-start: var(--wp--preset--spacing--50);
	border-block-start: 1px solid var(--wp--preset--color--line);
}
.braced-step {
	display: block;
	margin-block-end: 8px;
	color: var(--wp--preset--color--accent);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1.3;
}
.braced-guide__article > .is-style-eyebrow {
	margin-block-start: var(--wp--preset--spacing--70);
	color: var(--wp--preset--color--accent);
	font-family: var(--wp--preset--font-family--display);
	font-size: var(--wp--preset--font-size--small) !important;
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1.3;
	text-transform: none;
}
.braced-guide__article > .is-style-eyebrow + h2 {
	margin-block-start: 8px;
}

/* Lists: the words stay on the column's edge, the bullet or number hangs in the margin. */
.braced-guide__article > :is(ul, ol).wp-block-list {
	padding-inline-start: 1.5em;
	list-style: none;
	counter-reset: braced-li;
}
.braced-guide__article > :is(ul, ol).wp-block-list > li {
	position: relative;
	counter-increment: braced-li;
}
.braced-guide__article > :is(ul, ol).wp-block-list > li + li {
	margin-block-start: 10px;
}
.braced-guide__article > ul.wp-block-list > li::before {
	content: "";
	position: absolute;
	top: 0.68em;
	left: -1.1em;
	width: 6px;
	height: 6px;
	border-radius: 1px;
	background: var(--wp--preset--color--accent);
}
.braced-guide__article > ol.wp-block-list > li::before {
	content: counter(braced-li);
	position: absolute;
	top: 0;
	left: -1.5em;
	width: 1.1em;
	color: var(--wp--preset--color--accent);
	font-family: var(--wp--preset--font-family--display);
	font-weight: 700;
	text-align: right;
}
@media (min-width: 782px) {
	.braced-guide__article > :is(ul, ol).wp-block-list {
		padding-inline-start: 0;
	}
}

/* "How we chose these": a section like any other, not a box. */
.braced-guide__article > .wp-block-afp-how-we-choose {
	margin-block-start: var(--wp--preset--spacing--70);
	padding: 0;
	border: 0;
	border-radius: 0;
	background: none;
	box-shadow: none;
}
.braced-guide__article > .wp-block-afp-how-we-choose > * {
	margin-block: 0;
}
.braced-guide__article > .wp-block-afp-how-we-choose > * + * {
	margin-block-start: var(--wp--preset--spacing--40);
}
.braced-guide__article > .wp-block-afp-how-we-choose > h2 {
	font-size: var(--wp--preset--font-size--x-large) !important;
}
.braced-guide__article > .wp-block-afp-how-we-choose ol {
	font-size: var(--wp--custom--prose--size, var(--wp--preset--font-size--medium));
	line-height: var(--wp--custom--prose--leading, 1.6);
}
@media (min-width: 782px) {
	/* The numbers hang in the margin, so the words keep the column's edge. */
	.braced-guide__article > .wp-block-afp-how-we-choose ol > li {
		margin-inline-start: calc(-28px - 0.75rem);
	}
}

/* Tables fit the column; a wide one scrolls inside its own frame. */
.braced-guide__article > .wp-block-table {
	font-size: var(--wp--preset--font-size--small);
}
.braced-guide__article > .wp-block-table :is(th, td) {
	padding: 0.7rem 0.85rem;
}
.braced-guide__article > .wp-block-table thead th {
	border-block-end: 2px solid var(--wp--preset--color--contrast);
	background: var(--wp--preset--color--base-2);
	font-family: var(--wp--preset--font-family--display);
}
.braced-guide__article > .wp-block-table tbody :is(th, td):first-child {
	color: var(--wp--preset--color--contrast);
	font-weight: 600;
}
.braced-guide__article > .wp-block-table figcaption {
	padding: 0.6rem 0.85rem;
	color: var(--wp--preset--color--contrast-2);
	font-size: var(--wp--preset--font-size--x-small);
}

/* "Choose A if… / Choose B if…" cards: two on the column, one above the other on a phone. */
.braced-guide__article > .wp-block-columns {
	gap: var(--wp--preset--spacing--40);
}
.braced-guide__article > .wp-block-columns .is-style-card {
	height: 100%;
	box-sizing: border-box;
	padding: 20px 22px;
	border: 1px solid var(--wp--preset--color--line);
	border-radius: var(--wp--custom--radius--card);
	background: var(--wp--preset--color--base-3);
	box-shadow: none;
}
.braced-guide__article > .wp-block-columns .is-style-card > * {
	max-width: none;
	margin-block: 0;
}
.braced-guide__article > .wp-block-columns .is-style-card > * + * {
	margin-block-start: 10px;
}
.braced-guide__article > .wp-block-columns .is-style-card h3 {
	font-size: var(--wp--preset--font-size--medium) !important;
}
.braced-guide__article > .wp-block-columns .is-style-card :is(p, ul, ol) {
	font-size: var(--wp--preset--font-size--small);
	line-height: 1.5;
}
.braced-guide__article > .wp-block-columns .is-style-card ul {
	padding-inline-start: 1.1em;
}

/* Questions: on the column, like the rest of the reading, titled like any section. */
.braced-guide__article > .wp-block-afp-faq {
	margin-block-start: var(--wp--preset--spacing--70);
	scroll-margin-top: var(--wp--preset--spacing--60);
}
.braced-guide__article .afp-faq__heading {
	font-size: var(--wp--preset--font-size--x-large) !important;
	line-height: 1.15;
}
.braced-guide__article :is(h2, h3)[id] {
	scroll-margin-top: var(--wp--preset--spacing--60);
}

/* Products and data placed in the column (their insides belong to the product surfaces). */
.braced-guide__article > :is(.wp-block-afp-inline-product, .wp-block-afp-spec-table, .wp-block-afp-pros-cons, .wp-block-afp-offers, .wp-block-afp-versus, .wp-block-afp-top-pick) {
	margin-block: var(--wp--preset--spacing--60);
}
.braced-guide__article > :is(.wp-block-afp-card-row, .wp-block-afp-comparison-table, .wp-block-afp-product-grid) {
	margin-block: var(--wp--preset--spacing--60);
}

/* ============ 4. The close ============ */
.braced-guide-about {
	margin-block-start: var(--wp--preset--spacing--60) !important;
	color: var(--wp--preset--color--contrast-2);
	font-size: var(--wp--preset--font-size--small);
	line-height: 1.55;
}
.braced-guide-about > * {
	margin-block: 0;
}
.braced-sources {
	margin-block-start: 12px !important;
}
.braced-sources > summary {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 44px;
	color: var(--wp--preset--color--accent);
	font-weight: 650;
	cursor: pointer;
	list-style: none;
}
.braced-sources > summary::-webkit-details-marker {
	display: none;
}
.braced-sources > summary::after {
	content: "+";
	font-size: 1.25rem;
	font-weight: 400;
	line-height: 1;
}
.braced-sources[open] > summary::after {
	content: "\2212";
}
.braced-sources ol {
	margin: 4px 0 0;
	padding-inline-start: 1.4em;
}
.braced-sources li + li {
	margin-block-start: 6px;
}
.braced-sources a {
	overflow-wrap: anywhere;
}

/* ============ 5. After the article ============ */
.braced-guide-tail {
	margin-block: 0 !important;
}
.braced-guide-tail > * {
	margin-block: 0;
}
.braced-tail.braced-band {
	box-sizing: border-box;
	padding-inline: var(--braced-edge);
}
.braced-tail--pros {
	padding-inline: var(--braced-edge);
	background: var(--wp--preset--color--navy);
}
.braced-tail__inner > * {
	margin-block: 0;
}
.braced-guide-tail .braced-tail__inner > .wp-block-afp-section-intro,
.braced-gi .braced-gi__inner > .wp-block-afp-section-intro {
	margin-block-end: var(--wp--preset--spacing--60);
}
.braced-gi .braced-gi__inner > .wp-block-afp-section-intro + * {
	margin-block-start: 0;
}
.braced-tail--products .afp-related {
	margin: 0;
}
.braced-tail--products .afp-related__part {
	margin: 0;
}
/* The band titles are the shared section title (base.css h2.braced-section-title): only the
   space under them is set here. */
.braced-tail--products .afp-related__heading {
	margin-block: 0 var(--wp--preset--spacing--60);
}
.braced-main.braced-guide > .braced-guide-tail + * {
	margin-block-start: 0;
}

/* ============ 6. Index and archives ============ */
.braced-gi.braced-band,
.braced-gi--archive {
	box-sizing: border-box;
	margin-block: 0 !important;
	padding-inline: var(--braced-edge);
}
.braced-gi--lead.braced-band {
	padding-block-start: var(--wp--preset--spacing--60);
}
.braced-gi--archive {
	padding-block: var(--wp--preset--spacing--60) var(--braced-band);
}
.braced-gi .braced-gi__inner > * {
	margin-block: 0;
}
.braced-gi .braced-gi__inner > * + * {
	margin-block-start: var(--wp--preset--spacing--70);
}
.braced-gi .braced-gi__rows > * + * {
	margin-block-start: var(--wp--preset--spacing--70);
}
/* On a kind's archive every guide is that kind: no kicker repeating the page title. */
body.category .braced-gi--archive :is(.braced-feature__kicker, .braced-guide-card__kicker) {
	display: none;
}
.braced-guide-index > * {
	margin-block: 0;
}
.braced-gi__empty {
	color: var(--wp--preset--color--contrast-2);
}

/* The kinds: plain links, the current one filled. */
.braced-kinds ul {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.braced-kinds li {
	margin: 0;
}
.braced-kinds a {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	box-sizing: border-box;
	padding: 0 18px;
	border: 1px solid var(--wp--preset--color--line);
	border-radius: 999px;
	background: var(--wp--preset--color--base-2);
	color: var(--wp--preset--color--contrast);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 600;
	text-decoration: none;
}
.braced-kinds a:hover {
	border-color: var(--wp--preset--color--accent);
	color: var(--wp--preset--color--accent);
}
.braced-kinds a[aria-current="page"] {
	border-color: var(--wp--preset--color--navy);
	background: var(--wp--preset--color--navy);
	color: var(--wp--preset--color--on-navy);
}

/* A guide as a feature: the picture large, the words beside it. */
.braced-feature {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
	gap: var(--wp--preset--spacing--50) var(--g-gap, var(--wp--preset--spacing--70));
	align-items: center;
}
.braced-feature--row {
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
.braced-feature__media {
	aspect-ratio: 3 / 2;
	overflow: hidden;
	border-radius: var(--wp--custom--radius--photo);
	background: var(--wp--custom--image--placeholder);
}
.braced-feature__img {
	display: block;
	width: 100%;
	height: 100% !important;
	object-fit: cover;
	transition: transform 0.3s ease;
}
.braced-feature:hover .braced-feature__img {
	transform: scale(1.02);
}
.braced-feature__text > * {
	margin-block: 0;
}
.braced-feature__text > * + * {
	margin-block-start: var(--wp--preset--spacing--40);
}
.braced-feature__kicker {
	color: var(--wp--preset--color--accent);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 700;
}
.braced-feature__kicker + .braced-feature__title {
	margin-block-start: 10px;
}
.braced-feature__title {
	font-size: var(--wp--preset--font-size--xx-large) !important;
	line-height: 1.1;
}
.braced-feature--row .braced-feature__title {
	font-size: var(--wp--preset--font-size--x-large) !important;
	line-height: 1.15;
}
.braced-feature__title a {
	color: var(--wp--preset--color--contrast);
	text-decoration: none;
}
.braced-feature__title a::after {
	content: "";
	position: absolute;
	inset: 0;
}
.braced-feature:hover .braced-feature__title a {
	text-decoration: underline;
	text-decoration-thickness: 2px;
}
.braced-feature:focus-within {
	outline: 2px solid var(--wp--preset--color--accent);
	outline-offset: 6px;
	border-radius: 2px;
}
.braced-feature__title a:focus-visible {
	outline: 0;
}
.braced-feature__summary {
	color: var(--wp--preset--color--contrast-2);
	font-size: var(--wp--preset--font-size--large);
	line-height: 1.5;
}
.braced-feature--row .braced-feature__summary {
	font-size: var(--wp--preset--font-size--medium);
}
.braced-feature__more {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: var(--wp--preset--color--accent);
	font-weight: 650;
}
.braced-feature__more::after {
	content: "\2192";
	transition: transform 0.15s ease;
}
.braced-feature:hover .braced-feature__more::after {
	transform: translateX(3px);
}

/* Card rows: 2, 3 or 4 across, never an orphan. */
.braced-gx-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--wp--preset--spacing--60) var(--wp--preset--spacing--50);
	margin: 0;
}
.braced-gx-grid--2 {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}
.braced-gx-grid--4 {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}
.braced-gx-grid--4 .braced-guide-card__title {
	font-size: var(--wp--preset--font-size--medium) !important;
}
.braced-gx-grid--2 .braced-guide-card__title {
	font-size: var(--wp--preset--font-size--x-large) !important;
}
@media (max-width: 1023px) {
	.braced-gx-grid--4 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.braced-gx-grid--4 .braced-guide-card__title {
		font-size: var(--wp--preset--font-size--large) !important;
	}
}
@media (max-width: 781px) {
	.braced-feature,
	.braced-feature--row {
		grid-template-columns: minmax(0, 1fr);
	}
	.braced-gx-grid--3 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.braced-gx-grid--3 > :first-child {
		grid-column: 1 / -1;
	}
	.braced-gx-grid--2 .braced-guide-card__title {
		font-size: var(--wp--preset--font-size--large) !important;
	}
}
@media (max-width: 600px) {
	.braced-gx-grid,
	.braced-gx-grid--2,
	.braced-gx-grid--3,
	.braced-gx-grid--4 {
		grid-template-columns: minmax(0, 1fr);
	}
	.braced-feature__title {
		font-size: var(--wp--preset--font-size--x-large) !important;
	}
	.braced-feature__summary {
		font-size: var(--wp--preset--font-size--medium);
	}
}

/* Guides as a list: title and summary between hairlines, each entry one link. */
.braced-gx-list {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0 var(--wp--preset--spacing--60);
	margin: 0;
	padding: 0;
	list-style: none;
}
.braced-gx-list--1 {
	grid-template-columns: minmax(0, 1fr);
}
.braced-gx-list--2 {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}
.braced-gx-entry {
	position: relative;
	margin: 0;
	padding-block: 18px 22px;
	border-block-start: 1px solid var(--wp--preset--color--line);
}
.braced-gx-entry > * {
	margin-block: 0;
}
.braced-gx-entry > * + * {
	margin-block-start: 8px;
}
.braced-gx-entry__kicker {
	color: var(--wp--preset--color--accent);
	font-size: var(--wp--preset--font-size--x-small);
	font-weight: 700;
}
.braced-gx-entry__title {
	font-size: var(--wp--preset--font-size--large) !important;
	line-height: 1.25;
}
.braced-gx-entry__title a {
	color: var(--wp--preset--color--contrast);
	text-decoration: none;
}
.braced-gx-entry__title a::after {
	content: "";
	position: absolute;
	inset: 0;
}
.braced-gx-entry:hover .braced-gx-entry__title a {
	text-decoration: underline;
	text-decoration-thickness: 2px;
}
.braced-gx-entry:focus-within {
	outline: 2px solid var(--wp--preset--color--accent);
	outline-offset: 4px;
}
.braced-gx-entry__title a:focus-visible {
	outline: 0;
}
.braced-gx-entry__summary {
	color: var(--wp--preset--color--contrast-2);
	font-size: var(--wp--preset--font-size--small);
	line-height: 1.5;
}

/* "More guides": a column per kind, its titles listed. */
.braced-gi-cols {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: var(--wp--preset--spacing--60) var(--wp--preset--spacing--60);
}
.braced-gi-cols--1 {
	grid-template-columns: minmax(0, 1fr);
	max-width: var(--braced-measure);
}
.braced-gi-cols--2 {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}
.braced-gi-cols--3 {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}
.braced-gi-col > * {
	margin-block: 0;
}
.braced-gi-col__title {
	padding-block-end: 12px;
	border-block-end: 2px solid var(--wp--preset--color--contrast);
	font-size: var(--wp--preset--font-size--large) !important;
}
.braced-gi-col .braced-gx-list {
	grid-template-columns: minmax(0, 1fr);
}
.braced-gi-col .braced-gx-entry:first-child {
	border-block-start: 0;
}
.braced-gi-col .braced-gx-entry {
	padding-block: 14px;
}
.braced-gi-col .braced-gx-entry__title {
	font-size: var(--wp--preset--font-size--medium) !important;
	line-height: 1.3;
}
.braced-gi-col__foot {
	padding-block-start: 4px;
	border-block-start: 1px solid var(--wp--preset--color--line);
}
.braced-gi-col__more {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 44px;
	font-weight: 650;
	text-decoration: none;
}
.braced-gi-col__more::after {
	content: "\2192";
}
@media (max-width: 1023px) {
	.braced-gi-cols,
	.braced-gi-cols--3 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.braced-gx-list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}
@media (max-width: 600px) {
	.braced-gi-cols,
	.braced-gi-cols--2,
	.braced-gi-cols--3,
	.braced-gx-list,
	.braced-gx-list--2 {
		grid-template-columns: minmax(0, 1fr);
	}
}

/* A versus inside the column: the sides' eyebrow lists every weather problem the product is
   tagged with ("Freezing rain / Power outages / …"), a storage-shaped label (rule 9). */
.braced-guide__article > .wp-block-afp-versus .afp-vs__eyebrow {
	display: none;
}

/* The section being read, marked in the contents rail. */
.braced-toc__list a[aria-current] {
	color: var(--wp--preset--color--accent);
	font-weight: 650;
}

/* Tap targets (rule 10): the header's kind link and list titles reach 44 px without looking
   heavier; the extra height is padding taken back by a negative margin, so nothing moves. */
.braced-page--guide .braced-head__kicker a {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	margin-block: -10px;
}
.braced-gx-entry__title a,
.braced-guide-about__line a {
	display: inline-block;
	padding-block: 12px;
	margin-block: -12px;
}
.braced-page--guide .braced-guide-card__title a {
	display: inline-block;
	padding-block: 12px;
	margin-block: -12px;
}
.braced-sources li + li {
	margin-block-start: 0;
}
.braced-sources a {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
}