/* ==========================================================================
   Dāstān /hamedan page (hamedan.html): a plain "how to order from Hamedan" page. Loaded after chrome.css, theme.css, menu.css, listing.css and legal.css, whose
   .lg-doc / .lg-sec / .lg-steps / .lg-dl / .lg-btn rules it reuses (numbered sections, order steps, definition list, buttons); this file only adds the one-column wrapper
   and the blend-name chips. Text, links and CSS only: no scripts of its own.
   ========================================================================== */
.hm-hero{padding-bottom:clamp(8px,1.4vw,20px)}
.hm-hero .ls-lead{max-width:34em;line-height:1.6}
html[lang=fa] .hm-hero .ls-lead{line-height:2}
.hm-wrap{padding:clamp(8px,1.4vw,20px) var(--inset) calc(var(--sec) * 1.2);color:var(--th-fg)}
.hm-wrap .lg-doc{max-width:46em}
.hm-wrap .lg-contact{margin-top:1.4em}
.hm-names{margin:.5em 0 .7em}
.hm-names .lg-chip{padding:0}
.hm-names .lg-chip a{display:block;min-height:40px;padding:.55em .95em .45em;color:var(--th-fg);font-family:var(--mc);font-size:13.5px;letter-spacing:.04em;line-height:1.5}
.hm-names .lg-chip a:hover,.hm-names .lg-chip a:focus-visible{background:var(--th-inv-bg);color:var(--th-inv-fg)}