/* Editorial rows leave room for the cover, headline, and a short thought. */
.chapter[data-page=article]{background:#fcfcfa;color:#394248}
[data-page=article] .chapter-nav,[data-page=article] .chapter-footer{border-color:#e4e7e7;color:#879095}
[data-page=article] #chapter-number,[data-page=article] .chapter-footer button{color:#7f8b92}
[data-page=article] .section-layout{width:min(1200px,88%);max-width:1200px;min-height:calc(100svh - 173px)}
[data-page=article] .chapter-intro{display:none}
[data-page=article] .chapter-body{max-width:none;border:0;padding:0}
.article-journal{padding:49px 0 70px}
.article-journal-intro{margin-bottom:53px}
#article-heading{font-family:Arial,Helvetica,sans-serif;font-size:clamp(42px,4.6vw,66px);font-weight:400;letter-spacing:-.055em;line-height:1.1;margin:0 0 15px;outline:none;color:#46525b}
.article-journal-intro>p{margin:0;font-size:15px;line-height:1.65;letter-spacing:-.01em;color:#8a969d}
.article-list{display:flex;flex-direction:column;gap:40px}
.article-row{padding:0 0 39px;border-bottom:1px solid #e4e8e8}
.article-row-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.06fr);gap:clamp(28px,4.5vw,65px);align-items:center;color:inherit;text-decoration:none}
.article-row-inner:focus-visible{outline:2px solid #91a5ad;outline-offset:10px}
.article-cover{aspect-ratio:1.55;overflow:hidden;background:#eff1ef;border-radius:3px}
.article-cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.25,1)}
.article-row-inner:hover .article-cover img{transform:scale(1.025)}
.article-row-copy{min-width:0;padding:8px 0}
.article-tags{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0 0 16px;padding:0}
.article-tags li{font-size:10px;line-height:1.4;letter-spacing:.055em;padding:5px 9px;border-radius:3px;background:#eef2f1;color:#75868a}
.article-row-title{margin:0 0 13px;font-family:Arial,'PingFang SC','Microsoft YaHei',sans-serif;font-size:clamp(23px,2.3vw,33px);line-height:1.45;font-weight:500;letter-spacing:-.025em;overflow-wrap:anywhere;color:#435159}
.article-date{display:block;font-size:11px;line-height:1.5;letter-spacing:.025em;color:#96a0a5}
.article-summary{font-size:14px;line-height:1.85;color:#7e8c92;margin:17px 0 0;max-width:510px;overflow-wrap:anywhere}
.article-read{display:inline-block;margin-top:23px;font-size:11px;letter-spacing:.025em;color:#81919a;transition:color .2s}
.article-row-inner:hover .article-read{color:#354c58}
.article-row--text-only .article-row-inner{display:block}
.article-row--text-only .article-row-copy{max-width:800px}
.article-publication{display:flex;align-items:center;gap:clamp(30px,5vw,72px);padding:38px 0 60px;max-width:850px}
.article-publication-qr{display:block;flex:none;width:196px;height:196px;object-fit:contain;background:#fff}
.article-publication-copy{max-width:440px}
.article-eyebrow{font-size:10px;letter-spacing:.15em;color:#94a19f}
.article-publication-copy h2{font-weight:400;font-size:clamp(24px,2.7vw,37px);letter-spacing:-.04em;line-height:1.3;margin:17px 0 13px;color:#53635f}
.article-publication-copy p{font-size:15px;line-height:1.8;margin:0;color:#87938f}
.article-scan-label{display:block;font-size:11px;letter-spacing:.025em;margin-top:25px;color:#7b9388}
.article-publication--compact{max-width:none;gap:30px;margin-top:48px;padding:0}
.article-publication--compact .article-publication-qr{width:124px;height:124px}
.article-publication--compact .article-publication-copy h2{font-size:22px;margin:10px 0}
.article-publication--compact .article-publication-copy p{font-size:13px}
.article-publication--compact .article-scan-label{margin-top:14px}
@media(max-width:700px){
  [data-page=article] .section-layout{width:86%;min-height:calc(100svh - 160px)}
  .article-journal{padding:35px 0 44px}
  .article-journal-intro{margin-bottom:34px}
  #article-heading{font-size:43px}
  .article-journal-intro>p{font-size:13px}
  .article-list{gap:29px}
  .article-row{padding-bottom:31px}
  .article-row-inner{grid-template-columns:1fr;gap:22px}
  .article-cover{aspect-ratio:1.6}
  .article-row-copy{padding:0}
  .article-tags{margin-bottom:12px}
  .article-row-title{font-size:24px;line-height:1.5}
  .article-summary{font-size:14px;margin-top:14px}
  .article-read{margin-top:19px}
  .article-publication{align-items:flex-start;flex-direction:column;gap:25px;padding:12px 0 25px}
  .article-publication-qr{width:170px;height:170px}
  .article-publication-copy h2{font-size:28px}
  .article-publication-copy p{font-size:14px}
  .article-publication--compact{flex-direction:row;align-items:center;gap:20px;margin-top:31px;padding:0}
  .article-publication--compact .article-publication-qr{width:100px;height:100px}
  .article-publication--compact .article-publication-copy h2{font-size:20px;margin:8px 0}
  .article-publication--compact .article-publication-copy p{display:none}
  .article-publication--compact .article-scan-label{font-size:10px;line-height:1.5;margin-top:10px}
}
@media(prefers-reduced-motion:reduce){.article-cover img,.article-read{transition:none}.article-row-inner:hover .article-cover img{transform:none}}

/* Typographic cover for the Render archive, whose PDF contains no images. */
.article-cover--render{position:relative;overflow:hidden;background:#e8edeb;min-height:260px;color:#263831;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:9%;isolation:isolate}.render-cover-label{font-size:9px;letter-spacing:.18em;margin-bottom:auto;z-index:1}.render-cover-title{font-size:clamp(42px,5.4vw,80px);font-weight:550;letter-spacing:-.075em;line-height:1.1;z-index:1}.render-cover-subtitle{font-size:12px;letter-spacing:.01em;margin-top:9px;margin-bottom:auto;z-index:1}.render-cover-orbit{position:absolute;width:65%;aspect-ratio:1;border:1px solid #a5b6aa;border-radius:50%;right:-13%;bottom:-29%;box-shadow:0 0 0 18px #afbeb333,0 0 0 40px #afbeb322,0 0 0 65px #afbeb311;z-index:0}.article-cover:has(img[src*="vibe-coding"]){background:#130624}.article-cover img[src*="vibe-coding"]{object-fit:contain}