/* design-decisions §73, carried to JP: cut by build.py from sites/hooponopono-en/static/en/assets/class-apply.css; edit it there. */
/* layout() (classapply.py): instructors as photo + name with the bio behind "Biography"; the class's details as one
   <details> per topic. Cid audit 2026-10-10 B-F4. */
.cls-head{display:flex;align-items:center;gap:var(--s4,16px)}
.cls-face{width:80px;height:80px;flex:none;border-radius:50%;object-fit:cover}
.cls-head .class-person-name{margin:0!important;text-align:left!important}
.cls-more,.cls-topic{border-top:1px solid var(--hair,#c6d6e4)}
.cls-more{margin-top:var(--s4,16px)}
.cls-more>summary,.cls-topic>summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;
  align-items:center;gap:var(--s4,16px);padding:var(--s4,16px) 0;color:var(--navy,#2f5d34)}
.cls-more>summary{font-size:15px;letter-spacing:.04em}
.cls-topic>summary{font-size:17px;letter-spacing:.02em}
.cls-more>summary::-webkit-details-marker,.cls-topic>summary::-webkit-details-marker{display:none}
.cls-more>summary::after,.cls-topic>summary::after{content:"+";font-size:20px;line-height:1;flex:none}
.cls-more[open]>summary::after,.cls-topic[open]>summary::after{content:"\2212"}
.cls-topic:last-child{border-bottom:1px solid var(--hair,#c6d6e4)}
.cls-topic-in{padding:0 0 var(--s5,24px)}
.cls-about .service-body-inner{max-width:760px}
#cancellation{scroll-margin-top:96px}