/* Premium Header */
.ds-header {
  position: relative;
  background: var(--ds-bg);
  border-bottom: 1px solid var(--ds-border);
  z-index: 1000;
  transition: transform .3s ease, box-shadow .3s ease;
}
.ds-header-sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  box-shadow: var(--ds-shadow-lg);
  animation: ds-header-slide .3s ease;
}
.ds-header-hidden {
  transform: translateY(-100%);
}
@keyframes ds-header-slide {
  from { transform: translateY(-100%); }
  to { transform: translateY(0); }
}
.ds-header-inner {
  display: flex;
  align-items: center;
  height: 64px;
  gap: 24px;
}
.ds-brand { flex-shrink: 0; }
.ds-logo {
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
}
.ds-logo-mark {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  background: linear-gradient(135deg, var(--ds-accent), var(--ds-accent2));
  color: #fff;
  font-family: var(--ds-font-heading);
  font-size: 18px;
  font-weight: 800;
  border-radius: 8px;
}
.ds-logo-text {
  font-family: var(--ds-font-heading);
  font-size: 20px;
  font-weight: 800;
  color: var(--ds-fg);
  letter-spacing: -.5px;
}

.ds-nav { flex: 1; display: flex; justify-content: center; }
.ds-menu {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: 4px;
  align-items: center;
}
.ds-menu > li > a {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
  color: var(--ds-fg2);
  border-radius: 8px;
  transition: all .2s;
  text-decoration: none;
}
.ds-menu > li > a:hover {
  background: var(--ds-bg-alt);
  color: var(--ds-accent);
}

.ds-menu-has-children { position: relative; }
.ds-submenu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 200px;
  background: var(--ds-bg-card);
  border: 1px solid var(--ds-border);
  border-radius: var(--ds-radius);
  box-shadow: var(--ds-shadow-lg);
  padding: 8px;
  list-style: none;
  margin: 4px 0 0;
  z-index: 100;
}
.ds-menu-has-children:hover .ds-submenu,
.ds-menu-has-children:focus-within .ds-submenu { display: block; }
.ds-submenu li a {
  display: block;
  padding: 10px 14px;
  font-size: 13px;
  color: var(--ds-fg2);
  border-radius: 6px;
  transition: all .2s;
  text-decoration: none;
}
.ds-submenu li a:hover { background: var(--ds-bg-alt); color: var(--ds-accent); }

.ds-header-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}
.ds-search-toggle, .ds-theme-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border: none;
  background: var(--ds-bg-alt);
  color: var(--ds-fg2);
  border-radius: 8px;
  cursor: pointer;
  transition: all .2s;
}
.ds-search-toggle:hover, .ds-theme-toggle:hover {
  background: var(--ds-border);
  color: var(--ds-accent);
}
.ds-menu-toggle {
  display: none;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border: none;
  background: transparent;
  color: var(--ds-fg);
  cursor: pointer;
}

.ds-search-bar {
  max-height: 0;
  overflow: hidden;
  transition: max-height .3s ease;
  background: var(--ds-bg-alt);
  border-top: 1px solid var(--ds-border);
}
.ds-search-open {
  max-height: 80px;
}
.ds-search-bar .ds-container { padding: 12px 24px; }
.ds-search-bar form {
  display: flex;
  gap: 8px;
  max-width: 600px;
  margin: 0 auto;
}
.ds-search-bar input {
  flex: 1;
  padding: 10px 16px;
  border: 1px solid var(--ds-border);
  border-radius: var(--ds-radius-sm);
  font-size: 14px;
  background: var(--ds-bg);
  color: var(--ds-fg);
  outline: 0;
}
.ds-search-bar input:focus { border-color: var(--ds-accent); }
.ds-search-bar button {
  padding: 10px 20px;
  background: var(--ds-accent);
  color: #fff;
  border: none;
  border-radius: var(--ds-radius-sm);
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
  transition: background .2s;
}
.ds-search-bar button:hover { background: #1d4ed8; }

.ds-main { padding-top: 0; }

@media(max-width: 900px) {
  .ds-menu-toggle { display: flex; }
  .ds-nav {
    position: fixed;
    top: 64px;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--ds-bg);
    z-index: 999;
    padding: 24px;
    transform: translateX(-100%);
    transition: transform .3s ease;
    justify-content: flex-start;
  }
  .ds-nav-open { transform: translateX(0); }
  .ds-menu { flex-direction: column; align-items: stretch; width: 100%; }
  .ds-submenu { position: static; box-shadow: none; border: none; padding-left: 16px; display: none; }
  .ds-menu-has-children:hover .ds-submenu { display: none; }
  .ds-menu-has-children.ds-open .ds-submenu { display: block; }
}

