/* carried to /jp/ by bu2_jp.py from sites/hooponopono-en/static/en/assets/teacherprof.css; edit it there. */
/* /en/teachers/<slug>/ (teacherprof.py; Cid's second-pass audit §3): the photo a 3:4 frame (168 / 120), the biography
   open under the name, one chip row under it. The polish.css tokens; no new colours. */
.ta-head .ta-photo { width: 168px; margin: 0 auto var(--s4, 16px); }
.ta-head .ta-photo img { width: 168px; height: auto; aspect-ratio: 3 / 4; object-fit: cover; object-position: center 30%; }
@media (max-width: 768px) {
    .ta-head .ta-photo { width: 120px; }
    .ta-head .ta-photo img { width: 120px; }
}
.ta-head .tp-open { max-width: 40em; margin: var(--s5, 24px) auto 0; padding: 0; text-align: left; }
.ta-head .tp-open p { margin: 0 0 var(--s4, 16px); }
.ta-head .tp-lead { font-family: var(--ff-jp); font-weight: 500; font-size: var(--fs-h);
    line-height: 1.5; text-align: center; color: var(--navy, #2f5d34); margin: 0 0 var(--s6, 32px) !important; }
.ta-head .tp-more { margin: 0 0 var(--s4, 16px); }
.ta-head .tp-more > summary { list-style: none; cursor: pointer; display: inline-block; font-size: var(--fs-s);
    letter-spacing: .12em; color: var(--navy, #2f5d34); border-bottom: 1px solid currentColor; padding-bottom: 2px;
    margin-bottom: var(--s4, 16px); }
.ta-head .tp-more > summary::-webkit-details-marker { display: none; }
.ta-head .tp-more[open] > summary { display: none; }
.ta-head .tp-chips { margin-top: var(--s5, 24px); }