/* copied from PRODUCTS/UnitGuideDemo_v2.0/site/site.css (link 63); inline images moved to /shared/img/ */
/* ============================================================
   site.css - Demo 1, the Baseera site. Loaded AFTER the vendored
   design language and obedient to it: cobalt as the one pigment on
   porcelain; near-black ink for body text and every numeral;
   aubergine ONLY for "we do not know", never on a control; hairline
   frames, corner ticks, tone by hatching; no shadow, no radius, no
   gradient, no glass; motion that decelerates and settles.
   Logical properties throughout, so one sheet serves rtl and ltr.
   ============================================================ */

html.dl body{padding-block-end:0;min-block-size:100vh;display:flex;flex-direction:column}
html.dl main.view{flex:1 0 auto;outline:none}
html.dl [hidden]{display:none!important}
html.dl .num{color:var(--ink)}

.skip{position:absolute;inset-inline-start:.5rem;inset-block-start:-4rem;z-index:100;background:var(--porcelain);border:1px solid var(--cobalt);padding:.4rem .7rem;font-size:.8rem}
.skip:focus{inset-block-start:.5rem}

/* ---------- the site's own navigation ---------- */
html.dl .topbar__in{gap:.4rem 1.1rem;padding-block:.55rem;flex-wrap:wrap}
html.dl .mark{align-items:center;gap:.55rem}
html.dl .mark__logo{inline-size:2.3rem;block-size:2.3rem;display:block}
html.dl .topbar__nav{gap:0;align-items:stretch;margin-inline-start:auto}
html.dl .navlink{
  font-family:var(--font-body);font-size:.84rem;color:var(--cobalt);text-decoration:none;
  padding:.42rem .8rem;border-block-end:2px solid transparent;white-space:nowrap;display:inline-flex;gap:.4rem;align-items:baseline;
  transition:border-color var(--t-fast) var(--settle),background-image var(--t-fast) var(--settle)
}
html.dl[lang="ar"] .navlink{font-family:var(--font-ar);font-size:.9rem}
html.dl .navlink:hover{background-image:var(--hatch-1)}
html.dl .navlink.is-on{border-block-end-color:var(--cobalt);font-weight:600}
html.dl .navlink__n{font-size:.68rem;border:1px solid var(--cobalt-200);padding:0 .3rem;line-height:1.5;font-weight:400}
html.dl .langbtn{cursor:pointer;font-size:.68rem;letter-spacing:.08em;padding:.34rem .6rem;align-self:center;white-space:nowrap}
@media (max-width:52rem){
  html.dl .topbar__nav{order:3;inline-size:100%;margin-inline-start:0;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;border-block-start:1px solid var(--cobalt-200);margin-block-end:-.55rem}
  html.dl .topbar__nav::-webkit-scrollbar{display:none}
  html.dl .langbtn{margin-inline-start:auto}
  html.dl .navlink{padding:.4rem .65rem;font-size:.8rem}
}

/* ---------- small shared parts ---------- */
html.dl .linkbtn{appearance:none;background:none;border:0;padding:0;color:var(--cobalt);font:inherit;font-size:.86rem;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.22em;cursor:pointer}
html.dl .linkbtn:hover{text-decoration-thickness:2px}
html.dl .loadingline{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--cobalt-400);margin:1.2rem 0}
html.dl[lang="ar"] .loadingline{font-family:var(--font-ar);letter-spacing:0;font-size:.85rem}
html.dl .emptybox p:last-child,html.dl .errpanel p:last-child{margin-block-end:0}
html.dl .tagline{
  font-family:var(--font-mono);font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;color:var(--cobalt-500);
  border:1px dashed var(--cobalt-200);padding:.04rem .32rem;white-space:nowrap;display:inline-block;line-height:1.5;vertical-align:middle
}
html.dl[lang="ar"] .tagline{font-family:var(--font-ar);font-size:.66rem;letter-spacing:0}
html.dl .callout{border:1px dashed var(--cobalt-200);background:transparent;padding:clamp(.9rem,2.2vw,1.3rem)}
html.dl .callout--absence{border-style:solid}
html.dl .eyebrow{max-inline-size:none}
html.dl[lang="ar"] .eyebrow{font-family:var(--font-ar);letter-spacing:0;font-size:.8rem;text-transform:none}
html.dl[lang="ar"] .epi{font-family:var(--font-ar);letter-spacing:0;font-size:.7rem}
html.dl[lang="ar"] .sv-title .k,html.dl[lang="ar"] .gstrip .k{font-family:var(--font-ar);letter-spacing:0;font-size:.7rem;text-transform:none}

/* toggle buttons: Save, Compare, Keep this. Pressed = hatched, never filled flat. */
html.dl .tbtn{
  appearance:none;background-color:transparent;border:1px solid var(--cobalt);color:var(--cobalt);cursor:pointer;
  font-family:var(--font-body);font-size:.78rem;font-weight:600;padding:.34rem .7rem;line-height:1.3;
  transition:background-image var(--t-fast) var(--settle),border-color var(--t-fast) var(--settle)
}
html.dl[lang="ar"] .tbtn{font-family:var(--font-ar);font-size:.84rem}
html.dl .tbtn:hover{background-image:var(--hatch-1)}
html.dl .tbtn[aria-pressed="true"]{background-image:var(--hatch-2);border-inline-start-width:4px}
html.dl .tbtn--quiet{border-color:transparent;font-weight:400;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em;padding-inline:.3rem}
html.dl .tbtn--quiet:hover{background-image:none;border-color:var(--cobalt-200)}
html.dl .tbtn:disabled{color:var(--muted);border-color:var(--rule);cursor:default}

/* segmented control */
html.dl .seg{display:inline-flex;border:1px solid var(--cobalt)}
html.dl .seg button{appearance:none;background:transparent;border:0;color:var(--cobalt);cursor:pointer;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.13em;text-transform:uppercase;padding:.34rem .85rem}
html.dl[lang="ar"] .seg button{font-family:var(--font-ar);font-size:.8rem;letter-spacing:0}
html.dl .seg button+button{border-inline-start:1px solid var(--cobalt)}
html.dl .seg button[aria-pressed="true"]{background-image:var(--hatch-x);font-weight:700}

/* the quiet status line */
.toastline{position:fixed;inset-block-end:1.2rem;inset-inline:0;margin-inline:auto;inline-size:max-content;max-inline-size:min(92vw,34rem);z-index:90;background-color:var(--porcelain);border:1px solid var(--cobalt);padding:.5rem .9rem;font-size:.84rem;color:var(--ink)}
.toastline.is-in{animation:dl-settle var(--t-mid) var(--settle) both}

/* ---------- the first view: the product doing something ---------- */
html.dl .hero{display:grid;gap:clamp(1.2rem,3vw,2.4rem);grid-template-columns:minmax(0,1fr)}
@media (min-width:62rem){html.dl .hero{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:start}}
html.dl .hero h1{font-size:clamp(2.3rem,4.6vw,3.9rem);margin-block-end:.3em}
html.dl[lang="ar"] .hero h1{font-size:clamp(2.4rem,4.8vw,4.1rem);line-height:1.34}
html.dl .hero .lede{font-size:clamp(1.08rem,1.5vw,1.3rem)}
html.dl[lang="ar"] .hero .lede{font-size:clamp(1.12rem,1.55vw,1.36rem)}
html.dl .hero__eyebrow .num{font-size:inherit;color:var(--ink)}
html.dl .hero__free{margin:.5rem 0 0}
html.dl .hero__map .amap{block-size:clamp(20rem,52vh,34rem)}
html.dl .explorer__mapnote{min-block-size:1.4rem;margin-block-start:.2rem}
html.dl .hero__text .jcslot{margin-block-start:1.2rem}
html.dl .railslot{margin-block-start:1rem}

