.rp-section{margin-top:var(--s6);padding-top:var(--s5);border-top:1px solid var(--border)}.rp-title{font-size:1.5rem;font-weight:800;text-align:center;color:var(--text);margin-bottom:var(--s4);letter-spacing:-.02em}.rp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--s3)}.rp-card{display:flex;flex-direction:column;padding:var(--s3);background:var(--surface);border:1px solid var(--border);border-radius:var(--r2);text-decoration:none;transition:all .25s cubic-bezier(.2,.8,.2,1)}.rp-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000014;border-color:var(--primary)}.rp-badge{align-self:flex-start;padding:3px var(--s0);font-size:var(--fs-2xs);font-weight:700;color:var(--white);border-radius:4px;letter-spacing:.05em;margin-bottom:var(--s2)}.rp-card-title{font-size:1rem;font-weight:700;color:var(--text);margin:0 0 var(--s1);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.rp-card-desc{font-size:.875rem;color:var(--muted);margin:0;line-height:1.5;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.rp-read-more{margin-top:var(--s2);font-size:.875rem;font-weight:600;color:var(--primary);opacity:0;transform:translate(-8px);transition:all var(--transition-default)}.rp-card:hover .rp-read-more{opacity:1;transform:translate(0)}@media(max-width:640px){.rp-grid{grid-template-columns:1fr}.rp-read-more{opacity:1;transform:translate(0)}}html{scroll-behavior:smooth}.blog-article{max-width:800px;margin:0 auto;padding:100px var(--s3) var(--s6)}.article-hero{margin:0 0 var(--s4);padding:0;border-radius:20px;overflow:hidden;box-shadow:0 8px 30px rgba(var(--black-rgb),.12)}.article-hero__image{width:100%;height:auto;aspect-ratio:1200 / 630;object-fit:cover;display:block}.breadcrumbs{margin-bottom:var(--s4)}.breadcrumbs__list{display:flex;gap:.5rem;list-style:none;padding:0;margin:0;font-size:var(--fs-base);color:var(--muted);justify-content:center}.breadcrumbs__list a{color:var(--muted);text-decoration:none;transition:color var(--transition-default)}@media(hover:hover){.breadcrumbs__list a:hover{color:var(--info)}}.breadcrumbs__list li:not(:last-child):after{content:"›";margin-left:.5rem}.article-header{background:linear-gradient(135deg,#f0f0f5d9,#e8e8edd9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--r3);padding:var(--s5) var(--s4);text-align:center;margin-bottom:var(--s5);box-shadow:0 4px 24px #0000000f,0 1px 2px #0000000a;border:1px solid rgba(var(--white-rgb),.5)}.article-badge{display:inline-block;padding:5px var(--s1-half);background:linear-gradient(135deg,var(--badge-color),color-mix(in srgb,var(--badge-color) 80%,white));color:var(--white);font-size:var(--fs-xs);font-weight:800;letter-spacing:.1em;border-radius:999px;margin-bottom:var(--s2)}.article-title{font-size:clamp(2rem,6vw,3.5rem);font-weight:900;line-height:1.1;letter-spacing:-.03em;background:var(--blog-title-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:var(--s2)}.article-description{font-size:1.125rem;line-height:1.5;color:var(--muted);max-width:600px;margin:0 auto var(--s3)}.article-meta{display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem;font-size:var(--fs-md);color:var(--muted)}.meta-dot{opacity:.4}.meta-updated{color:var(--warning-alt);font-weight:600}.inline-toc{text-align:center;margin-bottom:var(--s5);padding:var(--s3) 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.toc-label{display:block;font-size:var(--fs-xs);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:var(--s2)}.toc-links{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.toc-link{color:var(--muted);text-decoration:none;font-size:var(--fs-md);transition:all var(--transition-default);padding:var(--s-1) var(--s0);border-radius:6px}@media(hover:hover){.toc-link:hover{color:var(--primary);background:var(--primary-alpha-08);transform:translateY(-1px)}}.toc-sep{color:var(--muted);opacity:.4}.article-content{font-size:1.125rem;line-height:1.8;color:var(--text)}.article-content>p:first-of-type:first-letter{float:left;font-size:4rem;line-height:.85;font-weight:900;margin-right:12px;margin-top:var(--s0);color:var(--primary)}.article-content h2{font-size:2rem;font-weight:900;margin-top:var(--s6);margin-bottom:var(--s3);color:var(--info-dark);letter-spacing:-.02em}.article-content h3{font-size:1.5rem;font-weight:800;margin-top:var(--s5);margin-bottom:var(--s2);color:var(--dark)}.article-content p{margin-bottom:var(--s4)}.article-content strong{font-weight:700;color:var(--text)}.article-content a{color:var(--info);text-decoration:none;border-bottom:1px solid var(--blog-link-border);transition:border-color .2s}@media(hover:hover){.article-content a:hover{border-bottom-color:var(--info)}}.article-content ul,.article-content ol{margin-bottom:var(--s4);padding-left:1.5rem}.article-content li{margin-bottom:.5rem}.article-content li::marker{color:var(--info);font-weight:700}.author-section{margin-top:var(--s6);padding-top:var(--s5);border-top:1px solid var(--border)}.author-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--s2)}.author-avatar{width:56px;height:56px;background:var(--blog-author-gradient);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white)}.author-info{max-width:400px}.author-name{font-size:1rem;color:var(--text);margin:0 0 .25rem}.author-bio{font-size:.9375rem;color:var(--muted);margin:0}.author-link{color:var(--info);text-decoration:none;font-weight:700;font-size:.9375rem}@media(hover:hover){.author-link:hover{text-decoration:underline}}@media(max-width:768px){.blog-article{padding-top:80px}.article-header{padding:var(--s4) var(--s3);border-radius:var(--r2)}.article-content>p:first-of-type:first-letter{font-size:3rem}.toc-links{flex-direction:column;gap:.75rem}.toc-sep{display:none}}@media print{.breadcrumbs,.inline-toc,.author-section{display:none}}
