/* The science-class identity: blackboard green, element tiles, and illustrated covers. */
.laboratory-site{background:#071b16}
.laboratory-site .masthead{position:relative;z-index:3;border-bottom-color:#416049;min-height:100px}
.laboratory-site .hero{position:relative;isolation:isolate;min-height:780px;padding-block:64px 76px}
.laboratory-site .hero-copy{position:relative;z-index:2}
.laboratory-site .hero .eyebrow{font-family:Consolas,'Courier New',monospace;font-weight:400;letter-spacing:.09em;font-size:.8125rem;color:#d1dabc;margin-bottom:27px}
.laboratory-site .hero-description{font-family:Georgia,serif;font-size:1.7rem;line-height:1.4;color:#e4e8d6;margin-top:31px}
.laboratory-site .primary{background:#bada92;border:1px solid #d9efb2;color:#132917;margin-top:30px}
.laboratory-site .primary:hover{background:#dcf3b5}
.laboratory-site .hero.has-art{width:100%;max-width:none;padding-inline:max(56px,calc((100% - 1320px)/2));grid-template-columns:1.04fr 1fr;gap:30px}
.hero-art{position:absolute;inset:0;z-index:-2;margin:0;overflow:hidden}
.hero-art img{width:100%;height:100%;object-fit:cover;object-position:center 57%}
.hero-art::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#061b18e8 0%,#061b18b0 34%,#061b1820 66%,#061b1810),linear-gradient(0deg,#071b16 0%,transparent 22%,transparent 85%,#071b1699 100%)}
.lab-caption{align-self:end;justify-self:end;position:relative;z-index:1;width:250px;background:#071e18ba;backdrop-filter:blur(8px);border:1px solid #819c6b66;padding:17px 20px;font-family:Consolas,'Courier New',monospace;font-size:.75rem;color:#bfcea8;letter-spacing:.03em}
.lab-caption strong{display:block;color:#ebeddb;font-weight:400;font-size:.875rem;margin:7px 0}.lab-caption span{display:block;line-height:1.7}
.laboratory-site .series-strip{background:#142a20;border-color:#3b5035}
.laboratory-site .series-strip p{font-size:1.3rem;color:#e1e3cd}.laboratory-site .series-strip span{color:#acbd9a}
.laboratory-site .collection{position:relative;background:#0b211b;color:#eff0df;padding:78px 0 88px;color-scheme:dark;background-image:linear-gradient(#aac39305 1px,transparent 1px),linear-gradient(90deg,#aac39305 1px,transparent 1px);background-size:44px 44px}
.laboratory-site .section-heading{margin-bottom:40px}.laboratory-site .section-heading .eyebrow{color:#a0b888;font-family:Consolas,'Courier New',monospace;font-weight:400;letter-spacing:.1em}.laboratory-site .section-heading h2{font-size:clamp(3rem,4.6vw,4.9rem)}.laboratory-site .section-heading>p{color:#afbea4}
.laboratory-site .book-grid{gap:28px}.laboratory-site .book-image{padding:0;aspect-ratio:5/8;background:#0a1916;border:1px solid #84987755;box-shadow:0 15px 26px #020a0866;overflow:hidden}
.laboratory-site .book-image img{width:100%;height:100%;object-fit:cover;box-shadow:none;transition:transform .4s}.laboratory-site .book-image:hover img{transform:scale(1.035)}
.laboratory-site .book-meta{border-color:#4b6045;color:#d4dfbb}.laboratory-site .book-meta span{color:#9eb58e;font-family:Consolas,'Courier New',monospace}.laboratory-site .book-card h3{font-size:2rem;color:#f2f0df}.laboratory-site .book-card>p:not(.book-meta){color:#b7c1ab}.laboratory-site .book-card .text-link{color:#d2e9ad;border-color:#70815f;font-weight:500}.laboratory-site .book-card .text-link:hover{color:#fff0c6}.laboratory-site .collection a:focus-visible{outline-color:#d8ebac}
.laboratory-site .about{padding-block:80px;gap:90px;border-top:1px solid #3c5035}.laboratory-site .about h2 span{color:#b9ca8b}.laboratory-site .about-copy .large-copy{color:#dce1c7}.laboratory-site .about-copy>p{color:#b3c0a5}.laboratory-site .about-copy .genre-note{border-color:#3c5035}
.elements-section{background:#10281f;border-block:1px solid #536749;padding:56px 0 54px;background-image:linear-gradient(#aec39608 1px,transparent 1px),linear-gradient(90deg,#aec39608 1px,transparent 1px);background-size:20px 20px}
.elements-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:25px}.elements-heading .eyebrow{font-family:Consolas,'Courier New',monospace;color:#afc393;font-weight:400;letter-spacing:.08em}.elements-heading h2{font-family:var(--display);font-size:3rem;margin-top:14px;font-weight:600;color:#e8e6c9}.elements-heading>p{font-family:Georgia,serif;font-style:italic;font-size:1.125rem;color:#bdcdaa;max-width:280px}
.periodic-scroll{overflow-x:auto;padding:7px 2px 18px;scrollbar-color:#8b9c6e #163323;scrollbar-width:thin}.periodic-scroll:focus-visible{outline:2px solid #c8dfa4;outline-offset:5px}
.periodic-table{display:grid;grid-template-columns:repeat(18,minmax(0,1fr));grid-template-rows:repeat(7,85px) 14px repeat(2,85px);gap:4px;min-width:1200px;list-style:none;padding:0;margin:0}
.element{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;min-width:0;border:1px solid #8ca16b99;color:#dce3be;background:#263e2777;padding:17px 4px 5px;transition:background .2s,border-color .2s}.element-number{position:absolute;top:3px;left:5px;font-family:Consolas,'Courier New',monospace;font-size:12px;line-height:1}.element-symbol{font-family:var(--display);font-size:1.875rem;line-height:1.05;font-weight:600}.element-label{font-family:var(--body);font-size:12px;line-height:1.05;overflow-wrap:anywhere;text-align:center;margin-top:4px}.element:hover{background:#70845455;border-color:#e1ddb0;z-index:1}.element.nonmetal{background:#4b63324d;border-color:#aac67a;color:#e4efc6}.element.noble{background:#79613d33;border-color:#aa935f;color:#f3dfb4}.element.transition{background:#315e5233;border-color:#608b79;color:#cbe8d7}.element.inner{background:#504f6633;border-color:#878197;color:#d6cfdf}.element.highlight{box-shadow:inset 0 0 20px #acc57633;background:#59714477;border:2px solid #d4e4a2}.element-range{font-family:Consolas,'Courier New',monospace;font-size:12px;text-align:center;line-height:1.7;color:#b7c999;border-style:dashed;padding:7px}
.table-caption{display:flex;justify-content:space-between;gap:24px;font-size:.75rem;color:#a6b899;margin-top:15px}.table-caption a{color:#c8d7ac;text-decoration:underline;text-underline-offset:3px}.table-caption p{max-width:660px}
.laboratory-site .quote-section{background:#071b16;border-bottom:1px solid #46543b;color:#e0e5ce;padding:67px 0}.laboratory-site .quote-section .eyebrow{color:#a1b68c}.laboratory-site .quote-section .text-link{color:#c8dda6}.laboratory-site .quote-section a:focus-visible{outline-color:#c8dda6}.laboratory-site .footer{padding-block:35px}.laboratory-site .footer p,.laboratory-site .footer small{color:#a6b797}
@media(max-width:1100px){.laboratory-site .hero.has-art{padding-inline:32px}.laboratory-site .hero{min-height:725px}.laboratory-site .book-grid{gap:20px}.laboratory-site .about{gap:45px}.laboratory-site .masthead nav{gap:22px}.laboratory-site .book-card h3{font-size:1.8rem}}
@media(max-width:760px){.laboratory-site .masthead{min-height:86px}.laboratory-site .masthead nav a:nth-child(2){display:none}.laboratory-site .hero,.laboratory-site .hero.has-art{padding:39px 20px 34px;min-height:810px;display:flex;flex-direction:column;align-items:stretch;gap:26px}.laboratory-site .hero.has-art{width:100%}.hero-art img{object-position:65% center}.hero-art::after{background:linear-gradient(90deg,#061b18dd,#061b1866 85%),linear-gradient(0deg,#071b16,transparent 25%,transparent 80%,#071b1666)}.laboratory-site .hero .eyebrow{font-size:.75rem;letter-spacing:.05em;gap:9px}.laboratory-site .hero-description{font-size:1.45rem;margin-top:23px}.lab-caption{align-self:flex-end;margin-top:auto;width:218px;padding:12px 15px}.laboratory-site .hero .primary{margin-top:25px}.laboratory-site .collection{padding:50px 0}.laboratory-site .section-heading h2{font-size:3.2rem}.laboratory-site .section-heading>p{font-size:1rem}.laboratory-site .book-grid{gap:37px 17px}.laboratory-site .book-card h3{font-size:1.8rem}.laboratory-site .about{padding-block:55px;gap:27px}.elements-section{padding-block:40px}.elements-heading{display:block}.elements-heading h2{font-size:2.7rem}.elements-heading>p{margin-top:18px;max-width:none}.periodic-scroll{margin-right:-20px;padding-right:20px}.table-caption{flex-direction:column;gap:12px}.laboratory-site .quote-section{padding-block:48px}}
@media(max-width:390px){.laboratory-site .hero{min-height:760px}.laboratory-site .section-heading h2{font-size:2.7rem}.laboratory-site .book-grid{grid-template-columns:1fr}.laboratory-site .book-image{aspect-ratio:5/8;max-width:300px;margin-inline:auto;width:100%}.lab-caption{width:200px}.laboratory-site .masthead{gap:12px}}