@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;600;700&family=Playfair+Display:ital,wght@0,600;1,600&display=swap');:root{--g:#176b63;--d:#124e49;--m:#e8f3ef;--ink:#203633;--muted:#667873}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:'DM Sans',Arial;background:white}header{padding:20px 7%;display:flex;gap:14px;align-items:center;border-bottom:1px solid #dce8e2;color:var(--d)}header small{color:var(--muted)}header a{margin-left:auto;color:var(--g)}main>section{padding:65px max(7%,24px);max-width:1200px;margin:auto}.hero{max-width:none;background:linear-gradient(115deg,#f4f8f3,#fffaf2);padding-top:90px;padding-bottom:90px}.hero h1,h2{font:600 clamp(30px,5vw,48px)/1.2 'Playfair Display',Georgia;color:var(--d)}.hero i{color:#bd805d}.hero p{max-width:650px;line-height:1.8;color:var(--muted)}.btn,button{display:inline-block;padding:13px 20px;border:0;border-radius:30px;background:var(--g);color:white;text-decoration:none;cursor:pointer}.eyebrow{color:var(--g);font-size:12px;letter-spacing:2px;font-weight:bold}.soft{background:#fbf8f1;max-width:none;text-align:center}.soft blockquote{font:600 25px 'Playfair Display';color:var(--d)}#moods{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}#moods button{background:#fff;color:var(--d);border:1px solid #dce8e2}#moods button.selected{background:var(--m);border-color:var(--g)}#reflection{padding:20px;background:#f7f8f4;border-radius:16px;line-height:1.7}#materials,.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.cards{grid-template-columns:repeat(3,minmax(0,1fr))}article{border:1px solid #dce8e2;border-radius:17px;padding:22px}article h3{color:var(--d)}article p{color:var(--muted);line-height:1.7}.tag{color:var(--g);background:var(--m);padding:5px 10px;border-radius:20px;font-size:12px}.material summary{color:var(--g);font-weight:bold;cursor:pointer}.help{background:var(--d);color:white;max-width:none}.help h2,.help p{color:white}footer{background:#103f3b;color:white;padding:35px 7%}footer p{color:#c5ddd3;max-width:800px;line-height:1.7}@media(max-width:700px){#materials,.cards{grid-template-columns:1fr}header{flex-wrap:wrap}header a{margin-left:0}}