/* =========================================================
   WORLD BANK TRIBUNAL - CONSOLIDATED STYLESHEET
   Merged from index-new.html and about-new.html
   ========================================================= */

/* =========================
   CSS VARIABLES
   ========================= */
:root{
  --bg-dark:#0a0a0b;
  --bg-card:#111113;
  --bg-card-hover:#18181b;

  --text-primary:#f5f5f4;
  --text-secondary:#a1a1aa;
  --text-muted:#71717a;

  --accent-red:#dc2626;
  --accent-red-glow:rgba(220,38,38,.4);
  --accent-gold:#fbbf24;
  --accent-gold-glow:rgba(251,191,36,.3);

  --border:rgba(255,255,255,.08);
  --border-hover:rgba(255,255,255,.15);

  --newspaper:#e8e0cc;

  --font-display:'Playfair Display', Georgia, serif;
  --font-body:'Source Sans 3', sans-serif;
  --font-mono:'JetBrains Mono', monospace;
  --header-h: 104px;
  --radius:16px;
  --radius-lg:24px;
  --font-body: 'Noto Sans Devanagari', 'Source Sans 3', sans-serif;
}
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+Devanagari:wght@400;500;600;700&family=Libre+Baskerville:wght@400;700&family=Playfair+Display:wght@400;700;900&family=Source+Sans+3:wght@300;400;600;700&display=swap" rel="stylesheet">

/* =========================
   LANGUAGE TOGGLE
   ========================= */
.lang-toggle {
  display: flex;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 3px;
  gap: 2px;
}

.lang-btn {
  background: transparent;
  color: var(--text-muted);
  font-family: var(--font-body);
  font-size: 0.75rem;
  font-weight: 600;
  padding: 0.4rem 0.75rem;
  border-radius: 6px;
  text-decoration: none;
  transition: all 0.2s ease;
}

.lang-btn:hover {
  color: var(--text-primary);
}

.lang-btn.active {
  background: var(--accent-red);
  color: white;
}
/* =========================
   RESET & BASE
   ========================= */
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;scroll-padding-top: calc(var(--header-h) + 12px);}

body{
  --scroll:0;
  padding-top: var(--header-h);
  background:
    radial-gradient(circle 500px at calc(50% + var(--scroll)*30%) calc(10% + var(--scroll)*80%), rgba(255,180,100,.6), transparent),
    radial-gradient(circle 400px at calc(20% + var(--scroll)*50%) calc(80% - var(--scroll)*60%), rgba(100,150,200,.4), transparent),
    radial-gradient(circle 600px at calc(80% - var(--scroll)*40%) calc(50% + var(--scroll)*30%), rgba(200,100,120,.35), transparent),
    linear-gradient(180deg, rgba(255,250,240,.3) 0%, transparent 30%, transparent 70%, rgba(200,180,150,.2) 100%),
    var(--newspaper);
  background-attachment:fixed;
  color:var(--text-primary);
  font-family:var(--font-body);
  line-height:1.6;
  overflow-x:hidden;
}

.grain{
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:1000;
  opacity:.04;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");
}

.container{
  max-width:1400px;
  margin:0 auto;
  padding:0 clamp(1rem,4vw,2rem);
}

/* =========================
   HEADER
   ========================= */
header{
  position:fixed;
  top:0;left:0;right:0;
  z-index:100;
  padding:1rem 0;
  background: rgba(232,224,204,0.78);
  backdrop-filter:blur(12px);
  border-bottom: 1px solid rgba(0,0,0,0.08);
}

.header-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:2rem;
  background:var(--bg-card);
  border:1px solid var(--border);
  border-radius:var(--radius);
  padding:.55rem .55rem;
}

.logo-group{
  display:flex;
  align-items:center;
  gap:.75rem;
  text-decoration:none;
  color:inherit;
  min-width: 280px;
}

.logo-mark{
  width:56px;height:56px;
  border-radius:12px;
  overflow:hidden;
  border:1px solid var(--border);
  background:rgba(255,255,255,.03);
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
}

.logo-mark img{
  width:65px;height:65px;
  object-fit:contain;
}

.logo-text{display:flex;flex-direction:column;}

.logo-text span:first-child{
  font-family:'Libre Baskerville', serif;
  font-weight:700;
  font-size:1.1rem;
  letter-spacing:-.02em;
  line-height:1.2;
}

.logo-text span:last-child{
  font-family:'Libre Baskerville', serif;
  font-size:.75rem;
  color:whitesmoke;
  text-transform:uppercase;
  letter-spacing:.1em;
}

/* =========================
   NAVIGATION
   ========================= */
nav{
  display:flex;
  align-items:center;
  gap:.25rem;
  flex-wrap: nowrap;
  white-space: nowrap;
  position:fixed;
  top: calc(var(--header-h) / 2);
  transform: translateY(-50%);
  right:clamp(1rem,4vw,2rem);
  z-index:100;
  background:var(--bg-card);
  border:1px solid var(--border);
  border-radius:var(--radius);
  padding:.5rem .75rem;
}

nav a{
  color:whitesmoke;
  text-decoration:none;
  font-size:.75rem;
  font-weight:500;
  padding:.5rem .875rem;
  border-radius:8px;
  transition:all .2s ease;
  letter-spacing:.08em;
  text-transform:uppercase;
  display:inline-flex;
  align-items:center;
  line-height:1;
}

nav a:hover{
  color:var(--text-primary);
  background:rgba(255,255,255,.05);
}

nav a.active{
  background:rgba(255,255,255,.1);
  color:var(--text-primary);
}

