/* Reviewed About detail bodies only; the inquiry form is outside this scope. */
.document-body.about-content > p { margin:0 0 12px; }
.about-content .about-layout-space { display:none; }
.document-body.about-content .about-section-heading { display:block; margin:26px 0 12px; padding:0 0 0 12px; border-left:3px solid var(--blue); color:var(--ink); font-size:1.125rem; font-weight:650; line-height:1.6; }
.about-content .about-section-heading strong { font-size:inherit; }
.document-body.about-content .about-subheading { margin:18px 0 10px; color:var(--ink); font-size:1rem; font-weight:650; line-height:1.7; }
.document-body.about-content :is(.about-points,.about-subpoints) { padding-left:1.4em; margin:12px 0 22px; list-style-type:disc; }
.about-content .about-points > li { margin:0 0 8px; padding-left:5px; }
.about-content li > p { margin:0; }
.document-body.about-content .about-subpoints { margin:8px 0 4px; }
.about-content .about-subpoints > li { margin:0 0 5px; padding-left:4px; }
.about-content .about-intro { color:var(--ink); }
.about-content .about-note { margin-top:24px; padding:14px 16px; border-left:3px solid #8baecb; border-radius:0 5px 5px 0; background:#f3f7fb; font-size:.9375rem; }
.about-content .about-note strong { font-weight:400; }
.document-body.about-content .about-company-lead { margin:0 0 14px; font-size:1.25rem; line-height:1.6; color:var(--ink); }
.document-body.about-content .about-company-lead > strong { font-size:inherit; }
.document-body.about-content .about-company-motto { margin-bottom:16px; font-size:1rem; }
.about-content .about-company-motto strong { font-size:inherit; font-weight:500; }
/* Keep the complete introduction beside the leading float, including lines below the image. */
[data-content-path="/About/aboutus.html"] .document-body > p:first-child:has(> img) + p + p { display:flow-root; }
.document-body.about-content .about-company-image { margin:20px 0 24px; }
.about-content .about-company-image img { display:block; height:auto; max-width:100%; margin:0 auto; }
/* These are four parallel aspects, not sequential application steps. Keep the source order. */
[data-content-path="/About/aboutus.html"] .document-body .company-principles { clear:both; display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr)); gap:16px; margin:28px 0 32px; padding:0; border:0; background:none; list-style:none; }
[data-content-path="/About/aboutus.html"] .document-body .company-principles > li { min-width:0; margin:0; padding:24px; border:1px solid #dce7ef; border-radius:12px; background:linear-gradient(160deg,#f5f9fd,#fff); box-shadow:0 3px 12px rgb(37 75 108 / 4%); }
/* The original aria-hidden numbers remain in source, but no longer imply an ordered workflow. */
[data-content-path="/About/aboutus.html"] .company-principle-number { display:none; }
[data-content-path="/About/aboutus.html"] .company-principles > li::before { content:""; display:block; width:72px; height:60px; margin:0 auto 14px; background:center / contain no-repeat; }
/* Reviewed fixed-order content: team, service planning, mail platform, operational oversight. */
[data-content-path="/About/aboutus.html"] .company-principles > li:nth-child(1)::before { background-image:url('/images/semantic-support.svg'); }
[data-content-path="/About/aboutus.html"] .company-principles > li:nth-child(2)::before { background-image:url('/images/semantic-plan.svg'); }
[data-content-path="/About/aboutus.html"] .company-principles > li:nth-child(3)::before { background-image:url('/images/solution-exchange.svg'); }
[data-content-path="/About/aboutus.html"] .company-principles > li:nth-child(4)::before { background-image:url('/images/semantic-monitor.svg'); }
[data-content-path="/About/aboutus.html"] .company-principle-copy { min-width:0; }
[data-content-path="/About/aboutus.html"] .company-principle-copy h3 { margin:0 0 10px; color:#24577f; font-size:1.0625rem; line-height:1.65; text-align:center; }
[data-content-path="/About/aboutus.html"] .company-principle-copy p { margin:0; color:#425466; font-size:.9375rem; line-height:1.85; text-align:left; overflow-wrap:anywhere; }
@media(max-width:599.98px) {
	[data-content-path="/About/aboutus.html"] .document-body .company-principles { gap:12px; }
	[data-content-path="/About/aboutus.html"] .document-body .company-principles > li { padding:20px 18px; }
	[data-content-path="/About/aboutus.html"] .company-principles > li::before { width:60px; height:50px; margin-bottom:12px; }
}
.about-content .about-partner { display:grid; grid-template-columns:148px minmax(0,1fr); gap:24px; align-items:start; padding:22px 0; border-bottom:1px solid #e0e9f2; }
.about-content .about-partner:last-of-type { border-bottom:0; padding-bottom:0; }
.about-content .about-partner-logo { min-width:0; display:flex; justify-content:center; align-items:center; min-height:96px; padding:12px; background:transparent; }
.about-content .about-partner-logo p { margin:0; }
.about-content .about-partner-logo img { display:block; max-width:124px; max-height:90px; width:auto; height:auto; margin:0; object-fit:contain; }
.about-content .about-partner-copy { min-width:0; }
.document-body.about-content .about-partner-copy .about-section-heading { margin-top:0; }
.about-content .about-partner-copy p { margin:0 0 10px; }
.about-content .about-partner-copy p:last-child { margin:0; }
.about-content .about-contact-fields { margin:0; }
.about-content .about-contact-fields > div { display:grid; grid-template-columns:132px minmax(0,1fr); gap:16px; padding:13px 0; border-bottom:1px solid #e1eaf2; }
.about-content .about-contact-fields > div:first-child { padding-top:0; }
.about-content .about-contact-fields > div:last-child { border-bottom:0; padding-bottom:0; }
.about-content .about-contact-fields dt { margin:0; color:var(--ink); font-weight:650; }
.about-content .about-contact-fields dd { margin:0; min-width:0; overflow-wrap:anywhere; }
.about-content .about-payment-accounts { margin:18px 0 24px; }
.about-content .about-payment-accounts > section { margin-bottom:22px; }
.about-content .about-payment-accounts .about-section-heading { margin:0 0 12px; }
.about-content .about-payment-accounts .about-section-heading p { margin:0; }
.about-content .about-payment-data { display:grid; grid-template-columns:144px minmax(0,1fr); gap:22px; align-items:center; padding:18px; background:#f6f9fc; border:1px solid #dce6f0; border-radius:6px; }
.about-content .about-payment-logo p { margin:0; }
.about-content .about-payment-logo img { display:block; max-width:144px; width:auto; height:auto; margin:0 auto; }
.about-content .about-payment-copy { min-width:0; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.about-content .about-payment-copy p { margin:0; }
.about-content .about-payment-notes { font-size:.9375rem; }
.about-content.about-cases .legacy-logo-grid { grid-template-columns:repeat(auto-fit,minmax(min(140px,100%),1fr)); gap:14px; margin:16px 0 22px; }
.about-content.about-cases .legacy-logo-grid > div { min-height:104px; padding:14px; }
@media(max-width:900px) {
	.about-content .about-partner { grid-template-columns:minmax(0,1fr); gap:16px; }
	.about-content .about-partner-logo { justify-self:start; min-width:148px; }
	.about-content .about-payment-data { grid-template-columns:minmax(0,1fr); gap:16px; }
	.about-content .about-payment-logo img { margin:0; }
}
@media(max-width:600px) {
	.about-content .about-contact-fields > div { grid-template-columns:minmax(0,1fr); gap:4px; }
	.about-content.about-cases .legacy-logo-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
	.about-content.about-cases .legacy-logo-grid > div { min-height:86px; padding:10px; }
	.about-content .about-payment-data { padding:14px; }
}