.he{--he-night:#0c1230;--he-indigo:#1d2257;--he-violet:#8f82f5;--he-lavender:#cfc6ff;--he-gold:var(--gold);--he-text:var(--ivory);--he-muted:#f6f1e8d1;--he-hairline:#ffc42e47;isolation:isolate;border:1px solid var(--he-hairline);color:var(--he-text);font-family:var(--sans);background:radial-gradient(at 18% 28%,#2b3d5d 0%,#1c2a43 46%,#131c2f 100%);border-radius:6px;margin:8px 0 0;padding:clamp(14px,3vw,36px);position:relative;container-type:inline-size}.he:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle at 52% 24%,#ffffffb3 0 1px,#0000 1.6px),radial-gradient(circle at 63% 58%,#ffecb499 0 1px,#0000 1.6px),radial-gradient(circle at 74% 18%,#ffffffbf 0 1px,#0000 1.6px),radial-gradient(circle at 83% 46%,#ffecb4cc 0 1px,#0000 1.6px),radial-gradient(circle at 92% 14%,#ffffffa6 0 1px,#0000 1.6px),radial-gradient(circle at 12% 30%,#ffecb48c 0 1px,#0000 1.6px),radial-gradient(circle at 28% 14%,#fff9 0 1px,#0000 1.6px);border-radius:6px 6px 0 0;height:96px;position:absolute;inset:0 0 auto}.he *,.he :before,.he :after{box-sizing:border-box}.he__body{flex-direction:column;gap:24px;min-width:0;display:flex}.he__visual{min-width:0}.he__wheel-wrap{width:100%;max-width:620px;margin-inline:auto;display:none}.he__wheel{width:100%;height:auto;display:block;overflow:visible}.he__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}@container (min-width:680px){.he__wheel-wrap{display:block}.he__grid{display:none}}@container (min-width:960px){.he__body{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);align-items:center;gap:40px;display:grid}}.he__caption{text-align:center;max-width:46ch;color:var(--he-muted);margin:16px auto 0;font-size:14px;line-height:1.6}.he__star{fill:var(--he-lavender)}.he__rim{fill:none;stroke:#ffc42e4d;stroke-width:1px}.he__tick{stroke:#ffc42e66;stroke-width:1px}.he__tick--major{stroke:#ffc42ed9;stroke-width:1.6px}.he-seg{cursor:pointer;outline:none}.he-seg__shape{fill:#ffffff0d;stroke:#ffc42e66;stroke-width:1px;transition:fill .2s,stroke .2s}.he-seg.is-alt .he-seg__shape{fill:#ffffff17}.he-seg:hover .he-seg__shape{fill:#ffffff2e}.he-seg.is-selected .he-seg__shape{fill:#ffc42e38;stroke:var(--he-gold);stroke-width:2px}.he-seg:focus-visible .he-seg__shape{stroke:var(--he-text);stroke-width:3.5px}.he-seg__icon{color:var(--he-lavender);pointer-events:none}.he-seg.is-selected .he-seg__icon{color:var(--he-gold)}.he-seg__num{font-family:var(--serif);fill:var(--he-gold);pointer-events:none;font-size:30px;font-weight:600}.he-seg__label{font-family:var(--sans);fill:var(--he-text);pointer-events:none;font-size:15.5px}.he__hub-disc{stroke:#ffc42e8c;stroke-width:1.2px}.he__hub-ring{fill:none;stroke:#ffc42e59;stroke-width:1px;stroke-dasharray:2 6}.he__hub-kicker{font-family:var(--sans);letter-spacing:.3em;fill:var(--he-lavender);font-size:15px}.he__hub-number{font-family:var(--serif);fill:var(--he-gold);font-size:82px;font-weight:500}.he__hub-of{font-family:var(--sans);fill:var(--he-muted);font-size:15px}.he-card{min-height:104px;color:var(--he-text);font:inherit;text-align:center;cursor:pointer;background:#ffffff0f;border:1px solid #ffc42e4d;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:10px 6px;transition:background-color .2s,border-color .2s;display:flex}.he-card:hover{background:#ffffff24}.he-card:focus-visible{outline:2px solid var(--he-text);outline-offset:2px}.he-card.is-selected{border-color:var(--he-gold);background:#ffc42e2e}.he-card__icon{color:var(--he-lavender)}.he-card.is-selected .he-card__icon{color:var(--he-gold)}.he-card__num{font-family:var(--serif);color:var(--he-gold);font-size:26px;font-weight:600;line-height:1}.he-card__label{text-wrap:balance;font-size:14px;line-height:1.25}.he-panel{border:1px solid var(--he-hairline);background:#ffffff0b;border-radius:6px;min-width:0;padding:clamp(18px,3cqi,30px);scroll-margin-top:12px}.he-panel__inner{animation:.35s both he-fade}@keyframes he-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.he .he-panel__eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--he-gold);margin:0 0 8px;font-size:14px;font-weight:600}.he .he-panel__title{font-family:var(--serif);color:var(--he-text);text-wrap:balance;margin:0 0 16px;font-size:clamp(27px,4.4cqi,38px);font-weight:500;line-height:1.12}.he .he-chips{flex-wrap:wrap;gap:8px;margin:0 0 18px;padding:0;list-style:none;display:flex}.he .he-chips li{color:var(--he-lavender);border:1px solid #cfc6ff73;border-radius:999px;margin:0;padding:5px 12px;font-size:14px;line-height:1.4}.he .he-panel__body{color:var(--he-muted);margin:0 0 22px;font-size:16px;line-height:1.7}.he-ruler{border-top:1px solid var(--he-hairline);border-bottom:1px solid var(--he-hairline);align-items:flex-start;gap:16px;margin:0 0 20px;padding:16px 0;display:flex}.he-ruler__glyph{border:1px solid var(--he-hairline);width:52px;height:52px;font-family:var(--serif);color:var(--he-gold);background:#ffc42e14;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:28px;line-height:1;display:flex}.he-ruler__text{min-width:0}.he .he-ruler__label{letter-spacing:.12em;text-transform:uppercase;color:var(--he-lavender);margin:0 0 2px;font-size:14px}.he .he-ruler__name{font-family:var(--serif);color:var(--he-text);margin:0 0 6px;font-size:28px;font-weight:500;line-height:1.1}.he .he-ruler__note{color:var(--he-muted);margin:0 0 6px;font-size:15px;line-height:1.6}.he .he-ruler__note:last-child{margin-bottom:0}.he .he-caveat{color:var(--he-muted);align-items:flex-start;gap:10px;margin:0 0 20px;font-size:14px;line-height:1.6;display:flex}.he-caveat__icon{color:var(--he-lavender);flex:none;margin-top:2px}.he .he-links{flex-wrap:wrap;gap:8px 20px;margin:0 0 22px;padding:0;list-style:none;display:flex}.he .he-links li{margin:0}.he .he-links a{color:var(--he-gold);text-underline-offset:4px;padding:6px 0;font-size:15px;text-decoration:underline;display:inline-block}.he .he-links a:hover{color:var(--gold-light)}.he .he-links a:focus-visible,.he-nav__btn:focus-visible{outline:2px solid var(--he-text);outline-offset:3px}.he-nav{justify-content:space-between;gap:10px;display:flex}.he-nav__btn{border:1px solid var(--he-hairline);min-height:44px;font:inherit;color:var(--he-text);cursor:pointer;background:0 0;border-radius:4px;flex:1 1 0;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:14px;transition:background-color .2s,border-color .2s;display:inline-flex}.he-nav__btn:hover{border-color:var(--he-gold);background:#ffc42e1a}@media (prefers-reduced-motion:reduce){.he-panel__inner{animation:none}.he-seg__shape,.he-card,.he-nav__btn{transition:none}}
.pe{--pe-night:#0c1230;--pe-indigo:#1d2257;--pe-lavender:#cfc6ff;--pe-gold:var(--gold);--pe-text:var(--ivory);--pe-muted:#f6f1e8d6;--pe-hairline:#ffc42e47;border:1px solid var(--pe-hairline);color:var(--pe-text);font-family:var(--sans);background:radial-gradient(at 18% 28%,#2b3d5d 0%,#1c2a43 46%,#131c2f 100%);border-radius:6px;margin:8px 0 0;padding:clamp(14px,3vw,32px);position:relative;container-type:inline-size}.pe *,.pe :before,.pe :after{box-sizing:border-box}.pe__body{flex-direction:column;gap:20px;min-width:0;display:flex}@container (min-width:760px){.pe__body{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:start;gap:36px;display:grid}}.pe__selector-wrap{min-width:0}.pe__selector{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.pe-tile{min-width:0;min-height:72px;color:var(--pe-text);font:inherit;text-align:center;cursor:pointer;background:#ffffff0f;border:1px solid #ffc42e6b;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px 2px 12px;font-size:14px;line-height:1.2;transition:background-color .2s,border-color .2s;display:flex}.pe-tile:hover{background:#ffffff24}.pe-tile:focus-visible{outline:2px solid var(--pe-text);outline-offset:2px}.pe-tile.is-selected{border-color:var(--pe-gold);box-shadow:inset 0 0 0 1px var(--pe-gold), inset 0 -5px 0 var(--pe-gold);background:#ffc42e33}.pe-tile__glyph{font-family:var(--font-symbols-2), var(--font-symbols), "Segoe UI Symbol", "Apple Symbols", serif;color:var(--pe-lavender);font-size:24px;line-height:1}.pe-tile.is-selected .pe-tile__glyph{color:var(--pe-gold)}.pe-tile__name{max-width:100%}.pe__caption{color:var(--pe-muted);margin:14px 0 0;font-size:14px;line-height:1.6}@container (min-width:760px){.pe-tile{gap:8px;min-height:96px;padding:12px 4px 16px;font-size:15px}.pe-tile__glyph{font-size:32px}}.pe-panels{flex-direction:column;gap:14px;min-width:0;display:flex}.pe-panel{border:1px solid var(--pe-hairline);background:#ffffff0b;border-radius:6px;min-width:0;padding:clamp(18px,3cqi,28px);animation:.35s both pe-fade}.pe-panel[hidden]{display:none}@keyframes pe-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.pe-panel__head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px;display:flex}.pe-panel__title{min-width:0}.pe .pe-panel__eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--pe-gold);margin:0 0 8px;font-size:14px;font-weight:600}.pe .pe-panel__title h3{font-family:var(--serif);color:var(--pe-text);margin:0;font-size:clamp(30px,5cqi,40px);font-weight:500;line-height:1.1}.pe-panel__img{object-fit:contain;flex:none;width:72px;height:72px}.pe .pe-panel__adjectives{font-family:var(--serif);color:var(--pe-lavender);margin:0 0 14px;font-size:19px;font-weight:500;line-height:1.4}.pe .pe-panel__body{color:var(--pe-muted);margin:0;font-size:16px;line-height:1.7}@container (min-width:760px){.pe-panel__img{width:96px;height:96px}}@media (prefers-reduced-motion:reduce){.pe-panel{animation:none}.pe-tile{transition:none}}.pe-jump{flex-wrap:wrap;gap:10px;margin:18px 0 0;padding:0;list-style:none;display:flex}.pe-jump li{margin:0}.pe-jump a{color:#5e4100;border:1px solid #8a5f00;border-radius:999px;align-items:center;min-height:44px;padding:8px 18px;font-size:15px;font-weight:600;line-height:1.2;text-decoration:none;transition:background-color .2s;display:inline-flex}.pe-jump a:hover{background:#8a5f001f}.pe-jump a:focus-visible{outline-offset:3px;outline:2px solid #5e4100}@media (prefers-reduced-motion:reduce){.pe-jump a{transition:none}}