#modules .activity-intro{margin:0 0 8px;font:600 17px/1.4 system-ui,sans-serif;color:#fff;text-align:left}
#modules .activity-invitation{margin:0 0 16px;font:14px/1.5 system-ui,sans-serif;color:#ddd;text-align:left}
#modules .activity-copy{display:block;min-width:0}
#modules .activity-description{display:block;margin-top:4px;font-size:13px;font-weight:400;line-height:1.4;color:#ddd}
#modules .more-activities{margin-top:16px;border-top:1px solid #777;padding-top:6px}
#modules .more-activities summary{cursor:pointer;padding:12px 2px;color:#fff;font:600 16px/1.5 system-ui,sans-serif}
#modules .more-activities summary:focus-visible{outline:3px solid #e5be65;outline-offset:3px}
#modules .more-activities .module-links{margin-top:8px}
#modules small{flex-shrink:0}
.collection-subtitle{font:400 15px/1.4 system-ui,sans-serif;text-align:center;margin:4px 0 10px;color:inherit}
body:not(.welcome-screen) .collection-subtitle{display:none}

.activity-purpose{font:400 14px/1.4 system-ui,sans-serif;max-width:40em;margin:6px 0 8px}

#modules .meditation-brand{margin:0 0 8px;font:700 22px/1.3 system-ui,sans-serif;color:#fff}
#modules .meditation-video-link{margin:0 0 18px}
#modules .meditation-video-link a{display:block;padding:12px 14px;border:1px solid #9fc7ed;border-radius:12px;background:#24374c;color:#fff;font:600 16px/1.4 system-ui,sans-serif;text-decoration:underline}
#modules .meditation-video-link a:focus-visible{outline:3px solid #e5be65;outline-offset:3px}
#meditationVideo{box-sizing:border-box;width:min(560px,calc(100% - 24px));max-height:90svh;overflow:auto;padding:16px;border:1px solid #777;border-radius:18px;background:#202124;color:#fff}
#meditationVideo::backdrop{background:#000b}
#meditationVideo .video-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
#meditationVideo h2{margin:0;font:700 21px/1.3 system-ui,sans-serif;color:#fff}
#meditationVideo button{padding:10px 12px;background:#333;color:#fff;border:1px solid #999;border-radius:8px;font:inherit;cursor:pointer}
#meditationVideo video{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;background:#000}
#meditationVideo .video-error{font:16px/1.5 system-ui,sans-serif;color:#fff}
.app-nav button{overflow-wrap:anywhere}
/* Meditation Options: a calm, colorful invitation to practice. */
#modules{box-sizing:border-box;width:min(820px,calc(100% - 28px));max-width:820px;max-height:calc(100svh - 32px);margin:auto;padding:28px;overflow:auto;border:1px solid #dbe3da;border-radius:26px;background:radial-gradient(ellipse at 0 0,#dceee7 0,transparent 48%),radial-gradient(ellipse at 100% 10%,#ebe4f5 0,transparent 46%),#faf9f3;color:#203f3b;text-align:left;font:16px/1.5 system-ui,-apple-system,sans-serif;box-shadow:0 28px 90px #092d3559;color-scheme:light}
#modules::backdrop{background:#112d3dba;backdrop-filter:blur(7px)}
#modules .modules-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px}
#modules h2{margin:0;color:#466b62;font:700 11px/1.4 system-ui,sans-serif;letter-spacing:2px;text-transform:uppercase}
#modules .modules-head button{min-height:44px;padding:9px 14px;border:1px solid #b9cec6;border-radius:24px;background:#ffffffb8;color:#284f46;font:600 13px/1.4 system-ui,sans-serif;cursor:pointer}
#modules .modules-head button:hover{background:#fff;border-color:#39745f}
#modules .meditation-brand{margin:0 0 8px;color:#203f3b;font:500 clamp(29px,5vw,42px)/1.16 Georgia,'Times New Roman',serif;letter-spacing:-1px}
#modules .meditation-free{display:inline-flex;align-items:center;gap:7px;margin:0 0 18px;padding:5px 11px;border:1px solid #bdd7c8;border-radius:30px;background:#e6f3e9;color:#2d6347;font:650 12px/1.5 system-ui,sans-serif}
#modules .activity-intro{margin:0 0 5px;color:#294f47;font:650 17px/1.4 system-ui,sans-serif}
#modules .activity-invitation{max-width:60ch;margin:0 0 20px;color:#536963;font:14px/1.55 system-ui,sans-serif}
#modules .meditation-video-link{margin:0 0 20px}
#modules .meditation-video-link a{display:block;padding:11px 15px;border:1px solid #b9d5cd;border-radius:13px;background:#ffffffad;color:#2b665b;font:600 14px/1.5 system-ui,sans-serif;text-decoration:none}
#modules .meditation-video-link a:hover{background:#e4f1eb}
#modules .module-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#modules .module-links a{--accent:#28695c;--tint:#e0efe7;display:flex;align-items:center;gap:12px;position:relative;box-sizing:border-box;min-width:0;min-height:112px;padding:18px 14px;border:1px solid #dee4db;border-radius:17px;background:linear-gradient(125deg,#fff 30%,var(--tint));color:#243f39;text-decoration:none;box-shadow:0 3px 9px #284e3f06;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
#modules .module-links .meditation-card-2,#modules .module-links .meditation-card-10{--accent:#416e96;--tint:#e7f0fa}
#modules .module-links .meditation-card-3,#modules .module-links .meditation-card-9{--accent:#8a6033;--tint:#f8edda}
#modules .module-links .meditation-card-4,#modules .module-links .meditation-card-8{--accent:#815273;--tint:#f4e6ee}
#modules .module-links .meditation-card-5{--accent:#61713e;--tint:#ecf0df}
#modules .module-links .meditation-card-6,#modules .module-links .meditation-card-11{--accent:#6e5d99;--tint:#eee8f6}
#modules .module-links .meditation-card-7{--accent:#946048;--tint:#f9e9df}
#modules .module-links a:hover{background:linear-gradient(125deg,#fff,var(--tint));transform:translateY(-2px);border-color:var(--accent);box-shadow:0 8px 18px #234d3d16}
#modules .module-links a[aria-current="page"]{border:2px solid var(--accent);padding:17px 13px;background:linear-gradient(125deg,#fff,var(--tint))}
#modules .activity-art{display:grid;place-items:center;flex:0 0 46px;height:46px;border-radius:15px;background:var(--tint);color:var(--accent)}
#modules .activity-art svg{width:32px;height:32px;display:block}
#modules .activity-content{display:block;min-width:0;flex:1}
#modules .activity-copy{display:block;font:650 16px/1.3 system-ui,sans-serif;overflow-wrap:anywhere}
#modules .activity-description{display:block;margin-top:5px;color:#566760;font:400 13px/1.45 system-ui,sans-serif}
#modules .module-links small{display:inline-block;margin:7px 0 0;padding:2px 7px;border-radius:6px;background:#e0eee6;color:#285e47;font:650 10px/1.5 system-ui,sans-serif}
#modules .activity-arrow{align-self:center;flex:0 0 auto;color:var(--accent);font:20px/1 system-ui,sans-serif}
#modules .more-activities{margin-top:18px;padding-top:8px;border-top:1px solid #d5dfd6}
#modules .more-activities summary{min-height:44px;box-sizing:border-box;padding:12px 4px;color:#345e52;font:650 14px/1.5 system-ui,sans-serif;cursor:pointer}
#modules .more-activities summary::marker{color:#467b65}
#modules .more-activities .module-links{margin-top:8px}
#modules :focus-visible,#modules .more-activities summary:focus-visible,#modules .meditation-video-link a:focus-visible{outline:3px solid #266e9a;outline-offset:3px}
@media(max-width:600px){#modules{width:calc(100% - 20px);max-height:calc(100svh - 20px);padding:20px 16px;border-radius:21px}#modules .module-links{grid-template-columns:1fr;gap:10px}#modules .module-links a{min-height:94px;padding:15px 13px}#modules .module-links a[aria-current="page"]{padding:14px 12px}#modules .activity-intro{font-size:16px}#modules .meditation-brand{letter-spacing:-.7px}}
@media(prefers-reduced-motion:reduce){#modules .module-links a{transition:none}#modules .module-links a:hover{transform:none}}
@media(forced-colors:active){#modules .module-links a[aria-current="page"]{outline:2px solid Highlight}#modules .activity-art{border:1px solid currentColor}}

/* Use the main index.html menu palette throughout the collection. */
dialog#modules{background:linear-gradient(135deg,#2467a0 0%,#187f8b 50%,#227851 100%)!important}
dialog#modules .modules-head{background:transparent;padding:0;border:0}
dialog#modules .meditation-brand{color:#fff!important}
dialog#modules .more-activities>summary{font-size:22px!important;color:#fff!important}
dialog#modules .more-activities>summary::marker{color:#fff!important}
dialog#modules .more-activities>summary::-webkit-details-marker{color:#fff!important}
dialog#modules .more-activities>summary::before,dialog#modules .more-activities>summary::after{color:#fff!important}