/* Cycle-guide adjustments apply only to phones and small tablets. */
@media (max-width:800px) {
  .cycle-guide-page #content.cycle-main{margin:10px;max-width:calc(100% - 20px);padding:10px 16px 28px}
  .cycle-guide-page .cycle-hero{margin:8px auto 22px}
  .cycle-guide-page .cycle-hero h1{font-size:clamp(38px,10vw,50px);margin:10px 0;overflow-wrap:anywhere}
  .cycle-guide-page .cycle-hero .cycle-subtitle{font-size:23px;line-height:1.3;margin-bottom:10px}
  .cycle-guide-page .cycle-hero .cycle-intro{font-size:14px;line-height:1.6}
  .cycle-guide-page .cycle-hero-links{display:grid;grid-template-columns:minmax(0,1fr);gap:0;margin-top:12px}
  .cycle-guide-page .cycle-overview-link{justify-content:center;font-size:13px;margin:0;min-height:44px}
  .cycle-guide-page .cycle-phase-nav{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:20px}
  .cycle-guide-page .cycle-phase-nav a{white-space:normal;overflow-wrap:anywhere;min-height:48px;padding:10px 8px;font-size:14px}
  .cycle-guide-page .cycle-phase-nav a::after{display:none}
  .cycle-guide-page .cycle-phase-layout{grid-template-columns:minmax(0,1fr);gap:16px}
  .cycle-guide-page .cycle-phase-art{width:100%;max-width:390px;padding:12px;margin:auto}
  .cycle-guide-page .cycle-phase-art img{width:auto;max-width:100%;height:auto;max-height:60svh;aspect-ratio:auto;object-fit:contain}
  .cycle-guide-page .cycle-enlarge{min-height:44px;font-size:14px;margin-top:5px}
  .cycle-guide-page .cycle-phase-copy h2{font-size:clamp(32px,9vw,40px);overflow-wrap:anywhere}
  .cycle-guide-page .cycle-phase-description{font-size:15px}
  .cycle-guide-page .cycle-resource p:not(.eyebrow),.cycle-guide-page .cycle-resource a{font-size:14px;line-height:1.6}
  .cycle-guide-page .cycle-reflection{display:block;padding:18px}
  .cycle-guide-page .cycle-reflection .eyebrow{max-width:none;margin-bottom:10px}
  .cycle-guide-page .cycle-reflection p:last-child{font-size:26px}
  .cycle-guide-page .cycle-timing-note{font-size:13px}
  .cycle-guide-page .cycle-phase,.cycle-guide-page .moon-collection,.cycle-guide-page .moon-choice-list{scroll-margin-top:12px}

  .cycle-guide-page .moon-collection{margin-top:28px;padding-top:24px}
  .cycle-guide-page .moon-collection-heading{margin-bottom:18px}
  .cycle-guide-page .moon-collection-heading h2{font-size:clamp(32px,8.5vw,38px);overflow-wrap:anywhere}
  .cycle-guide-page .moon-collection-layout{grid-template-columns:minmax(0,1fr);gap:16px}
  .cycle-guide-page .moon-visual{display:flex;flex-direction:column;min-width:0}
  .cycle-guide-page .moon-artwork{width:min(100%,60svh);margin-inline:auto}
  .cycle-guide-page .moon-image-actions{order:1;gap:0 18px;justify-content:center;margin:6px 0}
  .cycle-guide-page .moon-image-actions a{font-size:14px;min-height:44px}
  /* Keep all four choices immediately above the selected description. */
  .cycle-guide-page .moon-choice-list{order:2;grid-template-columns:repeat(2,minmax(0,1fr));margin:4px 0 0;gap:8px}
  .cycle-guide-page .moon-choice-list a{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;min-height:64px;padding:10px 12px;font-size:14px}
  .cycle-guide-page .moon-choice-list a>span:last-child{font-size:12px}
  .cycle-guide-page .moon-description{padding:20px 18px}
  .cycle-guide-page .moon-description h3{font-size:clamp(32px,9vw,40px);overflow-wrap:anywhere}
  .cycle-guide-page .moon-description p{font-size:15px;line-height:1.65}
  .cycle-guide-page .moon-description .moon-timing{font-size:14px}
  .cycle-guide-page .moon-description .moon-question{font-size:26px;line-height:1.3}
  .cycle-guide-page .moon-sky-note summary{font-size:14px;min-height:44px}
  .cycle-guide-page .moon-sky-note a{font-size:13px;min-height:44px}
  .cycle-guide-page .moon-framework-note{font-size:13px}

  /* Show the complete artwork first; readable notes continue below it. */
  .cycle-guide-page .field-guide-viewer{width:calc(100vw - 16px);max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);margin:auto;overscroll-behavior:contain}
  .cycle-guide-page .field-guide-viewer[open]{display:flex;flex-direction:column}
  .cycle-guide-page .field-guide-viewer>*{flex-shrink:0;min-width:0}
  .cycle-guide-page .guide-viewer-top{padding:12px;gap:12px}
  .cycle-guide-page .guide-viewer-top h2{font-size:24px;overflow-wrap:anywhere}
  .cycle-guide-page .guide-viewer-actions{padding:4px 12px;gap:0 16px}
  .cycle-guide-page .guide-viewer-actions a{font-size:13px;min-height:44px}
  .cycle-guide-page .guide-viewer-image{order:1;padding:0 10px 10px}
  .cycle-guide-page .guide-viewer-image img{width:100%;height:auto;max-height:max(100px,calc(100svh - 240px));object-fit:contain}
  .cycle-guide-page .cycle-viewer-description{order:2;margin:8px 16px;font-size:15px}
  .cycle-guide-page .cycle-viewer-notes{order:3;margin:8px 16px 16px;font-size:15px}
  .cycle-guide-page .cycle-viewer-notes summary{min-height:44px}
  .cycle-guide-page .cycle-viewer-notes ol{padding-left:22px}
  .cycle-guide-page .cycle-viewer-back{order:4;max-width:calc(100% - 32px)}
}