/* =========================
MEET DR CHAUHAN
========================= */
/* =========================
DOCTOR HERO
========================= */

.doctor-hero{

padding:
60px 0 60px;

}
.doctor-intro .doctor-signature{width: 200px;display: block;text-align: center;margin: auto;}

.doctor-layout{

display:grid;

grid-template-columns:
350px 1fr;

gap:20px;

align-items:start;

}

.doctor-intro{

position:sticky;

top:20px;

text-align:center;

}

/* PHOTO */

.doctor-image{

width:100%;

max-width:300px;

margin:
0 auto 20px;

display:block;

}

/* EYEBROW */

.eyebrow{

font-size:12px;

font-weight:500;

letter-spacing:4px;

text-transform:uppercase;

color:#8A857F;

margin-bottom:24px;

}

/* SUBTITLE */

.doctor-subtitle{

max-width:320px;

margin:
24px auto 0;

font-size:20px;

line-height:1.9;

color:#5D5A57;

}

/* LETTER */

.letter-content{

max-width:95%;

}



/* =========================
EDITORIAL SECTION
========================= */

.editorial-section{

padding:
50px 0 60px;

background:#FCFAF8;

}

.editorial-inner{

max-width:1180px;

text-align:center;

}

.editorial-line{

width:52px;
height:1px;

background:var(--accent);

margin:
42px auto 0;

}

/* =========================
LETTER
========================= */

.doctor-letter{

padding:
60px 0 100px;

}

.letter-content{

max-width:96%;
margin:0px;

}

.letter-content p{

font-size:20px;

line-height:1.75;

color:#272624;

margin-bottom:10px;
text-align: justify;
}


.letter-content p:last-child{

margin-bottom:0;

}

/* =========================
RESEARCH SECTION
========================= */

.health-section{

padding:
80px 0 90px;

background:#FCFAF8;

overflow:hidden;

}

.health-section .section-title{

max-width:1000px;

font-size:
clamp(46px,4vw,76px);

line-height:1.14;

letter-spacing:-1.5px;

margin-bottom:0;

}

.countries{

display:grid;

grid-template-columns:
1fr 1fr;

gap:120px;

max-width:900px;

margin:
80px auto 0;

}

.country{

text-align:center;

}

.country-label{

font-size:12px;

font-weight:500;

letter-spacing:2.5px;

text-transform:uppercase;

color:#8A857F;

margin-bottom:24px;

}
.signatureright{float: right;}
.signatureright img{width: 250px;display: block;}
.signatureright img, .signatureright h3,
 .signatureright p{text-align: right;padding:0px 20px;}
.country-number{

font-size:
clamp(86px,7vw,138px);

line-height:.9;

font-weight:300;

letter-spacing:-3px;

color:#7D8977;

}

/* =========================
SIGNATURE
========================= */

.doctor-signoff{

padding:
100px 0;

text-align:center;

}

.signature-image{

width:100%;

max-width:320px;

margin:
0 auto 30px;

display:block;

opacity:.95;

}

.doctor-signoff h3{

font-size:
clamp(40px,3vw,58px);

font-weight:300;

letter-spacing:-1px;

margin-bottom:10px;

}

.doctor-signoff p{

font-size:18px;

line-height:1.8;

color:#5D5A57;

}


/* =========================
BOTTOM INFO
========================= */

.bottom-info{
padding:
50px 0 60px;
text-align:center;
}


/* ROW */
.bottom-row{
font-size:25px;
line-height:2;
color:#2F2F2F;

}

/* STRONG */

.bottom-row strong{

font-weight:600;

}
.checksizes strong{font-size: 30px;}

/* MINI LINE */

.mini-line{

width:42px;
height:1px;

background:var(--accent);

margin:10px auto;

opacity:.8;

}

/* ADDRESS */

.address{

font-size:25px;

line-height:2;

color:#5D5A57;

max-width:760px;

margin:auto;

}


/* =========================
CTA
========================= */

.mint{

background:#D6E2DE;

padding:
70px 0;

text-align:center;

overflow:hidden;

}

.mint-inner{

max-width:1100px;

margin:auto;

}

.mint-title{

max-width:900px;

margin:auto;

font-size:
clamp(40px,3vw,62px);

line-height:1.22;

letter-spacing:-1.4px;

color:#111111;

}

.mint-subtext{

margin-top:24px;

font-size:21px;

line-height:1.9;

color:#37403D;

}

.health-action{

margin-top:40px;

display:flex;

justify-content:center;

}

/* =========================
BACK LINK
========================= */

.back-link{

font-size:14px;

letter-spacing:2px;

text-transform:uppercase;

text-decoration:none;

color:#5D5A57;

transition:.3s ease;

}

