/* SERATORI v0.4.1 — unified former-Amazon author profile. */
.seratori-supervisor{--sup-ink:#111;--sup-yellow:#ffdf7a;--sup-blue:#d8eafa;color:var(--sup-ink);min-width:0}
.seratori-supervisor *{box-sizing:border-box}
.seratori-supervisor__eyebrow{display:inline-block;background:#ffdf7a;color:#111;font:900 11px/1.4 Arial,"Noto Sans JP",sans-serif;letter-spacing:.035em;padding:6px 9px;margin-bottom:10px}
.seratori-supervisor__intro h2{font:900 clamp(23px,3.1vw,39px)/1.36 Arial,"Noto Sans JP",sans-serif;letter-spacing:-.045em;margin:0 0 18px}
.seratori-supervisor__card{display:grid;grid-template-columns:140px minmax(0,1fr);align-items:center;gap:clamp(17px,3vw,32px);padding:22px 0;border-top:2px solid #111;border-bottom:1px solid #d7d7d2}
.seratori-supervisor__portrait{width:100%;aspect-ratio:1;overflow:hidden;border:1px solid #dedad3;background:#eeeae1;border-radius:3px}
.seratori-supervisor__portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 25%}
.seratori-supervisor__role{font-weight:850;font-size:12px;line-height:1.6;color:#4a4a4a;margin:0 0 5px!important}
.seratori-supervisor__name{font-weight:900;font-size:clamp(21px,2.4vw,28px);line-height:1.3;letter-spacing:-.035em;color:#111;margin:0 0 9px!important}
.seratori-supervisor__name span{font-size:11px;color:#777;font-weight:700;white-space:nowrap;margin-left:9px}
.seratori-supervisor__bio{font-size:13px;line-height:1.85;color:#333;margin:0 0 11px!important;max-width:740px}
.seratori-supervisor__link{display:inline-flex;gap:8px;color:#111!important;text-decoration:none!important;font-weight:850;font-size:12px;line-height:1.5;border-bottom:1.5px solid #111;padding-bottom:4px}
.seratori-supervisor__link:hover{color:#2161b8!important;border-bottom-color:#2161b8}
.seratori-supervisor__history{border-top:1px solid #ddd;margin:13px 0;padding-top:10px}
.seratori-supervisor__history>div{display:flex;gap:20px;margin:4px 0}
.seratori-supervisor__history dt,.seratori-supervisor__history dd{font-size:12px;line-height:1.6;margin:0}
.seratori-supervisor__history dt{font-weight:850;flex:0 0 58px}
/* TOP / ABOUT: expert credibility, never introduce company leadership title. */
.seratori-supervisor--top{background:#f8f8f5;border-top:1px solid #e5e5df;border-bottom:1px solid #ddd;padding:20px clamp(16px,2.4vw,32px);margin:4px auto 0}
.seratori-supervisor--top .seratori-supervisor__intro{display:flex;align-items:baseline;gap:15px}
.seratori-supervisor--top .seratori-supervisor__intro h2{font-size:clamp(19px,2.1vw,27px);margin-bottom:10px}
.seratori-supervisor--top .seratori-supervisor__eyebrow{flex:0 0 auto}
.seratori-supervisor--top .seratori-supervisor__card{grid-template-columns:94px minmax(0,1fr);gap:18px;padding:13px 0 0;border-bottom:0}
.seratori-supervisor--top .seratori-supervisor__name{font-size:21px;margin-bottom:3px!important}
.seratori-supervisor--top .seratori-supervisor__bio{font-size:12px;line-height:1.7;margin-bottom:4px!important}
.seratori-supervisor--about{padding:70px 0 78px;border-top:1px solid #111}
.seratori-supervisor--about .seratori-supervisor__card{grid-template-columns:minmax(170px,275px) minmax(0,1fr);gap:clamp(20px,5vw,55px)}
.seratori-supervisor--about .seratori-supervisor__role{font-size:14px}
.seratori-supervisor--about .seratori-supervisor__bio{font-size:15px}
/* Article: sits between FIRST ANSWER and the first H2, without joining the TOC. */
.sra-page .seratori-supervisor--article{margin:-22px 0 43px;padding:0 0 0 0}
.sra-page .seratori-supervisor--article .seratori-supervisor__eyebrow{margin-bottom:7px}
.sra-page .seratori-supervisor--article .seratori-supervisor__card{grid-template-columns:88px minmax(0,1fr);gap:17px;padding:14px 0 16px;border-top:1px solid #d4d4d0;border-bottom:1px solid #d4d4d0}
.sra-page .seratori-supervisor--article .seratori-supervisor__name{font-size:21px;margin:0 0 7px!important}
.sra-page .seratori-supervisor--article .seratori-supervisor__bio{font-size:12px;line-height:1.75;margin:0 0 8px!important}
.sra-page .seratori-supervisor--article .seratori-supervisor__role{font-size:11px}
.sra-page .seratori-supervisor--article .seratori-supervisor__link{font-size:11px}
@media(max-width:760px){
 .seratori-supervisor--top{padding:20px 15px}
 .seratori-supervisor--top .seratori-supervisor__intro{display:block}
 .seratori-supervisor--top .seratori-supervisor__intro h2{font-size:21px}
 .seratori-supervisor--top .seratori-supervisor__card{grid-template-columns:76px minmax(0,1fr);gap:13px}
 .seratori-supervisor--top .seratori-supervisor__bio{font-size:11px}
 .seratori-supervisor--about{padding:55px 0}
 .seratori-supervisor--about .seratori-supervisor__card{grid-template-columns:1fr;gap:16px}
 .seratori-supervisor--about .seratori-supervisor__portrait{max-width:190px}
 .seratori-supervisor--about .seratori-supervisor__bio{font-size:13px}
 .sra-page .seratori-supervisor--article .seratori-supervisor__card{grid-template-columns:76px minmax(0,1fr);gap:12px}
 .seratori-supervisor__name span{display:none}
}
@media(max-width:360px){
 .sra-page .seratori-supervisor--article .seratori-supervisor__card{grid-template-columns:68px minmax(0,1fr)}
 .sra-page .seratori-supervisor--article .seratori-supervisor__bio{font-size:11px}
 .seratori-supervisor--top .seratori-supervisor__card{grid-template-columns:68px minmax(0,1fr)}
}

/* v0.4.0: The profile card now links to the on-site author/editor page. */
.seratori-supervisor--top .seratori-supervisor__eyebrow{white-space:normal}
.seratori-supervisor__card a:focus-visible{outline:3px solid #246de2;outline-offset:4px}