/* readings styles — Sunday Readings pages (single-ucm_sunday.php, archive-ucm_sunday.php)
   and the guide link under the readings block (ucm_render_readings). */

/* Link added under any readings block when a Sunday guide exists. */
.ucm-sg-link{margin-top:14px;font-size:15px}
.ucm-sg-link a{color:var(--primary);font-weight:600}
.ucm-sg-link a:hover{text-decoration:underline;text-underline-offset:3px}

/* Hero meta chips */
.page-hero .hero-meta > span{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.85);border:1px solid var(--line);border-radius:999px;padding:6px 14px;font-size:14px;font-weight:600;color:var(--navy)}

/* ---------- Single guide ---------- */
.ucm-sg-main > .card-box h2{font-size:21px;margin-bottom:14px}
.ucm-sg-message p{font-size:17px;line-height:1.75;color:var(--ink)}
.ucm-sg-themes{margin-top:16px}
.ucm-sg-themes .badge{font-size:13px;padding:6px 13px}
.ucm-sg-reading{padding:18px 0;border-top:1px solid var(--line)}
.ucm-sg-reading:first-of-type{border-top:0;padding-top:4px}
.ucm-sg-reading h3{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}
.ucm-sg-reading p{line-height:1.75;color:#3E2F31;overflow-wrap:anywhere}
.ucm-sg-reading p + p{margin-top:8px}
.ucm-sg-ref{font-weight:700;font-size:16.5px;color:var(--navy)}
.ucm-sg-ref a{color:var(--primary)}
.ucm-sg-ref a:hover{text-decoration:underline;text-underline-offset:3px}
.ucm-sg-reading.is-small{padding:12px 0}
.ucm-sg-reading.is-small .ucm-sg-ref{font-size:15px;font-weight:600;color:var(--muted)}
.ucm-sg-vigil{list-style:none;padding:0;margin:0;display:grid;gap:4px}
.ucm-sg-vigil span{display:inline-block;min-width:1.6em;color:var(--muted)}
.ucm-sg-music p{line-height:1.75;color:#3E2F31}
.ucm-sg-music h3{font-size:16px;margin:20px 0 10px}
.ucm-sg-note{font-size:14.5px;color:var(--muted);line-height:1.7;margin-top:10px}
.ucm-sg-note a{color:var(--primary);font-weight:600}
.ucm-sg-songs{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.ucm-sg-songs li{padding:10px 14px;border-radius:10px;background:var(--primary-25);border:1px solid var(--line-soft);overflow-wrap:anywhere}
.ucm-sg-songs a{font-weight:600;color:var(--navy)}
.ucm-sg-songs a:hover{color:var(--primary)}
.ucm-sg-songs span{display:block;font-size:13px;color:var(--muted);margin-top:2px}

.ucm-sg-side .card-box h3{font-size:17px}
.ucm-sg-dates{list-style:none;padding:0;margin:0;display:grid;gap:16px}
.ucm-sg-dates strong{display:block;color:var(--navy);margin-bottom:8px}
.ucm-sg-dates .btn{height:auto;min-height:44px;padding:10px 18px;font-size:14px;width:100%;text-align:center}
.ucm-sg-others{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.ucm-sg-others a{color:var(--primary);font-weight:600}
.ucm-sg-others a:hover{text-decoration:underline;text-underline-offset:3px}

/* ---------- Index ---------- */
.ucm-sg-feature{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:30px;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:2px solid var(--primary-50);padding:30px 34px;margin-bottom:40px}
.ucm-sg-feature > *{min-width:0}
.ucm-sg-feature h2{font-size:clamp(22px,3vw,30px);line-height:1.25;color:var(--navy);margin:14px 0 4px}
.ucm-sg-feature h2 a:hover{color:var(--primary)}
.ucm-sg-feature-year{font-weight:600;color:var(--primary);margin-bottom:12px}
.ucm-sg-feature-main > p:not(.ucm-sg-feature-year){line-height:1.75;color:#3E2F31}
.ucm-sg-feature-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.ucm-sg-feature-next{border-left:1px solid var(--line);padding-left:26px}
.ucm-sg-feature-next h3{font-size:15px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}
.ucm-sg-feature-next ul{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.ucm-sg-feature-next li span{display:block;font-size:13px;color:var(--muted)}
.ucm-sg-feature-next a{font-weight:600;color:var(--navy);line-height:1.4}
.ucm-sg-feature-next a:hover{color:var(--primary)}

.ucm-sg-filter{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.ucm-sg-filter > span{font-weight:700;color:var(--navy);margin-right:4px}
.ucm-sg-filter a{display:inline-flex;align-items:center;min-height:42px;padding:0 18px;border-radius:999px;border:1.5px solid var(--line);background:#fff;font-weight:600;font-size:14.5px;color:var(--navy)}
.ucm-sg-filter a:hover{border-color:var(--primary);color:var(--primary)}
.ucm-sg-filter a.is-active{background:var(--primary);border-color:var(--primary);color:#fff}
.ucm-sg-filter-note{font-size:14.5px;color:var(--muted);margin:12px 0 10px}

.ucm-sg-group{margin-top:34px}
.ucm-sg-group h2{font-size:22px;color:var(--navy);margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--line)}
.ucm-sg-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:10px}
.ucm-sg-list a{display:flex;align-items:center;gap:10px;height:100%;padding:12px 16px;background:#fff;border:1px solid var(--line-soft);border-radius:12px;box-shadow:0 4px 14px -10px rgb(var(--shadow-rgb) / .25);transition:transform .2s,box-shadow .2s,border-color .2s}
.ucm-sg-list a:hover{transform:translateY(-2px);border-color:var(--primary-50);box-shadow:var(--shadow-soft)}
.ucm-sg-name{flex:1;min-width:0;font-weight:600;color:var(--navy);font-size:15px;line-height:1.35;overflow-wrap:anywhere}
.ucm-sg-cy{font-size:12.5px;color:var(--muted);white-space:nowrap}
.ucm-sg-list li.is-current a{border:2px solid var(--primary);background:var(--primary-25)}
.ucm-sg-list li.is-current .ucm-sg-cy{color:var(--primary);font-weight:700}
.ucm-sg-index > .container > .ucm-source{margin-top:40px}

@media (max-width:900px){
  .ucm-sg-feature{grid-template-columns:1fr;padding:24px 22px}
  .ucm-sg-feature-next{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:20px}
}
@media (max-width:640px){
  .ucm-sg-main > .card-box{padding:22px 18px}
  .ucm-sg-feature-actions .btn{width:100%}
  .ucm-sg-cy{white-space:normal;text-align:right}
}
