:root{--article-bg-primary:#0F1419;--article-bg-secondary:#1A1F26;--article-bg-light:#FAF8F5;--article-bg-card:#FFFFFF;--article-accent-orange:#E8590C;--article-accent-orange-light:#FF7A2F;--article-accent-teal:#0D7377;--article-accent-teal-light:#14AFBA;--article-accent-gold:#FFB800;--article-accent-purple:#7C3AED;--article-accent-crimson:#DC2626;--article-text-primary:#0F1419;--article-text-secondary:#4B5563;--article-text-muted:#6B7280;--article-text-on-dark:#FAF8F5;--font-display:var(--font-articles-display,"Fraunces",serif);--font-body:var(--font-articles-body,"Manrope",system-ui,sans-serif);--font-mono:var(--font-articles-mono,"JetBrains Mono",monospace);--article-container-max:1200px;--article-content-max:820px;--article-section-gap:4rem;--noise-opacity:0.03;--shadow-sm:0 2px 8px rgba(0,0,0,0.08);--shadow-md:0 4px 16px rgba(0,0,0,0.12);--shadow-lg:0 12px 32px rgba(0,0,0,0.16);--shadow-xl:0 20px 48px rgba(0,0,0,0.24)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.article-noise-bg:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.05'/%3E%3C/svg%3E");pointer-events:none;opacity:var(--noise-opacity)}.guides-hero{position:relative;background:linear-gradient(135deg,var(--article-bg-primary) 0,var(--article-bg-secondary) 100%);padding:6rem 1.5rem 4rem;margin-bottom:4rem;overflow:hidden}.guides-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,var(--article-accent-orange) 0,transparent 70%),linear-gradient(-45deg,var(--article-accent-teal) 0,transparent 70%);opacity:.1;animation:gradientShift 8s ease infinite;background-size:200% 200%}.guides-hero__content{position:relative;z-index:1;max-width:var(--article-container-max);margin:0 auto;animation:fadeInUp .8s cubic-bezier(.16,1,.3,1)}.guides-hero__icon{display:inline-block;padding:1rem;background:rgba(255,255,255,.1);border-radius:1rem;backdrop-filter:blur(10px);margin-bottom:1.5rem;animation:scaleIn .6s cubic-bezier(.34,1.56,.64,1) .2s both}.guides-hero__icon-svg{color:#FAF8F5}.guides-hero__title{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,4rem);font-weight:900;color:var(--article-text-on-dark);margin-bottom:1rem;line-height:1.1;letter-spacing:-.02em}.guides-hero__subtitle{font-family:var(--font-body);font-size:clamp(1.125rem,2vw,1.5rem);color:rgba(255,255,255,.8);font-weight:500;margin-bottom:1rem}.guides-hero__description{font-family:var(--font-body);font-size:1.125rem;color:rgba(255,255,255,.65);line-height:1.7;max-width:700px}.guides-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:2rem;max-width:var(--article-container-max);margin:0 auto;padding:0 1.5rem 3rem}.guide-card-redesign{position:relative;display:flex;flex-direction:column;background:var(--article-bg-card);border-radius:1rem;padding:2rem;text-decoration:none;color:inherit;box-shadow:var(--shadow-sm);transition:all .4s cubic-bezier(.34,1.56,.64,1);overflow:hidden;animation:fadeInUp .6s cubic-bezier(.16,1,.3,1) both}.guide-card-redesign:first-child{animation-delay:.05s}.guide-card-redesign:nth-child(2){animation-delay:.1s}.guide-card-redesign:nth-child(3){animation-delay:.15s}.guide-card-redesign:nth-child(4){animation-delay:.2s}.guide-card-redesign:nth-child(5){animation-delay:.25s}.guide-card-redesign:nth-child(6){animation-delay:.3s}.guide-card-redesign:nth-child(7){animation-delay:.35s}.guide-card-redesign:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--card-color-primary) 0,var(--card-color-secondary) 100%);transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.guide-card-redesign:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-xl)}.guide-card-redesign:hover:before{transform:scaleX(1)}.guide-card-redesign:active{transform:translateY(-4px) scale(1.01)}.guide-card__icon-wrapper{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:.875rem;margin-bottom:1.5rem;background:linear-gradient(135deg,var(--card-color-primary) 0,var(--card-color-secondary) 100%);transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.guide-card-redesign:hover .guide-card__icon-wrapper{transform:rotate(-5deg) scale(1.1)}.guide-card__icon-svg{color:rgba(255,255,255,.9)}.guide-card__title{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--article-text-primary);margin-bottom:.875rem;line-height:1.3}.guide-card__description{font-family:var(--font-body);font-size:1rem;line-height:1.6;color:var(--article-text-secondary);margin-bottom:1.5rem;flex-grow:1}.guide-card__meta{display:flex;align-items:center;gap:.875rem;flex-wrap:wrap}.guide-card__level{font-family:var(--font-mono);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:.375rem .875rem;border-radius:.5rem;background:var(--badge-bg);color:var(--badge-color)}.guide-card__read-time{font-family:var(--font-mono);font-size:.875rem;color:var(--article-text-muted);font-weight:500}.guide-card-redesign.variant-emerald{--card-color-primary:#10B981;--card-color-secondary:#059669;--badge-bg:#D1FAE5;--badge-color:#065F46}.guide-card-redesign.variant-blue{--card-color-primary:#3B82F6;--card-color-secondary:#2563EB;--badge-bg:#DBEAFE;--badge-color:#1E3A8A}.guide-card-redesign.variant-amber{--card-color-primary:#F59E0B;--card-color-secondary:#D97706;--badge-bg:#FEF3C7;--badge-color:#78350F}.guide-card-redesign.variant-purple{--card-color-primary:#8B5CF6;--card-color-secondary:#7C3AED;--badge-bg:#EDE9FE;--badge-color:#5B21B6}.guide-card-redesign.variant-green{--card-color-primary:#10B981;--card-color-secondary:#059669;--badge-bg:#D1FAE5;--badge-color:#065F46}.guide-card-redesign.variant-cyan{--card-color-primary:#06B6D4;--card-color-secondary:#0891B2;--badge-bg:#CFFAFE;--badge-color:#164E63}.guide-card-redesign.variant-orange{--card-color-primary:#F97316;--card-color-secondary:#EA580C;--badge-bg:#FFEDD5;--badge-color:#7C2D12}.guides-cta-section{position:relative;padding:3rem 2rem;border-radius:1.25rem;text-align:center;overflow:hidden;animation:fadeInUp .8s cubic-bezier(.16,1,.3,1) .4s both}.guides-cta-section:before{content:"";position:absolute;inset:0;background:var(--cta-bg);opacity:1}.guides-cta-section.variant-accent{--cta-bg:linear-gradient(135deg,var(--article-accent-teal) 0%,var(--article-accent-teal-light) 100%)}.guides-cta-section.variant-dark{--cta-bg:linear-gradient(135deg,var(--article-bg-primary) 0%,var(--article-bg-secondary) 100%)}.guides-cta-section__content{position:relative;z-index:1}.guides-cta-section__title{font-family:var(--font-display);font-size:2rem;font-weight:700;color:var(--article-text-on-dark);margin-bottom:1rem;line-height:1.2}.guides-cta-section__description{font-family:var(--font-body);font-size:1.125rem;color:rgba(255,255,255,.85);line-height:1.7;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.guides-cta-button{display:inline-block;font-family:var(--font-body);font-size:1rem;font-weight:700;padding:1rem 2.5rem;border-radius:.75rem;text-decoration:none;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.guides-cta-button:before{content:"";position:absolute;inset:0;background:rgba(255,255,255,.2);transform:translateX(-100%);transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.guides-cta-button:hover:before{transform:translateX(0)}.guides-cta-button.variant-light{background:var(--article-text-on-dark);color:var(--article-bg-primary);box-shadow:0 4px 16px rgba(0,0,0,.2)}.guides-cta-button.variant-light:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.3)}.guides-cta-button.variant-outline{background:transparent;color:var(--article-text-on-dark);border:2px solid rgba(255,255,255,.3)}.guides-cta-button.variant-outline:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.5)}.article-wrapper{background:var(--article-bg-light);min-height:100vh}.article-header{position:relative;background:linear-gradient(135deg,var(--article-bg-primary) 0,var(--article-bg-secondary) 100%);padding:8rem 1.5rem 4rem;margin-bottom:3rem;overflow:hidden}.article-header:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,var(--article-accent-orange) 0,transparent 50%),radial-gradient(circle at 80% 80%,var(--article-accent-teal) 0,transparent 50%);opacity:.15}.article-header__content{position:relative;z-index:1;max-width:var(--article-content-max);margin:0 auto;animation:fadeInUp .8s cubic-bezier(.16,1,.3,1)}.article-header__title{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.5rem);font-weight:900;color:var(--article-text-on-dark);margin-bottom:1.5rem;line-height:1.15;letter-spacing:-.02em}.article-header__subtitle{font-family:var(--font-body);font-size:clamp(1.125rem,2vw,1.375rem);color:rgba(255,255,255,.75);line-height:1.5;font-weight:500}.article-content{max-width:var(--article-content-max);margin:0 auto;padding:0 1.5rem 4rem}.article-section{margin-bottom:var(--article-section-gap);animation:fadeInUp .6s cubic-bezier(.16,1,.3,1) both}.article-section:first-child{animation-delay:.1s}.article-section:nth-child(2){animation-delay:.15s}.article-section:nth-child(3){animation-delay:.2s}.article-section:nth-child(4){animation-delay:.25s}.article-section:nth-child(5){animation-delay:.3s}.article-section__heading{font-size:2.25rem;font-weight:700;margin-bottom:1.5rem;line-height:1.2}.article-section__heading,.article-section__subheading{font-family:var(--font-display);color:var(--article-text-primary)}.article-section__subheading{font-size:1.5rem;font-weight:600;margin-bottom:1rem;line-height:1.3}.article-text{font-family:var(--font-body);font-size:1.125rem;line-height:1.8;color:var(--article-text-secondary);margin-bottom:1.5rem}.article-text--tight{margin-bottom:1rem}.article-text--muted{color:var(--article-text-muted)}.article-text strong{color:var(--article-text-primary);font-weight:700}.article-infobox{position:relative;padding:2rem;border-radius:1rem;margin-bottom:1.5rem;background:var(--box-bg);border-left:6px solid var(--box-accent);box-shadow:var(--shadow-sm);transition:all .3s ease}.article-infobox:hover{box-shadow:var(--shadow-md);transform:translateX(4px)}.article-infobox__title{font-family:var(--font-body);font-size:1.125rem;font-weight:700;color:var(--box-title-color);margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.article-infobox__text{font-family:var(--font-body);font-size:1.0625rem;line-height:1.7;color:var(--box-text-color)}.article-meta-box{font-family:var(--font-body);font-size:.95rem;color:var(--article-text-muted);border-left:4px solid var(--article-accent-teal);padding-left:1rem;margin:1rem 0 1.5rem}.article-grid{display:grid;gap:1.5rem}.article-grid.two-columns{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.article-grid.three-columns{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.article-callout{padding:1.5rem;border-radius:.85rem;border:1px solid var(--callout-border,#e5e7eb);background:var(--callout-bg,#f9fafb);margin:1.25rem 0}.article-callout--success{--callout-bg:#f0fdf4;--callout-border:#bbf7d0;border-left:4px solid #10b981}.article-callout--info{--callout-bg:#eef2ff;--callout-border:#c7d2fe;border-left:4px solid #6366f1}.article-callout--purple{--callout-bg:#faf5ff;--callout-border:#e9d5ff;border-left:4px solid #8b5cf6}.article-callout--warning{--callout-bg:#fff7ed;--callout-border:#fed7aa;border-left:4px solid #f59e0b}.article-callout--danger{--callout-bg:#fef2f2;--callout-border:#fecdd3;border-left:4px solid #dc2626}.article-callout__title{font-family:var(--font-body);font-weight:700;margin-bottom:.75rem;color:var(--article-text-primary)}.article-callout__text{font-family:var(--font-body);line-height:1.7;color:var(--article-text-secondary)}.article-note{font-family:var(--font-body);font-style:italic;color:var(--article-text-muted);margin:.5rem 0 1.5rem}.article-list--compact li{margin-bottom:.5rem}.article-stat-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.article-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:9999px;background:#f3f4f6;border:1px solid #e5e7eb;color:var(--article-text-secondary);font-weight:600}.article-infobox__example,.article-infobox__text code{font-family:var(--font-mono);font-size:.95rem;color:var(--box-code-color)}.article-infobox.variant-primary{--box-bg:linear-gradient(135deg,#EFF6FF,#DBEAFE);--box-accent:#3B82F6;--box-title-color:#1E3A8A;--box-text-color:#1E40AF;--box-code-color:#1D4ED8}.article-infobox.variant-success{--box-bg:linear-gradient(135deg,#F0FDF4,#DCFCE7);--box-accent:#10B981;--box-title-color:#065F46;--box-text-color:#047857;--box-code-color:#059669}.article-infobox.variant-warning{--box-bg:linear-gradient(135deg,#FFFBEB,#FEF3C7);--box-accent:#F59E0B;--box-title-color:#78350F;--box-text-color:#92400E;--box-code-color:#B45309}.article-infobox.variant-danger{--box-bg:linear-gradient(135deg,#FEF2F2,#FEE2E2);--box-accent:#EF4444;--box-title-color:#7F1D1D;--box-text-color:#991B1B;--box-code-color:#B91C1C}.article-infobox.variant-purple{--box-bg:linear-gradient(135deg,#FAF5FF,#F3E8FF);--box-accent:#8B5CF6;--box-title-color:#5B21B6;--box-text-color:#6B21A8;--box-code-color:#7C3AED}.article-infobox.variant-neutral{--box-bg:linear-gradient(135deg,#F9FAFB,#F3F4F6);--box-accent:#6B7280;--box-title-color:#1F2937;--box-text-color:#374151;--box-code-color:#4B5563}.article-list{padding-left:1.75rem;margin-bottom:1.5rem}.article-list li{font-family:var(--font-body);font-size:1.0625rem;line-height:1.8;color:var(--article-text-secondary);margin-bottom:.875rem}.article-list li strong{color:var(--article-text-primary);font-weight:700}.article-cta-box{position:relative;background:linear-gradient(135deg,var(--article-accent-teal) 0,var(--article-accent-teal-light) 100%);padding:3rem 2rem;border-radius:1.25rem;text-align:center;margin:3rem 0;overflow:hidden;box-shadow:var(--shadow-lg)}.article-cta-box:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0,rgba(255,255,255,.1) 0,transparent 70%)}.article-cta-box__content{position:relative;z-index:1}.article-cta-box__title{font-family:var(--font-display);font-size:2rem;font-weight:700;color:var(--article-text-on-dark);margin-bottom:1rem;line-height:1.2}.article-cta-box__text{font-family:var(--font-body);font-size:1.125rem;color:rgba(255,255,255,.9);line-height:1.7;margin-bottom:2rem}.article-cta-box__buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.article-cta-button{display:inline-block;font-family:var(--font-body);font-size:1rem;font-weight:700;padding:1rem 2rem;border-radius:.75rem;text-decoration:none;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.article-cta-button.variant-primary{background:var(--article-text-on-dark);color:var(--article-accent-teal);box-shadow:0 4px 16px rgba(0,0,0,.2)}.article-cta-button.variant-primary:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.3)}.article-cta-button.variant-secondary{background:transparent;color:var(--article-text-on-dark);border:2px solid rgba(255,255,255,.4)}.article-cta-button.variant-secondary:hover{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.6)}.article-references{border-top:2px solid #e5e7eb;padding-top:2rem;margin-top:3rem}.article-references__title{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--article-text-primary);margin-bottom:1.5rem}.article-references__list{padding-left:1.5rem}.article-references__list li{font-family:var(--font-body);font-size:.9375rem;line-height:1.7;color:var(--article-text-secondary);margin-bottom:.75rem}.article-related{border-top:2px solid #e5e7eb;padding-top:2rem;margin-top:2rem}.article-related__title{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--article-text-primary);margin-bottom:1rem}.article-related__list{padding-left:1.5rem}.article-related__list li{margin-bottom:.75rem}.article-related__link{font-family:var(--font-body);font-size:1rem;color:var(--article-accent-teal);text-decoration:none;font-weight:600;transition:all .2s ease;position:relative}.article-related__link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--article-accent-teal);transition:width .3s ease}.article-related__link:hover:after{width:100%}.article-related__link:hover{color:var(--article-accent-teal-light)}@media (max-width:768px){.guides-hero{padding:4rem 1rem 3rem}.guides-grid{grid-template-columns:1fr;gap:1.5rem;padding:0 1rem 2rem}.article-header{padding:6rem 1rem 3rem}.article-section__heading{font-size:1.75rem}.article-cta-box,.guides-cta-section{padding:2rem 1.5rem}}