/* H-24B1: MERFOIS internal-page fidelity layer.
 * Loaded after reference.css. Visual-only; reservation behavior is intentionally untouched.
 */

/* Current MERFOIS uses a restrained white / pale-pink interior rather than a dark page hero. */
.mf-page-hero{
    padding:34px 0 28px;
    background:#fff;
    color:#211b1d;
    border-bottom:1px solid #eee7e8;
}
.mf-page-hero .mf-shell{width:min(1120px,calc(100% - 40px))}
.mf-page-hero>div>span{
    margin-bottom:5px;
    color:#b38b38;
    font-family:"Cormorant Garamond",serif;
    font-size:10px;
    font-weight:600;
    letter-spacing:.15em;
}
.mf-page-hero h1{
    margin:0;
    color:#191516;
    font-family:"Noto Sans JP",sans-serif;
    font-size:clamp(22px,2.2vw,31px);
    font-weight:600;
    line-height:1.5;
    letter-spacing:.01em;
}
.mf-page-hero p{
    max-width:700px;
    margin:8px 0 0;
    color:#807579;
    font-size:10px;
    line-height:1.8;
}

.mf-internal-section{
    padding:52px 0 86px;
    background:#fbf8f8;
}
.mf-internal-section--white{background:#fff}
.mf-internal-heading{
    display:flex;
    align-items:baseline;
    gap:10px;
    margin:0 0 24px;
    padding-bottom:12px;
    border-bottom:1px solid #e6dfe0;
}
.mf-internal-heading span{
    color:#2e2427;
    font-family:"Cormorant Garamond",serif;
    font-size:16px;
    font-weight:600;
    letter-spacing:.1em;
}
.mf-internal-heading b{
    color:#7e7275;
    font-size:10px;
    font-weight:500;
}

/* Therapist index/new list: current site density, always 3:4. */
.mf-therapist-list-page [data-aic-ui-pattern="therapist-cards"].mf-therapist-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:28px 14px;
}
.mf-therapist-list-page .mf-therapist-card__image{
    aspect-ratio:3/4;
    border:0;
    background:#f0e9e9;
}
.mf-therapist-list-page .mf-therapist-card__image img{
    width:100%;
    height:100%;
    object-fit:cover;
}
.mf-therapist-list-page .mf-therapist-card__body{padding:8px 0 0}
.mf-therapist-list-page .mf-therapist-card__name{
    color:#191516;
    font-size:12px;
    font-weight:600;
}
.mf-therapist-list-page .mf-therapist-card__profile{
    margin-top:2px;
    color:#776c70;
    font-size:9px;
}
.mf-therapist-list-page .mf-therapist-card__schedule{
    min-height:24px;
    margin-top:6px;
    padding-top:6px;
    border-top:1px solid #ece5e6;
}
.mf-therapist-list-page .mf-therapist-card__status{
    min-width:39px;
    padding:2px 5px;
    border:1px solid #d4c7ca;
    background:#fff;
    color:#71666a;
    font-size:8px;
}
.mf-therapist-list-page .mf-therapist-card__status.is-open{
    border-color:#bf5367;
    background:#fff;
    color:#b23f57;
}
.mf-therapist-list-page .mf-therapist-card__status.is-full{
    border-color:#4b353a;
    background:#4b353a;
    color:#fff;
}
.mf-therapist-list-page .mf-therapist-card__time{
    color:#4d4346;
    font-size:9px;
    font-weight:500;
}
.mf-therapist-list-page .mf-therapist-card__labels{margin-top:5px;gap:4px}
.mf-therapist-list-page .mf-therapist-card__labels span{
    padding:2px 5px;
    background:#fff;
    border:1px solid #eadfe1;
    color:#8a7076;
    font-size:8px;
}
.mf-therapist-list-page .mf-therapist-card__reserve{
    margin-top:6px;
    padding-top:6px;
    border-top:1px solid #ece5e6;
    color:#a97f2d;
    font-size:8px;
}

