/* Two practical topics continue Garden Hub's established card layout. */
.sgh-page .sgh-cycle-photo{display:block;position:relative;overflow:hidden;width:100%;aspect-ratio:1;background:#edf1e7;border-radius:inherit}
.sgh-page .sgh-cycle-photo__frame{position:absolute;display:block;inset-inline:0;top:50%;aspect-ratio:1;transform:translateY(-50%) scale(1.018);overflow:hidden}
.sgh-page .sgh-cycle-photo__frame>img{display:block!important;position:absolute!important;width:300%!important;max-width:none!important;height:200%!important;max-height:none!important;left:calc(var(--cycle-col) * -100%);top:calc(var(--cycle-row) * -100%);object-fit:fill!important;border-radius:0!important;margin:0!important}
.sgh-page .sgh-cycle-hero-photo{position:relative;width:100%;flex:none;align-self:stretch;margin:0;border-radius:24px;overflow:hidden}
.sgh-page .sgh-cycle-hero-photo>.sgh-cycle-photo{aspect-ratio:1.12}
.sgh-page .sgh-cycle-hero-photo figcaption{display:flex;align-items:center;gap:10px;position:absolute;left:18px;bottom:18px;background:#fffef3f0;border:1px solid #fff9;padding:10px 16px;border-radius:12px;font-size:13px;font-weight:700;color:#294732}
.sgh-page .sgh-cycle-hero-photo figcaption .sgh-icon{width:22px;height:22px}
.sgh-page .sgh-cycle-guide .sgh-guide-hero__visual{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:18px;min-width:0}
.sgh-page .sgh-cycle-guide .sgh-guide-facts strong{font-size:clamp(15px,1.45vw,21px);line-height:1.3;overflow-wrap:normal;hyphens:auto}
.sgh-page .sgh-app .sgh-topic-nav__item:is(.sgh-topic-nav__item--seed_saving,.sgh-topic-nav__item--rotation)>.sgh-icon{flex:none;width:40px;height:40px;padding:8px;border-radius:12px;background:#e9efdc;color:#4d6b38!important}
.sgh-page .sgh-cycle-notice{display:flex;gap:18px;align-items:flex-start;padding:24px 28px;margin:24px 0 30px;border:1px solid #d9e3cc;background:#eef3e6;border-radius:18px;color:#294732}
.sgh-page .sgh-cycle-notice>span{flex:none;display:grid;place-items:center;width:42px;height:42px;background:#fff;border-radius:12px}
.sgh-page .sgh-cycle-notice strong{font-size:16px}
.sgh-page .sgh-cycle-notice p{margin:7px 0 0;font-size:14px;line-height:1.8;color:#54634e}
.sgh-page .sgh-cycle-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:0;padding:0;list-style:none}
.sgh-page .sgh-cycle-steps>li{position:relative;padding:26px 24px;background:#fff;border:1px solid #dce4d4;border-radius:20px;margin:0}
.sgh-page .sgh-cycle-steps>li:nth-child(2n){background:#f3f5eb}
.sgh-page .sgh-cycle-step-number{display:grid;place-items:center;width:43px;height:43px;margin-bottom:20px;border-radius:12px;background:#e8efdc;color:#496638;font-size:15px;font-weight:800}
.sgh-page .sgh-cycle-steps h3,.sgh-page .sgh-cycle-detail-copy h3{font-size:19px;line-height:1.45;margin:0 0 12px;color:#254432}
.sgh-page .sgh-cycle-steps p,.sgh-page .sgh-cycle-detail-copy p{font-size:14px;line-height:1.85;color:#5c6655;margin:0}
.sgh-page .sgh-cycle-details{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.sgh-page .sgh-cycle-detail-group{overflow:hidden;border:1px solid #dce4d4;border-radius:22px;background:#fff}
.sgh-page .sgh-cycle-detail-photo{aspect-ratio:1.6;border-radius:0}
.sgh-page .sgh-cycle-detail-copy{padding:26px 28px}
.sgh-page .sgh-cycle-detail-copy article+article{margin-top:22px;padding-top:22px;border-top:1px solid #e4e9dd}
.sgh-page .sgh-cycle-sources{margin:24px 0 36px;padding:17px 21px;background:#f4f5ee;border:1px solid #e0e6d8;border-radius:14px;font-size:13px;color:#53674a}
.sgh-page .sgh-cycle-sources summary{cursor:pointer;font-weight:600}
.sgh-page .sgh-cycle-sources ul{margin:14px 0 0;padding-left:20px}
.sgh-page .sgh-cycle-sources li{padding:4px 0}
.sgh-page .sgh-cycle-sources a{text-decoration:underline;text-underline-offset:3px}
.sgh-page .sgh-cycle-hub__grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.sgh-page .sgh-cycle-hub__card{overflow:hidden}
.sgh-page .sgh-cycle-hub__image{aspect-ratio:1.85}
.sgh-page .sgh-cycle-hub__card .sgh-article-card__body{padding:24px}
.sgh-page .sgh-cycle-guide :is(#plan,#details,#checklist,#questions){scroll-margin-top:150px}
@media(max-width:1100px){.sgh-page .sgh-cycle-steps{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.sgh-page .sgh-cycle-details,.sgh-page .sgh-cycle-hub__grid{grid-template-columns:1fr}.sgh-page .sgh-cycle-notice{padding:20px;gap:12px}.sgh-page .sgh-cycle-detail-copy{padding:23px}.sgh-page .sgh-cycle-hero-photo>.sgh-cycle-photo{aspect-ratio:1.3}.sgh-page .sgh-cycle-guide :is(#plan,#details,#checklist,#questions){scroll-margin-top:90px}}
@media(max-width:480px){.sgh-page .sgh-cycle-steps{grid-template-columns:1fr}.sgh-page .sgh-cycle-steps>li{padding:23px}.sgh-page .sgh-cycle-step-number{margin-bottom:14px}.sgh-page .sgh-cycle-notice>span{display:none}.sgh-page .sgh-cycle-guide .sgh-guide-facts{grid-template-columns:1fr}.sgh-page .sgh-cycle-guide .sgh-guide-facts>div{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:center;padding:13px 14px;min-height:0;text-align:left}.sgh-page .sgh-cycle-guide .sgh-guide-facts strong{font-size:16px;overflow-wrap:normal}.sgh-page .sgh-cycle-guide .sgh-guide-facts span{font-size:11px;margin:0}}