/* the paste box */
html.dl .pastebox{margin-block-start:1.1rem}
html.dl .pastebox__form{display:flex;gap:0;flex-wrap:wrap;margin:0;border:1px solid var(--cobalt)}
html.dl .pastebox__form input{flex:1 1 14rem;min-inline-size:0;border:0;background:transparent;font-family:var(--font-mono);font-size:.92rem;padding:.75rem .85rem;color:var(--ink)}
html.dl .pastebox__form input:focus-visible{outline-offset:-3px}
html.dl .pastebox__form .btn{border:0;border-inline-start:1px solid var(--cobalt);flex:0 0 auto}
@media (max-width:30rem){html.dl .pastebox__form .btn{flex:1 1 100%;border-inline-start:0;border-block-start:1px solid var(--cobalt)}}
html.dl .pastebox__out{margin-block-start:.7rem;border-inline-start:2px solid var(--cobalt);padding-inline-start:.85rem;animation:dl-settle var(--t-mid) var(--settle) both}
html.dl .pastebox__out>.u-unknown{margin-inline-start:-.85rem}
html.dl .pastebox__out p{margin:0 0 .45rem;font-size:.9rem}
html.dl .pastebox__k{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--cobalt-500)}
html.dl[lang="ar"] .pastebox__k{font-family:var(--font-ar);font-size:.72rem;letter-spacing:0}
html.dl .pastebox__url{font-size:.74rem;word-break:break-all;unicode-bidi:isolate}
html.dl .pastebox__cands{display:grid;gap:.4rem;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));margin-block:.5rem}

/* ---------- the explorer: filters, map, list ---------- */
html.dl .explorer{margin-block-start:clamp(1.4rem,3vw,2.4rem)}
html.dl .explorer--browse{display:grid;gap:clamp(1rem,2.4vw,2rem);grid-template-columns:minmax(0,1fr);margin-block-start:0}
@media (min-width:62rem){
  html.dl .explorer--browse{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start}
  html.dl .explorer__side{position:sticky;inset-block-start:4.6rem}
  html.dl .explorer__side .amap{block-size:calc(100vh - 9.5rem);min-block-size:24rem}
  html.dl .explorer__seg{display:none}
}
@media (max-width:61.99rem){
  html.dl .explorer--browse .explorer__side{order:2}
  html.dl .explorer--browse[data-pane="list"] .explorer__side{display:none}
  html.dl .explorer--browse[data-pane="map"] .lgrid,html.dl .explorer--browse[data-pane="map"] .pager{display:none}
  html.dl .explorer__side .amap{block-size:62vh}
}
html.dl .explorer__head{display:flex;gap:.4rem 1.2rem;align-items:baseline;flex-wrap:wrap;border-block-end:2px solid var(--cobalt);padding-block-end:.45rem}
html.dl .explorer__head h2,html.dl .explorer__head h1{margin:0}
html.dl .explorer__h{font-size:clamp(1.85rem,3.6vw,2.7rem)}
html.dl .explorer__count{margin:0;font-size:.86rem;color:var(--muted)}
html.dl .explorer__seg{margin-inline-start:auto}
html.dl .listlabel{font-size:.78rem;color:var(--muted);margin:.5rem 0 0;max-inline-size:none}

html.dl .filters{display:flex;flex-wrap:wrap;gap:.7rem 1.4rem;align-items:flex-end;margin-block:1rem 1.2rem}
html.dl .fgroup{display:grid;gap:.28rem;min-inline-size:0}
html.dl .fgroup__k{font-family:var(--font-mono);font-size:.58rem;letter-spacing:.16em;text-transform:uppercase;color:var(--cobalt-500)}
html.dl[lang="ar"] .fgroup__k{font-family:var(--font-ar);font-size:.74rem;letter-spacing:0}
html.dl .fseg{display:flex;flex-wrap:wrap;border:1px solid var(--cobalt)}
html.dl .fseg button{appearance:none;background:transparent;border:0;border-inline-end:1px solid var(--cobalt-200);color:var(--cobalt);cursor:pointer;font-family:var(--font-body);font-size:.8rem;padding:.36rem .7rem;white-space:nowrap;flex:1 1 auto;transition:background-image var(--t-fast) var(--settle)}
html.dl[lang="ar"] .fseg button{font-family:var(--font-ar);font-size:.84rem}
html.dl .fseg button:last-child{border-inline-end:0}
html.dl .fseg button:hover{background-image:var(--hatch-1)}
html.dl .fseg button[aria-pressed="true"]{background-image:var(--hatch-x);font-weight:700;color:var(--cobalt-700)}
html.dl .fselect{appearance:none;border:1px solid var(--cobalt);background-color:transparent;color:var(--ink);font-family:var(--font-body);font-size:.82rem;padding:.36rem 1.9rem .36rem .7rem;cursor:pointer;max-inline-size:100%;
  background-image:url("/shared/img/a1897202dd8b.svg");background-repeat:no-repeat;background-position:right .6rem center}
html.dl[dir="rtl"] .fselect{padding:.36rem .7rem .36rem 1.9rem;background-position:left .6rem center;font-family:var(--font-ar)}
html.dl .fgroup--area{align-self:center}
html.dl .filters__clear{align-self:center}

html.dl .lgrid{display:grid;gap:clamp(.9rem,1.8vw,1.4rem);grid-template-columns:repeat(auto-fill,minmax(min(100%,17.5rem),1fr))}
html.dl .lgrid>.emptybox,html.dl .lgrid>.errpanel,html.dl .lgrid>.loadingline{grid-column:1/-1}
html.dl .pager{display:flex;gap:1rem;align-items:center;justify-content:center;margin-block:1.6rem .4rem}
html.dl .pager__at{font-size:.82rem;color:var(--muted)}

/* ---------- the listing card: a plot on the sheet ---------- */
html.dl .lcard{
  position:relative;display:flex;flex-direction:column;min-inline-size:0;border:1px solid var(--cobalt-200);background-color:transparent;
  animation:dl-settle var(--t-slow) var(--settle-slow) both;animation-delay:calc(var(--i,0) * 45ms);
  transition:border-color var(--t-fast) var(--settle)
}
html.dl .lcard:hover,html.dl .lcard:focus-within{border-color:var(--cobalt)}
html.dl .lcard::after{content:"";position:absolute;inset:3px;pointer-events:none;opacity:0;transition:opacity var(--t-fast) var(--settle);
  background-image:var(--tick-tl),var(--tick-tr),var(--tick-bl),var(--tick-br);background-repeat:no-repeat;background-size:11px 11px;background-position:0 0,100% 0,0 100%,100% 100%}
