/* T40 Month hub - page layout only; visual tokens come from css/v2 */
.mo .psb-hero > .psb-container > * + * { margin-top: 18px; }
.mo-hero .psb-hero__title--l { margin: 0 0 12px; color: var(--text-display); }
.mo-months { display: flex; align-items: center; gap: 12px; }
.mo-months .psb-pill { padding: 6px 14px; font-size: 13px; opacity: .6; cursor: default; }
.mo-months__now { padding: 6px 14px; border-radius: var(--radius-pill); background: var(--ink-900); color: var(--cream-50); font-size: 13px; text-transform: uppercase; letter-spacing: .06em; }
.mo-hero__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 520px); gap: 40px; align-items: end; }
.mo-stats { margin: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.mo-stats .psb-box { gap: 4px; padding: 14px 16px; }
.mo-stats dt { font-size: 11px; text-transform: uppercase; color: var(--text-muted); }
.mo-stats dd { margin: 0; font-weight: 700; }
.mo-stats__big { font: 400 32px/1 var(--font-display) !important; color: var(--text-display); }
.mo-stats__warn { background: var(--tomato-100); }
.mo-stats__warn dd { color: var(--tomato-600); }

.mo-forage { padding-block: 64px 48px; }
.mo-rail { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 16px; }
.mo-rail .psb-species { height: 100%; }
.mo-rail .psb-species__disc { width: 120px; }

.mo-grow__grid { display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); gap: 40px; align-items: start; }
.mo-grow h2 { color: var(--text-display); }
.mo-grow .psb-stack > .psb-btn { justify-self: start; }

.mo-warn { padding-block: 24px 80px; }
.mo-warn__box { grid-template-columns: 96px minmax(0, 1fr) auto; align-items: center; gap: 24px; padding: 24px 28px; }
.mo-warn__box .psb-overline { color: var(--tomato-600); }

@media (max-width: 1100px) {
    .mo-hero__grid, .mo-grow__grid { grid-template-columns: 1fr; }
    .mo-rail { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 8px; margin-inline: calc(-1 * var(--gutter)); padding-inline: var(--gutter); }
    .mo-rail li { flex: 0 0 170px; scroll-snap-align: start; }
}
@media (max-width: 600px) {
    .mo-months { justify-content: space-between; }
    .mo-stats dd { font-size: 14px; }
    .mo-forage { padding-block: 40px 32px; }
    .mo-rail li { flex-basis: 140px; }
    .mo-rail .psb-species__disc { width: 96px; }
    .mo-warn__box { grid-template-columns: 1fr; padding: 20px; }
    .mo-warn__box img { display: none; }
}
/* phones: recipes become compact rows (Figma mobile 91:609) */
@media (max-width: 600px) {
    .mo-cook .psb-grid { gap: 10px; }
    .mo-cook .psb-article { grid-template-columns: 72px minmax(0, 1fr); grid-template-rows: auto auto; align-items: center; gap: 2px 14px; padding: 10px; border: var(--stroke); border-radius: 14px; background: var(--bg-surface); }
    .mo-cook .psb-article .psb-media { grid-row: span 2; --media-ratio: 1 / 1; border-radius: 12px; }
    .mo-cook .psb-article h4 { font-size: 15px; }
}
/* tablet: keep the three recipes on one row */
@media (min-width: 601px) and (max-width: 1100px) { .mo-cook .psb-grid.psb-grid { --cols: 3 !important; gap: 16px; } }