/* Loaded only on eligible posts/pages. Typography inherits the site's defaults. */
.qirat-engagement-shell { container-type: inline-size; display: grid; margin-block: 2rem; min-width: 0; }
.qirat-engagement {
    display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; min-width: 0;
    max-width: 100%; width: 100%;
}
.qirat-engagement-shell[data-align="right"] > .qirat-engagement { justify-self: start; }
.qirat-engagement-shell[data-align="center"] > .qirat-engagement { justify-self: center; }
.qirat-engagement-shell[data-align="left"] > .qirat-engagement { justify-self: end; }
.qirat-engagement[data-box-count="1"] { grid-template-columns: minmax(0,1fr); }
.qirat-engagement[data-box-count="2"] { grid-template-columns: repeat(2,minmax(0,1fr)); }
.qirat-engagement :where(.qe-share-box,.qe-rating-box,.qe-feedback-box) {
    min-width: 0; padding: 1rem; border: 1px solid var(--wp--preset--color--border,#d1d5db);
    border-radius: .75rem; background: var(--wp--preset--color--base,#fff); color: var(--wp--preset--color--contrast,#111827);
}
.qirat-engagement :where(.qe-share-title,.qe-rating-title,.qe-feedback-title) {
    margin: 0 0 1rem; font-weight: 700; font-size: 1rem; line-height: 1.6;
}
.qirat-engagement :where(.qe-share-grid,.qe-rating-grid) { display: grid; grid-template-columns: repeat(var(--qirat-grid-columns,3),minmax(0,1fr)); gap: .65rem; }
.qirat-engagement :where(.qe-share-button,.qe-rating-button) {
    display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .35rem;
    min-width: 0; padding: .5rem .15rem; border: 1px solid transparent; border-radius: .5rem;
    background: transparent; color: inherit; font: inherit; text-align: center; text-decoration: none; cursor: pointer;
    overflow-wrap: anywhere;
}
.qirat-engagement :where(.qe-share-button,.qe-rating-button):is(:hover,:focus-visible) { background: color-mix(in srgb,currentColor 8%,transparent); }
.qirat-engagement .qe-rating-button[aria-pressed="true"] { border-color: currentColor; background: color-mix(in srgb,currentColor 12%,transparent); }
.qirat-engagement :where(.qe-share-icon,.qe-rating-icon) {
    display: inline-flex; width: 1.65rem; height: 1.65rem; flex: none;
    color: var(--qirat-engagement-icon-light,currentColor);
}
html.qirat-dark .qirat-engagement :where(.qe-share-icon,.qe-rating-icon) {
    color: var(--qirat-engagement-icon-dark,var(--qirat-engagement-icon-light,currentColor));
}
.qirat-engagement :where(.qe-share-icon,.qe-rating-icon) svg { display: block; width: 100%; height: 100%; overflow: visible; }
.qirat-engagement :where(.qe-share-icon,.qe-rating-icon) .qirat-fa-icon--glossy {
    filter: saturate(var(--qirat-engagement-gloss-light-saturation,1.28))
        contrast(var(--qirat-engagement-gloss-light-contrast,1.1))
        drop-shadow(0 1px 1px rgb(15 23 42 / var(--qirat-engagement-gloss-light-shadow,.26)));
}
.qirat-fa-icon :where(.qirat-fa-icon__shine--dark,.qirat-fa-icon__specular--dark) { display: none; }
.qirat-fa-icon :where(.qirat-fa-icon__shine,.qirat-fa-icon__specular) { pointer-events: none; }
.qirat-fa-icon .qirat-fa-icon__specular { mix-blend-mode: screen; }
.qirat-engagement [data-qirat-gloss-light="none"] :where(.qirat-fa-icon__shine--light,.qirat-fa-icon__specular--light),
.qirat-engagement [data-qirat-gloss-dark="none"] :where(.qirat-fa-icon__shine--dark,.qirat-fa-icon__specular--dark) { display: none; }
html.qirat-dark .qirat-engagement :where(.qe-share-icon,.qe-rating-icon) .qirat-fa-icon--glossy {
    filter: saturate(var(--qirat-engagement-gloss-dark-saturation,1.32))
        contrast(var(--qirat-engagement-gloss-dark-contrast,1.1))
        drop-shadow(0 1px 1px rgb(0 0 0 / var(--qirat-engagement-gloss-dark-shadow,.35)));
}
html.qirat-dark .qirat-engagement :where(.qirat-fa-icon__shine--light,.qirat-fa-icon__specular--light) { display: none; }
html.qirat-dark .qirat-engagement :where(.qirat-fa-icon__shine--dark,.qirat-fa-icon__specular--dark) { display: block; }
html.qirat-dark .qirat-engagement [data-qirat-gloss-dark="none"] :where(.qirat-fa-icon__shine--dark,.qirat-fa-icon__specular--dark) { display: none; }
.qirat-engagement[data-icon-style="bold"] svg { transform: scale(1.12); }
.qirat-engagement:is([data-icon-style="circle"],[data-icon-style="square"]) :where(.qe-share-icon,.qe-rating-icon) {
    padding: .4rem; box-sizing: content-box; background: color-mix(in srgb,currentColor 10%,transparent); border: 1px solid currentColor;
}
.qirat-engagement[data-icon-style="circle"] :where(.qe-share-icon,.qe-rating-icon) { border-radius: 50%; }
.qirat-engagement[data-icon-style="square"] :where(.qe-share-icon,.qe-rating-icon) { border-radius: .35rem; }
.qirat-engagement :where(.qe-rating-label,.qe-share-count,.qe-rating-count) { font-size: .8rem; line-height: 1.5; }
.qe-feedback-form { display: grid; gap: .75rem; }
.qirat-engagement .qe-feedback-opener {
    display: flex; align-items: center; justify-content: space-between; gap: .75rem;
    width: 100%; max-width: 100%; height: var(--qirat-feedback-collapsed-height,52px); min-width: 0;
    box-sizing: border-box; overflow: hidden; padding: .65rem; font: inherit; text-align: start;
    border: 1px solid var(--wp--preset--color--border,#6b7280); border-radius: .4rem;
    background: transparent; color: inherit; cursor: text;
}
.qirat-engagement .qe-feedback-opener:is(:hover,:focus-visible) { background: color-mix(in srgb,currentColor 6%,transparent); }
.qirat-engagement :where(.qe-feedback-opener,.qe-feedback-field):is(:focus,:focus-visible) {
    outline: none; outline-offset: 0; box-shadow: none;
}
.qirat-engagement .qe-feedback-opener__text { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; opacity: .72; }
.qirat-engagement .qe-feedback-opener__arrow {
    width: .55rem; height: .55rem; flex: none; margin: 0 .25rem .25rem;
    border-right: 2px solid currentColor; border-bottom: 2px solid currentColor;
    transform: rotate(45deg);
}
.qe-feedback-panel { display: grid; gap: .75rem; }
.qirat-engagement .qe-feedback-field {
    display: block; width: 100%; max-width: 100%; min-height: 7rem; resize: vertical;
    font: inherit; border: 1px solid var(--wp--preset--color--border,#6b7280); border-radius: .4rem;
    padding: .65rem; background: transparent; color: inherit;
}
.qirat-engagement .qe-feedback-button {
    border: 1px solid transparent; padding: .65rem 1rem; border-radius: .4rem; cursor: pointer;
    background: var(--wp--preset--color--primary,#0f766e); color: #fff; font: inherit;
}
.qirat-engagement .qe-feedback-button:disabled { opacity: .65; cursor: default; }
.qirat-engagement .qe-status { grid-column: 1 / -1; font-size: .875rem; margin: 0; }
.qirat-engagement .qe-status:empty { display: none; }
.qirat-engagement .qe-honeypot { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.qirat-engagement [hidden] { display: none !important; }
@container (max-width: 760px) { .qirat-engagement { grid-template-columns: minmax(0,1fr); } }
@supports not (container-type: inline-size) {
    @media (max-width: 800px) { .qirat-engagement { grid-template-columns: minmax(0,1fr); } }
}