/* Work-page devices: native frames with deliberate demo states. */
.ap-work-device{--wds-ink:#17202a;--wds-paper:#f8fafb;--wds-line:#d9e0e5;--wds-muted:#647280;--wds-accent:#0c7a68;position:relative;isolation:isolate;margin:0 auto;color:var(--wds-ink);font-family:"Inter Tight",Arial,sans-serif;text-align:left}
.ap-work-device--phone{width:min(100%,336px);aspect-ratio:9/18.9;padding:8px;border:1px solid #7f8992;border-radius:48px;background:linear-gradient(145deg,#f1f4f6,#606b75 47%,#171d24 51%,#95a1aa);box-shadow:0 24px 58px #192b3b2b, inset 0 0 0 1px #fff9}
.ap-work-device--foldable{width:min(100%,840px);aspect-ratio:1.48;padding:9px;border:1px solid #64717d;border-radius:34px;background:linear-gradient(165deg,#f4f5f6,#78838d 43%,#151b21 51%,#9da6ad);box-shadow:0 30px 70px #192b3b2b,inset 0 0 0 1px #fff9}
.ap-wds-phone-screen,.ap-wds-panel{position:relative;overflow:hidden;background:var(--wds-paper);box-shadow:inset 0 0 0 1px #15202a12}.ap-wds-phone-screen{height:100%;border-radius:41px}.ap-wds-panels{display:grid;grid-template-columns:1fr 1fr;height:100%;gap:4px;border-radius:25px;overflow:hidden;background:#0c1117}.ap-wds-panel--master{border-radius:25px 3px 3px 25px}.ap-wds-panel--detail{border-radius:3px 25px 25px 3px}.ap-wds-hinge{position:absolute;z-index:4;top:2%;bottom:2%;left:50%;width:7px;transform:translateX(-50%);border-radius:9px;background:linear-gradient(90deg,#0a0e13,#66727d,#05080b);box-shadow:0 0 8px #0008}
.ap-wds-screen{position:relative;display:flex;flex-direction:column;height:100%;min-height:0;padding:21px 15px 13px;box-sizing:border-box;background:var(--wds-paper);overflow:hidden}.ap-wds-status{display:flex;justify-content:space-between;align-items:center;gap:5px;flex:none;font-size:8px;font-weight:700;letter-spacing:.02em}.ap-wds-status strong{padding:4px 16px;border-radius:20px;background:#18232d;color:#fff;font-size:7px;font-weight:600}.ap-wds-signal{font-size:7px;letter-spacing:-1px}.ap-wds-context{margin:10px 0 7px;font-size:7px;font-weight:700;letter-spacing:.1em;color:var(--wds-muted);text-transform:uppercase}.ap-wds-screen h2{margin:0 0 7px;max-width:12ch;font-size:clamp(15px,2vw,25px);letter-spacing:-.07em;line-height:.95}.ap-wds-badge{align-self:flex-start;z-index:2;margin:0 0 8px;padding:4px 7px;border:1px solid #8bb2a9;border-radius:99px;background:#eff8f4;color:#226b5b;font-size:6px;font-weight:800;letter-spacing:.055em;text-transform:uppercase}.ap-wds-nav{display:flex;justify-content:space-around;gap:2px;flex:none;margin-top:auto;padding-top:8px;background:linear-gradient(transparent,#f8fafb 25%);font-size:6px;color:#7a8590}.ap-wds-nav span{display:grid;place-items:center;gap:3px;min-width:31px}.ap-wds-nav i{display:block;width:8px;height:8px;border:1.2px solid currentColor;border-radius:3px}.ap-wds-nav .is-active{color:var(--wds-accent);font-weight:800}.ap-wds-capture{position:relative;flex:1;min-height:0;overflow:hidden;border-radius:13px;background:#080b0f}.ap-wds-capture img{position:absolute;left:0;width:100%;height:auto;max-width:none;transform:translateY(-5.8%);filter:none}.ap-wds-capture--detail img{transform:translateY(-6.7%)}.ap-wds-screen--invo,.ap-wds-screen--callr{padding-top:13px;background:#050607;color:#fff}.ap-wds-screen--invo .ap-wds-status,.ap-wds-screen--callr .ap-wds-status{position:relative;z-index:3}.ap-wds-screen--invo .ap-wds-context,.ap-wds-screen--callr .ap-wds-context{color:#c5ced4}.ap-wds-screen--invo .ap-wds-badge,.ap-wds-screen--callr .ap-wds-badge{position:absolute;z-index:4;right:14px;top:47px;border-color:#ffffff3d;background:#101a20e8;color:#ddf3ec}.ap-wds-screen--invo .ap-wds-capture,.ap-wds-screen--callr .ap-wds-capture{margin-top:2px;border-radius:12px}.ap-wds-screen--invo .ap-wds-nav,.ap-wds-screen--callr .ap-wds-nav{color:#c4cdd2;background:linear-gradient(transparent,#050607 25%)}
.ap-wds-school-card,.ap-wds-art-card,.ap-wds-home-card,.ap-wds-news-card,.ap-wds-wellness-card,.ap-wds-identity-card,.ap-wds-pulse-card,.ap-wds-dual-card,.ap-wds-map-card{position:relative;flex:none;min-height:35%;padding:14px;border-radius:15px;overflow:hidden;box-sizing:border-box}.ap-wds-school-card{background:linear-gradient(135deg,#143753,#43829a);color:#eef7f7}.ap-wds-art-card{background:linear-gradient(145deg,#150f2b,#604960 55%,#e7bea6);color:#fff0e5}.ap-wds-home-card{background:linear-gradient(145deg,#dfe4d8,#738d78);color:#17241b}.ap-wds-news-card{background:linear-gradient(145deg,#e4d8ce,#a93735);color:#211a18}.ap-wds-wellness-card{background:linear-gradient(145deg,#d8efe6,#78ad9a);color:#133b34}.ap-wds-identity-card{display:grid;place-items:center;background:radial-gradient(circle at 50% 30%,#f4f7f8,#c9d2d7);text-align:center}.ap-wds-identity-card img{max-width:60%;max-height:57%;object-fit:contain}.ap-wds-pulse-card{display:grid;place-items:center;background:linear-gradient(145deg,#edf5ef,#a7cfb5);text-align:center}.ap-wds-pulse-card img{width:58px;height:58px;object-fit:contain}.ap-wds-pulse-card strong,.ap-wds-identity-card strong{display:block;font-size:16px;letter-spacing:-.06em}.ap-wds-pulse-card span,.ap-wds-identity-card span{font-size:7px;color:var(--wds-muted)}.ap-wds-school-card small,.ap-wds-art-card small,.ap-wds-home-card small,.ap-wds-news-card small,.ap-wds-wellness-card small{display:block;margin-bottom:15px;font-size:6px;font-weight:800;letter-spacing:.11em}.ap-wds-school-card strong,.ap-wds-art-card strong,.ap-wds-home-card strong,.ap-wds-news-card strong,.ap-wds-wellness-card strong{display:block;font-size:17px;letter-spacing:-.065em;line-height:1}.ap-wds-school-card span,.ap-wds-art-card span,.ap-wds-home-card span{position:absolute;right:12px;bottom:10px;font-size:7px}.ap-wds-art-card span{color:#fff4e7}.ap-wds-list{display:grid;gap:6px;margin-top:9px}.ap-wds-list p{display:flex;justify-content:space-between;gap:6px;margin:0;padding:8px 9px;border:1px solid var(--wds-line);border-radius:10px;background:#fff;font-size:8px}.ap-wds-list b{font-weight:750}.ap-wds-list em{font-style:normal;color:var(--wds-muted);white-space:nowrap}.ap-wds-dual-card{display:grid;grid-template-columns:1fr 1fr;gap:3px;background:#161b26;color:#fff}.ap-wds-dual-card span{display:grid;place-items:center;background:linear-gradient(145deg,#e3ab8c,#4f637a);font-size:7px;font-weight:800;letter-spacing:.1em}.ap-wds-dual-card span+span{background:linear-gradient(145deg,#596f84,#a2c5ad)}.ap-wds-dual-card b{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);padding:3px 6px;border-radius:20px;background:#151515aa;font-size:7px}.ap-wds-map-card{background:linear-gradient(135deg,#d5e3de,#95c2bd);min-height:32%}.ap-wds-map-card:before,.ap-wds-map-card:after{content:"";position:absolute;border:1px solid #477f7855;border-radius:50%;transform:rotate(-25deg)}.ap-wds-map-card:before{width:150%;height:20%;left:-30%;top:32%}.ap-wds-map-card:after{width:110%;height:24%;left:5%;top:64%}.ap-wds-map-card i{position:absolute;z-index:2;top:36%;left:52%;width:14px;height:14px;border:4px solid #1d7067;border-radius:50%;background:#f6f7e8}.ap-wds-map-card b,.ap-wds-map-card span{position:relative;z-index:3;display:block}.ap-wds-map-card b{margin-top:auto;padding-top:65px;font-size:10px}.ap-wds-map-card span{margin-top:3px;font-size:7px}.ap-wds-screen--ari-market{--wds-accent:#af5550}.ap-wds-screen--skolr-ai{--wds-accent:#2d788e}.ap-wds-screen--pulse-safety-check-in{--wds-accent:#368461}
@media(max-width:680px){.ap-work-device--foldable{width:100%;border-radius:25px;padding:6px}.ap-wds-panels{border-radius:19px}.ap-wds-panel--master{border-radius:19px 2px 2px 19px}.ap-wds-panel--detail{border-radius:2px 19px 19px 2px}.ap-wds-screen{padding:12px 8px 8px}.ap-wds-status{font-size:6px}.ap-wds-status strong{padding:3px 10px;font-size:5px}.ap-wds-context{margin:6px 0 5px;font-size:5px}.ap-wds-badge{padding:3px 5px;margin-bottom:5px;font-size:4.5px}.ap-wds-screen h2{font-size:12px}.ap-wds-school-card,.ap-wds-art-card,.ap-wds-home-card,.ap-wds-news-card,.ap-wds-wellness-card,.ap-wds-identity-card,.ap-wds-pulse-card,.ap-wds-dual-card,.ap-wds-map-card{padding:8px;border-radius:10px}.ap-wds-school-card strong,.ap-wds-art-card strong,.ap-wds-home-card strong,.ap-wds-news-card strong,.ap-wds-wellness-card strong{font-size:11px}.ap-wds-school-card small,.ap-wds-art-card small,.ap-wds-home-card small,.ap-wds-news-card small,.ap-wds-wellness-card small{margin-bottom:8px;font-size:4px}.ap-wds-list{gap:4px;margin-top:5px}.ap-wds-list p{padding:5px;font-size:5px;border-radius:7px}.ap-wds-nav{padding-top:5px;font-size:4.5px}.ap-wds-nav span{min-width:20px;gap:2px}.ap-wds-nav i{width:6px;height:6px}.ap-wds-screen--invo .ap-wds-badge,.ap-wds-screen--callr .ap-wds-badge{right:8px;top:31px}.ap-wds-hinge{width:4px}.ap-work-device--phone{width:min(92%,285px);border-radius:40px;padding:6px}.ap-wds-phone-screen{border-radius:34px}}
@media(max-width:340px){.ap-work-device--phone{width:min(91%,250px)}.ap-wds-screen h2{font-size:10px}.ap-wds-school-card strong,.ap-wds-art-card strong,.ap-wds-home-card strong,.ap-wds-news-card strong,.ap-wds-wellness-card strong{font-size:9px}.ap-wds-list p{font-size:4.5px}.ap-wds-screen--invo .ap-wds-capture,.ap-wds-screen--callr .ap-wds-capture{min-height:0}}
@media(prefers-color-scheme:dark){[data-theme="dark"] .ap-work-device{--wds-ink:#edf3f4;--wds-paper:#121a20;--wds-line:#354651;--wds-muted:#9babb4;box-shadow:0 28px 66px #0008,inset 0 0 0 1px #ffffff22}[data-theme="dark"] .ap-wds-screen{background:var(--wds-paper)}[data-theme="dark"] .ap-wds-list p{background:#1b262e}[data-theme="dark"] .ap-wds-nav{background:linear-gradient(transparent,#121a20 25%)}[data-theme="dark"] .ap-wds-badge{background:#17362f;color:#d5f2e8}}
@media(prefers-reduced-motion:reduce){.ap-work-device *{transition:none!important;animation:none!important}}

/* Captures already contain their native status bars and navigation. */
.ap-wds-outer-badge{position:absolute;z-index:7;right:14px;top:14px;padding:5px 8px;border:1px solid #ffffff80;border-radius:99px;background:#101820d9;color:#f2f8f5;font-size:8px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;box-shadow:0 3px 10px #0004}
.ap-wds-native-capture{height:100%;overflow:hidden;background:#050607}.ap-wds-native-capture .ap-wds-capture{height:100%;border-radius:inherit}.ap-wds-native-capture .ap-wds-capture img{width:143%;left:-21.5%;transform:translateY(-2%) scale(1);transform-origin:top center}.ap-wds-native-capture--invo .ap-wds-capture--detail img{width:151%;left:-25.5%;transform:translateY(-2%)}
.ap-wds-screen:not(.ap-wds-screen--invo):not(.ap-wds-screen--callr):before{content:"";position:absolute;z-index:5;top:8px;left:50%;width:35px;height:9px;transform:translateX(-50%);border-radius:12px;background:#0b1015;box-shadow:0 1px 2px #0005}.ap-wds-screen:not(.ap-wds-screen--invo):not(.ap-wds-screen--callr):after{content:"";position:absolute;z-index:5;bottom:5px;left:50%;width:31px;height:3px;transform:translateX(-50%);border-radius:5px;background:#13202a80}
[data-theme="dark"] .ap-work-device{--wds-ink:#edf3f4;--wds-paper:#121a20;--wds-line:#354651;--wds-muted:#9babb4;box-shadow:0 28px 66px #0008,inset 0 0 0 1px #ffffff22}[data-theme="dark"] .ap-wds-screen{background:var(--wds-paper)}[data-theme="dark"] .ap-wds-list p{background:#1b262e}[data-theme="dark"] .ap-wds-nav{background:linear-gradient(transparent,#121a20 25%)}[data-theme="dark"] .ap-wds-badge{background:#17362f;color:#d5f2e8}
@media(max-width:680px){.ap-wds-outer-badge{right:8px;top:8px;padding:4px 6px;font-size:6px}.ap-wds-status{font-size:8px}.ap-wds-status strong{font-size:7px}.ap-wds-context{font-size:7px}.ap-wds-badge{font-size:6px}.ap-wds-screen h2{font-size:15px}.ap-wds-list p{font-size:8px}.ap-wds-nav{font-size:6px}.ap-wds-school-card strong,.ap-wds-art-card strong,.ap-wds-home-card strong,.ap-wds-news-card strong,.ap-wds-wellness-card strong{font-size:15px}.ap-wds-school-card small,.ap-wds-art-card small,.ap-wds-home-card small,.ap-wds-news-card small,.ap-wds-wellness-card small{font-size:6px}.ap-wds-native-capture .ap-wds-capture img{width:143%;left:-21.5%}}

/* Native captures are shown at their own iPhone proportion: no invented UI or magnified crop. */
.ap-wds-native-capture .ap-wds-capture img,.ap-wds-native-capture--invo .ap-wds-capture--detail img{width:100%;left:0;transform:none}.ap-wds-native-capture--invo .ap-wds-capture--detail{flex:1}.ap-wds-native-capture--invo{position:relative}.ap-wds-native-capture--invo:after{content:"";position:absolute;z-index:2;right:0;bottom:0;left:0;height:36%;background:#050607}.ap-wds-native-capture--invo:before{content:"";position:absolute;z-index:3;right:50%;bottom:13px;width:35px;height:3px;transform:translateX(50%);border-radius:5px;background:#fff8}
@media(max-width:680px){.ap-wds-native-capture .ap-wds-capture img{width:100%;left:0}}

/* Keep supplied captures legible on a phone: master/detail becomes a measured vertical reading order. */
@media(max-width:680px){.ap-work-device--foldable{max-width:390px;aspect-ratio:auto;padding:6px}.ap-work-device--foldable .ap-wds-panels{display:grid;grid-template-columns:1fr;height:auto;gap:6px;border-radius:19px}.ap-work-device--foldable .ap-wds-panel{aspect-ratio:.5;border-radius:15px}.ap-work-device--foldable .ap-wds-hinge{top:50%;right:8%;bottom:auto;left:8%;width:auto;height:4px;transform:translateY(-50%)}.ap-work-device--foldable .ap-wds-outer-badge{top:10px}.ap-work-device--foldable .ap-wds-native-capture .ap-wds-capture img{width:100%;left:0}}

/* Full native screenshots live in a truthful iPhone Duo, never squashed into a landscape foldable. */
.ap-work-device--duo{width:min(100%,660px);padding:18px 22px;border:1px solid var(--ap-line,#2f353b);border-radius:30px;background:radial-gradient(ellipse at 50% 30%,#29323a,#0d1014 72%);box-shadow:0 28px 64px #0005}.ap-wds-duo-grid{display:flex;justify-content:center;align-items:flex-start;gap:clamp(18px,4vw,44px)}.ap-wds-duo-phone{position:relative;overflow:hidden;width:min(42%,244px);aspect-ratio:1206/2622;padding:5px;border:1px solid #85919c;border-radius:31px;background:linear-gradient(145deg,#edf0f2,#59636d 49%,#10161c 52%,#949da4);box-shadow:0 16px 30px #0008}.ap-wds-duo-phone>.ap-wds-native-capture,.ap-wds-duo-phone>.ap-wds-jeff-demo{height:100%;overflow:hidden;border-radius:26px}.ap-wds-duo-phone .ap-wds-capture{height:100%;border-radius:inherit}.ap-wds-duo-phone .ap-wds-capture img{position:static;display:block;width:100%;height:100%;transform:none;object-fit:cover}.ap-wds-duo-phone .ap-wds-native-capture--invo:before,.ap-wds-duo-phone .ap-wds-native-capture--invo:after{display:none}
.ap-wds-jeff-demo{position:absolute!important;inset:0;display:flex;flex-direction:column;padding:14px 11px 12px;box-sizing:border-box;background:#030405;color:#f5f7f8;font-family:"Inter Tight",Arial,sans-serif}.ap-wds-jeff-demo>header{display:flex;align-items:center;justify-content:space-between;font-size:7px;font-weight:700}.ap-wds-jeff-demo>header b{padding:3px 11px;border-radius:20px;background:#17252e;font-size:6px}.ap-wds-jeff-demo>nav{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-top:13px}.ap-wds-jeff-demo>nav>*{display:grid;place-items:center;min-width:25px;height:24px;padding:0 7px;border-radius:16px;background:#202124;font-size:7px;font-style:normal}.ap-wds-jeff-demo>nav em{background:#060606;box-shadow:inset 0 0 0 1px #444;color:#fff}.ap-wds-jeff-greeting{margin-top:25px}.ap-wds-jeff-greeting>span{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#1c72a0;color:#b8ecff;font-size:7px}.ap-wds-jeff-greeting small{display:block;margin:3px 0;color:#a1abb0;font-size:6px}.ap-wds-jeff-greeting p{margin:4px 0 8px;font-size:9px;line-height:1.35}.ap-wds-jeff-composer{margin-top:auto}.ap-wds-jeff-composer>small{display:block;margin-bottom:6px;color:#8b969b;font-size:5px;text-align:center}.ap-wds-jeff-composer>div{display:flex;align-items:center;justify-content:space-between;padding:10px 8px;border-radius:18px;background:#202124;color:#9da5aa;font-size:7px}.ap-wds-jeff-composer>div b{font-weight:500}.ap-wds-jeff-composer>small:last-child{margin:7px 0 0}.ap-wds-home-indicator{display:block;align-self:center;width:32px;height:3px;margin-top:8px;border-radius:4px;background:#f5f6f6cc}
/* Remove the prior keyboard mask in every composition. */
.ap-wds-native-capture--invo:before,.ap-wds-native-capture--invo:after{display:none}
@media(max-width:680px){.ap-work-device--duo{max-width:310px;padding:9px;border-radius:23px}.ap-wds-duo-grid{display:block}.ap-wds-duo-phone{width:100%;padding:5px;border-radius:27px}.ap-wds-duo-phone--detail{display:none}.ap-wds-duo-phone>.ap-wds-native-capture,.ap-wds-duo-phone>.ap-wds-jeff-demo{border-radius:22px}.ap-work-device--duo .ap-wds-outer-badge{top:14px;right:14px}.ap-wds-jeff-demo{padding:14px 11px 11px}.ap-wds-jeff-greeting p{font-size:10px}}