/*
Theme Name: Membership MCP Theme
Author: caseproof-devs
Author URI: https://caseproof.com
Template: maurice
Tags: full-site-editing, editor-style, block-styles, block-patterns
Requires at least: 6.5
Requires PHP: 8.2
Tested up to: 6.9
Version: 0.1.0

License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/*
 * The design system is assets/css/mmcp.css (the Astro site's CSS, ported and retargeted by tools/port-css.py) and
 * assets/css/orbits.css (the orbit motif, generated). This file, which the parent enqueues first, carries what the
 * port cannot express: the WordPress and Maurice defaults neutralized, the icons as CSS masks, core/navigation laid
 * out as the Astro header and footer, the query loop as the post cards, the drawings as backgrounds, and the few
 * places where a core block wraps an element the Astro markup did not have.
 */

/* ==== 1. WordPress and Maurice defaults, neutralized ==== */
.wp-site-blocks{padding:0;margin:0;word-break:normal}
.wp-site-blocks > *{margin-block:0}
:where(.wp-site-blocks) > *{margin-block-start:0;margin-block-end:0}
body{padding:0;margin:0}
button{letter-spacing:normal;max-width:none;border-radius:0;width:auto;text-align:center}
input,select,textarea{width:auto;border:revert;border-radius:revert;padding:revert;font-size:revert;background-color:revert}
textarea{min-height:revert;height:revert;max-width:revert}
label{font-weight:revert}
:where(:disabled,[disabled]){opacity:1;cursor:default;pointer-events:auto}
:where(.is-layout-flow) > *,:where(.is-layout-constrained) > *{margin-block-start:0;margin-block-end:0}
:where(.is-layout-constrained) > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width:none;margin-left:0;margin-right:0}
:where(.wp-block-group,.wp-block-post-content,.entry-content){margin:0}
.wp-block-post-content{display:block}
:where(.wp-block-heading,.wp-block-post-title,.wp-block-paragraph,.wp-block-image,.wp-block-image figcaption,.wp-block-table,.wp-block-spacer,.wp-block-query-title,.wp-block-post-excerpt,.wp-block-post-date,.wp-block-post-terms,.wp-block-post-author-name,.wp-block-post-author-biography,.wp-block-term-description,.wp-block-site-title){margin:0}
:where(.wp-block-list){padding:0;list-style:none}
.wp-block-details summary{list-style:none}
.wp-block-details summary::-webkit-details-marker{display:none}
.wp-block-details summary::marker{content:""}
.wp-block-separator{border:0;border-top:1px solid var(--line);margin:0;width:auto;opacity:1;background:none}
.wp-block-image{margin:0}
.wp-block-image img{max-width:100%;height:auto}
.prose .wp-block-quote{margin-left:40px;margin-right:40px;margin-bottom:1em;padding:4px 0 4px 20px;border-left:1px solid var(--line-3);color:var(--muted);font-weight:400;font-style:normal;font-size:inherit} /* the browser's blockquote margins, which the Astro CSS never reset */
.prose .wp-block-quote p{margin:0}
.prose .wp-block-quote p+p{margin-top:1.1em}
.wp-block-code{font-family:var(--mono)}
.wp-block-code code{font-family:var(--mono);display:inline;white-space:inherit;overflow-wrap:normal}
.admin-bar .nav{top:var(--wp-admin--admin-bar-height,32px)}
a:focus-visible,button:focus-visible{outline:2px solid var(--brass);outline-offset:3px;border-radius:4px}
.maurice-collapsible-header,.maurice-collapsible-panel{display:none}
.pb-band{padding-bottom:var(--band)}
.pt-band{padding-top:var(--band)}
.cta.center-row,.center-row{justify-content:center;margin-top:0}

/* ==== 2. Buttons: core/button wrappers vanish so the links sit in the Astro containers ==== */
.wp-block-buttons,.wp-block-button,.wp-block-buttons>.wp-block-button{display:contents;margin:0}
.wp-block-button__link{box-shadow:none;text-decoration:none;border:0}
.wp-block-button__link:where(:not(.sm>*):not(.lg>*)){height:48px}
.wp-block-buttons .wp-block-button__link{width:auto}

