/* ostraka.css — the cultivated-busy register (fragments tier).
 *
 * In the spirit of an early-modern commonplace book: small-caps date
 * stamps, fleuron rules between entries, an occasional manicule for a
 * pull quote.  Cultivated busy, NOT chaotic busy — a small palette of
 * ornaments deployed with iron consistency.  The ornament palette is
 * still provisional (see the bible); this is a first cut.
 */
@import url("base.css");

/* Each fragment is a small composed block. */
.ostrakon { margin: 0 0 1.2rem; }

/* Date stamp, small-caps, top-right of the entry. */
.ostrakon .entry-date {
  display: block;
  text-align: right;
  margin-bottom: 0.3rem;
}

/* Fleuron rule between entries — the ornament, not a plain <hr>.
 * Set the glyph via content so the rule is decoration, not structure. */
.fleuron {
  border: 0;
  text-align: center;
  margin: 2rem 0;
  overflow: visible;
}
.fleuron::before {
  content: "\2766";          /* ❦ floral heart */
  color: var(--ink-soft);
  font-size: 1.1rem;
  letter-spacing: 0.5em;     /* optical centring of the single glyph */
  padding-left: 0.5em;
}

/* Manicule for a pull quote — the pointing hand of the marginal reader. */
.manicule { color: var(--ink-soft); }
.manicule::before { content: "\261E\00A0"; }   /* ☞ + nbsp */

/* Quotation-with-light-gloss is the house mode here (ayjay-influenced):
 * a passage, then a sentence of framing. */
.ostrakon blockquote {
  font-size: 1.0rem;
  color: var(--ink-soft);
}

/* The quotation as a SCRAP PASTED IN: a clipping on different stock,
 * cut a little unevenly, set down not quite square, with a hairline of
 * shadow where it lifts from the page. The site grain overlay falls on
 * scrap and page alike, so both read as one annotated surface.
 * drop-shadow (not box-shadow) so the shadow follows the cut edge.
 * (Settled 2026-07-03 — bible: "Reader's and annotator's marks". It
 * replaces the quiet border-left quote in this register.) */
/* GOTCHA that shaped this rule: on one element, `filter` is applied
 * BEFORE `clip-path` (spec order), so a drop-shadow painted around the
 * scrap gets clipped straight off — an invisible shadow. Hence the
 * split: the inner <p> is the scrap (stock + cut edge), and the
 * blockquote around it carries the shadow, which then follows the
 * clipped silhouette of its child. */
.ostrakon blockquote {
  border-left: none;                 /* the scrap needs no rule */
  padding: 0;
  margin: 1.3rem 0.3rem;
  transform: rotate(-0.4deg);
  /* A NARROW, CRISP, offset shadow — a dark band under the lower and
   * trailing edges, the way thin paper close to a page actually
   * shadows. Soft wide halos do the opposite (ambient glow, blends the
   * scrap in — tried and reverted). */
  filter: drop-shadow(1px 2px 1px rgba(43, 38, 34, 0.32));
}
.ostrakon blockquote p {
  background: #fffffb;               /* the clipping's whiter stock —
                                        bright against the warm page, so
                                        the scrap reads as figure, not
                                        ground */
  padding: 0.8rem 1.2rem;
  /* Scissor-cut, not sawtooth: each edge is a few LONG, slightly
   * off-true segments — the way scissors drift and correct — rather
   * than rapid zigzag (tried; read as decorative pinking shears). */
  clip-path: polygon(
    0.5% 1.8%, 30% 0.6%, 68% 1.5%, 99.5% 0.8%,
    99.9% 38%, 99.2% 70%, 99.6% 98.6%,
    62% 99.5%, 28% 98.7%, 0.7% 99.4%,
    0.1% 62%, 0.8% 30%);
}
/* A second quote in the same fragment tilts the other way — pasted by
 * hand, not by machine. */
.ostrakon blockquote:nth-of-type(even) { transform: rotate(0.45deg); }