:where(.d33-faq){box-sizing:border-box;color:var(--d33-text,#382d32);font-family:var(--d33-font,inherit)}
.d33-faq.d33-faq{margin-block:32px;--d33-faq-border:color-mix(in srgb,var(--d33-primary,#9b5269) 22%,transparent)}
.d33-faq>.d33-faq__items{display:grid;gap:16px;min-width:0;width:100%;max-width:var(--d33-faq-max-width,840px);margin-inline:auto;box-sizing:border-box}
.d33-faq__items>.d33-faq__item{margin:0;min-width:0;border:0;border-radius:0;background:transparent;box-shadow:none;box-sizing:border-box;color:inherit;font:inherit}
.d33-faq__item>.d33-faq__summary{display:flex;align-items:center;gap:16px;list-style:none;position:relative;padding:22px 24px;margin:0;cursor:pointer;color:inherit;font:inherit;line-height:1.7;border:0;box-sizing:border-box;overflow-wrap:anywhere}
.d33-faq__summary::-webkit-details-marker{display:none}
.d33-faq__summary::marker{content:''}
.d33-faq__summary>.d33-faq__question{display:block;flex:1;min-width:0;font-weight:600}
.d33-faq__mark{display:flex;flex:0 0 32px;align-items:center;justify-content:center;align-self:flex-start;width:32px;min-height:32px;color:var(--d33-primary,#9b5269);font-family:Georgia,serif;font-size:22px;line-height:1.45;font-weight:400;box-sizing:border-box}
.d33-faq__mark--a{opacity:.8}
.d33-faq__icon{position:relative;display:block;flex:0 0 18px;width:18px;height:18px;color:currentColor;opacity:.55}
.d33-faq__icon::before,.d33-faq__icon::after{content:'';position:absolute;left:2px;top:8px;width:14px;height:1px;background:currentColor;transition:transform .42s cubic-bezier(.22,.61,.36,1),opacity .42s ease}
.d33-faq__icon::after{transform:rotate(90deg)}
.d33-faq__item[open]>.d33-faq__summary>.d33-faq__icon::after{transform:rotate(0)}
.d33-faq__item[data-d33-expanded="false"]>.d33-faq__summary>.d33-faq__icon::after{transform:rotate(90deg)}
.d33-faq__item>.d33-faq__answer{display:flex;align-items:flex-start;gap:16px;padding:4px 24px 24px;box-sizing:border-box}
.d33-faq__answer>.d33-faq__answer-content{flex:1;min-width:0;overflow-wrap:anywhere;line-height:1.9}
.d33-faq__answer-content>:first-child{margin-block-start:0}.d33-faq__answer-content>:last-child{margin-block-end:0}
.d33-faq__answer-content img{max-width:100%;height:auto}
.d33-faq__summary:focus-visible{outline:2px solid var(--d33-primary,#9b5269);outline-offset:3px;border-radius:4px}
/* 1. Minimal dividers, 2. soft question panels, 3. outlined boxes, 4. lifted cards. */
.d33-faq--line>.d33-faq__items{gap:0}
.d33-faq--line>.d33-faq__items>.d33-faq__item{border-bottom:1px solid var(--d33-faq-border)}
.d33-faq--line>.d33-faq__items>.d33-faq__item:first-child{border-top:1px solid var(--d33-faq-border)}
.d33-faq--soft>.d33-faq__items>.d33-faq__item>.d33-faq__summary{background:var(--d33-surface,#faf3f5);border-radius:10px}
.d33-faq--soft>.d33-faq__items>.d33-faq__item>.d33-faq__summary>.d33-faq__mark--q{background:var(--d33-primary,#9b5269);color:#fff;border-radius:50%;font-size:18px}
.d33-faq--soft>.d33-faq__items>.d33-faq__item>.d33-faq__answer{padding-top:20px}
.d33-faq--frame>.d33-faq__items>.d33-faq__item{border:1px solid var(--d33-faq-border);border-radius:10px}
.d33-faq--frame>.d33-faq__items>.d33-faq__item[open]>.d33-faq__summary{border-bottom:1px solid var(--d33-faq-border)}
.d33-faq--frame>.d33-faq__items>.d33-faq__item>.d33-faq__answer{padding-top:20px}
.d33-faq--card>.d33-faq__items{gap:20px}
.d33-faq--card>.d33-faq__items>.d33-faq__item{background:#fff;border-radius:12px;box-shadow:0 4px 18px rgba(56,45,50,.09);border-left:3px solid var(--d33-primary,#9b5269)}
.d33-faq--card>.d33-faq__items>.d33-faq__item>.d33-faq__summary>.d33-faq__mark--q{border:1px solid var(--d33-faq-border);border-radius:6px;font-size:18px}
@media(max-width:600px){.d33-faq__item>.d33-faq__summary{padding:18px 16px;gap:12px}.d33-faq__item>.d33-faq__answer{padding:4px 16px 20px;gap:12px}.d33-faq__mark{flex-basis:28px;width:28px;min-height:28px;font-size:20px}.d33-faq__summary>.d33-faq__question{font-size:1em}}
@media(prefers-reduced-motion:reduce){.d33-faq__icon::before,.d33-faq__icon::after{transition:none}}

/* Rounding and shadows can be selected independently from all four base designs. */
.d33-faq[data-d33-corners="rounded"]>.d33-faq__items>.d33-faq__item,
.d33-faq[data-d33-corners="rounded"]>.d33-faq__items>.d33-faq__item>.d33-faq__summary{border-radius:12px}
.d33-faq[data-d33-corners="square"]>.d33-faq__items>.d33-faq__item,
.d33-faq[data-d33-corners="square"]>.d33-faq__items>.d33-faq__item>.d33-faq__summary{border-radius:0}
.d33-faq[data-d33-shadow="soft"]>.d33-faq__items>.d33-faq__item{box-shadow:0 5px 22px rgba(56,45,50,.1)}
.d33-faq[data-d33-shadow="none"]>.d33-faq__items>.d33-faq__item{box-shadow:none}
@media(hover:hover){.d33-faq__summary:hover>.d33-faq__icon{opacity:.85}}