/* template-3.css (Magazine V3) */
    
    body._3ov4j {
      background-color: var(--bg);
      /* Fallback dark mode override if prefer-dark, else uses var(--bg) */
    }

    /* --- NAVIGATION --- */
    body._3ov4j ._4ot1n {
      background: color-mix(in srgb, var(--bg), transparent 5%);
      border-bottom: 4px solid var(--brand);
    }
    
    body._3ov4j ._1w0ns {
      display: flex;
      gap: 24px;
      align-items: center;
    }
    body._3ov4j ._1w0ns a {
      text-transform: uppercase;
      font-weight: 800;
      font-size: 0.85rem;
      letter-spacing: 0.05em;
      border: 0;
      background: transparent;
      padding: 0;
      color: var(--txt);
    }
    body._3ov4j ._1w0ns a:hover {
      color: var(--brand);
      background: transparent;
    }

    /* --- HERO --- */
    body._3ov4j ._4uc5o {
      padding: 50px 0;
      border-bottom: 1px solid var(--border);
      margin-bottom: 30px;
    }
    body._3ov4j ._4uc5o h1 {
      font-size: 3.5rem;
      line-height: 1.05;
      font-weight: 900;
      letter-spacing: -0.03em;
    }
    /* Hero Image */
    body._3ov4j ._35gjz {
      max-width: 920px;
      margin: 0 auto 20px auto; 
      border-radius: 4px; 
      border: 1px solid var(--border);
    }
    @media(max-width: 768px) {
      body._3ov4j ._4uc5o h1 { font-size: 2.4rem; }
    }

    /* --- STRIP --- */
    body._3ov4j ._3bcd1 {
      background: var(--surface);
      border-top: 1px solid var(--border);
      border-bottom: 1px solid var(--border);
      padding: 24px 0;
      margin-bottom: 40px;
    }
    body._3ov4j ._3bcd1 ul {
      display: flex; 
      flex-wrap: wrap; 
      gap: 32px; 
      list-style: none; 
      padding: 0; 
      margin: 0;
    }
    body._3ov4j ._3bcd1 li {
      flex: 1;
      min-width: 200px;
      position: relative;
      padding-left: 14px;
      font-size: 0.95rem;
      line-height: 1.5;
    }
    body._3ov4j ._3bcd1 li::before {
      content: "■"; color: var(--brand);
      position: absolute; left: 0; top: 2px; font-size: 0.7rem;
    }

    /* --- GRID --- */
    body._3ov4j ._33o95 {
      display: grid;
      gap: 32px;
      grid-template-columns: repeat(3, 1fr);
    }
    @media(max-width: 900px) {
      body._3ov4j ._33o95 { grid-template-columns: 1fr; }
    }

    body._3ov4j ._38gtt {
      background: transparent;
      border-right: 1px solid var(--border);
      padding-right: 20px;
      display: flex; 
      flex-direction: column;
      height: auto; 
    }
    body._3ov4j ._38gtt:last-child { border-right: 0; }
    @media(max-width: 900px) { 
      body._3ov4j ._38gtt { 
        border-right: 0; 
        border-bottom: 1px solid var(--border); 
        padding-bottom: 24px; 
        padding-right:0; 
      } 
    }

    body._3ov4j ._38gtt h2 { font-size: 1.5rem; font-weight: 800; letter-spacing: -0.02em; }
    
    body._3ov4j ._10tso {
      font-size: 0.7rem; 
      text-transform: uppercase; 
      letter-spacing: 0.1em; 
      color: var(--brand); 
      font-weight: 900;
      margin-bottom: 8px;
      display: block;
    }

    /* --- IMAGES --- */
    body._3ov4j ._1ourd {
      background: var(--bg2);
      border: 0;
      margin: 0 0 16px 0;
    }
    body._3ov4j ._1ourd img {
      width: 100%;
      height: 100%;
      object-fit: fill;
    }

    /* --- FOOTER LINKS --- */
    body._3ov4j ._18g5k:hover {
      background: var(--surface2) !important;
      border-color: var(--border) !important;
    }
    
    body._3ov4j ._3xyvi a { color: var(--muted); transition: 0.2s; }
    body._3ov4j ._3xyvi a:hover { color: var(--txt); }

    body._3ov4j ._1rozk {
      border-radius: 4px;
      font-weight: 900;
      text-transform: uppercase;
    }