/* Shared modern layout for standard Site SEO Analyzer tools */
.ssa-tool-page {
    background: #f5f8fc;
    color: #1d2b3a;
}

.ssa-tool-page .main-container {
    max-width: 1200px;
    margin: 0 auto;
    padding-top: 42px;
    padding-bottom: 70px;
}

.ssa-tool-page .main-index {
    padding: 36px;
    border: 1px solid #e5ebf3;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 14px 42px rgba(22, 50, 87, .08);
}

.ssa-tool-page #title {
    position: relative;
    margin: 0 0 28px;
    padding: 0 0 18px;
    border-bottom: 1px solid #e8eef5;
    color: #142e5d;
    font-family: Poppins, sans-serif;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.3;
}

.ssa-tool-page #title:before {
    content: "";
    display: block;
    width: 42px;
    height: 4px;
    margin-bottom: 14px;
    border-radius: 99px;
    background: linear-gradient(90deg, #1d79ed, #31b4f5);
}

.ssa-tool-page .main-index > p {
    color: #64748b;
    font-size: 15px;
    line-height: 1.75;
}

.ssa-tool-page .main-index > form {
    max-width: 760px;
    margin: 26px 0 34px;
    padding: 26px;
    border: 1px solid #dfe8f3;
    border-radius: 16px;
    background: linear-gradient(145deg, #f9fbff, #f2f7fd);
}

.ssa-tool-page .form-control,
.ssa-tool-page input[type="text"],
.ssa-tool-page input[type="url"],
.ssa-tool-page input[type="email"],
.ssa-tool-page textarea,
.ssa-tool-page select {
    min-height: 48px;
    border: 1px solid #d6e1ee;
    border-radius: 10px;
    background: #fff;
    box-shadow: none;
    color: #25364a;
    font-size: 14px;
}

.ssa-tool-page textarea {
    min-height: 130px;
    padding: 13px 15px;
    resize: vertical;
}

.ssa-tool-page .form-control:focus,
.ssa-tool-page input:focus,
.ssa-tool-page textarea:focus,
.ssa-tool-page select:focus {
    border-color: #2584ed;
    box-shadow: 0 0 0 4px rgba(37, 132, 237, .12);
    outline: 0;
}

.ssa-tool-page .btn {
    min-height: 44px;
    padding: 10px 19px;
    border: 0;
    border-radius: 10px;
    font-family: Poppins, sans-serif;
    font-size: 13px;
    font-weight: 600;
    transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

.ssa-tool-page .btn:hover,
.ssa-tool-page .btn:focus {
    transform: translateY(-1px);
    box-shadow: 0 9px 18px rgba(20, 87, 217, .22);
}

.ssa-tool-page .btn-info,
.ssa-tool-page .btn-primary {
    background: linear-gradient(135deg, #176de8, #27a4ee);
    color: #fff;
}

.ssa-tool-page .btn-danger {
    background: #ef5b65;
    color: #fff;
}

.ssa-tool-page .alert {
    margin: 24px 0;
    padding: 16px 18px;
    border-radius: 12px;
}

.ssa-tool-page .alert-error,
.ssa-tool-page .alert-danger {
    border: 1px solid #fecdd3;
    background: #fff1f2;
    color: #a61b2b;
}

.ssa-tool-page .table {
    overflow: hidden;
    margin: 26px 0;
    border: 1px solid #e2eaf3;
    border-radius: 14px;
    background: #fff;
}

.ssa-tool-page .table > thead > tr > td,
.ssa-tool-page .table > thead > tr > th {
    border-bottom: 0;
    background: #143a78;
    color: #fff;
    font-family: Poppins, sans-serif;
    font-size: 12px;
    font-weight: 600;
}

.ssa-tool-page .table > tbody > tr > td,
.ssa-tool-page .table > tbody > tr > th {
    padding: 13px 15px;
    border-color: #e9eff6;
    color: #3c4c60;
    vertical-align: middle;
}

.ssa-tool-page .table-striped > tbody > tr:nth-of-type(odd) {
    background: #f8fbfe;
}

.ssa-tool-page .badge {
    padding: 6px 9px;
    border-radius: 99px;
    font-size: 11px;
    font-weight: 600;
}

.ssa-tool-page .about_tool,
.ssa-tool-page #sec1 {
    margin: 45px 0 16px;
    color: #16366b;
    font-family: Poppins, sans-serif;
    font-size: 22px;
    font-weight: 700;
}

.ssa-tool-page .modern-tool-content {
    padding: 24px;
    border: 1px solid #e4ebf4;
    border-radius: 15px;
    background: #f9fbfe;
    color: #526276;
    line-height: 1.8;
}

.ssa-tool-page .xd_top_box {
    overflow: hidden;
    margin: 0 0 26px;
    border-radius: 12px;
}

@media (max-width: 767px) {
    .ssa-tool-page .main-container {
        padding: 24px 12px 45px;
    }

    .ssa-tool-page .main-index {
        padding: 22px 16px;
        border-radius: 15px;
    }

    .ssa-tool-page #title {
        font-size: 23px;
    }

    .ssa-tool-page .main-index > form {
        padding: 18px;
    }

    .ssa-tool-page .btn {
        width: 100%;
        margin: 5px 0;
    }

    .ssa-tool-page .table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }
}



