:root{
--forest-ink:#0F2A1F;
--forest-deep:#0C2017;
--web-pixel-highlight:#E4EDB4;
--emerald:#06A678;
--emerald-logo:#04684A;
--emerald-wordmark:#047857;
--emerald-bright:#34C99A;
--web-ground:#F6F1E7;
--web-paper:#FBF8F1;
--web-ink:#121510;
--web-card:#FBF8F1;
--web-card-raised:#FFFDF8;
--web-olive-band:#E8EDE3;
--web-olive-band-hover:#DFE5D9;
--web-store-bar-bg:#007A55;
--web-app-card-bg:#E7EEE2;
--web-app-card-border:#CCD9CB;
--web-app-card-eyebrow:#46634F;
--web-app-action-hover:#006548;
--web-cream-scene:#F2E9D6;
--web-forest-fill:#0C2017;
--web-forest-fill-hover:#1A3A2A;
--web-on-forest:#F7F2E6;
--web-on-forest-soft:rgba(244,236,224,.84);
--web-body:#1F2E25;
--web-body-faq:#1F2E25;
--web-hairline:rgba(15,42,31,.14);
--web-hairline-strong:rgba(15,42,31,.22);
--web-hairline-dotted:rgba(15,42,31,.18);
--web-toxic-wash:#F6E3DC;
--web-toxic-border:rgba(168,57,31,.25);
--web-pro-tag:#34C99A;
/* Neutrals are the cream surfaces plus one sage (decision 35, 12 Oct 2026); safety washes are separate. */
--olive-wash:#E8EDE3;
--text-strong:#0F2A1F;
--text-muted:#475650;
--text-soft:#4F5D56;
--text-on-forest:#F4ECD8;
--attention-web:#C7553B;
--attention-web-text:#A8391F;
--caution-ink:#92400E;
--caution-wash:#FEF3C7;
--pet-safe-ink:#047857;
--pet-safe-wash:#E7F4EF;
--feed-wash:#E8EDE3;
--font-display:"Fraunces Soft", Georgia, "Times New Roman", serif;
--font-body:"Jost", system-ui, -apple-system, sans-serif;
--font-plant:"DM Serif Display", Georgia, serif;
--web-radius-small:8px;
--web-radius-card:12px;
--web-radius-large:16px;
--web-radius-control:12px;
--web-radius-pill:999px;
/* Editorial redesign (14 Oct 2026): crisp white for rows and asides, a lighter hairline, the reading measure and rail. */
--ed-surface:#FFFFFF;
--ed-hairline:rgba(15,42,31,.12);
--ed-measure:720px;
--ed-rail:300px;
/* Visual layer (14 Oct 2026): tint band, icon ink and fill, neutral and toxic icon tiles, the pot's soil. */
--ed-tint:#E6EFE1;
--ds-icon-ink:#04684A;
--ds-icon-fill:#BFE0C6;
--ed-neutral-tint:#ECEAE3;
--ed-neutral-fill:#E4E2DA;
--ed-toxic-fill:#F7D5CB;
--ed-soil-dry:#EEE2C6;
--ed-soil-grain:#BFA474;
--ed-soil-wet:#8A715A;
--web-ad-backdrop:#173C2C;
--web-ad-forest:#073D29;
--web-ad-cream:#FFF7E0;
--web-ad-night:#031E1D;
--web-ad-pink:#F2AAA2;
--web-ad-maroon:#492321;
--web-ad-focus:#F8B337;
--ds-transition:background-color .16s ease-out, color .16s ease-out, border-color .16s ease-out, transform .12s ease-out, box-shadow .16s ease-out, opacity .16s ease-out;
}
body{margin:0;background-color:var(--web-ground);color:var(--forest-ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;}
[class^="ds-"],[class*=" ds-"],[class^="ds-"] *,[class*=" ds-"] *{box-sizing:border-box;}
.ds-page{max-width:1320px;margin:0 auto;padding:0 40px;}
.ds-section{padding:48px 0;}
.ds-section:empty{display:none;}
.ds-nowrap{white-space:nowrap;}
.ds-split{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:56px;align-items:start;}
/* Reading layout (Step 2, founder decision 15 Sep): prose column left, sticky
   rail right, from 1100px; one column below. The rail holds identity and
   wayfinding; the main column keeps the 760px prose measure and (2026-09-16
   founder decision) the full-width app promo card, moved back out of the
   rail. */
.ds-reading{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:48px;align-items:start;}
.ds-reading__main{min-width:0;}
.ds-reading__rail{position:sticky;top:24px;display:grid;gap:16px;align-self:start;}
@media (min-width:1100px){.ds-reading{padding-top:40px;}.ds-reading__main>.ds-section:first-child{padding-top:0;}}
@media (min-width:760px) and (max-width:1099px){.ds-reading{padding-top:28px;}}
.ds-section--paper{background:var(--web-card);box-shadow:0 0 0 100vmax var(--web-card);clip-path:inset(0 -100vmax);}
/* Reading rail: identity + wayfinding, shared by every reading family (care
   guide, care topic, symptom, toxicity, propagation, species comparison —
   2026-09-15 mobile audit unification; the app card moved back out of the
   rail 2026-09-16, founder decision). Rail items reuse the DS --compact
   forms; these only strip the full-bleed chrome padding they carried while
   they sat above the main column. */
.ds-reading__rail>.ds-plant-identity{max-width:none;margin:0;padding:0 0 16px;}
.ds-reading__rail>.ds-jump-index--compact{padding:0;}
.ds-reading__rail>.ds-jump-index--compact .ds-jump-index__panel{padding:14px 16px 6px;}
.ds-reading__rail>.ds-topic-aside{margin:0;}
.ds-reading__rail>.ds-topic-aside .ds-glance-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
/* Sticky plate beside propagation's numbered steps: the rail width, not the
   wider .ds-split aside used elsewhere. */
.ds-reading__rail .ds-study-plate{margin:0;}
/* Two plant-identity cards stacked in the compare page's rail. */
.ds-reading__rail .ds-plant-identity--compact+.ds-plant-identity--compact{margin-top:-4px;}
@media (min-width:760px){
/* The templates put the rail FIRST in the DOM (see the collapse note below)
   but it is the RIGHT column, so place both items explicitly — otherwise the
   rail takes the 1fr track and squeezes the prose into 340px. Only the grid
   from 1100px uses the placement; the collapse below owns 760-1099px. */
.ds-reading__main{grid-column:1;grid-row:1;}
.ds-reading__rail{grid-column:2;grid-row:1;}
/* The prose column is ~810px, so a chapter's plate stacks under its prose
   instead of taking a 380px column beside it, and the glance tiles read 2-up. */
.ds-reading__main .ds-split{grid-template-columns:minmax(0,1fr);gap:24px;}
.ds-reading__main .ds-study-plate{max-width:720px;}
.ds-reading__main .ds-split--glance{grid-template-columns:minmax(0,1fr) 240px;gap:28px;}
/* 2026-09-16, symptom opening: the plate + Kitty stack no longer sits in a
   240px side column beside a four-line paragraph (a wall of empty space on
   the left, thumbnail plate, Kitty stranded below). From 1000px the prose
   runs full width and the stack becomes a row: plate at 240-300px, Kitty
   note beside it. Care guides (tiles + photo) keep the side-by-side split. */
.ds-reading__main .ds-split--glance:has(>.ds-stack){grid-template-columns:minmax(0,1fr);gap:4px;}

.ds-reading__main .ds-glance-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
/* Below 1100px the grid is one column. display:contents dissolves the rail so its
   items order individually around the main column: identity, wayfinding (order:2
   for every family's own item), then the prose, which carries the app card itself
   (2026-09-16 founder decision). One copy of every item at every width. */
@media (max-width:1099px){
/* align-items:stretch resets the desktop grid's start alignment: in a
   column flex container that value shrink-wraps every item to its
   content width, which collapsed the aspect-ratio app card to 0x0
   (invisible to readers and to its exposure event, live 15-16 Sep)
   and left the jump index short of the column. */
.ds-reading{display:flex;flex-direction:column;gap:0;align-items:stretch;}
.ds-reading__rail{display:contents;}
.ds-reading__rail>.ds-plant-identity{order:1;padding:16px 0;}
.ds-reading__rail>.ds-jump-index--compact{order:2;}
.ds-reading__rail>.ds-topic-aside{order:2;margin-bottom:24px;}
.ds-reading__rail>.ds-verdict-card{order:2;margin-bottom:16px;}
.ds-reading__rail>.ds-kitty-aside{order:2;margin-bottom:24px;}
.ds-reading__rail>.ds-study-plate{order:2;margin-bottom:24px;}
.ds-reading__main{order:3;}
}
.ds-split--center{align-items:center;}
.ds-split--glance{grid-template-columns:minmax(0,1fr) 300px;gap:40px;}
.ds-split__column{max-width:640px;}
.ds-plant-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 24px;}
.ds-plant-grid+.ds-prose{margin-top:20px;}
/* M2 directory grid (15 Sep): row cards below 760px, see .ds-plant-card__safety. */
.ds-plant-grid--directory{grid-template-columns:repeat(4,minmax(0,1fr));}
/* 2026-09-16 CH-02/CA-02/CA-04: a curated collection grid, or a short
   "alternatives" list, can hold any count, so the fixed-column grid above
   strands a partial row with a wide empty gap. Flex+wrap centers (collection)
   or simply ends (compact) instead of stretching/stranding; basis matches
   this grid's 4-up/24px gap, with its own basis at ≤900px and 760-1099px. */
.ds-plant-grid--collection{display:flex;flex-wrap:wrap;justify-content:center;}
.ds-plant-grid--collection>*{flex:0 1 calc(25% - 18px);}
.ds-plant-grid--compact{display:flex;flex-wrap:wrap;}
/* 2026-09-16: this reading column runs only 376px at 768px, so a fixed
   220px basis wrapped two cards to two rows; a smaller basis that can grow
   fits 1-2 cards on one line at any width. */
.ds-plant-grid--compact>*{flex:1 1 150px;max-width:220px;}
/* 2026-09-16 CH-03/CH-07: same reasoning as .ds-plant-grid--collection above,
   applied to the pathway-tile grid (only unprotected use is the pet-safe
   hub's 5-item bouquet list; the 404 page's own .ds-not-found-next override
   already wins there regardless). */
.ds-pathway-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;}
.ds-pathway-grid>*{flex:0 1 calc(33.333% - 7px);}
.ds-glance-grid{margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.ds-capability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;}
.ds-plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:stretch;}
.ds-stack{display:grid;gap:10px;}
/* Prose.jsx tones (HANDOFF 2026-09-07): body stays the default, unrenamed
   class; lead/note are added as --tone modifiers so the one existing
   ".ds-prose" class every generated paragraph already carries keeps working
   unchanged. */
.ds-prose{margin:0 0 16px;font-size:17px;line-height:1.6;color:var(--web-body);max-width:65ch;text-wrap:pretty;}
.ds-prose:last-child{margin-bottom:0;}
.ds-prose a,.ds-rule-card__body a,.ds-facts-ledger a{color:var(--emerald-wordmark);font-weight:600;text-decoration:none;}
.ds-prose a:focus-visible,.ds-rule-card__body a:focus-visible{outline:2px solid var(--forest-ink);outline-offset:3px;}
.ds-prose--lead{font-size:19px;line-height:1.55;max-width:60ch;}
.ds-prose--lead.ds-prose--compact{font-size:17px;}
.ds-prose--note{font-size:14.5px;line-height:1.5;color:var(--text-muted);max-width:65ch;}
.ds-only-narrow{display:none;}
/* Like .skip-link, not a DS part: the one visually-hidden utility both presses
   already mark labels with. Without it a label meant for assistive tech only
   printed as ordinary body copy above the field it names. */
.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;}
@media (max-width:900px){
.ds-only-narrow{display:revert;}
.ds-only-wide{display:none;}
.ds-section{padding:32px 0;}
.ds-split,.ds-split--glance{grid-template-columns:minmax(0,1fr);gap:24px;}
.ds-split__column{max-width:none;}
.ds-plant-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px;}
.ds-plant-grid--collection>*{flex-basis:calc(50% - 7px);}
.ds-pathway-grid>*{flex-basis:100%;}
.ds-glance-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
.ds-capability-grid,.ds-plan-grid{grid-template-columns:minmax(0,1fr);}
}
/* Tablet 760–1099 (2026-09-15): collections/capability/glance go three-up. */
@media (min-width:760px) and (max-width:1099px){
/* 2026-09-16: fixed 3-up squeezed the thumb tile title; auto-fit instead. */
.ds-pathway-grid>*{flex-basis:calc(50% - 5px);}
.ds-glance-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
.ds-capability-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
/* 2026-09-16 CH-06: three 8-card pet-safe-hub directory grids (safe, toxic,
   unconfirmed) hit the same 8-mod-3 remainder here, stranding the last row's
   two cards beside an empty third column; flex+center closes it without
   touching this class's other breakpoints (4-up desktop, row-style <760px). */
.ds-plant-grid--directory{display:flex;flex-wrap:wrap;justify-content:center;}
.ds-plant-grid--directory>*{flex:0 1 calc(33.333% - 16px);}
.ds-plant-grid--collection>*{flex-basis:calc(33.333% - 16px);}
}
@media (max-width:760px){
.ds-page{max-width:1280px;padding:0 20px;}
.ds-plant-grid--directory{grid-template-columns:minmax(0,1fr);gap:12px;}
.ds-plant-grid--collection{justify-content:flex-start;}
}
.skip-link{position:fixed;top:10px;left:50%;z-index:81;min-height:44px;display:flex;align-items:center;justify-content:center;padding:0 18px;border-radius:var(--web-radius-pill);background:var(--web-forest-fill);color:var(--web-on-forest);font-family:var(--font-body);font-size:14px;font-weight:600;line-height:1;text-decoration:none;transform:translate(-50%,-160%);transition:transform .15s ease-out;}
.skip-link:focus,.skip-link:focus-visible{transform:translate(-50%,0);outline:2px solid var(--web-on-forest);outline-offset:3px;}
.ds-masthead{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1320px;margin:0 auto;padding:22px 40px;font-family:var(--font-body);font-size:16px;}
/* Banner before the main landmark, which then spans the page (its measure
   moves to an inner .ds-page) and opens with the opening; that slides under
   the banner and its empty head slot keeps the masthead's height
   (22px+46px nav+22px; 76px from 1100px down). */
