/* Build 36 · decorative foreign letterheads.
   Source: foreign-theme-spec.xlsx, Country Frames A2:N7; Surface Map A2:D11.
   These are paper ornaments, not new national flags, coats of arms, or facts.
   Keep the existing country palette/type/wording. No map, dossier, Valeran
   delegation, demand table, margin, or player control inherits this treatment.
   Load after valera-identity.css. SVGs are local, static, and noninteractive. */

.hos-places .hx-emb-karsten { --emb-motif:url('assets/embassy-motifs/karsten.svg'); }
.hos-places .hx-emb-qaris { --emb-motif:url('assets/embassy-motifs/qaris.svg'); }
.hos-places .hx-emb-accord { --emb-motif:url('assets/embassy-motifs/accord.svg'); }
.hos-places .hx-emb-reach { --emb-motif:url('assets/embassy-motifs/reach.svg'); }
.hos-places .hx-emb-raskovia { --emb-motif:url('assets/embassy-motifs/raskovia.svg'); }
.hos-places .hx-emb-doriah { --emb-motif:url('assets/embassy-motifs/doriah.svg'); }

/* The masthead borrows its host's stationery; the document's content stays
   unobscured. Replace only the pre-existing decorative Valeran watermark. */
.hos-places .hx-embassy[class*='hx-emb-'] .hx-banner::after {
  width:148px; height:148px; right:20px; top:50%; transform:translateY(-50%);
  background:var(--emb-accent); opacity:.09; pointer-events:none;
  -webkit-mask:var(--emb-motif) center/contain no-repeat;
  mask:var(--emb-motif) center/contain no-repeat;
}
.hos-places .hx-embassy[class*='hx-emb-'] .hx-banner::before {
  height:5px; bottom:0; opacity:.5; background:var(--emb-accent);
  -webkit-mask:linear-gradient(#000 0 1px,transparent 1px 4px,#000 4px 5px);
  mask:linear-gradient(#000 0 1px,transparent 1px 4px,#000 4px 5px);
}
.hos-places .hx-embassy[class*='hx-emb-'] .hx-banner-copy {
  border-left-color:var(--emb-accent);
}

/* A quiet impression at the edge of the reception letterhead. There is no
   watermark underneath the reading column, and no moving/grain animation. */
.hos-places .hx-embassy[class*='hx-emb-'] .hx-emb-reception {
  padding-right:106px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 1px 0 rgba(17,35,44,.05);
}
.hos-places .hx-embassy[class*='hx-emb-'] .hx-emb-reception::after {
  content:''; position:absolute; width:64px; height:64px; top:50%; right:21px;
  transform:translateY(-50%); background:var(--emb-accent); opacity:.62;
  -webkit-mask:var(--emb-motif) center/contain no-repeat;
  mask:var(--emb-motif) center/contain no-repeat; pointer-events:none;
}

/* The source's existing message classifier adds this hook only to a foreign
   sender's attribution. Response choices and domestic messages stay Valeran. */
.hos-places .hx-foreign-dispatch {
  position:relative; min-height:28px; padding-right:52px;
  display:flex; align-items:center;
}
.hos-places .hx-foreign-dispatch::after {
  content:''; position:absolute; top:50%; right:6px; transform:translateY(-50%);
  width:32px; height:32px; background:var(--emb-accent); opacity:.72;
  -webkit-mask:var(--emb-motif) center/contain no-repeat;
  mask:var(--emb-motif) center/contain no-repeat; pointer-events:none;
}

@media (max-width:600px) {
  .hos-places .hx-embassy[class*='hx-emb-'] .hx-emb-reception { padding-right:74px; }
  .hos-places .hx-embassy[class*='hx-emb-'] .hx-emb-reception::after {
    width:42px; height:42px; right:15px; top:20px; transform:none;
  }
  .hos-places .hx-embassy[class*='hx-emb-'] .hx-banner::after { width:106px; height:106px; opacity:.06; }
}
@media (forced-colors:active) {
  .hos-places .hx-embassy[class*='hx-emb-'] .hx-banner::after,
  .hos-places .hx-embassy[class*='hx-emb-'] .hx-emb-reception::after,
  .hos-places .hx-foreign-dispatch::after { display:none; }
}