.back-link:hover{

color:#111111;

}

/* =========================
FOOTER
========================= */

.footer{

padding:
30px 20px;

text-align:center;

font-size:15px;

line-height:2.2;

color:#5D5A57;

background:#FAF8F5;

border-top:
1px solid #ECE5DF;

}

/* =========================
TABLET
========================= */

@media(max-width:992px){

.doctor-image{

max-width:360px;

}

.doctor-subtitle{

font-size:20px;

}

.countries{

gap:60px;

}

.letter-content p{

font-size:18px;

line-height:2;

}

}

/* =========================
MOBILE
========================= */

@media(max-width:768px){

.doctor-hero{

padding:
0px 0 20px;

}

.doctor-image{

max-width:280px;

margin-bottom:40px;

}

.doctor-subtitle{

font-size:18px;

line-height:1.9;

}

.editorial-title{

font-size:
clamp(40px,8vw,62px);

}

.letter-content p{

font-size:22px;

line-height:1.9;

margin-bottom:28px;

}

.countries{

grid-template-columns:1fr;

gap:50px;

margin-top:60px;

}

.country-number{

font-size:92px;

}

.signature-image{

max-width:240px;

}

.doctor-signoff h3{

font-size:36px;

}

.mint{

padding:
60px 0;

}














.rrds-start, .rrds-result, .rrds-test {
        padding: 5px;
    }
    .rrds-symbol-svg {
    width: 16px;
    height: 19px;}
    .rrds-digit {
    font-size: 16px;}
    .rrds-key-box, .rrds-play-box {
    padding: 10px;
}
    .rrds-target {
        width: 60px;
        height: 60px;
        font-size: 31px;
    }
    .rrds-target-wrap {
    padding: 6px;}

.rrds-history {
    min-height: 23px;
    margin-top: 7px;
    display: flex;
    justify-content: center;
    gap: 4px;}
}



@media (max-width: 768px) {

    /* TEST SCREEN — everything should fit in one mobile screen */
    .rrds-test-screen {
        padding: 8px !important;
        min-height: 100vh !important;
    }

    /* Top Time / Score / Errors */
    .rrds-topbar {
        gap: 6px !important;
        margin-bottom: 8px !important;
    }

    .rrds-pill {
        padding: 6px 9px !important;
        font-size: 11px !important;
    }

    .rrds-pill strong {
        font-size: 10px !important;
    }

    /* KEY + PLAY SIDE BY SIDE */
    .rrds-test-grid {
        grid-template-columns: 0.82fr 1.18fr !important;
        gap: 8px !important;
        align-items: start !important;
    }

    /* Number-symbol key */
    .rrds-key-box {
        padding: 10px !important;
        border-radius: 14px !important;
    }

    .rrds-section-label {
        font-size: 10px !important;
        margin-bottom: 7px !important;
        letter-spacing: 0.8px !important;
    }

    .rrds-key-grid {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 5px !important;
    }

    .rrds-key-cell {
        min-height: 55px !important;
        padding: 4px !important;
        border-radius: 9px !important;
    }

    .rrds-digit {
        font-size: 17px !important;
        line-height: 1 !important;
    }

    .rrds-symbol-svg {
        width: 22px !important;
        height: 22px !important;
    }

    /* RIGHT SIDE — Current number + answers */
    .rrds-play-box {
        padding: 0 !important;
    }

    .rrds-target-wrap {
        padding: 14px 8px !important;
        border-radius: 14px !important;
    }

    .rrds-target-note {
        font-size: 9px !important;
        margin-bottom: 6px !important;
        letter-spacing: 0.8px !important;
    }

    .rrds-target {
        width: 58px !important;
        height: 58px !important;
        font-size: 34px !important;
        margin: 0 auto 6px !important;
        border-radius: 15px !important;
    }

    .rrds-target-wrap .rrds-mini {
        font-size: 9px !important;
        line-height: 1.25 !important;
        margin: 4px 0 !important;
    }

    /* 3 × 3 answer buttons */
    .rrds-answer-grid {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 5px !important;
        margin-top: 7px !important;
    }

    .rrds-answer-grid button {
        min-height: 52px !important;
        padding: 4px !important;
        border-radius: 9px !important;
    }

    .rrds-answer-grid svg {
        width: 23px !important;
        height: 23px !important;
    }

    /* Remove unnecessary history height */
    .rrds-history {
        min-height: 0 !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    /* Prevent horizontal overflow */
    .rrds-card,
    .rrds-test-screen,
    .rrds-test-grid {
        max-width: 100% !important;
        overflow-x: hidden !important;
    }
    .rrds-start, .rrds-result, .rrds-test, .rrds-wrap {
        padding: 8px !important;
    }
}