/* Four compact facts, with the label flowing into its explanation. */
.service-arrangement-section{padding-block:clamp(48px,5vw,80px);background:var(--blue-mist)}
.service-page .service-arrangement{margin:0;border:0}
.service-page .service-arrangement-heading{margin:0 0 48px;text-align:center}
.service-page .service-arrangement-heading .service-kicker{margin-bottom:24px}
.service-page .service-arrangement-heading :is(h2:not(:where(.promoted-kicker)),p:where(.display-h2)){margin:0;font-size:var(--heading-size);font-weight:400;line-height:1.28;letter-spacing:.02em;background:none;color:var(--blue-deep);-webkit-text-fill-color:currentColor}
.service-arrangement-title-line{display:inline-block;position:relative;white-space:nowrap}
/* Paint on each text-sized line, so WebKit does not have to clip through a positioned child. */
@supports ((background-clip:text) or (-webkit-background-clip:text)){
 .service-arrangement-title-line{background-image:var(--brand-heading-gradient,linear-gradient(90deg,#111820 0%,var(--blue-deep) 58%,var(--blue) 100%));background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
}
.service-arrangement-punctuation{position:absolute;left:100%;bottom:0;color:var(--blue-deep);-webkit-text-fill-color:currentColor}
.service-arrangement dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:0}
.service-arrangement dl>div{min-width:0;border:0;border-radius:24px;padding:28px;background:#fff;line-height:1.85;box-shadow:0 12px 32px rgba(25,50,77,.065)}
.service-arrangement dt{display:inline;font-size:16px;font-weight:600;color:var(--blue-deep);line-height:1.85}
.service-arrangement dt::after{content:"。";margin-right:.35em}
.service-arrangement dd{display:inline;margin:0;font-size:16px;line-height:1.85;color:var(--muted)}
@media(max-width:767px){
 .service-page .service-arrangement-heading{margin-bottom:40px}
 .service-page .service-arrangement-heading :is(h2:not(:where(.promoted-kicker)),p:where(.display-h2)){font-size:var(--heading-mobile-size)}
 .service-arrangement dl{grid-template-columns:1fr;gap:16px}
 .service-arrangement dl>div{border-radius:20px;padding:24px}
}
@media(max-width:360px){.service-arrangement dl>div{padding:16px 12px}}