/* Month pages (/november/ ...): a magazine-style spread for each month, part phenology calendar, part old almanac,
   part seasonal living. Sara 2026-10-28: "Yes I want a beautiful page that's what we discussed. Not a garden chore
   printable", "It's a phenology calendar coupled with like farmers almanac and seasonal things for each month",
   "November would have fall and Thanksgiving and birds ... indoor blooms like amaryllis and baking and books and a
   recipe for a meal". Loaded only on month pages (functions.php "Month pages"). Content: lab/content/this-month/. */

body.fsos-month-page main > .wp-block-post-title { display: none; }
.fsos-month { --mp-green: var(--wp--preset--color--moss, #4D6A3C); --mp-forest: var(--wp--preset--color--forest, #1D3A25);
	--mp-cream: var(--wp--preset--color--cream, #FBF8F0); --mp-linen: var(--wp--preset--color--linen, #F2ECDD);
	--mp-rule: var(--wp--preset--color--rule, #E4E0D9); --mp-stone: var(--wp--preset--color--stone, #8A857D);
	--mp-rust: #A8572A; --mp-plum: var(--wp--preset--color--plum, #5D3A6D); --mp-gold: var(--wp--preset--color--marigold, #E4B43A);
	font-family: var(--wp--preset--font-family--body, Lora, Georgia, serif); color: var(--wp--preset--color--ink, #161616); }
/* break out of the 680px text column (same idea as .fsos-beak in style.css) */
.fsos-body > .fsos-month { width: min(1120px, calc(100vw - 32px)) !important; max-width: none !important;
	margin-left: calc(50% - min(560px, 50vw - 16px)) !important; margin-right: 0 !important; box-sizing: border-box; }
.fsos-month p { margin: 0 0 1em; line-height: 1.7; }
.fsos-month a { color: var(--mp-forest); }
.fsos-month h2 { font-family: var(--wp--preset--font-family--display, "Playfair Display", serif); font-weight: 700;
	font-size: clamp(1.8rem, 3.2vw, 2.5rem); line-height: 1.1; margin: 0 0 .35em; }
.fsos-month h3 { font-family: var(--wp--preset--font-family--display, "Playfair Display", serif); font-size: 1.25rem; margin: 0 0 .3em; }
.mp-kicker { font: 600 .78rem/1 var(--wp--preset--font-family--sans, Jost, sans-serif); letter-spacing: .2em; text-transform: uppercase;
	color: var(--mp-rust); margin: 0 0 .7rem !important; }
.mp-script { font-family: var(--wp--preset--font-family--script, Caveat, cursive); color: var(--mp-green); }

/* Hero */
.mp-hero { display: grid; grid-template-columns: 1.25fr .75fr; gap: 2rem; align-items: center; background: var(--mp-cream);
	border-radius: 18px; padding: clamp(1.5rem, 4vw, 3.5rem); margin: 0 0 1.5rem; }
.mp-hero h1 { font-family: var(--wp--preset--font-family--display, "Playfair Display", serif); font-size: clamp(3.2rem, 9vw, 6.5rem);
	line-height: .95; margin: 0; letter-spacing: -.01em; }
.mp-hero .mp-script { font-size: clamp(1.7rem, 3.5vw, 2.4rem); margin: .3rem 0 1rem !important; }
.mp-hero .mp-lede { font-size: 1.12rem; color: #3b3a36; }
.mp-hero img { width: 100%; max-width: 360px; justify-self: center; }
.mp-hero img.mp-hero-photo { border-radius: 14px; }   /* Sara's own photo at the top (her black squirrel, 2026-10-29) */

/* Jump links */
.mp-jump { display: flex; flex-wrap: wrap; gap: .5rem; justify-content: center; margin: 0 0 3rem; padding: 0; list-style: none; }
.mp-jump a { display: inline-block; padding: .45rem 1rem; border: 1px solid var(--mp-rule); border-radius: 999px; text-decoration: none;
	font: 500 .9rem/1 var(--wp--preset--font-family--sans, Jost, sans-serif); color: var(--mp-forest); background: #fff; }
.mp-jump a:hover { background: var(--mp-linen); }

.mp-section { margin: 0 0 4rem; scroll-margin-top: 90px; }
.mp-head { max-width: 720px; margin: 0 auto 1.6rem; text-align: center; }
.mp-head p:last-child { color: #4a4743; }

/* Nature's calendar: three columns like a journal */
.mp-calendar { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.2rem; }
.mp-week { background: var(--mp-linen); border-radius: 14px; padding: 1.4rem 1.4rem .8rem; position: relative;
	background-image: repeating-linear-gradient(transparent 0 31px, rgba(77,106,60,.13) 31px 32px); }
.mp-week h3 { font-family: var(--wp--preset--font-family--script, Caveat, cursive); font-size: 1.9rem; color: var(--mp-rust); font-weight: 400; }
.mp-week ul { list-style: none; margin: 0; padding: 0; }
.mp-week li { padding: .35rem 0 .35rem 1.6rem; position: relative; line-height: 1.55; }
.mp-week li::before { content: ""; position: absolute; left: 0; top: .78rem; width: .65rem; height: .65rem; border-radius: 50% 0;
	background: var(--mp-green); transform: rotate(45deg); }

/* Feature: image + text */
.mp-feature { display: grid; grid-template-columns: 1fr 1fr; gap: 2.2rem; align-items: center; }
.mp-feature.mp-flip > :first-child { order: 2; }
.mp-pair { display: grid; grid-template-columns: 1fr 1fr; gap: .8rem; margin-top: .8rem; }   /* Sara's junco photos, 2026-10-28 */
.mp-feature .mp-pair img { aspect-ratio: 1 / 1; }
.mp-feature img { width: 100%; border-radius: 14px; object-fit: cover; aspect-ratio: 4 / 3; }
.mp-feature .mp-art { object-fit: contain; aspect-ratio: auto; max-width: 340px; justify-self: center; background: none; }
.mp-tags { display: flex; flex-wrap: wrap; gap: .4rem; margin: .8rem 0 0; padding: 0; list-style: none; }
.mp-tags li { background: var(--mp-linen); border-radius: 999px; padding: .3rem .8rem; font: 500 .85rem/1.2 var(--wp--preset--font-family--sans, Jost, sans-serif); }

/* Cards */
.mp-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 1.2rem; margin-top: 1.6rem; }
.mp-card { display: block; text-decoration: none; color: inherit !important; background: #fff; border: 1px solid var(--mp-rule);
	border-radius: 14px; overflow: hidden; transition: transform .15s ease, box-shadow .15s ease; }
.mp-card:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,.08); }
.mp-card img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; display: block; }
.mp-card span { display: block; padding: .8rem 1rem 1rem; font: 600 1rem/1.35 var(--wp--preset--font-family--display, "Playfair Display", serif); }
.mp-card small { display: block; font: 600 .7rem/1 var(--wp--preset--font-family--sans, Jost, sans-serif); letter-spacing: .14em;
	text-transform: uppercase; color: var(--mp-rust); margin-bottom: .35rem; }

/* Plant notes */
.mp-notes { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem 1.6rem; margin-top: 1.4rem; }
.mp-note { border-left: 3px solid var(--mp-green); padding: .2rem 0 .2rem 1rem; }
.mp-note p { margin: 0; }

/* Supper menu card */
.mp-menu { max-width: 620px; margin: 0 auto; background: var(--mp-cream); border: 1px solid var(--mp-rule); border-radius: 16px;
	padding: 2.2rem 2rem 1.8rem; text-align: center; box-shadow: 0 1px 0 #fff inset, 0 12px 30px rgba(0,0,0,.05); }
/* Sara 2026-10-29: "Should there be a chili photo?" - her photo at the top of the supper card */
.mp-menu-photo { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 10px; margin: 0 0 1.4rem; }
.mp-menu ol { list-style: none; margin: 1.2rem 0; padding: 0; counter-reset: none; }
.mp-menu li { padding: .85rem 0; border-top: 1px dashed var(--mp-rule); }
.mp-menu li:last-child { border-bottom: 1px dashed var(--mp-rule); }
.mp-menu li small { display: block; font: 600 .7rem/1 var(--wp--preset--font-family--sans, Jost, sans-serif); letter-spacing: .16em;
	text-transform: uppercase; color: var(--mp-stone); margin-bottom: .3rem; }
.mp-menu li a { font: 600 1.25rem/1.3 var(--wp--preset--font-family--display, "Playfair Display", serif); text-decoration: none; }
.mp-menu .mp-script { font-size: 1.5rem; margin: 0 !important; }

/* Books */
.mp-books { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.2rem; }
.mp-book { background: #fff; border: 1px solid var(--mp-rule); border-radius: 12px; padding: 1.2rem; border-top: 6px solid var(--mp-plum); }
.mp-book:nth-child(2) { border-top-color: var(--mp-green); }
.mp-book:nth-child(3) { border-top-color: var(--mp-rust); }
.mp-book:nth-child(4) { border-top-color: var(--mp-gold); }
.mp-book h3 { font-size: 1.1rem; }
.mp-book .mp-by { font: 500 .85rem/1.3 var(--wp--preset--font-family--sans, Jost, sans-serif); color: var(--mp-stone); margin: 0 0 .6rem; }
.mp-book p { font-size: .95rem; line-height: 1.55; }

/* Gratitude band */
.mp-band { background: var(--mp-forest); color: #f4f1e8; border-radius: 18px; padding: clamp(1.6rem, 4vw, 3rem); }
.mp-band h2, .mp-band h3 { color: #fff; }
.mp-band a { color: #f3d98b; }
.mp-band .mp-kicker { color: #f3d98b; }
.mp-band-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.6rem; margin-top: 1.2rem; }
.mp-band-grid p { color: #e7e3d6; font-size: .98rem; }

/* Make it */
.mp-make { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.4rem; }
.mp-make > div { background: var(--mp-linen); border-radius: 14px; padding: 1.4rem 1.5rem .6rem; }
.mp-make ol { margin: .4rem 0 1rem 1.1rem; padding: 0; }
.mp-make li { margin: 0 0 .4rem; line-height: 1.55; }

/* Lore */
.mp-lore { background: var(--mp-cream); border: 1px solid var(--mp-rule); border-radius: 18px; padding: clamp(1.6rem, 4vw, 3rem);
	display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; }
.mp-saying { font-family: var(--wp--preset--font-family--script, Caveat, cursive); font-size: 1.75rem; line-height: 1.25; color: var(--mp-forest);
	margin: 0 0 1.1rem !important; padding-left: 1rem; border-left: 3px solid var(--mp-gold); }
.mp-lore dl { margin: 0; }
.mp-lore-duck { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 14px; margin-top: 1.4rem; }   /* Sara's duck on the ice, for the ice saying */
.mp-lore-pics { display: grid; grid-template-columns: 1fr 1fr; gap: .8rem; margin-top: .8rem; }   /* Sara's onion skin and woolly bear photos, 2026-10-28 */
.mp-lore-moon { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; object-position: 50% 8%; border-radius: 14px; margin-top: 1.4rem; }   /* Sara's moon photo */
.mp-lore-pics img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 14px; }
.mp-lore dt { font: 600 .75rem/1 var(--wp--preset--font-family--sans, Jost, sans-serif); letter-spacing: .16em; text-transform: uppercase;
	color: var(--mp-rust); margin: 1rem 0 .3rem; }
.mp-lore dt:first-child { margin-top: 0; }
.mp-lore dd { margin: 0; line-height: 1.6; }

/* Dates + printable */
.mp-dates { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; margin: 0 0 1.6rem; }
.mp-date { text-align: center; background: #fff; border: 1px solid var(--mp-rule); border-radius: 14px; padding: 1rem .6rem; }
.mp-date b { display: block; font: 700 2.2rem/1 var(--wp--preset--font-family--display, "Playfair Display", serif); color: var(--mp-rust); }
.mp-date span { display: block; margin-top: .4rem; font: 500 .9rem/1.3 var(--wp--preset--font-family--sans, Jost, sans-serif); }
.mp-print { display: flex; align-items: center; justify-content: space-between; gap: 1rem; background: var(--mp-linen); border-radius: 14px; padding: 1.2rem 1.5rem; }
.mp-print p { margin: 0; }
.mp-button { display: inline-block; background: var(--mp-forest); color: #fff !important; text-decoration: none; padding: .75rem 1.3rem;
	border-radius: 999px; font: 600 .95rem/1 var(--wp--preset--font-family--sans, Jost, sans-serif); white-space: nowrap; }

@media (max-width: 900px) {
	.mp-books { grid-template-columns: repeat(2, 1fr); }
	.mp-band-grid { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
	.mp-hero, .mp-feature, .mp-lore, .mp-make, .mp-notes { grid-template-columns: 1fr; }
	.mp-feature.mp-flip > :first-child { order: 0; }
	.mp-hero img { max-width: 240px; order: -1; }
	.mp-calendar { grid-template-columns: 1fr; }
	.mp-dates { grid-template-columns: repeat(2, 1fr); }
	.mp-print { flex-direction: column; align-items: flex-start; }
	.mp-section { margin-bottom: 3rem; }
}
@media (max-width: 480px) { .mp-books { grid-template-columns: 1fr; } }