.samatchi-guide { --sg-ink: #253c34; --sg-green: #244b3b; box-sizing: border-box; width: 100%; max-width: 440px; overflow: hidden; border: 1px solid #d6ded7; border-radius: 20px; background: #fffef9; color: var(--sg-ink); font: 16px/1.55 system-ui, sans-serif; box-shadow: 0 12px 36px #20382a18; text-align: left; }
.samatchi-guide *, .samatchi-guide *::before, .samatchi-guide *::after { box-sizing: border-box; }
.samatchi-guide header { background: #edf2e8; padding: 26px; }
.samatchi-guide h2 { font: 600 27px/1.2 system-ui, sans-serif; color: var(--sg-ink); padding: 0; margin: 6px 0 12px; }
.samatchi-guide h3 { font: 600 19px/1.4 system-ui, sans-serif; color: var(--sg-ink); padding: 0; margin: 16px 0 8px; }
.samatchi-guide p { margin: 8px 0; padding: 0; }
.samatchi-guide .samatchi-guide__eyebrow { font-size: 12px; letter-spacing: .18em; font-weight: 700; }
.samatchi-guide__body { padding: 24px; }
.samatchi-guide footer { padding: 16px 24px; border-top: 1px solid #e2e7de; font-size: 12px; }
.samatchi-guide fieldset { margin: 14px 0; padding: 0; border: 0; min-width: 0; }
.samatchi-guide legend { font-weight: 600; margin-bottom: 16px; }
.samatchi-guide label { display: flex; gap: 12px; align-items: center; margin: 10px 0; padding: 13px; border: 1px solid #c7d1c6; border-radius: 10px; cursor: pointer; }
.samatchi-guide label:has(input:checked) { border-color: var(--sg-green); background: #edf2e8; }
.samatchi-guide input[type=radio], .samatchi-guide input[type=checkbox] { appearance: auto; flex-shrink: 0; width: 18px; height: 18px; margin: 0; accent-color: var(--sg-green); }
.samatchi-guide button, .samatchi-guide a { font: inherit; }
.samatchi-guide button { background: var(--sg-green); color: #fff; padding: 11px 17px; border: 1px solid var(--sg-green); border-radius: 8px; cursor: pointer; min-height: 44px; }
.samatchi-guide button:disabled { opacity: .55; cursor: wait; }
.samatchi-guide a { color: #244b3b; text-decoration: underline; text-underline-offset: 3px; }
.samatchi-guide :focus-visible, .samatchi-launcher > summary:focus-visible { outline: 3px solid #967237; outline-offset: 4px; }
.samatchi-guide__actions { display: flex; flex-wrap: wrap; gap: 8px; }
.samatchi-guide [data-error]:not(:empty) { color: #8a241c; border-left: 3px solid; padding: 10px; margin-top: 14px; }
.samatchi-guide [data-result]:not(:empty) { border-top: 1px solid #d6ded7; padding-top: 8px; margin-top: 16px; }
.samatchi-guide [data-faq] details { border-bottom: 1px solid #d6ded7; padding: 12px 0; }
.samatchi-guide [data-faq] summary { cursor: pointer; font-weight: 600; }
.samatchi-launcher { --sg-edge: 20px; --sg-consent-space: 0px; --sg-bottom: calc(var(--sg-edge) + var(--sg-consent-space) + env(safe-area-inset-bottom, 0px)); position: fixed; right: 20px; bottom: var(--sg-bottom); z-index: 9999; max-width: calc(100vw - 32px); }
.samatchi-launcher > summary { margin-left: auto; width: fit-content; padding: 12px 20px; border-radius: 30px; background: #244b3b; color: white; cursor: pointer; font: 600 16px/1.5 system-ui, sans-serif; }
.samatchi-launcher .samatchi-guide { position: absolute; bottom: 64px; right: 0; width: min(420px, calc(100vw - 32px)); max-height: calc(100dvh - var(--sg-bottom) - 100px); overflow-y: auto; }
.samatchi-guide [hidden] { display: none !important; }
@media (max-width: 480px) { .samatchi-launcher { --sg-edge: 16px; right: 16px; } .samatchi-guide header, .samatchi-guide__body { padding: 20px; } }
/* Complianz hides its tab on mobile; reserve its full hover/focus height on desktop. */
@media (min-width: 769px) {
  body:has(#cmplz-manage-consent .cmplz-manage-consent:not(.cmplz-hidden):not(.cmplz-dismissed)) .samatchi-launcher { --sg-consent-space: var(--cmplz-manage-consent-height, 50px); }
}
/* Yield to consent without closing the quiz, losing answers or affecting inline guides. */
body.cmplz-banner-active .samatchi-launcher,
body:has(.cmplz-cookiebanner.cmplz-show:not(.cmplz-hidden):not(.cmplz-dismissed)) .samatchi-launcher { visibility: hidden; }
.samatchi-guide dl { margin: 1rem 0; }
.samatchi-guide dt { font-weight: 700; }
.samatchi-guide dd { margin: 0 0 .6rem; }
.samatchi-guide__group { margin-top: 1rem; }
.samatchi-guide__product { border: 1px solid #ccd6c9; border-radius: .5rem; padding: .8rem; margin-top: .6rem; }
.samatchi-guide__product h5 { font-size: 1rem; margin: 0; }