/* Full interpretations for one-, two-, and three-card readings. */
#spread.inline-interpretations, #cards-grid.inline-interpretations {
  display:grid; width:min(100%,1000px); max-width:1000px;
  grid-template-columns:repeat(3,minmax(0,1fr)); align-items:start; gap:28px;
}
#spread.inline-interpretations:is(.single,.two),
#cards-grid.inline-interpretations[data-inline-layout="single"],
#cards-grid.inline-interpretations[data-inline-layout="two"] { grid-template-columns:1fr; }
#spread.inline-interpretations.single, #cards-grid.inline-interpretations[data-inline-layout="single"] { width:min(100%,340px); }
#spread.inline-interpretations.two, #cards-grid.inline-interpretations[data-inline-layout="two"] { width:min(100%,680px); grid-template-columns:repeat(2,minmax(0,1fr)); }
#spread.inline-interpretations > .inline-reading-card, #cards-grid.inline-interpretations > .inline-reading-card { display:grid; width:100%; min-width:0; align-items:start; gap:20px; }
.inline-interpretations:is(.single,.two) > .inline-reading-card,
.inline-interpretations:is([data-inline-layout="single"],[data-inline-layout="two"]) > .inline-reading-card { grid-template-columns:1fr; }
.inline-reading-art { display:grid; justify-items:center; align-content:start; width:100%; min-width:0; gap:8px; }
#spread.inline-interpretations .card img,
#cards-grid.inline-interpretations .card-art-wrap { width:100%; max-width:290px; height:auto; }
.inline-reading-copy { display:grid; gap:12px; width:100%; min-width:0; overflow-wrap:anywhere; }
.inline-reading-copy h2 { margin:0; color:var(--ink); font:400 clamp(1.4rem,2.2vw,2rem)/1.15 Georgia,serif; }
.inline-reading-library { margin:0; color:var(--gold); font-size:.76rem; text-transform:uppercase; }
.inline-reading-details { display:grid; gap:10px; }
.inline-reading-details p { white-space:pre-line; }
.inline-reading-details .interpretation-row { margin:0; padding:12px; background:var(--panel-2); border-left:3px solid var(--accent); border-radius:6px; color:var(--muted); line-height:1.48; }
.inline-reading-details .interpretation-row strong { display:block; margin-bottom:5px; color:var(--accent); font-size:.78rem; text-transform:uppercase; }
.interpretations[hidden], .interpretations-panel[hidden] { display:none; }
@media(max-width:600px) {
  #spread.inline-interpretations, #cards-grid.inline-interpretations, #spread.inline-interpretations.two, #cards-grid.inline-interpretations[data-inline-layout="two"] { grid-template-columns:1fr; gap:28px; }
  .inline-interpretations:is(.single,.two) > .inline-reading-card,
  .inline-interpretations:is([data-inline-layout="single"],[data-inline-layout="two"]) > .inline-reading-card { grid-template-columns:1fr; gap:12px; }
  .inline-interpretations.three .inline-reading-art,
  .inline-interpretations[data-inline-layout="three"] .inline-reading-art { max-width:210px; }
}

/* One-card readings retain their original art-and-text layout. */
#spread.inline-interpretations.single,
#cards-grid.inline-interpretations[data-inline-layout="single"] { width:min(100%,1000px); }
.inline-interpretations.single > .inline-reading-card,
.inline-interpretations[data-inline-layout="single"] > .inline-reading-card { grid-template-columns:minmax(130px,.65fr) minmax(0,1fr); }
@media(max-width:600px) {
  .inline-interpretations.single > .inline-reading-card,
  .inline-interpretations[data-inline-layout="single"] > .inline-reading-card { grid-template-columns:minmax(90px,.4fr) minmax(0,1fr); gap:12px; }
}