/* Mind inherits the same palette and typefaces as Research and Reflections. */
.mind-page h1 { font-size:clamp(34px,5vw,58px); line-height:1.12; max-width:18ch; margin:18px 0; }
.mind-intro { max-width:58ch; font-size:18px; line-height:1.7; margin-bottom:32px; }
.mind-reading { max-width:760px; }
.mind-cards { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }
.mind-card { display:flex; flex-direction:column; padding:28px; border:1px solid var(--line); border-radius:16px; background:var(--paper); }

.mind-card h2 { font-size:30px; line-height:1.2; margin:20px 0 14px; }
.mind-card p { max-width:48ch; }
.mind-link { display:block; padding-top:28px; margin-top:auto; font-weight:600; color:var(--accent-deep); }
.mind-quiet,#mood-storage-note { color:var(--muted); font-size:14px; }
.mind-quiet { margin-top:22px; }
#mood-storage-note { margin-bottom:24px; }
#mood-form { background:var(--paper); }
#mood-form fieldset { border:0; padding:0; margin:20px 0 28px; min-width:0; }
#mood-form legend { font-family:var(--display); font-size:23px; margin-bottom:14px; }
.mood-options { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; }
.mood-options label { position:relative; cursor:pointer; }
.mood-options input { position:absolute; opacity:0; }
.mood-options span { display:flex; flex-direction:column; align-items:center; gap:8px; text-align:center; padding:14px 4px; border:2px solid var(--line); border-radius:12px; font-size:13px; height:100%; }
.mood-options b { font-size:22px; font-family:var(--display); }
.mood-options input:checked + span { border-color:var(--accent); background:var(--accent-soft); }
.mood-options input:focus-visible + span { outline:3px solid var(--accent); outline-offset:3px; }
#mood-note { display:block; width:100%; border:1px solid var(--line); border-radius:10px; padding:14px; margin-top:10px; font:inherit; color:var(--ink); background:var(--paper); resize:vertical; }
.mood-history { margin-top:44px; }
#mood-history { list-style:none; padding:0; }
#mood-history li { border-bottom:1px solid var(--line); padding:20px 0; }
#mood-history time { color:var(--muted); font-size:14px; }
#mood-history strong { display:block; margin:5px 0; }
#mood-history p { white-space:pre-wrap; overflow-wrap:anywhere; }
#mood-history button { font:inherit; background:none; color:var(--accent); border:1px solid var(--line); border-radius:8px; padding:8px 12px; cursor:pointer; }
@media(max-width:600px) { .mind-cards { grid-template-columns:1fr; } .mind-card { padding:20px; } .mood-options { grid-template-columns:repeat(3,minmax(0,1fr)); } }

.mind-cards .mind-card { min-height: 300px; }
.mind-cards .mind-card p { color: var(--muted); }
.mind-cards .mind-card:hover { border-color: var(--accent); }
.mind-cards .mind-card:focus-visible { outline: 3px solid var(--accent); outline-offset: 4px; }