.article{--reader-font-size:1rem;max-width:74rem;margin-inline:auto}.article-header{max-width:54rem;margin:clamp(2.5rem,6vw,5rem) auto 2.5rem}.article-header h1{overflow-wrap:anywhere;hyphens:auto;font-size:clamp(2.4rem,5vw,4.3rem);line-height:1.1}.article-meta{color:var(--color-text-secondary);margin-top:1.5rem;font-size:.76rem}.article-summary{max-width:47rem;margin-block:1.1rem;font-size:1rem;line-height:1.65}.article-example-link{text-underline-offset:.2em;padding-block:.3rem;font-size:.8rem;display:inline-block}.blog-reader-controls>summary{cursor:pointer;font-size:.8rem}.blog-reader-controls[open]>summary{margin-bottom:.8rem}.article-cover{max-width:54rem;margin:0 auto 2rem}.article-cover img{width:100%;height:auto;display:block}.article-cover figcaption{color:var(--color-text-secondary);margin-top:.5rem;font-size:.72rem}.article-reading{grid-template-columns:minmax(0,1fr);gap:1.7rem;display:grid}.article-reading-content{min-width:0}.blog-reader-navigation{z-index:5;background:var(--color-canvas-base);align-self:start;position:sticky;top:.5rem}.article-contents{border:1px solid var(--color-border-subtle);background:var(--color-canvas-base);margin:0;padding:.9rem 1.1rem}.article-contents summary{cursor:pointer;min-height:1.5rem;font-size:.82rem;font-weight:700}.article-contents[open] summary{margin-bottom:.7rem}.article-contents nav{overscroll-behavior:contain;max-height:45vh;overflow-y:auto}.article-contents ol{margin:0;padding:0;list-style:none}.article-contents li{font-size:.76rem;line-height:1.5}.article-contents a{overflow-wrap:anywhere;border-inline-start:3px solid #0000;padding:.55rem .65rem;text-decoration:none;display:block}.article-contents a:hover{text-underline-offset:.2em;text-decoration:underline}.article-contents a[aria-current]{border-color:var(--color-action-primary);background:var(--color-surface-quiet);font-weight:700}.article-contents .article-contents-subsection{padding-inline-start:.8rem}.blog-reader-current{white-space:nowrap;text-overflow:ellipsis;max-width:34rem;color:var(--color-text-secondary);font-size:.7rem;font-weight:400;display:block;overflow:hidden}.article-contents[open] .blog-reader-current{display:none}.blog-reader-top{padding:.5rem 1rem;font-size:.72rem;display:block}.article-body{font-size:var(--reader-font-size);overflow-wrap:anywhere;line-height:1.8}.article-body h2{margin-top:3rem;font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.2}.article-body :is(h2,h3),#article-title{scroll-margin-top:7rem}.article-body h3{margin-top:2rem;font-size:1.3em;line-height:1.3}.article-body p,.article-body li{max-width:47rem}.article-body li{margin-block:.65rem}.article-body a{text-underline-offset:.18em}.article-body blockquote{border-left:3px solid var(--color-accent-brass);background:var(--color-surface-quiet);margin:2rem 0;padding:1.3rem 1.7rem}.article-body blockquote p{margin-block:.6rem}.article-body table{border-collapse:collapse;width:100%;margin-block:1.8rem;font-size:.86em;line-height:1.6}.article-body th,.article-body td{border-bottom:1px solid var(--color-border-subtle);text-align:left;vertical-align:top;padding:.8rem}.article-body th{background:var(--color-surface-quiet)}.article-body table caption{text-align:left}.article-body pre{background:var(--color-surface-quiet);white-space:pre-wrap;overflow-wrap:anywhere;padding:1.2rem;font-size:.86em;line-height:1.6}.article-request-copy{font:inherit;cursor:pointer;background:var(--color-canvas-base);color:var(--color-text-primary);border:1px solid var(--color-border-subtle);margin-top:.5rem;padding:.7rem 1rem}.article-request-status{min-height:1.5rem;font-size:.8rem}.article-copy-manual{box-sizing:border-box;width:100%;min-height:12rem;font:inherit;resize:vertical;color:var(--color-text-primary);background:var(--color-canvas-base);border:1px solid var(--color-border-subtle);padding:.8rem;font-size:.85em;line-height:1.6;display:block}.blog-reader-controls,.blog-reader-resume{background:var(--color-surface-quiet);max-width:54rem;margin:0 auto 1.7rem;padding:1rem 1.2rem}.blog-reader-settings,.blog-reader-resume>div{flex-wrap:wrap;align-items:center;gap:.65rem 1rem;display:flex}.blog-reader-settings label{font-size:.8rem}.blog-reader-settings select,.blog-reader-settings button,.blog-reader-resume button{max-width:100%;min-height:2.5rem;font:inherit;cursor:pointer;color:var(--color-text-primary);background:var(--color-canvas-base);border:1px solid var(--color-border-subtle);padding:.55rem .8rem;font-size:.78rem}.blog-reader-settings button[aria-pressed=true]{border-color:var(--color-action-primary);color:var(--color-text-on-dark);background:var(--color-action-primary)}.blog-reader-storage-note{color:var(--color-text-secondary);margin:.7rem 0 0;font-size:.7rem}.blog-reader-settings-status{margin:.5rem 0 0;font-size:.75rem}.blog-reader-settings-status:empty{display:none}.blog-reader-resume p{margin:0 0 .8rem;font-size:.85rem}.article[data-reader-size=large]{--reader-font-size:1.15rem}.article[data-reader-size=largest]{--reader-font-size:1.3rem}.article[data-reading-mode=true] .article-cover{display:none}.article[data-reading-mode=true] .article-body{line-height:1.95}.article[data-reading-mode=true] .article-header h1{font-size:clamp(2rem,4vw,3rem)}.article[data-reading-mode=true] .article-header{margin-top:2rem}.article :is(a,button,summary,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--color-action-primary);outline-offset:4px}.article button:disabled{cursor:wait;opacity:.7}.blog-reader-table{overscroll-behavior-x:contain;max-width:100%;margin-block:.5rem 1.8rem;overflow-x:auto}.article-body .blog-reader-table table{min-width:38rem;margin:0;display:table}.blog-reader-table-hint{color:var(--color-text-secondary);margin-bottom:.5rem;font-size:.72rem}@media (width>=1100px){.article-reading{grid-template-columns:15rem minmax(0,1fr);gap:2.5rem}.blog-reader-navigation{top:1rem}.article-contents nav{max-height:calc(100vh - 9rem)}.article-body :is(h2,h3),#article-title{scroll-margin-top:1.5rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.article,.article *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.document-example{background:var(--color-surface-quiet);margin-block:3rem;padding:clamp(1rem,3vw,2rem);scroll-margin-top:1.5rem}.document-example h2{margin-top:0;font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.2}.document-example label{margin-block:1rem .5rem;font-weight:700;display:block}.document-example textarea{box-sizing:border-box;resize:vertical;width:100%;min-height:18rem;font:inherit;color:var(--color-text-primary);background:var(--color-canvas-base);border:1px solid var(--color-border-subtle);padding:1rem;font-size:.88rem;line-height:1.6;display:block}.document-example button{font:inherit;cursor:pointer;color:var(--color-text-primary);background:var(--color-canvas-base);border:1px solid var(--color-border-subtle);margin-top:1rem;padding:.8rem 1rem;font-weight:700}.document-example [role=status]{min-height:3rem;font-size:.85rem}.retell-flow{margin:2rem 0}.retell-flow img{width:360px;max-width:100%;height:auto;margin-inline:auto;display:block}.retell-flow figcaption{color:var(--color-text-secondary);text-align:center;margin-top:.7rem;font-size:.8rem}.retell-example details{margin-block:1.5rem}.retell-example summary{cursor:pointer;font-weight:700}.retell-example blockquote{border-inline-start:3px solid var(--color-accent-brass);margin:1rem 0;padding-inline-start:1rem}.retell-example blockquote p{line-height:1.7}@media (width<=560px){body:has([data-blog-reader],[data-blog-catalog],[data-text-practice]) .analytics-choice__panel{gap:.5rem;padding-block:.55rem}body:has([data-blog-reader],[data-blog-catalog],[data-text-practice]) .analytics-choice__panel p{font-size:.72rem}body:has([data-blog-reader],[data-blog-catalog],[data-text-practice]) .analytics-choice__actions{flex-wrap:nowrap;gap:.8rem;width:100%}body:has([data-blog-reader],[data-blog-catalog],[data-text-practice]) .analytics-choice__actions button{width:auto;min-height:44px;padding:.5rem .65rem}body:has([data-blog-reader],[data-blog-catalog],[data-text-practice]) .analytics-choice__actions .button{flex:1}.article-header{margin-block:1.4rem 1.2rem}.article-header h1{font-size:2.1rem;line-height:1.15}.article-meta{margin-top:.8rem}.article-cover img{object-fit:contain;max-height:220px}.blog-reader-controls{margin-bottom:1rem;padding:.65rem 1rem}.article-contents{padding:.8rem}.blog-reader-controls,.blog-reader-resume{padding:1rem}.blog-reader-settings label{flex-basis:100%}.article-body blockquote{padding-inline:1rem}.article-body table{max-width:100%;display:block;overflow-x:auto}.article-body th,.article-body td{min-width:8rem;padding:.7rem}}