:root{--ds-masthead-h:90px;--ds-globe:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18M12 3c2.6 2.6 3.9 5.6 3.9 9s-1.3 6.4-3.9 9c-2.6-2.6-3.9-5.6-3.9-9S9.4 5.6 12 3z'/%3E%3C/svg%3E");}
main.ds-main--open{max-width:none;margin:0;padding:0;}
.ds-main--open>.ds-opening:first-child{margin-top:calc(-1 * var(--ds-masthead-h));}
.ds-opening__head:empty{height:var(--ds-masthead-h);}

.ds-masthead__home{display:block;min-height:44px;align-content:center;}
.ds-masthead__home:focus-visible,.ds-masthead__badge:focus-visible{outline:2px solid var(--forest-ink);outline-offset:3px;}
.ds-masthead__logo{height:34px;width:auto;display:block;}
.ds-masthead--forest .ds-masthead__logo{filter:brightness(0) invert(1);}
.ds-masthead__nav{display:flex;align-items:center;gap:24px;flex-shrink:1;min-width:0;min-height:44px;padding:0;border:0;background:transparent;}
.ds-masthead__link{font-family:var(--font-body);font-size:15px;font-weight:500;letter-spacing:0;white-space:nowrap;color:var(--forest-ink);text-decoration:none;min-height:44px;display:inline-flex;align-items:center;transition:var(--ds-transition);box-shadow:inset 0 -2px 0 transparent;}
.ds-masthead--forest .ds-masthead__link{color:var(--web-on-forest);}
.ds-masthead__link:hover{box-shadow:inset 0 -2px 0 currentColor;}
.ds-masthead__link:focus-visible{outline:2px solid var(--forest-ink);outline-offset:3px;}
.ds-masthead__actions{display:flex;align-items:center;gap:12px;flex-shrink:0;}
.ds-masthead__lang{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 10px;border:0;border-radius:var(--web-radius-control);background:transparent;font-family:var(--font-body);font-size:15px;font-weight:500;color:var(--forest-ink);cursor:pointer;transition:var(--ds-transition);}
.ds-masthead__lang:hover{background:rgba(15,42,31,.07);}
.ds-masthead__lang::before{content:"";width:16px;height:16px;flex:0 0 auto;background:currentColor;-webkit-mask:var(--ds-globe) center/contain no-repeat;mask:var(--ds-globe) center/contain no-repeat;}
.ds-masthead--forest .ds-masthead__lang{color:var(--web-on-forest);}
.ds-masthead__lang:focus-visible{outline:2px solid var(--forest-ink);outline-offset:3px;}
.ds-masthead__flag{display:none;}
.ds-masthead__lang-sheet{position:absolute;right:40px;top:calc(100% - 8px);z-index:31;min-width:260px;max-height:min(70vh,560px);overflow:auto;padding:8px;border-radius:var(--web-radius-card);background:var(--web-card);border:1px solid var(--web-hairline);box-shadow:0 24px 48px rgba(15,42,31,.16);}
.ds-masthead__lang-sheet[hidden]{display:none;}
.ds-masthead__lang-link{display:flex;align-items:center;gap:12px;min-height:44px;padding:0 12px;border-radius:var(--web-radius-control);font-family:var(--font-body);font-size:15px;color:var(--forest-ink);text-decoration:none;}
.ds-masthead__lang-link:hover{background:var(--web-paper);}
.ds-masthead__lang-link:focus-visible{outline:2px solid var(--forest-ink);outline-offset:-2px;}
.ds-masthead__lang-link[aria-current="true"]{font-weight:700;background:var(--feed-wash);}
.ds-masthead__lang-code{font-weight:600;letter-spacing:.08em;min-width:2.4em;}
.ds-masthead__lang-name{color:var(--web-body);}
.ds-masthead--compact .ds-masthead__lang-sheet{right:20px;left:20px;min-width:0;}
@media (max-width:1100px){.ds-masthead__lang-sheet{right:20px;left:20px;min-width:0;}}
.ds-masthead__badge img{height:40px;display:block;}
body:has([data-website-template="home"]) .ds-masthead__badge{display:none;}
.ds-masthead__menu-button{display:none;place-items:center;width:48px;height:44px;border:1px solid var(--web-hairline);border-radius:var(--web-radius-control);background:var(--web-card-raised);color:var(--forest-ink);cursor:pointer;}
.ds-masthead__menu-button:focus-visible{outline:2px solid var(--forest-ink);outline-offset:3px;}
.ds-masthead__sheet{position:absolute;left:0;right:0;top:100%;z-index:30;margin:0 12px;padding:8px 8px 12px;border-radius:var(--web-radius-card);background:var(--web-card);border:1px solid var(--web-hairline);box-shadow:0 24px 48px -24px rgba(12,32,23,.45);display:grid;}
.ds-masthead__sheet[hidden]{display:none;}
.ds-masthead__sheet-link{display:flex;align-items:center;min-height:48px;padding:0 14px;border-radius:var(--web-radius-control);font-family:var(--font-body);font-size:16px;font-weight:600;color:var(--forest-ink);text-decoration:none;}
.ds-masthead__sheet-link:focus-visible{outline:2px solid var(--forest-ink);outline-offset:3px;}
.ds-masthead__sheet-badges{display:flex;gap:8px;padding:10px 6px 0;border-top:1px solid var(--web-hairline);margin-top:6px;}
.ds-masthead__sheet-badges img{height:40px;display:block;}
.ds-masthead--compact{padding:16px 20px;}
.ds-masthead--compact .ds-masthead__logo{height:28px;}
.ds-masthead--compact .ds-masthead__nav,.ds-masthead--compact .ds-masthead__badge{display:none;}
.ds-masthead--compact .ds-masthead__menu-button{display:grid;}
@media (max-width:1100px){
:root{--ds-masthead-h:76px;}
.ds-masthead{padding:16px 20px;}
.ds-masthead__logo{height:28px;}
.ds-masthead__nav,.ds-masthead__badge{display:none;}
.ds-masthead__menu-button{display:grid;}
}
@media (min-width:760px) and (max-width:1100px){.ds-masthead:not(.ds-masthead--compact){padding-inline:40px;}}
@media (min-width:1101px) and (max-width:1239px){.ds-masthead,.ds-masthead__actions{gap:8px;}.ds-masthead__nav{gap:16px;}.ds-masthead__link{font-size:14px;}}
@media(max-width:359px){
.ds-masthead{gap:8px;padding-inline:16px;}
.ds-masthead__logo{width:100px;}
.ds-masthead__actions{gap:8px;}
.ds-masthead__lang{padding-inline:10px;}
}

@font-face {
  font-family: "Fraunces Soft";
  font-style: normal;
  font-weight: 700 900;
  font-display: swap;
  src: url("/brand/fonts/fraunces-soft-latin-ext-700-900-normal.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7,
    U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F,
    U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F,
    U+A720-A7FF;
}

@font-face {
  font-family: "Fraunces Soft";
  font-style: normal;
  font-weight: 700 900;
  font-display: swap;
  src: url("/brand/fonts/fraunces-soft-latin-700-900-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
    U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122,
    U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.ds-opening{position:relative;}
.ds-opening__copy-wrap{display:grid;grid-template-columns:minmax(0,1fr) clamp(300px,34vw,460px);gap:clamp(40px,6vw,96px);align-items:center;max-width:1320px;margin:0 auto;padding:clamp(16px,2vw,32px) 40px 32px;}
.ds-opening--type .ds-opening__copy-wrap{grid-template-columns:minmax(0,1fr);padding-bottom:16px;}
.ds-opening__copy{min-width:0;max-width:620px;}
.ds-opening--type .ds-opening__copy{max-width:780px;}
.ds-opening__eyebrow{margin:0 0 12px;color:var(--emerald-wordmark);}
.ds-opening__title{margin:0 0 20px;font-family:var(--font-display);font-weight:700;font-size:var(--ds-media-h1,56px);line-height:1.04;letter-spacing:-.022em;color:var(--forest-ink);text-wrap:balance;hyphens:manual;overflow-wrap:break-word;}
.ds-opening__lede{margin:0;max-width:42ch;font-family:var(--font-body);font-size:19px;line-height:1.55;color:var(--web-body);text-wrap:pretty;}
.ds-opening--type .ds-opening__lede{max-width:60ch;}
.ds-opening__meta{margin:14px 0 0;color:var(--forest-ink);}
.ds-opening__meta a{display:inline-flex;align-items:center;min-height:44px;margin:-12px 0;color:inherit;text-decoration:underline;text-underline-offset:3px;}
.ds-opening__children{margin-top:28px;}
.ds-opening[data-ds-menu-open] .ds-opening__children .ds-store-badges{visibility:hidden;pointer-events:none;}
.ds-opening__media{min-width:0;}
.ds-opening__photo{margin:0;border-radius:var(--web-radius-card);overflow:hidden;aspect-ratio:4 / 5;background:var(--olive-wash);}
.ds-opening__photo picture{display:block;height:100%;}
.ds-opening__photo img{display:block;width:100%;height:100%;object-fit:cover;}
.ds-opening__pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.ds-opening__pair .ds-opening__photo{aspect-ratio:4 / 5;}
@media (max-width:899px){
.ds-opening__copy-wrap{grid-template-columns:minmax(0,1fr);gap:28px;padding:12px 40px 36px;}
.ds-opening__copy{max-width:640px;}
.ds-opening__title{font-size:min(var(--ds-media-h1,48px),48px);}
.ds-opening__photo,.ds-opening__pair{max-width:480px;}
.ds-opening__photo{max-width:400px;}
}
@media (min-width:760px) and (max-width:899px){
.ds-opening__copy-wrap:has(>.ds-opening__media>.ds-opening__photo){grid-template-columns:minmax(0,1fr) 34%;gap:28px;align-items:start;}
.ds-opening__copy-wrap:has(>.ds-opening__media>.ds-opening__photo) .ds-opening__title{font-size:min(var(--ds-media-h1,40px),40px);}
}
@media (max-width:759px){
.ds-opening__copy-wrap{padding:4px 20px 28px;gap:24px;}
.ds-opening--type .ds-opening__copy-wrap{padding-bottom:8px;}
.ds-opening__title{margin:0 0 14px;font-size:var(--ds-media-h1-narrow,36px);line-height:1.06;}
.ds-opening__lede{font-size:17px;}
.ds-opening__children .ds-store-badges{--ds-badge-height:40px;flex-wrap:nowrap;}
}
@media (max-width:340px){.ds-opening__children .ds-store-badges{flex-wrap:wrap;row-gap:8px;max-width:100%;}}
@media (max-width:359px){.ds-opening__title{font-size:min(var(--ds-media-h1-narrow,36px),32px);}}
.ds-breadcrumb{border-bottom:1px solid var(--web-hairline);background:var(--web-card);}
.ds-breadcrumb__list{margin:0 auto;max-width:1320px;padding:0 40px;list-style:none;display:flex;align-items:center;flex-wrap:wrap;white-space:normal;gap:0 6px;min-height:52px;font-family:var(--font-body);font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;}
.ds-breadcrumb__item{display:inline-flex;align-items:center;gap:6px;min-width:0;flex:0 0 auto;}
.ds-breadcrumb__item:last-child{flex:1 1 auto;}
/* A crumb that wraps onto a new line would start it with a lone chevron: the
   runtime marks it, the chevron hides, and the crumb shifts left by the
   chevron and gap (12 + 6 px) so the lines align. Layout is untouched. */
.ds-breadcrumb__item.is-line-start{transform:translateX(-18px);}
.ds-breadcrumb__item.is-line-start>svg{visibility:hidden;}
.ds-breadcrumb__link{color:var(--emerald-wordmark);text-decoration:none;text-underline-offset:4px;min-height:44px;display:inline-flex;align-items:center;transition:var(--ds-transition);}
.ds-breadcrumb__link:hover{text-decoration:underline;}
.ds-breadcrumb__link:focus-visible{outline:2px solid var(--forest-ink);outline-offset:3px;}
.ds-breadcrumb__current{color:var(--forest-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;}
/* Phone: the trail wraps to a second line so the current page is always
   visible (a scroller hid it on 61 of 128 loads, QA sweep 2026-10-14). */
.ds-breadcrumb--compact .ds-breadcrumb__list{padding:0 20px;}
@media (max-width:760px){
.ds-breadcrumb__list{padding:0 20px;min-height:46px;}
.ds-breadcrumb__current{display:inline-flex;align-items:center;min-height:44px;overflow:visible;text-overflow:clip;white-space:normal;overflow-wrap:anywhere;}
}
/* Related-links row the generator appends after the page (propagation article,
   common-problem pages): inside the page gutter, quiet link, 44px tap target. */
.story-context-links{max-width:1320px;margin:0 auto;padding:8px 40px 40px;font-family:var(--font-body);}
.story-context-links>p{margin:0 0 4px;}
.story-context-links>div{display:flex;flex-wrap:wrap;gap:0 24px;}
.story-context-links a{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--emerald-wordmark);font-size:16px;font-weight:600;text-decoration:none;text-underline-offset:4px;}
.story-context-links a:hover{text-decoration:underline;}
.story-context-links a:focus-visible{outline:2px solid var(--forest-ink);outline-offset:3px;}
@media (max-width:760px){.story-context-links{padding:4px 20px 32px;}}
.ds-jump-index{border-bottom:1px solid var(--web-hairline);font-family:var(--font-body);}
.ds-jump-index__panel{max-width:1320px;margin:0 auto;padding:14px 40px;display:flex;flex-wrap:wrap;align-items:center;gap:6px 22px;}
.ds-jump-index__label{font-family:var(--font-body);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin:0 6px 0 0;white-space:nowrap;}
.ds-jump-index__list{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:6px 22px;}
.ds-jump-index__item{border-top:none;}
.ds-jump-index__link{transition:var(--ds-transition);box-shadow:inset 0 -2px 0 transparent;color:var(--forest-ink);display:inline-flex;align-items:center;gap:8px;min-height:36px;font-family:var(--font-body);font-size:14px;text-decoration:none;font-weight:600;white-space:nowrap;}
.ds-jump-index__link:hover{box-shadow:inset 0 -2px 0 var(--emerald-wordmark);color:var(--emerald-wordmark);}
.ds-jump-index__link:focus-visible{outline:2px solid var(--forest-ink);outline-offset:3px;}
.ds-jump-index__n{font-weight:300;color:var(--emerald-wordmark);}
.ds-jump-index__arrow{display:none;}
.ds-jump-index--compact{border-bottom:none;padding:16px 20px 0;}
.ds-jump-index--compact .ds-jump-index__panel{border-radius:var(--web-radius-card);background:var(--web-card);border:1px solid var(--web-hairline);padding:14px 16px 6px;display:block;}
.ds-jump-index--compact .ds-jump-index__label{margin:0 0 4px;display:block;}
.ds-jump-index--compact .ds-jump-index__list{display:grid;gap:0;}
.ds-jump-index--compact .ds-jump-index__item+.ds-jump-index__item{border-top:1px solid var(--web-hairline);}
.ds-jump-index--compact .ds-jump-index__link{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:46px;font-size:15px;white-space:normal;box-shadow:none;}
.ds-jump-index--compact .ds-jump-index__link:hover{box-shadow:none;color:var(--emerald-wordmark);}
.ds-jump-index--compact .ds-jump-index__n{font-size:16px;}
.ds-jump-index--compact .ds-jump-index__arrow{display:inline-block;color:var(--emerald-wordmark);transition:var(--ds-transition);}
.ds-jump-index--compact .ds-jump-index__link:hover .ds-jump-index__arrow{transform:translateX(4px);}
@media (max-width:760px){
.ds-jump-index{border-bottom:none;padding:16px 20px 0;}
.ds-jump-index .ds-jump-index__panel{border-radius:var(--web-radius-card);background:var(--web-card);border:1px solid var(--web-hairline);padding:14px 16px 6px;display:block;}
.ds-jump-index .ds-jump-index__label{margin:0 0 4px;display:block;}
.ds-jump-index .ds-jump-index__list{display:grid;gap:0;}
.ds-jump-index .ds-jump-index__item+.ds-jump-index__item{border-top:1px solid var(--web-hairline);}
.ds-jump-index .ds-jump-index__link{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:46px;font-size:15px;white-space:normal;box-shadow:none;}
.ds-jump-index .ds-jump-index__link:hover{box-shadow:none;color:var(--emerald-wordmark);}
.ds-jump-index .ds-jump-index__n{font-size:16px;}
.ds-jump-index .ds-jump-index__arrow{display:inline-block;color:var(--emerald-wordmark);transition:var(--ds-transition);}
.ds-jump-index .ds-jump-index__link:hover .ds-jump-index__arrow{transform:translateX(4px);}
}
.ds-intro-band{background:var(--web-olive-band);border-bottom:1px solid var(--web-hairline);}
.ds-intro-band__copy{max-width:1320px;margin:0 auto;padding:28px max(40px, calc(min(1320px, 100%) - 720px)) 28px 40px;font-family:var(--font-body);font-size:19px;line-height:1.6;color:var(--web-body);}
.ds-intro-band--compact .ds-intro-band__copy{padding:22px 20px;font-size:17px;}
@media (max-width:760px){
.ds-intro-band__copy{padding:22px 20px;font-size:17px;}
}
.ds-section-title{margin:0 0 var(--ds-title-after,24px);font-family:var(--font-body);font-weight:500;font-size:var(--ds-title-size,38px);overflow-wrap:break-word;hyphens:manual;text-wrap:balance;line-height:1.08;letter-spacing:-.02em;color:var(--forest-ink);}
/* SectionTitle.jsx `link`: the section title paired with a quiet "All X" link,
   flush to the title's own baseline instead of a second row. */
.ds-section-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:0 0 var(--ds-title-after,24px);}
.ds-section-title-row .ds-section-title{margin:0;}
.ds-section-title__link{flex:0 0 auto;display:inline-flex;align-items:center;min-height:44px;font-family:var(--font-body);font-size:15px;font-weight:600;color:var(--emerald-wordmark);text-decoration:none;white-space:nowrap;}
.ds-section-title__link:focus-visible{outline:2px solid var(--forest-ink);outline-offset:3px;}
.ds-eyebrow{margin:0 0 24px;font-family:var(--font-body);font-size:13px;font-weight:700;color:var(--text-muted);}
.ds-eyebrow--accent{color:var(--emerald-wordmark);}
.ds-review-line{margin:24px 0 0;padding:0 0 40px;max-width:70ch;font-family:var(--font-body);font-size:14px;font-weight:400;line-height:1.55;color:var(--text-muted);text-wrap:pretty;}
.ds-review-line a{color:var(--emerald-wordmark);font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;}
.ds-review-line time{white-space:nowrap;}
.ds-limit-note{margin:0 0 20px;padding:14px 16px;border-radius:var(--web-radius-control);background:var(--caution-wash);color:var(--caution-ink);font-family:var(--font-body);font-size:15px;line-height:1.5;}
.ds-limit-note__title{display:block;font-size:12px;margin-bottom:4px;}
@media (max-width:900px){
.ds-section-title{font-size:var(--ds-title-size-narrow,var(--ds-title-size,26px));margin-bottom:var(--ds-title-after-narrow,var(--ds-title-after,24px));}
.ds-section-title-row{margin-bottom:var(--ds-title-after-narrow,var(--ds-title-after,24px));}
.ds-section-title-row .ds-section-title{font-size:var(--ds-title-size-narrow,var(--ds-title-size,26px));}
}
.ds-glance-tile{display:grid;gap:8px;align-content:start;padding:var(--ds-tile-pad,18px);border-radius:var(--web-radius-card);background:var(--web-card);border:1px solid var(--web-hairline);font-family:var(--font-body);}
.ds-glance-tile--toxic{background:var(--web-toxic-wash);border-color:var(--web-toxic-border);}

.ds-glance-tile__label{font-size:12px;font-weight:700;color:var(--text-muted);overflow-wrap:normal;word-break:normal;hyphens:manual;}
/* 2026-09-16: uppercase labels never hyphenate, so HAUSTIERSICHERHEIT must fit the
   narrow tile instead of breaking at a letter. */
@media (max-width:1099px){.ds-glance-tile__label{font-size:11px;}}
.ds-glance-tile__value{margin:0;font-size:var(--ds-tile-value,17px);font-weight:600;line-height:1.3;color:var(--forest-ink);overflow-wrap:break-word;hyphens:manual;text-wrap:pretty;}
.ds-glance-tile__value--italic{font-weight:400;font-style:italic;}
.ds-glance-tile__season{font-size:12px;font-weight:500;color:var(--text-muted);}
.ds-glance-tile--toxic .ds-glance-tile__value{color:var(--attention-web-text);}

@media (max-width:760px){
.ds-glance-tile{--ds-tile-pad:12px;--ds-tile-icon:36px;--ds-tile-mark:26px;--ds-tile-value:14.5px;}
}

/* StudyPlate.jsx, HANDOFF 2026-09-07. The image keeps its OWN ratio: no forced
   aspect-ratio and no fixed width/height, because the Mr. Kitty set is 1680×945
   while the older study plates are 4:5 and 3:2. --ds-study-plate-ratio is set
   per figure only to reserve the space before load. --inset caps the figure at
   the 720px reading column on desktop for the single-subject Kitty plates; the
   phone is always full width, so the cap never applies below 900px. */
.ds-study-plate{margin:36px 0 28px;font-family:var(--font-body);}
.ds-study-plate__img{display:block;width:100%;height:auto;aspect-ratio:var(--ds-study-plate-ratio,auto);border-radius:var(--web-radius-large);border:1px solid var(--web-hairline);}
.ds-study-plate__caption{margin:12px 4px 0;font-size:15px;line-height:1.5;color:var(--text-muted);text-wrap:pretty;}
.ds-study-plate__panels{display:block;margin-top:2px;font-size:14px;}
.ds-study-plate--inset{max-width:720px;}
.ds-study-plate--compact{margin:24px 0 20px;}
.ds-study-plate--compact .ds-study-plate__img{border-radius:12px;}
.ds-study-plate--compact .ds-study-plate__caption{margin:10px 2px 0;font-size:14px;}
.ds-study-plate--compact .ds-study-plate__panels{font-size:13px;}
@media (max-width:760px){
.ds-study-plate{margin:24px 0 20px;max-width:none;}
.ds-study-plate__img{border-radius:12px;}
.ds-study-plate__caption{margin:10px 2px 0;font-size:14px;}
.ds-study-plate__panels{font-size:13px;}
}
/* PhotoFrame.jsx (HANDOFF 2026-09-07): the figure now wraps a ratio-boxed
   media div plus an optional italic caption, instead of forcing the ratio on
   the figure itself. */
.ds-photo-frame{margin:0;min-width:0;}
.ds-photo-frame__media{border-radius:var(--web-radius-card);overflow:hidden;background:var(--olive-wash);aspect-ratio:var(--ds-photo-frame-ratio,4 / 5);}
.ds-photo-frame__media img{width:100%;height:100%;object-fit:cover;display:block;}
.ds-photo-frame__caption{margin:8px 0 0;font-family:var(--font-body);font-size:13px;font-style:italic;line-height:1.4;color:var(--text-muted);}
/* PlantIdentity (HANDOFF 2026-09-07), photo check __scan 9 Oct 2026. */
.ds-plant-identity{display:grid;grid-template-columns:96px minmax(0,1fr);gap:20px;align-items:center;max-width:1320px;margin:0 auto;padding:22px 40px;border-bottom:1px solid var(--web-hairline);font-family:var(--font-body);}
.ds-plant-identity--no-photo{grid-template-columns:minmax(0,1fr);}
.ds-plant-identity__photo{width:96px;height:125px;object-fit:cover;border-radius:12px;display:block;background:var(--olive-wash);}
.ds-plant-identity__body{min-width:0;display:grid;gap:2px;}
.ds-plant-identity__label{display:block;font-size:13px;font-weight:700;color:var(--text-muted);}
.ds-plant-identity__name{display:block;font-size:24px;font-weight:600;line-height:1.15;color:var(--forest-ink);letter-spacing:-.01em;}
.ds-plant-identity__sci{font-weight:400;font-style:italic;color:var(--text-muted);font-size:17px;}
.ds-reading__rail .ds-plant-identity__sci{display:block;margin-top:2px;}
.ds-plant-identity__row{display:flex;flex-wrap:wrap;gap:2px 14px;align-items:center;margin-top:2px;}
.ds-plant-identity__safety{display:inline-flex;align-items:center;gap:7px;font-size:14.5px;font-weight:600;}
.ds-plant-identity__safety .ds-safety-dot{width:7px;height:7px;}
.ds-plant-identity__link{display:inline-flex;align-items:center;min-height:44px;font-size:14.5px;font-weight:600;color:var(--emerald-wordmark);text-decoration:none;}
.ds-plant-identity__link:focus-visible,.ds-plant-identity__scan:focus-visible{outline:2px solid var(--forest-ink);outline-offset:3px;}
.ds-plant-identity__scan{grid-column:1/-1;justify-self:start;display:inline-flex;align-items:center;min-height:44px;padding:8px 14px;border-radius:12px;background:var(--web-olive-band);font-size:14px;font-weight:600;line-height:1.3;color:var(--emerald-wordmark);text-decoration:none;}
.ds-plant-identity--compact{grid-template-columns:72px minmax(0,1fr);gap:14px;padding:16px 0;}
.ds-plant-identity--compact .ds-plant-identity__photo{width:72px;height:94px;border-radius:12px;}
.ds-plant-identity--compact .ds-plant-identity__label{font-size:12px;}
.ds-plant-identity--compact .ds-plant-identity__name{font-size:20px;}
.ds-plant-identity--compact .ds-plant-identity__sci{font-size:15px;}
.ds-plant-identity--compact .ds-plant-identity__safety{font-size:13.5px;}
.ds-plant-identity--compact .ds-plant-identity__link{min-height:44px;font-size:13.5px;}
@media (max-width:899px){
.ds-plant-identity{grid-template-columns:72px minmax(0,1fr);gap:14px;padding:16px 40px;}
.ds-plant-identity__photo{width:72px;height:94px;border-radius:12px;}
.ds-plant-identity__label{font-size:12px;}
.ds-plant-identity__name{font-size:20px;}
.ds-plant-identity__sci{font-size:15px;}
.ds-plant-identity__safety{font-size:13.5px;}
.ds-plant-identity__link{min-height:44px;font-size:13.5px;}
}
@media (max-width:760px){
.ds-plant-identity{max-width:1280px;padding:16px 20px;}
}
.ds-kitty-aside{container-type:inline-size;display:grid;grid-template-columns:var(--ds-kitty-col,64px) minmax(0,1fr);column-gap:16px;row-gap:12px;align-items:center;margin:28px 0;padding:var(--ds-kitty-pad,24px);border-radius:var(--web-radius-card);background:var(--web-olive-band);font-family:var(--font-body);}
.ds-kitty-aside--caution{background:var(--web-toxic-wash);}
.ds-kitty-aside__img{grid-column:1;grid-row:1;width:100%;max-width:100%;height:auto;margin:0;display:block;image-rendering:pixelated;}
.ds-kitty-aside>div{display:contents;}
.ds-kitty-aside__label{grid-column:2;grid-row:1;display:block;margin:0;font-size:12px;font-weight:700;color:var(--emerald-wordmark);}
.ds-kitty-aside--caution .ds-kitty-aside__label{color:var(--attention-web-text);}
.ds-kitty-aside__copy{grid-column:1/-1;margin:0;max-width:65ch;font-size:var(--ds-kitty-copy,17px);line-height:1.55;color:var(--forest-ink);font-weight:400;text-wrap:pretty;}
.ds-kitty-aside--compact{--ds-kitty-col:56px;--ds-kitty-pad:20px;--ds-kitty-copy:17px;}
@media (max-width:760px){
.ds-kitty-aside{--ds-kitty-col:56px;--ds-kitty-pad:20px;--ds-kitty-copy:17px;}
}
@container (min-width:520px){
.ds-kitty-aside__copy{grid-column:2;}
}
/* S4 product proof (founder decision, 15 Sep 2026): PhoneFrame is a plain dark
   bezel around one locked capture from public/app-shots/<lang>/, no fake status
   bar. --ds-phone-frame-width sizes each placement (default clamp 260-320px);
   aspect-ratio is the capture's own 9:19.5 so the bezel never crops it. */
.ds-phone-frame{display:block;width:var(--ds-phone-frame-width,clamp(260px,26vw,320px));max-width:100%;aspect-ratio:9 / 19.5;padding:10px;border-radius:40px;background:var(--forest-deep);box-shadow:0 18px 40px rgba(15,42,31,.22);}
.ds-phone-frame__screen{display:block;width:100%;height:100%;border-radius:30px;overflow:hidden;background:var(--forest-deep);}
.ds-phone-frame__screen img{display:block;width:100%;height:100%;object-fit:contain;}
.ds-plant-card[hidden]{display:none}
.ds-plant-card{display:block;min-width:0;text-decoration:none;color:var(--forest-ink);border-radius:var(--web-radius-card);transition:var(--ds-transition);}
.ds-plant-card:active{transform:scale(.99);}
.ds-plant-card:focus-visible{outline:2px solid var(--forest-ink);outline-offset:3px;}
.ds-plant-card__photo{display:block;aspect-ratio:var(--ds-card-ratio,1 / 1.22);border-radius:var(--web-radius-card);overflow:hidden;background:var(--olive-wash);}
.ds-plant-card__photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.2,.7,.2,1);transform:scale(1);}
.ds-plant-card:hover .ds-plant-card__photo img{transform:scale(1.04);}
.ds-plant-card__name{display:block;margin-top:14px;font-family:var(--font-body);font-size:clamp(17px, 1.6vw, 22px);font-weight:600;line-height:1.2;letter-spacing:-.01em;overflow-wrap:break-word;hyphens:auto;hyphenate-limit-chars:14 4 4;transition:var(--ds-transition);color:inherit;}
.ds-plant-card:hover .ds-plant-card__name{color:var(--emerald-wordmark);}
.ds-plant-card__sci{display:block;margin-top:3px;font-family:var(--font-body);font-style:italic;font-size:clamp(13px, 1.2vw, 16px);color:var(--text-muted);line-height:1.35;}
.ds-plant-card__detail{display:block;margin-top:10px;font-family:var(--font-body);font-size:clamp(14px, 1.2vw, 16px);font-weight:600;}
.ds-plant-card--verdict-first .ds-plant-card__detail{margin-top:4px;font-weight:400;color:var(--web-body);}
.ds-plant-card--verdict-first .ds-plant-card__detail::first-letter{text-transform:uppercase;}
.ds-plant-card__safety{display:flex;align-items:center;gap:8px;margin-top:6px;font-family:var(--font-body);font-size:clamp(13px, 1.1vw, 15px);font-weight:600;}
/* M2 compact directory cards (phone) */
@media (max-width:759px){
/* 2026-09-16: with implicit rows, grid-row:1/-1 is row 1 only, so the photo made
   the name row 90px tall and left a gap above the scientific name. Four explicit
   auto rows and a real span. */
.ds-plant-grid--directory .ds-plant-card:not([data-hub-hidden="true"]):not([hidden]){display:grid;grid-template-columns:72px minmax(0,1fr);grid-template-rows:repeat(4,auto);column-gap:12px;align-content:center;min-height:96px;}
.ds-plant-grid--directory .ds-plant-card__photo{grid-column:1;grid-row:1/5;width:72px;aspect-ratio:1/1.25;margin:0;align-self:center;}
.ds-plant-grid--directory .ds-plant-card__name{grid-column:2;margin-top:0;font-size:16px;font-weight:600;line-height:1.3;}
.ds-plant-grid--directory .ds-plant-card__sci{grid-column:2;margin-top:0;font-size:13px;}
.ds-plant-grid--directory .ds-plant-card__detail{grid-column:2;margin-top:2px;font-size:13px;}
.ds-plant-grid--directory .ds-plant-card__safety{grid-column:2;margin-top:2px;font-size:13px;}
.ds-plant-grid--directory .ds-plant-card:hover .ds-plant-card__photo img,.ds-plant-grid--directory .ds-plant-card:active .ds-plant-card__photo img{transform:none;}
}
.ds-safety-dot{width:7px;height:7px;border-radius:var(--web-radius-pill);background:currentColor;flex:0 0 auto;}
.ds-safety--toxic{color:var(--attention-web-text);}
.ds-safety--safe{color:var(--pet-safe-ink);}
.ds-safety--unknown{color:var(--text-muted);}
.ds-pathway-card[hidden]{display:none}
.ds-pathway-card{transition:var(--ds-transition);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;min-height:72px;padding:14px 14px 14px 20px;border-radius:var(--web-radius-card);border:1px solid var(--web-hairline);background:var(--web-olive-band);color:var(--forest-ink);text-decoration:none;}
.ds-pathway-card--thumb{grid-template-columns:88px minmax(0,1fr) auto;gap:20px;min-height:116px;padding:14px;}
.ds-pathway-card:hover{border-color:var(--forest-ink);background:var(--web-olive-band-hover);}
.ds-pathway-card:active{transform:scale(.99);}
.ds-pathway-card:focus-visible{outline:2px solid var(--forest-ink);outline-offset:3px;}
.ds-pathway-card--forest{background:var(--web-forest-fill);color:var(--web-on-forest);border-color:var(--web-forest-fill);}
.ds-pathway-card--forest:hover{background:var(--web-forest-fill);border-color:var(--web-forest-fill);}
.ds-pathway-card__thumb{display:block;width:88px;height:88px;border-radius:var(--web-radius-control);overflow:hidden;background:var(--olive-wash);}
.ds-pathway-card__thumb img{width:100%;height:100%;object-fit:cover;display:block;}

.ds-pathway-card__text{display:grid;gap:2px;}
.ds-pathway-card__kicker{font-family:var(--font-body);font-size:12px;font-weight:700;color:var(--text-muted);}
.ds-pathway-card--forest .ds-pathway-card__kicker{color:var(--web-on-forest-soft);}
.ds-pathway-card__title{font-family:var(--font-body);font-size:18px;font-weight:700;line-height:1.22;letter-spacing:-.01em;min-width:0;overflow-wrap:break-word;hyphens:manual;}
.ds-pathway-card--thumb .ds-pathway-card__title{font-size:21px;}
@media (max-width:759px){.ds-pathway-card--thumb{grid-template-columns:clamp(64px,100vw - 290px,88px) minmax(0,1fr);gap:16px}.ds-pathway-card--thumb .ds-pathway-card__thumb{width:100%;height:auto;aspect-ratio:1}.ds-pathway-card--thumb .ds-pathway-card__arrow{display:none}.ds-pathway-card--thumb .ds-pathway-card__title{font-size:clamp(18px,5.5vw,21px)}}
.ds-pathway-card__arrow{margin-right:6px;transition:var(--ds-transition);}
.ds-pathway-card:hover .ds-pathway-card__arrow{transform:translateX(4px);}
/* 2026-09-16 "make it amazing" brief: the pet-safe hub's five bouquet-flower
   tiles read too small at the shared 88px tile thumb. Their photos are
   pre-rendered "thumb" derivatives fixed at 144x144 with no larger derivative
   to request, so 144px is the enlargement ceiling that stays crisp (native
   resolution) instead of upscaling a soft image. New modifier, scoped to the
   bouquet row only — the hub Collections/Popular-guides tiles keep 88px. */
.ds-pathway-grid--flower-lg .ds-pathway-card--thumb{grid-template-columns:clamp(72px, calc(100vw - 290px), 144px) minmax(0,1fr) auto;min-height:172px;}
.ds-pathway-grid--flower-lg .ds-pathway-card__thumb{width:100%;height:auto;aspect-ratio:1;}
.ds-pathway-grid--flower-lg .ds-pathway-card__title{overflow-wrap:normal;}
@media (min-width:760px) and (max-width:1099px){.ds-pathway-grid--flower-lg .ds-pathway-card--thumb{grid-template-columns:112px minmax(0,1fr) auto;min-height:140px;}.ds-pathway-grid--flower-lg .ds-pathway-card__thumb{width:112px;height:112px;}}
@media (max-width:759px){.ds-pathway-grid--flower-lg{gap:8px;}.ds-pathway-grid--flower-lg .ds-pathway-card--thumb{grid-template-columns:64px minmax(0,1fr);gap:16px;min-height:88px;padding:12px;}.ds-pathway-grid--flower-lg .ds-pathway-card__thumb{width:64px;height:64px;}}
/* 2026-09-16 CH-05: the plant-care hub's "Popular guides" rail is its own
   inline auto-fit grid (not .ds-plant-grid/.ds-pathway-grid), so a curated
   count that leaves a remainder of one in its three-column row strands the
   last card with two empty tracks beside it. Scoped by the section heading's
   id — stable across locales — rather than a new class, since the grid's own
   column sizing stays untouched. */
/* 2026-09-16 (founder review): a lone last card spans its row instead of
   sitting alone beside empty cells. */
@media (min-width:1100px){
#hub-stories-heading ~ nav .ds-pathway-card:last-child:nth-child(3n+1){grid-column:1/-1;}
.ds-pathway-grid>*:last-child:nth-child(3n+1){flex-basis:100%;}
}
@media (min-width:760px) and (max-width:1099px){
#hub-stories-heading ~ nav .ds-pathway-card:last-child:nth-child(odd){grid-column:1/-1;}
.ds-pathway-grid>*:last-child:nth-child(odd){flex-basis:100%;}
.ds-rule-card:last-child:nth-child(odd){grid-column:1/-1;}
}
/* variant="row" (HANDOFF 2026-09-07): a white card row on --web-card with a
   hairline border and card radius, so every clickable area reads as tappable
   (founder rule: white background on clickable link areas). No arrow; hover
   darkens the border to forest and turns the title emerald with an
   underline. Plant photos (card-plates / plant-photos) are PORTRAIT 64x83;
   other plates and photos cover-crop square; pixel art sits contained. */
.ds-pathway-card--row{grid-template-columns:minmax(0,1fr);gap:16px;min-height:56px;padding:12px 16px;border:1px solid var(--web-hairline);border-radius:var(--web-radius-card);background:var(--web-card);font-family:var(--font-body);}
.ds-pathway-card--row.ds-pathway-card--thumb{grid-template-columns:64px minmax(0,1fr);gap:16px;min-height:84px;padding:10px 14px 10px 10px;}
.ds-pathway-card--row.ds-pathway-card--thumb.ds-pathway-card--portrait{min-height:104px;}
.ds-pathway-card--row:hover{background:var(--web-card);border-color:var(--forest-ink);}
.ds-pathway-card--row:active{transform:none;}
.ds-pathway-card--row .ds-pathway-card__thumb{width:64px;height:64px;border-radius:12px;background:var(--olive-wash);transition:var(--ds-transition);}
.ds-pathway-card--row .ds-pathway-card__thumb--portrait{width:64px;height:83px;border-radius:12px;}

.ds-pathway-card--row:hover .ds-pathway-card__thumb{transform:translateY(-2px);}
.ds-pathway-card--row .ds-pathway-card__text{gap:3px;min-width:0;}
.ds-pathway-card--row .ds-pathway-card__kicker{font-size:11.5px;}
.ds-pathway-card--row .ds-pathway-card__title{font-size:17px;font-weight:600;line-height:1.3;letter-spacing:-.005em;hyphens:manual;transition:var(--ds-transition);}
.ds-pathway-card--row:hover .ds-pathway-card__title{color:var(--emerald-wordmark);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1.5px;}
/* The list itself: a grid of white rows, each ruled by its own card border —
   not a hairline-separated list opened by a top rule. */
.ds-pathway-list{display:grid;gap:8px;max-width:65ch;}
.ds-pathway-list--grid{max-width:none}
@media (min-width:900px){.ds-pathway-list--grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}}
/* FA-04: this template's own list, same widen as --grid, phone untouched. */
main[data-website-template="article"] .ds-pathway-list{max-width:none;}
@media (min-width:900px){main[data-website-template="article"] .ds-pathway-list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;}}
/* Care guide "find what's wrong": two columns from tablet, compact rows on a phone (decision 32, 12 Oct 2026). */
@media (min-width:760px){main .ds-pathway-list--symptoms{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}}
@media (max-width:759px){.ds-pathway-list--symptoms .ds-pathway-card--row.ds-pathway-card--thumb{grid-template-columns:40px minmax(0,1fr);gap:12px;min-height:56px;padding:8px 12px 8px 8px;}.ds-pathway-list--symptoms .ds-pathway-card__thumb{width:40px;height:40px;}.ds-pathway-list--symptoms .ds-pathway-card__title{font-size:17px;}}
.ds-topic-rail{display:grid;gap:10px;font-family:var(--font-body);}
.ds-topic-rail__siblings{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;}
.ds-topic-rail--compact .ds-topic-rail__siblings{grid-template-columns:1fr;}
@media (max-width:760px){.ds-topic-rail__siblings{grid-template-columns:1fr;}}
/* Desktop: the parent card and its siblings share one three-up row instead of a full-width bar over two small tiles. */
@media (min-width:761px){.ds-topic-rail:not(.ds-topic-rail--compact){grid-template-columns:repeat(3,minmax(0,1fr));}.ds-topic-rail:not(.ds-topic-rail--compact) .ds-topic-rail__siblings{display:contents;}}
.ds-guide-tile{transition:var(--ds-transition);display:flex;align-items:center;gap:12px;min-height:60px;padding:10px 16px;border-radius:var(--web-radius-card);border:1px solid var(--web-hairline);background:var(--web-card);color:var(--forest-ink);text-decoration:none;}
.ds-guide-tile:hover{border-color:var(--forest-ink);background:var(--web-card-raised);}
.ds-guide-tile:active{transform:scale(.99);}
.ds-guide-tile:focus-visible{outline:2px solid var(--forest-ink);outline-offset:3px;}

