.journal-heading { display:grid; grid-template-columns:1.35fr 1fr; align-items:end; gap:4rem; margin-bottom:2.5rem; }
.journal-heading h1 { font-size:clamp(2.6rem,4.8vw,4.4rem); margin:0; line-height:1.1; }
.journal-heading > p { color:var(--muted); max-width:400px; margin:0 0 .3rem; font-size:1.05rem; }
.journal-search { max-width:620px; margin-bottom:1.5rem; }
.journal-search label { display:block; font-size:.85rem; margin-bottom:.5rem; color:var(--muted); }
.journal-search > div { display:flex; gap:.6rem; }
.journal-search input[type=search] { min-width:0; flex:1; border:1px solid #a3b4bf; border-radius:12px; padding:.8rem 1rem; background:white; color:var(--ink); }
.topic-tabs { display:flex; gap:.6rem; flex-wrap:wrap; margin-bottom:2.2rem; }
.topic-tabs a { display:flex; gap:.65rem; align-items:center; min-height:46px; padding:.55rem 1rem; border-radius:30px; border:1px solid var(--line); font-size:.85rem; }
.topic-tabs a[aria-current] { background:var(--navy); color:white; border-color:var(--navy); }
.topic-tabs a:hover { border-color:var(--navy); }
.topic-tabs span { opacity:.65; font-size:.75rem; }
.journal-feature { display:grid; grid-template-columns:1fr 1fr; border-radius:30px; background:#e5edf2; overflow:hidden; margin-bottom:4rem; }
.journal-feature__copy { display:flex; flex-direction:column; align-items:start; padding:clamp(1.6rem,4vw,3.5rem); }
.journal-feature__copy h2 { font-size:clamp(2rem,3.2vw,3rem); line-height:1.15; margin:1.2rem 0; }
.journal-feature__copy > p:not(.eyebrow) { color:var(--muted); max-width:460px; }
.journal-feature__copy .button { margin-top:auto; }
.journal-feature__image { min-width:0; min-height:390px; position:relative; }
.journal-feature__image img { width:100%; height:100%; position:absolute; inset:0; object-fit:cover; object-position:70% center; }
.editorial-meta { display:flex; flex-wrap:wrap; gap:.5rem 1rem; color:var(--muted); font-size:.78rem; }
.editorial-meta span:first-child { color:var(--navy); }
.editorial-section-heading { display:flex; justify-content:space-between; align-items:baseline; gap:1rem; margin-bottom:1.5rem; }
.editorial-section-heading h2 { margin:0; }
.editorial-section-heading > span { color:var(--muted); font-size:.85rem; flex:none; }
.story-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.5rem; }
.story-card { display:flex; flex-direction:column; border:1px solid var(--line); border-radius:24px; background:#fff; overflow:hidden; min-width:0; }
.story-card__image { position:relative; display:block; aspect-ratio:16/9; overflow:hidden; }
.story-card__image img { width:100%; height:100%; object-fit:cover; object-position:center 60%; transition:transform .35s; }
.story-card:has(a:hover) .story-card__image img { transform:scale(1.025); }
.story-card__copy { display:flex; flex-direction:column; flex:1; padding:1.6rem; }
.store-main .story-card h3 { font-size:clamp(1.4rem,2vw,1.9rem); line-height:1.25; margin:1rem 0 .8rem; }
.story-card p { color:var(--muted); font-size:.95rem; margin-bottom:1.5rem; }
.story-card__link { display:flex; justify-content:space-between; align-items:center; margin-top:auto; color:var(--navy); border-top:1px solid var(--line); padding-top:1rem; min-height:48px; }
.story-card__link span { font-size:1.4rem; }
.editorial-note { color:var(--muted); font-size:.8rem; border-top:1px solid var(--line); padding-top:1.5rem; margin-top:2rem; }
.article-hero { display:grid; grid-template-columns:1.2fr .8fr; background:#e5edf2; border-radius:30px; overflow:hidden; margin-bottom:3.5rem; }
.article-hero--peach { background:#f4e9dd; }
.article-hero--sage { background:#e7ede3; }
.article-hero__copy { padding:clamp(1.5rem,4vw,3.5rem); }
.article-hero h1 { font-size:clamp(2.2rem,3.6vw,3.65rem); line-height:1.14; margin:1.2rem 0; }
.article-hero__copy > p { color:var(--muted); margin-bottom:1.5rem; }
.article-hero > img { display:block; width:100%; height:100%; max-height:620px; object-fit:cover; object-position:65% center; min-height:0; }
.draft-label { display:inline-block; color:var(--muted); font-size:.74rem; }
.article-layout { display:grid; grid-template-columns:260px minmax(0,720px); justify-content:space-between; gap:clamp(2rem,7vw,6rem); }
.article-sidebar { align-self:start; position:sticky; top:1.5rem; }
.article-toc { border-bottom:1px solid var(--line); padding-bottom:1.3rem; margin-bottom:1.3rem; }
.article-toc > p { font-size:.9rem; color:var(--navy); font-weight:600; }
.article-toc ol { margin:0; padding:0; list-style:none; counter-reset:contents; }
.article-toc li { counter-increment:contents; }
.article-toc button { display:flex; align-items:baseline; gap:.8rem; border:0; background:transparent; padding:.6rem 0; text-align:left; font-size:.85rem; color:var(--muted); cursor:pointer; width:100%; min-height:44px; }
.article-toc button::before { content:counter(contents,decimal-leading-zero); color:var(--coral); font-size:.7rem; }
.article-toc button[aria-current],.article-toc button:hover { color:var(--navy); }
.article-product { display:flex; flex-direction:column; gap:.8rem; background:white; border:1px solid var(--line); border-radius:20px; padding:1.3rem; color:var(--navy); }
.article-product .eyebrow { margin:0; font-size:.6rem; }
.article-product img { width:100%; height:150px; object-fit:contain; }
.article-product > span:last-child { font-size:.85rem; display:flex; justify-content:space-between; }
.article-body { min-width:0; font-size:1.06rem; line-height:1.8; }
.article-body p { margin-bottom:1.2rem; }
.article-intro { color:var(--navy); font-size:1.15rem; }
.article-takeaway { background:#fff; border:1px solid var(--line); border-left:3px solid var(--coral); border-radius:0 20px 20px 0; padding:1.5rem; margin:2rem 0 3rem; }
.article-takeaway > span { font-weight:600; color:var(--navy); }
.article-takeaway p { margin:.5rem 0 0; }
.article-body section { margin:2.7rem 0; }
.article-body h2 { line-height:1.2; scroll-margin-top:2rem; }
.article-body h2:focus { outline-offset:8px; }
.article-checklist { list-style:none; padding:0; margin:1.5rem 0; display:grid; gap:.8rem; }
.article-checklist li { display:flex; gap:.8rem; }
.article-checklist li::before { content:'✓'; color:var(--navy); flex:none; }
.article-end { border-top:1px solid var(--line); margin-top:3rem; padding-top:2rem; display:flex; gap:1rem; flex-wrap:wrap; align-items:center; }
.article-end p { width:100%; font-size:1.4rem; color:var(--navy); margin:0; }
.related-stories { padding-top:4rem; margin-top:4rem; border-top:1px solid var(--line); }
.journal-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.journal-count { margin:0 0 1.3rem; font-size:.85rem; color:var(--muted); }
.story-card--monitors,.article-hero--monitors { --editorial-tint:#e7eff3; }
.story-card--scales,.article-hero--scales { --editorial-tint:#edf0e6; }
.story-card--feeding,.article-hero--feeding { --editorial-tint:#f5e9df; }
.story-card__image--product { background:var(--editorial-tint,#eef0ed); padding:1.4rem 2rem; aspect-ratio:1.55; }
.story-card__image--product img { object-fit:contain; object-position:center; mix-blend-mode:multiply; }
.story-card__meta { display:flex; align-items:center; justify-content:space-between; gap:.75rem; color:var(--muted); font-size:.75rem; }
.story-card__meta .eyebrow { margin:0; font-size:.62rem; letter-spacing:.08em; }
.story-card__meta > span:last-child { flex:none; }
.journal-grid .story-card h3 { font-size:clamp(1.25rem,1.6vw,1.6rem); margin:.9rem 0 .8rem; }
.journal-grid .story-card__copy { padding:1.5rem; }
.journal-grid .story-card__copy > p { font-size:.9rem; line-height:1.65; }
.article-hero--monitors,.article-hero--scales,.article-hero--feeding { background:var(--editorial-tint); }
.article-hero__product { min-width:0; margin:0; padding:2.2rem; display:flex; flex-direction:column; justify-content:center; gap:1.25rem; align-self:stretch; }
.article-hero__product img { display:block; width:100%; height:300px; object-fit:contain; mix-blend-mode:multiply; }
.article-hero__product figcaption { color:var(--muted); font-size:.75rem; line-height:1.5; text-align:center; }
.editorial-article .article-hero h1 { font-size:clamp(2rem,3.25vw,3.25rem); }
.editorial-article .article-hero__copy > .cms-article-meta { font-size:.78rem; margin-bottom:0; }
.editorial-article .article-takeaway { margin-top:0; }
.editorial-article .article-toc a { display:flex; align-items:baseline; gap:.75rem; }
.article-toc a::before { content:counter(contents,decimal-leading-zero); color:var(--coral); font-size:.7rem; flex:none; }
.article-body a { color:var(--navy); text-decoration:underline; text-decoration-color:#8fa7b5; text-underline-offset:.2em; text-decoration-thickness:1px; }
.article-body a:hover { text-decoration-color:currentColor; }
.article-body li { margin-bottom:.65rem; padding-left:.2rem; }
.article-body ul { padding-left:1.2rem; }
.article-body .article-source { font-size:.8rem; line-height:1.7; color:var(--muted); margin-top:1.5rem; }
.article-products .product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); max-width:780px; }
.article-products .product-grid > :only-child { max-width:380px; }
@media(min-width:701px) and (max-width:1050px) { .journal-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .article-hero__product { padding:1.5rem; } .article-hero__product img { height:240px; } }
@media(max-width:1000px) { .journal-heading { gap:2rem; } .article-layout { grid-template-columns:220px minmax(0,1fr); gap:2rem; } .article-hero { grid-template-columns:1.2fr .8fr; } .article-sidebar { position:static; } }
@media(max-width:700px) {
  .journal-heading { grid-template-columns:1fr; gap:1.25rem; }
  .journal-heading h1 { font-size:2.5rem; }
  .journal-heading > p { font-size:.95rem; }
  .journal-search input { font-size:.85rem; }
  .journal-search .button { padding-inline:1rem; }
  .topic-tabs { gap:.5rem; }
  .topic-tabs a { font-size:.75rem; padding:.5rem .8rem; }
  .journal-feature,.article-hero { grid-template-columns:1fr; border-radius:22px; }
  .journal-feature__image { min-height:0; aspect-ratio:4/3; }
  .journal-feature__copy h2 { font-size:1.85rem; }
  .journal-feature__copy .button { margin-top:.5rem; }
  .story-grid { grid-template-columns:1fr; gap:1.2rem; }
  .editorial-section-heading { flex-wrap:wrap; }
  .editorial-section-heading h2 { font-size:1.65rem; }
  .story-card__copy { padding:1.25rem; }
  .article-hero > img { height:auto; aspect-ratio:4/3; }
  .article-hero h1 { font-size:2.1rem; }
  .article-layout { display:flex; flex-direction:column; gap:1rem; }
  .article-sidebar { width:100%; }
  .article-product { display:none; }
  .article-toc { padding:1.25rem; border:1px solid var(--line); border-radius:20px; }
  .article-body { font-size:1rem; line-height:1.75; }
  .article-intro { font-size:1.07rem; }
  .article-body h2 { font-size:1.6rem; }
  .article-takeaway { padding:1.25rem; }
  .article-end { align-items:stretch; flex-direction:column; }
  .article-end .text-link { align-self:start; }
  .related-stories { margin-top:2.5rem; padding-top:2.5rem; }
  .article-hero__product { padding:0 1.75rem 1.5rem; gap:.8rem; }
  .article-hero__product img { height:210px; }
  .article-products .product-grid { grid-template-columns:1fr; }
  .article-products .product-grid > :only-child { max-width:none; }
}

/* Article recommendations: balanced rows with a consistent photo frame. */
.story-card__link .story-card__arrow{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#edf3f7;transition:background .2s,color .2s,transform .2s}
.story-card__arrow svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.story-card__link:hover .story-card__arrow{background:var(--navy);color:white;transform:translateX(3px)}
.store-page .article-products .product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:none;gap:1.25rem;overflow:visible;padding-bottom:0}
.store-page .article-products .product-grid>:only-child{max-width:none}
.store-page .article-products .article-product-card{display:grid;grid-template-columns:minmax(120px,.85fr) minmax(0,1.15fr);gap:1.2rem;align-items:center;padding:1.2rem;min-width:0}
.store-page .article-products .product-card__image{margin:0;aspect-ratio:1;width:100%;height:auto;background:#f5f6f5;border-radius:14px}
.store-page .article-products .product-photo{width:100%;height:100%;max-height:none;object-fit:contain;mix-blend-mode:normal}
.article-product-card__copy{min-width:0;display:flex;flex-direction:column;align-self:stretch}
.article-product-card .product-meta{margin:0 0 .6rem;font-size:.65rem}
.store-page .article-product-card h3{min-height:0;margin:0 0 .65rem;font-size:1.1rem;line-height:1.35}
.article-product-card .cms-card-description{font-size:.8rem;line-height:1.6;margin:0 0 1rem}
.article-product-card .button{width:100%;min-height:44px;font-size:.78rem;padding:.65rem .8rem}
@media(max-width:1000px){.store-page .article-products .product-grid{grid-template-columns:1fr}}
@media(max-width:480px){.store-page .article-products .article-product-card{grid-template-columns:110px minmax(0,1fr);gap:.85rem;padding:.85rem}.article-product-card .cms-card-description{display:none}.store-page .article-product-card h3{font-size:.95rem}.article-product-card .button{font-size:.7rem}.article-product-card .product-meta{font-size:.6rem}}
@media(prefers-reduced-motion:reduce){.story-card__link .story-card__arrow{transition:none}}