/* Static crop pages (/crops/…) — layered on top of style.css, using the site's colours and fonts.
   Photos are always shown whole: width 100%, height auto, never cropped. */
.cg-page{background:var(--soil);color:rgba(255,255,255,.9)}
.cg-page footer{padding-bottom:2.5rem}
.cg-nav-crops{text-decoration:none;min-height:36px}
.cg-main{max-width:1240px;margin:0 auto;padding:170px 2rem 3rem;box-sizing:border-box;line-height:1.7;font-size:1.02rem}
@media (max-width:599px){.cg-main{padding:76px 1rem 2.5rem}}
.cg-main a{color:var(--straw)}
.cg-main img{display:block;max-width:100%;height:auto}
.cg-main h1,.cg-main h2,.cg-main h3,.cg-main h4{font-family:"Space Grotesk",sans-serif;color:#fff;line-height:1.2}
.cg-main p{margin:0 0 .9rem}

.cg-breadcrumb ol{list-style:none;display:flex;flex-wrap:wrap;gap:.2rem .5rem;padding:0;margin:0 0 1.2rem;font-family:"JetBrains Mono",monospace;font-size:.82rem;color:rgba(255,255,255,.65)}
.cg-breadcrumb li+li::before{content:"›";margin-right:.5rem;color:rgba(255,255,255,.4)}

.cg-head{display:grid;grid-template-columns:minmax(240px,320px) 1fr;gap:2rem;align-items:start;margin-bottom:1.8rem}
@media (max-width:760px){.cg-head{grid-template-columns:1fr;gap:1.2rem}}
@media (max-width:420px){.cg-facts{grid-template-columns:1fr}}
.cg-tag{display:inline-block;background:rgba(181,226,138,.12);border:1px solid rgba(181,226,138,.4);color:var(--straw);font-family:"JetBrains Mono",monospace;font-size:.76rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:.3rem .85rem;border-radius:50px;margin-bottom:.8rem}
.cg-head h1{font-size:clamp(1.9rem,4vw,2.6rem);font-weight:800;margin:0 0 .2rem}
.cg-latin{font-style:italic;color:rgba(255,255,255,.7);margin-bottom:.8rem!important}
.cg-hero{background:#fff;border-radius:var(--radius-md);overflow:hidden;max-width:420px}
.cg-hero img{width:100%}

.cg-cta{display:inline-flex;align-items:center;justify-content:center;min-height:46px;box-sizing:border-box;padding:.6rem 1.3rem;background:#f7b500;color:#000!important;font-family:"Space Grotesk",sans-serif;font-weight:700;font-size:1rem;text-decoration:none;border-radius:50px;border:2px solid var(--sage);margin:0 0 1.2rem}
.cg-cta:hover{background:var(--sprout)}
.cg-cta--ghost{background:transparent;color:var(--straw)!important;border-color:rgba(181,226,138,.5)}
.cg-cta--ghost:hover{background:rgba(255,255,255,.08)}

.cg-box{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:1rem 1.2rem;margin-bottom:1.5rem}
.cg-box-title{font-family:"JetBrains Mono",monospace!important;font-size:.82rem!important;letter-spacing:.08em;text-transform:uppercase;color:var(--straw)!important;margin:0 0 .7rem}
.cg-quickstart{list-style:none;padding:0;margin:0}
.cg-quickstart li{padding:.4rem 0 .4rem 1.3rem;border-bottom:1px solid rgba(255,255,255,.08);position:relative}
.cg-quickstart li:last-child{border-bottom:0}
.cg-quickstart li::before{content:"→";position:absolute;left:0;color:var(--straw)}

.cg-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:1px;background:rgba(255,255,255,.15);border-radius:10px;overflow:hidden;margin-bottom:1.5rem}
.cg-stat{background:var(--surface-2);color:var(--soil);padding:.7rem 1rem;display:flex;flex-direction:column}
.cg-stat:nth-child(1){background:linear-gradient(90deg,#1976d2,#64b5f6);color:#fff}
.cg-stat:nth-child(2){background:linear-gradient(90deg,#2e7d32,#66bb6a);color:#fff}
.cg-stat-label{font-family:"JetBrains Mono",monospace;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}
.cg-stat-val{font-weight:700}

.cg-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:0 2rem;margin:0}
.cg-facts>div{display:grid;grid-template-columns:minmax(110px,40%) 1fr;gap:.8rem;padding:.45rem 0;border-bottom:1px solid rgba(255,255,255,.08)}
.cg-facts dt{font-weight:600;color:rgba(255,255,255,.75)}
.cg-facts dd{margin:0;font-weight:700;color:#fff}

.cg-toc{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:1rem 1.2rem;margin-bottom:2rem}
.cg-toc-title{font-family:"JetBrains Mono",monospace!important;font-size:.82rem!important;letter-spacing:.08em;text-transform:uppercase;color:var(--straw)!important;margin:0 0 .5rem}
.cg-toc ol{columns:3 200px;margin:0;padding-left:1.4rem}
.cg-toc li{padding:.15rem 0;break-inside:avoid}

.cg-section{margin:0 0 2.5rem;scroll-margin-top:170px}
@media (max-width:599px){.cg-section{scroll-margin-top:70px}}
.cg-section>h2{font-size:1.45rem;margin:0 0 1rem;padding-bottom:.45rem;border-bottom:1px solid rgba(255,255,255,.15)}
.cg-num{color:var(--straw);font-family:"JetBrains Mono",monospace;font-size:1rem;margin-right:.3rem}
.cg-section h3{font-size:1.15rem;margin:1.6rem 0 .7rem}
.cg-section h4{font-size:.92rem;text-transform:uppercase;letter-spacing:.04em;color:var(--straw);margin:0 0 .4rem}
.cg-count{font-size:.9rem;color:rgba(255,255,255,.55);font-weight:500}
.cg-note{font-style:italic;color:rgba(255,255,255,.72);padding:.55rem .8rem;border-left:3px solid rgba(168,219,160,.55);background:rgba(255,255,255,.04)}

.cg-row{display:grid;grid-template-columns:minmax(200px,340px) 1fr;gap:1.3rem;align-items:start;padding:.9rem 0;border-bottom:1px solid rgba(255,255,255,.08)}
.cg-row--text{grid-template-columns:1fr}
.cg-row-img{background:#fff;border-radius:8px;overflow:hidden}
.cg-row-img img{width:100%}
@media (max-width:700px){.cg-row{grid-template-columns:1fr;gap:.7rem}.cg-row-img{max-width:420px}}

.cg-panel{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:1rem 1.1rem;margin-bottom:1rem}
.cg-panel>h3:first-child{margin-top:0}
.cg-steps{list-style:none;padding:0;margin:.6rem 0 0}

.cg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;list-style:none;padding:0;margin:0 0 1rem}
.cg-grid--small{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
.cg-card{background:#fff;color:var(--text-primary);border-radius:10px;overflow:hidden;margin:0;display:flex;flex-direction:column}
.cg-card img{width:100%}
.cg-card figcaption{padding:.5rem .7rem;font-family:"Space Grotesk",sans-serif;font-weight:700;text-transform:capitalize}
.cg-card-body{padding:.7rem .85rem .9rem;font-size:.92rem;line-height:1.55}
.cg-card-body h3,.cg-card-body h4{color:var(--bark)!important;text-transform:none;letter-spacing:0;font-size:1.02rem;margin:0 0 .2rem}
.cg-card-body a{color:var(--leaf)}
.cg-card-body p{color:var(--text-secondary);margin:.3rem 0 .5rem}
.cg-var-type{font-family:"JetBrains Mono",monospace;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}
.cg-mini-facts{margin:.3rem 0 .5rem;font-size:.84rem}
.cg-mini-facts>div{display:flex;gap:.4rem}
.cg-mini-facts dt{font-weight:700;color:var(--bark)}
.cg-mini-facts dt::after{content:":"}
.cg-mini-facts dd{margin:0;color:var(--text-secondary)}
.cg-badges{list-style:none;padding:0;margin:.4rem 0 0;display:flex;flex-wrap:wrap;gap:.3rem}
.cg-badges li{font-size:.75rem;font-weight:700;background:var(--sprout);color:var(--bark);border:1px solid var(--border-strong);border-radius:50px;padding:.12rem .55rem}

.cg-companions{list-style:none;padding:0;margin:0 0 1rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.8rem}
.cg-list{margin:0 0 1rem;padding-left:1.3rem}
.cg-list li{margin-bottom:.45rem}
.cg-list--avoid li::marker{color:#ff8a70}

.cg-tip{background:rgba(255,215,0,.08);border:1px solid rgba(255,215,0,.22);border-left:3px solid rgba(255,215,0,.6);border-radius:6px;padding:.8rem 1rem;margin:.6rem 0}
.cg-tip h4{color:#ffd700!important;text-transform:none;letter-spacing:0}
.cg-tip p:last-child{margin-bottom:0}
.cg-tips{display:flex;flex-direction:column;gap:.7rem}
.cg-warn{background:#fff;color:#111;border:4px solid #cc2200;border-radius:var(--radius-sm);padding:.75rem 1rem;margin:.6rem 0 1rem}
.cg-warn strong{color:#cc2200;font-family:"Space Grotesk",sans-serif;text-transform:uppercase;letter-spacing:.04em;font-size:.85rem}
.cg-warn p{margin:.4rem 0 0;color:#111}
.cg-mistakes{margin-bottom:1rem}

.cg-timing{margin-top:1rem}
.cg-map-wrap{max-width:300px;background:#0d2a14;border-radius:8px;overflow:hidden;margin-bottom:.8rem}
.cg-map-wrap img{width:100%;height:auto}
.cg-table-wrap{overflow-x:auto;margin:0 0 1rem;-webkit-overflow-scrolling:touch}
.cg-table{width:100%;border-collapse:collapse;font-size:.9rem;min-width:520px}
.cg-table caption{text-align:left;font-family:"Space Grotesk",sans-serif;font-weight:700;color:var(--straw);padding:0 0 .4rem}
.cg-table th,.cg-table td{border:1px solid rgba(255,255,255,.14);padding:.45rem .6rem;text-align:left;vertical-align:top}
.cg-table thead th{background:rgba(255,255,255,.08);font-family:"JetBrains Mono",monospace;font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}
.cg-table tbody th{font-weight:700;color:#fff}

.cg-pills{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.5rem}
.cg-pill{display:inline-flex;align-items:center;min-height:44px;box-sizing:border-box;padding:.35rem 1rem;background:#f7b500;color:#000!important;border-radius:50px;text-decoration:none;font-family:"Space Grotesk",sans-serif;font-weight:700;font-size:.9rem}
.cg-pill:hover{background:var(--sprout)}
.cg-end{display:flex;flex-wrap:wrap;gap:.8rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.15)}

.cg-index-head{margin-bottom:2rem}
.cg-index-head h1{font-size:clamp(2rem,4vw,2.6rem);margin:0 0 .5rem}
.cg-index-head p{max-width:760px}
.cg-index{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
.cg-index-link{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit}
.cg-index-link:hover h3{text-decoration:underline}
.cg-index-meta{font-size:.82rem;color:var(--text-muted)!important}
/* The breadcrumb and "On this page" list are <nav> elements: undo the site's fixed top-bar styling for them */
.cg-breadcrumb,.cg-toc{position:static;z-index:auto;transform:none;-webkit-transform:none;backface-visibility:visible;transition:none}
.cg-breadcrumb{background:none;border:0}
@media (max-width:599px){.cg-index{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.cg-index .cg-card-body{padding:.55rem .6rem .7rem}.cg-index .cg-card-body h3{font-size:.95rem}.cg-index .cg-card-body p:not(.cg-index-meta){display:none}}
/* Variety cards (Oct 2026): all card text near-black and a bigger name */
.cg-var .cg-card-body h4{font-size:1.38rem;line-height:1.25;color:#111!important;overflow-wrap:anywhere;hyphens:auto}
.cg-var .cg-card-body h4 a{color:#111}
.cg-var .cg-var-type,.cg-var .cg-card-body p,.cg-var .cg-mini-facts dt,.cg-var .cg-mini-facts dd,.cg-var .cg-badges li{color:#111}
/* Variety card type line (6 Oct 2026): same size as the name (1.38rem), bold, near-black; wraps instead of overflowing */
.cg-var .cg-var-type{font-size:1.38rem;font-weight:700;line-height:1.25;letter-spacing:.02em;color:#111;overflow-wrap:anywhere;margin:0 0 .3rem}

.cg-var>img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;background:#fff}