@charset "utf-8";

.week-section { background: radial-gradient(circle at right top, rgb(31, 49, 84), rgb(7, 23, 43) 70%); padding: 60px 5vw 50px; color: white; font-family: Inter, sans-serif; border-radius: 28px; margin-bottom: 0px; }

.week-section .wk-eyebrow { letter-spacing: 4px; font-weight: 700; color: rgb(184, 199, 217); font-size: 0.75rem; margin-bottom: 8px; }

.week-section .wk-title { font-family: Georgia, serif; font-size: clamp(2.2rem, 5vw, 3.6rem); margin: 0px 0px 10px; font-weight: 700; line-height: 1.1; color: rgb(255, 255, 255) !important; }

.week-section .wk-sub { color: rgb(201, 211, 223); font-size: 1rem; margin: 0px 0px 36px; }

.wk-insight-card { margin-bottom: 28px; padding: 32px 36px; border-radius: 22px; background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.16); display: flex; align-items: center; gap: 28px; box-shadow: rgba(0, 0, 0, 0.22) 0px 20px 60px; }

.wk-insight-icon { width: 80px; height: 80px; border-radius: 50%; background: rgba(255, 255, 255, 0.08); display: flex; align-items: center; justify-content: center; font-size: 2.2rem; flex-shrink: 0; }

.wk-insight-card h2 { margin: 0px 0px 10px; font-size: 1.3rem; font-weight: 700; color: rgb(255, 255, 255) !important; }

.wk-insight-card p { margin: 0px; color: rgb(215, 222, 232); line-height: 1.6; font-size: 0.9rem; }

.wk-mood-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }

.wk-mood-card { background: rgb(255, 255, 255); color: rgb(15, 32, 56); border-radius: 22px; padding: 26px 24px 22px; box-shadow: rgba(0, 0, 0, 0.2) 0px 14px 40px; }

.wk-mood-top { display: flex; align-items: center; gap: 14px; margin-bottom: 20px; }

.wk-mood-icon { width: 52px; height: 52px; border-radius: 50%; background: rgb(243, 246, 248); display: flex; align-items: center; justify-content: center; font-size: 1.5rem; flex-shrink: 0; }

.wk-mood-card h3 { font-size: 1.1rem; font-weight: 700; color: rgb(15, 32, 56); margin: 0px; }

.wk-bar { height: 7px; background: rgb(225, 229, 234); border-radius: 999px; overflow: hidden; margin-bottom: 16px; }

.wk-bar i { display: block; height: 100%; border-radius: 999px; }

.wk-card-green .wk-bar i { background: rgb(127, 170, 114); }

.wk-card-blue .wk-bar i { background: rgb(111, 169, 222); }

.wk-card-pink .wk-bar i { background: rgb(237, 120, 150); }

.wk-card-purple .wk-bar i { background: rgb(181, 139, 229); }

.wk-card-yellow .wk-bar i { background: rgb(245, 181, 50); }

.wk-card-navy .wk-bar i { background: rgb(29, 75, 130); }

.wk-card-green .wk-pct { color: rgb(127, 170, 114); }

.wk-card-blue .wk-pct { color: rgb(111, 169, 222); }

.wk-card-pink .wk-pct { color: rgb(237, 120, 150); }

.wk-card-purple .wk-pct { color: rgb(181, 139, 229); }

.wk-card-yellow .wk-pct { color: rgb(245, 181, 50); }

.wk-card-navy .wk-pct { color: rgb(29, 75, 130); }

.wk-card-bottom { display: flex; justify-content: space-between; align-items: center; }

.wk-pct { font-size: 1.35rem; font-weight: 800; }

.wk-mood-label { font-size: 0.78rem; color: rgb(109, 119, 136); margin: 0px; text-align: right; }

.wk-footer { text-align: center; color: rgb(203, 214, 227); margin-top: 32px; font-size: 0.95rem; }

@media (max-width: 768px) {
  .wk-mood-grid { grid-template-columns: 1fr; }
  .wk-insight-card { flex-direction: column; align-items: flex-start; }
}