/* WordPress HTML adapters of Valyro Alert, Accordion, PullQuote, Tabs and DataTable.
 * Manacost tokens are confined to each component; the site's fonts are inherited. */
.hs-article-component { box-sizing: border-box; max-width: 100%; min-width: 0; margin: 24px 0; color: var(--ui-fg); font-family: inherit; font-size: inherit; line-height: 1.6; overflow-wrap: anywhere; --hs-v-pad: 16px; }
.hs-article-component *, .hs-article-component *::before, .hs-article-component *::after { box-sizing: border-box; }
.hs-article-component[data-width="narrow"] { max-width: 560px; margin-inline: auto; }
/* Keep WordPress/Blocksy's article measure instead of widening to the page shell. */
.is-layout-constrained > .hs-article-component:where(:not(.alignfull):not(.alignwide)) { max-width: min(100%, var(--wp--style--global--content-size, 100%)); }
.is-layout-constrained > .hs-article-component[data-width="narrow"] { width: var(--theme-block-width, 100%); max-width: min(100%, 560px, var(--wp--style--global--content-size, 100%)); }
.hs-article-component[data-density="compact"] { --hs-v-pad: 10px; }
.hs-article-component .hs-v-body p { margin: 0 0 10px; font-size: inherit; line-height: inherit; }
.hs-article-component .hs-v-body p:last-child { margin-bottom: 0; }
.hs-article-component .hs-v-title { margin: 0 0 8px; font-weight: 700; color: inherit; font-size: inherit; line-height: 1.5; }
.hs-article-component :focus-visible, .hs-article-component:focus-visible { outline: 2px solid var(--ui-focus-color); outline-offset: 3px; }
.hs-v-alert { border: 1px solid var(--ui-info); border-radius: var(--ui-radius-md); background: var(--ui-info-soft); padding: var(--hs-v-pad); }
.hs-v-alert[data-tone="warning"] { border-color: var(--ui-warning); background: var(--ui-warning-soft); }
.hs-v-alert[data-tone="success"] { border-color: var(--ui-success); background: var(--ui-success-soft); }
.hs-v-spoiler { border-block: 1px solid var(--ui-border-strong); padding: 0 2px; }
.hs-v-spoiler > summary.hs-v-title { display: list-item; cursor: pointer; padding: var(--hs-v-pad) 4px; margin: 0; min-height: 48px; }
.hs-v-spoiler > summary::marker { color: var(--ui-primary); }
.hs-v-spoiler > .hs-v-body { padding: 0 4px var(--hs-v-pad); }
.hs-v-quote { border-inline-start: var(--ui-editorial-rule-width, 3px) solid var(--ui-primary); padding: var(--hs-v-pad); }
.hs-v-quote[data-align="center"] { text-align: center; }
.hs-v-quote .hs-v-quote-text { margin: 0; padding: 0; border: 0; color: inherit; font-family: inherit; font-style: normal; font-size: clamp(18px, 1.3em, 26px); line-height: 1.5; background: transparent; }
.hs-v-quote .hs-v-quote-text::before, .hs-v-quote .hs-v-quote-text::after { content: none; }
.hs-v-quote .hs-v-quote-text p { margin: 0 0 8px; font-size: inherit; line-height: inherit; color: inherit; }
.hs-v-quote figcaption { color: var(--ui-fg-muted); font-size: 14px; margin-top: 8px; }
.hs-v-quote figcaption::before { content: '— '; }
.hs-v-tabs { border-top: 3px solid var(--ui-primary); }
.hs-v-tablist { display: flex; flex-wrap: wrap; gap: 4px; padding: 4px 0; border-bottom: 1px solid var(--ui-border-strong); }
.hs-v-tablist > button { appearance: none; font: inherit; font-weight: 600; color: var(--ui-fg-muted); background: transparent; border: 0; border-bottom: 3px solid transparent; border-radius: 0; padding: 10px 12px; min-height: 44px; min-width: 44px; max-width: 100%; white-space: normal; overflow-wrap: anywhere; cursor: pointer; box-shadow: none; text-transform: none; }
.hs-v-tablist > button[aria-selected="true"] { border-bottom-color: var(--ui-active-indicator); color: var(--ui-fg); background: var(--ui-info-soft); }
.hs-v-panel { padding: var(--hs-v-pad) 0; }
.hs-v-tabs[data-enhanced] > .hs-v-panel > .hs-v-tab-title { display: none; }
.hs-v-tabs > .hs-v-panel[hidden] { display: none !important; }
.hs-v-table { overflow-x: auto; border-top: 3px solid var(--ui-primary); }
.hs-article-component.hs-v-table table { border-collapse: collapse; width: 100%; table-layout: auto; margin: 0; font: inherit; color: inherit; }
.hs-article-component.hs-v-table caption { color: var(--ui-fg); padding: var(--hs-v-pad) 0; font-weight: 700; text-align: start; caption-side: top; }
.hs-article-component.hs-v-table :is(th, td) { border: 1px solid var(--ui-border-strong); padding: var(--hs-v-pad); min-width: 100px; vertical-align: top; text-align: start; font: inherit; }
.hs-article-component.hs-v-table th { background: var(--ui-data-table-head-bg); color: var(--ui-data-table-head-fg); font-weight: 700; }
.hs-v-table tbody tr:nth-child(even) { background: var(--ui-info-soft); }
@media print { .hs-v-tablist { display: none; } .hs-v-tabs[data-enhanced] > .hs-v-panel > .hs-v-tab-title, .hs-v-tabs > .hs-v-panel[hidden] { display: block !important; } .hs-v-table { overflow: visible; } }
/* Editorial rhythm shared by the editor canvas and both site themes. */
.hs-article-component { --hs-v-pad: 20px; margin-block: 28px; }
.hs-article-component[data-density="compact"] { --hs-v-pad: 12px; }
.hs-v-alert { border-radius: var(--ui-radius-md); border-inline-start-width: 3px; }
.hs-article-component .hs-v-title { font-size: 1.05em; line-height: 1.45; margin-bottom: 10px; }
.hs-article-component .hs-v-body > :last-child { margin-bottom: 0; }
.hs-v-spoiler > summary { display: list-item; padding-inline: 8px; }
.hs-v-quote { border-inline-start-width: 2px; padding-inline-start: 24px; }
.hs-v-tabs { border-top: 0; }
.hs-v-tablist { gap: 8px; }
.hs-v-tablist > button { border-radius: 4px 4px 0 0; }
.hs-v-table { border-top: 0; }
.hs-article-component.hs-v-table :is(th, td) { border-inline: 0; }
.hs-v-table tbody tr:nth-child(even) { background: transparent; }
.hs-v-author { display: grid; grid-template-columns: 80px minmax(0, 1fr); gap: 20px; border-block: 1px solid var(--ui-border-strong); padding-block: var(--hs-v-pad); }
.hs-v-author .hs-v-avatar, .hs-v-author .hs-v-initials { width: 80px; height: 80px; border-radius: 50%; margin: 0; object-fit: cover; }
.hs-v-author .hs-v-initials { display: grid; place-items: center; background: var(--ui-info-soft); color: var(--ui-primary); font-weight: 700; font-size: 24px; }
.hs-v-author .hs-v-author-name { font: inherit; font-size: 1.2em; font-weight: 700; line-height: 1.35; margin: 0 0 4px; color: var(--ui-fg); }
.hs-v-author .hs-v-author-role { font: inherit; color: var(--ui-fg-muted); font-size: .875em; margin: 0 0 12px; }
.hs-v-author .hs-v-author-bio p { font: inherit; margin: 0 0 12px; }
.hs-v-author a.hs-v-social { display: inline-flex; align-items: center; min-height: 44px; padding: 10px 16px; border: 1px solid var(--ui-primary); border-radius: var(--ui-radius-md); background: transparent; color: var(--ui-primary); text-decoration: none; font: inherit; font-size: .875em; font-weight: 600; overflow-wrap: anywhere; }
.hs-v-author a.hs-v-social:hover { background: var(--ui-info-soft); }
.hs-v-author a.hs-v-social:focus-visible { outline: 2px solid var(--ui-focus-color); outline-offset: 4px; }
@media (max-width: 480px) { .hs-v-author { grid-template-columns: 56px minmax(0, 1fr); gap: 12px; } .hs-v-author .hs-v-avatar, .hs-v-author .hs-v-initials { width: 56px; height: 56px; } }

