/* Discovery pages share the game's palette, with calmer layouts for reading. */
.discover-page .site-header{background:var(--forest)}
.discover-page [hidden]{display:none!important}
.tone-sage{--paper:#e2eccf;--accent:#39745a}
.tone-sand{--paper:#f4e4b9;--accent:#806137}
.tone-peach{--paper:#f5dfc9;--accent:#965b3c}
.tone-sky{--paper:#dcece6;--accent:#386c6a}
.discovery-intro{padding:158px 0 68px;background:var(--forest);color:var(--cream);overflow:hidden}
.discovery-intro-grid{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:80px}
.discovery-intro .eyebrow{color:var(--yellow);font-size:11px}
.discovery-intro h1{font-size:clamp(50px,5.4vw,78px);line-height:1.02}
.discovery-intro h1 span{color:var(--yellow)}
.discovery-lead{font-size:19px;color:#dce8d4;max-width:510px;line-height:1.65;margin:26px 0 29px}
.discovery-intro .button{gap:14px}
.button svg,.read-link svg,.related-heading svg,.field-sources svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;flex-shrink:0}
.intro-note{font-size:11px;letter-spacing:.03em;color:#c1d7bb;margin-top:23px}
.featured-note{position:relative;display:flex;flex-direction:column;min-height:450px;justify-content:space-between;align-items:center;background:var(--paper);color:var(--ink);padding:28px;border-radius:150px 150px 28px 28px;transform:rotate(3deg);box-shadow:0 15px 0 #02251c45;transition:transform .3s}
.featured-note:hover{transform:rotate(0) translateY(-4px)}
.featured-label{text-transform:uppercase;letter-spacing:.18em;font-size:10px;border:1px solid #74936b;padding:7px 14px;border-radius:40px;margin:6px 0 3px}
.featured-note>img{width:250px;height:250px;object-fit:contain;filter:drop-shadow(0 13px 6px #3151281c);transition:transform .3s}
.featured-note:hover>img{transform:translateY(-6px)}
.featured-note>div{align-self:stretch;background:#fff9e8a6;padding:22px 24px;border-radius:18px}
.featured-note h2{font-size:30px;line-height:1.15;margin-top:8px}
.card-category{font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:var(--accent);font-weight:700}
.read-link{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:13px;font-weight:700;margin-top:24px}
.read-link svg{transition:transform .2s}
a:hover .read-link svg{transform:translateX(4px)}
.field-notes{padding:76px 0 0}
.notes-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:44px;margin-bottom:36px}
.notes-heading .eyebrow{color:#668061;margin-bottom:15px;font-size:10px}
.notes-heading h2{font-size:40px;max-width:600px;line-height:1.12}
.notes-heading>p{font-size:15px;line-height:1.6;flex-shrink:0;color:#56705b}
.discovery-tools{display:flex;align-items:flex-end;flex-wrap:wrap;justify-content:space-between;gap:15px;margin-bottom:28px}
.filter-buttons{display:flex;flex-wrap:wrap;gap:8px}
.filter-buttons button{font:700 12px var(--body);color:var(--ink);border:1px solid #c3cfb4;border-radius:50px;background:transparent;min-height:42px;padding:10px 16px;cursor:pointer;transition:background .2s,color .2s}
.filter-buttons button:hover{background:#e2eccf}
.filter-buttons button[aria-pressed=true]{background:var(--forest);color:var(--cream);border-color:var(--forest)}
.discovery-search{min-width:240px;max-width:100%}
.discovery-search label{display:block;font-size:11px;margin-bottom:5px;color:#537059}
.discovery-search input{appearance:none;font:14px var(--body);padding:12px 16px;border:1px solid #c3cfb4;border-radius:12px;background:#fffdf4;color:var(--ink);width:100%;min-height:44px}
button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #b47128;outline-offset:4px}
.filter-status{flex-basis:100%;font-size:12px;color:#5b745d;margin-top:3px}
.discovery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
.discovery-card{min-width:0;border:1px solid #d4ddc5;border-radius:24px;overflow:hidden;background:#fffdf3;transition:transform .25s,box-shadow .25s}
.discovery-card:hover{transform:translateY(-5px);box-shadow:0 12px 30px #31523712}
.discovery-card-link{display:flex;flex-direction:column;height:100%}
.discovery-card-link:focus-visible{outline-offset:-5px;border-radius:24px}
.discovery-card-art{position:relative;height:225px;display:flex;align-items:center;justify-content:center;background:var(--paper);padding:34px 22px 13px}
.field-number{position:absolute;left:22px;top:17px;font-size:9px;letter-spacing:.15em;color:var(--accent)}
.discovery-card-art>img{width:185px;height:185px;object-fit:contain;transition:transform .3s;filter:drop-shadow(0 9px 5px #494c1815)}
.discovery-card:hover .discovery-card-art>img{transform:translateY(-5px) rotate(-2deg)}
.discovery-card-copy{padding:25px;flex:1;display:flex;flex-direction:column}
.discovery-card h3{font-size:29px;line-height:1.15;margin:10px 0 12px;overflow-wrap:break-word}
.discovery-card-copy>p:not(.card-category){font-size:15px;color:#58705c;line-height:1.65;margin-bottom:24px}
.discovery-card .read-link{margin-top:auto;padding-top:15px;border-top:1px solid #e0e5d4}
.discovery-empty{border:1px dashed #a3b59a;border-radius:24px;text-align:center;padding:55px 25px}
.discovery-empty h3{font-size:29px}.discovery-empty p{font-size:16px;margin:18px 0 24px}.discovery-empty .button{border:0;cursor:pointer;font-family:var(--body)}
.editorial-note{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:56px 0 72px;margin-top:62px;border-top:1px solid #cdd8be}
.editorial-note .eyebrow{color:#668061;font-size:10px;margin-bottom:16px}
.editorial-note h2{font-size:35px;line-height:1.16;max-width:430px}
.editorial-note p:not(.eyebrow){font-size:15px;line-height:1.8;color:#536c59;margin-bottom:17px}
.editorial-note a{font-size:13px;text-decoration:underline;text-underline-offset:4px}
.discovery-download h2{font-size:clamp(32px,4vw,52px)}
.download-guide{display:inline-block;font-size:13px;text-decoration:underline;text-underline-offset:5px;color:#dbe6cf;margin-top:6px}
.field-intro{padding:137px 0 40px;background:var(--paper)}
.field-intro .breadcrumbs{margin-bottom:34px;font-size:12px}
.field-intro-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:70px;align-items:center}
.field-intro .eyebrow{color:var(--accent);font-size:11px;margin-bottom:16px}
.field-intro h1{font-size:clamp(38px,4.1vw,59px);line-height:1.09;max-width:830px}
.field-lead{font-size:19px;margin-top:23px;max-width:740px;line-height:1.65}
.field-byline{font-size:12px;color:#56705b;margin-top:26px}.field-byline a{text-decoration:underline;text-underline-offset:3px}
.field-figure{margin:0;padding:20px 12px;text-align:center}
.field-figure>img{width:256px;height:256px;object-fit:contain;margin:auto;filter:drop-shadow(0 14px 8px #193b1720)}
.field-figure figcaption{font-size:10px;line-height:1.5;max-width:240px;margin:18px auto 0;color:#5c6e54}
.field-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;border-top:1px solid #9dae8754;margin:36px 0 0;padding:25px 0 0;max-width:900px}
.field-facts div{padding-left:18px;border-left:2px solid #78966950}.field-facts dt{text-transform:uppercase;letter-spacing:.11em;font-size:10px;color:#5f7253}.field-facts dd{margin:6px 0 0;font:600 22px/1.2 var(--display)}
.field-layout{display:grid;grid-template-columns:220px minmax(0,730px);justify-content:space-between;gap:75px;padding:58px 0 80px;align-items:start}
.field-contents{position:sticky;top:112px;display:flex;flex-direction:column;gap:18px;border-left:1px solid #c6d3b9;padding-left:22px}
.field-contents p{font:600 21px var(--display);margin-bottom:5px}.field-contents a{font-size:13px;line-height:1.5;color:#57705c}.field-contents a:hover{text-decoration:underline;text-underline-offset:4px}
.field-body>section{scroll-margin-top:118px;margin-bottom:42px}.field-body h2{font-size:32px;line-height:1.2;letter-spacing:-.025em}
.clue-number{display:block;font-size:9px;letter-spacing:.17em;color:#648266;margin-bottom:12px}
.field-body section>p{font-size:18px;line-height:1.9;color:#405e4c;margin-top:21px}
.section-source{display:inline-block;margin-top:16px;font-size:11px;color:#527355;text-decoration:underline;text-underline-offset:4px;line-height:1.6}
.field-takeaway{background:#e4edcf;border-left:3px solid #73945c;padding:25px 28px;margin:45px 0;border-radius:0 20px 20px 0}
.field-takeaway .eyebrow{font-size:10px;margin-bottom:12px;color:#617e55}.field-takeaway>p:last-child{font:600 25px/1.3 var(--display)}
.field-body .knowledge-check{border:1px solid #d5c293;background:#f9efcf;border-radius:22px;padding:30px}
.knowledge-check .eyebrow{font-size:10px;color:#80673b;margin-bottom:14px}.knowledge-check h2{font-size:26px}
.knowledge-check details{margin-top:24px}.knowledge-check summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:14px;font-weight:700;list-style:none;padding:12px 0;border-top:1px solid #dcccaa}
.knowledge-check summary::-webkit-details-marker{display:none}.knowledge-check summary svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;transform:rotate(90deg);transition:transform .2s}
.knowledge-check details[open] summary svg{transform:rotate(-90deg)}.knowledge-check details[open]>p{animation:enter .25s ease-out}
.knowledge-check details>p{font-size:17px;line-height:1.75;margin:12px 0 0}
.field-body .field-sources{margin-bottom:0;padding-top:8px}.field-sources h2{font-size:27px}.field-sources>p{font-size:14px!important;line-height:1.8!important}
.field-sources ul{list-style:none;padding:0;margin:24px 0}.field-sources li{border-top:1px solid #d1dcc4}.field-sources li:last-child{border-bottom:1px solid #d1dcc4}
.field-sources li a{font-size:14px;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:17px 0;line-height:1.5}.field-sources li a:hover{text-decoration:underline;text-underline-offset:4px}.field-sources svg{width:16px;height:16px}
.correction-link a{text-decoration:underline;text-underline-offset:4px}
.related-notes{background:#f0eedc;padding:65px 0 76px}.related-notes .eyebrow{font-size:10px;color:#648266}.related-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:32px}.related-heading h2{font-size:44px}.related-heading .text-link{margin-top:0}
.time-diagram{width:100%;max-width:270px;padding:12px 0}.time-diagram>div{border-radius:8px;background:#bdd49e;margin-bottom:5px;display:flex;align-items:center;justify-content:space-between;padding:9px 15px;gap:10px;font-size:13px}
.time-diagram>div:nth-child(2){background:#87b18d}.time-diagram>div:nth-child(3){background:var(--forest);color:var(--cream)}.time-diagram span{font-size:11px}.time-diagram strong{font-family:var(--display);font-weight:600}.time-diagram>p{font-size:9px;text-align:center;margin-top:11px}
.bird-diagram{width:100%;max-width:255px;padding-top:8px}.bird-diagram>div{background:#c0d8c9;border:1px solid #99b8a3;border-radius:13px;padding:9px 12px}.bird-diagram div>span{font-size:11px;display:block;text-align:left;margin-bottom:6px}.bird-diagram>div>div{background:#91b9a4;border:1px solid #769e86;border-radius:10px;margin-left:12px;padding:8px 11px}.bird-diagram>div>div>div{background:var(--forest);border-radius:8px;padding:12px;color:var(--cream);margin-left:12px}.bird-diagram strong{font:600 22px var(--display)}.bird-diagram div>div>div>span{font-size:9px;text-align:center;margin:3px 0 0}
.fossil-diagram{width:100%;max-width:290px}.fossil-diagram svg{width:100%;height:auto;display:block}.fossil-diagram p{font:600 18px var(--display);text-align:center;margin-top:-8px}
.field-figure .time-diagram,.field-figure .bird-diagram,.field-figure .fossil-diagram{margin:auto}
@media(max-width:1100px){.discovery-intro-grid{gap:45px}.featured-note{min-height:400px;padding:24px}.featured-note>img{width:220px;height:220px}.featured-note h2{font-size:26px}.discovery-grid{gap:18px}.discovery-card-copy{padding:21px}.discovery-card h3{font-size:26px}.field-intro-grid{grid-template-columns:minmax(0,1fr) 250px;gap:38px}.field-layout{grid-template-columns:185px minmax(0,1fr);gap:45px}.discovery-tools{align-items:start}.editorial-note{gap:45px}}
@media(max-width:850px){.notes-heading{display:block}.notes-heading>p{margin-top:20px}.field-layout{display:block;max-width:760px}.field-contents{position:static;display:flex;flex-direction:row;flex-wrap:wrap;gap:12px 22px;padding:0 0 25px;border-left:0;border-bottom:1px solid #c6d3b9;margin-bottom:36px}.field-contents p{width:100%}.field-contents a{font-size:12px}.discovery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.related-notes .discovery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.related-notes .discovery-card-copy{padding:17px}.related-notes .discovery-card h3{font-size:22px}.related-notes .discovery-card-art{height:185px}.related-notes .discovery-card-art>img{width:145px;height:145px}}
@media(max-width:760px){.discovery-intro{padding:116px 0 46px}.discovery-intro-grid{grid-template-columns:1fr;gap:42px}.discovery-intro h1{font-size:clamp(49px,9vw,66px)}.discovery-intro .eyebrow{max-width:285px;line-height:1.8;font-size:9px;margin-bottom:17px}.discovery-lead{font-size:17px;margin-top:20px;max-width:480px}.discovery-intro .button{font-size:14px;gap:16px;padding-inline:22px}.intro-note{font-size:10px;max-width:300px;line-height:1.7}.featured-note{min-height:0;border-radius:100px 100px 24px 24px;max-width:450px;width:100%;margin:auto;padding:22px;transform:rotate(1deg)}.featured-note>img{width:200px;height:200px}.featured-note>div{padding:18px 20px}.featured-note h2{font-size:27px}.featured-note .read-link{margin-top:16px}.field-notes{padding-top:50px}.notes-heading h2{font-size:34px}.notes-heading>p{font-size:14px}.notes-heading .eyebrow{font-size:9px}.discovery-tools{gap:19px}.filter-buttons{gap:8px}.filter-buttons button{font-size:11px;padding:10px 13px}.discovery-search{width:100%}.filter-status{margin-top:-5px}.discovery-grid{gap:16px}.discovery-card-art{height:190px;padding:30px 15px 10px}.discovery-card-art>img{width:150px;height:150px}.discovery-card-copy{padding:20px}.discovery-card h3{font-size:25px}.discovery-card-copy>p:not(.card-category){font-size:14px}.editorial-note{grid-template-columns:1fr;gap:25px;margin-top:43px;padding:37px 0 50px}.editorial-note h2{font-size:30px}.editorial-note p:not(.eyebrow){font-size:14px}.field-intro{padding:105px 0 29px}.field-intro .breadcrumbs{font-size:11px;gap:9px;margin-bottom:25px}.field-intro-grid{grid-template-columns:1fr;gap:12px}.field-intro h1{font-size:39px}.field-lead{font-size:17px;margin-top:20px}.field-byline{font-size:11px;margin-top:20px}.field-figure{display:flex;align-items:center;gap:20px;padding:10px 0;margin:10px 0}.field-figure>img{width:160px;height:160px;margin:0}.field-figure figcaption{font-size:10px;margin:0;max-width:150px;text-align:left}.field-figure .time-diagram,.field-figure .bird-diagram,.field-figure .fossil-diagram{max-width:200px;margin:0}.field-facts{margin-top:16px;padding-top:22px;gap:12px}.field-facts div{padding-left:10px}.field-facts dt{font-size:8px;letter-spacing:.07em}.field-facts dd{font-size:18px}.field-layout{padding:32px 0 48px}.field-body h2{font-size:29px}.field-body section>p{font-size:17px;line-height:1.85}.field-body>section{scroll-margin-top:93px;margin-bottom:34px}.section-source{font-size:11px}.field-takeaway{padding:23px;margin:32px 0}.field-takeaway>p:last-child{font-size:23px}.field-body .knowledge-check{padding:23px}.knowledge-check h2{font-size:25px}.knowledge-check details>p{font-size:16px}.field-sources li a{font-size:13px}.field-body .field-sources h2{font-size:26px}.related-notes{padding:44px 0 50px}.related-heading{align-items:flex-start;flex-direction:column;gap:16px}.related-heading h2{font-size:37px}.related-heading .text-link{font-size:14px}.related-notes .discovery-grid{grid-template-columns:1fr}.related-notes .discovery-card-link{display:grid;grid-template-columns:130px minmax(0,1fr)}.related-notes .discovery-card-art{height:100%;min-height:180px;padding:30px 10px 16px}.related-notes .field-number{left:12px;font-size:8px}.related-notes .discovery-card-copy{padding:21px 18px}.related-notes .discovery-card h3{font-size:24px}.related-notes .discovery-card-copy>p:not(.card-category){font-size:13px;margin-bottom:14px}.related-notes .read-link{font-size:11px;gap:8px}.related-notes .discovery-card-art>img{width:110px;height:130px}.related-notes .time-diagram>div{flex-direction:column;gap:0;padding:5px}.related-notes .time-diagram>p{font-size:8px}.related-notes .bird-diagram>div,.related-notes .bird-diagram>div>div,.related-notes .bird-diagram>div>div>div{margin-left:0;padding:7px}.related-notes .bird-diagram strong{font-size:16px}.related-notes .fossil-diagram p{font-size:14px}.discovery-download h2{font-size:35px}.discovery-download .eyebrow{font-size:9px}}
@media(max-width:520px){.discovery-grid{grid-template-columns:1fr}.discovery-card-art{height:225px}.discovery-card-art>img{width:190px;height:190px}.discovery-card-copy{padding:25px}.discovery-card h3{font-size:30px}.discovery-card-copy>p:not(.card-category){font-size:16px}.discovery-card .read-link{font-size:13px}.field-facts dd{font-size:16px}.field-intro h1{font-size:36px}}
@media(max-width:370px){.discovery-intro h1{font-size:46px}.discovery-intro .button{font-size:13px;padding-inline:17px;gap:10px}.notes-heading h2{font-size:31px}.field-intro h1{font-size:33px}.field-lead{font-size:16px}.field-figure{gap:16px}.field-figure>img{width:135px;height:135px}.field-figure .time-diagram,.field-figure .bird-diagram,.field-figure .fossil-diagram{max-width:160px}.field-facts{gap:8px}.field-facts dd{font-size:15px}.related-notes .discovery-card-link{grid-template-columns:105px minmax(0,1fr)}.related-notes .discovery-card h3{font-size:22px}.related-notes .discovery-card-copy{padding:18px 14px}.related-notes .card-category{font-size:8px}.discovery-download h2{font-size:31px}}
@media(max-width:520px){.field-facts{grid-template-columns:1fr;gap:14px}.field-facts>div{display:flex;align-items:baseline;justify-content:space-between;gap:18px;padding-left:12px}.field-facts dt{font-size:9px;flex-shrink:0}.field-facts dd{font-size:18px;margin:0;text-align:right}}
