.pp{--sand:#f3efe5}.pp b{white-space:nowrap}.pp .pp-one{display:block;max-width:880px;text-align:center}.pp .pp-one .pg-sec-h .pg-p{margin:16px auto 0}.pp .pp-big{margin-top:clamp(32px,3.4vw,48px)}.pp .pp-big svg{width:clamp(300px,34vw,480px)}.pp-flow{display:flex;align-items:flex-start;justify-content:center;gap:0;margin:clamp(48px,5vw,72px) auto 0;max-width:1000px}.pp-st{flex:0 0 240px;display:flex;flex-direction:column;align-items:center;gap:26px}.pp-disc{width:clamp(132px,11vw,164px);aspect-ratio:1;border-radius:50%;background:var(--sand);display:grid;place-items:center}.pp-disc svg{width:44%;height:auto;fill:none;stroke:var(--ink);stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}.pp-l{font:400 21px/1.45 "Figtree",system-ui,sans-serif;color:var(--ink);text-wrap:balance;max-width:12em;text-align:center}.pp-l b{font-weight:600}.pp-l svg{display:inline-block;width:1.15em;height:1.15em;vertical-align:-.2em;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}.pp-ar{flex:0 1 110px;align-self:flex-start;margin-top:calc(clamp(132px,11vw,164px) / 2 - 20px)}.pp-ar svg{display:block;width:100%;height:40px;fill:none;stroke:var(--ink);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.pp-stack{display:flex;flex-direction:column;align-items:center;gap:6px}.pp-53{display:block;font:400 clamp(112px,13vw,196px)/1 var(--v-serif);letter-spacing:-.03em;padding:18px 0 10px}.pp-53>span{display:inline-block;padding:0 .14em}.pp-langs{display:grid;grid-template-columns:repeat(5,max-content);justify-content:center;justify-items:center;row-gap:22px;column-gap:clamp(32px,4vw,64px);margin:clamp(56px,5vw,80px) auto 0;text-align:center}.pp-langs li{font:400 clamp(28px,2.6vw,38px)/1.2 var(--v-serif);letter-spacing:-.01em;color:var(--ink)}@media(max-width:1000px)and (min-width:761px){.pp-langs{column-gap:28px}.pp-langs li{font-size:28px}}@media(max-width:760px){.pp-flow{flex-direction:column;align-items:center}.pp-st{flex:none}.pp-ar{flex:none;align-self:center;width:72px;height:72px;margin:18px auto;display:grid;place-items:center}.pp-ar svg{transform:rotate(90deg);width:72px;height:40px}.pp-langs{grid-template-columns:repeat(2,minmax(0,1fr));max-width:320px;row-gap:18px}}.pp-note{max-width:30em;margin:clamp(36px,3.4vw,48px) auto 0;font:400 clamp(18px,1.4vw,20px)/1.5 "Figtree",system-ui,sans-serif;color:var(--mute);text-align:center;text-wrap:balance}.pp-note b{font-weight:600;color:var(--ink)}.pp-note a{color:var(--ink);font-weight:500;text-underline-offset:4px;text-decoration-thickness:1px}.pp-ph{display:inline-block}.pp .pg-sec-h .pg-p{max-width:21em}.pp .pg-sec-h .pg-p b{font-weight:600;color:var(--ink)}.pp .pg-big b{font-weight:600}.pp .pg-go{color:var(--mute)}.pp .pg-go b{font-weight:600;color:var(--ink)}.pp .pg-ft-l b{font-weight:600;color:var(--ink)}.pp .pg-ft-l a,.pp .pp-line a{color:var(--ink);font-weight:500;text-underline-offset:4px;text-decoration-thickness:1px}.pp-lines{border-bottom:1px solid var(--line)}.pp-lines li{padding:18px 2px 19px;border-top:1px solid var(--line);font:400 clamp(19px,1.5vw,21px)/1.45 "Figtree",system-ui,sans-serif;color:var(--ink);text-wrap:balance}.pp-lines b{font-weight:600}.pp-lines .pp-gr{display:block;margin-top:4px;font-size:18px;color:var(--mute)}.pp-line{margin-top:22px;font:400 18px/1.5 "Figtree",system-ui,sans-serif;color:var(--mute);text-wrap:balance}.pp-line b{font-weight:600;color:var(--ink)}.pp-sub-keys{margin-top:18px}.pp-keys{border-bottom:1px solid var(--line)}.pp-keys li{display:grid;grid-template-columns:272px minmax(0,1fr);column-gap:clamp(24px,2.6vw,36px);align-items:center;padding:24px 0 25px;border-top:1px solid var(--line)}.pk-row{display:block;width:auto;height:54px;max-width:100%;overflow:visible;--pk-k:1.2}.pk-k{transform-box:fill-box;transform-origin:50% 100%;transition:transform .16s ease-out}.pk-k2{transition-delay:.07s}.pk-k3{transition-delay:.14s}@media(hover:hover){.pp-keys li:hover .pk-k{transform:translateY(5px) scaleY(.95)}}.pp-kt{display:flex;flex-direction:column;gap:4px;min-width:0}.pp-kv{font:400 clamp(20px,1.6vw,22px)/1.35 "Figtree",system-ui,sans-serif;color:var(--ink)}.pp-kv b{font-weight:600}.pp-kl{font:400 18px/1.45 "Figtree",system-ui,sans-serif;color:var(--mute);text-wrap:balance}.pk-defs{position:absolute;width:0;height:0;overflow:hidden}.pp-pill{display:block;width:clamp(260px,26vw,340px);height:auto;margin:4px 0 30px;user-select:none;-webkit-user-drag:none}.pp-snips{border-bottom:1px solid var(--line)}.pp-snips li{display:flex;flex-direction:column;gap:8px;padding:20px 2px 22px;border-top:1px solid var(--line)}.pp-snip-l{font:500 18px/1.2 "Figtree",system-ui,sans-serif;color:var(--mute)}.pp-snip{font:400 clamp(19px,1.5vw,21px)/1.6 "Figtree",system-ui,sans-serif;color:var(--ink);text-wrap:pretty}.pp-sel{background:var(--sand);padding:3px 2px;border-radius:3px;-webkit-box-decoration-break:clone;box-decoration-break:clone}.pp-acc{border-bottom:1px solid var(--line)}.pp-acc li{display:grid;grid-template-columns:minmax(0,8.5em) minmax(0,1fr);column-gap:24px;align-items:baseline;padding:16px 2px 17px;border-top:1px solid var(--line)}.pp-acc-n{font:400 clamp(22px,1.8vw,26px)/1.25 var(--v-serif);letter-spacing:-.01em;color:var(--ink)}.pp-acc-l{font:400 18px/1.45 "Figtree",system-ui,sans-serif;color:var(--mute);text-wrap:balance}.pp-nw{white-space:nowrap}.pp .pp-feats1{grid-template-columns:minmax(0,1fr)}.pp-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 26px;max-width:40em;margin-top:clamp(26px,2.4vw,34px);font:500 18px/1.4 "Figtree",system-ui,sans-serif}.pp-chips a{color:var(--ink);text-decoration:none;padding:6px 0;-webkit-tap-highlight-color:transparent}.pp-chips a:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:6px}.pp-ch{scroll-margin-top:96px}.pp-no{margin-bottom:12px;font:400 clamp(22px,1.8vw,26px)/1 var(--v-serif);color:var(--mute);font-variant-numeric:tabular-nums}@media(max-width:640px){.pp-keys li{grid-template-columns:minmax(0,1fr);row-gap:14px;padding:22px 0 23px}.pk-row{height:50px}.pp-pill{width:min(280px,100%);margin-bottom:24px}.pp-disc{width:112px}.pp-st{gap:18px}.pp-ar{width:56px;height:56px;margin:10px auto}.pp-ar svg{width:56px;height:32px}.pp-acc li{grid-template-columns:minmax(0,1fr);row-gap:4px}.pp-chips{gap:6px 22px}.pp-lines li{padding:16px 2px 17px}}@media(min-width:901px)and (max-width:1199px){.pp-keys li{grid-template-columns:minmax(0,1fr);row-gap:14px}}@media(max-width:640px){.pp-chips{max-width:340px;margin-inline:auto}}@media(prefers-reduced-motion:reduce){.pp-u,.pk-k{transition:none}.pp-keys li:hover .pk-k{transform:none}}.pp-pic{display:block;height:auto;max-width:100%;overflow:visible}.pp-pic-signin,.pp-pic-voice{width:min(100%,440px);margin:0 0 30px}.pp-pic-pill{width:clamp(320px,34vw,440px);max-width:100%;margin:2px 0 30px}.pp-set{margin:0 0 10px}.pp-pic-set{width:min(100%,460px)}.pp-set .ps-t{font:500 24px Figtree,system-ui,sans-serif;letter-spacing:.005em}.pp-set .ps-b{opacity:0;transition:opacity .22s ease}.pp-set[data-on=general] .ps-b[data-s=general],.pp-set[data-on=pill] .ps-b[data-s=pill],.pp-set[data-on=reading] .ps-b[data-s=reading],.pp-set[data-on=shortcuts] .ps-b[data-s=shortcuts],.pp-set[data-on=audio] .ps-b[data-s=audio]{opacity:1}.pp-set[data-on=general] .ps-t[data-s=general],.pp-set[data-on=pill] .ps-t[data-s=pill],.pp-set[data-on=reading] .ps-t[data-s=reading],.pp-set[data-on=shortcuts] .ps-t[data-s=shortcuts],.pp-set[data-on=audio] .ps-t[data-s=audio]{font-weight:650}.pp-pill{width:clamp(320px,30vw,420px);max-width:100%}.pp-apps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px clamp(14px,1.6vw,22px);margin:0}.pp-apps li{display:flex;flex-direction:column;align-items:center;gap:12px}.pp-app-art{display:block;width:100%;height:auto;overflow:visible}.pp-apps span{font:500 18px/1.3 "Figtree",system-ui,sans-serif;color:var(--ink)}.pp{--ss:#0b5cad}.pp-ssm{display:flex;flex-direction:column;gap:9%;width:62%;aspect-ratio:1.38;box-sizing:border-box;padding:12% 11%;border-radius:7px;background:var(--ss)}.pp-ssm i{display:block;height:4px;border-radius:2px;background:rgba(255,255,255,.55)}.pp-ssm i:first-child{height:7px;width:76%;background:rgba(255,255,255,.92)}.pp-ssm i:nth-child(3){width:62%}.pp-ssm u{display:block;width:42%;height:3px;margin-top:auto;border-radius:2px;background:#fff}.pp-ssrow{display:grid;grid-template-columns:minmax(0,340px) 96px minmax(0,340px);justify-content:center;align-items:start;margin:clamp(56px,5vw,80px) auto 0}.pp-ss{margin:0;display:flex;flex-direction:column;align-items:center;gap:18px}.pp-ssw{position:relative;display:flex;flex-direction:column;align-items:flex-start;box-sizing:border-box;width:100%;min-height:244px;padding:24px 22px 20px;border-radius:10px;background:var(--ss);color:#fff;text-align:left;font:400 18px/1.35 "Segoe UI Variable Text","Segoe UI",Figtree,system-ui,sans-serif}.pp-ss-t{display:block;width:76%;height:13px;border-radius:7px;background:rgba(255,255,255,.92)}.pp-ss-l{display:block;width:94%;height:6px;margin-top:11px;border-radius:3px;background:rgba(255,255,255,.5)}.pp-ss-t+.pp-ss-l{margin-top:20px}.pp-ss-l3{width:58%}.pp-ss-a{position:relative;display:inline-block}.pp-ssw>.pp-ss-a{margin-top:22px}.pp-ss-u{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.pp-ss-u{padding:5px 0;margin:-5px 0}.pp-ss-rg{display:inline-block;padding:8px 2px;margin:-8px -2px}.pp-ss-m{display:block;margin-top:18px}.pp-ss-f{display:flex;justify-content:flex-end;align-items:center;gap:26px;align-self:stretch;margin-top:auto;padding-top:20px}.pp-ss-b{display:inline-block;padding:8px 14px;border:2px solid rgba(255,255,255,.88);border-radius:3px;line-height:1.15;white-space:nowrap}.pp-cur{position:absolute;left:calc(100% + 2px);top:46%;width:17px;height:auto;overflow:visible;pointer-events:none}.pp-ss-f .pp-cur{left:calc(100% - 13px);top:50%}.pp-cur path{fill:#fff;stroke:#151515;stroke-width:1.3;stroke-linejoin:round}.pp-ssw g.mg-brush{fill:#fdfcf8!important}.pp-ss-c{font:400 18px/1.4 "Figtree",system-ui,sans-serif;color:var(--ink)}.pp-ss-c b{font-weight:600}.pp-ss-ar{align-self:center;display:grid;place-items:center;margin-top:-34px}.pp-ss-ar svg{display:block;width:68px;height:34px;fill:none;stroke:var(--ink);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.pp-ss-sm{align-items:flex-start;max-width:320px;margin-top:clamp(28px,3vw,40px)}.pp-ss-sm .pp-ssw{min-height:212px}@media(min-width:761px)and (max-width:1024px){.pp .pp-big svg{width:min(400px,56vw)}.pp-st{flex-basis:200px}}@media(max-width:640px){.pp-pill{width:min(340px,100%)}.pp-pic-pill{width:min(340px,100%)}.pp-apps{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 18px}.pp-flow{flex-direction:row;align-items:flex-start;justify-content:center;max-width:360px}.pp-st{flex:1 1 0;min-width:0;gap:12px}.pp-disc{width:76px}.pp-ar{flex:0 0 20px;width:20px;height:auto;margin:30px 0 0;display:block;align-self:flex-start}.pp-ar svg{transform:none;width:20px;height:12px}.pp-l{font-size:18px;max-width:none}.pp-flow>.pp-st:last-child{flex-grow:1.3}.pp-l b{white-space:nowrap}.pp-ssrow{grid-template-columns:minmax(0,340px);justify-items:stretch;row-gap:6px;margin-top:48px}.pp-ss-ar{margin:2px 0 6px}.pp-ss-ar svg{transform:rotate(90deg);width:44px;height:30px}.pp-ssw{padding:22px 20px 18px}.pp-ss-sm{max-width:340px}}@media(min-width:761px)and (max-width:1024px){.pp .pg-top.pg-stack.pg-tall{padding-bottom:72px}.pp-pill,.pp-pic-pill{width:min(440px,100%)}.pg-languages.pp .pg-top.pg-stack{--fig:clamp(240px,28svh,320px);--pg-peek:calc(var(--pg-h2) * 1.12 * 2 + 12px + clamp(112px,13vw,196px) + 28px + 44px)}}@media(min-width:761px)and (max-width:1024px)and (orientation:landscape){.pg-languages.pp .pg-top.pg-stack:not(.pg-tall){--fig:clamp(150px,22svh,240px);align-content:center;padding-top:96px}}.pp-snip:lang(ja){word-break:auto-phrase}
/* 23.10.: the Mac's key rows are wider ("⌥ Option", "⌃ Control"); a 272 px column shrank the 3-key rows
   to 46 px keys while the first row kept 54. 330 px holds the widest (550 × 54/92 = 323). */
@media(min-width:1200px),(min-width:641px)and (max-width:900px){html.lf-os-mac .pp-keys li,html.lf-os-ios .pp-keys li{grid-template-columns:330px minmax(0,1fr)}}

/* 26.10. — /text-to-speech reads like an article (Mobbin: ClickUp "Product roadmapping", monday.com "What is
   monday.com?"): one centred column, a question as heading, plain lines under it, top to bottom. One column also
   lets the coming read-aloud pill move down the page without zig-zagging between a left and a right column. */
.pg-tts .pg-sec{display:block;max-width:680px;margin-top:clamp(96px,9vw,136px)}
.pg-tts .pg-top+.pg-sec{margin-top:0}
.pg-tts .pg-sec-h .pg-p{max-width:none;font-size:20px;line-height:1.5;color:rgba(21,21,21,.8)}
.pg-tts .pg-sec-b{margin-top:30px}
.pg-tts .pg-feats{display:block;border-bottom:1px solid var(--line)}
.pg-tts .pg-feats li{display:grid;grid-template-columns:9.5em minmax(0,1fr);column-gap:24px;align-items:baseline;padding:18px 0 19px}
.pg-tts .pg-ft-l{text-wrap:pretty}
.pg-tts .pg-close{margin-top:clamp(112px,11vw,168px)}
@media(max-width:640px){.pg-tts .pg-sec{margin-top:88px}.pg-tts .pg-top+.pg-sec{margin-top:var(--pg-gap)}.pg-tts .pg-sec-h .pg-p{font-size:19px}.pg-tts .pg-sec-b{margin-top:24px}.pg-tts .pg-feats li{grid-template-columns:minmax(0,1fr);row-gap:4px;padding:16px 0 17px}.pg-tts .pg-close{margin-top:var(--pg-gap)}}
/* 26.10. — the guide is one sequence (Mobbin: Apollo "How to get started"): chapters follow each other at a reading
   distance instead of a full screen apart. */
@media(min-width:641px){.pg-guide .pg-sec{margin-top:clamp(120px,11vw,168px)}.pg-guide .pg-top+.pg-sec{margin-top:0}}