nav a.cta{
  background:var(--accent-red);
  color:white;
  font-weight:600;
}

nav a.cta:hover{
  background:#b91c1c;
  box-shadow:0 0 30px var(--accent-red-glow);
}

/* Nav horizontal scroll on tight screens */
@media (max-width: 1100px){
  nav{
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  nav::-webkit-scrollbar{ display:none; }
}

/* Mobile menu button */
.mobile-menu{
  display:none;
  background:var(--accent-red);
  border:none;
  color:white;
  cursor:pointer;
  padding:1rem;
  position:fixed;
  bottom:1.5rem;
  right:1.5rem;
  z-index:101;
  border-radius:50%;
  width:56px;
  height:56px;
  box-shadow:0 4px 20px rgba(220,38,38,.4), 0 2px 8px rgba(0,0,0,.3);
  transition:all .2s ease;
}

.mobile-menu:hover{
  transform:scale(1.05);
  box-shadow:0 6px 28px rgba(220,38,38,.5), 0 4px 12px rgba(0,0,0,.4);
}

.mobile-menu:active{
  transform:scale(0.95);
}

/* =========================
   PAGE HERO (Interior pages)
   ========================= */
.page-hero{
  padding: 1.5rem 0 1.5rem;
}

.page-hero .breadcrumb{
  font-size: .875rem;
  color: var(--bg-dark);
  margin-bottom: 0.5rem;
  opacity: 0.7;
}

.page-hero .breadcrumb a{
  color: var(--bg-dark);
  text-decoration: none;
}

.page-hero .breadcrumb a:hover{
  text-decoration: underline;
}

.page-hero h1{
  font-family: var(--font-display);
  font-size: clamp(2.5rem, 6vw, 4rem);
  font-weight: 900;
  color: var(--bg-dark);
  line-height: 1.1;
  margin-bottom: 0.5rem;
}

.page-hero .lead{
  font-size: 1.15rem;
  color: var(--bg-dark);
  opacity: 0.8;
  max-width: 1100px;
  line-height: 1.5;
  margin-bottom: 0;
}

/* =========================
   HERO (Homepage)
   ========================= */
.hero{
  padding:1.5rem 0 1rem;
  display:flex;
  min-height:calc(100vh - var(--header-h));
  align-items:flex-end;
}

.hero-grid{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:1.5rem;
  align-items:stretch;
}

.hero-media{
  position:relative;
  border-radius:var(--radius-lg);
  overflow:hidden;
  border:1px solid var(--border);
  min-height:560px;
}

.hero-media::after{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(
    to bottom,
    rgba(10,10,11,.3) 0%,
    transparent 30%,
    transparent 60%,
    rgba(10,10,11,.7) 100%
  );
  pointer-events:none;
}

/* Carousel */
.carousel{position:relative;width:100%;height:100%;min-height:560px;}
.carousel-track{display:flex;height:100%;transition:transform .7s cubic-bezier(.4,0,.2,1);}
.carousel-slide{min-width:100%;height:560px;position:relative;}

.carousel-slide img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  filter:contrast(1.05) saturate(1.1);
}

.carousel-arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  background:rgba(10,10,11,.8);
  color:var(--text-primary);
  border:1px solid var(--border);
  border-radius:50%;
  width:48px;height:48px;
  display:grid;
  place-items:center;
  cursor:pointer;
  font-size:24px;
  font-weight:700;
  z-index:3;
  backdrop-filter:blur(8px);
  transition:all .3s ease;
}

.carousel-arrow:hover{
  background:rgba(10,10,11,.95);
  border-color:var(--border-hover);
  transform:translateY(-50%) scale(1.1);
  box-shadow:0 8px 30px rgba(0,0,0,.5);
}

.carousel-arrow.prev{left:1.25rem;}
.carousel-arrow.next{right:1.25rem;}

.carousel-nav{
  position:absolute;
  bottom:2rem;
  left:50%;
  transform:translateX(-50%);
  display:flex;
  gap:.5rem;
  z-index:3;
}

.carousel-dot{
  width:10px;height:10px;
  border-radius:50%;
  background:rgba(255,255,255,.3);
  border:2px solid rgba(255,255,255,.5);
  cursor:pointer;
  transition:all .3s ease;
}

.carousel-dot.active{
  background:var(--accent-gold);
  border-color:var(--accent-gold);
  transform:scale(1.4);
  box-shadow:0 0 12px var(--accent-gold-glow);
}

.carousel-dot:hover{
  background:rgba(255,255,255,.6);
  transform:scale(1.2);
}

/* Hero tags */
.hero-tags{
  position:absolute;
  top:1.25rem;
  left:1.25rem;
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
  z-index:2;
}

.tag{
  font-family:var(--font-mono);
  font-size:.65rem;
  text-transform:uppercase;
  letter-spacing:.08em;
  padding:.5rem .75rem;
  border-radius:100px;
  backdrop-filter:blur(12px);
  border:1px solid rgba(255,255,255,.15);
}

.tag.red{background:rgba(220,38,38,.85);color:white;}
.tag.dark{background:rgba(10,10,11,.75);color:var(--text-primary);}
.tag.gold{background:rgba(251,191,36,.9);color:#1a1a1a;}

.tag.red-glow{
  background:rgba(220,38,38,.18);
  color:rgba(255,255,255,.92);
  border-color:rgba(220,38,38,.35);
  box-shadow:0 0 18px rgba(220,38,38,.22);
}

.tag.glass{
  background: rgba(10, 10, 11, 0.22);
  color: rgba(245, 245, 244, 0.95);
  border: 1px solid rgba(255, 255, 255, 0.25);
  backdrop-filter: blur(14px) saturate(120%);
  -webkit-backdrop-filter: blur(14px) saturate(120%);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,0.08),
    0 6px 20px rgba(0,0,0,0.25);
}

