/* Colibri-derived composition. Canonical visual tokens: DESIGN.md §6–8. */
:root{--visual-title:43.2px;--visual-heading:32px;--visual-body:17px;--visual-section:96px;--pink:#fce7ea}
.multipage{font-size:var(--visual-body);font-weight:400;line-height:1.85}
.multipage h1,.multipage h2,.multipage h3{font-weight:600;letter-spacing:0;word-break:normal;overflow-wrap:anywhere}
.multipage h2{font-size:var(--visual-heading);line-height:1.5}
.multipage h3{line-height:1.55}
.multipage .button{font-weight:500;border-radius:4px;min-height:50px}
.multipage .container{max-width:1120px}
.header{box-shadow:0 1px 3px #293c3516}
.nav-shell{padding-inline:28px}
.multipage .brand strong{font-size:27px}
.multipage #navigation{font-size:15px;font-weight:400}
.eyebrow,.small-label{font-weight:500}
.multipage .detail-section{padding-block:var(--visual-section)}
.multipage .detail-section p{font-size:17px;line-height:1.85}
.multipage .section-heading{margin-bottom:54px}
.section-lead{max-width:720px;margin-inline:auto}
.multipage .breadcrumbs{font-size:12px;padding-block:22px 0;color:#636a60}

/* Hero: open white field + pink quarter ellipse + dominant image. */
.home-page .hero-inner{height:660px;max-width:1600px}
.home-page .hero-copy{padding-top:60px;width:540px;margin-left:max(calc((100% - 1190px)/2),48px)}
.home-page .hero h1{font-size:43.2px;font-weight:600;line-height:1.6}
.home-page .hero h1 span{box-shadow:none}
.home-page .hero-kicker{font-weight:500;font-size:13px;margin-bottom:18px}
.home-page .hero-lead{font-size:23.2px;line-height:1.65;margin-top:30px;max-width:465px}
.hero-lead-note{display:block;font-size:15px;margin-top:16px;line-height:1.85;color:var(--muted)}
.home-page .hero-facts{font-size:12px;gap:8px 16px;margin-top:18px;line-height:1.7;font-weight:400}
.home-page .hero-actions{margin-top:22px}
.home-page .hero-visual.generated-hero{left:49%;top:90px;width:820px;max-width:none}
.home-page .hero-inner:before{left:40%;height:375px;bottom:0;border-radius:75% 0 0 0}
.service-band{padding-block:36px 42px}
.service-band .container{max-width:1060px}
.band-inner{grid-template-columns:220px 1fr;gap:32px}
.service-chips a{font-size:18px;font-weight:500;min-height:60px;border-radius:3px}
.band-inner strong{font-size:25px;font-weight:600}

/* Detail hero: short name as H1, clear value statement, restrained detail. */
.subhero{overflow:hidden;position:relative;padding:44px 0 58px;isolation:isolate}
.subhero:before{content:'';position:absolute;z-index:-1;left:48%;right:-15%;top:16%;bottom:0;background:var(--pink);border-radius:95% 0 0 0}
.subhero-grid{min-height:490px;grid-template-columns:1fr 1.08fr;gap:45px;align-items:center}
.subhero h1{font-size:43.2px;line-height:1.5;margin:0}
.subhero .eyebrow{margin-bottom:14px;font-size:13px}
.hero-promise{font-size:23.2px;line-height:1.6;margin-top:28px}
.subhero .subhero-lead{font-size:16px;line-height:1.9;max-width:490px;margin-top:20px}
.subhero .button{margin-top:26px;font-size:15px;padding:11px 22px}
.subhero figure{width:125%;max-width:none;margin:0 0 0 -2%;position:relative}
.subhero figure:before{display:none}
.subhero figure img{width:100%;max-height:490px;object-fit:contain}
.page-services-home-care .subhero figure,.page-services-home-visit .subhero figure,.page-services-nursing .subhero figure{width:118%}
.subhero-text{padding-block:64px 56px;text-align:center}
.subhero-text:before{display:none}
.subhero-text .subhero-grid{display:block;min-height:0;max-width:900px}
.subhero-text .subhero-lead{max-width:710px;margin:24px auto 0;font-size:18px}
.page-index{font-size:14px;gap:22px 44px;padding:23px 0;border-bottom:1px solid var(--line)}

/* Open image/text sections, alternation kept across desktop and tablet. */
.home-page .intro{padding-block:80px 30px}
.home-page .intro h2{font-size:30px;font-weight:600}
.home-page .features{padding-top:64px;padding-bottom:50px;overflow:hidden}
.home-page .feature-row{grid-template-columns:1fr 1.25fr;gap:72px;min-height:560px;padding-block:75px}
.home-page .feature-row.reverse{grid-template-columns:1.25fr 1fr}
.home-page .feature-copy h3{font-size:32px;line-height:1.5;margin-bottom:26px}
.home-page .feature-copy>p:not(.small-label){font-size:18px;line-height:1.85}
.home-page .feature-media.generated-media{height:auto;min-height:360px;width:120%;margin-left:-5%;max-width:none}
.home-page .feature-row.reverse .feature-media{margin-left:-15%}
.home-page .feature-media:before{inset:26% 0 0;background:var(--pink);border-radius:60% 0 0 0}
.home-page .feature-media img{width:100%;max-width:none;max-height:470px;object-fit:contain}
.feature-focus{grid-template-columns:1.3fr 1fr;gap:80px}
.feature-focus figure{background:none;border-radius:0;padding:0;position:relative;isolation:isolate;width:115%;margin-left:-8%}
.feature-focus figure:before{content:'';position:absolute;z-index:-1;inset:28% 0 0;background:var(--pink);border-radius:70% 0 0 0}
.feature-focus h2{font-size:32px}
.procedure-section,.specifications-section,.forms-section{background:white}
.procedure-section{border-top:1px solid #e5e9ed}
.specifications-section .split-content,.forms-section .split-content{gap:90px}
.detail-list dt{font-weight:500;font-size:19px}
.detail-list dd{font-size:16px;color:#42516a;line-height:1.85}
.procedure-list>li{padding-block:26px}
.procedure-list h3{font-size:21px;font-weight:500}
.procedure-list p{font-size:16px!important}
.status-flow{gap:12px}
.status-flow span{border-radius:2px;font-size:14px;padding:10px 13px}

/* Benefits use light line illustrations instead of boxed numbered lists. */
.benefit-columns{gap:54px}
.benefit-columns article{border:0;padding-top:0;text-align:center}
.benefit-columns h3{font-size:21px;margin:24px 0 16px}
.benefit-columns p{text-align:left;font-size:16px!important;line-height:1.85}
.line-icon{display:block;width:80px;height:80px;margin:auto;color:var(--ink)}
.icon-accent{stroke:#ee8992}
.businesses-section{background:#fff}
.business-links{gap:36px}
.business-links>a{padding:0 0 26px;border:0;background:white;text-align:center;border-bottom:1px solid var(--line);border-radius:0}
.business-links>a:hover{background:white;border-color:var(--teal)}
.business-illustration{height:210px;display:flex;align-items:center;justify-content:center;background:#fdf3f5;border-radius:60% 60% 3px 3px;margin-bottom:24px}
.business-illustration img{height:100%;width:100%;object-fit:contain}
.business-number{display:none}
.business-links h3{font-size:25px;margin:0 0 12px}
.business-links p{font-size:15px!important;min-height:48px}
.business-links .text-link{font-size:14px;margin-top:18px;justify-content:center}
.problem-band{background:#fdf2f4;padding-block:48px}
.problem-band>.container{max-width:1040px}
.problem-band h2{font-size:25px}
.problem-band li{font-size:16px}
.work-sequence article{display:grid;grid-template-columns:1.05fr 1fr;gap:75px;border:0;padding:48px 0;align-items:center}
.work-sequence article:nth-child(even) .sequence-visual{grid-column:2;grid-row:1}
.work-sequence article:nth-child(even) .sequence-copy{grid-column:1;grid-row:1}
.sequence-visual{position:relative;isolation:isolate;width:108%;margin-left:-4%}
.sequence-visual:before{content:'';position:absolute;z-index:-1;inset:30% 0 0;background:#fce7ea;border-radius:65% 0 0 0}
.sequence-role{display:flex;align-items:center;gap:16px;margin-bottom:20px}
.sequence-role>span{font-size:28px;font-weight:400;color:#cb6072}
.sequence-role p{font-size:14px!important;margin:0;color:var(--teal)}
.work-sequence h3{font-size:28px;margin-bottom:22px}
.work-sequence .sequence-note{font-size:14px!important;padding-left:0;color:#586159;margin-top:22px}
.preparation{padding-inline:48px;background:#fdf2f4;border-radius:90px 0 90px 0;gap:65px;margin-block:24px}
.preparation aside{padding:0;background:none;border-radius:0}
.preparation h2{font-size:30px}
.preparation li{font-size:16px}
.faq-section,.multipage .faq{background:#f7f9fa;padding-block:80px}
.faq-grid{grid-template-columns:.75fr 1.25fr;gap:65px}
.faq-list summary{font-size:17px;font-weight:400;padding-block:25px}
.faq-list details p{font-size:16px!important;padding-left:0}
.related-grid{gap:48px;max-width:1040px}
.related-link{border:0;border-radius:0;border-bottom:1px solid var(--line)}
.related-link figure{background:transparent;padding:0;position:relative}
.related-link img{height:290px}
.related-link>span{font-size:21px;font-weight:500;padding:24px 0}
.related-link:hover{background:white}
.home-management{padding-block:96px}
.management-index li{font-size:16px;font-weight:400;color:var(--ink)}
.support-teaser{grid-template-columns:1.15fr 1fr;gap:70px}
.support-teaser>img{height:360px;border-radius:4px}

/* Support / company / legal retain their own reading patterns. */
.page-support .subhero h1{font-size:38px}
.page-support .flow{padding-block:80px;border-top:0}
.page-support .flow-grid{gap:40px}
.page-support .flow-grid h3{font-size:20px}
.page-support .step-number{font-size:27px;color:#ca6575}
.page-support .operation{padding-block:80px}
.page-support .operation-list dt{font-size:16px}
.page-support .operation-list dd{font-size:16px}
.page-company .company{max-width:1000px;padding-block:36px 85px;grid-template-columns:1fr 1.3fr;gap:65px}
.page-company .company-copy>p:not(.eyebrow){font-size:17px}
.page-company .company-table>div{font-size:16px;padding-block:17px}
.page-company .company-table dt{font-weight:500}
.page-company .company-details h3{font-size:24px}
.page-company .detail-section.pale{background:#fdf2f4}
.page-company .benefit-columns h3{margin-top:0}
.page-company .benefit-columns article{border-top:1px solid #e5adb6;padding-top:26px}
.page-privacy .subhero-text{padding-block:54px 20px}
.page-privacy .subhero h1{font-size:38px}
.legal-content{max-width:850px;padding-block:32px 80px}
.legal-content section{padding-block:32px}
.legal-content h2{font-size:24px;font-weight:500}
.legal-content p{font-size:17px;line-height:1.95}
.page-contact .contact{background:#edf7fa;padding-block:58px 80px}
.page-contact .contact-grid{max-width:940px}
.page-contact .contact-copy{padding-bottom:34px}
.page-contact .contact-copy h1{font-size:38px;font-weight:600}
.page-contact .form-wrap{border:1px solid #d8e1e5;border-radius:3px;padding:38px 48px}
.page-contact .contact-copy>p:not(.eyebrow){font-size:18px}
.page-contact .contact-copy .contact-caption{font-size:14px}
.page-contact .form-wrap h3{font-weight:500;font-size:23px}
.page-contact .form-grid label{font-size:16px}

/* Pink invitation band, dark footer: strong ending shared by every page. */
.page-cta{background:var(--pink);padding-block:72px;border-radius:0 0 120px 0}
.page-cta h2{font-size:32px;font-weight:600;line-height:1.6}
.page-cta p:not(.eyebrow){font-size:16px}
.site-footer{background:var(--ink);color:#fff;padding-top:60px}
.site-footer .brand,.site-footer .brand small{color:#fff}
.site-footer .brand-mark{stroke:#fff}
.site-footer .footer-identity>p,.site-footer .footer-sitemap p,.site-footer .footer-bottom{color:#d4d9c9}
.site-footer .footer-sitemap,.site-footer .footer-bottom{border-color:#ffffff26}
.site-footer .footer-sitemap h2{font-size:15px;font-weight:500;color:#fff}
.site-footer .footer-sitemap a{font-size:14px;font-weight:400;color:#e6e5d8}
.site-footer a[aria-current=page]{color:#d1dfd2;text-decoration:underline;text-underline-offset:4px}
.site-footer .back-top{color:#fff;border-color:#ffffff50}
.error-page{background:#fdf2f4}
.error-page h1{font-weight:600}

@media(min-width:1100px) and (max-width:1250px){
 .home-page .hero-copy{width:475px}.home-page .hero h1{font-size:38px}.home-page .hero-visual.generated-hero{left:48%;width:740px;top:125px}
 .subhero h1{font-size:39px}.subhero-grid{gap:28px}.subhero figure{width:116%}
}
@media(min-width:761px) and (max-width:1099px){
 :root{--visual-section:72px;--visual-heading:30px}
 .multipage .container{width:calc(100% - 64px)}
 .home-page .hero-inner{height:690px}.home-page .hero-copy{margin-left:32px;width:48%;padding-top:55px}
 .home-page .hero h1{font-size:36px;line-height:1.65}.home-page .hero h1 br{display:none}
 .home-page .hero-lead{font-size:20px;line-height:1.7}.home-page .hero-lead br{display:none}
 .home-page .hero-visual.generated-hero{left:49%;top:160px;width:670px}
 .home-page .hero-actions{align-items:flex-start;flex-direction:column;gap:16px}.home-page .hero-actions .button{font-size:15px}
 .home-page .hero-facts{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
 .band-inner{display:block;text-align:center}.band-inner>p br{display:none}.band-inner>p{margin-bottom:22px}.band-inner strong{margin-left:12px}
 .service-chips a{font-size:16px;gap:8px}
 .subhero{padding-top:40px}.subhero-grid{grid-template-columns:1fr 1fr;gap:28px;min-height:450px}
 .subhero h1{font-size:35px}.hero-promise{font-size:21px;margin-top:24px}.subhero .subhero-lead{font-size:16px}
 .subhero figure{width:125%;margin-left:0}.subhero .button{font-size:14px;padding-inline:18px}
 .page-support .subhero h1{font-size:32px}
 .home-page .feature-row,.home-page .feature-row.reverse{grid-template-columns:1fr 1.1fr;gap:32px;min-height:450px;padding-block:50px}
 .home-page .feature-copy h3{font-size:28px}.home-page .feature-copy>p:not(.small-label){font-size:17px}
 .home-page .feature-media.generated-media{width:112%;min-height:240px}.home-page .feature-row.reverse .feature-media{margin-left:-8%}
 .feature-focus{grid-template-columns:1.05fr 1fr;gap:36px}.feature-focus h2{font-size:28px}
 .benefit-columns{grid-template-columns:repeat(2,1fr);gap:48px}.benefit-columns article:last-child{grid-column:1/-1;max-width:360px;justify-self:center}
 .business-links{gap:22px}.business-illustration{height:160px}.business-links h3{font-size:22px}.business-links p{font-size:14px!important}
 .work-sequence article{grid-template-columns:1fr 1fr;gap:34px}.work-sequence h3{font-size:25px}.work-sequence .sequence-role{align-items:flex-start;gap:12px}
 .split-content{grid-template-columns:1fr;gap:38px}.split-content>div:first-child{max-width:670px}
 .specifications-section .split-content,.forms-section .split-content{gap:40px}.detail-list>div{display:grid;grid-template-columns:210px 1fr;gap:30px}.detail-list dd{margin:0}
 .preparation{padding-inline:32px;gap:35px;border-radius:55px 0 55px 0}.preparation h2{font-size:27px}
 .related-link img{height:230px}.related-link>span{font-size:19px}
 .support-teaser{gap:36px}.support-teaser>img{height:310px}
 .page-company .company{grid-template-columns:1fr;gap:35px}.page-company .company-story{max-width:650px}
 .page-company .company-table>div{grid-template-columns:150px 1fr}
 .faq-grid{grid-template-columns:1fr;gap:35px}.page-cta h2{font-size:30px}
}
@media(max-width:760px){
 :root{--visual-section:64px;--visual-heading:28px}
 .multipage .container{width:calc(100% - 40px)}
 .multipage h2{font-size:28px}.multipage .detail-section p{font-size:16px}
 .multipage .section-heading{margin-bottom:36px}
 .multipage .brand strong{font-size:23px}.nav-shell{padding-inline:18px}
 .multipage .breadcrumbs{padding-top:18px;font-size:11px}
 .home-page .hero-inner{height:auto;display:flex;flex-direction:column;padding-top:0;overflow:hidden}
 .home-page .hero-copy{width:auto;margin:0 24px;padding-top:48px;text-align:left}
 .home-page .hero h1{font-size:36px;line-height:1.55;font-weight:600}.home-page .hero h1 br{display:none}
 .home-page .hero-kicker{font-size:12px;margin-bottom:18px}
 .home-page .hero-lead{font-size:20px;line-height:1.7;max-width:none;margin-top:26px}.home-page .hero-lead br{display:none}
 .hero-lead-note{font-size:14px;margin-top:14px}
 .home-page .hero-facts{display:none}
 .home-page .hero-actions{margin-top:24px;display:flex;flex-wrap:wrap;gap:18px;align-items:center}
 .home-page .hero-actions .button{font-size:15px;min-height:48px;width:auto;padding-inline:19px}
 .home-page .hero-secondary{font-size:13px}
 .home-page .hero-visual.generated-hero{position:relative;left:auto;top:auto;width:120%;max-width:none;margin:32px 0 0 -10%;padding:0;align-self:center}
 .home-page .hero-inner:before{top:auto;bottom:0;left:5%;width:125%;height:300px;border-radius:80% 0 0 0}
 .service-band{padding-block:30px 36px}.band-inner{display:block;text-align:center}.band-inner>p{margin-bottom:20px}.band-inner>p br{display:none}.band-inner strong{display:block;font-size:23px}
 .service-chips{grid-template-columns:1fr;gap:10px;max-width:440px;margin:auto}.service-chips a{min-height:54px;justify-content:space-between;padding-inline:25px;font-size:17px}
 .service-chips a>span{display:none}
 .subhero{padding:34px 0 30px;text-align:center}
 .subhero-grid{display:flex;flex-direction:column;gap:30px;min-height:0}
 .subhero h1{font-size:36px;line-height:1.55}.subhero .eyebrow{font-size:12px;margin-bottom:16px}
 .hero-promise{font-size:22px;line-height:1.6;margin-top:24px}
 .subhero .subhero-lead{font-size:16px;line-height:1.85;margin:20px auto 0;max-width:520px}
 .subhero .button{font-size:15px;width:auto;min-width:230px;margin-top:24px}
 .subhero figure,.page-services-home-care .subhero figure,.page-services-home-visit .subhero figure,.page-services-nursing .subhero figure{width:calc(100% + 40px);max-width:640px;margin:0 -20px}
 .subhero figure img{max-height:none;object-fit:contain}
 .subhero:before{left:0;right:-20%;top:auto;height:250px;bottom:0;border-radius:85% 0 0 0}
 .subhero-text{padding:48px 0 35px}.subhero-text .subhero-grid{display:block}.subhero-text .subhero-lead{font-size:17px}
 .page-support .subhero h1{font-size:32px}
 .page-index{padding-block:17px;justify-content:center;font-size:13px;gap:4px 20px}
 .home-page .intro{padding-block:58px 10px}.home-page .intro h2{font-size:27px}
 .home-page .features{padding-top:55px;padding-bottom:20px}.home-page .features>.section-heading{text-align:center}
 .home-page .feature-row,.home-page .feature-row.reverse{display:flex;flex-direction:column;gap:30px;min-height:0;padding-block:38px 55px}
 .home-page .feature-copy{display:block;width:100%}.home-page .feature-copy h3{font-size:29px;line-height:1.5;text-align:left}
 .home-page .feature-copy>p:not(.small-label){font-size:17px}.home-page .feature-copy>.text-link{margin-top:22px}
 .home-page .feature-media.generated-media,.home-page .feature-row.reverse .feature-media{width:calc(100% + 24px);margin:0 -12px;min-height:0;max-width:none;padding:0}
 .home-page .feature-media img{max-height:none}.home-page .feature-media:before{inset:22% 0 0;border-radius:70% 0 0 0}
 .feature-focus{display:flex;flex-direction:column;gap:35px;overflow:hidden}.feature-focus figure{width:calc(100% + 24px);margin:0 -12px;max-width:none}
 .feature-focus h2{font-size:28px}.feature-focus .text-link{margin-top:20px}
 .benefit-columns{display:block}.benefit-columns article{max-width:520px;margin:0 auto 48px;padding:0}.benefit-columns article:last-child{margin-bottom:0}
 .benefit-columns h3{font-size:22px;margin:20px 0 15px}.line-icon{width:72px;height:72px}
 .business-links{display:block}.business-links>a{display:block;max-width:500px;margin:0 auto 38px;padding-bottom:28px}.business-links>a:last-child{margin-bottom:0}
 .business-illustration{height:230px;margin-bottom:22px}.business-links h3{font-size:25px}.business-links p{min-height:0;font-size:15px!important}.business-links .text-link{display:flex;font-size:14px}
 .problem-band{padding-block:38px}.problem-band>.container{display:block}.problem-band h2{font-size:24px;margin-bottom:22px}.problem-band li{font-size:16px}
 .work-sequence article{display:flex;flex-direction:column;gap:28px;padding-block:32px 42px}
 .work-sequence .sequence-visual{order:2;width:100%;margin:0}.sequence-copy{width:100%}
 .sequence-role{gap:14px;margin-bottom:16px;align-items:center}.sequence-role>span{font-size:27px}.sequence-role p{font-size:13px!important}
 .work-sequence h3{font-size:26px;margin-bottom:18px}.work-sequence .sequence-note{font-size:14px!important;margin-top:20px}
 .split-content,.specifications-section .split-content,.forms-section .split-content{display:block}.split-content>div:first-child{margin-bottom:32px}
 .detail-list>div{display:block;padding-block:23px}.detail-list dt{font-size:19px}.detail-list dd{font-size:16px;margin-top:10px}
 .procedure-list h3{font-size:20px}.procedure-list>li{gap:18px;padding-block:24px}.procedure-list p{font-size:16px!important}
 .preparation{display:block;padding:44px 24px;border-radius:45px 0 45px 0}.preparation h2{font-size:26px}.preparation aside{margin-top:34px;padding:0}.preparation aside h3{font-size:21px}.preparation li{font-size:16px}
 .faq-section,.multipage .faq{padding-block:56px}.faq-grid{display:block}.faq-grid>div:first-child{margin-bottom:28px}.faq-list summary{font-size:17px;padding-block:22px}.faq-list details p{font-size:16px!important;padding-left:0;padding-right:12px}
 .related-grid{display:block}.related-link{display:block;margin-bottom:30px}.related-link:last-child{margin-bottom:0}.related-link figure{padding:0}.related-link img{height:auto;max-height:none}.related-link>span{font-size:20px;padding-block:18px}
 .home-management{display:block;padding-block:60px}.management-index{grid-template-columns:1fr;gap:0}.management-index li{font-size:16px;padding-block:18px}
 .support-teaser{display:flex;flex-direction:column;gap:32px}.support-teaser>img{height:auto;aspect-ratio:3/2;width:100%}
 .page-support .flow,.page-support .operation{padding-block:60px}.page-support .flow-grid{grid-template-columns:1fr;gap:30px}.page-support .flow-grid li{padding-left:44px;position:relative}.page-support .step-number{position:absolute;left:0;top:0;font-size:23px}.page-support .flow-grid h3{font-size:21px;margin-top:0}.page-support .flow-grid p{font-size:16px}
 .page-company .company{display:block;padding-block:20px 55px}.page-company .company-details{margin-top:36px}.page-company .company-table>div{font-size:15px;grid-template-columns:78px 1fr;gap:18px}.page-company .company-copy>p:not(.eyebrow){font-size:16px}
 .page-company .benefit-columns article{padding-top:24px}.page-company .benefit-columns h3{text-align:left}
 .page-privacy .subhero h1{font-size:30px}.page-privacy .subhero-text{padding-top:40px}.legal-content{padding-block:15px 60px}.legal-content h2{font-size:23px}.legal-content p{font-size:16px}
 .page-contact .contact{padding-block:36px 50px}.page-contact .contact-copy h1{font-size:32px}.page-contact .contact-copy>p:not(.eyebrow){font-size:17px}.page-contact .contact-copy .contact-caption{font-size:13px}.page-contact .form-wrap{padding:25px 20px}.page-contact .form-wrap h3{font-size:22px}.page-contact .form-grid{grid-template-columns:1fr}
 .page-cta{padding-block:52px;border-radius:0 0 65px 0}.page-cta>.container{display:block}.page-cta h2{font-size:28px}.page-cta p:not(.eyebrow){font-size:16px}.page-cta .button{font-size:15px}.page-cta>.container>div:last-child{margin-top:27px;display:block}
 .site-footer{padding-top:48px}.site-footer .footer-sitemap{gap:32px 20px}.site-footer .footer-sitemap h2{font-size:14px}.site-footer .footer-sitemap a{font-size:13px;line-height:1.7}.site-footer .footer-identity>p{font-size:13px}
}
@media(max-width:359px){.home-page .hero h1,.subhero h1{font-size:31px}.home-page .hero-copy{margin-inline:20px}.hero-promise{font-size:20px}.multipage .brand strong{font-size:21px}.page-cta h2{font-size:25px}.page-contact .form-wrap{padding-inline:16px}.page-support .subhero h1{font-size:29px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Comparison fixes: preserve word groups and complete image silhouettes. */
.home-page .hero-visual.generated-hero{left:48%;width:51%;top:100px;padding:0}
.home-page .hero-visual picture{display:block;width:100%}
.home-page .hero-documents{box-shadow:none}
.subhero figure{width:112%;margin-left:0}
.page-services-home-care .subhero figure,.page-services-home-visit .subhero figure,.page-services-nursing .subhero figure{width:108%}
.subhero-text{background:white}
.site-footer .footer-sitemap a[aria-current=page]{color:#d1dfd2}
.page-support .subhero figure{width:100%;margin:0}
.page-support .subhero figure img{border-radius:4px}
@media(min-width:761px) and (max-width:1099px){
 .home-page .hero-visual.generated-hero{left:52%;top:150px;width:66%}
 .home-page .hero-join{display:none}.home-page .hero-record{display:block}
 .home-page .hero h1>span:last-child{display:block}
 .home-page .hero h1{font-size:34px;text-wrap:initial}
 .subhero figure,.page-services-home-care .subhero figure,.page-services-home-visit .subhero figure,.page-services-nursing .subhero figure{width:100%;margin:0}
}
@media(max-width:760px){
 .home-page .hero-inner{padding:0}
 .home-page .hero-copy{margin-inline:24px}
 .home-page .hero-join{display:none}.home-page .hero-record{display:block}
 .home-page .hero h1>span:last-child{display:block}
 .home-page .hero h1{text-wrap:initial}
 .home-page .hero-visual.generated-hero{left:auto;top:auto;width:100%;margin:28px 0 0;padding:0}
 .home-page .hero-actions{flex-direction:row;align-items:center;justify-content:flex-start}
 .home-page .hero-secondary{min-height:0}
 .subhero figure,.page-services-home-care .subhero figure,.page-services-home-visit .subhero figure,.page-services-nursing .subhero figure{width:calc(100% + 24px);margin:0 -12px}
 .page-support .subhero figure{width:100%;margin:0}
 .preparation h2{font-size:24px;line-height:1.65}.preparation h2 br{display:none}
}

@media(max-width:760px){.heading-continuation{display:block}}

/* Support illustration: preserve the complete people and laptop at every width. */
.support-teaser>img,.support-intro img{height:auto;aspect-ratio:3/2;object-fit:contain;border-radius:0}
/* Voice feature: concrete examples and large generated product imagery. */
.voice-teaser{background:#fff}
.voice-teaser-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:64px;align-items:center}
.voice-teaser h2{margin-bottom:24px}
.voice-teaser-grid>div>p:not(.eyebrow){font-size:17px;line-height:1.85}
.voice-teaser figure{margin:0;width:112%;justify-self:start}
.voice-teaser figure img{display:block;width:100%;height:auto;object-fit:contain}
.voice-use-index{list-style:none;margin:26px 0;padding:0;border-top:1px solid #dcd3c2}
.voice-use-index li{display:grid;grid-template-columns:135px 1fr;gap:14px;padding:16px 0;border-bottom:1px solid #dcd3c2;font-size:15px}
.voice-use-index strong{font-weight:600;color:#293c35}
.voice-use-index span{color:#586159}
.voice-in-service{background:#fdf2f4}
.voice-in-service .split-content h2{font-size:30px}
.voice-use-cases{background:#fdf5f6}
.voice-case{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:start;padding:42px 0}
.voice-case+.voice-case{border-top:1px solid #e8d4d8;margin-top:20px;padding-top:60px}
.voice-case h3{font-size:25px;line-height:1.65;margin-bottom:22px}
.voice-case-copy>p:not(.eyebrow){margin-top:18px;font-size:17px;line-height:1.85}
.voice-case-copy .voice-case-note{font-size:15px!important;color:#586159}
.voice-example{padding:28px 30px;background:#fff}
.voice-example .example-label{font-size:14px;font-weight:600;color:#32675e}
.voice-example blockquote{margin:20px 0 24px;padding-left:0;font-size:17px;line-height:1.85;color:#293c35}
.voice-example .detail-list>div{display:block;padding:16px 0}
.voice-example .detail-list dt{font-size:15px}
.voice-example .detail-list dd{font-size:16px;margin-top:8px}
.page-features-voice .specifications-section .split-content>div>p{margin-top:20px}
@media(min-width:1100px){.related-grid:has(>.related-link:nth-child(3)){grid-template-columns:repeat(3,1fr);max-width:none}.related-grid:has(>.related-link:nth-child(3)) .related-link figure{padding:16px 0}.related-grid:has(>.related-link:nth-child(3)) .related-link img{height:auto;aspect-ratio:3/2}.related-grid:has(>.related-link:nth-child(3)) .related-link>span{padding-inline:12px;font-size:16px}}
@media(min-width:761px) and (max-width:1099px){.voice-teaser-grid{gap:32px;grid-template-columns:1fr 1fr}.voice-teaser figure{width:108%}.voice-use-index li{grid-template-columns:1fr;gap:7px}.voice-case{gap:32px;grid-template-columns:1fr 1fr}.voice-case h3{font-size:23px}.voice-example{padding:24px 22px}.related-grid:has(>.related-link:nth-child(3))>.related-link:last-child{grid-column:1/-1;width:calc(50% - 9px);justify-self:center}}
@media(max-width:760px){.voice-teaser-grid{display:flex;flex-direction:column;gap:34px}.voice-teaser figure{width:calc(100% + 24px);margin-inline:-12px}.voice-teaser-grid>div>p:not(.eyebrow){font-size:16px}.voice-use-index li{grid-template-columns:1fr;gap:7px}.voice-case{grid-template-columns:1fr;gap:28px;padding-top:30px}.voice-case+.voice-case{margin-top:26px;padding-top:40px}.voice-case h3{font-size:24px}.voice-case-copy>p:not(.eyebrow),.voice-example blockquote{font-size:16px}.voice-example{padding:24px 20px}.voice-in-service .split-content h2{font-size:27px}.related-grid:has(>.related-link:nth-child(3)){grid-template-columns:1fr}.related-grid:has(>.related-link:nth-child(3)) .related-link img{height:auto;aspect-ratio:3/2;max-height:240px}}

@media(min-width:761px) and (max-width:1250px){.voice-teaser figure{width:100%}}
/* Shared decorative direction icons: labels retain the accessible action name. */
.direction-icon{display:inline-block;width:18px;height:18px;flex:0 0 auto;vertical-align:middle}
.direction-icon[hidden]{display:none}
.button>.direction-icon{width:20px;height:20px}
.button>.button-label{font:inherit;line-height:inherit}
.hero-secondary{display:inline-flex;align-items:center;gap:10px}
.hero-secondary>.direction-icon,.service-chips .direction-icon,.related-link .direction-icon,.business-links .direction-icon,.status-flow>.direction-icon{color:var(--teal)}
.page-index a>.direction-icon{width:16px;height:16px;color:var(--teal)}
.page-index a:after,.nav-group summary:after{content:none}
.nav-group summary>.direction-icon{width:16px;height:16px}
.nav-group[open] summary>.direction-icon{transform:rotate(180deg)}
.back-top>.direction-icon{width:20px;height:20px}
.related-link>span{align-items:center;gap:16px}
@media(max-width:600px){.service-chips .direction-icon{display:none}}
/* Review 2: business-specific workflows and consistent generated screens. */
.work-pains{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;margin-top:44px;text-align:left}.work-pains article{border-top:2px solid #32675e;padding-top:24px}.work-pains h3{font-size:22px;line-height:1.65;margin:14px 0}.work-pains p{font-size:16px;line-height:1.85}
.workflow-strip{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin:46px 0 0}.workflow-strip li{border-top:1px solid #b8c6b7;padding-top:22px}.workflow-number{font-size:20px;color:var(--teal);font-weight:600}.workflow-strip h3{font-size:21px;line-height:1.65;margin:14px 0}.workflow-strip p{font-size:16px;line-height:1.85}
.service-scenes .sequence-visual img{width:100%;height:auto;object-fit:contain}.sequence-visual figcaption{font-size:12px;line-height:1.7;color:#586159;text-align:center;margin:12px 12px 0}.service-start{display:grid;grid-template-columns:1.3fr 1fr;gap:60px;padding-block:76px;border-bottom:1px solid #dcd3c2}.service-start h2{font-size:32px;line-height:1.6;margin:18px 0}.service-start p{line-height:1.9}.service-start>div:last-child{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:24px}
.service-link-list{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.service-link-list>div{border-top:1px solid #b8c6b7;padding-top:24px}.service-link-list p{font-size:15px;color:#586159;margin-top:12px}.nursing-voice-note{display:grid;grid-template-columns:1fr 1fr;gap:64px;padding-block:70px}.nursing-voice-note h2{font-size:30px;line-height:1.65}.nursing-voice-note p{line-height:1.85}.nursing-voice-note .voice-example{background:#fdf5f6}
.page-cta .container>div{min-width:0}.page-cta h2{font-size:30px;line-height:1.65}.page-cta .button{max-width:100%;white-space:normal;text-align:left}.service-hero h1,.feature-hero h1{font-size:40px;line-height:1.6;letter-spacing:.01em}.service-hero .subhero-copy{min-width:0}
@media(min-width:761px) and (max-width:1099px){.workflow-strip{grid-template-columns:repeat(2,1fr);gap:30px}.work-pains{gap:22px}.work-pains h3{font-size:20px}.service-hero h1,.feature-hero h1{font-size:30px}.service-start{gap:32px}.page-cta h2{font-size:27px}.nursing-voice-note{gap:32px}}
@media(max-width:760px){.work-pains,.workflow-strip,.service-start,.service-link-list,.nursing-voice-note{grid-template-columns:1fr;gap:28px}.work-pains{margin-top:28px}.work-pains h3{font-size:21px}.workflow-strip{margin-top:30px}.workflow-strip li{padding-top:18px}.workflow-strip h3{margin:10px 0}.service-start,.nursing-voice-note{padding-block:48px}.service-start h2,.nursing-voice-note h2{font-size:27px}.service-hero h1,.feature-hero h1{font-size:28px;line-height:1.6;letter-spacing:0}.page-cta h2{font-size:25px}.page-cta h2 br{display:none}.service-link-list{gap:24px}.sequence-visual figcaption{font-size:11px}.service-hero .button,.feature-hero .button{font-size:14px}}
@media(max-width:359px){.service-hero h1,.feature-hero h1{font-size:24px}.page-cta h2{font-size:23px}}
/* Keep phrases intact and keep each process arrow between its steps. */
.home-page .hero h1 br{display:block}
.status-flow{display:grid;grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr) 18px minmax(0,1fr);align-items:center;gap:8px;max-width:520px}.status-flow span{text-align:center;padding:10px 8px;min-width:0}
@media(max-width:760px){.home-page .hero h1{font-size:32px;letter-spacing:0}.home-page .intro h2{text-wrap:balance;font-size:27px}.status-flow{gap:6px}.status-flow span{font-size:12px;padding:10px 5px}.work-pains article{padding-bottom:12px}.service-hero .subhero-lead{text-align:left}}
@media(max-width:359px){.home-page .hero h1{font-size:27px}}
.work-pains{display:block;padding-block:76px 30px;margin-top:0}.work-pains .section-heading{text-align:center;max-width:none}.work-pain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px}.work-pains .section-heading h2{text-wrap:balance}
@media(min-width:761px) and (max-width:1099px){.work-pain-grid{gap:24px}.home-page .hero-visual.generated-hero{left:51%;width:48%;top:180px}.home-page .hero h1{font-size:32px}}
@media(max-width:760px){.work-pains{padding-block:45px 25px}.work-pain-grid{grid-template-columns:1fr;gap:26px}.work-pains .section-heading h2{font-size:26px}.work-pains .section-heading h2 br{display:block}}

/* Review 3: compact, linked business workflow and distinct feature detail. */
.workflow-strip li > a { display: grid; grid-template-columns: 1fr auto; gap: 12px; color: inherit; text-decoration: none; height: 100%; }
.workflow-strip li > a .workflow-number { grid-column: 1 / -1; }
.workflow-strip li > a h3 { margin: 0; }
.workflow-strip li > a > .direction-icon { align-self: center; color: var(--teal, #32675e); }
.workflow-strip li:has(a:hover) { background: #eaf6f7; }
.work-sequence article { scroll-margin-top: 108px; }
.feature-focus.feature-focus-text{ display: block; max-width: 900px;  padding-left:0; }
@media(max-width:600px){.workflow-strip li { padding: 18px; }.feature-focus.feature-focus-text { padding-left: 22px; }.work-sequence article { scroll-margin-top: 82px; }}
@media(max-width:760px){
 .workflow-strip { gap: 0; }
 .workflow-strip li { padding: 0; }
 .workflow-strip li > a { min-height: 76px; grid-template-columns: 28px 1fr 20px; gap: 14px; align-items: center; padding: 16px 4px; }
 .workflow-strip li > a .workflow-number { grid-column: auto; font-size: 17px; }
 .workflow-strip li > a h3 { font-size: 18px; }
 .service-cycle { padding-bottom: 26px; }
 .service-scenes { padding-top: 30px; }
 .home-management h2 br { display: block; }
}
@media(max-width:359px){
 .multipage h2{ text-wrap:balance; }
 .page-features-voice .feature-hero h1{font-size:22px;letter-spacing:-.02em;}
}

/* review4（2026-10-14）：訪問介護の主軸、綴じ線、CTA名・eyebrowの統一。DESIGN.md「部品」節が正本 */
.multipage p.eyebrow,.multipage .detail-section p.eyebrow,.multipage .work-pains p.eyebrow{font-size:13px;line-height:1.6;color:var(--teal);font-weight:700;letter-spacing:.08em}
.multipage .header .brand small,.multipage .site-footer .brand small{font-size:11px;letter-spacing:.04em}
.home-page .hero-kicker{font-size:13px}
.hero-binding{margin-top:28px}
.hero-binding-title{margin:0 0 12px;font-size:13px;color:var(--muted)}
.hero-binding ol{position:relative;display:flex;gap:12px;margin:0;padding:0;list-style:none}
.hero-binding ol::before{content:"";position:absolute;z-index:1;left:22px;right:22px;top:0;border-top:2px dashed var(--teal)}
.hero-binding li{flex:1 1 auto;min-width:0}
.hero-binding a{position:relative;display:block;padding:16px 12px 11px;border:1px solid #b8c6b7;border-radius:4px;background:#fff;color:var(--ink);font-size:14px;font-weight:600;line-height:1.5;text-decoration:none;white-space:nowrap}
.hero-binding a:hover{border-color:var(--teal);background:#f2f9fa}
.binding-hole{position:absolute;z-index:2;left:15px;top:-7px;width:14px;height:14px;border:2px solid var(--teal);border-radius:50%;background:#fff}
.home-page .hero-actions{gap:12px;margin-top:26px}
.home-page .hero-actions .button{gap:14px}
.hero-proof{margin-top:16px;font-size:14px;line-height:1.7;color:var(--ink)}
.hero-proof span{display:block;color:var(--muted);font-size:13px}
.page-cta .cta-proof{margin-top:14px;font-size:14px;font-weight:600;color:var(--ink)}
.page-cta .cta-actions{display:flex;flex-direction:column;align-items:stretch;gap:12px}
.page-cta .cta-actions>span{text-align:center}
.mobile-cta-bar{display:none}
@media(max-width:1099px){
 .hero-binding ol{flex-direction:column;gap:8px;padding-left:30px}
 .hero-binding ol::before{left:7px;right:auto;top:20px;bottom:20px;border-top:0;border-left:2px dashed var(--teal)}
 .hero-binding a{padding:10px 14px}
 .binding-hole{left:-30px;top:50%;transform:translateY(-50%)}
}
@media(max-width:760px){
 .mobile-cta-bar{position:fixed;z-index:40;inset:auto 0 0;display:grid;grid-template-columns:1fr;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--line)}
 .mobile-cta-bar .button{min-height:46px;padding-inline:8px;font-size:14px}
 .multipage .header .mobile-contact{display:none}
 .home-page .hero-actions{flex-direction:column;align-items:stretch}
}
@media(max-width:600px){.multipage p.eyebrow,.multipage .detail-section p.eyebrow,.multipage .work-pains p.eyebrow{font-size:12px}}
@media(prefers-reduced-motion:reduce){.hero-binding a{transition:none}}
@media(min-width:761px){.home-page .hero-inner{height:auto;min-height:660px;padding-bottom:52px}}
@media(min-width:761px) and (max-width:1099px){.home-page .hero-inner{min-height:690px}}
@media(max-width:760px){.home-page .hero-kicker{word-break:keep-all;overflow-wrap:anywhere}.multipage .header .menu-toggle{margin-left:auto}}
@media(min-width:761px){.home-page .features>.section-heading+.feature-row{padding-top:24px}.multipage .service-cycle{padding-bottom:32px}.multipage .service-scenes{padding-top:40px}}
.page-cta>.container>div.cta-actions:last-child{display:flex}
.site-footer .footer-identity p{word-break:keep-all;overflow-wrap:anywhere}

/* review5（2026-10-15）：Fable UIレビュー対応。DESIGN.md §4・§5が正本（docs/review5-request.md） */
/* #3 テキストリンクは矢印なしの下線。矢印は主ボタンだけ */
.multipage .text-link{gap:0;font-size:15px;font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.multipage .text-link:hover{text-decoration-thickness:2px}
.link-row{display:flex;flex-wrap:wrap;gap:4px 28px;margin-top:14px}
.service-chips a{flex-direction:column;justify-content:center;gap:2px;line-height:1.4}
.service-chips a>span{display:block!important;font-size:13px;font-weight:400;color:var(--muted)}
.business-links>a:hover h3{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}
.business-links p{min-height:0}
/* #4 下部固定CTAは、ヒーローのボタンが画面外に出てから（app.js） */
@media(max-width:760px){.mobile-cta-bar[data-hidden="true"]{display:none}}
/* #5 ピンクの曲面はコピー列の外から始める */
@media(min-width:1251px){.home-page .hero-inner:before{left:calc(max((100% - 1190px)/2,48px) + 545px);border-radius:50% 0 0 0/100% 0 0 0}}
@media(min-width:1100px) and (max-width:1250px){.home-page .hero-inner:before{left:calc(max((100% - 1190px)/2,48px) + 480px);border-radius:50% 0 0 0/100% 0 0 0}}
@media(min-width:761px) and (max-width:1099px){.home-page .hero-inner:before{left:calc(48% + 64px)}}
/* #7 機能の要点はアイコンなしの短文 */
.feature-points{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px}
.feature-points h3{font-size:20px;line-height:1.6;margin:0 0 12px}
.multipage .feature-points p{font-size:16px;line-height:1.85;margin:0}
/* #9 場面の番号を外し、担当だけを示す */
.multipage .detail-section p.sequence-role{display:block;margin:0 0 14px;font-size:14px;font-weight:600;color:var(--teal);letter-spacing:.02em}
/* #10 困りごとに記号を付けない */
.problem-band li{padding-left:0}
.problem-band li:before{content:none}
/* #8 音声の案内は区間ではなく短い段落 */
.service-voice{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:14px 80px;align-items:start;padding-block:56px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.service-voice h2{grid-row:span 2;margin:0;font-size:24px;line-height:1.6}
.service-voice p{margin:0;font-size:17px;line-height:1.85}
.service-voice .text-link{grid-column:2;justify-self:start}
.multipage .forms-start{margin-top:18px;color:var(--muted)}
.service-row{padding-block:48px}
.service-row>p{margin:0 0 12px;font-size:15px;font-weight:600}
.service-row ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 32px}
.service-row li span{display:block;font-size:14px;color:var(--muted)}
.related-section .section-heading{margin-bottom:36px}
/* #12 2カラムは左列を狭め、PCでは追従させる。FAQは1カラム */
@media(min-width:1100px){
 .multipage .split-content,.multipage .specifications-section .split-content,.multipage .forms-section .split-content{grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:80px}
 .multipage .split-content>div:first-child{position:sticky;top:100px}
}
.faq-single{max-width:800px}
.faq-single h2{margin-bottom:24px}
.multipage .faq-grid{grid-template-columns:1fr;max-width:800px;gap:24px}
/* #13 会社ページ */
.company-maintenance{max-width:850px}
.company-maintenance h2{margin-bottom:20px}
/* #14 スマホの下層ヒーローは本文を左揃え */
@media(max-width:760px){
 .subhero .subhero-lead{text-align:left}
 .service-voice{display:block;padding-block:44px}.service-voice h2{font-size:22px;margin-bottom:14px}.service-voice p{font-size:16px}
 .feature-points,.service-row ul{grid-template-columns:1fr;gap:28px}
}
@media(min-width:761px) and (max-width:1099px){
 .feature-points{grid-template-columns:1fr;max-width:680px;gap:32px}
 .service-voice{grid-template-columns:1fr;gap:14px}.service-voice h2{grid-row:auto}.service-voice .text-link{grid-column:1}
}
/* #15 スマホのトップ画像は縦長の専用画像 */
.home-page .hero-visual picture img{display:block;width:100%;height:auto}
@media(max-width:760px){.home-page .hero-visual.generated-hero{max-width:440px;margin-inline:auto}}
/* 見出しは文節で折り返す（Chrome/Edge。未対応ブラウザは通常の折り返し） */
.multipage h1,.multipage h2,.multipage h3{word-break:auto-phrase}
@media(min-width:761px){.problem-band>.container{grid-template-columns:minmax(0,360px) minmax(0,1fr)}}
/* review5追補：下矢印を使わない。目次・業務の流れは文字と下線で示す */
.multipage .page-index a{gap:0;text-decoration:underline;text-decoration-color:#b8c6b7;text-decoration-thickness:1px;text-underline-offset:6px}
.multipage .page-index a:hover{text-decoration-color:var(--teal)}
.workflow-strip li>a{grid-template-columns:1fr}
.workflow-strip li>a:hover h3{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}
@media(max-width:760px){.workflow-strip li>a{grid-template-columns:28px 1fr}}

/* review5追補：区間の区切り（DESIGN.md §3「区間の区切り」が正本）
   背景は白と淡い地（--tint）の2種。ピンクはヒーローの曲面とページ末CTAだけ。
   白い区間が続く所と淡い地が続く所は本文幅の1px線、背景が切り替わる所は線なし。
   余白は主区間 --visual-section、短い区間 --section-sm の2段階。
   旧CSSの区間ごとの線・色・余白を上書きするため、この節だけ !important を使う。 */
:root{--tint:#f5f8fb;--section-sm:56px;--gutter:96px}
@media(min-width:761px) and (max-width:1099px){:root{--section-sm:48px;--gutter:64px}}
@media(max-width:760px){:root{--section-sm:44px;--gutter:40px}}
.multipage main>*{border-top:0!important;border-bottom:0!important}
.multipage main>:is(section,aside,nav.service-row):not(.hero,.subhero,.page-cta,.problem-band,.faq-section,.faq,.pale,.data-care,.voice-use-cases){background-color:#fff!important}
.multipage main>:is(.problem-band,.faq-section,.faq,.pale,.data-care,.voice-use-cases){background-color:var(--tint)!important}
.multipage main>:is(section,aside,nav.service-row):not(.hero,.subhero,.page-cta,.problem-band,.service-voice,.service-row,.company-teaser,.service-cycle,.service-scenes,.company){padding-block:var(--visual-section)!important}
.multipage main>:is(.problem-band,.service-voice,.service-row,.company-teaser){padding-block:var(--section-sm)!important}
.multipage main>:is(.company,.legal-content){padding-block:var(--section-sm) var(--visual-section)!important}
.multipage main>.legal-content{background-color:#fff!important}
/* 業務の流れと具体場面は一続きの話題：線を引かず、間を詰める */
.multipage main>.service-cycle{padding-block:var(--visual-section) 32px!important}
.multipage main>.service-scenes{padding-block:40px var(--visual-section)!important}
@media(max-width:760px){.multipage main>.service-cycle{padding-bottom:26px!important}.multipage main>.service-scenes{padding-top:30px!important}}
/* 線 */
.multipage main>*{background-repeat:no-repeat;background-position:top center;background-size:min(1120px,calc(100% - var(--gutter))) 1px}
.multipage main>.container{background-size:100% 1px}
.multipage main>:is(.page-index,:is(section,aside,nav.service-row):not(.hero,.subhero,.page-cta,.problem-band,.faq-section,.faq,.pale,.data-care,.voice-use-cases))+:is(section,aside,nav.service-row):not(.hero,.subhero,.page-cta,.problem-band,.faq-section,.faq,.pale,.data-care,.voice-use-cases):not(.service-scenes),
.multipage main>:is(.problem-band,.faq-section,.faq,.pale,.data-care,.voice-use-cases)+:is(.problem-band,.faq-section,.faq,.pale,.data-care,.voice-use-cases){background-image:linear-gradient(var(--line),var(--line))}

/* review5追補：別ページへ進むリンク（.text-link）は綴じ穴マーク付き。DESIGN.md §4.4
   穴はヒーローの綴じ線と同じ形（白地・teal 2pxの輪）を小さくしたもの。hoverで穴が塗られ、下線が出る。
   ページ内目次（.page-index）は下線の文字のまま。 */
.multipage .text-link{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:15px;font-weight:700;color:var(--teal);text-decoration:none}
.multipage .text-link::before{content:'';flex:0 0 auto;box-sizing:border-box;width:12px;height:12px;border:2px solid var(--teal);border-radius:50%;background:#fff}
.multipage .text-link:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.multipage .text-link:hover::before{background:var(--teal)}
.multipage .text-link:focus-visible::before{background:var(--teal)}
.link-row{gap:4px 32px}
@media(prefers-reduced-motion:no-preference){.multipage .text-link::before{transition:background-color .15s}}

/* review5追補：綴じ線を「札の内側の穴に紐を通す」形に。DESIGN.md §4.5
   穴は札の内側（左上、枠線に掛けない）、穴どうしを実線の紐（teal 2px）でつなぐ。点線と枠線上の穴は使わない。
   1100px以上は横並び（札は同じ幅）、1099px以下は縦並び（左端の内側の穴を縦の紐が通る）。 */
.hero-binding ol{gap:12px}
.hero-binding li{flex:1 1 0}
.hero-binding a{padding:34px 12px 12px;white-space:nowrap}
.binding-hole{left:14px;top:11px;transform:none}
.hero-binding ol::before{top:17px;left:21px;right:calc((100% - 24px)/3 - 21px);border-top:2px solid var(--teal);border-left:0}
@media(max-width:1099px){
 .hero-binding ol{gap:8px;padding-left:0}
 .hero-binding a{padding:11px 14px 11px 44px}
 .binding-hole{left:14px;top:50%;transform:translateY(-50%)}
 .hero-binding ol::before{left:20px;right:auto;top:22px;bottom:22px;border-top:0;border-left:2px solid var(--teal)}
}
/* 横並び（1100px以上）：穴は札の上部中央、紐は列の端から端まで通す（途中で止めない） */
@media(min-width:1100px){
 .hero-binding a{text-align:center}
 .binding-hole{left:50%;transform:translateX(-50%)}
 .hero-binding ol::before{left:0;right:0}
}
@media(max-width:1099px){.hero-binding ol::before{top:0;bottom:0}}