.patient-rights{
    padding:clamp(64px,8vw,104px) 0;
    overflow:hidden;
    background:#eef7f5;
    border-block:1px solid #d8e9e6;
}
.patient-rights>.wrap{max-width:1100px}
.patient-rights-heading{
    display:grid;
    grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);
    gap:clamp(32px,7vw,92px);
    align-items:end;
    margin-bottom:clamp(30px,5vw,52px);
}
.patient-rights-heading h2{
    max-width:720px;
    margin:7px 0 0;
    color:#123f66;
    font-size:clamp(2.15rem,4vw,3.75rem);
    line-height:1.14;
    letter-spacing:-.04em;
    text-wrap:balance;
}
.patient-rights-heading>p{
    max-width:48ch;
    margin:0 0 7px;
    padding-left:24px;
    border-left:2px solid #8bcac3;
    color:#526d77;
    font-size:.95rem;
    line-height:1.75;
    text-wrap:pretty;
}
.patient-rights-documents{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:clamp(22px,4vw,44px);
    align-items:start;
    max-width:920px;
    margin:0 auto;
}
.patient-document{min-width:0;margin:0}
.patient-document-link{
    position:relative;
    display:block;
    overflow:hidden;
    border:1px solid rgba(18,63,102,.13);
    border-radius:16px;
    background:#fff;
    box-shadow:0 16px 42px rgba(18,63,102,.1);
    transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,border-color .25s;
}
.patient-document-link:after{
    content:"ดูขนาดเต็ม";
    position:absolute;
    right:14px;
    bottom:14px;
    padding:8px 12px;
    border-radius:8px;
    background:rgba(18,63,102,.92);
    color:#fff;
    font-size:.73rem;
    font-weight:700;
    opacity:0;
    transform:translateY(5px);
    transition:opacity .2s,transform .2s;
}
.patient-document-link img{
    display:block;
    width:100%;
    height:auto;
    aspect-ratio:724/1024;
    object-fit:cover;
    transition:transform .35s cubic-bezier(.2,.8,.2,1);
}
.patient-document-link:hover{
    transform:translateY(-4px);
    border-color:#a5cfca;
    box-shadow:0 24px 56px rgba(18,63,102,.16);
}
.patient-document-link:hover:after{opacity:1;transform:none}
.patient-document-link:hover img{transform:scale(1.01)}
.patient-document-link:focus-visible{outline:3px solid rgba(13,139,135,.38);outline-offset:4px}
.patient-document-link:focus-visible:after{opacity:1;transform:none}
.patient-document figcaption{
    display:flex;
    align-items:baseline;
    justify-content:space-between;
    gap:16px;
    padding:15px 3px 0;
}
.patient-document figcaption strong{color:#123f66;font-size:1rem}
.patient-document figcaption span{color:#6c828b;font-size:.75rem;white-space:nowrap}

@media(max-width:760px){
    .patient-rights{padding:54px 0}
    .patient-rights-heading{grid-template-columns:1fr;gap:16px;margin-bottom:28px}
    .patient-rights-heading h2{font-size:2.2rem}
    .patient-rights-heading>p{margin:0;padding-left:0;border-left:0}
    .patient-rights-documents{grid-template-columns:1fr;gap:34px;max-width:560px}
    .patient-document-link{border-radius:14px}
    .patient-document figcaption{padding-top:12px}
}
@media(max-width:430px){
    .patient-rights{padding:46px 0}
    .patient-rights-heading h2{font-size:1.95rem}
    .patient-document figcaption{display:grid;gap:2px}
}
@media(prefers-reduced-motion:reduce){
    .patient-document-link,.patient-document-link:after,.patient-document-link img{transition:none}
}