/* The Cognitive Kiln — shared page tokens (an EmberPivot publication)
   Palette + type per the approved identity board (2026-07-18).
   Pages: kiln/index.html (archive) + kiln/<edition>/index.html      */

:root {
  --parchment: #F2ECDF;      /* page ground */
  --parchment-deep: #E9E0CC; /* cards / wells  */
  --ink: #241E15;            /* body text      */
  --stone: #8A8177;          /* captions, meta */
  --ember: #C4571A;          /* accent — matches EmberPivot */
  --ember-deep: #9E4410;
  --line: #DDD4C2;
}

body.kiln {
  background: var(--parchment);
  color: var(--ink);
  font-family: 'Cormorant Garamond', Georgia, serif;
  line-height: 1.65;
  margin: 0;
}

.kiln .label {
  font-family: 'Syncopate', -apple-system, sans-serif;
  font-size: 0.6rem;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: var(--ember);
}

.kiln .edition-number {
  font-family: 'Cormorant Garamond', Georgia, serif;
  color: var(--ember);
  font-size: 2.6rem;
}

.kiln article {
  max-width: 68ch;
  margin: 0 auto;
  padding: 0 24px;
  font-size: 1.15rem;
}

.kiln .pillar-icon { width: 22px; height: 22px; vertical-align: -4px; }

/* ---- press pages (archive + editions), added 2026-07-18 ---- */
body.kiln { font-family: 'DM Sans', -apple-system, sans-serif; }
.kiln-bar { display: flex; justify-content: space-between; padding: 22px 28px;
  font-family: 'Syncopate', sans-serif; font-size: 0.58rem; letter-spacing: 0.28em;
  text-transform: uppercase; }
.kiln-bar a { color: var(--ink); text-decoration: none; }
.kiln-bar a:hover { color: var(--ember); }
.kiln-bar a span { color: var(--ember); }

.kiln article, .kiln .masthead, .kiln .editions { max-width: 66ch; margin: 0 auto; padding: 0 24px; }
.kiln article { font-size: 1.06rem; line-height: 1.8; font-weight: 300; }
.kiln article p { margin: 0 0 1.35em; }
.kiln article strong { font-weight: 500; }

.ed-head { margin: 56px 0 44px; }
.kiln .label { font-family: 'Syncopate', sans-serif; font-size: 0.58rem;
  letter-spacing: 0.3em; text-transform: uppercase; color: var(--ember); margin: 0 0 18px; }
.ed-head h1, .m-title { font-family: 'Cormorant Garamond', serif; font-weight: 400;
  font-size: clamp(2.4rem, 6vw, 3.4rem); line-height: 1.05; margin: 0 0 22px; color: var(--ink); }
.kiln .rule { width: 56px; height: 2px; background: var(--ember); margin: 0 0 8px; }

.kiln .pull { font-family: 'Cormorant Garamond', serif; font-style: italic; font-weight: 400;
  font-size: 1.7rem; line-height: 1.35; margin: 1.6em 0; color: var(--ink); }
