:root{--page:var(--duo-white);--paper:var(--duo-white);--ink:var(--duo-ink);--muted:var(--duo-ink);--line:var(--duo-subtle);--blue:var(--duo-ink);--blue-light:var(--duo-surface);--sans:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body{background:var(--page);font-size:14px}h1,h2,h3{font-weight:600}h2{letter-spacing:-.025em}.site-header{background:var(--duo-white);border-color:var(--line);backdrop-filter:none}.header-inner{height:62px;padding:0 28px;max-width:none}.brand strong{font-size:25px;letter-spacing:-1px}.brand>span:last-child{font:12px var(--sans);letter-spacing:0;color:var(--duo-secondary)}.brand-mark{width:22px;height:25px;gap:3px}.brand-mark i{width:9px;height:21px;border-color:var(--duo-ink);border-width:1.4px;background:none}.brand-mark i+i{background:var(--duo-ink)}.brand-divider{height:19px;background:var(--duo-subtle)}.site-header nav{gap:25px}.site-header nav a,.header-link{font-size:12px;font-weight:500}.site-header nav a[aria-current="page"]{color:var(--ink)}.header-link span{color:inherit}.eyebrow{font:11px var(--sans);letter-spacing:0;color:var(--muted);text-transform:none}.button{font-size:13px;font-weight:500;border-radius:5px;padding:12px 17px;gap:20px}.primary{background:var(--duo-ink);color:var(--duo-white)}.primary:hover{background:var(--duo-ink)}.primary:focus-visible{outline-color:#947c42}.text-link{font-size:12px}.toast{background:var(--duo-ink)}.skip-link{font-size:13px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid #9c7d33;outline-offset:4px}.article-shell h1{font-size:40px;letter-spacing:-1.2px}.article-shell h2{font-size:27px}.article-shell pre{background:var(--duo-surface);color:var(--duo-ink);border:1px solid var(--line)}.article-shell p,.article-shell li{color:var(--duo-secondary)}.article-shell blockquote{background:var(--duo-surface);border-color:var(--duo-tertiary)}.site-footer{font-size:11px}.site-footer p{font-size:11px}.site-footer>a:last-child{font-size:11px}
@media(max-width:650px){.header-inner{padding:0 18px;height:58px;gap:15px}.brand>span:last-child{font-size:10px}.site-header nav{display:none}.header-link{font-size:11px}}
.guide-page .section-shell{max-width:1200px;padding-left:36px;padding-right:36px}.guide-page .hero{padding-top:52px;padding-bottom:46px;grid-template-columns:.85fr 1.25fr;gap:60px;align-items:center}.guide-page .hero-intro{padding:0}.guide-page .hero h1{font-size:50px;line-height:1.08;letter-spacing:-2px;font-weight:600;margin-bottom:23px}.guide-page .hero-copy{font-size:18px;line-height:1.55;letter-spacing:-.3px;max-width:340px;margin-bottom:16px}.guide-page .intro-detail{font-size:13px;line-height:1.8;max-width:340px;color:var(--duo-secondary);margin-bottom:24px}.guide-page .hero .eyebrow{font-size:10px;letter-spacing:.4px;margin-bottom:20px}.guide-page .status-dot,.guide-page .edition,.guide-page .hero-footnote,.guide-page .blue-dot,.guide-page .stage-coordinate{display:none}.guide-page .stage-topline{font:10px var(--sans);letter-spacing:0;color:var(--duo-secondary);padding-bottom:12px}.guide-page .device-stage{background:var(--duo-surface);border:0;border-radius:5px;height:355px}.guide-page .device-stage:before{display:none}.guide-page .device{width:390px;height:260px;box-shadow:0 3px 0 var(--duo-tertiary),0 12px 24px rgba(29, 29, 31, 0.071);transform:perspective(1100px) rotateY(-5deg) rotateZ(-2deg)}.guide-page .pose-picker button{font-size:10px;border-radius:4px}.guide-page .pose-picker button[aria-pressed="true"]{border-color:var(--duo-line);color:var(--duo-ink);box-shadow:none}.guide-page .toggle{font-size:10px;color:var(--duo-secondary)}.guide-page .concept-label{font-size:9px;color:var(--duo-secondary)}.guide-page .state-section{gap:70px;padding-top:30px;padding-bottom:38px}.guide-page .state-explanation h2{font-size:27px;letter-spacing:-.7px}.guide-page .state-explanation>p:not(.eyebrow){font-size:13px;line-height:1.8;color:var(--duo-secondary)}.guide-page .state-facts dt{font:9px var(--sans);letter-spacing:0;color:var(--duo-secondary)}.guide-page .state-facts dd{font-size:12px;color:var(--duo-secondary)}.guide-page .code-card{border-radius:5px;box-shadow:none;background:var(--duo-surface);border:1px solid var(--duo-line);color:var(--duo-secondary)}.guide-page .code-toolbar{border-color:var(--duo-line);font-size:11px}.guide-page .code-toolbar i,.guide-page .code-dot{display:none}.guide-page .code-card pre{font-size:11px;line-height:1.9;padding:22px;min-height:180px}.guide-page .code-caption{font-size:10px;background:transparent;border-color:var(--duo-line);color:var(--duo-secondary)}.guide-page .token-comment{color:var(--duo-secondary)}.guide-page .token-type{color:var(--duo-secondary)}.guide-page .token-keyword{color:var(--duo-secondary)}.guide-page .token-string{color:#7f654d}.guide-page .copy-button{font-size:10px;color:var(--duo-secondary)}.guide-page .principle-strip{padding-top:19px;padding-bottom:19px;gap:30px}.guide-page .principle-strip p{font-size:14px}.guide-page .strip-index{font:10px var(--sans);letter-spacing:0}.guide-page .strip-arrow{display:none}.guide-page .section-heading h2{font-size:30px;letter-spacing:-.8px}.guide-page .build-section,.guide-page .community-section{padding-top:43px;padding-bottom:43px}.guide-page .section-heading{margin-bottom:28px}.guide-page .section-heading .eyebrow{margin-bottom:10px}.guide-page .lesson-button{border-radius:0}.guide-page .lesson-button[aria-pressed="true"]{background:var(--duo-surface);color:var(--duo-secondary)}.guide-page .lesson-button strong{font-size:14px}.guide-page .lesson-button small{font-size:12px}.guide-page .lesson-panel{border-radius:5px;border-color:var(--duo-line);box-shadow:none}.guide-page .lesson-panel pre{font-size:11px;line-height:1.9}.guide-page .audit-result{background:#f6f4ee;border-color:#e4ddcb}.guide-page .updates-section{background:var(--duo-surface);border-top:1px solid var(--duo-line);border-bottom:1px solid var(--duo-line);padding:40px 0}.guide-page .update-lead h3{font-size:30px;letter-spacing:-.8px}.guide-page .update-lead>p,.guide-page .update-list p{font-size:13px}.guide-page .update-list h3{font-size:16px}.guide-page .update-list a{font-size:11px}.guide-page .small-label{font:10px var(--sans);letter-spacing:0}.guide-page .update-symbol{display:none}.guide-page .update-list article{padding-left:0;gap:0}.guide-page .date-stamp{font:10px var(--sans);letter-spacing:0}.guide-page .pill{font:10px var(--sans);letter-spacing:0;border:0;padding:0;color:var(--duo-secondary);background:none}.guide-page .pill.blue{background:none;color:var(--duo-secondary)}.guide-page .snapshot-note,.guide-page .community-footnote{font-size:11px}.guide-page .repo-grid{display:block}.guide-page .repo-card{border:0;border-top:1px solid var(--duo-line);border-radius:0;background:none;padding:23px 0}.guide-page .repo-art{display:none}.guide-page .repo-content{display:grid;grid-template-columns:1.1fr 1.7fr .9fr;gap:8px 30px;padding:0;align-items:start}.guide-page .repo-content .pill{grid-column:1;grid-row:1}.guide-page .repo-content h3{grid-column:1;grid-row:2;font-size:20px;letter-spacing:-.5px;margin:0}.guide-page .repo-content h3 span{display:none}.guide-page .repo-content>p{grid-column:2;grid-row:1/3;font-size:13px;line-height:1.8;margin:0}.guide-page .repo-bottom{grid-column:3;grid-row:1/3;border:0;padding:0;gap:9px}.guide-page .repo-bottom>span{font-size:10px;line-height:1.6}.guide-page .repo-bottom a{font-size:11px}.guide-page .heading-note{font-size:12px}.guide-page .closing{background:transparent;border:0;border-top:1px solid var(--duo-line);border-bottom:1px solid var(--duo-line);border-radius:0;margin-bottom:32px;max-width:1128px;padding:30px 0;gap:30px}.guide-page .closing h2{font-size:29px;letter-spacing:-.7px}.guide-page .closing-art{display:none}.guide-page .closing-actions{margin-right:0}.guide-page .closing p:last-child{font-size:12px}.guide-page .closing-actions .text-link{font-size:11px}.guide-page .site-footer{padding-bottom:28px}.guide-page .brand>span:last-child{font-size:11px}
@media(max-width:1000px){.guide-page .hero{gap:32px;grid-template-columns:.85fr 1.2fr}.guide-page .hero h1{font-size:43px}.guide-page .device{width:330px;height:235px}.guide-page .device-stage{height:325px}.guide-page .concept-label{margin:0;width:100%}.guide-page .repo-content{grid-template-columns:1fr 1.7fr;gap:12px 25px}.guide-page .repo-bottom{grid-column:2;grid-row:3}.guide-page .closing{margin-left:36px;margin-right:36px}}
@media(max-width:760px){.guide-page .section-shell{padding-left:22px;padding-right:22px}.guide-page .hero{grid-template-columns:1fr;padding-top:32px;gap:30px}.guide-page .hero-intro{display:block}.guide-page .hero h1{font-size:44px;margin-bottom:18px}.guide-page .hero-copy{font-size:18px;max-width:440px}.guide-page .intro-detail{max-width:440px;font-size:13px}.guide-page .device{width:390px;height:260px}.guide-page .device-stage{height:330px}.guide-page .state-section{grid-template-columns:1fr;gap:25px;padding-top:28px;padding-bottom:30px}.guide-page .state-explanation h2{font-size:27px}.guide-page .state-explanation>p:not(.eyebrow){min-height:0}.guide-page .section-heading h2{font-size:27px}.guide-page .lesson-layout,.guide-page .updates-grid{grid-template-columns:1fr;gap:25px}.guide-page .repo-content{grid-template-columns:1fr;gap:10px}.guide-page .repo-content .pill,.guide-page .repo-content h3,.guide-page .repo-content>p,.guide-page .repo-bottom{grid-column:1;grid-row:auto}.guide-page .repo-bottom{flex-direction:row;align-items:center;justify-content:space-between;margin-top:5px}.guide-page .closing{display:block;margin-left:22px;margin-right:22px;padding-left:0;padding-right:0}.guide-page .closing-actions{align-items:flex-start;margin-top:23px}.guide-page .principle-strip{display:block}.guide-page .strip-index{margin-bottom:9px;display:block}.guide-page .hero .eyebrow{font-size:10px}.guide-page .concept-label{font-size:9px}.guide-page .site-footer .brand>span:last-child{display:none}}
@media(max-width:480px){.guide-page .device{width:280px;height:205px}.guide-page .device-stage{height:290px}.guide-page .pose-picker{grid-template-columns:repeat(3,1fr)}.guide-page .hero h1{font-size:43px}.guide-page .state-facts{gap:20px}.guide-page .state-facts dd{font-size:11px}.guide-page .code-card pre{font-size:10px}.guide-page .stage-caption{font-size:8px}.guide-page .pose-picker button{font-size:11px}}
.guide-page .sample-list{background:var(--duo-surface)}.guide-page .sample-note.selected{background:var(--duo-surface);border-color:var(--duo-line)}.guide-page .sample-note.selected span{color:var(--duo-secondary)}.guide-page .detail-art{background:var(--duo-surface)}.guide-page .art-orbit{border-color:var(--duo-tertiary)}.guide-page .art-orbit.two{border-color:var(--duo-line)}.guide-page .art-orbit.three{border-color:var(--duo-line)}.guide-page .vertical-bar{background:var(--duo-surface);border-color:var(--duo-line);color:var(--duo-secondary)}.guide-page .bar-compose{background:var(--duo-subtle);color:var(--duo-secondary)}.guide-page .fold-region{background:repeating-linear-gradient(125deg,#c7ab6944 0 2px,#f1ead566 2px 6px);border-color:#baa572}.guide-page .fold-region span{color:#998454}.guide-page .device-stage[data-pose="book"] .fold-region{left:calc(49% - 25.97px);width:14px}.guide-page .code-card{background:var(--duo-surface);color:var(--duo-ink)}.guide-page .token-comment{color:var(--duo-secondary)}.guide-page .token-type{color:var(--duo-ink)}.guide-page .token-keyword{color:#7e694c}.guide-page .state-explanation>p:not(.eyebrow),.guide-page .state-facts dd{color:var(--duo-secondary)}
@media(max-width:600px){.guide-page .device-stage[data-pose="book"] .fold-region{left:calc(49% - 19.6px);width:10px}}
:root{--page:var(--duo-white);--paper:var(--duo-white);--ink:var(--duo-ink);--muted:var(--duo-secondary);--line:var(--duo-line);--blue:var(--duo-blue);--blue-light:var(--duo-selection)}
.primary{background:var(--duo-blue);color:white}.primary:hover{background:#0077ed}
.article-shell a{color:var(--duo-link)}.article-shell pre{background:var(--duo-surface);color:var(--duo-ink)}