:root{--ink:#13273d;--deep:#0d233b;--deep-2:#173754;--paper:#f5f1e9;--paper-2:#fffdf8;--line:#cbbf9e;--brass:#bd9551;--brass-dark:#86652f;--muted:#617083;--error:#b5423c;--success:#2f765d;--shadow:0 15px 36px #0a1d311a;color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizelegibility;font-family:Avenir Next,Hiragino Sans,Yu Gothic,sans-serif;line-height:1.55}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;color:var(--ink);background:var(--paper);margin:0;overflow-x:hidden}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #102d49;box-shadow:0 0 0 6px #f7d789}[hidden]{display:none!important}.site-header{background:var(--deep);color:#fffaf0;border-bottom:1px solid #d7b7758c}.header-inner,main,.site-footer{width:min(1240px,100% - 48px);margin:0 auto}.header-inner{justify-content:space-between;align-items:center;gap:20px;min-height:64px;display:flex}.wordmark{color:inherit;letter-spacing:.04em;align-items:center;gap:10px;font-family:Georgia,Yu Mincho,serif;font-size:1.04rem;text-decoration:none;display:inline-flex}.wordmark-mark{width:30px;height:30px;color:var(--deep);background:var(--brass);border-radius:50%;place-items:center;font-family:Georgia,serif;font-size:1.15rem;font-weight:700;display:grid}.header-note,.eyebrow,.label-line,.result-kicker{letter-spacing:.16em;text-transform:uppercase;font-size:.69rem;font-weight:700}.header-note{color:#d8c49d}.hero{color:#fffaf0;background-color:var(--deep-2);min-height:350px;box-shadow:var(--shadow);background-image:linear-gradient(90deg,#0d233bfa 0%,#0d233be0 47%,#0d233b85 100%),url(/assets/specimen-gallery.webp);background-position:50%;background-size:cover;border-bottom:1px solid #d7b775b3;justify-content:space-between;align-items:flex-end;gap:44px;padding:64px 8%;display:flex;position:relative}.hero:after{content:"";pointer-events:none;border:1px solid #cda96173;position:absolute;inset:16px}.hero-copy,.hero-label{z-index:1;position:relative}.hero-copy{max-width:670px}.eyebrow{color:var(--brass-dark);margin:0 0 12px}.hero .eyebrow{color:#ddbe7d}h1,h2,p{margin-top:0}h1,h2{letter-spacing:-.02em;font-family:Georgia,Yu Mincho,serif;font-weight:600}h1{max-width:650px;margin-bottom:18px;font-size:clamp(2.2rem,5vw,4.4rem);line-height:1.08}h1 em{color:#e0b96c;font-style:normal}.hero-lede{color:#e2e8ea;max-width:580px;margin-bottom:22px;font-size:1.03rem}.hero-facts{color:#ced9dc;flex-wrap:wrap;gap:10px 28px;font-size:.88rem;display:flex}.hero-facts strong{color:#f5d697;margin-right:4px;font-family:Georgia,serif;font-size:1.35rem}.hero-label{color:var(--deep);background:#ede0bcf0;border:1px solid #d1ad6d;flex:0 0 220px;padding:22px 20px;transform:rotate(1.5deg);box-shadow:8px 8px #07162752}.hero-label .label-line,.hero-label .label-caption{color:var(--brass-dark);display:block}.hero-label strong{margin:18px 0;font-family:Georgia,Yu Mincho,serif;font-size:1.32rem;line-height:1.35;display:block}.label-rule{border-top:2px solid var(--brass-dark);width:54px;margin-bottom:12px;display:block}.label-caption{font-size:.74rem}.notice-strip{color:#3f5260;border-left:3px solid var(--brass);background:#e8e2d5;align-items:flex-start;gap:12px;max-width:980px;margin:26px auto 0;padding:14px 18px;display:flex}.notice-strip p{margin:0;font-size:.87rem}.notice-icon{width:22px;height:22px;color:var(--paper-2);background:var(--deep-2);border-radius:50%;flex:0 0 22px;place-items:center;font-family:Georgia,serif;font-weight:700;display:grid}.section-block{margin-top:70px}.section-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:26px;padding-bottom:16px;display:flex}.section-heading .eyebrow,.tool-heading .eyebrow,.source-block .eyebrow{margin-bottom:6px}h2{margin-bottom:0;font-size:clamp(1.65rem,3vw,2.35rem);line-height:1.15}.section-summary{max-width:350px;color:var(--muted);text-align:right;margin:0;font-size:.9rem}.filter-bar{background:var(--paper-2);border:1px solid #ded4be;grid-template-columns:minmax(220px,1.7fr) minmax(170px,1fr) minmax(150px,.8fr) auto;align-items:end;gap:12px;padding:18px;display:grid;box-shadow:0 4px #9b7c4314}.field{gap:7px;min-width:0;display:grid}.field>span{color:#435668;font-size:.8rem;font-weight:700}.field input,.field select{width:100%;min-height:46px;color:var(--ink);background:#fffefa;border:1px solid #b8b09e;border-radius:2px;padding:9px 12px;font-size:1rem}.field input::placeholder{color:#85909a}.button{border:1px solid #0000;border-radius:2px;min-height:46px;padding:9px 16px;font-size:.86rem;font-weight:700;transition:background-color .16s,color .16s,transform .16s}.button:hover{transform:translateY(-1px)}.button-primary{color:#fffdf8;background:var(--deep-2);border-color:var(--deep-2)}.button-primary:hover{background:var(--deep)}.button-brass{color:var(--deep);border-color:var(--brass-dark);background:#e1c58e}.button-quiet{color:var(--deep-2);background:0 0;border-color:#aaa18e}.button-quiet:hover{background:#ebe3d2}.catalog-meta{justify-content:space-between;align-items:center;gap:20px;margin:18px 2px 12px;display:flex}.catalog-meta p{color:var(--muted);margin:0;font-size:.82rem}.legend{align-items:center;gap:7px;display:flex}.legend-dot{border-radius:50%;width:9px;height:9px;margin-left:8px}.legend-dot:first-child{margin-left:0}.legend-metal{background:#b98d56}.legend-nonmetal{background:#65928a}.legend-noble{background:#788bad}.periodic-grid{grid-template-rows:repeat(7,minmax(100px,auto));grid-template-columns:repeat(18,minmax(0,1fr));gap:7px;display:grid}.element-card{min-width:0;min-height:100px;color:var(--ink);text-align:left;grid-column:var(--group-column);grid-row:var(--period-row);background:#eee5d3;border:1px solid #5b4c344d;border-radius:2px;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:9px 8px 8px;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;position:relative;box-shadow:inset 0 0 0 2px #fffaed40}.element-card:hover{z-index:1;border-color:var(--brass-dark);transform:translateY(-2px);box-shadow:0 7px 15px #0e253d29}.element-card.is-selected{border:2px solid var(--deep-2);box-shadow:0 0 0 3px #bd95518c,0 8px 16px #0e253d29}.element-card.is-selected:after{background:var(--deep-2);content:"";border-radius:50%;width:7px;height:7px;position:absolute;top:7px;right:7px}.card-number{color:#68716e;font-variant-numeric:tabular-nums;font-size:.68rem}.card-symbol{color:var(--deep);align-self:center;margin:2px 0;font-family:Georgia,serif;font-size:clamp(1.3rem,2vw,1.85rem);line-height:1}.card-name{color:#3d4a53;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:.71rem;line-height:1.18;overflow:hidden}.card-mass{color:#6e6048;font-variant-numeric:tabular-nums;align-self:flex-end;margin-top:4px;font-size:.68rem}.category-alkali-metal,.category-alkaline-earth,.category-transition-metal,.category-post-transition-metal{background:#ead9bf}.category-metalloid{background:#d9e1d2}.category-nonmetal,.category-halogen{background:#d9e8e1}.category-noble-gas{background:#dce2ef}.category-lanthanide,.category-actinide{background:#e6d9dd}.f-block-grid{border-top:1px dashed var(--line);grid-template-columns:96px repeat(15,minmax(0,1fr));gap:7px;margin-top:14px;padding-top:14px;display:grid}.f-block-grid .element-card{grid-area:auto;min-height:92px}.f-block-label{min-height:92px;color:var(--brass-dark);border-right:1px solid var(--line);flex-direction:column;justify-content:center;padding:8px;font-family:Georgia,serif;font-size:1rem;display:flex}.f-block-label small{color:var(--muted);margin-top:4px;font-family:inherit;font-size:.68rem}.empty-state{color:var(--muted);text-align:center;background:var(--paper-2);border:1px dashed #b8ad98;margin:24px 0 0;padding:28px}.split-block{background:#eee7da;border:1px solid #d6c9af;padding:28px}.compact-heading{margin-bottom:14px}.compare-actions{align-items:center;gap:12px;display:flex}.count-chip{min-height:28px;color:var(--deep);white-space:nowrap;background:#ddc48e;border:1px solid #ae8c4e;border-radius:999px;align-items:center;padding:4px 10px;font-size:.78rem;font-weight:700;display:inline-flex}.helper-text{color:var(--muted);margin:0;font-size:.89rem}.compare-panel{margin-top:16px}.table-scroll{background:var(--paper-2);border:1px solid #cfc1a6;overflow-x:auto}.compare-table{border-collapse:collapse;text-align:left;width:100%;min-width:620px}.compare-table caption{color:var(--muted);text-align:left;padding:10px 14px;font-size:.76rem}.compare-table th,.compare-table td{vertical-align:top;border-top:1px solid #ddd4c3;padding:12px 14px}.compare-table thead th{color:var(--deep);background:#e8dcc4;border-top:0}.compare-table tbody th{color:#586875;white-space:nowrap;width:130px;font-size:.78rem}.compare-head{flex-direction:column;gap:3px;min-width:96px;display:flex}.compare-symbol{font-family:Georgia,serif;font-size:1.45rem}.remove-button{min-height:32px;color:var(--brass-dark);background:0 0;border:1px solid #a9946b;align-self:flex-start;margin-top:7px;padding:4px 8px;font-size:.72rem}.remove-button:hover{color:#fff;background:var(--brass-dark)}.compare-footnote{color:var(--muted);margin:10px 0 0;font-size:.76rem}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:70px;display:grid}.tool-card{background:var(--paper-2);min-width:0;box-shadow:var(--shadow);border:1px solid #d7cbb6;padding:28px}.tool-intro{min-height:48px;color:var(--muted);margin:17px 0 20px;font-size:.9rem}.formula-field input{letter-spacing:.05em;font-family:SFMono-Regular,Consolas,monospace;font-size:1.08rem}.field-help{color:var(--muted);margin:8px 0 0;font-size:.76rem}.field-error{color:var(--error);margin:7px 0 0;font-size:.81rem;font-weight:700}.formula-field input[aria-invalid=true]{border-color:var(--error);box-shadow:0 0 0 2px #b5423c26}.sample-row{flex-wrap:wrap;gap:8px;margin:18px 0;display:flex}.sample-button{min-height:44px;color:var(--deep-2);background:#f0e9dc;border:1px solid #c9bda5;border-radius:2px;padding:6px 11px;font-family:Georgia,serif}.sample-button:hover{background:#e6d6b5}.calculate-button{width:100%;margin-top:4px}.formula-result{color:#fff9ed;background:var(--deep-2);border-left:4px solid var(--brass);margin-top:22px;padding:17px}.result-kicker{color:#dec181;margin-bottom:9px}.result-formula{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:8px;font-family:Georgia,serif;font-size:1.48rem;display:flex}.result-formula strong{color:#f1d18d;white-space:nowrap;font-size:1.33rem}.result-formula small{color:#e1e4e0;font-family:Avenir Next,sans-serif;font-size:.72rem;font-weight:400}.result-composition,.result-note{color:#c4d2d2;margin:0;font-size:.78rem}.result-note{color:#f0d597;margin-top:9px}.quiz-progress{color:var(--brass-dark);letter-spacing:.12em;margin-top:18px;font-family:Georgia,serif;font-size:.9rem}.quiz-question{min-height:56px;color:var(--deep);margin:12px 0 18px;font-family:Georgia,Yu Mincho,serif;font-size:1.22rem;line-height:1.45}.quiz-options{gap:8px;display:grid}.quiz-option{min-height:44px;color:var(--ink);text-align:left;background:#f4efe5;border:1px solid #c9bda8;border-radius:2px;padding:9px 14px;position:relative}.quiz-option:not(:disabled):hover{border-color:var(--brass-dark);background:#e8dcc4}.quiz-option.is-correct{color:#1c5c47;background:#dcebe2;border-color:#5d987c}.quiz-option.is-wrong{color:#8e302f;background:#f4dfd8;border-color:#c36f68}.answer-mark{position:absolute;right:13px}.quiz-helper{color:var(--muted);margin:17px 0 0;font-size:.78rem}.quiz-feedback{border-left:3px solid;gap:4px;margin-top:16px;padding:12px 14px;font-size:.81rem;display:grid}.feedback-correct{color:#245f4b;border-color:var(--success);background:#e6f0e8}.feedback-wrong{color:#873a36;border-color:var(--error);background:#f6e7e0}.next-question{width:100%;margin-top:14px}.source-block{border-top:1px solid var(--line);grid-template-columns:minmax(220px,.75fr) minmax(0,1.5fr);gap:42px;margin:70px 0;padding:30px 0 0;display:grid}.source-copy{color:#536472;font-size:.81rem}.source-copy p:last-child{margin-bottom:0}.source-copy a{color:var(--brass-dark);font-weight:700}.scope-note{border-top:1px dashed #c9bea7;padding-top:12px}.site-footer{color:#6d756f;border-top:1px solid var(--line);justify-content:space-between;gap:20px;padding:20px 0 30px;font-size:.76rem;display:flex}@media (width<=1050px){.periodic-grid{grid-template-rows:none;grid-template-columns:repeat(9,minmax(0,1fr))}.periodic-grid .element-card{grid-area:auto}.f-block-grid{grid-template-columns:76px repeat(8,minmax(0,1fr))}.f-block-grid .element-card:nth-of-type(n){grid-column:auto}}@media (width<=760px){.header-inner,main,.site-footer{width:min(100% - 28px,640px)}.header-inner{min-height:58px}.header-note{display:none}.hero{flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:24px;min-height:470px;padding:40px 24px 44px}.hero:after{inset:10px}.hero-label{flex-basis:auto;align-self:flex-end;width:min(220px,75%)}.notice-strip{margin-top:18px}.section-block,.tool-grid{margin-top:50px}.section-heading,.catalog-meta,.site-footer{flex-direction:column;align-items:flex-start}.section-summary{text-align:left;max-width:none}.filter-bar,.periodic-grid,.f-block-grid{grid-template-columns:1fr}.periodic-grid .element-card,.f-block-grid .element-card{grid-area:auto}.periodic-grid .element-card{grid-template-rows:1fr 1fr;grid-template-columns:28px 60px minmax(0,1fr) auto;align-items:center;gap:0 8px;min-height:84px;display:grid}.periodic-grid .card-number{grid-row:1/3}.periodic-grid .card-symbol{grid-row:1/3;margin:0}.periodic-grid .card-name,.periodic-grid .card-mass{align-self:end}.periodic-grid .card-mass{grid-column:3/5;align-self:start}.f-block-grid{gap:7px}.f-block-label{border-right:0;border-bottom:1px solid var(--line);flex-direction:row;justify-content:space-between;align-items:center;min-height:56px}.f-block-grid .element-card{grid-template-rows:1fr 1fr;grid-template-columns:34px 64px minmax(0,1fr) auto;align-items:center;gap:0 8px;min-height:84px;display:grid}.f-block-grid .card-number{grid-row:1/3}.f-block-grid .card-symbol{grid-row:1/3;margin:0}.f-block-grid .card-name,.f-block-grid .card-mass{align-self:end}.f-block-grid .card-mass{grid-column:3/5;align-self:start}.split-block,.tool-card{padding:21px 17px}.compact-heading,.compare-actions{flex-direction:column;align-items:flex-start}.compare-actions,.compare-actions .button{width:100%}.tool-grid,.source-block{grid-template-columns:1fr;gap:28px}.tool-intro{min-height:0}.source-block{margin-bottom:48px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media print{:root{color:#000;background:#fff}body{background:#fff;min-width:0}.site-header,.hero,.notice-strip,#catalog-section,.source-block,.site-footer,.tool-heading,.tool-intro,#formula-form,.quiz-card{display:none!important}main{width:100%}.split-block,.tool-grid,.tool-card{box-shadow:none;border:0;margin:0;padding:0}.split-block,.compare-panel{display:block!important}.compare-actions,.remove-button{display:none}.calculator-card{margin-top:28px;display:block!important}.formula-result{color:#000;background:#fff;border:1px solid #777}}