/* 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}
/* the bio preview (previews(), Kohei 1559387923261038714 / 1559404430762315807): the word over the bio's first lines,
   fading out, "more" opening the rest (a checkbox, no script). Three lines of the theme's 2.1 line height, the third
   under the fade, read as about two. */
.cls-bio{margin-top:var(--s4,16px);padding-top:var(--s4,16px);border-top:1px solid var(--hair,#c6d6e4)}
.cls-bio-h{margin:0 0 8px;font-size:13px;letter-spacing:.2em;color:var(--navy-mute);text-align:left}
.cls-bio-t{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.cls-bio-body{max-height:calc(var(--fs-b,16px)*2.1*3);overflow:hidden;
  -webkit-mask-image:linear-gradient(#000 55%,transparent);mask-image:linear-gradient(#000 55%,transparent)}
.cls-bio-t:checked~.cls-bio-body{max-height:none;-webkit-mask-image:none;mask-image:none}
.cls-bio .class-person-bio>:first-child{margin-top:0!important}
.cls-bio .class-person-bio>:last-child{margin-bottom:0!important}
.cls-bio-more{display:inline-flex;align-items:center;gap:8px;margin:10px 0 0;cursor:pointer;font-size:14px;
  letter-spacing:.1em;color:var(--navy);border-bottom:1px solid var(--navy-thread);padding-bottom:3px}
.cls-bio-more::after{content:"+";font-size:16px;line-height:1}
.cls-bio-t:checked~.cls-bio-more::after{content:"\2212"}
.cls-bio-more .c,.cls-bio-t:checked~.cls-bio-more .o{display:none}
.cls-bio-t:checked~.cls-bio-more .c{display:inline}
.cls-bio-t:focus-visible~.cls-bio-more{outline:2px solid var(--navy);outline-offset:4px}