.ds-guide-tile__title{flex:1;font-family:var(--font-body);font-size:16px;font-weight:600;line-height:1.25;overflow-wrap:anywhere;hyphens:manual;}
.ds-guide-tile__arrow{color:var(--emerald-wordmark);font-weight:600;display:inline-block;transition:var(--ds-transition);}
.ds-guide-tile:hover .ds-guide-tile__arrow{transform:translateX(4px);}
.ds-guide-tile--compact{min-height:52px;padding:8px 16px;}
.ds-guide-tile--compact .ds-guide-tile__title{font-size:15px;}
@media (max-width:760px){
.ds-guide-tile{min-height:52px;padding:8px 16px;}
.ds-guide-tile__title{font-size:15px;}
}
.ds-guide-chip{transition:var(--ds-transition);display:inline-flex;align-items:center;border-radius:var(--web-radius-pill);font-family:var(--font-body);font-size:14px;font-weight:600;text-decoration:none;max-width:100%;text-align:center;line-height:1.2;padding:0 14px;min-height:44px;white-space:nowrap;border:1px solid var(--web-hairline-strong);background:var(--web-card);color:var(--forest-ink);}
.ds-guide-chip:hover{border-color:var(--web-forest-fill);background:var(--web-forest-fill);color:var(--web-on-forest);}
.ds-guide-chip:active{transform:scale(.97);}
.ds-guide-chip:focus-visible{outline:2px solid var(--forest-ink);outline-offset:3px;}
.ds-guide-chip--current{background:var(--web-forest-fill);color:var(--web-on-forest);border:none;}
/* GuideChip iconSrc: the care pictogram or pixel symptom at 22px, contained
   and pixelated on the chip itself — never in a tile of its own. */
