/* Mood-led discovery keeps the full catalogue out of the homepage. */
.mood-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:28px 0}
.mood-choice{display:flex;align-items:stretch;gap:16px;min-width:0;min-height:112px;padding:0;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--mood-bg,var(--paper));border-left:4px solid var(--mood-accent,var(--line));color:var(--ink);text-align:left;text-decoration:none;font-family:var(--font-label);cursor:pointer;transition:border-color .2s,box-shadow .2s}
.mood-choice[data-mood="stories"]{--mood-bg:#E9E7E3;--mood-accent:#3C393E;--mood-ink:#29262F}
.mood-choice[data-mood="nature"]{--mood-bg:#EAF0E4;--mood-accent:#60845A;--mood-ink:#2F6044}
.mood-choice[data-mood="screen"]{--mood-bg:#EEE7DC;--mood-accent:#6A8DE5;--mood-ink:#2C4FA4}
.mood-choice[data-mood="date"]{--mood-bg:#F8E8EE;--mood-accent:#B84775;--mood-ink:#9B315C}
.mood-choice[data-mood="family"]{--mood-bg:#FFF0D7;--mood-accent:#C18B32;--mood-ink:#805116}
.mood-choice[data-mood="custom"]{--mood-bg:#EEE8F4;--mood-accent:#9273B0;--mood-ink:#694791}
.mood-choice .mood-copy strong,.mood-choice .mood-arrow{color:var(--mood-ink,var(--ink))}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .mood-choice{background:color-mix(in srgb,var(--paper) 88%,var(--mood-accent))}:root:not([data-theme="light"]) .mood-choice .mood-copy strong,:root:not([data-theme="light"]) .mood-choice .mood-arrow{color:var(--ink)}}
.mood-cover{display:block;position:relative;width:112px;flex:0 0 112px;overflow:hidden}
.mood-cover img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
.mood-copy{display:flex;flex-direction:column;justify-content:center;gap:4px;min-width:0;padding:12px 0}
.mood-copy strong{font-size:16px;line-height:1.3}
.mood-copy>span{font-size:13px;line-height:1.5;color:var(--ink-soft)}
.mood-copy .mood-walk{color:var(--ink);font-weight:600}
.mood-arrow{align-self:center;flex-shrink:0;margin-left:auto;margin-right:16px;color:var(--ink);font-size:28px;font-weight:800}
.mood-choice:hover{border-color:var(--mood-accent,var(--ink));box-shadow:var(--shadow-1)}
.mood-choice:focus-visible{outline:2px solid var(--terracotta);outline-offset:4px}
@media(max-width:700px){.mood-choice[data-mood="stories"],.mood-choice[data-mood="family"],.mood-choice[data-mood="custom"]{display:none}.mood-choice[data-mood="date"]{order:-1}.mood-choices{grid-template-columns:1fr;gap:12px}.mood-cover{width:96px;flex-basis:96px}.mood-choice{gap:12px}.mood-arrow{margin-right:12px}}


/* Discover uses the same rows with its own page tokens. */
.discover-moods{--paper:var(--surface);--ink-soft:var(--muted);--shadow-1:var(--shadow);grid-template-columns:1fr}

:root[data-theme="dark"] .mood-choice{background:color-mix(in srgb,var(--paper) 88%,var(--mood-accent))}
:root[data-theme="dark"] .mood-choice .mood-copy strong,:root[data-theme="dark"] .mood-choice .mood-arrow{color:var(--ink)}
.mood-section>.lede{font-style:normal;font-size:16px;line-height:1.62;color:var(--muted)}
.mood-section>h2{font-size:28px;line-height:1.2}
.mood-section>.eyebrow{font-size:11px}
