/* Shared public tool surface. Toolkit controls keep their native behaviour. */
html{scroll-behavior:smooth}body{margin:0}body:has(.sf-tool-main) *{box-sizing:border-box}
.sf-tool-main .custom-breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 26px;padding:0;list-style:none;color:#526b7e;font-size:13px;line-height:1.5}
.sf-tool-main .custom-breadcrumbs li{display:flex;align-items:center;gap:8px;margin:0;padding:0}.sf-tool-main .custom-breadcrumbs a{font-weight:500;text-decoration:none}.sf-tool-main .custom-breadcrumbs [aria-current=page]{color:#40586c}.sf-tool-main .custom-breadcrumbs i{color:#8da1b1;font-size:12px}
.sf-tool-main .fas,.sf-tool-main .far,.sf-tool-main .fab{display:inline-block;font-family:FontAwesome!important;font-style:normal;font-weight:normal;line-height:1;text-rendering:auto;-webkit-font-smoothing:antialiased}.sf-tool-main .fa-fw{width:1.28571429em;text-align:center}.sf-tool-main .fa-sm{font-size:.875em}
.sf-tool-main>.container{display:block;width:100%;max-width:1120px;margin-right:auto;margin-left:auto;padding:0}
.sf-tool-main .form-group{margin:0 0 20px}.sf-tool-main .form-group label{display:block;margin:0 0 8px}
.sf-tool-main .form-control{display:block;width:100%;padding:11px 13px;background:#fff;background-clip:padding-box}
.sf-tool-main .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-align:center;vertical-align:middle;cursor:pointer}
.sf-tool-main .invalid-feedback{display:block;margin-top:6px;color:#b42318;font-size:13px}.sf-tool-main .is-invalid{border-color:#b42318!important;background:#fff7f6}
.sf-tool-main .alert{position:relative;padding:15px 18px;margin:0 0 22px;border:1px solid transparent;border-radius:6px}.sf-tool-main .alert-danger{border-color:#efb5ae;background:#fff4f2;color:#8f1f16}
.sf-tool-main .mt-4{margin-top:24px!important}.sf-tool-main .mb-3{margin-bottom:16px!important}.sf-tool-main .my-5{margin-top:38px!important;margin-bottom:38px!important}.sf-tool-main .m-0{margin:0!important}.sf-tool-main .ml-2{margin-left:8px!important}.sf-tool-main .mr-1{margin-right:4px!important}.sf-tool-main .mr-2{margin-right:8px!important}
.sf-tool-main .d-flex{display:flex!important}.sf-tool-main .align-items-center{align-items:center!important}.sf-tool-main .text-muted{color:#667d90!important}.sf-tool-main .text-nowrap{white-space:nowrap}.sf-tool-main .font-weight-bold{font-weight:700}.sf-tool-main .h5{font-size:20px;line-height:1.35}
.sf-tool-main .table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid #d7e2eb;border-radius:7px;background:#fff}.sf-tool-main .table{width:100%;margin:0;border-collapse:collapse}.sf-tool-main .table th,.sf-tool-main .table td{padding:13px 15px;border-bottom:1px solid #d7e2eb;text-align:left;vertical-align:top}.sf-tool-main .table tr:last-child td{border-bottom:0}
.sf-tool-main .sf-related-tools{padding-top:26px;border-top:1px solid #d5e2ea}.sf-tool-main .sf-related-tools h2{margin-bottom:17px}.sf-tool-main .sf-related-tools>div{align-items:center}
.sf-tool-main .sf-tool-hint{font-size:15px;line-height:1.65;margin:12px 0 0;color:#455e72}
.sf-batch-tool .sf-dns-visual{display:grid;background:#f0f4f7}
.sf-batch-tool .sf-dns-visual>img,.sf-batch-tool .sf-dns-visual>div{grid-area:1/1;min-width:0}
.sf-batch-tool .sf-dns-visual>div{align-self:end;z-index:1;background:linear-gradient(transparent,#102b43 40%);padding:64px 28px 28px}
.sf-batch-tool .sf-dns-visual>div p:first-child{font-size:13px;font-weight:700;color:#87dcd1}
.sf-batch-tool .sf-dns-guide h3{font-size:20px;font-weight:600;line-height:1.4;margin:24px 0 12px}
@media(max-width:700px){.sf-batch-tool .sf-dns-visual>div{padding:40px 18px 18px}.sf-batch-tool .sf-dns-visual>div h2{font-size:20px}.sf-batch-tool .sf-dns-visual>div p{font-size:14px;line-height:1.5}.sf-batch-tool .sf-dns-visual>img{align-self:start}.sf-batch-tool .sf-dns-visual{min-height:320px}}
.sf-utm-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}
.sf-lookup-results,.sf-related-tools{margin-top:36px}
.sf-related-tools>div{display:flex;gap:18px 28px;flex-wrap:wrap}
.sf-related-tools a{font-size:16px;font-weight:600}
.sf-related-tools i{margin-left:8px}
#sf-utm-output{border-top:1px solid #ccdce7;padding-top:24px;margin-top:24px}
.sf-tool-main #sf-utm-result{min-height:110px;resize:vertical;overflow-wrap:anywhere}
.sf-tool-main h1{font-size:38px;font-weight:700;line-height:1.25}
.sf-tool-breadcrumb{display:flex;gap:12px;align-items:center;margin:0 0 26px;font-size:13px}.sf-batch-tool .sf-tool-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:34px;align-items:center;margin-bottom:28px}.sf-tool-kicker{color:#087c83!important;font-size:12px;font-weight:700;letter-spacing:.04em}.sf-tool-hero h1{font-size:42px;margin:0 0 12px}.sf-tool-hero>img{display:block;width:100%;height:auto;border-radius:8px}.sf-tool-card{max-width:800px}.sf-tool-card h2{margin-top:0}.sf-tool-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:18px 0}.sf-tool-fields label,.sf-tool-card>label{display:flex;flex-direction:column;gap:7px}.sf-tool-fields select{min-height:50px;border:1px solid #b6c8d6;border-radius:6px;padding:10px;background:#fff}.sf-tool-output{display:block;width:100%;min-height:190px;margin-top:20px;padding:16px;border:1px solid #b6c8d6;border-radius:6px;background:#f3f7fa;color:#102b43;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap}.sf-tool-results{margin-top:24px;padding-top:24px;border-top:1px solid #d5e2ea}.sf-tool-results table{margin-top:14px}.sf-tool-alert{max-width:800px}.sf-tool-guide{max-width:820px;margin:54px 0 0}.sf-tool-guide h2{margin-top:36px}.sf-tool-guide h2:first-child{margin-top:0}.sf-tool-guide h3{font-size:19px;margin-top:24px}.sf-tool-guide p{font-size:16px;line-height:1.8;color:#455e72}.sf-tool-guide code{padding:2px 5px;background:#e8f0f5;border-radius:3px}.sf-counter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}.sf-counter-grid>div{padding:20px;background:#f1f7fa;border:1px solid #d5e2ea;border-radius:7px;text-align:center}.sf-counter-grid strong,.sf-counter-grid span{display:block}.sf-counter-grid strong{font-size:28px;color:#075adb}.sf-counter-grid span{font-size:13px;color:#526b7e}.sf-density-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.sf-density-grid>div{padding:11px;background:#f1f7fa;border:1px solid #d5e2ea;border-radius:5px}.sf-density-grid strong,.sf-density-grid span{display:block}.sf-density-grid span{font-size:12px;color:#526b7e}.sf-result-list{margin:0}.sf-result-list>div{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid #d5e2ea}.sf-result-list dt{font-weight:600}.sf-result-list dd{margin:0;text-align:right;overflow-wrap:anywhere}
@media(max-width:700px){.sf-utm-fields{grid-template-columns:1fr}.sf-tool-main h1{font-size:30px}.sf-tool-main .sf-lookup-results th{min-width:135px}}
@media(max-width:700px){.sf-batch-tool .sf-tool-hero{grid-template-columns:1fr;gap:18px}.sf-tool-hero h1{font-size:30px}.sf-tool-fields,.sf-counter-grid,.sf-density-grid{grid-template-columns:1fr}.sf-result-list>div{display:block}.sf-result-list dd{text-align:left;margin-top:5px}.sf-tool-guide{margin-top:36px}}

/* Keep the second-toolkit pages aligned with the established DNS tool surface. */
.sf-batch-tool .sf-tool-hero{display:block;margin-bottom:28px}
.sf-batch-tool .sf-tool-hero h1{margin-bottom:12px}
.sf-batch-tool .sf-tool-card{max-width:none;margin-bottom:48px}
.sf-batch-tool .sf-tool-guide{max-width:none;margin-top:48px}
.sf-tool-visual{display:grid;overflow:hidden;margin:0 0 48px;border-radius:8px;background:#e9f1f6}
.sf-tool-visual img,.sf-tool-visual>div{grid-area:1/1}
.sf-tool-visual img{display:block;width:100%;height:auto}
.sf-tool-visual>div{align-self:end;padding:76px 30px 26px;background:linear-gradient(transparent,#102b43);color:#fff}
.sf-tool-visual h2{margin:8px 0;color:#fff;font-size:30px}
.sf-tool-visual p{max-width:720px;margin:0;color:#e1ecf4;font-size:16px;line-height:1.7}
.sf-tool-visual .sf-dns-eyebrow{color:#99e6d8!important}
.sf-tool-guide>.sf-tool-guide-copy>.sf-dns-guide{max-width:none}
@media(max-width:700px){.sf-batch-tool .sf-tool-hero{display:block}.sf-tool-visual{margin-bottom:32px}.sf-tool-visual>div{padding:58px 18px 18px}.sf-tool-visual h2{font-size:22px}.sf-tool-visual p{font-size:15px}.sf-batch-tool .sf-tool-card{margin-bottom:32px}}
.sf-tool-main .sf-meta-value{white-space:normal;overflow-wrap:anywhere;min-width:180px}
.sf-dns-guide section{margin-top:48px}.sf-dns-guide p,.sf-dns-guide li{font-size:16px;line-height:1.85;color:#455e72}.sf-dns-guide h2{margin-bottom:18px}.sf-dns-visual{overflow:hidden;border-radius:8px}.sf-dns-visual img{display:block;width:100%;height:auto}.sf-dns-visual>div{padding:24px 28px;background:#102b43;color:white}.sf-dns-visual>div p{color:#e1ecf4;margin:0}.sf-dns-visual h2{color:white;margin:8px 0}.sf-dns-visual span,.sf-dns-eyebrow{font-size:13px!important;font-weight:700;color:#087c83!important}.sf-dns-visual span{color:#87dcd1!important}.sf-dns-records{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.sf-dns-records article{border-top:3px solid #0a7f86;padding:20px 0}.sf-dns-records strong{color:#075adb}.sf-dns-records h3{font-size:20px;font-weight:600;margin:12px 0}.sf-dns-records p{margin:0}.sf-dns-steps{padding-left:24px}.sf-dns-steps li{padding:8px 0 8px 8px}.sf-dns-limit{border-left:4px solid #f6b444;padding:8px 24px;background:#fff}.sf-dns-faq details{border-bottom:1px solid #ccdce7;padding:18px 0}.sf-dns-faq summary{font-size:17px;font-weight:600;cursor:pointer}.sf-dns-faq details p{margin:14px 0 0}.sf-dns-source{font-size:13px!important;margin-top:30px}@media(max-width:700px){.sf-dns-records{grid-template-columns:1fr;gap:8px}.sf-dns-guide section{margin-top:32px}.sf-dns-visual>div{padding:20px}}
.sf-fa{display:inline-block;font-family:FontAwesome!important;font-style:normal;font-weight:normal;line-height:1;text-rendering:auto;-webkit-font-smoothing:antialiased}
body:has(.sf-tool-main){font-family:Poppins,Arial,sans-serif;background:#f3f7fa;color:#102b43;letter-spacing:0}
.sf-tool-main{padding:36px 24px 56px;min-height:55vh}
.sf-tool-main>.container{max-width:1120px}
.sf-tool-main h1.h4{font-size:40px;font-weight:700;line-height:1.2;white-space:normal}
.sf-tool-main .text-truncate{white-space:normal;overflow:visible}
.sf-tool-intro{max-width:760px;font-size:18px;line-height:1.75;color:#455e72;margin:0 0 28px}
.sf-tool-main .card{border:1px solid #d7e2eb;border-radius:8px;box-shadow:none;background:#fff}
.sf-tool-main .card-body{padding:28px}
.sf-tool-main label{font-size:16px;font-weight:600}
.sf-tool-main .form-control{min-height:50px;border:1px solid #b6c8d6;font-size:16px;border-radius:6px;color:#102b43}
.sf-tool-main .btn-primary,.sf-tool-next>a{background:#f6b444;border:1px solid #f6b444;color:#102b43;font-weight:700;border-radius:6px;min-height:48px;padding:12px 24px}
.sf-tool-main .btn-primary:hover,.sf-tool-main .btn-primary:focus,.sf-tool-next>a:hover{background:#eaa12b;border-color:#eaa12b;color:#102b43}
.sf-tool-main .btn-block{width:auto;min-width:180px}
.sf-tool-main table{font-size:15px;background:white}
.sf-tool-main th{background:#eaf1f7;color:#102b43}
.sf-tool-main td{overflow-wrap:anywhere;max-width:680px}
.sf-tool-main h2{font-size:24px;font-weight:600}
.sf-tool-main a{color:#075adb}
.sf-tool-next{max-width:1120px;margin:0 auto 56px;border-top:1px solid #ccdce7;padding:28px 0;display:flex;gap:30px;align-items:center;justify-content:space-between}
.sf-tool-next h2{font-size:24px;font-weight:700}.sf-tool-next p{margin:12px 0 0;max-width:700px;line-height:1.7}.sf-tool-next>a{white-space:nowrap;text-decoration:none}
#sf-site-header button,#sf-site-footer button{font-family:inherit}
#sf-site-header h2{line-height:1.4}#sf-site-header a,#sf-site-footer a{text-decoration:none}
.sf-crawler-list{display:grid;gap:8px;padding:0;list-style:none}.sf-crawler-list li{display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:start;padding:10px 12px;border:1px solid #d5e2ea;border-radius:6px;background:#f7fafc}.sf-crawler-list strong{color:#087c83;font-size:12px}.sf-crawler-text{max-height:280px;overflow:auto;padding:16px;border:1px solid #d5e2ea;border-radius:6px;background:#f7fafc;color:#304a5f;line-height:1.7}
@media(max-width:700px){.sf-tool-main{padding:24px 16px 32px}.sf-tool-main>.container{padding:0}.sf-tool-main h1.h4{font-size:30px}.sf-tool-intro{font-size:16px}.sf-tool-main .card-body{padding:20px}.sf-tool-main .btn-block{width:100%}.sf-tool-next{margin:0 16px 28px;display:block}.sf-tool-next>a{display:inline-block;margin-top:20px}.sf-tool-next h2{font-size:22px}.sf-tool-main .table th,.sf-tool-main .table td{padding:11px 12px}.sf-tool-main .my-5{margin-block:28px!important}}