html.dl .lcard:hover::after,html.dl .lcard:focus-within::after{opacity:1}
html.dl .lcard__media{display:block;text-decoration:none;border-block-end:1px solid var(--cobalt-200)}
html.dl .lcard__media .mslot__plate{border:0}
html.dl .lcard__media .mslot__cap{border-block-start:1px solid var(--cobalt-200);padding:.22rem .7rem}
html.dl .lcard__body{padding:.7rem .85rem .4rem;display:grid;gap:.22rem;flex:1;align-content:start}
html.dl .lcard__body p{margin:0;max-inline-size:none}
html.dl .lcard__kind{font-family:var(--font-mono);font-size:.58rem;letter-spacing:.15em;text-transform:uppercase;color:var(--cobalt-500)}
html.dl[lang="ar"] .lcard__kind{font-family:var(--font-ar);font-size:.72rem;letter-spacing:0}
html.dl .lcard__title{font-size:1.24rem;line-height:1.16;margin:0}
html.dl[lang="ar"] .lcard__title{font-size:1.36rem;line-height:1.5}
html.dl .lcard__title a{color:inherit;text-decoration:none}
html.dl .lcard__title a:hover{text-decoration:underline;text-decoration-thickness:1px}
html.dl .lcard__title a::after{content:"";position:absolute;inset:0 0 auto 0;block-size:60%}
html.dl .lcard__price{font-size:.84rem;color:var(--muted)}
html.dl .lcard__price .num{font-size:1.12rem;color:var(--ink)}
html.dl .lcard__asking{font-size:.74rem}
html.dl .lcard__meta,html.dl .lcard__where,html.dl .lcard__days{font-size:.8rem;color:var(--ink)}
html.dl .lcard__where{color:var(--muted)}
html.dl .lcard__ppm{color:var(--muted)}
html.dl .lcard__ppm .num{color:var(--muted)}
html.dl .lcard__firm{font-size:.78rem;border-block-start:1px dotted var(--cobalt-200);padding-block-start:.4rem;margin-block-start:.25rem!important}
html.dl .lcard__firm b{color:var(--cobalt)}
html.dl .lcard__dup{font-family:var(--font-mono);font-size:.64rem;color:var(--ink);border:1px solid var(--cobalt);padding:.02rem .3rem;white-space:nowrap}
html.dl[lang="ar"] .lcard__dup{font-family:var(--font-ar);font-size:.7rem}
html.dl .lcard__foot{display:flex;gap:.35rem;flex-wrap:wrap;align-items:center;padding:.5rem .85rem .75rem;position:relative;z-index:1}
html.dl .lcard__foot .tbtn--quiet{margin-inline-start:auto}
html.dl .lcard__reasons{border-block-start:1px solid var(--cobalt-200);padding:.6rem .85rem .8rem;position:relative;z-index:1;animation:dl-settle var(--t-mid) var(--settle) both}
html.dl .lcard__why{font-size:.78rem;margin:0 0 .4rem}
html.dl .chipsrow{display:flex;flex-wrap:wrap;gap:.3rem}
html.dl .rchip{appearance:none;background:transparent;border:1px solid var(--cobalt-200);color:var(--cobalt);cursor:pointer;font-family:var(--font-body);font-size:.76rem;padding:.24rem .55rem}
html.dl[lang="ar"] .rchip{font-family:var(--font-ar);font-size:.82rem}
html.dl .rchip:hover{border-color:var(--cobalt);background-image:var(--hatch-1)}
html.dl .rskip{appearance:none;background:none;border:0;color:var(--muted);cursor:pointer;font:inherit;font-size:.74rem;text-decoration:underline;padding:.4rem 0 0}
html.dl .lcard--aside{flex-direction:row;align-items:center;gap:.6rem;padding:.55rem .85rem;border-style:dashed;animation:none}
html.dl .lcard--aside::after{display:none}
html.dl .lcard__asideline{margin:0;font-size:.8rem;color:var(--muted);flex:1}
html.dl .lcard__asideline b{font-weight:400;color:var(--ink)}

/* ---------- the journey card: small, in place, one at a time ---------- */
html.dl .jcslot{margin-block:1rem}
html.dl .jc{
  position:relative;max-inline-size:34rem;border:1px solid var(--cobalt);background-color:var(--porcelain);background-image:var(--ground-paper);
  padding:.85rem 1rem 1rem;animation:dl-settle var(--t-slow) var(--settle-slow) both
}
html.dl .jc::after{content:"";position:absolute;inset:3px;pointer-events:none;
  background-image:var(--tick-tl),var(--tick-tr),var(--tick-bl),var(--tick-br);background-repeat:no-repeat;background-size:11px 11px;background-position:0 0,100% 0,0 100%,100% 100%}