.ds-guide-chip{gap:8px;}

.ds-rank-row{transition:var(--ds-transition);background:transparent;display:grid;grid-template-columns:56px 96px minmax(0,1fr) auto;gap:20px;align-items:center;padding:16px 0;border-bottom:1px solid var(--web-hairline);font-family:var(--font-body);}
.ds-rank-row:hover{background:var(--web-olive-band);}
.ds-rank-row__rank{font-weight:300;font-size:36px;line-height:1;color:var(--emerald-wordmark);}
.ds-rank-row__photo{width:96px;height:96px;border-radius:12px;object-fit:cover;display:block;}
.ds-rank-row__link{display:inline-flex;align-items:center;min-height:44px;max-width:100%;overflow-wrap:break-word;hyphens:auto;font-size:22px;font-weight:600;text-decoration:none;transition:var(--ds-transition);color:var(--forest-ink);}
.ds-rank-row__link:hover{color:var(--emerald-wordmark);}
.ds-rank-row__link:focus-visible{outline:2px solid var(--forest-ink);outline-offset:3px;}
.ds-rank-row__sci{display:block;font-style:italic;font-size:15px;color:var(--text-muted);}
.ds-rank-row__safety{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:14px;font-weight:600;}
.ds-rank-row__cadence{text-align:right;font-size:14px;color:var(--text-muted);}
.ds-rank-row__cadence strong{color:var(--forest-ink);font-size:16px;}
.ds-rank-row--compact{grid-template-columns:40px 72px minmax(0,1fr);}
.ds-rank-row--compact .ds-rank-row__photo{width:72px;height:72px;border-radius:12px;}
.ds-rank-row--compact .ds-rank-row__cadence{grid-column:2 / -1;text-align:left;}
.ds-rank-row--compact .ds-rank-row__cadence br{display:none;}
@media (max-width:760px){
.ds-rank-row{grid-template-columns:40px 72px minmax(0,1fr);}
.ds-rank-row__photo{width:72px;height:72px;border-radius:12px;}
.ds-rank-row__cadence{grid-column:2 / -1;text-align:left;}
.ds-rank-row__cadence br{display:none;}
}
.ds-guide-directory{border-radius:var(--web-radius-card);border:1px solid var(--web-hairline);background:var(--web-card);padding:20px 10px 14px;display:grid;grid-template-columns:repeat(var(--ds-directory-groups,3),minmax(0,1fr));gap:24px;font-family:var(--font-body);}
.ds-guide-directory__group{min-width:0;}
.ds-guide-directory__group-title{margin:0 0 6px;padding:0 14px;font-family:var(--font-body);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);}
.ds-guide-directory__list{margin:0;padding:0;list-style:none;display:grid;gap:2px;}
.ds-guide-directory__row,.ds-guide-directory__link{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:52px;padding:10px 14px;text-decoration:none;font-family:var(--font-body);transition:var(--ds-transition);border-radius:12px;background:transparent;}
.ds-guide-directory__link:hover{background:var(--web-card-raised);}
.ds-guide-directory__link:focus-visible{outline:2px solid var(--forest-ink);outline-offset:3px;}
.ds-guide-directory__row--current{background:var(--web-forest-fill);}
.ds-guide-directory__title{display:block;font-size:16px;font-weight:600;line-height:1.25;color:var(--forest-ink);overflow-wrap:anywhere;hyphens:auto;transition:var(--ds-transition);}
.ds-guide-directory__link:hover .ds-guide-directory__title{color:var(--emerald-wordmark);}
.ds-guide-directory__row--current .ds-guide-directory__title{color:var(--web-on-forest);}

