/* Shared guide discovery and the little fire ant learning experience. */
/* An illustrated, accessible chapter for every stage in both field guides. */
.stage-introduction h2{font-size:clamp(34px,4vw,54px);margin-bottom:22px}.stage-jumps{display:flex;flex-wrap:wrap;gap:10px;margin:30px 0 20px}.stage-jumps a{padding:13px 20px;background:#e3ead6;border:1px solid #a3b58e;border-radius:3px;font-size:14px}.stage-jumps a:nth-child(2){background:#f5e2c6;border-color:#d1aa74}.stage-jumps a:nth-child(3){background:#f0dfe8;border-color:#c698b0}.stage-jumps a:nth-child(4){background:#dceaf0;border-color:#8eb4c5}.stage-jumps span{font-size:11px;margin-right:8px}.stage-jumps a:hover,.stage-jumps a:focus-visible{outline:2px solid var(--forest);outline-offset:3px}.stage-scale-note{font-size:13px;line-height:1.8;max-width:85ch;margin:0 0 35px}.illustrated-stages{display:grid;gap:30px;margin:35px 0 55px}.life-stage-card{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:30px;align-items:center;border:1px solid #b6c6a5;border-top:5px solid #719552;background:#eaf0df;padding:30px;scroll-margin-top:25px}.life-stage-card:nth-child(2){background:#f5ebdb;border-color:#d9c6a9;border-top-color:#c38d43}.life-stage-card:nth-child(3){background:#f3e7ed;border-color:#d2b7c6;border-top-color:#b66c97}.life-stage-card:nth-child(4){background:#e5eef1;border-color:#b4cbd3;border-top-color:#568fa3}.life-stage-copy h2{font-size:clamp(36px,4vw,52px);margin:18px 0 14px}.life-stage-copy h3{font-size:22px;line-height:1.3;margin:0 0 16px}.life-stage-copy>p{font-size:14px;line-height:1.8}.stage-features{font-size:13px;line-height:1.75;margin:22px 0}.stage-features>div{padding:14px 0;border-top:1px solid #224e3d25}.stage-features dt{font-weight:600;margin-bottom:5px}.stage-features dd{margin:0}.life-stage-copy .text-link{font-size:11px;line-height:1.5;gap:12px}.stage-figure{min-width:0}.stage-figure .plate-enlarge{background:#faf5e8;border:1px solid #224e3d20;border-radius:4px;overflow:hidden}.stage-figure img{display:block;width:100%;height:auto}.stage-image-actions{display:flex;flex-wrap:wrap;gap:12px 24px;border-top:1px solid #224e3d25;padding-top:14px;margin-top:14px;font-size:12px}.stage-image-actions a{text-decoration:underline;text-underline-offset:4px}.stage-image-actions a:hover{color:#854b72}
@media(max-width:900px){.life-stage-card{grid-template-columns:1fr;gap:22px;padding:28px}.stage-figure{max-width:720px;width:100%;margin:auto}.life-stage-copy>p{max-width:75ch}.stage-features{display:grid;grid-template-columns:1fr 1fr;gap:24px}.life-stage-copy h2{font-size:42px}}
@media(max-width:600px){.life-stage-card{padding:22px 16px;gap:24px}.illustrated-stages{gap:24px}.stage-jumps{display:grid;grid-template-columns:1fr 1fr}.stage-jumps a{padding:12px 15px}.stage-features{display:block}.life-stage-copy h2{font-size:38px}.life-stage-copy h3{font-size:23px}.stage-scale-note{font-size:12px}.stage-figure figcaption{font-size:12px}}
.guide-dropdown{min-width:290px;max-height:75vh;overflow:auto}.guide-dropdown .nav-label{border-top:1px solid var(--line);margin-top:8px}.guide-return{font-size:12px;margin:24px 0 0}.guide-return a{text-decoration:underline;text-underline-offset:3px}
.start-section{padding:55px 0 65px;background:var(--paper);border-bottom:1px solid var(--line)}.start-section h2{font-size:42px;margin:15px 0 30px}.start-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.start-grid>a{position:relative;background:#e2ecd6;padding:26px 24px 54px;border-top:3px solid #81a653}.start-grid>a:nth-child(2){background:#f5dfc5;border-color:#c28440}.start-grid>a:nth-child(3){background:#dceaea;border-color:#438b8b}.start-grid>a:nth-child(4){background:#f0dfe8;border-color:#ba528a}.start-grid span{font-size:9px;letter-spacing:1.3px}.start-grid h3{font-size:27px;margin:20px 0 12px}.start-grid p{font-size:13px;line-height:1.7}.start-grid b{position:absolute;bottom:20px;right:24px;font-size:25px;font-weight:400}.start-grid>a:hover{outline:2px solid var(--forest);outline-offset:3px}
.guide-hub-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:55px 0}.guide-hub{background:#e3ebda;border-top:5px solid #589070}.guide-hub.ant-hub{background:#f3e3ca;border-color:#c08746}.guide-hub>img{width:100%;aspect-ratio:4/3;object-fit:contain;background:#f8f5e9}.guide-hub>div{padding:35px}.guide-hub h2{font-size:43px;margin:18px 0}.guide-hub p{margin-bottom:24px}.guide-shortcuts{display:flex;gap:18px;flex-wrap:wrap;margin-top:25px}.guide-shortcuts .text-link{font-size:11px;gap:10px}
.lfa-shell .field-card{background:#eee3ce;border-top-color:#bc8b42}.lfa-shell .field-card:nth-child(2){background:#dcead4;border-top-color:#6a9557}.lfa-shell .field-card:nth-child(3){background:#efdee7;border-top-color:#bf6b9a}.lfa-shell>section{margin:50px 0}.lfa-shell p{max-width:78ch}.lfa-figure img{background:#fbf8ef}.lfa-shell .illustration-section{padding:32px}.lfa-shell .illustration-section h2{margin-bottom:30px}.lfa-shell .anatomy-grid{margin-top:30px}.lfa-steps{list-style:none;counter-reset:step;padding:0;margin:35px 0}.lfa-steps li{counter-increment:step;position:relative;padding:25px 15px 25px 70px;border-bottom:1px solid var(--line)}.lfa-steps li:before{content:counter(step,decimal-leading-zero);position:absolute;left:0;top:24px;font:32px Georgia,serif;color:#a46d32}.lfa-steps h3{font-size:28px;margin-bottom:12px}.lfa-size-line{max-width:460px;margin:20px 0;font-size:13px}.lfa-size-line span{display:block;height:18px;background:#b37832;border:1px solid #86541e}.worker-scale{width:30%}.queen-scale{width:100%}.lfa-size-line b{display:block;margin-top:10px;font-weight:400}.life-cycle{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:35px 0}.life-cycle li{background:#e6ead7;border-top:4px solid #9ca74a;padding:25px}.life-cycle li:nth-child(2){background:#fae2bd;border-color:#c98b39}.life-cycle li:nth-child(3){background:#efdae9;border-color:#b46f9b}.life-cycle li:nth-child(4){background:#d7e7ef;border-color:#6492a8}.life-cycle span{font-size:12px}.life-cycle h3{margin:20px 0 12px}.life-cycle p{font-size:14px}.comparison-scroll{overflow:auto;margin:30px 0}.lfa-table{border-collapse:collapse;width:100%;min-width:600px;font-size:14px;line-height:1.7}.lfa-table caption{text-align:left;margin-bottom:15px}.lfa-table th,.lfa-table td{text-align:left;vertical-align:top;border:1px solid #b5c0ae;padding:20px}.lfa-table thead{background:#254f42;color:#fffaf0}.lfa-table tbody th{background:#e5ebd9;min-width:170px}.evidence-ladder{padding:30px;background:#203f36;color:#fff9e9}.evidence-ladder h3{font-size:28px}.evidence-ladder ol{list-style:none;counter-reset:evidence;padding:0}.evidence-ladder li{counter-increment:evidence;padding:18px 0;border-bottom:1px solid #ffffff35}.evidence-ladder li:before{content:counter(evidence) ' / ';color:#e7c973}.evidence-ladder span{display:block;margin:8px 0 0 29px;font-size:13px;line-height:1.6;color:#e3eddd}
.station-plan{position:relative;min-height:350px;background:repeating-linear-gradient(0deg,transparent 0 34px,#183f3910 34px 35px),repeating-linear-gradient(90deg,#f0f0dc 0 34px,#183f3910 34px 35px);border:1px solid #a1b192;border-radius:10px}.station{position:absolute;display:grid;place-items:center;width:34px;height:34px;background:#b85487;color:white;border:3px solid white;border-radius:50%;z-index:2}.s1{left:7%;top:8%}.s2{left:47%;top:8%}.s3{right:7%;top:8%}.s4{right:7%;bottom:8%}.s5{left:47%;bottom:8%}.s6{left:7%;bottom:8%}.plot{position:absolute;top:28%;left:8%;width:45%;height:40%;background:#c8d9a8;border:3px double #68874b;display:grid;place-items:center;font:20px Georgia,serif}.receiving{position:absolute;right:6%;bottom:27%;font-size:12px;background:#efd4aa;padding:14px}.tree{position:absolute;right:12%;top:25%;border-radius:50%;background:#9ebe80;width:80px;height:75px;display:grid;place-items:center;font-size:14px}.observation-form{padding:35px;background:#fffaf0;border:1px solid var(--line);margin:50px 0}.observation-form h2{font-size:38px;margin-bottom:15px}.observation-form label{display:block;font-size:13px;margin:22px 0}.record-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.observation-form input,.observation-form select,.observation-form textarea{display:block;width:100%;padding:13px;margin-top:10px;border:1px solid #829987;border-radius:3px;background:#fffef9;color:var(--ink);font:inherit}.observation-form textarea{font-size:15px}.observation-form [role=status]{margin-top:20px;font-size:13px}
@media(max-width:900px){.start-grid{grid-template-columns:1fr 1fr}.guide-hub-grid{gap:20px}.guide-hub>div{padding:25px}.life-cycle{grid-template-columns:1fr 1fr}.guide-dropdown{max-height:65vh}}
@media(max-width:600px){.start-section{padding:40px 0}.start-section h2{font-size:34px}.start-grid{gap:12px}.start-grid>a{padding:20px 16px 44px}.start-grid h3{font-size:25px}.start-grid p{font-size:12px}.guide-hub-grid{grid-template-columns:1fr}.guide-hub h2{font-size:36px}.guide-dropdown{min-width:0;width:100%}.lfa-shell .illustration-section{padding:20px 14px}.lfa-steps li{padding-left:48px}.lfa-steps h3{font-size:25px}.life-cycle{gap:10px}.life-cycle li{padding:20px 15px}.life-cycle h3{font-size:26px}.record-grid{grid-template-columns:1fr}.observation-form{padding:24px 16px}.observation-form h2{font-size:32px}.field-nav{gap:7px}.field-nav a{font-size:11px;padding:10px 13px}}