.ab-page{--fs-h1:clamp(24px,3vw + 12px,36px);--fs-h2:clamp(18px,2vw + 10px,24px);--fs-subtitle:clamp(13px,1.2vw + 8px,16px);--fs-card-title:clamp(17px,1.8vw + 10px,22px);--fs-card-text:clamp(14px,1vw + 10px,16px);--fs-badge:clamp(12px,0.8vw + 8px,14px);--fs-num:clamp(15px,1.2vw + 8px,18px);--sp-card:clamp(18px,2.4vw,26px);--gap-item:clamp(20px,2.6vw,32px);--gap-section:clamp(28px,3.5vw,44px);--gap-body:clamp(12px,1.4vw,16px);--gap-paragraph:clamp(14px,1.6vw,18px);--radius-card:clamp(16px,2vw,22px);--radius-media:clamp(14px,1.8vw,20px);--line-color:var(--border,#e5e7eb);--marker-size:clamp(42px,4.4vw,56px);direction:rtl;background:var(--surface-bg);min-height:100vh;padding-bottom:60px;transition:background .3s ease,color .3s ease}.ab-page,.ab-page p{font-family:IranianSans-Regular,sans-serif;color:var(--text)}.ab-page p{line-height:1.9}.ab-hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:clamp(24px,4vw,48px) 20px clamp(28px,4vw,56px);margin-bottom:clamp(24px,3vw,40px);position:relative}.ab-hero:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:clamp(60px,10vw,100px);height:4px;background:linear-gradient(90deg,var(--primary),var(--primary-3));border-radius:4px}.ab-hero__icon{width:clamp(56px,6vw,72px);height:clamp(56px,6vw,72px);display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-3));color:var(--on-primary);box-shadow:0 12px 32px rgba(79,70,229,.25);margin-bottom:4px}.ab-hero__title{font-size:var(--fs-h1);font-weight:800;color:var(--text-strong);margin:0;letter-spacing:-.5px;line-height:1.3}.ab-hero__subtitle{font-size:var(--fs-subtitle);color:var(--text-muted);margin:0;line-height:1.7;max-width:480px}.ab-list{position:relative;display:flex;flex-direction:column;gap:var(--gap-section);max-width:1240px;margin:0 auto;padding-right:calc(var(--marker-size) / 2 + 8px)}.ab-list:before{content:"";position:absolute;top:calc(var(--marker-size) / 2);bottom:calc(var(--marker-size) / 2);right:calc(var(--marker-size) / 2 + 8px);transform:translateX(50%);width:2px;background:linear-gradient(180deg,transparent 0,var(--line-color) 6%,var(--line-color) 94%,transparent 100%);opacity:.7;pointer-events:none}.ab-section{position:relative;display:flex;align-items:flex-start;gap:clamp(12px,2vw,20px)}.ab-section__marker{position:absolute;right:calc(-1 * (var(--marker-size) / 2 + 8px));top:0;width:var(--marker-size);height:var(--marker-size);z-index:2}.ab-section__marker,.ab-section__num{display:flex;align-items:center;justify-content:center}.ab-section__num{width:100%;height:100%;border-radius:50%;background:var(--surface-1);border:3px solid var(--primary);color:var(--primary);font-size:var(--fs-num);font-weight:800;font-family:IranianSans-Regular,sans-serif;box-shadow:0 4px 12px rgba(79,70,229,.15);transition:all .3s ease}.ab-section:hover .ab-section__num{background:var(--primary);color:var(--on-primary);transform:scale(1.1);box-shadow:0 8px 20px rgba(79,70,229,.35)}.ab-section__card{flex:1;display:flex;flex-direction:column;gap:clamp(16px,2vw,24px);background:var(--surface-1);border-radius:var(--radius-card);padding:var(--sp-card);box-shadow:0 2px 16px rgba(0,0,0,.05);border:1px solid var(--border-soft);transition:box-shadow .3s ease,transform .25s ease,border-color .3s ease,background .3s ease;position:relative;overflow:hidden}.ab-section__card:before{content:"";position:absolute;top:0;right:0;width:4px;height:100%;background:linear-gradient(180deg,var(--primary),var(--primary-3));opacity:0;transition:opacity .3s ease}@media (hover:hover){.ab-section:hover .ab-section__card{box-shadow:0 12px 36px rgba(0,0,0,.1);transform:translateY(-3px)}.ab-section:hover .ab-section__card:before{opacity:1}}.ab-section__header{display:flex;flex-direction:column;gap:var(--gap-body)}@media (min-width:768px){.ab-section--with-image .ab-section__card{display:grid;grid-template-columns:300px 1fr;gap:clamp(20px,2.4vw,28px);align-items:start}.ab-section--with-image .ab-section__media{grid-column:1;grid-row:1/-1;width:100%;aspect-ratio:4/5;position:sticky;top:20px}.ab-section--with-image .ab-section__content{grid-column:2;display:flex;flex-direction:column;gap:clamp(16px,2vw,22px)}}.ab-section--no-image .ab-section__card{display:flex;flex-direction:column}.ab-section__title{font-size:var(--fs-card-title);font-weight:800;color:var(--text-strong);margin:0;line-height:1.6;letter-spacing:-.3px;padding-bottom:14px;border-bottom:1px dashed var(--border);position:relative}.ab-section__title:before{content:"";position:absolute;bottom:-1px;right:0;width:56px;height:2px;background:linear-gradient(90deg,var(--primary),var(--primary-3));border-radius:2px}.ab-section__media{width:100%;border-radius:var(--radius-media);overflow:hidden;background:var(--surface-2);box-shadow:0 6px 20px rgba(0,0,0,.08);aspect-ratio:16/9;flex-shrink:0}.ab-section__media img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .5s ease}@media (hover:hover){.ab-section:hover .ab-section__media img{transform:scale(1.03)}}.ab-section__content{display:flex;flex-direction:column;gap:var(--gap-paragraph);min-width:0}.ab-paragraph{font-size:var(--fs-card-text);line-height:2.1;color:var(--text);margin:0;text-align:justify;text-justify:inter-word;word-break:break-word;overflow-wrap:break-word;white-space:pre-wrap;transition:color .3s ease}.ab-paragraph--continuation{position:relative;padding-top:var(--gap-paragraph);border-top:1px dotted var(--border)}.ab-paragraph--continuation:before{content:"";position:absolute;top:-3px;right:0;width:24px;height:5px;background:var(--surface-accent);border-radius:3px}.ab-paragraph__media{margin-top:12px;border-radius:var(--radius-media);overflow:hidden;background:var(--surface-2);aspect-ratio:16/9;box-shadow:0 4px 14px rgba(0,0,0,.06)}.ab-paragraph__media img{width:100%;height:100%;object-fit:cover;display:block}.ab-section--image-only .ab-section__card{padding:0;border:none;background:transparent;box-shadow:none}.ab-section--image-only .ab-section__media{aspect-ratio:21/9;box-shadow:0 8px 28px rgba(0,0,0,.1)}.ab-section--image-only .ab-section__card:before{display:none}@media (hover:hover){.ab-section--image-only:hover .ab-section__card{transform:translateY(-3px);box-shadow:none}.ab-section--image-only:hover .ab-section__media{box-shadow:0 16px 40px rgba(0,0,0,.15)}}@media (max-width:768px){.ab-page{padding-bottom:40px}.ab-list{padding-right:calc(var(--marker-size) / 2 + 4px)}.ab-section__media{aspect-ratio:4/3}.ab-section--with-image .ab-section__card{display:flex;flex-direction:column}.ab-section--with-image .ab-section__media{position:static;aspect-ratio:16/9}}@media (max-width:480px){.ab-list{padding-right:0;gap:24px}.ab-list:before{display:none}.ab-section{flex-direction:column;gap:12px}.ab-section__marker{position:static;align-self:flex-start;width:clamp(36px,10vw,44px);height:clamp(36px,10vw,44px)}.ab-section__card{padding:16px}.ab-section__media{aspect-ratio:1/1}.ab-section__title{font-size:clamp(15px,2vw + 8px,18px);padding-bottom:10px}.ab-section__title:before{width:36px}.ab-paragraph{font-size:clamp(13px,1vw + 8px,14.5px);line-height:2}.ab-paragraph--continuation{padding-top:14px}.ab-paragraph--continuation:before{width:18px;height:4px}}@media (prefers-color-scheme:dark){.ab-section__card{border-color:var(--border-soft,rgba(255,255,255,.08))}.ab-section__media{background:var(--surface-2,#1f2937)}.ab-section__num{background:var(--surface-1,#1f2937)}}@media (prefers-reduced-motion:reduce){.ab-section__card,.ab-section__media,.ab-section__media img,.ab-section__num{transition:none}.ab-section:hover .ab-section__card,.ab-section:hover .ab-section__media img,.ab-section:hover .ab-section__num{transform:none}}