/* DailyScriptor Premium Homepage Styles */

:root {
  --ds-accent: #2563eb;
  --ds-accent2: #7c3aed;
  --ds-accent3: #06b6d4;
  --ds-bg: #ffffff;
  --ds-bg-alt: #f8fafc;
  --ds-bg-card: #ffffff;
  --ds-fg: #0f172a;
  --ds-fg2: #475569;
  --ds-fg3: #94a3b8;
  --ds-border: #e2e8f0;
  --ds-border2: #cbd5e1;
  --ds-shadow: 0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);
  --ds-shadow-lg: 0 10px 40px rgba(0,0,0,.08);
  --ds-radius: 12px;
  --ds-radius-sm: 8px;
  --ds-radius-lg: 16px;
  --ds-font: 'Inter',system-ui,-apple-system,sans-serif;
  --ds-font-heading: 'Plus Jakarta Sans','Inter',system-ui,sans-serif;
  --ds-transition: .3s cubic-bezier(.4,0,.2,1);
}

[data-theme="dark"] {
  --ds-bg: #0b1120;
  --ds-bg-alt: #111827;
  --ds-bg-card: #1e293b;
  --ds-fg: #f1f5f9;
  --ds-fg2: #94a3b8;
  --ds-fg3: #64748b;
  --ds-border: #1e293b;
  --ds-border2: #334155;
  --ds-shadow: 0 1px 3px rgba(0,0,0,.3);
  --ds-shadow-lg: 0 10px 40px rgba(0,0,0,.4);
}

*,*:before,*:after{box-sizing:border-box}
.ds-site-wrapper{background:var(--ds-bg);color:var(--ds-fg);font-family:var(--ds-font);line-height:1.6}
.ds-container{max-width:1280px;margin:0 auto;padding:0 24px;width:100%}
.ds-section-head{text-align:center;margin-bottom:40px}
.ds-section-title{font-family:var(--ds-font-heading);font-size:30px;font-weight:800;color:var(--ds-fg);margin:0 0 8px;letter-spacing:-.5px}
.ds-section-sub{color:var(--ds-fg2);font-size:16px;margin:0}

