/* ============================================
   AU Journal - Artificial Unintelligence
   Premium Academic Journal Design System 
   Style: Minimalist, Nature/Science Inspired
   ============================================ */

/* ---------- VARIABLES (Using Design Tokens) ---------- */
:root {
   /* AU Journal specific colors - using design tokens as base */
   --au-bg: var(--bg-secondary);
   --au-surface: var(--bg-elevated);
   --au-black: var(--color-neutral-1000);
   --au-dark: var(--color-neutral-900);
   --au-gray-900: var(--color-neutral-800);
   --au-gray-700: var(--color-neutral-700);
   --au-gray-500: var(--color-neutral-500);
   --au-gray-300: var(--color-neutral-300);
   --au-gray-100: var(--color-neutral-100);

   /* AU Journal brand colors */
   --au-primary: #800000;
   --au-primary-light: #A52A2A;
   --au-accent: #0A369D;

   /* Typography - using design tokens */
   --font-serif: "Merriweather", "PT Serif", Georgia, var(--font-family-serif);
   --font-sans: "Inter", var(--font-family-sans);
   --font-mono: "Fira Code", var(--font-family-mono);

   /* Border radius - using design tokens */
   --radius-sm: var(--radius-sm);
   --radius-md: var(--radius-md);
   --radius-lg: var(--radius-lg);

   /* Shadows - using design tokens */
   --shadow-sm: var(--shadow-sm);
   --shadow-md: var(--shadow-md);
}

/* ---------- RESET & BASE ---------- */
* {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
}

body {
   font-family: var(--font-sans);
   background-color: var(--au-bg);
   color: var(--au-gray-900);
   line-height: 1.6;
   font-size: 16px;
   -webkit-font-smoothing: antialiased;
}

a {
   color: var(--au-accent);
   text-decoration: none;
   transition: color 0.2s;
}

a:hover {
   color: var(--au-primary);
}

/* ---------- TYPOGRAPHY ---------- */
h1,
h2,
h3,
h4,
h5 {
   font-family: var(--font-serif);
   color: var(--au-black);
   line-height: 1.3;
}

.au-container {
   max-width: var(--container-xl);
   margin: 0 auto;
   padding: 0 var(--space-6);
}

/* ---------- INITIAL HERO SECTION ---------- */
.au-hero-initial {
   background: white;
   padding: 60px 0 40px;
   text-align: center;
   border-bottom: 1px solid var(--au-gray-300);
}

.au-hero-logo-container {
   max-width: 900px;
   margin: 0 auto;
}

.au-hero-title {
   font-family: 'Playfair Display', var(--font-serif);
   font-size: 4.5rem;
   font-weight: 500;
   font-style: italic;
   color: var(--au-black);
   margin-bottom: 30px;
   letter-spacing: -0.5px;
   line-height: 1.2;
}

.au-hero-actions {
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 20px;
}

.au-hero-action-link {
   font-family: var(--font-sans);
   font-size: 0.95rem;
   font-weight: 400;
   color: var(--au-black);
   text-decoration: none;
   transition: color 0.2s;
}

.au-hero-action-link:hover {
   color: var(--au-primary);
}

.au-hero-globe-btn {
   background: transparent;
   border: none;
   color: var(--au-black);
   font-size: 1.1rem;
   cursor: pointer;
   padding: 8px;
   transition: color 0.2s;
}

.au-hero-globe-btn:hover {
   color: var(--au-primary);
}

.au-hero-member-btn {
   background: var(--au-primary);
   color: white !important;
   padding: 10px 24px;
   font-size: 0.8rem;
   font-weight: 700;
   text-transform: uppercase;
   letter-spacing: 1px;
   border-radius: 3px;
   text-decoration: none;
   transition: all 0.2s;
}

.au-hero-member-btn:hover {
   background: var(--au-primary-light);
   transform: translateY(-1px);
   box-shadow: 0 4px 12px rgba(128, 0, 0, 0.3);
}

/* ---------- TOP BRAND BAR ---------- */
.au-top-brand-bar {
   background: var(--au-primary);
   color: white;
   padding: 8px 0;
   font-size: 0.8rem;
   position: relative;
   z-index: 50;
}

