.sp-crumb{padding-block:var(--s-4) var(--s-3)}
.sp-crumb ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.35rem .6rem;
  font-size:14px;color:var(--fg-2)}
.sp-crumb li + li::before{content:"›";margin-inline-end:.6rem;color:var(--slate)}
html[dir="rtl"] .sp-crumb li + li::before{content:"‹"}
.sp-crumb a{color:var(--teal);text-decoration:none;min-block-size:24px;display:inline-block}
.sp-crumb a:hover{text-decoration:underline}
.sp-crumb [aria-current]{color:var(--ink);font-weight:600}

.sp-hero{background:var(--petrol);color:var(--white)}
.sp-hero-in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:var(--s-7);
  align-items:center;padding-block:var(--s-7)}
.sp-hero--solo .sp-hero-in{grid-template-columns:minmax(0,1fr)}
.sp-hero h1{margin:0 0 var(--s-4);font-size:clamp(34px,4.6vw,60px);line-height:1.06;font-weight:700;
  text-wrap:balance}
html[lang="ar"] .sp-hero h1{line-height:1.3}
.sp-lead{margin:0 0 var(--s-5);max-inline-size:34ch;font-size:clamp(22px,2.4vw,32px);line-height:1.25;font-weight:600}
.sp-lead--sm{max-inline-size:56ch;font-size:clamp(16px,1.4vw,19px);line-height:1.6;font-weight:400}
html[lang="ar"] .sp-lead{line-height:1.6}
html[lang="ar"] .sp-lead--sm{line-height:1.9}
.sp-shot{margin:0;aspect-ratio:4/3;overflow:hidden;border-radius:3px;background:var(--ink)}
.sp-shot picture,.sp-shot img,.sp-film video,.sp-film picture,.sp-film img{display:block;inline-size:100%;
  block-size:100%;object-fit:cover}
.sp-film{aspect-ratio:16/9;border-radius:3px;overflow:hidden;background:var(--ink)}

.sp-sec{padding-block:var(--band)}
.sp-sunk{background:var(--bg-sunk)}
.sp-prose{display:grid;gap:var(--s-4);justify-items:start}
.sp-prose p{margin:0;max-inline-size:62ch;font-size:clamp(17px,1.5vw,20px);line-height:1.65;color:var(--ink)}
html[lang="ar"] .sp-prose p{line-height:1.95}
.sp-more{display:inline-flex;align-items:center;gap:.4rem;min-block-size:44px;color:var(--teal);
  font-weight:600;text-decoration:none}
.sp-more:hover{text-decoration:underline}

.sp-ledger{list-style:none;margin:var(--s-6) 0 0;padding:0;border-block-start:1px solid var(--rule)}
.sp-row{display:grid;grid-template-columns:3rem minmax(0,2fr) minmax(0,3fr);gap:var(--s-4);align-items:start;
  padding-block:var(--s-4);border-block-end:1px solid var(--rule)}
.sp-n{font-size:13px;font-weight:700;letter-spacing:.12em;color:var(--teal);padding-block-start:.5rem}
.sp-row h3{margin:0;font-size:22px;line-height:1.25}
.sp-row h3 a{color:var(--ink);text-decoration:none}
.sp-row h3 a:hover{color:var(--teal)}
.sp-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--s-2)}
.sp-chips a{display:inline-flex;align-items:center;min-block-size:40px;padding:.3rem .9rem;
  border:1px solid var(--control-border);border-radius:99px;color:var(--ink);font-size:15px;
  font-weight:600;text-decoration:none}
.sp-chips a:hover{background:var(--petrol);color:var(--white);border-color:var(--petrol)}
.sp-chips--lg a{min-block-size:48px;padding:.6rem 1.2rem;font-size:16px}

