.pc-hero{background:linear-gradient(135deg,#edf5e9,#dcebd6);padding:clamp(48px,8vw,90px) 20px}.pc-hero-inner,.pc-wrap{max-width:1100px;margin:auto}.pc-kicker{color:var(--green);font-size:.82rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.pc-hero h1{max-width:760px;margin:8px 0 16px;font-size:clamp(2.2rem,5vw,4rem);line-height:1.05}.pc-lead{max-width:720px;color:var(--text-mid);font-size:1.12rem;line-height:1.7}.pc-jump{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}.pc-jump a{background:#fff;border:1px solid var(--border);border-radius:999px;padding:8px 13px;color:var(--green-dark);font-size:.84rem;font-weight:700;text-decoration:none}.pc-section{padding:64px 20px}.pc-section:nth-of-type(even){background:#f7f8f4}.pc-section h2{font-size:clamp(1.7rem,3vw,2.45rem);margin:0 0 12px}.pc-intro{max-width:760px;color:var(--text-mid);line-height:1.7}.pc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}.pc-card{background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:22px}.pc-card h3{margin:0 0 9px;font-size:1.05rem}.pc-card p,.pc-card li{color:var(--text-mid);font-size:.91rem;line-height:1.65}.pc-card ul,.pc-steps{padding-left:20px}.pc-note{margin-top:24px;border-left:5px solid var(--green);background:#edf5e9;padding:16px 18px;border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--text-mid)}.pc-steps li{margin-bottom:12px;color:var(--text-mid);line-height:1.65}.pc-cta{text-align:center;background:var(--green-dark);color:#fff;padding:58px 20px}.pc-cta h2{color:#fff}.pc-cta p{max-width:680px;margin:0 auto 20px;color:rgba(255,255,255,.82)}@media(max-width:850px){.pc-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.pc-grid{grid-template-columns:1fr}.pc-section{padding:44px 16px}}
.pc-soil-card{padding:0;overflow:hidden}.pc-soil-card img{display:block;width:100%;height:190px;object-fit:cover}.pc-soil-body{padding:20px}.pc-soil-check{font-weight:700;color:var(--green-dark)!important}.pc-feature{display:grid;grid-template-columns:minmax(260px,.8fr) 1.2fr;gap:30px;align-items:center;margin-top:28px}.pc-feature img{width:100%;max-height:430px;object-fit:cover;border-radius:var(--radius-lg)}@media(max-width:850px){.pc-feature{grid-template-columns:1fr}}
.pc-brand-kicker{text-transform:none;font-size:1rem;letter-spacing:.08em}
.pc-hero-inner{max-width:1180px}
.pc-hero h1{max-width:1080px;font-size:clamp(2rem,3.8vw,3.4rem)}
#soil .pc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:600px){#soil .pc-grid{grid-template-columns:1fr}}

/* Landing page and hierarchical topic navigation. */
.pc-page .pc-hero h1{max-width:1000px;margin-top:10px}.pc-hero-description{max-width:690px;color:var(--text-mid);line-height:1.75;margin:0 0 24px}.pc-topic-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:30px}.pc-topic-card{background:white;border:1px solid var(--border-light);border-radius:16px;overflow:hidden;scroll-margin-top:100px}.pc-topic-card>a{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit}.pc-topic-card img{width:100%;aspect-ratio:3/2;object-fit:cover}.pc-topic-copy{padding:24px;display:flex;flex-direction:column;flex:1}.pc-topic-copy h2{font-size:1.35rem;margin:4px 0 12px;line-height:1.2}.pc-topic-copy>p:not(.pc-kicker){font-size:.94rem;line-height:1.7;color:var(--text-mid);margin:0 0 24px}.pc-topic-copy .pc-kicker{font-size:.66rem;margin:0}.pc-read{display:flex;justify-content:space-between;color:var(--green-dark);font-size:.86rem;font-weight:700;margin-top:auto}.pc-topic-card:hover{border-color:var(--green);box-shadow:0 6px 20px #173d2010}.pc-start{background:#f7f8f4}.pc-start-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;padding-left:22px;margin-top:28px}.pc-start-steps li{padding-left:5px}.pc-start-steps a{color:var(--green-dark);font-weight:750}.pc-start-steps span{display:block;font-size:.9rem;line-height:1.7;color:var(--text-mid);margin-top:8px}.pc-cta-link{display:block;color:white;text-decoration:underline;margin-top:18px}.pc-back{display:inline-block;color:var(--green-dark);font-weight:700;text-underline-offset:4px;margin-top:10px}.pc-detail-layout{display:grid;grid-template-columns:235px minmax(0,1fr);gap:42px;padding:42px 20px 60px;max-width:1180px}.pc-topic-nav nav{border:1px solid var(--border-light);border-radius:12px;overflow:hidden;background:#f7f8f4}.pc-nav-root{display:block;padding:18px;color:var(--green-dark);font-weight:800;border-bottom:1px solid var(--border-light);text-decoration:none}.pc-topic-tree{list-style:none;margin:0;padding:8px}.pc-topic-tree li{margin:0}.pc-topic-tree a{display:block;padding:10px 12px;font-size:.9rem;color:var(--text-mid);border-radius:6px;text-decoration:none}.pc-topic-tree a[aria-current=page]{background:var(--green-dark);color:white;font-weight:700}.pc-topic-tree a:hover:not([aria-current]){background:var(--green-light);color:var(--green-dark)}.pc-topic-tree .pc-topic-tree{padding-left:16px;border-left:1px solid var(--border-light);margin-left:15px}.pc-label-note{font-size:.83rem;line-height:1.75;color:var(--text-muted);margin-top:20px}.pc-quick-check{padding:24px;background:#edf5e9;border-radius:12px}.pc-quick-check h2{font-size:1.12rem;margin:0 0 12px}.pc-quick-check ul{margin:0;padding-left:20px;color:var(--text-mid);line-height:1.85}.pc-article{min-width:0}.pc-article .pc-section{padding:36px 0;background:transparent}.pc-article .pc-section h2,.pc-extra h2{font-size:1.65rem;line-height:1.3;margin:0 0 14px}.pc-article .pc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.pc-article .pc-feature{grid-template-columns:1fr}.pc-article .pc-feature img{max-height:340px;object-fit:contain;background:#f7f8f4}.pc-extra{padding:0 0 24px}.pc-extra>p{color:var(--text-mid);line-height:1.8;margin:0 0 20px}.pc-extra>h2:not(:first-child){margin-top:32px}.pc-extra .pc-grid{margin-bottom:30px}.pc-extra a{color:var(--green-dark);text-decoration:underline}.pc-next-topics{display:flex;flex-wrap:wrap;gap:12px;border-top:1px solid var(--border-light);padding-top:24px}.pc-next-topics a{flex:1;min-width:150px;padding:15px;background:#f7f8f4;border-radius:8px;color:var(--green-dark);font-weight:700;text-decoration:none;font-size:.9rem}.pc-next-topics small{display:block;text-transform:uppercase;letter-spacing:.07em;font-size:.65rem;color:var(--text-muted);margin-bottom:6px}.pc-page a:focus-visible{outline:3px solid #9a681e;outline-offset:4px}.pc-article .pc-topic-cards{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:950px){.pc-topic-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.pc-detail-layout{gap:25px;grid-template-columns:200px minmax(0,1fr)}.pc-start-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.pc-detail-layout{display:flex;flex-direction:column;padding:24px 16px 40px}.pc-topic-tree{display:flex;flex-wrap:wrap;gap:4px}.pc-topic-tree a{font-size:.83rem;padding:9px}.pc-label-note{display:none}.pc-article .pc-grid{grid-template-columns:1fr}.pc-article #soil .pc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:550px){.pc-topic-cards,.pc-start-steps,.pc-article .pc-topic-cards,.pc-article #soil .pc-grid{grid-template-columns:1fr}.pc-topic-copy{padding:20px}.pc-hero{padding:44px 16px}.pc-detail .pc-hero h1{font-size:2.3rem}}

.pc-article-photo{margin:30px 0 0}.pc-article-photo img{display:block;width:100%;max-height:340px;object-fit:contain;background:#f7f8f4;border-radius:12px}

.pc-article > .pc-note{margin:24px 0}.pc-article > .pc-note h2{font-size:1.2rem;line-height:1.4;margin:0 0 12px}.pc-article > .pc-note p{margin:0 0 12px}.pc-article > .pc-note a,.pc-soil-shortlists a{color:var(--green-dark);text-decoration:underline}.pc-soil-shortlists ul{padding-left:20px;line-height:1.8}.pc-soil-shortlists li+li{margin-top:12px}

/* Standard site-width guides, with framed photographs alongside the story. */
.pc-landing-brand{font-size:2.16em}
.pc-landing-brand > .tm-mark{font-size:.25em}
.pc-visual-intro{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(240px,.8fr);gap:32px;align-items:center;margin:24px 0 30px}
.pc-visual-intro .pc-intro{max-width:none}
.pc-framed-photo{margin:0;padding:10px;background:#fff;border:1px solid var(--border-light);border-radius:16px;box-shadow:0 8px 24px #173d2012;min-width:0}
.pc-framed-photo img{display:block;width:100%;height:auto;border-radius:9px}
.pc-framed-photo figcaption{padding:12px 5px 4px;color:var(--text-muted);font-size:.83rem;line-height:1.6}
.pc-garden-example{grid-template-columns:minmax(0,1fr) minmax(280px,1fr)}
.pc-garden-example p{color:var(--text-mid);line-height:1.8}
.pc-care-intro{grid-template-columns:minmax(0,1fr) minmax(210px,280px)}
.pc-portrait-photo{max-width:280px;justify-self:end}
@media(min-width:1000px){
 .pc-page > .pc-hero,.pc-page > .pc-section{padding-left:0;padding-right:0}
 .pc-page > .pc-hero > .pc-hero-inner,.pc-page > .pc-section > .pc-wrap,.pc-page > .pc-detail-layout{width:100%;max-width:var(--max-width);padding-left:var(--space-lg);padding-right:var(--space-lg);margin-left:auto;margin-right:auto}
 .pc-page > .pc-detail-layout{grid-template-columns:220px minmax(0,1fr);gap:32px}
 .pc-article .pc-wrap{max-width:none}
 .pc-hero-description,.pc-lead{max-width:900px}
 .pc-article .pc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .pc-article #soil .pc-grid,.pc-article .pc-soil-shortlists{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:999px){.pc-visual-intro,.pc-garden-example{grid-template-columns:minmax(0,1fr) minmax(180px,.75fr);gap:22px}}
@media(max-width:600px){.pc-visual-intro,.pc-garden-example{grid-template-columns:1fr}.pc-framed-photo{width:100%;box-sizing:border-box}.pc-portrait-photo{justify-self:center}.pc-landing-brand{display:inline-block}.pc-garden-example{margin-top:16px}}

/* ── Plant showcase: live "available now" plants at the end of an advice topic ── */
.plant-showcase { margin: 40px 0 8px; padding-top: 32px; border-top: 1px solid var(--border-light); }
.plant-showcase h2 { margin: 0 0 6px; }
.plant-showcase-intro { margin: 0 0 20px; color: var(--text-muted); }
.plant-showcase-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.plant-showcase-card { display: flex; flex-direction: column; background: var(--white); border: 1px solid var(--border); border-radius: var(--radius-lg); overflow: hidden; text-decoration: none; color: var(--text); transition: transform .2s, box-shadow .2s; }
.plant-showcase-card:hover { transform: translateY(-3px); box-shadow: var(--shadow); }
.plant-showcase-img { display: block; aspect-ratio: 1 / 1; background: var(--white); }
.plant-showcase-img img { width: 100%; height: 100%; object-fit: contain; display: block; }
.plant-showcase-name { padding: 10px 12px 0; font-weight: 700; font-size: 14px; line-height: 1.3; }
.plant-showcase-botanical { padding: 2px 12px 12px; font-size: 12px; font-style: italic; color: var(--text-muted); }
.plant-showcase-more { margin-top: 20px; }
@media (max-width: 900px) { .plant-showcase-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }