/* P2: a quieter reading layout for the seasonal sake guide. */
.hiya-guide { --hiya-ink: #27352f; --hiya-rust: #795a37; --hiya-paper: #f8f4e9; }
.hiya-guide .hiya-hero { background: linear-gradient(125deg,#f7f2e5 0%,#f2e8d4 60%,#e5dfce 100%); }
.hiya-guide .hiya-hero__figure img { background:#ede6d5; }
.hiya-guide .hiya-hero h1 { max-width: 13em; text-wrap: balance; }
.hiya-guide .hiya-guide-definition { background:#fffdfa; }
.hiya-guide .hiya-guide-definition .hiya-lead { margin-block:1.25rem 1.5rem; font-size:clamp(1.35rem,2vw,1.75rem); }
.hiya-guide-timeline { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1px; margin:2.5rem 0; border:1px solid #c9c5b6; background:#c9c5b6; }
.hiya-guide-timeline > div { min-width:0; padding:1.25rem; background:#f3f0e7; }
.hiya-guide-timeline span, .hiya-guide-months span { display:block; margin-bottom:.4rem; color:#876348; font-family:"Shippori Mincho",serif; font-size:1rem; font-weight:700; }
.hiya-guide-timeline strong { display:block; color:#27352f; font-family:"Shippori Mincho",serif; font-size:1.1rem; line-height:1.5; }
.hiya-guide-timeline p { margin:.5rem 0 0!important; color:#555b54; font-size:.75rem; line-height:1.6; }
.hiya-guide .hiya-mid-cta { background:#30413b; }
.hiya-guide .hiya-guide-summer { background:#f7f4ed; }
.hiya-guide .hiya-guide-time { background:#fffdfa; }
.hiya-guide .hiya-guide-names { background:#e8ede8; }
.hiya-guide .hiya-guide-comparison { background:#fffdfa; }
.hiya-guide-compare { display:grid; gap:1px; margin:2.3rem 0; border:1px solid #d7d7cc; background:#d7d7cc; }
.hiya-guide-compare > div { padding:1.4rem 1.6rem; background:#f5f5ee; }
.hiya-guide-compare h3 { margin:0 0 .4rem!important; font-size:1.3rem!important; }
.hiya-guide-compare p { margin:0!important; font-size:.9rem; }
.hiya-guide .hiya-guide-variety { background:#f5efe4; }
.hiya-guide .hiya-guide-season { background:#fffdfa; }
.hiya-guide-months { display:grid; gap:1rem; margin:2.4rem 0; }
.hiya-guide-months > div { display:grid; grid-template-columns:4.5rem 1fr; gap:0 1.25rem; padding:1.35rem 1.5rem; border:1px solid #d9d6c7; background:#f8f7f1; }
.hiya-guide-months span { grid-row:span 2; align-self:center; margin:0; font-size:2rem; }
.hiya-guide-months h3 { margin:0 0 .25rem!important; font-size:1.3rem!important; }
.hiya-guide-months p { margin:0!important; font-size:.88rem; }
.hiya-guide .hiya-guide-food { background:#f5f4ed; }
.hiya-guide .hiya-guide-place { background:#eaf0ed; }
.hiya-guide .hiya-guide-shop { background:#f7f1e9; }
.hiya-guide .hiya-final { background:#30413b; }
.hiya-guide .hiya-guide-secondary { margin-top:1.5rem!important; font-size:.9rem; }
.hiya-guide .hiya-guide-secondary a { color:#fffaf0!important; text-underline-offset:.3em; }
@media(min-width:768px) and (max-width:900px){ .hiya-guide .hiya-hero h1 { font-size:2.1rem; } }
@media(max-width:767px){
  .hiya-guide .hiya-hero h1 { font-size:clamp(1.7rem,6vw,2.2rem); line-height:1.35; }
  .hiya-guide-timeline { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .hiya-guide-timeline > div { padding:1rem; }
  .hiya-guide-months > div { grid-template-columns:3rem 1fr; gap:0 .8rem; padding:1rem; }
  .hiya-guide-months span { font-size:1.55rem; }
}
@media(max-width:380px){ .hiya-guide .hiya-hero h1 { font-size:1.55rem; } }