/* Shared editorial identity for the field guide and every article. */
:root{--bg:#071713;--surface:#11251d;--border:#3a4b3b;--line2:#526346;--text:#eeeada;--muted:#b9c5ac;--accent:#eeeada;--green:#c5d3ab;--green-bright:#d7b776;--green-dim:#b7c58e12;--orange:#dcb473;--terra:#e4ab43;--brown:#c8b78e;--red:#e8a08b;--blue:#a6c7cb;--pink:#d7afb4;--purple:#c2b9d4;--radius:3px;--font:'DM Sans',system-ui,sans-serif;--display:'Cormorant Garamond',Georgia,serif;--pixel:var(--font)}
html{scroll-padding-top:105px}body{background:var(--bg);font-family:var(--font);color:var(--text);line-height:1.7}h1,h2,h3,h4{font-family:var(--display);font-weight:500}a,button,input{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #d7b776;outline-offset:5px}button,input,select{font:inherit}img{max-width:100%}[hidden]{display:none!important}.codex-skip{position:fixed;left:20px;top:-100px;background:#eeeada;color:#152a20;padding:12px;z-index:2000}.codex-skip:focus{top:12px}
.codex-nav{height:86px;position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid #344536;background:#071713f5;backdrop-filter:blur(16px)}.codex-nav a{text-decoration:none;color:#eeeada}.codex-wordmark{font:29px/1 var(--display);letter-spacing:-.03em}.codex-nav-links{display:flex;gap:30px;align-items:center;font-size:13px}.codex-nav-links a:hover,.codex-mobile a:hover{color:#e4ab43}.codex-nav-links .current{color:#d7b776}.codex-mobile{display:none;position:relative}.codex-mobile summary{cursor:pointer;list-style:none;padding:12px 0;font-size:13px}.codex-mobile summary::-webkit-details-marker{display:none}.codex-mobile summary span{margin-left:12px;color:#d7b776}.codex-mobile>div{position:absolute;right:0;top:46px;min-width:220px;padding:18px;background:#142b21;border:1px solid #526346}.codex-mobile a{display:block;padding:12px;border-bottom:1px solid #3a4b3b;font-size:14px}
.codex-footer{border-top:1px solid #3a4b3b;padding:35px 5%;display:flex;justify-content:space-between;gap:24px;align-items:center;color:#b9c5ac;font-size:12px}.codex-footer a{color:inherit}.codex-footer a:hover{color:#d7b776}.codex-footer>div{display:flex;gap:24px;flex-wrap:wrap}.codex-footer .codex-wordmark{font-size:26px;color:#eeeada}.eyebrow,.codex-kicker{font:11px/1.5 var(--font);letter-spacing:.17em;text-transform:uppercase;color:#d7b776;margin-bottom:24px}.codex-button{display:inline-flex;min-height:49px;align-items:center;justify-content:center;padding:13px 23px;background:#e4ab43;color:#102016!important;border:1px solid #e4ab43;font:500 13px var(--font);text-decoration:none}.codex-button:hover{background:#efc36e}.codex-link{display:inline-flex;align-items:center;gap:26px;border-bottom:1px solid #677752;padding:10px 0;color:#d7b776;font-size:13px}.codex-link:hover{border-color:#e4ab43;color:#f1d89f}
/* Cover: large botanical detail, type and space instead of stacked banners. */
.codex-cover{display:grid;grid-template-columns:1fr 1fr;min-height:670px;position:relative;isolation:isolate;border-bottom:1px solid #3a4b3b}.codex-cover-copy{padding:75px 8% 66px 10%;align-self:center;z-index:1}.codex-cover h1{font-size:clamp(84px,9.3vw,148px);line-height:.82;letter-spacing:-.04em;margin:30px 0 32px;color:#eeeada}.codex-cover h1 em{color:#d7b776;font-weight:400}.codex-cover .cover-deck{font:30px/1.2 var(--display);color:#eeeada;max-width:18ch;margin-bottom:22px}.codex-cover .cover-description{font:15px/1.8 var(--font);max-width:40ch;color:#b9c5ac}.cover-actions{display:flex;gap:26px;align-items:center;flex-wrap:wrap;margin-top:28px}.codex-cover figure{position:relative;margin:0;min-width:0;overflow:hidden}.codex-cover figure>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.codex-cover figure:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#07171333,transparent 40%,#07171322)}.codex-cover figcaption{position:absolute;left:32px;bottom:25px;z-index:1;color:#e8e4cc;font-size:10px;letter-spacing:.14em;text-transform:uppercase}.codex-index main{max-width:none;margin:0;padding:0}.codex-index section{margin-bottom:0}.codex-context{padding:25px 5%;border-bottom:1px solid #3a4b3b;display:flex;gap:30px;justify-content:space-between;align-items:center;font-size:12px;color:#b9c5ac}.codex-context span{color:#d7b776}.codex-library{padding:85px 5%}.codex-section-title{display:flex;justify-content:space-between;align-items:end;gap:36px;margin-bottom:34px}.codex-section-title h2{font:60px/1 var(--display);color:#eeeada;border:0;margin:0;padding:0}.codex-section-title .codex-kicker{margin-bottom:18px}.codex-section-title>p{font:14px/1.8 var(--font);max-width:36ch;color:#b9c5ac;margin:0}.codex-tools{display:flex;gap:14px;align-items:end;margin:30px 0 18px}.codex-search{flex:1}.codex-tools label{display:block;font-size:11px;letter-spacing:.08em;color:#c7d1b8;margin-bottom:8px}.codex-tools input,.codex-tools select{width:100%;height:50px;border:1px solid #526346;border-radius:2px;background:#11251d;padding:0 17px;color:#eeeada;min-width:0}.codex-tools select{width:245px;color-scheme:dark}.codex-tools input::placeholder{color:#9fac94}.codex-result-count{font-size:12px;color:#aebba2;margin-bottom:48px!important}.codex-regions>section{margin-bottom:62px}.codex-regions>section:last-child{margin-bottom:0}.codex-index .region-header{gap:16px;margin-bottom:15px}.codex-index .region-header h2{font:32px/1.1 var(--display);border:0;padding:0;color:#eeeada}.codex-index .region-header .count{background:transparent;color:#b9c5ac;border:1px solid #3a4b3b;font-size:10px;padding:4px 8px;border-radius:0;white-space:nowrap}.codex-index .region-desc{font-size:13px;line-height:1.7;max-width:85ch;margin-bottom:25px;color:#aebba2}.codex-index .grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:0;padding:0;max-width:none}.codex-index .card{display:flex;flex-direction:column;background:transparent;padding:0 0 20px;border:0;border-bottom:1px solid #3a4b3b;border-radius:0;box-shadow:none;min-width:0;transition:border-color .25s,background .25s,transform .25s}.codex-index .card:hover{background:#e4ab430a;border-color:#d7b776;transform:translateY(-4px)}.codex-index .card>img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;display:block;margin-bottom:17px;filter:saturate(.82);transition:filter .35s}.codex-index .card:hover>img{filter:saturate(1)}.codex-index .card .n{color:#d7b776!important;font:10px var(--font);letter-spacing:.11em;text-transform:uppercase;margin:0 0 9px}.codex-index .card h3{font:italic 26px/1.05 var(--display);color:#eeeada;overflow-wrap:anywhere}.codex-index .card p{font:12px/1.7 var(--font);color:#b9c5ac;margin:11px 0}.codex-index .card .native{font-size:10px;color:#9fad94;margin-top:auto;padding-top:8px}.codex-index .card .tag{display:none}.codex-empty{border:1px solid #526346;padding:40px;font:22px var(--display);color:#eeeada}
/* Practical guides sit on the same warm paper as the site's review samples. */
.codex-guides{background:#eee9dc;color:#233127;padding:75px 5%}.codex-guides .codex-section-title h2{color:#233127}.codex-guides .codex-kicker{color:#795f30}.codex-guides .codex-section-title>p{color:#53634f}.codex-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 40px}.codex-guide-grid a{padding:28px 0;border-top:1px solid #b9beab;display:grid;grid-template-columns:35px 1fr 20px;gap:14px;align-items:start;color:#233127;transition:background .2s}.codex-guide-grid a:hover{background:#dcc59333}.codex-guide-grid .guide-number{color:#857347;font:24px var(--display)}.codex-guide-grid h3{font:28px/1.1 var(--display);margin:0 0 10px}.codex-guide-grid p{font:12px/1.7 var(--font);color:#53634f;margin:0}.codex-guide-grid .guide-arrow{color:#857347}.codex-bottom{padding:80px 5%;display:grid;grid-template-columns:1fr 1fr;gap:8%;background:#0b1d16}.codex-play .codex-kicker{margin-bottom:20px}.codex-play h2{font:60px/1 var(--display);color:#eeeada;border:0;margin:0 0 22px}.codex-play>p{font:14px/1.8 var(--font);color:#b9c5ac;max-width:42ch}.codex-play .codex-link{margin-top:18px}.codex-index .grow-cta{max-width:none;margin:0;padding:30px;border:1px solid #526346;border-radius:3px;background:#12271f}.codex-index .grow-cta h2{font:32px/1.1 var(--display);color:#eeeada;margin:0;border:0;padding:0}.codex-index .grow-cta .gc-p{font:13px/1.8 var(--font);color:#b9c5ac}.codex-index .gc-input{background:#071713;border-color:#526346;color:#eeeada;border-radius:2px;min-width:130px}.codex-index .gc-btn{background:#e4ab43;color:#102016;border-radius:2px;font-size:12px}.codex-index .gc-consent,.codex-index .gc-priv{color:#b9c5ac}.codex-index .gc-err{color:#e8a08b}.codex-index .gc-ok{margin:0;padding:30px;border:1px solid #526346;background:#12271f;border-radius:3px;color:#d7b776}
.codex-cover figcaption a{display:inline-block;background:#071713d9;padding:7px 10px;border-bottom:1px solid #bfa166;color:#eeeada;text-decoration:none;letter-spacing:.04em}.codex-cover figcaption a:hover{color:#e4ab43}
/* Profile and guide headers. */
.codex-article .hero{padding:65px 5% 50px;text-align:left;background:#0b1d16;border-bottom:1px solid #3a4b3b;overflow:visible}.codex-article .hero:before,.codex-article .hero:after{display:none}.codex-article .hero h1{font:500 clamp(48px,5.8vw,84px)/1.02 var(--display);letter-spacing:-.025em;max-width:20ch;margin:15px 0 24px;color:#eeeada;overflow-wrap:anywhere}.codex-article .hero h1 em{color:#d7b776}.codex-article .hero .lead{margin:0;max-width:62ch;color:#b9c5ac;font:15px/1.8 var(--font)}.codex-article .hero .eyebrow{color:#d7b776;font:11px/1.6 var(--font);letter-spacing:.15em}.codex-article .hero .bck{display:inline-block;margin-bottom:25px;color:#b9c5ac;font:12px var(--font)}.codex-profile .hero{display:grid;grid-template-columns:1fr 1fr;gap:0 7%;align-items:start;padding-block:65px}.codex-profile .hero>.eyebrow{grid-column:1;grid-row:1;align-self:end}.codex-profile .hero>h1{grid-column:1;grid-row:2}.codex-profile .hero>.lead{grid-column:1;grid-row:3;align-self:start}.codex-profile .hero-fig{grid-column:2;grid-row:1/5;margin:0;max-width:none;min-width:0;width:100%}.codex-profile .hero-wrap{border:1px solid #526346;border-radius:2px;box-shadow:none}.codex-profile .hero-photo{width:100%;height:340px;object-fit:cover;display:block}.codex-profile .credit{color:#9fad94;font:10px/1.7 var(--font);margin-top:10px}.codex-profile .credit a{color:#d7b776}.codex-profile .hero-zoom{background:#071713dd;color:#eeeada;font:10px var(--font);padding:8px 12px;border:0}.codex-profile .gallery-strip{justify-content:flex-start;margin-top:14px;gap:10px}.codex-profile .gallery-thumb{border:1px solid #526346;border-radius:2px;box-shadow:none}.codex-profile .cc-lb{z-index:1100;background:#020d0bf5}.codex-profile .cc-lb-cap,.codex-profile .cc-lb-close,.codex-profile .cc-lb-nav{color:#eeeada;border-color:#657454}.codex-profile .cc-lb img{border:1px solid #657454;box-shadow:none;border-radius:2px}
/* A contents rail and a generous, readable paper column. */
.codex-article main{max-width:1280px;margin:0 auto;padding:60px 5% 80px;display:grid;grid-template-columns:180px minmax(0,1fr);gap:5%;align-items:start}.codex-toc{position:sticky;top:115px;font:12px/1.5 var(--font);max-height:calc(100vh - 140px);overflow:auto}.codex-toc>span{display:block;color:#d7b776;font-size:10px;letter-spacing:.15em;text-transform:uppercase;margin-bottom:20px}.codex-toc a{display:block;color:#b9c5ac;padding:10px 0;border-bottom:1px solid #344536}.codex-toc a:hover{color:#e4ab43}.codex-paper{--bg:#eee9dc;--surface:#f5f1e6;--border:#c5c8b7;--text:#243429;--muted:#4e6052;--accent:#243429;--green:#435d40;--green-bright:#70844e;--green-dim:#75865312;--terra:#80602c;--brown:#6b603f;--red:#923f31;--blue:#3c6370;--purple:#605279;background:#eee9dc;color:#243429;padding:40px;min-width:0}.codex-paper h2{font:500 34px/1.15 var(--display);color:#243429;border-bottom:1px solid #c5c8b7;margin:38px 0 21px;padding-bottom:15px;scroll-margin-top:110px}.codex-paper>section:first-child h2:first-child,.codex-paper>h2:first-child{margin-top:0}.codex-paper h3{font:500 26px/1.2 var(--display);color:#243429}.codex-paper h4{color:#243429}.codex-paper p,.codex-paper li{font:15px/1.85 var(--font);color:#4e6052}.codex-paper p strong,.codex-paper li strong{color:#243429}.codex-paper li{margin-bottom:15px}.codex-paper .src{font-size:12px;line-height:1.6;color:#6b603f;overflow-wrap:anywhere}.codex-paper a{color:#5a662e;text-decoration:underline;text-underline-offset:3px}.codex-paper section{margin-bottom:40px}.codex-paper .cta,.codex-paper .step-box,.codex-paper .tip,.codex-paper .root-card,.codex-paper .stage-card,.codex-paper .pest-card,.codex-paper .flow-step{border:1px solid #c5c8b7;border-radius:3px;box-shadow:none;background:#f5f1e6}.codex-paper .cta,.codex-paper .tip{background:#dce0cf}.codex-paper .warn{background:#e8dccb;border-color:#c8aa81;border-radius:3px}.codex-paper .table-wrap{overflow-x:auto;max-width:100%}.codex-paper table{width:100%;font-size:13px}.codex-paper td,.codex-paper th{border-color:#c5c8b7;color:#243429}.codex-paper th{background:#dce0cf}.codex-paper .vis-box{overflow:auto;max-width:100%}.codex-paper .vis-box svg{max-width:100%;height:auto}.codex-paper .simulator,.codex-paper .triage{background:#11251d;color:#eeeada;border:1px solid #526346;border-radius:3px;padding:24px}.codex-paper .simulator p,.codex-paper .simulator h3,.codex-paper .sim-help,.codex-paper .sim-status,.codex-paper .triage p,.codex-paper .triage .q{color:#d6dfc6}.codex-paper .simulator .root-card{background:#1e3527;border:1px solid #526346;cursor:pointer}.codex-paper .simulator .root-card *{color:#d6dfc6}.codex-paper .simulator .root-card.selected{border-color:#d7b776;background:#304831}.codex-paper .sim-controls button,.codex-paper .triage button{border:1px solid #657454;background:#233b2b;color:#eeeada;border-radius:3px;min-height:44px;padding:8px 12px;cursor:pointer}.codex-paper .sim-controls button:not(:disabled):hover,.codex-paper .triage button:hover{border-color:#d7b776}.codex-paper button:disabled{opacity:.4;cursor:default}.codex-paper canvas{max-width:100%;height:auto}.codex-paper .pdf-btn{display:inline-flex;background:#d7b776;color:#243429;box-shadow:none;border-radius:2px}.codex-paper .cred-grid{grid-template-columns:1fr}.codex-paper .cred-card{background:#f5f1e6;border:1px solid #c5c8b7;border-radius:3px;box-shadow:none;overflow-wrap:anywhere}
@media(min-width:1700px){.codex-cover-copy{padding-left:max(10%,calc((100vw - 1500px)/2))}.codex-cover{min-height:760px}.codex-library,.codex-guides,.codex-bottom{padding-inline:max(5%,calc((100vw - 1440px)/2))}}
@media(max-width:1100px){.codex-index .grid{grid-template-columns:repeat(3,minmax(0,1fr))}.codex-nav-links{gap:20px}.codex-cover{min-height:600px}.codex-cover-copy{padding-top:55px;padding-bottom:55px}.codex-cover h1{font-size:106px}.codex-guide-grid{gap:0 22px}.codex-profile .hero-photo{height:310px}.codex-article main{grid-template-columns:150px minmax(0,1fr);gap:25px}.codex-paper{padding:30px}}
@media(max-width:800px){.codex-nav{height:72px}.codex-nav-links{display:none}.codex-mobile{display:block}.codex-wordmark{font-size:26px}.codex-cover{min-height:560px;grid-template-columns:1.15fr 1fr}.codex-cover-copy{padding:50px 7% 45px 9%}.codex-cover h1{font-size:88px}.codex-cover .cover-deck{font-size:26px}.codex-cover .cover-description{font-size:13px}.cover-actions{gap:15px}.codex-cover figcaption{left:18px;right:18px;font-size:9px}.codex-context{align-items:start;gap:15px;font-size:11px}.codex-section-title h2{font-size:50px}.codex-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.codex-index .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.codex-library,.codex-guides{padding-block:60px}.codex-bottom{gap:35px;grid-template-columns:1fr}.codex-section-title{align-items:start;flex-direction:column;gap:20px}.codex-section-title>p{max-width:50ch}.codex-article main{display:block;padding-top:30px}.codex-toc{position:static;max-height:none;margin-bottom:28px;display:flex;flex-wrap:wrap;gap:0 20px}.codex-toc>span{width:100%;margin-bottom:8px}.codex-toc a{font-size:11px}.codex-profile .hero{gap:0 5%;padding-block:45px}.codex-profile .hero h1{font-size:48px}.codex-profile .hero-photo{height:280px}.codex-profile .hero .lead{font-size:13px}.codex-footer{flex-wrap:wrap}.codex-footer>div{gap:18px}}
@media(max-width:540px){.codex-nav{height:66px}.codex-wordmark{font-size:24px}.codex-cover{display:flex;flex-direction:column}.codex-cover-copy{padding:42px 6% 36px}.codex-cover h1{font-size:100px;line-height:.82;margin:25px 0}.codex-cover h1 br{display:none}.codex-cover h1 em{display:block}.codex-cover .cover-deck{font-size:29px;max-width:24ch}.codex-cover .cover-description{font-size:14px;max-width:39ch}.codex-cover figure{height:300px}.codex-cover figure>img{object-position:50% 45%}.codex-context{flex-wrap:wrap;padding:22px 6%;gap:10px}.codex-context>p{font-size:11px;margin:0}.codex-library,.codex-guides,.codex-bottom{padding:48px 6%}.codex-section-title h2{font-size:47px}.codex-tools{flex-wrap:wrap}.codex-tools .codex-search{flex-basis:100%}.codex-tools>div:last-child{width:100%}.codex-tools select{width:100%}.codex-result-count{margin-bottom:32px!important}.codex-index .grid{gap:24px 15px}.codex-index .card h3{font-size:23px}.codex-index .card p{font-size:11px}.codex-index .card .native{font-size:9px}.codex-index .region-header{align-items:start}.codex-index .region-header h2{font-size:29px}.codex-index .region-desc{font-size:12px}.codex-regions>section{margin-bottom:42px}.codex-guide-grid{grid-template-columns:1fr}.codex-guide-grid h3{font-size:29px}.codex-index .grow-cta{padding:24px}.codex-index .gc-form{flex-direction:column}.codex-index .gc-btn{min-height:46px}.codex-profile .hero{display:block;padding:35px 6%}.codex-article .hero{padding:35px 6%}.codex-article .hero h1{font-size:47px}.codex-profile .hero-fig{margin-top:28px}.codex-profile .hero-photo{height:300px}.codex-article main{padding:28px 0 50px}.codex-toc{padding:0 6%}.codex-paper{padding:28px 6%}.codex-paper h2{font-size:32px}.codex-paper p,.codex-paper li{font-size:14px}.codex-paper .grid-2{grid-template-columns:1fr}.codex-paper .simulator,.codex-paper .triage{padding:16px}.codex-paper .rootstock-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.codex-footer{padding:28px 6%}.codex-footer .codex-wordmark{width:100%}}
.codex-paper .triage,.codex-paper .simulator{--bg:#11251d;--surface:#1e3527;--border:#526346;--text:#eeeada;--muted:#b9c5ac;--accent:#eeeada;--green:#c5d3ab;--green-bright:#d7b776;--green-dim:#c5d3ab12;--terra:#d7b776}
.codex-paper .triage h4,.codex-paper .triage .result,.codex-paper .sim-result{color:#eeeada}.codex-paper .triage .result strong{color:#d7b776}.codex-paper .triage .result{line-height:1.8}.codex-paper .sim-canvas-wrap{border:1px solid #526346;border-radius:2px}.codex-paper .icon{font:30px var(--display);color:#8a7548}.codex-paper .simulator .icon{color:#d7b776}
@media print{.codex-nav,.codex-footer,.codex-toc,.codex-skip{display:none!important}.codex-article main{display:block;padding:0}.codex-article .hero{background:white;color:#243429;padding:20px}.codex-article .hero h1,.codex-article .hero .lead{color:#243429}.codex-paper{padding:0;background:white}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.codex-index .card:hover{transform:none}}



/* Keep phone text fields readable without automatic focus zoom. */
@media(pointer:coarse){input,select,textarea{font-size:16px!important}}

.codex-bottom>*{min-width:0}.codex-index .gc-input{width:100%;min-width:0;max-width:100%}

/* Approved phone refinement: readable cards and a shorter route to the library. */
@media(max-width:540px){.codex-cover-copy{padding-top:30px;padding-bottom:25px}.codex-cover h1{font-size:66px;line-height:.93;margin:18px 0}.codex-cover .cover-deck{font-size:24px}.codex-cover figure{height:240px}.codex-context{padding-block:16px}.codex-library{padding-top:35px}.codex-result-count{font-size:12px!important;margin-bottom:23px!important}.codex-index .grid{grid-template-columns:1fr;gap:18px}.codex-index .card{display:grid;grid-template-columns:108px minmax(0,1fr);gap:5px 16px;padding:16px;align-items:start}.codex-index .card img{grid-column:1;grid-row:1/span 6;width:108px;height:145px;margin:0;object-fit:cover}.codex-index .card>*:not(img){grid-column:2;margin:0}.codex-index .card h3{font-size:25px}.codex-index .card p{font-size:12px;line-height:1.6}.codex-index .card .native{font-size:10px}.codex-index .card .n{font-size:10px}.codex-index .card .tag{justify-self:start}}