/* EmDash-specific additions for the WordPress-parity theme (design1).
   wp-live.css is the captured live CSS; everything here fills gaps that WordPress plugins
   or EmDash-only markup would otherwise leave unstyled. */

/* --- Share bar: subset of AddToAny 1.16 (addtoany.min.css) for the static share links --- */
.addtoany_list{display:inline;line-height:16px}
.addtoany_list a{border:0;box-shadow:none;display:inline-block;font-size:16px;padding:0 4px;vertical-align:middle;text-decoration:none}
.addtoany_list a span{display:inline-block;float:none}
.addtoany_list.a2a_kit_size_32 a{font-size:32px}
.addtoany_list.a2a_kit_size_32 a>span{height:32px;line-height:32px;width:32px}
.addtoany_list a>span{border-radius:4px;display:inline-block;opacity:1}
.addtoany_list.a2a_kit_size_32{line-height:32px}
.addtoany_list a svg{width:32px;height:32px}
.addtoany_list a:hover,.addtoany_list a:focus{background:none;border:0;box-shadow:none}
.addtoany_list a:hover span{opacity:.7}
.addtoany_share_save_container{clear:both;margin:16px 0}

/* --- EmDash "buttons" block → same look as the live core/button (wp-block-button__link) --- */
/* every core/buttons block on the WP site is centred (justification is lost by the WXR import) */
.wp-block-post-content .emdash-buttons{display:flex!important;flex-wrap:wrap;gap:.5em;justify-content:center!important;margin:1.2rem 0 0!important}
.wp-block-post-content a.emdash-button,
.wp-block-post-content a.emdash-button:visited{
	--emdash-button-bg:#101828;--emdash-button-color:#fff;
	display:inline-flex;align-items:center;justify-content:center;
	background:#101828;color:#fff;border:1px solid #101828;border-radius:.75rem;
	padding:.5rem 1rem!important;font-size:.875rem;font-weight:500;line-height:1.25!important;
	text-decoration:none;box-shadow:none;text-align:center}
.wp-block-post-content a.emdash-button:hover,
.wp-block-post-content a.emdash-button:focus-visible{background:#364153;color:#fff;text-decoration:none}
.wp-block-post-content a.emdash-button.emdash-button--outline{background:transparent;color:#101828;border:1px solid #e5e7eb}

/* EmDash renders figures/tables/code with its own scoped classes; keep them inside the
   constrained content width like WordPress blocks. */
.wp-block-post-content img{max-width:100%;height:auto}

/* --- EmDash table block → plain <table> as on the live site (WP classic HTML table,
   browser defaults). Keeps EmDash's horizontal scroll wrapper for narrow screens. --- */
.wp-block-post-content>.emdash-table-wrapper{margin-block:1.2rem 0 !important}
.wp-block-post-content .emdash-table{inline-size:100% !important;border-collapse:separate !important;border-spacing:2px !important;font-size:inherit !important;min-width:0!important}
.wp-block-post-content .emdash-table th,
.wp-block-post-content .emdash-table td{position:static !important;border:0 !important;padding:1px !important;vertical-align:middle !important;background:none !important}
.wp-block-post-content .emdash-table th{text-align:center !important;font-weight:700 !important}
.wp-block-post-content .emdash-table td{text-align:start !important}
.wp-block-post-content .emdash-table tbody tr:nth-child(even),
.wp-block-post-content .emdash-table tbody tr:hover{background:none !important}
.wp-block-post-content .emdash-table th p,.wp-block-post-content .emdash-table td p{margin:0 !important;font:inherit !important;padding:0 !important;border:0 !important;background:none !important;color:inherit !important}

/* design2: wp-live.css appends block CSS (search label width:100%) after the global
   .screen-reader-text rule; on live the global rule wins by load order. Re-assert it. */
.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-break:normal!important}
.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}


/* design2: core/html blocks render raw on WP (no wrapper); EmDash wraps them in
   .emdash-html-block; display:contents makes its children lay out as direct flow children
   (block-gap 1.2rem top / 0 bottom), as on WP. */
.wp-block-post-content>.emdash-html-block{display:contents}
.wp-block-post-content>.emdash-html-block>*{margin-block:1.2rem 0}

/* design2: WP renders <hr> with the UA default (1px inset, block-gap margin); EmDash's break
   block uses a 1px top rule and 2rem margins. */
.wp-block-post-content>hr.emdash-break{border:1px inset!important;margin-block:1.2rem 0!important}