.blog-header{width:min(var(--max), calc(100% - (var(--page-gutter) * 2)));gap:var(--space-5);grid-template-columns:12rem 1fr auto;align-items:center;min-height:5rem;margin:0 auto;display:grid}.blog-brand{min-height:var(--control-height-compact);align-items:center;display:inline-flex}.blog-brand img{width:8.5rem;display:block}.blog-header nav{justify-content:center;gap:var(--space-5);color:var(--color-text-muted);font-size:.875rem;font-weight:650;display:flex}.blog-header nav a{min-height:var(--control-height-compact);transition:color var(--duration-fast) var(--ease-standard);align-items:center;display:inline-flex}.blog-header nav a[aria-current=page]{color:var(--color-brand-strong)}.blog-call{min-height:var(--control-height-compact);padding:0 var(--space-4);border-radius:var(--radius-pill);background:var(--color-action);color:var(--color-on-action);transition:background var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);justify-content:center;align-items:center;font-size:.8125rem;font-weight:800;display:inline-flex}.blog-index{width:min(var(--max), calc(100% - (var(--page-gutter) * 2)));margin:0 auto}.blog-hero{max-width:53.125rem;padding:var(--section-space) 0 var(--section-space-compact)}.blog-kicker,.article-meta{margin:0 0 var(--space-4);color:var(--color-brand-strong);letter-spacing:.11em;text-transform:uppercase;font-size:.75rem;font-weight:850}.blog-hero h1,.article-page h1{max-width:55rem;color:var(--color-text);font-family:var(--font-display);letter-spacing:-.05em;margin:0;font-size:clamp(3rem,7vw,5.75rem);font-weight:800;line-height:1.02}.blog-hero h1 span{color:var(--color-brand-strong)}.blog-hero>p:last-child{max-width:35rem;margin:var(--space-5) 0 0;color:var(--color-text-muted);font-size:1.0625rem;line-height:1.65}.article-grid{gap:var(--space-3);padding-bottom:var(--section-space);grid-template-columns:repeat(3,1fr);display:grid}.article-card{min-height:26.5rem;padding:var(--space-3) var(--space-5) var(--space-5);border:1px solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:0 1px 0 color-mix(in srgb, var(--color-text) 3%, transparent);transition:transform var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard);flex-direction:column;display:flex;overflow:hidden}.article-card-image{height:10.5rem;margin:0 calc(var(--space-2) * -1) var(--space-4);border-radius:var(--radius-md);background:linear-gradient(145deg, var(--color-surface-subtle), var(--color-surface-strong));overflow:hidden}.article-card-image img{object-fit:cover;mix-blend-mode:multiply;width:100%;height:100%;display:block}.article-card:has(img[src*=guide-]) .article-card-image{background:var(--color-surface)}.article-card:has(img[src*=guide-]) .article-card-image img{object-fit:contain;mix-blend-mode:normal}.article-card:has(img[src*=macbook]:not([src*=guide-])) .article-card-image{background:var(--color-action)}.article-card:has(img[src*=macbook]:not([src*=guide-])) .article-card-image img{mix-blend-mode:normal}.article-card>p{margin:0 0 var(--space-3);color:var(--color-text-muted);letter-spacing:.075em;text-transform:uppercase;font-size:.75rem;font-weight:800}.article-card>p span,.article-meta span{color:var(--color-line-strong)}.article-card h2{color:var(--color-text);font-family:var(--font-display);letter-spacing:-.045em;margin:0;font-size:1.5rem;line-height:1.12}.article-card-bottom{justify-content:space-between;gap:var(--space-5);margin-top:var(--space-4);flex-direction:column;flex:1;display:flex}.article-card-bottom>span{color:var(--color-text-muted);font-size:.8125rem;line-height:1.55}.article-card-bottom a,.back-link{color:var(--color-text);font-size:.8125rem;font-weight:800}.article-card-bottom a b{margin-left:var(--space-2);color:var(--color-brand-strong);font-size:1.125rem;font-weight:500}.article-page{width:min(55rem, calc(100% - (var(--page-gutter) * 2)));padding:var(--section-space-compact) 0 var(--section-space);margin:0 auto}.back-link{min-height:var(--control-height-compact);margin-bottom:var(--section-space);color:var(--color-text-muted);align-items:center;display:inline-flex}.article-page h1{max-width:51.25rem;font-size:clamp(2.9375rem,6.1vw,4.875rem)}.article-lead{max-width:41.875rem;margin:var(--space-5) 0 var(--space-6);color:var(--color-text-muted);font-size:1.1875rem;line-height:1.6}.article-hero{min-height:23.75rem;margin:0 0 var(--section-space-compact);border-radius:var(--radius-lg);background:var(--color-surface-strong);position:relative;overflow:hidden}.article-hero img{object-fit:cover;mix-blend-mode:multiply;width:100%;height:100%;display:block;position:absolute;inset:0}.article-hero:has(img[src*=guide-]){aspect-ratio:3/2;background:0 0;border-radius:0;min-height:0}.article-hero:has(img[src*=guide-]) img{object-fit:contain;mix-blend-mode:multiply;border-radius:0}.article-hero:has(img[src*=macbook]:not([src*=guide-])){background:var(--color-action)}.article-hero:has(img[src*=macbook]:not([src*=guide-])) img{mix-blend-mode:normal}.article-hero figcaption{z-index:1;right:var(--space-4);bottom:var(--space-3);left:var(--space-4);color:var(--color-on-action);text-shadow:0 1px 4px #000000b3;font-size:.75rem;position:absolute}.article-hero:has(img[src*=guide-]) figcaption{width:max-content;max-width:calc(100% - (var(--space-4) * 2));padding:var(--space-2) var(--space-3);border-radius:var(--radius-pill);color:var(--color-text);background:color-mix(in srgb, var(--color-surface) 88%, transparent);box-shadow:var(--shadow-sm);text-shadow:none}.article-body{max-width:43.125rem}.article-body section{margin-bottom:var(--space-7)}.article-body h2{margin:0 0 var(--space-3);color:var(--color-text);font-family:var(--font-display);letter-spacing:-.045em;font-size:1.9375rem;line-height:1.1}.article-body p{margin:0 0 var(--space-4);color:var(--color-text);font-size:1rem;line-height:1.75}.article-sources{margin:var(--section-space-compact) 0;padding:var(--space-5);border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface-subtle)}.article-sources>p{margin:0 0 var(--space-3);color:var(--color-brand-strong);letter-spacing:.1em;text-transform:uppercase;font-size:.75rem;font-weight:850}.article-sources ul{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.article-sources a{align-items:center;gap:var(--space-2);color:var(--color-text);font-size:.875rem;font-weight:750;display:inline-flex}.article-sources a b{color:var(--color-brand-strong);font-size:1rem;font-weight:500}.article-cta{gap:var(--space-3);padding:var(--space-6);border-radius:var(--radius-lg);color:var(--color-on-action);background:var(--color-action);display:grid}.article-cta p{color:var(--color-action-accent);letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:850}.article-cta h2{max-width:28.125rem;font-family:var(--font-display);letter-spacing:-.045em;margin:0;font-size:2rem;line-height:1.08}.article-cta a{width:max-content;min-height:var(--control-height);align-items:center;gap:var(--space-3);margin-top:var(--space-2);padding:0 var(--space-4);border-radius:var(--radius-pill);color:var(--color-action);background:var(--color-surface);font-size:.8125rem;font-weight:800;display:flex}.article-cta b{font-size:1.125rem;font-weight:500}.blog-footer{justify-content:space-between;gap:var(--space-6);min-height:10rem;padding:var(--space-6) max(var(--page-gutter), calc((100% - var(--max)) / 2));color:var(--color-footer-muted);background:var(--color-footer);display:flex}.blog-footer img{width:9.125rem}.blog-footer p{margin:var(--space-3) 0 0;font-size:.8125rem}.blog-footer div:last-child{gap:var(--space-2);color:var(--color-on-action);flex-direction:column;font-size:.875rem;font-weight:700;display:flex}@media (hover:hover){.blog-header nav a:hover,.article-card-bottom a:hover,.back-link:hover{color:var(--color-brand)}.blog-call:hover{background:var(--color-action-hover);transform:translateY(-2px)}.article-card:hover{border-color:var(--color-line-strong);box-shadow:var(--shadow-sm);transform:translateY(-3px)}.article-cta a:hover{background:var(--color-brand-soft)}}@media (width<=70rem) and (width>=50.0625rem){.blog-header{gap:var(--space-3);grid-template-columns:9rem minmax(0,1fr) auto}.blog-brand img{width:7.375rem}.blog-header nav{gap:var(--space-3);font-size:.8125rem}.blog-call{padding:0 var(--space-3)}}@media (width<=50rem){.blog-header,.blog-index{width:min(100% - (var(--page-gutter) * 2), var(--max))}.blog-header{gap:var(--space-2) var(--space-3);min-height:4.125rem;padding-top:var(--space-2);grid-template-columns:1fr auto}.blog-header nav{justify-content:flex-start;gap:var(--space-4);padding:0 0 var(--space-2);scrollbar-width:none;grid-area:2/1/auto/-1;display:flex;overflow-x:auto}.blog-header nav::-webkit-scrollbar{display:none}.blog-header nav a{flex:none}.blog-brand img{width:7.375rem}.blog-call{min-height:var(--control-height-compact)}.blog-hero{padding:var(--section-space-compact) 0 var(--space-7)}.blog-hero h1{font-size:clamp(2.8125rem,13vw,4rem)}.blog-hero>p:last-child{font-size:1rem}.article-grid{gap:var(--space-3);padding-bottom:var(--section-space-compact);grid-template-columns:1fr}.article-card{min-height:0}.article-card-image{height:11.875rem}.article-page{width:min(100% - (var(--page-gutter) * 2), 55rem);padding:var(--space-6) 0 var(--section-space-compact)}.back-link{margin-bottom:var(--section-space-compact)}.article-page h1{font-size:clamp(2.625rem,12vw,3.8125rem)}.article-lead{margin:var(--space-5) 0 var(--space-6);font-size:1.0625rem}.article-hero{min-height:15.9375rem;margin-bottom:var(--section-space-compact);border-radius:var(--radius-md)}.article-hero:has(img[src*=guide-]){min-height:0}.article-body h2{font-size:1.75rem}.article-body p{font-size:.9375rem}.article-cta{padding:var(--space-5)}.article-cta h2{font-size:1.8125rem}.article-sources{padding:var(--space-4)}.blog-footer{padding:var(--space-6) var(--page-gutter);flex-direction:column;align-items:flex-start}}@media (width<=23rem){.blog-header nav{gap:var(--space-2);font-size:.75rem}.article-page{padding-top:var(--space-4)}.back-link{margin-bottom:var(--space-5)}.article-lead{margin:var(--space-4) 0 var(--space-5)}}