/* File: public_html/assets/pages.css */

/* ===== Generic page layout ===== */

.page-wrap{
    margin-top:12px;
  }
  
  .card.page-card{
    padding:20px 20px 18px;
  }
  
  /* سربرگ صفحه (عنوان + توضیح کوتاه) */
  .page-header{
    margin-bottom:16px;
    border-bottom:1px solid color-mix(in oklab, var(--border) 40%, transparent);
    padding-bottom:10px;
  }
  
  .page-title{
    margin:0 0 4px;
    font-size:18px;
    letter-spacing:-.01em;
  }
  
  .page-intro{
    margin:0;
    font-size:13px;
    color:var(--muted);
    line-height:1.6;
  }
  
  /* breadcrumb ساده (اختیاری) */
  .page-breadcrumb{
    font-size:11px;
    color:var(--muted);
    margin:0 0 8px;
  }
  
  .page-breadcrumb a{
    color:var(--muted);
    text-decoration:none;
  }
  
  .page-breadcrumb a:hover{
    color:var(--accent);
  }
  
  /* ===== Main content ===== */
  
  .page-content{
    font-size:14px;
    line-height:1.8;
    color:var(--text);
  }
  
  .page-section{
    margin-top:14px;
  }
  
  .page-section:first-of-type{
    margin-top:0;
  }
  
  .page-section-title{
    margin:0 0 6px;
    font-size:15px;
    font-weight:600;
  }
  
  .page-section p{
    margin:0 0 8px;
  }
  
  /* لیست‌ها */
  .page-content ul,
  .page-content ol{
    margin:4px 0 10px 1.5em;
    padding:0;
  }
  
  .page-content li{
    margin-bottom:4px;
  }
  
  /* لینک‌ها داخل متن */
  .page-content a{
    color:var(--accent);
    text-decoration:none;
  }
  
  .page-content a:hover{
    text-decoration:underline;
  }
  
  /* خطوط افقی (در صورت نیاز) */
  .page-content hr{
    border:0;
    border-top:1px solid color-mix(in oklab, var(--border) 40%, transparent);
    margin:14px 0;
  }
  
  /* بلوک quote در متن */
  .page-content blockquote{
    margin:8px 0;
    padding:8px 10px;
    border-radius:10px;
    border:1px solid color-mix(in oklab, var(--border) 45%, transparent);
    background:color-mix(in oklab, var(--card) 94%, transparent);
    font-size:13px;
  }
  
  /* متن کوچک هشدار ریسک، کپی‌رایت و ... */
  .page-note{
    margin-top:14px;
    font-size:12px;
    color:var(--muted);
  }
  
  /* ===== RTL tweaks ===== */
  
  [dir="rtl"] .page-title,
  [dir="rtl"] .page-intro,
  [dir="rtl"] .page-content{
    text-align:right;
  }
  
  [dir="rtl"] .page-content ul,
  [dir="rtl"] .page-content ol{
    margin-left:0;
    margin-right:1.5em;
  }
  
  [dir="rtl"] .page-breadcrumb{
    text-align:right;
  }
  
  /* ===== Responsive ===== */
  
  @media (max-width:640px){
    .card.page-card{
      padding:16px 14px 14px;
      border-radius:14px;
    }
    .page-title{
      font-size:17px;
    }
    .page-intro{
      font-size:13px;
    }
    .page-content{
      font-size:13px;
    }
  }