.how-content {
&{--paper:#f3f0e7;--ink:#222820;--muted:#6c7065;--dark:#18251f;--copper:#bc6746;--line:#d4d5c9;--serif:'Cormorant',Georgia,serif;--sans:'DM Sans',sans-serif;--gutter:clamp(24px,5vw,86px)}
*{box-sizing:border-box}&{scroll-behavior:smooth;scroll-padding-top:32px}&{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;max-width:100%;height:auto}figure,p,h1,h2,h3{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400}em{font-weight:400}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--copper);outline-offset:6px}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.25}.guide-symbols{position:absolute;width:0;height:0;overflow:hidden}.guide-skip{position:fixed;top:-100px;left:20px;z-index:20;background:var(--paper);padding:15px}.guide-skip:focus{top:10px}.guide-eyebrow{font-size:10px;letter-spacing:.17em;font-weight:500;line-height:1.7}.guide-section-pad{padding:100px var(--gutter)}
.guide-site-header{display:flex;align-items:center;justify-content:space-between;padding:0 var(--gutter);height:92px;background:var(--dark);color:var(--paper);border-bottom:1px solid #f3f0e720}.guide-brand{display:flex;align-items:center;gap:13px}.guide-brand img{object-fit:contain}.guide-brand span{font-size:11px;line-height:1.45;letter-spacing:.16em;font-weight:500}.guide-site-header nav{display:flex;align-items:center;gap:35px;font-size:12px;color:#d0d5cc}.guide-site-header a:hover{color:#e6ad8d}.guide-nav-soon{font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:#d9a286;margin-left:4px}.guide-header-access{font-size:12px;display:flex;gap:22px;align-items:center}.guide-header-access>span{font-size:21px}
.guide-hero{position:relative;background:var(--dark);color:var(--paper);padding:68px 0 0 var(--gutter);display:grid;grid-template-columns:minmax(350px,.85fr) minmax(0,1.25fr);column-gap:4.2vw;overflow:hidden;min-height:min(780px,calc(100svh - 92px));align-content:center}.guide-hero-copy{padding:14px 0 54px}.guide-hero .guide-eyebrow{color:#d6a184;display:flex;align-items:center;gap:12px}.guide-little-line{width:24px;height:1px;background:currentColor}.guide-hero h1{font-size:clamp(72px,7.2vw,118px);line-height:.98;letter-spacing:-.045em;margin:25px 0 25px}.guide-hero h1 em{color:#dbac8b}.guide-hero-definition{font-size:17px;line-height:1.55;max-width:330px}.guide-hero-description{font-size:13px;line-height:1.9;color:#b8c3b9;max-width:315px;margin-top:13px}.guide-button{display:inline-flex;align-items:center;justify-content:space-between;gap:48px;background:var(--copper);color:#fff5ec;padding:17px 22px;font-size:12px;min-height:54px;transition:background .2s,transform .2s}.guide-button:hover{background:#a45132;transform:translateY(-2px)}.guide-button svg{width:21px}.guide-hero .guide-button{margin-top:30px}.guide-hero-note{font-size:10px;color:#a6b6a8;margin-top:16px}.guide-hero-product{align-self:center;min-width:0;margin-right:-18px;transform:translateY(-12px);animation:product-enter .9s .15s both}.guide-product-topline{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:9px;letter-spacing:.13em;padding:0 44px 14px 0;color:#bbc8bb}.guide-live-label{color:#d7ae90;font-size:8px}.guide-image-button{display:block;width:100%;border:0;padding:0;background:transparent;text-align:left;position:relative}.guide-image-button img{width:100%;transition:filter .2s}.guide-hero-product .guide-image-button{border:1px solid #f3f0e733;box-shadow:0 24px 70px #0003}.guide-expand-icon{position:absolute;right:14px;bottom:14px;background:var(--dark);color:var(--paper);padding:10px;display:grid;opacity:0;transform:translateY(5px);transition:opacity .2s,transform .2s}.guide-image-button:hover .guide-expand-icon,.guide-image-button:focus-visible .guide-expand-icon{opacity:1;transform:none}figcaption{display:flex;justify-content:space-between;gap:16px;font-size:10px;line-height:1.6}.guide-hero-product figcaption{color:#a6b6a8;padding:15px 44px 0 0}.guide-hero-product figcaption>span:first-child{color:#e4e7de;display:flex;align-items:center;gap:8px}.guide-hero-product i{width:5px;height:5px;background:#d8aa8a;border-radius:100%}.guide-hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;gap:24px;padding:24px var(--gutter) 24px 0;border-top:1px solid #f3f0e720;margin-top:20px;color:#a8b7aa;font-size:9px;letter-spacing:.1em}.guide-hero-bottom a{letter-spacing:0;font-size:11px}.guide-hero-bottom a span{margin-left:22px}.guide-hero-copy>*{animation:copy-enter .7s both}.guide-hero-copy h1{animation-delay:.08s}.guide-hero-copy .guide-hero-description{animation-delay:.15s}.guide-hero-copy .guide-button{animation-delay:.22s}
.guide-section-heading{display:grid;grid-template-columns:27% 1fr;gap:30px;margin-bottom:48px}.guide-section-heading .guide-eyebrow{padding-top:12px;color:#7c573f}.guide-section-heading>div{display:flex;align-items:flex-end;gap:45px;justify-content:space-between}.guide-section-heading h2{font-size:clamp(40px,4.25vw,68px);line-height:1.02;letter-spacing:-.035em}.guide-section-heading h2 em{color:#737963}.guide-section-heading p:not(.guide-eyebrow){font-size:12px;line-height:1.9;max-width:255px;color:var(--muted);padding-bottom:4px}.guide-editor-tour{display:grid;grid-template-columns:27% minmax(0,1fr);gap:30px;align-items:start}.guide-tour-controls{padding-top:4px}.guide-tour-tab{background:transparent;border:0;border-bottom:1px solid var(--line);display:flex;align-items:baseline;gap:13px;text-align:left;width:100%;padding:24px 4px 25px 0;color:var(--muted);transition:color .2s}.guide-tour-tab:first-child{border-top:1px solid var(--line)}.guide-tab-number{font-size:9px;font-weight:400}.guide-tour-tab strong{font-family:var(--serif);font-size:27px;font-weight:500;line-height:1.12;display:block}.guide-tour-tab small{font-size:11px;line-height:1.8;display:block;margin-top:12px;max-width:230px}.guide-tab-arrow{font-size:22px;margin-left:auto;opacity:0}.guide-tour-tab[aria-selected=true]{color:var(--ink);border-bottom-color:var(--copper)}.guide-tour-tab[aria-selected=true] .guide-tab-number,.guide-tour-tab[aria-selected=true] .guide-tab-arrow{color:var(--copper);opacity:1}.guide-tour-tab:hover{color:var(--copper)}.guide-tour-footnote{font-size:10px;line-height:1.9;color:var(--muted);margin-top:28px}.guide-tour-panel{min-width:0}.guide-tour-panel>.guide-image-button{border:1px solid #caccc0;box-shadow:0 12px 40px #252b2010}.guide-tour-panel img{aspect-ratio:969/702;background:#e4e1d7}.guide-tour-panel figcaption{margin-top:15px;color:var(--muted);font-size:10px}.guide-tour-panel figcaption>span:last-child{font-size:8px;letter-spacing:.07em}.guide-tour-panel.guide-switching{animation:panel-in .32s both}
.guide-ownership{background:#e6e7dc;display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center}.guide-book-art{position:relative;max-width:500px}.guide-book-art img{width:100%;object-fit:cover;aspect-ratio:487/546}.guide-book-art figcaption{font-family:var(--serif);font-size:22px;margin-top:15px;align-items:center}.guide-book-art figcaption span{font-family:var(--sans);max-width:170px;font-size:8px;color:var(--muted);text-align:right}.guide-ownership-copy h2{font-size:clamp(44px,4.6vw,74px);line-height:1.03;letter-spacing:-.035em;margin-top:25px}.guide-ownership-copy h2 em{color:#72775f}.guide-ownership-copy .guide-lead{font-size:13px;line-height:1.9;color:var(--muted);margin:23px 0 28px;max-width:410px}.guide-editorial-point{display:flex;gap:20px;border-top:1px solid #c3c8b9;padding:21px 0}.guide-editorial-point>span{font-size:9px;color:#9a563b;padding-top:8px}.guide-editorial-point h3{font-size:28px;line-height:1.1;margin-bottom:9px}.guide-editorial-point p{font-size:11px;line-height:1.8;color:#626b5a;max-width:350px}
.guide-workflow-heading{display:flex;justify-content:space-between;align-items:start;gap:40px;margin-bottom:55px}.guide-workflow-heading .guide-eyebrow{padding-top:8px;color:#7c573f}.guide-workflow h2{font-size:clamp(40px,4vw,64px);line-height:1.04;letter-spacing:-.025em;width:70%}.guide-workflow-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;list-style:none;padding:0;margin:0}.guide-workflow-steps li{border-top:1px solid #bbbfb0;padding-top:21px}.guide-workflow-steps li>span{font-size:9px;letter-spacing:.12em;color:#8b593f}.guide-workflow-steps h3{font-size:36px;line-height:1.05;margin:21px 0 17px}.guide-workflow-steps p{font-size:12px;line-height:1.9;color:var(--muted);max-width:300px}
.guide-vtt{display:grid;grid-template-columns:1fr 1.2fr;gap:9vw;background:var(--dark);color:var(--paper);position:relative;overflow:hidden}.guide-vtt .guide-eyebrow{color:#dcaa89;display:flex;align-items:center;gap:10px}.guide-status-dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.guide-vtt h2{font-size:clamp(55px,5.7vw,87px);line-height:.99;letter-spacing:-.03em;margin:25px 0}.guide-vtt h2 em{color:#dcaa89}.guide-vtt-intro>p:not(.guide-eyebrow){font-size:12px;line-height:1.9;color:#b6c3b6;max-width:320px}.guide-vtt-star{width:90px;height:90px;stroke-width:.5;color:#9d7a5e;margin-top:38px}.guide-vtt-platforms{align-self:center}.guide-platform{display:grid;grid-template-columns:24px 1fr auto;gap:14px;border-top:1px solid #ffffff30;padding:27px 0 30px;align-items:baseline}.guide-platform-number{font-size:9px;color:#b3bea9}.guide-platform h3{font-size:36px;line-height:1.1;margin-bottom:12px}.guide-platform p{font-size:11px;color:#b6c3b6;line-height:1.9;max-width:275px}.guide-coming-label{font-size:7px;letter-spacing:.12em;color:#dbaa89}.guide-vtt-note{border-top:1px solid #ffffff30;padding-top:22px;font-size:9px;color:#9cac9e;line-height:1.9}
.guide-faq{display:grid;grid-template-columns:1fr 1.4fr;gap:80px}.guide-faq h2{font-size:58px;line-height:1.04;letter-spacing:-.03em;margin-top:23px}.guide-faq h2 em{color:#777c65}.guide-faq-list{border-top:1px solid var(--line)}.guide-faq details{border-bottom:1px solid var(--line)}.guide-faq summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:13px;line-height:1.5;list-style:none;padding:22px 0}.guide-faq summary::-webkit-details-marker{display:none}.guide-faq summary span{font-size:21px;color:var(--copper);transition:transform .2s}.guide-faq details[open] summary span{transform:rotate(45deg)}.guide-faq details>p{font-size:12px;line-height:1.9;color:var(--muted);padding:0 32px 25px 0}.guide-closing{text-align:center;background:#e5e5d9;border-top:1px solid var(--line);padding-top:77px;padding-bottom:77px}.guide-closing .guide-eyebrow{color:#8c5b42}.guide-closing h2{font-size:clamp(46px,5.7vw,87px);line-height:1.02;letter-spacing:-.035em;margin:25px 0}.guide-closing h2 em{color:#78795f}.guide-closing>p:not(.guide-eyebrow){font-size:13px;color:var(--muted);margin-bottom:28px}.guide-closing-access{display:block;width:fit-content;margin:20px auto 0;font-size:10px;color:#686d5b}.guide-closing-access span{padding-left:10px}footer{display:flex;justify-content:space-between;align-items:center;padding:33px var(--gutter);gap:25px}footer .guide-brand img{filter:brightness(.7)}footer .guide-brand span{font-size:9px}footer p{font-size:10px;color:var(--muted)}footer>a:last-child{font-size:11px}footer>a:last-child span{margin-left:15px}
dialog{border:0;padding:48px 18px 18px;background:#eeeae1;color:var(--ink);width:min(1250px,96vw);max-height:95svh;overflow:auto;box-shadow:0 20px 100px #0006}dialog::backdrop{background:#0b1612de;backdrop-filter:blur(6px)}dialog>img{width:auto;max-width:100%;max-height:calc(95svh - 110px);margin:auto;object-fit:contain}dialog>p{font-size:11px;margin-top:15px;text-align:center}.guide-dialog-close{position:absolute;top:8px;right:16px;border:0;background:transparent;display:flex;align-items:center;gap:18px;font-size:11px;min-height:32px}.guide-dialog-close span{font-size:25px}&.guide-motion-ready .guide-reveal{opacity:0;transform:translateY(20px);transition:opacity .65s,transform .65s}&.guide-motion-ready .guide-reveal.guide-visible{opacity:1;transform:none}
@keyframes copy-enter{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes product-enter{from{opacity:0;transform:translate(25px,-12px)}to{opacity:1;transform:translate(0,-12px)}}@keyframes panel-in{from{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:none}}
@media(min-width:1550px){.guide-hero-product{margin-right:var(--gutter)}.guide-hero{grid-template-columns:1fr 1.4fr}.guide-hero-copy{max-width:640px}.guide-hero-description{max-width:380px;font-size:15px}.guide-hero-definition{max-width:420px;font-size:20px}}
@media(max-width:1050px){.guide-site-header{height:78px}.guide-site-header nav{gap:20px;font-size:11px}.guide-hero{grid-template-columns:minmax(295px,.8fr) minmax(0,1.2fr);gap:25px;min-height:650px;padding-top:44px}.guide-hero h1{font-size:79px}.guide-hero-definition{font-size:15px}.guide-hero-description{font-size:12px}.guide-hero-product{margin-right:-100px}.guide-section-heading>div{display:block}.guide-section-heading p:not(.guide-eyebrow){margin-top:20px;max-width:400px}.guide-tour-tab strong{font-size:24px}.guide-section-pad{padding-top:75px;padding-bottom:75px}.guide-editor-tour{grid-template-columns:30% minmax(0,1fr);gap:25px}.guide-section-heading{grid-template-columns:30% 1fr;gap:25px}.guide-tour-tab{padding:20px 0;gap:9px}.guide-tour-tab small{font-size:10px}.guide-ownership{gap:6vw}.guide-ownership-copy h2{font-size:49px}.guide-editorial-point h3{font-size:25px}.guide-vtt{gap:6vw}.guide-coming-label{font-size:6px}.guide-platform{gap:8px;grid-template-columns:20px 1fr}.guide-coming-label{grid-column:2}.guide-vtt h2{font-size:64px}.guide-faq{gap:45px}.guide-faq h2{font-size:50px}.guide-workflow-steps{gap:30px}}
@media(max-width:760px){&{--gutter:24px}.guide-site-header{height:75px}.guide-site-header nav{display:none}.guide-brand span{font-size:9px}.guide-brand img{width:29px}.guide-header-access{font-size:10px;gap:12px}.guide-hero{display:block;padding:28px 0 0;min-height:auto}.guide-hero-copy{padding:0 var(--gutter) 36px}.guide-hero .guide-eyebrow{font-size:8px}.guide-hero h1{font-size:clamp(68px,15vw,96px);margin-top:21px;margin-bottom:18px}.guide-hero-definition{max-width:350px;font-size:16px}.guide-hero-description{max-width:360px;font-size:12px;margin-top:10px;line-height:1.75}.guide-hero .guide-button{margin-top:21px}.guide-hero-note{font-size:9px;margin-top:12px}.guide-hero-product{margin:0 0 0 var(--gutter);transform:none;animation-name:copy-enter}.guide-product-topline{font-size:8px;padding-right:24px;padding-bottom:10px}.guide-hero-product .guide-image-button{border-right:0}.guide-hero-product figcaption{font-size:8px;padding:11px 24px 0 0}.guide-hero-bottom{margin:25px var(--gutter) 0;padding:20px 0;font-size:7px}.guide-hero-bottom a{font-size:9px}.guide-hero-bottom a span{margin-left:8px}.guide-section-pad{padding:62px var(--gutter)}.guide-section-heading{display:block;margin-bottom:30px}.guide-section-heading .guide-eyebrow{padding-top:0;margin-bottom:20px}.guide-section-heading h2{font-size:44px}.guide-section-heading p:not(.guide-eyebrow){font-size:12px;max-width:100%;margin-top:18px}.guide-editor-tour{display:flex;flex-direction:column;gap:20px}.guide-tour-controls{display:grid;grid-template-columns:repeat(3,1fr);width:100%;padding:0;gap:12px}.guide-tour-tab{display:block;padding:12px 0;border-top:1px solid var(--line);min-height:93px}.guide-tour-tab strong{font-family:var(--sans);font-size:11px;line-height:1.45;margin-top:7px}.guide-tour-tab small,.guide-tab-arrow,.guide-tour-footnote{display:none}.guide-tab-number{font-size:8px}.guide-tour-tab[aria-selected=true]{border-bottom:2px solid var(--copper)}.guide-tour-panel{width:100%}.guide-tour-panel figcaption{font-size:9px;display:block;margin-top:12px}.guide-tour-panel figcaption>span:last-child{display:block;margin-top:4px;font-size:7px}.guide-expand-icon{opacity:1;transform:none;padding:6px;right:8px;bottom:8px}.guide-expand-icon svg{width:18px;height:18px}.guide-ownership{display:flex;flex-direction:column-reverse;gap:30px}.guide-ownership-copy h2{font-size:47px;margin-top:20px}.guide-ownership-copy .guide-lead{max-width:100%;font-size:12px}.guide-editorial-point p{max-width:100%;font-size:11px}.guide-book-art{width:100%;max-width:100%}.guide-book-art img{max-height:460px;object-position:center 50%}.guide-book-art figcaption{font-size:20px}.guide-workflow-heading{display:block;margin-bottom:34px}.guide-workflow-heading .guide-eyebrow{padding:0;margin-bottom:20px}.guide-workflow h2{font-size:42px;width:100%}.guide-workflow-steps{display:block}.guide-workflow-steps li{padding:23px 0}.guide-workflow-steps li:last-child{padding-bottom:0}.guide-workflow-steps h3{font-size:32px;margin:16px 0 12px}.guide-workflow-steps h3 br{display:none}.guide-workflow-steps p{max-width:100%;font-size:12px}.guide-vtt{display:block}.guide-vtt h2{font-size:65px;margin-top:24px}.guide-vtt-intro>p:not(.guide-eyebrow){max-width:100%}.guide-vtt .guide-eyebrow{font-size:9px;letter-spacing:.11em}.guide-vtt-star{display:none}.guide-vtt-platforms{margin-top:35px}.guide-platform{grid-template-columns:20px 1fr auto;padding:23px 0;gap:10px}.guide-platform h3{font-size:30px}.guide-platform p{font-size:10px;max-width:190px}.guide-coming-label{grid-column:auto;font-size:6px;letter-spacing:.04em}.guide-faq{display:block}.guide-faq h2{font-size:47px;margin:20px 0 30px}.guide-faq summary{font-size:12px;gap:15px}.guide-faq details>p{font-size:11px}.guide-closing h2{font-size:46px}.guide-closing>p:not(.guide-eyebrow){font-size:12px}footer{flex-wrap:wrap;gap:24px}footer p{order:3;flex-basis:100%;font-size:9px}dialog{width:100vw;padding:48px 8px 15px;max-height:100svh}dialog>p{font-size:9px}.guide-dialog-close{min-height:36px}}
@media(prefers-reduced-motion:reduce){&{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}&.guide-motion-ready .guide-reveal{opacity:1;transform:none}}
.guide-sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.guide-guide-header-tools{display:flex;align-items:center;gap:24px;min-width:0}.guide-guide-language select{font:inherit;color:var(--paper);background:transparent;border:0;font-size:11px;max-width:110px;min-height:44px;cursor:pointer}.guide-guide-language option{background:var(--dark);color:var(--paper)}.guide-guide-language select:focus-visible{outline:2px solid var(--copper);outline-offset:3px}.guide-site-header{gap:20px}.guide-guide-breadcrumb{font-size:10px;color:#b9c3b8}.guide-guide-breadcrumb span{margin:0 10px}.guide-hero-copy>.guide-eyebrow{margin-top:24px}.guide-hero-product figcaption>span:last-child{max-width:280px;text-align:end;font-size:8px}.guide-guide-language-links{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;padding:15px var(--gutter) 32px;color:var(--muted);font-size:10px}.guide-guide-language-links a[aria-current]{color:var(--copper);text-decoration:underline;text-underline-offset:4px}.guide-guide-language-links a:hover{color:var(--copper)}.guide-tour-controls{display:block}.guide-tour-panel figcaption>span:last-child{max-width:50%;text-align:end}.guide-hero h1,.guide-ownership h2,.guide-section-heading h2,.guide-closing h2,.guide-faq h2{overflow-wrap:break-word}.guide-workflow h3{font-size:33px}.guide-site-header nav{gap:24px}.guide-tour-tab{text-align:start}.guide-editorial-point h3{line-height:1.2}
:lang(zh),:lang(ja),:lang(ko){--serif:'Cormorant','Songti SC','Hiragino Mincho ProN','Yu Mincho','AppleMyungjo',serif;--sans:'DM Sans','PingFang SC','Hiragino Kaku Gothic ProN','Malgun Gothic',sans-serif}
:lang(ar){--serif:'Cormorant','Geeza Pro','Noto Naskh Arabic',serif;--sans:'DM Sans','Geeza Pro',sans-serif}
:lang(hi){--serif:'Cormorant','Kohinoor Devanagari',serif;--sans:'DM Sans','Kohinoor Devanagari',sans-serif}
&:is(:lang(zh),:lang(ja),:lang(ko),:lang(ar),:lang(hi)) .guide-hero h1{font-size:clamp(42px,5vw,80px);line-height:1.3;letter-spacing:0}
&:is(:lang(zh),:lang(ja),:lang(ko),:lang(ar),:lang(hi)) h2{font-size:clamp(32px,3.6vw,57px);line-height:1.4;letter-spacing:0}
&:is(:lang(zh),:lang(ja),:lang(ko),:lang(ar),:lang(hi)) h3{line-height:1.4;font-size:25px}
&:is(:lang(zh),:lang(ja),:lang(ko),:lang(ar),:lang(hi)) em{font-style:normal}
&:is(:lang(fr),:lang(de),:lang(pt),:lang(it),:lang(ru)) .guide-hero h1{font-size:clamp(55px,6vw,97px)}
&:dir(rtl) .guide-hero{padding-inline-start:var(--gutter);padding-inline-end:0}&:dir(rtl) .guide-hero-product{margin-right:0;margin-left:-18px}&:dir(rtl) .guide-hero-bottom{padding-inline-start:0;padding-inline-end:var(--gutter)}&:dir(rtl) .guide-brand{direction:ltr}&:dir(rtl) .guide-tab-arrow{margin-left:0;margin-right:auto}&:dir(rtl) .guide-hero-product .guide-image-button,&:dir(rtl) .guide-tour-panel .guide-image-button{direction:ltr}&:dir(rtl) .guide-hero-copy{text-align:right}&:dir(rtl) .guide-expand-icon{right:auto;left:14px}
@media(max-width:1050px){.guide-guide-header-tools{gap:14px}.guide-site-header nav{gap:14px}.guide-header-access{font-size:10px;gap:10px}.guide-guide-language select{max-width:87px}.guide-brand span{font-size:10px}}
@media(max-width:760px){.guide-site-header{height:auto;min-height:100px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px;gap:0 12px}.guide-site-header nav{display:flex;order:3;flex-basis:100%;justify-content:space-between;border-top:1px solid #ffffff20;margin-top:12px;padding-top:12px;font-size:10px}.guide-guide-header-tools{gap:9px}.guide-header-access{max-width:92px;line-height:1.5}.guide-header-access>span{display:none}.guide-guide-language select{max-width:87px;font-size:10px}.guide-brand{gap:8px}.guide-brand span{font-size:8px}.guide-brand img{width:26px}.guide-hero-copy>.guide-eyebrow{margin-top:20px}.guide-guide-breadcrumb{font-size:9px}.guide-tour-controls [role=tablist]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.guide-tour-controls{width:100%}.guide-tour-panel figcaption>span:last-child{max-width:none;text-align:start}.guide-hero-product figcaption>span:last-child{max-width:180px;font-size:7px}.guide-hero h1{font-size:clamp(60px,15vw,90px)}&:is(:lang(fr),:lang(de),:lang(pt),:lang(it),:lang(ru)) .guide-hero h1{font-size:clamp(46px,12vw,76px)}&:dir(rtl) .guide-hero{padding:28px 0 0}&:dir(rtl) .guide-hero-product{margin-left:0;margin-right:var(--gutter)}&:dir(rtl) .guide-hero-bottom{padding-inline:0}.guide-guide-language-links{font-size:10px;gap:18px}.guide-book-art figcaption{gap:15px}.guide-book-art figcaption span{max-width:150px}.guide-vtt .guide-eyebrow{direction:ltr;justify-content:flex-start}}

.guide-hero{padding-top:145px}
}
body:has(#screenshot-dialog[open]){overflow:hidden}

/* Authoring capabilities: a manuscript spread and five concrete ways to work. */
.how-content {
  .guide-capabilities { background:#e6e7dc; }
  .guide-capabilities-intro { display:grid; grid-template-columns:1fr 1.1fr; gap:22px 7vw; margin-bottom:52px; align-items:end; }
  .guide-capabilities-intro .guide-eyebrow { grid-column:1/-1; color:#7c573f; }
  .guide-capabilities h2 { font-size:clamp(42px,4.4vw,70px); line-height:1.06; letter-spacing:-.025em; }
  .guide-capabilities h2 em { color:#72775f; }
  .guide-capabilities-intro .guide-lead { font-size:13px; line-height:1.9; color:var(--muted); max-width:390px; }
  .guide-capabilities-spread { display:grid; grid-template-columns:1fr 1.1fr; gap:7vw; align-items:start; }
  .guide-capabilities-proof { position:sticky; top:115px; }
  .guide-capabilities-proof figure { margin:0; }
  .guide-capabilities-proof .guide-image-button { border:1px solid #b9bfaf; box-shadow:0 16px 45px #252b2014; }
  .guide-capabilities-proof figcaption { color:var(--muted); font-size:9px; margin-top:16px; }
  .guide-capabilities-proof figcaption span:last-child { max-width:210px; text-align:end; font-size:8px; }
  .guide-manual-note { margin-top:30px; padding-inline-start:20px; border-inline-start:2px solid var(--copper); font-size:13px; line-height:1.8; max-width:420px; }
  .guide-capabilities-list { list-style:none; padding:0; margin:0; }
  .guide-capabilities-list li { display:grid; grid-template-columns:24px 1fr; gap:16px; padding:26px 0; border-top:1px solid #bac2b2; scroll-margin-top:110px; }
  .guide-capabilities-list li:first-child { padding-top:22px; }
  .guide-capability-number { font-size:10px; color:#8f5036; padding-top:8px; }
  .guide-capabilities-list h3 { font-size:clamp(28px,2.6vw,39px); line-height:1.12; margin-bottom:12px; }
  .guide-capabilities-list p { font-size:12px; line-height:1.85; color:#626b5a; max-width:440px; }
  .guide-hero h1 { font-size:clamp(62px,6.4vw,103px); }
  @media(max-width:760px) {
    .guide-capabilities-intro,.guide-capabilities-spread { display:block; }
    .guide-capabilities-intro { margin-bottom:30px; }
    .guide-capabilities-intro .guide-eyebrow { margin-bottom:20px; }
    .guide-capabilities h2 { font-size:44px; }
    .guide-capabilities-intro .guide-lead { margin-top:22px; font-size:12px; }
    .guide-capabilities-proof { position:static; margin-bottom:36px; }
    .guide-capabilities-proof figcaption { display:block; }
    .guide-capabilities-proof figcaption span { display:block; }
    .guide-capabilities-proof figcaption span:last-child { text-align:start; max-width:none; margin-top:4px; }
    .guide-manual-note { font-size:12px; margin-top:24px; }
    .guide-capabilities-list li { gap:12px; padding:24px 0; }
    .guide-capabilities-list h3 { font-size:30px; }
    .guide-capabilities-list p { font-size:12px; }
    .guide-hero h1 { font-size:clamp(54px,13vw,85px); }
  }
}

/* Seven views of the current app; keep the screenshot readable beside the index. */
.guide-page .guide-tour-tab { padding:17px 0; text-align:start; }
.guide-page .guide-tour-tab strong { font-size:23px; }
.guide-page .guide-tour-tab small { display:none; }
.guide-page .guide-tour-panel { position:sticky; top:105px; }
.guide-page .guide-tour-panel img { aspect-ratio:1512/772; height:auto; object-fit:contain; }
.guide-page .guide-tour-description { font-size:14px; line-height:1.8; color:var(--muted); margin-top:22px; max-width:620px; }
.guide-page .guide-image-button img { display:block; height:auto; }
@media(max-width:760px) {
  .guide-page .guide-tour-controls { display:block; }
  .guide-page .guide-tour-controls [role=tablist] { display:flex; overflow-x:auto; gap:18px; padding-bottom:4px; }
  .guide-page .guide-tour-tab { flex:0 0 118px; min-height:85px; padding:12px 0; }
  .guide-page .guide-tour-tab strong { font-size:12px; }
  .guide-page .guide-tour-panel { position:static; }
  .guide-page .guide-tour-description { font-size:13px; margin-top:17px; }
}

/* Keep the shared demo presentation above the guide's element resets. */
.how-content .demo-pages img{height:100%;width:auto}
.how-content .demo-original .demo-pages img{height:90%}
.how-content .demo-download{color:#fff8ec}
.how-content .demo-download-secondary{color:#783b25}
.how-content .demo-label{margin-bottom:6px}
.how-content .demo-meta{margin-top:8px}
.how-content .demo-genre{margin-top:13px}
.how-content .demo-note{justify-self:end}

/* Current beta tools: real screenshots beside an editorial feature narrative. */
.how-content {
  .guide-studio { background:#f1eee4; }
  .guide-studio-feature { display:grid; grid-template-columns:1fr 1fr; gap:8vw; align-items:center; padding:64px 0; border-top:1px solid #c8caba; }
  .guide-studio-copy { max-width:470px; }
  .guide-studio-number { color:var(--copper); font-size:11px; letter-spacing:.15em; }
  .guide-studio-copy h3 { font-size:clamp(35px,3.8vw,58px); line-height:1.05; margin:24px 0; }
  .guide-studio-copy p { font-size:14px; line-height:1.95; color:var(--muted); }
  .guide-studio-copy .guide-profile-rules { margin-top:24px; padding-inline-start:20px; border-inline-start:2px solid var(--copper); font-size:12px; }
  .guide-studio-image { margin:0; justify-self:center; width:100%; max-width:520px; }
  .guide-studio-image.is-assistant { max-width:360px; }
  .guide-studio-image.is-audio { max-width:310px; }
  .guide-studio-image .guide-image-button { border:1px solid #ccc5b7; box-shadow:0 16px 40px #332b2214; background:#fffdf7; }
  .guide-studio-image img { width:100%; height:auto; object-fit:contain; }
  .guide-studio-image figcaption,.guide-workflow-capture figcaption { font-size:9px; line-height:1.7; color:var(--muted); margin-top:15px; }
  .guide-system-bridge { display:grid; grid-template-columns:1fr 1fr; gap:8vw; align-items:center; padding-top:56px; border-top:1px solid #c8caba; }
  .guide-system-bridge h3 { font-size:clamp(36px,4vw,62px); }
  .guide-system-bridge p { font-size:14px; line-height:1.9; color:var(--muted); margin-bottom:22px; }
  .guide-workflow-spread { display:grid; grid-template-columns:1fr .9fr; gap:8vw; align-items:center; }
  .guide-workflow-spread .guide-workflow-steps { display:block; }
  .guide-workflow-spread .guide-workflow-steps li { padding:26px 0; border-top:1px solid #bfc3af; }
  .guide-workflow-spread .guide-workflow-steps li+li { border-inline-start:0; }
  .guide-workflow-capture { margin:0; max-width:450px; justify-self:center; }
  .guide-workflow-capture .guide-image-button { border:1px solid #bfc3af; background:#ccd0c0; }
  .guide-workflow-capture img { width:100%; height:auto; }
  .guide-coming-label.is-available { color:#405938; border-color:#88937b; }
  @media(max-width:760px) {
    .guide-studio-feature,.guide-system-bridge,.guide-workflow-spread { grid-template-columns:1fr; gap:32px; }
    .guide-studio-feature { padding:40px 0; }
    .guide-studio-copy h3 { font-size:37px; }
    .guide-studio-copy p,.guide-system-bridge p { font-size:13px; }
    .guide-studio-image { max-width:520px; }
    .guide-studio-image.is-assistant { max-width:360px; }
    .guide-studio-image.is-audio { max-width:260px; }
    .guide-system-bridge { padding-top:38px; }
    .guide-workflow-capture { max-width:450px; width:100%; }
  }
}

/* Public manual: anchored tasks, readable steps and expandable real screenshots. */
.how-content {
 .guide-manual-entry {display:block;width:fit-content;margin-top:22px;color:#dbac8b;font-size:13px;text-decoration:underline;text-underline-offset:5px;}
 .guide-manual {background:var(--paper);}
 .guide-manual .guide-section-heading .text-link {display:inline-block;margin-top:22px;}
 .guide-manual-spread {display:grid;grid-template-columns:minmax(200px,.65fr) minmax(0,1.35fr);gap:6vw;align-items:start;}
 .guide-manual-index {position:sticky;top:110px;border-top:1px solid var(--line);}
 .guide-manual-index a {display:flex;gap:18px;padding:17px 0;border-bottom:1px solid var(--line);font-size:12px;line-height:1.5;}
 .guide-manual-index a:hover {color:var(--copper);}
 .guide-manual-index span {color:var(--copper);font-size:10px;min-width:20px;}
 .guide-manual-task {border-top:1px solid var(--line);scroll-margin-top:105px;}
 .guide-manual-task:last-child {border-bottom:1px solid var(--line);}
 .guide-manual-task summary {display:flex;gap:18px;align-items:baseline;padding:25px 0;cursor:pointer;list-style:none;}
 .guide-manual-task summary::-webkit-details-marker {display:none;}
 .guide-manual-task summary>span:first-child {color:var(--copper);font-size:11px;}
 .guide-manual-task h3 {font-family:var(--serif);font-size:31px;line-height:1.15;margin:0;flex:1;}
 .guide-manual-toggle {color:var(--copper);font-size:22px;}
 .guide-manual-task[open] .guide-manual-toggle {transform:rotate(45deg);}
 .guide-manual-instructions {padding:0 0 32px;}
 .guide-manual-instructions ol {padding-inline-start:23px;margin:0 0 24px;}
 .guide-manual-instructions li {padding-inline-start:8px;font-size:14px;line-height:1.9;margin-bottom:16px;color:var(--muted);}
 .guide-manual-instructions li::marker {color:var(--copper);font-weight:500;}
 .guide-manual-instructions figure {max-width:420px;margin:24px auto 0;}
 .guide-manual-instructions .guide-image-button {border:1px solid var(--line);}
 .guide-manual-instructions img {display:block;width:100%;height:auto;}
 .guide-manual-instructions figcaption {font-size:10px;color:var(--muted);line-height:1.7;margin-top:12px;}
 @media(max-width:760px){
  .guide-manual-spread {grid-template-columns:1fr;gap:28px;}
  .guide-manual-index {position:static;}
  .guide-manual-index a {padding:12px 0;}
  .guide-manual-task h3 {font-size:27px;}
  .guide-manual-instructions li {font-size:13px;}
  .guide-manual-task {scroll-margin-top:90px;}
 }
}