/* A brighter, bolder interlude for the app's habit-building promise. */
#member-app.habit-app{background:#f0f5ef;color:#203f30;border-top:8px solid #8ca685;border-bottom:1px solid #d4dfd0}
#member-app.habit-app .section{display:grid;grid-template-columns:1.25fr .75fr;column-gap:7vw;row-gap:30px;max-width:1180px;padding:76px 6vw 65px}
#member-app.habit-app .app-experience-heading{grid-column:1;grid-row:1}
#member-app.habit-app .eyebrow{font:700 14px/1.8 'Noto Sans JP',sans-serif;color:#52734e;letter-spacing:.06em;margin:0 0 24px}
#member-app.habit-app .app-experience-heading h2{font:700 clamp(38px,4vw,58px)/1.45 'Noto Sans JP',sans-serif;letter-spacing:.015em;color:#203f30;margin:0 0 25px}
#member-app.habit-app .habit-mobile-break{display:none}
#member-app.habit-app .app-experience-heading>p:last-child{font:400 14px/2.1 'Noto Sans JP',sans-serif;color:#52664f}
#member-app.habit-app .actual-app-layout{display:contents}
#member-app.habit-app .actual-app-visual{grid-column:2;grid-row:1 / span 2;align-self:center;max-width:300px;position:relative}
#member-app.habit-app .actual-app-visual:before{content:'';position:absolute;width:350px;height:350px;border-radius:50%;background:#dde8d8;top:160px;left:50%;transform:translateX(-50%);z-index:0}
#member-app.habit-app .actual-app-brand{position:relative;color:#3a5c3b;font:700 12px/1.8 'Noto Sans JP',sans-serif;letter-spacing:.08em;text-align:center;margin:0 0 16px}
#member-app.habit-app .actual-phone{position:relative;box-shadow:0 20px 42px #28452c20;border:1px solid #d3dfcf;border-radius:26px}
#member-app.habit-app .actual-screen-caption{position:relative;color:#64765e;font-size:10px}
#member-app.habit-app .actual-app-copy{grid-column:1;grid-row:2}
#member-app.habit-app .habit-loop{list-style:none;padding:0;margin:0 0 30px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px}
#member-app.habit-app .habit-loop li{border-top:2px solid #8da582;padding:12px 0 0;position:relative}
#member-app.habit-app .habit-loop li:not(:last-child):after{content:'→';position:absolute;right:-14px;top:37px;color:#76906c;font-size:17px}
#member-app.habit-app .habit-loop li>span{font:600 11px/1.5 'Noto Sans JP',sans-serif;color:#739069;display:block;margin-bottom:10px}
#member-app.habit-app .habit-loop strong{font:700 14px/1.8 'Noto Sans JP',sans-serif;display:block;color:#294b32;white-space:nowrap}
#member-app.habit-app .habit-loop p{font:400 10px/1.9 'Noto Sans JP',sans-serif;color:#64765e;margin:6px 0 0}
#member-app.habit-app .actual-app-tabs{grid-template-columns:1fr 1fr;gap:0 20px;border-top:1px solid #c8d7c1}
#member-app.habit-app .actual-app-tabs button{border-left:0;border-bottom:1px solid #c8d7c1;padding:15px 12px 15px 0;color:#53664e;position:relative;min-height:82px}
#member-app.habit-app .actual-app-tabs button[aria-selected=true]{background:#e2ecdc;color:#203f30;padding-left:12px}
#member-app.habit-app .actual-app-tabs button[aria-selected=true]:after{content:'●';position:absolute;right:8px;top:14px;font-size:7px;color:#638553}
#member-app.habit-app .actual-app-tabs span{color:#62795a;font-size:10px;margin-bottom:6px}
#member-app.habit-app .actual-app-tabs strong{font:600 13px/1.9 'Noto Sans JP',sans-serif}
#member-app.habit-app .actual-app-detail{color:#53664e;font-size:12px;line-height:2;min-height:52px;margin:18px 0 25px}
#member-app.habit-app .actual-app-shared{border-top:1px solid #c8d7c1;padding-top:22px}
#member-app.habit-app .actual-app-shared h3{font:700 23px/1.7 'Noto Sans JP',sans-serif;color:#294b32;margin-bottom:14px}
#member-app.habit-app .actual-app-shared h3 br{display:none}
#member-app.habit-app .actual-app-shared p{color:#53664e;font-size:12px;line-height:2}
#member-app.habit-app .actual-app-note{color:#6a7c64;font-size:10px;margin:15px 0 20px}
#member-app.habit-app .habit-app-cta{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #52734e;padding:10px 0;color:#294b32;font:700 13px/1.8 'Noto Sans JP',sans-serif;text-decoration:none}
#member-app.habit-app button:focus-visible,#member-app.habit-app a:focus-visible{outline:3px solid #547648;outline-offset:4px}
@media(max-width:1000px) and (min-width:769px){#member-app.habit-app .section{column-gap:4vw;grid-template-columns:1.15fr .85fr}#member-app.habit-app .app-experience-heading h2{font-size:38px}#member-app.habit-app .habit-loop{gap:12px}#member-app.habit-app .habit-loop strong{font-size:12px}#member-app.habit-app .habit-loop p{font-size:9px}#member-app.habit-app .actual-app-tabs{gap:0 12px}#member-app.habit-app .actual-app-tabs strong{font-size:11px}}
@media(max-width:768px){#member-app.habit-app .section{display:flex;flex-direction:column;gap:0;padding:46px 24px 42px}#member-app.habit-app .eyebrow{font-size:12px;margin-bottom:20px}#member-app.habit-app .app-experience-heading h2{font-size:37px;line-height:1.5;margin-bottom:20px}#member-app.habit-app .habit-mobile-break{display:block}#member-app.habit-app .app-experience-heading>p:last-child{font-size:12px;line-height:2.1}#member-app.habit-app .actual-app-copy{display:contents}#member-app.habit-app .habit-loop{order:0;gap:13px;margin:28px 0 25px;width:100%}#member-app.habit-app .habit-loop strong{font-size:11px}#member-app.habit-app .habit-loop p{font-size:9px}#member-app.habit-app .habit-loop li:not(:last-child):after{right:-11px;font-size:13px;top:36px}#member-app.habit-app .actual-app-tabs{order:1;width:100%;gap:0 14px;margin-bottom:28px}#member-app.habit-app .actual-app-tabs strong{font-size:12px}#member-app.habit-app .actual-app-visual{order:2;max-width:265px;align-self:center;margin:0 auto 25px}#member-app.habit-app .actual-app-visual:before{width:300px;height:300px;top:145px}#member-app.habit-app .actual-app-detail{order:3;min-height:0;margin:0 0 24px}#member-app.habit-app .actual-app-shared{order:4;width:100%}#member-app.habit-app .actual-app-shared h3{font-size:21px}#member-app.habit-app .actual-app-note{order:5;margin:17px 0 14px}#member-app.habit-app .habit-app-cta{order:6;width:100%;font-size:12px}#member-app.habit-app .actual-screen-caption{font-size:9px}}
@media(max-width:360px){#member-app.habit-app .section{padding-left:20px;padding-right:20px}#member-app.habit-app .app-experience-heading h2{font-size:32px}#member-app.habit-app .eyebrow{font-size:11px}#member-app.habit-app .habit-loop{gap:10px}#member-app.habit-app .habit-loop strong{font-size:10px}#member-app.habit-app .habit-loop p{font-size:8px}#member-app.habit-app .actual-app-tabs strong{font-size:10px}}
#member-app.habit-app .habit-app-brand{position:relative;color:#3a5c3b;font:700 12px/1.8 'Noto Sans JP',sans-serif;letter-spacing:.08em;text-align:center;margin:0 0 16px}