.guide-page{--article-anchor-offset:112px;--tone-tip:#ad6500;--tone-safety:#ed0d00;padding-block:2rem 5rem}:root[data-theme=dark] .guide-page{--tone-tip:#ff9f0a;--tone-safety:#ff453a}.guide-breadcrumb{color:var(--muted);align-items:center;gap:12px;font-size:.875rem;display:flex}.guide-breadcrumb a{align-items:center;min-height:44px;display:inline-flex}.guide-header{max-width:760px;margin:2rem 0}.guide-header h1{letter-spacing:-.015em;margin:0 0 1rem;font-size:clamp(2rem,4vw,3rem);line-height:1.15}.guide-header>p{color:var(--muted);max-width:42.75rem;font-size:1.125rem;line-height:1.7}.guide-meta{color:var(--quiet);margin-top:.75rem;font-size:.875rem;display:block}.guide-tabs{border-bottom:1px solid var(--line);margin-bottom:2.5rem}.guide-tabs-track{flex-wrap:wrap;gap:8px 24px;display:flex}.guide-tabs a{min-height:48px;color:var(--muted);transition:color var(--motion-quick) ease;align-items:center;display:flex;position:relative}.guide-tabs a:after{content:"";inset-inline:0;background:var(--accent);height:2px;transition:transform .22s var(--ease-out);border-radius:2px 2px 0 0;position:absolute;bottom:-1px;transform:scaleX(0)}.guide-tabs a:hover,.guide-tabs a[aria-current]{color:var(--text)}.guide-tabs a[aria-current]:after{transform:none}.guide-body.has-outline{grid-template-columns:minmax(0,1fr) 240px;gap:48px;display:grid}.guide-outline{grid-area:1/2;align-self:start;min-width:0;position:sticky;top:112px}.guide-content{background:var(--surface);border-radius:16px;grid-area:1/1;min-width:0;max-width:calc(36em + 72px);padding:32px 36px;font-size:1.0625rem;line-height:1.8}.guide-content h2{letter-spacing:-.013em;font-size:1.6rem;line-height:1.3}.guide-content h3{letter-spacing:-.012em;font-size:1.15rem;line-height:1.45}.guide-content p{color:var(--muted);white-space:pre-line;margin:1rem 0}.guide-content h2,.guide-content h3,.guide-content details[id]{scroll-margin-top:calc(var(--article-anchor-offset) - var(--page-scroll-padding))}.guide-content :target{outline-color:var(--focus)}.guide-section+.guide-section,.guide-category+.guide-category{border-top:1px solid var(--line);margin-top:2.5rem;padding-top:2rem}.guide-section>h2:first-child,.guide-section:first-child>h2:first-child{margin-top:0}.guide-section section>h3{margin-top:1.8rem;margin-bottom:.5rem}.guide-content .guide-topic-list{margin:1rem 0;padding:0;list-style:none}.guide-topic-list li{border-top:1px solid var(--line)}.guide-content .guide-topic-list li+li{margin-top:0}.guide-topic-list a{min-height:44px;padding:1rem 40px 1rem 0;display:block;position:relative;text-decoration:none!important}.guide-topic-list strong{text-underline-offset:.2em;transition:text-decoration-color var(--motion-quick) ease;font-weight:600;line-height:1.45;text-decoration:underline 1px #0000;display:block}.guide-topic-list a:hover strong{text-decoration-color:currentColor}.guide-topic-list span{color:var(--muted);margin-top:.25rem;font-size:.9rem;line-height:1.6;display:block}:is(.guide-topic-list a,.guide-app-entry,.guide-adjacent a,.guide-search-results a){border-radius:4px}.guide-topic-list svg,.guide-app-entry svg{color:var(--muted);transition:transform .22s var(--ease-out), color var(--motion-quick) ease;position:absolute;top:calc(50% - 10px);right:0}.guide-topic-list a:is(:hover,:focus-visible) svg,.guide-app-entry:is(:hover,:focus-visible) svg{color:var(--focus)}@media (hover:hover) and (pointer:fine){.guide-topic-list a:hover svg,.guide-app-entry:hover svg{transform:translate(4px)}}.guide-app-entry{border-bottom:1px solid var(--line);padding:0 44px 1.5rem 0;display:block;position:relative;text-decoration:none!important}.guide-app-entry h2{text-underline-offset:.2em;transition:text-decoration-color var(--motion-quick) ease;margin:0;text-decoration:underline 1px #0000}.guide-app-entry svg{top:.4rem}.guide-app-entry:hover h2{text-decoration-color:currentColor}.guide-inline-link{align-items:flex-start;width:fit-content;min-height:44px;padding-block:8px;display:flex}.guide-examples{grid-template-columns:1fr 1fr;gap:24px;margin:1.75rem 0;display:grid}.guide-examples section+section{border-left:1px solid var(--line);padding-left:24px}.guide-examples h3{align-items:flex-start;gap:8px;display:flex;margin:0 0 .75rem!important}.guide-examples h3 svg{margin-top:calc(.5lh - 9px)}.guide-examples h3 svg,.guide-tone{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.guide-examples [data-example=weaker] h3{color:var(--quiet)}.guide-examples [data-example=better] h3{color:var(--accent-text)}.guide-examples blockquote{color:var(--muted);margin:0}.guide-callout,.guide-practice,.guide-policy,.guide-outcomes{border-block:1px solid var(--line);margin:2rem 0;padding:1.5rem 0}.guide-callout h3,.guide-practice h3,.guide-policy h2,.guide-outcomes h2{margin-top:0}.guide-callout{grid-template-columns:auto minmax(0,1fr);column-gap:14px;display:grid}.guide-callout>:not(.guide-tone){grid-column:2}.guide-tone{color:var(--accent-text);grid-row:1/span 2;margin-top:1px}.guide-callout[data-tone=tip] .guide-tone{color:var(--tone-tip)}.guide-callout[data-tone=safety] .guide-tone{color:var(--tone-safety)}.guide-content>.guide-outcomes:first-child{border-top:0;margin-top:0;padding-top:0}.guide-lesson>:last-child:is(.guide-callout,.guide-practice,.guide-policy){border-bottom:0;margin-bottom:0;padding-bottom:0}.guide-practice:has(+.guide-inline-link){border-bottom:0;margin-bottom:.5rem;padding-bottom:0}:is(.guide-callout,.guide-practice,.guide-policy,.guide-outcomes):has(+:is(.guide-callout,.guide-practice,.guide-policy)){margin-bottom:0}:is(.guide-callout,.guide-practice,.guide-policy,.guide-outcomes)+:is(.guide-callout,.guide-practice,.guide-policy){border-top:0;margin-top:0}.guide-content ul,.guide-content ol{color:var(--muted);padding-left:1.5rem}.guide-content li+li{margin-top:.55rem}.guide-content summary{cursor:pointer;min-height:48px;transition:color var(--motion-quick) ease;align-items:center;gap:16px;padding:.65rem 0;font-weight:550;line-height:1.55;list-style:none;display:flex}.guide-content summary::-webkit-details-marker{display:none}.guide-content summary:after{content:"";background-color:var(--quiet);width:20px;height:20px;transition:transform .18s var(--ease-out), background-color var(--motion-quick) ease;flex-shrink:0;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 4v12M4 10h12' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") 50%/contain no-repeat}.guide-faqs summary{justify-content:space-between}.guide-content summary:hover,.guide-content details[open]>summary{color:var(--accent)}.guide-faqs summary:hover:after,.guide-faqs details[open]>summary:after{background-color:var(--accent)}.guide-faqs details[open]>summary:after{transform:rotate(45deg)}.guide-practice summary{flex-direction:row-reverse;gap:8px;display:inline-flex}.guide-practice summary:after{background-color:currentColor;width:18px;height:18px;transform:rotate(-90deg);mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.guide-practice details[open]>summary:after{transform:none}.guide-content summary:focus-visible{outline-offset:4px;border-radius:4px}@supports (interpolate-size:allow-keywords){.guide-content details::details-content{interpolate-size:allow-keywords;opacity:0;block-size:0;transition:block-size .24s var(--ease-out), opacity .18s ease, content-visibility .24s allow-discrete;overflow:clip}.guide-content details[open]::details-content{opacity:1;block-size:auto}}.guide-faqs{margin-top:1rem}.guide-faqs>details{border-top:1px solid var(--line);padding:8px 0}.guide-answer{padding:0 0 16px 16px}.guide-answer p{margin:1rem 0}.guide-lesson>h2{margin-top:2.5rem}.guide-lesson>h2:not(:first-child){border-top:1px solid var(--line);padding-top:2rem}.guide-lesson>:is(.guide-callout,.guide-practice,.guide-policy)+h2{border-top:0;padding-top:0}.guide-content h2+:is(.guide-callout,.guide-practice,.guide-policy){border-top:0;margin-top:1rem;padding-top:0}.guide-adjacent{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;align-items:start;gap:24px;margin-top:2rem;padding-top:1.5rem;display:grid}.guide-adjacent:empty{display:none}.guide-adjacent a{min-height:44px;padding-inline-end:36px;display:block;position:relative;text-decoration:none!important}.guide-adjacent a[data-direction=left]{padding-inline:36px 0}.guide-adjacent a[data-direction=right]{text-align:end;grid-column:2}.guide-adjacent span{color:var(--muted);font-size:.875rem;display:block}.guide-adjacent strong{text-underline-offset:.2em;transition:text-decoration-color var(--motion-quick) ease;font-weight:550;line-height:1.45;text-decoration:underline 1px #0000;display:block}.guide-adjacent a:hover strong{text-decoration-color:currentColor}.guide-adjacent svg{color:var(--muted);transition:transform .22s var(--ease-out), color var(--motion-quick) ease;position:absolute;bottom:2px;right:0}.guide-adjacent a[data-direction=left] svg{left:0;right:auto}.guide-adjacent a:is(:hover,:focus-visible) svg{color:var(--focus)}@media (hover:hover) and (pointer:fine){.guide-adjacent a:hover svg{transform:translate(4px)}.guide-adjacent a[data-direction=left]:hover svg{transform:translate(-4px)}}.guide-note{color:var(--muted);max-width:36em;margin-top:2.5rem;font-size:.875rem}.guide-note a{align-items:center;min-height:44px;text-decoration:underline;display:inline-flex}.guide-note-links{flex-wrap:wrap;column-gap:24px;display:flex}guide-search{margin:2rem 0;display:block}guide-search[hidden]{display:none}@media (scripting:enabled){guide-search[hidden]{display:block!important}}guide-search label{margin-bottom:.5rem;font-weight:600;display:block}.guide-search-control{align-items:center;display:flex;position:relative}.guide-search-control>svg{color:var(--quiet);pointer-events:none;transition:color var(--motion-quick) ease;position:absolute;left:14px}.guide-search-control:focus-within>svg{color:var(--accent)}.guide-search-control input{border:1px solid var(--outline);background:var(--surface-base);min-width:0;min-height:48px;color:var(--text);font:inherit;transition:border-color var(--motion-quick) ease;border-radius:12px;flex:1;padding:12px 48px 12px 44px}.guide-search-control input:hover{border-color:var(--quiet)}.guide-search-control input:placeholder-shown{padding-inline-end:16px}.guide-search-control input:focus-visible{outline-offset:-1px}.guide-search-control input::-webkit-search-cancel-button{-webkit-appearance:none}.guide-search-control input::placeholder{color:var(--quiet);opacity:1}.guide-search-control button{width:44px;height:44px;color:var(--muted);font:inherit;cursor:pointer;transition:color var(--motion-quick) ease, background-color var(--motion-quick) ease, transform var(--motion-quick) var(--ease-out);background:0 0;border:0;border-radius:10px;place-items:center;display:grid;position:absolute;right:2px}.guide-search-control button:hover{color:var(--text);background:var(--raised)}.guide-search-control button:active{transform:scale(.95)}.guide-search-control button:focus-visible{outline-offset:-4px}.guide-search-status:empty{display:none}.guide-search-results{max-height:55vh;list-style:none;overflow-y:auto;padding:0!important}.guide-search-results li{border-top:1px solid var(--line)}.guide-search-results a{min-height:44px;padding:12px 0;font-weight:550;display:block;text-decoration:none!important}.guide-search-results a:hover{text-decoration:underline 1px!important}.guide-search-results span{color:var(--quiet);font-size:.85rem;font-weight:450;display:block}.guide-search-status{font-size:.9rem;margin:.75rem 0 0!important}@media (width<=850px){.guide-body.has-outline{flex-direction:column;gap:24px;display:flex}.guide-outline{z-index:5;width:100%;position:static}.guide-outline:has(article-outline[data-enhanced]){position:sticky;top:12px}.guide-content{width:100%;max-width:none}.guide-page{--article-anchor-offset:96px}}@media (width<=600px){.guide-page{padding-top:1rem}.guide-header{margin:1.5rem 0}.guide-content{padding:24px 20px;font-size:1rem}.guide-tabs{margin-bottom:1.5rem;font-size:.9rem}.guide-tabs-track{overscroll-behavior-x:contain;scrollbar-width:none;--fade-start:8px;--fade-end:24px;mask-image:linear-gradient(to right, transparent, #000 var(--fade-start), #000 calc(100% - var(--fade-end)), transparent);flex-wrap:nowrap;gap:20px;margin:-8px;padding:8px 32px 8px 8px;scroll-padding-inline:16px 40px;overflow-x:auto}.guide-tabs-track[data-more-before]{--fade-start:32px}.guide-tabs-track::-webkit-scrollbar{display:none}.guide-tabs a{white-space:nowrap;flex-shrink:0}.guide-examples{display:block}.guide-examples section+section{border-left:0;border-top:1px solid var(--line);margin-top:20px;padding:20px 0 0}.guide-adjacent{grid-template-columns:1fr}.guide-adjacent a[data-direction=right]{grid-column:1}.guide-content h2{font-size:1.4rem}.guide-answer{padding-left:0}}.guide-content :is(h2,h3)[tabindex]{outline-offset:5px;outline:2px solid #0000;transition:outline-color .2s ease-out}.guide-content :is(h2,h3)[data-jump-highlight]{outline-color:var(--focus);transition:none}@media (prefers-reduced-motion:reduce){.guide-content :is(h2,h3)[tabindex]{transition:none}}