html.dl .jc.is-leaving{opacity:0;transform:translateY(4px);transition:opacity 240ms var(--settle),transform 240ms var(--settle)}
html.dl .jc.is-busy{cursor:progress}
html.dl .jc__head{display:flex;gap:.8rem;align-items:baseline;justify-content:space-between}
html.dl .jc__eyebrow{font-size:.78rem;color:var(--muted);margin:0;max-inline-size:none;flex:1}
html.dl .jc__x{appearance:none;background:none;border:0;color:var(--cobalt);cursor:pointer;font:inherit;font-size:.76rem;text-decoration:underline;text-underline-offset:.2em;white-space:nowrap;padding:.1rem 0;position:relative;z-index:1}
html.dl .jc__q{font-size:1.32rem;line-height:1.2;margin:.3rem 0 .55rem}
html.dl[lang="ar"] .jc__q{font-size:1.46rem;line-height:1.55}
html.dl .jc__benefit{font-size:.84rem;margin:0 0 .6rem}
html.dl .jc__opts{display:grid;gap:.4rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,9.5rem),1fr));position:relative;z-index:1}
html.dl .jc__opts--bands{grid-template-columns:repeat(auto-fit,minmax(min(100%,7rem),1fr))}
html.dl .jc__opt{appearance:none;cursor:pointer;padding:.6rem .7rem;margin:0;font-size:.9rem;line-height:1.35}
html.dl .jc__opt b{font-size:.94rem}
html.dl[lang="ar"] .jc__opt b{font-size:1rem}
html.dl .jc__layer--two{border-block-start:1px solid var(--cobalt-200);margin-block-start:.8rem;padding-block-start:.6rem;animation:dl-settle var(--t-mid) var(--settle) both}
html.dl .jc__more,html.dl .jc__how{font-size:.84rem;color:var(--ink);margin:0 0 .5rem}
html.dl .jc__row{margin-block-start:.6rem;position:relative;z-index:1}
html.dl .jc__done{cursor:pointer;font-size:.84rem;padding:.45rem 1rem}
html.dl .jc__text{inline-size:100%;border:1px solid var(--cobalt-200);padding:.6rem;font-family:var(--font-body);font-size:.92rem;background:transparent;resize:vertical;position:relative;z-index:1}
html.dl[lang="ar"] .jc__text{font-family:var(--font-ar)}
html.dl .jc__payoff{
  position:relative;margin:.8rem 0 0;padding-inline-start:1.2rem;font-size:.9rem;color:var(--ink);max-inline-size:none
}
html.dl .jc__payoff::before{content:"";position:absolute;inset-inline-start:.1rem;inset-block-start:.78em;inline-size:.7rem;block-size:1px;background:var(--cobalt)}
html.dl .jc__payoff.is-in{animation:dl-settle var(--t-slow) var(--settle-slow) both}
html.dl .jc__fail{font-size:.8rem;font-weight:600;margin:.5rem 0 0}
html.dl .jc__opts--chips{display:flex;flex-wrap:wrap}
html.dl .jc__chip{appearance:none;background:transparent;border:1px solid var(--cobalt);color:var(--cobalt);cursor:pointer;font-family:var(--font-body);font-size:.8rem;padding:.3rem .7rem}
html.dl[lang="ar"] .jc__chip{font-family:var(--font-ar);font-size:.86rem}
html.dl .jc__chip[aria-pressed="true"]{background-image:var(--hatch-x);font-weight:700}
html.dl .jc__pins{list-style:none;margin:.6rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem .9rem;font-size:.82rem}
html.dl .jc__pins li{display:flex;gap:.4rem;align-items:center}
html.dl .jc__pinrm{appearance:none;background:none;border:0;color:var(--cobalt);cursor:pointer;font:inherit;font-size:.74rem;text-decoration:underline}
html.dl .jc__map .amap{block-size:15rem;margin-block-end:.6rem}
html.dl .pchip{display:inline-block;padding:.12rem .5rem;font-size:.78rem}
html.dl .jc__toggle{display:flex;gap:.6rem;align-items:center;font-size:.88rem;cursor:pointer;position:relative;z-index:1}
html.dl .switch{appearance:none;inline-size:2.5rem;block-size:1.3rem;padding:0;position:relative;cursor:pointer;flex:0 0 auto}
html.dl .switch i{position:absolute;inset-block:2px;inset-inline-start:2px;inline-size:.95rem;transition:inset-inline-start var(--t-fast) var(--settle)}
html.dl .switch[aria-checked="true"] i{inset-inline-start:calc(100% - .95rem - 2px)}
html.dl .jc__switchstate{font-family:var(--font-mono);font-size:.66rem;color:var(--muted)}
html.dl .jc__group+.jc__group{margin-block-start:.7rem}
html.dl .jc__group>p{font-size:.84rem;margin:0 0 .35rem}
/* answered: the card quietens to its question, the chosen answer and the payoff */
html.dl .jc.is-answered .jc__benefit{display:none}
/* PRIVATE cards: distinct and quiet. A dashed double frame, no corner ticks, a still ground. */
html.dl .jc--private{border:1px dashed var(--cobalt-400);outline:1px solid var(--cobalt-200);outline-offset:4px;background-image:none;background-color:var(--porcelain-2);margin:5px}
html.dl .jc--private::after{display:none}
html.dl .jc--private .jc__eyebrow{font-family:var(--font-display);font-size:1rem;color:var(--cobalt);font-style:italic}
html.dl[lang="ar"] .jc--private .jc__eyebrow{font-family:var(--font-ar-display);font-style:normal;font-size:1.12rem}
html.dl .jc--private .jc__q{font-size:1.18rem;font-weight:400}
html.dl[lang="ar"] .jc--private .jc__q{font-size:1.3rem}
html.dl .jc--private .jc__opt{border-color:var(--cobalt-200)}
html.dl .jc__standing{font-size:.76rem;color:var(--muted);border-block-start:1px dashed var(--cobalt-200);margin:.9rem 0 0;padding-block-start:.5rem;max-inline-size:none}

/* ---------- the order rail ---------- */
html.dl .orail__k{font-family:var(--font-mono);font-size:.58rem;letter-spacing:.16em;text-transform:uppercase;color:var(--cobalt-500);margin:0 0 .4rem}
html.dl[lang="ar"] .orail__k{font-family:var(--font-ar);font-size:.76rem;letter-spacing:0}
html.dl .orail__list{list-style:none;margin:0;padding:0;display:grid;gap:0;border:1px solid var(--cobalt)}
html.dl .orail__cell{border-block-end:1px solid var(--cobalt-200);background-color:var(--porcelain)}
html.dl .orail__cell:last-child{border-block-end:0}
html.dl .orail__btn{appearance:none;background:transparent;border:0;inline-size:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.55rem;align-items:baseline;padding:.42rem .6rem;text-align:start;color:var(--ink);font:inherit;font-size:.84rem}
html.dl button.orail__btn{cursor:pointer}
html.dl button.orail__btn:hover{background-image:var(--hatch-1)}
html.dl .orail__no{font-size:.7rem;color:var(--cobalt-400)}
html.dl .orail__name{color:var(--cobalt);font-weight:600}
html.dl .orail__depth{font-family:var(--font-mono);font-size:.56rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);white-space:nowrap}
html.dl[lang="ar"] .orail__depth{font-family:var(--font-ar);font-size:.68rem;letter-spacing:0}
html.dl .orail__cell.is-moved{animation:orail-mark 2.6s var(--settle-slow) both}
@keyframes orail-mark{0%,55%{background-image:var(--hatch-2)}100%{background-image:none}}
html.dl .orail__cell.is-planned .orail__name{font-weight:400}
html.dl .orail__opens{font-size:.84rem;margin:.55rem 0 0;position:relative;padding-inline-start:1.2rem}
html.dl .orail__opens::before{content:"";position:absolute;inset-inline-start:.1rem;inset-block-start:.78em;inline-size:.7rem;block-size:1px;background:var(--cobalt)}
html.dl .orail__opens.is-in{animation:dl-settle var(--t-slow) var(--settle-slow) both}
html.dl .orail--compact .orail__list{grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr))}
html.dl .orail--compact .orail__cell{border-block-end:0;border-inline-end:1px solid var(--cobalt-200)}
html.dl .orail--compact .orail__btn{grid-template-columns:auto minmax(0,1fr)}
html.dl .orail--compact .orail__depth{display:none}
html.dl .orail__same{margin-block-start:.7rem;font-size:.74rem}

/* ---------- the Unit Guide ---------- */
html.dl .ghead__back{margin:0 0 .8rem;font-size:.84rem}
html.dl .ghead__title{font-size:clamp(2rem,4.2vw,3.3rem);margin-block-end:.25em}
html.dl[lang="ar"] .ghead__title{font-size:clamp(2.1rem,4.4vw,3.5rem);line-height:1.36}
html.dl .ghead__lede{max-inline-size:none;margin-block-end:.5rem}
html.dl .ghead .lcard__firm{border:0;padding:0;font-size:.86rem;margin:0 0 .7rem!important}
html.dl .ghead__acts{display:flex;gap:.4rem;flex-wrap:wrap;align-items:center;margin-block-end:1.2rem}

