/* /fal-license — «كيف تحصل على رخصة فال» (22/10 2026). Loaded after the LP css; mobile first (375 px).
   Logical properties only (RTL). Cache: /css/* is immutable — bump V_LICENSE_CSS in make-shells.mjs on change. */
.lc main{overflow-x:clip}
.lc-narrow{max-width:760px}
.lc section{padding:40px 0}
.lc .lc-hero{padding:36px 0 20px}
.lc-hero h1{font-family:var(--font-display);font-size:clamp(30px,7.5vw,46px);line-height:1.35;margin:8px 0 14px;color:var(--doc-ink,var(--ink))}
.lc-hero .lead{font-size:17.5px;max-width:62ch}
.lc-notice{margin:14px 0 0;padding:12px 16px;max-width:62ch;border-inline-start:4px solid var(--accent);background:color-mix(in oklab,var(--accent) 7%,transparent);border-radius:8px;font-weight:600;font-size:16px;line-height:1.7}
.lc-hero-cta{margin-top:22px}
.lc-hero-cta .btn{white-space:normal;text-align:center}
.lc h2{font-size:clamp(23px,5.6vw,30px);margin:0 0 18px;color:var(--doc-ink,var(--ink))}
.lc h3{font-size:18px;margin:0 0 4px;color:var(--ink)}
.lc-sec + .lc-sec{border-top:1px solid var(--line)}

.lc-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:18px}
.lc-steps li{display:flex;gap:14px;align-items:flex-start}
.lc-steps p{margin:0;color:var(--ink-2);font-size:15.5px}
.lc-step-n{flex:0 0 36px;height:36px;border-radius:50%;background:var(--accent);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;margin-top:2px}

.lc-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.lc-list li{display:flex;gap:10px;align-items:flex-start;font-size:15.5px;color:var(--ink-2)}
.lc-list .check-circle{flex:0 0 auto;margin-top:4px}
.lc-note{margin:16px 0 0;font-size:15px;color:var(--ink-2)}
.lc-src{margin:10px 0 0;font-size:13.5px;color:var(--muted)}

.lc-rows .ab-row{flex-wrap:wrap;gap:4px 16px}
.lc-rows .ab-row b{font-weight:600}
@media (max-width:520px){
  .lc-rows .ab-row{flex-direction:column;align-items:flex-start}
  .lc-rows .ab-row b{text-align:start}
}

.lc .lc-cta-wrap{padding:28px 0}
.lc-cta{padding:26px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;border:1px solid color-mix(in oklab,var(--accent) 35%,var(--line));background:var(--accent-soft)}
.lc-cta h2{margin:4px 0 0}
.lc-cta p{margin:0;color:var(--ink-2);max-width:52ch}
.lc-cta .btn{margin-top:8px;white-space:normal;max-width:420px}
.lc-cta .jg-emblem{color:var(--accent-deep)}
.lc-fine{font-size:13.5px !important;color:var(--muted) !important}
.lc-secondary{font-size:15px;font-weight:600;margin-top:4px}

.lc-faq{display:flex;flex-direction:column;gap:10px}
.lc-faq-item{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);padding:0}
.lc-faq-item[open]{border-color:var(--accent)}
.lc-faq-item summary{cursor:pointer;list-style:none;padding:16px 18px;font-size:16px;font-weight:600;color:var(--ink);display:flex;justify-content:space-between;gap:12px;align-items:center}
.lc-faq-item summary::-webkit-details-marker{display:none}
.lc-faq-item summary::after{content:'+';flex:0 0 28px;height:28px;border-radius:50%;background:var(--bg-soft);display:inline-flex;align-items:center;justify-content:center;font-size:18px;color:var(--ink-2)}
.lc-faq-item[open] summary::after{content:'−';background:var(--accent);color:#fff}
.lc-faq-item p{margin:0;padding:0 18px 18px;font-size:15px;color:var(--ink-2)}

.lc-sources ul{margin:0;padding-inline-start:20px;font-size:14px;color:var(--ink-2);display:flex;flex-direction:column;gap:6px}
.lc-sources h2{font-size:20px}

/* nav: keep the free-exam button visible on phones (no burger on this page) */
@media (max-width:920px){
  .lc .lc-nav-cta{display:flex}
  .lc .lc-nav-cta .btn{padding:9px 12px;font-size:14px}
}
@media (min-width:921px){
  .lc section{padding:56px 0}
  .lc .lc-hero{padding:64px 0 28px}
  .lc-cta{padding:36px 40px}
}