/* DPS portrait card system: 1307 x 1479 reference frame supplied by Tom. */
:root { --navy:#001b4c; --pca-blue:#2786ca; --deep-blue:#0755a8; --green:#00ad51; }
* { box-sizing:border-box; }
html, body { margin:0; min-width:0; background:#fff; }
body { font-family:Arial, Helvetica, sans-serif; color:#101010; }
a { color:inherit; }
.card-stage { display:grid; min-height:100vh; place-items:center; padding:0; }
.card-shell { width:min(100%, 1307px); container-type:inline-size; }
.dps-card { display:flex; width:100%; aspect-ratio:1307 / 1479; flex-direction:column; overflow:hidden; padding:8.8cqw 5.0cqw 5.0cqw; background:#fff; border:2px solid var(--navy); text-align:center; }
.card-logo { display:block; flex:0 0 auto; margin:0 auto; object-fit:cover; }

/* PCA Prayer Guide */
.pca-card { padding-top:4cqw; }
.pca-card .card-logo { width:17.3cqw; height:17.3cqw; }
.pca-title { margin:5.3cqw 0 0; color:var(--pca-blue); font-size:7.5cqw; font-weight:800; line-height:1.05; }
.pca-subtitle { margin:3.8cqw 0 0; color:var(--deep-blue); font-size:4.0cqw; font-weight:400; letter-spacing:.105em; line-height:1.08; }
.pca-content { display:grid; gap:1.15cqw; margin-top:6.5cqw; text-align:left; color:#203f6c; }
.pca-section { display:grid; gap:.6cqw; }
.pca-section h2 { margin:0; font-size:2.75cqw; font-weight:500; letter-spacing:.065em; line-height:1.02; text-transform:uppercase; }
.pca-list { display:grid; gap:.52cqw; font-family:Georgia, "Times New Roman", serif; font-size:3.15cqw; line-height:1.13; }
.pca-content:has(.pca-section:nth-child(3)) { gap:.7cqw; }
.pca-content:has(.pca-section:nth-child(3)) .pca-list { font-size:2.42cqw; }
.pca-list a, .pca-list span { color:#203f6c; overflow-wrap:anywhere; }
.pca-list a { text-underline-offset:.16em; text-decoration-thickness:.055em; }
.pca-footer { margin-top:auto; padding-top:1.8cqw; border-top:1px solid var(--navy); color:var(--navy); font-size:2.25cqw; font-weight:800; line-height:1.15; }
.pca-footer a { text-decoration-thickness:.08em; text-underline-offset:.18em; }

/* Verse of the Week */
.verse-card .card-logo { width:22cqw; height:22cqw; }
.verse-title { margin:4.2cqw 0 0; color:#1d5ca8; font-size:5.3cqw; font-weight:800; line-height:1.05; }
.verse-range { margin:1cqw 0 0; color:#1d5ca8; font-size:5.25cqw; font-weight:800; line-height:1.08; }
.verse-copy { margin:3.7cqw 0 0; color:#000; font-family:Arial, Helvetica, sans-serif; font-size:4.4cqw; font-weight:400; line-height:1.34; }
.verse-reference { margin:2cqw 0 0; color:#1d5ca8; font-size:5.2cqw; font-weight:800; line-height:1.08; }

/* C. H. Spurgeon */
.spurgeon-card .card-logo { width:38.2cqw; height:21.3cqw; }
.spurgeon-title { margin:3.2cqw 0 0; color:var(--green); font-size:6.8cqw; font-weight:800; line-height:1.08; }
.spurgeon-date { margin:8.6cqw 0 0; color:#000; font-family:Georgia, "Times New Roman", serif; font-size:7.0cqw; line-height:1; }
.spurgeon-reading { display:block; margin:4.0cqw 0 0; color:#0000ee; font-size:5.2cqw; font-weight:800; line-height:1.12; text-decoration-thickness:.06em; text-underline-offset:.12em; }
.spurgeon-reference { display:block; margin-top:1.15cqw; }
.spurgeon-footer { margin-top:auto; color:#0000ee; font-size:2.65cqw; line-height:1.14; overflow-wrap:anywhere; }
.spurgeon-footer a { text-decoration-thickness:.055em; text-underline-offset:.14em; }

@media (max-width:560px) {
  .dps-card { border-width:2px; }
}


/* Active DPS 1-1 PCA readability override.
   Keep the approved DPS Row 1 visual family; enlarge only the readable prayer
   content area and let the card scroll internally when the list is long. */
body { font-family:"Times New Roman",Times,serif; }
.pca-card { padding:5cqw 5cqw 5cqw; }
.pca-card .card-logo { width:14.7cqw; height:14.7cqw; }
.pca-title {
  margin:3.4cqw 0 0;
  color:#001dff;
  font-family:"Times New Roman",Times,serif;
  font-size:clamp(21px,6cqw,78px);
  font-weight:800;
  line-height:1.05;
}
.pca-subtitle {
  margin:1.2cqw 0 0;
  color:#001dff;
  font-family:"Times New Roman",Times,serif;
  font-size:clamp(17px,4.2cqw,55px);
  font-weight:800;
  letter-spacing:0;
  line-height:1.1;
  text-transform:none;
}
.pca-content {
  display:grid;
  flex:1 1 auto;
  gap:.9cqw;
  margin-top:3cqw;
  min-height:0;
  overflow-y:auto;
  overscroll-behavior:contain;
  padding-right:1cqw;
  text-align:left;
}
.pca-content,
.pca-section h2,
.pca-list,
.pca-list a,
.pca-list span {
  color:#001dff;
  font-family:"Times New Roman",Times,serif;
}
.pca-content {
  font-size:clamp(17px,4.55cqw,60px);
  line-height:1.14;
}
.pca-section { gap:.35cqw; }
.pca-section h2 {
  font-size:.95em;
  font-weight:800;
  letter-spacing:0;
  line-height:1.05;
  margin:0 0 .15cqw;
  text-transform:none;
}
.pca-list { gap:.35cqw; font-size:1em; line-height:1.14; }
.pca-content:has(.pca-section:nth-child(3)) { gap:.9cqw; }
.pca-content:has(.pca-section:nth-child(3)) .pca-list { font-size:1em; line-height:1.14; }
.pca-list a, .pca-list span { overflow-wrap:anywhere; }
.pca-footer {
  color:#001dff;
  font-family:"Times New Roman",Times,serif;
  font-size:clamp(13px,2.75cqw,36px);
  font-weight:700;
  line-height:1.15;
  padding-top:1.4cqw;
}
.pca-footer a { color:#001dff; }