/* Em sizing follows the surrounding font even inside headings, links and lists. */
img.hs-inline-image { display: inline-block !important; height: 1em !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; max-height: 1em !important; vertical-align: -.15em !important; margin: 0 .12em !important; padding: 0 !important; border: 0; float: none !important; object-fit: contain; }
@media (max-width: 600px) {
 .hs-v-tablist { flex-wrap: nowrap; overflow-x: auto; gap: 4px; padding: 4px 2px; scroll-padding-inline: 2px; }
 .hs-v-tablist > button { flex: 0 0 auto; max-width: 80%; padding: 8px 10px; font-size: .875em; line-height: 1.35; }
 .hs-v-panel { padding-block: 14px; }
}

.hs-v-panel > img { display: block; max-width: 100%; height: auto; margin-block: 0 12px; }
@media (max-width: 600px) {
 .hs-v-component-box > .su-box-content { padding: 12px; }
 .hs-v-component-box .hs-v-tabs { margin-block: 16px; }
 .hs-v-component-box .su-box-content > p[data-hs-v-spacer] { display: none; }
}

/* Article decoration shares the scoped Manacost palette and native HTML. */
.hs-article-component.hs-v-divider { display: flex; align-items: center; gap: 14px; padding-block: var(--hs-v-pad); color: var(--ui-fg-muted); }
.hs-v-divider::before, .hs-v-divider::after { content: ''; flex: 1 1 24px; border-top: 1px solid var(--ui-border-strong); }
.hs-v-divider[data-divider-style="dots"]::before, .hs-v-divider[data-divider-style="dots"]::after { border-top: 2px dotted var(--ui-primary); }
.hs-v-divider[data-divider-style="ornament"]::before, .hs-v-divider[data-divider-style="ornament"]::after { border-color: var(--ui-primary); }
.hs-v-divider .hs-v-divider-label { flex: 0 1 auto; max-width: 75%; min-width: 0; text-align: center; font-size: .875em; font-weight: 600; }
.hs-v-divider .hs-v-divider-ornament { flex: 0 0 auto; color: var(--ui-primary); font-size: 10px; }
.hs-article-component .hs-v-items { list-style: none; padding: 0; margin: 0; font: inherit; }
.hs-article-component .hs-v-items > li { display: grid; grid-template-columns: 1.8em minmax(0, 1fr); align-items: start; gap: 10px; padding-block: calc(var(--hs-v-pad) / 2); margin: 0; font: inherit; list-style: none; }
.hs-article-component .hs-v-item-marker { display: grid; place-items: center; min-width: 0; color: var(--ui-primary); font-weight: 700; }
.hs-article-component .hs-v-item-text { min-width: 0; }
.hs-article-component.hs-v-steps .hs-v-items { display: grid; gap: 8px; }
.hs-article-component.hs-v-steps .hs-v-items > li { padding: var(--hs-v-pad); border: 1px solid var(--ui-border-strong); border-radius: var(--ui-radius-md); }
.hs-v-steps .hs-v-item-marker { border-radius: 50%; background: var(--ui-info-soft); font-size: .875em; line-height: 1; min-height: 1.8em; margin-top: .2em; }
.hs-article-component.hs-v-callout { padding: var(--hs-v-pad); border: 1px solid var(--ui-border-strong); border-inline-start: 3px solid var(--ui-primary); border-radius: var(--ui-radius-md); background: var(--ui-info-soft); }
.hs-v-callout[data-tone="warning"] { border-inline-start-color: var(--ui-warning); background: var(--ui-warning-soft); }
.hs-v-callout[data-tone="success"] { border-inline-start-color: var(--ui-success); background: var(--ui-success-soft); }
.hs-v-callout a.hs-v-action { display: inline-flex; align-items: center; justify-content: center; max-width: 100%; min-height: 44px; padding: 10px 16px; margin-top: 16px; border: 1px solid var(--ui-primary); border-radius: var(--ui-radius-md); color: var(--ui-primary); background: transparent; font: inherit; font-weight: 600; line-height: 1.4; text-decoration: none; text-align: center; }
.hs-v-callout a.hs-v-action:hover { text-decoration: underline; text-underline-offset: 3px; }