:root{color-scheme:dark;--bg:#06191e;--panel:#0b262c;--line:#29464b;--text:#e7eeeb;--muted:#a4bab9;--teal:#8cdec9;--gold:#dbbd83}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:17px/1.65 system-ui,sans-serif}a{color:inherit;text-decoration:none}button,select,input{font:inherit}button,select{background:#12373c;color:var(--text);border:1px solid var(--line);padding:11px 16px;border-radius:3px}button,a,select,input{touch-action:manipulation}button{cursor:pointer}a:hover,button:hover{color:var(--teal)}:focus-visible{outline:3px solid var(--gold);outline-offset:5px}.skip{position:absolute;left:20px;top:-80px;background:var(--bg);padding:10px;z-index:20}.skip:focus{top:10px}header{display:flex;align-items:center;justify-content:space-between;padding:24px 5vw;border-bottom:1px solid var(--line);gap:25px}.brand{display:flex;gap:12px;align-items:center;font-size:12px;letter-spacing:3px;line-height:1.5}.brand b{font-size:19px;letter-spacing:6px}.mark{border:1px solid var(--gold);border-radius:50%;padding:12px;color:var(--gold);font:20px Georgia}nav{display:flex;gap:25px;flex-wrap:wrap;font-size:14px}nav a{padding:8px 0}nav a[aria-current]{color:var(--teal);border-bottom:1px solid var(--teal)}#menu{display:none}main{min-height:75vh}h1,h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.1}h1{font-size:clamp(44px,6.7vw,92px);margin:15px 0 24px;letter-spacing:-2px}h2{font-size:clamp(30px,4vw,48px);margin:0 0 22px}h3{font-size:28px;margin:14px 0}p{color:var(--muted)}.eyebrow{font-size:12px;letter-spacing:3px;text-transform:uppercase;color:var(--gold)}.hero{position:relative;overflow:hidden;min-height:660px;padding:100px 7vw 60px;background:radial-gradient(ellipse at 78% 8%,#25716e70,transparent 55%),linear-gradient(115deg,#06191e 35%,#0b343d 80%,#06191e)}.hero:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(112deg,transparent 0 65px,#7ed3c706 66px 100px,transparent 130px 210px);pointer-events:none;animation:light 14s ease-in-out infinite alternate}.hero>*{position:relative}.hero p{max-width:510px;font-size:19px}.hero h1{max-width:750px}.hero em{color:var(--teal);font-weight:400}.actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin:35px 0}.button{display:inline-block;padding:13px 22px;background:var(--teal);color:#08272a;font-size:15px;font-weight:600}.button:hover{background:#b0edde;color:#08272a}.ghost{border:1px solid var(--line);padding:12px 22px;font-size:15px}.hero-note{margin-top:58px;border-top:1px solid #426666;padding-top:22px;display:flex;justify-content:space-between;gap:30px;max-width:950px}.hero-note strong{font:30px Georgia;color:var(--text)}.hero-note small{display:block;color:var(--muted)}.wrap{max-width:1300px;margin:auto;padding:65px 6vw}.intro{max-width:740px;margin-bottom:38px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.card{border:1px solid var(--line);background:linear-gradient(160deg,#103036,#081e23);min-width:0}.card-body{padding:22px}.card h3{font-size:27px;overflow-wrap:anywhere}.card p{font-size:15px}.tag{font-size:12px;letter-spacing:1px;color:var(--teal)}.tag.warm{color:var(--gold)}.placeholder{min-height:190px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;background:radial-gradient(ellipse,#30515255,transparent),repeating-linear-gradient(173deg,#85928409 0 1px,transparent 2px 12px);border-bottom:1px solid var(--line);color:#a9b8b2;text-align:center;padding:25px}.placeholder strong{font:italic 39px Georgia;opacity:.6}.placeholder span{font-size:12px;letter-spacing:2px;text-transform:uppercase}.large{min-height:350px}.section-top{display:flex;justify-content:space-between;align-items:baseline;gap:20px}.notice{border-left:2px solid var(--gold);padding:12px 22px;margin:28px 0;background:#dbbd8308;color:#c9d2ca}.split{display:grid;grid-template-columns:1fr 1fr;gap:45px}.facts{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.facts div{padding:15px 0;border-bottom:1px solid var(--line)}dt{font-size:13px;color:var(--muted)}dd{margin:4px 0 0}.text-link{color:var(--teal);border-bottom:1px solid #8cdec94d}.panel{padding:30px;border:1px solid var(--line);background:var(--panel)}.timeline-readout{font:clamp(55px,8vw,110px) Georgia;color:var(--teal)}input[type=range]{width:100%;accent-color:var(--teal);margin:24px 0;height:30px}.scale{display:flex;justify-content:space-between;color:var(--muted);font-size:14px}.event-buttons{display:flex;gap:10px;flex-wrap:wrap;margin:28px 0}.event-buttons button[aria-pressed=true]{border-color:var(--teal);background:#21524e}.compare-picks{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:25px 0}.compare-picks label{display:grid;gap:8px;color:var(--muted)}select{width:100%;min-width:0}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:520px}th,td{text-align:left;padding:18px;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--teal)}tbody th{font:14px system-ui;color:var(--muted);width:23%}.bar{height:12px;background:var(--teal);margin:12px 0}.bar.second{background:var(--gold)}.fossil-row{display:grid;grid-template-columns:160px 1fr;gap:35px;border-top:1px solid var(--line);padding:32px 0}.fossil-row .year{font:46px Georgia;color:var(--gold)}.prose{max-width:800px}.prose p{font-size:18px}.sources{display:grid;gap:8px;margin-top:22px;font-size:14px}footer{border-top:1px solid var(--line);padding:35px 6vw;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:13px;color:var(--muted)}@keyframes light{to{opacity:.35;transform:translateX(25px)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}@media(max-width:1000px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}nav{gap:15px}.hero{min-height:590px}}@media(max-width:760px){header{flex-wrap:wrap;padding:18px 6vw}#menu{display:block}nav{display:none;width:100%;flex-direction:column;gap:5px}nav.open{display:flex}.hero{padding:65px 7vw 40px;min-height:600px}.hero-note{flex-wrap:wrap}.split{grid-template-columns:1fr}.wrap{padding:45px 6vw}.grid{gap:15px}.card-body{padding:17px}.card h3{font-size:24px}.fossil-row{grid-template-columns:1fr;gap:0}.section-top{display:block}.compare-picks{gap:12px}.panel{padding:20px}.placeholder{min-height:160px}}@media(max-width:440px){.grid{grid-template-columns:1fr}.facts{grid-template-columns:1fr}.hero-note strong{font-size:25px}}

/* Illustrated field guide */
.animal-art{margin:0;background:#071b24;position:relative;overflow:hidden}.animal-art img{display:block;width:100%;height:195px;object-fit:cover}.animal-art.large img{height:auto;aspect-ratio:3/2;object-fit:contain}.animal-art figcaption{padding:8px 12px;color:#c1d5d3;font-size:10px;letter-spacing:.7px;background:#071b24}.hero{background:linear-gradient(90deg,rgba(3,17,24,.97),rgba(3,17,24,.8) 45%,rgba(3,17,24,.12)),url('assets/mosasaurus.png') center right/cover}.hero-note{background:rgba(3,17,24,.65);padding:22px;max-width:1050px}.learning-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.learning-grid h3{font-size:28px}.learning-grid p{font-size:16px}.ocean-notes{padding:65px 0 10px;border-top:1px solid var(--line);margin-top:50px}.ocean-notes h2{margin-top:15px}.split .panel{margin-top:30px}.split .panel h2{font-size:32px}details{margin-top:20px}summary{cursor:pointer;color:var(--teal);padding:12px 0}details .animal-art{max-width:600px}details .animal-art img{height:auto}.fossil-row p{max-width:780px}@media(max-width:760px){.learning-grid{grid-template-columns:1fr}.hero{background-position:65% center}.hero-note{padding:18px}.animal-art img{height:190px}}

.card .animal-art img{height:auto;aspect-ratio:3/2;object-fit:contain}

.search-control{margin:25px 0}.search-control label{display:block;margin-bottom:8px}.search-control input{width:100%;max-width:650px;padding:14px;background:var(--panel);border:1px solid var(--line);color:var(--text);font:inherit}.search-control p{font-size:14px}.sources{padding-left:20px}.sources li{overflow-wrap:anywhere}