/* MeFlow Home split layout — agenda left, services/programs right. */
.meflow-home-split{
    display:grid;
    grid-template-columns:minmax(300px,.47fr) minmax(0,1fr);
    gap:30px;
    align-items:start;
    margin-top:38px;
}
.meflow-home-split .meflow-home-section{margin-top:0}
.meflow-home-column{min-width:0}

/* Left: personal agenda panel, intentionally quieter than the launcher. */
.meflow-home-agenda-pane{
    min-width:0;
    padding:22px;
    border:1px solid rgba(255,255,255,.66);
    border-radius:26px;
    background:rgba(255,255,255,.58);
    box-shadow:0 14px 40px rgba(31,51,92,.055);
    backdrop-filter:blur(16px) saturate(125%);
    -webkit-backdrop-filter:blur(16px) saturate(125%);
}
.meflow-home-agenda-pane .meflow-home-section-head{margin-bottom:8px}
.meflow-home-agenda-pane .meflow-home-section-head p{max-width:300px}
.meflow-home-agenda-pane .meflow-home-agenda-strip{
    display:flex;
    flex-direction:column;
    gap:0;
    max-height:475px;
    overflow-x:hidden;
    overflow-y:auto;
    padding:0 5px 0 0;
    margin:0;
    scroll-snap-type:none;
    scrollbar-width:thin;
    scrollbar-color:rgba(134,134,139,.34) transparent;
}
.meflow-home-agenda-pane .meflow-home-agenda-strip::-webkit-scrollbar{display:block;width:5px;height:auto}
.meflow-home-agenda-pane .meflow-home-agenda-strip::-webkit-scrollbar-thumb{background:rgba(134,134,139,.3);border-radius:999px}
.meflow-home-agenda-pane .meflow-home-agenda-card{
    flex:0 0 auto;
    min-height:0;
    padding:17px 3px 18px;
    border:0!important;
    border-top:1px solid rgba(44,57,78,.075)!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    overflow:visible;
    transition:opacity .18s ease,transform .18s ease;
}
.meflow-home-agenda-pane .meflow-home-agenda-card:first-child{border-top:0!important;padding-top:12px}
.meflow-home-agenda-pane .meflow-home-agenda-card:hover{transform:translateX(2px);box-shadow:none!important}
.meflow-home-agenda-pane .meflow-home-agenda-card.is-ongoing{
    margin:5px -8px 4px;
    padding:16px 11px 17px;
    border:0!important;
    border-radius:18px!important;
    background:rgba(238,249,243,.86)!important;
    box-shadow:inset 0 0 0 1px rgba(22,130,93,.07)!important;
}
.meflow-home-agenda-pane .meflow-home-agenda-topline{min-height:20px}
.meflow-home-agenda-pane .meflow-home-agenda-date{font-size:10px!important}
.meflow-home-agenda-pane .meflow-home-agenda-time{
    margin-top:11px;
    font-size:21px;
    line-height:1.05;
    font-weight:650;
    letter-spacing:-.035em;
}
.meflow-home-agenda-pane .meflow-home-agenda-card h3{
    margin:10px 0 4px;
    font-size:15px;
    line-height:1.32;
    font-weight:650;
}
.meflow-home-agenda-pane .meflow-home-agenda-card p{font-size:11px!important}
.meflow-home-agenda-pane .meflow-home-agenda-location{margin-top:8px;font-size:11px!important}
.meflow-home-agenda-pane .meflow-home-agenda-calendar{margin-top:10px;font-size:11px}
.meflow-home-agenda-pane .meflow-home-empty{
    min-height:178px;
    padding:22px 14px;
    background:rgba(255,255,255,.42)!important;
    box-shadow:none!important;
}