/* ==== 3. Icons: the 31 stroke icons as masks (background: currentColor), keyed by icon-<name> / i-<name> ==== */
.icon-arrow,.i-arrow,li:has(>.i-arrow){--ic:url(assets/icons/arrow.svg)}
.icon-arrow-left,.i-arrow-left{--ic:url(assets/icons/arrow-left.svg)}
.icon-check,.i-check,li:has(>.i-check){--ic:url(assets/icons/check.svg)}
.icon-plus,.i-plus{--ic:url(assets/icons/plus.svg)}
.icon-chevron,.i-chevron{--ic:url(assets/icons/chevron.svg)}
.icon-menu,.i-menu{--ic:url(assets/icons/menu.svg)}
.icon-close,.i-close{--ic:url(assets/icons/close.svg)}
.icon-external,.i-external{--ic:url(assets/icons/external.svg)}
.icon-search,.i-search{--ic:url(assets/icons/search.svg)}
.icon-copy,.i-copy{--ic:url(assets/icons/copy.svg)}
.icon-user,.i-user,li:has(>.i-user){--ic:url(assets/icons/user.svg)}
.icon-renew,.i-renew{--ic:url(assets/icons/renew.svg)}
.icon-plan,.i-plan{--ic:url(assets/icons/plan.svg)}
.icon-lock,.i-lock,li:has(>.i-lock){--ic:url(assets/icons/lock.svg)}
.icon-chart,.i-chart{--ic:url(assets/icons/chart.svg)}
.icon-mail,.i-mail{--ic:url(assets/icons/mail.svg)}
.icon-settings,.i-settings{--ic:url(assets/icons/settings.svg)}
.icon-grid,.i-grid{--ic:url(assets/icons/grid.svg)}
.icon-tools,.i-tools,li:has(>.i-tools){--ic:url(assets/icons/tools.svg)}
.icon-box,.i-box{--ic:url(assets/icons/box.svg)}
.icon-shield,.i-shield{--ic:url(assets/icons/shield.svg)}
.icon-doc,.i-doc{--ic:url(assets/icons/doc.svg)}
.icon-clock,.i-clock,li:has(>.i-clock),p:has(>.i-clock){--ic:url(assets/icons/clock.svg)}
.icon-info,.i-info{--ic:url(assets/icons/info.svg)}
.icon-tag,.i-tag,li:has(>.i-tag){--ic:url(assets/icons/tag.svg)}
.icon-download,.i-download{--ic:url(assets/icons/download.svg)}
.icon-draft,.i-draft{--ic:url(assets/icons/draft.svg)}
.icon-log,.i-log{--ic:url(assets/icons/log.svg)}
.icon-rocket,.i-rocket{--ic:url(assets/icons/rocket.svg)}
.icon-sites,.i-sites{--ic:url(assets/icons/sites.svg)}
.icon-wand,.i-wand{--ic:url(assets/icons/wand.svg)}
/* the mask itself, on every pseudo-element that draws an icon */
.wp-block-button[class*="icon-"]>.wp-block-button__link::after,.wp-block-button.icon-copy>.wp-block-button__link::before,.wp-block-button.icon-arrow-left>.wp-block-button__link::before,
.more::after,.more.back::before,.fcard[class*="icon-"]::before,.job[class*="icon-"]::before,.ticks li::before,.guard li::before,.plan li::before,.callout::before,.faq summary::after,
.nx-tag::before,.family-list li::before,footer.site .wp-block-navigation__submenu-container a[rel~=noopener]::after,.author-head .links .more::after,
header.nav .wp-block-navigation-submenu__toggle::before,header.nav .wp-block-navigation__responsive-container-open::before{content:"";display:block;flex:none;width:20px;height:20px;background-color:currentColor;-webkit-mask:var(--ic) no-repeat center/contain;mask:var(--ic) no-repeat center/contain}
.wp-block-button.icon-copy>.wp-block-button__link::after,.wp-block-button.icon-arrow-left>.wp-block-button__link::after,.more.back::after{content:none}
.wp-block-button[class*="icon-"]>.wp-block-button__link::after,.wp-block-button.icon-copy>.wp-block-button__link::before,.wp-block-button.icon-arrow-left>.wp-block-button__link::before{width:16px;height:16px}
.more::after,.more.back::before{width:16px;height:16px;color:var(--muted);background-color:var(--muted);transition:transform .2s var(--ease)}
.more:hover::after{transform:translate(3px)}
.more.back{--ic:url(assets/icons/arrow-left.svg)}
.more:not(.back){--ic:url(assets/icons/arrow.svg)}
.fcard[class*="icon-"]::before{width:24px;height:24px;background-color:var(--accent-fg);margin-bottom:16px}
.job[class*="icon-"]::before{width:24px;height:24px;background-color:var(--accent-fg);margin-top:2px}
.ticks li::before,.guard li::before{width:18px;height:18px;background-color:var(--accent-fg);margin-top:3px}
.ticks li,.guard li,.plan li{--ic:url(assets/icons/check.svg)}
.ticks.i-arrow li{--ic:url(assets/icons/arrow.svg)}
.ticks.i-clock li{--ic:url(assets/icons/clock.svg)}
.ticks.you li::before{content:none}
.plan li::before{width:16px;height:16px;background-color:var(--accent-fg);margin-top:3px}
.callout::before{width:18px;height:18px;background-color:var(--accent-fg);margin-top:2px}
.faq summary::after{width:18px;height:18px;background-color:var(--soft);transition:transform .25s var(--ease);--ic:url(assets/icons/plus.svg)}
.faq details[open] summary::after{transform:rotate(45deg)}
.nx-tag::before{width:14px;height:14px}
.family-list li::before{width:20px;height:20px}
footer.site .wp-block-navigation__submenu-container a[rel~=noopener]::after{width:12px;height:12px;background-color:var(--soft);--ic:url(assets/icons/external.svg)}
.author-head .links .more::after{--ic:url(assets/icons/external.svg)}

/* ==== 4. The lockup (core/site-title): mark + wordmark as one mask in the current color ==== */
.lockup{display:inline-flex;align-items:center;margin-right:28px}
.lockup a{display:block;width:187.28px;height:26px;overflow:hidden;color:inherit;font-size:0;line-height:0;background-color:currentColor;-webkit-mask:url(assets/images/lockup.svg) no-repeat 0 0/100% 100%;mask:url(assets/images/lockup.svg) no-repeat 0 0/100% 100%}
footer.site .brand p.lockup{margin:0;display:inline-block;overflow:hidden;height:26px;vertical-align:baseline} /* an inline-block with overflow hidden puts its baseline at its bottom edge, where the inline SVG's was */

