.anatomy-hero{padding:clamp(var(--s-6),4vw,var(--s-8)) 0 clamp(var(--s-6),4vw,var(--s-7));background:var(--surface-warm);position:relative;overflow:hidden}.anatomy-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 50% 60% at 25% 0%,rgba(91,126,240,.04) 0%,transparent 60%),radial-gradient(ellipse 40% 50% at 75% 100%,rgba(139,92,246,.03) 0%,transparent 60%);pointer-events:none}.anatomy-hero__inner{max-width:var(--container-max);margin:0 auto;padding:0 var(--s-5);position:relative;display:grid;grid-template-columns:1fr;gap:var(--s-7)}@media(min-width:880px){.anatomy-hero__inner{grid-template-columns:1.4fr 1fr;gap:clamp(var(--s-7),5vw,var(--s-9));align-items:end}}.anatomy-hero__head{display:flex;flex-direction:column}.anatomy-hero__eyebrow{display:inline-flex;align-items:center;gap:var(--s-3);margin-bottom:var(--s-5);font-family:var(--font-mono);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-muted);align-self:flex-start}.anatomy-hero__eyebrow:before{content:"";width:32px;height:1px;background:var(--border-strong)}.anatomy-hero__h1{font-family:var(--font-display);font-weight:400;font-size:clamp(2.25rem,5vw,3.75rem);line-height:1.05;letter-spacing:-.028em;color:var(--ink);margin:0 0 var(--s-5);text-wrap:balance}.anatomy-hero__h1 em{font-style:italic;background:var(--brand-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.anatomy-hero__sub{font-family:var(--font-display);font-size:clamp(1rem,1.5vw,1.125rem);line-height:1.6;color:var(--ink-2);max-width:540px;margin:0 0 var(--s-5)}.anatomy-hero__sub em{font-style:italic;color:var(--ink);font-weight:400}.anatomy-hero__lead{font-family:var(--font-body);font-size:var(--t-body-sm);line-height:1.7;color:var(--ink-3);max-width:56ch;margin:0}.anatomy-hero__lead a{color:var(--ink);border-bottom:1px solid var(--border-strong);padding-bottom:1px;transition:color var(--t-fast) var(--ease-out),border-color var(--t-fast) var(--ease-out)}.anatomy-hero__lead a:hover{color:var(--brand);border-color:var(--brand)}.anatomy-hero__legend{display:flex;flex-direction:column;gap:var(--s-4);padding:var(--s-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg)}.legend-row{display:grid;grid-template-columns:1fr;gap:var(--s-2)}.legend-row__title{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-muted)}.legend-row__items{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--s-2)}.legend-item{display:flex;align-items:center;gap:var(--s-3);font-family:var(--font-body);font-size:.8125rem;color:var(--ink-2);line-height:1.4}.legend-item__dot{width:10px;height:10px;border-radius:2px;flex-shrink:0}.legend-item--ai .legend-item__dot{background:#5b7ef066;border:1px solid rgba(91,126,240,.6)}.legend-item--intel .legend-item__dot{background:#8b5cf659;border:1px solid rgba(139,92,246,.55)}.legend-item--editor .legend-item__dot{background:#d8865452;border:1px solid rgba(216,134,84,.55)}.legend-item__label{color:var(--ink-2)}.legend-item__brand-mark{font-family:var(--font-mono);font-size:.95rem;background:var(--brand-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;flex-shrink:0;width:14px;text-align:center}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.periodic{padding:clamp(var(--s-6),5vw,var(--s-8)) 0 clamp(var(--s-7),6vw,var(--s-9));background:var(--surface);position:relative}.periodic__mobile-hint{display:none}@media(hover:none){.periodic__mobile-hint{display:flex;align-items:center;gap:var(--s-3);max-width:var(--container-max);margin:0 auto var(--s-6);padding:var(--s-3) var(--s-5);font-family:var(--font-display);font-style:italic;font-size:.875rem;line-height:1.45;color:var(--ink-muted)}.periodic__mobile-hint svg{width:14px;height:14px;color:var(--brand);flex-shrink:0}}.periodic-group{max-width:var(--container-max);margin:0 auto clamp(var(--s-7),5vw,var(--s-9));padding:0 var(--s-5)}.periodic-group:last-child{margin-bottom:0}.periodic-group__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s-4);flex-wrap:wrap;padding-bottom:var(--s-4);margin-bottom:var(--s-5);border-bottom:1px solid var(--border-strong)}.periodic-group__title-block{display:flex;align-items:baseline;gap:var(--s-4)}.periodic-group__roman{font-family:var(--font-mono);font-size:1rem;font-weight:500;color:var(--ink-muted);letter-spacing:.04em}.periodic-group__name{font-family:var(--font-display);font-weight:400;font-style:italic;font-size:clamp(2rem,4vw,3rem);line-height:1;letter-spacing:-.025em;color:var(--ink);margin:0}.periodic-group__meta{display:flex;align-items:baseline;gap:var(--s-4);font-family:var(--font-mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-muted)}.periodic-group__count{color:var(--ink-2);font-weight:500}.periodic-group__formula{font-family:var(--font-display);font-style:italic;font-size:.875rem;letter-spacing:0;text-transform:none;color:var(--ink-muted)}.periodic-group__cells{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s-2)}@media(min-width:480px){.periodic-group__cells{grid-template-columns:repeat(3,1fr)}}@media(min-width:720px){.periodic-group__cells{grid-template-columns:repeat(4,1fr)}}@media(min-width:960px){.periodic-group--ai .periodic-group__cells{grid-template-columns:repeat(5,1fr)}.periodic-group--intel .periodic-group__cells,.periodic-group--editor .periodic-group__cells{grid-template-columns:repeat(4,1fr)}}@media(min-width:1100px){.periodic-group--intel .periodic-group__cells,.periodic-group--editor .periodic-group__cells{grid-template-columns:repeat(8,1fr)}.periodic-group--ai .periodic-group__cells{grid-template-columns:repeat(10,1fr)}}.el{position:relative;aspect-ratio:1 / 1.15;padding:10px 8px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-decoration:none;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--ink);transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease,z-index 0ms .2s;cursor:pointer;overflow:visible;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.el:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.el--ai{background:linear-gradient(135deg,#5b7ef006,#5b7ef001)}.el--intel{background:linear-gradient(135deg,#8b5cf606,#8b5cf601)}.el--editor{background:linear-gradient(135deg,#d8865406,#d8865401)}.el--brand{border-width:2px;border-color:var(--ink);background:linear-gradient(135deg,#5b7ef00d,#8b5cf60a),var(--surface)}.el--planned{opacity:.62;cursor:default}.el--planned.el--brand{border-color:var(--border-strong)}@media(hover:none){.el:active{transform:scale(.97);transition:transform .1s ease}.el--planned:active{opacity:.85}}.el__num{position:absolute;top:6px;left:8px;font-family:var(--font-mono);font-size:.6rem;color:var(--ink-muted);letter-spacing:.04em;font-weight:500}.el__brand-mark{position:absolute;top:6px;right:8px;font-family:var(--font-mono);font-size:.85rem;background:var(--brand-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1}.el__status-mark{position:absolute;bottom:6px;right:8px;font-family:var(--font-mono);font-size:1rem;line-height:1;color:var(--ink-subtle);letter-spacing:0}.el--brand .el__status-mark{right:22px}.el__symbol{font-family:var(--font-mono);font-weight:500;font-size:clamp(1.5rem,2.5vw,1.875rem);letter-spacing:-.01em;color:var(--ink);line-height:1;margin-bottom:6px}.el--brand .el__symbol{background:var(--brand-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.el__name{font-family:var(--font-display);font-style:italic;font-weight:400;font-size:clamp(.7rem,1vw,.78rem);line-height:1.15;color:var(--ink-2);text-align:center;letter-spacing:-.005em}@media(hover:hover)and (pointer:fine){.el:hover{border-color:var(--ink);transform:translateY(-2px) scale(1.02);box-shadow:0 8px 24px #0f172a14;z-index:5;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease,z-index 0ms 0ms}.el--ai:hover{border-color:#5b7ef0b3}.el--intel:hover{border-color:#8b5cf6b3}.el--editor:hover{border-color:#d88654b3}.el--brand:hover{border-color:var(--brand)}.el--planned:hover{transform:translateY(-1px);border-color:var(--border-strong);opacity:.85}.el:after{content:attr(data-desc);position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%) translateY(4px);background:var(--ink);color:var(--surface);padding:10px 14px;border-radius:var(--r-sm);font-family:var(--font-body);font-size:.78rem;line-height:1.45;white-space:normal;width:max-content;max-width:260px;opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease;z-index:20;text-align:left;letter-spacing:-.005em}.el:before{content:"";position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%) rotate(45deg);width:8px;height:8px;background:var(--ink);opacity:0;transition:opacity .18s ease;z-index:19;pointer-events:none}.el:hover:after,.el:focus-visible:after{opacity:1;transform:translate(-50%) translateY(0)}.el:hover:before,.el:focus-visible:before{opacity:1}}.periodic-fallback{max-width:var(--container-max);margin:clamp(var(--s-6),5vw,var(--s-8)) auto 0;padding:0 var(--s-5)}.periodic-fallback summary{list-style:none;cursor:pointer;padding:var(--s-4) var(--s-5);background:var(--surface-warm);border:1px solid var(--border);border-radius:var(--r-md);display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);font-family:var(--font-body);font-size:var(--t-body-sm);font-weight:500;color:var(--ink-2);transition:border-color var(--t-fast) var(--ease-out)}.periodic-fallback summary::-webkit-details-marker{display:none}.periodic-fallback summary:hover{border-color:var(--border-strong)}.periodic-fallback__summary-label{font-family:var(--font-display);font-style:italic;font-size:var(--t-body);color:var(--ink)}.periodic-fallback__chevron{width:14px;height:14px;color:var(--ink-muted);transition:transform var(--t-base) var(--ease-out)}.periodic-fallback[open] .periodic-fallback__chevron{transform:rotate(180deg)}.periodic-fallback__body{padding:var(--s-5) 0 0;display:grid;gap:var(--s-7)}.periodic-fallback__group-name{font-family:var(--font-display);font-weight:500;font-size:var(--t-h5);line-height:1.2;letter-spacing:-.014em;color:var(--ink);margin:0 0 var(--s-4);padding-bottom:var(--s-2);border-bottom:1px solid var(--border);display:flex;align-items:baseline;gap:var(--s-3)}.periodic-fallback__group-count{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted);margin-left:auto}.periodic-fallback__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--s-3)}.periodic-fallback__item{display:grid;grid-template-columns:44px 1fr;gap:var(--s-3);align-items:start}.periodic-fallback__item-symbol{font-family:var(--font-mono);font-weight:500;font-size:.95rem;color:var(--ink-2);padding-top:2px}.periodic-fallback__item-text{display:flex;flex-direction:column;gap:2px;min-width:0}.periodic-fallback__item-name{font-family:var(--font-body);font-size:var(--t-body-sm);font-weight:500;color:var(--ink);display:inline-flex;align-items:center;gap:var(--s-2)}.periodic-fallback__item-name--planned{color:var(--ink-muted)}.periodic-fallback__item-tag{font-family:var(--font-mono);font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-subtle);padding:1px 6px;border:1px solid var(--border);border-radius:3px}a.periodic-fallback__item-name:hover{color:var(--brand)}.periodic-fallback__item-desc{font-family:var(--font-display);font-style:italic;font-size:.8125rem;line-height:1.5;color:var(--ink-muted)}.periodic-fallback__foot{margin:0;padding:var(--s-4) 0 0;border-top:1px solid var(--border);font-family:var(--font-display);font-style:italic;font-size:.875rem;color:var(--ink-muted)}@media(hover:hover)and (pointer:fine)and (min-width:880px){.periodic-fallback summary{background:transparent;border:0;padding:var(--s-3) 0 0;justify-content:flex-start;gap:var(--s-3);color:var(--ink-muted)}.periodic-fallback__summary-label{font-size:var(--t-body-sm);font-style:normal;font-family:var(--font-body);color:var(--ink-muted);border-bottom:1px solid var(--border-strong);padding-bottom:1px}.periodic-fallback summary:hover .periodic-fallback__summary-label{color:var(--brand);border-color:var(--brand)}}.anatomy-close{padding:clamp(var(--s-7),6vw,var(--s-9)) var(--s-5);background:var(--surface-warm);border-top:1px solid var(--border);text-align:center}.anatomy-close__inner{max-width:720px;margin:0 auto}.anatomy-close__h2{font-family:var(--font-display);font-weight:400;font-size:clamp(2rem,4vw,3rem);line-height:1.05;letter-spacing:-.025em;color:var(--ink);margin:0 0 var(--s-5);text-wrap:balance}.anatomy-close__h2 em{font-style:italic;background:var(--brand-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.anatomy-close__sub{font-family:var(--font-display);font-style:italic;font-size:clamp(1.0625rem,1.6vw,1.25rem);line-height:1.55;color:var(--ink-2);max-width:560px;margin:0 auto var(--s-7)}.anatomy-close__ctas{display:flex;gap:var(--s-3);justify-content:center;flex-wrap:wrap;margin-bottom:var(--s-6)}.anatomy-close__bridge{font-family:var(--font-body);font-size:var(--t-body-sm);color:var(--ink-muted);margin:0;line-height:1.6}.anatomy-close__bridge a{color:var(--ink-2);border-bottom:1px solid var(--border-strong);padding-bottom:1px;transition:color var(--t-fast) var(--ease-out),border-color var(--t-fast) var(--ease-out)}.anatomy-close__bridge a:hover{color:var(--brand);border-color:var(--brand)}