/* copied from PRODUCTS/UnitGuideDemo_v2.0/site/site36.css (link 63); inline images moved to /shared/img/ */
/* site36.css - link 36 (the owner's message and ruling of 29 September 2026): the engine's whole
   answer in the price section, the buyer's own questions, the calculator set aside beside the guide.
   Same instruments as 1.3: one ink, hairlines, mono for labels, Arabic labels in the Arabic face. */

/* ------------------------------------------------------------------ the engine's answer */
html.dl .ea{display:grid;gap:1.1rem;margin-block-start:1rem}
html.dl .ea__k{margin:0;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--cobalt-500)}
html.dl[lang="ar"] .ea__k{font-family:var(--font-ar);font-size:.8rem;letter-spacing:0;text-transform:none}
html.dl .ea__k--sub{margin-block-start:.7rem}
html.dl .ea__fig{border:1px solid var(--cobalt);background:var(--porcelain-2);padding:.9rem 1rem;display:grid;gap:.25rem}
html.dl .ea__v{margin:0;font-size:clamp(1.6rem,3.4vw,2.2rem);line-height:1.1;color:var(--ink)}
html.dl .ea__v .num{font-family:var(--font-mono);letter-spacing:-.01em}
html.dl .ea__cur{font-size:.9rem;color:var(--muted)}
html.dl .ea__band,html.dl .ea__per{margin:0;color:#3A3E46;font-size:.92rem}
html.dl .ea__status{margin:.35rem 0 0;font-size:.86rem;color:var(--ink)}
html.dl .ea__bar{margin:0;border:1px solid var(--cobalt-200);padding:.7rem .8rem .5rem;background:var(--porcelain)}
html.dl .ea__h{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--cobalt-500);margin-block-end:.35rem}
html.dl[lang="ar"] .ea__h{font-family:var(--font-ar);font-size:.78rem;letter-spacing:0;text-transform:none}
html.dl .ea__unitof{color:var(--muted)}
html.dl .ea__svg{display:block;inline-size:100%;block-size:auto;overflow:visible}
html.dl .ea__axis{stroke:var(--cobalt-200);stroke-width:1}
html.dl .ea__band{fill:var(--cobalt-200);fill-opacity:.55;stroke:var(--cobalt);stroke-width:1}
html.dl .ea__mid{stroke:var(--cobalt);stroke-width:2.2}
html.dl .ea__unit{fill:var(--ink);stroke:var(--porcelain);stroke-width:1.2}
html.dl .ea__unitline{stroke:var(--ink);stroke-width:1;stroke-dasharray:2 3}
html.dl .ea__lab,html.dl .ea__end{font-family:var(--font-mono);font-size:11px;fill:var(--ink)}
html.dl .ea__end{fill:var(--muted)}
html.dl .ea__lab--unit{font-weight:600}
html.dl[lang="ar"] .ea__lab,html.dl[lang="ar"] .ea__end{font-family:var(--font-ar);font-size:12px}
html.dl .ea__cap{margin:.35rem 0 0;font-size:.84rem;color:#3A3E46}
html.dl .ea__h3{margin:0 0 .45rem;font-size:1rem;color:var(--ink)}
html.dl .ea__rows{margin:0;display:grid;gap:0}
html.dl .ea__row{display:grid;grid-template-columns:10.5rem minmax(0,1fr);gap:.2rem .9rem;padding:.42rem 0;border-block-end:1px dotted var(--cobalt-200)}
html.dl .ea__row dt{font-family:var(--font-mono);font-size:.64rem;letter-spacing:.08em;text-transform:uppercase;color:var(--cobalt-500);padding-block-start:.15rem}
html.dl[lang="ar"] .ea__row dt{font-family:var(--font-ar);font-size:.8rem;letter-spacing:0;text-transform:none}
html.dl .ea__row dd{margin:0;font-size:.9rem;color:var(--ink)}
html.dl .ea__row dd small{display:block;font-size:.78rem;color:var(--muted)}
@media (max-width:34rem){html.dl .ea__row{grid-template-columns:minmax(0,1fr)}}
html.dl .ea__comps .pstrip{margin-block:0 .4rem}
html.dl .ea__more{margin-block-start:.4rem}
html.dl .ea__more>summary{cursor:pointer;color:var(--cobalt);font-size:.88rem}
html.dl .ea__tablewrap{overflow:auto;max-block-size:22rem;margin-block-start:.4rem;border:1px solid var(--cobalt-200)}
html.dl .ea__table{border-collapse:collapse;inline-size:100%;font-size:.82rem}
html.dl .ea__table th,html.dl .ea__table td{padding:.3rem .55rem;border-block-end:1px solid var(--cobalt-200);text-align:start;white-space:nowrap}
html.dl .ea__table th{position:sticky;inset-block-start:0;background:var(--porcelain-2);font-family:var(--font-mono);font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:var(--cobalt-500);font-weight:400}
html.dl[lang="ar"] .ea__table th{font-family:var(--font-ar);font-size:.76rem;letter-spacing:0;text-transform:none}
html.dl .ea__table .n{text-align:end}
html.dl .ea__not{border-inline-start:2px solid var(--cobalt);padding-inline-start:.8rem}
html.dl .ea__list{margin:.2rem 0 0;padding-inline-start:1.2rem;display:grid;gap:.3rem;font-size:.88rem}
html.dl .ea__words>summary{cursor:pointer;color:var(--cobalt);font-size:.88rem}
html.dl .ea__words .ea__list{font-size:.82rem;color:#3A3E46}
html.dl .ea__refused{border:1px dashed var(--cobalt);background:var(--porcelain-2);padding:.9rem 1rem;display:grid;gap:.35rem}
html.dl .ea__why{margin:0;font-size:.9rem;color:var(--ink)}

/* press and hold: the line being held */
html.dl .st.is-pressing,html.dl [data-ask].is-pressing{background-image:var(--hatch-1);outline:1px dashed var(--cobalt-400);outline-offset:2px}
html.dl .gsec .st,html.dl .gsec [data-ask]{-webkit-touch-callout:none;user-select:text}

/* ------------------------------------------------------------------ the questions */
html.dl .gq36{margin-block-start:.9rem;display:grid;gap:.6rem}
html.dl .gq36__lead{margin:0}
html.dl .gq36 .gq{margin:0}
html.dl .gq__row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.3rem .8rem;align-items:start}
html.dl .gq__txt{display:grid;gap:.1rem}
html.dl .gq__add{appearance:none;border:1px solid var(--cobalt);background:var(--porcelain);color:var(--cobalt);font-size:.76rem;padding:.25rem .6rem;cursor:pointer;white-space:nowrap}
html.dl .gq__add[aria-pressed="true"]{background:var(--cobalt);color:var(--porcelain)}
html.dl .gq36__morerow{margin:0}
html.dl .gq36__hold{margin:0}
html.dl .qown{border:1px solid var(--cobalt-200);background:var(--porcelain-2);padding:.6rem .7rem;display:grid;gap:.4rem;margin-block-start:.4rem}
html.dl .qown__k{margin:0;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--cobalt-500)}
html.dl[lang="ar"] .qown__k{font-family:var(--font-ar);font-size:.8rem;letter-spacing:0;text-transform:none}
html.dl .qown__ta,html.dl .asheet__ta{font:inherit;font-size:.92rem;inline-size:100%;box-sizing:border-box;border:1px solid var(--cobalt);background:var(--porcelain);color:var(--ink);padding:.45rem .55rem;resize:vertical}
html.dl .qown__row{margin:0;display:flex;flex-wrap:wrap;gap:.4rem .7rem;align-items:center}
html.dl .gbasket .qown{margin-block-start:.6rem}
/* on the map's plate the plate itself scrolls; the basket inside it does not need a second scroll */
html.dl .gstage__plate .gbasket{max-block-size:none;overflow:visible}
html.dl .tbtn--ask{margin-inline-start:auto}