/* ==== 5. Header: core/navigation as the Astro menu (hover and click open; the overlay on phones is core's) ==== */
header.nav{display:block}
header.nav .wrap{align-items:center;gap:8px;height:64px;display:flex}
header.nav .acts{margin-left:auto}
header.nav .acts .is-style-ghost>.wp-block-button__link{font-weight:500}
header.nav .wp-block-navigation{position:static;font-size:.9375rem;display:block}
header.nav .wp-block-navigation__responsive-container-open{display:none}
header.nav .wp-block-navigation__responsive-container:not(.is-menu-open){display:contents}
header.nav .wp-block-navigation__responsive-container:not(.is-menu-open) :is(.wp-block-navigation__responsive-close,.wp-block-navigation__responsive-dialog,.wp-block-navigation__responsive-container-content){display:contents}
header.nav .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__responsive-container-close{display:none}
header.nav .wp-block-navigation__responsive-container:not(.is-menu-open)>.wp-block-navigation__responsive-close>.wp-block-navigation__responsive-dialog>.wp-block-navigation__responsive-container-content>.wp-block-navigation__container{display:flex;align-items:center;gap:4px;padding:0;margin:0}
header.nav .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container>.wp-block-navigation-item{position:relative;display:inline-flex;align-items:center;gap:5px;height:36px;padding:0 12px;border-radius:6px;color:var(--muted);font-size:.9375rem;font-weight:500;transition:color .15s,background-color .15s;background:none}
header.nav .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container>.wp-block-navigation-item:hover,
header.nav .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container>.wp-block-navigation-item:has(>[aria-expanded=true]){color:var(--ink);background:var(--panel)}
header.nav .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container>.wp-block-navigation-item.current-menu-item,
header.nav .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container>.wp-block-navigation-item:has(.current-menu-item){color:var(--ink)}
header.nav .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container>.wp-block-navigation-item>.wp-block-navigation-item__content{display:block;padding:0;margin:0;color:inherit;text-decoration:none;cursor:default}
header.nav .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container>.wp-block-navigation-item>a[href]{cursor:pointer}
header.nav .wp-block-navigation__submenu-icon{display:block;width:14px;height:14px;margin:0;padding:0;border:0;background:none;color:var(--soft);line-height:0;cursor:pointer}
header.nav .wp-block-navigation__submenu-icon svg{display:none}
header.nav .wp-block-navigation-submenu__toggle::before{width:14px;height:14px;--ic:url(assets/icons/chevron.svg);transition:transform .2s var(--ease)}
header.nav .wp-block-navigation-item:hover>.wp-block-navigation-submenu__toggle::before,header.nav .wp-block-navigation-submenu__toggle[aria-expanded=true]::before{transform:rotate(180deg)}
/* the panels */
header.nav .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container>.has-child>.wp-block-navigation__submenu-container{position:absolute;top:calc(100% + 10px);left:0;z-index:60;display:block;width:320px;height:auto;min-width:0;max-width:none;padding:20px;margin:0;background:var(--bg);color:var(--ink);border:0;border-radius:var(--r-panel);box-shadow:var(--shadow),inset 0 0 0 1px var(--line-2);opacity:0;visibility:hidden;overflow:visible;transform:translateY(-4px);transition:opacity .18s var(--ease),transform .18s var(--ease),visibility 0s .18s;font-size:1rem;font-weight:400;text-align:left}
header.nav .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container>.has-child:hover>.wp-block-navigation__submenu-container,
header.nav .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container>.has-child>[aria-expanded=true]~.wp-block-navigation__submenu-container{opacity:1;visibility:visible;transform:none;transition:opacity .18s var(--ease),transform .18s var(--ease),visibility 0s;width:320px;height:auto;min-width:0}
header.nav .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container>.has-child:has(>.wp-block-navigation__submenu-container>.has-child)>.wp-block-navigation__submenu-container{width:680px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr;column-gap:20px;row-gap:10px;align-items:start}
header.nav .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container>.has-child:has(>.wp-block-navigation__submenu-container>.has-child):hover>.wp-block-navigation__submenu-container,
header.nav .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container>.has-child:has(>.wp-block-navigation__submenu-container>.has-child)>[aria-expanded=true]~.wp-block-navigation__submenu-container{width:680px}
/* items in a panel */
header.nav .wp-block-navigation__submenu-container .wp-block-navigation-item{display:block;position:static;background:none;height:auto;padding:0}
header.nav .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content{display:block;flex-grow:0;padding:9px 12px;margin:0;border-radius:8px;transition:background-color .15s;color:inherit}
header.nav .wp-block-navigation__submenu-container>.wp-block-navigation-item>a:hover{background:var(--panel)}
header.nav .wp-block-navigation__submenu-container .wp-block-navigation-item__label{display:block;color:var(--ink);font-size:.9375rem;font-weight:500;line-height:1.3}
header.nav .wp-block-navigation__submenu-container .wp-block-navigation-item__description{display:block;color:var(--soft);margin-top:2px;font-size:.8125rem;line-height:1.4}
/* the mega panel's groups: a nested submenu is a labeled list, the one with className box is the boxed group */
header.nav .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container .wp-block-navigation__submenu-container>.has-child>.wp-block-navigation-item__content{padding:8px 12px 6px;border-radius:0;cursor:default}
header.nav .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container .wp-block-navigation__submenu-container>.has-child>.wp-block-navigation-item__content:hover{background:none}
header.nav .wp-block-navigation__submenu-container>.has-child>.wp-block-navigation-item__content .wp-block-navigation-item__label{letter-spacing:.08em;text-transform:uppercase;color:var(--soft);font-size:.6875rem;font-weight:600;line-height:1.5}
header.nav .wp-block-navigation__submenu-container>.has-child>.wp-block-navigation__submenu-icon{display:none}
header.nav .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{position:static;display:block;width:auto;height:auto;min-width:0;padding:0;margin:0;background:none;box-shadow:none;border:0;opacity:1;visibility:inherit;transform:none;transition:none;overflow:visible} /* inherit, not visible: a visible child of a hidden panel still takes the pointer, and the closed Product panel opened from the hero below the bar */
header.nav .wp-block-navigation__submenu-container>.has-child{grid-column:1}
header.nav .wp-block-navigation__submenu-container>.has-child.box{grid-column:2;grid-row:1/span 2;background:var(--panel);box-shadow:inset 0 0 0 1px var(--line);border-radius:12px;padding:8px}
header.nav .wp-block-navigation__submenu-container>.box>.wp-block-navigation-item__content .wp-block-navigation-item__label{color:var(--accent-fg)}
header.nav .box .wp-block-navigation__submenu-container>.wp-block-navigation-item>a:hover{background:var(--panel-2)}
header.nav .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container .wp-block-navigation__submenu-container>.menu-more>.wp-block-navigation-item__content{display:inline-flex;align-items:center;gap:6px;margin:10px 12px 6px;padding:0;border-radius:0;color:var(--ink);font-weight:500;font-size:.9375rem;transition:gap .15s var(--ease)}
header.nav .wp-block-navigation__submenu-container>.menu-more>.wp-block-navigation-item__content:hover{background:none}
header.nav .wp-block-navigation__submenu-container>.menu-more .wp-block-navigation-item__label{font-size:.9375rem;line-height:1.5;color:var(--ink)}
header.nav .wp-block-navigation__submenu-container>.menu-more>.wp-block-navigation-item__content::after{content:"";display:block;flex:none;width:16px;height:16px;background-color:var(--muted);-webkit-mask:url(assets/icons/arrow.svg) no-repeat center/contain;mask:url(assets/icons/arrow.svg) no-repeat center/contain;transition:transform .2s var(--ease)}
header.nav .wp-block-navigation__submenu-container>.menu-more>.wp-block-navigation-item__content:hover::after{transform:translate(3px)}
/* phones and small laptops: the menu collapses into core's overlay behind a 40px burger, after the two buttons */
@media (max-width:1024px){
header.nav .lockup{margin-right:0}
header.nav .acts .is-style-ghost{display:none}
header.nav .wp-block-navigation{order:3}
header.nav .acts{margin-left:8px}
header.nav .wp-block-navigation .wp-block-navigation__responsive-container:not(.is-menu-open){display:none}
header.nav .wp-block-navigation .wp-block-navigation__responsive-container-open{display:inline-flex;justify-content:center;align-items:center;width:40px;height:40px;padding:0;border:0;background:none;color:var(--ink);border-radius:var(--r-control);cursor:pointer}
header.nav .wp-block-navigation .wp-block-navigation__responsive-container-open:hover{background:var(--panel)}
header.nav .wp-block-navigation__responsive-container-open svg{display:none}
header.nav .wp-block-navigation__responsive-container-open::before{width:22px;height:22px;--ic:url(assets/icons/menu.svg)}
:root header.nav .wp-block-navigation__responsive-container.is-menu-open{background-color:var(--bg)!important;color:var(--ink)!important}
header.nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__description{display:none}
}
@media (max-width:380px){header.nav .acts .is-style-brass{display:none}}

