/* P4: the page warms as the reader moves from September to November. */
.month-article { --hiya-ink:#293332; --hiya-rust:#935a37; --hiya-line:#dfd8c8; }
.month-article .month-hero { background:linear-gradient(125deg,#f5f2e7,#eadfc8 70%,#ded1b8); }
.month-article .month-hero h1 { max-width:13em; font-size:clamp(2.2rem,3.1vw,3.2rem); }
.month-article .month-hero__figure img { background:#f3e9d4; }
.month-article .month-answer { background:#fffdfa; }
.month-article .month-answer .hiya-lead { margin-block:1rem 1.4rem; font-size:clamp(1.35rem,2vw,1.75rem); }
.month-rail { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; margin:2rem 0 1.4rem; border:1px solid #d7d4ca; background:#d7d4ca; }
.month-rail > div { display:grid; gap:.3rem; padding:1.3rem; background:#f7f4ec; }
.month-rail span { color:#9e694b; font:600 2rem/1 "Shippori Mincho",serif; }
.month-rail strong { color:#293332; font:600 1.1rem/1.4 "Shippori Mincho",serif; }
.month-rail small { color:#555e59; font-size:.78rem; }
.month-article .hiya-mid-cta { background:#4a5b56; }
.month-article .month-september { background:#eef2eb; }
.month-article .month-bridge { background:#fffdfa; }
.month-article .month-october { background:#f7eee1; }
.month-article .month-table { background:#fffdfa; }
.month-article .month-november { background:#efe3d8; }
.month-article .month-keep { background:#f8f5ed; }
.month-article .month-again { background:#e9eeea; }
.month-article .month-note { background:#fffdfa; }
.month-article .month-choice { background:#f8f0e7; }
.month-article .hiya-final { background:#3e4b46; }
.month-article .month-final-secondary { margin-top:1.5rem!important; font-size:.9rem; }
.month-article .month-final-secondary a { color:#fffaf0!important; }
@media(max-width:900px){ .month-article .month-hero h1 { font-size:clamp(1.9rem,4vw,2.5rem); } }
@media(max-width:767px){ .month-article .month-hero h1 { font-size:clamp(1.55rem,5.6vw,2rem); } .month-rail { grid-template-columns:1fr; } .month-rail > div { grid-template-columns:2.5rem 1fr; align-items:center; gap:0 .8rem; padding:.9rem 1rem; } .month-rail span { grid-row:span 2; font-size:1.6rem; } }
@media(max-width:380px){ .month-article .month-hero h1 { font-size:1.5rem; } }