.hero-image-caption{
  position:absolute;
  left:0;right:0;bottom:3.5rem;
  padding:2rem 1.5rem 1.5rem;
  z-index:2;
}

.hero-image-caption span{
  font-family:var(--font-mono);
  font-size:.65rem;
  text-transform:uppercase;
  letter-spacing:.1em;
  color:var(--accent-gold);
  display:block;
  margin-bottom:.5rem;
}

.hero-image-caption p{
  font-size:.9rem;
  color:whitesmoke;
  max-width:50ch;
}

/* Hero content (right side) */
.hero-content{
  background:var(--bg-card);
  border:1px solid var(--border);
  border-radius:var(--radius-lg);
  padding:1rem;
  display:flex;
  flex-direction:column;
}

.hero-content h1{
  font-family:var(--font-display);
  font-size:clamp(2rem,4vw,2.75rem);
  font-weight:900;
  line-height:1.05;
  letter-spacing:-.02em;
  margin-bottom:1.25rem;
}

.hero-content h1 .highlight{color:var(--accent-red);}
.hero-content h1 .gold{color:var(--accent-gold);}

.hero-subtitle{
  font-size:1rem;
  color:var(--text-secondary);
  margin:1rem 0 1.75rem;
  line-height:1.7;
}

.hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:.75rem;
  margin-bottom:2rem;
}

.hero-stats{
  margin-top:auto;
  padding-top:1.25rem;
  border-top:1px dashed var(--border);
  color:var(--text-secondary);
  font-size:.9rem;
  line-height:1.6;
}

.stat-value{display:block;}

/* =========================
   HERO IMAGE SECTION (Interior pages)
   ========================= */
.hero-image-section{
  padding: 0 0 1.5rem;
}

.hero-image-wrapper{
  position: relative;
  border-radius: var(--radius-lg);
  overflow: hidden;
  border: 1px solid var(--border);
  background: var(--bg-card);
}

.hero-image-wrapper img{
  width: 100%;
  height: auto;
  display: block;
  max-height: 500px;
  object-fit: cover;
  object-position: center;
}

.image-caption{
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 1.5rem;
  background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.4) 70%, transparent 100%);
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 1rem;
}

.caption-text{
  color: var(--text-primary);
  font-size: 0.95rem;
  line-height: 1.4;
}

.caption-date{
  color: var(--accent-gold);
  font-size: 0.85rem;
  white-space: nowrap;
  font-family: var(--font-mono);
}

/* =========================
   BUTTONS
   ========================= */
.btn{
  display:inline-flex;
  align-items:center;
  gap:.625rem;
  padding:.875rem 1.25rem;
  font-size:.875rem;
  font-weight:600;
  text-decoration:none;
  border-radius:10px;
  transition:all .3s ease;
  border:none;
  cursor:pointer;
}

.btn-primary{
  background:var(--accent-red);
  color:white;
}

.btn-primary:hover{
  background:#b91c1c;
  transform:translateY(-2px);
  box-shadow:0 8px 30px var(--accent-red-glow);
}

.btn-secondary{
  background:rgba(255,255,255,.05);
  color:var(--text-primary);
  border:1px solid var(--border);
}

.btn-secondary:hover{
  background:rgba(255,255,255,.1);
  border-color:var(--border-hover);
  transform:translateY(-2px);
}

.btn .dot{
  width:8px;height:8px;
  border-radius:50%;
  background:currentColor;
  box-shadow:0 0 0 4px rgba(255,255,255,.15);
}

.btn-primary .dot{
  background:white;
  box-shadow:0 0 0 4px rgba(255,255,255,.2);
}

/* =========================
   MAIN GRID / PANELS (Homepage)
   ========================= */
.main-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1rem;
  padding:0.75rem 0 2rem;
}

.panel{
  background:var(--bg-card);
  border:1px solid var(--border);
  border-radius:var(--radius-lg);
  padding:1.5rem;
}

.panel-header{
  display:flex;
  align-items:center;
  gap:1rem;
  margin-bottom:1rem;
}

.panel-header h3{
  font-family:var(--font-display);
  font-size:1.35rem;
  font-weight:700;
}

.panel-header .bar{
  flex:1;
  height:1px;
  background:linear-gradient(to right, var(--border), transparent);
}

.panel-text strong{
  color:var(--accent-gold);
  font-weight:600;
}

.panel-float-figure{
  float:right;
  width:65%;
  max-width:360px;
  margin:0 0 .75rem 1rem;
}

.panel-float-image{
  width:100%;
  display:block;
  border-radius:var(--radius);
  border:1px solid var(--border);
  background:rgba(255,255,255,.02);
}

.panel-caption{
  margin-top:.35rem;
  font-family:var(--font-mono);
  font-size:.65rem;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--text-muted);
  line-height:1.3;
}

/* =========================
   CARDS GRID (Homepage)
   ========================= */
.cards-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
}

.card{
  display:flex;
  align-items:flex-start;
  gap:.875rem;
  padding:1rem;
  background:rgba(255,255,255,.02);
  border:1px solid var(--border);
  border-radius:var(--radius);
  text-decoration:none;
  color:inherit;
  transition:all .25s ease;
}

.card:hover{
  background:var(--bg-card-hover);
  border-color:var(--border-hover);
}

