.cssa{--purple: #7b4fcd;
  --purple-deep: #6b3fbd;
  --lavender: #9d7fe8;
  --lavender-soft: #e8e0f7;
  --ink: #1a0f2e;
  --background: #faf8fc;
  --foreground: #2a1f3d;
  --card: #ffffff;
  --muted: #f5f2f9;
  --muted-foreground: #6b5f7f;
  --border: #ebe6f3;
  --accent: #f0ebf9;
  --accent-foreground: #4a2f7d;
  --c-emerald: #10b981;
  --c-sky: #0ea5e9;
  --c-rose: #f43f5e;
  --c-amber: #f59e0b;
  --radius: 0.75rem;}
.cssa, .cssa *{box-sizing: border-box; margin: 0; padding: 0;}
.cssa{scroll-behavior: smooth;}
.cssa{font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  background: var(--background);
  color: var(--foreground);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;}
.cssa ::selection{background: var(--purple); color: #fff;}
.cssa .serif{font-family: 'Playfair Display', Georgia, serif;}
.cssa a{color: inherit; text-decoration: none;}
.cssa img{max-width: 100%; display: block;}
.cssa ul, .cssa ol{list-style: none;}
.cssa .container{max-width: 1280px; margin: 0 auto; padding: 0 1rem;}
@media (min-width: 1024px){.cssa .container{padding: 0 2rem;}}
.cssa .btn{display: inline-flex; align-items: center; gap: 0.5rem;
  padding: 0.625rem 1.25rem; border-radius: 999px;
  font-size: 0.875rem; font-weight: 600; border: none; cursor: pointer;
  transition: all 0.2s; font-family: inherit; text-decoration: none;}
.cssa .btn-primary{background: var(--purple); color: #fff; box-shadow: 0 8px 24px -8px rgba(123,79,205,0.3);}
.cssa .btn-primary:hover{background: var(--purple-deep); transform: translateY(-2px);}
.cssa .btn-outline{background: var(--card); color: var(--foreground); border: 1px solid var(--border);}
.cssa .btn-outline:hover{border-color: var(--purple); color: var(--purple); transform: translateY(-2px);}
.cssa .badge{display: inline-flex; align-items: center; gap: 0.375rem;
  padding: 0.25rem 0.75rem; border-radius: 999px;
  font-size: 0.6875rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em;
  color: #fff;}
.cssa .badge-purple{background: var(--purple);}
.cssa .badge-lavender{background: var(--lavender);}
.cssa .badge-emerald{background: var(--c-emerald);}
.cssa .badge-sky{background: var(--c-sky);}
.cssa .badge-rose{background: var(--c-rose);}
.cssa .badge-amber{background: var(--c-amber); color: var(--ink);}
.cssa .badge-soft{background: rgba(123,79,205,0.12); color: var(--purple-deep); padding: 0.125rem 0.5rem; border-radius: 0.375rem; font-size: 0.5625rem;}
.cssa .hero{position: relative; overflow: hidden;
  background-image:
    radial-gradient(circle at 20% 10%, rgba(123,79,205,0.08) 0, transparent 40%),
    radial-gradient(circle at 85% 0%, rgba(157,127,232,0.12) 0, transparent 35%);}
.cssa .hero .container{padding-top: 2.5rem; padding-bottom: 2.5rem;}
.cssa .hero-eyebrow{display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 1rem; margin-bottom: 2rem;}
.cssa .hero-eyebrow-left{display: flex; align-items: center; gap: 0.75rem;}
.cssa .hero-eyebrow-label{font-size: 0.75rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.15em; color: var(--muted-foreground);}
.cssa .hero-eyebrow-link{font-size: 0.875rem; font-weight: 600; color: var(--foreground);}
.cssa .hero-eyebrow-link:hover{color: var(--purple);}
.cssa .hero-grid{display: grid; gap: 2rem;}
@media (min-width: 1024px){.cssa .hero-grid{grid-template-columns: 2fr 1fr;}}
.cssa .hero-featured{position: relative; border-radius: var(--radius); overflow: hidden;
  aspect-ratio: 16/11; display: block; color: #fff;
  box-shadow: 0 16px 40px -12px rgba(42,31,61,0.16), 0 40px 80px -32px rgba(123,79,205,0.22);}
.cssa .hero-featured img{width: 100%; height: 100%; object-fit: cover; transition: transform 1.2s;}
.cssa .hero-featured:hover img{transform: scale(1.06);}
.cssa .hero-overlay{position: absolute; inset: 0; background: linear-gradient(to top, rgba(26,15,46,0.92) 0%, rgba(26,15,46,0.35) 50%, transparent 100%);}
.cssa .hero-overlay-2{position: absolute; inset: 0; background: linear-gradient(to right, rgba(26,15,46,0.45) 0%, transparent 100%);}
.cssa .hero-content{position: absolute; inset: auto 0 0 0; padding: 1.5rem;}
@media (min-width: 640px){.cssa .hero-content{padding: 2rem;}}
@media (min-width: 1024px){.cssa .hero-content{padding: 2.5rem;}}
.cssa .hero-badges{display: flex; flex-wrap: wrap; gap: 0.5rem;}
.cssa .hero-badges .badge-glass{background: rgba(255,255,255,0.15); backdrop-filter: blur(8px);}
.cssa .hero-title{font-family: 'Playfair Display', serif; font-weight: 800; font-size: 1.875rem; line-height: 1.08; letter-spacing: -0.01em; margin: 1rem 0 0; max-width: 48rem;}
@media (min-width: 640px){.cssa .hero-title{font-size: 2.25rem;}}
@media (min-width: 1024px){.cssa .hero-title{font-size: 3.1rem;}}
.cssa .hero-excerpt{margin-top: 0.75rem; font-size: 0.9375rem; line-height: 1.6; color: rgba(255,255,255,0.8); max-width: 42rem;}
.cssa .hero-meta{margin-top: 1.25rem; display: flex; flex-wrap: wrap; align-items: center; gap: 0.75rem 1.25rem; font-size: 0.75rem; color: rgba(255,255,255,0.8);}
.cssa .hero-meta-avatar{width: 28px; height: 28px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.4); object-fit: cover;}
.cssa .hero-meta strong{color: #fff; font-weight: 500;}
.cssa .hero-secondary-list{display: flex; flex-direction: column; gap: 1rem;}
.cssa .hero-secondary-header{display: none; align-items: baseline; justify-content: space-between; border-bottom: 1px solid var(--border); padding-bottom: 0.5rem;}
@media (min-width: 1024px){.cssa .hero-secondary-header{display: flex;}}
.cssa .secondary-card{display: flex; gap: 1rem; padding: 0.75rem; background: var(--card); border: 1px solid var(--border); border-radius: var(--radius); transition: all 0.2s;}
.cssa .secondary-card:hover{transform: translateY(-2px); box-shadow: 0 8px 24px -8px rgba(123,79,205,0.16);}
.cssa .secondary-card img{width: 96px; height: 96px; border-radius: 0.75rem; object-fit: cover; flex-shrink: 0;}
.cssa .secondary-card-title{font-family: 'Playfair Display', serif; font-size: 0.9375rem; font-weight: 700; line-height: 1.3; margin: 0.375rem 0 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.cssa .secondary-card:hover .secondary-card-title{color: var(--purple);}
.cssa .secondary-card-meta{margin-top: 0.375rem; font-size: 0.6875rem; color: var(--muted-foreground);}
.cssa .trending{border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); background: var(--muted); overflow: hidden;}
.cssa .trending-inner{display: flex; align-items: center; gap: 1rem; padding: 0.625rem 1rem; max-width: 1280px; margin: 0 auto;}
@media (min-width: 1024px){.cssa .trending-inner{padding: 0.625rem 2rem;}}
.cssa .trending-label{flex-shrink: 0; display: inline-flex; align-items: center; gap: 0.5rem; background: var(--purple); color: #fff; padding: 0.375rem 0.75rem; border-radius: 999px; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em;}
.cssa .trending-track{flex: 1; overflow: hidden; position: relative;}
.cssa .trending-items{display: flex; width: max-content; animation: marquee 28s linear infinite; gap: 2rem;}
.cssa .trending-item{display: flex; align-items: center; gap: 0.5rem; white-space: nowrap; font-size: 0.875rem; color: rgba(42,31,61,0.8); transition: color 0.2s;}
.cssa .trending-item:hover{color: var(--purple);}
.cssa .trending-num{font-family: 'Playfair Display', serif; font-size: 0.75rem; font-weight: 700; color: var(--lavender);}
@keyframes marquee{ 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }
.cssa .main-section{padding: 2.5rem 0;}
@media (min-width: 1024px){.cssa .main-section{padding: 3.5rem 0;}}
.cssa .main-grid{display: grid; gap: 2rem;}
@media (min-width: 1024px){.cssa .main-grid{grid-template-columns: 2fr 1fr; gap: 2.5rem;}}
.cssa .section-header{margin-bottom: 1.5rem;}
.cssa .section-eyebrow{margin: 0 0 0.25rem; font-size: 0.75rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.15em; color: var(--purple);}
.cssa .section-title{font-family: 'Playfair Display', serif; font-size: 1.875rem; font-weight: 800; margin: 0;}
.cssa .post-grid{display: grid; gap: 1.5rem;}
@media (min-width: 640px){.cssa .post-grid{grid-template-columns: repeat(2, 1fr);}}
.cssa .post-card{display: flex; flex-direction: column; background: var(--card); border: 1px solid var(--border); border-radius: var(--radius); overflow: hidden; transition: all 0.3s;}
.cssa .post-card:hover{transform: translateY(-4px); box-shadow: 0 16px 40px -12px rgba(42,31,61,0.16), 0 40px 80px -32px rgba(123,79,205,0.22);}
.cssa .post-card-img{position: relative; aspect-ratio: 16/10; overflow: hidden;}
.cssa .post-card-img img{width: 100%; height: 100%; object-fit: cover; transition: transform 0.9s;}
.cssa .post-card:hover .post-card-img img{transform: scale(1.08);}
.cssa .rank-badge{position: absolute; left: 0.75rem; top: 0.75rem; width: 2rem; height: 2rem; background: rgba(255,255,255,0.9); backdrop-filter: blur(8px); border-radius: 0.5rem; display: grid; place-items: center; font-family: 'Playfair Display', serif; font-size: 0.875rem; font-weight: 900; color: var(--ink);}
.cssa .cat-badge{position: absolute; right: 0.75rem; top: 0.75rem;}
.cssa .post-card-body{padding: 1.25rem; display: flex; flex-direction: column; flex: 1;}
.cssa .post-card-meta{display: flex; align-items: center; gap: 0.5rem; font-size: 0.6875rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.05em; color: var(--muted-foreground); margin-bottom: 0.5rem;}
.cssa .post-card-meta .level{color: var(--purple);}
.cssa .post-card-title{font-family: 'Playfair Display', serif; font-size: 1.125rem; font-weight: 700; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.cssa .post-card:hover .post-card-title{color: var(--purple);}
.cssa .post-card-excerpt{margin-top: 0.5rem; font-size: 0.875rem; line-height: 1.6; color: var(--muted-foreground); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; flex: 1;}
.cssa .post-card-footer{margin-top: 1rem; padding-top: 0.75rem; border-top: 1px solid var(--border); display: flex; align-items: center; justify-content: space-between;}
.cssa .post-card-author{display: flex; align-items: center; gap: 0.5rem; font-size: 0.75rem; font-weight: 500;}
.cssa .post-card-author img{width: 26px; height: 26px; border-radius: 50%; border: 1px solid var(--border);}
.cssa .post-card-stats{display: flex; gap: 0.75rem; font-size: 0.6875rem; color: var(--muted-foreground);}
.cssa .pagination{margin-top: 2.5rem; display: flex; align-items: center; justify-content: space-between; border-top: 1px solid var(--border); padding-top: 1.5rem;}
.cssa .page-btn{display: inline-flex; align-items: center; gap: 0.375rem; border: 1px solid var(--border); background: var(--card); padding: 0.625rem 1rem; border-radius: 999px; font-size: 0.875rem; font-weight: 500; cursor: pointer; transition: all 0.2s; font-family: inherit; color: var(--foreground);}
.cssa .page-btn:hover:not(:disabled){border-color: var(--purple); transform: translateX(-2px);}
.cssa .page-btn:disabled{opacity: 0.4; cursor: not-allowed;}
.cssa .page-numbers{display: flex; gap: 0.375rem;}
.cssa .page-num{width: 2.25rem; height: 2.25rem; display: grid; place-items: center; border-radius: 999px; font-size: 0.875rem; font-weight: 600; border: 1px solid var(--border); background: var(--card); color: var(--muted-foreground); cursor: pointer; transition: all 0.2s;}
.cssa .page-num:hover{border-color: var(--purple); color: var(--foreground);}
.cssa .page-num.active{background: var(--purple); color: #fff; border-color: var(--purple); box-shadow: 0 8px 24px -8px rgba(123,79,205,0.3);}
.cssa .sidebar{display: flex; flex-direction: column; gap: 1.25rem;}
@media (min-width: 1024px){.cssa .sidebar{position: sticky; top: 1.5rem; max-height: calc(100vh - 3rem); overflow-y: auto; padding-right: 0.25rem; scrollbar-width: none;}
.cssa .sidebar::-webkit-scrollbar{display: none;}}
.cssa .widget{background: var(--card); border: 1px solid var(--border); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 8px 24px -8px rgba(123,79,205,0.16);}
.cssa .widget-title{font-family: 'Playfair Display', serif; font-size: 1rem; font-weight: 700; margin: 0 0 1rem; display: flex; align-items: center; gap: 0.5rem;}
.cssa .widget-bar{width: 4px; height: 1rem; border-radius: 999px; background: var(--purple); flex-shrink: 0;}
.cssa .bar-lavender{background: var(--lavender);}
.cssa .bar-emerald{background: var(--c-emerald);}
.cssa .bar-sky{background: var(--c-sky);}
.cssa .bar-rose{background: var(--c-rose);}
.cssa .bar-amber{background: var(--c-amber);}
.cssa .about-widget{text-align: center;}
.cssa .about-avatar-wrap{position: relative; display: inline-block;}
.cssa .about-avatar{width: 84px; height: 84px; border-radius: 50%; border: 4px solid rgba(157,127,232,0.3);}
.cssa .about-verified{position: absolute; bottom: -4px; right: -4px; width: 24px; height: 24px; background: var(--purple); color: #fff; border-radius: 50%; display: grid; place-items: center; font-size: 10px;}
.cssa .about-name{font-family: 'Playfair Display', serif; font-size: 1.125rem; font-weight: 700; margin: 0.75rem 0 0;}
.cssa .about-role{font-size: 0.6875rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.05em; color: var(--purple); margin-top: 0.25rem;}
.cssa .about-bio{font-size: 0.875rem; line-height: 1.6; color: var(--muted-foreground); margin-top: 0.75rem;}
.cssa .about-socials{display: flex; flex-wrap: wrap; justify-content: center; gap: 0.375rem; margin-top: 1rem;}
.cssa .about-socials a{padding: 0.25rem 0.75rem; border: 1px solid var(--border); border-radius: 999px; font-size: 0.75rem; font-weight: 500; transition: all 0.2s;}
.cssa .about-socials a:hover{background: var(--purple); color: #fff; border-color: var(--purple);}
.cssa .search-input{display: flex; align-items: center; gap: 0.5rem; background: var(--background); border: 1px solid var(--border); border-radius: 0.75rem; padding: 0.625rem 0.75rem; transition: border-color 0.2s;}
.cssa .search-input:focus-within{border-color: var(--purple);}
.cssa .search-input input{width: 100%; border: none; background: transparent; font-size: 0.875rem; outline: none; font-family: inherit; color: var(--foreground);}
.cssa .search-input button{width: 28px; height: 28px; background: var(--purple); color: #fff; border: none; border-radius: 0.5rem; cursor: pointer; display: grid; place-items: center; font-size: 0.875rem;}
.cssa .widget-stats{background: linear-gradient(135deg, var(--purple), var(--purple-deep)); color: #fff; border: none;}
.cssa .stats-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.5rem; text-align: center;}
.cssa .stat-icon{width: 36px; height: 36px; background: rgba(255,255,255,0.15); backdrop-filter: blur(8px); border-radius: 50%; display: grid; place-items: center; margin: 0 auto 0.5rem; font-size: 1rem;}
.cssa .stat-value{font-family: 'Playfair Display', serif; font-size: 1.25rem; font-weight: 800; line-height: 1;}
.cssa .stat-label{font-size: 0.625rem; text-transform: uppercase; letter-spacing: 0.05em; color: rgba(255,255,255,0.7); margin-top: 0.25rem;}
.cssa .popular-list{display: flex; flex-direction: column; gap: 1rem;}
.cssa .popular-item{display: flex; align-items: flex-start; gap: 0.75rem;}
.cssa .popular-num{font-family: 'Playfair Display', serif; font-size: 1.5rem; font-weight: 900; line-height: 1; color: var(--lavender);}
.cssa .popular-title{font-size: 0.875rem; font-weight: 600; line-height: 1.3; margin: 0.25rem 0 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.cssa .popular-item:hover .popular-title{color: var(--purple);}
.cssa .popular-meta{margin-top: 0.25rem; font-size: 0.6875rem; color: var(--muted-foreground);}
.cssa .widget-newsletter{border: 1px solid rgba(123,79,205,0.25); background: linear-gradient(135deg, rgba(123,79,205,0.08), rgba(157,127,232,0.12)); text-align: center;}
.cssa .newsletter-badge{display: inline-flex; align-items: center; gap: 0.375rem; background: var(--purple); color: #fff; padding: 0.25rem 0.75rem; border-radius: 999px; font-size: 0.625rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em;}
.cssa .newsletter-title{font-family: 'Playfair Display', serif; font-size: 1.25rem; font-weight: 800; margin: 0.75rem 0 0;}
.cssa .newsletter-desc{font-size: 0.875rem; color: var(--muted-foreground); margin-top: 0.375rem;}
.cssa .newsletter-form{display: flex; flex-direction: column; gap: 0.5rem; margin-top: 1rem;}
.cssa .newsletter-input{width: 100%; padding: 0.625rem 0.75rem; border: 1px solid var(--border); background: var(--background); border-radius: 0.75rem; font-size: 0.875rem; outline: none; font-family: inherit; color: var(--foreground);}
.cssa .newsletter-input:focus{border-color: var(--purple);}
.cssa .newsletter-count{font-size: 0.6875rem; color: var(--muted-foreground); margin-top: 0.75rem;}
.cssa .newsletter-count strong{color: var(--foreground);}
.cssa .cat-list{display: flex; flex-direction: column; gap: 0.25rem;}
.cssa .cat-item{display: flex; align-items: center; justify-content: space-between; padding: 0.5rem; border-radius: 0.5rem; transition: background 0.2s;}
.cssa .cat-item:hover{background: var(--muted);}
.cssa .cat-name{display: flex; align-items: center; gap: 0.625rem; font-size: 0.875rem; font-weight: 500;}
.cssa .cat-dot{width: 8px; height: 8px; border-radius: 50%;}
.cssa .cat-dot-purple{background: var(--purple);}
.cssa .cat-dot-lavender{background: var(--lavender);}
.cssa .cat-dot-emerald{background: var(--c-emerald);}
.cssa .cat-dot-sky{background: var(--c-sky);}
.cssa .cat-dot-rose{background: var(--c-rose);}
.cssa .cat-dot-amber{background: var(--c-amber);}
.cssa .cat-count{min-width: 1.5rem; height: 1.5rem; padding: 0 0.375rem; background: var(--muted); border-radius: 999px; display: grid; place-items: center; font-size: 0.6875rem; font-weight: 700;}
.cssa .tag-cloud{display: flex; flex-wrap: wrap; gap: 0.375rem;}
.cssa .tag{padding: 0.25rem 0.625rem; border: 1px solid var(--border); background: var(--background); border-radius: 999px; font-size: 0.75rem; font-weight: 500; transition: all 0.2s;}
.cssa .tag:hover{background: var(--purple); color: #fff; border-color: var(--purple); transform: translateY(-2px);}
.cssa .tag-count{font-size: 0.625rem; opacity: 0.6; margin-left: 0.25rem;}
.cssa .social-grid{display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.5rem;}
.cssa .social-card{display: flex; align-items: center; gap: 0.625rem; padding: 0.625rem; border: 1px solid var(--border); background: var(--background); border-radius: 0.75rem; transition: all 0.2s;}
.cssa .social-card:hover{border-color: var(--purple); transform: translateY(-2px); box-shadow: 0 8px 24px -8px rgba(123,79,205,0.16);}
.cssa .social-icon{width: 36px; height: 36px; background: var(--purple); color: #fff; border-radius: 0.5rem; display: grid; place-items: center; flex-shrink: 0; font-size: 0.875rem;}
.cssa .social-count{font-size: 0.75rem; font-weight: 600;}
.cssa .social-label{font-size: 0.625rem; color: var(--muted-foreground);}
.cssa .ig-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.375rem;}
.cssa .ig-item{position: relative; aspect-ratio: 1; overflow: hidden; border-radius: 0.5rem;}
.cssa .ig-item img{width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s;}
.cssa .ig-item:hover img{transform: scale(1.1);}
.cssa .ig-overlay{position: absolute; inset: 0; opacity: 0; background: rgba(123,79,205,0.75); display: grid; place-items: center; transition: opacity 0.2s; font-size: 1.25rem;}
.cssa .ig-item:hover .ig-overlay{opacity: 1;}
.cssa .ig-handle{margin-top: 0.75rem; display: flex; align-items: center; justify-content: center; gap: 0.375rem; padding: 0.5rem; border: 1px solid var(--border); background: var(--background); border-radius: 0.5rem; font-size: 0.75rem; font-weight: 600; transition: all 0.2s;}
.cssa .ig-handle:hover{border-color: var(--purple); color: var(--purple);}
.cssa .comments-list{display: flex; flex-direction: column; gap: 1rem;}
.cssa .comment-item{display: flex; gap: 0.75rem;}
.cssa .comment-avatar{width: 36px; height: 36px; border-radius: 50%; border: 1px solid var(--border); flex-shrink: 0;}
.cssa .comment-author{font-size: 0.75rem; font-weight: 600;}
.cssa .comment-text{margin-top: 0.125rem; font-size: 0.8125rem; line-height: 1.4; color: var(--muted-foreground); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.cssa .comment-post{margin-top: 0.25rem; font-size: 0.6875rem; color: var(--purple);}
.cssa .newsletter-cta{padding: 3rem 1rem;}
@media (min-width: 1024px){.cssa .newsletter-cta{padding: 4rem 2rem;}}
.cssa .cta-box{max-width: 1280px; margin: 0 auto; position: relative; overflow: hidden; background: var(--ink); color: #fff; border-radius: 2rem; padding: 3rem 1.5rem;}
@media (min-width: 640px){.cssa .cta-box{padding: 3rem 2.5rem;}}
@media (min-width: 1024px){.cssa .cta-box{padding: 4rem 4rem;}}
.cssa .cta-blob-1{position: absolute; right: -5rem; top: -5rem; width: 18rem; height: 18rem; border-radius: 50%; background: rgba(123,79,205,0.4); filter: blur(60px); pointer-events: none;}
.cssa .cta-blob-2{position: absolute; bottom: -6rem; left: -4rem; width: 18rem; height: 18rem; border-radius: 50%; background: rgba(157,127,232,0.35); filter: blur(60px); pointer-events: none;}
.cssa .cta-grid{position: relative; display: grid; gap: 2rem; align-items: center;}
@media (min-width: 1024px){.cssa .cta-grid{grid-template-columns: 1fr 1fr;}}
.cssa .cta-badge{display: inline-flex; align-items: center; gap: 0.375rem; background: rgba(255,255,255,0.1); backdrop-filter: blur(8px); padding: 0.25rem 0.75rem; border-radius: 999px; font-size: 0.6875rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: #e8e0f7;}
.cssa .cta-title{font-family: 'Playfair Display', serif; font-size: 1.875rem; font-weight: 800; line-height: 1.1; margin: 1rem 0 0;}
@media (min-width: 640px){.cssa .cta-title{font-size: 2.25rem;}}
@media (min-width: 1024px){.cssa .cta-title{font-size: 2.75rem;}}
.cssa .cta-gradient{background: linear-gradient(100deg, var(--lavender) 0%, var(--purple) 55%, var(--lavender) 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.cssa .cta-desc{margin-top: 0.75rem; max-width: 28rem; font-size: 0.9375rem; line-height: 1.6; color: rgba(255,255,255,0.7);}
.cssa .cta-checks{margin-top: 1.25rem; display: flex; flex-wrap: wrap; gap: 0.5rem 1.5rem; font-size: 0.75rem; color: rgba(255,255,255,0.6);}
.cssa .cta-check{display: inline-flex; align-items: center; gap: 0.375rem;}
.cssa .cta-check::before{content: '✓'; color: var(--c-emerald); font-weight: 700;}
.cssa .cta-form{background: rgba(255,255,255,0.04); backdrop-filter: blur(8px); border: 1px solid rgba(255,255,255,0.1); border-radius: var(--radius); padding: 1.5rem;}
.cssa .cta-label{font-size: 0.75rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.05em; color: rgba(255,255,255,0.6); margin-bottom: 0.5rem; display: block;}
.cssa .cta-input-row{display: flex; flex-direction: column; gap: 0.5rem;}
@media (min-width: 640px){.cssa .cta-input-row{flex-direction: row;}}
.cssa .cta-input{flex: 1; display: flex; align-items: center; gap: 0.5rem; background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.15); border-radius: 0.75rem; padding: 0.625rem 0.75rem; transition: border-color 0.2s;}
.cssa .cta-input:focus-within{border-color: var(--lavender);}
.cssa .cta-input input{width: 100%; background: transparent; border: none; outline: none; color: #fff; font-size: 0.875rem; font-family: inherit;}
.cssa .cta-input input::placeholder{color: rgba(255,255,255,0.4);}
.cssa .cta-submit{background: var(--lavender); color: var(--ink); border: none; border-radius: 0.75rem; padding: 0.625rem 1.25rem; font-size: 0.875rem; font-weight: 700; cursor: pointer; font-family: inherit; transition: all 0.2s; white-space: nowrap; display: inline-flex; align-items: center; gap: 0.375rem;}
.cssa .cta-submit:hover{background: #b89af0; transform: translateY(-2px);}
.cssa .cta-fine{margin-top: 0.75rem; font-size: 0.6875rem; color: rgba(255,255,255,0.4);}
.cssa .back-to-top{position: fixed; bottom: 1.5rem; right: 1.5rem; width: 44px; height: 44px; z-index: 40; background: var(--purple); color: #fff; border: none; border-radius: 50%; cursor: pointer; display: grid; place-items: center; box-shadow: 0 16px 40px -12px rgba(123,79,205,0.3); transition: all 0.2s; opacity: 0; transform: translateY(1rem); pointer-events: none; font-size: 1.25rem;}
.cssa .back-to-top.show{opacity: 1; transform: translateY(0); pointer-events: auto;}
.cssa .back-to-top:hover{transform: translateY(-4px);}
@media (max-width: 639px){.cssa .hero-title{font-size: 1.75rem;}
.cssa .post-grid{grid-template-columns: 1fr;}
.cssa .pagination{flex-wrap: wrap; gap: 1rem; justify-content: center;}}
.cssa{--purple: #7b4fcd; --purple-deep: #6b3fbd; --lavender: #9d7fe8; --lavender-soft: #e8e0f7;
  --ink: #1a0f2e; --background: #faf8fc; --foreground: #2a1f3d; --card: #ffffff;
  --muted: #f5f2f9; --muted-foreground: #6b5f7f; --border: #ebe6f3; --accent: #f0ebf9;
  --accent-foreground: #4a2f7d; --c-emerald: #10b981; --c-sky: #0ea5e9; --c-rose: #f43f5e; --c-amber: #f59e0b;
  --radius: 0.75rem;}
.cssa, .cssa *{box-sizing: border-box; margin: 0; padding: 0;}
.cssa{scroll-behavior: smooth;}
.cssa{font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; background: var(--background); color: var(--foreground); line-height: 1.6; -webkit-font-smoothing: antialiased;}
.cssa ::selection{background: var(--purple); color: #fff;}
.cssa .serif{font-family: 'Playfair Display', Georgia, serif;}
.cssa a{color: inherit; text-decoration: none;}
.cssa img{max-width: 100%; display: block;}
.cssa ul, .cssa ol{list-style: none;}
.cssa button{font-family: inherit; cursor: pointer;}
.cssa .progress-bar{position: fixed; top: 0; left: 0; right: 0; height: 4px; z-index: 60; background: transparent;}
.cssa .progress-bar-fill{height: 100%; background: linear-gradient(to right, var(--purple), var(--lavender)); width: 0%; transition: width 0.15s;}
.cssa .breadcrumb{border-bottom: 1px solid var(--border); background: var(--background);}
.cssa .breadcrumb-inner{max-width: 1280px; margin: 0 auto; display: flex; align-items: center; gap: 0.375rem; padding: 0.75rem 1rem; font-size: 0.75rem; color: var(--muted-foreground);}
@media (min-width: 1024px){.cssa .breadcrumb-inner{padding: 0.75rem 2rem;}}
.cssa .breadcrumb a:hover{color: var(--foreground);}
.cssa .breadcrumb .current{color: var(--foreground); font-weight: 500;}
.cssa .breadcrumb-sep{opacity: 0.5;}
.cssa .detail-grid{max-width: 1280px; margin: 0 auto; padding: 2rem 1rem; display: grid; gap: 2rem;}
@media (min-width: 1024px){.cssa .detail-grid{padding: 3rem 2rem; grid-template-columns: 2fr 1fr; gap: 2.5rem;}}
.cssa .back-btn{display: inline-flex; align-items: center; gap: 0.375rem; border: 1px solid var(--border); background: var(--card); border-radius: 999px; padding: 0.375rem 0.75rem; font-size: 0.75rem; font-weight: 500; color: var(--foreground); transition: all 0.2s; margin-bottom: 1.25rem;}
.cssa .back-btn:hover{border-color: var(--purple); transform: translateX(-2px);}
.cssa .badge{display: inline-flex; align-items: center; gap: 0.375rem; padding: 0.25rem 0.75rem; border-radius: 999px; font-size: 0.6875rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: #fff;}
.cssa .badge-purple{background: var(--purple);}
.cssa .badge-outline{background: var(--card); color: var(--foreground); border: 1px solid var(--border);}
.cssa .badge-lessons{background: rgba(123,79,205,0.12); color: var(--purple);}
.cssa .detail-badges{display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; margin-bottom: 1rem;}
.cssa .detail-title{font-family: 'Playfair Display', serif; font-size: 2.25rem; font-weight: 800; line-height: 1.08; letter-spacing: -0.01em;}
@media (min-width: 640px){.cssa .detail-title{font-size: 3rem;}}
.cssa .detail-excerpt{margin-top: 1.25rem; font-size: 1.125rem; line-height: 1.6; color: var(--muted-foreground);}
.cssa .detail-meta{margin-top: 1.75rem; padding: 1rem 0; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem;}
.cssa .detail-author{display: flex; align-items: center; gap: 0.75rem;}
.cssa .detail-author img{width: 42px; height: 42px; border-radius: 50%; border: 2px solid rgba(123,79,205,0.2);}
.cssa .detail-author-name{font-size: 0.875rem; font-weight: 600;}
.cssa .detail-author-role{font-size: 0.75rem; color: var(--muted-foreground);}
.cssa .detail-meta-stats{display: flex; flex-wrap: wrap; gap: 0.75rem 1rem; font-size: 0.75rem; color: var(--muted-foreground);}
.cssa .detail-featured{margin-top: 1.5rem; position: relative; aspect-ratio: 16/9; overflow: hidden; border-radius: var(--radius); box-shadow: 0 16px 40px -12px rgba(42,31,61,0.16), 0 40px 80px -32px rgba(123,79,205,0.22);}
.cssa .detail-featured img{width: 100%; height: 100%; object-fit: cover;}
.cssa .detail-caption{margin-top: 0.5rem; text-align: center; font-size: 0.75rem; color: var(--muted-foreground);}
.cssa .takeaways{margin-top: 2rem; border: 1px solid rgba(123,79,205,0.25); background: linear-gradient(135deg, rgba(123,79,205,0.06), rgba(157,127,232,0.08)); border-radius: var(--radius); padding: 1.5rem;}
.cssa .takeaways-title{display: flex; align-items: center; gap: 0.5rem; font-family: 'Playfair Display', serif; font-size: 1.125rem; font-weight: 700;}
.cssa .takeaways-icon{width: 28px; height: 28px; background: var(--purple); color: #fff; border-radius: 0.5rem; display: grid; place-items: center; font-size: 0.875rem;}
.cssa .takeaways-list{margin-top: 1rem; display: flex; flex-direction: column; gap: 0.625rem;}
.cssa .takeaways-list li{display: flex; gap: 0.75rem; font-size: 0.875rem; line-height: 1.6;}
.cssa .takeaway-num{width: 20px; height: 20px; background: var(--purple); color: #fff; border-radius: 50%; flex-shrink: 0; display: grid; place-items: center; font-size: 0.625rem; font-weight: 700; margin-top: 0.125rem;}
.cssa .prose{margin-top: 2rem; font-size: 1.0625rem; line-height: 1.85;}
.cssa .prose p{margin: 1.25rem 0;}
.cssa .prose h2{font-family: 'Playfair Display', serif; font-size: 1.9rem; font-weight: 800; line-height: 1.2; margin: 2.5rem 0 1rem; letter-spacing: -0.01em; scroll-margin-top: 6rem;}
.cssa .prose h3{font-family: 'Playfair Display', serif; font-size: 1.4rem; font-weight: 700; margin: 2rem 0 0.75rem; scroll-margin-top: 6rem;}
.cssa .prose ul{margin: 1.25rem 0; padding-left: 1.5rem; list-style: none;}
.cssa .prose ul li{position: relative; margin: 0.6rem 0; padding-left: 1.25rem;}
.cssa .prose ul li::before{content: ''; position: absolute; left: 0; top: 0.7rem; width: 7px; height: 7px; border-radius: 50%; background: var(--purple);}
.cssa .prose ol{margin: 1.25rem 0; padding-left: 1.5rem; list-style: decimal;}
.cssa .prose ol li{margin: 0.6rem 0;}
.cssa .prose a{color: var(--purple); font-weight: 600; text-decoration: underline; text-underline-offset: 3px;}
.cssa .prose strong{font-weight: 700;}
.cssa .prose em{font-style: italic;}
.cssa .prose blockquote{margin: 1.75rem 0; padding: 1.25rem 1.5rem; border-left: 4px solid var(--purple); background: var(--accent); border-radius: 0 0.75rem 0.75rem 0; font-family: 'Playfair Display', serif; font-size: 1.2rem; font-style: italic; color: var(--accent-foreground);}
.cssa .prose blockquote p{margin: 0;}
.cssa .prose blockquote cite{display: block; margin-top: 0.5rem; font-size: 0.875rem; font-style: normal; color: var(--muted-foreground);}
.cssa .prose code{font-family: 'Courier New', monospace; font-size: 0.875em; background: rgba(123,79,205,0.1); color: var(--purple-deep); padding: 0.15rem 0.4rem; border-radius: 0.35rem; font-weight: 600;}
.cssa .prose pre{margin: 1.5rem 0; padding: 1.25rem 1.4rem; background: var(--ink); color: #f0ebf9; border-radius: 0.9rem; overflow-x: auto; font-size: 0.85rem; line-height: 1.7; border: 1px solid rgba(74,47,125,0.6);}
.cssa .prose pre code{background: transparent; color: inherit; padding: 0; font-weight: 400;}
.cssa .callout{display: flex; gap: 0.75rem; border-radius: var(--radius); padding: 1rem; margin: 1.5rem 0;}
.cssa .callout-tip{border: 1px solid rgba(16,185,129,0.35); background: rgba(16,185,129,0.08);}
.cssa .callout-note{border: 1px solid rgba(123,79,205,0.35); background: rgba(123,79,205,0.08);}
.cssa .callout-warn{border: 1px solid rgba(245,158,11,0.45); background: rgba(245,158,11,0.1);}
.cssa .callout-icon{width: 36px; height: 36px; border-radius: 0.5rem; background: rgba(255,255,255,0.7); display: grid; place-items: center; flex-shrink: 0; font-size: 1.125rem;}
.cssa .callout-title{font-size: 0.875rem; font-weight: 700; margin: 0 0 0.125rem;}
.cssa .callout-tip .callout-title{color: #047857;}
.cssa .callout-note .callout-title{color: var(--purple-deep);}
.cssa .callout-warn .callout-title{color: #b45309;}
.cssa .callout-text{font-size: 0.875rem; line-height: 1.6; color: rgba(42,31,61,0.8); margin: 0;}
.cssa .actions-row{margin-top: 2.5rem; padding-top: 1.5rem; border-top: 1px solid var(--border); display: flex; flex-direction: column; gap: 1rem;}
@media (min-width: 640px){.cssa .actions-row{flex-direction: row; align-items: center; justify-content: space-between;}}
.cssa .like-btn{display: inline-flex; align-items: center; gap: 0.5rem; border: 1px solid var(--border); background: var(--card); border-radius: 999px; padding: 0.5rem 1rem; font-size: 0.875rem; font-weight: 600; color: var(--foreground); transition: all 0.2s;}
.cssa .like-btn:hover{border-color: var(--purple); transform: translateY(-2px);}
.cssa .like-btn.liked{border-color: rgba(244,63,94,0.4); background: rgba(244,63,94,0.1); color: #be123c;}
.cssa .like-btn.liked .heart{fill: #f43f5e; color: #f43f5e;}
.cssa .share-row{display: flex; align-items: center; gap: 0.375rem;}
.cssa .share-label{font-size: 0.75rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.05em; color: var(--muted-foreground); margin-right: 0.5rem;}
.cssa .share-btn{width: 36px; height: 36px; border: 1px solid var(--border); background: var(--card); border-radius: 50%; color: var(--muted-foreground); display: grid; place-items: center; transition: all 0.2s; border: 1px solid var(--border); font-size: 0.875rem;}
.cssa .share-btn:hover{border-color: var(--purple); color: var(--purple); transform: translateY(-2px);}
.cssa .detail-tags{margin-top: 1.5rem; display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem;}
.cssa .detail-tag-label{font-size: 0.75rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; color: var(--muted-foreground);}
.cssa .detail-tag{padding: 0.25rem 0.75rem; border: 1px solid var(--border); background: var(--card); border-radius: 999px; font-size: 0.75rem; font-weight: 500; transition: all 0.2s;}
.cssa .detail-tag:hover{background: var(--purple); color: #fff; border-color: var(--purple);}
.cssa .source-box{margin-top: 1.5rem; border: 1px dashed var(--border); background: rgba(245,242,249,0.4); border-radius: var(--radius); padding: 1rem; display: flex; flex-direction: column; gap: 0.5rem;}
@media (min-width: 640px){.cssa .source-box{flex-direction: row; align-items: center; justify-content: space-between;}}
.cssa .source-left{display: flex; align-items: flex-start; gap: 0.625rem;}
.cssa .source-icon{width: 28px; height: 28px; background: rgba(123,79,205,0.12); color: var(--purple); border-radius: 0.5rem; display: grid; place-items: center; flex-shrink: 0; margin-top: 0.125rem; font-size: 0.875rem;}
.cssa .source-label{font-size: 0.75rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; color: var(--muted-foreground); margin: 0;}
.cssa .source-name{font-size: 0.875rem; font-weight: 500; color: var(--foreground); margin: 0;}
.cssa .source-link{display: inline-flex; align-items: center; gap: 0.375rem; border: 1px solid var(--border); background: var(--card); border-radius: 999px; padding: 0.375rem 0.75rem; font-size: 0.75rem; font-weight: 600; color: var(--foreground); transition: all 0.2s; white-space: nowrap;}
.cssa .source-link:hover{border-color: var(--purple); color: var(--purple);}
.cssa .author-box{margin-top: 2.5rem; overflow: hidden; border: 1px solid var(--border); background: var(--card); border-radius: var(--radius);}
.cssa .author-box-top{height: 8px; background: linear-gradient(to right, var(--purple), var(--lavender));}
.cssa .author-box-body{padding: 1.5rem; display: flex; flex-direction: column; gap: 1rem;}
@media (min-width: 640px){.cssa .author-box-body{flex-direction: row; align-items: flex-start;}}
.cssa .author-box-avatar{width: 72px; height: 72px; border-radius: 50%; border: 2px solid rgba(123,79,205,0.2); flex-shrink: 0;}
.cssa .author-box-eyebrow{font-size: 0.6875rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; color: var(--purple); margin: 0;}
.cssa .author-box-name{font-family: 'Playfair Display', serif; font-size: 1.25rem; font-weight: 700; margin: 0;}
.cssa .author-box-role{font-size: 0.875rem; color: var(--muted-foreground); margin: 0;}
.cssa .author-box-bio{margin-top: 0.5rem; font-size: 0.875rem; line-height: 1.6; color: var(--muted-foreground);}
.cssa .author-box-socials{margin-top: 1rem; display: flex; flex-wrap: wrap; gap: 0.375rem;}
.cssa .author-box-socials a{padding: 0.25rem 0.75rem; border: 1px solid var(--border); background: var(--background); border-radius: 999px; font-size: 0.75rem; font-weight: 500; transition: all 0.2s;}
.cssa .author-box-socials a:hover{background: var(--purple); color: #fff; border-color: var(--purple);}
.cssa .comments{margin-top: 3.5rem;}
.cssa .comments-header{display: flex; align-items: center; gap: 0.5rem; border-bottom: 1px solid var(--border); padding-bottom: 0.75rem; margin-bottom: 1.5rem;}
.cssa .comments-title{font-family: 'Playfair Display', serif; font-size: 1.5rem; font-weight: 800; margin: 0;}
.cssa .comments-count{background: var(--muted); padding: 0.125rem 0.5rem; border-radius: 999px; font-size: 0.75rem; font-weight: 700; color: var(--muted-foreground);}
.cssa .comment-form{margin-bottom: 2rem; border: 1px solid var(--border); background: var(--card); border-radius: var(--radius); padding: 1.25rem;}
.cssa .comment-form-title{font-family: 'Playfair Display', serif; font-size: 0.875rem; font-weight: 700; margin: 0 0 0.75rem;}
.cssa .comment-form input, .cssa .comment-form textarea{width: 100%; padding: 0.5rem 0.75rem; border: 1px solid var(--border); background: var(--background); border-radius: 0.5rem; font-size: 0.875rem; outline: none; font-family: inherit; color: var(--foreground); margin-bottom: 0.5rem;}
.cssa .comment-form textarea{resize: none;}
.cssa .comment-form input:focus, .cssa .comment-form textarea:focus{border-color: var(--purple);}
.cssa .comment-form-row{display: flex; align-items: center; justify-content: space-between; margin-top: 0.75rem;}
.cssa .comment-form-hint{font-size: 0.6875rem; color: var(--muted-foreground); margin: 0;}
.cssa .comment-submit{display: inline-flex; align-items: center; gap: 0.375rem; background: var(--purple); color: #fff; border: none; border-radius: 999px; padding: 0.5rem 1rem; font-size: 0.875rem; font-weight: 600; transition: all 0.2s;}
.cssa .comment-submit:hover{background: var(--purple-deep); transform: translateY(-2px);}
.cssa .comments-list{display: flex; flex-direction: column; gap: 1.5rem;}
.cssa .comment-item-detail{display: flex; gap: 0.75rem;}
.cssa .comment-item-detail img{width: 40px; height: 40px; border-radius: 50%; border: 1px solid var(--border); flex-shrink: 0;}
.cssa .comment-meta{display: flex; align-items: center; gap: 0.5rem;}
.cssa .comment-author-detail{font-size: 0.875rem; font-weight: 600;}
.cssa .comment-time{font-size: 0.6875rem; color: var(--muted-foreground);}
.cssa .comment-text-detail{margin-top: 0.25rem; font-size: 0.875rem; line-height: 1.6; color: rgba(42,31,61,0.8);}
.cssa .comment-actions{margin-top: 0.5rem; display: flex; gap: 1rem; font-size: 0.6875rem;}
.cssa .comment-actions a{color: var(--muted-foreground); transition: color 0.2s; display: inline-flex; align-items: center; gap: 0.25rem;}
.cssa .comment-actions a:hover{color: var(--purple);}
.cssa .related{margin-top: 3.5rem;}
.cssa .related-header{display: flex; align-items: flex-end; justify-content: space-between; border-bottom: 1px solid var(--border); padding-bottom: 0.75rem; margin-bottom: 1.5rem;}
.cssa .related-eyebrow{font-size: 0.75rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.15em; color: var(--purple); margin: 0 0 0.25rem;}
.cssa .related-title{font-family: 'Playfair Display', serif; font-size: 1.5rem; font-weight: 800; margin: 0;}
.cssa .related-grid{display: grid; gap: 1.25rem;}
@media (min-width: 640px){.cssa .related-grid{grid-template-columns: repeat(3, 1fr);}}
.cssa .related-card{display: flex; flex-direction: column; overflow: hidden; border: 1px solid var(--border); background: var(--card); border-radius: var(--radius); transition: all 0.3s;}
.cssa .related-card:hover{transform: translateY(-4px); box-shadow: 0 8px 24px -8px rgba(123,79,205,0.16);}
.cssa .related-card-img{position: relative; aspect-ratio: 16/10; overflow: hidden;}
.cssa .related-card-img img{width: 100%; height: 100%; object-fit: cover; transition: transform 0.7s;}
.cssa .related-card:hover .related-card-img img{transform: scale(1.1);}
.cssa .related-card-img .badge{position: absolute; right: 0.5rem; top: 0.5rem;}
.cssa .related-card-body{padding: 1rem;}
.cssa .related-card-title{font-family: 'Playfair Display', serif; font-size: 0.875rem; font-weight: 700; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.cssa .related-card:hover .related-card-title{color: var(--purple);}
.cssa .related-card-meta{margin-top: 0.5rem; font-size: 0.6875rem; color: var(--muted-foreground);}
.cssa .sidebar{display: flex; flex-direction: column; gap: 1.25rem;}
@media (min-width: 1024px){.cssa .sidebar{position: sticky; top: 1.5rem; max-height: calc(100vh - 3rem); overflow-y: auto; padding-right: 0.25rem; scrollbar-width: none;}
.cssa .sidebar::-webkit-scrollbar{display: none;}}
.cssa .widget{background: var(--card); border: 1px solid var(--border); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 8px 24px -8px rgba(123,79,205,0.16);}
.cssa .widget-title{font-family: 'Playfair Display', serif; font-size: 1rem; font-weight: 700; margin: 0 0 1rem; display: flex; align-items: center; gap: 0.5rem;}
.cssa .widget-bar{width: 4px; height: 1rem; border-radius: 999px; background: var(--purple); flex-shrink: 0;}
.cssa .bar-lavender{background: var(--lavender);}
.cssa .bar-rose{background: var(--c-rose);}
.cssa .toc-link{display: flex; align-items: flex-start; gap: 0.625rem; padding: 0.375rem 0.5rem; border-radius: 0.5rem; font-size: 0.875rem; color: var(--muted-foreground); transition: all 0.2s;}
.cssa .toc-link:hover{color: var(--foreground);}
.cssa .toc-link.active{background: rgba(123,79,205,0.08); color: var(--purple); font-weight: 600;}
.cssa .toc-num{font-family: 'Playfair Display', serif; font-size: 0.75rem; font-weight: 700; color: var(--muted-foreground);}
.cssa .toc-link.active .toc-num{color: var(--purple);}
.cssa .widget-course{border: 1px solid rgba(123,79,205,0.3); background: linear-gradient(135deg, rgba(123,79,205,0.08), rgba(157,127,232,0.12));}
.cssa .course-head{display: flex; align-items: center; gap: 0.625rem;}
.cssa .course-icon{width: 40px; height: 40px; background: var(--purple); color: #fff; border-radius: 0.75rem; display: grid; place-items: center; font-size: 1.25rem;}
.cssa .course-eyebrow{font-size: 0.625rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--purple); margin: 0;}
.cssa .course-title-text{font-family: 'Playfair Display', serif; font-size: 0.875rem; font-weight: 700; margin: 0; line-height: 1.2;}
.cssa .course-meta{margin-top: 0.75rem; display: flex; gap: 0.75rem; font-size: 0.6875rem; color: var(--muted-foreground);}
.cssa .course-btn{margin-top: 0.75rem; width: 100%; padding: 0.5rem; background: var(--purple); color: #fff; border: none; border-radius: 0.5rem; font-size: 0.75rem; font-weight: 600; transition: background 0.2s;}
.cssa .course-btn:hover{background: var(--purple-deep);}
.cssa .about-widget{text-align: center;}
.cssa .about-avatar-wrap{position: relative; display: inline-block;}
.cssa .about-avatar{width: 84px; height: 84px; border-radius: 50%; border: 4px solid rgba(157,127,232,0.3);}
.cssa .about-verified{position: absolute; bottom: -4px; right: -4px; width: 24px; height: 24px; background: var(--purple); color: #fff; border-radius: 50%; display: grid; place-items: center; font-size: 10px;}
.cssa .about-name{font-family: 'Playfair Display', serif; font-size: 1.125rem; font-weight: 700; margin: 0.75rem 0 0;}
.cssa .about-role{font-size: 0.6875rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.05em; color: var(--purple); margin-top: 0.25rem;}
.cssa .about-bio{font-size: 0.875rem; line-height: 1.6; color: var(--muted-foreground); margin-top: 0.75rem;}
.cssa .about-socials{display: flex; flex-wrap: wrap; justify-content: center; gap: 0.375rem; margin-top: 1rem;}
.cssa .about-socials a{padding: 0.25rem 0.75rem; border: 1px solid var(--border); border-radius: 999px; font-size: 0.75rem; font-weight: 500; transition: all 0.2s;}
.cssa .about-socials a:hover{background: var(--purple); color: #fff; border-color: var(--purple);}
.cssa .share-grid{display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.5rem;}
.cssa .share-card{display: flex; flex-direction: column; align-items: center; padding: 0.75rem 0.5rem; border: 1px solid var(--border); background: var(--background); border-radius: 0.75rem; text-align: center; transition: all 0.2s;}
.cssa .share-card:hover{border-color: var(--purple); transform: translateY(-2px); box-shadow: 0 8px 24px -8px rgba(123,79,205,0.16);}
.cssa .share-card-icon{width: 32px; height: 32px; background: var(--purple); color: #fff; border-radius: 0.5rem; display: grid; place-items: center; font-size: 0.875rem; margin-bottom: 0.375rem;}
.cssa .share-card-label{font-size: 0.625rem; color: var(--muted-foreground);}
.cssa .save-btn{margin-top: 0.5rem; display: flex; align-items: center; justify-content: center; gap: 0.375rem; border: 1px solid var(--border); background: var(--background); border-radius: 0.5rem; padding: 0.5rem; font-size: 0.75rem; font-weight: 600; color: var(--foreground); transition: all 0.2s; width: 100%;}
.cssa .save-btn:hover{border-color: var(--purple); color: var(--purple);}
.cssa .widget-newsletter{border: 1px solid rgba(123,79,205,0.25); background: linear-gradient(135deg, rgba(123,79,205,0.08), rgba(157,127,232,0.12)); text-align: center;}
.cssa .newsletter-badge{display: inline-flex; align-items: center; gap: 0.375rem; background: var(--purple); color: #fff; padding: 0.25rem 0.75rem; border-radius: 999px; font-size: 0.625rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em;}
.cssa .newsletter-title{font-family: 'Playfair Display', serif; font-size: 1.25rem; font-weight: 800; margin: 0.75rem 0 0;}
.cssa .newsletter-desc{font-size: 0.875rem; color: var(--muted-foreground); margin-top: 0.375rem;}
.cssa .newsletter-form{display: flex; flex-direction: column; gap: 0.5rem; margin-top: 1rem;}
.cssa .newsletter-input{width: 100%; padding: 0.625rem 0.75rem; border: 1px solid var(--border); background: var(--background); border-radius: 0.75rem; font-size: 0.875rem; outline: none; font-family: inherit; color: var(--foreground);}
.cssa .newsletter-input:focus{border-color: var(--purple);}
.cssa .newsletter-btn{display: inline-flex; align-items: center; justify-content: center; gap: 0.375rem; background: var(--purple); color: #fff; border: none; border-radius: 0.75rem; padding: 0.625rem 1rem; font-size: 0.875rem; font-weight: 600; transition: all 0.2s;}
.cssa .newsletter-btn:hover{background: var(--purple-deep); transform: translateY(-2px);}
.cssa .newsletter-count{font-size: 0.6875rem; color: var(--muted-foreground); margin-top: 0.75rem;}
.cssa .newsletter-count strong{color: var(--foreground);}
.cssa .back-to-top{position: fixed; bottom: 1.5rem; right: 1.5rem; width: 44px; height: 44px; z-index: 40; background: var(--purple); color: #fff; border: none; border-radius: 50%; display: grid; place-items: center; box-shadow: 0 16px 40px -12px rgba(123,79,205,0.3); transition: all 0.2s; opacity: 0; transform: translateY(1rem); pointer-events: none; font-size: 1.25rem;}
.cssa .back-to-top.show{opacity: 1; transform: translateY(0); pointer-events: auto;}
.cssa .back-to-top:hover{transform: translateY(-4px);}
@media (max-width: 639px){.cssa .detail-title{font-size: 1.75rem;}}
/* ---- WordPress additions ---- */
.cssa{font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;background:var(--background);color:var(--foreground);line-height:1.6;-webkit-font-smoothing:antialiased}
.cssa a{color:inherit;text-decoration:none}
.cssa img{max-width:100%;height:auto}
.cssa .hero-featured img,.cssa .post-card-img img,.cssa .related-card-img img,.cssa .detail-featured img,.cssa .secondary-card img{height:100%}
.cssa .secondary-card img{height:96px}
.cssa .noimg{width:100%;height:100%;min-height:96px;background:linear-gradient(135deg,var(--purple),var(--lavender))}
.cssa .page-btn,.cssa .page-num{text-decoration:none}
.cssa .page-btn.disabled{opacity:.4;pointer-events:none}
.cssa .page-num.dots{border:none;background:none}
.cssa .back-to-top,.cssa .like-btn,.cssa .share-btn{padding:0}
.cssa .like-btn{padding:.5rem 1rem}
.cssa .progress-bar{position:fixed}
.cssa .comment-form label{display:block;font-size:.75rem;font-weight:600;margin-bottom:.25rem}
.cssa .comment-form .comment-reply-title{font-family:'Playfair Display',serif;font-weight:700;font-size:1rem;margin:0 0 .75rem}
.cssa .comment-form p{margin:0 0 .5rem}
.cssa .comment-form input[type=submit]{width:auto;background:var(--purple);color:#fff;border:none;border-radius:999px;padding:.5rem 1.25rem;font-weight:600;cursor:pointer;margin:0}
.cssa .comment-form input[type=checkbox]{width:auto;margin-right:.4rem}
.cssa .comment-item-detail .children{margin-top:1rem;display:flex;flex-direction:column;gap:1rem}
.cssa .comment-item-detail .avatar{width:40px;height:40px;border-radius:50%;border:1px solid var(--border)}
.cssa .comment-awaiting{font-size:.75rem;color:var(--c-amber)}
.cssa .comment-text-detail p{margin:0 0 .5rem}
.cssa .detail-empty{padding:2rem;text-align:center;color:var(--muted-foreground)}
.cssa .prose img{border-radius:.75rem;height:auto}
.cssa .prose table{width:100%;border-collapse:collapse;margin:1.5rem 0}
.cssa .prose th,.cssa .prose td{border:1px solid var(--border);padding:.5rem .75rem}
.cssa .search-input input{box-shadow:none}
.cssa .about-avatar,.cssa .detail-author img{object-fit:cover}
.cssa .toc-link{cursor:pointer}
.cssa .tag-cloud .tag,.cssa .cat-item{text-decoration:none}
.cssa .widget-title,.cssa .section-title,.cssa .post-card-title,.cssa .hero-title{color:inherit}
.cssa .hero-title,.cssa .hero-excerpt{color:#fff}
@media(max-width:639px){.cssa .cta-box{border-radius:1.25rem}}
.cssa .hero-featured .noimg,.cssa .post-card-img .noimg,.cssa .detail-featured .noimg,.cssa .related-card-img .noimg{position:absolute;inset:0}
.cssa .secondary-card .noimg{width:96px;height:96px;min-height:0;border-radius:.75rem;flex-shrink:0}
.cssa .like-btn .like-count{opacity:.7}
.cssa .share-card{text-decoration:none}
.cssa .cta-form .wpcf7-form,.cssa .cta-form form{color:#fff}
/* ---- fixes: avatar sizes must beat ".hero-featured img" and theme img rules ---- */
.cssa .hero-featured img.hero-meta-avatar{width:28px!important;height:28px!important;max-width:none;border-radius:50%;object-fit:cover;flex-shrink:0}
.cssa .post-card-author img{width:26px!important;height:26px!important;max-width:none;border-radius:50%;object-fit:cover;flex-shrink:0}
.cssa .detail-author img{width:42px!important;height:42px!important;max-width:none;border-radius:50%}
.cssa img.about-avatar{width:84px!important;height:84px!important;max-width:none;border-radius:50%}
.cssa img.author-box-avatar{width:72px!important;height:72px!important;max-width:none;border-radius:50%}
.cssa img.comment-avatar{width:36px!important;height:36px!important;max-width:none;border-radius:50%}
.cssa .comment-item-detail>img{width:40px!important;height:40px!important;max-width:none;border-radius:50%}
.cssa .hero-meta{position:relative}
.cssa .hero-meta strong{white-space:nowrap}
.cssa .hero-content{max-height:100%;overflow:hidden}
.cssa .hero-featured img:not(.hero-meta-avatar){position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none}
.cssa .course-btn{text-decoration:none}
.cssa .newsletter-form .btn{justify-content:center}
.cssa .cta-form{display:block}

/* ===== v1.0.3 fixes: restore widget variants (detail CSS overwrote them) + beat theme styles ===== */
.cssa .widget-stats{background:linear-gradient(135deg,var(--purple),var(--purple-deep))!important;color:#fff!important;border:none!important}
.cssa .widget-newsletter{border:1px solid rgba(123,79,205,.25)!important;background:linear-gradient(135deg,rgba(123,79,205,.08),rgba(157,127,232,.12))!important;text-align:center}
.cssa .widget-course{border:1px solid rgba(123,79,205,.3)!important;background:linear-gradient(135deg,rgba(123,79,205,.08),rgba(157,127,232,.12))!important}
.cssa .stats-grid{display:grid!important;grid-template-columns:repeat(3,1fr);gap:.5rem;text-align:center}
.cssa .stat-icon{width:36px!important;height:36px!important;background:rgba(255,255,255,.18)!important;border-radius:50%!important;display:grid!important;place-items:center;margin:0 auto .5rem!important;padding:0!important;font-size:1rem;border:none!important;color:#fff!important}
.cssa .stat-value{background:none!important;border:none!important;padding:0!important;margin:0!important;font-family:'Playfair Display',Georgia,serif!important;font-size:1.25rem!important;font-weight:800!important;line-height:1!important;color:#fff!important;display:block!important;text-transform:none!important;letter-spacing:0!important}
.cssa .stat-label{background:none!important;border:none!important;padding:0!important;margin:.25rem 0 0!important;font-size:.625rem!important;text-transform:uppercase!important;letter-spacing:.05em!important;color:rgba(255,255,255,.75)!important;display:block!important;font-weight:500!important}
.cssa .badge{opacity:1!important;color:#fff;text-shadow:none}
.cssa .badge-amber{color:var(--ink)!important}
.cssa .badge-soft{color:var(--purple-deep)!important;background:rgba(123,79,205,.12)!important}
.cssa .badge-outline{color:var(--foreground)!important;background:var(--card)!important}
.cssa .badge-lessons{color:var(--purple)!important}
.cssa .tag{opacity:1!important;color:var(--foreground);background:var(--background)}
.cssa .tag:hover{color:#fff!important;background:var(--purple)}
.cssa .tag-count{opacity:.6}
.cssa .detail-tag{opacity:1!important;color:var(--foreground)}
.cssa .detail-tag:hover{color:#fff!important}
/* serif headings must win over theme heading rules */
.cssa .widget-title,.cssa .section-title,.cssa .hero-title,.cssa .secondary-card-title,.cssa .post-card-title,.cssa .about-name,.cssa .newsletter-title,.cssa .cta-title,.cssa .detail-title,.cssa .takeaways-title,.cssa .author-box-name,.cssa .comments-title,.cssa .related-title,.cssa .related-card-title,.cssa .course-title-text,.cssa .comment-form-title,.cssa .popular-num,.cssa .trending-num,.cssa .rank-badge,.cssa .toc-num,.cssa .prose h2,.cssa .prose h3,.cssa .prose blockquote{font-family:'Playfair Display',Georgia,serif!important}
.cssa .widget-title{font-size:1rem!important;font-weight:700!important;line-height:1.3!important;margin:0 0 1rem!important;color:var(--foreground)!important;text-transform:none!important;letter-spacing:0!important;display:flex!important}
.cssa .section-title{font-size:1.875rem!important;font-weight:800!important;line-height:1.2!important;text-transform:none!important;letter-spacing:0!important;color:var(--foreground)!important}
.cssa .popular-title{font-family:'Inter',sans-serif!important;font-size:.875rem!important;font-weight:600!important;line-height:1.3!important;color:var(--foreground)!important;text-transform:none!important;letter-spacing:0!important}
.cssa .popular-item:hover .popular-title{color:var(--purple)!important}
.cssa .popular-num{font-size:1.5rem!important;font-weight:900!important;color:var(--lavender)!important;line-height:1!important}
.cssa .about-name{font-size:1.125rem!important;font-weight:700!important}
.cssa .newsletter-title{font-size:1.25rem!important;font-weight:800!important}
.cssa .hero-title{color:#fff!important;font-weight:800!important}
.cssa .detail-title{font-weight:800!important;color:var(--foreground)!important}
.cssa .post-card-title,.cssa .post-card-title a{color:var(--foreground)}
.cssa .post-card:hover .post-card-title,.cssa .post-card:hover .post-card-title a{color:var(--purple)}
.cssa .cat-name,.cssa .cat-count{color:var(--foreground)}
.cssa .cat-count{background:var(--muted)!important}
.cssa .ig-item,.cssa .social-card{opacity:1!important}
.cssa .social-icon{background:var(--purple)!important;color:#fff!important}
.cssa .social-count{color:var(--foreground)}
.cssa .about-verified{background:var(--purple)!important;color:#fff!important}

.cssa .cssa-ad{text-align:center;margin:1.75rem 0;min-height:0;clear:both}
.cssa .cssa-ad.span{grid-column:1/-1;margin:.5rem 0}
.cssa .cssa-ad-widget{padding:.75rem;text-align:center}
.cssa .cssa-ad ins,.cssa .cssa-ad-widget ins{max-width:100%}