html.dl .gmedia__grid{display:grid;gap:.6rem;grid-template-columns:minmax(0,1fr)}
html.dl .gmedia__small{display:grid;gap:.6rem;grid-template-columns:repeat(3,minmax(0,1fr))}
@media (min-width:54rem){
  html.dl .gmedia__grid{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start}
  html.dl .gmedia__small{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:30rem){html.dl .gmedia__small{grid-template-columns:repeat(2,minmax(0,1fr))}}
html.dl .gmedia__note{margin:.5rem 0 0}
html.dl .gfacts{max-inline-size:none;margin-block:1.2rem}
html.dl .gfacts>div{flex:1 1 8rem}
html.dl .gbanner{background:transparent;border-inline-start-width:5px;margin-block-end:1.4rem}
html.dl .gbanner p{max-inline-size:78ch}

html.dl .glayout{display:grid;gap:clamp(1rem,2.6vw,2.2rem);grid-template-columns:minmax(0,1fr)}
@media (min-width:62rem){
  html.dl .glayout{grid-template-columns:minmax(0,15.5rem) minmax(0,13rem) minmax(0,1fr);align-items:start}
  html.dl .glayout__rail{position:sticky;inset-block-start:4.8rem;grid-column:2}
  html.dl .glayout__main{grid-column:3}
}
html.dl .gpane{display:none}
@media (min-width:62rem){
  html.dl .gpane{display:block;position:sticky;inset-block-start:4.8rem;grid-column:1;border:1px solid var(--cobalt);background:var(--porcelain)}
}
html.dl .gpane__map{block-size:12.5rem;position:relative;overflow:hidden}
html.dl .gpane__fig{block-size:12.5rem;padding:.7rem;display:flex;align-items:center;justify-content:center}
html.dl .gpane__box{border:1px solid var(--cobalt-200);padding:.7rem;font-size:.84rem;inline-size:100%}
html.dl .gpane__hatch{inline-size:100%;block-size:100%;background-image:var(--hatch-2);border:1px dashed var(--cobalt-400)}
html.dl .gpane__cap{font-size:.76rem;color:var(--muted);margin:0;padding:.55rem .7rem;border-block-start:1px solid var(--cobalt-200)}
html.dl .gpane__cap.is-in{animation:dl-settle var(--t-slow) var(--settle-slow) both}
html.dl .gpane__abs{display:block;margin-block-start:.3rem;font-size:.72rem}
html.dl .gbasket{inline-size:100%;font-size:.82rem;max-block-size:11.5rem;overflow:auto}
html.dl .gbasket__k{margin:0 0 .4rem;font-family:var(--font-mono);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--cobalt-500)}
html.dl[lang="ar"] .gbasket__k{font-family:var(--font-ar);font-size:.74rem;letter-spacing:0}
html.dl .gbasket__list{list-style:none;margin:0;padding:0}
html.dl .gbasket__row{display:flex;justify-content:space-between;gap:.5rem;align-items:center;padding:.35rem 0;border-block-end:1px solid var(--cobalt-200)}
html.dl .gbasket__add{appearance:none;border:1px solid var(--cobalt);background:var(--porcelain);color:var(--cobalt);font-size:.72rem;padding:.2rem .5rem;cursor:pointer;flex:0 0 auto}
html.dl .gbasket__add[aria-pressed="true"]{background:var(--cobalt);color:var(--porcelain)}
html.dl .glayout__main{min-inline-size:0}
html.dl .gopens{position:relative;font-family:var(--font-display);font-size:1.2rem;color:var(--ink);margin:0 0 1rem;padding-inline-start:1.4rem;max-inline-size:none}
html.dl[lang="ar"] .gopens{font-family:var(--font-ar-display);font-size:1.3rem;line-height:1.7}
html.dl .gopens::before{content:"";position:absolute;inset-inline-start:.1rem;inset-block-start:.8em;inline-size:.85rem;block-size:1px;background:var(--cobalt)}
html.dl .gopens.is-in{animation:dl-settle var(--t-slow) var(--settle-slow) both}
html.dl .gthree{margin:.9rem 0 0;font-size:.8rem}

html.dl .gsec{position:relative;background:transparent;border:1px solid var(--cobalt-200);border-inline-start:4px solid var(--cobalt);scroll-margin-block-start:5.5rem}
html.dl .gsec.gmod--unknown{border-inline-start-color:var(--unknown)}
html.dl .gsec--planned{border-inline-start-style:dashed}
html.dl .gsec--notrel{border-inline-start-color:var(--cobalt-200)}
html.dl .gsec--notrel .gsec__h{color:var(--cobalt-400)}
html.dl .gsec.is-moved{outline:1px solid var(--cobalt);outline-offset:4px;transition:outline-color 1.6s var(--settle-slow)}
html.dl .gsec{opacity:0;transform:translateY(16px);transition:opacity var(--t-slow) var(--settle-slow),transform var(--t-slow) var(--settle-slow)}
html.dl .gsec.is-revealed{opacity:1;transform:none}
html.dl .orail__cell.is-current{background-image:var(--hatch-1)}
html.dl .orail__cell.is-current .orail__name{color:var(--cobalt-700,var(--cobalt))}
html.dl .orail__cell.is-current::after{content:"";position:absolute;inset-inline-start:0;inset-block:0;inline-size:3px;background:var(--cobalt)}
html.dl .orail__cell{position:relative}
html.dl .gsec__name{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--cobalt-500);margin-inline-end:auto}
html.dl[lang="ar"] .gsec__name{font-family:var(--font-ar);font-size:.76rem;letter-spacing:0}
html.dl .gsec__h{font-size:clamp(1.3rem,2.4vw,1.7rem);line-height:1.18;margin:.2rem 0 .5rem;max-inline-size:40ch}
html.dl[lang="ar"] .gsec__h{font-size:clamp(1.4rem,2.6vw,1.86rem);line-height:1.5}
html.dl .gsec__why{position:relative;font-size:.86rem;margin:0 0 .7rem;padding-inline-start:1.2rem;max-inline-size:none}
html.dl .gsec__why::before{content:"";position:absolute;inset-inline-start:.1rem;inset-block-start:.78em;inline-size:.7rem;block-size:1px;background:var(--cobalt)}
html.dl .gsec__why b{font-family:var(--font-mono);font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;color:var(--cobalt-400);font-weight:400;margin-inline-end:.3rem}
html.dl[lang="ar"] .gsec__why b{font-family:var(--font-ar);font-size:.74rem;letter-spacing:0}
html.dl .st{display:grid;grid-template-columns:5.6rem minmax(0,1fr);gap:.2rem .7rem;align-items:baseline;font-size:.94rem;margin:.55rem 0 0;max-inline-size:none}
html.dl[lang="ar"] .st{grid-template-columns:5.2rem minmax(0,1fr)}
html.dl .st .epi{justify-self:start}
html.dl .st__text{color:var(--ink)}
html.dl .st__text.u-unk{color:var(--unknown)}
html.dl .st__src{grid-column:2;font-family:var(--font-mono);font-size:.64rem;color:var(--muted);letter-spacing:.04em}
html.dl[lang="ar"] .st__src{font-family:var(--font-ar);font-size:.74rem}
@media (max-width:30rem){html.dl .st{grid-template-columns:minmax(0,1fr)}html.dl .st__src{grid-column:1}}
html.dl .gsec__depth{margin:.8rem 0 0;font-size:.84rem}
html.dl .gsec__foot{display:flex;gap:.4rem;flex-wrap:wrap;align-items:center;margin-block-start:1rem;border-block-start:1px dotted var(--cobalt-200);padding-block-start:.6rem}
html.dl .gsec__note{font-size:.76rem;color:var(--muted)}
html.dl .gq{margin:.9rem 0 0;padding-inline-start:1.4rem;display:grid;gap:.6rem}
html.dl .gq li::marker{font-family:var(--font-mono);font-size:.78rem;color:var(--cobalt-400)}
html.dl .gq__t{display:block;font-family:var(--font-display);font-size:1.14rem;line-height:1.3;color:var(--ink)}
html.dl[lang="ar"] .gq__t{font-family:var(--font-ar-display);font-size:1.24rem;line-height:1.65}
html.dl .gq__b{display:block;font-size:.76rem;color:var(--muted)}
html.dl .gfirms{margin-block-start:.9rem;font-size:.84rem}
html.dl .gfirms__k,html.dl .gtrips__k{font-family:var(--font-mono);font-size:.58rem;letter-spacing:.16em;text-transform:uppercase;color:var(--cobalt-500);margin:0 0 .3rem}
html.dl[lang="ar"] .gfirms__k,html.dl[lang="ar"] .gtrips__k{font-family:var(--font-ar);font-size:.76rem;letter-spacing:0}
html.dl .gfirms ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.3rem 1.2rem}
html.dl .gconv{margin-block-start:1rem;border-block-start:1px solid var(--cobalt-200);padding-block-start:.9rem}
html.dl .gconv__note{margin:.6rem 0 0}
html.dl .gtrips{margin-block-start:1rem;display:grid;gap:.8rem}
html.dl .gtrips__map .amap{block-size:clamp(16rem,44vh,24rem)}
html.dl .gtrips__list{list-style:none;margin:0 0 .5rem;padding:0;display:flex;gap:.4rem;flex-wrap:wrap}
html.dl .gtrips__drawbtn{margin:0}
html.dl .gmods{margin-block-start:1.6rem}
html.dl .gmods__h{font-size:1.4rem}
html.dl .gmods__grid{display:grid;gap:var(--gap);grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr))}
html.dl .gmod2 h3{margin-block-end:.4rem}
html.dl .gmod2 p,html.dl .gmod2 li{font-size:.88rem}
html.dl .gmod2__list{margin:0;padding-inline-start:1.1rem;display:grid;gap:.3rem}
html.dl .gknow{display:grid;gap:0;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));border:1px solid var(--cobalt-200);margin-block-start:1.6rem}
html.dl .gknow__col{padding:.7rem .9rem;border-inline-end:1px solid var(--cobalt-200)}
html.dl .gknow__col:last-child{border-inline-end:0}
html.dl .gknow__col--u{background-color:var(--unknown-ground);background-image:var(--hatch-u)}
html.dl .gknow__k{font-size:.8rem;margin:0 0 .3rem}
html.dl .gknow__v{font-size:.88rem;margin:0}
html.dl .gknow__col--u .gknow__v{background:var(--unknown-ground);display:inline;padding:.1rem .2rem;box-decoration-break:clone;-webkit-box-decoration-break:clone}
html.dl .gcta{margin-block-start:1.8rem;border:1px solid var(--cobalt);border-inline-start-width:5px}
html.dl .gcta p{margin:0 0 .5rem;max-inline-size:78ch}
html.dl .gcta__row{margin:.7rem 0 0!important}