.card-icon{
  width:36px;height:36px;
  border-radius:10px;
  background:rgba(251,191,36,.1);
  border:1px solid rgba(251,191,36,.2);
  display:flex;
  align-items:center;
  justify-content:center;
  font-family:var(--font-mono);
  font-size:.7rem;
  font-weight:600;
  color:var(--accent-gold);
  flex-shrink:0;
}

.card-content h4{
  font-size:.875rem;
  font-weight:700;
  margin-bottom:.25rem;
  transition:color .2s ease;
}

.card:hover .card-content h4{color:var(--accent-gold);}

.card-content p{
  font-size:.75rem;
  color:var(--text-muted);
  line-height:1.5;
}

/* =========================
   BOOK TILE (Homepage)
   ========================= */
.image-strip{
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  margin:0 0 .875rem 0;
}

.image-strip .book-tile{grid-column:1 / -1;}

.image-strip-item{
  height:auto;
  min-height:170px;
  overflow:visible;
  display:flex;
  border-radius:var(--radius);
  border:1px solid var(--border);
  background:transparent;
}

.book-tile{
  text-decoration:none;
  color:inherit;
  transition:transform .25s ease;
}

.book-tile:hover{transform:translateY(-2px);}

.book-tile-inner{
  width:100%;
  padding:1.25rem;
  border-radius:inherit;
  border:1px solid rgba(255,255,255,.18);
  background:linear-gradient(135deg, #FFA900, #F0A936);
  box-shadow:
    0 12px 34px rgba(0,0,0,.35),
    inset 0 0 0 1px rgba(255,255,255,.10);
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.book-kicker{
  font-size:.7rem;
  letter-spacing:.18em;
  text-transform:uppercase;
  font-weight:800;
  color:rgba(20,20,24,.65);
}

.book-title{
  margin-top:.45rem;
  font-weight:900;
  letter-spacing:-.02em;
  line-height:1.2;
  color:#141417;
}

.book-subtitle{
  margin-top:.55rem;
  font-size:.92rem;
  line-height:1.5;
  color:rgba(20,20,24,.88);
}

.book-meta{
  margin-top:.7rem;
  font-size:.82rem;
  color:rgba(20,20,24,.70);
}

.book-cta-wrap{margin-top:1rem;}

.book-btn{
  pointer-events:none;
  background:rgba(17,17,19,.88) !important;
  color:var(--text-primary) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  box-shadow:none !important;
  transform:none !important;
}

.book-tile:hover .book-btn{
  background:rgba(17,17,19,.95) !important;
  border-color:rgba(255,255,255,.28) !important;
}

/* =========================
   CONTENT SECTIONS (Interior pages)
   ========================= */
.content-section{
  padding: 1.5rem 0;
}

/* Base content card */
.content-card{
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  margin-bottom: 1.5rem;
  overflow: hidden;
}

.content-card:last-child{
  margin-bottom: 0;
}

.content-card h2{
  font-family: var(--font-display);
  font-size: 1.75rem;
  font-weight: 700;
  color: var(--text-primary);
  margin-bottom: 1.5rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--border);
}

.content-card h2 .accent{
  color: var(--accent-red);
}

.content-card h3{
  font-family: var(--font-display);
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--accent-gold);
  margin: 2rem 0 1rem;
}

.content-card p{
  color: var(--text-secondary);
  margin-bottom: 1.25rem;
  line-height: 1.8;
}

.content-card ul, .content-card ol{
  color: var(--text-secondary);
  margin: 1rem 0 1.5rem 1.5rem;
  line-height: 1.8;
}

.content-card li{
  margin-bottom: 0.5rem;
}

.content-card li::marker{
  color: var(--accent-red);
}

.content-card strong{
  color: var(--text-primary);
}

/* --------------------------
   MEDIA CARD: Side-by-side image + text
   -------------------------- */
.content-card--media{
  display: grid;
  grid-template-columns: 1fr;
}

.content-card--media .content-card__image{
  position: relative;
  min-height: 280px;
  overflow: hidden;
}

.content-card--media .content-card__image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Image position modifiers */
.content-card__image--left img{ object-position: left center; }
.content-card__image--right img{ object-position: right center; }
.content-card__image--top img{ object-position: center top; }
.content-card__image--bottom img{ object-position: center bottom; }

.content-card--media .content-card__image figcaption{
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 1rem 1.25rem;
  background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.5) 60%, transparent 100%);
  color: var(--text-secondary);
  font-size: 0.85rem;
}

.content-card--media .content-card__body{
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.content-card--media .content-card__body h2{
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 1rem;
}

@media (min-width: 768px){
  .content-card--media{
    grid-template-columns: 2fr 3fr;
  }
  
  .content-card--media .content-card__image{
    min-height: 100%;
  }
  
  .content-card--media.content-card--media-right{
    grid-template-columns: 3fr 2fr;
  }
  
  .content-card--media.content-card--media-right .content-card__image{
    order: 2;
  }
  
  .content-card--media.content-card--media-right .content-card__body{
    order: 1;
  }
}

/* --------------------------
   FEATURE CARD: Image header with content below
   -------------------------- */
.content-card--feature .content-card__header{
  position: relative;
  height: 320px;
  overflow: hidden;
}

.content-card--feature .content-card__header img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.content-card--feature .content-card__header figcaption{
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 1.25rem clamp(1.5rem, 4vw, 2.5rem);
  background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.5) 60%, transparent 100%);
  color: var(--text-secondary);
  font-size: 0.9rem;
}

/* --------------------------
   IMAGE BAND: Full-width image within content
   -------------------------- */