/* ==== 6. Footer: core/navigation as the four link columns ==== */
footer.site{display:block}
footer.site .wp-block-navigation,footer.site .wp-block-navigation>.wp-block-navigation__container{display:contents}
footer.site .top .wp-block-navigation__container>.wp-block-navigation-item{grid-column:span 2;display:block;position:static;background:none}
footer.site .wp-block-navigation .wp-block-navigation__container>.wp-block-navigation-item>.wp-block-navigation-item__content{display:block;padding:0;margin:0 0 18px;letter-spacing:.08em;text-transform:uppercase;color:var(--soft);font-size:.6875rem;font-weight:600;cursor:default}
footer.site .wp-block-navigation .wp-block-navigation__container .has-child>.wp-block-navigation__submenu-container{position:static;display:grid;gap:14px;width:auto;height:auto;min-width:0;padding:0;margin:0;background:none;border:0;box-shadow:none;opacity:1;visibility:visible;overflow:visible;transform:none;transition:none}
footer.site .wp-block-navigation__submenu-container>.wp-block-navigation-item{display:block;position:static}
footer.site .wp-block-navigation .wp-block-navigation__container .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content{display:inline-flex;align-items:center;gap:4px;flex-grow:0;padding:0;margin:0;color:var(--muted);transition:color .15s;font-size:.9375rem}
footer.site .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content:hover{color:var(--ink)}
footer.site .brand .wp-block-button__link{margin-top:24px}
footer.site .bottom .legal{color:var(--soft)}
@media (max-width:1100px){footer.site .top .wp-block-navigation__container>.wp-block-navigation-item{grid-column:span 1}}

/* ==== 7. The drawings: the home illustrations, the marks, the orbit backgrounds (the image of every orbit instance,
   the preview drawing and the 404 field included, is set in the generated assets/css/orbits.css: moving by default,
   still under prefers-reduced-motion) ==== */
.il{aspect-ratio:2/1;background:no-repeat center/100% 100%}
.il.il-connect{background-image:url(assets/images/il-connect.svg)}
.il.il-approve{background-image:url(assets/images/il-approve.svg)}
.il.il-ask{background-image:url(assets/images/il-ask.svg)}
.il.il-preview{aspect-ratio:400/290}
.mark{width:40px;height:40px;background:url(assets/images/mark-page.svg) no-repeat center/contain}
.close-cta .mark{background-image:url(assets/images/mark-plum.svg)}
.phero::before,.close-cta::before,.nf::before{content:"";position:absolute;inset:0;background:no-repeat center/cover;pointer-events:none}
.ospot{z-index:0;pointer-events:none;--m:calc(50% - var(--half,576px));width:min(var(--w,240px),calc(var(--m) - 32px));aspect-ratio:1;height:auto;position:absolute;top:0;background:no-repeat center/contain}
.ospot.left{left:calc(var(--m)/2);transform:translate(-50%) rotate(var(--rot,0deg))}
.ospot.right{right:calc(var(--m)/2);transform:translate(50%) rotate(var(--rot,0deg))}
.ospot.inline{width:var(--w,124px);position:static;transform:rotate(var(--rot,0deg))}
.pcard .cover,.pgrid .cover{aspect-ratio:16/9;background:var(--accent) no-repeat center/cover;position:relative;overflow:hidden}
@media (prefers-color-scheme:dark){
:root:not([data-theme=light]) .il.il-connect{background-image:url(assets/images/il-connect-dark.svg)}
:root:not([data-theme=light]) .il.il-approve{background-image:url(assets/images/il-approve-dark.svg)}
:root:not([data-theme=light]) .il.il-ask{background-image:url(assets/images/il-ask-dark.svg)}
:root:not([data-theme=light]) .mark{background-image:url(assets/images/mark-page-dark.svg)}
:root:not([data-theme=light]) .close-cta .mark{background-image:url(assets/images/mark-plum.svg)}
}
:root[data-theme=dark] .il.il-connect{background-image:url(assets/images/il-connect-dark.svg)}
:root[data-theme=dark] .il.il-approve{background-image:url(assets/images/il-approve-dark.svg)}
:root[data-theme=dark] .il.il-ask{background-image:url(assets/images/il-ask-dark.svg)}
:root[data-theme=dark] .mark{background-image:url(assets/images/mark-page-dark.svg)}
:root[data-theme=dark] .close-cta .mark{background-image:url(assets/images/mark-plum.svg)}

/* ==== 8. The home hero pattern: the entrance order of the copy ==== */
.hero .copy>:nth-child(1){--i:0}
.hero .copy>:nth-child(2){--i:1}

/* ==== 9. Where a core block wraps an element the Astro markup did not have ==== */
/* an arrow link in its own paragraph: the paragraph is a flex box the link fills (no line-box slack), and the
   layout rules move from the link to the paragraph */