/* Template migration shell: standard tools only */
.ssa-tool-page .ssa-migrated-tool{padding:34px 0 72px;background:radial-gradient(circle at 10% 0,rgba(45,148,240,.10),transparent 30%),#f5f8fc}
.ssa-tool-page .ssa-migrated-tool__inner{width:100%;max-width:1240px;margin:0 auto;padding:0 20px}
.ssa-tool-page .ssa-migrated-tool .main-container{width:100%;margin:0;padding:0}
.ssa-tool-page .ssa-migrated-tool .main-container>.row{margin-right:0;margin-left:0}
.ssa-tool-page .ssa-migrated-tool .main-index{position:relative;overflow:hidden}
.ssa-tool-page .ssa-migrated-tool .main-index:before{content:"";position:absolute;top:0;right:0;left:0;height:4px;background:linear-gradient(90deg,#176de8,#27a4ee)}
.ssa-tool-page .ssa-migrated-tool .main-index>form,.ssa-tool-page .ssa-migrated-tool .main-index>.form-horizontal{position:relative;margin-top:28px}
.ssa-tool-page .ssa-migrated-tool .about_tool,.ssa-tool-page .ssa-migrated-tool #sec1{padding-top:28px;border-top:1px solid #e7edf5}
.ssa-tool-page .ssa-migrated-tool .modern-tool-content{margin-top:16px}
.ssa-tool-page .ssa-migrated-tool .modern-tool-content h2,.ssa-tool-page .ssa-migrated-tool .modern-tool-content h3{margin-top:30px;margin-bottom:12px;color:#16366b;font-family:Poppins,sans-serif;font-weight:700;line-height:1.35}
.ssa-tool-page .ssa-migrated-tool .modern-tool-content h2{font-size:22px}
.ssa-tool-page .ssa-migrated-tool .modern-tool-content h3{font-size:17px}
.ssa-tool-page .ssa-migrated-tool .modern-tool-content p,.ssa-tool-page .ssa-migrated-tool .modern-tool-content li{color:#536579;font-size:15px;line-height:1.8}
.ssa-tool-page .ssa-migrated-tool .modern-tool-content ul,.ssa-tool-page .ssa-migrated-tool .modern-tool-content ol{margin:16px 0 24px;padding-left:24px}
.ssa-tool-page .ssa-migrated-tool .modern-tool-content a{color:#176de8;font-weight:600}
@media(max-width:767px){.ssa-tool-page .ssa-migrated-tool{padding:20px 0 48px}.ssa-tool-page .ssa-migrated-tool__inner{padding:0 12px}}

/* Full-width standard-tool canvas */
.ssa-tool-page .ssa-migrated-tool__inner {
    max-width: 1180px;
}

.ssa-tool-page .ssa-migrated-tool .main-container > .row {
    display: block;
}

.ssa-tool-page .ssa-migrated-tool .main-index {
    float: none;
    width: 100%;
}

.ssa-tool-page .ssa-migrated-tool .sidebar {
    display: none;
}

/* Keep migrated tools centered at the PDF-page content width */
.ssa-tool-page .ssa-migrated-tool__inner {
    box-sizing: border-box;
    width: 100% !important;
    max-width: 1180px !important;
    margin-right: auto !important;
    margin-left: auto !important;
}

.ssa-tool-page .ssa-migrated-tool .main-container,
.ssa-tool-page .ssa-migrated-tool .main-index {
    box-sizing: border-box;
    width: 100% !important;
}