/* دايركت — صفحات المحتوى (عن دايركت، الخصوصية، الشروط). أرضية مداد، بلا بيج. */

.page{padding-block:clamp(34px,5vw,64px) clamp(56px,8vw,100px)}
.page__head{margin-bottom:clamp(26px,4vw,48px)}
.page__head .label{display:block;text-align:right}
.page__head h1{margin-top:10px;font-size:clamp(30px,5.4vw,60px);line-height:1.12;letter-spacing:-.02em}
.page__head p{margin-top:14px;max-width:52ch}

.two{display:grid;grid-template-columns:1.25fr .85fr;gap:clamp(24px,4vw,56px);align-items:start}
@media (max-width:900px){.two{grid-template-columns:1fr}}

/* قيم العلامة: صفوف مرقّمة بفواصل، لا بطاقات */
.values{list-style:none;margin:22px 0 0;padding:0;border-top:1px solid var(--border)}
.values li{display:grid;grid-template-columns:44px 1fr;gap:6px 14px;padding:16px 0;border-bottom:1px solid var(--border);align-items:baseline}
.values b{font-family:var(--f-mono);font-size:12px;letter-spacing:.16em;color:var(--amber);direction:ltr}
.values h3{font-size:18px}
.values p{grid-column:2;font-size:14px;color:var(--tx-3)}

.receipt{position:sticky;top:96px;background:var(--panel-2);border:1px solid rgba(158,201,232,.22);padding:clamp(20px,3vw,30px)}
.receipt::before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:3px;background:var(--signal)}
@media (max-width:900px){.receipt{position:relative;top:0}}
.receipt__row{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding-block:11px;border-bottom:1px solid rgba(158,201,232,.14);font-size:14px}
.receipt__row dt{color:var(--ice)}
.receipt__row dd{margin:0;font-weight:600;color:var(--ivory);text-align:end}

.faq{margin-top:22px;border-top:1px solid var(--border)}
.faq details{border-bottom:1px solid var(--border)}
.faq summary{
  list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:16px;align-items:baseline;
  padding:18px 0;font-family:var(--f-display);font-weight:700;font-size:clamp(16px,2vw,19px);color:var(--ivory);
  transition:color .3s var(--ease);
}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-family:var(--f-mono);color:var(--amber);font-size:20px;transition:transform .4s var(--ease)}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq summary:hover{color:var(--amber)}
.faq details p{padding:0 0 20px;max-width:62ch;color:var(--tx-2)}