.morep,.linkp{display:flex}
.fcard .morep{margin-top:auto;padding-top:20px}
.guide .morep{margin-top:20px}
.jobs .head .morep{margin-bottom:6px}
.fcard .morep .more,.guide .morep .more,.jobs .head .morep .more{margin:0;padding-top:0}
.jobs .head .morep .more{white-space:nowrap}
/* the safety figure: a group with the drawing and a note */
.safety .fig .il{max-width:420px;margin-inline:auto}
.safety .fig .note{text-align:center;margin-top:14px}
/* the plan cards: the button is the last flex child */
.plan .wp-block-button__link{width:100%;margin-top:28px}
/* copy blocks: the code sits in a paragraph with the code's size */
.copyblk>.code{flex:1;min-width:0;font-size:.875rem;line-height:1.5;white-space:nowrap;overflow-x:auto}
.copyblk>.code code{display:inline;white-space:inherit;overflow:visible;color:var(--ink);font-size:inherit}
.copyblk.multi>.wp-block-code{font-family:var(--mono);color:var(--ink);white-space:pre-wrap;margin:0;padding:0;padding-right:88px;font-size:.875rem;line-height:1.55;border:0}
.prose .copyblk.multi>.wp-block-code{padding:18px 88px 18px 20px}
.copyblk.multi>.wp-block-code code{white-space:pre-wrap;word-break:break-word;display:block;overflow:visible;font-size:inherit}
.copyblk .wp-block-button__link{gap:8px}
@media (width<=640px){.copyblk:not(.multi)>.code{white-space:normal;overflow-wrap:anywhere;flex:100%;order:2;overflow:visible}.copyblk.multi>.wp-block-code,.prose .copyblk.multi>.wp-block-code{padding-right:0}.prose .copyblk.multi>.wp-block-code{padding-right:20px}}
/* tables: core/table is a figure around the table */
.wp-block-table.tbl{margin:0}
.prose>.wp-block-table.tbl{margin-top:1.1em}
.wp-block-table.tbl table{border-collapse:collapse}
.wp-block-table.tbl td,.wp-block-table.tbl th{border-left:0;border-right:0;border-top:0}
.wp-block-table.tbl thead{border-bottom:0}
.tbl.cmp table{min-width:760px;font-size:.875rem}
.tbl.stack table{min-width:0}
.tbl.stack table>*+*{margin-top:var(--card-gap)} /* Astro's .stack utility landed on the table itself: the body sits 24px under the clipped head on phones */
@media (width<=600px){.tbl.stack table,.tbl.stack tbody,.tbl.stack tr,.tbl.stack td{display:block}}
.prose .wp-block-table:not(.tbl){font-size:.9375rem;overflow:visible}
.prose .wp-block-table:not(.tbl) table{border-collapse:collapse;width:100%;font-size:.9375rem}
.prose .wp-block-table:not(.tbl) th{text-align:left;letter-spacing:.08em;text-transform:uppercase;color:var(--soft);border:0;border-bottom:1px solid var(--line-2);padding:0 12px 10px;font-size:.6875rem;font-weight:600}
.prose .wp-block-table:not(.tbl) td{border:0;border-bottom:1px solid var(--line);vertical-align:top;color:var(--muted);padding:12px}
.prose .wp-block-table:not(.tbl) td:first-child{color:var(--ink);font-weight:500}
.prose .wp-block-table:not(.tbl) thead{border-bottom:0}
.wp-block-table.has-fixed-layout table{table-layout:auto}
/* the "Every tool" groups on /memberpress/ */
.tool-groups>.tg{border-top:1px solid var(--line);padding-top:16px}
.tool-groups>.tg>summary{cursor:pointer;font-weight:500;font-size:1.125rem;line-height:44px}
/* chips: a row of pill links (core/buttons) */
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips .wp-block-button__link{background:var(--panel);height:34px;box-shadow:inset 0 0 0 1px var(--line);color:var(--muted);border-radius:999px;align-items:center;padding:0 14px;font-size:.875rem;font-weight:500;transition:box-shadow .15s,color .15s;display:inline-flex}
.chips .wp-block-button__link:hover{color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-3)}
.chips .is-current>.wp-block-button__link,body.blog .chips .all>.wp-block-button__link{color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
body.category-announcements .chips .c-announcements>.wp-block-button__link,body.category-tutorials .chips .c-tutorials>.wp-block-button__link,body.category-running-a-membership .chips .c-running-a-membership>.wp-block-button__link,body.category-growing-a-membership .chips .c-growing-a-membership>.wp-block-button__link{color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
/* the numbered walk */
.walk>.row{border-bottom:1px solid var(--line);grid-template-columns:40px 1fr;gap:20px;padding:22px 0;display:grid}
.walk>.row:first-child{border-top:1px solid var(--line-2)}
.walk .n{background:var(--bg);width:40px;height:40px;box-shadow:inset 0 0 0 1px var(--line-2);font-family:var(--mono);border-radius:50%;place-items:center;font-size:.9375rem;font-weight:500;display:grid}
/* the product family pills (about) */
.family-list{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.family-list li{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:10px 18px;border-radius:999px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--line);font-weight:500;font-size:.9375rem}
/* the legal "On this page" box */
.callout.contents{display:block}
.callout.contents::before{content:none}
.callout.contents b{display:block}
.callout.contents ol{columns:2;column-gap:32px;font-size:.9375rem;margin-top:8px;padding-left:1.2em;list-style:decimal;display:block}
.callout.contents ol li::marker{color:var(--soft)}
.callout.contents ol a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--line-3);text-underline-offset:.2em;font-weight:500;text-decoration-thickness:1px}
/* the changelog */
.release .when .title{display:block;margin-top:4px}
.release .prose li .kind{letter-spacing:.08em;text-transform:uppercase;width:92px;color:var(--soft);flex:none;margin-top:.45em;font-size:.6875rem;font-weight:600}
.release .prose .wp-block-list li::before{content:none}
/* the connect form card on /start/ and the needs list */
.needs ul{list-style:disc;padding-left:1.2em;display:block}
/* article heads: crumbs, lede, byline and the author cards */
.article-head .wp-block-post-excerpt p{font-size:var(--fs-lede);color:var(--muted);text-wrap:pretty;line-height:1.55;max-width:60ch;margin-top:16px}
.phero .wp-block-term-description p{font-size:var(--fs-lede);color:var(--on-accent-2);text-wrap:pretty;line-height:1.55;max-width:34em;margin-top:18px}
.phero.center .wp-block-term-description p{margin-inline:auto}
.article-meta>.wp-block-post-date,.article-meta>.wp-block-post-terms,.article-meta>.read{display:flex;gap:0}
.article-meta .wp-block-post-terms a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--line-3);text-underline-offset:.2em;font-weight:500;text-decoration-thickness:1px;transition:text-decoration-color .15s}
.article-meta .wp-block-post-terms a:hover{text-decoration-color:currentColor}
.byline .photo{flex:none}
.byline .photo img{object-fit:cover;width:48px;height:48px;box-shadow:inset 0 0 0 1px var(--line-2);border-radius:50%}
.byline .who .wp-block-post-author-name{color:var(--ink);font-weight:500}
.byline .who .wp-block-post-author-name a{color:var(--ink)}
.byline .who p{color:var(--muted);font-size:.875rem}
.author-card .photo{flex:none}
.author-card .photo img{object-fit:cover;border-radius:50%;width:72px;height:72px}
.author-card .name{letter-spacing:-.01em;font-size:1.125rem;font-weight:600;line-height:1.2;text-wrap:balance}
.author-card .wp-block-post-author-biography{color:var(--muted);margin-top:10px;font-size:.9375rem}
.author-head .photo{flex:none}
.author-head .links:empty{display:none}
.author-head .photo img{object-fit:cover;width:112px;height:112px;box-shadow:inset 0 0 0 1px var(--line-2);border-radius:50%}
/* previous and next posts (core/post-navigation-link) */
.pn .wp-block-post-navigation-link{display:block}
.pn .post-navigation-link-previous:empty{display:none} /* Astro printed a placeholder only before a missing newer post */
.pn .post-navigation-link-previous{grid-column:2}
.pn .wp-block-post-navigation-link a{border-radius:var(--r-panel);background:var(--panel);box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow .2s var(--ease);flex-direction:column;gap:6px;padding:20px 22px;display:flex}
.pn .wp-block-post-navigation-link a:hover{box-shadow:inset 0 0 0 1px var(--line-3)}
.pn .post-navigation-link__label{letter-spacing:.08em;text-transform:uppercase;color:var(--soft);font-size:.75rem;font-weight:600}
.pn .post-navigation-link__title{color:var(--ink);font-weight:500}
.pn .next a{text-align:right;align-items:flex-end}
@media (width<=760px){.pn .next a{text-align:left;align-items:flex-start}.pn .post-navigation-link-previous{grid-column:auto}}
/* the article foot */
.article-foot .morep,.article-foot .linkp{margin:0}
/* the post cards (core/query): each li is a card */
.posts .wp-block-post-template{list-style:none;padding:0;margin-bottom:0;margin-inline:0}
.pgrid>.wp-block-post{background:var(--panel);border-radius:var(--r-panel);box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow .2s var(--ease);color:inherit;flex-direction:column;padding:0;display:flex;overflow:hidden;margin:0}
.pgrid>.wp-block-post:hover{box-shadow:inset 0 0 0 1px var(--line-3)}
.pcard .in,.pgrid .in{padding:var(--card-pad);flex-direction:column;flex:1;display:flex}
.pgrid .kick{color:var(--soft);flex:1;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;font-size:.8125rem;display:flex}
.pgrid .kick .wp-block-post-terms{display:flex;gap:8px}
.pgrid .kick .wp-block-post-terms::after{content:"·"}
.pgrid .kick a{color:var(--muted);font-weight:500}
.pgrid .wp-block-post-title{letter-spacing:-.015em;margin-top:12px;font-size:1.25rem;line-height:1.25;font-weight:600;text-wrap:balance}
.pgrid .wp-block-post-excerpt{flex:1;margin-top:10px}
.pgrid .wp-block-post-excerpt p{color:var(--muted);font-size:.9375rem}
.pgrid .wp-block-read-more{margin-top:18px}
.posts .pager:empty{display:none}
.posts .wp-block-query-pagination{margin-top:var(--head-gap);border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding-top:24px;display:flex}
.posts .wp-block-query-pagination a{color:var(--ink);font-weight:500}
.posts .wp-block-query-pagination-numbers{color:var(--soft);font-size:.875rem}
/* the search hero's lede when there is no query */
.phero .lede:empty{display:none}

