/* reference stylesheet 1 */
:root {
      --blue-50: #ecf8ff;
      --blue-100: #d8efff;
      --blue-300: #77c6f7;
      --blue-500: #2093e7;
      --blue-700: #0a5fba;
      --blue-900: #08376d;
      --ink: #0f2140;
      --muted: #526987;
      --gold: #ffba20;
      --orange: #ff7a1a;
      --line: rgba(8, 55, 109, .16);
      --shadow: 0 18px 45px rgba(14, 83, 151, .18);
      --radius: 14px;
    }

    * {
      box-sizing: border-box;
    }

    body {
      margin: 0;
      background: linear-gradient(180deg, #f5fbff 0%, #ffffff 42%, #eef8ff 100%);
      color: var(--ink);
      font-family: Arial, Helvetica, sans-serif;
      letter-spacing: 0;
    }

    a {
      color: inherit;
      text-decoration: none;
    }

    img {
      display: block;
      max-width: 100%;
    }

    .topbar {
      background: linear-gradient(180deg, #9bddff 0%, #43aaf0 58%, #1681d7 100%);
      color: #ffffff;
      border-bottom: 1px solid rgba(255, 255, 255, .35);
    }

    .container {
      width: min(1280px, calc(100% - 64px));
      margin: 0 auto;
    }

    .header-main {
      min-height: 92px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 28px;
    }

    .brand {
      display: flex;
      align-items: center;
      gap: 14px;
      min-width: 176px;
    }

    .brand-mark {
      font-size: 42px;
      line-height: 1;
      font-weight: 900;
      font-style: italic;
      color: #ffb21a;
      text-shadow:
        0 2px 0 #ffffff,
        0 5px 0 #d35b0c,
        0 10px 18px rgba(4, 55, 109, .32);
    }

    .brand-sub {
      display: block;
      margin-top: 2px;
      color: rgba(255, 255, 255, .86);
      font-size: 12px;
      font-weight: 800;
      text-transform: uppercase;
    }

    .header-actions {
      display: flex;
      align-items: center;
      gap: 18px;
    }

    .nav-shell {
      background: rgba(233, 248, 255, .72);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, .76);
      border-top: 1px solid rgba(255, 255, 255, .35);
      border-bottom: 1px solid rgba(9, 96, 180, .2);
    }

    .nav {
      min-height: 58px;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 0;
      color: var(--blue-900);
      font-size: 13px;
      font-weight: 900;
      text-transform: uppercase;
    }

    .nav a {
      padding: 0 21px;
      height: 58px;
      display: inline-flex;
      align-items: center;
      border-left: 1px solid rgba(9, 96, 180, .14);
    }

    .nav a:last-child {
      border-right: 1px solid rgba(9, 96, 180, .14);
    }

    .button {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 46px;
      padding: 0 24px;
      border-radius: 999px;
      font-size: 14px;
      font-weight: 900;
      box-shadow: 0 12px 20px rgba(4, 75, 150, .2);
      white-space: nowrap;
    }

    .button-primary {
      color: #ffffff;
      background: linear-gradient(180deg, #ffb33f 0%, #ff6f17 100%);
      border: 1px solid rgba(255, 255, 255, .5);
    }

    .button-secondary {
      color: #ffffff;
      background: linear-gradient(180deg, #1d78df 0%, #0756b8 100%);
      border: 1px solid rgba(255, 255, 255, .45);
    }

    .hero {
      position: relative;
      overflow: hidden;
      min-height: 560px;
      display: flex;
      align-items: center;
      background: linear-gradient(90deg, rgba(4, 35, 78, .74) 0%, rgba(7, 75, 148, .52) 38%, rgba(17, 139, 221, .06) 72%);
    }

    .hero-bg {
      position: absolute;
      inset: 0;
      z-index: -2;
    }

    .hero-bg img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .hero::after {
      content: "";
      position: absolute;
      inset: auto 0 0;
      height: 110px;
      background: linear-gradient(180deg, rgba(255,255,255,0) 0%, #ffffff 92%);
      z-index: -1;
    }

    .hero-content {
      width: min(1280px, calc(100% - 64px));
      margin: 0 auto;
      padding: 70px 0 92px;
    }

    .hero-copy {
      width: min(620px, 100%);
      color: #ffffff;
    }

    .hero h1 {
      margin: 0 0 20px;
      font-size: clamp(44px, 5vw, 76px);
      line-height: 1.02;
      font-weight: 900;
      text-shadow: 0 10px 22px rgba(1, 30, 70, .35);
    }

    .hero p {
      margin: 0;
      color: rgba(255, 255, 255, .9);
      font-size: 20px;
      line-height: 1.65;
      font-weight: 700;
      max-width: 560px;
    }

    .hero-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 16px;
      margin-top: 34px;
    }

    .hero-proof {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 14px;
      width: min(640px, 100%);
      margin-top: 38px;
    }

    .proof-card {
      min-height: 104px;
      padding: 18px;
      border-radius: 12px;
      color: #ffffff;
      background: rgba(0, 56, 119, .58);
      border: 1px solid rgba(255, 255, 255, .28);
      box-shadow: 0 18px 30px rgba(2, 37, 85, .22);
      backdrop-filter: blur(8px);
    }

    .proof-card strong {
      display: block;
      margin-bottom: 8px;
      color: var(--gold);
      font-size: 24px;
      line-height: 1;
      font-weight: 900;
    }

    .proof-card span {
      display: block;
      font-size: 13px;
      line-height: 1.4;
      color: rgba(255,255,255,.86);
      font-weight: 700;
    }

    .intro {
      padding: 54px 0 34px;
      background: #ffffff;
    }

    .title-ribbon {
      display: flex;
      align-items: center;
      justify-content: center;
      min-height: 48px;
      margin-bottom: 28px;
      padding: 10px 24px;
      border-radius: 9px;
      background: linear-gradient(90deg, #1887dc 0%, #37b2f6 50%, #1887dc 100%);
      color: #07386f;
      font-size: 21px;
      font-weight: 900;
      text-align: center;
      box-shadow: 0 12px 24px rgba(24, 135, 220, .18);
      text-transform: uppercase;
    }

    .intro-text {
      max-width: 1110px;
      margin: 0 auto;
      color: #23395a;
      font-size: 18px;
      line-height: 1.72;
      text-align: center;
      font-weight: 700;
    }

    .feature-panel {
      padding: 34px 0 68px;
      background: #ffffff;
    }

    .feature-frame {
      padding: 34px;
      border: 2px solid #27a3ee;
      border-radius: var(--radius);
      box-shadow: 0 0 0 6px rgba(39, 163, 238, .08), var(--shadow);
      background:
        linear-gradient(180deg, rgba(234, 248, 255, .92) 0%, #ffffff 70%),
        #ffffff;
    }

    .section-heading {
      display: flex;
      align-items: center;
      gap: 18px;
      margin: 0 0 30px;
      color: var(--blue-900);
      font-size: 34px;
      line-height: 1.1;
      font-weight: 900;
    }

    .section-heading::after {
      content: "";
      flex: 1;
      height: 3px;
      border-radius: 999px;
      background: linear-gradient(90deg, var(--gold), rgba(255, 186, 32, 0));
    }

    .game-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 18px;
    }

    .game-card {
      min-height: 180px;
      padding: 24px;
      border-radius: 13px;
      background: linear-gradient(180deg, #ffffff 0%, #eef8ff 100%);
      border: 1px solid var(--line);
      box-shadow: 0 12px 26px rgba(14, 83, 151, .09);
    }

    .game-icon {
      width: 52px;
      height: 52px;
      display: grid;
      place-items: center;
      margin-bottom: 20px;
      border-radius: 14px;
      color: #05366f;
      background: linear-gradient(180deg, #ffd35f 0%, #ff9f12 100%);
      font-size: 24px;
      font-weight: 900;
      box-shadow: 0 10px 18px rgba(255, 157, 18, .28);
    }

    .game-card h3 {
      margin: 0 0 9px;
      color: #093b74;
      font-size: 19px;
      line-height: 1.25;
      font-weight: 900;
    }

    .game-card p {
      margin: 0;
      color: var(--muted);
      font-size: 14px;
      line-height: 1.58;
      font-weight: 700;
    }

    .promo-band {
      padding: 70px 0;
      background:
        linear-gradient(120deg, rgba(6, 58, 116, .92) 0%, rgba(15, 127, 215, .9) 58%, rgba(255, 186, 32, .95) 100%);
      color: #ffffff;
    }

    .promo-layout {
      display: grid;
      grid-template-columns: minmax(0, .95fr) minmax(0, 1.65fr);
      gap: 28px;
      align-items: stretch;
    }

    .promo-copy {
      padding: 34px;
      border-radius: var(--radius);
      background: rgba(255, 255, 255, .13);
      border: 1px solid rgba(255, 255, 255, .28);
    }

    .promo-copy h2 {
      margin: 0 0 16px;
      font-size: 34px;
      line-height: 1.15;
      font-weight: 900;
    }

    .promo-copy p {
      margin: 0;
      color: rgba(255,255,255,.88);
      font-size: 16px;
      line-height: 1.66;
      font-weight: 700;
    }

    .promo-cards {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 18px;
    }

    .promo-card {
      min-height: 170px;
      padding: 28px 22px;
      border-radius: var(--radius);
      background: rgba(255, 255, 255, .95);
      color: var(--blue-900);
      border: 1px solid rgba(255, 255, 255, .6);
      box-shadow: 0 16px 34px rgba(3, 38, 84, .18);
      text-align: center;
    }

    .promo-card strong {
      display: block;
      margin-bottom: 14px;
      color: #ff8d10;
      font-size: 34px;
      line-height: 1;
      font-weight: 900;
    }

    .promo-card span {
      color: #254464;
      font-size: 14px;
      line-height: 1.5;
      font-weight: 800;
    }

    .news {
      padding: 76px 0 62px;
      background: linear-gradient(180deg, #ffffff 0%, #eff9ff 100%);
    }

    .news-head {
      display: flex;
      align-items: flex-end;
      justify-content: space-between;
      gap: 24px;
      margin-bottom: 26px;
    }

    .news-head .section-heading {
      margin-bottom: 0;
      flex: 1;
    }

    .view-all {
      min-height: 42px;
      padding: 0 18px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 10px;
      background: #ffffff;
      border: 1px solid var(--line);
      color: var(--blue-700);
      font-size: 13px;
      font-weight: 900;
      box-shadow: 0 10px 24px rgba(14, 83, 151, .08);
    }

    .article-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 20px;
    }

    .article-card {
      overflow: hidden;
      min-height: 360px;
      border-radius: 13px;
      background: #ffffff;
      border: 1px solid var(--line);
      box-shadow: 0 14px 32px rgba(14, 83, 151, .1);
    }

    .thumb {
      position: relative;
      min-height: 164px;
      background:
        linear-gradient(135deg, rgba(5, 79, 162, .86), rgba(31, 180, 242, .74)),
        radial-gradient(circle at 72% 35%, rgba(255, 189, 31, .9), transparent 32%),
        linear-gradient(135deg, #0c498d, #61c8ff);
      border-bottom: 1px solid rgba(8, 55, 109, .12);
    }

    .thumb::before,
    .thumb::after {
      content: "";
      position: absolute;
      border-radius: 999px;
      background: rgba(255,255,255,.35);
    }

    .thumb::before {
      width: 156px;
      height: 156px;
      right: -52px;
      top: -52px;
    }

    .thumb::after {
      width: 90px;
      height: 90px;
      left: 28px;
      bottom: 24px;
      box-shadow: 72px -36px 0 rgba(255,255,255,.18);
    }

    .date-box {
      position: absolute;
      left: 16px;
      top: 16px;
      width: 55px;
      height: 58px;
      display: grid;
      place-items: center;
      border-radius: 8px;
      color: #0d315e;
      background: linear-gradient(180deg, #ffe27a 0%, #ffad16 100%);
      font-weight: 900;
      line-height: 1.05;
      text-align: center;
      box-shadow: 0 10px 20px rgba(11, 55, 107, .18);
      z-index: 2;
    }

    .date-box small {
      display: block;
      color: #0d315e;
      font-size: 12px;
      font-weight: 900;
    }

    .article-body {
      padding: 22px 22px 24px;
    }

    .category {
      display: block;
      margin-bottom: 10px;
      color: var(--orange);
      font-size: 12px;
      font-weight: 900;
      text-transform: uppercase;
    }

    .article-card h3 {
      margin: 0 0 12px;
      color: #102b53;
      font-size: 20px;
      line-height: 1.32;
      font-weight: 900;
    }

    .article-card p {
      margin: 0 0 18px;
      color: var(--muted);
      font-size: 14px;
      line-height: 1.62;
      font-weight: 700;
    }

    .read-more {
      color: var(--blue-700);
      font-size: 14px;
      font-weight: 900;
    }

    .trust {
      padding: 72px 0 74px;
      background: #ffffff;
    }

    .trust-layout {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
      gap: 42px;
      align-items: center;
    }

    .trust h2 {
      margin: 0 0 18px;
      color: var(--blue-900);
      font-size: 42px;
      line-height: 1.08;
      font-weight: 900;
    }

    .trust p {
      margin: 0;
      color: var(--muted);
      font-size: 17px;
      line-height: 1.72;
      font-weight: 700;
    }

    .trust-list {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 16px;
    }

    .trust-item {
      min-height: 124px;
      padding: 22px;
      border-radius: 13px;
      background: linear-gradient(180deg, #f5fbff 0%, #ffffff 100%);
      border: 1px solid var(--line);
    }

    .trust-item strong {
      display: block;
      margin-bottom: 9px;
      color: var(--blue-700);
      font-size: 18px;
      font-weight: 900;
    }

    .trust-item span {
      color: var(--muted);
      font-size: 14px;
      line-height: 1.55;
      font-weight: 700;
    }

    .footer {
      background: #08305d;
      color: #d9efff;
    }

    .footer-main {
      padding: 54px 0 42px;
      display: grid;
      grid-template-columns: minmax(0, 1.4fr) repeat(3, minmax(0, 1fr));
      gap: 34px;
    }

    .footer .brand-mark {
      font-size: 38px;
      display: inline-block;
      margin-bottom: 14px;
    }

    .footer p {
      margin: 0;
      color: rgba(217, 239, 255, .78);
      font-size: 14px;
      line-height: 1.62;
      font-weight: 700;
    }

    .footer h3 {
      margin: 0 0 17px;
      color: #ffffff;
      font-size: 16px;
      font-weight: 900;
    }

    .footer a {
      display: block;
      margin: 0 0 10px;
      color: rgba(217, 239, 255, .8);
      font-size: 14px;
      font-weight: 700;
    }

    .footer-bottom {
      padding: 18px 0;
      border-top: 1px solid rgba(255,255,255,.12);
      color: rgba(217, 239, 255, .66);
      font-size: 13px;
      font-weight: 700;
    }

    @media (max-width: 980px) {
      .container,
      .hero-content {
        width: min(100% - 36px, 760px);
      }

      .header-main {
        min-height: auto;
        padding: 18px 0;
        align-items: flex-start;
      }

      .header-actions {
        gap: 10px;
      }

      .button {
        min-height: 42px;
        padding: 0 16px;
      }

      .nav {
        justify-content: flex-start;
        overflow-x: auto;
      }

      .nav a {
        flex: 0 0 auto;
      }

      .hero {
        min-height: 600px;
        align-items: flex-start;
      }

      .hero-content {
        padding-top: 64px;
      }

      .hero-copy {
        width: 100%;
      }

      .hero p {
        max-width: 540px;
      }

      .hero-proof,
      .game-grid,
      .promo-layout,
      .article-grid,
      .trust-layout,
      .footer-main {
        grid-template-columns: 1fr 1fr;
      }

      .promo-layout,
      .trust-layout {
        gap: 24px;
      }

      .promo-copy {
        grid-column: 1 / -1;
      }
    }

    @media (max-width: 640px) {
      .container,
      .hero-content {
        width: min(100% - 28px, 430px);
      }

      .header-main {
        flex-direction: column;
        gap: 14px;
      }

      .brand-mark {
        font-size: 36px;
      }

      .header-actions {
        width: 100%;
      }

      .header-actions .button {
        flex: 1;
      }

      .nav a {
        padding: 0 16px;
        height: 52px;
      }

      .hero {
        min-height: 680px;
      }

      .hero-bg img {
        object-position: 62% center;
      }

      .hero::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: -1;
        background: linear-gradient(180deg, rgba(4, 32, 74, .82) 0%, rgba(4, 56, 116, .64) 52%, rgba(255, 255, 255, .1) 100%);
      }

      .hero-content {
        padding: 44px 0 86px;
      }

      .hero h1 {
        font-size: 40px;
      }

      .hero p {
        font-size: 16px;
      }

      .hero-actions {
        flex-direction: column;
      }

      .hero-proof,
      .game-grid,
      .promo-cards,
      .article-grid,
      .trust-layout,
      .trust-list,
      .footer-main {
        grid-template-columns: 1fr;
      }

      .proof-card {
        min-height: 82px;
      }

      .title-ribbon {
        font-size: 17px;
      }

      .intro-text {
        font-size: 16px;
        text-align: left;
      }

      .feature-frame {
        padding: 22px;
      }

      .section-heading {
        font-size: 28px;
      }

      .news-head {
        align-items: stretch;
        flex-direction: column;
      }

      .view-all {
        width: 100%;
      }

      .promo-copy h2,
      .trust h2 {
        font-size: 32px;
      }
    }

.article-hero {
  position: relative;
  overflow: hidden;
  min-height: 380px;
  display: flex;
  align-items: center;
  color: #ffffff;
  background:
    linear-gradient(90deg, rgba(4, 35, 78, .88) 0%, rgba(7, 75, 148, .74) 44%, rgba(17, 139, 221, .18) 100%),
    url('/assets/bajimat-refasset-001.png') center right / cover no-repeat;
}

.article-hero .container {
  padding: 58px 0 66px;
}

.article-hero h1 {
  width: min(780px, 100%);
  margin: 0;
  font-size: clamp(38px, 4.6vw, 64px);
  line-height: 1.08;
  font-weight: 900;
  text-shadow: 0 10px 22px rgba(1, 30, 70, .35);
}

.article-hero p {
  width: min(650px, 100%);
  margin: 18px 0 0;
  color: rgba(255,255,255,.9);
  font-size: 18px;
  line-height: 1.62;
  font-weight: 700;
}

.article-hero .hero-actions {
  margin-top: 28px;
}

.detail {
  padding: 70px 0 76px;
  background: linear-gradient(180deg, #ffffff 0%, #eef8ff 100%);
}

.detail-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 340px;
  gap: 24px;
  align-items: start;
}

.detail-card,
.side-card {
  border-radius: var(--radius);
  background: #ffffff;
  border: 1px solid var(--line);
  box-shadow: var(--shadow);
}

.detail-card {
  padding: 42px;
}

.detail-card h1 {
  margin: 0;
  color: var(--blue-900);
  font-size: clamp(32px, 3.4vw, 50px);
  line-height: 1.12;
  font-weight: 900;
}

.detail-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 20px 0 30px;
}

.detail-meta span {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 0 13px;
  border-radius: 999px;
  color: var(--blue-700);
  background: var(--blue-50);
  border: 1px solid var(--line);
  font-size: 13px;
  font-weight: 900;
}

.detail-content {
  color: #263f60;
  font-size: 17px;
  line-height: 1.82;
  font-weight: 700;
}

.detail-content p,
.detail-content ul,
.detail-content ol {
  margin: 0 0 20px;
}

.detail-content h2,
.detail-content h3 {
  margin: 32px 0 14px;
  color: var(--blue-900);
  line-height: 1.22;
  font-weight: 900;
}

.detail-content h2 {
  font-size: 29px;
}

.detail-content h3 {
  font-size: 23px;
}

.detail-content a {
  color: var(--blue-700);
  font-weight: 900;
}

.detail-content blockquote {
  margin: 28px 0;
  padding: 22px;
  border-left: 5px solid var(--gold);
  border-radius: 12px;
  background: var(--blue-50);
}

.page-nav {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 34px;
}

.page-nav a,
.page-nav div {
  min-height: 58px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 14px;
  border-radius: 12px;
  color: var(--blue-900);
  border: 1px solid var(--line);
  background: linear-gradient(180deg, #ffffff 0%, #eef8ff 100%);
  font-weight: 900;
  text-align: center;
}

.side-card {
  position: sticky;
  top: 24px;
  padding: 24px;
}

.side-card h3 {
  margin: 0 0 18px;
  color: var(--blue-900);
  font-size: 22px;
  font-weight: 900;
}

.side-card a {
  display: block;
  padding: 14px 0;
  color: #263f60;
  border-top: 1px solid var(--line);
  font-size: 14px;
  line-height: 1.45;
  font-weight: 800;
}

.side-card span {
  display: block;
  margin-top: 20px;
  padding: 12px;
  border-radius: 12px;
  color: #0d315e;
  background: linear-gradient(180deg, #ffe27a 0%, #ffad16 100%);
  font-weight: 900;
  text-align: center;
}

.pagination {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 30px 0 0;
  padding: 0;
  list-style: none;
}

.pagination li,
.pagination a,
.pagination span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 38px;
  min-height: 38px;
  padding: 0 12px;
  border-radius: 10px;
  color: var(--blue-700);
  border: 1px solid var(--line);
  background: var(--blue-50);
  font-weight: 900;
}

@media (max-width: 980px) {
  .detail-layout {
    grid-template-columns: 1fr;
  }

  .side-card {
    position: static;
  }
}

@media (max-width: 640px) {
  .article-hero {
    min-height: 480px;
    background:
      linear-gradient(180deg, rgba(4, 35, 78, .92) 0%, rgba(7, 75, 148, .78) 64%, rgba(17, 139, 221, .26) 100%),
      url('/assets/bajimat-refasset-002.png') 66% center / cover no-repeat;
  }

  .detail-card {
    padding: 24px;
  }

  .page-nav {
    grid-template-columns: 1fr;
  }
}


/* Target Bengali content and Dede integration */
:root{--clone-dark:#0d315e;--clone-bg2:#ffad16;--clone-accent:#1887dc;--clone-gold:#ffad16;--clone-blue:#1887dc;}
body.true-reference-clone{font-family:Arial,"Kohinoor Bangla","Noto Sans Bengali",sans-serif;letter-spacing:0;}
body.true-reference-clone img[src*="bajimat-logo"]{height:auto;object-fit:contain;}
body.true-reference-clone img[src*="bajimat-hero"]{height:auto;object-fit:contain;}
.dede-update-zone,.article-detail-zone{padding:34px 0;}
.clone-update-inner,.clone-article-inner{width:min(1180px,calc(100% - 32px));margin:0 auto;}
.clone-update-head{text-align:center;margin-bottom:20px;}
.clone-update-head h2{margin:0;font-size:clamp(26px,3vw,38px);font-weight:900;line-height:1.2;}
.clone-update-head p{max-width:760px;margin:10px auto 0;color:#667085;}
.clone-update-list{display:grid;gap:16px;}
.clone-update-card{display:grid;grid-template-columns:170px minmax(0,1fr);gap:18px;padding:16px;border:1px solid rgba(20,25,40,.12);border-radius:10px;background:#fff;box-shadow:0 14px 34px rgba(20,25,40,.08);}
.clone-update-thumb{min-height:120px;border-radius:8px;background:linear-gradient(135deg,var(--clone-dark),var(--clone-accent));color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:900;text-decoration:none;}
.clone-update-tag{display:inline-flex;margin-bottom:6px;padding:4px 10px;border-radius:999px;background:rgba(0,0,0,.06);color:var(--clone-accent);font-weight:900;font-size:12px;}
.clone-update-body h3{margin:0;font-size:22px;line-height:1.32;}
.clone-update-body p{margin:8px 0;color:#5f6675;}
.clone-update-meta{display:flex;flex-wrap:wrap;gap:12px;color:#8a91a1;font-size:13px;}
.clone-readmore{display:inline-flex;margin-top:10px;color:var(--clone-accent);font-weight:900;text-decoration:none;}
.clone-pagination{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:22px 0 0;}
.clone-pagination li{list-style:none;}
.clone-pagination a,.clone-pagination span{display:inline-flex;min-width:38px;min-height:36px;align-items:center;justify-content:center;border:1px solid rgba(20,25,40,.14);border-radius:8px;padding:0 12px;background:#fff;color:#1c2433;text-decoration:none;font-weight:800;}
.clone-article-inner{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;align-items:start;}
.clone-article,.clone-article-side{background:#fff;border:1px solid rgba(20,25,40,.12);border-radius:10px;box-shadow:0 14px 34px rgba(20,25,40,.08);padding:24px;}
.clone-crumb{color:#778094;font-size:14px;margin-bottom:12px;}
.clone-article h1{margin:0;font-size:clamp(30px,3vw,46px);line-height:1.2;}
.clone-article-meta{display:flex;gap:12px;flex-wrap:wrap;margin:12px 0 18px;color:#7d8494;font-size:14px;}
.clone-article-summary{padding:14px 16px;border-left:4px solid var(--clone-accent);background:rgba(0,0,0,.04);margin-bottom:20px;color:#505a6c;}
.clone-article-body{font-size:17px;line-height:1.9;color:#252b38;}
.clone-prenext{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px;}
.clone-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;}
.clone-actions a,.clone-article-side a{display:inline-flex;margin:6px 6px 0 0;padding:9px 12px;border-radius:8px;background:var(--clone-accent);color:#fff;text-decoration:none;font-weight:800;}
@media(max-width:780px){.clone-update-card,.clone-article-inner,.clone-prenext{grid-template-columns:1fr;}}