.content-card__image-band{
  margin: 2rem calc(-1 * clamp(1.5rem, 4vw, 2.5rem));
  position: relative;
}

.content-card__image-band img{
  width: 100%;
  height: auto;
  display: block;
  max-height: 400px;
  object-fit: cover;
}

.content-card__image-band figcaption{
  padding: 1rem clamp(1.5rem, 4vw, 2.5rem);
  background: rgba(0,0,0,0.6);
  color: var(--text-secondary);
  font-size: 0.875rem;
}

/* --------------------------
   INLINE IMAGE: Floats within text on desktop
   -------------------------- */
.content-card__inline-image{
  margin: 1.5rem 0;
  border-radius: var(--radius);
  overflow: hidden;
  border: 1px solid var(--border);
}

.content-card__inline-image img{
  width: 100%;
  height: auto;
  display: block;
}

.content-card__inline-image figcaption{
  padding: 0.75rem 1rem;
  background: rgba(0,0,0,0.5);
  color: var(--text-secondary);
  font-size: 0.8rem;
}

@media (min-width: 768px){
  .content-card__inline-image{
    float: right;
    width: 42%;
    margin: 0.25rem 0 1.5rem 2rem;
  }
  
  .content-card__inline-image--left{
    float: left;
    margin: 0.25rem 2rem 1.5rem 0;
  }
}

/* Wrapper for card body content */
.content-card__body{
  padding: clamp(1.5rem, 4vw, 2.5rem);
}

/* Clearfix for floated images */
.content-card__body::after{
  content: '';
  display: table;
  clear: both;
}

/* Legacy photo styles */
.content-photo{
  margin: 2rem 0;
  border-radius: var(--radius);
  overflow: hidden;
  border: 1px solid var(--border);
}

.content-photo img{
  width: 100%;
  height: auto;
  display: block;
}

.content-photo figcaption{
  padding: 1rem;
  background: rgba(0,0,0,0.5);
  color: var(--text-secondary);
  font-size: 0.875rem;
}

.photo-float{
  float: right;
  width: 45%;
  margin: 0 0 1.5rem 2rem;
  border-radius: var(--radius);
  overflow: hidden;
  border: 1px solid var(--border);
}

.photo-float img{
  width: 100%;
  height: auto;
  display: block;
}

.photo-float figcaption{
  padding: 0.75rem 1rem;
  background: rgba(0,0,0,0.5);
  color: var(--text-secondary);
  font-size: 0.8rem;
}

@media (max-width: 768px){
  .photo-float{
    float: none;
    width: 100%;
    margin: 1.5rem 0;
  }
}

/* =========================
   HIGHLIGHT BOX
   ========================= */
.highlight-box{
  background: rgba(220, 38, 38, 0.08);
  border: 1px solid rgba(220, 38, 38, 0.2);
  border-left: 4px solid var(--accent-red);
  padding: 1.5rem 1.75rem;
  margin: 1.5rem 0;
  border-radius: 0 var(--radius) var(--radius) 0;
}

.highlight-box p{
  margin-bottom: 0;
  color: var(--text-secondary);
  font-size: 1.05rem;
  line-height: 1.8;
}

.highlight-box p strong{
  color: var(--text-primary);
}

/* =========================
   DOCUMENT DOWNLOADS
   ========================= */
.doc-grid{
  display: grid;
  gap: 0.75rem;
  margin-top: 1.5rem;
}

.doc-link{
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem 1.25rem;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  text-decoration: none;
  color: var(--text-primary);
  transition: all 0.3s ease;
}

.doc-link:hover{
  background: rgba(255, 255, 255, 0.06);
  border-color: var(--accent-gold);
  transform: translateX(4px);
}

.doc-link .doc-icon{
  width: 32px;
  height: 32px;
  stroke: var(--accent-red);
  flex-shrink: 0;
}

.doc-link .doc-info{
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.doc-link .doc-title{
  font-weight: 600;
  color: var(--text-primary);
}

.doc-link .doc-meta{
  font-size: 0.85rem;
  color: var(--text-muted);
}
/* =========================
   JURY MEMBER GRID
   ========================= */
.jury-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
}

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

@media (max-width: 600px) {
  .jury-grid {
    grid-template-columns: 1fr;
  }
}

/* Base style for all jury members (no link) */
.jury-card {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 1rem 1.25rem;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid var(--border);
  border-radius: var(--radius);
}

.jury-card .jury-name {
  font-weight: 600;
  color: var(--text-primary);
}

.jury-card .jury-role {
  font-size: 0.85rem;
  color: var(--text-muted);
}

/* Linked jury members - adds left accent strip */
.jury-link {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 1rem 1.25rem;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid var(--border);
  border-left: 3px solid var(--accent-gold);
  border-radius: var(--radius);
  text-decoration: none;
  color: inherit;  /* <-- add this */
  transition: all 0.3s ease;
}

.jury-link:hover {
  background: rgba(255, 255, 255, 0.06);
  border-left-color: var(--accent-red);
}

/* =========================
   SUB-NAV CARDS
   ========================= */
.subnav-section{
  padding: .5rem 0 1rem;
}

.subnav-section h2{
  font-family: var(--font-display);
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--bg-dark);
  margin-bottom: 1.5rem;
}

.subnav-grid{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 1.5rem;
}

.subnav-card{
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 1.5rem;
  text-decoration: none;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
}

.subnav-card:hover{
  border-color: var(--border-hover);
  transform: translateY(-4px);
  box-shadow: 0 12px 40px rgba(0,0,0,0.3);
}

