:root {
      --glass-bg: rgba(255, 255, 255, 0.1);
      --glass-border: rgba(255, 255, 255, 0.1);
      --primary-purple: #8b5cf6;
      --primary-cyan: #06b6d4;
      --primary-green: #10b981;
      --primary-blue: #3b82f6;
      --primary-pink: #ec4899;
      --text-white: #ffffff;
      --text-muted: rgba(255, 255, 255, 0.7);
      --radius-xl: 1.5rem;
      --radius-2xl: 2rem;
    }
    * { box-sizing: border-box; }
    html, body { height: 100%; }
    html { scroll-behavior: smooth; }
    body {
      margin:0; padding:0; font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
      background:#0b0b0f; color:var(--text-white); overflow-x:hidden;
    }
    #live-bg { position:fixed; inset:0; z-index:0; pointer-events:none; background-blend-mode:normal; background-color:#0b0b0f; }
    #film-grain {
      position:fixed; inset:0; z-index:1; pointer-events:none;
      background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.22' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23grain)'/%3E%3C/svg%3E");
      background-size:220px 220px; background-repeat:repeat; opacity:0.18; mix-blend-mode:soft-light; filter:contrast(1.20) brightness(1.02);
    }
    .glass-morphism {
      background:var(--glass-bg); backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); border-radius:var(--radius-xl); border:1px solid var(--glass-border);
      position:relative; overflow:hidden; z-index:10;
    }
    .glass-morphism::before {
      content:''; position:absolute; inset:0; pointer-events:none; opacity:0; transition:opacity 150ms ease;
      background:radial-gradient(var(--spotlight-size, 380px) circle at var(--spotlight-x,50%) var(--spotlight-y,50%), rgba(255,255,255,0.30), rgba(255,255,255,0) 60%);
      mix-blend-mode:screen;
    }
    body.spotlight-enabled .glass-morphism[data-spotlight="true"]:hover::before { opacity:0.85; }

    .page-content { position:relative; z-index:10; padding-top:120px; padding-bottom:4rem; }

    .content-section { max-width:1200px; margin:0 auto; padding:0 1.5rem; }

    h1.page-title {
      font-size: clamp(2.5rem, 5vw, 4rem); font-weight:800; line-height:1.1; margin-bottom:0.5rem;
      background:linear-gradient(135deg, #fff 0%, #a78bfa 50%, #67e8f9 100%);
      -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
    }
    .page-subtitle {
      font-size:clamp(1rem, 2vw, 1.2rem); color:var(--text-muted); margin-bottom:2.5rem;
    }

    /* Blog Card Grid */
    .blog-grid {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
      gap: 1.5rem;
      margin-bottom: 3rem;
    }
    @media (max-width: 500px) {
      .blog-grid { grid-template-columns: 1fr; }
    }

    .blog-card {
      background: rgba(255,255,255,0.03);
      border: 1px solid rgba(255,255,255,0.08);
      border-radius: var(--radius-2xl);
      overflow: hidden;
      transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
      text-decoration: none;
      display: flex;
      flex-direction: column;
    }
    .blog-card:hover {
      transform: translateY(-4px);
      border-color: rgba(139,92,246,0.3);
      box-shadow: 0 12px 40px rgba(139,92,246,0.1);
    }

    .blog-card-thumb {
      height: 200px;
      position: relative;
      overflow: hidden;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .blog-card-thumb .thumb-bg {
      position: absolute;
      inset: 0;
    }
    .blog-card-thumb .thumb-bg.c1 {
      background: linear-gradient(135deg, rgba(139,92,246,0.2), rgba(6,182,212,0.1));
    }
    .blog-card-thumb .thumb-bg.c1::before {
      content: '';
      position: absolute;
      inset: 0;
      background: radial-gradient(400px circle at 30% 50%, rgba(139,92,246,0.15), transparent 60%),
                  radial-gradient(350px circle at 70% 30%, rgba(6,182,212,0.1), transparent 50%);
    }

    /* Thumbnail drain visual */
    .thumb-drain {
      position: relative;
      z-index: 2;
      width: 100%;
      padding: 1.5rem 1.5rem;
    }
    .thumb-drain-total {
      font-size: 1.5rem;
      font-weight: 800;
      text-align: center;
      background: linear-gradient(135deg, #fbbf24, #f59e0b);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }
    .thumb-drain-label {
      font-size: 0.55rem;
      text-align: center;
      color: var(--text-muted);
      text-transform: uppercase;
      letter-spacing: 0.08em;
      margin-bottom: 0.5rem;
    }
    .thumb-drain-bars {
      display: flex;
      flex-direction: column;
      gap: 0.2rem;
    }
    .thumb-drain-row {
      display: flex;
      align-items: center;
      gap: 0.35rem;
    }
    .thumb-drain-row span:first-child {
      width: 70px;
      font-size: 0.5rem;
      color: var(--text-muted);
      text-align: right;
      flex-shrink: 0;
    }
    .thumb-drain-track {
      flex: 1;
      height: 0.7rem;
      background: rgba(255,255,255,0.05);
      border-radius: 0 0.2rem 0.2rem 0;
      overflow: hidden;
    }
    .thumb-drain-fill {
      height: 100%;
      border-radius: 0 0.2rem 0.2rem 0;
      width: 0;
      transition: width 1.2s cubic-bezier(0.22, 1, 0.36, 1);
    }
    .blog-card:hover .thumb-drain-fill { width: attr(data-width); }
    .thumb-drain-fill.t1 { background: linear-gradient(90deg, #ec4899, #f472b6); }
    .thumb-drain-fill.t2 { background: linear-gradient(90deg, #8b5cf6, #a78bfa); }
    .thumb-drain-fill.t3 { background: linear-gradient(90deg, #06b6d4, #67e8f9); }
    .thumb-drain-fill.t4 { background: linear-gradient(90deg, #f59e0b, #fbbf24); }
    .thumb-drain-fill.t5 { background: linear-gradient(90deg, #10b981, #34d399); }

    /* Thumbnail step visual */
    .thumb-steps { position:relative; z-index:2; padding:1.5rem 1.5rem; width:100%; }
    .thumb-steps-big { text-align:center; font-size:1.6rem; font-weight:800; background:linear-gradient(135deg,#10b981,#34d399); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; line-height:1; margin-bottom:0.5rem; }
    .thumb-steps-big small { display:block; font-size:0.45rem; color:var(--text-muted); text-transform:uppercase; letter-spacing:0.08em; margin-top:0.1rem; -webkit-text-fill-color:var(--text-muted); }
    .thumb-step-row { display:flex; align-items:center; gap:0.35rem; padding:0.3rem 0.5rem; border-radius:0.4rem; margin-bottom:0.15rem; background:rgba(255,255,255,0.02); }
    .thumb-step-icon { width:1.2rem; height:1.2rem; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:0.45rem; font-weight:800; flex-shrink:0; }
    .thumb-step-icon.s1 { background:linear-gradient(135deg,#10b981,#34d399); color:white; }
    .thumb-step-icon.s2 { background:linear-gradient(135deg,#8b5cf6,#a78bfa); color:white; }
    .thumb-step-icon.s3 { background:linear-gradient(135deg,#fbbf24,#f59e0b); color:#1a1a2e; }
    .thumb-step-text strong { display:block; font-size:0.55rem; color:rgba(255,255,255,0.8); }
    .thumb-step-text span { font-size:0.45rem; color:var(--text-muted); }

    /* Thumbnail paper-to-digital visual */
    .thumb-compare { position:relative; z-index:2; padding:1.5rem 1.5rem; width:100%; }
    .thumb-compare-row { display:flex; align-items:center; gap:0.5rem; margin-bottom:0.3rem; padding:0.3rem 0.5rem; border-radius:0.4rem; }
    .thumb-compare-row.paper { background:rgba(239,68,68,0.06); }
    .thumb-compare-row.digital { background:rgba(16,185,129,0.06); }
    .thumb-compare-icon { width:1rem; text-align:center; font-size:0.5rem; flex-shrink:0; }
    .thumb-compare-icon.red { color:#ef4444; }
    .thumb-compare-icon.green { color:#10b981; }
    .thumb-compare-text { font-size:0.5rem; color:var(--text-muted); }
    .thumb-compare-badge { font-size:0.45rem; font-weight:700; text-transform:uppercase; letter-spacing:0.05em; margin-bottom:0.35rem; margin-left:0.5rem; }
    .thumb-compare-badge.paper { color:#f87171; }
    .thumb-compare-badge.digital { color:#34d399; }
    .thumb-compare-arrow { text-align:center; font-size:0.8rem; margin:0.1rem 0; color:rgba(6,182,212,0.4); animation:arrowPulse 2s ease-in-out infinite; }
    @keyframes arrowPulse { 0%,100% { opacity:0.3; } 50% { opacity:1; } }

    .blog-card-body {
      padding: 1.25rem 1.5rem 1.5rem;
      display: flex;
      flex-direction: column;
      flex: 1;
    }
    .blog-card-tags {
      display: flex;
      gap: 0.5rem;
      margin-bottom: 0.75rem;
      flex-wrap: wrap;
    }
    .blog-card-tag {
      font-size: 0.65rem;
      padding: 0.2rem 0.6rem;
      border-radius: 9999px;
      background: rgba(139,92,246,0.15);
      color: #a78bfa;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 0.05em;
    }
    .blog-card-title {
      font-size: 1.1rem;
      font-weight: 700;
      color: white;
      line-height: 1.3;
      margin-bottom: 0.5rem;
      transition: color 0.3s;
    }
    .blog-card:hover .blog-card-title {
      background: linear-gradient(135deg, #a78bfa, #67e8f9);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }
    .blog-card-excerpt {
      font-size: 0.85rem;
      color: var(--text-muted);
      line-height: 1.6;
      margin-bottom: 1rem;
      flex: 1;
    }
    .blog-card-footer {
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-size: 0.75rem;
      color: rgba(255,255,255,0.4);
      border-top: 1px solid rgba(255,255,255,0.06);
      padding-top: 0.75rem;
    }
    .blog-card-footer span { display: flex; align-items: center; gap: 0.3rem; }

    /* Coming Soon placeholder */
    .coming-soon-card {
      background: rgba(255,255,255,0.02);
      border: 1px dashed rgba(255,255,255,0.08);
      border-radius: var(--radius-2xl);
      padding: 3rem 2rem;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-align: center;
      min-height: 240px;
      color: var(--text-muted);
    }
    .coming-soon-card i { font-size: 2rem; margin-bottom: 0.75rem; opacity: 0.3; }
    .coming-soon-card h4 { font-size: 1rem; font-weight: 600; color: rgba(255,255,255,0.4); margin-bottom: 0.25rem; }
    .coming-soon-card p { font-size: 0.8rem; margin: 0; }

    /* Header Styles */
    .visilion-header { position:fixed; top:0; left:0; right:0; z-index:10000; padding:1rem 1.5rem; }
    .visilion-header-container { max-width:1400px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; gap:2rem; padding:1rem 1.5rem; border-radius:var(--radius-xl); position:relative; z-index:10001; }
    .visilion-logo { text-decoration:none; display:flex; align-items:center; }
    .visilion-logo-text { font-size:1.5rem; font-weight:800; background:linear-gradient(135deg,#fff 0%,#a78bfa 50%,#67e8f9 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; letter-spacing:-0.02em; }
    .visilion-nav { display:flex; gap:1.75rem; align-items:center; }
    .visilion-nav-link { color:rgba(255,255,255,0.75); text-decoration:none; font-weight:500; transition:color 0.3s ease; }
    .visilion-nav-link:hover { color:white; }
    .visilion-header-right { display:flex; align-items:center; gap:1rem; }
    .visilion-account-btn { background:transparent; border:none; cursor:pointer; padding:0.5rem; border-radius:9999px; transition:background 0.3s ease; display:flex; align-items:center; justify-content:center; }
    .visilion-account-btn:hover { background:rgba(255,255,255,0.1); }
    .visilion-mobile-menu-btn { display:none; background:transparent; border:none; cursor:pointer; padding:0.5rem; border-radius:0.75rem; transition:background 0.3s ease; }
    .visilion-mobile-menu-btn:hover { background:rgba(255,255,255,0.1); }
    @media (max-width:900px) { .visilion-nav { display:none; } .visilion-mobile-menu-btn { display:block; } }
    .visilion-mobile-menu-overlay { position:fixed; inset:0; background:rgba(0,0,0,0.6); z-index:10002; opacity:0; visibility:hidden; transition:all 0.3s ease; }
    .visilion-mobile-menu-overlay.active { opacity:1; visibility:visible; }
    .visilion-mobile-menu { position:fixed; top:1rem; right:1rem; bottom:1rem; width:280px; padding:1.25rem; z-index:10003; transform:translateX(120%); transition:transform 0.4s cubic-bezier(0.34,1.56,0.64,1); overflow-y:auto; }
    .visilion-mobile-menu.active { transform:translateX(0); }
    .visilion-mobile-menu-close { background:transparent; border:none; cursor:pointer; color:white; font-size:1.5rem; padding:0.5rem; margin-bottom:1rem; transition:color 0.3s ease; }
    .visilion-mobile-menu-close:hover { color:rgba(255,255,255,0.7); }
    .visilion-mobile-nav-link { display:block; padding:0.75rem 1rem; color:rgba(255,255,255,0.85); text-decoration:none; font-weight:500; border-radius:0.75rem; margin-bottom:0.25rem; transition:background 0.3s ease,color 0.3s ease; }
    .visilion-mobile-nav-link:hover { background:rgba(255,255,255,0.1); color:white; }
    .visilion-mobile-menu-divider { height:1px; background:rgba(255,255,255,0.1); margin:1.25rem 0; }

    .visilion-footer { padding:4rem 1rem 2rem; position:relative; z-index:100; }
    @media (max-width:768px) { .visilion-footer-middle > div:last-child { justify-content:flex-start !important; gap:1rem !important; font-size:1rem !important; } }
    @media (min-width:768px) { .visilion-footer-middle { flex-direction:row !important; align-items:center !important; } .visilion-footer-bottom { flex-direction:row !important; align-items:center !important; } }

    /* Subscribe bar */
    .subscribe-bar {
      background: linear-gradient(135deg, rgba(139,92,246,0.08), rgba(6,182,212,0.05));
      border: 1px solid rgba(139,92,246,0.2);
      border-radius: var(--radius-2xl);
      padding: 1.5rem 2rem;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 1rem;
      flex-wrap: wrap;
      margin-bottom: 3rem;
    }
    .subscribe-bar-text h3 { font-size: 1.1rem; font-weight: 700; margin: 0 0 0.2rem; color: white; }
    .subscribe-bar-text p { font-size: 0.8rem; color: var(--text-muted); margin: 0; }
    .visilion-btn { padding:0.75rem 1.5rem; border-radius:9999px; font-weight:600; font-size:0.9rem; cursor:pointer; transition:all 0.3s ease; border:none; display:inline-block; text-decoration:none; }
    .visilion-btn-primary { background:linear-gradient(135deg, var(--primary-purple) 0%, var(--primary-pink) 50%, #60a5fa 100%); background-size:200% 200%; background-position:0% 50%; color:white; }
    .visilion-btn-primary:hover { background-position:100% 50%; transform:scale(1.03); }

    .reveal { opacity:0; transform:translateY(20px); transition:opacity 0.6s ease, transform 0.6s ease; }
    .reveal.visible { opacity:1; transform:translateY(0); }
    .reveal-delay-1 { transition-delay:0.1s; }
    .reveal-delay-2 { transition-delay:0.2s; }
    .reveal-delay-3 { transition-delay:0.3s; }
    .reveal-delay-4 { transition-delay:0.4s; }

    @keyframes fadeIn { from { opacity:0; transform:translateY(10px); } to { opacity:1; transform:translateY(0); } }

    /* Blog controls */
    [hidden] { display:none !important; }
    #blog-controls { margin-bottom:2.5rem; }

    .blog-controls-panel {
      background:rgba(255,255,255,0.03);
      border:1px solid rgba(255,255,255,0.08);
      border-radius:1.5rem;
      padding:1.5rem 1.5rem 1.25rem;
      backdrop-filter:blur(16px);
      -webkit-backdrop-filter:blur(16px);
      margin-bottom:1rem;
    }
    .blog-toolbar { display:flex; gap:1rem; align-items:center; justify-content:space-between; flex-wrap:wrap; }
    .blog-search-wrap { flex:1; min-width:200px; position:relative; }
    .blog-search-wrap i { position:absolute; left:1.1rem; top:50%; transform:translateY(-50%); color:var(--text-muted); font-size:0.85rem; pointer-events:none; }
    #blog-search {
      width:100%; height:3rem; padding:0 1.1rem 0 2.8rem;
      border-radius:9999px; border:1px solid rgba(255,255,255,0.1);
      background:rgba(255,255,255,0.04); color:white; font-size:0.9rem;
      outline:none; transition:border-color 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
    }
    #blog-search:hover { background:rgba(255,255,255,0.06); }
    #blog-search:focus { border-color:rgba(139,92,246,0.5); background:rgba(255,255,255,0.06); box-shadow:0 0 0 3px rgba(139,92,246,0.12); }
    #blog-search::placeholder { color:rgba(255,255,255,0.4); }
    .blog-sort-wrap { display:flex; align-items:center; gap:0.75rem; }
    .blog-sort-label { font-size:0.7rem; font-weight:600; color:rgba(255,255,255,0.45); text-transform:uppercase; letter-spacing:0.06em; }
    .blog-dropdown { position:relative; z-index:60; }
    .blog-dropdown-trigger {
      display:flex; align-items:center; gap:0.6rem; height:3rem;
      padding:0 1.1rem 0 1.2rem;
      border-radius:9999px; border:1px solid rgba(255,255,255,0.1);
      background:rgba(255,255,255,0.04); color:white; font-size:0.85rem;
      cursor:pointer; transition:border-color 0.3s ease, background 0.3s ease;
      white-space:nowrap;
    }
    .blog-dropdown-trigger:hover { background:rgba(255,255,255,0.06); }
    .blog-dropdown-trigger[aria-expanded="true"] { border-color:rgba(139,92,246,0.5); background:rgba(255,255,255,0.06); }
    .blog-dropdown-trigger i { color:rgba(255,255,255,0.4); font-size:0.7rem; transition:transform 0.3s ease; }
    .blog-dropdown-trigger[aria-expanded="true"] i { transform:rotate(180deg); }
    .blog-dropdown-menu {
      position:absolute; top:calc(100% + 0.5rem); right:0; min-width:190px;
      background:rgba(23,23,29,0.96);
      backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px);
      border:1px solid rgba(255,255,255,0.12); border-radius:1rem; padding:0.4rem;
      box-shadow:0 18px 44px rgba(0,0,0,0.55);
    }
    .blog-dropdown-option {
      display:flex; align-items:center; width:100%; text-align:left;
      padding:0.65rem 0.9rem; border-radius:0.6rem; border:none; background:transparent;
      color:rgba(255,255,255,0.75); font-size:0.85rem; cursor:pointer;
      transition:background 0.2s ease, color 0.2s ease;
    }
    .blog-dropdown-option:hover { background:rgba(255,255,255,0.08); color:white; }
    .blog-dropdown-option.active { color:#c4b5fd; background:rgba(139,92,246,0.14); }

    .blog-filters { display:flex; gap:0.5rem; flex-wrap:wrap; margin-top:1.25rem; }
    .blog-filter-chip {
      padding:0.4rem 1rem; border-radius:9999px;
      border:1px solid rgba(255,255,255,0.08); background:transparent;
      color:rgba(255,255,255,0.55); font-size:0.72rem; font-weight:600;
      cursor:pointer; transition:all 0.25s ease; text-transform:uppercase; letter-spacing:0.05em;
    }
    .blog-filter-chip:hover { color:white; border-color:rgba(255,255,255,0.2); background:rgba(255,255,255,0.05); }
    .blog-filter-chip.active {
      background:linear-gradient(135deg,rgba(139,92,246,0.25),rgba(6,182,212,0.15));
      border-color:rgba(139,92,246,0.5); color:#c4b5fd;
    }

    .blog-results-bar { display:flex; align-items:center; gap:0.5rem; font-size:0.78rem; color:rgba(255,255,255,0.45); margin-top:0.5rem; }
    .blog-results-bar::before { content:''; width:1.5rem; height:1px; background:linear-gradient(90deg,transparent,rgba(255,255,255,0.25)); }

    .blog-loadmore-wrap { text-align:center; margin:2.5rem 0; }
    .blog-loadmore-btn {
      padding:0.85rem 2.25rem; border-radius:9999px;
      border:1px solid rgba(255,255,255,0.12); background:rgba(255,255,255,0.04);
      color:rgba(255,255,255,0.85); font-size:0.9rem; font-weight:600;
      cursor:pointer; transition:all 0.3s ease; backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px);
    }
    .blog-loadmore-btn:hover { background:rgba(255,255,255,0.08); border-color:rgba(255,255,255,0.25); transform:translateY(-1px); }
    .blog-loadmore-btn:disabled { opacity:0.35; cursor:default; transform:none; }

    .blog-empty {
      text-align:center; padding:4rem 2rem; margin:1rem 0 2.5rem;
      background:rgba(255,255,255,0.02); border:1px dashed rgba(255,255,255,0.1); border-radius:1.5rem;
    }
    .blog-empty i { font-size:2rem; color:rgba(255,255,255,0.2); margin-bottom:1rem; }
    .blog-empty h4 { font-size:1.05rem; font-weight:600; color:rgba(255,255,255,0.6); margin:0 0 0.3rem; }
    .blog-empty p { font-size:0.85rem; color:rgba(255,255,255,0.4); margin:0; }

    .blog-archive {
      margin-top:3rem; padding-top:2rem;
      background:rgba(255,255,255,0.02); border:1px solid rgba(255,255,255,0.06);
      border-radius:1.5rem; padding-left:1.5rem; padding-right:1.5rem; padding-bottom:1rem;
    }
    .blog-archive-toggle {
      display:flex; align-items:center; gap:0.75rem; width:100%;
      padding:1rem 0; background:transparent; border:none;
      color:rgba(255,255,255,0.85); font-size:0.95rem; font-weight:600;
      cursor:pointer; transition:color 0.3s ease;
    }
    .blog-archive-toggle:hover { color:white; }
    .blog-archive-toggle .fa-box-archive { color:#a78bfa; font-size:1rem; }
    .blog-archive-count { margin-left:auto; font-size:0.75rem; color:rgba(255,255,255,0.4); font-weight:400; }
    .blog-archive-chevron { color:rgba(255,255,255,0.4); transition:transform 0.3s ease; }
    .blog-archive-toggle[aria-expanded="true"] .blog-archive-chevron { transform:rotate(180deg); }
    .blog-archive-body { padding:0.5rem 0 1rem; border-top:1px solid rgba(255,255,255,0.06); }
    .blog-archive-month { margin:1.25rem 0; }
    .blog-archive-month:first-child { margin-top:1rem; }
    .blog-archive-month h4 { font-size:0.75rem; font-weight:700; color:rgba(255,255,255,0.4); text-transform:uppercase; letter-spacing:0.08em; margin:0 0 0.5rem; }
    .blog-archive-entry { display:flex; align-items:center; gap:0.75rem; padding:0.45rem 0; border-radius:0.5rem; text-decoration:none; transition:color 0.2s ease; }
    .blog-archive-entry:hover .blog-archive-entry-title { color:#a78bfa; }
    .blog-archive-entry-title { flex:1; font-size:0.85rem; color:rgba(255,255,255,0.75); transition:color 0.2s ease; }
    .blog-archive-entry-meta { font-size:0.7rem; color:rgba(255,255,255,0.35); white-space:nowrap; }