/* ---------- shortlist and compare ---------- */
html.dl .slist .fl{grid-template-columns:3.4rem minmax(0,1fr) auto}
html.dl .fl__firm{font-size:.78rem;margin:.25rem 0 0;max-inline-size:none}
html.dl .fl__firm b{color:var(--cobalt)}
html.dl .fl__egp{font-size:.7rem;color:var(--muted)}
html.dl .fl__acts{grid-column:2/-1;display:flex;gap:.4rem;flex-wrap:wrap;margin-block-start:.5rem}
html.dl .slist__foot{margin-block-start:1.2rem}
html.dl .cmp__scroll{overflow-x:auto;border:1px solid var(--cobalt)}
html.dl .cmp__table{border-collapse:collapse;inline-size:100%;min-inline-size:40rem;font-size:.88rem}
html.dl .cmp__table th,html.dl .cmp__table td{border-block-end:1px solid var(--cobalt-200);border-inline-end:1px solid var(--cobalt-200);padding:.5rem .7rem;text-align:start;vertical-align:top}
html.dl .cmp__table tr>*:last-child{border-inline-end:0}
html.dl .cmp__table tbody tr:last-child>*{border-block-end:0}
html.dl .cmp__table thead th{inline-size:22%;font-weight:400}
html.dl .cmp__table tbody th{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--cobalt-500);font-weight:400;inline-size:9rem}
html.dl[lang="ar"] .cmp__table tbody th{font-family:var(--font-ar);font-size:.8rem;letter-spacing:0}
html.dl .cmp__name{display:block;font-family:var(--font-display);font-size:1.1rem;font-weight:600;color:var(--cobalt);text-decoration:none;margin:.4rem 0 .3rem;line-height:1.2}
html.dl[lang="ar"] .cmp__name{font-family:var(--font-ar-display);font-weight:400;font-size:1.2rem;line-height:1.5}
html.dl .cmp__u td{background-color:var(--unknown-ground)}

/* ---------- what the guide understands ---------- */
html.dl .you__sec{margin-block-start:1.8rem}
html.dl .you__sec>h2{font-size:clamp(1.4rem,2.6vw,1.9rem);border-block-end:1px solid var(--cobalt);padding-block-end:.3rem}
html.dl .you__declared{list-style:none;margin:0;padding:0;display:grid;gap:0;border-block-end:1px solid var(--cobalt-200)}
html.dl .you__d{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.4rem 1rem;align-items:start;padding:.8rem .2rem;border-block-start:1px solid var(--cobalt-200)}
html.dl .you__d:first-child{border-block-start:0}
html.dl .you__q{font-size:.8rem;color:var(--muted);margin:0}
html.dl .you__a{font-family:var(--font-display);font-size:1.22rem;color:var(--cobalt);margin:.1rem 0 0;line-height:1.3}
html.dl[lang="ar"] .you__a{font-family:var(--font-ar-display);font-size:1.34rem;line-height:1.6}
html.dl .you__ptag{font-size:.72rem;color:var(--muted);margin:.2rem 0 0;font-style:italic}
html.dl .you__d--private{border-inline-start:1px dashed var(--cobalt-400);padding-inline-start:.8rem}
html.dl .you__acts{display:flex;gap:.3rem;flex-wrap:wrap}
html.dl .you__editor{grid-column:1/-1;display:grid;gap:.4rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr))}
html.dl .you__states{display:grid;gap:var(--gap);grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));margin-block-start:1rem}
html.dl .you__state{border:1px solid var(--cobalt-200);padding:.8rem .9rem}
html.dl .you__state[data-band="high"]{border-color:var(--cobalt)}
html.dl .you__statehead{display:flex;gap:.6rem;align-items:baseline;justify-content:space-between;flex-wrap:wrap;margin-block-end:.5rem}
html.dl .you__statehead h3{margin:0;font-size:1.16rem}
html.dl[lang="ar"] .you__statehead h3{font-size:1.26rem}
html.dl .you__band{display:inline-flex;gap:.45rem;align-items:center}
html.dl .you__bandbar{display:inline-flex;gap:2px}
html.dl .you__bandbar i{display:block;inline-size:.9rem;block-size:.55rem;border:1px solid var(--cobalt-200)}
html.dl .you__state[data-band="low"] .you__bandbar i:nth-child(1),
html.dl .you__state[data-band="moderate"] .you__bandbar i:nth-child(-n+2),
html.dl .you__state[data-band="high"] .you__bandbar i{background-image:var(--hatch-x);border-color:var(--cobalt)}
html.dl .you__bandword{font-family:var(--font-mono);font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink)}
html.dl[lang="ar"] .you__bandword{font-family:var(--font-ar);font-size:.78rem;letter-spacing:0}
html.dl .you__evk{font-family:var(--font-mono);font-size:.56rem;letter-spacing:.14em;text-transform:uppercase;color:var(--cobalt-400);margin:.5rem 0 .15rem}
html.dl[lang="ar"] .you__evk{font-family:var(--font-ar);font-size:.72rem;letter-spacing:0}
html.dl .you__ev{margin:0;padding-inline-start:1rem;font-size:.84rem;display:grid;gap:.15rem}
html.dl .you__evnone{font-size:.8rem;margin:0}
html.dl .you__neverlist{list-style:none;margin:.8rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.35rem}
html.dl .you__neverlist li{border:1px solid var(--cobalt-200);padding:.2rem .6rem;font-size:.8rem;text-decoration:line-through;text-decoration-color:var(--cobalt-400);text-decoration-thickness:1px}

