/* Generated by tools/split-subpage-css.php. Edit assets/css/source/subpage-modern.full.css instead. */
.brokerage-page-heading h1 { margin-bottom: 12px; }
.brokerage-page-heading > p:last-child { max-width: 780px; margin: 0; color: #536277; line-height: 1.75; }
.brokerage-eyebrow, .brokerage-guide-heading > span { display: block; margin-bottom: 8px; color: #2563eb; font-size: .84rem; font-weight: 700; }
.brokerage-calculator { margin-top: 28px; border: 1px solid #d9e1eb; border-radius: 8px; background: #fff; overflow: hidden; }
.brokerage-calculator [hidden] { display: none !important; }
.brokerage-selector-band { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; padding: 20px 24px; border-bottom: 1px solid #d9e1eb; background: #f7f9fc; }
.brokerage-selector-label { display: block; margin-bottom: 8px; color: #35445a; font-size: .78rem; font-weight: 800; }
.brokerage-segment { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4px; padding: 4px; border: 1px solid #d7dfe9; border-radius: 8px; background: #e9eef5; }
.brokerage-segment label { min-width: 0; margin: 0; cursor: pointer; }
.brokerage-segment input { position: absolute; opacity: 0; pointer-events: none; }
.brokerage-segment span { display: grid; min-height: 38px; place-items: center; padding: 6px 8px; border-radius: 6px; color: #536277; font-size: .8rem; font-weight: 700; text-align: center; }
.brokerage-segment input:checked + span { background: #2563eb; color: #fff; box-shadow: 0 2px 6px rgba(37, 99, 235, .2); }
.brokerage-workspace { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(280px, .8fr); gap: 24px; padding: 24px; align-items: start; }
.brokerage-form-panel, .brokerage-field-group { margin: 0; }
.brokerage-field-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.brokerage-field-grid[data-amount-fields] { grid-template-columns: 1fr; }
.brokerage-field { display: grid; gap: 7px; min-width: 0; color: #26344a; font-size: .9rem; font-weight: 700; }
.brokerage-field input, .brokerage-field select { width: 100%; min-width: 0; height: 46px; margin: 0; padding: 0 12px; border: 1px solid #cfd8e5; border-radius: 6px; background: #fff; color: #172033; font-size: .95rem; }
.brokerage-result-panel { position: sticky; top: 18px; padding: 22px; border: 1px solid #d9e1eb; border-radius: 8px; background: #f8fafc; }
#brokerage-total { display: block; color: #172033; font-size: 1.7rem; line-height: 1.25; }
.brokerage-breakdown { display: grid; gap: 1px; overflow: hidden; border: 1px solid #dce3ec; border-radius: 6px; background: #dce3ec; }
.brokerage-breakdown > p { margin: 0; padding: 16px; background: #fff; color: #6b778a; font-size: .82rem; line-height: 1.55; }
.brokerage-result-row { padding: 12px; background: #fff; }
.brokerage-result-row > div { display: flex; justify-content: space-between; gap: 12px; color: #26344a; font-size: .84rem; font-weight: 700; }
.brokerage-result-row small { display: block; margin-top: 5px; color: #748198; font-size: .7rem; line-height: 1.45; }
.brokerage-warnings { margin-top: 14px; padding: 12px 14px; border-left: 3px solid #d89b23; background: #fff8e8; color: #67501d; font-size: .75rem; line-height: 1.55; }
.brokerage-warnings p, .brokerage-warnings ul { margin: 0; }
.brokerage-warnings ul { padding-left: 18px; }
.brokerage-guide { margin-top: 42px; padding-top: 34px; border-top: 1px solid #dfe5ed; }
.brokerage-guide-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 28px; margin-top: 30px; border-top: 1px solid #e2e7ee; }
.brokerage-guide-grid section { padding: 22px 0; border-bottom: 1px solid #e2e7ee; }
.brokerage-guide-grid h3 { margin-bottom: 8px; color: #1f2c40; font-size: 1.02rem; }
.brokerage-guide-grid p, .brokerage-source-note p { margin: 0; color: #5f6d80; font-size: .9rem; line-height: 1.75; }
@media screen and (max-width: 980px) {
.brokerage-workspace, .brokerage-field-grid { grid-template-columns: 1fr; }
.brokerage-result-panel { position: static; }
}
@media screen and (max-width: 560px) {
.brokerage-selector-band, .brokerage-guide-grid { grid-template-columns: 1fr; }
.brokerage-workspace { padding: 16px; }
.brokerage-segment span { min-height: 42px; padding: 5px 3px; font-size: .72rem; }
}