.longread{padding:var(--spacing-3xl) 0;background:var(--color-bg)}.longread-body{max-width:720px;margin:0 auto}.longread .crumbs{display:flex;gap:var(--spacing-sm);font-size:.8125rem;color:var(--color-text-dim);margin-bottom:var(--spacing-lg)}.longread .crumbs a{color:var(--color-text-dim);font-weight:400;transition:color var(--transition)}.longread .crumbs a:hover{color:var(--color-primary)}.longread-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);font-size:.8125rem;color:var(--color-text-dim)}.longread-dot{width:3px;height:3px;border-radius:50%;background:var(--color-text-dim)}.longread-tag{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--color-primary);background:var(--color-primary-light);padding:4px 12px;border-radius:999px}.longread h1{font-size:clamp(1.75rem,4vw,2.5rem);line-height:1.15;letter-spacing:-.03em;margin-bottom:var(--spacing-lg)}.longread .lede{font-size:1.0625rem;line-height:1.7;color:var(--color-text-muted);border-left:3px solid var(--color-primary);padding-left:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.longread-body>h2,.longread-body>h3{letter-spacing:-.02em;line-height:1.25}.longread-body>h2{font-size:1.375rem;margin:var(--spacing-2xl) 0 var(--spacing-md)}.longread-body>h3{font-size:1.0625rem;margin:var(--spacing-xl) 0 var(--spacing-sm)}.longread-body>p,.longread-body>ul li,.longread-body>ol li{color:var(--color-text-muted);line-height:1.7;font-size:.9375rem}.longread-body>p{margin-bottom:var(--spacing-md)}.longread-body>ul,.longread-body>ol{margin:0 0 var(--spacing-lg) var(--spacing-lg);display:grid;gap:var(--spacing-sm)}.longread-body a{color:var(--color-primary);font-weight:600}.longread-body strong{color:var(--color-text)}.longread .note{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin:var(--spacing-xl) 0}.longread .note p{color:var(--color-text-muted);line-height:1.7;font-size:.9375rem;margin:0}.longread .note p+p{margin-top:var(--spacing-sm)}.longread .sources{margin-top:var(--spacing-2xl);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.longread .sources p,.longread .sources li{font-size:.8125rem;color:var(--color-text-dim);line-height:1.6}.longread .sources ul{margin:var(--spacing-sm) 0 0 var(--spacing-lg);display:grid;gap:4px}.longread-cta{margin-top:var(--spacing-2xl);padding:var(--spacing-xl);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center}.longread-cta p{color:var(--color-text-muted);font-size:.9375rem;line-height:1.6;max-width:480px;margin:0 auto var(--spacing-md)}.longread-cta .longread-cta-title{font-family:var(--font-heading);font-weight:700;font-size:1.125rem;color:var(--color-text);margin-bottom:var(--spacing-sm)}.longread-cta-btn{display:inline-block;padding:12px 24px;border-radius:999px;background:var(--color-primary);color:#fff!important;font-weight:700;transition:background var(--transition),transform var(--transition)}.longread-cta-btn:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.longread-related{margin-top:var(--spacing-2xl)}.longread-related h2{font-size:1.125rem;margin-bottom:var(--spacing-md)}.longread-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.longread-related-card{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-lg);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition),transform var(--transition),box-shadow var(--transition)}.longread-related-card:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.longread-related-tag{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-primary)}.longread-related-title{font-size:.9375rem;font-weight:600;line-height:1.35;color:var(--color-text)}.longread-all{display:inline-block;margin-top:var(--spacing-lg);font-size:.875rem}@media(max-width:720px){.longread-related-grid{grid-template-columns:1fr}}@media(max-width:640px){.longread h1{font-size:1.5rem}.longread .lede{padding-left:var(--spacing-md)}}