/* ===== RIZQ Property — the listing page =====
   Only what the homepage CSS does not already provide. Everything else —
   .site-header, .container, .eyebrow, .btn, .frieze, .site-footer, .spec —
   comes from the design stylesheet in the customizer, so the two never drift.

   Scope is .rizq-root.rizq-root.rizq-ls: one class heavier than the design's
   own scope, so the few rules that overlap land on top of it whatever order
   the stylesheets happen to load in.

   RTL is not a second file. Everything below is written in logical properties
   and mirrors itself from dir="rtl". Never run RTLCSS over this. */

/* Astra keeps two elements alive even with its own switches off. */
body.rizq-ls-single-page #masthead,
body.rizq-ls-single-page #colophon,
body.rizq-ls-single-page .ast-breadcrumbs-wrapper,
body.rizq-ls-single-page .ast-single-post-order,
body.rizq-ls-single-page .entry-header,
body.rizq-ls-single-page .post-navigation,
body.rizq-ls-single-page .ast-author-meta{display:none!important}
body.rizq-ls-single-page{background:var(--bg,#FBF9F4)}
/* The admin toolbar sits above a fixed header for logged-in staff. */
body.admin-bar .rizq-root.rizq-root.rizq-ls .site-header{top:32px}
@media (max-width:782px){body.admin-bar .rizq-root.rizq-root.rizq-ls .site-header{top:46px}}

/* ---------- page frame ---------- */
.rizq-root.rizq-root.rizq-ls .ls-main{
  padding-top:calc(var(--header-h,80px) + clamp(26px,4vh,48px));
  padding-bottom:clamp(56px,8vh,96px);
  min-height:60vh;
}

/* ---------- gallery ---------- */
.rizq-root.rizq-root.rizq-ls .ls-gal{position:relative}
.rizq-root.rizq-root.rizq-ls .ls-radio{
  position:absolute;width:1px;height:1px;opacity:0;margin:0;
  clip-path:inset(50%);
}
.rizq-root.rizq-root.rizq-ls .ls-stage{
  position:relative;aspect-ratio:16/9;border-radius:6px;overflow:hidden;
  border:1px solid var(--line,rgba(25,24,32,.11));
  background:linear-gradient(150deg,#F2E9D6,#E7DABD 55%,#F0E6D0);
  box-shadow:var(--shadow,0 26px 60px -24px rgba(25,24,32,.18));
}
.rizq-root.rizq-root.rizq-ls .ls-shot{display:none;margin:0}
.rizq-root.rizq-root.rizq-ls .ls-gal-empty .ls-stage{display:grid;place-items:center;aspect-ratio:16/7}
.rizq-root.rizq-root.rizq-ls .ls-shot img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
}
.rizq-root.rizq-root.rizq-ls .ls-noshot{
  display:flex;align-items:center;gap:12px;color:var(--gold-deep,#8F6B26);
  font-size:13.5px;padding:0 28px;text-align:center;
}
.rizq-root.rizq-root.rizq-ls .ls-noshot svg{width:20px;height:20px;flex:none}
.rizq-root.rizq-root.rizq-ls .ls-badge{
  position:absolute;inset-block-start:16px;inset-inline-start:16px;z-index:3;
  background:rgba(25,24,32,.82);color:var(--gold-2,#D9C084);
  font-size:10.5px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;
  padding:7px 15px;border-radius:2px;backdrop-filter:blur(4px);
}
.rizq-root.rizq-root.rizq-ls.rizq-ar .ls-badge{letter-spacing:0;font-size:12px;font-weight:700}

.rizq-root.rizq-root.rizq-ls .ls-thumbs{
  display:flex;gap:10px;margin-top:12px;overflow-x:auto;padding-bottom:4px;
  scrollbar-width:thin;
}
.rizq-root.rizq-root.rizq-ls .ls-thumb{
  flex:none;width:88px;aspect-ratio:4/3;border-radius:3px;overflow:hidden;
  border:2px solid transparent;opacity:.62;cursor:pointer;
  transition:opacity .3s var(--ease,ease),border-color .3s var(--ease,ease);
  position:relative;background:#EDE3CF;
}
.rizq-root.rizq-root.rizq-ls .ls-thumb:hover{opacity:1}
.rizq-root.rizq-root.rizq-ls .ls-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.rizq-root.rizq-root.rizq-ls .ls-radio:focus-visible~.ls-thumbs{outline:2px solid var(--gold-deep,#8F6B26);outline-offset:4px}

/* ---------- two columns ---------- */
.rizq-root.rizq-root.rizq-ls .ls-grid{
  display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);
  gap:clamp(30px,4vw,62px);
  margin-top:clamp(32px,4.5vw,58px);
  align-items:start;
}
.rizq-root.rizq-root.rizq-ls .ls-title{
  font-family:var(--ff-display,Georgia,serif);font-weight:500;
  font-size:clamp(2rem,3.4vw,2.9rem);line-height:1.14;color:var(--ink,#191820);
  margin-top:18px;
}
.rizq-root.rizq-root.rizq-ls.rizq-ar .ls-title{font-weight:600;line-height:1.35}
.rizq-root.rizq-root.rizq-ls .ls-loc{
  display:flex;align-items:center;gap:9px;margin-top:14px;
  color:var(--soft,#5D5B63);font-size:14.5px;
}
.rizq-root.rizq-root.rizq-ls .ls-loc svg{width:17px;height:17px;flex:none;color:var(--gold,#B98F3E)}

.rizq-root.rizq-root.rizq-ls .ls-specs{
  display:flex;flex-wrap:wrap;margin-top:26px;
  border-block:1px solid var(--line,rgba(25,24,32,.11));
  justify-content:flex-start;
}
.rizq-root.rizq-root.rizq-ls .ls-specs .spec{
  flex:1 1 90px;max-width:190px;padding:18px 4px;text-align:center;
  border-inline-end:1px solid var(--line,rgba(25,24,32,.11));
}
.rizq-root.rizq-root.rizq-ls .ls-specs .spec:last-child{border-inline-end:0}

.rizq-root.rizq-root.rizq-ls .ls-sec{margin-top:clamp(34px,4vw,50px)}
.rizq-root.rizq-root.rizq-ls .ls-h2{
  font-family:var(--ff-display,Georgia,serif);font-weight:500;font-size:1.45rem;
  color:var(--ink,#191820);line-height:1.2;
}
.rizq-root.rizq-root.rizq-ls.rizq-ar .ls-h2{font-weight:700;font-size:1.3rem}
.rizq-root.rizq-root.rizq-ls .ls-h2::after{
  content:"";display:block;width:38px;height:1px;
  background:var(--gold,#B98F3E);margin-top:14px;
}

/* ---------- the owner's own words ---------- */
.rizq-root.rizq-root.rizq-ls .ls-desc{margin-top:20px;position:relative}
.rizq-root.rizq-root.rizq-ls .ls-desc-t{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.rizq-root.rizq-root.rizq-ls .ls-desc-text{
  color:var(--text,#2B2A31);font-size:16.5px;line-height:1.85;
  max-width:68ch;overflow-wrap:break-word;
}
.rizq-root.rizq-root.rizq-ls .ls-desc-text p{
  margin:0;font-size:inherit;line-height:inherit;color:inherit;
}
.rizq-root.rizq-root.rizq-ls .ls-desc-text p+p{margin-top:15px}
.rizq-root.rizq-root.rizq-ls.rizq-ar .ls-desc-text{font-size:17px;line-height:2.05}
/* A long description is folded, so the details below stay within reach. */
.rizq-root.rizq-root.rizq-ls .ls-desc.is-long .ls-desc-text{
  max-height:18em;overflow:hidden;
  -webkit-mask-image:linear-gradient(#000 66%,transparent);
  mask-image:linear-gradient(#000 66%,transparent);
}
.rizq-root.rizq-root.rizq-ls .ls-desc .ls-desc-t:checked ~ .ls-desc-text{
  max-height:none;-webkit-mask-image:none;mask-image:none;
}
.rizq-root.rizq-root.rizq-ls .ls-desc-more{
  display:inline-flex;align-items:center;gap:9px;margin-top:16px;cursor:pointer;
  font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:500;
  color:var(--gold-deep,#8F6B26);border-bottom:1px solid currentColor;
  padding-bottom:4px;text-decoration:none;
}
.rizq-root.rizq-root.rizq-ls.rizq-ar .ls-desc-more{letter-spacing:0;text-transform:none;font-size:14px}
.rizq-root.rizq-root.rizq-ls .ls-desc-more .m-off{display:none}
.rizq-root.rizq-root.rizq-ls .ls-desc .ls-desc-t:checked ~ .ls-desc-more .m-off{display:inline}
.rizq-root.rizq-root.rizq-ls .ls-desc .ls-desc-t:checked ~ .ls-desc-more .m-on{display:none}
.rizq-root.rizq-root.rizq-ls .ls-desc-t:focus-visible ~ .ls-desc-more{outline:2px solid var(--gold,#B98F3E);outline-offset:4px}
/* Nothing written yet: the heading stands on its own, with no filler under it. */
.rizq-root.rizq-root.rizq-ls .ls-about.is-bare .ls-h2::after{margin-bottom:2px}


.rizq-root.rizq-root.rizq-ls .ls-facts{
  margin-top:20px;display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));
  gap:0 30px;
}
.rizq-root.rizq-root.rizq-ls .ls-fact{
  display:flex;justify-content:space-between;gap:18px;
  padding:14px 0;border-bottom:1px solid var(--line,rgba(25,24,32,.11));
}
.rizq-root.rizq-root.rizq-ls .ls-fact dt{
  font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--soft,#5D5B63);padding-top:4px;
}
.rizq-root.rizq-root.rizq-ls.rizq-ar .ls-fact dt{letter-spacing:0;font-size:12.5px;text-transform:none}
.rizq-root.rizq-root.rizq-ls .ls-fact dd{
  color:var(--ink,#191820);font-size:14.5px;text-align:end;margin:0;
}
.rizq-root.rizq-root.rizq-ls .ls-verify{
  display:flex;gap:11px;margin-top:24px;padding:16px 18px;
  background:var(--bg-2,#F5EFE3);border-radius:4px;
  font-size:12.5px;line-height:1.75;color:var(--soft,#5D5B63);
}
.rizq-root.rizq-root.rizq-ls .ls-verify svg{width:17px;height:17px;flex:none;color:var(--gold-deep,#8F6B26);margin-top:3px}

/* ---------- the price card ---------- */
.rizq-root.rizq-root.rizq-ls .ls-aside{position:sticky;top:calc(var(--header-h,80px) + 22px)}
.rizq-root.rizq-root.rizq-ls .ls-card{
  background:var(--white,#fff);border:1px solid var(--line,rgba(25,24,32,.11));
  border-top:2px solid var(--gold,#B98F3E);border-radius:5px;
  padding:clamp(24px,2.6vw,32px);
  box-shadow:var(--shadow,0 26px 60px -24px rgba(25,24,32,.18));
}
.rizq-root.rizq-root.rizq-ls .ls-card-label{
  font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--soft,#5D5B63);
}
.rizq-root.rizq-root.rizq-ls.rizq-ar .ls-card-label{letter-spacing:0;font-size:12.5px;text-transform:none}
.rizq-root.rizq-root.rizq-ls .ls-price{
  font-family:var(--ff-display,Georgia,serif);font-size:clamp(1.6rem,2.5vw,2rem);
  color:var(--ink,#191820);line-height:1.2;margin-top:8px;
}
.rizq-root.rizq-root.rizq-ls.rizq-ar .ls-price{font-weight:700;font-size:clamp(1.35rem,2.2vw,1.7rem)}
.rizq-root.rizq-root.rizq-ls .ls-btn{width:100%;margin-top:16px}
.rizq-root.rizq-root.rizq-ls .ls-ref{
  margin-top:20px;padding-top:16px;border-top:1px solid var(--line,rgba(25,24,32,.11));
  font-size:12px;letter-spacing:.08em;color:var(--soft,#5D5B63);
}
.rizq-root.rizq-root.rizq-ls .ls-lic{margin-top:8px;font-size:11.5px;line-height:1.7;color:rgba(93,91,99,.9)}
.rizq-root.rizq-root.rizq-ls .ls-lic span{display:block}
.rizq-root.rizq-root.rizq-ls .ls-sell{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  margin-top:18px;padding:18px 22px;border:1px solid var(--line-gold,rgba(185,143,62,.32));
  border-radius:4px;font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--gold-deep,#8F6B26);transition:all .35s var(--ease,ease);
}
.rizq-root.rizq-root.rizq-ls.rizq-ar .ls-sell{letter-spacing:0;font-size:14px;text-transform:none;font-weight:700}
.rizq-root.rizq-root.rizq-ls .ls-sell:hover{background:var(--bg-2,#F5EFE3);border-color:var(--gold,#B98F3E)}
.rizq-root.rizq-root.rizq-ls .ls-sell svg{width:19px;height:19px;flex:none}
.rizq-root.rizq-root.rizq-ls.rizq-ar .ls-sell svg{transform:scaleX(-1)}

.rizq-root.rizq-root.rizq-ls .ls-footer{padding-top:clamp(46px,5vw,66px)}

/* ---------- narrow ---------- */
/* The design hides the header CTA at 960 and swaps in a burger. There is no
   burger on a listing page, so keep the WhatsApp button and shrink it to its
   icon instead of leaving the header with nothing to press. */
@media (max-width:960px){
  .rizq-root.rizq-root.rizq-ls .header-cta,
  .rizq-root.rizq-root.rizq-buy .header-cta{display:inline-flex;padding:11px 15px}
  .rizq-root.rizq-root.rizq-ls .header-cta span,
  .rizq-root.rizq-root.rizq-buy .header-cta span{display:none}
  .rizq-root.rizq-root.rizq-ls .header-in,
  .rizq-root.rizq-root.rizq-buy .header-in{gap:16px}
  .rizq-root.rizq-root.rizq-ls .header-side,
  .rizq-root.rizq-root.rizq-buy .header-side{margin-inline-start:auto}
}
@media (max-width:900px){
  .rizq-root.rizq-root.rizq-ls .ls-grid{grid-template-columns:1fr;gap:34px}
  .rizq-root.rizq-root.rizq-ls .ls-aside{position:static}
  .rizq-root.rizq-root.rizq-ls .ls-stage{aspect-ratio:4/3}
  .rizq-root.rizq-root.rizq-ls .ls-fact dt{padding-top:2px}
}
@media (max-width:560px){
  .rizq-root.rizq-root.rizq-ls .ls-thumb{width:70px}
  .rizq-root.rizq-root.rizq-ls .ls-specs .spec{flex-basis:33.333%}
  .rizq-root.rizq-root.rizq-ls .ls-card{padding:22px}
}
@media (prefers-reduced-motion:reduce){
  .rizq-root.rizq-root.rizq-ls *{transition:none!important}
}

/* ---------- browse / buy page ---------- */
.rizq-root.rizq-root.rizq-browse .ls-filters{
  display:flex;flex-wrap:wrap;gap:16px 20px;align-items:flex-end;
  padding:clamp(20px,2.4vw,28px);border-radius:5px;
  background:var(--white,#fff);border:1px solid var(--line,rgba(25,24,32,.11));
  border-top:2px solid var(--gold,#B98F3E);
  box-shadow:var(--shadow,0 26px 60px -24px rgba(25,24,32,.18));
}
.rizq-root.rizq-root.rizq-browse .ls-f{display:flex;flex-direction:column;gap:8px;flex:1 1 180px;min-width:0}
.rizq-root.rizq-root.rizq-browse .ls-f label{
  font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--soft,#5D5B63);
}
.rizq-root.rizq-root.rizq-browse.rizq-ar .ls-f label{letter-spacing:0;font-size:12.5px;text-transform:none}
.rizq-root.rizq-root.rizq-browse .ls-f select{
  width:100%;padding:13px 14px;border:1px solid var(--line,rgba(25,24,32,.11));
  border-radius:3px;background:var(--bg,#FBF9F4);color:var(--ink,#191820);
  font-size:14.5px;appearance:none;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%238F6B26' stroke-width='1.6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 14px center;padding-right:36px;
}
.rizq-root.rizq-root.rizq-browse.rizq-ar .ls-f select{background-position:left 14px center;padding-right:14px;padding-left:36px}
.rizq-root.rizq-root.rizq-browse .ls-f select:focus{border-color:var(--gold,#B98F3E);outline:none}
.rizq-root.rizq-root.rizq-browse .ls-f-go{flex:0 0 auto;flex-direction:row;align-items:center;gap:16px}
.rizq-root.rizq-root.rizq-browse .ls-f-go .btn{padding:14px 30px}
.rizq-root.rizq-root.rizq-browse .ls-clear{
  font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--soft,#5D5B63);
  border-bottom:1px solid var(--line,rgba(25,24,32,.11));padding-bottom:2px;
}
.rizq-root.rizq-root.rizq-browse.rizq-ar .ls-clear{letter-spacing:0;font-size:13.5px;text-transform:none}
.rizq-root.rizq-root.rizq-browse .ls-clear:hover{color:var(--ink,#191820);border-color:var(--ink,#191820)}

.rizq-root.rizq-root.rizq-browse .ls-count{
  margin-top:26px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--soft,#5D5B63);
}
.rizq-root.rizq-root.rizq-browse.rizq-ar .ls-count{letter-spacing:0;font-size:13px;text-transform:none}
.rizq-root.rizq-root.rizq-browse .prop-grid{margin-top:18px}

.rizq-root.rizq-root.rizq-browse .ls-pager{
  display:flex;align-items:center;justify-content:center;gap:22px;flex-wrap:wrap;
  margin-top:clamp(34px,4vw,52px);
}
.rizq-root.rizq-root.rizq-browse .ls-pager span{font-size:12.5px;color:var(--soft,#5D5B63)}

.rizq-root.rizq-root.rizq-browse .ls-none{
  margin-top:26px;padding:clamp(38px,5vw,60px) clamp(22px,4vw,48px);text-align:center;
  background:var(--bg-2,#F5EFE3);border:1px solid var(--line-gold,rgba(185,143,62,.32));border-radius:5px;
}
.rizq-root.rizq-root.rizq-browse .ls-none svg{width:26px;height:26px;margin:0 auto;color:var(--gold-deep,#8F6B26)}
.rizq-root.rizq-root.rizq-browse .ls-none h3{
  font-family:var(--ff-display,Georgia,serif);font-weight:500;font-size:clamp(1.4rem,2.4vw,1.9rem);
  color:var(--ink,#191820);margin-top:16px;line-height:1.2;
}
.rizq-root.rizq-root.rizq-browse.rizq-ar .ls-none h3{font-weight:700}
.rizq-root.rizq-root.rizq-browse .ls-none p{
  margin:14px auto 0;max-width:58ch;font-size:14.5px;color:var(--soft,#5D5B63);
}
.rizq-root.rizq-root.rizq-browse .ls-none .btn{margin-top:26px}

/* the buy page's own frame, matching the sell page */
.rizq-root.rizq-root.rizq-buy .buy-main{
  padding-top:calc(var(--header-h,80px) + clamp(28px,5vh,56px));
  padding-bottom:clamp(56px,8vh,96px);min-height:60vh;
}
.rizq-root.rizq-root.rizq-buy .buy-head{max-width:66ch;margin-bottom:clamp(26px,3.4vw,40px)}
.rizq-root.rizq-root.rizq-buy .buy-head h1{
  font-family:var(--ff-display,Georgia,serif);font-weight:500;
  font-size:clamp(2rem,3.6vw,3rem);line-height:1.12;color:var(--ink,#191820);margin-top:20px;
}
.rizq-root.rizq-root.rizq-buy.rizq-ar .buy-head h1{font-weight:600;line-height:1.35}
.rizq-root.rizq-root.rizq-buy .buy-head p{margin-top:16px;color:var(--soft,#5D5B63);font-size:15.5px}

@media (max-width:760px){
  .rizq-root.rizq-root.rizq-browse .ls-filters{gap:14px}
  .rizq-root.rizq-root.rizq-browse .ls-f{flex:1 1 100%}
  .rizq-root.rizq-root.rizq-browse .ls-f-go{flex:1 1 100%;justify-content:space-between}
  .rizq-root.rizq-root.rizq-browse .ls-f-go .btn{flex:1}
}

/* the "view all" row under the homepage's featured listings */
.rizq-root.rizq-root .props-more{display:flex;justify-content:center;margin-top:clamp(30px,3.6vw,46px)}
.rizq-root.rizq-root .props-more .arrow-i{width:18px;height:18px}
.rizq-root.rizq-root.rizq-ar .props-more .arrow-i{transform:scaleX(-1)}

/* The homepage animates cards in with .reveal and its own script. The browse
   page carries no script, so the cards must simply be visible. */
.rizq-root.rizq-root.rizq-browse .reveal.reveal{opacity:1;transform:none;animation:none}
/* The card image is a link now, so it needs to be a block for its 4:3 box. */
.rizq-root.rizq-root a.prop-media{display:block}
.rizq-root.rizq-root .prop-body h3 a{color:inherit}

/* ---------- the Buy / Sell buttons in the header ---------- */
.rizq-root.rizq-root .nav-cta{display:flex;align-items:center;gap:9px;flex:none}
.rizq-root.rizq-root .nav-cta .btn{padding:11px 22px;font-size:11.5px;border-radius:2px}
.rizq-root.rizq-root.rizq-ar .nav-cta .btn{font-size:13px;padding:10px 20px;font-weight:700}
.rizq-root.rizq-root .nav-cta .btn-buy{background:linear-gradient(135deg,#C9A75A,#A9812F);color:#fff;border-color:transparent}
.rizq-root.rizq-root .nav-cta .btn-buy:hover{background:linear-gradient(135deg,#D3B26A,#B48C38);transform:translateY(-2px);box-shadow:0 14px 30px -14px rgba(169,129,47,.6)}
.rizq-root.rizq-root .nav-cta .btn-sell{border-color:rgba(25,24,32,.26);color:var(--ink,#191820);background:transparent}
.rizq-root.rizq-root .nav-cta .btn-sell:hover{border-color:var(--ink,#191820);background:rgba(25,24,32,.05);transform:translateY(-2px)}
@media (max-width:960px){
  .rizq-root.rizq-root .nav-cta .btn{padding:10px 16px;font-size:11px;letter-spacing:.1em}
  .rizq-root.rizq-root .header-side{gap:12px}
}
@media (max-width:560px){
  .rizq-root.rizq-root .nav-cta{gap:7px}
  .rizq-root.rizq-root .nav-cta .btn{padding:9px 12px;font-size:10.5px;letter-spacing:.06em}
  .rizq-root.rizq-root .header-cta{display:none!important}
  .rizq-root.rizq-root .header-side{gap:9px}
  .rizq-root.rizq-root .logo-sub{display:none}
}

/* The theme pins every select to height:40px, which clipped the chosen label
   along the bottom. Release it and give the row a real touch target. */
.rizq-root.rizq-root.rizq-browse .ls-f select{
  height:auto;min-height:52px;line-height:1.4;font-size:16px;
}

/* ---------- the back button on an inner page ---------- */
.rizq-root.rizq-root .back-link{
  display:inline-flex;align-items:center;gap:10px;
  padding:11px 20px;margin-bottom:22px;
  border:1px solid var(--line,rgba(25,24,32,.11));border-radius:2px;
  background:var(--white,#fff);color:var(--soft,#5D5B63);
  font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;
  transition:border-color .3s var(--ease,ease),color .3s var(--ease,ease),transform .3s var(--ease,ease);
}
.rizq-root.rizq-root.rizq-ar .back-link{letter-spacing:0;font-size:13.5px;text-transform:none;font-weight:700}
.rizq-root.rizq-root .back-link:hover{border-color:var(--ink,#191820);color:var(--ink,#191820);transform:translateX(-3px)}
.rizq-root.rizq-root.rizq-ar .back-link:hover{transform:translateX(3px)}
.rizq-root.rizq-root .back-link svg{width:16px;height:16px;flex:none;transform:scaleX(-1)}
.rizq-root.rizq-root.rizq-ar .back-link svg{transform:none}

/* =========================================================================
 * THE GUIDE PAGES
 *
 * A long read needs things nothing else on the site has: a measure, a breadcrumb,
 * a fact table, a numbered process, a question list.
 * ====================================================================== */

.rizq-root.rizq-root.rizq-guide .ls-main{
  padding-top:calc(var(--header-h,80px) + clamp(22px,3vh,36px));
  padding-bottom:clamp(60px,7vw,96px);
}

/* ---------- breadcrumb ---------- */
.rizq-root.rizq-root.rizq-guide .crumbs{margin-bottom:26px}
.rizq-root.rizq-root.rizq-guide .crumbs ol{
  list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px 0;
}
.rizq-root.rizq-root.rizq-guide .crumbs li{
  font-size:12px;letter-spacing:.06em;color:var(--soft,#5D5B63);display:flex;align-items:center;
}
.rizq-root.rizq-root.rizq-guide .crumbs li+li::before{
  content:"";width:12px;height:1px;background:var(--line,rgba(25,24,32,.11));margin-inline:10px;flex:none;
}
.rizq-root.rizq-root.rizq-guide .crumbs a{color:var(--soft,#5D5B63);text-decoration:none;border-bottom:1px solid transparent}
.rizq-root.rizq-root.rizq-guide .crumbs a:hover{color:var(--gold-deep,#8F6B26);border-bottom-color:currentColor}
.rizq-root.rizq-root.rizq-guide .crumbs [aria-current]{color:var(--ink,#191820)}

/* ---------- the article ---------- */
.rizq-root.rizq-root.rizq-guide .guide{max-width:760px}
.rizq-root.rizq-root.rizq-guide .guide > *:first-child{margin-top:0}

.rizq-root.rizq-root.rizq-guide .guide h1{
  font-family:var(--ff-display,Georgia,serif);font-weight:500;
  font-size:clamp(2rem,4.6vw,3rem);line-height:1.12;letter-spacing:-.005em;
  color:var(--ink,#191820);margin:0;
}
.rizq-root.rizq-root.rizq-guide.rizq-ar .guide h1{font-weight:700;font-size:clamp(1.7rem,4vw,2.4rem);line-height:1.45}

.rizq-root.rizq-root.rizq-guide .g-lede{
  margin-top:20px;font-size:19px;line-height:1.72;color:var(--soft,#5D5B63);max-width:62ch;
}
.rizq-root.rizq-root.rizq-guide.rizq-ar .g-lede{font-size:19px;line-height:2.05}

.rizq-root.rizq-root.rizq-guide .guide h2{
  font-family:var(--ff-display,Georgia,serif);font-weight:500;
  font-size:clamp(1.4rem,2.9vw,1.85rem);line-height:1.24;color:var(--ink,#191820);
  margin-top:clamp(44px,5vw,64px);
}
.rizq-root.rizq-root.rizq-guide.rizq-ar .guide h2{font-weight:700;font-size:clamp(1.25rem,2.6vw,1.55rem);line-height:1.55}
.rizq-root.rizq-root.rizq-guide .guide h2::after{
  content:"";display:block;width:34px;height:1px;background:var(--gold,#B98F3E);margin-top:14px;
}
.rizq-root.rizq-root.rizq-guide .guide h3{
  font-size:17px;font-weight:600;line-height:1.4;color:var(--ink,#191820);margin-top:32px;
}
.rizq-root.rizq-root.rizq-guide.rizq-ar .guide h3{font-size:17.5px;line-height:1.7}

.rizq-root.rizq-root.rizq-guide .guide p{
  margin-top:16px;font-size:16.5px;line-height:1.85;color:var(--text,#2B2A31);
}
.rizq-root.rizq-root.rizq-guide.rizq-ar .guide p{font-size:17px;line-height:2.1}
.rizq-root.rizq-root.rizq-guide .guide a{
  color:var(--gold-deep,#8F6B26);text-decoration:none;border-bottom:1px solid rgba(185,143,62,.45);
}
.rizq-root.rizq-root.rizq-guide .guide a:hover{border-bottom-color:currentColor}
.rizq-root.rizq-root.rizq-guide .guide strong{font-weight:600;color:var(--ink,#191820)}

.rizq-root.rizq-root.rizq-guide .guide ul{margin:16px 0 0;padding:0;list-style:none}
.rizq-root.rizq-root.rizq-guide .guide ul li{
  position:relative;padding-inline-start:22px;margin-top:10px;
  font-size:16.5px;line-height:1.8;color:var(--text,#2B2A31);
}
.rizq-root.rizq-root.rizq-guide.rizq-ar .guide ul li{font-size:17px;line-height:2.05}
.rizq-root.rizq-root.rizq-guide .guide ul li::before{
  content:"";position:absolute;inset-inline-start:2px;top:.72em;
  width:6px;height:6px;background:var(--gold,#B98F3E);transform:rotate(45deg);
}

/* ---------- the key facts strip ---------- */
.rizq-root.rizq-root.rizq-guide .g-key{
  display:flex;flex-wrap:wrap;margin-top:30px;
  border:1px solid var(--line,rgba(25,24,32,.11));border-radius:3px;
  background:var(--white,#fff);overflow:hidden;
}
.rizq-root.rizq-root.rizq-guide .g-key > div{
  flex:1 1 160px;padding:16px 20px;border-inline-end:1px solid var(--line,rgba(25,24,32,.11));
  display:flex;flex-direction:column;justify-content:space-between;gap:8px;
}
.rizq-root.rizq-root.rizq-guide .g-key > div:last-child{border-inline-end:0}
.rizq-root.rizq-root.rizq-guide .g-key b{
  display:block;font-family:var(--ff-display,Georgia,serif);font-size:1.7rem;font-weight:500;
  line-height:1.1;color:var(--ink,#191820);text-wrap:balance;
}
.rizq-root.rizq-root.rizq-guide .g-key span{
  display:block;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--soft,#5D5B63);line-height:1.5;
}
.rizq-root.rizq-root.rizq-guide.rizq-ar .g-key span{letter-spacing:0;text-transform:none;font-size:13px}

/* ---------- tables ---------- */
.rizq-root.rizq-root.rizq-guide .g-table{
  overflow-x:auto;margin-top:24px;
  border:1px solid var(--line,rgba(25,24,32,.11));border-radius:3px;
}
.rizq-root.rizq-root.rizq-guide .g-table table{
  border-collapse:collapse;width:100%;min-width:560px;background:var(--white,#fff);margin:0;
}
.rizq-root.rizq-root.rizq-guide .g-table th,
.rizq-root.rizq-root.rizq-guide .g-table td{
  text-align:start;padding:13px 16px;font-size:14.5px;line-height:1.6;vertical-align:top;
  border-bottom:1px solid var(--line,rgba(25,24,32,.11));color:var(--text,#2B2A31);
}
.rizq-root.rizq-root.rizq-guide .g-table th{
  font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:500;
  color:var(--soft,#5D5B63);background:var(--bg-2,#F5EFE3);
}
.rizq-root.rizq-root.rizq-guide.rizq-ar .g-table th{letter-spacing:0;text-transform:none;font-size:13px}
.rizq-root.rizq-root.rizq-guide.rizq-ar .g-table td{font-size:15px;line-height:1.9}
.rizq-root.rizq-root.rizq-guide .g-table tbody tr:last-child td{border-bottom:0}
.rizq-root.rizq-root.rizq-guide .g-table td:first-child{font-weight:600;color:var(--ink,#191820)}

/* ---------- the zone list ---------- */
.rizq-root.rizq-root.rizq-guide .g-zones{
  margin:24px 0 0;display:grid;gap:1px;
  background:var(--line,rgba(25,24,32,.11));
  border:1px solid var(--line,rgba(25,24,32,.11));border-radius:3px;overflow:hidden;
}
.rizq-root.rizq-root.rizq-guide .g-zones > div{background:var(--white,#fff);padding:16px 20px}
.rizq-root.rizq-root.rizq-guide .g-zones dt{font-weight:600;font-size:15.5px;color:var(--ink,#191820)}
.rizq-root.rizq-root.rizq-guide .g-zones dd{
  margin:7px 0 0;font-size:15px;line-height:1.75;color:var(--soft,#5D5B63);
}
.rizq-root.rizq-root.rizq-guide.rizq-ar .g-zones dd{font-size:15.5px;line-height:2}

/* ---------- the numbered process ---------- */
.rizq-root.rizq-root.rizq-guide .g-steps{margin:26px 0 0;padding:0;list-style:none;counter-reset:gs}
.rizq-root.rizq-root.rizq-guide .g-steps li{
  counter-increment:gs;position:relative;padding-inline-start:52px;
  padding-bottom:22px;margin:0;
}
.rizq-root.rizq-root.rizq-guide .g-steps li::before{
  content:counter(gs);position:absolute;inset-inline-start:0;top:0;
  width:32px;height:32px;border:1px solid var(--gold,#B98F3E);border-radius:50%;
  display:grid;place-items:center;font-size:13px;color:var(--gold-deep,#8F6B26);
  background:var(--bg,#FBF9F4);
}
.rizq-root.rizq-root.rizq-guide .g-steps li::after{
  content:"";position:absolute;inset-inline-start:16px;top:34px;bottom:0;
  width:1px;background:var(--line,rgba(25,24,32,.11));
}
.rizq-root.rizq-root.rizq-guide .g-steps li:last-child{padding-bottom:0}
.rizq-root.rizq-root.rizq-guide .g-steps li:last-child::after{display:none}
.rizq-root.rizq-root.rizq-guide .g-steps b{
  display:block;font-size:16px;font-weight:600;color:var(--ink,#191820);padding-top:5px;
}
.rizq-root.rizq-root.rizq-guide .g-steps p{margin-top:7px;font-size:15.5px;line-height:1.8}

/* ---------- the note ---------- */
.rizq-root.rizq-root.rizq-guide .g-note{
  margin-top:30px;background:var(--bg-2,#F5EFE3);border-radius:3px;
  padding:22px 24px;border-inline-start:3px solid var(--gold,#B98F3E);
}
.rizq-root.rizq-root.rizq-guide .g-note p{margin-top:0;font-size:15.5px;line-height:1.8}
.rizq-root.rizq-root.rizq-guide .g-note p+p{margin-top:12px}

/* ---------- questions ---------- */
.rizq-root.rizq-root.rizq-guide .g-faq{margin-top:clamp(44px,5vw,64px)}
.rizq-root.rizq-root.rizq-guide .g-faq .q{
  border-top:1px solid var(--line,rgba(25,24,32,.11));padding-top:22px;margin-top:22px;
}
.rizq-root.rizq-root.rizq-guide .g-faq h3{margin-top:0;font-size:16.5px}
.rizq-root.rizq-root.rizq-guide .g-faq p{margin-top:9px;font-size:15.5px;color:var(--soft,#5D5B63)}

/* ---------- read next ---------- */
.rizq-root.rizq-root.rizq-guide .g-next{margin-top:clamp(56px,6vw,80px)}
.rizq-root.rizq-root.rizq-guide .g-next-grid{
  margin-top:24px;display:grid;gap:12px;
  grid-template-columns:repeat(auto-fill,minmax(min(290px,100%),1fr));
}
.rizq-root.rizq-root.rizq-guide .g-card{
  display:block;position:relative;background:var(--white,#fff);
  border:1px solid var(--line,rgba(25,24,32,.11));border-radius:3px;
  padding:20px 22px 44px;text-decoration:none;
  transition:border-color .2s ease,transform .2s ease;
}
.rizq-root.rizq-root.rizq-guide .g-card:hover{border-color:var(--gold,#B98F3E);transform:translateY(-2px)}
.rizq-root.rizq-root.rizq-guide .g-card h3{
  margin:0;font-size:16.5px;font-weight:600;line-height:1.45;color:var(--ink,#191820);
}
.rizq-root.rizq-root.rizq-guide .g-card p{
  margin:9px 0 0;font-size:14.5px;line-height:1.7;color:var(--soft,#5D5B63);
}
.rizq-root.rizq-root.rizq-guide .g-go{
  position:absolute;inset-inline-start:22px;bottom:18px;color:var(--gold-deep,#8F6B26);
}
.rizq-root.rizq-root.rizq-guide .g-go svg{width:19px;height:19px}
.rizq-root.rizq-root.rizq-guide.rizq-ar .g-go svg{transform:scaleX(-1)}

/* ---------- the contact strip ---------- */
.rizq-root.rizq-root.rizq-guide .g-contact{margin-top:clamp(56px,6vw,80px)}
.rizq-root.rizq-root.rizq-guide .g-contact-sub{
  margin-top:16px;max-width:62ch;font-size:15.5px;line-height:1.8;color:var(--soft,#5D5B63);
}
.rizq-root.rizq-root.rizq-guide .g-contact-grid{
  margin-top:24px;display:grid;gap:1px;background:var(--line,rgba(25,24,32,.11));
  border:1px solid var(--line,rgba(25,24,32,.11));border-radius:3px;overflow:hidden;
  grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));
}
.rizq-root.rizq-root.rizq-guide .g-cc{
  background:var(--white,#fff);padding:20px 22px;text-decoration:none;
  display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;
  column-gap:12px;row-gap:4px;align-content:start;
}
.rizq-root.rizq-root.rizq-guide a.g-cc:hover{background:var(--bg-2,#F5EFE3)}
.rizq-root.rizq-root.rizq-guide .g-cc svg{
  grid-row:1 / span 2;width:20px;height:20px;color:var(--gold-deep,#8F6B26);margin-top:3px;
}
.rizq-root.rizq-root.rizq-guide .g-cc .l{
  font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--soft,#5D5B63);
}
.rizq-root.rizq-root.rizq-guide.rizq-ar .g-cc .l{letter-spacing:0;text-transform:none;font-size:13px}
.rizq-root.rizq-root.rizq-guide .g-cc .v{
  font-size:15px;line-height:1.55;color:var(--ink,#191820);overflow-wrap:break-word;
}
.rizq-root.rizq-root.rizq-guide a.g-cc .v{font-weight:500}
.rizq-root.rizq-root.rizq-guide .g-cc .v[dir=ltr]{text-align:start}

/* ---------- the closing pair ---------- */
.rizq-root.rizq-root.rizq-guide .g-end{margin-top:clamp(56px,6vw,80px)}
.rizq-root.rizq-root.rizq-guide .g-end-in{
  background:var(--ink,#191820);border-radius:3px;padding:clamp(28px,4vw,44px);
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;
}
.rizq-root.rizq-root.rizq-guide .g-end-lead{
  margin:0;flex:1 1 340px;font-size:17px;line-height:1.7;color:rgba(255,255,255,.84);max-width:52ch;
}
.rizq-root.rizq-root.rizq-guide .g-end-cta{display:flex;flex-wrap:wrap;gap:10px}
.rizq-root.rizq-root.rizq-guide .g-end-cta .btn-outline{
  color:#fff;border-color:rgba(255,255,255,.35);background:transparent;
}
.rizq-root.rizq-root.rizq-guide .g-end-cta .btn-outline:hover{border-color:#fff}
.rizq-root.rizq-root.rizq-guide .g-end-cta .btn svg{width:17px;height:17px}

@media (max-width:600px){
  .rizq-root.rizq-root.rizq-guide .g-key > div{flex-basis:50%}
  .rizq-root.rizq-root.rizq-guide .g-end-cta{width:100%}
  .rizq-root.rizq-root.rizq-guide .g-end-cta .btn{flex:1 1 100%;justify-content:center}
}

/* =========================================================================
 * THE GUIDES BLOCK ON THE HOMEPAGE
 *
 * The homepage is a hand-written page rather than a guide, so it carries only
 * .rizq-root — these rules are scoped to that and to nothing deeper.
 * ====================================================================== */

.rizq-root.rizq-root .hp-guide-grid{
  margin-top:34px;display:grid;gap:12px;
  grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));
}
.rizq-root.rizq-root a.hp-guide{
  display:block;position:relative;background:var(--white,#fff);
  border:1px solid var(--line,rgba(25,24,32,.11));border-radius:3px;
  padding:24px 26px 52px;text-decoration:none;
  transition:border-color .2s ease,transform .2s ease;
}
.rizq-root.rizq-root a.hp-guide:hover{border-color:var(--gold,#B98F3E);transform:translateY(-2px)}
.rizq-root.rizq-root .hp-guide h3{
  margin:0;font-size:17.5px;font-weight:600;line-height:1.4;color:var(--ink,#191820);
}
.rizq-root.rizq-root .hp-guide p{
  margin:10px 0 0;font-size:14.5px;line-height:1.7;color:var(--soft,#5D5B63);
}
.rizq-root.rizq-root .hp-guide .go{
  position:absolute;inset-inline-start:26px;bottom:22px;color:var(--gold-deep,#8F6B26);
  font-size:11px;letter-spacing:.14em;text-transform:uppercase;
}
.rizq-root.rizq-root.rizq-ar .hp-guide .go{letter-spacing:0;text-transform:none;font-size:13.5px}
.rizq-root.rizq-root .loc-all{
  display:inline-flex;align-items:center;gap:9px;margin-top:26px;
  font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:500;
  color:var(--gold-deep,#8F6B26);border-bottom:1px solid currentColor;
  padding-bottom:4px;text-decoration:none;
}
.rizq-root.rizq-root.rizq-ar .loc-all{letter-spacing:0;text-transform:none;font-size:14px}