/* Les Heures communes — la prière de l'heure comme pièce maîtresse.
   Feuille isolée, aucun changement global du thème ni du menu. */
.hc-page .hc-hour-focus {
  position:relative;
  isolation:isolate;
  margin:34px 0 62px;
  padding:clamp(22px,3.4vw,46px);
  border:1px solid #d5c5a9;
  border-top:3px solid #aa8e5d;
  border-radius:5px;
  background:
    radial-gradient(ellipse 70% 45% at 97% 2%,rgba(206,190,151,.16),transparent 75%),
    linear-gradient(154deg,#f5f1e8 0%,#f3eee3 55%,#f7f4ec 100%);
  box-shadow:0 18px 52px rgba(46,54,52,.065);
}
.hc-page .hc-hour-focus::before {
  content:"";
  position:absolute;
  inset:9px;
  border:1px solid rgba(175,151,109,.15);
  border-radius:2px;
  pointer-events:none;
}
.hc-page .hc-hour-focus-head {
  position:relative;
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  flex-wrap:wrap;
  gap:15px 24px;
  padding:0 0 22px;
  border-bottom:1px solid rgba(163,146,111,.36);
}
.hc-page .hc-hour-focus-head .hc-kicker {
  margin:0 0 7px;
  font-size:.69rem;
  letter-spacing:.16em;
  color:#8b724a;
}
.hc-page .hc-hour-focus-head h2 {
  font:450 clamp(1.6rem,3vw,2.18rem)/1.25 Literata,Georgia,serif;
  letter-spacing:-.026em;
  color:#253f4b;
  margin:0;
}
.hc-page .hc-hour-focus-head .hc-date {
  font:600 .78rem/1.6 Arial,sans-serif;
  color:#6d716d;
  margin:0;
  text-align:right;
  padding:0 0 4px;
}
.hc-page .hc-hour-focus .hc-grid {
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,205px) minmax(0,1fr);
  gap:clamp(21px,3vw,35px);
  margin:0;
  padding:30px 0 0;
  max-width:100%;
  min-width:0;
  background:none;
}
.hc-page .hc-hour-focus .hc-index {
  min-width:0;
  max-width:100%;
  margin:0;
  padding-top:16px;
  border-top:2px solid #ad9162;
}
.hc-page .hc-hour-focus .hc-index h2 {
  font:500 1.25rem/1.38 Literata,Georgia,serif;
}
.hc-page .hc-hour-focus .hc-index button {
  border-bottom-color:#dfd4c2;
}
.hc-page .hc-hour-focus .hc-index button[aria-pressed="true"] {
  background:rgba(255,252,246,.83);
}
.hc-page .hc-hour-focus .hc-prayer {
  width:100%;
  max-width:100%;
  min-width:0;
  border:1px solid #e0d3ba;
  border-top:3px solid #c6ad7d;
  border-radius:3px;
  background:#fffefb;
  box-shadow:0 12px 36px rgba(59,52,37,.05);
}
.hc-page .hc-hour-focus .hc-prayer-head {
  border-bottom-color:#e2d7c3;
}
.hc-page .hc-hour-focus .hc-prayer h2 {
  color:#1f3d4b;
}
.hc-page .hc-hour-focus .hc-scripture {
  background:#fbfaf6;
}
.hc-page #parole-annuelle {
  margin-top:0;
}
@media (max-width:800px) {
  .hc-page .hc-hour-focus {
    margin:26px 0 46px;
    padding:23px 19px 24px;
  }
  .hc-page .hc-hour-focus-head {
    padding-bottom:18px;
    align-items:flex-start;
  }
  .hc-page .hc-hour-focus-head .hc-date {
    text-align:left;
  }
  .hc-page .hc-hour-focus .hc-grid {
    grid-template-columns:minmax(0,1fr);
    gap:11px;
    padding-top:23px;
    width:100%;
    max-width:100%;
  }
  .hc-page .hc-hour-focus .hc-index {
    width:100%;
    overflow:hidden;
  }
  .hc-page .hc-hour-focus .hc-index-buttons {
    display:flex;
    min-width:0;
    max-width:100%;
    width:100%;
    overflow-x:auto;
    overflow-y:hidden;
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;
  }
  .hc-page .hc-hour-focus .hc-index-buttons button {
    flex:0 0 auto;
    white-space:nowrap;
  }
}
@media(max-width:600px) {
  .hc-page .hc-hour-focus {
    padding:20px 12px 22px;
    margin:22px 0 39px;
  }
  .hc-page .hc-hour-focus::before {inset:5px}
  .hc-page .hc-hour-focus-head {padding:0 5px 17px}
  .hc-page .hc-hour-focus-head h2 {font-size:1.64rem}
  .hc-page .hc-hour-focus .hc-index {padding-top:13px}
  .hc-page .hc-hour-focus .hc-prayer {
    padding:27px 19px 30px;
    max-width:100%;
  }
  .hc-page .hc-hour-focus .hc-prayer .hc-prayer-head {padding-bottom:17px}
}
@media(prefers-reduced-motion:reduce) {
  .hc-page .hc-hour-focus *, .hc-page .hc-hour-focus *::before,
  .hc-page .hc-hour-focus *::after {transition:none!important}
}