/* ORATIO 레지오 기도 — 묵주기도 인라인 아코디언 (2026-09-20)
   기존 기도문/행간 CSS는 건드리지 않는다. */
.legio-prayer-rosary-toggle .legio-notebook-meeting-arrow{
  transition:transform .16s ease;
}
.legio-prayer-rosary-toggle[aria-expanded="true"] .legio-notebook-meeting-arrow{
  transform:rotate(90deg);
}
.legio-prayer-rosary-accordion{
  display:flex;
  flex-direction:column;
  gap:6px;
  margin:-2px 10px 4px 72px;
  padding:2px 0 4px 12px;
  border-left:2px solid var(--line);
}
.legio-prayer-rosary-accordion[hidden]{
  display:none!important;
}
.legio-prayer-rosary-option{
  width:100%;
  display:grid;
  grid-template-columns:22px minmax(0,1fr) 18px;
  align-items:center;
  gap:8px;
  min-height:44px;
  padding:9px 10px;
  border:1px solid var(--line);
  border-radius:11px;
  background:var(--bg-elevated);
  color:var(--ink);
  text-align:left;
  font:inherit;
  cursor:pointer;
}
.legio-prayer-rosary-option:active{
  transform:scale(.99);
}
.legio-prayer-rosary-option span:nth-child(2){
  min-width:0;
  font-weight:700;
  word-break:keep-all;
  overflow-wrap:normal;
}
.legio-prayer-rosary-branch,
.legio-prayer-rosary-option-arrow{
  color:var(--ink-soft);
}
.legio-prayer-rosary-option-arrow{
  justify-self:end;
  font-size:20px;
  line-height:1;
}
@media (max-width:560px){
  .legio-prayer-rosary-accordion{
    margin-left:50px;
    margin-right:6px;
    padding-left:9px;
  }
}

/* ORATIO 공개 뗏세라(2026-09-23): 기도 상세 화면 안의 4신비 선택.
   레지오 수첩용 아코디언의 좌측 들여쓰기는 상세 화면에서는 사용하지 않는다. */
.tessera-mystery-picker{
  margin:26px 0 8px;
  padding-top:20px;
  border-top:1px solid var(--line);
}
.tessera-mystery-heading{
  font-weight:800;
  font-size:1.08em;
  margin:0 0 6px;
}
.tessera-mystery-help{
  color:var(--ink-soft);
  font-size:.9em;
  line-height:1.55;
  margin:0 0 12px;
}
.tessera-mystery-accordion{
  margin:0!important;
  padding:0!important;
  border-left:0!important;
  gap:8px;
}
.tessera-mystery-accordion .legio-prayer-rosary-option[aria-expanded="true"]{
  border-color:var(--accent);
  background:var(--accent-soft);
  color:var(--ink);
}
@media (max-width:560px){
  .tessera-mystery-accordion{margin:0!important;padding:0!important;}
}

/* 2.90.34: visible compact text, separate generous touch targets. */
#tessera-shortcuts{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0 20px}
#screen-detail.is-tessera{--tessera-button-ink:#fff}
:root[data-theme="dark"] #screen-detail.is-tessera{--tessera-button-ink:#08101e}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) #screen-detail.is-tessera{--tessera-button-ink:#08101e}}
#tessera-shortcuts button,#tessera-edit-list button{min-height:34px;padding:5px 10px;border:0;border-radius:8px;background:var(--accent);color:var(--tessera-button-ink,#fff);font:inherit;font-size:12.5px;line-height:1.3;touch-action:manipulation}
#tessera-shortcuts button:focus-visible,#tessera-next:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
#tessera-edit-list{margin:10px 0 20px;padding:12px;border:1px solid var(--line);border-radius:10px}
#tessera-edit-list[hidden],#tessera-next[hidden]{display:none!important}
#tessera-edit-list p{margin:0 0 8px;font-size:13px}
#tessera-edit-list button{margin:3px}
#tessera-next{position:fixed;right:max(12px,calc((100vw - var(--layout-max,980px))/2 + 12px));bottom:calc(96px + env(safe-area-inset-bottom,0px));z-index:25;min-height:36px;padding:7px 11px;border:1px solid var(--accent);border-radius:19px;background:var(--accent);color:var(--tessera-button-ink,#fff);font:inherit;font-size:12.5px;box-shadow:0 2px 9px #0002;touch-action:manipulation}
#screen-detail.is-tessera{padding-right:112px}
#screen-detail [data-tessera-prayer]{scroll-margin-top:12px;outline:none}
@media(max-width:560px){#screen-detail.is-tessera{padding-right:16px}#screen-detail.is-tessera .tts-bar{margin-bottom:60px}}
