:root{color:#112534;background:#f5fafb;font-family:Arial,Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:inherit}button,input{font:inherit}.landing,.science-page{max-width:1120px;margin:0 auto;padding:32px 24px 72px}.landing{padding-top:18vh}.hero h1,.landing h1{font-size:clamp(2rem,5vw,4rem);letter-spacing:-.04em;margin:0}.hero>p:not(.eyebrow),.lede{color:#46606d;font-size:1.1rem;line-height:1.7;max-width:42rem}.eyebrow{color:#17708e;font-size:.78rem;font-weight:700;letter-spacing:.14em;margin:0 0 12px;text-transform:uppercase}.locale-link,.primary-link{background:#0d607d;border-radius:999px;color:white;display:inline-block;font-weight:700;padding:12px 18px;text-decoration:none}.landing-links{display:flex;flex-wrap:wrap;gap:10px}.secondary-link{background:#3c6e71}.science-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:72px}.brand{font-weight:800;letter-spacing:-.03em;text-decoration:none}.brand span{color:#17708e}.locale-link{background:transparent;border:1px solid #a5bbc3;color:#254957;font-size:.85rem;padding:8px 12px}.hero{background:linear-gradient(135deg,#e5f4f7,#f8fcfd);border:1px solid #d5e8ed;border-radius:24px;padding:clamp(28px,6vw,64px)}.controls{display:grid;gap:18px;margin:32px 0 18px}.search-label{display:grid;gap:7px;font-size:.86rem;font-weight:700}.search-label input{border:1px solid #b8ccd3;border-radius:10px;padding:12px;width:min(100%,560px)}.filter-group{display:flex;flex-wrap:wrap;gap:8px}.filter{background:white;border:1px solid #c9dbe0;border-radius:999px;color:#31515d;cursor:pointer;padding:8px 12px}.filter.active{background:#174f65;border-color:#174f65;color:white}.stats{color:#58727d;font-size:.9rem;margin:0 0 32px}.era-section{margin:0 0 48px}.era-section h2{font-size:1.05rem;margin:0}.era-line{height:3px;margin:10px 0 16px;opacity:.65}.scientist-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.scientist-card{background:white;border:1px solid #d9e6e9;border-radius:14px;color:#112534;cursor:pointer;display:grid;gap:7px;min-height:122px;padding:16px;text-align:left;transition:border-color .15s,box-shadow .15s,transform .15s}.scientist-card:focus-visible,.scientist-card:hover{border-color:#3187a1;box-shadow:0 12px 26px #0b425014;outline:none;transform:translateY(-2px)}.scientist-card strong{font-size:1.05rem}.scientist-card span:last-child{color:#516973;font-size:.88rem}.period{color:#17708e!important;font-size:.78rem!important;font-weight:700}.dialog-backdrop{align-items:center;background:#06253399;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:10}.dialog{background:white;border-radius:20px;box-shadow:0 24px 72px #061e27aa;max-height:min(760px,92vh);max-width:680px;overflow:auto;padding:32px;position:relative;width:100%}.dialog h2{font-size:clamp(1.5rem,4vw,2.25rem);margin:0}.dialog h3{font-size:1rem;margin:28px 0 12px}.close{background:#edf4f6;border:0;border-radius:50%;cursor:pointer;font-size:24px;height:38px;position:absolute;right:18px;top:18px;width:38px}.alternative-name{color:#58727d;margin:5px 0 24px}.facts{display:grid;gap:10px}.facts div{display:grid;gap:6px;grid-template-columns:minmax(100px,.35fr) 1fr}.facts dt{color:#5a737d}.facts dd{margin:0}.axes{gap:10px}.axes,.axis{display:grid}.axis{gap:5px}.axis>span:first-child{color:#4e6872;font-size:.8rem}.axis-track{background:#e4eff1;border-radius:20px;height:9px;overflow:hidden}.axis-track i{background:linear-gradient(90deg,#1e7894,#5cc0d1);border-radius:inherit;display:block;height:100%}.episode{color:#29434e;line-height:1.8;white-space:pre-line}.related div{display:flex;flex-wrap:wrap;gap:8px}.related a{background:#e9f5f7;border-radius:999px;color:#0e5d77;font-size:.85rem;padding:8px 10px;text-decoration:none}.related a:hover{background:#d6eef2}.discovery-hero{background:linear-gradient(135deg,#fff5dd,#f8fcfd);border-color:#eeddb8}.discovery-controls{align-items:end;grid-template-columns:minmax(240px,1fr) auto}.discovery-groups{display:grid;gap:36px}.discovery-group{background:#fff;border:1px solid #d9e6e9;border-radius:18px;padding:20px}.group-heading{align-items:center;display:flex;gap:9px;margin-bottom:16px}.group-heading i{border-radius:50%;height:14px;width:14px}.group-heading h2{font-size:1.05rem;margin:0}.group-heading span{background:#edf4f6;border-radius:999px;color:#5a737d;font-size:.75rem;padding:3px 8px}.element-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(165px,1fr))}.element-card{align-items:center;background:#f9fcfd;border:1px solid #dce8eb;border-radius:12px;color:#112534;cursor:pointer;display:grid;gap:9px;grid-template-columns:42px minmax(0,1fr);min-height:68px;padding:10px;text-align:left;transition:border-color .15s,box-shadow .15s,transform .15s}.element-card:focus-visible,.element-card:hover{border-color:var(--element-color);box-shadow:0 9px 20px #0b425012;outline:none;transform:translateY(-2px)}.detail-symbol,.element-symbol{align-items:center;background:var(--element-color);border-radius:50%;color:#fff;display:flex;font-weight:800;height:42px;justify-content:center;width:42px}.element-copy{display:grid;min-width:0}.element-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.element-copy small,.isolation-year{color:#5a737d;font-size:.72rem}.isolation-year{grid-column:2}.discovery-summary{margin-top:54px}.discovery-summary>h2{font-size:1.35rem}.highlight-grid{display:grid;gap:14px;grid-template-columns:repeat(3,1fr)}.highlight-grid article{background:#fff;border:1px solid #d9e6e9;border-radius:14px;padding:18px}.highlight-grid span{color:#17708e;font-size:.78rem;font-weight:700}.highlight-grid h3{font-size:1rem;margin:8px 0}.highlight-grid p{color:#4e6872;font-size:.88rem;line-height:1.65;margin:0}.summary-stat{color:#58727d;font-size:.85rem}.related-nav{align-items:center;background:#e9f5f7;border-radius:14px;display:flex;flex-wrap:wrap;gap:10px;margin-top:36px;padding:16px}.related-nav a{background:#fff;border-radius:999px;color:#0e5d77;font-size:.85rem;padding:8px 11px;text-decoration:none}.element-dialog .detail-symbol{font-size:1.05rem;height:52px;margin-bottom:12px;width:52px}.element-dialog .facts div{border-bottom:1px solid #e6eef0;padding:8px 0}.persona-link{background:#0d607d;border-radius:999px;color:#fff;display:inline-block;font-size:.86rem;font-weight:700;margin-top:20px;padding:10px 14px;text-decoration:none}.pigment-hero{background:linear-gradient(135deg,#f9e7ee,#f4f1ff 48%,#e8f6f1);border-color:#e5d5df}.pigment-controls{align-items:end;grid-template-columns:minmax(240px,1fr) auto}.pigment-groups{display:grid;gap:36px}.pigment-group{background:#fff;border:1px solid #d9e6e9;border-radius:18px;padding:20px}.pigment-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.pigment-card{align-items:center;background:#f9fcfd;border:1px solid #dce8eb;border-radius:12px;color:#112534;cursor:pointer;display:grid;gap:9px;grid-template-columns:44px minmax(0,1fr) auto;min-height:76px;padding:11px;text-align:left;transition:border-color .15s,box-shadow .15s,transform .15s}.pigment-card:focus-visible,.pigment-card:hover{border-color:var(--pigment-color);box-shadow:0 9px 20px #0b425012;outline:none;transform:translateY(-2px)}.pigment-swatch{background:var(--pigment-color);border:1px solid #0c263326;border-radius:50%;box-shadow:inset 0 0 0 4px #ffffff40;display:block;height:44px;width:44px}.pigment-copy{display:grid;min-width:0;text-transform:capitalize}.pigment-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pigment-copy small{color:#5a737d;font-size:.75rem;text-transform:none}.status{border-radius:999px;font-size:.68rem;font-weight:700;padding:4px 7px}.status.active{background:#e0f4e7;color:#21613b}.status.ended{background:#fae8e8;color:#8b3434}.pigment-year{color:#5a737d;font-size:.72rem;grid-column:2/4}.detail-swatch{border:1px solid #0c263326;border-radius:50%;display:block;height:56px;margin-bottom:12px;width:56px}.pigment-dialog .facts div{border-bottom:1px solid #e6eef0;padding:8px 0}.plastic-hero{background:linear-gradient(135deg,#e7f7eb,#eef5ff 52%,#f5ecff);border-color:#d5e8de}.plastic-controls{align-items:end;grid-template-columns:minmax(240px,1fr) auto}.category-legend{display:flex;flex-wrap:wrap;gap:10px}.category-legend span{align-items:center;color:#46606d;display:flex;font-size:.8rem;gap:6px}.category-legend i{border-radius:50%;height:10px;width:10px}.plastic-groups{display:grid;gap:36px}.plastic-group{background:#fff;border:1px solid #d9e6e9;border-radius:18px;padding:20px}.category-description{color:#58727d;font-size:.86rem;margin:-6px 0 18px}.plastic-card,.plastic-timeline{display:grid;gap:10px}.plastic-card{align-items:center;background:#f9fcfd;border:1px solid #dce8eb;border-left:4px solid var(--plastic-color);border-radius:12px;color:#112534;cursor:pointer;grid-template-columns:64px 58px minmax(0,1fr) auto;padding:13px;text-align:left;transition:box-shadow .15s,transform .15s}.plastic-card:focus-visible,.plastic-card:hover{box-shadow:0 9px 20px #0b425012;outline:none;transform:translateY(-2px)}.plastic-year{color:#3a5c69;font-size:.82rem;font-weight:700}.detail-plastic-symbol,.plastic-symbol{align-items:center;background:var(--plastic-color);border-radius:8px;color:#fff;display:flex;font-size:.78rem;font-weight:800;justify-content:center;min-height:34px;padding:6px;text-align:center}.plastic-copy{display:grid;min-width:0}.plastic-copy small{color:#5a737d;line-height:1.45;margin-top:3px}.commercial-year{background:#edf4f6;border-radius:999px;color:#4d6974;font-size:.7rem;padding:5px 8px}.detail-plastic-symbol{display:inline-flex;font-size:1rem;margin-bottom:12px;min-height:50px;min-width:64px}.plastic-dialog .facts div{border-bottom:1px solid #e6eef0;padding:8px 0}.rubber-hero{background:linear-gradient(135deg,#fff0df,#fff7f1 52%,#ffe9ec);border-color:#f0d7c2}.rubber-controls{align-items:end;grid-template-columns:minmax(240px,1fr) auto}.rubber-groups{display:grid;gap:36px}.rubber-group{background:#fff;border:1px solid #e8ddd7;border-radius:18px;padding:20px}.rubber-card,.rubber-timeline{display:grid;gap:10px}.rubber-card{align-items:center;background:#fffaf7;border:1px solid #eadfd9;border-left:4px solid var(--rubber-color);border-radius:12px;color:#112534;cursor:pointer;grid-template-columns:64px 58px minmax(0,1fr) auto;padding:13px;text-align:left;transition:box-shadow .15s,transform .15s}.rubber-card:focus-visible,.rubber-card:hover{box-shadow:0 9px 20px #6e321512;outline:none;transform:translateY(-2px)}.rubber-year{color:#6c5043;font-size:.82rem;font-weight:700}.detail-rubber-symbol,.rubber-symbol{align-items:center;background:var(--rubber-color);border-radius:50%;color:#fff;display:flex;font-size:.78rem;font-weight:800;height:42px;justify-content:center;text-align:center;width:42px}.rubber-copy{display:grid;min-width:0}.rubber-copy small{color:#6b5c54;line-height:1.45;margin-top:3px}.detail-rubber-symbol{display:inline-flex;font-size:1rem;height:54px;margin-bottom:12px;width:54px}.rubber-tagline{background:#fff4ec;border-left:4px solid #f97316;color:#563b2e;line-height:1.65;margin:20px 0;padding:12px 16px}.rubber-dialog .facts div{border-bottom:1px solid #eee3dd;padding:8px 0}@media (max-width:600px){.landing,.science-page{padding:24px 16px 52px}.science-header{margin-bottom:44px}.hero{border-radius:18px}.dialog{padding:28px 20px}.facts div{gap:2px}.discovery-controls,.facts div,.pigment-controls,.plastic-controls,.rubber-controls{grid-template-columns:1fr}.plastic-card,.rubber-card{grid-template-columns:56px 52px minmax(0,1fr)}.commercial-year{grid-column:3;justify-self:start}.element-grid{grid-template-columns:1fr 1fr}.highlight-grid{grid-template-columns:1fr}}@media (max-width:420px){.element-grid{grid-template-columns:1fr}}