.ds-guide-directory__here{display:inline-block;white-space:nowrap;margin-left:8px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;opacity:.8;}
.ds-guide-directory__hint{display:block;margin-top:2px;font-size:14px;line-height:1.4;color:var(--text-muted);text-wrap:pretty;}
.ds-guide-directory__row--current .ds-guide-directory__hint{color:rgba(247,242,230,.82);}
.ds-guide-directory__arrow{color:var(--emerald-wordmark);font-weight:600;display:inline-block;transition:var(--ds-transition);}
.ds-guide-directory__link:hover .ds-guide-directory__arrow{transform:translateX(4px);}
.ds-guide-directory--compact{grid-template-columns:1fr;gap:20px;padding:16px 6px 10px;}
.ds-guide-directory--compact .ds-guide-directory__title{font-size:15.5px;}
.ds-guide-directory--compact .ds-guide-directory__hint{font-size:13.5px;}
@media (max-width:760px){
.ds-guide-directory{grid-template-columns:1fr;gap:20px;padding:16px 6px 10px;}

.ds-guide-directory__title{font-size:15.5px;}
.ds-guide-directory__hint{font-size:13.5px;}
}
[data-ds-region="cta"]{container-type:inline-size;}
.ds-app-cta{position:relative;}
.ds-app-cta--ad{width:100%;max-width:1120px;margin-inline:auto;box-sizing:border-box;container-type:inline-size;display:grid;grid-template-columns:minmax(0,1fr) 28%;column-gap:4%;padding:0 5% 0 7%;isolation:isolate;overflow:hidden;overflow:clip;border:1px solid var(--web-hairline);border-radius:20px;background:var(--web-olive-band);color:var(--web-ad-forest);font-family:var(--font-body);}
.ds-app-cta--ad .ds-app-cta__content{grid-column:1;grid-row:1;align-self:center;min-width:0;min-height:26cqw;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:5.5cqw 0;}
.ds-app-cta--ad .ds-app-cta__art{grid-column:2;grid-row:1;position:relative;}
.ds-app-cta__phone{position:absolute;left:0;right:0;top:4.5cqw;padding:1cqw 1cqw 0;border-radius:3.6cqw 3.6cqw 0 0;background:var(--forest-deep);box-shadow:0 18px 40px rgba(15,42,31,.22);}
.ds-app-cta__screen{display:block;width:100%;height:auto;border-radius:2.7cqw 2.7cqw 0 0;}
.ds-app-cta--ad .ds-app-cta__headline{max-width:100%;margin:0;font-family:var(--font-display);font-weight:400;font-size:clamp(22px,4cqw,48px);line-height:1.12;letter-spacing:-.025em;color:var(--web-ad-forest);overflow-wrap:anywhere;text-wrap:balance;hyphens:manual;}
.ds-app-cta--ad .ds-app-cta__body{margin:1.4cqw 0 0;max-width:46ch;font-size:clamp(17px,1.6cqw,20px);line-height:1.45;color:var(--web-ad-forest);text-wrap:pretty;}
.ds-app-cta--ad .ds-app-cta__action{display:inline-flex;max-width:100%;min-height:44px;box-sizing:border-box;align-items:center;justify-content:center;gap:1.4cqw;margin:2.4cqw 0 0;padding:1.1cqw 2.4cqw;border:0;border-radius:var(--web-radius-control);background:var(--forest-deep);color:var(--web-on-forest);font-family:var(--font-body);font-size:clamp(14px,1.6cqw,20px);font-weight:600;line-height:1.2;text-decoration:none;text-align:center;overflow-wrap:anywhere;transition:var(--ds-transition);}
.ds-app-cta--ad .ds-app-cta__action:hover{background:var(--web-forest-fill-hover);}
.ds-app-cta--ad .ds-app-cta__action:focus-visible{outline:2px solid var(--forest-ink);outline-offset:3px;}
.ds-app-cta--ad .ds-app-cta__action-label{min-width:0;}
.ds-app-cta--ad .ds-app-cta__action-arrow{font-size:1.15em;line-height:1;}
.ds-app-cta--ad .ds-app-cta__eyebrow{margin:0 0 1cqw;font:700 clamp(12px,1.25cqw,16px)/1.3 var(--font-body);}
.ds-app-cta--ad .ds-app-cta__badges{--ds-badge-height:44px;margin-top:2.4cqw;gap:10px;}
.ds-app-cta__qr{display:none;}
@media (min-width:901px) and (pointer:fine){.ds-app-cta--ad:not(.ds-app-cta--compact) .ds-app-cta__qr{display:flex;align-items:center;gap:1.4cqw;width:fit-content;margin-top:2cqw;padding-right:1.2cqw;border-radius:6px;background:#fff;}}
.ds-app-cta__qr img{width:max(56px,6.6cqw);height:auto;padding:4px;border-radius:6px;background:#fff;}
.ds-app-cta__qr p{max-width:22ch;margin:0;font-size:clamp(12px,1.25cqw,15px);line-height:1.35;color:var(--web-ad-forest);}
[data-ds-store=play] [data-store=apple],[data-ds-store=apple] [data-store=play]{display:none;}
@container (max-width:650px){
.ds-app-cta--ad .ds-app-cta__qr{display:none;}
.ds-app-cta--ad .ds-app-cta__content{min-height:0;padding:7cqw 0 8cqw;}
.ds-app-cta__phone{top:50%;transform:translateY(-50%);padding:1.8cqw;border-radius:6.5cqw;}
.ds-app-cta__screen{border-radius:4.9cqw;}
.ds-app-cta--ad .ds-app-cta__headline{font-size:clamp(20px,6.6cqw,30px);}
.ds-app-cta--ad .ds-app-cta__body{margin-top:2.4cqw;font-size:17px;}
.ds-app-cta--ad .ds-app-cta__action{gap:2.4cqw;margin-top:4cqw;padding:2.4cqw 4.4cqw;font-size:clamp(14px,4cqw,16px);}
.ds-app-cta--ad .ds-app-cta__eyebrow{margin-bottom:2cqw;font-size:clamp(12px,3.4cqw,15px);}
.ds-app-cta--ad .ds-app-cta__badges{--ds-badge-height:clamp(40px,12cqw,44px);margin-top:4cqw;}
}
.ds-app-cta--ad.ds-app-cta--next-step{grid-template-columns:minmax(0,1fr) 29%;gap:6%;padding:0 6%;border-color:var(--web-app-card-border);border-radius:24px;background:var(--web-app-card-bg);box-shadow:0 3px 0 rgba(15,42,31,.025);}
.ds-app-cta--ad.ds-app-cta--next-step .ds-app-cta__content{padding:36px 0;min-height:324px;}
.ds-app-cta--ad.ds-app-cta--next-step .ds-app-cta__eyebrow{font-size:13px;line-height:1.4;margin-bottom:12px;color:var(--web-app-card-eyebrow);font-weight:600;}
.ds-app-cta--ad.ds-app-cta--next-step .ds-app-cta__headline{font-size:clamp(26px,4.8cqw,40px);line-height:1.08;letter-spacing:-.025em;text-wrap:balance;hyphens:manual;}
.ds-app-cta--ad.ds-app-cta--next-step .ds-app-cta__body{font-size:17px;line-height:1.5;margin-top:14px;max-width:34ch;}
.ds-app-cta--ad.ds-app-cta--next-step .ds-app-cta__action{background:var(--web-store-bar-bg);color:var(--web-on-forest);border-radius:12px;min-height:48px;margin-top:22px;padding:12px 20px;font-size:17px;gap:16px;box-shadow:0 2px 3px rgba(15,42,31,.1);}
.ds-app-cta--ad.ds-app-cta--next-step .ds-app-cta__action:hover{background:var(--web-app-action-hover);}
.ds-app-cta--next-step .ds-app-cta__phone{top:50%;transform:translateY(-50%);padding:5px;border-radius:24px;max-width:140px;margin-inline:auto;box-shadow:0 14px 22px -10px rgba(15,42,31,.35);}
.ds-app-cta--next-step .ds-app-cta__screen{border-radius:19px;}
@container(max-width:650px){
.ds-app-cta--ad.ds-app-cta--next-step .ds-app-cta__content{padding:26px 0 28px;min-height:clamp(240px,calc(56cqw + 32px),324px);}
.ds-app-cta--ad.ds-app-cta--next-step .ds-app-cta__eyebrow{font-size:12px;line-height:1.35;margin-bottom:10px;}
.ds-app-cta--ad.ds-app-cta--next-step .ds-app-cta__headline{font-size:clamp(24px,7.1cqw,30px);line-height:1.1;}
.ds-app-cta--ad.ds-app-cta--next-step .ds-app-cta__body{font-size:17px;line-height:1.5;margin-top:12px;}
.ds-app-cta--ad.ds-app-cta--next-step .ds-app-cta__action{font-size:16px;min-height:48px;margin-top:18px;padding:12px 16px;gap:12px;}
.ds-app-cta--next-step .ds-app-cta__phone{padding:4px;border-radius:18px;}
.ds-app-cta--next-step .ds-app-cta__screen{border-radius:14px;}
}
@container(max-width:300px){
.ds-app-cta--ad.ds-app-cta--next-step{grid-template-columns:minmax(0,1fr) 24%;gap:5%;}
.ds-app-cta--ad.ds-app-cta--next-step .ds-app-cta__headline{font-size:22px;}
}
/* SiteFooter.jsx band (HANDOFF 2026-09-07): the forest closing band — brand
   promise, store badges, Mr. Kitty waving — is the footer's own ground, not a
   second emerald article card (that surface is AppCtaCard's, in-article
   only). No logotype in the band (the masthead already carries it); the
   badges replace the download button whenever they are given. One grid with
   named areas serves both widths: "head" spans both columns on a phone so
   the headline sits full width above the copy/badges + Kitty pair. */
.ds-site-footer{background:var(--forest-deep);color:rgba(244,236,224,.72);font-family:var(--font-body);}
.ds-site-footer__band{border-bottom:1px solid rgba(244,236,224,.14);}
.ds-site-footer__band-inner{max-width:1320px;margin:0 auto;padding:40px 40px 0;overflow:hidden;}
.ds-site-footer__grid{display:grid;grid-template-columns:minmax(0,1fr) 160px;grid-template-rows:1fr auto auto auto;gap:14px 32px;align-items:end;grid-template-areas:". art" "head art" "copy art" "badges art";}
.ds-site-footer__headline{grid-area:head;margin:0 0 16px;font-family:var(--font-display);font-weight:400;font-size:clamp(28px,3vw,38px);line-height:1.08;letter-spacing:-.01em;color:var(--web-on-forest);text-wrap:balance;max-width:620px;}
.ds-site-footer__copy{grid-area:copy;margin:0;max-width:48ch;font-size:17px;line-height:1.5;color:rgba(244,236,224,.78);}
.ds-site-footer__badges{grid-area:badges;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:12px;margin:8px 0 24px;}
.ds-site-footer__badges img{height:48px;display:block;}
.ds-site-footer__badges a:focus-visible{outline:2px solid var(--web-on-forest);outline-offset:3px;}
.ds-site-footer__action{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:var(--web-radius-control);border:0;background:var(--web-on-forest);color:var(--forest-deep);font-family:var(--font-body);font-size:16px;font-weight:600;text-decoration:none;transition:var(--ds-transition);}
.ds-site-footer__action:hover{background:var(--web-on-forest);opacity:.9;}
.ds-site-footer__action:active{transform:translate(4px,4px);box-shadow:0 0 0 rgba(15,42,31,.18);}
.ds-site-footer__action:focus-visible{outline:2px solid var(--web-on-forest);outline-offset:3px;}
.ds-site-footer__mascot{grid-area:art;display:block;width:100%;aspect-ratio:1;height:auto;max-width:160px;justify-self:end;align-self:end;margin:0 0 24px;}
.ds-site-footer__columns{max-width:1320px;margin:0 auto;padding:40px 40px 0;display:grid;grid-template-columns:repeat(auto-fit, minmax(180px, 1fr));gap:30px;}
.ds-site-footer__column-title{margin:0 0 10px;font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:rgba(244,236,224,.56);}
.ds-site-footer__link{display:flex;align-items:center;min-height:44px;font-size:14px;color:rgba(244,236,224,.72);text-decoration:none;}
.ds-site-footer__link:hover{color:var(--web-on-forest);}
.ds-site-footer__link:focus-visible{outline:2px solid var(--web-on-forest);outline-offset:3px;}
.ds-site-footer__base{max-width:1320px;margin:32px auto 0;padding:22px 40px 36px;border-top:1px solid rgba(244,236,224,.18);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;font-size:12px;color:rgba(244,236,224,.55);}
.ds-site-footer--compact .ds-site-footer__band-inner{padding:32px 20px 0;}
.ds-site-footer--compact .ds-site-footer__grid{grid-template-columns:minmax(0,1fr) 112px;grid-template-rows:none;gap:8px;grid-template-areas:"head head" "copy art" "badges badges";}
.ds-site-footer--compact .ds-site-footer__headline{font-size:28px;margin-bottom:12px;}
.ds-site-footer--compact .ds-site-footer__copy{font-size:15.5px;max-width:none;}
.ds-site-footer--compact .ds-site-footer__badges{display:grid;gap:8px;justify-items:start;margin:6px 0 20px;}
.ds-site-footer--compact .ds-site-footer__badges img{height:44px;}
.ds-site-footer--compact .ds-site-footer__mascot{max-width:112px;margin:0;align-self:center;}
.ds-site-footer--compact .ds-site-footer__columns{padding:40px 20px 0;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px;}
.ds-site-footer--compact .ds-site-footer__base{padding:22px 20px 36px;}
.ds-site-footer--compact .ds-site-footer__columns>div:last-child:nth-child(odd){grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px;}.ds-site-footer--compact .ds-site-footer__columns>div:last-child:nth-child(odd)>h3{grid-column:1/-1;}
@media (max-width:760px){
.ds-site-footer__band-inner{padding:32px 20px 0;}
.ds-site-footer__grid{grid-template-columns:minmax(0,1fr) 112px;grid-template-rows:none;gap:8px;grid-template-areas:"head head" "copy art" "badges badges";}
.ds-site-footer__headline{font-size:28px;margin-bottom:12px;}
.ds-site-footer__copy{font-size:15.5px;max-width:none;}
.ds-site-footer__badges{display:grid;gap:8px;justify-items:start;margin:6px 0 20px;}
.ds-site-footer__badges img{height:44px;}
.ds-site-footer__mascot{max-width:112px;margin:0;align-self:center;}
.ds-site-footer__columns{padding:40px 20px 0;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px;}
.ds-site-footer__base{padding:22px 20px 36px;}
/* Phone footer (decision 37): an odd last column spans both columns and runs its links in two. */
.ds-site-footer__columns>div:last-child:nth-child(odd){grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px;}.ds-site-footer__columns>div:last-child:nth-child(odd)>h3{grid-column:1/-1;}
}
.ds-legal-footer{border-top:1px solid var(--web-hairline);font-family:var(--font-body);}
.ds-legal-footer__row{max-width:1320px;margin:0 auto;padding:22px 40px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:13px;color:var(--text-muted);}
.ds-legal-footer__links{display:flex;gap:6px;}
.ds-legal-footer__links a{display:inline-flex;align-items:center;min-height:44px;padding:0 6px;margin:-12px -6px;color:var(--text-muted);text-decoration:none;}
.ds-legal-footer__links a:hover{color:var(--emerald-wordmark);}
.ds-legal-footer__links a:focus-visible{outline:2px solid var(--forest-ink);outline-offset:3px;}
.ds-legal-footer--compact .ds-legal-footer__row{padding:18px 20px;}
@media (max-width:760px){.ds-legal-footer__row{padding:18px 20px;}}
.ds-mobile-store-bar{position:fixed;left:0;right:0;bottom:0;z-index:40;pointer-events:none;display:flex;justify-content:center;padding:12px 12px calc(12px + env(safe-area-inset-bottom));transform:translateY(120%);transition:transform .36s cubic-bezier(.2,.7,.2,1);}
.ds-mobile-store-bar.is-on{transform:translateY(0);}
.ds-mobile-store-bar.is-on .ds-mobile-store-bar__card{pointer-events:auto;}
.ds-mobile-store-bar__card{position:relative;box-sizing:border-box;width:100%;max-width:560px;min-height:144px;display:grid;grid-template-columns:104px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:12px;row-gap:12px;padding:12px 52px 12px 16px;border:1px solid var(--web-hairline);border-radius:24px;background:var(--web-store-bar-bg);box-shadow:0 14px 32px -12px rgba(12,32,23,.32),0 2px 6px rgba(12,32,23,.08);color:var(--web-on-forest);font-family:var(--font-body);}
.ds-mobile-store-bar__face{grid-column:1;grid-row:1 / 3;position:relative;width:104px;height:112px;align-self:end;}
.ds-mobile-store-bar__mascot{position:absolute;display:block;width:128px;max-width:none;height:128px;left:-16px;bottom:-4px;object-fit:contain;}
.ds-mobile-store-bar__copy{grid-column:2;grid-row:1;min-width:0;align-self:end;}
.ds-mobile-store-bar__title{margin:0;font-family:var(--font-display);font-weight:700;font-size:20px;line-height:1.16;color:var(--web-on-forest);text-wrap:balance;overflow-wrap:break-word;hyphens:manual;}
.ds-mobile-store-bar__subtitle{display:none;}
.ds-mobile-store-bar__action{grid-column:2;grid-row:2;align-self:start;box-sizing:border-box;min-height:44px;display:flex;align-items:center;justify-content:center;padding:10px 12px;border-radius:8px;background:var(--web-on-forest);color:var(--forest-ink);font-size:16px;font-weight:600;line-height:1.2;text-decoration:none;text-align:center;text-wrap:balance;transition:var(--ds-transition);}
.ds-mobile-store-bar__action:hover{background:var(--web-card-raised);}
.ds-mobile-store-bar__action:focus-visible{outline:2px solid var(--web-on-forest);outline-offset:3px;}
.ds-mobile-store-bar__dismiss{position:absolute;top:8px;right:8px;width:44px;height:44px;padding:0;margin:0;border:0;background:transparent;border-radius:50%;cursor:pointer;color:var(--web-on-forest);display:grid;place-items:center;transition:var(--ds-transition);}
.ds-mobile-store-bar__dismiss svg{width:20px;height:20px;}
.ds-mobile-store-bar__dismiss:hover{background:rgba(255,255,255,.14);color:var(--web-on-forest);}
.ds-mobile-store-bar__dismiss:focus-visible{outline:2px solid var(--web-on-forest);outline-offset:-2px;}
@media (max-width:359px){.ds-mobile-store-bar__card{grid-template-columns:84px minmax(0,1fr);column-gap:8px;padding-left:12px;}.ds-mobile-store-bar__face{width:84px;}.ds-mobile-store-bar__mascot{left:-24px;}.ds-mobile-store-bar__title{font-size:18px;}}
@media (min-width:761px){.ds-mobile-store-bar{display:none;}}
html.ds-mobile-store-bar-open{scroll-padding-bottom:var(--ds-mobile-store-bar-h,76px);}
html.ds-mobile-store-bar-open body{padding-bottom:var(--ds-mobile-store-bar-h,76px);}
@media (prefers-reduced-motion:no-preference){html.ds-mobile-store-bar-open body{transition:padding-bottom .36s cubic-bezier(.2,.7,.2,1);}}
@media (min-width:761px){html.ds-mobile-store-bar-open body{padding-bottom:0;}}
.ds-store-badges{display:flex;gap:12px;align-items:center;flex-wrap:wrap;}
.ds-store-badges img{height:var(--ds-badge-height,48px);display:block;}
.ds-store-badges a:focus-visible{outline:2px solid var(--forest-ink);outline-offset:3px;}
.ds-faq-list{max-width:820px;border-top:1px solid var(--web-hairline);}
.ds-faq-item{border-bottom:1px solid var(--web-hairline);}
.ds-faq-item__summary{transition:var(--ds-transition);color:var(--forest-ink);display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:72px;padding:18px 0;font-family:var(--font-body);font-size:20px;font-weight:600;line-height:1.35;cursor:pointer;list-style:none;}
.ds-faq-item__summary::-webkit-details-marker{display:none;}
.ds-faq-item__summary:hover{color:var(--emerald-wordmark);}
.ds-faq-item__summary:focus-visible{outline:2px solid var(--forest-ink);outline-offset:3px;}
.ds-faq-item__toggle{font-size:26px;font-weight:300;flex-shrink:0;display:inline-block;transition:transform .2s ease-out;}
.ds-faq-item[open] .ds-faq-item__toggle{transform:rotate(45deg);}
.ds-faq-item__answer{margin:0 0 22px;max-width:68ch;font-family:var(--font-body);font-size:17px;line-height:1.6;color:var(--web-body-faq);}
.ds-sources{padding:24px 0 8px;max-width:820px;font-family:var(--font-body);}
/* A FAQ list already closes with a hairline; the sources disclosure right after it must not draw a second one. */
section:has(.ds-faq-list) + .ds-sources .ds-sources__summary{border-top:0;}
.ds-sources__summary{display:flex;align-items:center;gap:20px;min-height:56px;font-size:20px;font-weight:600;cursor:pointer;list-style:none;border-top:1px solid var(--web-hairline);border-bottom:1px solid var(--web-hairline);color:var(--forest-ink);}
.ds-sources__summary::-webkit-details-marker{display:none;}
.ds-sources__summary:focus-visible{outline:2px solid var(--forest-ink);outline-offset:3px;}
.ds-sources__count{font-size:15px;font-weight:400;color:var(--text-muted);margin-left:auto;}
.ds-sources__toggle{font-size:26px;font-weight:300;}
.ds-sources__list{margin:0;padding:8px 0 0;list-style:none;display:grid;grid-template-columns:minmax(0,1fr);gap:10px;border-bottom:1px dotted var(--web-hairline-dotted);}
.ds-sources--compact{padding:20px 0 8px;}
.ds-sources--compact .ds-sources__summary{font-size:18px;}
@media (max-width:760px){
.ds-sources{padding:20px 0 8px;}
.ds-sources__summary{font-size:18px;}
}
.ds-source-item{display:grid;grid-template-columns:minmax(0,1fr);gap:2px;padding:12px 0;border-top:1px dotted var(--web-hairline-dotted);font-family:var(--font-body);font-size:15px;}
.ds-source-item__link{display:inline-flex;align-items:center;min-width:0;min-height:44px;font-weight:600;text-decoration:none;text-underline-offset:4px;color:var(--forest-ink);overflow-wrap:anywhere;transition:var(--ds-transition);}
.ds-source-item__link:hover{text-decoration:underline;color:var(--emerald-wordmark);}
.ds-source-item__link:focus-visible{outline:2px solid var(--forest-ink);outline-offset:3px;}
.ds-source-item__covers{color:var(--text-muted);overflow-wrap:anywhere;}
.ds-source-item__note{min-width:0;font-weight:600;line-height:1.5;color:var(--forest-ink);overflow-wrap:anywhere;}
.ds-source-item__note a{color:var(--emerald-wordmark);text-decoration:none;}
.ds-source-item__note a:hover{text-decoration:underline;text-underline-offset:4px;}
.ds-source-item__note a:focus-visible{outline:2px solid var(--forest-ink);outline-offset:3px;}
.ds-numbered-step{display:grid;grid-template-columns:64px minmax(0,1fr);gap:22px;font-family:var(--font-body);}
.ds-numbered-step__n{font-weight:300;font-size:38px;line-height:1;color:var(--emerald-wordmark);}
.ds-numbered-step__title{margin:0 0 12px;font-size:24px;font-weight:600;line-height:1.25;color:var(--forest-ink);display:block;}
.ds-numbered-step__body{font-size:17px;line-height:1.6;color:var(--web-body);}
.ds-numbered-step--compact{display:block;}
.ds-numbered-step--compact .ds-numbered-step__title{display:flex;align-items:baseline;gap:12px;margin:0 0 10px;font-size:22px;}
.ds-numbered-step--compact .ds-numbered-step__n{font-size:28px;flex:0 0 auto;}
@media (max-width:760px){
.ds-numbered-step{display:block;}
.ds-numbered-step .ds-numbered-step__title{display:flex;align-items:baseline;gap:12px;margin:0 0 10px;font-size:22px;}
.ds-numbered-step .ds-numbered-step__n{font-size:28px;flex:0 0 auto;}
}
.ds-observe-list{padding:22px 24px 20px;border-radius:var(--web-radius-card);background:var(--web-card);border:1px solid var(--web-hairline);font-family:var(--font-body);}
.ds-observe-list__label{margin:0 0 12px;font-size:12px;font-weight:700;color:var(--emerald-wordmark);}
.ds-observe-list__list{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px 20px;}
.ds-observe-list__item{display:flex;align-items:baseline;gap:12px;font-size:17px;font-weight:500;line-height:1.35;color:var(--forest-ink);}
.ds-observe-list__n{font-weight:300;font-size:22px;line-height:1;color:var(--emerald-wordmark);}
.ds-observe-list--compact{padding:18px 18px 16px;}
.ds-observe-list--compact .ds-observe-list__list{grid-template-columns:1fr;}
@media (max-width:760px){
.ds-observe-list{padding:18px 18px 16px;}
.ds-observe-list__list{grid-template-columns:1fr;}
}
.ds-cause-card{padding:24px 26px;border-radius:var(--web-radius-card);background:var(--web-card);border:1px solid var(--web-hairline);color:var(--forest-ink);font-family:var(--font-body);}
.ds-cause-card--act{background:var(--olive-wash);border-color:transparent;}
.ds-cause-card__title{margin:0 0 10px;font-size:20px;font-weight:600;color:var(--forest-ink);}
.ds-cause-card__body{font-size:17px;line-height:1.6;color:var(--web-body);}
.ds-cause-card__body .ds-eyebrow{margin-top:14px;}
.ds-cause-card__body .ds-eyebrow:first-child{margin-top:0;}
.ds-cause-card__body p{margin:0 0 12px;}
/* CauseCard pair (2026-09-16): 270px auto-fit fitted three columns in the ~810px reading measure and stretch left empty card below short texts; 290px keeps the pair, rows size to content, an odd last card spans the row. */
.ds-cause-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:16px;align-items:start;}
.ds-cause-grid>.ds-cause-card:last-child:nth-child(odd){grid-column:1/-1;}
/* minmax(0,1fr): a long German word in a card title (Blattfleckenkrankheit) widened the 1fr column past 320 px phones (defect sweep 12 Oct 2026). */
@media (max-width:760px){.ds-cause-grid{grid-template-columns:minmax(0,1fr);}}

.ds-verdict-card{padding:22px 24px;border-radius:var(--web-radius-card);background:var(--web-card);border:1px solid var(--web-hairline);font-family:var(--font-body);}
.ds-verdict-card__head{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px 14px;}
.ds-verdict-card__pill{grid-column:1/-1;justify-self:start;max-width:100%;display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:var(--web-radius-pill);color:var(--web-on-forest);font-size:15px;font-weight:700;background:var(--text-muted);}
.ds-verdict-card--toxic .ds-verdict-card__pill{background:var(--attention-web-text);}
.ds-verdict-card--safe .ds-verdict-card__pill{background:var(--emerald-wordmark);}
.ds-verdict-card__dot{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:var(--text-muted);}
.ds-verdict-card--toxic .ds-verdict-card__dot{color:var(--attention-web-text);}
.ds-verdict-card--safe .ds-verdict-card__dot{color:var(--emerald-wordmark);}
.ds-verdict-card__name{margin:14px 0 4px;font-size:22px;font-weight:600;line-height:1.2;}
.ds-verdict-card__sci{font-style:italic;font-weight:400;color:var(--text-muted);font-size:17px;}
.ds-verdict-card__detail{margin:0;font-size:15px;line-height:1.5;color:var(--web-body);}
.ds-verdict-card__source{margin:12px 0 0;font-size:13px;color:var(--text-muted);}
.ds-verdict-card__link{display:inline-flex;align-items:center;gap:8px;margin-top:12px;min-height:44px;font-size:16px;font-weight:600;color:var(--emerald-wordmark);text-decoration:none;text-underline-offset:4px;transition:var(--ds-transition);}
.ds-verdict-card__link:hover{text-decoration:underline;}
.ds-verdict-card__link:hover span{transform:translateX(4px);}
.ds-verdict-card__link:focus-visible{outline:2px solid var(--forest-ink);outline-offset:3px;}
.ds-verdict-card__link span{display:inline-block;transition:var(--ds-transition);}
.ds-checker-field{display:flex;gap:12px;max-width:var(--ds-checker-max,640px);}
/* Phones: the button goes under the box so the hint is not cut off (it clipped
   in 15 of 16 locales at 390px, 2026-10-11). */
@media (max-width:480px){.ds-checker-field{flex-wrap:wrap;}.ds-checker-field__input{flex-basis:100%;}.ds-checker-field > .ds-web-button{width:100%;}}
/* A link that stands alone in its paragraph ("Is it toxic? →") is a tap target:
   44px like every other control (website-ds-foundation.md). Prose links stay inline. */
.ds-arrow-link{display:inline-flex;align-items:center;min-height:44px;}
.ds-checker-field__input{flex:1;min-width:0;min-height:54px;padding:0 18px;border-radius:var(--web-radius-control);border:1px solid var(--web-hairline-strong);transition:var(--ds-transition);background:var(--web-card-raised);color:var(--forest-ink);font-family:var(--font-body);font-size:17px;}
.ds-checker-field__input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;width:20px;height:20px;cursor:pointer;background:var(--forest-ink);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 2l8 8M10 2l-8 8' stroke='%23000' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") center/12px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 2l8 8M10 2l-8 8' stroke='%23000' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") center/12px no-repeat;}
.ds-checker-field__input:focus{border-color:var(--forest-ink);box-shadow:0 0 0 3px rgba(4,120,87,.18);}
.ds-checker-field__input:focus-visible{outline:2px solid var(--forest-ink);outline-offset:3px;}
.ds-web-button{transition:var(--ds-transition);display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 22px;border-radius:var(--web-radius-control);border:0;font-family:var(--font-body);font-size:16px;font-weight:600;text-decoration:none;cursor:pointer;background:var(--forest-deep);color:var(--web-on-forest);}
.ds-web-button:hover{background:var(--web-forest-fill-hover);}
.ds-web-button:active{transform:translate(6px,6px);box-shadow:0 0 0 rgba(15,42,31,.18);}
.ds-web-button:focus-visible{outline:2px solid var(--forest-ink);outline-offset:3px;}
.ds-web-button--lg{min-height:56px;padding:0 28px;}
.ds-web-button--compact{min-height:44px;padding:0 18px;font-size:15px;}
.ds-web-button--compact:active{transform:translate(4px,4px);}
.ds-web-button--ghost{border:1px solid var(--web-hairline-strong);background:var(--web-card);color:var(--forest-ink);box-shadow:none;}
.ds-web-button--ghost:hover{background:var(--web-forest-fill);color:var(--web-on-forest);border-color:var(--web-forest-fill);}
.ds-web-button--ghost:active{transform:none;box-shadow:none;}
.ds-web-button--on-forest{background:var(--web-on-forest);color:var(--forest-deep);}
.ds-web-button--on-forest:hover{background:var(--web-on-forest);opacity:.9;}
.ds-web-button--on-forest:focus-visible{outline:2px solid var(--web-on-forest);outline-offset:3px;}
/* A wide ledger keeps its minimum width and scrolls sideways. Nothing
   said so: overlay scrollbars stay hidden until a gesture starts, so the table
   simply looked cut off. Two cover layers scroll with the content and two
   shadow layers stay put, so an edge shades only while there is more table
   past it — and the scrollbar is drawn where the platform allows one. */
.ds-ledger-table{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;
background-image:linear-gradient(to right,var(--web-ground),transparent),linear-gradient(to left,var(--web-ground),transparent),linear-gradient(to right,var(--web-hairline-strong),transparent),linear-gradient(to left,var(--web-hairline-strong),transparent);
background-position:left center,right center,left center,right center;
background-repeat:no-repeat;
background-size:24px 100%,24px 100%,14px 100%,14px 100%;
background-attachment:local,local,scroll,scroll;}
.ds-ledger-table::-webkit-scrollbar{height:8px;}
.ds-ledger-table::-webkit-scrollbar-thumb{border-radius:var(--web-radius-pill);background:var(--web-hairline-strong);}
.ds-ledger-table::-webkit-scrollbar-track{background:transparent;}
.ds-ledger-table table{width:100%;min-width:960px;border-collapse:separate;border-spacing:0;font-family:var(--font-body);font-size:16px;}
/* Plant selections must keep light, watering and pet safety visible together. */
.site-main--collection .ds-ledger-table table{min-width:0;table-layout:fixed;}
/* 2026-09-16 (HUB-05): the two-plant compare ledger is always row-label +
   exactly two data columns (thead's 3rd th is also its last), so the fixed
   640px minimum forced it into sideways scroll at tablet widths where the
   reading column runs narrower than that. A wider ledger (best-apps) keeps
   the 960px floor and its scrollbar. */
.ds-ledger-table table:has(thead tr th:nth-child(3):last-child){min-width:0;}
.ds-ledger-table th[scope="col"]{text-align:left;padding:12px 16px 12px 12px;font-size:13px;font-weight:700;color:var(--text-muted);border-bottom:1px solid var(--web-hairline-strong);}
.ds-ledger-table th[scope="row"]{text-align:left;padding:16px 16px 16px 12px;font-weight:600;border-bottom:1px dotted var(--web-hairline-dotted);}
.ds-ledger-table td{padding:16px;color:var(--web-body);border-bottom:1px dotted var(--web-hairline-dotted);}
.ds-ledger-table tr{background:transparent;}
.ds-ledger-table tr.is-highlight{background:var(--olive-wash);}
@media (min-width:761px){
.ds-ledger-table th[scope="row"],.ds-ledger-table thead th:first-child{position:sticky;left:0;z-index:1;background:var(--web-ground);}
.ds-ledger-table tr.is-highlight th[scope="row"]{background:var(--olive-wash);}
.ds-ledger-table table:not(:has(thead tr th:nth-child(3):last-child)) th[scope="row"]{min-width:150px;box-shadow:6px 0 8px -6px rgba(15,42,31,.2);}
}
@media (max-width:760px){
.ds-ledger-table{background-image:none;}
.ds-ledger-table table{min-width:0;display:block;}
.ds-ledger-table thead{display:none;}
.ds-ledger-table tbody{display:block;}
.ds-ledger-table tr{display:block;padding:14px 0;border-bottom:1px dotted var(--web-hairline-dotted);}
.ds-ledger-table td{display:block;padding:0;border-bottom:0;}
.ds-ledger-table td+td{margin-top:10px;}
.ds-ledger-table td[data-plant]::before{display:block;font-size:12px;font-weight:700;color:var(--text-muted)}
.ds-ledger-table th[scope="row"]{display:block;padding:0 0 10px;border-bottom:0;font-size:20px;font-weight:600;line-height:1.25;letter-spacing:-.01em;text-transform:none;color:var(--forest-ink);}
.ds-ledger-table td[data-plant]::before{content:attr(data-plant);margin-bottom:4px}
}
.ds-facts-ledger{margin:0;display:grid;padding:6px 22px;border-radius:var(--web-radius-card);background:var(--web-card);border:1px solid var(--web-hairline);}
.ds-facts-ledger__row{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px dotted var(--web-hairline-dotted);font-family:var(--font-body);font-size:15px;}
.ds-facts-ledger__label{color:var(--text-muted);}
.ds-facts-ledger__value{margin:0;font-weight:600;}
/* RuleCard.jsx (HANDOFF 2026-09-07): a titled explainer card on the paper
   surface, not a rule-topped column. `eyebrow` labels it ("Our pick",
   "Runner-up"); `featured` draws the forest border for the recommended one. */
.ds-rule-card{padding:26px;border-radius:var(--web-radius-card);background:var(--web-card);border:1px solid var(--web-hairline);font-family:var(--font-body);min-width:0;}
.ds-rule-card--featured{border:1px solid var(--web-hairline-strong);}
.ds-rule-card--compact{padding:20px;}
.ds-rule-card__eyebrow{margin:0 0 10px;font-size:13px;font-weight:700;color:var(--text-muted);}
.ds-rule-card--featured .ds-rule-card__eyebrow{color:var(--emerald-wordmark);}
.ds-rule-card__title{margin:0 0 8px;font-size:24px;font-weight:600;line-height:1.2;color:var(--forest-ink);overflow-wrap:anywhere;}
.ds-rule-card--compact .ds-rule-card__title{font-size:21px;}
.ds-rule-card__body{margin:0;font-size:16px;line-height:1.55;color:var(--web-body);}
.ds-capability-card{padding:24px;border-radius:var(--web-radius-card);background:var(--web-card);border:1px solid var(--web-hairline);color:var(--forest-ink);font-family:var(--font-body);}
.ds-capability-card__tier{margin:0 0 12px;display:inline-flex;min-height:26px;align-items:center;padding:0 10px;border-radius:var(--web-radius-pill);background:var(--feed-wash);color:var(--emerald-logo);font-size:12px;font-weight:700;}
.ds-capability-card--pro .ds-capability-card__tier{background:var(--web-pro-tag);color:var(--web-forest-fill);}
.ds-capability-card__title{margin:0 0 8px;font-size:22px;font-weight:600;color:inherit;}
.ds-capability-card__body{margin:0;font-size:16px;line-height:1.55;color:var(--web-body);}
.ds-plan-card{padding:28px;border-radius:var(--web-radius-card);background:var(--web-card);border:1px solid var(--web-hairline);font-family:var(--font-body);}
.ds-plan-card--featured{border:1px solid var(--web-hairline-strong);}
.ds-plan-card__name{margin:0;font-size:26px;font-weight:600;}
.ds-plan-card__summary{margin:4px 0 18px;font-size:15px;color:var(--text-muted);}
.ds-plan-card__list{margin:0;padding:0;list-style:none;display:grid;gap:10px;font-size:16px;line-height:1.5;color:var(--web-body);}
.ds-plan-card__item{display:flex;gap:12px;}
.ds-plan-card__bullet{flex:0 0 auto;margin-top:9px;width:7px;height:7px;border-radius:var(--web-radius-pill);background:var(--emerald-wordmark);}
.ds-step-card{padding:24px;border-radius:var(--web-radius-card);background:var(--web-card);border:1px solid var(--web-hairline);font-family:var(--font-body);}
.ds-step-card__n{margin:0 0 12px;font-weight:300;font-size:32px;line-height:1;color:var(--emerald-wordmark);}
.ds-step-card__title{margin:0 0 8px;font-size:20px;font-weight:600;line-height:1.2;}
.ds-step-card__body{margin:0;font-size:15.5px;line-height:1.55;color:var(--web-body);}
/* Cards are for the in-article app card, asides and comparison entries only
   (decision 33, 12 Oct 2026). These content blocks read as plain sections: a
   hairline above, no box. The dark cause card keeps its fill; Pro is marked by its tier pill. */
.ds-step-card,.ds-capability-card,.ds-cause-card:not(.ds-cause-card--act),.ds-verdict-card,.ds-observe-list{padding:18px 0 0;border:0;border-top:1px solid var(--web-hairline);border-radius:0;background:none;}
.ds-facts-ledger{padding:0;border:0;border-radius:0;background:none;}
.ds-care-guide__prose{max-width:65ch;}
/* Prose beside its companion — Mr. Kitty in a 380px column, the ObserveList in
   a 440px one. Both stack under the copy on a phone. */
.ds-care-guide__split{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:56px;align-items:start;}
.ds-care-guide__split--wide{grid-template-columns:minmax(0,1fr) 440px;}
.ds-care-guide__split .ds-kitty-aside{margin:0;}
/* The paired cause cards: what it looks like, then what to do about it. */
/* Stacks below ~600px of its own width. */
.ds-cause-pair{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,292px),1fr));gap:16px;margin-top:20px;}
@media (max-width:760px){
.ds-care-guide__split,.ds-care-guide__split--wide{grid-template-columns:minmax(0,1fr);gap:24px;}
.ds-cause-pair{gap:10px;margin-top:16px;}
}
/* 2026-09-16 CH-01: the 380/440px fixed aside column left only ~320-360px for
   the prose in this band, squeezing five paragraphs beside a much shorter
   "Look at"/Mr. Kitty callout and stranding a wide empty gap under it — the
   same failure the press facts split had (see press() below). Stack early
   here too, in DOM order (prose, then its companion); 1100px+ keeps the
   side-by-side form unchanged. */
