/* Poetix pages · project-poetix.html and project-poetix-poems.html · NC custody */
.px-val { text-transform:uppercase; font-size:.84em; font-weight:600; letter-spacing:.05em; }
.px-hero { display:grid; grid-template-columns:minmax(0,1fr) 200px; gap:40px; align-items:start; }
.px-hero-plate { margin:8px 0 0; }
.px-hero-plate img { display:block; width:100%; height:auto; }
.px-stat-strip { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1px; margin:22px 0 8px; border:1px solid var(--line); background:var(--line); }
.px-stat { min-width:0; padding:16px; background:rgba(255,253,248,.78); }
.px-stat span { display:block; margin-bottom:8px; color:var(--muted); font-size:11px; font-weight:600; letter-spacing:.11em; text-transform:uppercase; }
.px-stat strong { display:block; color:var(--teal); font-family:var(--seal-font); font-size:34px; font-weight:500; line-height:1; }
.px-stat em { display:block; margin-top:8px; color:var(--muted); font-size:12px; font-style:normal; letter-spacing:.04em; }
.px-intro { max-width:780px; margin:0 0 8px; color:#303638; font-size:16px; line-height:1.6; }
.px-strip-note { margin:0 0 24px; color:var(--muted); font-size:13px; }
.px-pullquote { font-size:24px; line-height:1.45; }
.section.update-block figure.article-image.chart.px-figure { max-width:100%; margin:22px 0 10px; }
.px-figure img { display:block; width:100%; height:auto; }
.px-terms dt { margin-top:14px; font-weight:600; color:var(--ink); }
.px-terms dd { margin:4px 0 0; color:var(--muted); line-height:1.55; }

/* poem cards */
.px-poems { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px; margin:22px 0; border:1px solid var(--line); background:var(--line); }
.px-poems.three { grid-template-columns:repeat(2,minmax(0,1fr)); }
.px-poems.three > .px-poem-card:last-child:nth-child(odd) { grid-column:1 / -1; }
.px-poem-card { min-width:0; padding:22px 24px 26px; background:var(--white); display:flex; flex-direction:column; }
.px-poem-card > span { display:block; color:var(--muted); font-size:11px; font-weight:600; letter-spacing:.11em; text-transform:uppercase; }
.px-poem-card h3 { margin:10px 0 14px; font-family:var(--seal-font); font-weight:400; font-size:22px; line-height:1.25; }
.px-poem { overflow-wrap:anywhere; font-family:var(--seal-font); font-size:17px; line-height:1.65; color:#303638; }
.px-line { display:block; padding-left:1.4em; text-indent:-1.4em; }
.px-stanza { display:block; height:1.65em; }
.px-q { margin:0 0 14px; color:var(--muted); font-size:13px; line-height:1.5; }
.px-score { margin:auto 0 0; padding-top:16px; color:var(--teal); font-family:var(--seal-font); font-size:26px; }
.px-score small { color:var(--muted); font-family:inherit; font-size:13px; }
.px-readers { display:flex; flex-wrap:wrap; gap:4px 12px; margin-top:8px; color:var(--muted); font-size:12px; letter-spacing:.02em; }
.px-readers b { color:var(--ink); font-weight:600; }
.px-picks { margin-top:6px; color:var(--muted); font-size:12px; letter-spacing:.04em; }
.px-flag { align-self:flex-start; display:inline-block; margin-top:8px; padding:2px 9px; border:1px solid var(--brass); border-radius:999px; color:var(--brass); font-size:11px; letter-spacing:.06em; text-transform:uppercase; }

/* tablet */
@media (max-width:1024px) {
  .px-hero { grid-template-columns:minmax(0,1fr) 150px; gap:28px; }
  .px-stat strong { font-size:30px; }
  .px-poems.three { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .px-poems.three > .px-poem-card:last-child:nth-child(odd) { grid-column:1 / -1; }
  .px-pullquote { font-size:22px; }
}
/* mobile */
@media (max-width:760px) {
  .px-hero { grid-template-columns:1fr; gap:10px; }
  .px-hero-plate { width:120px; }
  .px-stat-strip { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .px-poems, .px-poems.three { grid-template-columns:1fr; }
  .px-pullquote { font-size:20px; }
  .px-poem-card { padding:18px 18px 22px; }
}
/* small phones */
@media (max-width:420px) {
  .px-stat { padding:12px; }
  .px-stat strong { font-size:26px; }
  .px-poem { font-size:16px; }
  .px-poem-card h3 { font-size:20px; }
}

/* companion-page callout: column width, tighter gap */
.disposition-callout.px-callout { max-width:780px; margin:28px 0 0; }
.section.update-block.px-callout-section { padding-bottom:8px; }

/* keep card text flush on small screens (site rule pads .section p) */
.section .px-poem-card p { padding:0; }

/* Glossary belongs with the experiment description. */
.px-glossary { margin:24px 0 0; padding:16px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.px-glossary summary { cursor:pointer; font-weight:600; }
.px-glossary summary:focus-visible { outline:2px solid var(--teal); outline-offset:5px; }
.px-glossary .px-terms { margin:12px 0 0; }