@charset "UTF-8";
:root{color-scheme:dark;--night:#0d1823;--binding:#0a141f;--ink:#e1e1d6;--muted:#98a7ae;--gold:#c7b88e;--line:#93a9b42b;--faint:#879aa3;font-size:16px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--night);color:var(--ink);font-family:Georgia,'Times New Roman',serif;min-width:280px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:5px}.book{display:grid;grid-template-columns:270px minmax(0,1fr);max-width:2000px;margin:auto;min-height:100dvh}.binding{background:var(--binding);border-right:1px solid var(--line);padding:34px 28px 28px;display:flex;flex-direction:column;min-height:100dvh}.workshop{font-size:.8125rem;display:flex;align-items:center;gap:9px;color:var(--muted);min-height:34px}.workshop span{color:var(--gold);font-size:1.5rem}.book-title{margin:60px 0 38px}.overline{font-family:Arial,sans-serif;font-size:.75rem;line-height:1.6;letter-spacing:.11em;text-transform:uppercase;color:var(--gold);margin:0 0 20px}h1{font-size:2.6rem;line-height:1.08;font-weight:400;letter-spacing:-.04em;margin:0}h1 em{font-weight:400;color:#b8cbd0}.intro{margin:25px 0 0;font-size:1rem;line-height:1.6;color:var(--muted)}.register{margin:12px -10px 40px}.register-label{padding:0 10px;margin:0 0 15px;font: .75rem/1.5 Arial,sans-serif;text-transform:uppercase;letter-spacing:.12em;color:var(--faint)}.specimen-tab{display:flex;align-items:flex-start;width:100%;text-align:left;gap:12px;padding:19px 10px;border-top:1px solid var(--line);border-left:1px solid transparent;transition:background .3s,border-color .3s}.specimen-tab:last-child{border-bottom:1px solid var(--line)}.specimen-tab:hover{background:#a7bfc708}.specimen-tab.active{background:#c7b88e09;border-left-color:var(--gold)}.tab-number{font-family:'Courier New',monospace;font-size:.75rem;line-height:1.8;color:var(--faint)}.tab-copy{font-size:1rem;line-height:1.5;color:#a8b8be}.tab-copy small{display:block;font-size:.8125rem;color:var(--faint);margin-top:3px}.active .tab-copy{color:var(--ink)}.active .tab-number{color:var(--gold)}.tab-mark{font-size:1rem;margin-left:auto;color:var(--gold);opacity:0;line-height:1.8}.active .tab-mark{opacity:1}.binding-bottom{margin-top:auto;color:var(--muted);font-size:.75rem;line-height:1.7}.binding-bottom p{margin:0 0 20px}.binding-bottom p span{color:var(--faint)}.binding-bottom a{font-size:.875rem;color:var(--gold);display:inline-block;padding:7px 0}.binding-bottom a span{margin-left:6px}.leaf{padding:32px 3.3vw 25px;min-width:0;display:flex;flex-direction:column}.leaf-heading{border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0 24px;color:var(--muted);font: .75rem/1.5 'Courier New',monospace;letter-spacing:.02em}.leaf-heading>span:nth-child(2){text-align:center}.leaf-heading .phase{font-family:Georgia,serif;font-size:1.5rem;color:var(--gold);line-height:1}.specimen-layout{display:grid;grid-template-columns:minmax(260px,1.25fr) minmax(270px,.85fr);gap:3.8vw;align-items:center;flex:1}.plate{min-width:0;margin:24px 0 25px;align-self:center}.plate-art{position:relative;min-height:0}.plate img{width:100%;height:auto;max-height:76vh;object-fit:contain;display:block;mix-blend-mode:lighten}.inspect{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:9px;font-size:.8125rem;white-space:nowrap;color:var(--muted);padding:10px 16px;background:#0a141fd9;border:1px solid var(--line);border-radius:30px;backdrop-filter:blur(6px);opacity:0;transition:opacity .2s}.inspect span{font-size:1.2rem;line-height:1}.plate-art:hover .inspect,.plate-art:focus-within .inspect{opacity:1}.plate figcaption{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding:16px 0 0;margin-top:10px}.plate-latin{font-style:italic;color:#b4c7ca;font-size:1.125rem}.plate-no{font: .75rem/1.5 'Courier New',monospace;color:var(--faint);white-space:nowrap}.observations{padding:35px 0 28px;min-width:0}.plant-heading .overline{margin-bottom:16px;font-size:.75rem}.plant-heading h2{font-size:clamp(2rem,3vw,3.3rem);line-height:1.08;letter-spacing:-.04em;font-weight:400;margin:0;overflow-wrap:normal}.plant-subtitle{font-size:1.05rem;line-height:1.5;font-style:italic;color:var(--gold);margin:17px 0 0}.description{font-size:1rem;line-height:1.75;color:var(--muted);margin:27px 0}.field-data{margin:0 0 28px;border-top:1px solid var(--line)}.field-data>div{padding:14px 0;border-bottom:1px solid var(--line)}dt{font: .875rem/1.5 Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);margin-bottom:5px}dd{margin:0;font-size:1rem;line-height:1.55;color:#c0cbd0}.field-note{margin-top:0;border-bottom:1px solid var(--line)}.field-note summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--gold);font-size:.875rem;padding:0 0 16px;min-height:42px;cursor:pointer}.field-note summary::-webkit-details-marker{display:none}.note-toggle{font:1.1rem/1 Arial,sans-serif;transition:transform .2s}.field-note[open] .note-toggle{transform:rotate(45deg)}.note-body{border-left:1px solid #c7b88e66;padding-left:17px;margin-bottom:22px}.note-body>p:first-child{font-style:italic;font-size:1rem;line-height:1.7;color:#b8c8cc;margin:0}.note-signature{font-style:italic;color:var(--gold);font-size:1.3rem;line-height:1;margin:12px 0 0}.listen-row{padding-top:21px;display:flex;flex-direction:column;align-items:flex-start;gap:7px}.listen{display:flex;align-items:center;gap:10px;min-height:42px;padding:6px 0;font-size:.875rem;color:var(--ink)}.listen:hover{color:var(--gold)}.bars{width:20px;height:18px;display:flex;gap:3px;align-items:center;justify-content:center}.bars i{display:block;background:var(--gold);height:6px;width:1px}.bars i:nth-child(2){height:15px}.bars i:nth-child(3){height:10px}.bars i:nth-child(4){height:4px}.listen[aria-pressed="true"] .bars i{animation:resonate 1.7s ease-in-out infinite alternate}.listen[aria-pressed="true"] .bars i:nth-child(2){animation-delay:.4s}.listen[aria-pressed="true"] .bars i:nth-child(3){animation-delay:.8s}.listen[aria-pressed="true"] .bars i:nth-child(4){animation-delay:.2s}.sound-caption{font-size:.75rem;line-height:1.5;color:var(--faint);padding-left:30px}.live-status{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.leaf-footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:15px;margin-top:auto}.leaf-footer p{font-size:.875rem;font-style:italic;color:var(--muted);line-height:1.5;margin:0;max-width:420px}.pagination{display:flex;align-items:center;gap:14px;white-space:nowrap}.pagination span{font: .75rem/1.5 'Courier New',monospace;color:var(--faint)}.pagination button{color:var(--gold);font-size:1.25rem;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;transition:background .2s}.pagination button:hover{background:#c7b88e12}.turn-page .plate-art,.turn-page .observations{animation:page-appear .55s ease}dialog{background:var(--night);color:var(--ink);border:1px solid var(--line);padding:0;width:min(780px,95vw);max-height:95dvh;overflow:auto}dialog::backdrop{background:#060f19eb;backdrop-filter:blur(8px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:2;padding:10px 20px;gap:20px;background:var(--night);border-bottom:1px solid var(--line)}.dialog-head h2{font-size:1.2rem;font-weight:400;line-height:1.4;margin:0}.dialog-head button{font-size:.875rem;color:var(--gold);min-height:44px;white-space:nowrap}dialog>img{width:100%;height:auto;display:block}.skip-link{position:fixed;left:15px;top:-100px;background:var(--ink);color:var(--night);padding:12px;z-index:10}.skip-link:focus{top:15px}
@keyframes page-appear{from{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes resonate{to{height:17px}}
@media(hover:none){.inspect{opacity:1}}
@media(min-width:1700px){.book{grid-template-columns:320px minmax(0,1fr)}.binding{padding:40px}.book-title{margin-top:80px}h1{font-size:3rem}.specimen-layout{gap:4.3vw;grid-template-columns:minmax(360px,1.35fr) minmax(310px,.8fr)}.observations{max-width:440px}.description,.field-data dd,.note-body>p:first-child{font-size:1.1rem}.plate img{max-height:80vh}}
@media(max-width:1150px) and (min-width:681px){.book{grid-template-columns:220px minmax(0,1fr)}.binding{padding:26px 20px}.book-title{margin-top:46px}h1{font-size:2.3rem}.specimen-layout{grid-template-columns:minmax(210px,1fr) minmax(220px,1fr);gap:24px}.leaf{padding:25px}.leaf-heading>span:nth-child(2){display:none}.plant-heading h2{font-size:2rem}.plate{align-self:start;margin-top:48px}.plate img{max-height:unset}.observations{padding-top:34px}.leaf-footer{gap:15px}.pagination{gap:8px}.leaf-footer p{font-size:.8125rem}}
@media(max-width:900px) and (min-width:681px){.book{grid-template-columns:210px minmax(0,1fr)}.specimen-layout{display:block}.plate{width:70%;margin:22px auto}.plate img{max-height:530px}.observations{padding-top:18px;max-width:520px;margin:auto}.plant-heading h2{font-size:2.5rem}.field-data>div{display:grid;grid-template-columns:110px 1fr;gap:14px}dt{padding-top:4px}.inspect{opacity:1}.leaf-heading{padding-bottom:20px}.leaf-footer{align-items:flex-start}.leaf-footer p{max-width:200px}}
@media(max-width:680px){.book{display:block}.binding{min-height:unset;padding:20px 6vw 0;border-right:0;border-bottom:1px solid var(--line)}.workshop{font-size:.8125rem}.book-title{margin:25px 0 26px}.book-title .overline{margin-bottom:14px;font-size:.75rem}h1{font-size:clamp(2.5rem,9vw,3.8rem);line-height:1.08}h1 br{display:none}h1 em::before{content:' '}.intro{margin-top:15px;font-size:1rem}.intro br{display:none}.register{margin:0 -6vw;display:flex;overflow-x:auto;border-top:1px solid var(--line);scrollbar-width:thin;scrollbar-color:var(--faint) var(--night)}.register-label{display:none}.specimen-tab{border:0;border-bottom:2px solid transparent;min-width:150px;width:auto;flex:1;gap:9px;padding:16px 15px;white-space:nowrap}.specimen-tab:last-child{border-bottom:2px solid transparent}.specimen-tab.active{border-bottom-color:var(--gold);border-left-color:transparent}.tab-copy{font-size:.875rem}.tab-copy small{font-size:.75rem;margin-top:3px}.tab-mark{display:none}.tab-number{font-size:.75rem}.binding-bottom{display:none}.leaf{padding:19px 6vw 23px}.leaf-heading{font-size:.75rem;padding:5px 0 18px}.leaf-heading>span:nth-child(2){font-family:Arial,sans-serif;font-size:.75rem}.leaf-heading .phase{display:none}.specimen-layout{display:flex;flex-direction:column;gap:0}.plate{width:100%;margin:12px 0 25px}.plate-art{max-width:440px;margin:auto}.plate img{max-height:560px}.plate figcaption{padding-top:15px;margin-top:8px}.plate-latin{font-size:1.1rem}.inspect{opacity:1;bottom:9px;font-size:.8125rem;padding:9px 15px}.observations{width:100%;padding:3px 0 27px}.plant-heading .overline{margin-bottom:12px;font-size:.75rem}.plant-heading h2{font-size:2.75rem}.plant-subtitle{font-size:1.1rem;margin-top:14px}.description{font-size:1.05rem;line-height:1.75;margin:23px 0}.field-data{margin-bottom:24px}.field-data>div{padding:15px 0;display:grid;grid-template-columns:100px 1fr;gap:15px}dt{font-size:.875rem;margin:4px 0 0}dd{font-size:1rem}.note-body>p:first-child{font-size:1.05rem}.listen-row{padding-top:18px}.sound-caption{font-size:.8125rem}.leaf-footer{gap:16px;align-items:center}.leaf-footer p{font-size:.8125rem;max-width:210px}.pagination{gap:5px}.pagination button{width:38px;height:38px}.pagination span{font-size:.75rem}.dialog-head{padding:8px 14px}.dialog-head h2{font-size:1.1rem}}
@media(max-width:370px){.leaf-heading>span:nth-child(2){max-width:160px;font-size:.75rem}.plant-heading h2{font-size:2.35rem}.field-data>div{grid-template-columns:85px 1fr;gap:10px}.leaf-footer{flex-direction:column;align-items:flex-start}.leaf-footer p{max-width:unset}.pagination{align-self:flex-end}.specimen-tab{min-width:145px;padding-left:13px;padding-right:13px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Language editions */
.language-switch{display:flex;align-items:center;gap:8px;margin-top:12px;font: .875rem/1.5 Arial,sans-serif;color:var(--muted);white-space:nowrap}
.language-switch a{display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:44px;text-decoration:none}
.language-switch a[aria-current="page"]{color:var(--ink);text-decoration:underline;text-underline-offset:5px;text-decoration-color:var(--gold)}
.book-title{margin-top:34px}
html[lang="en"] .plant-heading h2{font-size:clamp(2rem,2.5vw,3rem)}
@media(max-width:680px){.binding{position:relative}.workshop{padding-right:95px}.language-switch{position:absolute;top:15px;right:6vw;margin:0}.book-title{margin-top:25px}html[lang="en"] .plant-heading h2{font-size:clamp(1.8rem,7.5vw,2.75rem)}}