.subnav-card .icon{
  width: 48px;
  height: 48px;
  background: rgba(220, 38, 38, 0.1);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
}

.subnav-card .icon svg{
  width: 24px;
  height: 24px;
  stroke: var(--accent-red);
}

.subnav-card h3{
  font-family: var(--font-display);
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--text-primary);
  margin-bottom: 0.5rem;
}

.subnav-card p{
  color: var(--text-secondary);
  font-size: 0.95rem;
  line-height: 1.6;
  flex-grow: 1;
}

.subnav-card .arrow{
  color: var(--accent-red);
  font-size: 1.25rem;
  margin-top: 1rem;
  transition: transform 0.2s ease;
}

.subnav-card:hover .arrow{
  transform: translateX(4px);
}

/* =========================
   KEY FACTS / STATS
   ========================= */
.stats-card{
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 4vw, 2rem);
  margin-bottom: 0;
}

.key-facts{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 1rem;
}

.fact-item{
  text-align: center;
  padding: 1.25rem 0.75rem;
}

.fact-item .number{
  font-family: var(--font-display);
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 900;
  color: var(--accent-gold);
  line-height: 1;
  margin-bottom: 0.5rem;
}

.fact-item:nth-child(1) .number{ color: var(--accent-red); }
.fact-item:nth-child(2) .number{ color: var(--accent-gold); }
.fact-item:nth-child(3) .number{ color: var(--accent-red); }
.fact-item:nth-child(4) .number{ color: var(--accent-gold); }
.fact-item:nth-child(5) .number{ color: var(--accent-red); }

.fact-item .label{
  color: var(--text-secondary);
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-weight: 600;
}

/* =========================
   FOOTER
   ========================= */
footer{
  background: var(--bg-card);
  border-top: 1px solid var(--border);
  padding: 2rem 0;
  margin-top: 1.5rem;
}

.footer-inner{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 2rem;
}

.footer-info h5{
  font-family: var(--font-display);
  font-size: 1rem;
  color: var(--text-primary);
  margin-bottom: 0.5rem;
}

.footer-info p{
  color: var(--text-muted);
  font-size: 0.875rem;
  max-width: 400px;
}

.footer-links{
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 2rem;
}

.footer-links a{
  color: var(--text-secondary);
  text-decoration: none;
  font-size: 0.875rem;
  transition: color 0.2s ease;
}

.footer-links a:hover{
  color: var(--text-primary);
}

/* =========================
   RESPONSIVE
   ========================= */

/* Large tablets / small desktops */
@media (max-width:1024px){
  .hero-grid{grid-template-columns:1fr;}
  .hero-media{min-height:400px;}
  .main-grid{grid-template-columns:1fr;}
}

/* Tablets / Mobile nav */
@media (max-width: 900px){
  nav{
    position:fixed;
    top:auto;
    bottom:5rem;
    left:1rem;
    right:1rem;
    transform:none;
    flex-direction:column;
    padding:1rem;
    opacity:0;
    pointer-events:none;
    transition:all .3s ease;
  }
  
  nav.open{
    opacity:1;
    pointer-events:auto;
  }
  
  nav a{
    width:100%;
    justify-content:center;
    padding:.75rem 1rem;
  }
  
  .mobile-menu{
    display:flex;
    align-items:center;
    justify-content:center;
  }
  
  .logo-group{
    min-width:auto;
  }
  
  .logo-text span:first-child{
    font-size:1.1rem;
  }
  
  .logo-text span:last-child{
    font-size:.75rem;
  }
}

/* Mobile */
@media (max-width:768px){
  nav{
    display:none;
    position:fixed;
    bottom:6rem;
    right:1.5rem;
    left:auto;
    top:auto;
    width:auto;
    min-width:200px;
    background:var(--bg-card);
    border:1px solid var(--border);
    border-radius:var(--radius);
    padding:0.5rem;
    flex-direction:column;
    gap:.25rem;
    box-shadow:0 8px 30px rgba(0,0,0,.4);
    z-index:100;
  }
  
  nav.open{display:flex;}
  
  nav a{
    padding:.75rem 1rem;
    border-radius:8px;
    background:rgba(255,255,255,.03);
    text-align:left;
  }
  
  nav a:hover{background:rgba(255,255,255,.08);}
  
  .mobile-menu{display:flex;align-items:center;justify-content:center;}
  
  .hero{padding-top:1rem;}
  .hero-media{min-height:320px;}
  .cards-grid{grid-template-columns:1fr;}
  
  .footer-inner{flex-direction:column;text-align:center;}
  .footer-links{justify-content:center;}
  
  .image-caption{
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
  }
}

/* Small mobile */
@media (max-width: 600px){
  .key-facts{
    grid-template-columns: repeat(2, 1fr);
  }
  
  .fact-item .number{
    font-size: 2rem;
  }
}

@media (max-width:480px){
  .hero-actions{flex-direction:column;}
  .btn{width:100%;justify-content:center;}
  .image-strip{grid-template-columns:1fr;}
}

/* =========================
   ISSUES PAGE - LIST LAYOUT
   ========================= */

.issue-section {
  margin-bottom: 2rem;
  padding-top: 2rem;
}

.issue-section:first-child {
  border-top: none;
  padding-top: 0;
}

.issue-section-title {
  font-family: var(--font-display);
  font-size: 1.35rem;
  color: #1a1a1a;
  font-weight: 700;
  margin: 0 0 1rem 0;
  padding-bottom: 0.75rem;
  border-bottom: 3px solid var(--accent-red);
}

