/* Field guide styles. Theme is resolved on <html data-theme="light|dark">. */
:root{--q-paper:#f7f5ed;--q-ink:#243b30;--q-muted:#586257;--q-line:#c9cebf;--q-gold:#876019;--q-tint:#e8ecdf;--q-control:#94a28e;--q-native:#48652f;--q-bloom:#9d6b20;color-scheme:light}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--q-paper:#17251f;--q-ink:#eeeedd;--q-muted:#bcc6b7;--q-line:#48594a;--q-gold:#e6ba6a;--q-tint:#24382c;--q-control:#7c917e;--q-native:#b4d494;--q-bloom:#d9ac55;color-scheme:dark}}
:root[data-theme=dark]{--q-paper:#17251f;--q-ink:#eeeedd;--q-muted:#bcc6b7;--q-line:#48594a;--q-gold:#e6ba6a;--q-tint:#24382c;--q-control:#7c917e;--q-native:#b4d494;--q-bloom:#d9ac55;color-scheme:dark}
body.field-guide{--bg:var(--q-paper);--fg:var(--q-ink);--mut:var(--q-muted);--line:var(--q-line);--card:var(--q-paper);--acc:var(--q-native);margin:0;background:var(--q-paper);color:var(--q-ink);font:16px/1.6 Arial,sans-serif}
.field-guide *{box-sizing:border-box}.field-guide [hidden]{display:none!important}.field-guide main{max-width:1180px;margin:auto;padding:30px 40px 48px}.field-guide a{color:var(--q-ink);text-underline-offset:4px}.field-guide a:hover{color:var(--q-gold)}.field-guide button,.field-guide select,.field-guide input,.field-guide textarea{font:inherit;color:var(--q-ink);background:var(--q-paper);border:1px solid var(--q-control);border-radius:3px;padding:9px 11px;min-height:44px;max-width:100%}.field-guide button{cursor:pointer;margin:0}.field-guide button:disabled{opacity:.55;cursor:default}.field-guide :focus-visible{outline:3px solid var(--q-gold);outline-offset:4px}.field-guide button.q-primary,.field-guide button[aria-pressed=true]{background:var(--q-ink);color:var(--q-paper);border-color:var(--q-ink)}
.field-guide h1,.field-guide h2,.field-guide h3,.field-guide .q-brand,.field-guide .q-value{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:var(--q-ink)}.field-guide h1{font-size:clamp(36px,5vw,60px);line-height:1.08;letter-spacing:-1.7px;margin:18px 0 8px}.field-guide h2{font-size:28px;line-height:1.2;margin:0 0 18px}.field-guide h3{font-size:22px;line-height:1.3;margin:18px 0 10px}.field-guide p{margin:10px 0 16px}.field-guide small,.field-guide .small,.field-guide .q-small{font-size:13px;line-height:1.5;color:var(--q-muted)}.field-guide .q-kicker{font-size:11px;text-transform:uppercase;letter-spacing:1.7px;color:var(--q-muted)}
.field-guide .q-top,.field-guide header.top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;border-bottom:1px solid var(--q-line);padding-bottom:20px;margin-bottom:24px}.field-guide .q-brand,.field-guide header.top a.brand{font:34px/1 Georgia,serif;text-decoration:none;color:var(--q-ink)}.field-guide .q-nav,.field-guide nav{display:flex;align-items:center;gap:18px;flex-wrap:wrap;font-size:14px}.field-guide .q-nav a,.field-guide header.top nav a{margin:0;text-decoration:none;font-size:14px}.field-guide .q-theme{display:flex;gap:3px;align-items:center}.field-guide .q-theme button{padding:7px 9px;font-size:12px}.field-guide .q-crumb{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:13px;color:var(--q-muted)}.field-guide .q-titlebar{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:24px}.field-guide .q-latin{font:italic 24px/1.3 Georgia,serif}.field-guide .q-actions{display:flex;gap:8px;flex-wrap:wrap}.field-guide .q-native{font-size:13px;color:var(--q-native)}
.field-guide .q-main,.field-guide .q-lower{display:grid;grid-template-columns:minmax(0,1.13fr) minmax(0,1fr);gap:36px;align-items:start}.field-guide .q-main>* ,.field-guide .q-lower>*{min-width:0}.field-guide figure{margin:0}.field-guide img{display:block;max-width:100%;height:auto}.field-guide #plant-photo{width:100%;max-height:600px;object-fit:contain}.field-guide figcaption{font-size:12px;line-height:1.5;color:var(--q-muted);margin:10px 0}.field-guide .q-views{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.field-guide .q-views button{font-size:13px}.field-guide .q-viewnote{font-size:13px;color:var(--q-muted)}.field-guide .q-intro{font:20px/1.55 Georgia,serif}.field-guide .q-section,.field-guide .card{border:0;border-top:1px solid var(--q-line);border-radius:0;box-shadow:none;background:transparent;padding:24px 0 0;margin:28px 0 0}.field-guide .q-score,.field-guide .score{display:flex;gap:14px;align-items:baseline}.field-guide .q-value,.field-guide .num{font:64px/1.1 Georgia,serif;letter-spacing:-2px;color:var(--q-ink);background:none;padding:0;min-width:0;text-align:left;border-radius:0}.field-guide .q-scorelabel,.field-guide .band{font:21px/1.3 Georgia,serif}.field-guide .q-context{font-size:13px;padding:12px 14px;background:var(--q-tint);margin:14px 0}.field-guide .q-fitresult,.field-guide #fit-result{border-left:3px solid var(--q-gold);padding-left:16px;margin:20px 0}.field-guide .q-fitresult .q-value{font-size:44px}
.field-guide details{border-top:1px solid var(--q-line);padding:13px 0}.field-guide summary{cursor:pointer;font-weight:500}.field-guide details details{margin-left:12px}.field-guide label{display:block;font-size:13px;font-weight:400;color:var(--q-muted);margin:10px 0 5px}.field-guide label select,.field-guide label input{display:block;width:100%;margin-top:5px}.field-guide #fit-form>select,.field-guide #fit-form details select,.field-guide #fit-form details input{width:100%}.field-guide .q-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field-guide .q-wide{grid-column:1/-1}.field-guide .q-facts{display:grid;grid-template-columns:1fr 1fr;gap:18px 24px;margin:22px 0}.field-guide .q-facts dt{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--q-muted)}.field-guide .q-facts dd{margin:5px 0 0;font:19px/1.4 Georgia,serif}
.field-guide table{width:100%;border-collapse:collapse;font-size:14px}.field-guide th,.field-guide td{border:0;border-bottom:1px solid var(--q-line);padding:12px 10px 12px 0;text-align:left;vertical-align:top;overflow-wrap:anywhere;color:var(--q-ink)}.field-guide th{font-weight:500}.field-guide td:first-child{width:auto;color:var(--q-muted)}.field-guide ul{padding-left:22px}.field-guide li{margin-bottom:7px}.field-guide .q-name-list{list-style:none;padding:0}.field-guide .q-name-list li{padding:8px 0;border-bottom:1px solid var(--q-line)}.field-guide .q-name-list span{display:block;color:var(--q-muted);font-size:13px}.field-guide .q-animal-row summary{display:flex;align-items:center;gap:14px}.field-guide .q-animal-row summary::after{content:'+';margin-left:auto;font-size:24px}.field-guide .q-animal-row[open]>summary::after{content:'−'}.field-guide .q-animal{width:52px;height:52px;flex-shrink:0}.field-guide .q-animal img{width:100%;height:100%}.field-guide .q-animal-count{font:32px/1 Georgia,serif}.field-guide .q-animal-label{font-size:15px}.field-guide .q-bloom-track,.field-guide .q-months{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:3px}.field-guide .q-bloom-track{margin-top:12px;height:13px}.field-guide .q-bloom-track>*{background:var(--q-tint);border-radius:2px}.field-guide .q-bloom-track .q-on,.field-guide .q-bloom-track .active{background:var(--q-bloom)}.field-guide .q-months{font-size:10px;color:var(--q-muted);text-align:center;margin-top:7px}.field-guide .q-footer{border-top:1px solid var(--q-line);margin-top:36px;padding-top:18px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:12px;color:var(--q-muted)}
.field-guide .bars{display:grid;grid-template-columns:100px minmax(0,1fr) 180px;gap:10px 14px;align-items:center}.field-guide .bar{background:var(--q-tint);height:8px;border-radius:0}.field-guide .bar i{background:var(--q-native)}.field-guide .pill{background:var(--q-ink);color:var(--q-paper);border-radius:2px;padding:3px 7px}.field-guide .verdict{border-radius:2px}.field-guide input#q{background:var(--q-paper);color:var(--q-ink);border-color:var(--q-control);border-radius:3px;width:100%}.field-guide #hits{list-style:none;padding:0}.field-guide #hits li{padding:12px 0;border-bottom:1px solid var(--q-line)}.field-guide .q-feedback{font-size:13px;min-height:20px;color:var(--q-muted)}.field-guide .q-warning{border-left:3px solid var(--q-gold);padding-left:14px}.field-guide dialog{color:var(--q-ink);background:var(--q-paper);border:1px solid var(--q-line);padding:28px;max-width:min(520px,90vw)}.field-guide dialog::backdrop{background:#08130caa}.field-guide .q-comparison-scroll{overflow:auto}.field-guide .q-comparison-table{min-width:620px}.field-guide .q-comparison-table th{min-width:180px}.field-guide .q-profile-row{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.field-guide .q-profile-row label{flex:1;min-width:130px}.field-guide .q-birdnote{border-left:2px solid var(--q-gold);padding-left:14px}
:root[data-theme=dark] .field-guide .q-animal img{filter:invert(91%) sepia(12%) saturate(250%)}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .field-guide .q-animal img{filter:invert(91%) sepia(12%) saturate(250%)}}
@media(max-width:700px){.field-guide main{padding:22px 20px 36px}.field-guide .q-main,.field-guide .q-lower{grid-template-columns:1fr;gap:24px}.field-guide .q-nav,.field-guide nav{gap:12px;font-size:13px}.field-guide h1{letter-spacing:-1px}.field-guide .q-value,.field-guide .num{font-size:52px}.field-guide .q-top{align-items:flex-start}.field-guide .q-form input,.field-guide .q-form select,.field-guide #fit-form input,.field-guide #fit-form select{font-size:16px}.field-guide .bars{grid-template-columns:1fr;gap:5px}.field-guide .bars>div:nth-child(3n){margin-bottom:14px}.field-guide .q-comparison-table{min-width:580px}.field-guide .q-facts{gap:16px}.field-guide .q-months{font-size:9px}.field-guide .q-section{margin-top:22px}.field-guide .q-lower>.q-section{margin-top:8px}}
@media(prefers-reduced-motion:reduce){.field-guide *{scroll-behavior:auto!important;transition:none!important}}
/* Production template additions. */
.field-guide .skip-link{position:absolute;left:20px;top:-100px;z-index:10;background:var(--q-ink);color:var(--q-paper);padding:10px 16px}.field-guide .skip-link:focus{top:12px}.field-guide .q-appearance{display:flex;gap:3px;align-items:center}.field-guide .q-appearance button{font-size:12px;padding:7px 9px}.field-guide .state-menu{position:relative;padding:0;border:0}.field-guide .state-menu summary{padding:10px 0}.field-guide .state-menu>div{position:absolute;top:100%;left:0;z-index:5;width:190px;padding:12px 16px;border:1px solid var(--q-line);background:var(--q-paper);box-shadow:0 8px 16px #0002}.field-guide .state-menu>div>a{display:block;padding:8px 0}.field-guide img.q-animal{width:52px;height:52px;object-fit:contain}.field-guide .q-animal-label small{display:block;font-size:12px}.field-guide .q-animal-content{padding:10px 0 5px 16px}.field-guide .q-animal-row .q-row-chevron{margin-left:auto;font-size:24px}.field-guide .q-animal-row summary::after{content:none}.field-guide .q-animal-row[open]>summary::after{content:none}.field-guide .q-animal-row[open] .q-row-chevron{transform:rotate(45deg)}.field-guide .q-photo-unavailable{margin:0;padding:14px 0;border-bottom:1px solid var(--q-line);font-size:13px;color:var(--q-muted)}.field-guide .q-bloom-track .bloom-active{background:var(--q-bloom)}.field-guide .q-bloom-track .bloom-extended{background:repeating-linear-gradient(135deg,var(--q-bloom) 0,var(--q-bloom) 3px,var(--q-tint) 3px,var(--q-tint) 6px)}.field-guide .q-bloom-track+.q-bloom-track{margin-top:5px}.field-guide .q-home-intro{max-width:760px;padding:26px 0}.field-guide .q-home-intro p{font:22px/1.5 Georgia,serif}.field-guide .q-search{max-width:760px}.field-guide .q-other-row summary{display:flex;justify-content:space-between;gap:15px}.field-guide .q-source-list{font-size:14px}.field-guide .q-section>.card{margin-top:0;padding-top:0;border:0}
:root[data-theme=dark] .field-guide img.q-animal{filter:invert(91%) sepia(12%) saturate(250%)}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .field-guide img.q-animal{filter:invert(91%) sepia(12%) saturate(250%)}}
@media(max-width:700px){.field-guide .q-top{gap:16px}.field-guide .q-appearance{margin-left:auto}.field-guide .q-home-intro{padding:10px 0}.field-guide .q-animal-content{padding-left:0}.field-guide .q-animal-label{font-size:14px}}
.field-guide .q-form>div>select,.field-guide .q-form>div>input{width:100%;margin:0}.field-guide .q-form>div{min-width:0}.field-guide .q-form{margin:14px 0}

@media(max-width:700px){.field-guide .q-main>section{display:contents}.field-guide .q-main>section>figure,.field-guide .q-main>section>.q-photo-unavailable{order:1}.field-guide .q-main>section>.q-views{order:2;margin:0}.field-guide .q-main>section>.q-intro{order:3;margin:0}.field-guide .q-main>aside{order:4}.field-guide .q-main>section>#growing{order:5}}

.field-guide .notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.field-guide .notes label{display:block}.field-guide .notes input,.field-guide .notes textarea{width:100%}.field-guide .notes .wide{grid-column:1/-1}.field-guide .source{font-size:13px;color:var(--q-muted)}.field-guide .step{color:var(--q-gold)}
@media(max-width:700px){.field-guide .notes{grid-template-columns:1fr}}
@media print{.field-guide .q-top,.field-guide nav,.field-guide button,.field-guide .skip-link{display:none}.field-guide{--q-paper:white;--q-ink:black;--q-muted:#333;background:white;color:black}.field-guide main{padding:0;max-width:none}.field-guide section{break-inside:avoid}}
