/* Customer tools only: shared footer and other pages retain their own styles. */
body.front.tools-renewal #header{height:auto;min-height:80px;display:flex;align-items:center;margin-top:0;background:#fff;border-bottom:1px solid #e5e8ed;box-shadow:0 1px 4px #20263105}
body.front.tools-renewal #header>nav{width:100%}
body.front.tools-renewal #tools-content{padding-top:80px;background:#fff;color:#262930}
#tools-content *,#tools-content *::before,#tools-content *::after{box-sizing:border-box}
body.front.tools-renewal #tools-content section{padding:0;text-align:left}
#tools-content .tools-inner,#tools-content .tools-body{width:calc(100% - 60px);max-width:1200px;margin:0 auto;min-width:0}
#tools-content h1,#tools-content h2,#tools-content h3{color:#262930;word-break:keep-all;overflow-wrap:anywhere}
#tools-content p{font-size:16px;line-height:1.9;color:#6b7079;word-break:keep-all;overflow-wrap:anywhere}
#tools-content a{text-decoration:none}
#tools-content :is(a,button,input,textarea):focus-visible{outline:3px solid #e51837;outline-offset:3px}
body.front.tools-renewal #tools-content .tools-masthead{padding:30px;background:#f6f7f9;border-bottom:1px solid #edf0f2}
#tools-content .tools-masthead-row{display:flex;align-items:center;justify-content:space-between;gap:40px;min-height:172px;width:100%}
#tools-content .tools-masthead h1{font-size:36px;font-weight:700;line-height:1.5;letter-spacing:-1.4px;margin:0 0 14px}
#tools-content .tools-masthead p{font-size:17px;margin:0}
#tools-content .tools-masthead img{width:240px;height:172px;flex:none;object-fit:contain}
#tools-content .tools-nav{position:sticky;top:80px;z-index:90;padding:0 30px;background:#fff;border-bottom:1px solid #e5e8ed}
#tools-content .tools-nav>div{display:flex;gap:30px;width:100%;overflow-x:auto;scrollbar-width:none}
#tools-content .tools-nav>div::-webkit-scrollbar{display:none}
#tools-content .tools-nav a{display:block;flex:none;padding:18px 0 16px;font-size:15px;line-height:24px;color:#59616d;border-bottom:2px solid transparent;white-space:nowrap}
#tools-content .tools-nav a:hover,#tools-content .tools-nav a.active{color:#e51837}
#tools-content .tools-nav a.active{border-color:#e51837;font-weight:500}
#tools-content .tools-body{padding:56px 0 72px}
body.tools-article-page #tools-content .tools-body,body.tools-form-page #tools-content .tools-body{max-width:1000px}
#tools-content .tools-page-title{font-size:30px;font-weight:500;line-height:1.5;letter-spacing:-.8px;margin:0 0 12px}
/* Input and result surfaces; existing state classes keep controlling visibility. */
body.tools-ssl #tools-content .tools-body,body.tools-punycode #tools-content .tools-body,body.tools-convert #tools-content .tools-body{max-width:1000px}
#tools-content .box-shadow{box-shadow:none}
#tools-content .row.box-shadow,#tools-content .tab-content.box-shadow{margin:28px 0 0;padding:32px 16px;border:1px solid #e0e4e9;border-radius:12px;background:#fff}
#tools-content .form-group{margin-bottom:24px;text-align:left}
#tools-content label{font-size:15px;line-height:24px;margin:0 0 8px;color:#454e5a}
#tools-content .form-control{height:auto;min-height:46px;padding:10px 12px;font-size:16px;border:1px solid #d3d8df;border-radius:4px;color:#333b46;background:#fff;box-shadow:none}
#tools-content input[type=file]{font-size:15px;padding:8px;max-width:100%}
#tools-content input[type=file]::file-selector-button{padding:6px 12px;margin-right:12px;border:0;border-radius:3px;background:#f0f2f5;color:#454e5a}
body.front.tools-renewal #tools-content .textarea-wrap textarea{min-height:300px;line-height:1.7;font-size:14px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;resize:vertical;padding:14px}
#tools-content textarea[readonly],#tools-content .form-control.data{background:#f6f7f9;overflow-wrap:anywhere;white-space:normal}
#tools-content .form-control.data{min-height:46px}
#tools-content .bootstrap-select.form-control{width:100%!important;max-width:100%;height:46px;min-height:0;padding:0;border:0;background:transparent}
#tools-content .bootstrap-select>.dropdown-toggle{height:46px;padding:10px 30px 10px 12px;border:1px solid #d3d8df;border-radius:4px;background:#fff;color:#333b46;box-shadow:none;font-size:16px}
#tools-content .bootstrap-select .filter-option-inner{padding-right:0}
#tools-content .bootstrap-select .dropdown-menu{font-size:15px;max-width:100%}
#tools-content .warning{font-size:16px;line-height:1.8;font-weight:500;padding:16px 20px;background:#fff6f7;border:1px solid #efdae0;border-radius:8px;color:#e51837;margin:0 0 24px}
#tools-content .textarea-wrap a{display:inline-block;padding:4px 8px;font-size:14px;color:#e51837}
#tools-content .tools-button,#tools-content .right-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 20px;border:1px solid #d3d8df;border-radius:4px;background:#fff;color:#454e5a;font-size:16px;font-weight:500;line-height:22px;white-space:nowrap}
#tools-content .tools-primary,#tools-content .domain-box-wrap .right-button{border-color:#e51837;background:#e51837;color:#fff}
#tools-content .tools-primary:hover,#tools-content .domain-box-wrap .right-button:hover{background:#c6102c;color:#fff}
#tools-content .add-footer{margin:24px 0 0;padding:0;text-align:right}
#tools-content .recaptcha{margin:28px 0 0;padding:0;max-width:100%;overflow-x:auto;text-align:left}
#tools-content .domain-box-wrap{display:flex;align-items:stretch;gap:0;max-width:720px;width:100%;height:auto;margin:0;padding:8px;border:1px solid #e0e4e9;border-radius:10px;background:#f6f7f9}
#tools-content .domain-box-wrap input{position:static;flex:1;width:0;min-width:0;min-height:48px;height:auto;margin:0;padding:12px 16px;border:0;border-radius:4px;background:#fff;color:#333b46;font-size:18px;line-height:24px;text-align:left;box-shadow:none}
#tools-content .domain-box-wrap .right-button{position:static;flex:none;height:auto;margin:0;padding:12px 24px;border-radius:4px;line-height:24px}
#tools-content .domain-box-wrap.punycode-wrap{margin-top:28px}
#tools-content .domain-box-wrap.punycode-wrap:not(.active){display:none}
#tools-content .nav-tabs{display:flex;flex-wrap:wrap;gap:4px;margin:28px 0 0;padding:0;border:0;border-bottom:1px solid #e0e4e9}
#tools-content .nav-tabs .nav-link{padding:12px 16px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:#59616d;font-size:15px;line-height:24px;white-space:nowrap}
#tools-content .nav-tabs .nav-link.active{color:#e51837;border-bottom-color:#e51837;font-weight:500}
#tools-content .nav-tabs+.tab-content,#tools-content form>.tab-content.box-shadow{margin-top:0;border-top-left-radius:0}
#tools-content .tab-content{padding:24px 0 0}
#tools-content .tab-content .tab-pane{padding:0}
#tools-content .desc{font-size:14px;line-height:1.9;color:#6b7079;margin-top:12px;overflow-wrap:anywhere}
#tools-content .ssl-checker-result{margin-top:40px;font-size:16px}
#tools-content .ssl-checker-result .mt-6{margin-top:32px}
#tools-content .ssl-checker-result .data>div,#tools-content .ssl-checker-result .no-data,#tools-content .ssl-checker-result .bad-data{padding:28px;border:1px solid #e0e4e9;border-radius:12px;background:#f8f9fb}
#tools-content .ssl-checker-result label{font-size:23px;line-height:1.6;font-weight:500;color:#262930}
#tools-content .ssl-checker-result .data-box{font-size:16px;line-height:1.9;overflow-wrap:anywhere}
#tools-content .ssl-checker-result .data-box .san{padding-left:20px}
#tools-content .ssl-checker-result .chain .data-box>ul{max-width:none;font-size:14px;line-height:1.8;list-style:none;padding:0}
#tools-content .ssl-checker-result .chain.normal .data-box>ul>li{background:#edf6f1;color:#24714a}
#tools-content .ssl-checker-result .chain.warning .data-box>ul>li{background:#fff5e5;color:#8a591b}
#tools-content .ssl-checker-result .chain.error .data-box>ul>li{background:#fff0f2;color:#e51837}
#tools-content .ssl-checker-result .revoke,#tools-content .ssl-checker-result .msg{font-size:15px;line-height:1.8}
#tools-content .ssl-checker-result button.btn{padding:10px 16px;border:1px solid #d3d8df;border-radius:4px;background:#fff;color:#454e5a;font-size:15px}
@media(max-width:767px){
body.front.tools-renewal #header{min-height:64px}body.front.tools-renewal #tools-content{padding-top:64px}
#tools-content .tools-inner,#tools-content .tools-body{width:calc(100% - 40px)}
body.front.tools-renewal #tools-content .tools-masthead{padding:32px 24px}#tools-content .tools-masthead-row{width:100%;min-height:110px;gap:16px}#tools-content .tools-masthead h1{font-size:28px;margin-bottom:10px;letter-spacing:-1px}#tools-content .tools-masthead p{font-size:15px;line-height:1.8}#tools-content .tools-masthead img{width:100px;height:110px}
#tools-content .tools-nav{top:64px;padding:0 20px}#tools-content .tools-nav>div{width:100%;gap:24px}#tools-content .tools-nav a{font-size:14px;padding:14px 0 12px}
#tools-content .tools-body{padding:36px 0 56px}#tools-content .tools-page-title{font-size:26px}#tools-content .tools-intro{font-size:15px;margin-bottom:24px}
#tools-content .row.box-shadow,#tools-content .tab-content.box-shadow{padding:24px 4px;margin-left:0;margin-right:0}
#tools-content .domain-box-wrap{padding:6px}#tools-content .domain-box-wrap input{font-size:16px;padding:12px 10px}#tools-content .domain-box-wrap .right-button{font-size:15px;padding:12px}
#tools-content .nav-tabs{gap:0;margin-top:24px}#tools-content .nav-tabs .nav-link{font-size:14px;padding:10px 12px}
#tools-content .ssl-checker-result .data>div,#tools-content .ssl-checker-result .no-data,#tools-content .ssl-checker-result .bad-data{padding:20px}#tools-content .ssl-checker-result label{font-size:21px}
}
#tools-content .tools-intro{margin:0 0 32px}
#tools-content .tools-examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0 28px}
#tools-content .tools-examples p{padding:16px 20px;margin:0;background:#f6f7f9;border:1px solid #e5e8ed;border-radius:8px;font-size:14px;line-height:1.9}
#tools-content .products .product-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,280px));gap:20px;justify-content:start}
#tools-content .products .product-list>a{display:block;min-width:0;color:#333b46}
#tools-content .products .item-wrap{display:block;width:100%;padding:0;margin:0;border:1px solid #e0e4e9;border-radius:12px;overflow:hidden;background:#fff}
#tools-content .products .item{display:block;width:100%;margin:0}
#tools-content .products .item-header{display:block;padding:24px;background:#fff}
#tools-content .products .vendor{display:flex;align-items:center;justify-content:center;min-height:50px;margin-bottom:16px}
#tools-content .products .vendor img{max-width:150px;max-height:40px;object-fit:contain}
#tools-content .products .keyword-item{color:#454e5a;background:#f0f2f5;padding:4px 8px;font-size:13px;border-radius:4px}
#tools-content .products .item-footer{display:block;padding:24px;background:#f6f7f9!important;color:#333b46}
#tools-content .products .product-name{display:block;font-size:18px;font-weight:500;line-height:1.6;color:#262930}
#tools-content .products .price{display:block;font-size:25px;font-weight:500;margin-top:16px;color:#262930}
@media(max-width:767px){#tools-content .tools-intro{margin-bottom:24px}#tools-content .tools-examples{grid-template-columns:1fr;gap:8px}#tools-content .products .product-list{grid-template-columns:minmax(0,1fr)}}

/* Punycode output is a readable, labelled result rather than a red input. */
body.front #tools-content section.tools-puny-result {max-width:720px;padding:24px;margin-top:28px;border:1px solid #dfe5eb;border-radius:10px;background:#f7f9fb;}
#tools-content .tools-puny-result h3 {margin:0 0 6px;font-size:18px;font-weight:500;line-height:28px;}
#tools-content .tools-puny-result p {margin:0 0 18px;font-size:14px;line-height:1.8;}
#tools-content .tools-puny-result .domain-box-wrap {padding:0;border:0;background:none;}
#tools-content .tools-puny-result input {min-width:0;border:1px solid #e0e5eb;background:#fff!important;color:#303741!important;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:16px;}
#tools-content .tools-puny-result .right-button {margin-left:10px;border:1px solid #d3dbe4;background:#fff;color:#59616d;}
#tools-content .tools-puny-result .right-button:hover {border-color:#e51837;background:transparent;color:#e51837;}
@media(max-width:767px){body.front #tools-content section.tools-puny-result{padding:20px}#tools-content .tools-puny-result .domain-box-wrap{flex-wrap:wrap;gap:12px}#tools-content .tools-puny-result input{flex-basis:100%;width:100%;font-size:14px}#tools-content .tools-puny-result .right-button{margin-left:0;min-height:42px;padding:8px 16px}}
#tools-content .tools-puny-result .right-button{opacity:1;}