/* Shared botanical components and the compact atlas presentation. */
.metric-grid>:is(a,div,article){align-items:center;justify-content:center;text-align:center}.metric-grid strong,.metric-grid span{text-align:center}
.count-label{direction:rtl;text-align:right}.count-value{direction:ltr;unicode-bidi:isolate;font-variant-numeric:tabular-nums}.browse-grid a.count-label{display:grid;grid-template-columns:56px minmax(0,1fr);gap:14px;align-items:baseline}.browse-grid .count-value{font-family:Georgia,serif;color:var(--accent);text-align:right}.browse-grid bdi{text-align:right;min-width:0;overflow-wrap:anywhere}.chart-legend>span.count-label{display:grid;grid-template-columns:max-content minmax(0,1fr) 8px;gap:8px;align-items:center}.chart-legend .count-value{font-family:Georgia,serif;text-align:right}.chart-row{direction:rtl;grid-template-columns:56px minmax(0,1fr) 28px}.chart-row strong{direction:ltr;unicode-bidi:isolate;text-align:right}.chart-row bdi{text-align:right}.chart-track{grid-column:1/3}.metric-grid strong,.ring-number strong{direction:ltr;unicode-bidi:isolate}.gallery-counter,.viewer-counter,#page-number,#result-count,.filter-option-count{direction:rtl;unicode-bidi:isolate}
@font-face{font-family:'Tajarib Typeface';src:local('Tajarib Regular'),local('Tajarib-Regular'),url('/assets/tajarib.otf') format('opentype');font-weight:400;font-display:swap}
.font-note{display:none}
.site-footer{margin-top:48px!important;background:var(--surface);border:0;border-radius:0;padding:24px!important;min-height:106px}.site-footer .footer-identity{justify-self:start!important;text-align:right;white-space:normal!important;font-weight:600!important}.site-footer .footer-hashasha{justify-self:end!important;text-align:left;display:flex;flex-direction:column;gap:4px;min-width:0}.footer-link-name{font-family:var(--font-reader);font-size:var(--type-secondary);color:var(--ink)}.footer-link-url{font:calc(var(--text-read)*.68)/1.5 Georgia,serif;color:var(--muted);overflow-wrap:anywhere;white-space:normal}.site-footer .footer-star{position:relative;padding:12px;color:var(--accent)}.footer-hashasha:hover .footer-link-name{color:var(--accent)}.footer-hashasha:hover .footer-link-url{text-decoration:underline;text-underline-offset:4px}@media(max-width:639px){.site-footer{padding:20px 12px!important;gap:10px!important}.site-footer .footer-star{padding:4px}}
.setrow legend,.size-labels,.settings-hint,.preview-label{font-size:var(--type-caption)}
.size-ticks{display:flex;justify-content:space-between;padding-inline:10px;margin-top:-14px;pointer-events:none}.size-ticks span{height:6px;width:1px;background:var(--line)}
#theme,.seg button,.hero .primary,.toolbar>.tabs>button,.toolbar>.tabs>a,.pagination button,.gallery-controls button,.viewer-toolbar button{font-size:var(--type-ui)}.toolbar>.tabs>button,.toolbar>.tabs>a{height:auto;min-height:44px;min-width:max-content}

