.search-guide {
    color-scheme:light;
    margin:20px auto;
}

.search-guide svg {
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.search-guide .rt-brand {
    display:inline-flex;
    flex:0 0 auto;
}

.search-guide .rt-header img {
    display:block;
}

.search-guide .rt-product {
    box-sizing:border-box;
}

.search-guide button {
    cursor:pointer;
}

.search-guide .rt-primary:hover,.search-guide .rt-back:hover {
    background:#002841;
}

.search-guide .rt-input:focus,.search-guide button:focus-visible,.search-guide a:focus-visible {
    outline:3px solid #5989b4;
    outline-offset:3px;
}

.search-guide .rt-error {
    overflow-wrap:anywhere;
}

.search-guide h1,.search-guide h2 {
    font-family:inherit;
}

.search-guide .rt-product {
    --blue:#00365f;
    --red:#bd1737;
    --ink:#102a40;
    --muted:#5a7083;
    --border:#dfe8ef;
    --radius:22px;
    font:14px/1.5 'Segoe UI',system-ui,sans-serif;
    background:#f3f6f9;
    color:var(--ink);
    overflow:hidden;
    container-type:inline-size;
    width:100%;
    border:1px solid var(--border);
    border-radius:24px;
}

.search-guide .rt-product * {
    box-sizing:border-box;
}

.search-guide [hidden] {
    display:none!important;
}

.search-guide .rt-header {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding:20px 32px;
    background:#fff;
    border-bottom:1px solid var(--border);
}

.search-guide .rt-header img {
    width:130px;
    height:60px;
    object-fit:contain;
}

.search-guide .rt-account {
    min-width:0;
    overflow-wrap:anywhere;
    text-align:right;
    font-size:12px;
    color:var(--muted);
}

.search-guide .rt-account strong {
    display:block;
    color:var(--blue);
    font-size:13px;
}

.search-guide .rt-main {
    padding:22px 38px 55px;
    max-width:1080px;
    margin:auto;
}

.search-guide .rt-back {
    display:inline-flex;
    justify-content:center;
    align-items:center;
    gap:9px;
    min-height:50px;
    border:0;
    background:var(--blue);
    border-radius:13px;
    padding:14px 18px;
    color:#fff;
    font:650 14px/1.3 'Segoe UI',system-ui;
    margin-bottom:22px;
}

.search-guide .rt-back svg {
    width:17px;
    height:17px;
}

.search-guide .rt-layout {
    display:grid;
    grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
    gap:42px;
    align-items:center;
}

.search-guide .rt-intro {
    min-width:0;
    padding:10px 0;
}

.search-guide .rt-shipment-photo {
    display:block;
    width:100%;
    height:190px;
    object-fit:cover;
    border-radius:16px;
    margin-top:24px;
}

@media (max-width:767px) {
    .search-guide .rt-shipment-photo { height:110px; margin-top:16px; }
}

.search-guide .rt-eyebrow {
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:1.5px;
    font-weight:700;
    color:var(--red);
}

.search-guide h1 {
    font-size:43px;
    line-height:1.1;
    letter-spacing:-1.4px;
    margin:14px 0 22px;
    font-weight:750;
    color:var(--blue);
}

.search-guide .rt-intro p {
    font-size:15px;
    max-width:300px;
    color:var(--muted);
    margin:0;
}

.search-guide .rt-brand-line {
    display:block;
    width:36px;
    height:4px;
    background:var(--red);
    margin-top:26px;
    border-radius:3px;
}

.search-guide .rt-form-card {
    min-width:0;
    background:#fff;
    border:1px solid var(--border);
    border-radius:var(--radius);
    padding:28px;
}

.search-guide .rt-symbol {
    width:48px;
    height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:15px;
    background:#eaf2f8;
    color:var(--blue);
    margin-bottom:19px;
}

.search-guide .rt-symbol svg {
    width:25px;
    height:25px;
}

.search-guide h2 {
    font-size:21px;
    line-height:1.3;
    letter-spacing:-.4px;
    margin:0 0 10px;
    font-weight:700;
}

.search-guide .rt-helper {
    color:var(--muted);
    font-size:13px;
    margin:0 0 25px;
}

.search-guide label {
    display:block;
    font-size:13px;
    font-weight:600;
    margin-bottom:8px;
}

.search-guide .rt-input {
    display:block;
    width:100%;
    max-width:100%;
    min-width:0;
    min-height:52px;
    padding:14px;
    border:1px solid #d1dfe8;
    border-radius:12px;
    font:400 16px/1.4 'Segoe UI',system-ui;
    color:var(--ink);
    background:#fff;
}

.search-guide .rt-input::placeholder {
    color:#728596;
}

.search-guide .rt-input[aria-invalid=true] {
    border-color:var(--red);
    background:#fff9fa;
}

.search-guide .rt-primary {
    display:flex;
    justify-content:center;
    align-items:center;
    gap:9px;
    width:100%;
    min-height:50px;
    background:var(--blue);
    border:0;
    border-radius:13px;
    padding:14px;
    color:#fff;
    font:650 14px/1.3 'Segoe UI',system-ui;
    margin-top:18px;
}

.search-guide .rt-primary svg {
    width:18px;
    height:18px;
    flex-shrink:0;
}

.search-guide .rt-error {
    color:#a01431;
    font-size:13px;
    margin:10px 0 0;
}

@media(max-width:991.98px) {
    .search-guide .rt-header {
        padding:15px 20px;
    }

    .search-guide .rt-header img {
        width:113px;
        height:52px;
    }

    .search-guide .rt-account {
        min-width:0;
        overflow-wrap:anywhere;
        font-size:11px;
    }

    .search-guide .rt-account strong {
        font-size:12px;
    }

    .search-guide .rt-main {
        padding:16px 18px 28px;
    }

    .search-guide .rt-back {
        margin-bottom:13px;
    }

    .search-guide .rt-layout {
        grid-template-columns:1fr;
        gap:22px;
    }

    .search-guide .rt-intro {
        padding:0;
    }

    .search-guide h1 {
        font-size:32px;
        margin:10px 0 14px;
    }

    .search-guide .rt-intro p {
        max-width:none;
        font-size:14px;
    }

    .search-guide .rt-brand-line {
        margin-top:18px;
        width:30px;
    }

    .search-guide .rt-form-card {
        min-width:0;
        padding:23px 20px;
    }

    .search-guide h2 {
        font-size:19px;
    }

}

@media(max-width:360px) {
    .search-guide .rt-main {
        padding:14px 14px 24px;
    }

    .search-guide .rt-form-card {
        min-width:0;
        padding:21px 16px;
    }

    .search-guide h1 {
        font-size:29px;
    }

}
