/* US Letter browser-print layout. Static detailed-reference PDFs are retained
   editions, not automatically regenerated when this stylesheet changes. */
@page { size: Letter; margin: 14mm 15mm 18mm; }
* { box-shadow: none !important; text-shadow: none !important; }
html, body { background: #fff; color: #20392d; font-size: 10.5pt; line-height: 1.5; }
body { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
.wrap { width: 100%; max-width: none; margin: 0; }
.topbar, .skip, .breadcrumbs, .page-jumps, .hero-actions, .download-note,
.plant-picture, .related-grid, .section-head, .start-banner, footer,
.side-nudge, .kit .button, .care-details-links, .intro-icon,
.analytics-choice, .analytics-preferences, .print-status { display: none !important; }
.print-edition { display: block !important; padding: 0 0 9pt; margin-bottom: 12pt; border-bottom: 1pt solid #cbd8c0; }
.print-edition strong { font-size: 11pt; }
.print-edition a { display: block; font-size: 8pt; color: #536459; text-decoration: none; }
.plant-hero { display: block; padding: 0 0 12pt; }
.plant-heading .eyebrow { max-width: none; }
.plant-hero h1 { font-size: 29pt; line-height: 1.1; margin: 8pt 0; }
.plant-hero h1 br { display: none; }
.plant-latin, .plant-tagline { font-size: 11pt; max-width: none; margin: 7pt 0; }
.plant-scope, .plant-scope-check, .starting-note { font-size: 9.5pt; line-height: 1.5; max-width: none; padding: 8pt 10pt; margin: 9pt 0; }
.hero-recipe { display: flex; flex-wrap: wrap; margin: 10pt 0; gap: 5pt; }
.hero-recipe strong { font-size: 10pt; padding: 4pt 7pt; }
.editorial-byline, .review-date, .publication-dates { font-size: 8pt; line-height: 1.5; margin: 5pt 0; }
.eyebrow, .section-number { font-size: 8pt; letter-spacing: .08em; }
.preferences { display: grid; grid-template-columns: repeat(3, 1fr); padding: 9pt 0; margin: 0 0 10pt; border-radius: 7pt; break-inside: avoid; }
.preference { display: block; padding: 0 9pt; }
.pref-icon, .pref-icon .botanical-icon { width: 21pt; height: 21pt; }
.preference strong { font-size: 10pt; margin: 4pt 0; }
.preference p { font-size: 9pt; line-height: 1.45; margin-bottom: 0; }
.pref-label { font-size: 7.5pt; }
.pet-note { font-size: 9.5pt; padding: 9pt; break-inside: avoid; }
.article-layout { display: block; }
.article-section { padding: 15pt 0; margin: 0; break-inside: auto; }
.article-section h2, .kit h2 { font-size: 18pt; line-height: 1.2; margin: 0 0 10pt; }
.article-section h3 { font-size: 12pt; }
h2, h3, h4, summary, .eyebrow, .section-number { break-after: avoid; }
/* Keep the label with its heading on every guide, including pages without recommendations. */
.article-section > .section-number { display: block; width: fit-content; break-after: avoid-page; page-break-after: avoid; }
p, li { orphans: 3; widows: 3; }
.article-section p, .steps p, .fertilizer-card p, .round1-detail p,
.round1-card p, .product-reference p, details p { font-size: 10.5pt; line-height: 1.5; max-width: none; }
.icon-heading { gap: 7pt; }
.icon-heading .botanical-icon { width: 24pt; height: 24pt; }
.spec-row { display: grid; grid-template-columns: 1fr 1fr; margin: 12pt 0; break-inside: avoid; }
.spec-row > div { padding: 12pt; }
.spec-row strong { font-size: 17pt; margin: 6pt 0; }
.spec-row p { font-size: 10pt; }
.steps { margin: 12pt 0; }
.steps li { padding: 12pt; margin: 0 0 8pt; gap: 10pt; break-inside: avoid; }
.steps h3 { margin: 2pt 0 5pt; }
.step-number { width: 25pt; height: 25pt; min-width: 25pt; font-size: 10pt; }
.context-help { font-size: 9pt !important; padding: 9pt !important; }
.care-summary { padding: 13pt !important; margin: 14pt 0; break-inside: avoid; }
.care-facts { display: grid; grid-template-columns: 1fr 1fr; gap: 8pt; margin-top: 10pt; }
.care-facts > div { padding: 10pt; break-inside: avoid; }
.care-facts dt { font-size: 8pt; margin-bottom: 6pt; }
.care-facts dd { font-size: 10pt; line-height: 1.5; }
.care-fact--water dd { font-size: 11pt; }
.care-fact--amount dd { font-size: 13pt; }
.care-diagram, .round1-figure { margin: 12pt 0; break-inside: avoid; overflow: visible; border-radius: 6pt; }
.care-diagram img, .round1-figure img { display: block; width: 100%; height: auto; max-height: 450pt; object-fit: contain; }
.care-diagram figcaption, .round1-figure figcaption { font-size: 9pt; line-height: 1.5; padding: 8pt 10pt; }
.product-reference { grid-template-columns: 100pt minmax(0,1fr); gap: 14pt; padding: 12pt; margin: 12pt 0; break-inside: avoid; }
.product-reference h3 { font-size: 13pt; margin: 5pt 0; }
.product-reference .textlink { font-size: 9pt; }
.product-formula { font-size: 11pt; }
.illustration-note { font-size: 8pt !important; }
.fertilizer-card { padding: 12pt; break-inside: avoid; }
.remember { padding: 10pt; margin: 12pt 0; break-inside: avoid; }
.remember strong, .remember span { font-size: 10pt; }
.kit { position: static; margin: 12pt 0; padding: 13pt; background: #f3f5ed; break-inside: avoid; }
.kit ul { margin: 8pt 0; columns: 2; column-gap: 22pt; }
.kit li { font-size: 9.5pt; line-height: 1.5; padding: 5pt 0 5pt 16pt; break-inside: avoid; }
.soil-note { margin: 8pt 0; padding: 8pt; }
.soil-note p, .kit-note { font-size: 9pt; line-height: 1.5; margin: 5pt 0 0; }
details, details[open] { padding: 10pt; margin: 8pt 0; background: #fff; break-inside: avoid; }
.alt-method { padding: 10pt !important; }
summary { display: block; font-size: 11pt; line-height: 1.4; list-style: none; }
summary span, summary::marker, summary::-webkit-details-marker { display: none; }
details p { margin: 7pt 0 0; }
.round1-detail { padding: 12pt; margin: 12pt 0; break-inside: auto; }
.round1-detail h2 { font-size: 16pt; }
.round1-cards { display: block; margin: 10pt 0; }
.round1-card { padding: 10pt; margin: 8pt 0; break-inside: avoid; }
.round1-task-link { padding: 10pt; margin: 12pt 0; break-inside: avoid; }
.round1-task-link h2, .round1-task-link h3 { font-size: 13pt; }
.round1-task-link p { font-size: 10pt; }
.sources { padding: 12pt; margin-top: 12pt; break-inside: avoid; }
.sources h2 { font-size: 17pt; }
.sources p, .sources ul, .sources .small-note { font-size: 9pt; line-height: 1.5; }
.sources li { margin-bottom: 8pt; break-inside: avoid; }
.sources li a[href^="https:"]::after { content: attr(href); display: block; font-size: 7.5pt; line-height: 1.4; overflow-wrap: anywhere; color: #536459; }
a { color: inherit; }

/* Photo-first short edition. Essential scope, planting, water and fertilizer
   conditions must be present in core-plan/core-care outside any details. */
.compact-article .reference-details,
.compact-article details,
.compact-article .guide-sidebar,
.compact-article .reader-support,
.compact-article .photo-reel-controls,
.compact-article .photo-reel-nav,
.compact-article .photo-reel-hint,
.compact-article .photo-controls,
.compact-article #questions,
.compact-article .learning-links,
.compact-article .remember,
.compact-article .product-reference { display: none !important; }
.compact-article .article-photo-lead {
  display: block !important;
  margin: 0 0 10pt;
  padding: 0;
  break-inside: avoid;
}
.compact-article .article-photo-lead .photo-reel {
  display: block !important;
  width: 100%;
  overflow: visible !important;
  padding: 0;
  margin: 0;
  transform: none !important;
}
.compact-article .article-photo-lead .photo-reel > figure {
  width: 100% !important;
  max-width: none !important;
  margin: 0;
  padding: 0;
  transform: none !important;
}
.compact-article .article-photo-lead .photo-reel > figure { display: none !important; }
.compact-article .article-photo-lead .photo-reel > figure:first-of-type,
.compact-article .article-photo-lead > figure { display: block !important; }
.compact-article .article-photo-lead picture { display: block; }
.compact-article .article-photo-lead .photo-reel > figure img,
.compact-article .article-photo-lead > figure img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 145pt;
  object-fit: contain;
  border-radius: 0;
}
.compact-article .article-photo-lead figcaption {
  font-size: 8pt;
  line-height: 1.4;
  padding: 5pt 0;
  color: #536459;
  overflow-wrap: anywhere;
}
.compact-article .article-photo-lead .single-photo figcaption,
.compact-article .article-photo-lead.single-photo .photo-reel figcaption { padding: 5pt 0; }
.compact-article .article-layout,
.compact-article .core-plan,
.compact-article .core-care { display: block; }
.compact-article .plant-hero { padding-bottom: 7pt; }
.compact-article .plant-hero h1 { font-size: 23pt; }
.compact-article .article-section,
.compact-article .core-plan,
.compact-article .core-care { padding: 8pt 0; margin: 0; }
.compact-article .article-section h2,
.compact-article .core-plan h2,
.compact-article .core-care h2 { font-size: 15pt; margin-bottom: 7pt; }
.compact-article .spec-row { margin: 7pt 0; }
.compact-article .spec-row > div { padding: 7pt; }
.compact-article .spec-row strong { font-size: 13pt; }
.compact-article .steps { margin: 7pt 0; }
.compact-article .steps li { padding: 7pt; margin-bottom: 5pt; }
.compact-article .care-summary {
  padding: 9pt !important;
  margin: 8pt 0;
  break-inside: auto;
}
.compact-article .care-facts { display: block; margin-top: 7pt; }
.compact-article .care-facts > div {
  display: grid;
  grid-template-columns: 108pt minmax(0, 1fr);
  gap: 8pt;
  padding: 6pt 0;
  break-inside: avoid;
  border-bottom: .5pt solid #d5dbd0;
}
.compact-article .care-facts dt { font-size: 9pt; margin: 0; }
.compact-article .care-facts dd { font-size: 10.5pt; line-height: 1.45; margin: 0; }
.compact-article .core-plan .care-diagram,
.compact-article .core-care .care-diagram { margin: 7pt 0; }
.compact-article .core-plan .care-diagram img,
.compact-article .core-care .care-diagram img { max-height: 190pt; }
.compact-article .sources { padding: 8pt 0; break-inside: auto; }