/* Schedule: compact weekly blocks, matching the restrained current-site tone. */
.mf-schedule-page{display:grid;gap:18px}
.mf-schedule-guide{
    margin:0 0 4px;
    padding:0 0 14px;
    border-bottom:1px solid #e7dfe1;
}
.mf-schedule-guide strong{
    display:block;
    color:#2b2326;
    font-family:"Cormorant Garamond",serif;
    font-size:16px;
    letter-spacing:.08em;
}
.mf-schedule-guide p{margin:3px 0 0;color:#82767a;font-size:9px}
.mf-schedule{display:grid;gap:24px}
.mf-schedule-day{
    overflow:hidden;
    border:1px solid #e4dcde;
    background:#fff;
    box-shadow:none;
}
.mf-schedule-day__head,
.mf-schedule-day.is-today .mf-schedule-day__head{
    display:flex;
    justify-content:flex-start;
    gap:9px;
    padding:11px 14px;
    background:#f7f1f2;
    color:#282023;
    border-bottom:1px solid #e4dcde;
    font-family:"Noto Sans JP",sans-serif;
    font-size:12px;
    font-weight:600;
    letter-spacing:0;
}
.mf-schedule-day.is-today .mf-schedule-day__head{background:#f3e8ea}
.mf-schedule-day__head span{
    align-self:center;
    padding:2px 5px;
    background:#b74058;
    color:#fff;
    font-size:7px;
    letter-spacing:.06em;
}
.mf-schedule-day__list{display:grid}
.mf-schedule-item{
    display:grid;
    grid-template-columns:minmax(140px,1fr) auto auto 40px;
    gap:10px;
    align-items:center;
    min-width:0;
    padding:11px 14px;
    border-top:1px solid #eee7e8;
    background:#fff;
}
.mf-schedule-item:first-child{border-top:0}
.mf-schedule-item__name{color:#211a1c;font-size:11px;font-weight:600}
.mf-schedule-item__time{
    color:#4a4144;
    font-family:"Noto Sans JP",sans-serif;
    font-size:9px;
    font-weight:500;
    white-space:nowrap;
}
.mf-schedule-item__status{
    min-width:42px;
    padding:2px 5px;
    background:#fff;
    border:1px solid #cdbfc2;
    color:#665a5e;
    font-size:8px;
    text-align:center;
}
.mf-schedule-item:not(.is-full) .mf-schedule-item__status{
    border-color:#bd5064;
    color:#ad3d54;
}
.mf-schedule-item.is-full .mf-schedule-item__status{
    background:#4a363b;
    border-color:#4a363b;
    color:#fff;
}
.mf-schedule-item__reserve,
.mf-schedule-item__closed{
    color:#a97f2d;
    font-size:8px;
    text-align:right;
}
.mf-schedule-item__closed{color:#aaa0a3}
.mf-schedule-day__empty{padding:16px 14px;color:#968b8e;font-size:9px}

@media(max-width:900px){
    .mf-therapist-list-page [data-aic-ui-pattern="therapist-cards"].mf-therapist-grid{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
}

@media(max-width:700px){
    .mf-page-hero{padding:24px 0 20px}
    .mf-page-hero .mf-shell{width:min(100% - 28px,1120px)}
    .mf-page-hero h1{font-size:20px}
    .mf-page-hero p{font-size:9px}
    .mf-internal-section{padding:34px 0 60px}
    .mf-internal-heading{margin-bottom:18px}
    .mf-therapist-list-page [data-aic-ui-pattern="therapist-cards"].mf-therapist-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:22px 10px;
    }
    .mf-therapist-list-page .mf-therapist-card__name{font-size:11px}
    .mf-schedule{gap:18px}
    .mf-schedule-day__head{font-size:11px;padding:10px 11px}
    .mf-schedule-item{
        grid-template-columns:minmax(0,1fr) auto;
        gap:4px 8px;
        padding:10px 11px;
    }
    .mf-schedule-item__name{font-size:10px}
    .mf-schedule-item__time{grid-column:1;font-size:8px}
    .mf-schedule-item__status{grid-column:2;grid-row:1;min-width:38px}
    .mf-schedule-item__reserve,
    .mf-schedule-item__closed{grid-column:2;grid-row:2;font-size:8px}
}