/* Issue List */
.issue-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.issue-item {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1.5rem;
  padding: 1rem 1.25rem;
  background: #fff;
  border-left: 4px solid transparent;
  border-bottom: 1px solid rgba(0,0,0,0.16);
  transition: all 0.2s ease;
}

.issue-item:first-child {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.issue-item:last-child {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom: none;
}

.issue-item:hover {
  background: rgba(220, 38, 38, 0.03);
  border-left-color: var(--accent-red);
}

.issue-content {
  flex: 1;
  min-width: 0;
}

.issue-content h3 {
  font-family: var(--font-display);
  font-size: 1.05rem;
  font-weight: 700;
  color: #1a1a1a;
  margin: 0 0 0.35rem 0;
  line-height: 1.35;
}

.issue-content h3 a {
  color: #1a1a1a;
  text-decoration: none;
  transition: color 0.2s ease;
}

.issue-content h3 a:hover {
  color: var(--accent-red);
}

.issue-content .convenor {
  font-size: 0.9rem;
  color: #555;
  margin: 0;
  line-height: 1.5;
}

.issue-content .convenor strong {
  color: #333;
  font-weight: 600;
}

.issue-content .convenor a {
  color: var(--accent-red);
  text-decoration: none;
  font-weight: 600;
}

.issue-content .convenor a:hover {
  text-decoration: underline;
}

/* Issue Links */
.issue-links {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  flex-shrink: 0;
  align-items: center;
}

/* Sub-presentations */
.sub-presentations {
  list-style: none;
  margin: 0.75rem 0 0 0;
  padding: 0.75rem 0 0 0;
  border-top: 1px dashed rgba(0,0,0,0.1);
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: all 0.3s ease;
}

.issue-item.expanded .sub-presentations {
  max-height: 500px;
  opacity: 1;
  padding-top: 0.75rem;
  margin-top: 0.75rem;
}

.sub-presentations li {
  font-size: 0.9rem;
  color: #555;
  padding: 0.3rem 0;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.sub-presentations li strong {
  color: #333;
}

.sub-presentations .tag-link {
  font-size: 0.7rem;
  padding: 0.25rem 0.5rem;
}

/* Inline Presentations (authors on one line) */
.presentations-inline {
  font-size: 0.85rem;
  color: #555;
  margin: 0.5rem 0 0 0;
  line-height: 1.8;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}

.presentations-inline strong {
  color: #333;
  font-weight: 600;
}

.presentations-inline .tag-link {
  font-size: 0.65rem;
  padding: 0.2rem 0.45rem;
  margin-right: 0.75rem;
}

/* Issue Detail Dropdown - Click Toggle */
.issue-detail {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: all 0.4s ease;
  margin-top: 0;
}

.issue-item.expanded .issue-detail {
  max-height: 1200px;
  opacity: 1;
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px dashed rgba(0,0,0,0.1);
}

/* Click indicator for items with details */
.issue-item.has-detail {
  cursor: pointer;
}

.issue-item.has-detail .issue-content h3::after {
  content: '+';
  display: inline-block;
  margin-left: 0.5rem;
  font-size: 0.85rem;
  color: var(--accent-red);
  font-weight: 700;
  transition: transform 0.2s ease;
}

.issue-item.has-detail.expanded .issue-content h3::after {
  content: '−';
}

.issue-detail-intro {
  font-size: 0.9rem;
  color: #333;
  font-weight: 600;
  margin: 0 0 0.75rem 0;
}

.issue-detail p {
  font-size: 0.9rem;
  color: #444;
  line-height: 1.6;
  margin: 0 0 0.75rem 0;
}

.issue-detail p.issue-detail-intro {
  font-weight: 600;
  color: #333;
}

.issue-detail ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.issue-detail li {
  font-size: 0.85rem;
  color: #555;
  padding: 0.3rem 0;
  padding-left: 1.25rem;
  position: relative;
  line-height: 1.5;
}

.issue-detail li::before {
  content: '→';
  position: absolute;
  left: 0;
  color: var(--accent-red);
  font-size: 0.75rem;
}

/* Tag Links */
.tag-link {
  display: inline-flex;
  align-items: center;
  font-size: 0.75rem;
  font-weight: 600;
  padding: 0.35rem 0.65rem;
  background: #f5f5f4;
  color: #555;
  border-radius: 4px;
  text-decoration: none;
  border: 1px solid rgba(0,0,0,0.08);
  transition: all 0.2s ease;
  white-space: nowrap;
}

.tag-link:hover {
  background: #e7e5e4;
  color: #333;
  border-color: rgba(0,0,0,0.12);
}

.tag-link.video {
  background: var(--accent-red);
  color: #fff;
  border-color: var(--accent-red);
}

.tag-link.video:hover {
  background: #b91c1c;
  border-color: #b91c1c;
}

.tag-link.book {
  background: #57534e;
  color: #fff;
  border-color: #57534e;
}

.tag-link.book:hover {
  background: #44403c;
  border-color: #44403c;
}

/* Intro Card */
.intro-card {
  background: linear-gradient(135deg, rgba(220,38,38,0.08) 0%, rgba(251,191,36,0.06) 100%);
  border: 2px solid rgba(220,38,38,0.15);
  border-radius: 16px;
  padding: 1.5rem;
  margin-bottom: 0;
  margin-top: 0;
}

.intro-card p {
  margin: 0;
  font-size: 1.05rem;
  line-height: 1.7;
  color: #222;
}

.intro-card p + p {
  margin-top: 1rem;
}

.intro-card strong {
  font-weight: 700;
  color: #1a1a1a;
}

.intro-card em {
  font-style: italic;
  color: #1a1a1a;
}

/* Book CTA */
.book-cta {
  text-align: center;
  padding: 2.5rem 2rem;
  background: linear-gradient(135deg, #1a1a1a 0%, #252525 100%);
  border-radius: 16px;
  margin-top: 3rem;
}

.book-cta h3 {
  font-family: var(--font-display);
  color: #fff;
  font-size: 1.4rem;
  margin: 0 0 0.5rem 0;
  font-weight: 700;
}

.book-cta p {
  color: #999;
  margin: 0 0 1.5rem 0;
  font-size: 1rem;
}

.book-cta .btn {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.875rem 1.75rem;
  background: var(--accent-red);
  color: #fff;
  text-decoration: none;
  border-radius: 8px;
  font-weight: 700;
  font-size: 1rem;
  transition: all 0.2s ease;
}

.book-cta .btn:hover {
  background: #b91c1c;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(220, 38, 38, 0.3);
}

.book-cta .btn i,
.book-cta .btn svg {
  width: 18px;
  height: 18px;
}

/* Issues Page Responsive */
@media (max-width: 768px) {
  .issue-item {
    flex-direction: column;
    gap: 0.75rem;
    padding: 1rem;
  }
  
  .issue-links {
    width: 100%;
  }
  
  .issue-content h3 {
    font-size: 1rem;
  }
}

@media (max-width: 600px) {
  .intro-card {
    padding: 1.5rem;
  }
  
  .book-cta {
    padding: 2rem 1.25rem;
  }
}

/* =========================
   CONVENORS GROUP - CONNECTED CARDS
   ========================= */

.convenors-group {
  display: flex;
  flex-direction: column;
  gap: 0; /* No gap - cards connect */
}

.convenors-group__header {
  margin-bottom: 1.5rem;
}

.convenors-group__header h2 {
  font-family: var(--font-display);
  font-size: clamp(1.75rem, 4vw, 2.25rem);
  font-weight: 700;
  color: #1a1a1a;
  margin: 0 0 0.75rem 0;
}

.convenors-group__header p {
  font-size: 1.1rem;
  color: #333;
  line-height: 1.6;
  max-width: 800px;
}

.convenors-group .content-card {
  border-radius: 0;
  margin-bottom: 0;
}

.convenors-group .content-card:first-of-type {
  border-top-left-radius: var(--radius);
  border-top-right-radius: var(--radius);
}

.convenors-group .content-card:last-of-type {
  border-bottom-left-radius: var(--radius);
  border-bottom-right-radius: var(--radius);
}

/* Add subtle separator between connected cards */
.convenors-group .content-card + .content-card {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

/* ==========================================================
   CONVENOR PROFILE PAGES
   ========================================================== */

/* Breadcrumb */
.breadcrumb {
  font-size: 0.85rem;
  color: var(--text-muted);
  margin-bottom: 1rem;
}

.breadcrumb a {
  color: var(--text-secondary);
  text-decoration: none;
}

.breadcrumb a:hover {
  color: var(--text-primary);
  text-decoration: underline;
}

/* Convenor Type Label */
.convenor-type {
  font-family: var(--font-display);
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--accent-red);
  margin-bottom: 0rem;
}

/* Role Tags */
.convenor-roles {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: flex-end;
}

.role-tag {
  background: var(--newspaper);
  border: 1px solid var(--border);
  color: black;
  padding: 0.5rem 1rem;
  border-radius: 6px;
  font-size: 0.85rem;
  font-weight: 500;
}

/* CTA Card */
.convenor-cta-card {
  background: linear-gradient(135deg, var(--bg-card) 0%, rgba(220, 38, 38, 0.08) 100%);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1.5rem;
}

/* Prominent Website Link */
.convenor-website {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  background: var(--accent-red);
  color: white;
  padding: 1rem 1.75rem;
  border-radius: 8px;
  font-size: 1.1rem;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.2s ease;
  box-shadow: 0 4px 20px var(--accent-red-glow);
}

.convenor-website:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 30px var(--accent-red-glow);
  filter: brightness(1.1);
}

.convenor-website svg {
  width: 20px;
  height: 20px;
}

/* Info Grid */
.convenor-info-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.5rem;
}

@media (max-width: 768px) {
  .convenor-info-grid {
    grid-template-columns: 1fr;
  }
}

/* Publications */
.publication-item {
  padding: 1.25rem 0;
  border-bottom: 1px solid var(--border);
}

.publication-item:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.publication-item:first-child {
  padding-top: 0;
}

.publication-title {
  font-weight: 600;
  color: var(--text-primary);
  font-size: 1rem;
  line-height: 1.4;
  margin-bottom: 0.25rem;
}

.publication-subtitle {
  font-size: 0.9rem;
  color: var(--text-secondary);
  margin-bottom: 0.5rem;
}

.publication-authors {
  font-size: 0.85rem;
  color: var(--text-muted);
  font-style: italic;
}

/* Contact List */
.contact-list {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.contact-item {
  display: flex;
  gap: 1rem;
  align-items: flex-start;
}

.contact-item svg {
  width: 20px;
  height: 20px;
  color: var(--accent-red);
  flex-shrink: 0;
  margin-top: 2px;
}

.contact-item div {
  font-size: 0.95rem;
  color: var(--text-secondary);
  line-height: 1.5;
}

.contact-item strong {
  display: block;
  color: var(--text-primary);
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 0.25rem;
}

.contact-item a {
  color: var(--accent-red);
  text-decoration: none;
}

.contact-item a:hover {
  text-decoration: underline;
}