/* Scoped nursery navigation; no impact on global headers, links or body copy. */
.article-body .nursery-guide { margin-block: 36px; padding: clamp(22px,3.2vw,34px); background: linear-gradient(135deg,#f1f7ff,#f7fafc); border: 1px solid #dce8f4; border-radius: 18px; }
.article-body .nursery-guide h2 { position: relative; margin: 0 0 24px; padding-left: 17px; color: #132c48; font-size: clamp(1.35rem,2vw,1.75rem); font-weight: 600; line-height: 1.6; letter-spacing: -.02em; }
.article-body .nursery-guide h2::before { content: ''; position: absolute; left: 0; top: .32em; bottom: .32em; width: 4px; border-radius: 3px; background: #408dba; }
.article-body .nursery-guide-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; margin: 0; padding: 0; list-style: none; }
.article-body .nursery-guide-grid > li { min-width: 0; margin: 0; padding: 0; list-style: none; }
.article-body .nursery-guide a.nursery-guide-card { display: grid; grid-template-columns: minmax(0,1fr) auto; grid-template-rows: auto 1fr; align-items: start; gap: 23px 14px; min-height: 157px; height: 100%; padding: 24px; color: #15324f; background: #fff; border: 1px solid #d9e5f1; border-radius: 12px; text-decoration: none; box-shadow: 0 3px 10px #142e4710; transition: transform .2s ease,box-shadow .2s ease,border-color .2s ease; }
.nursery-guide-icon { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 12px; background: #eaf3fd; color: #276fae; }
.nursery-guide-grid > li:nth-child(2) .nursery-guide-icon { color: #347f77; background: #eaf5f2; }
.nursery-guide-grid > li:nth-child(3) .nursery-guide-icon { color: #4966a0; background: #eef1fa; }
.nursery-guide-grid > li:nth-child(4) .nursery-guide-icon { color: #397f9b; background: #eaf5f9; }
.nursery-guide-arrow { display: grid; place-items: center; width: 31px; height: 31px; color: #5d7994; border: 1px solid #e2eaf2; border-radius: 50%; font: 500 1.15rem/1 sans-serif; transition: color .2s ease,border-color .2s ease; }
.article-body .nursery-guide-card h3 { grid-column: 1 / -1; align-self: end; margin: 0; padding: 0; color: inherit; font-size: 1.125rem; font-weight: 600; line-height: 1.65; overflow-wrap: anywhere; }
.article-body .nursery-guide a.nursery-guide-card:hover { color: #15324f; text-decoration: none; border-color: #86b5d6; box-shadow: 0 10px 22px #234b6c16; transform: translateY(-3px); }
.nursery-guide-card:hover .nursery-guide-arrow { color: #186fae; border-color: #8db8d6; }
.article-body .nursery-guide a.nursery-guide-card:focus-visible { outline: 3px solid #2e81b8; outline-offset: 4px; border-color: #2e81b8; }
@media (max-width: 600px) {
  .article-body .nursery-guide { margin-block: 28px; padding: 20px 16px; border-radius: 14px; }
  .article-body .nursery-guide h2 { margin-bottom: 18px; }
  .article-body .nursery-guide-grid { grid-template-columns: minmax(0,1fr); gap: 10px; }
  .article-body .nursery-guide a.nursery-guide-card { grid-template-columns: auto minmax(0,1fr) auto; grid-template-rows: auto; align-items: center; gap: 14px; min-height: 92px; padding: 19px 16px; }
  .article-body .nursery-guide-card h3 { grid-column: 2; grid-row: 1; align-self: center; font-size: 1rem; }
  .nursery-guide-arrow { grid-column: 3; grid-row: 1; }
  .nursery-guide-icon { width: 44px; height: 44px; border-radius: 10px; }
}
@media (prefers-reduced-motion: reduce) { .article-body .nursery-guide a.nursery-guide-card,.nursery-guide-arrow { transition: none; } .article-body .nursery-guide a.nursery-guide-card:hover { transform: none; } }
@media print { .article-body .nursery-guide { background: white; break-inside: avoid; } .article-body .nursery-guide a.nursery-guide-card { box-shadow: none; } }
