/* A centered, unframed icon; the label remains available to screen readers. */
#hdr .tools .ux-pp{border:0!important;border-radius:0;box-shadow:none;background:none;gap:0;padding:0;width:44px;min-height:44px}
#hdr .tools .ux-pp>span:not(.pp-release-mark){display:none}
#hdr .tools .ux-pp .pp-release-mark,#hdr .tools .ux-pp .pp-release-mark img{width:27px;height:27px}
.pph{min-height:0;align-items:flex-start;padding-top:32px;padding-bottom:48px}
#screens .pp-showcase-box{background:#10131a;border-radius:12px;padding:28px 28px 20px;box-shadow:none}
#screens .pp-mac{align-items:center;justify-content:center}
#screens .pp-mac:not(.ph) .pp-screen{width:100%;min-height:0}
#screens .pp-mac.ph .pp-screen.phone{position:relative;inset:auto;transform:none;translate:none;rotate:none;scale:none;display:block;flex:none;width:auto;height:100%;max-width:48%;aspect-ratio:9/19.5;margin:0 auto;border-radius:30px;opacity:1;filter:none;z-index:auto;box-shadow:0 12px 28px #0005}
#screens .pp-mac.ph .pp-screen.phone img{width:100%;height:100%;object-fit:cover;object-position:top;transform:none;border-radius:0}
#screens .pp-mac:not(.on){visibility:hidden}
#screens .pp-stage{outline-offset:6px}
#screens .pp-nav button{min-width:22px;min-height:30px;background:transparent;border-radius:0;position:relative}
#screens .pp-nav button:before{content:'';position:absolute;left:2px;right:2px;top:13px;height:3px;background:#ffffff38}
#screens .pp-nav button.on:before{background:var(--accent)}
#screens .pp-showcase-bar{flex-wrap:wrap;gap:12px}
#screens .pp-stage-nav-wrap{max-width:100%;flex-wrap:wrap}
#screens .pp-nav{flex-wrap:wrap;justify-content:center;gap:1px}
#usage-and-purchase{padding-block:48px}
#usage-and-purchase> .wrap>h2{font-size:clamp(26px,3vw,34px);line-height:1.55;margin:0 0 12px}
.pp-usage-intro{font-size:16px;line-height:1.9;margin-bottom:22px;max-width:860px}
.pp-guide-table.pp-capabilities{font-size:15px;line-height:1.85;table-layout:fixed}
.pp-capabilities th,.pp-capabilities td{vertical-align:top;padding:16px 18px}
.pp-capabilities thead th{font-weight:500;color:inherit;font-size:13px}
.pp-capabilities th:first-child{width:19%}.pp-capabilities th:nth-child(2){width:46%}.pp-capabilities th:nth-child(3){width:35%}
.pp-capabilities tbody th{font-size:16px;font-weight:600}
#technical-updates.technical-updates{padding:20px 24px;margin-top:30px}
#technical-updates header{padding-bottom:12px;gap:12px}
#technical-updates h2{font-size:23px;line-height:1.5}
#technical-updates header p{font-size:12px;margin-top:2px}
#technical-updates .technical-status{font-size:10px}
#technical-updates .technical-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}
#technical-updates .technical-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;padding:13px 0;align-items:start;border-bottom:1px solid var(--line);color:inherit}
#technical-updates .technical-kind{grid-column:2;grid-row:1;font-size:10px;line-height:1.7;padding:0}
#technical-updates .technical-copy{grid-column:1;grid-row:1;display:contents}
#technical-updates .technical-title{grid-column:1;grid-row:1;font-size:14px;line-height:1.7;margin:0}
#technical-updates .technical-copy p{grid-column:1/-1;font-size:12.5px;line-height:1.8;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;direction:var(--copy-dir)}
#technical-updates .technical-meta{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:5px 10px;font-size:10px;text-align:inherit;align-items:center;line-height:1.7;direction:var(--copy-dir)}
#technical-updates .technical-meta b{margin-inline-start:auto;font-size:13px;font-weight:400}
#technical-updates .technical-foot{font-size:10.5px;padding-top:12px;margin-top:4px;border-top:0}
#technical-updates .technical-more{border:0;background:none;color:var(--accent-dark);font:inherit;font-size:12px;min-height:44px;padding:6px 0;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
#technical-updates .technical-more[hidden]{display:none}
@media(max-width:700px){.pph{padding-top:24px;padding-bottom:32px}#screens .pp-showcase-box{padding:16px 12px;border-radius:8px}#screens .pp-stage-frame{padding:0}#screens .pp-stage{aspect-ratio:1.2}#screens .pp-mac.ph .pp-screen.phone{max-width:58%;border-width:6px;border-radius:22px}#screens .pp-cap h3{font-size:18px}#screens .pp-showcase-bar{margin-top:16px;padding-top:12px}#screens .pp-nav button{min-width:17px;min-height:32px}#usage-and-purchase{padding-block:32px}.pp-capabilities thead{display:none}.pp-capabilities,.pp-capabilities tbody,.pp-capabilities tr,.pp-capabilities th,.pp-capabilities td{display:block;width:100%!important}.pp-capabilities tr{padding:14px 0;border-top:1px solid var(--line)}.pp-capabilities th,.pp-capabilities td{padding:4px 0;border:0!important}.pp-capabilities tbody th{font-size:17px}.pp-capabilities td:last-child{font-size:13px;opacity:.78}#technical-updates.technical-updates{padding:18px 16px}#technical-updates .technical-list{grid-template-columns:1fr}#technical-updates h2{font-size:21px}#technical-updates .technical-row{padding:12px 0}}
#screens .pp-stage-nav-wrap{display:grid;grid-template-columns:36px minmax(0,1fr) 36px;align-items:center;gap:8px;width:360px;max-width:100%;direction:ltr}
#screens .pp-nav{margin:0;min-width:0;justify-content:center}
#screens .pp-showcase-bar{display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,360px);align-items:center}
@media(max-width:900px){#screens .pp-showcase-bar{grid-template-columns:1fr}#screens .pp-stage-nav-wrap{width:100%}}
/* The fixed header must not cover the shortened hero. */
.pph{padding-top:104px}
@media(max-width:700px){.pph{padding-top:92px}}
/* Explicit image specificity prevents the black and white brand assets overlapping. */
#hdr .tools .ux-pp .pp-release-mark,#hdr .tools .ux-pp .pp-release-mark img{width:36px;height:36px}
#hdr .ux-pp .pp-release-mark img.on-dark{display:block}
#hdr .ux-pp .pp-release-mark img.on-light{display:none}
#hdr.filled .ux-pp .pp-release-mark img.on-dark{display:none}
#hdr.filled .ux-pp .pp-release-mark img.on-light{display:block}
.ppage #hdr.filled .ux-pp .pp-release-mark img.on-dark{display:block}
.ppage #hdr.filled .ux-pp .pp-release-mark img.on-light{display:none}