/* The same content axis and spacing tokens as About. */
.page-business .business-section{margin-inline:var(--page-gutter);padding-block:var(--section-space);display:grid;grid-template-columns:1fr 2fr;gap:var(--sub-gap);border-top:1px solid var(--sub-rule)}
.page-business .business-label>span:first-child{display:block;font:11px/1.6 var(--type-latin);letter-spacing:.08em;color:var(--muted);margin-bottom:14px}
.page-business .business-label h2{font:500 16px/1.8 var(--type-body);margin:0;letter-spacing:.025em}
.page-business .business-brand-logo{display:block;width:184px;height:auto;margin:0 0 32px}
.page-business .business-service-logo{display:block;height:46px;width:auto;max-width:100%;object-fit:contain;object-position:left;margin:0 0 28px}
.page-business .business-lead{font:500 clamp(28px,3vw,43px)/1.65 var(--type-body);letter-spacing:.025em;margin:0 0 32px}
.page-business .business-service .business-lead{font-size:clamp(24px,2.5vw,36px)}
.page-business .business-prose{max-width:620px;font:400 15px/2.15 var(--type-body);letter-spacing:.025em;margin:0;color:var(--muted);text-wrap:pretty}
.page-business .business-status{display:inline-block;font-size:11px;line-height:1.5;margin-top:18px;padding:4px 10px;border:1px solid var(--sub-rule);color:var(--muted)}
.page-business .business-preparing{max-width:none;margin:32px 0 0;padding-top:24px;border-top:1px solid var(--sub-rule);font:400 13px/1.9 var(--type-body);color:var(--muted)}
.page-business .business-action{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:none;margin-top:40px;padding:24px 28px;border:1px solid var(--sub-rule);font:500 16px/1.7 var(--type-body);transition:background-color .2s,color .2s,border-color .2s}
.page-business .business-action small{display:block;font:10px/1.6 var(--type-latin);letter-spacing:.1em;margin-bottom:6px;color:var(--muted)}
.page-business .business-external{white-space:nowrap;font-size:11px;font-weight:400;color:var(--muted)}
.page-business .business-action:hover{background:#dceae7;border-color:#7caba9;color:#247e83}
.page-business .business-action:focus-visible{outline:2px solid #247e83;outline-offset:5px}
@media(max-width:800px){
.page-business .business-section{grid-template-columns:1fr;gap:32px}
.page-business .business-label>span:first-child{font-size:10px;margin-bottom:8px}
.page-business .business-label h2{font-size:14px}
.page-business .business-brand-logo{width:152px;margin-bottom:24px}
.page-business .business-service-logo{height:38px;margin-bottom:24px}
.page-business .business-lead{font-size:clamp(24px,5.4vw,32px);margin-bottom:24px}
.page-business .business-service .business-lead{font-size:clamp(21px,5vw,28px)}
.page-business .business-prose{font-size:14px;line-height:2.05}
.page-business .business-action{margin-top:32px;padding:20px;gap:12px;font-size:13px}
.page-business .business-external{font-size:10px}
.page-business .business-status{margin-top:12px}
}

/* Align the action's secondary label to the main text baseline. */
.page-business .business-action{align-items:flex-end}
.page-business .business-external{line-height:27.2px}
.page-business .business-preparing+.business-action{margin-top:24px}
@media(max-width:800px){.page-business .business-external{line-height:22.1px}}

/* Link cards are sized for their content, independently of the page frame. */
.page-business .business-action{width:100%;max-width:500px;box-sizing:border-box;padding:22px 24px;gap:28px}
.page-business .business-preparing{max-width:620px}
@media(max-width:800px){.page-business .business-action{padding:20px;gap:16px}}

/* Keep short Japanese headings and action labels intact on small phones. */
@media(max-width:360px){
.page-business .business-lead{font-size:20px}
.page-business .business-service .business-lead{font-size:20px}
.page-business .business-action{flex-direction:column;align-items:stretch;gap:10px}
.page-business .business-external{align-self:flex-end}
}

.page-business .business-phrase{display:inline-block}