@media (min-width:760px) and (max-width:1099px){
.ds-care-guide__split,.ds-care-guide__split--wide{grid-template-columns:minmax(0,1fr);gap:24px;}
.ds-care-guide__split .ds-study-plate--inset{max-width:440px;}
}
.ds-split:has(>.ds-press-facts){grid-template-columns:minmax(0,1fr) 560px;}
.ds-press-facts .ds-facts-ledger{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px;}
@media (max-width:760px){
.ds-split:has(>.ds-press-facts){grid-template-columns:minmax(0,1fr);}
.ds-press-facts .ds-facts-ledger{grid-template-columns:minmax(0,1fr);}
.ds-press-facts .ds-facts-ledger__row{flex-direction:column;gap:2px;}
.ds-press-facts .ds-facts-ledger__value{overflow-wrap:anywhere;}
}
/* 2026-09-16: 560px column still squeezed the intro copy; stack early too. */
@media (min-width:760px) and (max-width:1099px){
.ds-split:has(>.ds-press-facts){grid-template-columns:minmax(0,1fr);}
}
.ds-steps--urgent{list-style:none;margin:0 0 16px;padding:0;counter-reset:s}
.ds-steps--urgent>li{position:relative;counter-increment:s;margin:0 0 14px;padding-left:40px;min-height:26px}
.ds-steps--urgent>li::before{content:counter(s);position:absolute;left:0;top:-1px;width:26px;height:26px;border-radius:50%;background:var(--attention-web-text);color:var(--web-on-forest);font:700 13px/26px var(--font-body);text-align:center}
.ds-section--signs-urgent{border-left:3px solid var(--attention-web-text);padding-left:16px}
.ds-section-title{font-family:var(--font-display);font-weight:700;line-height:1.1;letter-spacing:-.015em;}
.ds-prose{font-size:18px;line-height:1.6;}
@media (max-width:760px){.ds-prose{font-size:17px;}}
.ds-eyebrow,.ds-eyebrow--accent,.ds-opening__eyebrow,.ds-opening--compact .ds-opening__eyebrow,.ds-opening .ds-opening__eyebrow,.ds-rule-card__eyebrow,.ds-observe-list__label,.ds-kitty-aside__label,.ds-plant-identity__label,.ds-jump-index__label,.ds-guide-directory__group-title,.ds-pathway-card__kicker,.ds-pathway-card--row .ds-pathway-card__kicker,.ds-opening__meta{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;}
/* Glance labels stay sentence case: HAUSTIERSICHERHEIT and WISSENSCHAFTLICHER NAME overran the two-up phone tile in caps. */
.ds-glance-tile__label{letter-spacing:0;text-transform:none;}
.ds-eyebrow,.ds-eyebrow--accent,.ds-rule-card__eyebrow,.ds-rule-card--featured .ds-rule-card__eyebrow,.ds-observe-list__label,.ds-kitty-aside__label,.ds-plant-identity__label,.ds-jump-index__label,.ds-guide-directory__group-title,.ds-pathway-card__kicker,.ds-glance-tile__label{color:var(--text-muted);}
.ds-kitty-aside--caution .ds-kitty-aside__label{color:var(--attention-web-text);}
.ds-plant-identity--compact .ds-plant-identity__label,.ds-plant-identity .ds-plant-identity__label{font-size:12px;}
@media (max-width:1099px){.ds-glance-tile__label{font-size:12px;}}
.ds-site-footer__column-title{font-size:12px;letter-spacing:.08em;}
.ds-guide-directory__here{font-size:12px;letter-spacing:.08em;}
.ds-plant-identity{border-bottom:0;}
.ds-intro-band{border-bottom:0;}
.ds-web-button,.ds-site-footer__action,.ds-app-cta--ad .ds-app-cta__action,.ds-app-cta--compact.ds-app-cta--ad .ds-app-cta__action,.ds-web-button--compact{box-shadow:none;}
.ds-web-button:active,.ds-web-button--compact:active,.ds-site-footer__action:active,.ds-app-cta--ad .ds-app-cta__action:active,.ds-app-cta--compact.ds-app-cta--ad .ds-app-cta__action:active{transform:translateY(1px);}
.ds-glance-tile__label{text-transform:uppercase;letter-spacing:.08em;font-weight:700;}
.ds-web-button--ghost,.ds-web-button--ghost:active{box-shadow:none;}
.ds-masthead__menu-button{width:44px;height:44px;border:0;border-radius:var(--web-radius-control);background:transparent;}
.ds-masthead__menu-button:hover{background:rgba(15,42,31,.07);}
.ds-breadcrumb{background:transparent;border-bottom:0;}
.ds-breadcrumb__list{min-height:40px;font-size:14px;font-weight:500;letter-spacing:0;text-transform:none;}
.ds-breadcrumb__link{color:var(--text-muted);}
@media (min-width:1100px){
.ds-reading{grid-template-columns:minmax(0,var(--ed-measure)) var(--ed-rail);justify-content:space-between;gap:64px;padding-top:24px;}
.ds-reading__rail{top:32px;gap:24px;}
}
.ds-page .ds-section-title{--ds-title-size:34px;--ds-title-size-narrow:27px;margin-bottom:16px;}
.ds-glance-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px;border-top:1px solid var(--ed-hairline);}
.ds-glance-tile{gap:6px;padding:18px 0 20px;border:0;border-bottom:1px solid var(--ed-hairline);border-radius:0;background:none;}
.ds-glance-tile__value{display:block;font-size:18px;font-weight:500;line-height:1.4;}
.ds-glance-tile__value--italic{font-weight:400;}
.ds-glance-tile .ds-safety-dot{display:inline-block;width:8px;height:8px;margin-right:9px;vertical-align:middle;transform:translateY(-2px);}
.ds-reading__rail .ds-glance-grid{gap:0 20px;}
.ds-reading__rail .ds-glance-tile__value{font-size:16px;}
@media (max-width:759px){
.ds-glance-grid{gap:0 20px;}
.ds-glance-tile{padding:14px 0 16px;}
.ds-glance-tile__value{font-size:16px;}
}
.ds-plant-identity{grid-template-columns:minmax(0,1fr);}
.ds-opening:not(.ds-opening--type)~:is(.ds-page,.ds-plant-identity) .ds-plant-identity__photo{display:none;}
.ds-opening:not(.ds-opening--type)~.ds-plant-identity{grid-template-columns:minmax(0,1fr);}
.ds-opening--type~:is(.ds-page,.ds-plant-identity) .ds-plant-identity:has(.ds-plant-identity__photo){grid-template-columns:72px minmax(0,1fr);}
.ds-opening__scene,.ds-opening__wall-art{display:none;}
@media (max-width:759px){
.ds-opening--mobile-scene{min-height:100svh;isolation:isolate;}
.ds-opening--mobile-scene>.ds-opening__wall{position:relative;z-index:1;}
.ds-opening--mobile-scene .ds-opening__media{display:none;}
.ds-opening--mobile-scene .ds-opening__copy-wrap{grid-template-columns:minmax(0,1fr);padding-bottom:24px;}
.ds-opening--mobile-scene>.ds-opening__scene{display:block;position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;}
.ds-opening__scene picture{display:block;position:absolute;left:0;bottom:0;width:100%;height:100%;}
.ds-opening__scene img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--ds-hero-position,right bottom);image-rendering:pixelated;}
.ds-opening--mobile-scene.ds-opening--flow-scene{min-height:100svh;display:flex;flex-direction:column;}
.ds-opening.ds-opening--flow-scene>.ds-opening__wall{flex:1;}
.ds-opening.ds-opening--flow-scene .ds-opening__copy-wrap{position:relative;z-index:1;padding-bottom:28px;}
.ds-opening.ds-opening--flow-scene .ds-opening__wall-art{display:block;position:absolute;inset:0;overflow:hidden;pointer-events:none;}
.ds-opening.ds-opening--flow-scene .ds-opening__wall-art img{position:absolute;top:0;left:var(--ds-hero-art-left);width:var(--ds-hero-art-width);max-width:none;height:var(--ds-hero-wall-image-height);object-fit:fill;image-rendering:pixelated;}
.ds-opening.ds-opening--flow-scene>.ds-opening__scene{position:relative;inset:auto;flex:none;aspect-ratio:var(--ds-hero-tail-ratio);}
.ds-opening.ds-opening--flow-scene .ds-opening__scene picture{position:absolute;inset:0;height:100%;overflow:hidden;}
.ds-opening.ds-opening--flow-scene .ds-opening__scene img{position:absolute;bottom:0;left:var(--ds-hero-art-left);width:var(--ds-hero-art-width);max-width:none;height:auto;object-fit:initial;}
.ds-opening[data-ds-hero-lane="window"] .ds-opening__copy>:is(.ds-opening__title,.ds-opening__lede,.ds-opening__meta){max-width:85%;}
}
.ds-plant-identity__name{font-family:var(--font-display);font-weight:700;font-size:24px;}
.ds-plant-identity__sci{font-family:var(--font-body);font-weight:400;}
.ds-page:is(:has(.ds-glance-grid--spec),:has(.ds-verdict-card)) .ds-plant-identity__safety{display:none;}
.ds-jump-index--compact .ds-jump-index__panel{padding:0;border:0;border-radius:0;background:none;}
.ds-jump-index--compact .ds-jump-index__label{display:flex;align-items:center;justify-content:space-between;min-height:44px;margin:0;border-top:1px solid var(--ed-hairline);border-bottom:1px solid var(--ed-hairline);cursor:pointer;list-style:none;}
.ds-jump-index--compact .ds-jump-index__label::-webkit-details-marker{display:none;}
.ds-jump-index--compact .ds-jump-index__label::after{content:"";width:8px;height:8px;margin-right:4px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .16s ease-out;}
.ds-jump-index--compact [open]>.ds-jump-index__label::after{transform:translateY(2px) rotate(-135deg);}
.ds-jump-index--compact .ds-jump-index__label:focus-visible{outline:2px solid var(--forest-ink);outline-offset:3px;}
.ds-jump-index--compact .ds-jump-index__item{border-bottom:1px solid var(--ed-hairline);}
.ds-jump-index--compact .ds-jump-index__item+.ds-jump-index__item{border-top:0;}
.ds-jump-index--compact .ds-jump-index__link{min-height:44px;font-size:15px;font-weight:500;}
.ds-jump-index--compact .ds-jump-index__n{font-size:13px;font-weight:500;color:var(--text-muted);font-variant-numeric:tabular-nums;}
@media (min-width:1100px){
.ds-jump-index--compact .ds-jump-index__label{min-height:0;margin:0 0 6px;padding-bottom:6px;border-top:0;pointer-events:none;}
.ds-jump-index--compact .ds-jump-index__label::after{display:none;}
}
@media (max-width:1099px){
.ds-reading__rail>.ds-plant-identity{padding:0 0 20px;}
.ds-jump-index--compact{padding:0 0 8px;}
}
.ds-kitty-aside{--ds-kitty-col:48px;--ds-kitty-pad:20px 24px;border:1px solid var(--ed-hairline);background:var(--ed-surface);}
.ds-kitty-aside--caution{border-color:var(--web-toxic-border);background:var(--ed-surface);}
@media (max-width:760px){.ds-kitty-aside{--ds-kitty-col:40px;--ds-kitty-pad:16px 18px;}}
.ds-study-plate{max-width:var(--ed-measure);margin:32px 0 28px;}
.ds-study-plate__img{border-radius:var(--web-radius-card);border:1px solid var(--ed-hairline);background:var(--ed-surface);}
:is(.ds-pathway-card--row,.ds-guide-tile,.ds-guide-directory){border-color:var(--ed-hairline);background:var(--ed-surface);}
.ds-pathway-card--row:not(.ds-pathway-card--thumb){grid-template-columns:minmax(0,1fr) auto;min-height:56px;padding:12px 18px;}
.ds-pathway-card--row:not(.ds-pathway-card--thumb)::after{content:"→";color:var(--emerald-wordmark);font-weight:600;}
.ds-pathway-card:not(.ds-pathway-card--row,.ds-pathway-card--forest){border-color:var(--ed-hairline);background:var(--ed-surface);}
.ds-pathway-card__thumb,.ds-pathway-card--row .ds-pathway-card__thumb--portrait{aspect-ratio:4 / 5;height:auto;}
.ds-plant-card__photo{aspect-ratio:4 / 5;}
.ds-cause-card__title{font-size:19px;line-height:1.3;}
.ds-topic-aside,.ds-verdict-card{border-color:var(--ed-hairline);}
/* Link grids fill their last row: the cards grow to share it instead of leaving a gap. */
nav[style*="grid-template-columns:repeat(auto-fit"]{display:flex !important;flex-wrap:wrap;}
nav[style*="grid-template-columns:repeat(auto-fit"]>*{flex:1 1 300px;min-width:0;}
.ds-disclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;cursor:pointer;list-style:none;}
.ds-disclosure>summary::-webkit-details-marker{display:none;}
.ds-disclosure>summary .ds-section-title{margin:0;}
.ds-disclosure>summary::after{content:"";flex:0 0 auto;width:10px;height:10px;margin-right:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-3px) rotate(45deg);transition:transform .16s ease-out;}
.ds-disclosure[open]>summary::after{transform:translateY(3px) rotate(-135deg);}
.ds-disclosure>summary:focus-visible{outline:2px solid var(--forest-ink);outline-offset:3px;}
.ds-disclosure[open]>summary{margin-bottom:16px;}
.ds-icon{display:block;flex:none;color:var(--ds-icon-ink);}
.ds-icon .f{fill:var(--ds-icon-fill);}
.ds-icon .s{fill:currentColor;stroke:none;}
.ds-icon .b{fill:var(--ed-surface);}
.ds-icon-badge{display:inline-grid;place-items:center;flex:none;width:40px;height:40px;border-radius:12px;background:var(--ed-tint);}
.ds-icon-badge .ds-icon{width:24px;height:24px;}
.ds-icon-badge--neutral{--ds-icon-ink:var(--text-muted);--ds-icon-fill:var(--ed-neutral-fill);background:var(--ed-neutral-tint);}
.ds-icon-badge--toxic{--ds-icon-ink:var(--attention-web-text);--ds-icon-fill:var(--ed-toxic-fill);background:var(--web-toxic-wash);}
.ds-chapter-head{display:flex;align-items:center;gap:14px;margin:0 0 16px;}
.ds-chapter-head>.ds-section-title{margin:0;min-width:0;}
.ds-opening__answer{margin:0;padding:0;border:0;background:none;}
.ds-opening__answer-label{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-family:var(--font-body);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--emerald-wordmark);}
.ds-opening__answer-label .ds-icon{--ds-icon-ink:var(--emerald-wordmark);}
.ds-opening__answer .ds-opening__lede{max-width:none;}
.ds-glance-grid--spec .ds-glance-tile{position:relative;align-content:center;min-height:76px;padding-left:56px;}
.ds-glance-grid--spec .ds-glance-tile__label .ds-icon-badge{position:absolute;left:0;top:50%;transform:translateY(-50%);}
.ds-glance-tile--figure .ds-glance-tile__value{font-family:var(--font-display);font-weight:700;font-size:24px;line-height:1.2;letter-spacing:-.01em;}
.ds-glance-tile--toxic .ds-glance-tile__value{color:var(--attention-web-text);font-weight:600;}
.ds-glance-tile--safe .ds-glance-tile__value{color:var(--emerald-wordmark);font-weight:600;}
.ds-glance-tile--unknown .ds-glance-tile__value{color:var(--forest-ink);font-weight:600;}
.ds-glance-tile__season{display:block;margin:0 0 4px;}
.ds-glance-tile__season+br{display:none;}
.ds-viz{margin:4px 0 24px;padding:20px;border-radius:var(--web-radius-large);background:var(--ed-tint);font-family:var(--font-body);color:var(--forest-ink);}
.ds-viz__value{margin:14px 0 0;font-size:17px;font-weight:600;line-height:1.35;}
.ds-light-scale{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;}
.ds-light-scale__step{display:grid;justify-items:center;gap:10px;color:rgba(15,42,31,.4);}
.ds-light-scale__step .ds-icon{width:32px;height:32px;color:inherit;}
.ds-light-scale__step .ds-icon .f{fill:currentColor;fill-opacity:.16;}
.ds-light-scale__step.is-on .ds-icon .f{fill:var(--ds-icon-fill);fill-opacity:1;}
.ds-light-scale__bar{display:block;width:100%;height:8px;border-radius:999px;background:rgba(15,42,31,.1);}
.ds-light-scale__step.is-on{color:var(--ds-icon-ink);}
.ds-light-scale__step.is-on .ds-light-scale__bar{background:var(--emerald-wordmark);}
.ds-viz--water{display:grid;grid-template-columns:96px minmax(0,1fr);gap:20px;align-items:center;}
.ds-pot{display:block;width:96px;height:96px;}
.ds-pot__body{fill:none;stroke:var(--forest-ink);stroke-width:2;stroke-linejoin:round;}
.ds-pot__rim{fill:var(--ed-surface);stroke:var(--forest-ink);stroke-width:2;}
.ds-pot__dry{fill:var(--ed-soil-dry);}
.ds-pot__wet{fill:var(--ed-soil-wet);}
.ds-pot__grain{fill:none;stroke:var(--ed-soil-grain);stroke-width:2.5;stroke-linecap:round;}
.ds-pot__line{stroke:var(--emerald-wordmark);stroke-width:2;stroke-dasharray:4 3;}
.ds-pot__arrow{fill:none;stroke:var(--emerald-wordmark);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.ds-viz__body{min-width:0;}
.ds-viz__figure{margin:0;font-family:var(--font-display);font-weight:700;font-size:30px;line-height:1.1;letter-spacing:-.01em;}
.ds-viz__caption{margin:0;font-size:17px;font-weight:600;line-height:1.35;text-wrap:pretty;}
.ds-viz__figure+.ds-viz__caption{margin-top:4px;}
.ds-viz__rhythm{display:grid;gap:8px;margin:12px 0 0;padding:12px 0 0;border-top:1px solid var(--ed-hairline);list-style:none;}
.ds-viz__rhythm:first-child{margin:0;padding:0;border:0;}
.ds-viz__rhythm-row{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:500;line-height:1.35;}
.ds-viz__season{font-size:14px;font-weight:400;color:var(--text-muted);}
.ds-viz--range{display:grid;gap:20px;}
.ds-range__head{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin:0 0 10px;font-size:15px;line-height:1.3;}
.ds-range__label{font-weight:500;color:var(--text-muted);}
.ds-range__value{margin-left:auto;font-family:var(--font-display);font-weight:700;font-size:20px;text-align:right;}
.ds-range__track{position:relative;display:block;height:10px;border-radius:999px;background:rgba(15,42,31,.1);}
.ds-range__band{position:absolute;top:0;bottom:0;border-radius:999px;background:var(--emerald-wordmark);}
.ds-range__ticks{display:flex;justify-content:space-between;margin-top:6px;font-size:12px;color:var(--text-muted);font-variant-numeric:tabular-nums;}
.ds-range__ticks>span::before{content:attr(data-t);}
.ds-cause-lead{display:flow-root;padding:18px;border:1px solid var(--ed-hairline);border-radius:var(--web-radius-large);background:var(--ed-surface);}
.ds-cause-lead>.ds-icon-badge{float:left;margin:2px 14px 6px 0;}
.ds-cause-lead .ds-prose:last-child{margin-bottom:0 !important;}
.ds-verdict-card--toxic,.ds-verdict-card--safe{padding:18px;border-radius:var(--web-radius-large);}
.ds-verdict-card--toxic{border:1px solid var(--web-toxic-border);background:var(--web-toxic-wash);}
.ds-verdict-card--safe{border:1px solid rgba(4,120,87,.22);background:var(--pet-safe-wash);}
.ds-verdict-card__pill{min-height:44px;padding:0 16px;font-size:16px;}
.ds-cause-card__head{display:flex;align-items:center;gap:12px;margin:0 0 10px;}
.ds-cause-card__head .ds-cause-card__title{margin:0;}
.ds-pathway-card--row:not(.ds-pathway-card--thumb):has(.ds-icon-badge){grid-template-columns:auto minmax(0,1fr) auto;column-gap:14px;}
.ds-pathway-card--row .ds-icon-badge,.ds-guide-directory .ds-icon-badge{width:36px;height:36px;border-radius:var(--web-radius-card);}
.ds-guide-directory__link:has(>.ds-icon-badge){grid-template-columns:auto minmax(0,1fr) auto;column-gap:14px;}
.ds-guide-directory__row:has(>.ds-icon-badge){grid-template-columns:auto minmax(0,1fr);column-gap:14px;}
.ds-verdict-card__pill{gap:8px;}
.ds-verdict-card__pill .ds-icon{--ds-icon-ink:currentColor;--ds-icon-fill:transparent;}
.ds-verdict-card__pill .ds-icon .b{fill:var(--web-on-forest);}
.ds-numbered-step,.ds-numbered-step--compact{position:relative;display:grid;grid-template-columns:36px minmax(0,1fr);column-gap:16px;align-items:start;}
.ds-numbered-step .ds-numbered-step__n,.ds-numbered-step--compact .ds-numbered-step__n{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--emerald-wordmark);color:var(--web-on-forest);font:600 14px/1 var(--font-body);font-variant-numeric:tabular-nums;letter-spacing:0;}
.ds-numbered-step:not(:last-child)::before{content:"";position:absolute;left:17px;top:44px;bottom:-20px;width:2px;border-radius:2px;background:var(--ed-tint);}
.ds-numbered-step .ds-numbered-step__title,.ds-numbered-step--compact .ds-numbered-step__title{display:block;margin:5px 0 8px;font-size:20px;line-height:1.3;text-wrap:balance;}
.ds-step-card__title,.ds-cause-card__title{text-wrap:balance;}
.ds-numbered-step__body>.ds-prose:last-child{margin-bottom:0;}
.ds-chapter-n{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:50%;background:var(--ed-tint);color:var(--emerald-logo);font:600 14px/1 var(--font-body);font-variant-numeric:tabular-nums;}
.ds-section>.ds-viz{max-width:680px;}
.ds-icon-list{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:12px;max-width:65ch;}
.ds-icon-list>li{display:grid;grid-template-columns:22px minmax(0,1fr);column-gap:12px;align-items:start;}
.ds-icon-list>li>.ds-icon{width:22px;height:22px;margin-top:3px;}
.ds-icon-list .ds-prose{margin:0;}
.ds-steps-run{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:22px;max-width:65ch;}
.ds-steps-run .ds-numbered-step__body>.ds-prose{margin:5px 0 0;}
.ds-key-point{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:14px;align-items:start;margin:0 0 20px;padding:16px 18px;border:1px solid var(--ed-hairline);border-radius:var(--web-radius-large);background:var(--ed-tint);}
.ds-key-point .ds-prose{margin:0;font-weight:500;color:var(--forest-ink);}
.ds-label-icon{display:inline-block;width:18px;height:18px;margin:0 6px 0 0;vertical-align:-3px;}
.ds-rule-card>.ds-icon-badge{margin:0 0 14px;}
.ds-guide-tile .ds-icon-badge,.ds-plant-card__detail .ds-icon{flex:none;}
.ds-guide-tile .ds-icon-badge{width:36px;height:36px;border-radius:var(--web-radius-card);}
.ds-plant-card__detail:has(.ds-icon){display:flex;align-items:flex-start;gap:6px;}
.ds-plant-card__detail .ds-icon{width:18px;height:18px;margin-top:1px;}
.ds-ledger-table th[scope="row"] .ds-icon{display:inline-block;width:20px;height:20px;margin:0 8px 0 0;vertical-align:-4px;}
.ds-step-card>.ds-icon-badge,.ds-capability-card>.ds-icon-badge{margin:0 0 14px;width:48px;height:48px;border-radius:var(--web-radius-card);}
.ds-step-card>.ds-icon-badge .ds-icon,.ds-capability-card>.ds-icon-badge .ds-icon{width:28px;height:28px;}
.ds-capability-card>.ds-icon-badge{display:grid;}
.ds-plan-card__bullet{position:relative;margin-top:2px;width:20px;height:20px;background:var(--ed-tint);}
.ds-plan-card__bullet::after{content:"";position:absolute;left:7px;top:4px;width:5px;height:9px;border:solid var(--emerald-wordmark);border-width:0 2px 2px 0;transform:rotate(45deg);}
@media (max-width:759px){
.ds-glance-grid--spec{grid-template-columns:minmax(0,1fr);}
.ds-glance-grid--spec .ds-glance-tile{min-height:68px;padding:12px 0 12px 54px;}
.ds-glance-tile--figure .ds-glance-tile__value{font-size:22px;}
.ds-chapter-head{gap:12px;}
.ds-chapter-head .ds-icon-badge{width:36px;height:36px;border-radius:var(--web-radius-card);}
.ds-viz{padding:18px 16px;}
.ds-viz--water{grid-template-columns:84px minmax(0,1fr);gap:16px;}
.ds-pot{width:84px;height:84px;}
.ds-viz__figure{font-size:28px;}
.ds-range__value{font-size:18px;}
}
.ds-main--open>.ds-opening--band:first-child{margin-top:0;}
.ds-opening--band>.ds-opening__head{display:none;}
.ds-band{position:relative;background:var(--ds-band-wall,transparent);}
.ds-band__copy{position:relative;z-index:1;max-width:1320px;margin:0 auto;padding:10px 20px 16px;}
.ds-band .ds-breadcrumb{margin:0 0 4px;background:none;border:0;}
.ds-band .ds-breadcrumb__list{padding:0;min-height:0;align-items:flex-start;font-size:13px;font-weight:500;}
.ds-band .ds-breadcrumb__item{min-height:32px;}
@media (max-width:759px){
.ds-band .ds-breadcrumb__list{flex-wrap:nowrap;overflow:hidden;}
.ds-band .ds-breadcrumb__item:not(:nth-last-child(-n+2)){display:none;}
.ds-band .ds-breadcrumb__item:nth-last-child(2)>svg{display:none;}
.ds-band .ds-breadcrumb__item,.ds-band .ds-breadcrumb__item.is-line-start{flex:0 1 auto;min-width:0;height:32px;align-items:center;transform:none;}
.ds-band .ds-breadcrumb__item.is-line-start>svg{visibility:visible;}
.ds-band .ds-breadcrumb__link{display:block;line-height:32px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
}
.ds-band .ds-breadcrumb__link{min-height:32px;color:var(--forest-ink);opacity:.82;}
.ds-band .ds-breadcrumb__item:last-child{flex:0 0 auto;}
.ds-lead-eyebrow{margin:0 0 -8px;font-family:var(--font-body);font-size:13px;font-weight:500;line-height:1.35;color:var(--text-muted);}
.ds-lead-eyebrow a{display:inline-flex;align-items:center;min-height:32px;color:inherit;text-decoration:none;}
.ds-lead-eyebrow a:hover{text-decoration:underline;text-underline-offset:3px;}
.ds-band .ds-opening__title{margin:0;font-size:var(--ds-media-h1-narrow,34px);line-height:1.06;color:var(--forest-ink);}
@media (max-width:420px){.ds-band .ds-opening__title{font-size:min(var(--ds-media-h1-narrow,32px),32px);}}
.ds-band__latin{margin:6px 0 0;font-family:var(--font-body);font-size:16px;font-style:italic;line-height:1.35;color:var(--forest-ink);opacity:.8;}
.ds-band__art{position:relative;overflow:hidden;height:min(calc(100vw / var(--ds-band-ratio,2.5)),116px);background:linear-gradient(to bottom,var(--ds-band-wall) var(--ds-band-floor,84%),var(--ds-band-ground) var(--ds-band-floor,84%));}
.ds-band__art img{position:absolute;right:0;bottom:0;display:block;width:auto;max-width:none;height:100%;-webkit-mask-image:linear-gradient(to right,transparent,#000 30%),linear-gradient(to bottom,transparent,#000 14px);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent,#000 30%),linear-gradient(to bottom,transparent,#000 14px);mask-composite:intersect;}
.ds-opening--band-plain .ds-band__copy{padding-bottom:4px;}
.ds-reading__lead{display:grid;gap:16px;align-content:start;padding:20px 0 4px;min-width:0;}
.ds-reading__lead .ds-opening__answer-label{margin:0 0 6px;}
.ds-reading__lead .ds-opening__answer-label .ds-icon{display:none;}
.ds-reading__lead .ds-opening__lede{max-width:40ch;font-size:18px;line-height:1.5;color:var(--forest-ink);}
.ds-plant-photo{margin:0;width:100%;max-width:560px;aspect-ratio:1 / 1;border-radius:var(--web-radius-large);overflow:hidden;background:var(--olive-wash);}
.ds-plant-photo img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit;outline:1px solid rgba(15,42,31,.08);outline-offset:-1px;}
.ds-photo-check{grid-column:auto;justify-self:stretch;display:flex;align-items:center;gap:12px;width:100%;max-width:560px;min-height:64px;margin:0;padding:8px 14px 8px 10px;border:1px solid var(--web-hairline);border-radius:var(--web-radius-card);background:var(--web-card-raised);color:var(--forest-ink);font-family:var(--font-body);text-decoration:none;}
.ds-photo-check:hover{border-color:var(--web-hairline-strong);}
.ds-photo-check__kitty{flex:none;width:44px;height:44px;image-rendering:pixelated;}
.ds-photo-check__text{display:grid;gap:2px;flex:1;min-width:0;}
.ds-photo-check__q{font-size:16px;font-weight:600;line-height:1.3;}
.ds-photo-check__a{font-size:14px;font-weight:400;line-height:1.35;color:var(--text-muted);}
.ds-photo-check__arrow{flex:none;font-size:18px;color:var(--emerald-wordmark);}
.ds-lead-safety{display:flex;align-items:center;gap:8px;margin:-4px 0 0;font-family:var(--font-body);font-size:15px;font-weight:600;}
.ds-page-lead{display:grid;gap:14px;padding-top:20px;}
.ds-page-lead .ds-opening__lede{max-width:60ch;font-size:18px;line-height:1.5;color:var(--forest-ink);}
.ds-page-lead .ds-opening__meta{margin:0;color:var(--text-muted);}
.ds-page-lead+.ds-page>.ds-section:first-child{padding-top:20px;}
.ds-page-lead .ds-care-guide__prose{max-width:68ch;}
.ds-compare-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:600px;}
.ds-compare-pair__item{display:grid;align-content:start;gap:2px;min-width:0;color:var(--forest-ink);text-decoration:none;}
.ds-compare-pair__photo{display:block;margin-bottom:8px;aspect-ratio:1;border-radius:var(--web-radius-card);overflow:hidden;background:var(--olive-wash);}
.ds-compare-pair__photo img{display:block;width:100%;height:100%;object-fit:cover;}
.ds-compare-pair__name{font-size:17px;font-weight:600;line-height:1.3;}
.ds-compare-pair__name::after{content:" →";color:var(--emerald-wordmark);}
.ds-compare-pair__sci{font-size:14px;font-style:italic;line-height:1.35;color:var(--text-muted);}
@media (max-width:760px){
.ds-ledger-table--pair thead{display:block;}
.ds-ledger-table--pair tr{display:grid;grid-template-columns:1fr 1fr;column-gap:16px;}
.ds-ledger-table--pair thead th:first-child{display:none;}
.ds-ledger-table--pair thead th{padding:0 0 10px;font-size:14px;color:var(--forest-ink);}
.ds-ledger-table--pair th[scope="row"]{grid-column:1/-1;padding-bottom:6px;font-size:17px;}
.ds-ledger-table--pair td+td{margin-top:0;}
.ds-ledger-table--pair td[colspan]{grid-column:1/-1;}
.ds-ledger-table--pair td:not([colspan])::before{display:none;}
.ds-ledger-table--matrix{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 28px),transparent);}
.ds-ledger-table--matrix table{display:table;min-width:880px;font-size:14px;}
.ds-ledger-table--matrix thead{display:table-header-group;}
.ds-ledger-table--matrix tbody{display:table-row-group;}
.ds-ledger-table--matrix tr{display:table-row;padding:0;}
.ds-ledger-table--matrix td{display:table-cell;padding:12px;border-bottom:1px dotted var(--web-hairline-dotted);}
.ds-ledger-table--matrix td+td{margin-top:0;}
.ds-ledger-table--matrix td[data-plant]::before{display:none;}
.ds-ledger-table--matrix th[scope="row"]{display:table-cell;position:sticky;left:0;z-index:1;min-width:112px;padding:12px;background:var(--web-ground);font-size:16px;border-bottom:1px dotted var(--web-hairline-dotted);}
.ds-ledger-table--matrix tr.is-highlight th[scope="row"]{background:var(--olive-wash);}
.ds-plant-grid--collection .ds-plant-card__photo{aspect-ratio:1;}
}
.ds-jump-index--chips{margin:0;padding:8px 0 0;border:0;}
.ds-jump-index--chips .ds-jump-index__list{display:flex;flex-wrap:nowrap;gap:8px;margin:0 -20px;padding:2px 40px 6px 20px;overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 32px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 32px),transparent);}
.ds-jump-index--chips .ds-jump-index__list::-webkit-scrollbar{display:none;}
.ds-jump-index--chips .ds-jump-index__item,.ds-jump-index--chips .ds-jump-index__item+.ds-jump-index__item{flex:none;border:0;}
.ds-jump-index--chips .ds-jump-index__link{display:inline-flex;align-items:center;gap:0;min-height:40px;padding:0 14px;border:1px solid var(--web-hairline-strong);border-radius:var(--web-radius-pill);background:var(--web-card-raised);font-size:15px;font-weight:500;white-space:nowrap;color:var(--forest-ink);box-shadow:none;}
.ds-jump-index--chips .ds-jump-index__link:hover{border-color:var(--forest-ink);color:var(--forest-ink);box-shadow:none;}
.ds-jump-index--chips .ds-jump-index__link[data-ds-chip="all"]{background:var(--forest-deep);border-color:var(--forest-deep);color:var(--web-on-forest);}
.ds-glance-section{padding:24px 0 4px;}
.ds-glance-section__title{margin:0 0 2px;font-family:var(--font-body);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);}
.ds-glance-grid--spec{display:block;}
.ds-glance-grid--spec .ds-glance-tile,.ds-glance-grid--spec .ds-glance-tile--toxic{position:relative;display:block;min-height:0;padding:12px 0 12px 44px;border:0;border-top:1px solid var(--web-hairline);border-radius:0;background:none;}
.ds-glance-grid--spec .ds-glance-tile:first-child{border-top:0;}
.ds-glance-grid--spec .ds-glance-tile__label{display:block;margin:0;font-size:14px;font-weight:400;letter-spacing:0;text-transform:none;color:var(--text-muted);}
.ds-glance-grid--spec .ds-glance-tile__label .ds-icon-badge{position:absolute;left:0;top:12px;transform:none;width:32px;height:32px;background:none;}
.ds-glance-tile__pixel{position:absolute;left:4px;top:15px;width:24px;height:24px;}
.ds-glance-tile__pixel .ds-pixel-icon{display:block;width:24px;height:24px;}
.ds-glance-grid--spec .ds-glance-tile__value,.ds-glance-grid--spec .ds-glance-tile--figure .ds-glance-tile__value{margin:2px 0 0;font-family:var(--font-body);font-size:17px;font-weight:500;line-height:1.4;letter-spacing:0;color:var(--forest-ink);}
.ds-glance-grid--spec .ds-glance-tile--toxic .ds-glance-tile__value{color:var(--attention-web-text);}
.ds-glance-grid--spec .ds-glance-tile--safe .ds-glance-tile__value{color:var(--emerald-wordmark);}
.ds-glance-grid--spec .ds-glance-tile__season{display:inline;margin:0;font-size:15px;font-weight:400;color:var(--text-muted);}
.ds-glance-grid--spec .ds-glance-tile__season+br{display:inline;}
.ds-urgency{display:grid;gap:10px;margin:8px 0 16px;max-width:680px;}
.ds-urgency__tier{padding:14px 16px 14px 18px;border-radius:var(--web-radius-card);border-left:4px solid;font-family:var(--font-body);}
.ds-urgency__tier--now{background:var(--web-toxic-wash);border-left-color:var(--attention-web-text);}
.ds-urgency__tier--today{background:var(--caution-wash);border-left-color:var(--caution-ink);}
.ds-urgency__tier--home{background:var(--ed-tint);border-left-color:var(--emerald-wordmark);}
.ds-urgency__label{margin:0 0 4px;font-size:16px;font-weight:700;line-height:1.3;color:var(--forest-ink);}
.ds-urgency__tier--now .ds-urgency__label{color:var(--attention-web-text);}
.ds-urgency__tier--today .ds-urgency__label{color:var(--caution-ink);}
.ds-urgency__text{margin:0;font-size:16px;line-height:1.5;color:var(--web-body);}
.ds-plant-grid--single{grid-template-columns:minmax(0,240px);}
.ds-cause-grid--lead{margin-top:4px;}
@media (max-width:1099px){
.ds-guide-directory{display:block;padding:16px 16px 6px;}
.ds-guide-directory__group{margin:0 0 12px;}
.ds-guide-directory__group-title{padding:0;margin:0 0 8px;}
.ds-guide-directory__list{display:flex;flex-wrap:wrap;gap:8px;}
.ds-guide-directory__row,.ds-guide-directory__link,.ds-guide-directory__link:has(>.ds-icon-badge),.ds-guide-directory__row:has(>.ds-icon-badge){display:inline-flex;align-items:center;gap:0;min-height:40px;padding:0 14px;border:1px solid var(--web-hairline-strong);border-radius:var(--web-radius-pill);background:var(--web-card-raised);}
.ds-guide-directory__row.ds-guide-directory__row--current,.ds-guide-directory__row--current:has(>.ds-icon-badge){background:var(--forest-deep);border-color:var(--forest-deep);}
.ds-guide-directory .ds-icon-badge,.ds-guide-directory__arrow,.ds-guide-directory__hint{display:none;}
.ds-guide-directory__here{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:0;}
.ds-guide-directory__title,.ds-guide-directory--compact .ds-guide-directory__title{font-size:15px;font-weight:500;white-space:nowrap;}
}
@media (max-width:1099px){
.ds-reading__rail>.ds-glance-section{order:1;}
.ds-reading__rail>.ds-jump-index--chips{order:2;margin-bottom:8px;}
}
@media (min-width:760px){
.ds-band__copy{padding:16px 40px 20px;}
.ds-band__art{height:min(calc(100vw / var(--ds-band-ratio,2.5)),200px);}
.ds-jump-index--chips .ds-jump-index__list{margin:0 -40px;padding:2px 56px 6px 40px;}
}
@media (min-width:1100px){
.ds-band{display:grid;align-items:center;min-height:clamp(320px,27vw,400px);}
.ds-band__copy{width:100%;padding:28px 40px 32px;}
.ds-band__copy>*{max-width:min(560px,42vw);}
.ds-band .ds-opening__title{font-size:min(var(--ds-media-h1,52px),52px);}
.ds-band__latin{font-size:18px;}
.ds-band__art{position:absolute;inset:0;height:auto;}
.ds-reading:has(>.ds-reading__lead){grid-template-rows:auto auto;}
.ds-reading>.ds-reading__lead{grid-column:1;grid-row:1;padding-top:0;}
.ds-reading:has(>.ds-reading__lead)>.ds-reading__main{grid-row:2;}
.ds-reading:has(>.ds-reading__lead)>.ds-reading__rail{grid-row:1 / span 2;}
.ds-reading__lead .ds-opening__lede{font-size:19px;}
.ds-page-lead{padding-top:28px;}.ds-page-lead .ds-opening__lede{font-size:19px;}
/* A rail holding only the chip row (symptom, care topic) would leave an
   empty 340px column: the page reads as one 760px column instead. */
.ds-reading:has(>.ds-reading__rail>.ds-jump-index--chips:only-child){grid-template-columns:minmax(0,760px);grid-template-rows:auto auto auto;}
.ds-reading:has(>.ds-reading__rail>.ds-jump-index--chips:only-child)>.ds-reading__rail{grid-column:1;grid-row:2;position:static;}
.ds-reading:has(>.ds-reading__rail>.ds-jump-index--chips:only-child)>.ds-reading__main{grid-row:3;}
.ds-reading__rail>.ds-glance-section{padding-top:0;}
.ds-reading__rail>.ds-jump-index--chips{padding:0;}
.ds-jump-index--chips .ds-jump-index__list{flex-wrap:wrap;margin:0;padding:0;overflow:visible;-webkit-mask-image:none;mask-image:none;}
.ds-jump-index--chips .ds-jump-index__link{min-height:36px;font-size:14px;}
}
@media (prefers-reduced-motion: reduce){
[class^="ds-"],[class*=" ds-"],[class^="ds-"] *,[class*=" ds-"] *{transition-duration:.01ms !important;animation-duration:.01ms !important;animation-iteration-count:1 !important;scroll-behavior:auto !important;}
.ds-plant-card:hover .ds-plant-card__photo img{transform:none;}
.ds-pathway-card--row:hover .ds-pathway-card__thumb{transform:none;}
.ds-pathway-card:hover .ds-pathway-card__arrow,.ds-guide-tile:hover .ds-guide-tile__arrow,.ds-guide-directory__link:hover .ds-guide-directory__arrow,.ds-jump-index__link:hover .ds-jump-index__arrow,.ds-verdict-card__link:hover span{transform:none;}
.ds-plant-card:active,.ds-guide-tile:active,.ds-guide-chip:active,.ds-pathway-card:active,.ds-web-button:active,.ds-app-cta__action:active,.ds-mobile-store-bar__action:active,.ds-site-footer__action:active{transform:none;}
}
html[lang="el"],html[lang="uk"]{--font-display:'Noto Serif', "Fraunces Soft", Georgia, "Times New Roman", serif;--font-body:'Noto Sans', "Jost", system-ui, -apple-system, sans-serif;}
html[lang="ja"]{--font-display:'Noto Serif JP', 'Hiragino Mincho ProN', 'Yu Mincho', serif;--font-body:'Noto Sans JP', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', 'Yu Gothic', 'Meiryo', "Jost", sans-serif;}
html[lang="ko"]{--font-display:'Noto Serif KR', 'AppleMyungjo', 'Batang', serif;--font-body:'Noto Sans KR', 'Apple SD Gothic Neo', 'Malgun Gothic', "Jost", sans-serif;}.ds-plant-card__photo .ph{width:100%;height:100%;display:grid;place-items:center;background:var(--web-paper) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23047857' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21V9M12 14c-4.6 0-7-2.4-7-6.8 4.6 0 7 2.4 7 6.8ZM12 11c4.6 0 7-2.4 7-6.8-4.6 0-7 2.4-7 6.8Z'/%3E%3C/svg%3E") no-repeat center / 34px 34px;}