@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap');
:root{--ink:#183e36;--cream:#f7f6ef;--muted:#788078;--line:#dce0d4;--orange:#c96742}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:14px 'DM Sans',sans-serif}button,input{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #cc7956;outline-offset:3px}header{height:91px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 4%;gap:25px}.brand{text-decoration:none;color:var(--ink);font-weight:700;font-size:14px;letter-spacing:1px;white-space:nowrap}.brand span:not(.brandmark){font-size:10px;font-weight:500;letter-spacing:1px}.brandmark{font-size:30px;vertical-align:middle;margin-right:8px}nav{display:flex;gap:30px;height:100%;align-items:center}.nav{background:none;border:0;height:100%;font-size:12px;color:#727d73;position:relative}.nav.active{color:var(--ink)}.nav.active:after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--ink)}.edition{font-size:9px;letter-spacing:1.2px}main{max-width:1600px;margin:auto;padding:0 4%}.intro{display:flex;justify-content:space-between;padding:49px 0 40px;align-items:center}.eyebrow,.sectionnum{font-size:10px;font-weight:600;letter-spacing:1.9px}.eyebrow{color:var(--orange);margin-bottom:19px}h1{font:60px/.99 'Libre Caslon Display',Georgia,serif;letter-spacing:-1.6px;margin:0 0 20px}h1 em{font-weight:400;color:#66826c}p{line-height:1.7} .intro p{font-size:13px;color:#7b8279;margin:0}.intro-note{padding:10px 27px;border-left:1px solid var(--line);width:255px}.intro-note>span:first-child{font-size:8px;letter-spacing:1.3px}.intro-note p{font-size:13px;color:var(--ink);margin-top:17px}.arrow{display:block;font:40px Georgia;margin-top:8px;color:var(--orange)}.workspace{display:grid;grid-template-columns:280px 1fr;border:1px solid #cdd7ca;min-height:620px;border-radius:6px;overflow:hidden}.sidebar{padding:27px 22px 0;background:#fcfcf7}.sectionnum{color:#8a967f;font-size:9px}h2{font:35px/1.1 'Libre Caslon Display',Georgia,serif;margin:14px 0 12px} .muted{color:var(--muted);font-size:12px;line-height:1.6}.search{display:flex;border:1px solid #dce0d5;padding:10px;gap:8px;margin:20px 0 18px;border-radius:4px;font-size:20px;align-items:center}.search input{width:100%;background:none;border:0;outline:0;font-size:11px;color:var(--ink)}.layerbuttons{display:grid;gap:5px}.layerbuttons button{display:flex;align-items:center;gap:10px;background:none;border:0;text-align:left;border-radius:4px;padding:11px;color:#728070;font-size:12px}.layerbuttons b{margin-left:auto;font-weight:400;font-size:10px}.layerbuttons .selected{background:#e8eddf;color:var(--ink)}.list-title{font-size:8px;letter-spacing:1px;display:flex;justify-content:space-between;margin:28px 0 8px}.list-title span{font-size:8px;color:#899082;letter-spacing:0}#places{height:205px;overflow:auto}.place{display:flex;width:100%;align-items:center;gap:10px;border:0;background:none;color:var(--ink);text-align:left;padding:10px 2px;border-bottom:1px solid #edf0e7}.place .symbol{color:#82967e}.place small{display:block;color:#8d9487;font-size:9px;margin-top:3px}.place>span:last-child{margin-left:auto;color:#85917c}.place:hover,.place.chosen{background:#edf1e6}.sidebar-foot{font-size:10px;color:#8b927f;padding:15px 0;border-top:1px solid var(--line);margin-top:12px}.map{position:relative;background:#d9e9e8;min-width:0;overflow:hidden}.map-top{position:absolute;top:21px;left:24px;right:24px;display:flex;justify-content:space-between;z-index:1;pointer-events:none}.mapbadge{font-size:8px;letter-spacing:1.3px;background:#f8faf5dc;padding:10px 12px;border:1px solid #cddcd4;border-radius:3px}.secondary{background:#edf5efbd;color:#64817a;letter-spacing:0}.sea{fill:#83a8ab;font:italic 14px Georgia;letter-spacing:3px}.islandlabel{font:16px 'DM Sans',sans-serif;fill:#728264;letter-spacing:3px}.islandlabel.small{font-size:10px}.pin{cursor:pointer;outline:none}.pin circle{stroke:#fff;stroke-width:2;transition:r .2s}.pin:hover circle,.pin:focus circle{r:9}.pin text{font-size:11px;fill:#3c554c;paint-order:stroke;stroke:#ecf0df;stroke-width:3px;stroke-linejoin:round}.compass{position:absolute;right:30px;top:80px;text-align:center;color:#588078;font-size:12px;line-height:1.6}.compass small{font-size:8px}.zoom{position:absolute;right:23px;bottom:65px;display:grid;box-shadow:0 3px 8px #52756616}.zoom button{background:#fcfcf4;border:1px solid #ccd9cd;color:var(--ink);width:32px;height:32px;font-size:20px}.map-bottom{position:absolute;bottom:19px;left:24px;right:24px;display:flex;justify-content:space-between;font-size:8px;color:#67817a;gap:12px}.map-bottom i{display:inline-block;background:var(--orange);width:6px;height:6px;border-radius:50%;margin:0 4px 0 8px}.map-bottom i.green{background:#3d765c}.detail{display:none;position:absolute;left:23px;bottom:57px;width:280px;background:#fffef6;padding:21px;box-shadow:0 6px 24px #284a381f;border-radius:4px;border-top:3px solid var(--orange)}.detail.open{display:block}.detail h3{font:29px 'Libre Caslon Display',Georgia;margin:8px 0}.detail p{font-size:11px;color:#6f796c;margin-bottom:0}.detail small{font-size:9px;letter-spacing:1px;color:var(--orange)}.detail button{position:absolute;right:8px;top:5px;background:none;border:0;font-size:20px;color:#7c8776}.under-map{display:flex;align-items:center;gap:26px;padding:21px 0 29px}.under-map>span{font-size:8px;letter-spacing:1px}.under-map p{font-size:10px;color:#87907e;flex:1}.under-map button{background:none;border:0;color:var(--ink);font-size:11px}.under-map button span{padding-left:18px}footer{border-top:1px solid var(--line);padding:24px 0;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#89917f}footer .brand{font-size:10px}footer .brand span{font-size:8px}footer button{background:none;border:0;color:#6e7e69;font-size:10px}.hidden{display:none!important}.learning{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;padding:35px;background:#ecf0e4;border-radius:5px}.learning p{max-width:530px;color:#71806b}.learning small{font-size:10px;color:#7c8876}#strata{display:grid;margin:25px 0 13px;gap:4px}#strata button{padding:18px;text-align:left;border:2px solid transparent;border-radius:3px;color:#294436;font-size:13px}#strata button.active{border-color:#294436}#strata span{float:right;font-size:10px}#rockdetail{align-self:center;padding:30px}#rockdetail .rockicon{font:90px Georgia;color:#a7ab85}#rockdetail h3{font:39px 'Libre Caslon Display',Georgia;margin:15px 0}#rockdetail p{font-size:14px}.soilhead{padding:42px 0 15px}.soilhead p{max-width:700px;color:#788371;font-size:12px}.soils{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:40px}.soils article{padding:20px;border:1px solid var(--line);border-radius:4px}.soils p{font-size:12px;color:#788371}.soil{height:55px;border-radius:3px;background:repeating-linear-gradient(12deg,#a75e42 0 3px,#ac6749 3px 8px)}.soil.brown{background:repeating-linear-gradient(12deg,#a8956e 0 3px,#b4a17b 3px 8px)}.soil.grey{background:repeating-linear-gradient(12deg,#bdbaa2 0 3px,#cec9ae 3px 8px)}.quizwrap{max-width:700px;margin:0 auto 60px;background:#ecf0e4;padding:40px;border-radius:6px}#quizcontent h3{font:30px 'Libre Caslon Display',Georgia;line-height:1.2}#quizcontent button{display:block;width:100%;background:#fafbf4;color:var(--ink);border:1px solid #cdd7c6;border-radius:4px;padding:15px;text-align:left;margin:9px 0}#quizcontent button:disabled{cursor:default}#quizcontent button.correct{background:#cbdcc0}#quizcontent button.wrong{background:#eed2c1}#quizcontent .next{background:var(--ink);color:white;text-align:center}#feedback{line-height:1.6}dialog{background:var(--cream);color:var(--ink);border:1px solid var(--line);border-radius:6px;max-width:560px;padding:34px}dialog::backdrop{background:#163c3570}dialog a{color:#46745d;line-height:2.2}dialog>button{float:right;border:0;background:none;font-size:25px}dialog p{font-size:13px}@media(min-width:1450px){.workspace{min-height:700px}}@media(max-width:1100px){.edition{display:none}h1{font-size:53px}.workspace{grid-template-columns:250px 1fr}.mapbadge.secondary{display:none}.map{min-height:590px}.map-bottom{flex-direction:column}.under-map>span{display:none}.intro-note{width:210px}}@media(max-width:720px){header{height:auto;min-height:95px;flex-wrap:wrap;padding-top:12px;gap:5px}nav{height:40px;width:100%;justify-content:space-between;gap:10px}.nav{font-size:10px}.intro{padding:30px 0}.intro-note{display:none}h1{font-size:43px}.intro p{font-size:12px}.workspace{grid-template-columns:1fr}.sidebar{padding:20px}.sidebar h2{font-size:30px}.sidebar>.muted,.sidebar-foot,.list-title,#places{display:none}.search{margin:12px 0}.layerbuttons{display:flex}.layerbuttons button{flex:1;padding:10px 6px;font-size:10px;gap:5px}.layerbuttons b{display:none}.map{min-height:480px}.detail{width:240px;padding:15px}.mapbadge{font-size:7px}.under-map{gap:12px}.under-map p{font-size:9px}footer>.brand{display:none}.learning{grid-template-columns:1fr;padding:23px;gap:10px}#rockdetail{padding:10px}.soils{grid-template-columns:1fr}.quizwrap{padding:23px}.desktop{display:none}}