.workshop-dialog{box-sizing:border-box;overscroll-behavior:contain;color:#eef6ff;text-align:left;background:linear-gradient(145deg,#19334d,#071729 75%);border:1px solid #87b6e852;border-radius:19px;width:min(380px,100vw - 32px);height:fit-content;max-height:calc(100dvh - 40px);margin:auto;padding:0;position:fixed;inset:0;overflow:auto;box-shadow:inset 0 1px #ffffff42,0 35px 100px #0009}.workshop-dialog::backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#010b19b8}.workshop-dialog-inner{padding:27px;position:relative}.workshop-dialog img{object-fit:contain;margin-bottom:14px;display:block}.workshop-eyebrow{letter-spacing:.15em;color:#9dcafb;font-size:12px}.workshop-dialog h2{letter-spacing:-.03em;color:#fff;margin:12px 0;font-size:22px;line-height:1.22}.workshop-dialog p{color:#a9bdd0;margin:10px 0 17px;font-size:14px;line-height:1.5}.workshop-close{color:#fff;cursor:pointer;background:#ffffff08;border:1px solid #ffffff30;border-radius:50%;width:36px;height:36px;font-size:25px;position:absolute;top:16px;right:16px}.workshop-dialog label{color:#dbeafa;font-size:14px;display:block}.workshop-dialog input{box-sizing:border-box;color:#fff;width:100%;font:inherit;background:#020d1c80;border:1px solid #88b4d94d;border-radius:12px;margin-top:8px;padding:11px 13px;font-size:16px}.workshop-dialog input:focus{outline-offset:3px;outline:2px solid #84bfff}.workshop-dialog .workshop-error{color:#ffafad;min-height:22px;margin:10px 0;font-size:14px}.workshop-submit{color:#072343;width:100%;font:inherit;cursor:pointer;background:linear-gradient(155deg,#e4f3ff,#9ccbf7);border:1px solid #ffffff70;border-radius:13px;padding:12px;font-weight:750;box-shadow:inset 0 2px #fff9,0 6px 22px #78bfff24}.workshop-submit:disabled{opacity:.6;cursor:wait}.workshop-submit:hover{filter:brightness(1.08)}.workshop-dialog button:focus-visible{outline-offset:4px;outline:2px solid #b0d8ff}@media (width<=480px){.workshop-dialog-inner{padding:25px 23px}.workshop-dialog h2{font-size:22px}}.elements-page .workshop-dialog h2{color:#fff}.elements-page .workshop-dialog p{color:#a9bdd0}.elements-page .workshop-dialog .workshop-error{color:#ffafad}.workshop-inline{text-align:left;width:min(100%,350px);margin:0 auto}.workshop-inline label{color:#334d69;font-size:14px;font-weight:600;display:block}.workshop-inline input{box-sizing:border-box;color:#172c45;width:100%;font:inherit;background:#f9fbfd;border:1px solid #c4d4e5;border-radius:12px;margin-top:8px;padding:12px 14px;font-size:16px;display:block;box-shadow:inset 0 1px 3px #17375906}.workshop-inline input:focus{outline-offset:3px;outline:2px solid #84bfff}.elements-page .workshop-inline .workshop-error{color:#af3443;min-height:0;margin:8px 0;font-size:13px}.workshop-inline .workshop-error:empty{display:none}.workshop-inline .workshop-submit{margin-top:12px}.elements-names-lock-cell{z-index:4;grid-area:9/1/11/3;place-items:center start;min-width:0;display:grid;position:relative}.elements-periodic .elements-governance{overflow-wrap:anywhere;grid-area:9/3/10/4;padding-right:5px;font-size:clamp(9px,.7vw,11px)}.elements-periodic .elements-people{overflow-wrap:anywhere;grid-area:10/3/11/4;padding-right:5px;font-size:clamp(9px,.7vw,11px)}.element-names-lock{flex-direction:column;align-items:center;gap:7px;width:max-content;max-width:100%;display:flex;position:relative}.elements-page .element-names-switch{background:linear-gradient(145deg,#edf3fc,#cadcf4);border:1px solid #2964b460;border-radius:999px;flex:none;width:64px;height:34px;padding:3px;transition:background .25s,border-color .25s;position:relative;box-shadow:inset 0 2px 4px #2964b422,inset 0 -1px #fff,0 4px 10px #2964b412}.element-names-thumb{color:#2964b4;background:linear-gradient(145deg,#fff,#edf3fc);border:1px solid #fff;border-radius:50%;place-items:center;width:26px;height:26px;transition:transform .25s,color .25s;display:grid;transform:translate(0);box-shadow:0 2px 6px #2964b430,inset 0 1px #fff}.elements-page .element-names-switch.is-unlocked{background:linear-gradient(145deg,#fbecee,#edc5ca);border-color:#b5384360;box-shadow:inset 0 2px 4px #b5384322,inset 0 -1px #fff,0 4px 10px #b5384312}.element-names-switch.is-unlocked .element-names-thumb{color:#b53843;background:linear-gradient(#fff,#fbf0f1);transform:translate(30px);box-shadow:0 2px 6px #b5384330,inset 0 1px #fff}.element-names-thumb svg{width:17px;height:17px}.element-names-cloud{z-index:20;text-align:left;background:linear-gradient(140deg,#fff,#faf7ff);border:1px solid #d9d0e7;border-radius:13px 13px 13px 6px;width:168px;max-width:calc(100vw - 40px);padding:9px 8px 8px;position:absolute;bottom:calc(100% + 9px);left:0;box-shadow:0 6px 18px #47315e20,inset 0 1px #fff}.element-names-cloud:after{content:"";background:#faf7ff;border-bottom:1px solid #d9d0e7;border-right:1px solid #d9d0e7;width:8px;height:8px;position:absolute;bottom:-5px;left:20px;transform:rotate(45deg)}.elements-page .element-names-cloud-close{color:#7b6e8b;background:0 0;border:0;width:20px;height:20px;padding:0;font-size:16px;line-height:1;position:absolute;top:3px;right:3px}.element-names-cloud label{color:#514564;margin:0 0 5px;padding-right:15px;font-size:12px;font-weight:650;line-height:1.25;display:block}.elements-page .element-names-cloud input{color:#2b2336;background:#fff;border:1px solid #d5cce2;border-radius:7px;width:100%;height:28px;padding:4px 7px;font-size:12px;line-height:1.2}.elements-page .element-names-cloud input:focus-visible{outline-offset:1px;outline:2px solid #3970ad}.elements-page .element-names-cloud p{color:#af334c;margin:5px 0 0;font-size:12px;line-height:1.35}.elements-names-lock-alternate{justify-content:flex-start;margin:20px 0 10px;display:none}.elements-names-lock-alternate.is-card-view{display:flex}.element-tile.is-names-locked>.element-tile-brand{margin-top:auto}@media (width<=980px){.elements-names-lock-alternate{display:flex}}@media (prefers-reduced-motion:reduce){.element-names-switch,.element-names-thumb{transition:none}}.elements-gate.elements-gate-with-film{box-sizing:border-box;text-align:left;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(32px,5vw,80px);width:100%;max-width:1360px;min-height:calc(100svh - 92px);margin:0 auto;padding:clamp(48px,8vh,96px) clamp(24px,5vw,64px);display:grid}.elements-gate-copy{min-width:0}.elements-gate-with-film h1.elements-spectrum-title{letter-spacing:-.055em;max-width:540px;margin:18px 0 20px;font-size:clamp(2.5rem,4.2vw,3.75rem);line-height:1.04}.elements-gate-copy>p{color:#617188;margin:0 0 22px;font-size:1rem;line-height:1.5}.elements-gate-copy .elements-gate-orbs{justify-content:flex-start;gap:8px;margin:22px 0 28px}.elements-gate-copy .elements-gate-orbs>.elements-archetype-preview-label{padding:7px 12px;font-size:.8125rem}.elements-gate-copy .workshop-inline{width:min(100%,350px);margin:0}.elements-gate-copy>.ai-copyright{text-align:left;margin-top:14px;display:block}.elements-intro-film{min-width:0;margin:0}.elements-intro-screen{aspect-ratio:16/9;isolation:isolate;background:#f0f3f5;border:1px solid #dce2e9;border-radius:22px;position:relative;overflow:hidden;box-shadow:0 25px 55px -30px #20374f65,0 4px 12px #20374f09}.elements-intro-screen video{object-fit:contain;border-radius:inherit;background:#111821;width:100%;height:100%;display:block}.elements-intro-cover{border-radius:inherit;text-align:left;color:#203047;cursor:pointer;width:100%;height:100%;font:inherit;background:linear-gradient(90deg,#ffffff70,#0000 76%),url(/media/ai-elements-teaser.webp) 50%/cover;border:0;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:clamp(20px,2.7vw,36px);display:flex;position:absolute;inset:0}.elements-intro-copy{flex-direction:column;gap:clamp(9px,1.2vw,15px);max-width:83%;display:flex}.elements-intro-brand{letter-spacing:.14em;color:#45546b;align-items:center;gap:7px;font-size:.75rem;font-weight:750;display:flex}.elements-intro-brand img{object-fit:contain}.elements-intro-copy strong{letter-spacing:-.045em;color:#25384e;text-shadow:0 1px 10px #ffffff70;font-size:clamp(1.375rem,2.4vw,2.125rem);font-weight:650;line-height:1.12}.elements-intro-play{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd9;border:1px solid #ffffffd9;border-radius:99px;align-items:center;gap:10px;padding:5px 14px 5px 5px;transition:box-shadow .2s,transform .2s;display:inline-flex;box-shadow:0 3px 14px #16385415}.elements-intro-play-icon{color:#fff;background:#253b56;border-radius:50%;place-items:center;width:38px;height:38px;display:grid;box-shadow:inset 0 1px #ffffff40}.elements-intro-play-icon svg{margin-left:2px}.elements-intro-play>span:last-child{align-items:baseline;gap:12px;font-size:.8125rem;font-weight:600;display:flex}.elements-intro-play small{font-variant-numeric:tabular-nums;color:#65768a;font-size:.75rem;font-weight:400}.elements-intro-cover:hover .elements-intro-play{transform:translateY(-2px);box-shadow:0 5px 18px #16385425}.elements-intro-cover:focus-visible{outline-offset:-5px;outline:3px solid #2864b5}.elements-intro-film figcaption{letter-spacing:-.015em;color:#6b7a8c;flex-wrap:wrap;justify-content:space-between;gap:5px 12px;padding:14px 4px 0;font-size:.875rem;line-height:1.4;display:flex}.elements-intro-film figcaption>span{white-space:nowrap}.elements-intro-film figcaption>span:first-child{color:#43566e;font-weight:600}.elements-intro-film .elements-intro-error{color:#53657b;margin:12px 0 0;font-size:.875rem;line-height:1.4}.elements-intro-error a{color:#245b9d;text-underline-offset:3px;text-decoration:underline}@media (width<=900px){.elements-gate.elements-gate-with-film{grid-template-columns:1fr;gap:36px;max-width:700px;min-height:auto;padding:44px 26px 48px}.elements-gate-with-film h1.elements-spectrum-title{font-size:clamp(2.5rem,7vw,3.75rem)}.elements-intro-copy strong{font-size:clamp(1.75rem,5vw,2.5rem)}.elements-intro-cover{padding:clamp(22px,4vw,34px)}.elements-intro-copy{gap:12px}}@media (width<=480px){.elements-gate.elements-gate-with-film{gap:30px;padding:32px 20px}.elements-gate-copy .elements-gate-orbs{gap:6px;margin:18px 0 22px}.elements-gate-copy .elements-gate-orbs>.elements-archetype-preview-label{padding:6px 9px;font-size:.75rem}.elements-intro-screen{aspect-ratio:16/10;border-radius:16px}.elements-intro-cover{padding:18px}.elements-intro-copy{gap:7px;max-width:90%}.elements-intro-copy strong{font-size:1.5rem}.elements-intro-brand{gap:5px;font-size:.75rem}.elements-intro-brand img{width:16px;height:16px}.elements-intro-play{gap:7px;padding:3px 11px 3px 3px}.elements-intro-play-icon{width:32px;height:32px}.elements-intro-play>span:last-child{gap:8px;font-size:.75rem}.elements-intro-film figcaption{padding-top:10px}}@media (prefers-reduced-motion:reduce){.elements-intro-play{transition:none}.elements-intro-cover:hover .elements-intro-play{transform:none}}@media (width<=380px){.elements-intro-cover{padding:16px}.elements-intro-copy strong{font-size:1.375rem}}.elements-intro-film{container-type:inline-size}.elements-intro-film .elements-film-caption{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;min-height:44px;padding:10px 4px 0;display:grid}.elements-intro-film figcaption>.elements-count-sculpted{letter-spacing:-.035em;color:#326bbc;-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px #fff)drop-shadow(0 1px #b4c2d3)drop-shadow(0 2px 1px #526a8b26);background:linear-gradient(110deg,#327cd1 2%,#28875e 36%,#bc761e 65%,#bf4053 95%);-webkit-background-clip:text;background-clip:text;font-weight:800}.elements-film-possibilities{letter-spacing:-.025em;text-align:right;color:inherit;text-wrap:balance;max-width:190px;font-weight:400}.elements-film-possibilities:hover{text-underline-offset:3px;color:#2964b4;text-decoration:underline!important}.elements-beat-cubes{perspective:240px;justify-content:center;align-items:center;gap:3px;min-width:0;height:42px;display:flex;overflow:hidden}.element-beat-item{--cube-size:22px;height:30px;color:var(--cube-color);cursor:pointer;transform:translateY(var(--beat-lift,0px)) rotate(var(--beat-turn,0deg)) scale(var(--beat-scale,1));touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex:0 0 27px;place-items:center;padding:0;display:grid}.element-beat-item:hover{filter:brightness(1.08)}.element-beat-item:focus-visible{outline:2px solid var(--cube-color);outline-offset:1px;border-radius:5px}@container (width<=540px){.element-beat-item:nth-child(n+6){display:none}}@container (width<=460px){.element-beat-item:nth-child(n+5){display:none}}@container (width<=400px){.element-beat-item:nth-child(n+4){display:none}.elements-intro-film .elements-film-caption{gap:6px;font-size:.75rem}.elements-beat-cubes{gap:2px}}@container (width<=350px){.element-beat-item:nth-child(n+3){display:none}.element-beat-item{--cube-size:20px;flex-basis:24px}.elements-intro-film figcaption>.elements-count-sculpted,.elements-intro-film figcaption>.elements-film-possibilities{white-space:normal}}@media (prefers-reduced-motion:reduce){.element-beat-item{transform:none!important}.element-mini-cube{transition:none}}@media (forced-colors:active){.elements-intro-film figcaption>.elements-count-sculpted{-webkit-text-fill-color:CanvasText;color:canvastext;filter:none;background:0 0}.element-mini-front,.element-mini-side,.element-mini-top,.element-mini-back,.element-mini-left,.element-mini-bottom{background:canvas;border-color:buttontext}}.element-related-heading{justify-content:flex-start;align-items:center;gap:8px;margin-bottom:4px;display:flex}.element-detail-body .element-related-heading h3{min-width:0;margin:0}.element-related{align-items:center}.element-related-heading .element-related-playground{box-shadow:none;appearance:none;cursor:pointer;flex:0 0 var(--group-width);width:var(--group-width);isolation:isolate;background:0 0;border:0;min-width:0;max-width:86px;height:32px;margin-inline-start:0;padding:0;display:block;position:relative;overflow:hidden}.element-related-heading .element-related-playground:focus-visible{outline-offset:2px;border-radius:5px;outline:2px solid #2964b4}.capybot-stage{perspective:240px;pointer-events:none;position:absolute;inset:0}.capybot-lane{width:24px;height:28px;position:absolute;bottom:1px;transform:translate(-50%)}.capybot-roam{animation:10s ease-in-out infinite capybot-meet;position:absolute;inset:0}.capybot-shadow{background:radial-gradient(ellipse,color-mix(in srgb,var(--agent-color) 21%,transparent),transparent 72%);height:3px;animation:capybot-shadow 2.8s ease-in-out var(--hop-delay) infinite;border-radius:50%;position:absolute;bottom:0;left:5px;right:5px}.capybot-body{transform-origin:50% 90%;animation:capybot-hop 2.8s ease-in-out var(--hop-delay) infinite;position:absolute;inset:0}.capybot-body img{object-fit:contain;filter:drop-shadow(0 1px 1px #27394b12);-webkit-user-select:none;user-select:none;width:32px;max-width:none;height:32px;display:block;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}.capybot-explorer img{bottom:-3px;left:36%}.capybot-operator img{bottom:0}.capybot-architect img{bottom:-4px;left:37%}.element-related-playground[data-running=false] .capybot-roam,.element-related-playground[data-running=false] .capybot-body,.element-related-playground[data-running=false] .capybot-shadow{animation-play-state:paused}@keyframes capybot-meet{0%,12%,to{transform:translate(0,0)rotateY(0)}28%,38%{transform:translate3d(var(--play-step),0,2px) rotateY(var(--play-lean))}44%{transform:translate3d(var(--play-step),-1px,2px) rotateY(0deg)}60%,70%{transform:translate3d(calc(var(--play-step)*-.5),0,0) rotateY(calc(var(--play-lean)*-1))}82%{transform:translateY(-1px)rotateY(0)}}@keyframes capybot-hop{0%,44%,to{transform:translateY(0)rotate(-2deg)scale(1)}14%{transform:translateY(1px)rotate(0)scale(1.025,.97)}25%{transform:translateY(-2px)rotate(3deg)scale(.98,1.025)}36%{transform:translateY(0)rotate(1deg)scale(1.025,.98)}70%{transform:translateY(-1px)rotate(-3deg)scale(1)}}@keyframes capybot-shadow{0%,44%,to{opacity:.8;transform:scaleX(1)}25%{opacity:.4;transform:scaleX(.7)}70%{opacity:.65;transform:scaleX(.9)}}@media (prefers-reduced-motion:reduce){.element-related-playground *{transition:none!important;animation:none!important}}.elements-page{--ink:#172331;--muted:#59697c;--line:#dce3eb;--el-color:#2964b4;min-height:100vh;color:var(--ink);font-family:var(--font-geist-sans),Arial,sans-serif;background:#fff;font-size:16px;line-height:1.5}.elements-page *{box-sizing:border-box}.elements-page button,.elements-page input,.elements-page select{font:inherit}.elements-page button,.elements-page a{touch-action:manipulation}.elements-page button{cursor:pointer}.elements-page a{text-decoration:none}.elements-page button:focus-visible,.elements-page a:focus-visible,.elements-page input:focus-visible,.elements-page select:focus-visible{outline-offset:3px;outline:2px solid #3970ad}.elements-page h1,.elements-page h2,.elements-page h3{color:#172331;letter-spacing:-.025em}.elements-page p{color:var(--muted)}.elements-nav{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;max-width:1600px;min-height:48px;margin:auto;padding:8px 26px;display:flex}.elements-brand{color:#14273d;letter-spacing:.1em;align-items:center;gap:9px;font-size:12px;font-weight:780;display:flex}.elements-brand img{object-fit:contain;width:28px;height:28px}.elements-nav>div{align-items:center;gap:23px;display:flex}.elements-nav>div>a,.elements-nav>div>button{color:#576a80;font-size:12px}.elements-nav>div>button{background:#fff;border:1px solid #c8d5e1;border-radius:100px;padding:5px 12px}.elements-nav a:hover{color:#154b86}.elements-workspace{max-width:1600px;margin:auto;padding:12px 26px 24px}.elements-kicker{letter-spacing:.12em;color:#61758b;font-size:11px;font-weight:650}.elements-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:12px;display:flex}.elements-heading h1{letter-spacing:-.045em;margin:0 0 5px;font-size:clamp(26px,2.5vw,38px);font-weight:750;line-height:1.1}.elements-heading p{margin:0;font-size:13px}.elements-modes{flex-wrap:wrap;gap:6px;display:flex}.elements-modes button{color:#526378;background:linear-gradient(#fff,#f4f7fa);border:1px solid #dce3ea;border-radius:100px;padding:7px 11px;font-size:12px;transition:all .2s}.elements-modes i{background:var(--el-color);border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.elements-modes button[aria-pressed=true]{color:var(--el-color);border-color:color-mix(in srgb,var(--el-color) 50%,#fff);background:color-mix(in srgb,var(--el-color) 8%,#fff);box-shadow:inset 0 1px #fff}.elements-modes button:hover{border-color:var(--el-color);box-shadow:0 3px 10px #1a345310}.elements-filters{align-items:center;gap:10px;margin-bottom:7px;display:flex}.elements-filters label{flex:0 180px;min-width:0}.elements-filters label>span{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.elements-filters .elements-search{flex:1}.elements-filters input,.elements-filters select{appearance:auto;color:#293b50;background:#fff;border:1px solid #cfd9e5;border-radius:7px;width:100%;height:34px;padding:7px 10px;font-size:12px}.elements-filters input::placeholder{color:#778498}.elements-reset{white-space:nowrap;color:#5c6e83;background:0 0;border:0;padding:7px 3px;font-size:12px!important}.elements-view-switch{background:#edf1f6;border:1px solid #ccd7e3;border-radius:7px;flex-shrink:0;padding:2px;display:flex}.elements-view-switch button{color:#65758a;background:0 0;border:0;border-radius:4px;padding:5px 10px;font-size:12px}.elements-view-switch button[aria-pressed=true]{color:#fff;background:#23374f;box-shadow:0 1px 3px #23374f25}.elements-results{color:#6d7b8d;justify-content:space-between;gap:16px;margin:0 0 7px;font-size:11px;display:flex}.elements-results>span:first-child{color:#53667c}.elements-table-scroll{padding:0;overflow:visible}.elements-periodic{--tile-height:clamp(49px,calc((100dvh - 280px)/9),92px);grid-template-columns:repeat(18,minmax(0,1fr));grid-template-rows:repeat(7,var(--tile-height)) 7px repeat(2,var(--tile-height));gap:4px;min-width:0;display:grid}.element-tile{--el-fill:#dde5f4;isolation:isolate;text-align:left;border:1px solid color-mix(in srgb,var(--el-color) 27%,#fff);background:linear-gradient(140deg,color-mix(in srgb,var(--el-fill) 86%,#fff),var(--el-fill));min-width:0;min-height:0;color:var(--el-color);border-radius:5px;flex-direction:column;align-items:flex-start;padding:4px 5px 5px;transition:transform .15s,box-shadow .15s,opacity .15s,border-color .15s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffc4,0 1px 2px #11243b05}.element-tile:before{content:"";pointer-events:none;z-index:-1;background:linear-gradient(115deg,#0000 15%,#ffffff7d 44%,#0000 72%);transition:transform .45s;position:absolute;inset:0;transform:translate(-130%)}.element-tile:hover:before,.element-tile:focus-visible:before{transform:translate(120%)}.element-tile:hover,.element-tile:focus-visible{border-color:var(--el-color);z-index:2;transform:translateY(-2px);box-shadow:inset 0 1px #fff,0 5px 13px #263f6e25}.element-number{opacity:.72;justify-content:space-between;gap:2px;width:100%;font-size:clamp(9px,.7vw,11px);line-height:1;display:flex}.element-symbol{letter-spacing:-.04em;margin:3px 0 2px;font-size:clamp(18px,2.8vh,30px);font-weight:730;line-height:1.03;display:block}.element-name{-webkit-line-clamp:2;overflow-wrap:normal;-webkit-box-orient:vertical;max-width:100%;margin-top:auto;font-size:clamp(9px,.72vw,12px);line-height:1.15;display:-webkit-box;overflow:hidden}.element-tile.is-dim:hover,.element-tile.is-dim:focus-visible{opacity:.8}.elements-inspector{grid-area:1/3/4/8;grid-template-columns:clamp(56px,5vw,82px) 1fr;align-content:start;align-items:start;gap:12px;min-width:0;padding:8px 12px;display:grid;overflow:hidden}.elements-inspector-symbol{border:1.5px solid var(--el-color);aspect-ratio:.85;width:100%;color:var(--el-color);background:var(--el-fill);border-radius:7px;flex-direction:column;justify-content:center;align-items:center;font-size:clamp(27px,3vw,42px);line-height:1.2;display:flex;box-shadow:inset 0 1px #fff}.elements-inspector-symbol small{opacity:.65;font-size:10px}.elements-inspector>div{min-width:0}.elements-inspector>div>span{color:#61728a;font-size:10px;line-height:1.3;display:block}.elements-inspector h3{margin:4px 0 6px;font-size:clamp(16px,1.45vw,23px);line-height:1.05}.elements-inspector p{color:#263747;-webkit-line-clamp:4;-webkit-box-orient:vertical;margin:0 0 6px;font-size:clamp(11px,.9vw,14px);line-height:1.4;display:-webkit-box;overflow:hidden}.elements-inspector button{color:#526c8c;background:0 0;border:0;padding:0;font-size:11px}.elements-inspector button:hover{text-decoration:underline}.elements-inline-legend{grid-area:1/8/4/13;grid-template-columns:1fr 1fr;align-content:start;gap:clamp(3px,.9vh,9px) 8px;padding:8px 8px 4px;display:grid}.elements-inline-legend button{text-align:left;color:#263345;background:0 0;border:1px solid #0000;border-radius:4px;align-items:center;gap:6px;min-width:0;padding:2px;font-size:clamp(10px,.8vw,13px);line-height:1.2;display:flex}.elements-inline-legend i,.elements-family-legend i{border:1px solid var(--el-color);background:var(--el-fill);border-radius:3px;flex:none;width:11px;height:11px}.elements-inline-legend button[aria-pressed=true]{border-color:var(--el-color);background:var(--el-fill);color:var(--el-color)}.elements-mini-key{color:#596a7e;flex-direction:column;grid-area:1/13/2/18;align-self:center;gap:2px;min-width:0;padding:4px 13px;font-size:12px;display:flex}.elements-mini-key b{color:var(--el-color);font-size:12px}.elements-mini-key span{font-size:11px}.elements-detached-label{color:#67778a;text-align:right;justify-content:flex-end;align-items:center;padding-right:10px;font-size:11px;line-height:1.3;display:flex}.elements-governance{grid-area:9/1/10/4}.elements-people{grid-area:10/1/11/4}.elements-block-mark{text-align:center;color:#6e7385;background:#f0edf2;border:1px dashed #aebdce;border-radius:5px;justify-content:center;align-items:center;font-size:10px;line-height:1.3;display:flex}.elements-block-six{color:#842760;background:#f4d9ea66;border-color:#c38fb0;grid-area:6/3/7/4}.elements-block-seven{color:#8a420c;background:#fbdfc666;border-color:#c6a38a;grid-area:7/3/8/4}.elements-family-legend{display:none}.elements-map-note{margin:8px 0 0;font-size:11px;color:#748092!important}.elements-card-grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:10px;display:grid}.elements-card-grid .element-tile{border-radius:10px;min-height:130px;padding:12px}.elements-card-grid .element-name{font-size:13px;line-height:1.3}.elements-mobile-cards{display:none}.elements-empty{text-align:center;border:1px dashed #a7b7c8;border-radius:14px;padding:35px 20px}.elements-empty h3{margin:0 0 8px;font-size:24px}.elements-empty p{font-size:16px}.elements-path-panel{background:#fff;border:1px solid #d8e1ea;border-radius:12px;margin-top:18px;overflow:hidden}.elements-path-panel>summary{cursor:pointer;color:#35506d;padding:12px 17px;font-size:14px}.elements-path-panel>summary>span{float:right;color:#7a8999;font-size:12px}.elements-path-top{border-block:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:16px 20px;display:flex}.elements-path-top p{margin:4px 0 0;font-size:13px}.elements-path-body{grid-template-columns:minmax(230px,.85fr) minmax(0,2fr);gap:24px;padding:20px;display:grid}.elements-lens-label{color:var(--el-color);font-size:12px}.elements-path-intro h2{margin:8px 0 10px;font-size:23px;line-height:1.25}.elements-path-intro p{margin:0 0 12px;font-size:14px;line-height:1.6}.elements-progress{color:#72849a;font-size:12px}.elements-path-steps{grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;gap:9px;display:grid}.elements-path-steps>button{text-align:left;border:1px solid color-mix(in srgb,var(--el-color) 25%,#fff);background:linear-gradient(#fff,color-mix(in srgb,var(--el-color) 7%,#fff));color:#263b50;border-radius:11px;padding:12px;transition:all .2s;box-shadow:inset 0 1px #fff}.elements-path-steps>button:hover{border-color:var(--el-color);transform:translateY(-2px)}.elements-step-top{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.elements-step-top b{color:var(--el-color);font-size:25px;font-weight:650}.elements-step-top small{color:#748397;font-size:11px}.elements-path-steps>button>strong{margin-bottom:7px;font-size:13px;font-weight:630;line-height:1.35;display:block}.elements-path-steps>button>span:last-child{color:#708297;font-size:12px;line-height:1.4;display:block}.elements-next{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;padding:25px 0;display:flex}.elements-next h2{margin:5px 0 8px;font-size:25px}.elements-next p{max-width:740px;margin:0;font-size:14px}.elements-next>a,.elements-primary{background:linear-gradient(#fff,#e5edf7);border:1px solid #b0c7e0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;padding:12px 18px;font-size:14px;font-weight:650;display:inline-flex;box-shadow:inset 0 1px #fff;color:#1e4875!important}.elements-next>a:hover,.elements-primary:hover{border-color:#4876aa}.elements-source-note{color:#738299;flex-wrap:wrap;gap:20px;padding-top:16px;font-size:12px;display:flex}.elements-source-note>span{margin-left:auto}.elements-feedback{font-size:14px}.elements-gate{text-align:center;max-width:800px;margin:10vh auto;padding:35px 25px}.elements-gate h1{letter-spacing:-.05em;margin:22px 0;font-size:clamp(38px,6vw,64px);line-height:1.1}.elements-gate>p{max-width:590px;margin:0 auto 25px;font-size:18px;line-height:1.7}.elements-gate-orbs{flex-wrap:wrap;justify-content:center;gap:10px;margin:30px 0;display:flex}.elements-gate-orbs span{color:var(--el-color);border:1px solid color-mix(in srgb,var(--el-color) 25%,#fff);background:color-mix(in srgb,var(--el-color) 6%,#fff);border-radius:100px;padding:8px 15px;font-size:14px}.element-dialog{color:#172331;overscroll-behavior:contain;background:#fff;border:1px solid #c1cbd7;border-radius:16px;width:min(680px,100vw - 36px);max-width:calc(100vw - 36px);height:fit-content;max-height:min(82dvh,760px);margin:auto;padding:0;position:fixed;inset:0;overflow:auto;box-shadow:0 24px 90px #17233142}.element-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#18263675}.element-dialog article{background:#fff}.element-detail-header{border-bottom:1px solid color-mix(in srgb,var(--el-color) 20%,#fff);background:linear-gradient(125deg,var(--el-fill),color-mix(in srgb,var(--el-fill) 55%,#fff));grid-template-columns:82px 1fr;align-items:center;gap:19px;padding:24px 48px 22px 26px;display:grid;position:relative}.element-detail-close{color:#253a51;background:#ffffffc4;border:1px solid #60738750;border-radius:50%;width:30px;height:30px;line-height:1;position:absolute;top:12px;right:12px;font-size:22px!important}.element-specimen{border:1.5px solid var(--el-color);min-height:99px;color:var(--el-color);background:var(--el-fill);border-radius:8px;flex-direction:column;justify-content:space-between;align-items:stretch;padding:8px;display:flex;box-shadow:inset 0 1px #fff}.element-specimen>span:first-child{justify-content:space-between;font-size:11px;display:flex}.element-specimen small{font-size:10px}.element-specimen strong{letter-spacing:-.04em;font-size:38px;font-weight:700;line-height:1.15}.element-specimen>span:last-child{letter-spacing:.04em;font-size:8px}.element-detail-header .elements-kicker{color:var(--el-color);font-size:10px}.element-detail-header h2{color:var(--el-color);margin:6px 0 10px;font-size:28px;font-weight:730;line-height:1.1}.element-detail-header p{color:#35495b;margin:0;font-size:15px;line-height:1.5}.element-detail-body{flex-direction:column;gap:24px;padding:24px 27px 26px;display:flex}.element-detail-body h3{letter-spacing:.12em;text-transform:uppercase;color:#607088;margin:0 0 8px;font-size:11px;font-weight:650}.element-detail-body p{color:#253448;margin:0;font-size:16px;line-height:1.65}.element-archetype-lens h3,.element-archetype-lens strong{color:var(--el-color)}.element-company-link{color:#285fa0;text-underline-offset:3px;text-decoration:underline!important}.element-company-link:hover{color:#153f70}.element-leaders{background:#f1f4f8;border-radius:10px;padding:17px 19px}.element-leaders h3{color:var(--el-color)}.element-judgment{border-left:2px solid #d1b37c;padding:3px 0 3px 16px}.element-judgment h3{color:#8a6724}.element-related{flex-wrap:wrap;gap:8px;display:flex}.element-related button{text-align:left;border:1px solid color-mix(in srgb,var(--el-color) 30%,#fff);background:var(--el-fill);color:var(--el-color);border-radius:8px;align-items:center;gap:10px;padding:9px 12px;transition:all .2s;display:flex;box-shadow:inset 0 1px #fff9}.element-related button:hover{border-color:var(--el-color);transform:translateY(-2px)}.element-related b{font-size:24px}.element-related span{font-size:12px}.element-detail-footer{background:#fafbfd;border-top:1px solid #dfe5ec;justify-content:space-between;align-items:center;gap:12px;padding:16px 26px;display:flex}.element-detail-footer button{color:#4a6783;background:#fff;border:1px solid #c7d3e0;border-radius:7px;padding:8px 12px;font-size:12px}.element-detail-footer>span{color:#8290a1;font-size:12px}@media (width>=981px) and (height<=750px){.elements-nav{min-height:40px;padding-block:5px}.elements-workspace{padding-top:9px}.elements-heading{margin-bottom:8px}.elements-heading h1{font-size:27px}.elements-heading p{font-size:12px}.elements-periodic{--tile-height:clamp(47px,calc((100dvh - 245px)/9),60px);gap:3px}.element-tile{padding:3px 4px}.element-symbol{margin:2px 0;font-size:20px}.element-name{font-size:9px;line-height:1.05}.element-number{font-size:9px}.elements-inline-legend{gap:3px 5px}.elements-inline-legend button{font-size:10px}.elements-inspector{gap:9px;padding:6px 9px}.elements-inspector p{-webkit-line-clamp:3;font-size:11px}.elements-inspector h3{font-size:17px}.elements-inspector-symbol{font-size:30px}.elements-map-note{margin-top:5px;font-size:10px}}@media (width<=1100px){.elements-heading{gap:10px}.elements-heading h1{font-size:29px}.elements-heading p{font-size:12px}.elements-modes button{padding:6px 8px;font-size:11px}.elements-filters label{flex-basis:145px}.elements-path-body{grid-template-columns:1fr}.elements-inspector{grid-template-columns:55px 1fr;gap:8px;padding:7px}.elements-inspector h3{font-size:16px}.elements-inspector p{font-size:11px}.elements-inline-legend{gap:5px;padding:6px 3px}.elements-inline-legend button{font-size:10px}.elements-inline-legend i{width:9px;height:9px}}@media (width<=980px){.elements-nav{padding:12px 20px}.elements-workspace{padding:20px}.elements-heading{flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:18px}.elements-heading h1{font-size:33px}.elements-heading p{font-size:14px}.elements-heading .elements-modes{gap:7px}.elements-modes button{padding:7px 11px;font-size:12px}.elements-filters{grid-template-columns:1fr 1fr;gap:10px;display:grid}.elements-filters .elements-search{grid-column:1/-1}.elements-filters input,.elements-filters select{height:40px;font-size:14px}.elements-view-switch{display:none}.elements-reset{justify-self:start}.elements-results{margin:10px 0 15px;font-size:11px;display:block}.elements-results>span{margin-top:3px;display:block}.elements-table-scroll{display:none}.elements-mobile-cards{display:grid}.elements-card-grid{grid-template-columns:repeat(auto-fill,minmax(116px,1fr));gap:8px}.elements-card-grid .element-tile{min-height:125px;padding:10px}.elements-card-grid .element-name{font-size:12px}.elements-card-grid .element-symbol{font-size:32px}.element-number{font-size:11px}.elements-family-legend{flex-wrap:wrap;gap:7px 12px;padding:18px 0 10px;display:flex}.elements-family-legend button{color:#53657c;background:0 0;border:1px solid #0000;border-radius:5px;align-items:center;gap:6px;padding:3px;font-size:12px;display:flex}.elements-family-legend button[aria-pressed=true]{background:var(--el-fill);border-color:var(--el-color)}.elements-map-note{font-size:12px}.elements-path-top{flex-direction:column;align-items:flex-start;gap:12px}.elements-path-steps{grid-template-columns:repeat(5,minmax(128px,1fr));padding-bottom:8px;overflow-x:auto}.elements-next{flex-direction:column;align-items:flex-start}.elements-source-note{gap:10px 20px}.elements-nav>div>a{font-size:12px}}@media (width<=540px){.elements-nav{padding:12px 16px}.elements-brand{font-size:11px}.elements-nav>div{gap:12px}.elements-nav>div>a:nth-child(2){display:none}.elements-workspace{padding:20px 15px}.elements-heading h1{font-size:30px}.elements-heading .elements-modes{grid-template-columns:1fr 1fr;width:100%;display:grid}.elements-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.elements-path-panel>summary{padding:12px;font-size:12px}.elements-path-panel>summary>span{float:none;margin-top:5px;font-size:11px;display:block}.elements-source-note{flex-direction:column}.elements-source-note>span{margin:0}.element-dialog{border-radius:13px;width:calc(100vw - 24px);max-width:calc(100vw - 24px);max-height:86dvh}.element-detail-header{grid-template-columns:68px 1fr;gap:14px;padding:37px 19px 20px}.element-specimen{min-height:89px;padding:6px}.element-specimen strong{font-size:32px}.element-specimen>span:last-child{font-size:7px}.element-detail-header h2{font-size:23px}.element-detail-header p{font-size:14px}.element-detail-body{gap:22px;padding:22px 20px}.element-detail-body p{font-size:15px}.element-detail-footer{gap:6px;padding:14px 15px}.element-detail-footer button{padding:8px;font-size:11px}.elements-gate h1{font-size:42px}}@media (width<=350px){.elements-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.elements-nav>div>a{display:none}}@media (prefers-reduced-motion:reduce){.elements-page *,.elements-page :before{scroll-behavior:auto!important;transition:none!important;animation:none!important}.element-tile:hover,.element-tile:focus-visible,.elements-path-steps>button:hover,.element-related button:hover{transform:none}}.elements-modes button>span{color:inherit;font-variant-numeric:tabular-nums;background:#e8edf3;border-radius:20px;margin-left:6px;padding:0 5px;font-size:10px;display:inline-block}.elements-modes button[aria-pressed=true]>span{background:#ffffffa8}.elements-results{align-items:center;gap:10px}.elements-explore-next{color:#355879;white-space:nowrap;background:linear-gradient(#fff,#f2f6fa);border:1px solid #cbd7e5;border-radius:20px;padding:2px 10px;box-shadow:inset 0 1px #fff;font-size:11px!important}.elements-explore-next:hover{border-color:#6b8aad}.elements-page button:disabled{cursor:default;opacity:.45}.elements-empty{background:#f8fafc;justify-content:center;align-items:center;gap:14px;margin-bottom:10px;padding:9px 15px;display:flex}.elements-empty p{margin:0;font-size:12px}.elements-empty button{color:#295f98;white-space:nowrap;background:0 0;border:0;font-size:12px;text-decoration:underline}.element-archetype-lens{border:1px solid color-mix(in srgb,var(--el-color) 24%,#fff);background:linear-gradient(135deg,#fff,color-mix(in srgb,var(--el-color) 6%,#fff));border-radius:10px;padding:14px 16px;box-shadow:inset 0 1px #fff}.element-archetype-lens p{font-size:15px}.element-related small{opacity:.7;margin-top:2px;font-size:10px;display:block}.element-sources{background:#fafbfd;border:1px solid #dce4ee;border-radius:9px;padding:11px 14px}.element-sources summary{cursor:pointer;color:#52677e;font-size:12px;font-weight:650}.element-sources summary>span{float:right;font-weight:400}.element-sources p{color:#6b7a8c;margin:12px 0 8px;font-size:12px;line-height:1.6}.element-sources ul{margin:0;padding-left:18px}.element-sources li{margin:7px 0;font-size:12px;line-height:1.5}.element-sources a{color:#285fa0;text-underline-offset:2px;text-decoration:underline}.element-detail-footer{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fafbfdf5;position:sticky;bottom:0}.element-detail-footer>span{text-align:center;font-variant-numeric:tabular-nums}@media (width<=980px){.elements-results{flex-wrap:wrap;display:flex}.elements-results>span:last-child{flex-basis:100%}.elements-explore-next{margin-left:auto}.elements-empty{flex-direction:column;gap:4px}}@media (width<=540px){.elements-heading .elements-modes>button:first-child{grid-column:1/-1}.elements-modes button>span{font-size:11px}.elements-results{gap:4px}.elements-results>span:first-child{font-size:10px}.elements-explore-next{padding:3px 7px;font-size:10px!important}.element-detail-footer>span{font-size:10px}}.elements-language{background:#f3f6f9;border:1px solid #dbe2ea;border-radius:999px;flex-shrink:0;align-items:center;gap:2px;padding:3px;display:flex}.elements-language button{color:#617086;cursor:pointer;background:0 0;border:0;border-radius:999px;min-height:30px;padding:7px 10px;font-family:inherit;font-size:11px;font-weight:700;line-height:1.2}.elements-language button[aria-pressed=true]{color:#173c6a;background:#fff;box-shadow:0 1px 5px #203a5620}.elements-language button:focus-visible{outline-offset:2px;outline:2px solid #2964b4}@media (width<=540px){.elements-nav>div{gap:7px}.elements-nav>div>a{display:none}.elements-nav>div>button{padding:6px;font-size:10px}.elements-language button{padding:7px 8px}}.elements-periodic{--tile-height:clamp(68px,calc((100dvh - 245px)/9),90px);grid-template-rows:repeat(7,minmax(var(--tile-height),auto)) 7px repeat(2,minmax(var(--tile-height),auto));gap:5px}.element-tile{border:1px solid color-mix(in srgb,var(--el-color) 20%,#fff);background:radial-gradient(ellipse at 18% 0%,#fffffff2,transparent 65%),linear-gradient(145deg,color-mix(in srgb,var(--el-fill) 78%,#fff),var(--el-fill) 64%,color-mix(in srgb,var(--el-fill) 92%,var(--el-color)));border-radius:13px;grid-template-rows:auto 1fr auto;align-content:stretch;align-items:start;gap:3px;padding:6px;transition:transform .2s,box-shadow .2s,opacity .2s,border-color .2s;display:grid;transform:translateZ(0);box-shadow:inset 0 1px 1px #fff,inset 0 -2px 3px #ffffff65,0 2px 3px #21344a0b,0 5px 10px #21344a0b}.element-tile:before{z-index:0;background:linear-gradient(115deg,#0000 20%,#ffffff90 48%,#0000 75%)}.element-tile>*{z-index:1;position:relative}.element-number{opacity:.68;width:auto;font-size:8px;font-weight:550;position:absolute;top:7px;right:6px}.element-symbol{letter-spacing:-.045em;text-shadow:0 1px #ffffffc9;margin:0;padding-right:13px;font-size:clamp(17px,1.45vw,23px);font-weight:730;line-height:1}.element-name{-webkit-line-clamp:unset;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;letter-spacing:-.015em;align-self:center;max-width:100%;margin:0;font-size:clamp(8px,.64vw,10px);font-weight:550;line-height:1.13;display:block;overflow:visible}.element-tile-brand{white-space:nowrap;max-width:100%;color:var(--el-color);letter-spacing:-.025em;opacity:.8;align-items:center;gap:2px;margin-top:1px;font-size:clamp(5px,.42vw,6.5px);font-weight:650;line-height:1.2;display:flex}.element-tile-brand img{object-fit:contain;filter:drop-shadow(0 1px 1px #ffffffa0);flex-shrink:0;width:clamp(7px,.6vw,10px);height:auto;display:block}.element-tile:hover,.element-tile:focus-visible{border-color:color-mix(in srgb,var(--el-color) 55%,#fff);transform:translateY(-3px)scale(1.035);box-shadow:inset 0 1px 1px #fff,inset 0 -2px 3px #ffffff80,0 5px 8px #263f6e14,0 12px 22px #263f6e25}.element-tile:active{transform:translateY(0)scale(.98);box-shadow:inset 0 2px 5px #21344a18,0 1px 3px #21344a12}.element-tile.is-match{border-color:color-mix(in srgb,var(--el-color) 48%,#fff);box-shadow:inset 0 1px 1px #fff,inset 0 -2px 3px #ffffff70,0 3px 8px color-mix(in srgb,var(--el-color) 15%,transparent)}.element-tile.is-dim{opacity:.33;filter:grayscale()}.elements-card-grid .element-tile{border-radius:20px;gap:7px;min-height:138px;padding:12px}.elements-card-grid .element-number{font-size:10px;top:13px;right:12px}.elements-card-grid .element-symbol{margin:0;font-size:29px}.elements-card-grid .element-name{margin:0;font-size:12px;line-height:1.25}.elements-card-grid .element-tile-brand{gap:4px;font-size:8px}.elements-card-grid .element-tile-brand img{width:13px}.element-specimen{border:1px solid color-mix(in srgb,var(--el-color) 35%,#fff);background:radial-gradient(ellipse at 15% 0%,#ffffffe0,transparent 70%),linear-gradient(145deg,var(--el-fill),color-mix(in srgb,var(--el-fill) 90%,var(--el-color)));border-radius:17px;min-height:102px;box-shadow:inset 0 1px 1px #fff,inset 0 -2px 3px #ffffff80,0 6px 14px #21344a16}.element-specimen strong{text-shadow:0 1px #fff9;font-size:32px}.element-specimen>.element-tile-brand{letter-spacing:-.03em;gap:2px;font-size:6px}.element-specimen .element-tile-brand img{width:10px}.element-detail-close{color:#43556b;-webkit-backdrop-filter:blur(16px)saturate(1.5);backdrop-filter:blur(16px)saturate(1.5);background:linear-gradient(145deg,#fffffff0,#e8edf5b8);border:1px solid #ffffffc9;border-radius:12px;place-items:center;width:34px;height:34px;padding:0;transition:transform .18s,box-shadow .18s;display:grid;box-shadow:inset 0 1px #fff,inset 0 -1px 1px #6a7d951c,0 3px 7px #273c5114,0 8px 16px #273c5110}.element-detail-close:hover{color:#172331;transform:translateY(-1px);box-shadow:inset 0 1px #fff,0 6px 16px #273c512a}.element-detail-close:active{transform:scale(.94)}.elements-language{background:linear-gradient(145deg,#f6f8fb,#e8edf4);border-color:#dce4ec;padding:3px;box-shadow:inset 0 1px 2px #21344a08}.elements-language button{place-items:center;min-width:39px;min-height:32px;padding:4px 8px;transition:background .2s,box-shadow .2s,transform .2s;display:grid}.elements-language button[aria-pressed=true]{background:linear-gradient(145deg,#fff,#f8fbff);box-shadow:inset 0 1px #fff,0 2px 6px #203a5625}.elements-language button:active{transform:scale(.95)}.elements-flag{font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif;font-size:21px;line-height:1;display:block}@media (width>=981px) and (height<=750px){.elements-periodic{--tile-height:61px;gap:4px}.element-tile{border-radius:10px;gap:2px;padding:4px}.element-symbol{font-size:17px}.element-name{font-size:8px;line-height:1.1}.element-number{font-size:7px;top:5px;right:4px}.element-tile-brand{font-size:5.5px}.element-tile-brand img{width:8px}}@media (width<=540px){.elements-language button{min-width:34px;padding:4px 6px}.elements-flag{font-size:20px}.element-specimen>.element-tile-brand{font-size:5px}.element-specimen .element-tile-brand img{width:8px}.element-detail-close{width:32px;height:32px;top:10px;right:10px}.elements-card-grid .element-tile{border-radius:16px;min-height:130px;padding:9px}.elements-card-grid .element-name{font-size:11px}.elements-card-grid .element-tile-brand{gap:2px;font-size:7px}.elements-card-grid .element-tile-brand img{width:10px}}@media (prefers-reduced-motion:reduce){.element-tile:hover,.element-tile:focus-visible,.element-tile:active,.element-detail-close:hover,.element-detail-close:active,.elements-language button:active{transform:none}}.element-tile-top{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:3px;width:100%;min-width:0;display:grid;container-type:inline-size}.element-tile-top .element-symbol{white-space:nowrap;min-width:0;padding-right:0;font-size:clamp(8px,55cqw - 12.1px,23px)}.element-tile-top>.element-number{font-variant-numeric:tabular-nums;opacity:1;place-items:center;gap:0;width:auto;margin:0;line-height:1;display:inline-grid;position:relative;inset:auto}.element-number-sphere{box-sizing:border-box;border:1px solid color-mix(in srgb,var(--sphere-color) 14%,white);background:radial-gradient(ellipse at 32% 18%,#ffffffa8,transparent 58%),radial-gradient(circle at 36% 26%,color-mix(in srgb,var(--sphere-color) 6%,white),color-mix(in srgb,var(--sphere-color) 16%,white) 60%,color-mix(in srgb,var(--sphere-color) 29%,white) 100%);width:clamp(16px,1.3vw,19px);height:clamp(16px,1.3vw,19px);color:color-mix(in srgb,var(--sphere-color) 78%,#263342);font-variant-numeric:tabular-nums;letter-spacing:-.035em;text-align:center;text-shadow:0 1px #ffffff80;box-shadow:inset 0 1px 1px #ffffffc2,inset 0 -1px 2px color-mix(in srgb,var(--sphere-color) 9%,transparent),0 1px 2px #20334b0d;border-radius:50%;flex:none;place-items:center;font-size:clamp(7px,.58vw,8px);font-weight:650;line-height:1;display:inline-grid}.elements-card-grid .element-number-sphere{width:23px;height:23px;font-size:9px}.element-explored-check{color:var(--el-color);flex-shrink:0;justify-content:center;align-items:center;font-size:1em;font-style:normal;font-weight:750;line-height:1;display:inline-flex;position:static}.element-tile-top>.element-number>.element-explored-check{pointer-events:none;background:#fff;border-radius:50%;width:9px;height:9px;font-size:7px;position:absolute;bottom:-3px;right:-2px;box-shadow:0 1px 2px #20334b14}.elements-card-grid .element-tile-top{gap:6px;min-height:30px}.elements-card-grid .element-tile-top .element-symbol{font-size:clamp(12px,55cqw - 15.95px,29px)}.elements-card-grid .element-tile-top>.element-number>.element-explored-check{width:11px;height:11px;font-size:8px}.elements-card-grid .element-number{gap:5px}.elements-step-top{align-items:center;gap:10px;margin-bottom:15px}.elements-step-number{font-variant-numeric:tabular-nums;flex-shrink:0;justify-content:flex-end;align-items:center;gap:6px;line-height:1.2;display:inline-flex}.elements-step-number .element-explored-check{font-size:11px}.elements-path-steps>button{flex-direction:column;justify-content:flex-start;gap:0;display:flex}.elements-path-steps .elements-step-top{width:100%}.elements-page h1.elements-spectrum-title{color:#2964b4;width:fit-content;max-width:100%;padding-bottom:.08em;padding-right:.06em}.elements-gate .elements-spectrum-title{margin-inline:auto}@supports ((-webkit-background-clip:text) or (background-clip:text)){.elements-page h1.elements-spectrum-title{color:#0000;-webkit-text-fill-color:transparent;background-image:linear-gradient(108deg,#0000 34%,#fffffff5 47%,#0000 60%),linear-gradient(90deg,#ef3340 0%,#ff9f1c 18%,#20c76a 38%,#168cff 58%,#ef3340 78%,#ff9f1c 100%);background-position:170% 0,0%;background-size:260% 100%,320% 100%;-webkit-background-clip:text;background-clip:text;animation:7s linear infinite headline-spectrum-flow}}@media (prefers-reduced-motion:reduce){.elements-page h1.elements-spectrum-title{filter:none;background-image:linear-gradient(100deg,#b53843,#aa5c16 33%,#218052 66%,#2964b4);background-position:0 0;background-size:100% 100%;animation:none}}@media (forced-colors:active){.elements-page h1.elements-spectrum-title{color:canvastext;-webkit-text-fill-color:CanvasText;filter:none;background:0 0;animation:none}}.elements-step-number .element-number-sphere,.element-specimen>.element-number-sphere:first-child{justify-content:center;place-items:center;width:23px;height:23px;font-size:9px;display:inline-grid}.elements-inspector-symbol>.element-number-sphere{color:color-mix(in srgb,var(--sphere-color) 78%,#263342);margin-top:4px;font-size:8px;line-height:1;display:inline-grid}.element-company-example{grid-template-columns:48px minmax(0,1fr);align-items:start;column-gap:12px;display:grid}.element-company-heading{line-height:1;margin:0!important}.element-company-example>p{overflow-wrap:anywhere;min-width:0}.element-company-brand{box-sizing:border-box;background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid #e7ebf0;border-radius:13px;justify-content:center;align-items:center;width:48px;height:48px;padding:7px;transition:transform .18s,box-shadow .18s;display:inline-flex;box-shadow:inset 0 1px #fff,0 2px 5px #20334b08}.element-company-brand img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:32px;display:block}.element-company-brand:hover{transform:translateY(-1px);box-shadow:0 3px 9px #20334b12}.element-company-brand:focus-visible{outline-offset:4px;outline:2px solid #2964b4}@media (width<=480px){.element-company-example{grid-template-columns:40px minmax(0,1fr);column-gap:10px}.element-company-brand{border-radius:11px;width:40px;height:40px;padding:6px}.element-company-brand img{max-height:26px}}.elements-gate-orbs>.elements-archetype-preview-label{cursor:default;outline-offset:4px;transition:background .18s,box-shadow .18s}.elements-archetype-preview-label:hover,.elements-archetype-preview-label:focus-visible{background:color-mix(in srgb,var(--el-color) 11%,#fff);box-shadow:0 4px 14px color-mix(in srgb,var(--el-color) 12%,transparent)}.elements-archetype-preview-label:focus-visible{outline:2px solid var(--el-color)}.elements-archetype-preview{z-index:80;border:1px solid color-mix(in srgb,var(--preview-color) 30%,#fff);text-align:left;background:linear-gradient(140deg,#fff,#f6f9fc);border-radius:22px;max-height:calc(100dvh - 32px);padding:16px;animation:.16s ease-out element-preview-in;position:fixed;overflow:auto;box-shadow:inset 0 1px #fff,0 16px 50px #203a562b,0 3px 10px #203a560d}.elements-archetype-preview header{color:var(--preview-color);justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.elements-archetype-preview header strong{font-size:16px;font-weight:700}.elements-archetype-preview header small{font-size:12px;font-weight:600}.elements-archetype-preview svg{width:100%;height:auto;display:block;overflow:visible}.elements-archetype-preview-credit{color:#718198;text-align:right;margin-top:10px;font-size:10px;line-height:1.5}@keyframes element-preview-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.elements-archetype-preview{animation:none}.elements-archetype-preview-label{transition:none}}.elements-journey-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 20px;margin-top:8px;display:flex}.elements-journey-row .elements-map-note{flex:480px;margin:0;line-height:1.5}.elements-map-copyright{white-space:nowrap;margin-right:6px}.elements-journey-row .elements-journey-tarot{margin-left:auto}.elements-feedback:empty{display:none}.elements-journey-tarot{isolation:isolate;color:#eee5cf;background:radial-gradient(at 25% 0,#ab814724,#0000 68%),linear-gradient(135deg,#283127,#0b1715 65%,#18231c);border:1px solid #9d916c;border-radius:11px;justify-content:center;align-items:center;min-height:34px;padding:7px 15px;font-size:13px;font-weight:650;line-height:1.4;transition:box-shadow .2s,transform .2s;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #eee5cf45,inset 0 0 0 3px #a3936420,0 3px #28362c,0 5px 12px #10251c22}.elements-journey-tarot:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(110deg,#0000 25%,#e5dac226 48%,#0000 72%);animation:5s ease-in-out infinite elements-journey-shine;position:absolute;inset:0;transform:translate(-150%)}.elements-page .elements-journey-tarot:hover{color:#fff6df;transform:translateY(-1px);box-shadow:inset 0 1px #eee5cf70,inset 0 0 0 3px #a3936430,0 3px #28362c,0 7px 16px #10251c35}.elements-page .elements-journey-tarot:focus-visible{outline-offset:3px;outline:2px solid #587966}@keyframes elements-journey-shine{0%,55%{transform:translate(-150%)}85%,to{transform:translate(150%)}}@media (prefers-reduced-motion:reduce){.elements-journey-tarot{transition:none}.elements-journey-tarot:before{animation:none}}
