/* Generated by tools/split-subpage-css.php. Edit assets/css/source/subpage-modern.full.css instead. */
.baemin-fee-heading { margin-bottom: 0; }
.baemin-fee-heading h1 { margin-bottom: 14px; color: #172033; }
.baemin-fee-heading > p:last-child { max-width: 820px; margin: 0; color: #536277; line-height: 1.75; }
.baemin-fee-eyebrow { margin: 0 0 8px; color: #0f766e; font-size: .84rem; font-weight: 800; }
.baemin-fee-calculator { display: grid; grid-template-columns: minmax(0, 1fr) minmax(270px, .72fr); gap: 24px; margin-top: 28px; align-items: start; }
.baemin-fee-form, .baemin-fee-panel, .baemin-fee-result-panel { min-width: 0; }
.baemin-fee-panel, .baemin-fee-result-panel { padding: 24px; border: 1px solid #d9e1eb; border-radius: 8px; background: #fff; }
.baemin-fee-panel header { margin-bottom: 18px; }
.baemin-fee-panel h2 { margin-bottom: 8px; color: #172033; font-size: 1.35rem; }
.baemin-fee-panel header p { margin: 0; color: #64748b; font-size: .86rem; line-height: 1.65; }
.baemin-fee-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.baemin-fee-rate-grid { margin-top: 16px; }
.baemin-fee-field { display: grid; gap: 7px; min-width: 0; color: #26344a; font-size: .9rem; font-weight: 800; }
.baemin-fee-field input { width: 100%; height: 46px; margin: 0; padding: 0 12px; border: 1px solid #cfd8e5; border-radius: 7px; background: #fff; color: #172033; }
.baemin-fee-choice-group { display: grid; gap: 10px; margin: 18px 0 0; padding: 16px; border: 1px solid #d9e1eb; border-radius: 8px; background: #f8fafc; }
.baemin-fee-choice-group legend { margin-bottom: 4px; color: #172033; font-size: .92rem; font-weight: 800; }
.baemin-fee-choice-group label { display: grid; grid-template-columns: 18px minmax(0, 1fr); gap: 10px; align-items: start; margin: 0; padding: 12px; border: 1px solid #d9e1eb; border-radius: 7px; background: #fff; cursor: pointer; }
.baemin-fee-choice-group label:has(input:checked) { border-color: #0f766e; background: #e8f6f2; box-shadow: inset 0 0 0 1px #0f766e; }
.baemin-fee-choice-group input { margin-top: 3px; accent-color: #0f766e; }
.baemin-fee-choice-group strong, .baemin-fee-choice-group em { display: block; }
.baemin-fee-choice-group strong { color: #172033; font-size: .9rem; font-weight: 900; }
.baemin-fee-choice-group em { margin-top: 2px; color: #64748b; font-size: .76rem; font-style: normal; line-height: 1.45; }
.baemin-fee-check { display: flex; align-items: flex-start; gap: 9px; margin: 18px 0 0; padding: 14px; border: 1px solid #d9e1eb; border-radius: 8px; background: #f8fafc; color: #334155; font-size: .84rem; font-weight: 800; line-height: 1.5; }
.baemin-fee-check input { margin-top: 3px; accent-color: #0f766e; }
.baemin-fee-actions { display: flex; gap: 10px; margin-top: 18px; }
.baemin-fee-actions button { min-height: 48px; margin: 0; padding: 0 16px; border-radius: 7px; white-space: nowrap; }
.baemin-fee-actions button:first-child { flex: 1; background: #0f766e; color: #fff; }
.baemin-fee-actions button:first-child:hover { background: #0b625c; }
.baemin-fee-actions button[type="reset"] { background: #e8edf4; color: #314158; }
.baemin-fee-result-panel { position: sticky; top: 18px; background: #f8fafc; }
.baemin-fee-result-label { margin: 0 0 6px; color: #64748b; font-size: .82rem; font-weight: 800; }
#baemin-net-amount { display: block; margin-bottom: 18px; color: #172033; font-size: 1.7rem; line-height: 1.25; }
.baemin-fee-result-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.baemin-fee-result-grid > div { padding: 10px; border: 1px solid #dce3ec; border-radius: 6px; background: #fff; }
.baemin-fee-result-grid span, .baemin-fee-result-grid strong { display: block; }
.baemin-fee-result-grid span { color: #748198; font-size: .68rem; }
.baemin-fee-result-grid strong { margin-top: 3px; color: #27364c; font-size: .79rem; overflow-wrap: anywhere; }
.baemin-fee-breakdown { margin-top: 14px; padding: 14px; border: 1px solid #dce3ec; border-radius: 6px; background: #fff; }
.baemin-fee-breakdown h3 { margin-bottom: 8px; color: #172033; font-size: 1rem; }
.baemin-fee-breakdown p { margin: 0; color: #536277; font-size: .82rem; line-height: 1.65; }
.baemin-fee-guide { margin-top: 42px; padding-top: 34px; border-top: 1px solid #dfe5ed; }
.baemin-fee-guide-heading h2 { margin-bottom: 10px; color: #172033; font-size: 1.65rem; }
.baemin-fee-guide-heading p { color: #5c6b7f; line-height: 1.75; }
.baemin-fee-guide-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 28px; margin-top: 24px; border-top: 1px solid #e2e7ee; }
.baemin-fee-guide-grid section { padding: 22px 0; border-bottom: 1px solid #e2e7ee; }
.baemin-fee-guide-grid h3 { margin-bottom: 8px; color: #1f2c40; font-size: 1.02rem; }
.baemin-fee-guide-grid p { margin: 0; color: #5f6d80; font-size: .9rem; line-height: 1.75; }
.baemin-fee-source-note { margin-top: 18px; padding: 14px; border: 1px solid #d7e6e2; border-radius: 8px; background: #f0faf7; color: #0f625c; font-size: .82rem; line-height: 1.65; }
@media screen and (max-width: 980px) {
.baemin-fee-calculator { grid-template-columns: 1fr; }
.baemin-fee-result-panel { position: static; }
}
@media screen and (max-width: 620px) {
.baemin-fee-panel, .baemin-fee-result-panel { padding: 16px; }
.baemin-fee-grid, .baemin-fee-result-grid, .baemin-fee-guide-grid { grid-template-columns: 1fr; }
.baemin-fee-actions { flex-direction: column; }
.baemin-fee-actions button { width: 100%; }
}
