/* Guide style for [pd_list style="guide"], [pd_author] and [pd_toc].
   Tables, buttons and fact lists come from the theme; this file only lays out the guide parts
   and borrows each theme's colour tokens (picked --p-*, whatitcosts --wic-*, heartland presets). */
.pd-guide, .pd-byline, .pd-toc {
	--pdg-accent: var(--p-accent, var(--wic-forest, var(--wp--preset--color--accent, currentColor)));
	--pdg-on-accent: var(--p-on-accent, var(--hg-on-accent, #fff));
	--pdg-line: var(--p-line, var(--wic-line, var(--wp--preset--color--line, rgba(127, 127, 127, .3))));
	--pdg-surface: var(--wp--preset--color--surface, transparent);
	--pdg-muted: var(--wp--preset--color--muted, inherit);
	--pdg-radius: var(--hg-radius, var(--wic-radius, 0px));
}

.pd-guide { margin-block: 2rem; }
.pd-guide__glance-title { margin: 0 0 .5rem; font-weight: 700; font-size: .85rem; letter-spacing: .06em; text-transform: uppercase; }
.pd-guide__glance { margin-bottom: 2.5rem; }
.pd-guide__glance .pd-table__cell--known { min-width: 14rem; }

.pd-guide .pd-guide__entries { list-style: none; margin: 0; padding: 0; display: grid; gap: 1.5rem; }
.pd-guide .pd-guide__entry {
	display: block;
	margin: 0;
	padding: clamp(1.25rem, 3vw, 2rem);
	border: 1px solid var(--pdg-line);
	border-radius: var(--pdg-radius);
	background: var(--pdg-surface);
	scroll-margin-top: 6rem;
}
.pd-guide .pd-guide__entry::before, .pd-guide .pd-guide__entry::marker { content: none; }
.pd-guide .pd-guide__entry > * { margin-block: 0; }
.pd-guide .pd-guide__entry > * + * { margin-top: 1rem; }
.pd-guide__head { display: grid; grid-template-columns: auto 1fr; column-gap: .9rem; align-items: center; }
.pd-guide__rank {
	grid-row: span 2;
	display: inline-grid; place-items: center;
	width: 2.75rem; height: 2.75rem;
	border-radius: var(--pdg-radius);
	background: var(--pdg-accent); color: var(--pdg-on-accent);
	font-weight: 700; font-size: 1.15rem; line-height: 1;
}
.pd-guide .pd-guide__head .pd-guide__name { grid-column: 2; margin: 0; font-size: clamp(1.25rem, 2.4vw, 1.6rem); line-height: 1.2; overflow-wrap: break-word; }
.pd-guide .pd-guide__head:not(:has(.pd-guide__rank)) .pd-guide__name,
.pd-guide .pd-guide__head:not(:has(.pd-guide__rank)) .pd-guide__sub { grid-column: 1 / -1; }
.pd-guide__link { color: inherit; text-decoration: none; }
.pd-guide__link:hover, .pd-guide__link:focus-visible { text-decoration: underline; }
.pd-guide .pd-guide__head .pd-guide__sub { grid-column: 2; margin: .2rem 0 0; color: var(--pdg-muted); font-size: .9rem; }
.pd-guide__known { padding: .75rem 1rem; border-left: 3px solid var(--pdg-accent); background: color-mix(in srgb, var(--pdg-accent) 7%, transparent); }
.pd-guide__known-label { font-weight: 700; }
.pd-guide .pd-guide__facts { display: grid; grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)); gap: 1rem 1.75rem; margin-inline: 0; padding: 1rem 0 0; border-top: 1px solid var(--pdg-line); }
.pd-guide .pd-guide__facts .pd-facts__item { display: block; margin: 0; padding: 0; border: 0; }
.pd-guide .pd-guide__facts .pd-facts__item--services,
.pd-guide .pd-guide__facts .pd-facts__item--credentials { grid-column: 1 / -1; }
.pd-guide .pd-guide__facts .pd-facts__label { display: block; margin: 0; font-size: .75rem; letter-spacing: .04em; text-transform: uppercase; color: var(--pdg-muted); }
.pd-guide .pd-guide__facts .pd-facts__value { margin: .2rem 0 0; font-size: .95rem; }
.pd-guide__actions { display: flex; flex-wrap: wrap; align-items: center; gap: .6rem 1rem; }
.pd-guide__button--call { background: transparent; color: inherit; border: 1px solid currentColor; }
.pd-guide__profile { font-weight: 600; }

