/* ============================================================
   QUL WADAL - Article reading layout (v1)
   عمود قراءة مركزي + شريط مشاركة جانبي + تنسيق موحّد للنص
   ============================================================ */

.art2 .container{max-width:1160px}
.art2-head{max-width:780px;margin-inline:auto}
.art2 .crumbs{margin:1.8rem 0 1.1rem}
.art2 .art-title{font-size:2.45rem;line-height:1.45;margin:.4rem 0 .9rem;letter-spacing:0}
.art2 .art-lead{font-size:1.18rem;line-height:1.9;color:var(--ink2);margin:0 0 1.4rem}
.art2 .art-meta{border-radius:16px;padding:.85rem 1.1rem;margin-bottom:1.6rem}

.art2 .art-figure{max-width:1000px;margin:0 auto 2.4rem;border-radius:22px;background:transparent}
.art2 .art-figure img{aspect-ratio:16/9;border-radius:22px;box-shadow:var(--shadow-lg)}
.art2 .art-figure figcaption{max-width:780px;margin-inline:auto;padding:.75rem .2rem 0}
.art2 .art-match{max-width:780px;margin:0 auto 1.6rem}

/* ---- layout ---- */
.art2-layout{display:grid;grid-template-columns:60px minmax(0,780px) 60px;justify-content:center;gap:0 2rem;align-items:start}
.art2-main{grid-column:2;min-width:0}
.art2-rail{grid-column:3;grid-row:1;position:sticky;top:110px;display:flex;flex-direction:column;align-items:center;gap:.6rem}
.art2-rail>span{font-size:.72rem;font-weight:800;color:var(--ink3);margin-bottom:.2rem}
.art2-rail a,.art2-rail button,.art2-share a,.art2-share button{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);
  background:var(--surface);color:var(--ink2);display:grid;place-items:center;cursor:pointer;transition:all .2s;padding:0}