.kiln .equation { font-family: 'Cormorant Garamond', serif; font-size: 1.55rem; text-align: center;
  margin: 1.8em 0; padding: 1.1em 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
hr.sep { border: none; width: 56px; height: 1px; background: var(--ember); opacity: 0.55;
  margin: 3em auto; }
.kiln .qhead { font-family: 'Cormorant Garamond', serif; font-weight: 500; font-size: 1.5rem;
  margin: 2em 0 0.7em; }
.kiln .qhead span { color: var(--ember); margin-right: 0.35em; }
.ed-fig { margin: 2.2em 0; text-align: center; }
.ed-fig img { max-width: min(480px, 100%); border-radius: 8px; box-shadow: 0 2px 14px rgba(36,30,21,0.12); }
.ed-fig figcaption { font-size: 0.85rem; color: var(--stone); margin-top: 12px; font-style: italic; }
.kiln article ul { padding-left: 1.1em; margin: 0 0 1.35em; }
.kiln article ul li { font-family: 'Cormorant Garamond', serif; font-style: italic;
  font-size: 1.28rem; line-height: 1.5; margin-bottom: 0.55em; }

.masthead { text-align: center; padding-top: 64px; }
.m-the { font-family: 'Cormorant Garamond', serif; font-style: italic; font-size: 1.6rem; margin: 0; }
.masthead .rule, .kiln-foot .rule { margin: 18px auto; }
.m-desc { color: var(--stone); font-weight: 300; max-width: 44ch; margin: 18px auto 26px; line-height: 1.7; }
.subscribe { display: inline-block; font-family: 'Syncopate', sans-serif; font-size: 0.6rem;
  letter-spacing: 0.26em; text-transform: uppercase; color: #FFF6EA; background: var(--ember);
  padding: 14px 26px; border-radius: 999px; text-decoration: none; }
.subscribe:hover { background: var(--ember-deep); }
.kiln .ember { color: var(--ember); }

.editions { padding-top: 56px; padding-bottom: 40px; display: flex; flex-direction: column; gap: 14px; }
.ed-row { display: block; text-decoration: none; color: var(--ink); background: rgba(255,252,244,0.55);
  border: 1px solid var(--line); border-radius: 10px; padding: 24px 28px; transition: border-color .25s, transform .25s; }
.ed-row:hover { border-color: var(--ember); transform: translateY(-1px); }
.ed-row h2 { font-family: 'Cormorant Garamond', serif; font-weight: 500; font-size: 1.7rem; margin: 4px 0 6px; }
.ed-row .label { margin-bottom: 0; }
.ed-row .ed-sub { color: var(--stone); margin: 0; font-size: 0.95rem; }

.kiln-foot { text-align: center; padding: 48px 24px 40px; font-size: 0.85rem; color: var(--stone); }
.kiln-foot a { color: var(--ember); text-decoration: none; }

/* ---- identity layer on press pages, 2026-07-19 ---- */
.kiln-bar .brand { display: inline-flex; align-items: center; gap: 9px; }
.kiln-bar .brand img { width: 15px; height: 15px; }

.masthead.has-art { position: relative; max-width: none; padding: 0; text-align: left; overflow: hidden; }
.art-layer { position: absolute; inset: 0; z-index: 0; }
.art-layer svg { width: 100%; height: 100%; }
.masthead .m-inner { position: relative; z-index: 1; max-width: 1060px; margin: 0 auto;
  padding: 84px 32px 64px; }
.masthead.has-art .m-desc { margin-left: 0; }
.masthead.has-art .rule { margin: 18px 0; }
.m-inner { max-width: 620px; }
.pillar-row { display: flex; flex-wrap: wrap; gap: 22px; margin-top: 40px; }
.pillar-row span { display: inline-flex; align-items: center; gap: 8px;
  font-family: 'Syncopate', sans-serif; font-size: 0.5rem; letter-spacing: 0.2em;
  text-transform: uppercase; color: var(--ink); }
.pillar-row img { width: 18px; height: 18px; }

.ed-head.has-art { position: relative; max-width: none; margin: 0 0 44px; padding: 0; overflow: hidden; }
.ed-art { opacity: 0.5; }
.ed-head .eh-inner { position: relative; z-index: 1; max-width: 66ch; margin: 0 auto;
  padding: 72px 24px 48px; }

@media (max-width: 640px) {
  .masthead .m-inner { padding: 64px 24px 48px; }
  .pillar-row { gap: 14px; }
}

/* ---- archive rhythm fix, 2026-07-19: editions share the masthead grid, clear gap ---- */
.kiln .editions { max-width: 1060px; padding: 76px 32px 48px; }
.masthead.has-art { margin-bottom: 8px; }
@media (max-width: 640px) { .kiln .editions { padding: 48px 24px 40px; } }

/* ---- edition pillar badges, 2026-07-19 (her ruling: editions may carry multiple pillars) ---- */
.ed-pillars { margin-top: 22px; }
.card-pillars { margin-top: 14px; gap: 18px; }
.card-pillars img { width: 15px; height: 15px; }
.card-pillars span { font-size: 0.45rem; color: var(--stone); }

/* ---- one hair up, her call 2026-07-19: reading sizes +~7% across press pages ---- */
.kiln article { font-size: 1.14rem; }
.m-desc { font-size: 1.08rem; }
.ed-row .ed-sub { font-size: 1.03rem; }
.ed-row h2 { font-size: 1.8rem; }
.kiln .label { font-size: 0.62rem; }
.kiln-bar { font-size: 0.6rem; }
.pillar-row span { font-size: 0.55rem; }
.card-pillars span { font-size: 0.5rem; }
.kiln .pull { font-size: 1.8rem; }
.kiln .equation { font-size: 1.65rem; }
.kiln .qhead { font-size: 1.6rem; }
.kiln article ul li { font-size: 1.35rem; }
.ed-fig figcaption { font-size: 0.9rem; }
.kiln-foot { font-size: 0.9rem; }

/* ---- editions as a grid, 2026-07-19: cards share the row, no dead width ---- */
.kiln .editions { display: grid; grid-template-columns: repeat(auto-fill, minmax(420px, 1fr)); gap: 18px; }
@media (max-width: 520px) { .kiln .editions { grid-template-columns: 1fr; } }

/* ---- card pillar badges to full strength, 2026-07-19 ---- */
.card-pillars span { color: var(--ink); font-size: 0.55rem; }