/* the question sheet */
html.dl .asheet__back{position:fixed;inset:0;background:rgba(18,48,106,.18);z-index:95}
html.dl .asheet{position:fixed;z-index:96;inset-inline:0;inset-block-end:0;display:flex;justify-content:center;pointer-events:none}
html.dl .asheet__in{pointer-events:auto;inline-size:min(100%,36rem);background:var(--porcelain);border:1px solid var(--cobalt);border-block-end:0;padding:.9rem 1.1rem 1.1rem;display:grid;gap:.6rem;box-shadow:0 -8px 24px -12px rgba(18,48,106,.45);animation:dl-settle var(--t-mid,280ms) var(--settle,ease) both}
html.dl .asheet__grip{inline-size:2.6rem;block-size:.25rem;background:var(--cobalt-200);justify-self:center}
html.dl .asheet__h{margin:0;font-size:1.05rem}
html.dl .asheet__quote{margin:0;border-inline-start:2px solid var(--cobalt);padding:.3rem .7rem;background:var(--porcelain-2);font-size:.88rem;color:#3A3E46}
html.dl .asheet__row{margin:0;display:flex;gap:.5rem;flex-wrap:wrap}
html.dl .asheet__hint{margin:0}
@media (min-width:60rem){html.dl .asheet{inset-block:0;align-items:center}html.dl .asheet__in{border-block-end:1px solid var(--cobalt)}}

/* the questions page: the buyer's own */
html.dl .bk__text{display:grid;gap:.15rem}
html.dl .bk__own{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--cobalt);border:1px dashed var(--cobalt-200);padding:0 .3rem;justify-self:start}
html.dl[lang="ar"] .bk__own{font-family:var(--font-ar);font-size:.74rem;letter-spacing:0;text-transform:none}
html.dl .bk__quote{font-size:.8rem;color:var(--muted)}