/* ==== 10. WPForms: the Notify-me cards on /plugins/ (src/pages/plugins.astro) ==== */
.nx .nx-form{margin-top:auto;padding-top:22px}
.nx .wpforms-container{margin:0;padding:0}
.nx .wpforms-form{display:block;gap:0}
.nx .wpforms-field-container{display:block;margin:0;padding:0}
.nx .wpforms-form .wpforms-field-email{display:block;margin:0;padding:0}
.nx .wpforms-form .wpforms-field-label{padding:0}
.nx .wpforms-field-hidden{display:none}
.nx .wpforms-field-text{position:absolute!important;left:-9999px;top:0;width:1px;height:1px;overflow:hidden;margin:0;padding:0}
.nx .wpforms-form .wpforms-field{padding:0;margin:0}
.nx .wpforms-form .wpforms-field-label{display:block;font-size:.875rem;font-weight:500;margin-bottom:8px;color:var(--ink);line-height:1.5}
.nx .wpforms-form .wpforms-required-label,.nx .wpforms-field-hidden,.nx .wpforms-label-hide,.nx .wpforms-field:has(>input[aria-hidden=true]),.nx .wpforms-error-noscript{display:none}
.nx .wpforms-form input[type=email]{width:100%;height:48px;padding:0 14px;border:0;border-radius:var(--r-control);background:var(--well);box-shadow:inset 0 0 0 1px var(--line-2);color:var(--ink);font:inherit;font-size:1rem;caret-color:var(--ink);max-width:none;margin:0;line-height:normal}
.nx .wpforms-form input[type=email]::placeholder{color:var(--soft)}
.nx .wpforms-form input[type=email]:focus{box-shadow:inset 0 0 0 1px var(--line-3);outline:0;border:0}
.nx .wpforms-form input[type=email]:focus-visible{outline:2px solid var(--brass);outline-offset:2px}
.nx .wpforms-form .wpforms-submit-container{padding:0;margin-top:10px}
.nx .wpforms-form .wpforms-submit{width:100%;height:48px;border-radius:var(--r-control);background:var(--brass);color:#16181b;font:inherit;font-size:1rem;font-weight:600;line-height:1;border:0;padding:0 22px;cursor:pointer;transition:background-color .15s var(--ease);display:inline-flex;justify-content:center;align-items:center;margin:0}
.nx .wpforms-form .wpforms-submit:hover{background:var(--brass-hover);color:#16181b}
.nx .wpforms-form .wpforms-error{color:var(--muted);font-size:.9375rem;margin-top:14px;display:block}
.nx .wpforms-confirmation-container-full{margin-top:auto;padding:16px;border-radius:12px;background:var(--accent-soft);color:var(--ink);border:0;font-size:.9375rem}
.nx .wpforms-confirmation-container-full p{margin:0}
.nx .wpforms-confirmation-container-full strong{color:var(--ink);font-weight:500}
.nx .wpforms-form .wpforms-submit-spinner{display:none}

/* ==== 11. Heroic Knowledge Base: the docs and playbooks (templates/archive-ht_kb, single-ht_kb, single-ht_kb-playbook,
   taxonomy-ht_kb_category; parts/docs-index, docs-side). HeroicKB's blocks keep their markup; their skin is overridden
   here so the pages read as src/pages/docs/*, src/layouts/DocsLayout.astro and PlaybookLayout.astro. ==== */
/* the live search (heroickb/search, Interactivity API) as the Astro search pill (src/components/SearchBox.astro) */
.wp-block-heroickb-search.search{position:relative;padding:0!important;margin:0!important;border:0!important;height:auto;display:block;background:none!important;box-shadow:none;border-radius:0;font-size:1rem!important;width:auto!important}
.search .heroickb-sb{position:relative}
/* the block prints its own inline styles (border, padding, the button's flex), hence the !important */
.search .heroickb-sb-inputwrapper{border-radius:var(--r-control);background:var(--well)!important;height:52px;box-shadow:inset 0 0 0 1px var(--line-2);align-items:center;gap:10px;padding:0 8px 0 16px!important;display:flex;border:0!important;margin:0;font-size:1rem}
.search .heroickb-sb-inputwrapper:focus-within{box-shadow:inset 0 0 0 1px var(--line-3)}
.search .heroickb-sb-inputwrapper__btn{display:none!important} /* the icon is drawn by the theme, as in Astro */
.search .heroickb-sb-inputwrapper::before{content:"";display:block;flex:none;width:18px;height:18px;background-color:var(--soft);-webkit-mask:url(assets/icons/search.svg) no-repeat center/contain;mask:url(assets/icons/search.svg) no-repeat center/contain}
.search .heroickb-sb-inputwrapper input[type=text]{min-width:0;height:100%;color:var(--ink);font:inherit;background:0 0!important;border:0!important;flex:1;font-size:1rem;padding:1px 2px!important;margin:0;box-shadow:none;border-radius:0;outline:0}
.search .heroickb-sb-inputwrapper input::placeholder{color:var(--soft)!important;opacity:1}
.search .heroickb-loading{display:none}
/* the results drop-down: the block prints background-color:#ffffff inline on the panel (white under near-white text in
   dark mode), hence the !important. On /docs/ and /playbooks/ the drop-down never opens: assets/js/kb.js turns the live
   search off there and filters the index cards in place, as Astro's SearchBox did; a card or group the filter hides
   must stay hidden under the block display rules, and the "Nothing matches" note sits under the pill. */
.dgroup[hidden],.dgrid>.wp-block-post[hidden],.fgrid>.card[hidden]{display:none!important}
.search+.note[data-search-empty]{margin-top:16px}
.search .heroickb-searchresults__wo-cat,.search .heroickb-searchresults{position:absolute;z-index:20;left:0;right:0;top:calc(100% + 8px);border-radius:var(--r-panel);background:var(--panel)!important;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-2),0 12px 32px rgba(22,24,27,.12);padding:8px;margin:0;list-style:none;max-height:60vh;overflow:auto}
.search .heroickb-sb-searchresult_wo_icon,.search .heroickb-sb-searchresult{display:block;border-radius:6px;padding:8px 10px;color:var(--ink);text-decoration:none}
.search .heroickb-sb-searchresult_wo_icon:hover,.search .heroickb-sb-searchresult_wo_icon[aria-selected=true],.search .heroickb-sb-searchresult:hover{background:var(--well)}
.search .heroickb-sb-searchresult__title_wo_icon,.search .heroickb-sb-searchresult__title{font-weight:500;font-size:.9375rem;display:block;color:var(--ink)!important}
.search .heroickb-sb-searchresult__excerpt{color:var(--muted)!important;font-size:.8125rem;line-height:1.45;display:block;margin-top:2px}
.search .heroickb-searchresult__noresults,.search .heroickb-searchresults__message{color:var(--muted);font-size:.875rem;padding:8px 10px}
.search .heroickb-sb-showall{display:block;padding:8px 10px;font-size:.875rem;color:var(--muted)}
.search .heroickb-sb-showall:hover{color:var(--ink)}
.search .kb-search-live-region{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
/* the /docs/ index (parts/docs-index.html): a core/query per group, each li.wp-block-post is the card (a.card.dcard2) */
.docs-index .wp-block-query+.wp-block-query{margin-top:56px}
.dgrid{list-style:none;margin:0;padding:0}
.dgrid>.wp-block-post{position:relative;background:var(--panel);border-radius:var(--r-panel);padding:var(--card-pad);box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow .2s var(--ease);flex-direction:column;gap:6px;display:flex}
.dgrid>.wp-block-post:hover{box-shadow:inset 0 0 0 1px var(--line-3)}
.dgrid .wp-block-post-title{letter-spacing:-.01em;font-size:1.0625rem;margin:0;line-height:1.2;font-weight:600}
.dgrid .wp-block-post-title a{color:inherit;text-decoration:none}
.dgrid .wp-block-post-title a::after{content:"";position:absolute;inset:0}
.dgrid .wp-block-post-excerpt p{color:var(--muted);font-size:.9375rem;margin:0}
.dgrid .wp-block-post-excerpt__more-text{display:none}
/* the docs article sidebar (parts/docs-side.html): core/details > nav > a core/query per group */
.docs .side .wp-block-details{margin:0}
.docs .side .wp-block-post-template{list-style:none;margin:0;padding:0}
.docs .side .wp-block-post-title{margin:0;font-size:inherit;font-weight:inherit;line-height:inherit}
.docs .side .lbl{margin:0}
.docs .side summary{gap:8px}
.docs .side summary::after{content:"";display:block;flex:none;width:16px;height:16px;background-color:var(--soft);-webkit-mask:var(--ic) no-repeat center/contain;mask:var(--ic) no-repeat center/contain;--ic:url(assets/icons/chevron.svg);transition:transform .2s}
.docs .side details[open] summary::after{transform:rotate(180deg)}
/* breadcrumbs (heroickb/category-breadcrumb) as src/components/Breadcrumb.astro: a / between the crumbs */
.wp-block-heroickb-category-breadcrumb.crumbs{display:block}
.crumbs .heroickb-breadcrumb-wrap{overflow:visible}
.crumbs .heroickb-breadcrumb-wrap:hover{overflow:visible}
.crumbs .heroickb-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;min-width:0;white-space:normal;list-style:none;margin:0;padding:0}
.crumbs .heroickb-breadcrumb li{display:inline-flex;align-items:center;gap:8px;line-height:1.5;white-space:normal;margin:0;padding:0} /* a crumb and its / */
.crumbs .heroickb-breadcrumb li a,.crumbs .heroickb-breadcrumb li a span{display:inline;margin:0!important;color:var(--muted)!important;white-space:normal;line-height:1.5!important}
.crumbs .heroickb-breadcrumb li a:hover,.crumbs .heroickb-breadcrumb li a:hover span{color:var(--ink)!important;text-decoration:none}
.crumbs .heroickb-breadcrumb li span{line-height:1.5!important;white-space:normal}
.crumbs .heroickb-breadcrumb li:not(:last-child)::after{content:"/";margin:0!important;color:var(--line-3)!important;line-height:1.5;display:inline-block;width:6px;text-align:center} /* the Astro separator span's width */
.crumbs .heroickb-breadcrumb li span[aria-current=page]{color:var(--ink)!important}
.phero .crumbs .heroickb-breadcrumb li a,.phero .crumbs .heroickb-breadcrumb li a span,.phero .crumbs .heroickb-breadcrumb li span[aria-current=page]{color:var(--on-accent-2)!important}
.phero .crumbs .heroickb-breadcrumb li a:hover,.phero .crumbs .heroickb-breadcrumb li a:hover span{color:var(--on-accent)!important}
.phero .crumbs .heroickb-breadcrumb li:not(:last-child)::after{color:var(--on-accent-3)!important}
.tax-ht_kb_category .phero .copy .crumbs{margin-bottom:22px;justify-content:center} /* only the KB category hero centers its crumbs; content-page heroes keep the Astro left-aligned row */
.tax-ht_kb_category .phero .copy .crumbs .heroickb-breadcrumb{justify-content:center}
.tax-ht_kb_category .phero .wp-block-query-title{letter-spacing:-.03em;max-width:20ch;font-size:clamp(2rem,1.3rem + 2vw,3rem);line-height:1.04;margin-inline:auto} /* the KB category hero only; the blog category hero keeps the Astro h1 */
/* "On this page" (ht/block-toc, the Heroic Table of Contents block, scroll-spied by its own script) */
.docs .toc .lbl{margin:0}
.docs .toc .wp-block-ht-block-toc{margin:0;padding:0;background:none;border:0;font-size:.875rem!important;color:inherit}
.docs .toc .htoc__title{display:none}
.docs .toc .ht_toc_list,.docs .toc .ht_toc_list_sub{list-style:none;margin:0;padding:0}
.docs .toc .ht_toc_list li{margin:0!important;padding:0!important;line-height:1.5}
.docs .toc .ht_toc_list a{border-left:1px solid var(--line);color:var(--muted);padding:5px 0 5px 12px!important;margin:0!important;line-height:1.5!important;transition:color .15s,border-color .15s;display:block;text-decoration:none;font-size:.875rem!important;background:none;border-radius:0}
.docs .toc .ht_toc_list a:hover{color:var(--ink)}
.docs .toc .ht_toc_list li.active>a,.docs .toc .ht_toc_list a.active{color:var(--ink);border-left-color:var(--ink)}
/* the block's own stylesheet pins font sizes with !important at :root specificity; these win by being more specific */
:root .docs .toc .wp-block-ht-block-toc,:root .docs .toc .wp-block-ht-block-toc *{font-size:.875rem!important;line-height:1.5!important}
:root .docs .toc .wp-block-ht-block-toc .ht_toc_list a{color:var(--muted)!important;background:none!important;border-left-color:var(--line)!important}
:root .docs .toc .wp-block-ht-block-toc .ht_toc_list a:hover{color:var(--ink)!important}
:root .docs .toc .wp-block-ht-block-toc .ht_toc_list li.active>a,:root .docs .toc .wp-block-ht-block-toc .ht_toc_list a.active{color:var(--ink)!important;border-left-color:var(--ink)!important;background:none!important}
:root .docs .toc .wp-block-ht-block-toc .ht_toc_list_sub a{padding-left:24px!important;font-size:.8125rem!important}
.docs .toc .htoc__itemswrap{margin:0;padding:0}
.docs .toc:has(.ht_toc_list:empty),.docs .toc:has(.ht_toc_list:not(:has(li+li))){display:none}
/* the article head: the "Last updated" line is the bound paragraph */
.docs .article-head .article-meta:empty{display:none}
/* previous and next (core/post-navigation-link in the ht_kb_tag "docs"): previous left, next right */
.docs .pn .post-navigation-link-previous{grid-column:1}
.docs .pn .post-navigation-link-next{grid-column:2}
/* Astro printed an empty placeholder before a missing previous doc (never after a missing next): one empty grid
   row on phones, column 1 on desktop; core prints an empty div, shown the same way */
.docs .pn .post-navigation-link-next:empty{display:none}
@media (width<=760px){.docs .pn .post-navigation-link-previous,.docs .pn .post-navigation-link-next{grid-column:auto}.docs .pn .post-navigation-link-previous:empty{display:block}}
/* playbooks (single-ht_kb-playbook): the facts, "The ask", the related cards (src/layouts/PlaybookLayout.astro) */
.playbook .kv{grid-template-columns:auto 1fr;gap:10px 24px;font-size:.9375rem;display:grid;margin-top:22px}
.playbook .kv .dt{color:var(--soft);margin:0}
.playbook .kv .dd{color:var(--ink);margin:0}
.ask-h{font-size:1.625rem;letter-spacing:-.025em;margin-bottom:14px;line-height:1.6} /* Astro gave the heading the prose line-height */
.rel-h{font-size:1.25rem;letter-spacing:-.015em;margin-bottom:16px}
.rel .fcard h3{margin-top:8px}
.playbook .ask .copyblk.multi{padding:18px 20px}
@media (width<=760px){.copyblk.multi>.wp-block-code{padding-right:0}} /* the phone collapse of src/styles (the button drops under the text) */
/* a fence the Markdown source set to wrap (pre style="white-space:pre-wrap" -> core/code.pre-wrap; only the docs have one) */
.prose .wp-block-code.pre-wrap,.prose .wp-block-code.pre-wrap code{white-space:pre-wrap;overflow-wrap:anywhere}
.prose .wp-block-code.pre-wrap{font-family:monospace} /* the Astro pre kept the browser's monospace strut; the code inside is DM Mono */
/* the docs category pages (taxonomy-ht_kb_category): the hero carries the crumbs and the term name */
.tax-ht_kb_category .phero .wp-block-term-description:empty{display:none}