.openai-article-page{background:#000;color:#fff;min-height:100vh;padding-top:140px;padding-bottom:140px;position:relative}.reading-progress-track{position:fixed;top:0;left:0;width:100%;height:3px;background:#ffffff14;z-index:9999;pointer-events:none}.reading-progress-fill{width:0%;height:100%;background:linear-gradient(90deg,#10b981,#fff);box-shadow:0 0 10px #fff;transition:width .1s linear}.openai-article-container{max-width:1140px;margin:0 auto;padding:0 24px;box-sizing:border-box}.openai-back-nav{padding:0 0 20px;margin-bottom:20px}.openai-back-btn{display:inline-flex;align-items:center;gap:8px;font-size:.88rem;font-weight:500;color:#fff9;text-decoration:none;transition:all .2s ease}.openai-back-btn:hover{color:#fff;transform:translate(-3px)}.openai-hero-header{text-align:center;margin-bottom:40px;width:100%}.openai-hero-meta{display:inline-flex;align-items:center;justify-content:center;gap:12px;font-size:.9rem;color:#ffffff8c;margin-bottom:24px;letter-spacing:.02em}.meta-category-link{color:#ffffffd9;text-decoration:none;transition:color .2s ease}.meta-category-link:hover{color:#10b981}.meta-dot{color:#ffffff40}.openai-hero-title{font-family:var(--font-heading, sans-serif);font-size:clamp(2.2rem,4.4vw,3.6rem);font-weight:700;line-height:1.18;letter-spacing:-.025em;color:#fff;max-width:980px;margin:0 auto 20px;text-wrap:balance}.openai-hero-subtitle{font-size:1.2rem;line-height:1.6;color:#ffffffb8;max-width:740px;margin:0 auto;text-wrap:pretty}.openai-featured-media{position:relative;width:100%;max-width:1140px;aspect-ratio:16 / 9;max-height:520px;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 60px #000000e6;background:#08080c;margin:40px auto 0;box-sizing:border-box}.openai-cover-img{width:100%!important;height:100%!important;max-width:100%!important;max-height:520px!important;object-fit:cover!important;object-position:center 30%!important;display:block!important;transition:transform .6s cubic-bezier(.16,1,.3,1)}.openai-featured-media:hover .openai-cover-img{transform:scale(1.02)}.openai-media-badge{position:absolute;bottom:18px;right:18px;background:#000c;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);color:#fff;font-family:var(--font-mono, monospace);font-size:.75rem;font-weight:700;padding:6px 14px;border-radius:999px;display:inline-flex;align-items:center;gap:8px;z-index:2}.badge-pulse-dot{width:6px;height:6px;border-radius:50%;background:#10b981;box-shadow:0 0 10px #10b981}.openai-action-strip{max-width:1140px;margin:36px auto 56px;padding:18px 0;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.openai-listen-pill{display:inline-flex;align-items:center;gap:10px;padding:7px 16px;border-radius:999px;background:#ffffff0d;border:1px solid rgba(255,255,255,.14);color:#fff;font-size:.88rem;font-weight:500;cursor:pointer;user-select:none;transition:all .2s ease}.openai-listen-pill:hover{background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-1px)}.listen-circle-icon{width:24px;height:24px;border-radius:50%;background:#fff;color:#000;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.openai-listen-pill:hover .listen-circle-icon{transform:scale(1.1)}.listen-duration-chip{font-family:var(--font-mono, monospace);font-size:.82rem;color:#ffffff80;margin-left:4px}.openai-share-wrap{position:relative}.openai-share-btn{display:inline-flex;align-items:center;gap:8px;background:transparent;border:none;color:#ffffffb3;font-size:.88rem;font-weight:500;cursor:pointer;padding:6px 10px;border-radius:6px;transition:color .2s ease}.openai-share-btn:hover{color:#fff}.share-toast{position:absolute;top:-36px;right:0;background:#fff;color:#000;font-weight:700;font-size:.75rem;padding:4px 12px;border-radius:6px;white-space:nowrap;pointer-events:none;opacity:0;transform:translateY(6px);transition:all .2s ease;z-index:10}.share-toast.show{opacity:1;transform:translateY(0)}.openai-grid-layout{display:grid;grid-template-columns:240px minmax(0,780px);gap:64px;align-items:start;max-width:1140px;margin:0 auto 90px}.openai-toc-col{min-width:0;width:240px}.openai-toc-sticky{position:sticky;top:108px;max-height:calc(100vh - 130px);overflow-y:auto;padding-right:12px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.openai-toc-top-label{display:flex;align-items:center;gap:6px;font-family:var(--font-mono, monospace);font-size:.72rem;letter-spacing:.12em;color:#fff6;margin-bottom:18px;text-transform:uppercase}.toc-bullet-icon{color:#10b981}.openai-toc-mobile-toggle{display:none;width:100%;background:#ffffff0a;border:1px solid rgba(255,255,255,.12);color:#fff;padding:12px 18px;border-radius:10px;font-size:.9rem;font-weight:600;text-align:left;cursor:pointer;justify-content:space-between;align-items:center;margin-bottom:14px}.openai-toc-nav{display:flex;flex-direction:column;gap:4px}.openai-toc-link{display:block;font-size:.88rem;line-height:1.45;color:#ffffff6b;padding:6px 0;text-decoration:none;transition:all .2s ease;position:relative}.openai-toc-link:hover{color:#fff}.openai-toc-link.is-subheading{padding-left:18px;font-size:.82rem;color:#ffffff59}.openai-toc-link.active{color:#fff;font-weight:600;padding-left:14px}.openai-toc-link.active:before{content:"";position:absolute;left:0;top:10px;width:5px;height:5px;border-radius:50%;background:#10b981;box-shadow:0 0 8px #10b981}.openai-toc-link.is-subheading.active{padding-left:28px}.openai-toc-link.is-subheading.active:before{left:14px}.openai-toc-progress-indicator{margin-top:28px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08)}.progress-bar-track{width:100%;height:2px;background:#ffffff1a;border-radius:999px;overflow:hidden;margin-bottom:8px}.progress-bar-fill{width:0%;height:100%;background:#10b981;transition:width .15s ease-out}.progress-percent{font-family:var(--font-mono, monospace);font-size:.72rem;color:#fff6}.openai-body-col{min-width:0;max-width:780px}.openai-prose-body,.reader-article-body{font-size:1.125rem;line-height:1.8;color:#ffffffe0;font-family:var(--font-body, sans-serif)}.openai-prose-body .lead-paragraph,.reader-article-body .lead-paragraph{font-size:1.25rem;line-height:1.75;color:#fff;font-weight:400;margin-bottom:32px;padding-bottom:4px}.openai-prose-body p,.reader-article-body p{margin-bottom:24px}.openai-prose-body h2,.reader-article-body h2{font-family:var(--font-heading, sans-serif);font-size:2rem;font-weight:700;line-height:1.3;letter-spacing:-.02em;color:#fff;margin-top:56px;margin-bottom:20px;scroll-margin-top:120px}.openai-prose-body h3,.reader-article-body h3{font-family:var(--font-heading, sans-serif);font-size:1.35rem;font-weight:600;line-height:1.4;color:#fff;margin-top:36px;margin-bottom:16px;scroll-margin-top:120px}.openai-prose-body a,.reader-article-body a{color:#fff;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#fff6;transition:all .2s ease}.openai-prose-body a:hover,.reader-article-body a:hover{text-decoration-color:#10b981;color:#10b981}.openai-prose-body ul,.openai-prose-body ol,.reader-article-body ul,.reader-article-body ol{margin:20px 0 28px 24px;padding:0}.openai-prose-body li,.reader-article-body li{margin-bottom:12px;padding-left:4px}.openai-prose-body ul.article-bullet-list,.reader-article-body ul.article-bullet-list{list-style-type:disc}.openai-prose-body ol.article-num-list,.reader-article-body ol.article-num-list{list-style-type:decimal}.openai-prose-body strong,.reader-article-body strong{color:#fff;font-weight:700}.article-telemetry-callout{background:#08080c;border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:24px 28px;margin:36px 0;box-shadow:inset 0 1px #ffffff1a}.telemetry-header{display:flex;align-items:center;gap:8px;font-family:var(--font-mono, monospace);font-size:.72rem;letter-spacing:.1em;color:#ffffff8c;margin-bottom:18px;text-transform:uppercase}.telemetry-status-dot{width:6px;height:6px;border-radius:50%;background:#10b981;box-shadow:0 0 8px #10b981}.telemetry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.telemetry-item{display:flex;flex-direction:column}.telemetry-num{font-family:var(--font-heading, sans-serif);font-size:1.85rem;font-weight:800;color:#fff;letter-spacing:-.02em}.telemetry-label{font-size:.78rem;color:#ffffff80;margin-top:4px}.openai-prose-body blockquote,.article-quote-card{background:#ffffff08;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:32px 36px;margin:44px 0;box-shadow:0 10px 30px #00000080}.openai-prose-body blockquote p{font-size:1.25rem;line-height:1.6;color:#fff;font-weight:400;margin:0}.openai-prose-body pre{background:#08080c;border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:22px;margin:36px 0;overflow-x:auto;font-family:SF Mono,Menlo,Consolas,Monaco,monospace;font-size:.9rem;line-height:1.6;color:#e2e8f0}.openai-prose-body code{font-family:SF Mono,Menlo,Consolas,Monaco,monospace;font-size:.9em;padding:2px 6px;background:#ffffff14;border-radius:4px;color:#fff}.openai-prose-body pre code{padding:0;background:transparent;border-radius:0}.article-figure{margin:40px 0;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:#06060a;box-shadow:0 16px 40px #000000b3;text-align:center}.article-figure img{width:100%;height:auto;max-height:520px;object-fit:contain;display:block;margin:0 auto;background:#06060a}.article-figure figcaption{padding:12px 20px;font-family:var(--font-mono, monospace);font-size:.8rem;color:#ffffff80;border-top:1px solid rgba(255,255,255,.08);background:#ffffff05;text-align:center}.openai-prose-body img,.reader-article-body img{max-width:100%;height:auto;border-radius:14px;border:1px solid rgba(255,255,255,.1);display:block;margin:32px auto}.architecture-diagram-block{background:#050508;border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:24px;margin:40px 0;overflow-x:auto}.diagram-title{font-family:var(--font-mono, monospace);font-size:.75rem;font-weight:700;letter-spacing:.08em;color:#10b981;margin-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:8px}.diagram-canvas{font-family:SF Mono,Consolas,Monaco,monospace;font-size:.82rem;line-height:1.45;color:#fff;margin:0;white-space:pre}.diagram-caption{margin-top:14px;font-family:var(--font-mono, monospace);font-size:.74rem;color:#ffffff73}.table-responsive{width:100%;overflow-x:auto;margin:36px 0;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#ffffff05}.article-spec-table{width:100%;border-collapse:collapse;text-align:left;font-size:.9rem}.article-spec-table th{background:#ffffff0f;padding:14px 18px;font-weight:700;color:#fff;border-bottom:1px solid rgba(255,255,255,.12);font-family:var(--font-heading, sans-serif)}.article-spec-table td{padding:14px 18px;color:#fffc;border-bottom:1px solid rgba(255,255,255,.06)}.article-spec-table tr:last-child td{border-bottom:none}.article-video-player-wrap{margin:40px 0;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.15);background:#000;box-shadow:0 16px 40px #000000d9}.article-embedded-video{width:100%;max-height:480px;display:block;background:#000}.video-caption{padding:12px 18px;font-family:var(--font-mono, monospace);font-size:.78rem;color:#ffffff80;background:#ffffff08;border-top:1px solid rgba(255,255,255,.08)}.openai-bottom-tags-strip{display:flex;align-items:center;gap:12px;margin-top:48px;padding-top:28px;border-top:1px solid rgba(255,255,255,.08);flex-wrap:wrap}.tag-title{font-family:var(--font-mono, monospace);font-size:.78rem;color:#fff6;text-transform:uppercase}.tag-pills-wrap{display:flex;gap:8px;flex-wrap:wrap}.openai-tag-pill{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);padding:5px 14px;border-radius:999px;font-size:.82rem;color:#ffffffbf;text-decoration:none;transition:all .2s ease}.openai-tag-pill:hover{background:#ffffff1f;color:#fff;border-color:#ffffff4d}.openai-author-card{margin-top:36px;padding:24px;background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:14px}.author-label-small{font-family:var(--font-mono, monospace);font-size:.74rem;color:#fff6;margin-bottom:12px;text-transform:uppercase;letter-spacing:.08em}.author-profile-row{display:flex;align-items:center;gap:14px}.author-avatar-badge{width:44px;height:44px;border-radius:10px;background:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.author-avatar-img{width:26px;height:26px;object-fit:contain}.author-name-text{font-weight:700;font-size:1rem;color:#fff}.author-affiliation-text{font-family:var(--font-mono, monospace);font-size:.76rem;color:#ffffff80}.openai-takeaways-card{background:linear-gradient(135deg,#10b9810d,#ffffff05);border:1px solid rgba(16,185,129,.3);border-radius:14px;padding:26px;margin:44px 0 36px}.takeaways-header-row{display:flex;align-items:center;gap:10px;margin-bottom:14px}.takeaways-symbol{color:#10b981;font-size:1.1rem}.openai-takeaways-card h4{font-family:var(--font-mono, monospace);font-size:.8rem;letter-spacing:.08em;color:#10b981;margin:0}.takeaways-bullet-list{margin:0 0 0 20px;padding:0;color:#ffffffd9;font-size:.95rem;line-height:1.7}.takeaways-bullet-list li{margin-bottom:8px}.openai-consultation-banner{background:#08080c;border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:36px;margin-top:40px;text-align:left}.consultation-content h3{font-family:var(--font-heading, sans-serif);font-size:1.35rem;font-weight:700;color:#fff;margin:0 0 10px}.consultation-content p{font-size:.95rem;color:#ffffffa6;margin:0 0 22px;max-width:600px}.openai-related-section{max-width:1140px;margin:80px auto 0;padding-top:60px;border-top:1px solid rgba(255,255,255,.1)}.openai-related-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:36px}.openai-related-title{font-family:var(--font-heading, sans-serif);font-size:1.85rem;font-weight:700;letter-spacing:-.02em;color:#fff;margin:0}.openai-related-all-link{display:inline-flex;align-items:center;gap:6px;font-size:.9rem;color:#ffffffb3;text-decoration:none;transition:all .2s ease}.openai-related-all-link:hover{color:#fff}.openai-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.openai-related-card{min-width:0}.related-card-link-wrap{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit}.related-media-box{position:relative;width:100%;aspect-ratio:4 / 3;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:#08080c;margin-bottom:16px}.related-thumb-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.related-card-link-wrap:hover .related-thumb-image{transform:scale(1.04)}.related-thumb-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s ease}.related-cat-chip{position:absolute;top:12px;left:12px;background:#000000bf;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.18);color:#fff;font-size:.72rem;font-weight:600;padding:3px 10px;border-radius:999px;text-transform:uppercase}.related-meta-row{font-size:.8rem;color:#ffffff73;margin-bottom:8px}.related-headline{font-family:var(--font-heading, sans-serif);font-size:1.15rem;font-weight:700;line-height:1.4;color:#fff;margin:0 0 8px;transition:color .2s ease;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.related-card-link-wrap:hover .related-headline{color:#10b981}.related-summary-text{font-size:.88rem;line-height:1.55;color:#fff9;margin:0 0 14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.related-arrow-link{display:inline-flex;align-items:center;gap:6px;font-size:.84rem;font-weight:600;color:#fffc;margin-top:auto;transition:gap .2s ease,color .2s ease}.related-card-link-wrap:hover .related-arrow-link{color:#10b981;gap:10px}@media(max-width:1024px){.openai-grid-layout{grid-template-columns:1fr;gap:36px}.openai-toc-col{width:100%}.openai-toc-sticky{position:static!important;max-height:none!important;padding-right:0}.openai-toc-mobile-toggle{display:flex}.openai-toc-nav{display:none;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px;margin-bottom:20px}.openai-toc-nav.is-open{display:flex}.openai-toc-top-label,.openai-toc-progress-indicator{display:none}.openai-related-grid{grid-template-columns:1fr;gap:28px}.telemetry-grid{grid-template-columns:1fr;gap:16px}}@media(max-width:640px){.openai-article-page{padding-top:100px}.openai-hero-title{font-size:2rem}.openai-hero-subtitle{font-size:1.05rem}.openai-action-strip{flex-direction:column;align-items:flex-start}}