:root{--font-reader:'Noto Naskh Arabic','Amiri',serif;--type-page:calc(var(--text-read)*1.85);--type-section:calc(var(--text-read)*1.25);--type-card:calc(var(--text-read)*1.04);--type-secondary:calc(var(--text-read)*.84);--type-ui:calc(var(--text-read)*.8);--type-caption:calc(var(--text-read)*.74);--card-corners:12px}
:root[data-font=naskh],:root[data-font=kufi]{--font-reader:'Noto Naskh Arabic','Amiri',serif}
body{line-height:1.85}main h1,.page-heading h1,.statistics-heading h1,.species-heading h1,.hero h1{font-size:var(--type-page);line-height:1.5}main h2,.section h2,.chart-panel h2,.modal-h h2{font-size:var(--type-section);line-height:1.6}main h3{font-size:var(--type-card);line-height:1.6}main p,main li,main dd,main td,main th,.lead,main .lead{font-size:var(--text-read);line-height:1.85}main .eyebrow,.secondary-note,.taxonomy-note,.historical-caution,.alternative-names{font-size:var(--type-secondary);line-height:1.8}.masthead nav a,button,input,select,.filter-trigger,.filter-option,.filter-grid label>span,.alphabet-label,.pagination>button,.page-jump label{font-size:var(--type-ui)}.english-name,.scientific,main .scientific,.preview-scientific{font-size:var(--type-secondary);line-height:1.6}.scientific{font-family:Georgia,'Times New Roman',serif!important;font-style:italic}.english-name{font-family:Georgia,'Times New Roman',serif;text-align:center;font-style:normal}figcaption,.gallery-caption,.photo-credits,.photo-credits p,.photo-credits li,.gallery-counter,.viewer-counter,.breadcrumb{font-size:var(--type-caption);line-height:1.7}.quran{font-size:calc(var(--text-read)*1.5)}
/* One grid contract for homepage, live results, family/habitat and related cards. */
.plant-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;grid-auto-rows:1fr;align-items:stretch}
.plant-card{border:1px solid var(--line)!important;border-radius:8px!important;background:var(--surface)!important;padding:0!important;overflow:hidden;box-shadow:none;min-width:0;display:flex;align-self:stretch}
.plant-card-link{display:flex;flex-direction:column;width:100%;text-decoration:none;color:var(--ink);min-width:0}
.plant-card .card-photo{display:block!important;width:100%!important;height:auto!important;aspect-ratio:4/3!important;object-fit:contain;margin:0!important;order:0!important;border-radius:0;flex-shrink:0;background:var(--paper)}
.card-names{padding:10px 12px 12px;text-align:center;display:flex;flex-direction:column;gap:5px;flex:1;justify-content:flex-start;min-height:96px}
.plant-card h3.card-title{display:block;min-height:0;font-size:var(--type-card);line-height:1.55;text-align:center;margin:0;overflow-wrap:anywhere;font-weight:600}
.plant-card .scientific{font-size:var(--type-secondary);line-height:1.5;text-align:center;margin:0;overflow-wrap:anywhere;min-height:0}
.plant-card p.scientific{margin-top:auto;padding-top:4px}
.card-placeholder{display:grid!important;place-items:center;background:var(--paper);color:var(--line)}
.card-placeholder span{font:40px/1 BotanicalSymbol,sans-serif}
.plant-card:hover{border-color:var(--accent)!important;transform:none;box-shadow:none}
.species-heading{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:24px;text-align:center}.species-heading p{margin:8px 0}.species-section{border-radius:12px}.species-section h2{text-align:center;margin:0 0 20px}.botanical-table{margin:0;border:1px solid var(--line);border-radius:10px;overflow:hidden}.botanical-table>div{display:grid;grid-template-columns:minmax(140px,1fr) 3fr;border-top:1px solid var(--line)}.botanical-table>div:first-child{border-top:0}.botanical-table dt,.botanical-table dd{margin:0;padding:12px 18px;font-size:var(--text-read);overflow-wrap:anywhere}.botanical-table dt{background:var(--paper);font-weight:600}.taxonomy-note,.historical-caution{padding:12px 16px;border:1px solid var(--line);border-radius:10px;background:var(--paper)}.species-references li{margin-block:8px}.habitat-group h3,.habitat-tags li{font-size:var(--type-secondary)}
.gallery-panel.botanical-gallery{border-radius:12px;padding:22px}.botanical-gallery h2{text-align:center}.gallery-layout{display:grid;grid-template-columns:minmax(0,1fr) 136px;gap:18px;align-items:start;max-width:960px;margin-inline:auto}.gallery-primary{margin:0;min-width:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--paper)}.gallery-open{display:block;cursor:zoom-in}.gallery-image{display:block;width:100%;height:clamp(300px,46vh,460px);object-fit:contain;background:var(--paper)} .gallery-caption:empty,.viewer-caption:empty{display:none}.gallery-caption{margin:0;padding:12px 16px;text-align:center;border-top:1px solid var(--line)}.gallery-thumbnails{display:flex;flex-direction:column;gap:9px;max-height:510px;overflow:auto;scrollbar-width:thin}.gallery-thumb{display:block;border:2px solid transparent;border-radius:9px;padding:2px;flex-shrink:0}.gallery-thumb[aria-current=true]{border-color:var(--accent)}.gallery-thumb img{display:block;width:124px;height:124px;object-fit:cover;border-radius:6px}.gallery-controls{display:flex;align-items:center;justify-content:center;gap:16px;border-top:1px solid var(--line);padding:10px}.gallery-controls button{border-radius:999px;min-height:40px}.gallery-counter{min-width:110px;text-align:center}.photo-credits{margin-top:18px}.photo-credits li{border-top:1px solid var(--line);padding-block:10px}.photo-credits p{margin:4px 0;overflow-wrap:anywhere}.gallery-status:empty{display:none}
.image-viewer{position:fixed;inset:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:14px;border:0;background:var(--paper);color:var(--ink);overflow:hidden}.image-viewer[open]{display:flex;flex-direction:column;gap:12px}.viewer-toolbar{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.viewer-toolbar button{border-radius:999px;min-height:40px}.viewer-toolbar label{display:flex;align-items:center;gap:10px;font-size:var(--type-ui)}.viewer-zoom{width:140px;accent-color:var(--accent)}.viewer-scroll{overflow:auto;flex:1;min-height:0;text-align:center;direction:ltr}.viewer-image{display:block;margin:auto;height:auto;max-height:none;object-fit:contain}.viewer-caption{text-align:center;margin:0;font-size:var(--type-caption)}
.reader-settings{position:fixed;left:18px;right:auto;top:18px;bottom:auto;margin:0;width:min(440px,calc(100vw - 36px));height:auto;max-height:calc(100dvh - 36px)}.reader-settings .reader-preview p{font-size:var(--text-read)}.reader-settings .modal-h h2{font-size:var(--type-section)}.reader-size{scroll-snap-type:x mandatory}.size-labels output{font-size:var(--type-ui)}
.site-footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding-block:22px;text-align:center}.site-footer>span:first-child{justify-self:end}.site-footer>a{justify-self:start;text-decoration:none}.site-footer>span:first-child,.site-footer>a{font-size:var(--type-secondary);font-weight:400;line-height:1.6;margin:0}.site-footer .footer-star{font-size:25px;line-height:1}
@media(max-width:900px){.plant-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:639px){.plant-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card-names{padding:11px 8px;min-height:110px}.plant-card h3.card-title{font-size:calc(var(--text-read)*.9)}.plant-card .scientific,.plant-card .english-name{font-size:calc(var(--text-read)*.76)}.gallery-layout{grid-template-columns:minmax(0,1fr)}.gallery-thumbnails{flex-direction:row;overflow-x:auto;max-height:none;order:2;direction:rtl}.gallery-thumb img{width:88px;height:88px}.gallery-image{height:clamp(240px,40vh,340px)}.gallery-panel.botanical-gallery{padding:14px}.gallery-controls{gap:6px}.gallery-controls button{padding:6px 10px}.gallery-counter{min-width:85px}.botanical-table>div{grid-template-columns:minmax(96px,1fr) 2fr}.botanical-table dt,.botanical-table dd{padding:10px}.reader-settings{left:12px;right:auto;top:12px;width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.site-footer{gap:14px;padding-inline:8px}.site-footer>span:first-child,.site-footer>a{font-size:var(--type-secondary);white-space:nowrap}.viewer-toolbar{gap:7px}.viewer-toolbar button{padding:6px 10px}.viewer-zoom{width:90px}}
@media(max-width:340px){.plant-grid{grid-template-columns:minmax(0,1fr)}.site-footer{gap:8px}.site-footer>span:first-child,.site-footer>a{font-size:calc(var(--text-read)*.7)}}
/* Filled page bands share the content gutter at laptop and large desktop widths. */
:root{--layout-width:1440px;--page-gutter:clamp(20px,4vw,72px)}
main{max-width:var(--layout-width);padding-inline:var(--page-gutter)}
.masthead,.site-footer{width:100%;max-width:none;margin-inline:0;padding-inline:max(var(--page-gutter),calc((100% - var(--layout-width))/2 + var(--page-gutter)))!important;background:var(--surface)!important;border:0!important;border-radius:0!important;box-shadow:none}
.masthead{padding-block:14px;min-height:76px}.masthead nav{scrollbar-width:none}.masthead nav::-webkit-scrollbar{display:none}
.site-footer{padding-block:26px!important;min-height:112px}
@media(min-width:1600px){.masthead{min-height:84px}.site-footer{min-height:120px}}
@media(max-width:639px){:root{--page-gutter:20px}.masthead{padding-block:12px}.site-footer{padding-block:22px!important}}
/* Homepage: one clear introduction followed by the plant suggestions. */
.home-plants .section-heading{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;text-align:center;margin-bottom:24px}
.home-plants .section-heading h2{grid-column:2;margin:0}.home-plants .section-heading h2::after{display:none}
.home-plants .text-link{grid-column:3;justify-self:end;display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:7px 18px;border:1px solid var(--line);border-radius:var(--r-pill);font-size:var(--type-ui);line-height:1.6;text-decoration:none;white-space:nowrap}
.home-plants .text-link:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent)}
@media(max-width:800px){.home-plants .section-heading{display:flex;flex-direction:column;justify-content:center;gap:12px}.home-plants .text-link{align-self:center}}
/* Functional return-to-top control; it does not take space in the page layout. */
.scroll-top{position:fixed;right:max(18px,env(safe-area-inset-right,0px));bottom:18px;z-index:20;display:grid;place-items:center;width:46px;height:46px;min-height:46px;padding:0;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--ink);box-shadow:0 4px 18px #0002;cursor:pointer;transition:background-color 160ms,color 160ms,transform 160ms}
.scroll-top svg{display:block;width:22px;height:22px;pointer-events:none}.scroll-top:hover{background:var(--accent);color:var(--on-accent);border-color:var(--accent);transform:translateY(-2px)}.scroll-top:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
@media(prefers-reduced-motion:reduce){.scroll-top{transition:none}}

