#main:has(> .gi-standard-page) { padding-block: 0; }
.gi-standard-page { background: var(--gi-ivory-50); padding: 1.5rem 0 7rem; }
.gi-standard-page__inner { margin-inline: auto; width: var(--gi-content); }
.gi-standard-page .gi-editorial-breadcrumb { margin-bottom: clamp(2.5rem, 4vw, 4.5rem); }
.gi-standard-page__hero { border-bottom: 1px solid var(--gi-border); padding-bottom: clamp(3rem, 6vw, 6rem); }
.gi-standard-page__hero--with-media { align-items: end; display: grid; gap: clamp(2.5rem, 6vw, 6rem); grid-template-columns: minmax(0, .82fr) minmax(30rem, 1.18fr); }
.gi-standard-page__heading { padding-bottom: clamp(.5rem, 2vw, 2rem); }
.gi-standard-page__heading .gi-eyebrow { margin: 0 0 1.2rem; }
.gi-standard-page__heading h1 { font-size: clamp(3.25rem, 6.4vw, 6.6rem); letter-spacing: -.065em; line-height: .98; margin: 0; max-width: 11ch; }
.gi-standard-page__lead { color: var(--gi-muted); font-size: clamp(1.1rem, 1.6vw, 1.35rem); line-height: 1.7; margin: 2rem 0 0; max-width: 40rem; }
.gi-standard-page__lead a { color: var(--gi-moss-800); }
.gi-standard-page__media { margin: 0; min-height: 28rem; overflow: hidden; }
.gi-standard-page__media img { display: block; height: 100%; min-height: 28rem; object-fit: cover; width: 100%; }
.gi-standard-page__layout { align-items: start; display: grid; gap: clamp(3rem, 7vw, 7rem); grid-template-columns: minmax(11rem, 14rem) minmax(0, 48.75rem); padding-top: clamp(3rem, 6vw, 6rem); }
.gi-standard-page__layout--without-rail { display: block; }
.gi-standard-page__layout--without-rail .gi-standard-page__document { margin-inline: auto; }
.gi-standard-page__rail { max-height: calc(100vh - 10rem); overflow-y: auto; position: sticky; top: 8.5rem; }
.gi-standard-page__rail > p { color: var(--gi-moss-900); font-size: .75rem; font-weight: 800; letter-spacing: .1em; margin: 0 0 .75rem; text-transform: uppercase; }
.gi-standard-page__rail ol { list-style: none; margin: 0; padding: 0; }
.gi-standard-page__rail li { border-bottom: 1px solid var(--gi-border); margin: 0; }
.gi-standard-page__rail a { color: var(--gi-muted); display: block; font-size: .8125rem; line-height: 1.5; padding: .8rem 0; text-decoration: none; }
.gi-standard-page__rail a:hover { color: var(--gi-moss-900); text-decoration: underline; text-underline-offset: .25em; }
.gi-standard-page__document { max-width: 48.75rem; min-width: 0; }
.gi-standard-page__content { width: 100%; }
.gi-standard-page--planting-guide .gi-standard-page__heading h1 { max-width: 15ch; }
.gi-standard-page--planting-guide { padding-top: 0; }
.gi-standard-page--planting-guide .gi-journal__hero { margin-inline: calc(50% - 50vw); width: 100vw; }
.gi-standard-page--planting-guide .gi-journal__hero h1 { max-width: 10ch; }
.gi-standard-page--planting-guide .gi-journal__hero-art { filter: saturate(.82) contrast(.94); }
.gi-standard-page--planting-guide .gi-journal__hero-media::after { opacity: .36; }
.gi-standard-page--planting-guide .gi-standard-page__layout--without-rail .gi-standard-page__document { max-width: 86rem; }
.gi-standard-page--planting-guide .gi-standard-page__layout { padding-top: clamp(3.5rem, 7vw, 7rem); }
.gi-standard-page--planting-guide .gi-pg { margin-block: 0; }
.gi-standard-page__next { border-top: 1px solid var(--gi-border); display: grid; gap: 0 2rem; grid-template-columns: minmax(10rem, 1fr) 1fr 1fr; margin-top: 4.5rem; padding-top: 1.5rem; }
.gi-standard-page__next p { color: var(--gi-muted); font-size: .8125rem; font-weight: 750; margin: .45rem 0 0; }
.gi-standard-page__next a { color: var(--gi-moss-900); font-size: .9375rem; font-weight: 750; padding: .4rem 0; text-decoration: none; }
.gi-standard-page__next a:hover { text-decoration: underline; text-underline-offset: .3em; }
@media (max-width: 980px) {
    .gi-standard-page__hero--with-media { align-items: start; grid-template-columns: minmax(0, 1fr) minmax(22rem, 1fr); }
    .gi-standard-page__heading h1 { font-size: clamp(3.25rem, 7vw, 5.25rem); }
    .gi-standard-page__media, .gi-standard-page__media img { min-height: 23rem; }
    .gi-standard-page__layout { gap: 3rem; grid-template-columns: 11rem minmax(0, 1fr); }
}
@media (max-width: 760px) {
    .gi-standard-page { padding: 1rem 0 4.5rem; }
    .gi-standard-page .gi-editorial-breadcrumb { margin-bottom: 2.2rem; }
    .gi-standard-page__hero--with-media { display: flex; flex-direction: column; gap: 2.2rem; }
    .gi-standard-page__heading h1 { font-size: clamp(2.65rem, 14vw, 4.5rem); }
    .gi-standard-page__lead { font-size: 1.0625rem; margin-top: 1.4rem; }
    .gi-standard-page__media { min-height: 0; width: 100%; }
    .gi-standard-page__media img { aspect-ratio: 4 / 3; min-height: 0; }
    .gi-standard-page__layout { display: block; padding-top: 2.5rem; }
    .gi-standard-page__rail { border-bottom: 1px solid var(--gi-border); max-height: none; overflow: visible; padding-bottom: 2rem; position: static; }
    .gi-standard-page__rail ol { display: flex; flex-wrap: wrap; gap: .25rem 1rem; }
    .gi-standard-page__rail li { border: 0; }
    .gi-standard-page__rail a { padding: .35rem 0; text-decoration: underline; text-underline-offset: .25em; }
    .gi-standard-page__document { padding-top: 2.5rem; }
    .gi-standard-page__next { grid-template-columns: 1fr; }
    .gi-standard-page__next p { margin-bottom: .5rem; }
    .gi-standard-page__next a { border-bottom: 1px solid var(--gi-border); padding: .85rem 0; }
}