/* ---------- consent ---------- */
html.dl .con{display:grid;gap:var(--gap);margin-block-start:1.2rem}
html.dl .con__rest{display:grid;gap:var(--gap)}
html.dl .kgroup{position:relative}
html.dl .kgroup__head{display:flex;gap:.5rem 1rem;align-items:baseline;justify-content:space-between;flex-wrap:wrap;margin-block-end:.4rem}
html.dl .kgroup__head h3{margin:0;font-size:1.3rem}
html.dl[lang="ar"] .kgroup__head h3{font-size:1.42rem}
html.dl .kgroup p{max-inline-size:none}
html.dl .kstate{color:var(--cobalt)}
html.dl .kstate[data-st="open"]{color:var(--muted)}
html.dl[lang="ar"] .kstate{font-family:var(--font-ar);font-size:.74rem;letter-spacing:0;text-transform:none}
html.dl .paths{display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,11rem),1fr));margin-block-start:.7rem}
html.dl .path{appearance:none;cursor:pointer;padding:.7rem .85rem;font-family:var(--font-body);font-size:.92rem;display:grid;gap:.15rem}
html.dl[lang="ar"] .path{font-family:var(--font-ar)}
html.dl .path b{font-weight:600}
html.dl .con__age .kgroup__head h3{font-size:1.5rem}
html.dl .con__ok{font-size:.88rem;margin:0}
html.dl .con__q{font-family:var(--font-display);font-size:1.2rem;color:var(--ink);margin:0 0 .4rem}
html.dl[lang="ar"] .con__q{font-family:var(--font-ar-display);font-size:1.3rem}
html.dl .gatelist{max-inline-size:none;grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr))}
html.dl .gatelist label{background:transparent;align-items:center}
html.dl .con__terms{display:flex;gap:.8rem 2rem;flex-wrap:wrap;margin-block:.9rem .4rem;font-size:.86rem}
html.dl .con__term{display:grid;gap:.3rem}
html.dl .con__hours{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap}
html.dl .con__gets{margin-block:.9rem;background:transparent;border-color:var(--cobalt-200)}
html.dl .con__gets::after{display:none}
html.dl .con__row{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center;margin-block-start:.9rem}
html.dl .con__row .btn,html.dl .btn-revoke{cursor:pointer}
html.dl .btn-revoke{padding:.3rem .7rem}
html.dl[lang="ar"] .btn-revoke{font-family:var(--font-ar);font-size:.8rem;letter-spacing:0;text-transform:none}
html.dl .con__none,html.dl .con__max{font-weight:600;margin:.5rem 0 0}
html.dl .con__noview{margin-block-start:.9rem}
html.dl .con__chosen{list-style:none;margin:.4rem 0;padding:0;display:grid;gap:.25rem;font-size:.92rem}
html.dl .con__locked{margin:0}

/* ---------- the Buyer Card ---------- */
html.dl .cardstage{margin-block-start:1.4rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,21rem),1fr))}
html.dl .bcard h3{font-size:1.2rem;margin-block-end:.4rem}
html.dl[lang="ar"] .bcard h3{font-size:1.3rem}
html.dl .bcard p{max-inline-size:none}
html.dl .bcard__logo{inline-size:10rem;block-size:auto;display:block;margin-block-end:.5rem}
html.dl .bcard__id{font-size:.62rem;margin:0}
html.dl[lang="ar"] .bcard__id,html.dl[lang="ar"] .bcard__side{font-family:var(--font-ar);letter-spacing:0;font-size:.78rem;text-transform:none}
html.dl .bcard hr{margin-block:1rem}
html.dl .bc__declared,html.dl .bc__private{list-style:none;margin:0;padding:0}
html.dl .bc__declared li,html.dl .bc__private li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.6rem;align-items:start;padding:.55rem 0;border-block-end:1px dotted var(--cobalt-200)}
html.dl .bc__k{font-size:.76rem;color:var(--muted);margin:0}
html.dl .bc__v{font-size:1rem;color:var(--ink);margin:.05rem 0 0;font-weight:600}
html.dl .bc__declared li.is-hidden .bc__v{text-decoration:line-through;text-decoration-thickness:1px;color:var(--muted);font-weight:400}
html.dl .bc__hiddentag{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.08em;color:var(--cobalt-500);margin:.15rem 0 0}
html.dl[lang="ar"] .bc__hiddentag{font-family:var(--font-ar);font-size:.72rem;letter-spacing:0}
html.dl .bc__units{border:0;padding:0;margin:.2rem 0 .7rem}
html.dl .bc__secs{margin-block-start:.3rem}
html.dl[lang="ar"] .bc__secs .chip{font-family:var(--font-ar);font-size:.76rem;letter-spacing:0}
html.dl .bc__privh{font-style:italic}
html.dl[lang="ar"] .bc__privh{font-style:normal}
html.dl .bc__ledgerh{font-size:1.4rem;margin-block-end:.2rem}
html.dl .ledger{margin-block-start:.9rem}
html.dl .ledger li{border-radius:0}
html.dl .ledger .badge{font-size:.6rem}
html.dl[lang="ar"] .ledger .badge{font-family:var(--font-ar);letter-spacing:0;font-size:.72rem;text-transform:none}
html.dl[lang="ar"] .ledger__what{font-family:var(--font-ar);font-size:.8rem}
html.dl .bc__send{cursor:pointer;inline-size:100%;margin-block-start:.4rem}
html.dl .bc__sent{border:1px solid var(--cobalt);border-inline-start-width:5px;padding:.8rem 1rem;animation:dl-settle var(--t-slow) var(--settle-slow) both}
html.dl .bc__sent ul{list-style:none;margin:.3rem 0 .6rem;padding:0;display:grid;gap:.2rem}
html.dl .bc__sent p{margin:0 0 .3rem}

