.strength-search{display:grid;gap:7px;max-width:640px;margin:0 0 30px;font-weight:700}.strength-search input{margin:0}.strength-periodic{display:grid;gap:26px}.strength-periodic-domain{--domain:#66736e;--domain-soft:#eef2f0}.strength-periodic-domain.executing{--domain:#8b2b91;--domain-soft:#f2e7f4}.strength-periodic-domain.influencing{--domain:#f47a00;--domain-soft:#fff0df}.strength-periodic-domain.strategic_thinking{--domain:#009b68;--domain-soft:#e2f4ed}.strength-periodic-domain.relationship_building{--domain:#1683b5;--domain-soft:#e3f1f7}.strength-periodic-domain>header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.strength-periodic-domain>header>span{width:13px;height:32px;border-radius:8px;background:var(--domain)}.strength-periodic-domain h2{margin:0;color:var(--domain)}.strength-periodic-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(116px,1fr));gap:13px}.strength-element{position:relative;display:grid;grid-template-rows:1fr auto;align-items:center;aspect-ratio:1/1;min-height:116px;padding:19px 10px 11px;border:1px solid color-mix(in srgb,var(--domain) 43%,#fff);border-radius:16px;background:linear-gradient(145deg,#fff 0%,var(--domain-soft) 100%);color:var(--ink);text-align:center;text-decoration:none;box-shadow:0 8px 24px rgba(24,45,37,.06);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.strength-element:hover,.strength-element:focus-visible{transform:translateY(-4px);border-color:var(--domain);box-shadow:0 14px 30px color-mix(in srgb,var(--domain) 17%,transparent);outline:none}.element-frequency{position:absolute;top:10px;left:11px;display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:var(--domain);color:#fff;font:800 12px Montserrat,sans-serif}.element-symbol{align-self:center;color:var(--domain);font:800 clamp(27px,2.4vw,40px)/1 Montserrat,sans-serif;letter-spacing:-1px}.element-name{overflow-wrap:anywhere;font:700 12px/1.2 Montserrat,sans-serif}.strength-element[hidden],.strength-periodic-domain[hidden],.strength-search-empty[hidden]{display:none}.strength-search-empty{padding:24px;text-align:center}
@media(max-width:720px){.strength-periodic-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.strength-element{min-height:0;padding:17px 6px 8px;border-radius:12px}.element-frequency{top:7px;left:7px;width:21px;height:21px;font-size:10px}.element-symbol{font-size:27px}.element-name{font-size:10px}}
@media(max-width:430px){.strength-periodic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}