/* ============================================================
   AV · TALES — the Records Division reading room
   v1 · 2026-07-30 · architecture dept
   Rides av-core (loaded site-wide via Customizer import).
   Served: /wp-content/uploads/vortex/av/tales.css
   Staged: 08 - Alice Vortex Store/Website/assets/av/tales.css
   ============================================================ */

.av-tale{
  box-sizing:border-box; width:min(720px,100%); margin:0 auto;
  background:linear-gradient(180deg,#14141d,#10101a);
  border:1px solid var(--av-edge,#2a2a3a); border-radius:var(--av-r-lg,26px);
  padding:clamp(18px,4vw,34px);
  color:var(--av-paper,#e9e6df); font-family:var(--av-body,Georgia,serif);
}
.av-tale *{box-sizing:border-box}
.av-tale p{font-style:normal; font-size:17px; line-height:1.72; margin:0 0 1.15em}
.av-tale p:last-child{margin-bottom:0}
.av-tale .av-kicker{margin:16px 0 10px}
.av-tale a{color:inherit}

/* the dispatch line (epigraph) */
.av-tale .av-dispatch{color:var(--av-mist,#9a96a6); font-size:14.5px; line-height:1.6}

/* postal rule */
.av-rule{border:none; border-top:1px dashed var(--av-edge-2,#2e2e40); margin:24px 0}

/* signature block */
.av-sig{font-family:var(--av-display,Georgia,serif); font-size:16px; line-height:1.7}
.av-sig em{color:var(--av-mist,#9a96a6); font-size:14px}

/* stowaway manifest — the customs slip no one filed */
.av-stowaway{
  border:2px dashed var(--av-world,#f0c674); border-radius:var(--av-r-md,14px);
  background:rgba(255,255,255,.02);
  padding:14px 16px; margin:22px 0 8px;
  font-size:15px; line-height:1.65; color:var(--av-paper,#e9e6df);
}
.av-stow-label{
  display:block; font-family:var(--av-mono,monospace); font-style:normal;
  font-size:11px; letter-spacing:.18em; color:var(--av-world,#f0c674);
  margin-bottom:8px;
}

/* chapter-to-chapter nav */
.av-tale-nav{display:flex; justify-content:space-between; align-items:center;
  gap:10px; margin-top:18px; flex-wrap:wrap}
.av-tale-nav .av-link{text-decoration:underline dotted}

/* ---- the landing shelf (/tales/) ---- */
.av-shelf-label{margin-top:10px}
.av-tale-shelf{display:flex; flex-direction:column; gap:10px; margin:12px 0 20px}
.av-parcel{
  display:block; background:var(--av-panel-2,#1b1b27);
  border:1px solid var(--av-edge-2,#2e2e40);
  border-left:3px solid var(--av-world,#f0c674);
  border-radius:var(--av-r-md,14px); padding:14px 16px;
  text-decoration:none; color:var(--av-paper,#e9e6df);
  transition:transform .12s, border-color .2s;
}
a.av-parcel:hover{transform:translateY(-2px); border-color:var(--av-world,#f0c674)}
@media(hover:none){ a.av-parcel:hover{transform:none} }
.av-parcel .no{font-family:var(--av-mono,monospace); font-size:11px;
  letter-spacing:.16em; color:var(--av-world,#f0c674)}
.av-parcel h3{margin:3px 0 5px; font-family:var(--av-display,Georgia,serif);
  font-weight:600; font-size:19px; line-height:1.3; color:var(--av-paper,#e9e6df)}
.av-parcel p{margin:0 0 4px; font-size:14px; line-height:1.5; color:var(--av-mist,#9a96a6)}
.av-parcel p:last-child{margin-bottom:0}
.av-intransit{opacity:.75; border-left-style:dashed}

/* provenance line — .av-tale p reset out-specifies av-core's class, so re-assert */
.av-tale p.av-provenance{color:var(--av-mustard,#D99E2B); font-style:italic; font-size:14px}

/* technician's note — delete-me box, same manners as the FAQ's */
.av-technote{
  border:2px dashed #c96f4a; border-radius:var(--av-r-md,14px);
  background:rgba(201,111,74,.07); color:var(--av-paper,#e9e6df);
  padding:14px 16px; margin:16px 0; font-size:14px; line-height:1.6;
}