/* About the Author + round portrait (end chapter). Builds on css/v7.css variables. Variant set by data-photo on .about. */
.line .about{flex:1 1 100%;display:flex;align-items:center;gap:22px;margin:2px 0 0}
.about .ap{flex:none;position:relative;z-index:0;display:block;width:104px;height:104px;border-radius:50%}
.about .ap img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;border:1.5px solid var(--ink);box-sizing:border-box;box-shadow:4px 4px 0 var(--pink)}
.about[data-photo="a"] .ap img{box-shadow:none}
.about[data-photo="a"] .ap::before{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--hot);transform:translate(6px,6px);z-index:-1}
.about-x{flex:1;min-width:0}
.about-t{margin:0;font-size:16.5px;line-height:1.4}
.about-k{display:block;font:600 11.5px/1 Oswald,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:var(--pink);margin-bottom:5px}
.about-more{font:500 11px/1 Oswald,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--pink);background:none;border:0;border-bottom:1px solid currentColor;padding:3px 0 2px;margin-top:5px;cursor:pointer}
@media (max-width:760px){
  .line .about{align-items:flex-start;gap:14px;margin:0}
  .about .ap{width:84px;height:84px;margin-top:2px}
  .about .ap img{box-shadow:3px 3px 0 var(--pink)}
  .about[data-photo="a"] .ap::before{transform:translate(4px,4px)}
  .about-t{font-size:15.5px;line-height:1.36}
  .line .about:not(.clamp){display:block}
  .about:not(.clamp) .ap{float:left;margin:2px 14px 4px 0;shape-outside:circle(50%);shape-margin:6px}
  .about:not(.clamp)::after{content:"";display:block;clear:both}
  .about.clamp .about-t{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}
}
/* Short phones (e.g. 375x667): the end card is already full height, so keep the block as compact as possible. */
@media (max-width:760px) and (max-height:740px){
  .line .about{gap:12px;margin:-4px 0 -4px}
  .about .ap{width:80px;height:80px}
  .about-k{margin-bottom:3px}
  .about-t{font-size:15px;line-height:1.3}
  .about.clamp .about-t{-webkit-line-clamp:1;line-clamp:1}
}
/* Short phones (375x667 etc.): tighten end-card spacing only, so the footer is not clipped. Text and desktop unchanged. */
@media (max-width:760px) and (max-height:740px){
  .c6.ch{padding-top:3%;padding-bottom:3%}
  .c6 .card{padding:10px 16px 8px}
  .c6 .line{gap:6px}
  .c6 .audiobook{margin:2px 0 2px;padding:7px 10px}
  .c6 .audiobook-title{margin-bottom:4px}
  .c6 .fn{margin-top:8px;padding-top:6px;gap:3px 10px}
}