.cms-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.cms-card{background:#fff;border:1px solid #dce8f3;border-radius:22px;overflow:hidden;box-shadow:0 12px 32px rgba(15,54,90,.07);transition:transform .3s,box-shadow .3s}.cms-card:hover{transform:translateY(-7px);box-shadow:0 20px 44px rgba(15,54,90,.12)}.cms-photo img{width:100%;height:210px;object-fit:cover}.cms-inner{padding:25px}.cms-inner h3{font-size:23px;line-height:1.26;margin:10px 0}.cms-inner p{color:#56718b;line-height:1.7}.cms-date{color:#1273c7;font-size:12px;font-weight:800;letter-spacing:.07em}.cms-link{display:inline-block;margin-top:18px;color:#126ac9;font-weight:800;text-decoration:none}.cms-body{white-space:pre-line;line-height:1.7;color:#435f78;margin:15px 0}.cms-inner details{margin-top:12px}.cms-inner summary{color:#1467b4;cursor:pointer;font-weight:700}@media(max-width:850px){.cms-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:590px){.cms-grid{grid-template-columns:1fr}}
/* Multi-image editorial studio */
.cms-studio{position:relative;background:linear-gradient(135deg,#eff6ff,#dceef9);overflow:hidden}.cms-studio .cms-photo{height:220px;display:grid;place-items:center}.cms-studio .cms-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:opacity .25s,transform .45s}.cms-studio .cms-photo img.cms-changing{opacity:.4;transform:scale(1.025)}.cms-studio .cms-photo img[src$="magicmed_logo.png"]{object-fit:contain;padding:35px;background:linear-gradient(130deg,#f9fcff,#e2f0fa)}.cms-gallery-controls{position:absolute;top:165px;left:12px;right:12px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.cms-gallery-controls button{pointer-events:auto;border:0;background:rgba(255,255,255,.93);box-shadow:0 5px 18px #0e3c5c44;border-radius:100%;width:36px;height:36px;font-size:26px;cursor:pointer;color:#164f85}.cms-count{color:#fff;background:#123d65c9;border-radius:20px;padding:5px 10px;font-size:12px;font-weight:700}.cms-thumbs{display:flex;gap:7px;overflow-x:auto;padding:10px}.cms-thumbs button{width:49px;height:41px;flex:0 0 auto;padding:2px;border:2px solid transparent;border-radius:8px;background:transparent;cursor:pointer}.cms-thumbs button.selected{border-color:#1877d5}.cms-thumbs img{width:100%;height:100%;object-fit:cover;border-radius:4px}

/* 2026-11: images show whole frame at their natural proportions */
.cms-studio{background:linear-gradient(135deg,#f6fafd,#e5f1f9)}
.cms-studio .cms-photo{height:clamp(230px,27vw,330px);padding:13px;box-sizing:border-box}
.cms-studio .cms-photo img,.cms-studio .cms-photo img[src$="magicmed_logo.png"]{height:100%;width:100%;object-fit:contain!important;padding:0!important;background:transparent!important;border-radius:10px}
.cms-gallery-controls{top:50%;transform:translateY(-50%)}
.cms-thumbs button{height:62px;width:72px;background:#fff}
.cms-thumbs img{object-fit:contain;background:#fff}
.cms-card-link{display:block;color:inherit;text-decoration:none;cursor:pointer}
.cms-card-link:focus-visible{outline:3px solid #147bce;outline-offset:3px}
.cms-readmore{display:inline-flex;margin-top:18px;color:#126ac9;font-weight:800}
.cms-detail{max-width:980px;margin:0 auto;padding:35px 0 65px}
.cms-detail h1{font-size:clamp(30px,4vw,52px);line-height:1.17;color:#092d4b;margin:20px 0}
.cms-detail .cms-studio .cms-photo{height:clamp(350px,55vw,640px)}
.cms-detail .cms-summary{font-size:19px;color:#55718c;line-height:1.8}
.cms-detail .cms-body{font-size:17px;white-space:pre-line;line-height:1.95;color:#294965}
.cms-empty{background:white;border:1px solid #dce8f3;padding:42px 24px;border-radius:20px;text-align:center;color:#56718b}
@media(max-width:590px){.cms-studio .cms-photo{height:270px}.cms-detail .cms-studio .cms-photo{height:380px}}