/* Clarity Loyalty UI. Author: Bogdan. Theme owns typography, buttons and colours. */
.clu-wallet{border:1px solid var(--ds-border-color,#e9e9e9);background:var(--ds-light-background,#f8f9fa);text-align:left}
.clu-wallet [hidden],.clu-wallet[hidden]{display:none!important}
.clu-wallet summary,.clu-discovery summary{cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.clu-wallet input{min-width:0;width:100%}.clu-wallet button{white-space:normal}
.clu-discovery{border:1px solid var(--ds-border-color,#e9e9e9)}
.clu-discovery .button{min-height:40px}.clu-wallet summary{padding:5px 0}
.clu-wallet [data-clu-message]:empty{display:none}
.clu-wallet :focus-visible,.clu-discovery :focus-visible{outline:2px solid currentColor;outline-offset:3px}
/* Public education. Scoped layout; native theme fonts, palette and buttons. */
#clarity-loyalty-page{padding-bottom:48px;color:var(--ds-dark-color,#163039)}
.clu-breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:20px 0 8px;padding:0;list-style:none;font-size:12px;line-height:1.6}
.clu-breadcrumbs li{display:flex;align-items:center;gap:8px;width:auto;height:auto;min-width:0;margin:0;padding:0}
.clu-breadcrumbs li+li:before{content:"/";color:#95939b}.clu-breadcrumbs a{text-decoration:underline;text-underline-offset:3px}.clu-breadcrumbs [aria-current]{color:#6c7177}
.clu-guide{font:inherit;font-size:16px;line-height:1.6}.clu-guide *{box-sizing:border-box}.clu-guide [hidden]{display:none!important}
.clu-guide h1,.clu-guide h2,.clu-guide h3{height:auto;min-height:0;margin:0;font-family:inherit;color:inherit;white-space:normal;overflow-wrap:break-word;letter-spacing:0}
.clu-guide h1{font-size:clamp(32px,3.6vw,48px);line-height:1.13;font-weight:700;max-width:580px;letter-spacing:-.025em}
.clu-guide h2{font-size:30px;line-height:1.25;font-weight:700}.clu-guide h3{font-size:20px;line-height:1.4;font-weight:700}
.clu-guide p{height:auto;margin:12px 0 0;font-size:16px;line-height:1.65}.clu-guide a:not(.button){text-underline-offset:4px}
.clu-guide .button{height:auto;min-height:46px;max-width:100%;padding:12px 20px;line-height:1.5;font-size:14px;white-space:normal;text-align:center;gap:10px}
.clu-guide :focus-visible{outline:2px solid var(--ds-interactive-color,#654366);outline-offset:4px}
.clu-guide-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;gap:32px;padding:36px 0 52px}.clu-hero-copy{min-width:0}.clu-eyebrow{display:block;font-size:11px;line-height:1.5;font-weight:700;letter-spacing:.14em;color:#654366;margin-bottom:14px}
.clu-guide .clu-lead{font-size:18px;line-height:1.6;max-width:470px;margin-top:24px}.clu-hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:28px}
.clu-text-link{font:inherit;font-size:14px;line-height:1.5;color:inherit;background:none;border:0;padding:10px 0;cursor:pointer;text-decoration:underline;display:inline-flex;gap:8px;align-items:center;min-height:44px}
.clu-mascot{margin:0;display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0}.clu-mascot img{display:block;width:100%;max-width:400px;height:auto;object-fit:contain}.clu-mascot figcaption{margin-top:-12px}.clu-mascot strong{display:block;font-size:22px;line-height:1.35}.clu-mascot figcaption span{display:block;font-size:13px;line-height:1.5;margin-top:4px;color:#687078}
.clu-guide-section{margin-top:52px;scroll-margin-top:110px}.clu-section-intro{margin-bottom:24px}.clu-how-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.clu-how-steps li{min-width:0;padding:22px 0 0;border-top:1px solid var(--ds-border-color,#e3dfe4)}.clu-step-number{display:block;font-size:13px;line-height:1.5;color:#654366;margin-bottom:14px;font-weight:700}
.clu-earn-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.clu-earn-card{padding:24px;background:#f8f4ef;display:flex;flex-direction:column;align-items:flex-start;min-width:0}.clu-earn-value{display:block;font-size:30px;font-weight:700;line-height:1.2;color:#654366;margin-bottom:20px}.clu-earn-value small{font-size:14px;font-weight:400}.clu-earn-card p{margin-bottom:22px}.clu-earn-card a{font-size:14px;line-height:1.5;margin-top:auto;text-decoration:underline;min-height:44px;display:inline-flex;align-items:center;gap:8px}




.clu-faq{max-width:900px}.clu-faq-item{border-bottom:1px solid var(--ds-border-color,#e3dfe4)}.clu-faq-item summary{display:list-item;list-style:disclosure-closed;font-size:16px;line-height:1.5;font-weight:600;padding:20px 8px 20px 0;margin-left:20px;cursor:pointer}.clu-faq-item[open] summary{list-style:disclosure-open}.clu-faq-answer{padding:0 8px 22px 20px}.clu-faq-answer p{margin:0;font-size:15px;line-height:1.65}.clu-guide .clu-contact{margin-top:24px;font-size:14px}.clu-contact a{text-decoration:underline}
.clu-guide-end{margin-top:48px;padding-top:32px;border-top:1px solid var(--ds-border-color,#e3dfe4);display:flex;align-items:center;gap:32px;justify-content:space-between}.clu-guide-end>div{max-width:660px}.clu-guide-end .button{flex-shrink:0}

@media(max-width:991px){.clu-guide-hero{gap:16px}.clu-how-steps{gap:20px}.clu-guide-end{flex-direction:column;align-items:flex-start}}
@media(max-width:600px){.clu-breadcrumbs{margin-top:16px;font-size:11px}.clu-guide-hero{grid-template-columns:1fr;padding:28px 0 12px;gap:20px}.clu-guide h1{font-size:34px;max-width:400px}.clu-guide h2{font-size:26px}.clu-guide h3{font-size:19px}.clu-guide .clu-lead{font-size:16px;margin-top:20px}.clu-hero-actions{gap:20px;margin-top:22px}.clu-mascot img{width:240px}.clu-mascot figcaption{margin-top:-8px}.clu-mascot strong{font-size:21px}.clu-guide-section{margin-top:36px}.clu-section-intro{margin-bottom:20px}.clu-how-steps,.clu-earn-grid{grid-template-columns:1fr;gap:16px}.clu-how-steps li{padding-top:18px}.clu-step-number{margin-bottom:8px}.clu-earn-card{padding:24px}.clu-earn-value{margin-bottom:16px}.clu-faq-item summary{font-size:15px;padding-top:18px;padding-bottom:18px}.clu-guide-end{margin-top:36px;gap:20px}}

.clu-wallet-heading{display:flex;align-items:center;gap:10px;min-width:0}.clu-wallet-mascot{width:52px;height:52px;flex:0 0 52px;object-fit:contain;border-radius:50%}.clu-wallet [data-clu-balance]{white-space:nowrap;flex-shrink:0}

/* Keep help readable against the light card; scope touch sizing to this module. */
.clu-wallet summary{color:var(--ds-dark-color,#163039);font-size:14px;min-height:44px;padding:11px 0}.clu-wallet .button{min-height:44px}