.article-wrap{max-width:1100px;margin:0 auto;padding:60px min(10%,max(5%,50% - 550px))}.breadcrumb{color:var(--color-text-subtle);margin-bottom:40px;font-size:.85em}.breadcrumb a{color:var(--color-accent);text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.breadcrumb span{color:var(--color-border-medium);margin:0 8px}.article-meta{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.article-tag{text-transform:uppercase;letter-spacing:.8px;color:var(--color-accent);background:#00bceb14;border:1px solid #00bceb33;border-radius:20px;padding:3px 10px;font-size:.75em;font-weight:600}.article-date,.article-read-time{color:var(--color-text-subtle);font-size:.85em}.article-date:before,.article-read-time:before{content:"·";color:var(--color-border-medium);margin-right:12px}h1.article-title{color:var(--color-text);margin:0 0 24px;font-size:clamp(2em,3.5vw,3.2em);font-weight:700;line-height:1.15}.article-hero{aspect-ratio:16/7;background:linear-gradient(135deg,#e8f0fe 0%,#c5d8f6 50%,#dde8f7 100%);border-radius:16px;width:100%;margin:32px 0 48px;overflow:hidden}.article-hero img{object-fit:cover;width:100%;height:100%;display:block}.author-row{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);align-items:center;gap:14px;margin-bottom:48px;padding:20px 0;display:flex}.author-avatar{object-fit:cover;background:var(--color-hover);border-radius:50%;width:44px;height:44px}.author-name{font-size:.95em;font-weight:600}.author-title{color:var(--color-text-muted);font-size:.82em}.author-link{color:var(--color-accent);margin-left:auto;font-size:.82em;text-decoration:none}.author-link:hover{text-decoration:underline}.article-body{color:var(--color-text);font-size:1.05em;line-height:1.8}.article-body p{margin:0 0 24px}.article-body h2{color:var(--color-text);margin:52px 0 16px;font-size:clamp(1.4em,2.2vw,1.8em);font-weight:600;line-height:1.25}.article-body h3{color:var(--color-text);margin:36px 0 12px;font-size:clamp(1.1em,1.6vw,1.3em);font-weight:600}.article-body hr{border:none;border-top:1px solid var(--color-border);margin:48px 0}.article-body ul,.article-body ol{margin:0 0 24px;padding-left:24px}.article-body li{margin-bottom:8px}.article-body strong{font-weight:600}.case-summary{background:var(--color-hover);border:1px solid var(--color-border);border-radius:12px;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0 32px;padding:24px;display:grid}.case-summary-item{font-size:.9em}.case-summary-label{text-transform:uppercase;letter-spacing:.6px;color:var(--color-text-subtle);margin-bottom:4px;font-size:.75em;font-weight:700}.case-summary-value{color:var(--color-text);line-height:1.5}.callout{border-left:3px solid var(--color-accent);color:var(--color-text-muted);background:#00bceb0a;border-radius:0 8px 8px 0;margin:32px 0;padding:16px 20px;font-style:italic}.caption-list{flex-direction:column;gap:10px;margin:16px 0 32px;padding:0;list-style:none;display:flex}.caption-list li{background:var(--color-hover);border:1px solid var(--color-border);border-radius:8px;margin:0;padding:12px 16px;font-size:.9em}.caption-list li strong{color:var(--color-text)}.principles-list{flex-direction:column;gap:12px;margin:16px 0 32px;padding:0;list-style:none;display:flex}.principles-list li{border-left:3px solid var(--color-accent);background:var(--color-hover);border-radius:0 8px 8px 0;margin:0;padding:16px 20px;font-size:.95em}.article-img{border:1px solid var(--color-border);cursor:zoom-in;border-radius:12px;width:100%;margin:28px 0 8px;transition:opacity .2s;display:block}.article-img:hover{opacity:.88}.article-img-caption{color:var(--color-text-subtle);text-align:center;margin:0 0 32px;font-size:.82em}.article-img-pair{flex-direction:column;gap:16px;margin:28px 0 32px;display:flex}.article-img-pair img{border:1px solid var(--color-border);cursor:zoom-in;width:100%;box-shadow:0 4px 24px var(--color-shadow);border-radius:12px;transition:opacity .2s,box-shadow .2s;display:block}.article-img-pair img:hover{opacity:.88;box-shadow:0 8px 40px var(--color-shadow)}.back-to-blog{color:var(--color-accent);border:1px solid var(--color-border-medium);border-radius:8px;align-items:center;gap:8px;margin-top:64px;padding:10px 18px;font-size:.9em;text-decoration:none;transition:background .2s;display:inline-flex}.back-to-blog:hover{background:var(--color-hover)}@media (max-width:768px){.case-summary{grid-template-columns:1fr}h1.article-title{font-size:1.8em}}