:root{--myr-bronze:#bf8c4d;--myr-cream:#faf8f4;--myr-ink:#1a1a1a;--myr-sub:#5e5a54;--myr-edge:#e0dcd6;--myr-card-bg:#fff8f0;--myr-tl-green:#2d8659;--myr-tl-yellow:#c9a227;--myr-tl-red:#b04545;--myr-tl-unrated:#d4d4d4;--myr-rose-edge:#d99090}body.my-routines-page{font-family:"Switzer",system-ui,sans-serif}.myr-page-hero{padding:1.25rem 0 0.5rem}.myr-page-hero h1{font-family:var(--serif-display),Georgia,serif;font-size:var(--type-h2);font-weight:600;color:var(--myr-ink);margin:0 0 0.35rem;letter-spacing:0}.myr-page-hero p{font-size:var(--type-small);color:var(--myr-sub);margin:0;line-height:1.5;max-width:44rem}.myr-domain-chips{display:flex;flex-wrap:wrap;gap:0.4rem;margin:0.75rem 0 1rem}.myr-domain-chip{display:inline-flex;align-items:center;gap:0.4rem;padding:0.3rem 0.7rem;border:1px solid var(--myr-edge);background:var(--myr-card-bg);color:var(--myr-sub);font-size:var(--type-caption);text-decoration:none;border-radius:0}.myr-domain-chip--on,.myr-domain-chip:hover{border-color:var(--myr-bronze);color:var(--myr-ink)}.myr-domain-chip-dot{display:inline-block;width:8px;height:8px;background:var(--chip-hex,#d29a9a);border-radius:0}.myr-routine-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin-bottom:1.5rem}.myr-routine-card{position:relative;border:1px solid var(--myr-edge);background:var(--myr-card-bg);padding:0.75rem 0.85rem 0.85rem;min-height:120px;border-radius:0;font-family:"Switzer",system-ui,sans-serif;border-left:4px solid var(--domain-stripe,#d29a9a)}.myr-routine-tl-dot{position:absolute;top:8px;right:8px;width:10px;height:10px;display:block;border-radius:0;background:var(--tl-hex,var(--myr-tl-unrated))}.myr-routine-domain{font-size:var(--type-caption);color:var(--myr-sub);margin:0 0 0.2rem}.myr-routine-name{font-size:var(--type-body);font-weight:600;color:var(--myr-ink);margin:0 0 0.4rem;padding-right:1.4rem}.myr-routine-meta{font-size:var(--type-caption);color:var(--myr-sub);margin:0.15rem 0}.myr-routine-cadence-chip{display:inline-block;padding:0.15rem 0.45rem;background:#f5efe5;color:var(--myr-sub);font-size:var(--type-caption);margin-right:0.4rem;border-radius:0;text-transform:lowercase}.myr-routine-tick{margin-top:0.6rem;background:var(--myr-card-bg);color:var(--myr-bronze);border:1px solid var(--myr-bronze);padding:0.35rem 0.7rem;font-family:"Switzer",system-ui,sans-serif;font-size:var(--type-caption);cursor:pointer;border-radius:0}.myr-routine-tick[disabled]{opacity:0.55;cursor:not-allowed}.myr-routine-tick--done{background:var(--myr-bronze);color:var(--myr-cream);border-color:var(--myr-bronze)}.myr-section-head{font-family:"Switzer",system-ui,sans-serif;font-size:var(--type-body);font-weight:600;color:var(--myr-ink);margin:1rem 0 0.5rem}.myr-mix-match-section.gp-plan-section-box{border:3px solid #a67c52;border-radius:0;padding:16px 18px 18px;margin-top:1.5rem;margin-bottom:1.25rem;background:linear-gradient(180deg,rgba(166,124,82,0.07),rgba(255,255,255,0.98) 36px);box-sizing:border-box}.myr-mix-match-section .gp-budget-details{margin-bottom:0}.myr-mix-match-section .gp-budget-summary{color:var(--myr-bronze);font-size:var(--type-body);cursor:pointer;padding:8px 0;font-weight:600}.myr-mix-match-section .gp-budget-body{padding:12px 0 0}.myr-mix-match-section .gp-budget-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--myr-edge);font-size:var(--type-body)}.myr-mix-match-section .gp-budget-row span:first-child{color:var(--myr-ink)}.myr-mix-match-section .gp-budget-row span:last-child{color:var(--myr-sub)}.myr-mix-match-section .gp-budget-note{color:var(--myr-sub);font-size:var(--type-small);margin-top:8px;font-style:italic}.myr-mix-overflow{margin-top:1rem;padding:14px 16px;border:1px solid var(--myr-bronze);background:#fff8f0;border-radius:0;max-width:52rem}.myr-mix-overflow-text{margin:0 0 10px;font-size:var(--type-body);line-height:1.55;color:var(--myr-sub)}.myr-mix-overflow-cta{display:inline-block;font-size:var(--type-body);font-weight:600;color:var(--myr-bronze);text-decoration:underline;text-underline-offset:2px}.myr-mix-overflow-cta:hover{color:#9a7030}