/* Presentation refinement authorized after the canonical publication checkpoint. */
:root{--type-body:calc(var(--text-read)*.88);--type-page:calc(var(--text-read)*1.9);--type-section:calc(var(--text-read)*1.25);--type-card:calc(var(--text-read)*.86);--type-secondary:calc(var(--text-read)*.71);--type-ui:calc(var(--text-read)*.8);--type-caption:calc(var(--text-read)*.68);--card-corners:8px;--page-gutter:clamp(16px,3vw,48px)}
body{font-size:var(--type-body);line-height:1.85}
main p,main li,main dd,main dt,main td,main th,.lead,main .lead{font-size:var(--type-body);line-height:1.85}
main h1,.page-heading h1,.statistics-heading h1,.species-heading h1{font-size:var(--type-page);line-height:1.5;overflow-wrap:anywhere}
main h2,.section h2,.chart-panel h2{font-size:var(--type-section);line-height:1.6}
.page-heading{margin-block:28px 22px}.page-heading h1{margin-block:8px 12px}.page-heading .lead{margin-block:8px}
main .scientific{font-size:var(--type-secondary);font-style:italic;direction:ltr;unicode-bidi:isolate}
.plant-card h3.card-title{font-size:var(--type-card)}.plant-card .scientific{font-size:var(--type-secondary)}
.plant-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.card-names{min-height:96px;padding:10px 12px 12px}
@media(min-width:640px){.plant-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}}
@media(min-width:1024px){.plant-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}}
@media(min-width:1500px){.plant-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:639px){.plant-grid{gap:10px}.card-names{padding:9px 8px 11px;min-height:96px}.plant-card h3.card-title{font-size:var(--type-card)}.plant-card .scientific{font-size:var(--type-secondary)}}
@media(max-width:319px){.plant-grid{grid-template-columns:minmax(0,1fr)}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.masthead{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;min-height:72px}
.masthead>.wordmark{grid-column:1;grid-row:1;order:0;justify-self:start}
.masthead>nav{grid-column:2;grid-row:1;order:0;width:auto;min-width:0;justify-content:center;gap:3px}
.masthead>.header-controls{grid-column:3;grid-row:1;order:0;justify-self:end;gap:7px}
.masthead .header-controls .ibtn{display:inline-grid;place-items:center;width:42px;min-width:42px;height:42px;min-height:42px;padding:0;border-radius:50%}
.header-controls #theme>span{display:inline}.header-controls svg{width:20px;height:20px;flex:none}
.masthead nav a{font-size:var(--type-ui);padding:5px 10px}
@media(max-width:980px){.masthead{grid-template-columns:minmax(0,1fr) auto}.masthead>.header-controls{grid-column:2}.masthead>nav{grid-column:1/-1;grid-row:2;justify-content:center;width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:0}}
@media(max-width:420px){.masthead>nav{justify-content:flex-start}.masthead nav a{padding-inline:8px}}
.icon-navigation{display:inline-grid;place-items:center;width:42px;min-width:42px;height:42px;min-height:42px;padding:0!important;border:1px solid var(--line);border-radius:50%;flex-shrink:0;color:var(--ink)}
.icon-navigation svg{width:20px;height:20px;display:block;pointer-events:none}
.icon-navigation:hover:not(:disabled){border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent);color:var(--accent)}
.pagination{gap:10px;flex-wrap:wrap;margin-block:24px}.pagination #page-number{min-width:70px;text-align:center}
.atlas-intro{text-align:center;max-width:900px;margin:28px auto 32px}
.atlas-intro h1{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;color:var(--accent);margin:0 0 8px;font-size:var(--type-page)}
.atlas-intro h1 small{font-size:var(--type-section);font-weight:400}.atlas-intro .lead{margin:8px auto 16px;max-width:none}
.atlas-intro .quran{font-size:calc(var(--text-read)*1.08);line-height:1.95;max-width:880px;margin:16px auto;padding:16px 20px;background:transparent}
.atlas-intro .primary{min-height:42px;margin:8px 0 0;padding:7px 24px;font-size:var(--type-ui)}
.home-plants{margin-block:30px}.home-plants .section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:12px}
.home-plants .section-heading h2{margin:0}.home-plants .text-link{padding:5px 14px;font-size:var(--type-ui)}
.home-methodology{max-width:780px;margin:28px auto;text-align:center;color:var(--muted);font-size:var(--type-secondary)}
@media(max-width:639px){.atlas-intro{margin-top:22px}.atlas-intro .quran{padding:12px;font-size:var(--type-body)}.home-plants .section-heading{flex-direction:row}.home-plants .text-link{align-self:auto;min-height:40px}}
/* Identity is a vertical block; base header rules must not lay it out as a masthead. */
.species-heading{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:8px;min-height:0;max-width:none;width:100%;padding:0 0 24px;margin:16px 0 24px;background:none;border:0;border-bottom:1px solid var(--line);border-radius:0;text-align:right}
.species-heading h1{margin:0;font-size:var(--type-page);font-weight:600}.species-heading p{margin:0}
.species-heading .alternative-names{font-size:var(--type-body);color:var(--muted)}
.species-heading .scientific{font-size:calc(var(--text-read)*.94);text-align:right;line-height:1.65}
.species-heading h1.scientific{font-size:var(--type-page)}
.species-heading .identity-family{font-size:var(--type-body)}.identity-family>span{color:var(--muted);margin-inline-end:8px}
.species-heading .english-name{font-size:var(--type-secondary);text-align:right}.breadcrumb{margin-top:20px;font-size:var(--type-secondary)}
.species-section.section{padding:22px 0;margin:24px 0;border:0!important;border-block-start:1px solid var(--line)!important;border-radius:0;background:transparent}
.species-section h2{text-align:right;margin:0 0 14px}.botanical-table{border:0;border-radius:0}
.botanical-table>div{grid-template-columns:minmax(120px,1fr) 3fr;border-color:color-mix(in srgb,var(--line) 65%,transparent)}
.botanical-table dt,.botanical-table dd{padding:9px 12px;font-size:var(--type-body)}.botanical-table dt{background:none}
.taxonomy-note,.historical-caution{padding:8px 12px;font-size:var(--type-secondary);background:transparent;border:0}
.browse-grid{gap:0 18px}.browse-grid a{padding-block:10px;font-size:var(--type-body)}
.gallery-panel.botanical-gallery{padding:18px;margin-block:24px;border-radius:8px}
.gallery-layout{max-width:960px}.gallery-image{height:clamp(300px,46vh,460px);object-fit:contain}
.photo-credits{margin-block:14px 0;padding:10px 14px;font-size:var(--type-secondary)}
.photo-credits summary{font-size:var(--type-secondary)}.photo-credits li,.photo-credits p{font-size:var(--type-secondary)}
.image-viewer{inset:0;width:min(1480px,calc(100vw - 48px));height:calc(100dvh - 48px);max-width:calc(100vw - 48px);max-height:calc(100dvh - 48px);margin:auto;padding:14px;border:1px solid var(--line);border-radius:12px}
.image-viewer::backdrop{background:var(--scrim)}
.viewer-toolbar{gap:10px;flex:none}.viewer-toolbar .icon-navigation{padding:0}
.viewer-scroll{display:flex;flex:1;min-width:0;min-height:0;overflow:auto;direction:ltr;background:var(--surface);border-radius:6px}
.viewer-image{display:block;margin:auto;flex:none;max-width:none;max-height:none;object-fit:contain}
.viewer-details{flex:none;max-height:28vh;overflow:auto;margin:0;padding:8px 14px;font-size:var(--type-secondary)}
.viewer-details p,.viewer-details .viewer-caption{font-size:var(--type-secondary);text-align:start;margin:6px 0}
.viewer-details summary{font-size:var(--type-secondary)}
@media(max-width:639px){.image-viewer{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border:0;border-radius:0;margin:0;padding:8px}.viewer-toolbar{gap:6px}.viewer-toolbar label{flex-basis:100%;justify-content:center}.viewer-toolbar .viewer-zoom{width:140px}.gallery-image{height:clamp(240px,40vh,340px)}.botanical-table>div{grid-template-columns:minmax(90px,1fr) 2fr}.botanical-table dt,.botanical-table dd{padding-inline:6px}}

