/* ============================================================
   ALOKA — Placeholder system (site-wide)
   Marks pending assets / copy. Toggle with body.no-ph (hides chips).
   ============================================================ */
:root{--ph-ink:#7A5C1E;--ph-line:#B89653;--ph-soft:#9A875E;}

/* absolute chip badge placed over an element */
.ph-chip{position:absolute;z-index:25;display:inline-flex;align-items:center;gap:7px;
  font-family:'Montserrat',sans-serif;font-size:8.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;
  color:var(--ph-ink);background:rgba(249,245,235,.94);border:1px dashed var(--ph-line);
  padding:5px 9px;border-radius:2px;backdrop-filter:blur(2px);white-space:nowrap;box-shadow:0 4px 14px rgba(80,60,20,.10)}
.ph-chip::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ph-line);flex:none}
.ph-chip.tl{top:14px;left:14px}
.ph-chip.tr{top:14px;right:14px}
.ph-chip.tc{top:14px;left:50%;transform:translateX(-50%)}
.ph-chip.bl{bottom:14px;left:14px}
.ph-chip.bc{bottom:16px;left:50%;transform:translateX(-50%)}

/* inline note (sits in flow, e.g. under a caption) */
.ph-note{display:inline-flex;align-items:center;gap:7px;
  font-family:'Montserrat',sans-serif;font-size:9px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;
  color:var(--ph-ink);background:rgba(249,245,235,.9);border:1px dashed var(--ph-line);padding:5px 10px;border-radius:2px}
.ph-note::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ph-line);flex:none}

/* full empty-state block for missing media (videos, embassy photos, spreads) */
.ph-block{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;
  border:1.5px dashed var(--ph-line);color:var(--ph-ink);padding:34px 26px;min-height:170px;
  background:repeating-linear-gradient(45deg,rgba(168,136,75,.055),rgba(168,136,75,.055) 11px,transparent 11px,transparent 22px)}
.ph-block .pb-ic{width:38px;height:38px;border:1.5px solid var(--ph-line);border-radius:50%;
  display:flex;align-items:center;justify-content:center;font-size:16px;line-height:1}
.ph-block .pb-t{font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;font-weight:700;color:var(--ph-ink)}
.ph-block .pb-d{font-size:11.5px;color:var(--ph-soft);font-style:italic;max-width:48ch;line-height:1.6;letter-spacing:.01em}

/* toggle */
.ph-toggle{position:fixed;left:16px;bottom:16px;z-index:150;font-family:'Montserrat',sans-serif;
  font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;
  background:#16263A;color:#fff;border:none;border-radius:30px;padding:10px 16px;cursor:pointer;
  opacity:.82;box-shadow:0 8px 24px rgba(0,0,0,.25);transition:opacity .3s}
.ph-toggle:hover{opacity:1}
.ph-toggle::before{content:"●";color:var(--ph-line);margin-right:8px;font-size:8px;vertical-align:middle}

body.no-ph .ph-chip,body.no-ph .ph-note{display:none}
@media print{.ph-toggle{display:none}}