/* copied from PRODUCTS/UnitGuideDemo_v2.0/site/site32.css (link 63); inline images moved to /shared/img/ */
/* site32.css - link 32 (the owner's rulings of 27 September 2026): the price strip, the details form
   for another site's page, and the place question for a page with no map point. Tokens only. */

/* ---- the strip: one series in the site's ink; the unit a diamond with its own label ---- */
html.dl .pstrip{margin:1rem 0 .6rem;padding:.8rem .9rem .7rem;background:var(--porcelain-2);border:1px solid var(--rule);border-radius:var(--r)}
html.dl .pstrip__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"] .pstrip__h{font-family:var(--font-ar);font-size:.78rem;letter-spacing:0;text-transform:none}
html.dl .pstrip__unitof{color:var(--muted)}
html.dl .pstrip__svg{display:block;width:100%;height:auto;max-height:9rem;overflow:visible}
html.dl .pstrip__axis{stroke:var(--cobalt-200);stroke-width:1.5}
html.dl .pstrip__pt{fill:var(--cobalt);fill-opacity:.82;stroke:var(--porcelain-2);stroke-width:2}
html.dl .pstrip__pt--conv{fill:var(--porcelain-2);fill-opacity:1;stroke:var(--cobalt);stroke-width:1.6}
html.dl .pstrip__unit{fill:var(--ink);stroke:var(--porcelain-2);stroke-width:2}
html.dl .pstrip__unitline{stroke:var(--ink);stroke-width:1;stroke-dasharray:3 3}
html.dl .pstrip__unitlab{font-family:var(--font-mono);font-size:13px;font-weight:600;fill:var(--ink)}
html.dl .pstrip__end{font-family:var(--font-mono);font-size:11.5px;fill:var(--muted)}
html.dl[lang="ar"] .pstrip__unitlab,html.dl[lang="ar"] .pstrip__end{font-family:var(--font-ar)}
html.dl .pstrip__legend{display:flex;flex-wrap:wrap;gap:.35rem 1rem;font-size:.8rem;color:var(--muted);margin:.35rem 0 .45rem}
html.dl .pstrip__key{display:inline-flex;align-items:center;gap:.35rem}
html.dl .pstrip__legend i.pstrip__dot{display:inline-block;width:.62rem;height:.62rem;border-radius:999px;background:var(--cobalt);opacity:.82}
html.dl .pstrip__legend i.pstrip__dot--conv{background:transparent;border:1.6px solid var(--cobalt);opacity:1}
html.dl .pstrip__dia{display:inline-block;width:.55rem;height:.55rem;background:var(--ink);transform:rotate(45deg)}
html.dl .pstrip__cap{font-size:.9rem;margin:.15rem 0;color:var(--ink)}
html.dl .pstrip__never{color:var(--cobalt-500);font-size:.85rem;margin-block-start:.35rem}
html.dl .pstrip__more{margin-block-start:.45rem;font-size:.85rem}
html.dl .pstrip__more summary{cursor:pointer;color:var(--cobalt-500)}
html.dl .pstrip__list{columns:4 7rem;margin:.4rem 0 0;padding-inline-start:1.4rem;font-size:.82rem}

/* ---- Evaluate: which pages are read, where the unit is, what came from the page ---- */
html.dl .ev13__sites{margin-block:.4rem 1rem;max-width:62ch}
html.dl .pastebox__src{margin:.2rem 0 .5rem}
html.dl .pastebox__near{margin:.1rem 0 .4rem}
html.dl .pastebox__from{margin:.2rem 0 .5rem}
html.dl .pastebox__h{font-size:1.02rem;margin:.9rem 0 .3rem}

/* ---- the details form for another site's page ---- */
html.dl .evf{display:grid;gap:.55rem;max-width:26rem;margin-block:.6rem}
html.dl .evf__row{display:grid;gap:.2rem}
html.dl .evf__k{font-size:.85rem;color:var(--ink)}
html.dl .evf__from{color:var(--cobalt-500);font-size:.78rem}
html.dl .evf input,html.dl .evf select{font:inherit;padding:.45rem .55rem;border:1px solid var(--rule);border-radius:var(--r);background:var(--tile);color:var(--ink)}
html.dl .evf input:focus-visible,html.dl .evf select:focus-visible{outline:2px solid var(--cobalt);outline-offset:1px}
html.dl .evf__err{color:var(--stop);min-height:1.2em;margin:0}
html.dl .evf .btn{justify-self:start}
@media (max-width:480px){html.dl .pstrip{padding:.7rem .6rem}html.dl .pstrip__list{columns:3 5rem}}

/* link 33 (the owner's settings of 28 September 2026): the one question naming both places, and a
   unit outside what we hold - read back, nothing compared */
html.dl .pastebox__ask{line-height:1.35}
html.dl .pastebox__cands--two{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}
html.dl .pastebox__cands--two .choice{text-align:start;white-space:normal}
html.dl .pastebox__outside{border-inline-start:3px solid var(--cobalt,#12306A);padding-inline-start:.7rem}
html.dl .pastebox__why{margin-top:.3rem}