.pd-byline { display: inline-flex; align-items: center; gap: .5rem; margin: 0; font-size: .9rem; }
.pd-byline__avatar {
	display: inline-grid; place-items: center; width: 1.75rem; height: 1.75rem; border-radius: 50%;
	background: var(--pdg-accent); color: var(--pdg-on-accent); font-weight: 700; font-size: .8rem;
}
.pd-byline__name { font-weight: 700; }

.pd-toc { margin: 1.5rem 0 2rem; padding: 1rem 1.25rem; border: 1px solid var(--pdg-line); border-radius: var(--pdg-radius); }
.pd-toc__title { cursor: pointer; font-weight: 700; }
.pd-toc__list { margin: .75rem 0 0; padding-left: 1.25rem; columns: 2 16rem; column-gap: 2rem; }
.pd-toc__item { break-inside: avoid; margin: 0 0 .35rem; }

/* Business profile: About and "Featured in these guides" */
.pd-profile__about { margin: 0 0 1rem; line-height: 1.65; }
.pd-profile__about-source { font-size: .9rem; color: var(--wp--preset--color--muted, inherit); }
.pd-profile__guides { list-style: none; margin: 0; padding: 0; display: grid; gap: .75rem; }
.pd-profile__guide { display: grid; gap: .2rem; padding: .85rem 1rem; border: 1px solid var(--p-line, var(--wic-line, var(--wp--preset--color--line, rgba(127,127,127,.3)))); border-radius: var(--hg-radius, var(--wic-radius, 0px)); }
.pd-profile__guide a { font-weight: 600; }
.pd-profile__guide-note { font-size: .9rem; color: var(--wp--preset--color--muted, inherit); }

/* Featured placement: a labelled slot above an A to Z list (a placement, not a rank). */
.pd-featured { margin-block: 2rem 2.5rem; }
.pd-featured .pd-featured__label {
	display: inline-block; margin: 0 0 .75rem; padding: .3rem .7rem;
	font-size: .75rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase;
	background: var(--p-accent, var(--wic-forest, var(--wp--preset--color--accent, #222)));
	color: var(--p-on-accent, var(--hg-on-accent, #fff));
	border-radius: var(--hg-radius, var(--wic-radius, 0px));
}
.pd-featured .pd-guide { margin-block: 0; }
.pd-featured .pd-guide .pd-guide__entry { border-width: 2px; border-color: var(--pdg-accent); }
.pd-featured .pd-featured__note { margin: .75rem 0 0; font-size: .875rem; opacity: .8; }

/* Outlet list for businesses with several branches (guide entries and profiles). */
.pd-outlets { list-style: none; margin: 0; padding: 0; display: grid; gap: .5rem; }
.pd-outlets .pd-outlets__item { margin: 0; padding: 0 0 .5rem; border-bottom: 1px solid var(--pdg-line, rgba(127,127,127,.25)); line-height: 1.45; }
.pd-outlets .pd-outlets__item:last-child { border-bottom: 0; padding-bottom: 0; }
.pd-outlets .pd-outlets__item::before, .pd-outlets .pd-outlets__item::marker { content: none; }
.pd-outlets .pd-outlets__name { display: block; }
.pd-outlets .pd-outlets__mrt { opacity: .75; }
.pd-outlets .pd-outlets__phone { display: inline-block; white-space: nowrap; }

/* Related guides block appended to every guide. */
.pd-related { margin-top: 3rem; padding-top: 1.5rem; border-top: 1px solid var(--p-line, var(--wic-line, var(--wp--preset--color--line, rgba(127,127,127,.3)))); }
.pd-related .pd-related__title { font-size: 1.25rem; margin: 0 0 .75rem; }
.pd-related .pd-related__title + .pd-related__list + .pd-related__title { margin-top: 1.75rem; }
.pd-related .pd-related__list { list-style: none; margin: 0; padding: 0; display: grid; gap: .5rem; }
.pd-related .pd-related__item { margin: 0; padding: 0; line-height: 1.4; }
.pd-related .pd-related__item::before, .pd-related .pd-related__item::marker { content: none; }
.pd-related .pd-related__site { font-size: .8rem; opacity: .7; margin-left: .35rem; white-space: nowrap; }