.article-banner{background:var(--ivory-card);border-bottom:1px solid var(--border-on-light);padding-top:var(--space-28)}.article-banner__inner{max-width:var(--container-max);margin:0 auto;padding:var(--space-6) var(--space-24);display:flex;align-items:center;justify-content:space-between;gap:var(--space-6)}.article-banner__author{display:flex;align-items:center;gap:var(--space-4);min-width:0}.article-banner__photo{width:48px;height:48px;border-radius:var(--radius-full);object-fit:cover;flex-shrink:0;filter:saturate(.92)}.article-banner__author-text{display:flex;flex-direction:column;gap:2px;min-width:0}.article-banner__name{font-family:var(--font-display);font-weight:600;font-size:var(--text-xl);color:var(--ink-deep);letter-spacing:.01em;white-space:nowrap}.article-banner__pub{font-family:var(--font-body);font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mid);white-space:nowrap}.article-banner__pub em{font-style:italic;color:var(--caramel)}.article-banner__logo{height:52px;width:auto;flex-shrink:0;opacity:.92}.article{padding-top:var(--space-14)}.article__back{display:inline-flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-10);font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-mid);text-decoration:none;transition:color .2s ease}.article__back svg{width:16px;height:16px;transition:transform .2s cubic-bezier(.16,1,.3,1)}.article__back:hover{color:var(--caramel)}.article__back:hover svg{transform:translate(-3px)}.article__header{max-width:760px;margin-bottom:var(--space-14)}.article__category{display:inline-block;margin-bottom:var(--space-4);font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--caramel)}.article__title{font-family:var(--font-display);font-style:italic;font-weight:300;font-size:clamp(2.25rem,4.5vw,3.75rem);line-height:1.12;color:var(--ink-deep)}.article__date{display:block;margin-top:var(--space-4);font-family:var(--font-body);font-size:var(--text-md);color:var(--ink-mid)}.article__body{max-width:680px}.article__body p{margin-bottom:var(--space-6);font-family:var(--font-body);font-size:var(--text-xl);line-height:1.8;color:var(--ink-mid)}.article__body p strong{font-weight:600;color:var(--ink-deep)}.article__rule{width:40px;height:1px;margin:var(--space-10) 0;background:var(--caramel)}.article__subhead{margin-top:var(--space-12);margin-bottom:var(--space-3);font-family:var(--font-display);font-style:italic;font-weight:600;font-size:clamp(1.375rem,1.2rem + .8vw,1.75rem);line-height:1.25;color:var(--ink-deep)}.article__quote{margin:var(--space-10) 0;font-family:var(--font-display);font-weight:600;font-size:var(--text-xl);line-height:1.6;color:var(--ink-deep)}.article__body pre{margin:0 0 var(--space-6) 0;padding:var(--space-5) var(--space-6);background:var(--ink-deep);border-radius:var(--radius-md);overflow-x:auto;-webkit-overflow-scrolling:touch}.article__body pre code{display:block;padding:0;background:transparent;color:var(--ivory-card);font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.8125rem;line-height:1.7;white-space:pre}.article__body code{padding:.1em .4em;background:rgba(var(--ink-base-rgb),var(--alpha-08));border-radius:var(--radius-sm);color:var(--caramel);font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.85em}.article__body table{width:100%;margin:0 0 var(--space-8) 0;border-collapse:collapse;font-family:var(--font-body);font-size:var(--text-md)}.article__body th,.article__body td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--border);color:var(--ink-mid);vertical-align:top}.article__body th{font-weight:600;letter-spacing:.04em;text-transform:uppercase;font-size:var(--text-xs);color:var(--ink-deep)}.article__body td code{white-space:nowrap}.article__sources{max-width:680px;margin-top:var(--space-10);padding-top:var(--space-8);border-top:1px solid var(--border-on-light)}.article__sources .article__subhead{margin-top:0}.article__sources-list{margin:0;padding-left:1.25em;font-family:var(--font-body);font-size:var(--text-md);line-height:1.7;color:var(--ink-mid)}.article__sources-list li{margin-bottom:var(--space-3)}.article__sources-list a{color:var(--ink-deep);text-decoration:none;border-bottom:1px solid rgba(var(--ink-base-rgb),var(--alpha-35));transition:border-color .15s ease,color .15s ease}.article__sources-list a:hover{color:var(--caramel);border-color:var(--caramel)}.article__demo{margin:calc(-1 * var(--space-2)) 0 var(--space-6) 0;border:1px solid var(--border-on-light);border-radius:var(--radius-md);background:var(--ivory-card);overflow:hidden}.article__demo-label{display:flex;align-items:flex-start;gap:var(--space-2);margin:0;padding:var(--space-3) var(--space-6);border-bottom:1px solid var(--border-on-light);font-family:var(--font-body);font-size:var(--text-xs);font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mid)}.article__demo-label:before{content:"";width:6px;height:6px;margin-top:.5em;flex-shrink:0;border-radius:var(--radius-full);background:var(--caramel)}.article__demo-preview{display:flex;justify-content:center;padding:var(--space-6);overflow-x:auto}.article__demo-caption{margin:0;padding:0 var(--space-6) var(--space-5);font-family:var(--font-body);font-size:var(--text-xs);font-style:italic;color:var(--ink-mid)}.article__demo-chip{display:flex;align-items:center;justify-content:center;width:34px;height:34px;flex-shrink:0;border-radius:var(--radius-full);background:var(--caramel-pale);color:var(--ink-deep);font-family:var(--font-body);font-weight:500;font-size:var(--text-sm)}.article__demo-chip--egg{border-radius:50%/60%}.article__demo-card{display:flex;align-items:center;justify-content:center;min-height:56px;padding:var(--space-3);border:1px solid var(--border-on-light);border-radius:var(--radius-sm);background:#fff;color:var(--ink-mid);font-family:var(--font-body);font-size:var(--text-sm);text-align:center}.article__demo-card--featured{border-color:var(--caramel);background:var(--caramel-pale);color:var(--ink-deep);font-weight:500}.article__demo-frame{border:1px dashed var(--border-on-light);border-radius:var(--radius-sm);padding:var(--space-4)}.article__demo-box{background-color:var(--caramel)}.article__demo-box-ghost{position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);border:1px dashed var(--caramel);pointer-events:none}.article__demo-box-wrap{position:relative;display:inline-block}.article__author-card{display:flex;align-items:center;gap:var(--space-5);max-width:680px;margin-top:var(--space-16);padding:var(--space-6);background:var(--ivory-card);border-radius:var(--radius-md)}.article__author-photo{width:56px;height:56px;border-radius:var(--radius-full);object-fit:cover;flex-shrink:0;filter:saturate(.92)}.article__author-info{min-width:0}.article__author-name{font-family:var(--font-display);font-weight:600;font-size:var(--text-xl);color:var(--ink-deep)}.article__author-role{margin-top:2px;font-family:var(--font-body);font-size:var(--text-sm);color:var(--ink-mid)}.article__author-link{margin-left:auto;flex-shrink:0;font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--caramel);text-decoration:none;white-space:nowrap}.article__author-link:hover{color:var(--caramel-light)}.article__footer-nav{max-width:680px;margin-top:var(--space-10);padding-top:var(--space-8);border-top:1px solid var(--border-on-light)}@media (max-width: 1024px){.article-banner__inner{padding-inline:var(--space-12)}}@media (max-width: 768px){.article-banner{padding-top:116px}.article-banner__inner{padding:var(--space-4) var(--space-4)}.article-banner__name{font-size:var(--text-lg)}.article-banner__pub{display:none}.article-banner__logo{height:36px}.article__title{font-size:clamp(1.9rem,8vw,2.5rem)}.article__author-card{flex-wrap:wrap}.article__author-link{margin-left:0;width:100%}}@media (max-width: 480px){.article-banner__author-text{display:none}}