/* Generated by tools/split-subpage-css.php. Edit assets/css/source/subpage-modern.full.css instead. */
.ip-convert-heading { margin-bottom: 0; }
.ip-convert-heading h1 { margin-bottom: 14px; color: #172033; }
.ip-convert-heading > p:last-child { max-width: 820px; margin: 0; color: #536277; line-height: 1.75; }
.ip-convert-eyebrow { margin: 0 0 8px; color: #2563eb; font-size: .84rem; font-weight: 800; }
.ip-convert-tool { display: grid; grid-template-columns: minmax(0, 1fr) minmax(250px, .62fr); gap: 22px; margin-top: 28px; align-items: start; }
.ip-convert-input-panel, .ip-convert-summary, .ip-convert-results { min-width: 0; padding: 24px; border: 1px solid #d9e1eb; border-radius: 8px; background: #fff; }
.ip-convert-input-panel header { margin-bottom: 18px; }
.ip-convert-input-panel h2, .ip-convert-results h2 { margin-bottom: 8px; color: #172033; font-size: 1.35rem; }
.ip-convert-input-panel header p { margin: 0; color: #64748b; font-size: .86rem; line-height: 1.65; }
.ip-convert-field { display: grid; gap: 8px; color: #26344a; font-size: .9rem; font-weight: 800; }
.ip-convert-field input { width: 100%; height: 48px; margin: 0; padding: 0 13px; border: 1px solid #cfd8e5; border-radius: 7px; background: #fff; color: #172033; font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace; font-size: .94rem; }
.ip-convert-examples { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.modern-subpage .ip-convert-examples button { min-height: 38px; margin: 0; padding: 0 12px; border: 1px solid #d9e1eb; border-radius: 999px; background: #f8fafc; color: #35445a; font-size: .76rem; font-weight: 800; }
.modern-subpage .ip-convert-examples button:hover { border-color: #bfdbfe; background: #eff6ff; color: #1d4ed8; }
.ip-convert-actions { display: flex; gap: 10px; margin-top: 18px; }
.ip-convert-actions button { min-height: 48px; margin: 0; padding: 0 16px; border-radius: 7px; white-space: nowrap; }
.ip-convert-actions button:first-child { flex: 1; background: #2563eb; color: #fff; }
.ip-convert-actions button[type="reset"] { background: #e8edf4; color: #314158; }
.ip-convert-status { min-height: 1.4em; margin: 12px 0 0 !important; color: #64748b !important; font-size: .82rem !important; line-height: 1.55 !important; }
.ip-convert-summary { position: sticky; top: 18px; background: #f8fafc; }
.ip-convert-summary-label { margin: 0 0 6px; color: #64748b; font-size: .82rem; font-weight: 800; }
#ip-type-result { display: block; margin-bottom: 10px; color: #172033; font-size: 1.55rem; line-height: 1.25; }
#ip-type-description { margin: 0 !important; color: #64748b !important; font-size: .83rem !important; line-height: 1.65 !important; }
.ip-convert-results { margin-top: 24px; }
.ip-convert-result-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 14px; }
.ip-convert-result-card { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px 10px; min-width: 0; padding: 14px; border: 1px solid #dce3ec; border-radius: 8px; background: #f8fafc; align-items: center; }
.ip-convert-result-card.wide { grid-column: 1 / -1; }
.ip-convert-result-card span { grid-column: 1 / -1; color: #64748b; font-size: .72rem; font-weight: 900; }
.ip-convert-result-card strong { min-width: 0; overflow-wrap: anywhere; color: #172033; font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace; font-size: .85rem; line-height: 1.55; }
.modern-subpage .ip-convert-result-card button { min-height: 34px; margin: 0; padding: 0 10px; border-radius: 6px; background: #e8edf4; color: #314158; font-size: .72rem; font-weight: 900; }
.modern-subpage .ip-convert-result-card button:hover { background: #dbeafe; color: #1d4ed8; }
.ip-convert-guide { margin-top: 42px; padding-top: 34px; border-top: 1px solid #dfe5ed; }
.ip-convert-guide-heading h2 { margin-bottom: 10px; color: #172033; font-size: 1.65rem; }
.ip-convert-guide-heading p { color: #5c6b7f; line-height: 1.75; }
.ip-convert-guide-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 28px; margin-top: 24px; border-top: 1px solid #e2e7ee; }
.ip-convert-guide-grid section { padding: 22px 0; border-bottom: 1px solid #e2e7ee; }
.ip-convert-guide-grid h3 { margin-bottom: 8px; color: #1f2c40; font-size: 1.02rem; }
.ip-convert-guide-grid p { margin: 0; color: #5f6d80; font-size: .9rem; line-height: 1.75; }
@media screen and (max-width: 980px) {
.ip-convert-tool { grid-template-columns: 1fr; }
.ip-convert-summary { position: static; }
}
@media screen and (max-width: 620px) {
.ip-convert-input-panel, .ip-convert-summary, .ip-convert-results { padding: 16px; }
.ip-convert-actions { flex-direction: column; }
.ip-convert-actions button { width: 100%; }
.ip-convert-result-grid, .ip-convert-guide-grid { grid-template-columns: 1fr; }
.ip-convert-result-card { grid-template-columns: 1fr; }
.modern-subpage .ip-convert-result-card button { width: 100%; }
}