img{max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button{cursor:pointer;font-family:inherit}

/* Breaking Bar */
.ds-breaking-bar{background:var(--ds-fg);color:#fff;padding:8px 0;overflow:hidden;position:relative}
.ds-breaking-bar .ds-container{display:flex;align-items:center;gap:12px}
.ds-breaking-label{background:#ef4444;color:#fff;font-size:11px;font-weight:700;padding:2px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}
.ds-breaking-ticker{overflow:hidden;white-space:nowrap;flex:1}
.ds-breaking-text{display:inline-block;animation:ds-ticker 30s linear infinite}
.ds-breaking-text a{color:#e2e8f0;font-size:13px;margin:0 4px;transition:color .2s}
.ds-breaking-text a:hover{color:#fff}
.ds-breaking-sep{color:#475569;margin:0 8px}
@keyframes ds-ticker{0%{transform:translateX(100%)}100%{transform:translateX(-100%)}}

/* Hero Section */
.ds-hero{padding:40px 0}
.ds-hero .ds-container{display:grid;grid-template-columns:1.6fr 1fr;gap:24px}
.ds-hero-featured{position:relative;border-radius:var(--ds-radius-lg);overflow:hidden;background:var(--ds-bg-alt);min-height:500px}
.ds-hero-link{display:block;position:relative;height:100%}
.ds-hero-image-wrap{position:absolute;inset:0}
.ds-hero-image{width:100%;height:100%;object-fit:cover;transition:transform var(--ds-transition)}
.ds-hero-featured:hover .ds-hero-image{transform:scale(1.05)}
.ds-hero-image-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--ds-accent),var(--ds-accent2))}
.ds-hero-overlay{position:absolute;inset:0;background:linear-gradient(transparent 30%,rgba(0,0,0,.85))}
.ds-hero-content{position:absolute;bottom:0;left:0;right:0;padding:40px;z-index:2}
.ds-hero-cat{display:inline-block;background:var(--cat-c,#2563eb);color:#fff;font-size:12px;font-weight:700;padding:4px 12px;border-radius:20px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}
.ds-hero-title{font-family:var(--ds-font-heading);font-size:32px;font-weight:800;color:#fff;line-height:1.2;margin:0 0 12px}
.ds-hero-excerpt{color:#cbd5e1;font-size:15px;margin:0 0 16px;line-height:1.6}
.ds-hero-meta{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}
.ds-hero-avatar{border-radius:50%;width:28px;height:28px}
.ds-hero-author,.ds-hero-date,.ds-hero-read{color:#94a3b8;font-size:13px}
.ds-hero-cta{display:inline-flex;align-items:center;gap:6px;color:#fff;font-size:14px;font-weight:600;transition:gap var(--ds-transition)}
.ds-hero-cta:hover{gap:10px}

.ds-hero-side{display:flex;flex-direction:column;gap:16px}
.ds-hero-side-card{background:var(--ds-bg-card);border:1px solid var(--ds-border);border-radius:var(--ds-radius);overflow:hidden;transition:all var(--ds-transition);flex:1}
.ds-hero-side-card:hover{box-shadow:var(--ds-shadow-lg);transform:translateY(-2px)}
.ds-hero-side-card a{display:flex;height:100%}
.ds-hero-side-img{width:120px;min-height:100px;flex-shrink:0;overflow:hidden}
.ds-hero-side-img img{width:100%;height:100%;object-fit:cover;transition:transform var(--ds-transition)}
.ds-hero-side-card:hover .ds-hero-side-img img{transform:scale(1.1)}
.ds-hero-side-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--ds-accent3),var(--ds-accent))}
.ds-hero-side-body{padding:16px;flex:1;display:flex;flex-direction:column;justify-content:center}
.ds-hero-side-cat{display:inline-block;font-size:10px;font-weight:700;color:var(--ds-accent);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}
.ds-hero-side-title{font-family:var(--ds-font-heading);font-size:15px;font-weight:700;line-height:1.3;margin:0 0 8px;color:var(--ds-fg)}
.ds-hero-side-date{font-size:12px;color:var(--ds-fg3)}

@media(max-width:1024px){
  .ds-hero .ds-container{grid-template-columns:1fr}
  .ds-hero-featured{min-height:400px}
  .ds-hero-title{font-size:26px}
  .ds-hero-side{display:grid;grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .ds-hero-side{grid-template-columns:1fr}
  .ds-hero-side-card a{flex-direction:column}
  .ds-hero-side-img{width:100%;height:160px}
}

/* Featured Categories */
.ds-categories{padding:60px 0;background:var(--ds-bg-alt)}
.ds-cat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.ds-cat-card{background:var(--ds-bg-card);border:1px solid var(--ds-border);border-radius:var(--ds-radius);padding:28px;text-align:center;transition:all var(--ds-transition)}
.ds-cat-card:hover{transform:translateY(-4px);box-shadow:var(--ds-shadow-lg);border-color:var(--ds-accent)}
.ds-cat-icon{width:56px;height:56px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--ds-accent),var(--ds-accent2));border-radius:var(--ds-radius-sm);color:#fff}
.ds-cat-name{font-family:var(--ds-font-heading);font-size:17px;font-weight:700;margin:0 0 8px;color:var(--ds-fg)}
.ds-cat-desc{font-size:14px;color:var(--ds-fg2);margin:0 0 12px;line-height:1.5}
.ds-cat-count{font-size:12px;font-weight:600;color:var(--ds-accent)}

/* Editor's Pick */
.ds-editors{padding:60px 0}
.ds-editor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.ds-editor-card{background:var(--ds-bg-card);border:1px solid var(--ds-border);border-radius:var(--ds-radius);overflow:hidden;transition:all var(--ds-transition)}
.ds-editor-card:hover{transform:translateY(-4px);box-shadow:var(--ds-shadow-lg)}
.ds-editor-img{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--ds-bg-alt)}
.ds-editor-img img{width:100%;height:100%;object-fit:cover;transition:transform var(--ds-transition)}
.ds-editor-card:hover .ds-editor-img img{transform:scale(1.05)}
.ds-img-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--ds-accent2),var(--ds-accent3))}
.ds-editor-cat{position:absolute;top:12px;left:12px;background:var(--ds-accent);color:#fff;font-size:10px;font-weight:700;padding:3px 10px;border-radius:20px;text-transform:uppercase;letter-spacing:.5px}
.ds-editor-body{padding:20px}
.ds-editor-title{font-family:var(--ds-font-heading);font-size:17px;font-weight:700;line-height:1.3;margin:0 0 8px;color:var(--ds-fg)}
.ds-editor-excerpt{font-size:14px;color:var(--ds-fg2);margin:0 0 16px;line-height:1.5}
.ds-editor-meta{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--ds-fg3)}
.ds-editor-avatar{border-radius:50%}

@media(max-width:900px){.ds-editor-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.ds-editor-grid{grid-template-columns:1fr}}

/* Latest Articles */
.ds-latest{padding:60px 0;background:var(--ds-bg-alt)}
.ds-latest-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.ds-post-card{background:var(--ds-bg-card);border:1px solid var(--ds-border);border-radius:var(--ds-radius);overflow:hidden;transition:all var(--ds-transition);position:relative}
.ds-post-card:hover{transform:translateY(-4px);box-shadow:var(--ds-shadow-lg)}
.ds-post-link{display:block}
.ds-post-img-wrap{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--ds-bg-alt)}
.ds-post-img{width:100%;height:100%;object-fit:cover;transition:transform var(--ds-transition)}
.ds-post-card:hover .ds-post-img{transform:scale(1.05)}
.ds-post-img-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--ds-accent3),var(--ds-accent))}
.ds-post-cat{position:absolute;top:12px;left:12px;background:var(--ds-accent);color:#fff;font-size:10px;font-weight:700;padding:3px 10px;border-radius:20px;text-transform:uppercase;letter-spacing:.5px}
.ds-post-body{padding:20px}
.ds-post-title{font-family:var(--ds-font-heading);font-size:17px;font-weight:700;line-height:1.3;margin:0 0 8px;color:var(--ds-fg)}
.ds-post-excerpt{font-size:14px;color:var(--ds-fg2);margin:0 0 16px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ds-post-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.ds-post-author{display:flex;align-items:center;gap:8px}
.ds-post-avatar{border-radius:50%;width:28px;height:28px}
.ds-post-author-name{font-size:13px;font-weight:500;color:var(--ds-fg)}
.ds-post-stats{display:flex;gap:8px;font-size:11px;color:var(--ds-fg3);flex-wrap:wrap}
.ds-post-actions{position:absolute;top:12px;right:12px;display:flex;gap:4px;opacity:0;transition:opacity var(--ds-transition)}
.ds-post-card:hover .ds-post-actions{opacity:1}
.ds-post-actions button{background:rgba(0,0,0,.6);border:none;color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s}
.ds-post-actions button:hover{background:var(--ds-accent)}
.ds-load-more-btn{display:block;margin:32px auto 0;background:var(--ds-accent);color:#fff;border:none;padding:12px 40px;border-radius:50px;font-size:15px;font-weight:600;transition:all var(--ds-transition)}
.ds-load-more-btn:hover{background:#1d4ed8;transform:translateY(-2px);box-shadow:0 4px 20px rgba(37,99,235,.4)}

@media(max-width:1024px){.ds-latest-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.ds-latest-grid{grid-template-columns:1fr}}

/* Sidebar Layout */
.ds-sidebar-layout{padding:60px 0}
.ds-sidebar-row{display:grid;grid-template-columns:1fr 360px;gap:40px}
@media(max-width:1024px){.ds-sidebar-row{grid-template-columns:1fr}}

/* Trending */
.ds-trending-list{display:flex;flex-direction:column;gap:4px;background:var(--ds-bg-card);border:1px solid var(--ds-border);border-radius:var(--ds-radius);overflow:hidden}
.ds-trend-card{display:flex;align-items:center;gap:16px;padding:16px 20px;transition:background var(--ds-transition)}
.ds-trend-card:hover{background:var(--ds-bg-alt)}
.ds-trend-card+.ds-trend-card{border-top:1px solid var(--ds-border)}
.ds-trend-num{font-family:var(--ds-font-heading);font-size:24px;font-weight:800;color:var(--ds-accent);min-width:36px;font-variant-numeric:tabular-nums}
.ds-trend-title{font-family:var(--ds-font-heading);font-size:15px;font-weight:700;line-height:1.3;color:var(--ds-fg);margin-bottom:4px;display:block}
.ds-trend-title:hover{color:var(--ds-accent)}
.ds-trend-meta{font-size:12px;color:var(--ds-fg3);display:flex;gap:12px}

/* Most Read */
.ds-mostread-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.ds-most-card{background:var(--ds-bg-card);border:1px solid var(--ds-border);border-radius:var(--ds-radius-sm);overflow:hidden;transition:all var(--ds-transition)}
.ds-most-card:hover{transform:translateY(-2px);box-shadow:var(--ds-shadow-lg)}
.ds-most-card a{display:flex;padding:12px;gap:12px}
.ds-most-img{width:70px;height:70px;border-radius:8px;overflow:hidden;flex-shrink:0;background:var(--ds-bg-alt)}
.ds-most-img img{width:100%;height:100%;object-fit:cover}
.ds-most-body{flex:1;min-width:0}
.ds-most-title{font-size:14px;font-weight:700;line-height:1.3;margin:0 0 4px;color:var(--ds-fg);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ds-most-date{font-size:11px;color:var(--ds-fg3)}

@media(max-width:640px){.ds-mostread-grid{grid-template-columns:1fr}}

/* Sidebar */
.ds-side-col{display:flex;flex-direction:column;gap:32px}
.ds-widget-title{font-family:var(--ds-font-heading);font-size:18px;font-weight:700;margin:0 0 16px;color:var(--ds-fg);padding-bottom:12px;border-bottom:2px solid var(--ds-accent)}

/* Popular This Week */
.ds-popular-list{counter-reset:popular}
.ds-popular-item{display:flex;gap:16px;padding:16px 0;align-items:flex-start}
.ds-popular-item+.ds-popular-item{border-top:1px solid var(--ds-border)}
.ds-popular-num{font-family:var(--ds-font-heading);font-size:20px;font-weight:800;color:var(--ds-accent);min-width:28px}
.ds-popular-title{font-size:15px;font-weight:600;line-height:1.3;color:var(--ds-fg);display:block;margin-bottom:4px;transition:color .2s}
.ds-popular-title:hover{color:var(--ds-accent)}
.ds-popular-date{font-size:12px;color:var(--ds-fg3)}

/* Newsletter Widget */
.ds-newsletter-card{background:linear-gradient(135deg,var(--ds-accent),var(--ds-accent2));color:#fff;padding:32px;border-radius:var(--ds-radius-lg);text-align:center}
.ds-newsletter-card h3{font-family:var(--ds-font-heading);font-size:22px;font-weight:800;margin:0 0 12px}
.ds-newsletter-card p{font-size:14px;margin:0 0 20px;opacity:.9;line-height:1.5}
.ds-nl-form{display:flex;flex-direction:column;gap:10px}
.ds-nl-form input{padding:12px 16px;border:none;border-radius:var(--ds-radius-sm);font-size:14px;outline:0}
.ds-nl-form button{padding:12px;background:#fff;color:var(--ds-accent);border:none;border-radius:var(--ds-radius-sm);font-size:14px;font-weight:700;transition:all .2s}
.ds-nl-form button:hover{background:#f1f5f9;transform:translateY(-1px)}
.ds-nl-disclaimer{font-size:11px;opacity:.7;margin:12px 0 0!important}

/* Tags Cloud */
.ds-tags-cloud{display:flex;flex-wrap:wrap;gap:8px}
.ds-tag{font-size:13px;padding:6px 14px;background:var(--ds-bg-alt);border:1px solid var(--ds-border);border-radius:50px;color:var(--ds-fg2);transition:all .2s}
.ds-tag:hover{background:var(--ds-accent);color:#fff;border-color:var(--ds-accent)}

/* Tutorials */
.ds-tutorials{padding:60px 0;background:var(--ds-bg-alt)}
.ds-tutorial-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.ds-tutorial-card{background:var(--ds-bg-card);border:1px solid var(--ds-border);border-radius:var(--ds-radius);overflow:hidden;transition:all var(--ds-transition)}
.ds-tutorial-card:hover{transform:translateY(-4px);box-shadow:var(--ds-shadow-lg)}
.ds-tutorial-img{aspect-ratio:16/10;overflow:hidden;background:var(--ds-bg-alt)}
.ds-tutorial-img img{width:100%;height:100%;object-fit:cover;transition:transform var(--ds-transition)}
.ds-tutorial-card:hover .ds-tutorial-img img{transform:scale(1.05)}
.ds-tutorial-body{padding:16px}
.ds-tutorial-title{font-size:15px;font-weight:700;line-height:1.3;margin:0 0 8px;color:var(--ds-fg)}
.ds-tutorial-read{font-size:12px;color:var(--ds-fg3)}

@media(max-width:1024px){.ds-tutorial-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.ds-tutorial-grid{grid-template-columns:1fr}}

/* Guides */
.ds-guides{padding:60px 0}
.ds-guide-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.ds-guide-card{background:var(--ds-bg-card);border:1px solid var(--ds-border);border-radius:var(--ds-radius);padding:24px;text-align:center;transition:all var(--ds-transition)}
.ds-guide-card:hover{transform:translateY(-4px);box-shadow:var(--ds-shadow-lg);border-color:var(--ds-accent2)}
.ds-guide-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,var(--ds-accent2),var(--ds-accent3));border-radius:var(--ds-radius-sm);color:#fff;margin-bottom:16px}
.ds-guide-title{font-size:15px;font-weight:700;line-height:1.3;margin:0 0 8px;color:var(--ds-fg)}
.ds-guide-read{font-size:12px;color:var(--ds-fg3)}

@media(max-width:1024px){.ds-guide-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.ds-guide-grid{grid-template-columns:1fr}}

/* Authors */
.ds-authors{padding:60px 0;background:var(--ds-bg-alt)}
.ds-author-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.ds-author-card{background:var(--ds-bg-card);border:1px solid var(--ds-border);border-radius:var(--ds-radius);padding:32px 24px;text-align:center;transition:all var(--ds-transition)}
.ds-author-card:hover{transform:translateY(-4px);box-shadow:var(--ds-shadow-lg)}
.ds-author-avatar-wrap{margin-bottom:16px}
.ds-author-avatar-img{border-radius:50%;width:80px;height:80px;object-fit:cover;border:3px solid var(--ds-border);transition:border-color .2s}
.ds-author-card:hover .ds-author-avatar-img{border-color:var(--ds-accent)}
.ds-author-card .ds-author-name{font-family:var(--ds-font-heading);font-size:17px;font-weight:700;color:var(--ds-fg);margin:0 0 8px}
.ds-author-bio{font-size:13px;color:var(--ds-fg2);margin:0 0 12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ds-author-count{font-size:12px;font-weight:600;color:var(--ds-accent)}

@media(max-width:1024px){.ds-author-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.ds-author-grid{grid-template-columns:1fr}}

/* Recommended */
.ds-recommended{padding:60px 0}
.ds-recommended-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.ds-rec-card{background:var(--ds-bg-card);border:1px solid var(--ds-border);border-radius:var(--ds-radius);overflow:hidden;transition:all var(--ds-transition)}
.ds-rec-card:hover{transform:translateY(-4px);box-shadow:var(--ds-shadow-lg)}
.ds-rec-img{aspect-ratio:16/9;overflow:hidden;background:var(--ds-bg-alt)}
.ds-rec-img img{width:100%;height:100%;object-fit:cover;transition:transform var(--ds-transition)}
.ds-rec-card:hover .ds-rec-img img{transform:scale(1.05)}
.ds-rec-body{padding:20px}
.ds-rec-title{font-family:var(--ds-font-heading);font-size:16px;font-weight:700;line-height:1.3;margin:0 0 8px;color:var(--ds-fg)}
.ds-rec-date{font-size:12px;color:var(--ds-fg3)}

@media(max-width:900px){.ds-recommended-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.ds-recommended-grid{grid-template-columns:1fr}}

/* Reading Progress Bar */
.ds-progress-bar{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,var(--ds-accent),var(--ds-accent2));z-index:9999;width:0;transition:width .1s linear}

/* Smooth Scroll */
html{scroll-behavior:smooth}

/* Glassmorphism Effects */
.ds-glass{background:rgba(255,255,255,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15)}
[data-theme="dark"] .ds-glass{background:rgba(0,0,0,.2)}

/* Animation Classes */
@keyframes ds-fade-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.ds-animate{animation:ds-fade-up .5s ease forwards}
.ds-animate-delay-1{animation-delay:.1s}
.ds-animate-delay-2{animation-delay:.2s}
.ds-animate-delay-3{animation-delay:.3s}
.ds-animate-delay-4{animation-delay:.4s}
.ds-animate-delay-5{animation-delay:.5s}