/* ---------- one unit, three guides ---------- */
html.dl .three__unit{font-family:var(--font-display);font-size:1.3rem;color:var(--ink);margin:0 0 .4rem;max-inline-size:none}
html.dl[lang="ar"] .three__unit{font-family:var(--font-ar-display);font-size:1.42rem}
html.dl .three__grid{display:grid;gap:var(--gap);grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));margin-block-start:1.4rem;align-items:start}
html.dl .three__tag{font-family:var(--font-mono);font-size:.56rem;letter-spacing:.14em;text-transform:uppercase;color:var(--cobalt-500);border:1px dashed var(--cobalt-200);display:inline-block;padding:.04rem .34rem;margin:0 0 .4rem}
html.dl[lang="ar"] .three__tag{font-family:var(--font-ar);font-size:.72rem;letter-spacing:0}
html.dl .three__name{font-size:1.3rem;line-height:1.22;margin-block-end:.5rem}
html.dl[lang="ar"] .three__name{font-size:1.4rem;line-height:1.5}
html.dl .three__opens{font-size:.86rem;border-inline-start:2px solid var(--cobalt);padding-inline-start:.7rem}
html.dl .three__list{list-style:none;margin:.8rem 0 0;padding:0;display:grid;gap:0;border-block-start:1px solid var(--cobalt)}
html.dl .three__sec{border-block-end:1px solid var(--cobalt-200);padding:.55rem .1rem .6rem}
html.dl .three__sec.is-up{background-image:var(--hatch-1);background-repeat:no-repeat;background-size:.45rem 100%;background-position:0 0;padding-inline-start:.9rem}
html.dl[dir="rtl"] .three__sec.is-up{background-position:100% 0}
html.dl .three__sechead{display:flex;gap:.5rem;align-items:baseline}
html.dl .three__no{font-size:.7rem;color:var(--cobalt-400)}
html.dl .three__secname{font-weight:600;color:var(--cobalt);font-size:.9rem;flex:1}
html.dl .three__depth{font-family:var(--font-mono);font-size:.56rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
html.dl[lang="ar"] .three__depth{font-family:var(--font-ar);font-size:.7rem;letter-spacing:0}
html.dl .three__headline{font-size:.84rem;margin:.2rem 0 .3rem}
html.dl .three__marks{display:flex;gap:.3rem;flex-wrap:wrap;margin:0}
html.dl .three__note{font-family:var(--font-mono);font-size:.58rem;letter-spacing:.08em;color:var(--cobalt-500);margin:.3rem 0 0;text-transform:uppercase}
html.dl[lang="ar"] .three__note{font-family:var(--font-ar);font-size:.72rem;letter-spacing:0}
html.dl .three__sec .gsec__why{font-size:.78rem;margin:.3rem 0 0}

/* ---------- the moments drawer ---------- */
.moments{position:fixed;inset-block:0;inset-inline-end:0;inline-size:min(92vw,23rem);z-index:95;background-color:var(--porcelain);background-image:var(--ground-paper);border-inline-start:2px solid var(--cobalt);padding:1.2rem 1.1rem;overflow:auto;animation:moments-in var(--t-mid) var(--settle) both}
@keyframes moments-in{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:none}}
html[dir="rtl"] .moments{animation-name:moments-in-rtl}
@keyframes moments-in-rtl{from{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:none}}
html.dl .moments__head{display:flex;justify-content:space-between;align-items:baseline;border-block-end:2px solid var(--cobalt);padding-block-end:.4rem}
html.dl .moments__head h2{margin:0;font-size:1.6rem}
html.dl .moments__list{list-style:none;margin:.8rem 0;padding:0;counter-reset:mo}
html.dl .moments__list li{counter-increment:mo;border-block-end:1px solid var(--cobalt-200)}
html.dl .moments__btn{appearance:none;background:transparent;border:0;inline-size:100%;text-align:start;cursor:pointer;color:var(--cobalt);font-family:var(--font-display);font-size:1.12rem;line-height:1.3;padding:.7rem .2rem;display:grid;grid-template-columns:2rem minmax(0,1fr);gap:.3rem}
html.dl[lang="ar"] .moments__btn{font-family:var(--font-ar-display);font-size:1.22rem;line-height:1.55}
html.dl .moments__btn::before{content:counter(mo,decimal-leading-zero);font-family:var(--font-mono);font-size:.7rem;color:var(--cobalt-400);padding-block-start:.3rem}
html.dl .moments__btn:hover{background-image:var(--hatch-1)}
html.dl .moments__hint{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.1em;color:var(--muted)}
html.dl[lang="ar"] .moments__hint{font-family:var(--font-ar);font-size:.76rem;letter-spacing:0}

/* ---------- the foot of every page: the labels, plainly ---------- */
html.dl .sitefoot{border-block-start:2px solid var(--cobalt);margin-block-start:clamp(2rem,5vw,4rem)}
html.dl .sitefoot__in{padding-block:1rem 1.6rem;display:grid;gap:.25rem}
html.dl .sitefoot__line{margin:0;font-size:.78rem;max-inline-size:none;color:var(--ink)}
html.dl .sitefoot__line.muted{color:var(--muted)}

@media (max-width:34rem){
  html.dl .sv-sheet{padding:1.3rem .85rem 1.5rem}
  html.dl .wrap{padding-inline:.7rem}
  html.dl .gsec,html.dl .gmod{padding:.85rem .8rem}
}

/* ---------- discovery: the up-front questions, one step at a time ---------- */
html.dl .dsc__head .lede{max-inline-size:56ch}
html.dl .dsc__bar{display:flex;flex-wrap:wrap;align-items:center;gap:.9rem;margin:1.1rem 0 1.3rem;padding-block-start:.9rem;border-block-start:1px solid var(--cobalt-200)}
html.dl .dsc__dots{list-style:none;margin:0;padding:0;display:flex;gap:.4rem}
html.dl .dsc__dot{inline-size:1.6rem;block-size:3px;background:var(--cobalt-200)}
html.dl .dsc__dot.is-done{background:var(--cobalt-400)}
html.dl .dsc__dot.is-now{background:var(--cobalt)}
html.dl .dsc__step{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--cobalt-500);margin:0}
html.dl[lang="ar"] .dsc__step{font-family:var(--font-ar);font-size:.78rem;letter-spacing:0}
html.dl .dsc__skip{margin-inline-start:auto;font-size:.82rem;color:var(--muted)}
html.dl .dsc__slot{max-inline-size:34rem}
html.dl .dsc__slot .jc{position:static;box-shadow:none}
html.dl .dsc__done{padding:1.4rem 0}
html.dl .dsc__done h2{font-size:1.4rem;margin:0 0 1rem}

html.dl .gpane__static{position:relative;block-size:12.5rem;overflow:hidden;background:var(--porcelain-2)}
html.dl .gpane__img{position:absolute;inset:0;inline-size:100%;block-size:100%;object-fit:cover;object-position:center}
html.dl .gpane__over{position:absolute;inset:0;inline-size:100%;block-size:100%}
html.dl .gpane__over .m-halo{fill:none;stroke:var(--cobalt);stroke-width:1.5;stroke-dasharray:4 4}
html.dl .gpane__over .m-unit{fill:var(--cobalt);stroke:var(--porcelain);stroke-width:2}
html.dl .gpane__over .m-pin{fill:var(--porcelain);stroke:var(--cobalt);stroke-width:2}
html.dl .gpane__over .m-lead{stroke:var(--cobalt);stroke-width:1.2;stroke-dasharray:3 3}
html.dl .gpane__attrib{position:absolute;inset-block-end:0;inset-inline:0;margin:0;padding:.2rem .5rem;font-size:.62rem;color:var(--muted);background:var(--porcelain-2)}

/* anchored top-LEFT explicitly: with `inset:0` and an explicit width, a right-to-left page anchors
   the box to its right edge and the crop lands two thousand pixels away */
html.dl .gpane__move{position:absolute;left:0;top:0;right:auto;bottom:auto;transition:transform var(--t-slow) var(--settle-slow)}
html.dl .gpane__move .gpane__img{position:absolute;left:0;top:0;right:auto;bottom:auto;max-inline-size:none;object-fit:fill}
html.dl .gpane__move .gpane__over{position:absolute;left:0;top:0;right:auto;bottom:auto;inline-size:100%;block-size:100%}
html.dl .amap__sheet image{image-rendering:auto}