:root{color-scheme:light;--paper:#faf8f4;--ink:#232320;--muted:#625e56;--accent:#006b63;--line:#d8d2c8;--wash:#f0ece4;--white:#fff;--space:clamp(48px,7vw,88px)}
*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-wrap:break-word}a{color:var(--accent);text-underline-offset:.2em}a:hover{text-decoration-thickness:2px}button,summary{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible,video:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--accent);outline-offset:5px}::selection{background:#c8e6dd;color:var(--ink)}img{display:block;max-width:100%;height:auto}video{display:block;max-width:100%;height:auto;background:#000}figure{margin:0}p,li{max-width:72ch}h1,h2,h3{line-height:1.2;text-wrap:balance}h1{font-size:clamp(2.2rem,4vw,3.2rem);margin:0 0 20px}h2{font-size:clamp(1.65rem,3vw,2.2rem);margin:0 0 22px}h3{font-size:1.18rem;margin:28px 0 10px}p{margin:0 0 18px}ul,ol{padding-left:1.4em}li+li{margin-top:9px}.container{width:calc(100% - 64px);max-width:1120px;margin-inline:auto}.skip{position:absolute;left:16px;top:-100px;background:var(--white);padding:12px;z-index:5}.skip:focus{top:12px}.site-header{border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:88px;padding-block:14px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);font-size:1.2rem;font-weight:700}.brand img{width:44px;height:44px;border-radius:10px}.nav{display:flex;align-items:center;gap:26px;flex-wrap:wrap}.nav a{text-decoration:none;font-weight:600;padding-block:8px}.nav a[aria-current="page"]{color:var(--ink);text-decoration:underline}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:var(--white);padding:12px 20px;border-radius:8px;text-decoration:none;font-weight:650;min-height:48px}.button:hover{background:#00534c}.intro{padding-block:40px 28px;display:flex;gap:40px;justify-content:space-between;align-items:center}.intro p{color:var(--muted);margin-bottom:0}.intro h1{margin-bottom:8px;font-size:clamp(1.7rem,3vw,2.4rem)}.banner img{width:100%}.section{padding-block:var(--space)}.soft{background:var(--wash)}.section-intro{max-width:740px;margin-bottom:34px}.section-intro p{color:var(--muted)}.demo-layout{display:grid;grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr);gap:64px;align-items:start}.preview-video{width:100%;max-width:300px;margin-inline:auto;aspect-ratio:886/1920}.demo-copy{padding-top:10px}.demo-copy figure{margin-bottom:28px}.demo-copy img{width:100%}.small{font-size:.9rem;color:var(--muted)}.video-caption{font-size:.9rem;text-align:center;margin:14px auto 0}.watch-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:64px;align-items:center}.watch-image{width:208px;margin:auto}.actions{display:flex;gap:20px;flex-wrap:wrap;align-items:center;margin-top:26px}.gallery{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x proximity;padding:8px 2px 24px;scrollbar-color:var(--accent) var(--wash);scrollbar-width:auto}.gallery figure{flex:0 0 230px;scroll-snap-align:start}.gallery img{width:230px;aspect-ratio:1242/2688}.gallery figcaption{font-size:.94rem;line-height:1.4;margin-top:14px}.gallery a{display:block}.topic-links{display:flex;flex-wrap:wrap;gap:12px 28px;padding:0;list-style:none}.topic-links li{margin:0}.page-intro{padding-block:56px 32px}.page-intro p{color:var(--muted)}.help-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:60px;align-items:start;padding-bottom:80px}.toc{position:sticky;top:24px}.toc p{font-weight:700;margin-bottom:12px}.toc ul{list-style:none;margin:0;padding:0}.toc li+li{margin-top:8px}.toc a{display:block;padding:3px 0}.help-content{min-width:0}.help-topic{padding:0 0 40px;margin-bottom:42px;border-bottom:1px solid var(--line);scroll-margin-top:28px}.help-topic h2{margin-bottom:24px}.help-topic h3:first-of-type{margin-top:0}.help-topic p:last-child{margin-bottom:0}.help-content details{border-bottom:1px solid var(--line);padding-block:16px}.help-content summary{cursor:pointer;font-weight:650;padding:4px 0}.help-content details>div{padding-top:14px}.help-content details:last-child{border-bottom:0}.demo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.demo-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-grid video{width:100%}.demo-grid figcaption{margin:12px 0 0;font-size:.92rem}.commands{display:grid;grid-template-columns:1fr 1fr;gap:8px 24px;list-style:none;padding:0}.commands li{margin:0;padding-block:9px;border-bottom:1px solid var(--line)}.reading{max-width:780px;padding-bottom:80px}.reading h2{margin-top:42px;font-size:1.45rem}.reading h1{margin-top:56px}.footer{border-top:1px solid var(--line);padding-block:32px}.footer-inner{display:flex;justify-content:space-between;gap:28px;flex-wrap:wrap}.footer p{margin:0;color:var(--muted);font-size:.92rem}.footer nav{display:flex;gap:24px;flex-wrap:wrap}.backtop{margin-top:32px}.contact-box{padding:24px 0}.legacy-links{font-size:.9rem;display:flex;gap:18px;flex-wrap:wrap;margin-top:22px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:850px){.demo-layout{gap:34px;grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr)}.watch-layout{gap:36px;grid-template-columns:210px minmax(0,1fr)}.help-layout{grid-template-columns:1fr;gap:32px}.toc{position:static;padding-bottom:24px;border-bottom:1px solid var(--line)}.toc ul{display:flex;flex-wrap:wrap;gap:4px 24px}.toc li+li{margin-top:0}}
@media(max-width:600px){.container{width:calc(100% - 36px)}.header-inner{align-items:flex-start;gap:12px;flex-direction:column;padding-block:16px}.nav{gap:24px;width:100%;font-size:.94rem}.intro{flex-direction:column;align-items:flex-start;gap:20px;padding-block:30px 24px}.demo-layout,.watch-layout{grid-template-columns:1fr;gap:32px}.preview-video{max-width:270px}.demo-copy{padding-top:0}.watch-image{width:180px}.gallery figure{flex-basis:min(70vw,260px)}.gallery img{width:100%}.demo-grid,.demo-grid.two{grid-template-columns:1fr;max-width:320px;margin:auto;gap:32px}.commands{grid-template-columns:1fr}.page-intro{padding-top:36px}.footer-inner{flex-direction:column;gap:18px}.help-topic{padding-bottom:28px;margin-bottom:32px}}
.watch-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-top:24px}.watch-notes{grid-template-columns:repeat(3,minmax(0,1fr))}.watch-flow img{width:220px;max-width:100%}.watch-flow figcaption{max-width:220px}.watch-flow h4{font-size:1.06rem;line-height:1.35;margin:18px 0 10px}.watch-flow p{font-size:.94rem;line-height:1.6;margin:0}.watch-notes-title{margin-top:48px}.watch-connection{margin-top:40px;padding-top:28px;border-top:1px solid var(--line)}
@media(max-width:900px){.watch-flow,.watch-notes{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}}
@media(max-width:500px){.watch-flow,.watch-notes{grid-template-columns:1fr;max-width:240px;margin-inline:auto;gap:36px}.watch-flow img,.watch-flow figcaption{width:240px;max-width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.gallery{scroll-snap-type:none}}
/* Language navigation preserves the approved layout and original media. */
.header-inner{flex-wrap:wrap}.brand,.nav{min-width:0}.brand span{overflow-wrap:anywhere}.languages{position:relative;margin-inline-start:auto;max-width:100%;font-size:.94rem}.languages summary{cursor:pointer;color:var(--accent);font-weight:600;padding:8px 0;overflow-wrap:anywhere}.language-menu{position:absolute;inset-inline-end:0;top:100%;z-index:10;display:grid;grid-template-columns:1fr 1fr;gap:4px 16px;width:min(420px,calc(100vw - 36px));max-height:70vh;overflow:auto;padding:16px;background:var(--paper);border:1px solid var(--line)}.language-menu a{display:block;padding:8px 2px;overflow-wrap:anywhere}.language-menu a[aria-current]{font-weight:750;color:var(--ink)}.media-language{margin-block:22px}.commands li{overflow-wrap:anywhere}[dir=rtl] ul,[dir=rtl] ol{padding-left:0;padding-right:1.4em}[dir=rtl] .commands,[dir=rtl] .toc ul,[dir=rtl] .topic-links{padding-right:0}[dir=rtl] .skip{left:auto;right:16px}.language-menu a{direction:ltr;unicode-bidi:isolate}.language-menu a[lang=ar]{direction:rtl}.help-topic p{overflow-wrap:anywhere}
@media(max-width:600px){.languages{margin-inline-start:0}.language-menu{inset-inline-start:0;inset-inline-end:auto}.nav{gap:12px 22px}}

/* Watch help is optional and collapsed until the visitor opens it. */
#watch.section{padding-block:30px}.watch-details>summary{cursor:pointer;padding-block:12px;color:var(--ink)}.watch-details>summary h2{display:inline;margin:0}.watch-details>.watch-details-body{padding-top:24px}.help-content .watch-details{padding-block:0;border-bottom:0}.help-content .watch-details>summary{padding-block:0}.watch-details[open]>summary{margin-bottom:8px}

/* Always show a small product overview; only the detailed walkthrough folds. */
#watch.section{padding-block:44px}.watch-teaser{display:grid;grid-template-columns:168px minmax(0,1fr);column-gap:48px;row-gap:8px;align-items:center}.watch-overview-media{grid-column:1;grid-row:1;width:168px}.watch-overview-copy{grid-column:2;grid-row:1}.watch-overview-copy p{margin-bottom:0}.watch-teaser>.watch-details{grid-column:1/-1}.watch-teaser>.watch-details>summary{margin-inline-start:216px;font-weight:650;font-size:1.04rem;padding-block:8px;min-height:44px}.watch-help-overview{display:grid;grid-template-columns:112px minmax(0,1fr);gap:28px;align-items:center;margin-bottom:20px}.watch-help-overview p{margin-bottom:0}.watch-help-overview img{width:112px}.help-content .watch-details>summary{min-height:44px;padding-block:8px}
@media(max-width:600px){#watch.section{padding-block:32px}.watch-teaser{grid-template-columns:112px minmax(0,1fr);gap:20px}.watch-overview-media{width:112px}.watch-overview-copy{display:contents}.watch-overview-copy h2{grid-column:2;grid-row:1;margin:0;font-size:1.5rem}.watch-overview-copy p{grid-column:1/-1;grid-row:2}.watch-teaser>.watch-details{grid-row:3}.watch-teaser>.watch-details>summary{margin-inline-start:0}.watch-help-overview{grid-template-columns:100px minmax(0,1fr);gap:20px}.watch-help-overview img{width:100px}}