/* =========================================================
   دوحة المداد — pages.css
   تنسيقات مخصّصة لكل صفحة
   ========================================================= */

/* ---------- الصفحة الرئيسية ---------- */
.hero{
  position:relative;
  padding:90px 0 70px;
  overflow:hidden;
  border-bottom:1px solid var(--ink-800);
}
.hero::before{
  content:"";
  position:absolute; inset:0;
  background:radial-gradient(600px 300px at 85% 0%, rgba(200,155,60,.12), transparent 60%);
  pointer-events:none;
}
.hero__eyebrow{ display:block; font-family:var(--font-accent); font-weight:600; color:#6B4226; font-size:1.15rem; letter-spacing:.02em; margin-bottom:6px; transform:translateY(-10px); }
.hero__title{ max-width:620px; font-family:var(--font-brand); font-weight:700; line-height:1.5; }
.hero__lede{ max-width:560px; font-size:1.08rem; line-height:2; }
.hero__cta{ display:flex; gap:14px; margin-top:26px; flex-wrap:wrap; }
.hero__cta .btn{ flex:1; min-width:170px; justify-content:center; }
.hero__grid{ display:block; }
.hero__copy{ width:100%; min-width:0; }
.hero__stats-grid{ margin-top:44px; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.hero__stat b{ display:block; font-family:var(--font-display); font-size:1.7rem; color:var(--gold); }
.hero__stat span{ font-size:.82rem; color:var(--paper-faint); }

.annual-goals-card{ margin-top:26px; }
.goal-row{ margin-bottom:14px; }
.goal-row:last-child{ margin-bottom:0; }
.goal-row__labels{ display:flex; justify-content:space-between; font-size:.85rem; color:var(--paper-dim); margin-bottom:5px; }
.home-personal-goals__head{ display:flex; align-items:center; justify-content:space-between; gap:14px; margin-bottom:14px; }
.home-personal-goals__head h3{ margin:2px 0 0; }
.home-personal-goals__grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.home-personal-goal{ padding:12px 13px; background:#FCF5DF; border-inline-start:3px solid #D8AE4B; border-radius:var(--radius-sm); }
.home-personal-goal b,.home-personal-goal span{ display:block; }
.home-personal-goal span{ margin-top:2px; color:var(--paper-dim); font-size:.84rem; }
.home-personal-goal__progress{ height:7px; margin-top:10px; overflow:hidden; border-radius:999px; background:#EADDB8; }
.home-personal-goal__progress i{ display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,#B98222,#D9AD47); }
.home-personal-goal small{ color:#9A762F; font-size:.7rem; }
@media (max-width:620px){ .home-personal-goals__grid{ grid-template-columns:1fr; } .home-personal-goals__head{ align-items:flex-start; } }

@media (max-width:820px){
  .hero__copy{ width:100%; }
}

.highlight-card{ display:flex; flex-direction:column; height:100%; }
.highlight-card__meta{ display:flex; gap:8px; margin-bottom:12px; }
.highlight-card__title{ margin-bottom:8px; }
.highlight-card__foot{
  margin-top:auto; padding-top:14px; display:flex; align-items:center; justify-content:space-between;
  font-size:.8rem; color:var(--paper-faint); border-top:1px solid var(--ink-700);
}

/* -- آخر المستحدثات: بطاقات ذات زاوية مطوية وشارة لونية علوية -- */
.home-update-card{
  position:relative; overflow:hidden; min-height:190px; padding:25px 22px 20px;
  border:1px solid color-mix(in srgb,var(--update-accent) 38%,#fff); border-block-start:0;
  border-radius:6px 6px 22px 22px; background:var(--update-bg); box-shadow:0 7px 18px rgba(65,70,62,.07);
}
.home-update-card::before{ content:""; position:absolute; inset-block-start:0; inset-inline:0; height:8px; background:var(--update-accent); }
.home-update-card:nth-child(4n+1){ --update-accent:#A7B89F; --update-bg:#F2F5F0; }
.home-update-card:nth-child(4n+2){ --update-accent:#D7DCD1; --update-bg:#F8FAF7; }
.home-update-card:nth-child(4n+3){ --update-accent:#DDAD97; --update-bg:#FBF1EC; }
.home-update-card:nth-child(4n+4){ --update-accent:#C4BFB9; --update-bg:#F6F4F2; }
.home-update-card:hover{ border-color:var(--update-accent); box-shadow:0 10px 24px color-mix(in srgb,var(--update-accent) 24%,transparent); }
.home-update-card .badge-pill{ background:rgba(255,255,255,.55); border-color:var(--update-accent); }

/* ---------- بطاقات إحصائية عامة (مُستخدمة في الرئيسية، الإحصائيات، بطاقة العضو) ---------- */
.stats-grid{ margin-bottom:34px; }
.stat-box{ text-align:center; padding:20px 12px; border-inline-start:3px solid var(--gold-soft); }
.stat-box__icon{ display:inline-flex; color:var(--gold); margin-bottom:6px; }
.stat-box b{ display:block; font-family:var(--font-display); font-size:1.6rem; color:var(--paper); }
.stat-box span{ font-size:.78rem; color:var(--paper-faint); }
.stats-grid .stat-box:nth-child(4n+1){ border-inline-start-color:var(--accent-olive); }
.stats-grid .stat-box:nth-child(4n+2){ border-inline-start-color:var(--accent-tan); }
.stats-grid .stat-box:nth-child(4n+3){ border-inline-start-color:var(--accent-rust); }
.stats-grid .stat-box:nth-child(4n+4){ border-inline-start-color:var(--accent-slate); }

/* -- بطاقات الإحصائيات العامة (صفحة الإحصائيات): حافة + خلفية فاتحة جداً قريبة من الأبيض -- */
.stats-grid--stats .stat-box:nth-child(5n+1){ border-inline-start-color:#7A9CB3; background:#EEF2F5; }
.stats-grid--stats .stat-box:nth-child(5n+2){ border-inline-start-color:#AD7556; background:#F8F0EA; }
.stats-grid--stats .stat-box:nth-child(5n+3){ border-inline-start-color:#D2A44E; background:#FCF6EA; }
.stats-grid--stats .stat-box:nth-child(5n+4){ border-inline-start-color:#86A06B; background:#F2F6EE; }
.stats-grid--stats .stat-box:nth-child(5n+5){ border-inline-start-color:#53443D; background:#EFEBE9; }
.stats-grid--stats .stat-box b,
.stats-grid--stats .stat-box span{ color:#4A3524; }
.stats-grid--stats .stat-box__icon{ color:#4A3524; opacity:.75; }

/* -- بطاقات إحصائيات الصفحة الرئيسية: سماوي فاتح -- */
.stat-box--sky{ border-inline-start-color:var(--sky-deep); background:var(--sky-light); }
.stat-box--sky b{ color:#496A7C; }
.stat-box--sky span{ color:#6F91A3; }
.stat-box--sky .stat-box__icon{ color:var(--sky-deep); }

/* -- بطاقات الرئيسية المصغّرة: درجة فاتحة من Winkle #97A8C5 -- */
.hero__stats-grid .stat-box--winkle{
  min-width:0; padding:14px 10px 12px; border:1px solid #D9E1EC; border-top:4px solid #97A8C5;
  border-radius:18px; background:#EDF1F7; box-shadow:0 5px 16px rgba(83,104,137,.08);
}
.stat-box--winkle .stat-box__icon{ width:30px; height:30px; display:grid; place-items:center; margin:0 auto 3px; border-radius:50%; color:#657894; background:#F7F9FC; }
.stat-box--winkle b{ color:#465A76; font-size:1.35rem; line-height:1.25; }
.stat-box--winkle span{ color:#657894; }
@media (max-width:620px){
  .hero__stats-grid{ gap:7px; margin-top:30px; }
  .hero__stats-grid .stat-box--winkle{ padding:10px 4px 9px; border-radius:14px; }
  .stat-box--winkle .stat-box__icon{ width:26px; height:26px; }
  .stat-box--winkle b{ font-size:1.12rem; }
  .stat-box--winkle span{ display:block; font-size:.66rem; line-height:1.45; }
}

/* ---------- صفحة البروفايل ---------- */
.container--narrow{ max-width:820px; }

/* -- الترويسة العلوية: بلا بطاقة خلفية، كل شيء متمركز -- */
.profile-head-v2{
  display:flex; flex-direction:column; align-items:center; text-align:center;
  padding:20px 24px 30px; margin-bottom:10px;
}
.avatar--xl{ width:104px; height:104px; font-size:2rem; margin-bottom:14px; }
.profile-head-v2__name-row{ display:flex; align-items:center; gap:9px; }
.profile-head-v2__name{ margin:0; }
.profile-head-v2__handle{ color:var(--paper-faint); font-size:.92rem; margin-top:4px; }
.profile-head-v2__progress{ width:100%; max-width:280px; margin-top:20px; }
.profile-head-v2__progress-label{ font-size:.85rem; color:var(--paper-dim); margin-bottom:6px; }
.progress--wide{ height:9px; }
.profile-head-v2 > .btn{ margin-top:20px; }

/* -- بطاقة النبذة: نص + خط فاصل + إحصائيات مصغّرة -- */
.profile-bio-card{ margin-bottom:30px; }
.profile-bio-card__head{ display:flex; align-items:center; gap:8px; font-family:var(--font-display); font-weight:700; margin-bottom:16px; }
.profile-bio-card__body{ display:flex; gap:24px; flex-wrap:wrap; align-items:flex-start; }
.profile-bio-card__text{ flex:1.2; min-width:180px; }
.profile-bio-card__text p{ margin:0 0 10px; font-size:.92rem; }
.profile-bio-card__divider{ width:1px; align-self:stretch; background:var(--ink-700); }
.profile-bio-card__stats{ flex:1; min-width:220px; display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.mini-stat{ display:flex; align-items:center; gap:8px; }
.mini-stat__icon{ color:var(--gold); flex-shrink:0; }
.mini-stat b{ display:block; font-family:var(--font-display); font-size:1.05rem; color:var(--paper); }
.mini-stat span{ font-size:.74rem; color:var(--paper-faint); }
.profile-social-pill{ display:inline-flex; align-items:center; gap:6px; color:var(--gold); }

@media (max-width:620px){
  .profile-bio-card__divider{ display:none; }
  .profile-bio-card__stats{ grid-template-columns:1fr 1fr; }
}

/* -- الأوسمة: ميداليات دائرية مزخرفة -- */
.badge-hex-row{ display:flex; gap:20px; flex-wrap:wrap; margin-bottom:34px; }
.badge-hex{ width:104px; text-align:center; cursor:pointer; }
.badge-hex__shape{
  width:82px; height:82px; margin:0 auto 10px;
  border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  background:radial-gradient(circle,#fff8e9 48%,color-mix(in srgb,var(--badge-color) 20%,#fff) 49%); color:var(--badge-color);
  position:relative;
  border:3px double var(--badge-color);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--badge-color) 28%,#fff),0 7px 15px rgba(74,53,36,.16);
}
.badge-hex.is-unlocked .badge-hex__shape{
  background:radial-gradient(circle at 35% 30%,#fffdf7,color-mix(in srgb,var(--badge-color) 24%,#fff) 70%);
  color:var(--badge-color);
}
.badge-hex__shape::before{
  content:"";
  position:absolute; inset:7px;
  border:1px dashed color-mix(in srgb,var(--badge-color) 65%,#fff);
  border-radius:50%; pointer-events:none;
}
.badge-hex__shape::after{
  content:none;
}
.badge-hex__center{ width:58px; height:58px; border-radius:50%; overflow:hidden; display:grid; place-items:center; position:relative; z-index:1; }
.badge-hex__center img{ width:100%; height:100%; object-fit:cover; }
.badge-hex.is-unlocked .badge-hex__shape{ animation:none; }
.badge-hex.is-locked{ opacity:.48; filter:grayscale(.9); }
.badge-hex__name{ font-size:.78rem; color:var(--paper-dim); }
/* -- بطاقة حماسة الكتابة -- */
.profile-streak-card{ margin-bottom:26px; }
.profile-streak-card__head{ display:flex; align-items:center; justify-content:center; gap:22px; margin-bottom:20px; width:100%; }
.profile-streak-card__stat{ text-align:center; }
.profile-streak-card__stat b{ display:block; font-family:var(--font-display); font-size:1.5rem; color:var(--ember); }
.personal-space{ margin:34px 0; padding:24px; border:1px dashed #C99B68; border-radius:var(--radius-lg); background:linear-gradient(145deg,#FBF1E2,#F6E4D5); }
.personal-space .section-head{ margin-bottom:18px; }
.personal-space__grid{ display:grid; grid-template-columns:1fr; gap:18px; }
.personal-space__panel{ margin:0; border-color:rgba(109,140,142,.22); }
.personal-space__panel--goals{ background:#EDF3F3; border-inline-start:4px solid #6D8C8E; }
.personal-space__panel--drafts{ background:#F3ECEE; border-inline-start:4px solid #845C65; }
.personal-space__panel--library{ background:#F4F1ED; border-inline-start:4px solid #C6BAAB; }
.personal-space__panel--wide{ grid-column:auto; }
.personal-space__panel-head{ display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:14px; }
.personal-space__panel-head h3{ margin:0; }
.personal-goal-chips{ display:flex; gap:7px; flex-wrap:wrap; margin-bottom:10px; }
.personal-goal-summaries{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.personal-goal-summary{ padding:10px 12px; border-inline-start:3px solid var(--sky-deep); background:var(--sky-light); border-radius:var(--radius-sm); }
.personal-goal-summary b,.personal-goal-summary span{ display:block; }
.personal-goal-summary span{ margin-top:2px; color:var(--paper-dim); font-size:.84rem; line-height:1.7; }
.private-drafts{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.private-draft{ position:relative; min-width:0; padding-top:8px; }
.private-draft__paper{ position:relative; min-height:210px; display:flex; flex-direction:column; padding:28px 15px 14px; overflow:hidden; border:1px solid #B58D96; border-radius:7px 7px 13px 13px; background:repeating-linear-gradient(to bottom,#FAF4F5 0,#FAF4F5 31px,#E8D7DB 32px); box-shadow:5px 6px 0 #845C65,0 8px 18px rgba(82,48,57,.12); }
.private-draft__paper::before{ content:""; position:absolute; inset-block:0; inset-inline-start:10px; width:2px; background:rgba(132,92,101,.25); }
.private-draft__rings{ position:absolute; z-index:2; inset-block-start:0; inset-inline:22px; display:flex; justify-content:space-around; }
.private-draft__rings i{ width:7px; height:18px; border:2px solid #845C65; border-radius:5px; background:#F3ECEE; }
.private-draft__type{ align-self:flex-start; padding:2px 8px; margin-bottom:7px; border-radius:999px; background:#E6D6DA; color:#6A434C; font-size:.7rem; }
.private-draft b{ color:#50323A; }
.private-draft p{ flex:1; margin:6px 0; color:#765A61; font-size:.82rem; line-height:1.9; white-space:pre-line; }
.private-draft small{ display:block; color:#9B7B83; }
.private-draft__actions{ display:flex; gap:5px; flex-wrap:wrap; margin-top:10px; }
.draft-reading-sheet{ min-height:250px; margin-bottom:18px; padding:20px 24px; border:1px solid #CEBEC1; border-inline-start:5px solid #845C65; border-radius:10px; background:repeating-linear-gradient(to bottom,#FBF7F8 0,#FBF7F8 35px,#E9DDDF 36px); }
.draft-reading-sheet p{ margin:0; line-height:2.25; white-space:pre-wrap; }
.private-library{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.private-book{ display:flex; justify-content:space-between; align-items:flex-start; gap:10px; padding:12px; border:1px solid var(--ink-700); border-radius:var(--radius-md); }
.private-book b,.private-book small,.private-book .rating-stars{ display:block; }
.private-book .rating-stars{ margin:4px 0; }
.private-book small{ color:var(--paper-faint); line-height:1.6; }
.private-book > div:last-child{ display:flex; gap:5px; }
.profile-section-tabs{ display:grid; grid-template-columns:1fr 1fr; border-bottom:1px solid var(--ink-700); margin:8px 0 26px; }
.profile-section-tabs button{ border:0; border-bottom:3px solid transparent; background:none; padding:13px; color:var(--paper-dim); font:inherit; font-weight:700; cursor:pointer; }
.profile-section-tabs button.is-active{ color:var(--paper); border-color:var(--gold); }
.profile-section-panel.is-hidden{ display:none; }
.personal-goal-picker{ display:grid; grid-template-columns:repeat(4,1fr); gap:8px; margin:16px 0; }
.goal-choice{ display:flex; gap:7px; align-items:center; justify-content:center; padding:11px; border:1px solid var(--ink-600); border-radius:var(--radius-md); cursor:pointer; }
.goal-choice:has(input:checked){ background:var(--olive-mid); border-color:var(--gold-soft); color:var(--paper); }
.personal-goal-fields{ padding:16px; margin-bottom:12px; border:1px solid var(--ink-700); border-radius:var(--radius-md); }
.personal-goal-fields.is-hidden{ display:none; }
.personal-goal-fields h4{ margin-bottom:13px; }
.personal-goal-fields .composer__meta{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:end; }
.personal-goal-fields .field{ width:100%; min-width:0; }
.personal-goal-fields .field input,.personal-goal-fields .field select{ width:100%; height:48px; min-height:48px; }
.goal-options-list{ display:grid; gap:8px; max-height:180px; overflow:auto; }
.goal-options-list label{ display:flex; align-items:flex-start; gap:8px; }
@media (max-width:720px){ .personal-space{ padding:15px; } .personal-space__grid,.private-library{ grid-template-columns:1fr; } .personal-goal-summaries{grid-template-columns:repeat(2,minmax(0,1fr));} .private-drafts{ grid-template-columns:repeat(2,minmax(0,1fr)); } .personal-goal-picker{ grid-template-columns:repeat(2,1fr); } .personal-goal-fields .composer__meta{ grid-template-columns:1fr; } }
@media (max-width:480px){ .personal-goal-summaries,.private-drafts{ grid-template-columns:1fr; } }
.profile-streak-card__stat span{ display:inline-flex; align-items:center; gap:4px; font-size:.74rem; color:var(--paper-faint); }

/* -- خريطة النشاط (أسابيع × أيام) -- */
.ink-heatmap2{ direction:ltr; }
.ink-heatmap2__months{ display:flex; margin-bottom:4px; }
.ink-heatmap2__months-track{ display:flex; flex:1; gap:3px; }
.ink-heatmap2__month{ flex:1; font-size:.66rem; color:var(--paper-faint); white-space:nowrap; }
.ink-heatmap2__row{ display:flex; align-items:center; gap:0; margin-bottom:3px; }
.ink-heatmap2__label{ flex:0 0 44px; font-size:.66rem; color:var(--paper-faint); text-align:left; }
.ink-heatmap2__cells{ display:flex; gap:3px; flex:1; }
.ink-heatmap2__cell{ flex:1; aspect-ratio:1; border-radius:3px; background:#E9DEBE; min-width:0; }
.ink-heatmap2__cell--empty{ background:transparent; }
.ink-heatmap2__cell[data-level="1"]{ background:#E8C77A; }
.ink-heatmap2__cell[data-level="2"]{ background:#D9A94A; }
.ink-heatmap2__cell[data-level="3"]{ background:#C1852A; }
.ink-heatmap2__cell[data-level="4"]{ background:#A06B1C; box-shadow:0 0 5px rgba(160,107,28,.5); }
.ink-heatmap2__cell.is-today{ outline:2px solid var(--ember); outline-offset:1px; }
/* ---------- صفحة الفعاليات ---------- */
.event-card{
  display:flex; flex-direction:column; height:100%; border-inline-start:4px solid var(--event-accent,var(--accent-tan));
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.event-card:hover,.event-card:focus-within{
  border-color:var(--event-accent); box-shadow:0 0 0 3px var(--event-accent),var(--shadow-1); transform:translateY(-2px);
}
/* اللون المرجعي للحافة، ودرجة فاتحة جداً منه لمساحة البطاقة */
.event-card:nth-of-type(13n+1){ --event-accent:#F3E5CE; background:#FDF9F3; }
.event-card:nth-of-type(13n+2){ --event-accent:#E9C8B6; background:#FCF3EE; }
.event-card:nth-of-type(13n+3){ --event-accent:#DFAF9F; background:#FBF0EC; }
.event-card:nth-of-type(13n+4){ --event-accent:#E7D6D1; background:#FBF6F4; }
.event-card:nth-of-type(13n+5){ --event-accent:#F6D7B4; background:#FFF7EE; }
.event-card:nth-of-type(13n+6){ --event-accent:#F2E7E2; background:#FDF9F7; }
.event-card:nth-of-type(13n+7){ --event-accent:#A9BDD1; background:#F3F7FA; }
.event-card:nth-of-type(13n+8){ --event-accent:#E5D5BC; background:#FBF8F2; }
.event-card:nth-of-type(13n+9){ --event-accent:#F2D9C7; background:#FDF6F1; }
/* Arizona، Natural، Sky، Home — الحافة باللون المرجعي والبطاقة بدرجة أفتح */
.event-card:nth-of-type(13n+10){ --event-accent:#CA8F73; background:#FAF0EB; }
.event-card:nth-of-type(13n+11){ --event-accent:#DFCFBD; background:#FBF7F2; }
.event-card:nth-of-type(13n+12){ --event-accent:#ADC7C8; background:#F2F8F8; }
.event-card:nth-of-type(13n+13){ --event-accent:#E3DDCF; background:#FAF9F5; }
.event-card h3, .event-card p, .event-card .event-card__meta{ color:#3F362C; }
.event-card__progress{ margin-top:14px; }
.event-card__meta{ display:flex; justify-content:space-between; font-size:.78rem; color:var(--paper-faint); margin-top:6px; }

.event-detail-head{ padding:32px; margin-bottom:26px; }
.event-detail-head__badges{ display:flex; gap:10px; margin-bottom:14px; flex-wrap:wrap; }
.event-detail-grid{ display:grid; grid-template-columns:2fr 1fr; gap:26px; align-items:start; }
@media (max-width:820px){ .event-detail-grid{ grid-template-columns:1fr; } }
.verify-method{ display:flex; gap:10px; align-items:flex-start; padding:14px; border-radius:var(--radius-md); border:1px solid var(--ink-700); margin-bottom:10px; }
.verify-method__icon{ font-size:1.2rem; }
.participants-list{ display:flex; flex-wrap:wrap; gap:-6px; }
.participants-list .avatar{ margin-inline-end:-10px; border:2px solid var(--ink-800); }

/* ---------- لوحة المتصدرين ---------- */
.leader-row{
  display:grid; grid-template-columns:44px 1fr auto; gap:14px; align-items:center;
  padding:14px 16px; border-radius:var(--radius-md);
  border:1px solid transparent;
}
.leader-row:nth-child(odd){ background:var(--ink-800); }
.leader-row--me{ border-color:var(--gold-soft); background:rgba(201,138,46,.08); }
.leader-row__rank{ font-family:var(--font-display); font-size:1.2rem; color:var(--paper-faint); text-align:center; }
.leader-row--me .leader-row__rank{ color:var(--gold); }
.leader-row__user{ display:flex; align-items:center; gap:12px; }
.leader-row__xp{ font-family:var(--font-display); color:var(--gold); }

/* ---------- صفحة المقالات ---------- */
.article-search-row{ display:flex; gap:12px; margin-bottom:24px; flex-wrap:wrap; }
.article-search{
  position:relative; flex:1; min-width:220px;
  background:var(--ink-800); border:1px solid var(--ink-700); border-radius:999px;
}
.article-search__icon{ position:absolute; top:50%; right:16px; transform:translateY(-50%); color:var(--paper-faint); pointer-events:none; }
.article-search input{
  width:100%; background:transparent; border:0; padding:13px 44px 13px 16px;
  color:var(--paper); font-size:.94rem;
}
.article-search input:focus{ outline:none; }
.article-search__clear{
  position:absolute; top:50%; left:14px; transform:translateY(-50%);
  background:none; border:0; color:var(--paper-faint); cursor:pointer; padding:4px;
  display:flex; align-items:center; justify-content:center;
}
.article-search__clear:hover{ color:var(--paper); }
#article-category-select{ min-width:130px; }
.article-card__tag{ margin-bottom:20px; line-height:1; }
.article-card{
  position:relative; display:flex; flex-direction:column; height:100%; overflow:visible;
  background:var(--ink-800); border:1px solid var(--ink-700); padding-top:24px;
}
.article-card > h3{ margin-bottom:12px; line-height:1.55; }
.article-card__description{ margin-top:0; }
.article-card::before{
  content:""; position:absolute; top:-1px; inset-inline-end:24px; width:26px; height:66px;
  background:var(--article-accent); clip-path:polygon(0 0,100% 0,100% 100%,50% 82%,0 100%);
  filter:drop-shadow(0 3px 2px rgba(74,53,36,.12));
}
.article-card--article{ --article-accent:#25A99A; }
.article-card--summary{ --article-accent:#F29A4A; }
.article-card--article .badge-pill{ color:#14766C; border-color:#25A99A; background:#E9F8F5; }
.article-card--summary .badge-pill{ color:#B45D17; border-color:#F29A4A; background:#FFF1E3; }
.article-card .highlight-card__foot{ margin-top:auto; }
.article-card__description{ color:#6F5847; }

/* ---------- الكتابة والقراءة ---------- */
.composer{ padding:26px; }
.composer__meta{ display:flex; gap:14px; margin-bottom:16px; flex-wrap:wrap; }
.composer__meta .field{ flex:1; min-width:160px; margin-bottom:0; }
.feed-item{ padding:20px; margin-bottom:16px; }
.feed-item__head{ display:flex; align-items:center; gap:10px; margin-bottom:10px; }
.feed-item__head-actions{ margin-inline-start:auto; display:flex; align-items:center; gap:8px; }
.feed-item__delete{
  display:inline-flex; align-items:center; gap:4px; padding:5px 8px;
  border:1px solid rgba(140,59,47,.24); border-radius:999px; background:rgba(140,59,47,.07);
  color:var(--wine); cursor:pointer; font-size:.75rem;
}
.feed-item__delete:hover{ background:rgba(140,59,47,.14); }
.feed-item__edit{
  display:inline-flex; align-items:center; gap:4px; padding:5px 8px;
  border:1px solid var(--gold-soft); border-radius:999px; background:rgba(201,138,46,.07);
  color:var(--gold-soft); cursor:pointer; font-size:.75rem;
}
.feed-item__edit:hover{ background:rgba(201,138,46,.14); }
.feed-item__name{ font-weight:700; }
.feed-item__time{ font-size:.78rem; color:var(--paper-faint); }
.feed-item__actions{ display:flex; gap:16px; margin-top:12px; font-size:.85rem; color:var(--paper-faint); }
.feed-item__actions span{ cursor:pointer; display:inline-flex; align-items:center; gap:5px; }
.feed-item__actions span:hover{ color:var(--gold); }
.feed-item__actions span.is-liked{ color:var(--ember); }
.rating-stars{ display:inline-flex; gap:1px; color:var(--gold); }
.rating-stars .star-empty{ color:var(--ink-600); }
.rating-stars .icon path{ fill:currentColor; }
.feed-item__actions .is-liked .icon path{ fill:currentColor; }

/* ---------- لوحة تحكم المالكين ---------- */
.admin-page-head{ margin-bottom:28px; }
.admin-shell{ display:grid; grid-template-columns:220px 1fr; gap:26px; }
@media (max-width:820px){ .admin-shell{ grid-template-columns:1fr; } }
.admin-nav{ display:flex; flex-direction:column; gap:4px; }
.admin-nav button{
  text-align:right; background:none; border:0; color:var(--paper-dim);
  padding:11px 14px; border-radius:var(--radius-sm); cursor:pointer; font-size:.92rem;
}
.admin-nav button.is-active{ background:var(--ink-700); color:var(--gold); }
.admin-table{ width:100%; border-collapse:collapse; }
.admin-table th,.admin-table td{
  text-align:right; padding:11px 12px; border-bottom:1px solid var(--ink-700); font-size:.9rem;
}
.admin-table th{ color:var(--paper-faint); font-weight:600; font-size:.8rem; }
.admin-content-block{ margin-bottom:30px; }
.admin-content-block:last-child{ margin-bottom:0; }
.admin-content-block h3{ margin-bottom:12px; }
.admin-content-block__head{ display:flex; align-items:center; justify-content:space-between; margin-bottom:12px; }
.admin-content-block__head h3{ margin-bottom:0; }
.admin-overview-head{ display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:22px; }
.admin-overview-head h2{ margin:2px 0 0; }
.admin-overview-stats{ margin-bottom:22px; }
.admin-metric{
  appearance:none; width:100%; text-align:right; color:var(--paper); cursor:pointer;
  border-inline-start:3px solid var(--gold-soft); transition:transform .18s ease, border-color .18s ease;
}
.admin-metric:hover{ transform:translateY(-2px); border-inline-start-color:var(--gold); }
.admin-metric span{ display:flex; color:var(--gold); margin-bottom:9px; }
.admin-metric b{ display:block; font-family:var(--font-display); font-size:1.65rem; }
.admin-metric small{ color:var(--paper-faint); font-size:.8rem; }
.admin-overview-panel{
  display:flex; align-items:center; justify-content:space-between; gap:18px;
  padding:18px; border:1px solid var(--ink-700); border-radius:var(--radius-md); background:var(--ink-800);
}
.admin-overview-panel h3{ margin-bottom:4px; }
.admin-overview-panel p{ margin:0; }
.admin-goals-head{ margin-bottom:22px; }
.admin-goals-head h2{ margin:2px 0 4px; }
.admin-goals-head p{ margin:0; }
.admin-goals-form{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin-bottom:8px; }
.admin-goals-form label{ display:flex; align-items:center; gap:7px; }
.admin-goal-chart{ margin-top:28px; display:grid; gap:20px; padding-top:22px; border-top:1px solid var(--ink-700); }
.admin-goal-row__labels{ display:flex; justify-content:space-between; gap:12px; margin-bottom:7px; }
.admin-goal-row__labels b{ color:var(--gold-soft); }
.admin-goal-row small{ display:block; margin-top:5px; color:var(--paper-faint); }
.admin-badge-list{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.admin-badge-item{ display:flex; align-items:center; gap:12px; padding:12px; border:1px solid var(--ink-700); border-radius:var(--radius-md); }
.admin-badge-item > div:nth-child(2){ flex:1; }
.admin-badge-item small{ display:block; color:var(--paper-faint); }
.admin-badge-mini,.badge-builder__preview{ border-radius:50%; display:grid; place-items:center; color:var(--badge-color); border:4px double var(--badge-color); background:color-mix(in srgb,var(--badge-color) 18%,#fff); box-shadow:0 0 0 3px color-mix(in srgb,var(--badge-color) 35%,#fff),0 0 0 5px var(--badge-color); overflow:hidden; }
.admin-badge-mini{ width:54px; height:54px; flex:0 0 54px; }
.admin-badge-mini img,.badge-builder__preview img{ width:100%; height:100%; object-fit:cover; }
.badge-builder{ display:grid; place-items:center; margin:8px 0 20px; }
.badge-builder__preview{ width:112px; height:112px; }
.badge-builder__preview > div{ width:82px; height:82px; border-radius:50%; overflow:hidden; display:grid; place-items:center; }
.badge-builder p{ margin:10px 0 0; }
.badge-color-palette{ display:grid; grid-template-columns:repeat(9,1fr); gap:8px; }
.badge-color-palette button{ width:100%; aspect-ratio:1; border-radius:8px; border:2px solid transparent; background:var(--swatch); cursor:pointer; box-shadow:inset 0 0 0 1px rgba(0,0,0,.1); }
.badge-color-palette button.is-active{ border-color:#111; transform:scale(1.08); }
.admin-settings-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
@media (max-width:560px){ .admin-settings-grid{ grid-template-columns:1fr; } }
@media (max-width:620px){
  .admin-overview-head,.admin-overview-panel{ align-items:stretch; flex-direction:column; }
  .admin-overview-head .btn,.admin-overview-panel .btn{ width:100%; justify-content:center; }
  .admin-goals-form{ grid-template-columns:1fr; }
  .admin-badge-list{ grid-template-columns:1fr; }
  .badge-color-palette{ grid-template-columns:repeat(6,1fr); }
}
.status-pill{ padding:3px 10px; border-radius:999px; font-size:.74rem; }
.status-pill--pending{ background:rgba(200,155,60,.15); color:var(--gold); }
.status-pill--approved{ background:rgba(107,143,113,.18); color:var(--sage); }
.status-pill--rejected{ background:rgba(140,59,47,.14); color:var(--wine); }

/* ---------- شريط قاعدة إخفاء الصفر (تنويه بصري خفيف) ---------- */
.zero-hint{ font-size:.74rem; color:var(--paper-faint); margin-top:-14px; margin-bottom:24px; }
.recent-activity-card{ position:relative; overflow:hidden; }
.recent-activity-card__media{
  width:calc(100% + 40px); margin:-20px -20px 14px; aspect-ratio:16/10;
  display:flex; align-items:center; justify-content:center; overflow:hidden; background:#F4EAD8;
}
.recent-activity-card__thumb{
  width:100%; height:100%; max-width:none; object-fit:cover; object-position:center; display:block;
}

/* ---------- التعليقات ---------- */
.comments-list{ max-height:44vh; overflow-y:auto; padding-inline-end:4px; }
.comment-row{ display:flex; gap:10px; padding:10px 0; }
.comment-row__body{ flex:1; }
.comment-row__head{ display:flex; align-items:baseline; gap:8px; margin-bottom:2px; }
.comment-row__head b{ font-size:.9rem; }
.comment-row__head span{ font-size:.72rem; color:var(--paper-faint); }
.comment-row p{ margin:0 0 4px; font-size:.9rem; color:var(--paper); }
.comment-row__reply{ background:none; border:0; color:var(--gold-soft); font-size:.76rem; cursor:pointer; padding:0; display:inline-flex; align-items:center; gap:4px; }
.comment-row__reply:hover{ color:var(--gold); }
.comment-row__reply.is-liked{ color:var(--ember); }
.comment-inline-editor{ display:grid; gap:8px; margin:5px 0; }
.comment-inline-editor textarea{ width:100%; min-height:72px; padding:9px; border:1px solid var(--ink-600); border-radius:var(--radius-sm); background:var(--ink-900); color:var(--paper); font:inherit; resize:vertical; }
.comment-inline-editor > div{ display:flex; gap:7px; justify-content:flex-end; }
.comment-row__actions{ display:flex; gap:14px; }
.comment-row__replyto{ display:flex; align-items:center; gap:4px; font-size:.74rem; color:var(--gold-soft); margin-bottom:3px; }
.comment-mention{ color:var(--gold); font-weight:700; }
.comment-thread{ border-bottom:1px solid var(--ink-700); padding-bottom:8px; }
.comment-thread:last-child{ border-bottom:0; }
.comment-row__replies{
  margin:2px 42px 0 0; padding-inline-start:14px;
  border-inline-start:2px solid var(--ink-600);
}
.comment-row__replies .comment-row{ padding:9px 0; }
.comment-row--reply{ background:rgba(255,255,255,.28); border-radius:var(--radius-sm); padding-inline:9px !important; margin-bottom:5px; }
.comment-row__replyto{ border:0; }
.comment-mention{ direction:ltr; unicode-bidi:isolate; }
.reply-context-bar{
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  padding:8px 10px; border-radius:var(--radius-sm); background:var(--ink-800); color:var(--gold);
}
.reply-context-bar button{ border:0; background:none; color:var(--paper-faint); cursor:pointer; }
@media (max-width:620px){ .comment-row__replies{ margin-inline-start:24px; margin-inline-end:20px; } }

/* ---------- رفع الصور ---------- */
.image-upload{
  display:flex; align-items:center; justify-content:center; gap:10px;
  border:1.5px dashed var(--ink-600); border-radius:var(--radius-md);
  min-height:150px; padding:30px; cursor:pointer; color:var(--paper-faint); font-size:.92rem;
  transition:border-color .15s;
}
.image-upload:hover{ border-color:var(--gold-soft); color:var(--paper); }
.image-upload__thumb{ width:44px; height:44px; object-fit:contain; border-radius:var(--radius-sm); background:var(--ink-900); }
.feed-item__image{ display:block; max-width:100%; max-height:320px; width:auto; margin:0 auto; border-radius:var(--radius-md); background:var(--ink-900); }

/* ---------- عارض الصور المتعدد (Carousel) ---------- */
.feed-carousel{ position:relative; margin-bottom:12px; overflow:hidden; border-radius:var(--radius-md); }
.feed-carousel--small{ width:min(100%, 420px); margin-inline:auto; }
.feed-carousel--medium{ width:min(100%, 720px); margin-inline:auto; }
.feed-carousel--full{ width:100%; }
.feed-carousel__track{ display:flex; transition:transform .3s ease; }
.feed-carousel__slide{ flex:0 0 100%; display:flex; justify-content:center; }
.feed-carousel__slide .feed-item__image{ margin:0; border-radius:0; max-height:320px; }
.feed-carousel__nav{
  position:absolute; top:50%; transform:translateY(-50%);
  width:30px; height:30px; border-radius:50%; border:0; cursor:pointer;
  background:rgba(74,53,36,.55); color:#fff; display:flex; align-items:center; justify-content:center;
}
.feed-carousel__nav--prev{ right:8px; }
.feed-carousel__nav--next{ left:8px; }
.feed-carousel__dots{ position:absolute; bottom:8px; left:0; right:0; display:flex; justify-content:center; gap:5px; }
.feed-carousel__dot{ width:6px; height:6px; border-radius:50%; background:rgba(255,255,255,.6); cursor:pointer; }
.feed-carousel__dot.is-active{ background:#fff; width:16px; border-radius:4px; transition:width .2s; }

/* ---------- شريط معاينة الصور المتعددة داخل نموذج النشر ---------- */
.multi-image-strip{ display:flex; gap:8px; flex-wrap:wrap; margin-top:10px; }
.multi-image-strip__item{ position:relative; width:56px; height:56px; border-radius:var(--radius-sm); overflow:hidden; background:var(--ink-900); }
.multi-image-strip__item img{ width:100%; height:100%; object-fit:cover; }
.multi-image-strip__remove{
  position:absolute; top:1px; left:1px; width:16px; height:16px; border-radius:50%;
  background:rgba(0,0,0,.6); color:#fff; border:0; display:flex; align-items:center; justify-content:center; cursor:pointer;
  font-size:10px; line-height:1;
}

/* ---------- زر النشر العائم (FAB) ---------- */
.fab-btn{
  position:fixed; bottom:26px; left:26px; z-index:400;
  width:56px; height:56px; border-radius:50%;
  background:var(--gold); color:#fff; border:0; cursor:pointer;
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 8px 22px rgba(201,138,46,.4);
  transition:transform .15s ease;
}
.fab-btn:hover{ transform:scale(1.06); }

.is-clickable{ cursor:pointer; }
.participant-link:hover{ opacity:.8; }
.legend-dot{ display:inline-block; width:9px; height:9px; border-radius:50%; margin-inline-end:5px; }
.mini-chart{ display:block; }

/* Goal date fields: keep Safari/iOS from expanding the native date control */
.personal-goal-fields input[type="date"]{box-sizing:border-box;width:100%;min-width:0;max-width:100%;height:48px;min-height:48px;padding-inline:12px;}
.personal-goal-fields input[type="date"]::-webkit-date-and-time-value{text-align:start;min-width:0;}
.personal-goal-fields input[type="date"]::-webkit-calendar-picker-indicator{margin:0;padding:2px;}
.article-read-confirm{margin-top:22px;padding-top:16px;border-top:1px solid var(--ink-700);}
.article-read-confirm .field-hint{display:block;margin-top:7px;text-align:center;}

.detail-back-link{font-size:.85rem;display:inline-flex;align-items:center;gap:6px}
.review-view-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px;direction:rtl}
.review-view-top .highlight-card__meta{margin:0!important;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.review-view-rating{display:flex;align-items:center;justify-content:flex-start;margin:2px 0 0;color:var(--gold);font-size:.9rem;direction:ltr;flex:0 0 auto}
.review-view-rating .rating-stars{display:inline-flex;gap:2px}
@media(max-width:520px){.review-view-top{gap:8px}.review-view-rating{font-size:.82rem}}
.article-view>.highlight-card__meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}

.article-view{position:relative}
.review-view-rating{
  position:absolute!important;
  top:28px!important;
  left:28px!important;
  right:auto!important;
  margin:0!important;
  direction:ltr;
  z-index:3;
}
.review-view-rating>span:first-child{display:none}
@media(max-width:640px){.review-view-rating{top:22px!important;left:20px!important}}

.review-view-rating,.review-rating-top-left{
  font-family:Arial,sans-serif;
  font-weight:700;
  letter-spacing:2px;
  color:#C98B28;
}

/* Fixed-size personal-space previews: details open on click */
.personal-goal-summary{height:128px;min-height:128px;max-height:128px;overflow:hidden;cursor:pointer}
.personal-goal-summary span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.private-draft{height:248px;min-height:248px;max-height:248px;cursor:pointer}
.private-draft__paper{height:232px;min-height:232px;max-height:232px}
.private-draft p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;white-space:normal}
.private-book{height:172px;min-height:172px;max-height:172px;overflow:hidden;cursor:pointer}
.private-book>div:first-child{min-width:0;overflow:hidden}
.private-book small{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.personal-goal-summary:focus-visible,.private-draft:focus-visible,.private-book:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:720px){
 .personal-goal-summary{height:120px;min-height:120px;max-height:120px}
 .private-draft{height:238px;min-height:238px;max-height:238px}
 .private-draft__paper{height:222px;min-height:222px;max-height:222px}
 .private-book{height:164px;min-height:164px;max-height:164px}
}

.profile-level-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;width:min(350px,90vw);margin:6px auto 4px;font-size:.86rem;color:var(--text)}
.profile-level-meta strong{font-size:.95rem}
.profile-level-next{text-align:center;font-size:.76rem;color:var(--text-muted);margin:0 auto 7px}

/* Level badge attached to avatar */
.profile-avatar-level-wrap{position:relative;display:inline-block;margin-bottom:14px}
.profile-avatar-level-wrap .avatar--xl{margin-bottom:0}
.profile-level-badge{position:absolute;left:-5px;bottom:5px;min-width:34px;height:34px;padding:0 7px;border-radius:999px;background:var(--paper);border:2px solid var(--gold);color:var(--gold-deep);display:flex;align-items:center;justify-content:center;gap:3px;font-size:.72rem;font-weight:800;box-shadow:0 3px 10px rgba(91,59,37,.12);z-index:3}
.profile-level-badge svg{flex:0 0 auto}
/* Refine avatar level badge: clearer number, lighter border */
.profile-level-badge{
  min-width:36px;
  height:36px;
  padding:0 7px;
  border-width:1px;
  font-size:1rem;
  font-weight:800;
  line-height:1;
  gap:2px;
  box-shadow:0 2px 7px rgba(91,59,37,.10);
}
.profile-level-badge svg{width:13px;height:13px;stroke-width:1.4}

/* ===== الرئيسية الجديدة 2026 ===== */
.home-hero{padding-bottom:54px}
.home-platform-stats{padding-top:28px;padding-bottom:52px}
.home-platform-stats .hero__stats-grid{margin-top:0;grid-template-columns:repeat(4,minmax(0,1fr))}
.home-about{padding-top:34px;padding-bottom:54px}
.home-about__panel{max-width:900px;margin:auto;padding:44px 48px;border-radius:28px;border:1px solid #E7D5B3;background:linear-gradient(135deg,#FBF4E6,#F7EBDD);box-shadow:0 12px 34px rgba(98,66,39,.06)}
.home-about__panel h2{max-width:700px;margin:7px 0 10px}.home-about__panel p{max-width:760px;line-height:2;color:var(--paper-dim)}
.home-journey{padding-top:56px;padding-bottom:58px;background:linear-gradient(180deg,transparent,rgba(151,168,197,.055),transparent)}
.journey-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;position:relative}.journey-track:before{content:"";position:absolute;top:32px;right:7%;left:7%;height:1px;background:#D9BD83;z-index:0}
.journey-card{position:relative;z-index:1;min-height:225px;padding:24px 20px;border-radius:22px;background:#FBF6EA;border:1px solid #E6D3AE;transition:transform .35s ease,box-shadow .35s ease}.journey-card:hover{transform:translateY(-5px);box-shadow:0 12px 30px rgba(92,63,40,.1)}
.journey-card__step{position:absolute;top:18px;left:18px;width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#D39A34;color:white;font-weight:700}.journey-card__icon{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#F3E5C6;color:#9B6A24;margin-bottom:24px}.journey-card small{color:#B07A29}.journey-card h3{font-size:1.08rem;margin:5px 0 8px}.journey-card p{font-size:.85rem;line-height:1.85;color:var(--paper-dim)}
.journey-edit{margin-top:14px}.journey-welcome{display:flex;align-items:center;gap:20px;padding:28px;border-radius:24px;background:#F8F1E4}.journey-welcome__mark{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#F0D9AA;color:#99661E;flex:0 0 auto}.journey-welcome h3{margin:0 0 5px}.journey-welcome p{margin:0;color:var(--paper-dim);line-height:1.8}.journey-welcome .btn{margin-inline-start:auto;white-space:nowrap}
.home-goals-section{padding-top:48px;padding-bottom:58px}.home-goals-section .annual-goals-card{margin-top:0}.home-now{padding-top:60px}.home-now__group{margin-top:42px}.section-head--compact{margin-bottom:16px}.section-head--compact h3{margin:0}
.reveal-on-scroll{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}.reveal-on-scroll.is-visible{opacity:1;transform:none}
.journey-survey-modal{max-width:760px}.journey-survey-group{margin-top:22px}.journey-survey-group>b{display:block;margin-bottom:10px}.choice-chips{display:flex;flex-wrap:wrap;gap:8px}.choice-chips label input{position:absolute;opacity:0;pointer-events:none}.choice-chips label span{display:block;padding:9px 15px;border:1px solid #DEC69A;border-radius:999px;cursor:pointer;background:#FFF9EE;transition:.2s}.choice-chips label input:checked+span{background:#EED8A9;border-color:#B9852C;color:#6B4920}.btn-block{width:100%;margin-top:28px}
@media(max-width:820px){.home-platform-stats .hero__stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.journey-track{grid-template-columns:repeat(2,minmax(0,1fr))}.journey-track:before{display:none}.journey-welcome{align-items:flex-start;flex-wrap:wrap}.journey-welcome .btn{margin-inline-start:0}.home-about__panel{padding:30px 25px}}
@media(max-width:520px){.journey-track{grid-template-columns:1fr}.home-platform-stats .hero__stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-about__panel{border-radius:20px}.home-journey,.home-goals-section,.home-now{padding-top:42px}.reveal-on-scroll{transform:translateY(20px)}}
@media(prefers-reduced-motion:reduce){.reveal-on-scroll{opacity:1!important;transform:none!important;transition:none!important}.journey-card{transition:none!important}}

/* Journey details + About story */
.journey-summary{display:flex;justify-content:flex-start;margin:0 0 18px}.journey-summary__open{border:1px solid #e4cfa8;background:#fbf4e7;border-radius:18px;padding:12px 16px;display:grid;grid-template-columns:auto auto;gap:2px 9px;align-items:center;text-align:right;color:var(--paper-ink);cursor:pointer}.journey-summary__open span{grid-row:1/3}.journey-summary__open small{grid-column:2;color:var(--paper-dim)}
.journey-card__tag{display:inline-block;margin-top:10px;padding:4px 9px;border-radius:999px;background:#f2e4c8;color:#9b6a24;font-size:.72rem}.journey-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.journey-details-modal,.about-story-modal{max-width:850px;max-height:88vh;overflow:auto}.journey-detail-lede{line-height:1.9;color:var(--paper-dim)}.journey-profile{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}.journey-profile>div{padding:15px;border:1px solid #ead8b8;border-radius:16px;background:#fbf5e9}.journey-profile small{display:block;color:#b07a29;margin-bottom:6px}.journey-detail-title{margin:24px 0 12px}.journey-detail-list{display:grid;gap:9px}.journey-detail-item{display:grid;grid-template-columns:34px 1fr;gap:12px;padding:14px;border:1px solid #ead8b8;border-radius:15px;background:#fffaf1;color:inherit;text-decoration:none}.journey-detail-item>span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#d39a34;color:#fff}.journey-detail-item small{display:block;color:#b07a29}.journey-detail-item b{display:block;margin:3px 0}.journey-detail-item p{margin:0;color:var(--paper-dim);font-size:.84rem}.journey-demo-note{margin-top:18px;padding:12px 14px;border-radius:13px;background:#f4ead7;color:var(--paper-dim);font-size:.82rem}.about-story{display:grid;gap:10px}.about-story p{line-height:2;color:var(--paper-dim);margin:0}.about-story h3{margin:12px 0 0}
@media(max-width:650px){.journey-profile{grid-template-columns:1fr}.journey-summary__open{width:100%}}

/* Journey: winding vertical path with scroll-reveal cards */
.journey-winding-path{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  gap:clamp(70px,10vw,135px)!important;
  padding:55px 5% 75px!important;
  max-width:1050px;
  margin:0 auto;
}
.journey-winding-path::before{
  content:"";
  position:absolute;
  inset:10px 12% 20px;
  pointer-events:none;
  z-index:0;
  background:
    radial-gradient(ellipse at 75% 5%, transparent 0 47%, rgba(201,139,40,.34) 48% 48.5%, transparent 49%),
    radial-gradient(ellipse at 27% 33%, transparent 0 47%, rgba(201,139,40,.34) 48% 48.5%, transparent 49%),
    radial-gradient(ellipse at 74% 66%, transparent 0 47%, rgba(201,139,40,.34) 48% 48.5%, transparent 49%),
    radial-gradient(ellipse at 28% 96%, transparent 0 47%, rgba(201,139,40,.34) 48% 48.5%, transparent 49%);
  opacity:.85;
}
.journey-winding-path .journey-path-card{
  position:relative;
  z-index:1;
  width:min(390px,76%);
  min-height:220px;
  opacity:0;
  transform:translateY(48px) scale(.97);
  transition:opacity .7s ease,transform .7s cubic-bezier(.2,.75,.25,1);
}
.journey-winding-path .journey-path-card:nth-child(odd){align-self:flex-end}
.journey-winding-path .journey-path-card:nth-child(even){align-self:flex-start}
.journey-winding-path .journey-path-card.is-visible{
  opacity:1;
  transform:translateY(0) scale(1);
}
@media(max-width:700px){
  .journey-winding-path{gap:64px;padding-inline:4%}
  .journey-winding-path .journey-path-card{width:82%}
  .journey-winding-path::before{inset-inline:5%}
}
@media(prefers-reduced-motion:reduce){
  .journey-winding-path .journey-path-card{opacity:1!important;transform:none!important;transition:none!important}
}

/* FIX: actual journey markup — winding vertical route */
.home-journey .journey-track.journey-winding-path{
  display:flex!important;
  grid-template-columns:none!important;
  flex-direction:column!important;
  gap:clamp(82px,11vw,145px)!important;
  position:relative!important;
  padding:70px 7% 90px!important;
}
.home-journey .journey-track.journey-winding-path::before{
  top:25px!important;
  right:14%!important;
  left:14%!important;
  bottom:25px!important;
  height:auto!important;
  background:none!important;
  border:0!important;
  z-index:0!important;
  opacity:1!important;
  /* a single soft S-like route made from layered curved strokes */
  background-image:
    radial-gradient(ellipse 58% 24% at 72% 14%, transparent 68%, rgba(195,137,47,.42) 69%, rgba(195,137,47,.42) 69.8%, transparent 70.8%),
    radial-gradient(ellipse 58% 24% at 28% 39%, transparent 68%, rgba(195,137,47,.42) 69%, rgba(195,137,47,.42) 69.8%, transparent 70.8%),
    radial-gradient(ellipse 58% 24% at 72% 64%, transparent 68%, rgba(195,137,47,.42) 69%, rgba(195,137,47,.42) 69.8%, transparent 70.8%),
    radial-gradient(ellipse 58% 24% at 28% 89%, transparent 68%, rgba(195,137,47,.42) 69%, rgba(195,137,47,.42) 69.8%, transparent 70.8%)!important;
}
.home-journey .journey-winding-path > .journey-path-card{
  display:block!important;
  width:min(410px,72%)!important;
  min-height:220px!important;
  margin:0!important;
  position:relative!important;
  z-index:2!important;
}
.home-journey .journey-winding-path > .journey-path-card:nth-child(odd){
  align-self:flex-end!important;
}
.home-journey .journey-winding-path > .journey-path-card:nth-child(even){
  align-self:flex-start!important;
}
@media(max-width:700px){
  .home-journey .journey-track.journey-winding-path{padding-inline:3%!important;gap:72px!important}
  .home-journey .journey-winding-path > .journey-path-card{width:84%!important}
}

/* FINAL journey: stepped path matching the supplied sketch */
.home-journey .journey-track.journey-step-route{display:block!important;position:relative!important;min-height:980px!important;max-width:1120px!important;margin:20px auto 35px!important;padding:0!important}
.journey-step-route__line{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:0;pointer-events:none}
.journey-step-route__line path{fill:none;stroke:rgba(185,126,39,.42);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.home-journey .journey-step-card{position:absolute!important;z-index:2!important;width:min(350px,34%)!important;min-height:205px!important;margin:0!important}
.home-journey .journey-step-card--1{right:2%;top:40px}.home-journey .journey-step-card--2{right:37%;top:300px}.home-journey .journey-step-card--3{left:2%;top:565px}.home-journey .journey-step-card--4{left:16%;top:795px}
.home-rich-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.home-members-preview{padding-block:45px}.home-member-cloud{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.home-member-chip{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid rgba(190,142,68,.22);border-radius:18px;background:rgba(255,252,243,.62);color:inherit;text-decoration:none;min-height:76px}
.home-member-chip__avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:rgba(205,139,35,.14);color:var(--gold);font-weight:700;flex:0 0 auto}
.home-member-chip span:last-child{display:flex;flex-direction:column;gap:3px;min-width:0}.home-member-chip small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-muted)}
@media(max-width:760px){.home-journey .journey-track.journey-step-route{min-height:1120px!important}.home-journey .journey-step-card{width:72%!important}.home-journey .journey-step-card--1{right:3%;top:35px}.home-journey .journey-step-card--2{left:3%;right:auto;top:300px}.home-journey .journey-step-card--3{right:3%;left:auto;top:570px}.home-journey .journey-step-card--4{left:3%;top:840px}.journey-step-route__line path{stroke-width:2}.home-rich-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.home-member-cloud{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.home-rich-grid,.home-member-cloud{grid-template-columns:1fr!important}}

/* Journey precision pass: compact staircase, every card centered exactly on a turn. */
.home-journey .journey-track.journey-step-route{min-height:700px!important;max-width:980px!important;margin:10px auto 25px!important}
.home-journey .journey-step-card{width:280px!important;min-height:170px!important;transform:translate(-50%,-50%)!important}
.home-journey .journey-step-card--1{left:85%!important;right:auto!important;top:150px!important}
.home-journey .journey-step-card--2{left:65%!important;right:auto!important;top:310px!important}
.home-journey .journey-step-card--3{left:41%!important;right:auto!important;top:470px!important}
.home-journey .journey-step-card--4{left:18%!important;right:auto!important;top:610px!important}
.journey-step-route__line path{stroke-width:2!important}
@media(max-width:760px){
 .home-journey .journey-track.journey-step-route{min-height:780px!important;max-width:100%!important}
 .home-journey .journey-step-card{width:250px!important;min-height:160px!important}
 .home-journey .journey-step-card--1{left:78%!important;top:130px!important}
 .home-journey .journey-step-card--2{left:61%!important;top:310px!important}
 .home-journey .journey-step-card--3{left:39%!important;top:490px!important}
 .home-journey .journey-step-card--4{left:22%!important;top:670px!important}
}