.demo-global-toggle{min-height:48px;font-size:var(--font-ui,16px);color:var(--text);white-space:nowrap;justify-content:center;align-items:center;gap:9px;padding:8px 0;display:inline-flex}.demo-global-toggle.is-on{color:var(--olive)}.demo-switch-track{background:#e4e7dd;border:1px solid #c9cebe;border-radius:20px;flex-shrink:0;align-items:center;width:39px;height:24px;padding:3px;transition:background .18s;display:inline-flex}.demo-switch-track>span{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .18s;box-shadow:0 1px 3px #33402326}.demo-global-toggle.is-on .demo-switch-track{background:var(--olive);border-color:var(--olive)}.demo-global-toggle.is-on .demo-switch-track>span{transform:translate(15px)}.demo-global-banner{color:#6d694b;background:#f2ead4;border-top:1px solid #e1d7b9}.demo-global-banner-inner{width:min(1180px,100% - 80px);font-size:var(--font-small,14px);justify-content:space-between;align-items:center;gap:18px;margin:auto;padding:10px 0;display:flex}.demo-global-banner-inner>span{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.demo-global-banner-inner strong{font-weight:600}.demo-global-persona{border-left:1px solid #d7ccad;padding-left:11px}.demo-global-banner-inner>a{min-height:28px;color:var(--olive);white-space:nowrap;align-items:center;gap:6px;font-weight:550;display:inline-flex}.demo-global-banner-inner>a:hover{text-underline-offset:4px;text-decoration:underline}.demo-persona-page{min-height:60vh;padding-top:48px;padding-bottom:65px}.demo-persona-intro{text-align:center;max-width:670px;margin:0 auto 32px}.demo-persona-intro .heart-circle{background:#f2ead4;margin:0 auto 17px}.demo-persona-intro .eyebrow{margin-bottom:12px}.demo-persona-intro h1{font-size:clamp(38px,4.1vw,52px)}.demo-persona-intro>p:last-child{font-size:var(--font-body,18px);color:var(--text);margin-top:17px;line-height:1.65}.demo-persona-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.demo-persona-card{text-align:left;flex-direction:column;align-items:flex-start;min-width:0;margin:0;padding:29px;transition:border-color .18s,background .18s;display:flex}.demo-persona-card:hover,.demo-persona-card.is-current{background:#f4f6ed;border-color:#a7b593}.demo-persona-icon{width:52px;height:52px;color:var(--olive);background:#edf1e3;border-radius:50%;place-items:center;margin-bottom:24px;display:grid}.demo-persona-card h2{letter-spacing:-.6px;overflow-wrap:anywhere;margin:0 0 13px;font-size:32px}.demo-persona-card>p{font-size:var(--font-ui,16px);color:var(--text);margin-bottom:30px;line-height:1.7}.demo-persona-action{font-size:var(--font-ui,16px);color:var(--olive);align-items:center;gap:9px;min-height:35px;margin-top:auto;font-weight:550;display:inline-flex}.demo-persona-bottom{text-align:center;font-size:var(--font-small,14px);color:var(--text);margin-top:27px}.demo-persona-bottom a{color:var(--olive);align-items:center;gap:7px;min-height:35px;margin-left:8px;display:inline-flex}.demo-persona-page>.notice{margin-top:23px}@media (max-width:1250px) and (min-width:1101px){.site-header nav{gap:15px}.site-header nav>a:not(.button),.demo-global-toggle,.header-account{font-size:15px}.header-account{padding-left:13px;padding-right:13px}}@media (max-width:1100px){.site-header nav>.demo-global-toggle{justify-content:flex-start;width:fit-content;min-height:48px}.demo-global-banner-inner{width:calc(100% - 48px)}.demo-persona-grid{gap:16px}.demo-persona-card{padding:23px}.demo-persona-card h2{font-size:29px}}@media (max-width:760px){.demo-persona-page{padding-top:34px;padding-bottom:45px}.demo-persona-grid{grid-template-columns:1fr}.demo-persona-card{grid-template-columns:48px minmax(0,1fr);gap:0 17px;padding:22px;display:grid}.demo-persona-icon{grid-row:1/4;width:48px;height:48px;margin:0}.demo-persona-card h2{margin-bottom:7px;font-size:30px}.demo-persona-card>p{margin-bottom:13px;font-size:16px}.demo-persona-action{grid-column:2}.demo-persona-intro h1{font-size:40px}}@media (max-width:620px){.demo-global-banner-inner{align-items:flex-start;gap:12px;width:calc(100% - 36px)}.demo-global-banner-inner>span{gap:5px 8px}.demo-global-persona{border-left:0;width:100%;padding-left:25px}.demo-global-banner-inner>a{padding-top:0}.demo-persona-bottom a{justify-content:center;margin:8px 0 0;display:flex}}