/* Les Heures communes — simplicity-first, progressive disclosure.
   This version only affects the prayer page, never global navigation.
   A single prayer entry is highlighted; seven offices remain available. */
.hc-page .hc-hero .hc-hero-cta {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  min-height:48px;
  padding:13px 24px;
  margin-top:22px;
  border-radius:4px;
  border:1px solid #8e764e;
  background:#325064;
  color:#fffdf7;
  box-shadow:0 5px 16px rgba(29,54,67,.1);
  text-decoration:none;
  font:650 .93rem/1.4 Arial,sans-serif;
  transition:background .18s ease,box-shadow .18s ease;
}
.hc-page .hc-hero .hc-hero-cta:hover {background:#233f53;box-shadow:0 7px 16px rgba(29,54,67,.15)}
.hc-page .hc-hero .hc-hero-cta:focus-visible {outline:3px solid #c6a35d;outline-offset:4px}
.hc-page .hc-intro {
  font-size:.94rem;
  max-width:720px;
  margin:0;
  padding-top:23px;
  padding-bottom:3px;
  color:#6a7371;
}
.hc-page .hc-browse-days {
  margin:20px 0 23px;
  border-top:1px solid #e3d7c2;
  border-bottom:1px solid #e3d7c2;
  background:rgba(255,255,255,.48);
}
.hc-page .hc-browse-days>summary,
.hc-page .hc-calendar-details>summary {
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  list-style:none;
  padding:15px 4px;
  color:#315b67;
  font:700 .88rem/1.5 Arial,sans-serif;
}
.hc-page .hc-browse-days>summary::-webkit-details-marker,
.hc-page .hc-calendar-details>summary::-webkit-details-marker {display:none}
.hc-page .hc-browse-days>summary::after,
.hc-page .hc-calendar-details>summary::after {
  content:"+";
  flex:0 0 auto;
  color:#947a4e;
  font:500 1.35rem/1 Georgia,serif;
}
.hc-page .hc-browse-days[open]>summary::after,
.hc-page .hc-calendar-details[open]>summary::after {content:"−"}
.hc-page .hc-browse-days>summary:hover,
.hc-page .hc-calendar-details>summary:hover {color:#214755;background:#f2ede3}
.hc-page .hc-browse-days>summary:focus-visible,
.hc-page .hc-calendar-details>summary:focus-visible {outline:3px solid #a98a51;outline-offset:3px}
.hc-page .hc-browse-days .hc-day-controls {
  border-top:1px solid #e9dec9;
  border-bottom:0;
  margin:0;
  padding:16px 2px 20px;
}
.hc-page #parole-annuelle {
  background:#fcfaf5;
  box-shadow:0 7px 22px rgba(58,51,34,.025);
  border:1px solid #e8e2d7;
  border-left:2px solid #d4be92;
}
.hc-page #parole-annuelle .hc-cycle-description {
  font-size:.9rem;
  line-height:1.65;
}
.hc-page .hc-calendar {
  padding-top:40px;
}
.hc-page .hc-calendar-details {
  border-top:1px solid #e7ded0;
  border-bottom:1px solid #e7ded0;
  margin-top:20px;
  background:#fbfaf7;
}
.hc-page .hc-calendar-details>summary {padding:18px 8px}
.hc-page .hc-calendar-details-body {
  padding:8px 16px 24px;
  border-top:1px solid #e7ded0;
}
.hc-page .hc-calendar-details .hc-feasts {margin-top:12px}
.hc-page .hc-return-to-office {
  font:650 .83rem/1.5 Arial,sans-serif;
  display:inline-block;
  margin-top:21px;
  text-decoration:underline;
  text-underline-offset:4px;
}
.hc-page .hc-about {padding-top:44px}
.hc-page .hc-about .hc-background-note {
  border-left:2px solid #c9b992;
  margin:28px 0 0;
  padding:3px 0 3px 17px;
  color:#657172;
  font-size:.92rem;
}
@media(max-width:800px) {
  .hc-page .hc-hero {padding-top:28px;padding-bottom:28px}
  .hc-page .hc-hero .hc-hero-cta {margin-top:14px}
  .hc-page .hc-intro {padding-top:16px;font-size:.88rem;line-height:1.65}
}
@media(max-width:600px) {
  .hc-page .hc-hero {padding-top:22px;padding-bottom:21px}
  .hc-page .hc-hero h1 {font-size:clamp(2.5rem,11vw,3.4rem)}
  .hc-page .hc-lead {margin-top:14px}
  .hc-page .hc-hero-note {margin-top:12px}
  .hc-page .hc-hero .hc-hero-cta {width:100%;min-height:49px}
  .hc-page .hc-calendar {padding-top:30px}
  .hc-page .hc-calendar-details-body {padding:8px 10px 20px}
  .hc-page #parole-annuelle {padding:18px 16px}
}
@media(prefers-reduced-motion:reduce) {
  .hc-page .hc-hero .hc-hero-cta {transition:none}
}
/* Repères accessibles aux débutants : horaires souples et durée indicative. */
.hc-page .hc-office-guide{display:inline-block;margin:15px 0 0;padding:8px 13px;
 border-left:3px solid #b09056;background:#f6f0e5;color:#355263;
 font:700 .86rem/1.5 Arial,sans-serif}
.hc-page .hc-office-guide-aside{margin:9px 0 0;color:#657374;
 font:400 .78rem/1.6 Arial,sans-serif;max-width:38rem}
.hc-page .hc-hour-focus .hc-index button{align-items:center;min-width:0}
.hc-page .hc-choice-column{display:flex;flex-direction:column;gap:4px;min-width:0}
.hc-page .hc-choice-name{font-weight:700}
.hc-page .hc-choice-guide{font:500 .73rem/1.35 Arial,sans-serif;color:#68777a;white-space:normal}
.hc-page .hc-index button[aria-pressed=true] .hc-choice-guide{color:#426173}
@media(max-width:800px){
 .hc-page .hc-hour-focus .hc-index-buttons button{align-items:flex-start;padding:10px 12px}
 .hc-page .hc-choice-column{gap:3px}
 .hc-page .hc-choice-guide{white-space:nowrap;font-size:.7rem}
}
@media(max-width:600px){
 .hc-page .hc-office-guide{margin-top:11px;font-size:.79rem;padding:7px 10px}
 .hc-page .hc-office-guide-aside{line-height:1.55}
}

/* Première découverte : une information par étape. Le contenu complet reste accessible. */
.hc-page .hc-hero{display:block;max-width:720px;padding-top:43px;padding-bottom:33px}
.hc-page .hc-hero .hc-seal{display:none}
.hc-page .hc-hero h1{font-size:clamp(2.45rem,6vw,4rem);line-height:1.13}
.hc-page .hc-hero .hc-lead{max-width:660px;font-size:1.04rem;line-height:1.6;margin-top:17px}
.hc-page .hc-hero .hc-hero-note{font-size:.84rem;margin-top:11px}
.hc-page .hc-hero button.hc-hero-cta{font-family:Arial,sans-serif;cursor:pointer}
.hc-page .hc-simple[hidden],.hc-page .hc-simple-source[hidden],.hc-page .hc-simple-finish[hidden],
.hc-page .hc-simple-attribution[hidden]{display:none!important}
.hc-page .hc-simple{max-width:740px;margin:38px auto 25px;padding:clamp(24px,5vw,47px);
 background:linear-gradient(155deg,#fffefa,#faf7ef);border:1px solid #d5c3a7;
 border-top:3px solid #b19868;box-shadow:0 13px 39px rgba(56,47,28,.07);
 color:#294653;border-radius:4px;min-width:0;scroll-margin-top:34px}
.hc-page .hc-simple-top{display:flex;justify-content:space-between;align-items:baseline;gap:15px}
.hc-page .hc-simple .hc-kicker{font-size:.69rem;margin:0}
.hc-page .hc-simple-count{font:650 .73rem/1.4 Arial,sans-serif;color:#806c4a;margin:0;text-align:right}
.hc-page .hc-simple h2{font:450 clamp(1.65rem,4vw,2.25rem)/1.28 Literata,Georgia,serif;color:#294754;
 letter-spacing:-.025em;margin:30px 0 9px;outline-offset:4px}
.hc-page .hc-simple-timing{margin:0;color:#7c776d;font:600 .78rem/1.6 Arial,sans-serif}
.hc-page .hc-simple-text{margin:34px 0 17px;font:400 clamp(1.13rem,2.3vw,1.42rem)/1.83 Literata,Georgia,serif;color:#2d4853;
 white-space:pre-line;overflow-wrap:anywhere;max-width:620px;min-height:92px}
.hc-page .hc-simple-source{display:inline-block;color:#386070;font:600 .8rem/1.55 Arial,sans-serif}
.hc-page .hc-simple-note{font:italic .86rem/1.65 Literata,Georgia,serif;color:#7b766b;margin:25px 0 0}
.hc-page .hc-simple-next{display:block;width:100%;min-height:51px;padding:14px 17px;margin:31px 0 0;
 border:1px solid #315467;border-radius:4px;background:#315467;color:#fffefa;font:700 .97rem/1.4 Arial,sans-serif;cursor:pointer}
.hc-page .hc-simple-next:hover{background:#203f50}
.hc-page .hc-simple-next:focus-visible{outline:3px solid #b79a5d;outline-offset:4px}
.hc-page .hc-simple-attribution{font:400 .69rem/1.65 Arial,sans-serif;color:#7f8179;margin:14px 0 0}
.hc-page .hc-simple-finish{margin-top:21px;text-align:center;font:600 .79rem/1.55 Arial,sans-serif}
.hc-page .hc-explore-all{max-width:1120px;margin:47px auto 0;min-width:0;border-top:1px solid #e0d7c8;
 border-bottom:1px solid #e0d7c8}
.hc-page .hc-explore-all>summary{list-style:none;padding:23px 9px;cursor:pointer;
 font:700 .9rem/1.5 Arial,sans-serif;color:#315769;display:flex;align-items:center;gap:15px;justify-content:space-between}
.hc-page .hc-explore-all>summary::-webkit-details-marker{display:none}
.hc-page .hc-explore-all>summary:after{content:"+";font:500 1.35rem/1 Georgia,serif;color:#98794c}
.hc-page .hc-explore-all[open]>summary:after{content:"−"}
.hc-page .hc-explore-all>summary:hover{background:#f4efe6}
.hc-page .hc-explore-all>summary:focus-visible{outline:3px solid #b69a67;outline-offset:3px}
.hc-page .hc-explore-body{padding-top:14px}
@media(max-width:600px){
 .hc-page .hc-hero{padding:20px 0 28px}
 .hc-page .hc-hero h1{font-size:clamp(2.3rem,9vw,2.8rem)}
 .hc-page .hc-hero .hc-lead{font-size:.98rem;margin-top:13px}
 .hc-page .hc-hero .hc-hero-note{font-size:.81rem;line-height:1.6}
 .hc-page .hc-simple{margin:24px 0 17px;padding:27px 19px 26px;scroll-margin-top:8px}
 .hc-page .hc-simple h2{font-size:1.7rem;margin-top:22px}
 .hc-page .hc-simple-text{font-size:1.12rem;line-height:1.77;min-height:76px;margin:22px 0 13px}
 .hc-page .hc-simple-note{margin-top:20px}
 .hc-page .hc-simple-next{margin-top:25px}
 .hc-page .hc-explore-all{margin:30px 0 0}
 .hc-page .hc-explore-all>summary{padding:18px 8px;font-size:.84rem}
}
@media(prefers-reduced-motion:reduce){.hc-page .hc-simple *{scroll-behavior:auto!important}}