.theme-mymeds{--project-accent:#c4c8ff}
.theme-mymeds .project-header{background:#20263df5;color:#f4f5ff}
.theme-mymeds .section-nav{background:#f4f5fdf5;color:#515976;border-bottom:1px solid #dde1ef;box-shadow:0 5px 18px #30376508;gap:5px}
.theme-mymeds .section-nav a{color:#515976;font-size:12px;min-height:44px;display:flex;align-items:center}
.theme-mymeds .section-nav a:hover{color:#343c88;background:#e9ebfa}
.theme-mymeds .section-nav a.is-current{color:#fff;background:#5158ac;border-color:#5158ac!important;box-shadow:0 3px 10px #5158ac20}
.theme-mymeds main{max-width:1240px;padding-inline:40px}
.theme-mymeds .hero{padding-block:64px 76px}
.theme-mymeds .hero-grid{grid-template-columns:1.15fr .85fr;gap:52px}
.theme-mymeds h1{font-size:clamp(42px,5.5vw,70px);line-height:1.08;letter-spacing:-2.5px}
.theme-mymeds .intro{font-size:18px;line-height:1.8}
.theme-mymeds .phone-stage>img{width:min(100%,268px);height:auto;border:7px solid #fff;border-radius:30px;box-shadow:0 22px 55px #30376518}
.med-story{grid-template-columns:.9fr 1.1fr;gap:64px}
.med-story.reverse{grid-template-columns:1.1fr .9fr}
.theme-mymeds .phone-shot{margin:0;padding:28px 22px 18px;background:radial-gradient(ellipse at 50% 35%,#e4e7fc,#f1f3fb 75%);border:1px solid #e0e4f1;border-radius:28px;text-align:center;box-shadow:none;min-width:0}
.theme-mymeds .phone-shot>a{display:block;width:fit-content;max-width:100%;margin:0 auto;border:6px solid #fff;border-radius:25px;overflow:hidden;box-shadow:0 16px 36px #2e36551a;transition:transform .2s}
.theme-mymeds .phone-shot>a:hover{transform:translateY(-3px)}
.theme-mymeds .phone-shot img{display:block;width:auto;max-width:100%;height:auto;max-height:510px;object-fit:contain;border-radius:18px;margin:0 auto}
.theme-mymeds .phone-shot figcaption{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:19px 0 0;border:0;background:transparent;color:#626b87;font-size:11px}
.phone-shot figcaption span:first-child{font-weight:650;font-size:13px;color:#343e61}
.med-points{gap:24px}.med-points article{padding-bottom:22px}.med-points article:last-child{border-bottom:0}
.med-points h3{font-size:23px;margin:8px 0;line-height:1.3}.med-points p{margin:0;line-height:1.8}
.theme-mymeds .details{gap:18px;margin-top:32px}.theme-mymeds .details article{padding:23px;background:white;border:1px solid var(--line);border-radius:16px}
.theme-mymeds .downloads{margin-inline:0;padding:48px;gap:40px}.theme-mymeds .download-button{font-size:16px;box-shadow:0 10px 25px #5158ac1a}
.theme-mymeds .image-viewer{width:min(520px,94vw);background:#eff1fa;color:var(--ink)}
.theme-mymeds .viewer-stage{display:flex;justify-content:center;padding:14px;overflow:auto}
.theme-mymeds .viewer-capture{width:auto;height:auto;max-width:100%;max-height:72dvh;object-fit:contain;margin:auto;border-radius:12px}
.theme-mymeds .viewer-heading span,.theme-mymeds .viewer-footer{color:#606781}
.med-menu-button{display:none}
@media(max-width:1000px){.theme-mymeds .project-header{height:auto;min-height:74px;padding:14px 22px;gap:14px;flex-wrap:wrap;justify-content:space-between}.theme-mymeds .project-header-cta{display:none}.theme-mymeds .hero-grid{gap:30px}.med-story,.med-story.reverse{gap:32px}}
@media(max-width:800px){
 .theme-mymeds main{padding-inline:24px}
 .theme-mymeds .hero-grid,.med-story,.med-story.reverse{grid-template-columns:1fr;gap:32px}
 .theme-mymeds .hero{padding-block:36px 45px}.theme-mymeds .hero-grid>div:first-child{max-width:620px}
 .theme-mymeds .section-heading{grid-template-columns:1fr;gap:18px}
 .theme-mymeds .phone-stage{padding:16px}.theme-mymeds .phone-shot{width:min(100%,440px);justify-self:center}
 .med-story.reverse .phone-shot{order:-1}.theme-mymeds .details{grid-template-columns:1fr}
 .theme-mymeds .downloads{grid-template-columns:1fr;padding:32px;gap:28px}
 .theme-mymeds .project-header{height:auto;min-height:64px;padding:10px 20px;justify-content:space-between;flex-wrap:wrap}
 .theme-mymeds .project-brand{display:block;font-size:26px}
 .med-menu-button{display:flex;align-items:center;gap:12px;min-height:44px;padding:10px 14px;border:1px solid #ffffff28;border-radius:10px;background:#ffffff0c;color:#f4f5ff;font:600 13px 'Segoe UI',sans-serif;cursor:pointer}
 .med-menu-button:focus-visible{outline:2px solid #c4c8ff;outline-offset:3px}
 .theme-mymeds .project-switcher{display:none;width:100%;max-height:55dvh;overflow-y:auto!important;flex-wrap:wrap;justify-content:flex-start;padding:8px}
 .theme-mymeds .med-menu-open .project-switcher{display:flex}
 .theme-mymeds .project-switcher>a,.theme-mymeds .project-switcher>.luna-menu{flex:1 1 42%;min-width:0}
 .theme-mymeds .project-switcher a,.theme-mymeds .project-switcher .luna-menu-toggle{font-size:13px;min-height:46px;padding:10px}
 .theme-mymeds .section-nav{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;max-width:100%;padding:7px 16px;gap:5px;scrollbar-width:thin;scrollbar-color:#c5c9e1 transparent}
 .theme-mymeds .section-nav a{white-space:nowrap;flex:none;padding:9px 12px;font-size:12px}
}
@media(max-width:480px){
 .theme-mymeds main{padding-inline:18px}.theme-mymeds h1{font-size:clamp(34px,9.8vw,46px);letter-spacing:-1.5px}
 .theme-mymeds .intro{font-size:16px}.theme-mymeds .app-name{font-size:28px}.theme-mymeds .app-name img{width:48px;height:48px}
 .theme-mymeds .feature{padding-block:40px}.theme-mymeds h2{font-size:30px;letter-spacing:-1px}
 .theme-mymeds .phone-shot{padding:20px 14px 16px}.theme-mymeds .phone-shot img{max-height:470px}
 .theme-mymeds .downloads{padding:28px 20px}.theme-mymeds .download-button{padding:16px;font-size:14px;gap:12px;min-height:60px}
 .theme-mymeds .viewer-toolbar{padding:10px}.theme-mymeds .viewer-footer{flex-wrap:wrap;gap:4px}
}
@media(prefers-reduced-motion:reduce){.theme-mymeds .phone-shot>a{transition:none}}