:root{--tp-metaux-alcalins: oklch(.87 .07 28);--tp-metaux-alcalino-terreux: oklch(.89 .07 70);--tp-metaux-de-transition: oklch(.91 .05 98);--tp-metaux-pauvres: oklch(.88 .05 145);--tp-metalloides: oklch(.88 .05 185);--tp-non-metaux: oklch(.89 .05 228);--tp-halogenes: oklch(.87 .06 268);--tp-gaz-nobles: oklch(.87 .06 305);--tp-lanthanides: oklch(.88 .06 340);--tp-actinides: oklch(.85 .03 60);--tp-encre: #13181c}[data-famille=metaux-alcalins]{--teinte: var(--tp-metaux-alcalins)}[data-famille=metaux-alcalino-terreux]{--teinte: var(--tp-metaux-alcalino-terreux)}[data-famille=metaux-de-transition]{--teinte: var(--tp-metaux-de-transition)}[data-famille=metaux-pauvres]{--teinte: var(--tp-metaux-pauvres)}[data-famille=metalloides]{--teinte: var(--tp-metalloides)}[data-famille=non-metaux]{--teinte: var(--tp-non-metaux)}[data-famille=halogenes]{--teinte: var(--tp-halogenes)}[data-famille=gaz-nobles]{--teinte: var(--tp-gaz-nobles)}[data-famille=lanthanides]{--teinte: var(--tp-lanthanides)}[data-famille=actinides]{--teinte: var(--tp-actinides)}.visuellement-cache{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.tp{display:grid;gap:var(--e3);padding-block:var(--e3) var(--e5)}.tp-commandes{display:grid;gap:var(--e3)}.tp-commandes[hidden]{display:none}.tp-modes{border:0;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--e1);align-items:center}.tp-modes legend{float:left;margin-right:var(--e2);font-weight:700;font-size:var(--tm1)}.tp-modes label{position:relative;font-size:var(--tm1);font-weight:600;cursor:pointer}.tp-modes input{position:absolute;opacity:0;inset:0;cursor:pointer}.tp-modes label:has(input){padding:.35em .8em;border:var(--filet);border-radius:var(--rayon);background:var(--fond)}.tp-modes label:has(input:checked){background:var(--accent);color:var(--sur-accent);border-color:var(--accent)}.tp-modes label:has(input:focus-visible){outline:3px solid var(--accent);outline-offset:2px}.tp-filtres{display:flex;flex-wrap:wrap;gap:var(--e3) var(--e4);align-items:end}.tp-recherche,.tp-temperature{display:grid;gap:var(--e1);font-size:var(--tm1);font-weight:600}.tp-temperature[hidden]{display:none}.tp-recherche input{font:inherit;font-weight:400;padding:.5em .75em;border:var(--filet);border-radius:var(--rayon);background:var(--fond);color:var(--texte);min-width:min(18rem,100%)}.tp-temperature input{width:min(24rem,80vw);accent-color:var(--accent)}.tp-temperature small{font-weight:400;color:var(--texte-doux)}.tp-grille{display:grid;gap:3px;grid-template-columns:repeat(auto-fill,minmax(4.2rem,1fr))}.tp-cases{display:contents}.tp-cases>li{order:var(--z)}.tp-cases a,.tp-renvoi{display:grid;grid-template-rows:auto 1fr auto auto;align-content:start;min-height:4.4rem;padding:.3rem .35rem;border-radius:var(--rayon-petit);background:var(--teinte, var(--fond-2));color:var(--tp-encre);text-decoration:none;line-height:1.15;transition:transform .12s ease,box-shadow .12s ease}.tp-cases a:hover,.tp-cases a:focus-visible{transform:scale(1.08);box-shadow:0 0 0 2px var(--texte);position:relative;z-index:2}.tp-z{font-size:.68rem}.tp-symbole{font-size:1.25rem;font-weight:700;text-decoration:none}.tp-nom{font-size:.62rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tp-masse{font-size:.6rem;opacity:.8}.tp-renvoi,.tp-apercu{display:none}@media(prefers-reduced-motion:reduce){.tp-cases a{transition:none}}@media(min-width:64rem){.tp-grille{grid-template-columns:repeat(18,minmax(0,1fr));grid-template-rows:repeat(7,auto) .9rem repeat(2,auto)}.tp-cases>li{grid-row:var(--l);grid-column:var(--c);order:0}.tp-cases a,.tp-renvoi{min-height:0;aspect-ratio:1 / 1.08}.tp-renvoi{display:grid;place-content:center;font-size:.68rem;font-weight:700;grid-row:var(--l);grid-column:var(--c)}.tp-apercu{display:block;grid-row:1 / 4;grid-column:3 / 13;align-self:start;margin-inline:var(--e3);padding:var(--e2) var(--e3);border-left:var(--trait) solid var(--accent)}}.tp-apercu-aide{color:var(--texte-doux);font-size:var(--tm1);max-width:36ch}.tp-apercu-tete{display:flex;align-items:baseline;gap:var(--e2);margin-bottom:var(--e1)}.tp-apercu-symbole{font-size:var(--t2);font-weight:700;line-height:1}.tp-apercu-nom{font-size:var(--t1);font-weight:600}.tp-apercu dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.1rem var(--e3);font-size:var(--tm1);margin:0}.tp-apercu dl>dt{color:var(--texte-doux)}.tp-apercu dl>dd{margin:0 0 .2rem;font-weight:600}@media(min-width:80rem){.tp-apercu dl{grid-template-columns:auto 1fr auto 1fr}}.tp-actif[data-mode=en] .tp-cases a,.tp-actif[data-mode=masse] .tp-cases a,.tp-actif[data-mode=rayon] .tp-cases a,.tp-actif[data-mode=annee] .tp-cases a{background:color-mix(in oklab,var(--accent) var(--part, 0%),var(--fond));box-shadow:inset 0 0 0 1px var(--ligne)}.tp-actif .tp-cases li[data-fonce] a{color:var(--sur-accent)}.tp-actif[data-mode=famille] .tp-cases li[data-fonce] a,.tp-actif[data-mode=etat] .tp-cases li[data-fonce] a{color:var(--tp-encre)}.tp-actif:not([data-mode=famille]) .tp-cases li[data-vide] a,.tp-actif[data-mode=etat] .tp-cases li[data-etat-a=inconnu] a{background:repeating-linear-gradient(135deg,var(--fond),var(--fond) 4px,var(--fond-2) 4px,var(--fond-2) 8px);color:var(--texte-doux)}.tp-actif[data-mode=etat] .tp-cases li[data-etat-a=solide] a{background:color-mix(in oklab,var(--accent) 30%,var(--fond))}.tp-actif[data-mode=etat] .tp-cases li[data-etat-a=liquide] a{background:var(--accent-2)}.tp-actif[data-mode=etat] .tp-cases li[data-etat-a=gaz] a{background:var(--fond);box-shadow:inset 0 0 0 2px var(--accent-2)}.tp-cases li.tp-eteint a{opacity:.18}.tp-legende ul,.tp-legende-echelle{display:flex;flex-wrap:wrap;gap:var(--e1) var(--e3);font-size:var(--tm1);align-items:center}.tp-legende [hidden]{display:none}.tp-legende a{color:var(--texte);text-decoration:none;display:inline-flex;align-items:center;gap:var(--e1)}.tp-legende a:hover{text-decoration:underline}.tp-legende li{display:inline-flex;align-items:center;gap:var(--e1)}.tp-pastille{display:inline-block;width:.9rem;height:.9rem;border-radius:2px;background:var(--teinte, var(--fond-2));box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--texte) 15%,transparent)}.tp-degrade{display:inline-block;width:10rem;height:.7rem;border-radius:2px;background:linear-gradient(90deg,color-mix(in oklab,var(--accent) 8%,var(--fond)),var(--accent))}.tp-sans-donnee .tp-pastille,.tp-legende-etats [data-etat=inconnu] .tp-pastille{background:repeating-linear-gradient(135deg,var(--fond),var(--fond) 3px,var(--fond-2) 3px,var(--fond-2) 6px)}.tp-legende-etats [data-etat=solide] .tp-pastille{background:color-mix(in oklab,var(--accent) 30%,var(--fond))}.tp-legende-etats [data-etat=liquide] .tp-pastille{background:var(--accent-2)}.tp-legende-etats [data-etat=gaz] .tp-pastille{background:var(--fond);box-shadow:inset 0 0 0 2px var(--accent-2)}.tp-tete{display:grid;gap:var(--e4);padding-block:var(--e4);align-items:center}@media(min-width:48rem){.tp-tete:has(.tp-tuile){grid-template-columns:11rem minmax(0,1fr)}}.tp-tete-texte{display:grid;gap:var(--e3)}.tp-tete h1{font-size:var(--t4);letter-spacing:-.02em}.tp-tuile{display:grid;grid-template-rows:auto 1fr auto auto;width:11rem;aspect-ratio:1 / 1.1;padding:var(--e2) var(--e3);background:var(--teinte);color:var(--tp-encre);border-radius:var(--rayon);box-shadow:inset 0 0 0 var(--trait) color-mix(in oklab,var(--tp-encre) 80%,transparent)}.tp-tuile-z{font-weight:600}.tp-tuile-symbole{font-size:4.2rem;font-weight:700;line-height:1;align-self:center}.tp-tuile-nom{font-weight:600}.tp-tuile-masse{font-size:var(--tm1)}@media(max-width:48rem){.tp-tete{gap:var(--e3)}.tp-tuile{width:5.5rem;padding:var(--e1) var(--e2);font-size:var(--tm1)}.tp-tuile-symbole{font-size:2.2rem}.tp-tuile-nom,.tp-tuile-masse{font-size:.7rem}.tp-faits{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--e3)}.tp-recherche{flex:1 1 100%}.tp-recherche input{width:100%}}.tp-identite{display:grid;gap:var(--e5)}@media(min-width:62rem){.tp-identite{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}}.tp-faits{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:0 var(--e4);margin:0}.tp-faits>div{display:grid;gap:.1rem;padding-block:var(--e2);border-bottom:var(--filet)}.tp-faits dt{font-size:var(--tm1);color:var(--texte-doux)}.tp-faits dd{margin:0;font-weight:600;overflow-wrap:anywhere}.tp-note{color:var(--texte-doux);font-size:var(--tm1);margin-top:var(--e3);max-width:70ch}.tp-schemas{display:grid;gap:var(--e4);align-content:start}.mini-tp{margin:0;display:grid;gap:var(--e2)}.mini-tp-grille{display:grid;grid-template-columns:repeat(18,minmax(0,1fr));grid-template-rows:repeat(7,auto) .35rem repeat(2,auto);gap:2px}.mini-tp-grille>span{grid-row:var(--l);grid-column:var(--c);aspect-ratio:1;border-radius:1px;background:color-mix(in oklab,var(--texte) 12%,var(--fond));font-size:.55rem;font-weight:700;display:grid;place-content:center;line-height:1;color:var(--tp-encre)}.mini-tp-grille>span.mini-actif{background:var(--teinte);box-shadow:0 0 0 1.5px var(--tp-encre);position:relative;z-index:1}.mini-tp figcaption,.couches figcaption{font-size:var(--tm1);color:var(--texte-doux)}.couches{margin:0;display:grid;gap:var(--e2);justify-items:start}.couches svg{width:min(15rem,100%);height:auto}.couche-orbite{fill:none;stroke:var(--ligne);stroke-width:1}.couche-noyau{fill:var(--accent)}.couche-symbole{fill:var(--sur-accent);font:700 13px var(--police-titre)}.couche-electron{fill:var(--texte)}.tp-famille-grille{display:grid;gap:var(--e5);align-items:start}@media(min-width:62rem){.tp-famille-grille{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}}.tp-membres{display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:var(--e2)}.tp-membres a{display:grid;grid-template-columns:3.2rem minmax(0,1fr);gap:var(--e2);align-items:center;text-decoration:none;color:var(--texte);padding:var(--e1);border-radius:var(--rayon)}.tp-membres a:hover .ligne-titre{color:var(--accent);text-decoration:underline}.tp-membre-symbole{display:grid;place-content:center;aspect-ratio:1;background:var(--teinte);color:var(--tp-encre);font-weight:700;font-size:var(--t0);border-radius:var(--rayon-petit)}.tp-membre-texte{display:grid;gap:.1rem}.tp-cartes-familles{display:grid;grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));gap:var(--e3)}.tp-cartes-familles .carte-famille{height:100%;text-decoration:none;color:var(--texte);border-top:.5rem solid var(--teinte)}.tp-cartes-familles .carte-titre{font-size:var(--t0)}.tp-cartes-familles a:hover .carte-titre{color:var(--accent)}.tp-symboles{font-size:var(--tm1);color:var(--texte-doux)}.tp-table{border-collapse:collapse;width:100%;font-size:var(--tm1);margin-top:var(--e3)}.tp-table th,.tp-table td{border-bottom:var(--filet);padding:var(--e1) var(--e2);text-align:left}.tp-table thead th{font-weight:700;border-bottom:2px solid var(--texte)}.tp-table tbody th{font-weight:600}.tp-details summary{cursor:pointer;font-weight:600;color:var(--accent)}.tp-pied{display:grid;gap:var(--e4)}.tp-pied>*{max-width:46rem}.tp-pied h2,.tp-suite h2{font-size:var(--t1);margin-bottom:var(--e3)}.tp-suite{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:var(--e4);border-top:var(--filet)}.tp-voisins{display:grid;gap:var(--e2)}.tp-voisins a{color:var(--texte);font-weight:600;text-decoration:none;display:grid}.tp-voisins a:hover{color:var(--accent)}.tp-puces{display:flex;flex-wrap:wrap;gap:var(--e1) var(--e3);margin-bottom:var(--e3)}.tp-sources{padding-bottom:var(--e5)}.tp-sources .tp-puces{font-size:var(--tm1)}