/* Right: primary launcher gets the larger share of the canvas. */
.meflow-home-services-pane,
.meflow-home-program-pane{min-width:0;padding-top:2px}
.meflow-home-services-pane .meflow-home-section-head,
.meflow-home-program-pane .meflow-home-section-head{margin-bottom:18px}
.meflow-home-services-pane .meflow-home-service-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
}
.meflow-home-services-pane .meflow-home-service-card{
    min-height:182px;
    border-radius:24px;
    padding:22px 18px 19px;
    justify-content:center;
}
.meflow-home-services-pane .meflow-home-service-icon{
    width:60px;
    height:60px;
    border-radius:19px;
    margin-bottom:17px;
    font-size:24px;
}
.meflow-home-services-pane .meflow-home-service-copy strong{font-size:16px!important}
.meflow-home-services-pane .meflow-home-service-copy small{font-size:11px!important}
.meflow-home-services-pane .meflow-home-service-card.is-active{
    background:rgba(255,255,255,.76)!important;
    border:1px solid rgba(255,255,255,.66)!important;
}
.meflow-home-services-pane .meflow-home-service-card.is-active:hover{
    background:rgba(255,255,255,.96)!important;
    transform:translateY(-3px) scale(1.012);
}
.meflow-home-services-pane .meflow-home-service-card.is-coming{
    border:1px solid rgba(44,57,78,.045)!important;
    background:rgba(255,255,255,.24)!important;
}

/* Guest: the right-hand side becomes the personal program library. */
.meflow-home-program-pane .meflow-home-program-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
}
.meflow-home-program-pane .meflow-home-program-card{min-height:210px}

@media(max-width:1100px){
    .meflow-home-split{grid-template-columns:minmax(285px,.43fr) minmax(0,1fr);gap:24px}
    .meflow-home-services-pane .meflow-home-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .meflow-home-program-pane .meflow-home-program-grid{grid-template-columns:1fr}
}

@media(max-width:900px){
    .meflow-home-split{grid-template-columns:1fr;gap:34px;margin-top:32px}
    .meflow-home-agenda-pane{padding:20px}
    .meflow-home-agenda-pane .meflow-home-agenda-strip{
        display:grid;
        grid-auto-flow:column;
        grid-auto-columns:minmax(285px,72vw);
        gap:13px;
        max-height:none;
        overflow-x:auto;
        overflow-y:hidden;
        padding:2px 2px 10px;
        margin-right:-8px;
        scroll-snap-type:x proximity;
        scrollbar-width:none;
    }
    .meflow-home-agenda-pane .meflow-home-agenda-strip::-webkit-scrollbar{display:none}
    .meflow-home-agenda-pane .meflow-home-agenda-card,
    .meflow-home-agenda-pane .meflow-home-agenda-card:first-child{
        min-height:196px;
        padding:18px;
        border:0!important;
        border-radius:20px!important;
        background:rgba(255,255,255,.70)!important;
        scroll-snap-align:start;
        box-shadow:0 6px 20px rgba(31,51,92,.035)!important;
    }
    .meflow-home-agenda-pane .meflow-home-agenda-card.is-ongoing{
        margin:0;
        background:rgba(238,249,243,.90)!important;
    }
    .meflow-home-agenda-pane .meflow-home-agenda-time{font-size:23px}
    .meflow-home-services-pane .meflow-home-service-card{min-height:165px}
    .meflow-home-program-pane .meflow-home-program-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:620px){
    .meflow-home-split{gap:30px;margin-top:28px}
    .meflow-home-agenda-pane{padding:18px;border-radius:22px}
    .meflow-home-agenda-pane .meflow-home-agenda-strip{grid-auto-columns:minmax(260px,84vw)}
    .meflow-home-services-pane .meflow-home-service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
    .meflow-home-services-pane .meflow-home-service-card{min-height:148px;padding:17px 12px 15px;border-radius:21px}
    .meflow-home-services-pane .meflow-home-service-icon{width:52px;height:52px;border-radius:16px;font-size:21px;margin-bottom:13px}
    .meflow-home-program-pane .meflow-home-program-grid{grid-template-columns:1fr}
}

@media(prefers-reduced-motion:reduce){
    .meflow-home-agenda-pane .meflow-home-agenda-card,
    .meflow-home-services-pane .meflow-home-service-card{transition:none!important}
}