/* Tartaria — shared page styles (person / building / city / event / theme) */
:root{ --gold:#C9A86A; }
.liquid-glass{ background:rgba(255,255,255,0.025); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); box-shadow:inset 0 1px 1px rgba(255,255,255,0.10); position:relative; overflow:hidden; }
.liquid-glass::before{ content:''; position:absolute; inset:0; border-radius:inherit; padding:1.4px;
  background:linear-gradient(180deg,rgba(255,255,255,0.4) 0%,rgba(255,255,255,0.1) 25%,rgba(255,255,255,0) 50%,rgba(255,255,255,0.1) 75%,rgba(255,255,255,0.4) 100%);
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0); -webkit-mask-composite:xor; mask-composite:exclude; pointer-events:none; }
.bgwash{ position:fixed; inset:0; z-index:0; background:radial-gradient(70% 45% at 50% 0%,rgba(201,168,106,0.09) 0%,transparent 60%),#0a0a0c; }
.grain:after{ content:""; position:fixed; inset:0; z-index:1; pointer-events:none; opacity:.04; mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); }
/* top nav */
.tnav{ position:relative; z-index:20; display:flex; align-items:center; gap:.6rem; max-width:768px; margin:0 auto; padding:1rem 1.25rem .2rem; }
.tnav a{ color:#fff; text-decoration:none; }
/* timeline */
.tl{ position:relative; padding-left:2.5rem; }
.tl:before{ content:''; position:absolute; left:7px; top:6px; bottom:6px; width:2px; background:linear-gradient(180deg,transparent,rgba(201,168,106,.45) 5%,rgba(201,168,106,.45) 95%,transparent); }
.tl-row{ position:relative; padding-bottom:1.5rem; }
.tl-row:before{ content:''; position:absolute; left:-2.5rem; top:5px; width:16px; height:16px; border-radius:50%; background:#0a0a0c; border:2px solid var(--gold); }
.tl-year{ color:var(--gold); font-weight:600; font-size:.92rem; }
/* link cards (buildings, people, places) */
.b-card{ display:block; text-decoration:none; color:inherit; transition:transform .2s; }
.b-card:hover{ transform:translateY(-3px); }
.b-thumb{ aspect-ratio:4/3; background:#11161d; overflow:hidden; }
.b-thumb img{ width:100%; height:100%; object-fit:cover; }
.b-ph{ width:100%; height:100%; display:flex; align-items:center; justify-content:center; color:rgba(201,168,106,.4); }
/* a "go to linked entity" chip */
.entity{ display:inline-flex; align-items:center; gap:.5rem; text-decoration:none; color:#fff; }
.entity .arrow{ color:var(--gold); }
.entity:hover{ color:var(--gold); }
sup a{ color:var(--gold); text-decoration:none; }
::selection{ background:rgba(201,168,106,.25); color:#fff; }
.leaflet-container{ background:#0d141b; }

/* ---- atlas additions (data-driven pages) ---- */
.pop-bar{ height:20px; background:linear-gradient(90deg,rgba(201,168,106,.85),rgba(201,168,106,.4)); border-radius:5px; min-width:3px; }
.chip{ display:inline-flex; align-items:center; gap:.4rem; padding:.34rem .7rem; border-radius:999px; font-size:.8rem;
  background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.09); color:#e9e2d4; text-decoration:none; transition:.15s; }
.chip:hover{ border-color:rgba(201,168,106,.5); color:var(--gold); }
.lede{ color:rgba(255,255,255,.72); line-height:1.75; font-size:1.02rem; }
.pull{ border-left:2px solid rgba(201,168,106,.5); padding:.1rem 0 .1rem 1rem; color:rgba(255,255,255,.8); }
.kw{ color:var(--gold); font-size:.7rem; text-transform:uppercase; letter-spacing:.12em; }
.searchbox{ width:100%; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.12); border-radius:12px;
  padding:.85rem 1.1rem; color:#fff; font-size:1rem; }
.searchbox:focus{ outline:none; border-color:rgba(201,168,106,.55); }
.stat{ font-family:"Cormorant Garamond",serif; font-style:italic; }
.lost-tag{ display:inline-block; font-size:.66rem; text-transform:uppercase; letter-spacing:.12em; color:#e0b3a0;
  border:1px solid rgba(224,150,120,.4); border-radius:999px; padding:.1rem .5rem; }
a.plain{ color:var(--gold); text-decoration:none; } a.plain:hover{ text-decoration:underline; }
.leaflet-popup-content-wrapper,.leaflet-popup-tip{ background:#13110d; color:#eee; }
.leaflet-popup-content a{ color:var(--gold); }