.au-top-brand-bar .au-container {
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.au-top-bar-content {
   display: flex;
   align-items: center;
   gap: 8px;
   text-decoration: none;
   color: white;
   font-weight: 600;
   text-transform: uppercase;
   letter-spacing: 0.5px;
}

.au-top-bar-content:hover {
   color: rgba(255, 255, 255, 0.9);
}

.au-top-bar-brand {
   font-family: var(--font-serif);
   font-weight: 700;
}

.au-top-bar-divider {
   color: rgba(255, 255, 255, 0.5);
   font-weight: 300;
}

.au-top-bar-text {
   font-family: var(--font-sans);
   font-size: 0.75rem;
   opacity: 0.9;
}

.au-top-bar-right {
   display: flex;
   gap: 20px;
}

.au-top-bar-right a {
   color: white;
   text-decoration: none;
   font-size: 0.75rem;
   font-weight: 500;
   text-transform: uppercase;
   letter-spacing: 0.5px;
   opacity: 0.8;
   transition: opacity 0.2s;
}

.au-top-bar-right a:hover {
   opacity: 1;
}

@media (max-width: 768px) {
   .au-top-bar-text {
      display: none;
   }
   .au-top-bar-right {
      display: none;
   }
   .au-top-brand-bar .au-container {
      justify-content: center;
   }
}

/* ---------- SCROLLED HEADER (Black) ---------- */
.au-header {
   background: var(--au-black);
   border-bottom: none;
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   z-index: 100;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
   transform: translateY(0);
   transition: transform 0.3s ease;
}

.au-header.visible {
   transform: translateY(0);
}

.au-header.hidden {
   transform: translateY(-100%);
}

.au-nav {
   display: grid;
   grid-template-columns: 1fr auto 1fr;
   align-items: center;
   height: 60px;
   gap: 20px;
   padding: 0;
}

.au-nav-left {
   display: flex;
   align-items: center;
   gap: 24px;
   justify-content: flex-start;
   height: 100%;
}

.au-nav-center {
   display: flex;
   align-items: center;
   justify-content: center;
   height: 100%;
}

.au-nav-right {
   display: flex;
   align-items: center;
   justify-content: flex-end;
   gap: 20px;
   height: 100%;
}

.au-logo-link-center {
   text-decoration: none;
}

.au-logo-text-center {
   font-family: 'Playfair Display', var(--font-serif);
   font-size: 1.5rem;
   font-style: italic;
   font-weight: 500;
   color: white;
   letter-spacing: 0px;
   white-space: nowrap;
}

.au-nav-link {
   font-size: 0.9rem;
   font-weight: 500;
   color: white;
   text-transform: uppercase;
   letter-spacing: 0.5px;
   text-decoration: none;
   transition: color 0.2s;
   display: flex;
   align-items: center;
   height: 100%;
}

.au-nav-link:hover {
   color: var(--au-gray-300);
}

.au-nav-link-small {
   font-size: 0.95rem;
   font-weight: 700;
   color: white;
   text-decoration: none;
   transition: all 0.3s;
   text-transform: uppercase;
   letter-spacing: 1.2px;
   display: flex;
   align-items: center;
   height: 100%;
   padding: 8px 16px;
   background: rgba(255, 255, 255, 0.1);
   border-radius: 4px;
   border: 1px solid rgba(255, 255, 255, 0.3);
}

.au-nav-link-small:hover {
   color: #fff;
   background: rgba(255, 255, 255, 0.2);
   border-color: rgba(255, 255, 255, 0.5);
   transform: translateY(-1px);
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.au-nav-search-btn,
.au-nav-lang-btn {
   background: transparent;
   border: none;
   color: white;
   font-size: 1.1rem;
   cursor: pointer;
   padding: 8px 12px;
   transition: all 0.2s;
   font-family: var(--font-sans);
   display: flex;
   align-items: center;
   justify-content: center;
}

.au-nav-search-btn:hover,
.au-nav-lang-btn:hover {
   color: var(--au-gray-300);
   transform: scale(1.1);
}

.au-nav-lang-btn:active {
   transform: scale(0.95);
}

.au-nav-icon {
   color: var(--au-gray-300);
   font-size: 1rem;
   transition: color 0.2s;
   text-decoration: none;
}

.au-nav-icon:hover {
   color: white;
}

/* Buttons */
.au-btn-submit {
   background: var(--au-primary);
   color: white !important;
   padding: var(--space-2) var(--space-5);
   font-size: var(--font-size-sm);
   font-weight: var(--font-weight-semibold);
   text-transform: uppercase;
   letter-spacing: var(--letter-spacing-wide);
   border-radius: var(--radius-sm);
   transition: var(--transition-base);
   text-decoration: none;
   display: inline-block;
   border: none;
   cursor: pointer;
}

.au-btn-submit:hover {
   background: var(--au-primary-light);
   color: white !important;
   transform: translateY(-1px);
   box-shadow: var(--shadow-md);
}

.au-btn-primary {
   display: inline-block;
   background: var(--au-primary);
   color: white !important;
   padding: var(--space-3) var(--space-6);
   font-weight: var(--font-weight-semibold);
   border: none;
   cursor: pointer;
   font-size: var(--font-size-base);
   border-radius: var(--radius-sm);
   transition: var(--transition-base);
   text-align: center;
}

.au-btn-primary:hover {
   background: var(--au-primary-light);
   transform: translateY(-1px);
}

/* 查看全部按钮 - 黑色样式 */
.au-btn-view-all {
   display: inline-block;
   background: #1a1a1a;
   color: white !important;
   padding: 8px 20px;
   border-radius: 20px;
   text-decoration: none;
   font-weight: 500;
   font-size: 14px;
   transition: all 0.2s ease;
   border: none;
   cursor: pointer;
}

.au-btn-view-all:hover {
   background: #333;
   transform: translateX(4px);
}

.au-btn-outline {
   display: inline-block;
   background: transparent;
   color: var(--au-black) !important;
   padding: var(--space-3) var(--space-6);
   font-weight: var(--font-weight-semibold);
   border: 1px solid var(--border-primary);
   font-size: var(--font-size-base);
   border-radius: var(--radius-sm);
   transition: var(--transition-base);
   text-align: center;
}

.au-btn-outline:hover {
   border-color: var(--au-black);
   background: var(--bg-tertiary);
}

.au-btn-block {
   display: block;
   width: 100%;
   text-align: center;
   background: var(--au-primary);
   color: white !important;
   padding: var(--space-3) var(--space-5);
   font-weight: var(--font-weight-semibold);
   font-size: var(--font-size-base);
   margin-top: var(--space-4);
   border-radius: var(--radius-sm);
   transition: var(--transition-base);
   text-decoration: none;
   border: none;
   cursor: pointer;
}

.au-btn-block:hover {
   background: var(--au-primary-light);
   transform: translateY(-1px);
   box-shadow: var(--shadow-md);
}


/* ---------- QUOTE SECTION ---------- */
.au-hero-quote {
   background: white;
   border-bottom: 1px solid var(--au-gray-300);
   padding: 30px 0;
   position: relative;
}

/* ---------- FEATURED PAPER ---------- */
.au-featured-paper-container {
   margin-top: 30px;
}

.au-paper-featured-single {
   display: grid;
   grid-template-columns: 200px 1fr;
   gap: 30px;
   padding: 40px;
   background: white;
   border: 2px solid var(--au-primary);
   box-shadow: 0 4px 12px rgba(0,0,0,0.1);
   transition: all 0.3s;
}

.au-paper-featured-single:hover {
   box-shadow: 0 6px 20px rgba(0,0,0,0.15);
   transform: translateY(-2px);
}

/* ---------- SECTION BLOCKS ---------- */
.au-section-block {
   margin-bottom: 60px;
}

.au-section-title-modern {
   font-family: var(--font-sans);
   font-size: 1.5rem;
   font-weight: 700;
   color: var(--au-black);
   margin-bottom: 30px;
   padding-bottom: 15px;
   border-bottom: 3px solid var(--au-black);
   display: flex;
   align-items: center;
   gap: 12px;
}

.au-section-icon {
   font-size: 1.8rem;
}

/* ---------- SIMPLE PAPER CARDS (No AU Logo) ---------- */
.au-paper-list-simple {
   display: flex;
   flex-direction: column;
   gap: 24px;
}

.au-paper-card-simple {
   padding: 30px;
   background: white;
   border: 1px solid var(--au-gray-300);
   border-radius: 4px;
   transition: all 0.2s;
}

.au-paper-card-simple:hover {
   box-shadow: var(--shadow-md);
   transform: translateY(-2px);
   border-color: var(--au-gray-500);
}

.au-article-type-badge {
   display: inline-block;
   padding: 4px 12px;
   font-size: 0.7rem;
   font-weight: 700;
   letter-spacing: 1px;
   text-transform: uppercase;
   border-radius: 3px;
   margin-bottom: 12px;
}

.au-article-type-badge.ai-generated {
   background: #e8f5e9;
   color: #2e7d32;
}

.au-article-type-badge.story {
   background: #fff3e0;
   color: #e65100;
}

.au-article-type-badge.research {
   background: #e3f2fd;
   color: #1565c0;
}

.au-paper-title-simple {
   font-family: var(--font-serif);
   font-size: 1.3rem;
   line-height: 1.3;
   color: var(--au-black);
   font-weight: 600;
   margin: 0 0 12px 0;
}

.au-paper-title-simple a {
   color: var(--au-black);
   text-decoration: none;
   transition: color 0.2s;
}

.au-paper-title-simple a:hover {
   color: var(--au-primary);
}

.au-paper-meta-simple {
   display: flex;
   gap: 16px;
   margin-bottom: 12px;
   font-size: 0.9rem;
   color: var(--au-gray-700);
}

.au-paper-abstract-simple {
   font-size: 0.95rem;
   color: var(--au-gray-700);
   line-height: 1.6;
   margin-bottom: 16px;
}

.au-paper-stats-simple {
   display: flex;
   gap: 20px;
   font-size: 0.85rem;
   color: var(--au-gray-500);
}

.au-paper-stats-simple i {
   margin-right: 6px;
}

.au-empty-message {
   text-align: center;
   padding: 40px 20px;
   color: var(--au-gray-500);
   font-style: italic;
}

.au-quote-container {
   max-width: 900px;
   margin: 0 auto;
   text-align: center;
   padding: 0 20px;
   position: relative;
}

.au-quote-icon {
   font-family: 'Playfair Display', serif;
   font-size: 8rem;
   color: var(--au-primary);
   line-height: 1;
   margin-bottom: -40px;
   opacity: 0.3;
}

.au-quote-text {
   font-family: var(--font-sans);
   font-size: 1.8rem;
   font-style: italic;
   color: var(--au-black);
   line-height: 1.7;
   margin-bottom: 16px;
   font-weight: 400;
   letter-spacing: 0.5px;
   transition: opacity 0.5s ease;
}

.au-quote-author {
   display: block;
   font-family: 'Noto Serif SC', var(--font-serif);
   font-size: 1rem;
   color: var(--au-gray-500);
   font-style: normal;
   font-weight: 400;
   letter-spacing: 0.3px;
   transition: opacity 0.5s ease;
}

/* ---------- MAIN CONTENT AREA ---------- */
.au-main {
   padding-top: 60px; /* Space for fixed header */
}

.au-paper-list-main {
   margin-bottom: 40px;
}

/* First Release Paper Cards with Red AU Logo */
.au-paper-card-first-release {
   display: grid;
   grid-template-columns: 120px 1fr;
   gap: 24px;
   padding: 30px;
   background: white;
   border: 1px solid var(--au-gray-300);
   margin-bottom: 24px;
   transition: all 0.2s;
}

.au-paper-card-first-release:hover {
   box-shadow: var(--shadow-md);
   transform: translateY(-2px);
}

.au-pcfr-logo {
   background: var(--au-primary);
   display: flex;
   align-items: center;
   justify-content: center;
   color: white;
   font-family: 'Playfair Display', var(--font-serif);
   font-size: 3rem;
   font-weight: 700;
   font-style: italic;
   aspect-ratio: 1;
   border-radius: 4px;
}

.au-pcfr-content {
   display: flex;
   flex-direction: column;
   gap: 8px;
}

.au-pcfr-category {
   font-size: 0.7rem;
   font-weight: 700;
   color: var(--au-primary);
   letter-spacing: 1.2px;
   text-transform: uppercase;
}

.au-pcfr-date {
   font-size: 0.75rem;
   color: var(--au-gray-500);
   text-transform: uppercase;
   letter-spacing: 0.5px;
}

.au-pcfr-title {
   font-family: var(--font-serif);
   font-size: 1.4rem;
   line-height: 1.3;
   color: var(--au-black);
   font-weight: 600;
   margin: 4px 0;
}

.au-pcfr-title a {
   color: var(--au-black);
   text-decoration: none;
}

.au-pcfr-title a:hover {
   color: var(--au-primary);
}

.au-pcfr-authors {
   font-size: 0.9rem;
   color: var(--au-gray-700);
   font-weight: 500;
}

.au-pcfr-abstract {
   font-size: 0.9rem;
   color: var(--au-gray-700);
   line-height: 1.6;
   margin-top: 8px;
}

/* Featured Paper Card with Red AU Logo */
.au-paper-featured {
   display: grid;
   grid-template-columns: 200px 1fr;
   gap: 30px;
   padding: 30px;
   background: white;
   border: 1px solid var(--au-gray-300);
   margin-bottom: 30px;
}

.au-paper-logo {
   background: var(--au-primary);
   display: flex;
   align-items: center;
   justify-content: center;
   color: white;
   font-family: 'Playfair Display', var(--font-serif);
   font-size: 4rem;
   font-weight: 700;
   font-style: italic;
   aspect-ratio: 1;
}

.au-paper-content-featured {
   display: flex;
   flex-direction: column;
   gap: 12px;
}

.au-paper-category {
   font-size: 0.75rem;
   font-weight: 700;
   color: var(--au-primary);
   letter-spacing: 1px;
   text-transform: uppercase;
}

.au-paper-title-featured {
   font-family: var(--font-serif);
   font-size: 1.8rem;
   line-height: 1.3;
   color: var(--au-black);
   font-weight: 600;
   margin: 0;
}

.au-paper-title-featured a {
   color: var(--au-black);
   text-decoration: none;
}

.au-paper-title-featured a:hover {
   color: var(--au-primary);
}

.au-paper-authors-featured {
   font-size: 1rem;
   color: var(--au-gray-700);
   font-weight: 500;
}

.au-paper-date-featured {
   font-size: 0.85rem;
   color: var(--au-gray-500);
}

.au-paper-abstract-featured {
   font-size: 0.95rem;
   color: var(--au-gray-700);
   line-height: 1.6;
   margin-top: 8px;
}

/* Call for Papers */
.au-call-for-papers {
   background: #F8F8F8;
   padding: 30px;
   border-left: 4px solid var(--au-primary);
   margin-top: 40px;
}

.au-call-for-papers h3 {
   font-size: 1.1rem;
   margin: 0 0 16px 0;
   color: var(--au-black);
   font-family: var(--font-sans);
   font-weight: 700;
   text-transform: uppercase;
   letter-spacing: 1px;
}

.au-call-for-papers p {
   margin: 8px 0;
   font-size: 0.95rem;
   color: var(--au-gray-700);
   line-height: 1.6;
}

/* ---------- SIDEBAR NEWS (Modern Style) ---------- */
.au-widget-news {
   border-top: 3px solid var(--au-black);
   padding-top: 20px;
   margin-bottom: 40px;
}

.au-widget-title-large {
   font-family: var(--font-sans);
   font-size: 1.1rem;
   font-weight: 700;
   color: var(--au-black);
   letter-spacing: 1.5px;
   text-transform: uppercase;
   margin-bottom: 24px;
}

.au-news-list-modern {
   display: flex;
   flex-direction: column;
   gap: 20px;
}

.au-news-item-modern {
   padding-bottom: 20px;
   border-bottom: 1px solid var(--au-gray-300);
}

.au-news-item-modern:last-child {
   border-bottom: none;
}

.au-news-date-modern {
   display: block;
   font-size: 0.75rem;
   color: var(--au-primary);
   font-weight: 700;
   letter-spacing: 0.5px;
   margin-bottom: 8px;
   text-transform: uppercase;
}

.au-news-link-modern {
   font-family: var(--font-serif);
   font-size: 1rem;
   color: var(--au-black);
   line-height: 1.5;
   display: block;
   font-weight: 500;
   text-decoration: none;
}

.au-news-link-modern:hover {
   color: var(--au-primary);
}

/* ---------- SIDEBAR AD ---------- */
.au-sidebar-ad {
   background: #1a1a2e;
   color: white;
   padding: 32px 24px;
   border-radius: 4px;
   margin-top: 40px;
}

.au-ad-content {
   text-align: center;
}

.au-ad-image {
   margin-bottom: 24px;
   border-radius: 4px;
   overflow: hidden;
}

.au-ad-image img {
   width: 100%;
   height: auto;
   display: block;
}

.au-ad-title {
   font-family: var(--font-sans);
   font-size: 1.3rem;
   font-weight: 700;
   color: white;
   margin-bottom: 16px;
   letter-spacing: 0.5px;
}

.au-ad-text {
   font-size: 0.95rem;
   line-height: 1.6;
   color: rgba(255, 255, 255, 0.9);
   margin-bottom: 16px;
}

.au-ad-small {
   font-size: 0.75rem;
   line-height: 1.5;
   color: rgba(255, 255, 255, 0.7);
   margin-bottom: 20px;
}

.au-ad-logo {
   display: inline-block;
   margin-top: 16px;
}

.au-ad-logo img {
   height: 32px;
   width: auto;
}

/* Editorial Section */
.au-editorial-section {
   background: var(--au-surface);
   color: var(--au-black);
   padding: 20px 0;
   border-bottom: 1px solid var(--au-gray-300);
}

.au-editorial-header {
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.au-editorial-badge {
   font-size: 0.85rem;
   font-weight: 700;
   letter-spacing: 2px;
   text-transform: uppercase;
   color: var(--au-primary);
}

.au-editorial-meta {
   font-size: 0.85rem;
   color: var(--au-gray-500);
}

/* Journal Metrics */
.au-journal-metrics {
   padding: 40px 0;
   background: var(--au-gray-100);
}

.au-metrics-grid {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   gap: 20px;
}

.au-metric-card {
   background: var(--au-surface);
   padding: 30px 20px;
   text-align: center;
   border: 1px solid var(--au-gray-300);
   border-radius: var(--radius-sm);
   transition: all 0.2s;
}

.au-metric-card:hover {
   box-shadow: var(--shadow-md);
   transform: translateY(-2px);
}

.au-metric-label {
   font-size: 0.75rem;
   color: var(--au-gray-500);
   text-transform: uppercase;
   letter-spacing: 1px;
   margin-bottom: 12px;
   font-weight: 600;
}

.au-metric-value {
   font-family: var(--font-serif);
   font-size: 2.5rem;
   color: var(--au-black);
   font-weight: 400;
   line-height: 1;
}

.au-metric-value sub {
   font-size: 1rem;
   color: var(--au-gray-500);
   margin-left: 4px;
}

/* Sidebar Metrics */
.au-widget-metrics {
   background: var(--au-gray-100);
   padding: 20px;
   border-top: 3px solid var(--au-primary);
}

.au-metrics-sidebar {
   display: flex;
   flex-direction: column;
   gap: 16px;
}

.au-metric-item {
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 12px 0;
   border-bottom: 1px solid var(--au-gray-300);
}

.au-metric-item:last-child {
   border-bottom: none;
}

.au-metric-item .au-metric-label {
   font-size: 0.75rem;
   color: var(--au-gray-600);
   text-transform: uppercase;
   letter-spacing: 0.5px;
   font-weight: 600;
   margin: 0;
}

.au-metric-value-sm {
   font-family: var(--font-serif);
   font-size: 1.5rem;
   color: var(--au-primary);
   font-weight: 600;
   line-height: 1;
}

.au-metric-value-sm sub {
   font-size: 0.85rem;
   color: var(--au-gray-500);
   margin-left: 2px;
}

@media (max-width: 768px) {
   .au-metrics-grid {
      grid-template-columns: repeat(2, 1fr);
   }
   
   .au-quote-text {
      font-size: 1.5rem;
   }
   
   .au-hero-logo {
      font-size: 3rem;
   }
   
   .au-hero-subtitle {
      font-size: 1.2rem;
   }
   
   .au-hero-nav {
      flex-direction: column;
      gap: 12px;
   }
   
   .au-nav-divider {
      display: none;
   }
   
   .au-first-release-grid {
      grid-template-columns: 1fr;
   }
   
   .au-grid-layout {
      grid-template-columns: 1fr;
   }
   
   .au-nav-center {
      display: none;
   }
   
   .au-nav-right {
      gap: 8px;
   }
   
   .au-nav-link-small {
      display: none;
   }
}

/* ---------- HIGHLIGHTS STRIP ---------- */
.au-widget-highlight {
   background: var(--au-gray-100);
   padding: 24px;
   border-left: 4px solid var(--au-primary);
}

/* ---------- GRID LAYOUT ---------- */
.au-content-section {
   padding: 40px 0 80px;
}

.au-grid-layout {
   display: grid;
   grid-template-columns: 1fr 340px;
   gap: 48px;
   margin-top: 50px;
}

/* ---------- MAIN CONTENT ---------- */
.au-section-header {
   display: flex;
   justify-content: space-between;
   align-items: flex-end;
   margin-bottom: 12px;
}

.au-section-heading {
   font-size: 1.3rem;
   margin: 0;
   font-family: var(--font-sans);
   font-weight: 700;
   color: var(--au-black);
   letter-spacing: -0.5px;
   text-transform: uppercase;
}

.au-section-heading span {
   font-weight: 400;
   color: var(--au-gray-500);
   font-size: 1rem;
   margin-left: 8px;
   text-transform: none;
}

.au-section-link {
   font-size: 0.9rem;
   font-weight: 500;
   color: var(--au-accent);
}

.au-divider-thick {
   height: 3px;
   background: var(--au-black);
   margin-bottom: 30px;
}

/* Paper Cards Premium */
.au-paper-card-premium {
   padding: var(--space-6) 0;
   border-bottom: 1px solid var(--border-primary);
   transition: var(--transition-base);
}

.au-paper-card-premium:hover {
   background: var(--bg-tertiary);
   margin: 0 calc(-1 * var(--space-5));
   padding: var(--space-6) var(--space-5);
   border-radius: var(--radius-md);
}

.au-pc-meta {
   display: flex;
   gap: var(--space-3);
   margin-bottom: var(--space-3);
   align-items: center;
}

.au-pc-type {
   font-size: var(--font-size-xs);
   font-weight: var(--font-weight-bold);
   color: var(--au-primary);
   letter-spacing: var(--letter-spacing-wide);
   text-transform: uppercase;
}

.au-pc-date {
   font-size: var(--font-size-xs);
   color: var(--text-tertiary);
}

.au-pc-title {
   font-size: var(--font-size-xl);
   margin-bottom: var(--space-3);
   line-height: var(--line-height-snug);
   font-weight: var(--font-weight-semibold);
}

.au-pc-title a {
   color: var(--text-primary);
   transition: var(--transition-fast);
}

.au-pc-title a:hover {
   color: var(--au-primary);
}

.au-pc-authors {
   font-size: var(--font-size-base);
   color: var(--text-secondary);
   margin-bottom: var(--space-3);
   font-weight: var(--font-weight-medium);
}

.au-pc-abstract {
   font-size: var(--font-size-base);
   color: var(--text-secondary);
   margin-bottom: var(--space-4);
   line-height: var(--line-height-relaxed);
}

.au-pc-footer {
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.au-pc-readmore {
   font-weight: var(--font-weight-semibold);
   font-size: var(--font-size-sm);
   color: var(--au-accent);
}

.au-pc-readmore:hover {
   color: var(--au-primary);
}

.au-pc-stats {
   display: flex;
   gap: var(--space-4);
   color: var(--text-tertiary);
   font-size: var(--font-size-sm);
}

.au-pc-stats i {
   margin-right: var(--space-1);
}

/* Loading & Empty */
.au-loading-premium,
.au-empty-premium {
   text-align: center;
   padding: 60px 0;
   color: var(--au-gray-500);
   font-family: var(--font-serif);
   font-style: italic;
}

.au-spinner {
   width: 30px;
   height: 30px;
   border: 2px solid var(--au-gray-300);
   border-top-color: var(--au-primary);
   border-radius: 50%;
   animation: spin 1s linear infinite;
   margin: 0 auto 15px;
}

@keyframes spin {
   to {
      transform: rotate(360deg);
   }
}

/* ---------- SIDEBAR ---------- */
.au-sidebar-widget {
   border-top: 2px solid var(--au-black);
   padding-top: 20px;
   margin-bottom: 40px;
}

.au-sidebar-widget.au-widget-dark {
   background: var(--au-gray-100);
   padding: 24px;
   border-top: 4px solid var(--au-primary);
}

.au-widget-title {
   font-family: var(--font-sans);
   font-size: 0.85rem;
   font-weight: 700;
   color: var(--au-black);
   letter-spacing: 1px;
   text-transform: uppercase;
   margin-bottom: 20px;
}

/* Special Issue */
.au-si-title {
   font-size: 1.1rem;
   margin-bottom: 8px;
   color: var(--au-primary);
   font-family: var(--font-serif);
   font-style: italic;
}

.au-si-desc {
   font-size: 0.9rem;
   color: var(--au-gray-700);
   line-height: 1.5;
}

/* News List */
.au-news-item-premium {
   margin-bottom: 20px;
}

.au-news-date {
   display: block;
   font-size: 0.75rem;
   color: var(--au-gray-500);
   margin-bottom: 4px;
   font-weight: 600;
   text-transform: uppercase;
}

.au-news-link {
   font-size: 0.95rem;
   color: var(--au-black);
   line-height: 1.4;
   display: block;
}

.au-news-link:hover {
   color: var(--au-primary);
}

/* Trending List */
.au-trending-item {
   display: flex;
   gap: 16px;
   margin-bottom: 20px;
   align-items: flex-start;
}

.au-trend-rank {
   font-family: var(--font-serif);
   font-size: 1.5rem;
   font-style: italic;
   color: var(--au-gray-300);
   font-weight: 700;
   line-height: 1;
}

.au-trend-info {
   flex: 1;
}

.au-trend-title {
   font-size: 0.9rem;
   color: var(--au-black);
   font-weight: 500;
   display: block;
   margin-bottom: 4px;
   line-height: 1.4;
}

.au-trend-meta {
   font-size: 0.75rem;
   color: var(--au-gray-500);
}


/* ---------- SUBMIT PAGE ---------- */
.au-page-header {
   background: var(--au-surface);
   padding: 60px 0;
   border-bottom: 1px solid var(--au-gray-300);
   margin-bottom: 40px;
}

.au-page-title {
   font-family: var(--font-serif);
   font-size: 2.5rem;
   font-weight: 400;
   margin-bottom: 15px;
   color: var(--au-black);
}

.au-page-desc {
   font-size: 1.1rem;
   color: var(--au-gray-700);
   max-width: 800px;
}

.au-form-container {
   max-width: 800px;
   margin: 0 auto;
   background: var(--au-surface);
   padding: 40px;
   box-shadow: var(--shadow-sm);
   border: 1px solid var(--au-gray-300);
   border-radius: var(--radius-sm);
   margin-bottom: 60px;
}

.au-form-group {
   margin-bottom: var(--space-6);
}

.au-form-label {
   display: block;
   font-size: var(--font-size-sm);
   font-weight: var(--font-weight-semibold);
   color: var(--text-primary);
   margin-bottom: var(--space-2);
}

.au-form-control {
   width: 100%;
   padding: var(--space-3) var(--space-4);
   border: 1px solid var(--border-primary);
   background: var(--bg-primary);
   font-size: var(--font-size-base);
   color: var(--text-primary);
   font-family: var(--font-sans);
   border-radius: var(--radius-md);
   transition: var(--transition-base);
}

.au-form-control:focus {
   outline: none;
   border-color: var(--border-focus);
   background: var(--bg-elevated);
   box-shadow: var(--shadow-focus);
}

textarea.au-form-control {
   min-height: 120px;
   resize: vertical;
   line-height: var(--line-height-relaxed);
}

/* File Uploader */
.au-file-upload-zone {
   border: 2px dashed var(--border-primary);
   padding: var(--space-10) var(--space-5);
   text-align: center;
   background: var(--bg-secondary);
   border-radius: var(--radius-md);
   cursor: pointer;
   transition: var(--transition-base);
}

.au-file-upload-zone:hover,
.au-file-upload-zone.dragover {
   border-color: var(--au-primary);
   background: rgba(128, 0, 0, 0.05);
}

.au-file-icon {
   font-size: var(--font-size-3xl);
   color: var(--text-tertiary);
   margin-bottom: var(--space-3);
}

.au-file-text {
   font-size: var(--font-size-base);
   color: var(--text-secondary);
   margin-bottom: var(--space-2);
   font-weight: var(--font-weight-medium);
}

.au-file-hint {
   font-size: var(--font-size-sm);
   color: var(--text-tertiary);
}

.au-file-input {
   display: none;
}

.au-upload-progress {
   margin-top: var(--space-4);
   display: none;
}

.au-progress-bar {
   height: 4px;
   background: var(--bg-tertiary);
   border-radius: var(--radius-sm);
   overflow: hidden;
   margin-bottom: var(--space-2);
}

.au-progress-fill {
   height: 100%;
   background: var(--au-primary);
   width: 0%;
   transition: width var(--transition-slow);
}

.au-upload-status {
   font-size: var(--font-size-sm);
   color: var(--text-secondary);
}


/* ---------- PAPER DETAIL PAGE ---------- */
.au-article-header {
   padding: 60px 0 40px;
   border-bottom: 1px solid var(--au-gray-300);
   background: var(--au-surface);
}

.au-article-meta-top {
   margin-bottom: 20px;
   font-size: 0.85rem;
   color: var(--au-primary);
   font-weight: 600;
   letter-spacing: 1px;
   text-transform: uppercase;
}

.au-article-title {
   font-family: var(--font-serif);
   font-size: 2.8rem;
   line-height: 1.2;
   margin-bottom: 24px;
   color: var(--au-black);
}

.au-article-authors {
   font-size: 1.1rem;
   color: var(--au-gray-900);
   font-weight: 500;
   margin-bottom: 30px;
}

.au-article-actions {
   display: flex;
   gap: 12px;
}

.au-article-layout {
   display: grid;
   grid-template-columns: 280px 1fr;
   gap: 60px;
   margin-top: 40px;
   padding-bottom: 80px;
}

.au-article-sidebar {
   position: sticky;
   top: 100px;
}

.au-article-nav {
   list-style: none;
   border-left: 2px solid var(--au-gray-300);
   padding-left: 16px;
   margin-bottom: 40px;
}

.au-article-nav li {
   margin-bottom: 12px;
}

.au-article-nav a {
   color: var(--au-gray-500);
   font-size: 0.9rem;
   font-weight: 500;
   transition: all 0.2s;
}

.au-article-nav a:hover,
.au-article-nav a.active {
   color: var(--au-primary);
}

.au-article-metrics {
   border-top: 1px solid var(--au-gray-300);
   padding-top: 20px;
}

.au-am-item {
   display: flex;
   justify-content: space-between;
   margin-bottom: 12px;
   font-size: 0.85rem;
}

.au-am-label {
   color: var(--au-gray-500);
}

.au-am-val {
   font-weight: 600;
   color: var(--au-black);
}

.au-article-content {
   font-family: var(--font-serif);
   font-size: 1.1rem;
   line-height: 1.8;
   color: #222;
}

.au-article-content h2 {
   font-family: var(--font-sans);
   font-size: 1.5rem;
   margin: 40px 0 20px;
   border-bottom: 1px solid var(--au-gray-300);
   padding-bottom: 10px;
}

.au-article-content h3 {
   font-family: var(--font-sans);
   font-size: 1.2rem;
   margin: 30px 0 15px;
}

.au-article-content p {
   margin-bottom: 24px;
}

.au-article-content blockquote {
   border-left: 4px solid var(--au-primary);
   padding: 10px 20px;
   margin: 30px 0;
   background: var(--au-gray-100);
   font-style: italic;
}

.au-article-content img {
   max-width: 100%;
   height: auto;
   border: 1px solid var(--au-gray-300);
   margin: 30px 0;
}

.au-article-abstract-box {
   background: var(--au-gray-100);
   padding: 30px;
   margin-bottom: 40px;
   border-left: 4px solid var(--au-primary);
}

.au-article-abstract-box h3 {
   margin-top: 0;
   font-size: 1.1rem;
   margin-bottom: 16px;
   text-transform: uppercase;
   font-family: var(--font-sans);
   letter-spacing: 1px;
   color: var(--au-primary);
   border: none;
}


/* ---------- FOOTER ---------- */
.au-footer {
   background: var(--au-black);
   color: var(--au-gray-500);
   padding: 60px 0 40px;
   margin-top: auto;
   border-top: 4px solid var(--au-primary);
}

.au-footer-container {
   display: grid;
   grid-template-columns: 2fr 1fr 1fr;
   gap: 40px;
   margin-bottom: 40px;
}

.au-footer-brand {
   font-family: var(--font-serif);
   font-size: 1.5rem;
   font-style: italic;
   color: white;
   margin-bottom: 16px;
}

.au-footer-desc {
   font-size: 0.9rem;
   line-height: 1.6;
   max-width: 400px;
}

.au-footer-heading {
   color: white;
   font-size: 0.9rem;
   letter-spacing: 1px;
   font-weight: 600;
   margin-bottom: 20px;
   text-transform: uppercase;
}

.au-footer-links {
   list-style: none;
}

.au-footer-links li {
   margin-bottom: 10px;
}

.au-footer-links a {
   color: var(--au-gray-500);
   font-size: 0.9rem;
}

.au-footer-links a:hover {
   color: white;
}

.au-footer-bottom {
   border-top: 1px solid #333;
   padding-top: 24px;
   text-align: center;
   font-size: 0.8rem;
}


/* Responsive */
@media(max-width: 1024px) {
   .au-grid-layout {
      grid-template-columns: 1fr;
      gap: 40px;
   }

   .au-highlights-strip {
      flex-direction: column;
   }

   .au-highlight-item {
      border-right: none;
      border-bottom: 1px solid var(--au-gray-300);
      padding: 15px;
   }

   .au-article-layout {
      grid-template-columns: 1fr;
   }

   .au-article-sidebar {
      position: static;
      display: none;
   }

   .au-footer-container {
      grid-template-columns: 1fr;
   }
}

/* ---------- RANKINGS PAGE ---------- */
.au-rank-tabs {
   display: flex;
   gap: 8px;
   margin-bottom: 30px;
   border-bottom: 2px solid var(--au-gray-300);
}

.au-browse-filters {
   display: flex;
   gap: var(--space-3);
   flex-wrap: wrap;
   margin-bottom: var(--space-8);
}

.au-filter-btn {
   background: var(--bg-elevated);
   border: 1px solid var(--border-primary);
   padding: var(--space-3) var(--space-5);
   font-size: var(--font-size-base);
   font-weight: var(--font-weight-medium);
   color: var(--text-secondary);
   cursor: pointer;
   border-radius: var(--radius-md);
   transition: var(--transition-base);
   font-family: var(--font-sans);
}

.au-filter-btn:hover {
   border-color: var(--au-primary);
   color: var(--au-primary);
}

.au-filter-btn.active {
   background: var(--au-primary);
   color: white;
   border-color: var(--au-primary);
}

.au-rank-tabs {
   display: flex;
   gap: 8px;
   margin-bottom: 30px;
   border-bottom: 2px solid var(--au-gray-300);
}

.au-rank-tab {
   background: transparent;
   border: none;
   padding: 12px 24px;
   font-size: 0.95rem;
   font-weight: 600;
   color: var(--au-gray-500);
   cursor: pointer;
   border-bottom: 3px solid transparent;
   transition: all 0.2s;
   font-family: var(--font-sans);
   display: flex;
   align-items: center;
   gap: 8px;
}

.au-rank-tab:hover {
   color: var(--au-primary);
}

.au-rank-tab.active {
   color: var(--au-primary);
   border-bottom-color: var(--au-primary);
}

.au-rank-content {
   position: relative;
   min-height: 400px;
}

.au-rank-panel {
   display: none;
}

.au-rank-panel.active {
   display: block;
}

.au-rank-list {
   display: flex;
   flex-direction: column;
   gap: 16px;
}

.au-rank-item {
   display: flex;
   align-items: center;
   gap: 20px;
   padding: 20px;
   background: var(--au-surface);
   border: 1px solid var(--au-gray-300);
   border-radius: var(--radius-sm);
   transition: all 0.2s;
}

.au-rank-item:hover {
   box-shadow: var(--shadow-md);
   border-color: var(--au-primary);
}

.au-rank-item.au-rank-top {
   background: linear-gradient(135deg, #FFF9E6 0%, #FFFFFF 100%);
   border-color: #FFD700;
}

.au-rank-number {
   font-size: 1.8rem;
   font-weight: 700;
   font-family: var(--font-serif);
   color: var(--au-gray-300);
   min-width: 50px;
   text-align: center;
}

.au-rank-top .au-rank-number {
   font-size: 2.5rem;
}

.au-rank-info {
   flex: 1;
}

.au-rank-title {
   font-size: 1.1rem;
   margin-bottom: 8px;
   line-height: 1.4;
   font-family: var(--font-serif);
}

.au-rank-title a {
   color: var(--au-black);
}

.au-rank-title a:hover {
   color: var(--au-primary);
}

.au-rank-meta {
   display: flex;
   gap: 16px;
   font-size: 0.85rem;
   color: var(--au-gray-500);
}

.au-rank-authors {
   font-weight: 500;
}

.au-rank-metric {
   text-align: center;
   min-width: 80px;
}

.au-rank-value {
   font-size: 1.8rem;
   font-weight: 700;
   color: var(--au-primary);
   font-family: var(--font-serif);
   line-height: 1;
}

.au-rank-label {
   font-size: 0.75rem;
   color: var(--au-gray-500);
   text-transform: uppercase;
   letter-spacing: 0.5px;
   margin-top: 4px;
}

/* Toast Notification (if needed for frontend) */
.au-toast {
   position: fixed;
   bottom: 30px;
   right: 30px;
   background: var(--au-dark);
   color: white;
   padding: 16px 24px;
   border-radius: var(--radius-md);
   box-shadow: var(--shadow-md);
   z-index: 1000;
   font-size: 0.95rem;
   font-weight: 500;
   transform: translateY(100px);
   opacity: 0;
   transition: all 0.3s;
}

.au-toast.show {
   transform: translateY(0);
   opacity: 1;
}

.au-toast.success {
   border-left: 4px solid #27ae60;
}

.au-toast.error {
   border-left: 4px solid #e74c3c;
}


/* ---------- EDITORIAL BOARD ENHANCEMENTS ---------- */
.au-agent-badge {
    position: absolute;
    top: 10px;
    right: 10px;
    background: var(--au-primary);
    color: white;
    font-size: 0.65rem;
    padding: 4px 8px;
    border-radius: 3px;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.au-board-member {
    position: relative;
}

.au-board-member.au-agent-primary {
    border-color: var(--au-primary);
    background: linear-gradient(135deg, #FFF9E6 0%, #FFFFFF 100%);
}

.au-agent-role {
    font-size: 0.8rem;
    color: var(--au-primary);
    font-weight: 600;
    margin-bottom: 12px !important;
}

.au-agent-desc {
    font-size: 0.85rem;
    color: var(--au-gray-700);
    line-height: 1.6;
    margin: 12px 0;
}

.au-agent-tools {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    margin-top: 12px;
}

.au-tool-tag {
    font-size: 0.7rem;
    background: var(--au-gray-100);
    color: var(--au-gray-700);
    padding: 3px 8px;
    border-radius: 3px;
    border: 1px solid var(--au-gray-300);
}

/* System Diagram */
.au-system-diagram {
    background: var(--au-gray-100);
    padding: 40px 20px;
    border-radius: var(--radius-sm);
    margin-bottom: 30px;
}

.au-system-flow {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

.au-flow-step {
    text-align: center;
    min-width: 120px;
}

.au-flow-icon {
    font-size: 2.5rem;
    margin-bottom: 8px;
}

.au-flow-label {
    font-size: 0.85rem;
    color: var(--au-gray-700);
    font-weight: 500;
}

.au-flow-arrow {
    font-size: 1.5rem;
    color: var(--au-gray-400);
}

/* Process Steps */
.au-process-steps {
    display: grid;
    gap: 20px;
}

.au-process-step {
    display: flex;
    gap: 20px;
    align-items: flex-start;
    padding: 20px;
    background: var(--au-surface);
    border: 1px solid var(--au-gray-300);
    border-radius: var(--radius-sm);
}

.au-step-number {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    background: var(--au-primary);
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    font-weight: 700;
}

.au-step-content h4 {
    margin: 0 0 8px 0;
    font-size: 1.1rem;
    color: var(--au-black);
}

.au-step-content p {
    margin: 0;
    font-size: 0.9rem;
    color: var(--au-gray-700);
    line-height: 1.6;
}

/* Quality Grid */
.au-quality-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 20px;
}

.au-quality-item {
    text-align: center;
    padding: 30px 20px;
    background: var(--au-surface);
    border: 1px solid var(--au-gray-300);
    border-radius: var(--radius-sm);
}

.au-quality-icon {
    font-size: 2.5rem;
    margin-bottom: 15px;
}

.au-quality-item h4 {
    font-size: 1rem;
    margin: 0 0 10px 0;
    color: var(--au-black);
}

.au-quality-item p {
    font-size: 0.85rem;
    color: var(--au-gray-700);
    line-height: 1.5;
    margin: 0;
}


/* ---------- EDITORIAL BOARD HUMAN EDITORS ---------- */
.au-editor-chief {
    border-color: var(--au-primary);
    background: linear-gradient(135deg, #FFF9E6 0%, #FFFFFF 100%);
}

.au-editor-associate {
    border-color: var(--au-accent);
    background: linear-gradient(135deg, #F0F8FF 0%, #FFFFFF 100%);
}

.au-editor-badge {
    position: absolute;
    top: 10px;
    right: 10px;
    background: var(--au-primary);
    color: white;
    font-size: 0.65rem;
    padding: 4px 8px;
    border-radius: 3px;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.au-editor-role {
    font-size: 0.8rem;
    color: var(--au-primary);
    font-weight: 600;
    margin-bottom: 8px !important;
}

.au-editor-affiliation {
    font-size: 0.85rem;
    color: var(--au-gray-700);
    margin: 8px 0;
    line-height: 1.4;
}

.au-editor-expertise {
    font-size: 0.8rem;
    color: var(--au-gray-600);
    margin: 8px 0;
    font-style: italic;
}

.au-editor-contact {
    font-size: 0.75rem;
    color: var(--au-gray-500);
    margin-top: 12px;
}

.au-editor-contact i {
    margin-right: 4px;
}


/* ---------- USER MENU STYLES ---------- */
.au-user-menu {
   display: flex;
   align-items: center;
   gap: 8px;
   cursor: pointer;
   padding: 6px 12px;
   border-radius: var(--radius-sm);
   transition: background 0.2s;
   position: relative;
}

.au-user-menu:hover {
   background: var(--au-gray-100);
}

.au-user-dropdown {
   position: absolute;
   top: 60px;
   right: 20px;
   background: white;
   border: 1px solid var(--au-gray-300);
   border-radius: var(--radius-md);
   box-shadow: 0 4px 12px rgba(0,0,0,0.15);
   min-width: 200px;
   z-index: 1000;
   overflow: hidden;
}

.au-user-dropdown a {
   display: block;
   padding: 12px 16px;
   color: var(--au-gray-900);
   text-decoration: none;
   border-bottom: 1px solid var(--au-gray-200);
   transition: background 0.2s;
   font-size: 0.9rem;
}

.au-user-dropdown a:last-child {
   border-bottom: none;
}

.au-user-dropdown a:hover {
   background: var(--au-gray-100);
}

.au-user-dropdown a i {
   margin-right: 8px;
   width: 16px;
   text-align: center;
}

/* User Avatar */
.au-user-avatar {
   width: 32px;
   height: 32px;
   border-radius: 50%;
   object-fit: cover;
   border: 2px solid var(--au-gray-300);
}

.au-user-name {
   font-size: 14px;
   font-weight: 500;
   color: var(--au-gray-900);
}


/* ============================================
   RESPONSIVE LAYOUT ADJUSTMENTS
   Using Design System Breakpoints
   ============================================ */

/* Tablet and below (max-width: 1023px) */
@media (max-width: 1023px) {
   .au-grid-layout {
      grid-template-columns: 1fr;
      gap: var(--space-8);
   }

   .au-container {
      padding: 0 var(--space-4);
   }

   .au-metrics-grid {
      grid-template-columns: repeat(2, 1fr);
      gap: var(--space-4);
   }

   .au-footer-container {
      grid-template-columns: 1fr;
      gap: var(--space-8);
   }

   .au-article-layout {
      grid-template-columns: 1fr;
   }

   .au-article-sidebar {
      position: static;
      display: none;
   }

   .au-nav-center {
      display: none !important;
   }
}

/* Mobile (max-width: 767px) */
@media (max-width: 767px) {
   .au-container {
      padding: 0 var(--space-4);
   }

   .au-nav {
      height: 56px;
   }

   .au-logo-text {
      font-size: var(--font-size-lg);
   }

   .au-nav-right {
      gap: var(--space-2) !important;
   }

   .au-quote-text {
      font-size: var(--font-size-xl);
   }

   .au-quote-author {
      font-size: var(--font-size-base);
   }

   .au-page-title {
      font-size: var(--font-size-3xl);
   }

   .au-page-desc {
      font-size: var(--font-size-base);
   }

   .au-metrics-grid {
      grid-template-columns: 1fr;
   }

   .au-paper-card-premium {
      padding: var(--space-4) 0;
   }

   .au-paper-card-premium:hover {
      margin: 0 calc(-1 * var(--space-4));
      padding: var(--space-4);
   }

   .au-pc-title {
      font-size: var(--font-size-lg);
   }

   .au-form-container {
      padding: var(--space-6);
   }

   .au-article-title {
      font-size: var(--font-size-2xl);
   }

   .au-rank-tabs {
      flex-wrap: wrap;
      gap: var(--space-2);
   }

   .au-rank-tab {
      padding: var(--space-3) var(--space-4);
      font-size: var(--font-size-sm);
   }

   .au-rank-item {
      flex-direction: column;
      align-items: flex-start;
      gap: var(--space-3);
   }

   .au-rank-metric {
      align-self: flex-end;
   }

   .au-browse-filters {
      gap: var(--space-2);
   }

   .au-filter-btn {
      padding: var(--space-2) var(--space-4);
      font-size: var(--font-size-sm);
   }
}

/* Desktop large (min-width: 1280px) */
@media (min-width: 1280px) {
   .au-container {
      padding: 0 var(--space-8);
   }

   .au-grid-layout {
      gap: var(--space-12);
   }
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
   * {
      animation-duration: 0.01ms !important;
      animation-iteration-count: 1 !important;
      transition-duration: 0.01ms !important;
   }
}