.art2-rail a:hover,.art2-rail button:hover,.art2-share a:hover,.art2-share button:hover{border-color:var(--primary);color:#fff;background:var(--primary);transform:translateY(-2px)}
.art2-rail svg,.art2-share svg{width:18px;height:18px;fill:currentColor}
.art2-rail svg.line,.art2-share svg.line{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.art2-copy.copied{background:#16A34A !important;border-color:#16A34A !important;color:#fff !important}

.art2-share-row{display:none;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-top:2rem;padding:1rem 1.2rem;
  background:var(--surface);border:1px solid var(--line);border-radius:16px}
.art2-share-row b{font-family:var(--head);font-size:1rem;color:var(--ink)}
.art2-share{display:flex;gap:.55rem}

.art2-promo{display:block;margin-top:1.8rem;background:#FFF7E6;border:1px solid #F3E1B6;border-radius:16px;padding:1.2rem 1.4rem;color:inherit}
.art2-promo small{color:#B08F35;font-weight:800;font-size:.72rem;display:block;margin-bottom:.35rem}
.art2-promo b{display:block;font-family:var(--head);font-size:1.05rem;color:var(--ink);margin-bottom:.25rem}
.art2-promo p{margin:0;color:var(--ink2);font-size:.9rem}
html[data-theme=dark] .art2-promo{background:#2A2214;border-color:#4A3B1E}

/* ---- typography of the body ---- */
.art2 .art-body{font-size:1.13rem;line-height:2.1;color:var(--ink);text-align:start;overflow-wrap:break-word}
.art2 .art-body>*:first-child{margin-top:0}
.art2 .art-body p{margin:0 0 1.4rem}
.art2 .art-body>p:first-child{font-size:1.2rem;line-height:2.05;color:var(--ink)}
.art2 .art-body h2{font-family:var(--head);font-weight:700;font-size:1.5rem;line-height:1.6;color:var(--ink);
  margin:2.4rem 0 1rem;padding-inline-start:.9rem;border-inline-start:4px solid var(--primary)}
.art2 .art-body h3{font-family:var(--head);font-weight:700;font-size:1.25rem;line-height:1.6;color:var(--primary-deep);margin:2rem 0 .8rem}
.art2 .art-body h4{font-family:var(--head);font-weight:700;font-size:1.1rem;margin:1.6rem 0 .6rem}
.art2 .art-body b,.art2 .art-body strong{font-weight:700;color:var(--ink)}
.art2 .art-body a{color:var(--primary);font-weight:600;text-decoration:underline;text-decoration-color:rgba(107,33,168,.35);text-underline-offset:4px}
.art2 .art-body a:hover{text-decoration-color:var(--primary)}
.art2 .art-body ul,.art2 .art-body ol{margin:0 0 1.4rem;padding-inline-start:1.6rem}
.art2 .art-body li{margin:0 0 .55rem;padding-inline-start:.3rem}
.art2 .art-body li::marker{color:var(--primary);font-weight:700}
.art2 .art-body blockquote{position:relative;margin:2rem 0;padding:1.4rem 1.6rem 1.4rem 1.6rem;background:var(--surface2);
  border:0;border-inline-start:4px solid var(--primary);border-radius:16px;font-family:var(--head);font-weight:500;font-size:1.22rem;
  line-height:1.95;color:var(--primary-deep)}
.art2 .art-body blockquote p:last-child{margin-bottom:0}
.art2 .art-body hr{border:0;height:1px;background:var(--line);margin:2.4rem 0}

/* images */
.art2 .art-body figure{margin:2.2rem 0;text-align:center}
.art2 .art-body img{display:block;width:100%;height:auto;margin:2.2rem auto;border-radius:18px;box-shadow:var(--shadow)}
.art2 .art-body figure img{margin:0 auto}
.art2 .art-body img.is-portrait{width:auto;max-width:min(100%,480px);max-height:85vh}
.art2 .art-body figcaption{margin-top:.7rem;color:var(--ink3);font-size:.85rem;line-height:1.7}
.art2 .art-body .art-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin:2.2rem 0}
.art2 .art-body .art-gallery figure{margin:0}
.art2 .art-body .art-gallery img{aspect-ratio:4/3;object-fit:cover;width:100%;max-width:none;max-height:none;border-radius:14px}
.art2 .art-body iframe{display:block;width:100%;height:auto;aspect-ratio:16/9;border:0;border-radius:18px;margin:2.2rem 0}

/* tables */
.art2 .art-body .art-table{overflow-x:auto;margin:2rem 0;border:1px solid var(--line);border-radius:14px}
.art2 .art-body table{width:100%;border-collapse:collapse;font-size:.95rem;line-height:1.7}
.art2 .art-body th{background:var(--primary-soft);color:var(--primary-deep);font-weight:700;text-align:start;padding:.75rem 1rem}
.art2 .art-body td{padding:.7rem 1rem;border-top:1px solid var(--line)}

.art2 .tags{margin-top:2rem}
.art2 .writer-box{margin-top:1.8rem;border-radius:18px}

/* ---- responsive ---- */
@media(max-width:1100px){
  .art2-layout{grid-template-columns:minmax(0,780px);gap:0}
  .art2-main{grid-column:1}
  .art2-rail{display:none}
  .art2-share-row{display:flex}
}
@media(max-width:640px){
  .art2 .art-title{font-size:1.7rem;line-height:1.5}
  .art2 .art-lead{font-size:1.05rem}
  .art2 .art-figure img{border-radius:16px}
  .art2 .art-body{font-size:1.06rem;line-height:2}
  .art2 .art-body>p:first-child{font-size:1.1rem}
  .art2 .art-body h2{font-size:1.3rem}
  .art2 .art-body blockquote{font-size:1.08rem;padding:1.1rem 1.2rem}
  .art2 .art-body .art-gallery{grid-template-columns:1fr}
  .art2-share-row{justify-content:center;text-align:center}
}

/* ---- v2: الصور كاملة بدون قص وبحجم مناسب في كل الشاشات ---- */
.art2 .art-figure img{aspect-ratio:auto;width:100%;height:auto;max-height:82vh;object-fit:contain;background:var(--surface2)}
.art2 .art-body img{width:auto;max-width:100%;height:auto;max-height:80vh}
.art2 .art-body .art-gallery img{max-height:none}
@media(max-width:640px){.art2 .art-figure img{max-height:none}.art2 .art-body img{max-height:75vh}}