/* pixid Termageddon policy embed.

   Termageddon's embed renders native <details class="accordion"> /
   <summary class="accordion-summary"> inside our .policy_embed_div
   wrapper, and wraps the set in .accordions - which carries a 1px
   border + radius, with a border-bottom divider on each accordion.
   That box reads as a nested card inside page content, so we strip it
   and let the policy sit on the page like body copy.

   Every rule needs !important: Termageddon scopes its own CSS by the
   policy's base64 ID selector (#YldGaU1t... .accordions), which
   out-specifies anything we can write against the wrapper. We scope to
   .policy_embed_div rather than the ID so the same stylesheet works on
   every policy page and survives a policy being re-keyed. */

/* Outer box + rounded corners. */
.policy_embed_div .accordions {
	border: 0 !important;
	border-radius: 0 !important;
	margin: 1em 0 !important;
}

/* Divider line between each accordion. */
.policy_embed_div .accordion {
	border: 0 !important;
}

/* A little air between stacked accordions now that dividers are gone. */
.policy_embed_div .accordion + .accordion {
	margin-top: .4em !important;
}

/* Header: flush left with body copy, no grey hover fill. The
   disclosure triangle is left alone and still flips on open/close. */
.policy_embed_div .accordion-summary {
	padding: .35em 0 !important;
	background: none !important;
}

.policy_embed_div .accordion-summary:hover {
	background: none !important;
}

/* The grey fill was the hover/focus affordance; underline replaces it
   for both states so removing the box doesn't cost a visible focus
   indicator (WCAG 2.4.7). */
.policy_embed_div .accordion-summary:hover .accordion-heading,
.policy_embed_div .accordion-summary:focus-visible .accordion-heading {
	text-decoration: underline;
}

/* Body copy: indent under the header instead of inside a box. */
.policy_embed_div .accordion-content {
	padding: .25em 0 .9em 1.25em !important;
}