.difficulty-score{margin:16px 0;min-width:0}.difficulty-score>strong{font-size:22px;color:#193c40;font-variant-numeric:tabular-nums}.difficulty-track{height:14px;background:linear-gradient(90deg,#a3d884 0%,#a3d884 26%,#2fa3a5 34%,#2fa3a5 46%,#f3c94f 54%,#f3c94f 76%,#e89a73 84%,#e89a73 100%);border-radius:999px;position:relative;margin-top:16px;isolation:isolate}.difficulty-marker{position:absolute;top:50%;width:20px;height:20px;border:2px solid #193c40;border-radius:50%;background:#fff;transform:translate(-50%,-50%);z-index:2}.difficulty-interval{position:absolute;top:50%;height:20px;border:2px solid #193c40;border-radius:999px;transform:translateY(-50%);z-index:1}.difficulty-labels{display:grid;grid-template-columns:3fr 2fr 3fr 2fr;margin-top:12px;text-align:center;color:#193c40;font-size:12px;font-weight:600;line-height:1.5}.difficulty-endpoints{display:flex;justify-content:space-between;font-size:11px;color:#718568;margin-top:2px}.difficulty-panel .difficulty-grade h3{color:#193c40}
/* Score positions use external CSS so strict CSP does not block the markers. */
.difficulty-at-0{left:0%}.difficulty-span-0{width:0%}.difficulty-at-1{left:1%}.difficulty-span-1{width:1%}.difficulty-at-2{left:2%}.difficulty-span-2{width:2%}.difficulty-at-3{left:3%}.difficulty-span-3{width:3%}.difficulty-at-4{left:4%}.difficulty-span-4{width:4%}.difficulty-at-5{left:5%}.difficulty-span-5{width:5%}.difficulty-at-6{left:6%}.difficulty-span-6{width:6%}.difficulty-at-7{left:7%}.difficulty-span-7{width:7%}.difficulty-at-8{left:8%}.difficulty-span-8{width:8%}.difficulty-at-9{left:9%}.difficulty-span-9{width:9%}.difficulty-at-10{left:10%}.difficulty-span-10{width:10%}.difficulty-at-11{left:11%}.difficulty-span-11{width:11%}.difficulty-at-12{left:12%}.difficulty-span-12{width:12%}.difficulty-at-13{left:13%}.difficulty-span-13{width:13%}.difficulty-at-14{left:14%}.difficulty-span-14{width:14%}.difficulty-at-15{left:15%}.difficulty-span-15{width:15%}.difficulty-at-16{left:16%}.difficulty-span-16{width:16%}.difficulty-at-17{left:17%}.difficulty-span-17{width:17%}.difficulty-at-18{left:18%}.difficulty-span-18{width:18%}.difficulty-at-19{left:19%}.difficulty-span-19{width:19%}.difficulty-at-20{left:20%}.difficulty-span-20{width:20%}.difficulty-at-21{left:21%}.difficulty-span-21{width:21%}.difficulty-at-22{left:22%}.difficulty-span-22{width:22%}.difficulty-at-23{left:23%}.difficulty-span-23{width:23%}.difficulty-at-24{left:24%}.difficulty-span-24{width:24%}.difficulty-at-25{left:25%}.difficulty-span-25{width:25%}.difficulty-at-26{left:26%}.difficulty-span-26{width:26%}.difficulty-at-27{left:27%}.difficulty-span-27{width:27%}.difficulty-at-28{left:28%}.difficulty-span-28{width:28%}.difficulty-at-29{left:29%}.difficulty-span-29{width:29%}.difficulty-at-30{left:30%}.difficulty-span-30{width:30%}.difficulty-at-31{left:31%}.difficulty-span-31{width:31%}.difficulty-at-32{left:32%}.difficulty-span-32{width:32%}.difficulty-at-33{left:33%}.difficulty-span-33{width:33%}.difficulty-at-34{left:34%}.difficulty-span-34{width:34%}.difficulty-at-35{left:35%}.difficulty-span-35{width:35%}.difficulty-at-36{left:36%}.difficulty-span-36{width:36%}.difficulty-at-37{left:37%}.difficulty-span-37{width:37%}.difficulty-at-38{left:38%}.difficulty-span-38{width:38%}.difficulty-at-39{left:39%}.difficulty-span-39{width:39%}.difficulty-at-40{left:40%}.difficulty-span-40{width:40%}.difficulty-at-41{left:41%}.difficulty-span-41{width:41%}.difficulty-at-42{left:42%}.difficulty-span-42{width:42%}.difficulty-at-43{left:43%}.difficulty-span-43{width:43%}.difficulty-at-44{left:44%}.difficulty-span-44{width:44%}.difficulty-at-45{left:45%}.difficulty-span-45{width:45%}.difficulty-at-46{left:46%}.difficulty-span-46{width:46%}.difficulty-at-47{left:47%}.difficulty-span-47{width:47%}.difficulty-at-48{left:48%}.difficulty-span-48{width:48%}.difficulty-at-49{left:49%}.difficulty-span-49{width:49%}.difficulty-at-50{left:50%}.difficulty-span-50{width:50%}.difficulty-at-51{left:51%}.difficulty-span-51{width:51%}.difficulty-at-52{left:52%}.difficulty-span-52{width:52%}.difficulty-at-53{left:53%}.difficulty-span-53{width:53%}.difficulty-at-54{left:54%}.difficulty-span-54{width:54%}.difficulty-at-55{left:55%}.difficulty-span-55{width:55%}.difficulty-at-56{left:56%}.difficulty-span-56{width:56%}.difficulty-at-57{left:57%}.difficulty-span-57{width:57%}.difficulty-at-58{left:58%}.difficulty-span-58{width:58%}.difficulty-at-59{left:59%}.difficulty-span-59{width:59%}.difficulty-at-60{left:60%}.difficulty-span-60{width:60%}.difficulty-at-61{left:61%}.difficulty-span-61{width:61%}.difficulty-at-62{left:62%}.difficulty-span-62{width:62%}.difficulty-at-63{left:63%}.difficulty-span-63{width:63%}.difficulty-at-64{left:64%}.difficulty-span-64{width:64%}.difficulty-at-65{left:65%}.difficulty-span-65{width:65%}.difficulty-at-66{left:66%}.difficulty-span-66{width:66%}.difficulty-at-67{left:67%}.difficulty-span-67{width:67%}.difficulty-at-68{left:68%}.difficulty-span-68{width:68%}.difficulty-at-69{left:69%}.difficulty-span-69{width:69%}.difficulty-at-70{left:70%}.difficulty-span-70{width:70%}.difficulty-at-71{left:71%}.difficulty-span-71{width:71%}.difficulty-at-72{left:72%}.difficulty-span-72{width:72%}.difficulty-at-73{left:73%}.difficulty-span-73{width:73%}.difficulty-at-74{left:74%}.difficulty-span-74{width:74%}.difficulty-at-75{left:75%}.difficulty-span-75{width:75%}.difficulty-at-76{left:76%}.difficulty-span-76{width:76%}.difficulty-at-77{left:77%}.difficulty-span-77{width:77%}.difficulty-at-78{left:78%}.difficulty-span-78{width:78%}.difficulty-at-79{left:79%}.difficulty-span-79{width:79%}.difficulty-at-80{left:80%}.difficulty-span-80{width:80%}.difficulty-at-81{left:81%}.difficulty-span-81{width:81%}.difficulty-at-82{left:82%}.difficulty-span-82{width:82%}.difficulty-at-83{left:83%}.difficulty-span-83{width:83%}.difficulty-at-84{left:84%}.difficulty-span-84{width:84%}.difficulty-at-85{left:85%}.difficulty-span-85{width:85%}.difficulty-at-86{left:86%}.difficulty-span-86{width:86%}.difficulty-at-87{left:87%}.difficulty-span-87{width:87%}.difficulty-at-88{left:88%}.difficulty-span-88{width:88%}.difficulty-at-89{left:89%}.difficulty-span-89{width:89%}.difficulty-at-90{left:90%}.difficulty-span-90{width:90%}.difficulty-at-91{left:91%}.difficulty-span-91{width:91%}.difficulty-at-92{left:92%}.difficulty-span-92{width:92%}.difficulty-at-93{left:93%}.difficulty-span-93{width:93%}.difficulty-at-94{left:94%}.difficulty-span-94{width:94%}.difficulty-at-95{left:95%}.difficulty-span-95{width:95%}.difficulty-at-96{left:96%}.difficulty-span-96{width:96%}.difficulty-at-97{left:97%}.difficulty-span-97{width:97%}.difficulty-at-98{left:98%}.difficulty-span-98{width:98%}.difficulty-at-99{left:99%}.difficulty-span-99{width:99%}.difficulty-at-100{left:100%}.difficulty-span-100{width:100%}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:94px}body{margin:0;color:#193c40;background:#f0f8f5;font-family:"Microsoft YaHei","Segoe UI",sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,p{margin:0}button,a{font:inherit;color:inherit}button{cursor:pointer;border:0;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:transparent}a{text-decoration:none}a[href],summary{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #2b9da1;outline-offset:4px}button:hover,a[href]:hover{filter:brightness(.94)}img{object-fit:contain;max-width:100%}.icon{height:20px;width:20px;flex-shrink:0;vertical-align:middle}.site-header{height:80px;background:#f9fcfa;border-bottom:1px solid #dfece6}.header-inner{max-width:1248px;height:100%;margin:auto;display:flex;align-items:center;gap:23px}.brand{font-size:24px;font-weight:800;letter-spacing:-.8px;white-space:nowrap}.brand>span{color:#2b9ca0}.main-nav{display:flex;align-items:stretch;height:100%;gap:31px;margin-left:45px}.main-nav a{display:flex;align-items:center;font-size:14px;color:#728b83;position:relative}.main-nav .selected{color:#238a8e;font-weight:600}.main-nav .selected:after{position:absolute;content:"";height:3px;width:20px;border-radius:3px;background:#2b9ea0;bottom:18px;left:calc(50% - 10px)}.header-search{margin-left:auto;background:#edf5f1;color:#7a9389;border-radius:12px;font-size:12px;padding:11px 16px;gap:11px;min-width:194px;justify-content:flex-start}.header-search .icon{width:17px;height:17px}.app-button{border:1px solid #d4e6dd;background:white;padding:11px 15px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap}.app-button .icon{height:17px;width:17px;color:#2c979d}.page{max-width:1248px;margin:auto}.breadcrumb{display:flex;align-items:center;gap:11px;height:61px;font-size:11px;color:#879e93}.breadcrumb .icon{width:10px;height:10px;color:#aebfb4}.breadcrumb strong{font-weight:400;color:#547669}.species-hero{display:grid;grid-template-columns:314px 1fr;gap:36px;border:1px solid #e1ede5;border-radius:27px;background:white;padding:26px;scroll-margin-top:85px}.hero-art{background:#dfedbe;border-radius:22px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:327px}.art-circle{width:256px;height:256px;border-radius:50%;background:#ecf5d4;position:absolute;left:28px;top:22px}.hero-image{position:relative;width:233px;height:240px;margin-top:-42px;z-index:1}.sex-switch{position:absolute;bottom:45px;background:#ffffffad;border:1px solid #ffffffd9;border-radius:11px;padding:4px;display:flex;gap:3px;z-index:2}.sex-switch button{font-size:11px;border-radius:8px;padding:7px 15px;color:#6d8b6e;gap:6px}.sex-switch button.on{color:#266456;background:white;box-shadow:0 2px 7px #4a704b0b}.sex-icon{width:15px;height:15px;flex-shrink:0}.art-note{font-size:9px;color:#8b9b72;position:absolute;bottom:20px}.hero-content{padding:3px 12px 0 0}.hero-tags{display:flex;gap:9px;align-items:center;margin-bottom:11px}.category-chip,.taxon-chip{font-size:10px;padding:5px 10px;border-radius:7px;background:#e9f3df;color:#729153}.taxon-chip{background:#f0f5f1;color:#8fa291}.hero-tags>a{display:flex;align-items:center;gap:7px;color:#568c74;font-size:11px;margin-left:auto}.hero-tags>a .icon{width:14px;height:14px}h1{font-size:38px;letter-spacing:-1px;line-height:1.35}.scientific{font:italic 18px Georgia,serif;color:#6e8c7d;margin-top:6px}.alias{font-size:10px;color:#819b8b;margin-top:14px}.alias>span{margin-right:12px;color:#a0b3a7}.summary{font-size:12px;line-height:1.95;margin:14px 0;color:#5e7b6f;max-width:740px}.distribution{display:flex;gap:9px;align-items:flex-start;padding-top:14px;border-top:1px solid #e9f0ea}.distribution>.icon{width:16px;height:16px;color:#6b9b7e;margin-top:2px}.distribution>div{display:flex;align-items:baseline;gap:13px;flex-wrap:wrap}.distribution strong{font-size:11px;color:#547461;font-weight:600}.distribution span{font-size:11px;color:#758f7d}.distribution small{flex-basis:100%;font-size:9px;color:#9cae9f;margin-top:-4px}.hero-actions{display:flex;gap:12px;align-items:center;margin-top:20px}.primary{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:#2b9da1;color:white;border-radius:11px;padding:12px 18px;font-size:12px}.primary .icon{width:17px;height:17px}.outline{background:#fff;border:1px solid #dbe7df;border-radius:11px;font-size:12px;padding:11px 16px;color:#6a8b78}.outline .icon{width:17px;height:17px}.outline[aria-pressed=true]{background:#fff4d2;color:#99762e}.hero-actions>a{margin-left:auto;font-size:10px;color:#8ca593}.hero-actions>a .icon{width:12px;height:12px;margin-left:4px}.section-nav{display:flex;align-items:center;gap:31px;padding:0 18px;height:67px;margin:19px 0;background:#f0f8f5eb;backdrop-filter:blur(10px);position:sticky;top:0;z-index:10;border-bottom:1px solid #dcebe2}.section-nav>a{font:11px "Segoe UI",sans-serif;color:#9db7a7;display:flex;gap:9px;align-items:center;position:relative;height:100%;white-space:nowrap}.section-nav>a>span{font:600 13px "Microsoft YaHei",sans-serif;color:#6b8b77}.section-nav>a.active>span{color:#228e91}.section-nav>a.active:after{content:"";position:absolute;background:#2b9c9e;border-radius:3px;width:29px;height:3px;bottom:-1px;left:33px}.section-nav>.updated{margin-left:auto;font-size:10px;color:#9db2a3}.panel{background:white;border:1px solid #e1ede5;border-radius:24px}.subspecies{padding:24px 27px 0}.subsection-head{display:flex;justify-content:space-between;align-items:center}.subsection-head>div{display:flex;align-items:baseline;gap:15px}.subsection-head h3{font-size:18px;letter-spacing:-.4px}.subsection-head>div>span{font-size:10px;color:#93a697}.count{font-size:10px;color:#87a17f;background:#eff5e8;padding:5px 9px;border-radius:7px}.taxonomy-note{font-size:10px;color:#8aa089;line-height:1.9;margin:11px 0 17px}.ref{display:inline-flex;align-items:center;gap:3px;color:#4d9385;font-size:10px}.ref .icon{height:11px;width:11px}.taxonomy-note .ref{margin-left:9px}.sub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.sub-card{background:#fafcf9;border:1px solid #e5eee1;border-radius:16px;padding:17px 18px 13px;min-width:0}.sub-name{display:flex;align-items:center;gap:9px}.sub-name>b{background:#deefeb;padding:5px 8px;border-radius:6px;font:600 12px "Segoe UI",sans-serif;color:#3b8c83}.sub-name h4{font-size:12px;font-weight:600;color:#567460}.sub-card>.latin{font:italic 11px Georgia,serif;color:#829b85;margin-top:8px}.feature-placeholder{height:49px;border-radius:10px;border:1px dashed #d7e2d0;background:#f2f5e9;display:flex;align-items:center;justify-content:center;gap:10px;margin:13px 0 12px;color:#95a48a}.feature-placeholder .icon{height:18px;width:18px}.feature-placeholder>span{font-size:10px}.difference{font-size:11px;color:#678365;line-height:1.85;min-height:41px}.location{display:flex;align-items:flex-start;gap:6px;font-size:9px;color:#8ea184;line-height:1.7;margin-top:11px;padding-top:10px;border-top:1px solid #e4ecde}.location .icon{width:12px;height:12px;margin-top:2px}.more-subspecies>summary{list-style:none;display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;color:#76966f;padding:17px}.more-subspecies>summary .icon{width:13px;height:13px}.more-subspecies[open]{padding-bottom:22px}summary::-webkit-details-marker{display:none}.section-title{display:flex;justify-content:space-between;align-items:center;margin:29px 0 16px}.section-title>div{display:flex;align-items:center;gap:12px}.number{font:12px "Segoe UI",sans-serif;color:#739c8d;background:#e2eee7;width:29px;height:29px;border-radius:9px;display:flex;align-items:center;justify-content:center}.section-title h2{font-size:23px;font-weight:700;letter-spacing:-.5px}.section-desc{font-size:11px;color:#8da494;margin-left:6px}.difficulty-panel{display:grid;grid-template-columns:1fr 1.35fr;border-radius:23px;background:#e6efc8;overflow:hidden}.difficulty-grade{padding:26px 29px;background:#dfebb6}.eyebrow{color:#839660;font-size:10px;letter-spacing:.5px}.difficulty-grade h3{font-size:34px;color:#4d6939;margin:9px 0 14px;letter-spacing:1px}.difficulty-grade h3>span{font-size:12px;font-weight:400;letter-spacing:0;margin-left:12px;color:#85965e}.grade-scale{display:flex;gap:6px;max-width:333px}.grade-scale>span{flex:1;text-align:center;background:#edf3d4;color:#a1ae87;padding:7px;border-radius:8px;font-size:10px}.grade-scale .chosen{background:#80ac61;color:white;font-weight:600}.difficulty-grade>p{font-size:10px;color:#8b9c6b;margin-top:13px;line-height:1.7}.difficulty-reasons{padding:10px 25px 11px}.difficulty-reasons>a{display:flex;align-items:center;gap:13px;padding:13px 0}.difficulty-reasons>a+a{border-top:1px solid #d9e5be}.reason-icon{height:34px;width:34px;display:flex;align-items:center;justify-content:center;border-radius:11px;background:#f5f8e9;color:#8ba869}.reason-icon>.icon{width:18px;height:18px}.difficulty-reasons strong{font-size:12px;color:#5c7948;font-weight:600}.difficulty-reasons p{font-size:10px;color:#8c9f76;margin-top:5px;line-height:1.65}.difficulty-reasons>a>.icon{width:14px;height:14px;color:#8b9f71;margin-left:auto}.rating-note{margin-top:10px}.rating-note>summary{display:flex;align-items:center;justify-content:flex-end;gap:8px;font-size:10px;color:#8da27f;list-style:none}.rating-note>summary .icon{width:12px;height:12px}.rating-note>p{background:white;border:1px solid #e1ebe0;border-radius:12px;padding:16px 20px;margin-top:12px;font-size:11px;line-height:1.9;color:#7a8d72}.care-panel{padding:23px 27px 0}.care-scope{display:flex;gap:9px;align-items:center;padding:13px 15px;background:#eaf5f1;border-radius:11px;margin-bottom:17px;color:#7c9b8e}.care-scope>.icon{width:16px;height:16px}.care-scope>span{font-size:10px;line-height:1.7}.care-scope strong{color:#4f8c7b;font-weight:500}.care-scope>a{margin-left:auto;white-space:nowrap;font-size:10px;color:#70a291}.care-scope>a .icon{height:11px;width:11px;margin-left:4px}.table-heading,.stage-row{display:grid;grid-template-columns:.85fr 1.5fr 1fr;gap:25px}.table-heading{background:#f7faf6;border-radius:10px;padding:10px 17px;font-size:10px;color:#98ab9b}.stage-row{border-bottom:1px solid #edf2ea;align-items:center;padding:15px 17px}.stage-name{display:flex;align-items:center;gap:12px}.stage-name strong{font-size:12px;color:#54765f;font-weight:600}.stage-icon{background:#ebf2d5;color:#8ca768;width:31px;height:31px;display:flex;align-items:center;justify-content:center;border-radius:10px}.stage-icon .icon{width:17px;height:17px}.stage-1{background:#faf0d4;color:#c0a05c}.stage-2{background:#e3f1ee;color:#7ca998}.stage-3{background:#ebedf6;color:#99a5bf}.stage-food>strong{display:block;font-size:12px;font-weight:500;color:#607e67}.stage-food>small,.stage-temp>small{display:block;font-size:9px;color:#a0b09f;margin-top:5px}.stage-temp>strong{font:600 21px "Segoe UI",sans-serif;color:#57977d}.stage-temp strong>span{font-size:13px;margin-left:4px}.stage-temp strong>em{font:11px "Microsoft YaHei",sans-serif;color:#a3b09b}.table-source{padding:13px 0;font-size:9px;color:#a0b29f}.table-source .ref{font-size:9px}.cycle-heading{margin:12px 0 15px;display:flex;align-items:baseline;gap:15px}.cycle-heading h3{font-size:16px;font-weight:600}.cycle-heading>span{font-size:10px;color:#9bad99}.cycle-grid{display:grid;grid-template-columns:1.18fr 1fr 1fr;gap:15px}.cycle-card{border-radius:17px;padding:17px 20px 16px;min-width:0}.larval{background:#edf4df}.dormancy{background:#f8f2dc}.lifespan{background:#e9f4ef}.cycle-label{display:flex;gap:7px;align-items:center;font-size:11px;color:#749468}.cycle-label .icon{width:15px;height:15px}.dormancy .cycle-label{color:#b1995e}.lifespan .cycle-label{color:#779c89}.cycle-values{display:flex;gap:24px;align-items:center;margin:17px 0 13px}.cycle-values>div{display:flex;gap:5px;align-items:center;white-space:nowrap}.cycle-values b{font:600 23px "Segoe UI",sans-serif;letter-spacing:-.6px;color:#648a51}.cycle-values>div>span{font-size:9px;color:#92a57e}.cycle-values .sex-icon{width:13px;height:13px;margin-right:2px}.cycle-card>h4{margin:20px 0 13px;font-size:18px;font-weight:500;color:#b5a173}.cycle-card.lifespan>h4{color:#88a593;font-size:15px;margin-top:14px}.cycle-card.lifespan h4>b{font:600 32px "Segoe UI",sans-serif;color:#60947b;margin:0 4px}.cycle-card>p{font-size:9px;line-height:1.7;color:#93a482}.dormancy>p{color:#b7a778}.lifespan>p{color:#95ad9c}.care-details{padding:15px 0 4px}.care-details details{border-bottom:1px solid #eaf0e6}.care-details details:last-child{border-bottom:0}.care-details summary{display:flex;align-items:center;padding:15px 3px;gap:15px;list-style:none}.care-details summary>span{display:flex;align-items:center;gap:8px;font-size:11px;color:#718b6e;min-width:198px}.care-details summary>span>.icon{height:16px;width:16px;color:#93aa85}.care-details summary>small{font-size:10px;color:#a6b59e}.care-details summary>.icon{margin-left:auto;width:13px;height:13px;color:#a1b397}.care-details details>div{padding:0 20px 15px 26px;font-size:11px;line-height:1.95;color:#809476}.care-details details>div>p+p{margin-top:7px}.archive-toolbar{display:flex;align-items:center;gap:23px;margin-bottom:15px}.archive-filters{display:flex;gap:8px}.archive-filters>button{font-size:11px;color:#839f8a;padding:7px 19px;border-radius:9px}.archive-filters>button.selected{background:#2c9c9e;color:white}.archive-sort{font-size:10px;color:#8ca189;display:flex;gap:7px;align-items:center}.archive-sort>.icon{height:12px;width:12px}.sample-note{margin-left:auto;background:#f4edda;border-radius:7px;padding:5px 10px;font-size:9px;color:#b29d73}.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.archive-card{border:1px solid #e1eade;border-radius:22px;background:white;padding:9px;overflow:hidden;min-width:0}.archive-image{height:142px;border-radius:15px;background:#eef3df;position:relative;display:flex;align-items:center;justify-content:center}.archive-image>img{height:122px;width:130px}.tone-1{background:#e5f0eb}.tone-2{background:#f4eee1}.demo-label{font-size:9px;color:#96a481;background:#ffffffa8;padding:4px 8px;border-radius:6px;position:absolute;top:10px;left:10px}.photo-note{font-size:8px;position:absolute;bottom:10px;right:11px;color:#a4b095}.archive-content{padding:14px 11px 0}.archive-topline{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.archive-topline>strong{font-size:12px;font-weight:600;color:#5d785e}.public{font-size:8px;padding:3px 6px;background:#eff5e9;border-radius:5px;color:#9ab38a}.archive-measure{display:flex;align-items:baseline;gap:5px}.archive-measure>.sex-icon{align-self:center;margin-right:4px;width:14px;height:14px}.archive-measure>b{font:600 26px "Segoe UI",sans-serif;color:#467658}.archive-measure>span:not(.sub-badge){font-size:10px;color:#96aa92}.sub-badge{font:10px "Segoe UI",sans-serif;margin-left:12px;background:#edf4e8;padding:4px 7px;border-radius:5px;color:#8da583}.archive-facts{display:flex;justify-content:space-between;margin:13px 0 14px;font-size:9px;color:#a2b49a}.archive-facts b{font-weight:400;color:#7f9979;margin-left:4px}.archive-bottom{border-top:1px solid #edf1e7;padding:12px 0 7px;display:flex;justify-content:space-between;align-items:center}.archive-bottom>span{display:flex;gap:6px;align-items:center;font-size:9px;color:#99ac90}.archive-bottom i{font-style:normal;font-size:9px;background:#e9efdc;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#819a6c}.archive-bottom button{font-size:10px;color:#6d9270;padding:3px 0;gap:5px}.archive-bottom button>.icon{width:13px;height:13px}.archive-footnote{display:flex;align-items:center;justify-content:space-between;margin:14px 0 0}.archive-footnote>span{font-size:9px;color:#9aaf97}.archive-footnote>button{font-size:10px;color:#79a181;gap:6px}.archive-footnote>button>.icon{width:14px;height:14px}.source-section{margin-top:28px;border:1px solid #e1eadd;border-radius:15px;background:#eaf2e6;padding:0 19px}.source-section summary{list-style:none;display:flex;align-items:center;gap:17px;padding:18px 0}.source-section summary>span{display:flex;gap:9px;align-items:center;font-size:11px;color:#73916c}.source-section summary>span>.icon{width:16px;height:16px}.source-section summary>small{font-size:9px;color:#9daf95}.source-section summary>.icon{margin-left:auto;height:14px;width:14px;color:#9aaf8e}.source-list{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:0 0 20px}.source-list>a{font-size:12px;color:#5f8a70}.source-list>a>span{display:block;font-size:10px;line-height:1.7;color:#95a88c;margin-top:6px}footer{display:flex;justify-content:space-between;margin:25px 0 0;padding:18px 0 27px;border-top:1px solid #dfebde;font-size:9px;color:#a3b59b}dialog{border:1px solid #dceadd;border-radius:22px;max-width:430px;padding:30px;color:#476e58;background:#f9fcf7}dialog::backdrop{background:#183f3638;backdrop-filter:blur(3px)}dialog h3{font-size:22px;margin:8px 0 14px}dialog p{font-size:14px;line-height:1.9;margin-bottom:22px}dialog>button.close-dialog:first-child{position:absolute;right:15px;top:10px;font-size:24px;color:#8caa90}section[id],div[id]{scroll-margin-top:88px}details[open]>summary>.icon:last-child{transform:rotate(180deg)}[hidden]{display:none!important}
@media(max-width:1370px) and (min-width:821px){.page,.header-inner{margin-left:42px;margin-right:42px}.main-nav{margin-left:22px;gap:23px}.header-inner{gap:16px}.header-search{min-width:160px}.species-hero{grid-template-columns:282px 1fr;gap:28px}.hero-tags>a{font-size:10px}.cycle-values{gap:14px}.cycle-values b{font-size:21px}.cycle-card{padding-left:16px;padding-right:16px}.hero-content{padding-right:0}}
@media(max-width:820px){body{font-size:14px}.site-header{height:64px}.header-inner,.page{margin-left:18px;margin-right:18px}.header-inner{gap:10px}.brand{font-size:21px}.main-nav{display:none}.header-search{min-width:0;background:transparent;margin-left:auto;padding:8px}.header-search>span{display:none}.header-search .icon{width:19px;height:19px}.app-button{font-size:9px;padding:9px 11px;gap:6px;border-radius:10px}.app-button .icon{width:14px;height:14px}.breadcrumb{font-size:10px;height:48px;gap:8px}.breadcrumb .icon{width:9px;height:9px}.species-hero{grid-template-columns:1fr;gap:20px;padding:13px;border-radius:23px}.hero-art{min-height:210px;border-radius:17px}.art-circle{width:190px;height:190px;left:calc(50% - 95px);top:-11px}.hero-image{width:155px;height:162px;margin-top:-28px}.sex-switch{bottom:15px;padding:3px;border-radius:10px}.sex-switch button{padding:5px 14px;font-size:10px}.sex-icon{width:13px;height:13px}.art-note{display:none}.hero-content{padding:0 7px 6px}.hero-tags{gap:6px;margin-bottom:9px}.category-chip,.taxon-chip{font-size:9px;padding:4px 7px}.hero-tags>a{font-size:9px;gap:4px}.hero-tags>a>.icon{height:11px;width:11px}h1{font-size:31px;letter-spacing:-.9px}.scientific{font-size:17px;margin-top:6px}.alias{font-size:9px;line-height:1.8;margin-top:12px}.alias>span{display:block;margin-bottom:3px}.summary{font-size:12px;line-height:1.9;margin:12px 0}.distribution{padding-top:12px;gap:7px}.distribution>div{gap:6px}.distribution strong{font-size:10px}.distribution span{font-size:10px;line-height:1.7}.distribution small{font-size:9px;line-height:1.7;margin-top:0}.hero-actions{margin-top:17px;gap:9px;flex-wrap:wrap}.hero-actions>.primary{font-size:11px;padding:10px 13px;flex:1}.primary>.icon{height:14px;width:14px}.hero-actions>.outline{font-size:11px;padding:9px 12px}.hero-actions>.outline .icon{width:14px;height:14px}.hero-actions>a{display:none}.section-nav{height:57px;margin:15px -18px 17px;padding:0 18px;gap:0;justify-content:space-between;backdrop-filter:blur(8px)}.section-nav>a{font-size:9px;gap:0}.section-nav>a>span{font-size:11px}.section-nav>a{font-size:0}.section-nav>a.active:after{width:24px;left:calc(50% - 12px)}.section-nav>.updated{display:none}.panel{border-radius:21px}.subspecies{padding:20px 17px 0}.subsection-head>div{display:block}.subsection-head h3{font-size:17px}.subsection-head>div>span{font-size:9px;display:block;margin-top:6px}.count{font-size:9px;padding:5px 7px}.taxonomy-note{font-size:10px;line-height:1.85;margin:13px 0}.taxonomy-note .ref{margin-left:0;font-size:9px}.sub-grid{display:flex;overflow-x:auto;gap:12px;scroll-snap-type:x mandatory;padding-bottom:8px;scrollbar-width:thin;scrollbar-color:#bdd9c5 transparent}.sub-card{min-width:266px;max-width:266px;padding:16px;scroll-snap-align:start;border-radius:15px}.sub-name h4{font-size:12px}.sub-card>.latin{font-size:10px}.difference{font-size:11px;min-height:42px}.feature-placeholder{height:54px}.location{font-size:9px}.more-subspecies>summary{font-size:10px;padding:13px 0 15px}.more-subspecies[open]{padding-bottom:15px}.section-title{margin:25px 0 14px}.section-title>div{gap:8px}.section-title h2{font-size:22px}.number{font-size:11px;width:25px;height:25px;border-radius:8px}.section-desc{font-size:9px;margin-left:4px}.difficulty-panel{grid-template-columns:1fr;border-radius:21px}.difficulty-grade{padding:22px}.eyebrow{font-size:9px}.difficulty-grade h3{font-size:31px;margin-top:8px;margin-bottom:15px}.difficulty-grade h3>span{font-size:11px;margin-left:9px}.grade-scale{max-width:none;gap:6px}.grade-scale>span{font-size:10px;padding:7px}.difficulty-grade>p{font-size:9px;line-height:1.8;margin-top:12px}.difficulty-reasons{padding:7px 21px 10px}.difficulty-reasons>a{padding:14px 0;gap:10px}.reason-icon{width:31px;height:31px;border-radius:10px}.difficulty-reasons strong{font-size:11px}.difficulty-reasons p{font-size:10px;line-height:1.7}.difficulty-reasons>a>.icon{width:12px;height:12px}.rating-note{margin-top:9px}.rating-note>summary{font-size:9px}.rating-note>p{font-size:11px;padding:15px}.care-panel{padding:17px 15px 0}.care-scope{padding:11px;gap:8px;align-items:flex-start;margin-bottom:10px}.care-scope>.icon{width:14px;height:14px;margin-top:2px}.care-scope>span{font-size:10px;line-height:1.8}.care-scope>a{display:none}.table-heading{display:none}.stage-row{grid-template-columns:1fr 1fr;gap:12px;padding:16px 2px 17px}.stage-name{grid-column:1/-1;gap:8px}.stage-name strong{font-size:12px}.stage-icon{width:27px;height:27px;border-radius:9px}.stage-icon .icon{width:15px;height:15px}.stage-food>strong{font-size:11px;line-height:1.6}.stage-food>small,.stage-temp>small{font-size:9px;line-height:1.6;margin-top:5px}.stage-temp{padding-left:11px;border-left:1px solid #e6eee0}.stage-temp>strong{font-size:21px}.stage-temp strong>span{font-size:11px}.stage-temp strong>em{font-size:11px}.table-source{font-size:8px;line-height:1.9;padding-top:12px;padding-bottom:7px}.table-source .ref{font-size:8px}.table-source .ref .icon{width:9px;height:9px}.cycle-heading{margin-top:13px;margin-bottom:14px;display:block}.cycle-heading h3{font-size:16px}.cycle-heading>span{font-size:9px;display:block;margin-top:6px;line-height:1.7}.cycle-grid{grid-template-columns:1fr 1fr;gap:11px}.cycle-card{padding:15px 13px;border-radius:15px}.cycle-card.larval{grid-column:1/-1}.cycle-label{font-size:10px}.cycle-label .icon{width:14px;height:14px}.cycle-values{margin:17px 0 11px;justify-content:space-around;gap:16px}.cycle-values b{font-size:27px}.cycle-values>div>span{font-size:10px}.cycle-card>p{font-size:9px;line-height:1.85}.cycle-card>h4{font-size:15px;margin-top:19px;margin-bottom:13px}.cycle-card.lifespan>h4{font-size:13px;margin-top:11px;margin-bottom:12px}.cycle-card.lifespan h4>b{font-size:28px}.care-details{padding-top:12px}.care-details summary{padding:14px 1px;gap:8px;flex-wrap:wrap;position:relative}.care-details summary>span{font-size:11px;min-width:0;flex:1;gap:6px}.care-details summary>span>.icon{width:14px;height:14px}.care-details summary>small{font-size:9px;flex-basis:100%;padding-left:20px;margin-top:-3px}.care-details summary>.icon{width:11px;height:11px;position:absolute;right:1px;top:17px}.care-details details>div{padding:0 4px 14px;font-size:11px}.archive-toolbar{gap:14px;flex-wrap:wrap}.archive-filters{gap:5px}.archive-filters>button{padding:7px 14px;font-size:10px}.archive-sort{font-size:9px}.sample-note{font-size:8px;margin-left:auto;padding:5px 6px}.archive-grid{grid-template-columns:1fr;gap:14px}.archive-card{display:grid;grid-template-columns:98px 1fr;padding:8px;border-radius:18px;gap:12px}.archive-image{height:100%;min-height:151px;border-radius:12px}.archive-image>img{height:112px;width:88px}.demo-label{font-size:8px;top:7px;left:7px;padding:3px 6px}.photo-note{font-size:7px;right:0;left:0;text-align:center;bottom:9px}.archive-content{padding:7px 6px 0 0}.archive-topline{margin-bottom:11px;gap:4px}.archive-topline>strong{font-size:11px}.public{font-size:7px;padding:3px 4px}.archive-measure{gap:4px}.archive-measure>b{font-size:23px}.archive-measure>span:not(.sub-badge){font-size:9px}.archive-measure>.sex-icon{width:12px;height:12px;margin-right:1px}.sub-badge{font-size:8px;margin-left:8px;padding:3px 5px}.archive-facts{flex-direction:column;gap:6px;margin:10px 0 12px;font-size:8px}.archive-facts>span{display:flex;justify-content:space-between;max-width:152px}.archive-facts b{font-size:9px}.archive-bottom{padding:10px 0 5px;gap:3px}.archive-bottom>span{font-size:8px;gap:4px}.archive-bottom i{width:17px;height:17px;font-size:8px}.archive-bottom button{font-size:9px;gap:3px}.archive-bottom button>.icon{width:11px;height:11px}.archive-footnote{align-items:flex-start;gap:9px;margin-top:13px}.archive-footnote>span{font-size:8px;line-height:1.9;max-width:190px}.archive-footnote>button{font-size:9px;white-space:nowrap;padding:2px 0;gap:4px}.archive-footnote>button>.icon{width:12px;height:12px}.source-section{margin-top:24px;padding:0 16px;border-radius:14px}.source-section summary{padding:15px 0;flex-wrap:wrap;gap:8px;position:relative}.source-section summary>span{font-size:10px;flex:1;gap:7px}.source-section summary>span>.icon{width:14px;height:14px}.source-section summary>small{font-size:8px;flex-basis:100%;padding-left:21px}.source-section summary>.icon{position:absolute;right:0;top:17px;width:12px;height:12px}.source-list{grid-template-columns:1fr;gap:16px;padding-bottom:17px}.source-list>a{font-size:11px}.source-list>a>span{font-size:9px}footer{font-size:8px;line-height:1.7;flex-direction:column;gap:5px;margin-top:20px;padding-top:15px;padding-bottom:24px}dialog{width:calc(100% - 36px);max-width:400px;padding:25px}dialog h3{font-size:20px}dialog p{font-size:12px}section[id],div[id]{scroll-margin-top:76px}}

/* Reading pass: keep the pastel surfaces while strengthening content contrast. */
.summary,.difference,.stage-food>strong{color:#496759}
.distribution span,.alias,.taxonomy-note,.location,.difficulty-reasons p,.difficulty-grade>p,.stage-food>small,.stage-temp>small,.cycle-card>p,.archive-facts,.archive-bottom>span{color:#718973}
.distribution small,.section-desc,.subsection-head>div>span,.cycle-heading>span,.table-source,.archive-footnote>span,.updated{color:#829680}
.cycle-card.dormancy>h4{color:#9a8044}.cycle-card.dormancy>p{color:#9f8c5c}
.stage-temp>strong,.archive-measure>b{color:#3d856c}.stage-temp strong>em{color:#82977c}
.source-section summary>small,.care-details summary>small,.archive-facts b{color:#809477}
@media(min-width:821px){
 .summary{font-size:14px}.alias{font-size:11px}.distribution strong,.distribution span{font-size:12px}.distribution small{font-size:10px}
 .subsection-head>div>span,.taxonomy-note,.location{font-size:11px}.sub-name h4{font-size:14px}.sub-card>.latin{font-size:12px}.difference{font-size:13px;min-height:49px}
 .feature-placeholder>span{font-size:11px}.section-desc{font-size:12px}.difficulty-reasons strong{font-size:14px}.difficulty-reasons p{font-size:12px}.difficulty-grade>p{font-size:11px}
 .care-scope>span,.table-heading,.table-source,.cycle-heading>span{font-size:11px}.stage-name strong,.stage-food>strong{font-size:14px}.stage-food>small,.stage-temp>small{font-size:11px}
 .cycle-label{font-size:12px}.cycle-card>p{font-size:11px}.care-details summary>span{font-size:12px}.care-details summary>small{font-size:11px}
 .archive-topline>strong{font-size:14px}.archive-facts{font-size:11px}.archive-bottom>span,.archive-bottom button{font-size:11px}.archive-footnote>span{font-size:11px}
 .source-section summary>span{font-size:12px}.source-section summary>small{font-size:10px}
}
@media(max-width:820px){
 .summary{font-size:13px}.difference{font-size:12px}.stage-food>strong{font-size:12px}.stage-food>small,.stage-temp>small{font-size:10px}
 .difficulty-reasons strong{font-size:12px}.difficulty-reasons p{font-size:11px}.cycle-card>p{font-size:10px}.archive-facts{font-size:9px}
}

.difficulty-heading{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}.difficulty-panel .difficulty-heading h3{margin:0}.difficulty-heading>.difficulty-value{font-size:22px;line-height:1.3;color:#193c40;font-variant-numeric:tabular-nums;white-space:nowrap}.difficulty-heading+.difficulty-score{margin-top:18px}.difficulty-heading+.difficulty-score .difficulty-track{margin-top:0}

/* Single-column difficulty panel after editorial reasons were removed. */
.difficulty-panel.difficulty-compact{display:block}
.difficulty-compact .difficulty-grade{width:auto;border:0}