/* ------------------------------------------------------------------ the calculator, aside */
/* the side column keeps its track: a second control in its head must never widen it over the cards */
html.dl .gstage{grid-template-columns:minmax(0,1fr);min-inline-size:0}
html.dl .gstage>*{min-inline-size:0}
html.dl .gstage__head{display:flex;gap:.4rem;align-items:stretch;position:relative;z-index:30;min-inline-size:0}
html.dl .gstage__head .gbar{flex:1 1 0;min-inline-size:0}
html.dl .gtabs{display:flex;flex:0 0 auto;border:1px solid var(--cobalt)}
html.dl .gtabs__b{appearance:none;border:0;background:var(--porcelain-2);color:var(--cobalt);font:inherit;font-size:.8rem;padding:.35rem .6rem;cursor:pointer;white-space:nowrap}
html.dl .gtabs__b+.gtabs__b{border-inline-start:1px solid var(--cobalt)}
html.dl .gtabs__b[aria-pressed="true"]{background:var(--cobalt);color:var(--porcelain)}
html.dl .gstage__calc{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:.5rem;border:1px solid var(--cobalt);background:var(--porcelain-2);padding:.8rem .9rem;overflow:auto;min-block-size:0}
html.dl .gstage__calc[hidden]{display:none}
html.dl .gstage__calchead{display:flex;gap:.6rem;align-items:baseline;justify-content:space-between}
html.dl .gstage__calch{margin:0;font-weight:600;color:var(--cobalt)}
html.dl .gstage__calcbody{min-block-size:0}
html.dl .gstage__calcnote{margin:0}
html.dl .gstage__calcbody .gconv{margin:0;border:0;padding:0}
html.dl .gconv36{margin-block-start:.8rem;border-block-start:1px solid var(--cobalt-200);padding-block-start:.7rem}
html.dl .gconv36 p{margin:.2rem 0}
@media (min-width:60rem){
  html.dl .gstage.is-calc .gstage__frame,html.dl .gstage.is-calc .gstage__cap{display:none}
}
@media (max-width:59.99rem){
  html.dl .gtabs__b{font-size:.72rem;padding:.3rem .45rem}
  html.dl .gstage__calc{position:fixed;inset-inline:0;inset-block-end:0;max-block-size:84vh;z-index:90;border-block-end:0;box-shadow:0 -10px 26px -12px rgba(18,48,106,.5)}
}