.sp-mats{list-style:none;margin:var(--s-6) 0 0;padding:0;display:grid;gap:var(--s-5);
  grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
.sp-mat{min-inline-size:0;border-block-start:2px solid var(--teal);padding-block-start:var(--s-3)}
.sp-mat h3{margin:0 0 var(--s-2);font-size:20px}
.sp-mat p{margin:0 0 var(--s-3);font-size:16px;line-height:1.55;color:var(--fg-2)}
html[lang="ar"] .sp-mat p{line-height:1.85}
.sp-mat ul{margin:0;padding-inline-start:1.1rem;display:grid;gap:.2rem;font-size:15px;color:var(--ink)}

.sp-two{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:var(--s-7);align-items:start}
.sp-two h2{margin:0 0 var(--s-4);font-size:clamp(22px,2.2vw,30px)}
.sp-two .sp-h2b{margin-block-start:var(--s-6)}
.sp-routes{list-style:none;margin:0;padding:0;border-block-start:1px solid var(--rule)}
.sp-routes a{display:grid;grid-template-columns:auto 9rem minmax(0,1fr);gap:var(--s-3);align-items:center;
  min-block-size:60px;padding-block:var(--s-2);border-block-end:1px solid var(--rule);color:var(--ink);
  text-decoration:none}
.sp-routes a:hover .lat{color:var(--teal)}
.sp-routes svg{inline-size:22px;block-size:22px;color:var(--teal)}
.sp-k{font-weight:700}
.sp-routes .lat{unicode-bidi:isolate;direction:ltr;font-size:18px;overflow-wrap:anywhere;text-align:start}
html[lang="ar"] .sp-routes .lat{text-align:end}
.sp-addr{font-style:normal}
.sp-addr p{margin:0 0 var(--s-3);font-size:18px;line-height:1.6}
html[lang="ar"] .sp-addr p{line-height:1.9}
.sp-social{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--s-2) var(--s-4)}
.sp-social a{display:inline-flex;align-items:center;min-block-size:44px;color:var(--ink);font-weight:600;
  text-decoration:none}
.sp-social a:hover{color:var(--teal);text-decoration:underline}

.sp-note{margin:0 0 var(--s-6);padding:var(--s-3) var(--s-4);background:var(--bg-sunk);border-radius:3px;
  max-inline-size:78ch;font-size:16px;line-height:1.6;color:var(--ink)}
html[lang="ar"] .sp-note{line-height:1.9}
.sp-pieces{display:grid;gap:var(--s-5);grid-template-columns:repeat(3,minmax(0,1fr))}
.sp-piece{margin:0;min-inline-size:0}
.sp-pic{aspect-ratio:4/3;overflow:hidden;border-radius:3px;background:var(--bg-sunk)}
.sp-pic picture,.sp-pic img{display:block;inline-size:100%;block-size:100%;object-fit:cover}
.sp-piece figcaption{margin-block-start:var(--s-3);display:grid;gap:.15rem}
.sp-piece strong{font-size:17px}
.sp-piece span{font-size:15px;color:var(--fg-2)}
.sp-rel{border-block-start:1px solid var(--rule);padding-block:var(--s-7)}
.sp-rel h2{margin:0 0 var(--s-4);font-size:22px}

.sp-cta{background:var(--teal);color:var(--white);padding-block:var(--s-7)}
.sp-cta-in{display:flex;flex-wrap:wrap;gap:var(--s-5);align-items:center;justify-content:space-between}
.sp-cta h2{margin:0 0 var(--s-2);font-size:clamp(24px,2.8vw,38px);line-height:1.15;color:var(--white)}
.sp-cta p{margin:0;font-size:17px;color:var(--mineral)}
.sp-cta .btn{background:var(--white);color:var(--petrol)}
.sp-cta .btn:hover{background:var(--mineral)}

@media (max-width:980px){ .sp-pieces{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:900px){
  .sp-hero-in,.sp-two{grid-template-columns:minmax(0,1fr);gap:var(--s-5)}
  .sp-hero-in{padding-block:var(--s-5)}
  .sp-row{grid-template-columns:2.2rem minmax(0,1fr)}
  .sp-row .sp-chips{grid-column:2}
}
@media (max-width:620px){
  .sp-pieces{grid-template-columns:minmax(0,1fr)}
  .sp-routes a{grid-template-columns:auto minmax(0,1fr)}
  .sp-routes .lat{grid-column:2}
}
@media (prefers-reduced-motion:reduce){ .sp-chips a{transition:none} }