.commercial-page { padding: 116px 0 64px; min-height: 80vh; }
.commercial-page h1 { font-size: clamp(34px, 5vw, 58px); line-height: 1.1; max-width: 18ch; }
.commercial-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: start; margin-top: 32px; }
.commercial-card { padding: 28px; border: 1px solid var(--line); border-radius: var(--r-md); background: var(--ivory-soft); min-width: 0; }
.commercial-card h2 { font-size: 26px; margin-bottom: 16px; }
.commercial-price { font: 600 30px/1.3 var(--font-display); color: var(--forest); margin: 22px 0; }
.commercial-form { display: grid; gap: 16px; }
.commercial-form label { display: grid; gap: 6px; font-size: 14px; font-weight: 500; }
.commercial-form input, .commercial-form textarea, .commercial-form select { width: 100%; padding: 12px; border-radius: 8px; border: 1px solid var(--line-strong); background: var(--white); }
.commercial-form button { justify-self: start; }
.commercial-status { padding: 16px; border-radius: 10px; background: var(--amber-soft); overflow-wrap: anywhere; }
.commercial-status:empty { display: none; }
.commercial-status.is-error { color: #942a23; }
.commercial-note { color: var(--muted); font-size: 14px; }
.commercial-links { display: flex; flex-wrap: wrap; gap: 18px; margin-top: 24px; }
.commercial-links a { text-decoration: underline; text-underline-offset: 4px; }
.commercial-footer { padding: 24px 0; border-top: 1px solid var(--line); font-size: 14px; color: var(--muted); }
.commercial-footer .container { display: flex; flex-wrap: wrap; gap: 18px; }
.commercial-test { padding: 12px 18px; background: var(--amber-soft); margin-bottom: 22px; border-radius: 10px; }
.commercial-dl { display: grid; grid-template-columns: auto 1fr; gap: 8px 18px; font-size: 14px; }
.commercial-dl dt { color: var(--muted); }
.commercial-dl dd { margin: 0; overflow-wrap: anywhere; }
.commercial-records { display: grid; gap: 20px; margin-top: 24px; }
.commercial-summary { display: flex; gap: 24px; flex-wrap: wrap; margin: 24px 0; }
[hidden] { display: none !important; }
@media (max-width: 700px) { .commercial-grid { grid-template-columns: 1fr; gap: 24px; } .commercial-page { padding-top: 102px; } .commercial-card { padding: 22px; } .commercial-dl { grid-template-columns: 1fr; gap: 3px; } .commercial-dl dd { margin-bottom: 10px; } }

.commercial-form .form-trap { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }

.activation-board { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:16px; margin-top:24px; }
.activation-column { padding:16px; border:1px solid var(--line); border-radius:12px; min-width:0; }
.activation-column h2 { font-size:18px; }
.activation-column article { margin-top:16px; padding:18px; }
.activation-column h3 { font-size:20px; }
.activation-editor { margin-top:32px; }
.activation-editor details { margin:16px 0; padding:16px; border:1px solid var(--line); border-radius:10px; }
.activation-editor summary { cursor:pointer; font-weight:600; margin-bottom:14px; }
.activation-brief { white-space:pre-wrap; overflow-wrap:anywhere; padding:20px; background:var(--ivory-soft); }

.activation-column .commercial-dl { grid-template-columns:1fr; gap:4px; }
.activation-column .commercial-dl dd { margin-bottom:8px; }

#activation-operator-identity, #case-reference, #activation-current-pricebook { overflow-wrap: anywhere; }