.device-work-guide{--work-guide-ink:var(--site-ink,#171815);--work-guide-muted:var(--site-muted,#6f716b);--work-guide-line:var(--site-line,#1f221d1f);min-width:0;color:var(--work-guide-ink);text-align:start}.device-work-guide h2{letter-spacing:-.04em;max-width:30ch;margin:0;font-size:clamp(24px,2.8vw,32px);font-weight:560;line-height:1.2}.device-work-guide--panel{gap:32px;scroll-margin-top:104px;display:grid}.device-work-guide--panel:focus{outline:none}.device-work-guide--panel:focus-visible{outline:1px solid var(--work-guide-muted);outline-offset:8px}.device-work-guide-content{overflow-wrap:anywhere;gap:20px;min-width:0;display:grid}.device-work-guide p{margin:0}.device-work-guide-examples{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-content:start;gap:48px;margin:0;padding:0;font-size:18px;line-height:1.5;list-style:none;display:grid}.device-work-guide-examples li{min-width:0}.device-work-guide-examples strong{max-width:35ch;font-weight:550;display:block}.device-work-guide-examples q{color:var(--work-guide-muted);margin-top:8px;font-size:14px;font-weight:400;display:block}.device-work-guide-notes{border-top:1px solid var(--work-guide-line);color:var(--work-guide-muted);grid-column:1/-1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;padding-top:16px;font-size:13px;line-height:1.55;display:grid}.device-work-guide-notes p+p{margin-top:3px}.device-work-guide-notes a{min-height:32px;color:var(--work-guide-ink);align-items:center;gap:8px;margin-top:6px;font-weight:550;text-decoration:none;display:inline-flex}.device-work-guide-notes a:hover{text-underline-offset:4px;text-decoration:underline}[dir=rtl] .device-work-guide-notes a>span{transform:scaleX(-1)}.device-work-guide--compact{--work-guide-ink:var(--ds-text);--work-guide-muted:var(--ds-muted);--work-guide-line:var(--ds-line)}.device-work-guide-toggle{z-index:1;background:var(--ds-surface);width:100%;min-height:40px;color:var(--work-guide-ink);font:inherit;text-align:start;cursor:pointer;border:0;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;padding:8px 9px;font-size:13px;display:flex;position:sticky;top:0}.device-work-guide-toggle:hover{background:var(--ds-surface-raised)}.device-work-guide-chevron{border-bottom:1px solid;border-right:1px solid;flex:0 0 6px;width:6px;height:6px;transform:rotate(45deg)}.device-work-guide-toggle[aria-expanded=true] .device-work-guide-chevron{transform:rotate(225deg)}.device-work-guide-toggle:focus-visible,.device-work-guide-notes a:focus-visible{outline:1px solid var(--work-guide-muted);outline-offset:2px}.device-work-guide--compact .device-work-guide-content{gap:16px;padding:6px 9px 8px}.device-work-guide--compact .device-work-guide-examples{grid-template-columns:minmax(0,1fr);gap:16px;font-size:13px;line-height:1.55}.device-work-guide--compact .device-work-guide-examples q{margin-top:4px;font-size:13px}.device-work-guide--compact .device-work-guide-notes{grid-template-columns:minmax(0,1fr);gap:10px;padding-top:12px}@media (max-width:640px){.device-work-guide--panel{gap:26px}.device-work-guide-examples{grid-template-columns:minmax(0,1fr);gap:24px}.device-work-guide-notes{grid-template-columns:minmax(0,1fr);gap:12px}}