.patient-library{padding:110px clamp(24px,7vw,110px);background:#101d17;color:#f5f2e9;scroll-margin-top:90px}
.patient-library-heading{max-width:1100px}.patient-library .kicker{color:#d5b56d;font-size:14px;letter-spacing:.12em}
.patient-library h2{font:400 clamp(38px,5vw,68px)/1.1 'Manrope',sans-serif;letter-spacing:-.05em;margin:20px 0}.patient-library h2 em{font-style:normal;color:#d5b56d}
.patient-library-heading>p:last-child{font-size:18px;line-height:1.6;color:#c0c9c2;margin:20px 0 36px;max-width:660px}
.patient-filters{display:flex;flex-wrap:wrap;gap:12px;border-top:1px solid #ffffff30;padding-top:26px}
.patient-filters button{font:500 14px 'DM Sans',sans-serif;color:#e7ece7;background:transparent;border:1px solid #ffffff40;padding:12px 20px;border-radius:99px;cursor:pointer;transition:background .25s,color .25s}
.patient-filters button[aria-pressed=true]{background:#d5b56d;border-color:#d5b56d;color:#102019}.patient-filters span{margin-left:14px;font-size:12px}
.patient-result-count{font-size:14px;color:#a6b5ac;margin:20px 0 36px}
.patient-projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:stretch;max-width:1280px}
.patient-project{box-sizing:border-box;appearance:none;display:flex;flex-direction:column;align-items:stretch;width:100%;padding:0 24px 26px;border:1px solid #ffffff26;border-radius:8px;overflow:hidden;background:#192b21;text-align:left;color:inherit;cursor:pointer;font:inherit;transition:background .25s,border-color .25s}
.patient-project:hover,.patient-project:focus-visible{background:#20382a;border-color:#d5b56d99}
.patient-project[hidden]{display:none}
.patient-project-image{display:block;position:relative;overflow:hidden;background:#1a2b21;aspect-ratio:1920/893;isolation:isolate;margin:0 -24px;width:calc(100% + 48px)}
.patient-project-image img{width:100%;height:100%;object-fit:contain;display:block}
.patient-open{display:block;margin-top:22px;padding-top:18px;border-top:1px solid #ffffff26;color:#e7cd90;font-size:14px;font-weight:500}
.patient-project-meta{display:block;color:#bdcbbf;font-size:13px;margin:24px 0 12px;letter-spacing:.06em;text-transform:uppercase}
.patient-project strong{display:block;font:500 clamp(24px,2.4vw,32px)/1.2 'Manrope',sans-serif;letter-spacing:-.03em}
.patient-project-description{display:block;margin-top:12px;color:#c3d0c6;font-size:16px;line-height:1.6;flex:1}
.patient-source{margin:70px 0 0;padding-top:25px;border-top:1px solid #ffffff30;color:#b8c4bc;font-size:14px}.patient-source a{color:#e7cd90;text-decoration:underline;text-underline-offset:5px}
.patient-filters button:focus-visible,.patient-project:focus-visible,.patient-guide-dialog a:focus-visible,.patient-guide-close:focus-visible{outline:2px solid #d5b56d;outline-offset:7px}
.patient-guide-dialog{box-sizing:border-box;width:min(680px,calc(100% - 32px));max-height:85svh;overflow:auto;border:1px solid #d5b56d70;background:#f3f0e7;color:#102019;padding:60px clamp(24px,5vw,55px) 42px;border-radius:6px;box-shadow:0 30px 120px #0008}
.patient-guide-dialog::backdrop{background:#06100ddb;backdrop-filter:blur(9px)}
.patient-guide-dialog[open]{animation:patientGuideIn .4s cubic-bezier(.2,.8,.2,1)}
.patient-guide-close{position:absolute;right:18px;top:14px;width:44px;height:44px;border:1px solid #10201940;border-radius:50%;background:transparent;color:#102019;font-size:28px;cursor:pointer}
.patient-guide-dialog h2{font:400 clamp(32px,5vw,52px)/1.08 'Manrope',sans-serif;letter-spacing:-.045em;margin:24px 0}
.patient-guide-body{font-size:17px;line-height:1.8}.patient-guide-body p{margin:0 0 20px}.patient-guide-source,.patient-guide-contact{display:block;font-size:15px;line-height:1.6;margin-top:25px;text-decoration:underline;text-underline-offset:5px}.patient-guide-contact{color:#526156}
body.patient-guide-open{overflow:hidden}
@keyframes patientGuideIn{from{opacity:0;transform:translateY(28px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:700px){.patient-library{padding:70px 22px}.patient-projects{grid-template-columns:1fr;gap:24px}.patient-filters{gap:9px}.patient-filters button{padding:10px 14px}.patient-project-meta{margin-top:20px}}
@media(prefers-reduced-motion:reduce){.patient-project-image img,.patient-open{transition:none}.patient-guide-dialog[open]{animation:none}}

/* Compact six-guide overview; full information remains inside each guide. */
.patient-library{padding:76px clamp(22px,5vw,80px) 32px}
.patient-library-heading .kicker{margin:0 0 8px}
.patient-library h2{font-size:clamp(34px,3.4vw,48px);margin:0 0 12px}
.patient-library-heading>p:last-child{font-size:16px;line-height:1.45;margin:0 0 18px;max-width:none}
.patient-filters{gap:8px;padding-top:12px}
.patient-filters button{padding:9px 16px;min-height:40px}
.patient-result-count{margin:10px 0 12px}
.patient-projects{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:none}
.patient-project{display:grid;grid-template-columns:64px minmax(0,1fr);column-gap:14px;row-gap:6px;padding:16px;align-content:start}
.patient-project-image{grid-column:1;grid-row:1/5;align-self:center;width:64px;height:76px;aspect-ratio:auto;margin:0;border-radius:8px;background:#eef0e4}
.patient-project-image img{object-fit:cover}
.patient-project-meta{grid-column:2;font-size:12px;line-height:1.3;margin:0;letter-spacing:.035em}
.patient-project strong{grid-column:2;font-size:20px;line-height:1.2;letter-spacing:-.02em}
.patient-project-description{grid-column:2;font-size:14px;line-height:1.4;margin:0}
.patient-open{grid-column:2;font-size:14px;line-height:1.4;margin:2px 0 0;padding:0;border:0}
.patient-source{margin:18px 0 0;padding-top:12px;line-height:1.4}
@media(max-width:1050px){.patient-projects{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.patient-library{padding:64px 22px 32px}.patient-projects{grid-template-columns:1fr;gap:12px}.patient-project{padding:14px;grid-template-columns:64px minmax(0,1fr)}.patient-filters button{padding:9px 12px}.patient-library h2{font-size:36px}}