/* Four homepage suggestions and four related plants form one balanced desktop row. */
@media(min-width:1024px){.home-plants .plant-grid,.species-section .plant-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}

.home-plants .section-heading{justify-content:center;text-align:center}

/* Restore the user's previous labelled settings control and dialog proportions. */
.masthead .header-controls #theme{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:auto;min-width:100px;height:auto;min-height:42px;padding:6px 14px;border-radius:var(--r-pill)}
.reader-settings{--type-section:calc(var(--text-read)*1.25);--type-ui:calc(var(--text-read)*.8);--type-caption:calc(var(--text-read)*.74)}

/* A wider, balanced photo pager; the same controls continue inside the viewer. */
.botanical-gallery .gallery-controls{display:grid;grid-template-columns:46px minmax(0,1fr) 46px;align-items:center;gap:18px;width:100%;padding:14px 22px;background:var(--surface);border-top:1px solid var(--line)}
.gallery-controls .icon-navigation,.viewer-toolbar .icon-navigation{width:46px;min-width:46px;height:46px;min-height:46px;border-radius:12px;background:var(--paper)}
.gallery-controls .icon-navigation svg,.viewer-toolbar .icon-navigation svg{width:22px;height:22px}
.botanical-gallery .gallery-counter,.image-viewer .viewer-counter{display:inline-flex;align-items:center;justify-content:center;justify-self:center;min-width:0;width:auto;min-height:42px;padding:6px 20px;border-radius:var(--r-pill);background:var(--paper);color:var(--ink);font-size:calc(var(--text-read)*.85);font-variant-numeric:tabular-nums;line-height:1.5;white-space:nowrap}
.image-viewer .viewer-counter{min-width:110px}.viewer-toolbar{gap:12px}
@media(max-width:639px){.botanical-gallery .gallery-controls{gap:10px;padding:12px}.botanical-gallery .gallery-counter,.image-viewer .viewer-counter{padding-inline:14px}.viewer-toolbar{gap:8px}}

/* Botanical field boxes: one documented property per box, label above its text. */
.species-section .botanical-table{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin:0;border:0;overflow:visible}
.species-section .botanical-table>div{display:flex;flex-direction:column;gap:7px;min-width:0;padding:15px 17px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}
.species-section .botanical-table>div:first-child{border-top:1px solid var(--line)}
.species-section .botanical-table dt,.species-section .botanical-table dd{padding:0;margin:0;font-size:var(--type-body);line-height:1.85;overflow-wrap:anywhere}
.species-section .botanical-table dt{font-weight:600;color:var(--accent);background:transparent}
.species-section>p[dir=auto]{padding:15px 17px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}
@media(min-width:768px){.species-section .botanical-table{grid-template-columns:repeat(2,minmax(0,1fr))}.species-section .botanical-table>div:only-child{grid-column:1/-1}}