/* Replacement captures include the real device border. Preserve existing positions and rotations. */
.phone{padding:0;background:transparent;border-radius:0;overflow:visible;box-shadow:none;filter:drop-shadow(0 24px 30px rgba(53,48,43,.18))}.phone img{border-radius:0}
.screenshot-text-link{border:0;padding:0;background:transparent;color:var(--sage-deep);font:inherit;text-align:left;text-decoration:underline;text-underline-offset:3px;cursor:zoom-in}
.layout-screenshots{margin-top:58px}.layout-screenshots>p{color:#d6e9e5;max-width:720px}.layout-screenshot-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}.layout-screenshot-grid button{border:0;padding:0;background:none;color:inherit;cursor:zoom-in;text-align:left;min-width:0}.layout-screenshot-grid img{width:100%;height:auto;max-height:350px;object-fit:contain;object-position:left center}.layout-screenshot-grid span{display:block;margin-top:12px;font-size:13px}
.lightbox{max-width:94vw;max-height:94vh;padding:20px}.lightbox img{width:auto;height:auto;max-width:90vw;max-height:86vh;object-fit:contain;border-radius:0}
@media(max-width:760px){.layout-screenshot-grid{grid-template-columns:1fr;gap:28px}}

/* Keep replacement imagery within the existing responsive columns. */
.care-halo,.scene-shape,.story-ribbon-glow{max-width:100%}.care-halo{transform:none}.care-device-pair{max-width:100%}.care-device-pair .phone-care{max-width:calc(50% - 10px)}
@media(max-width:760px){.nav-menu:not(.open){visibility:hidden;pointer-events:none}.nav-menu.open{visibility:visible;pointer-events:auto}}

.care-layout>*{min-width:0}.care-device-pair{width:100%;max-width:590px}.report-document-stack{max-width:calc(100% - 24px)}.report-page,.report-sheet{max-width:calc(100% - 22px)}

.care-visual{grid-template-columns:minmax(0,1fr)}.care-device-pair{min-width:0;max-width:100%}.care-device-pair .phone-care{min-width:0}

/* Metallic unfolded Android hardware, preserving the original native screen pixels. */
.layout-screenshot-grid .android-fold-device{display:block;position:relative;box-sizing:border-box;width:calc(100% - 8px);max-width:460px;margin:5px 4px 0;padding:10px;border:1px solid #777e84;border-radius:29px;background:linear-gradient(125deg,#a3aaaf 0%,#4f575f 4%,#181e24 12%,#090d12 46%,#1b242c 78%,#747e86 96%,#b3bac0 100%);box-shadow:inset 0 0 0 2px #11171c,inset 0 0 0 3px rgba(199,208,215,.38),0 15px 24px rgba(8,27,27,.26),0 2px 4px rgba(0,0,0,.3);line-height:0}.layout-screenshot-grid .android-fold-device::before{content:"";position:absolute;inset:3px;border:1px solid rgba(221,229,234,.3);border-radius:25px;pointer-events:none}.layout-screenshot-grid .android-fold-device::after{content:"";position:absolute;right:-4px;top:23%;width:3px;height:16%;border:1px solid #66717b;border-left:0;border-radius:0 2px 2px 0;background:linear-gradient(90deg,#1a222a,#b0b8be,#39424a);box-shadow:0 21px 0 -1px #303b44}.layout-screenshot-grid .android-fold-device img{display:block;width:100%;height:auto;max-height:none;border:1px solid #080c11;border-radius:19px;object-fit:contain}

.lightbox img[src*="clarity-android-fold-calendar"]{padding:12px;border:1px solid #777e84;border-radius:30px;background:linear-gradient(125deg,#a3aaaf,#181e24 12%,#090d12 46%,#747e86 96%,#b3bac0);box-shadow:inset 0 0 0 2px #11171c,inset 0 0 0 3px rgba(199,208,215,.38),0 24px 50px rgba(0,0,0,.4)}

/* Keep acronym initials inline so word spaces remain part of one text flow. */
.brand-meaning{display:block;word-spacing:.22em;line-height:1.8}
