/* --- LAYOUT compact + “tip ziar” --- */
    .hero-in{ padding: 12px 14px; }
    .hero h1{ font-size: 20px; margin: 0 0 6px; }
    .hero p{ font-size: 13px; margin: 0; }

    .readingWrap{ padding: 12px 14px 14px; }

    .readingCol{
      max-width: 760px;
      margin: 0 auto;
    }

    /* toolbar */
    .rbar{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap: 10px;
      flex-wrap: wrap;
      margin-bottom: 10px;
      padding: 10px 12px;
      border-radius: 16px;
      border: 1px solid rgba(255,255,255,.10);
      background: rgba(0,0,0,.16);
      user-select:none;
    }
    .rgrp{ display:flex; gap:8px; flex-wrap:wrap; align-items:center; }

    .rbtn{
      appearance:none;
      border: 1px solid rgba(255,255,255,.14);
      background: rgba(0,0,0,.24);
      color: var(--txt);
      border-radius: 999px;
      padding: 8px 10px;
      font-size: 12px;
      font-weight: 900;
      cursor:pointer;
      display:inline-flex;
      gap:8px;
      align-items:center;
      user-select:none;
      touch-action: manipulation;
      -webkit-tap-highlight-color: transparent;
    }
    .rbtn:active{ transform: translateY(1px); }
    .rbtn:focus{ outline:none; }
    .rbtn .dot{
      width:10px;height:10px;border-radius:99px;
      background: rgba(255,255,255,.22);
      box-shadow: 0 0 0 4px rgba(255,255,255,.06);
    }
    .rbtn.on{
      border-color: rgba(0,212,255,.30);
      box-shadow: 0 0 0 4px rgba(0,212,255,.08);
    }
    .rbtn.on .dot{
      background: var(--accent);
      box-shadow: 0 0 0 4px rgba(0,212,255,.10);
    }

    .rbtn[disabled]{
      opacity:.55;
      cursor:not-allowed;
      transform:none !important;
    }

    /* imagine mai mică */
    .cover{ margin-top: 10px; }
    .cover img{
      width:100%;
      display:block;
      border-radius: 18px;
      object-fit: cover;
      max-height: 320px;
    }
    @media (max-width:520px){
      .cover img{ max-height: 210px; }
    }

    /* meta (autor / data) mai strâns */
    .article{ padding:0; }
    .article .lead{
      margin-top: 6px;
      gap:8px;
      line-height: 1.25;
    }

    /* TEXT TIP ZIAR */
    .article .content{
      margin-top: 10px;
      font-family: Georgia, "Times New Roman", Times, serif;
      font-size: var(--readSize, 16px);
      line-height: var(--readLine, 1.62);
      letter-spacing: .1px;
      white-space: pre-line;
      word-break: break-word;
      text-align: justify;
      text-justify: inter-word;
      hyphens: auto;
      -webkit-hyphens: auto;
      -ms-hyphens: auto;
    }
    .article .content br{ line-height: 0.9; }

    .embed{ margin-top: 10px; }

    /* VIEWS + LIKES + COMMENTS */
    .statsRow{
      margin-top: 14px;
      display:flex;
      gap:10px;
      flex-wrap:wrap;
      align-items:center;
    }
    .statChip{
      display:inline-flex;
      align-items:center;
      gap:8px;
      padding: 8px 12px;
      border-radius: 999px;
      border: 1px solid rgba(255,255,255,.12);
      background: rgba(0,0,0,.22);
      color: rgba(255,255,255,.88);
      font-size: 12px;
      font-weight: 900;
      white-space:nowrap;
      text-decoration:none;
    }
    .statChip b{ color: var(--txt); }
    .statChip:hover{
      border-color: rgba(255,255,255,.22);
      box-shadow: 0 0 0 4px rgba(255,255,255,.06);
      transform: translateY(-1px);
      transition: .15s ease;
    }

    /* MOD CITIRE - PAPER LIGHT */
    body.reading{ background: #e9e3d8; }
    body.reading::before{ display:none; }

    body.reading .hero{
      background: #e3dccf;
      border-color: rgba(0,0,0,.08);
      box-shadow: none;
    }
    body.reading .card{
      background: #f4efe6;
      border-color: rgba(0,0,0,.10);
      box-shadow: 0 10px 30px rgba(0,0,0,.06);
    }
    body.reading .rbar{
      background: #efe8dc;
      border-color: rgba(0,0,0,.08);
    }

    body.reading .article .content{ color: #1f1f1f; }
    body.reading .lead,
    body.reading .sub,
    body.reading .hint{ color: #4a4a4a; }

    body.reading .tag{
      background: #e6dfd3;
      border-color: rgba(0,0,0,.08);
      color: #333;
    }
    body.reading a{ color: #1a4c8b; }

    body.reading .rbtn,
    body.reading .statChip{
      background: #e6dfd3;
      border-color: rgba(0,0,0,.10);
      color: #111;
    }