/* the lecture page (seminar.py, design-decisions §73 as on the class pages; Cid audit second pass §3 講演頁): the
   instructor's biography its first lines and "Read more" (the class pages' bio preview), the lecture's topics one
   closed <details> each. The rules are
   class-apply.css's (that file loads on the class pages only), with the font sizes on the three tokens. */
.cls-head{display:flex;align-items:center;gap:var(--s4,16px)}
.cls-head .class-person-name{margin:0!important;text-align:left!important}
.cls-face{width:80px;height:80px;flex:none;border-radius:50%;object-fit:cover}
.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:var(--fs-s);letter-spacing:.04em}
.cls-topic>summary{font-size:var(--fs-b);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:var(--fs-h);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)}
.sem-about .service-body-inner{max-width:760px}
#cancellation{scroll-margin-top:96px}
.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}