*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}body{background:#f9fafb}.page-demo{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 24px;background:#f9fafb}.author-bio{display:grid;grid-template-columns:250px 1fr;gap:0;background:#fff;border-radius:10px;overflow:hidden;max-width:860px;width:100%;position:relative;box-shadow:0px 3px 8px rgba(0,0,0,.1)}.author-bio::before{content:"";position:absolute;left:0;top:50%;bottom:0;width:4px;height:96px;background:#f49b00;border-radius:10px 0 0 10px;transform:translateY(-50%)}.author-bio p{margin-bottom:0}.author-bio__identity{display:flex;align-items:center;justify-content:center;gap:15px;padding:28px 20px;text-align:center}.author-bio .info{display:flex;justify-content:center;align-items:flex-start;flex-direction:column}.author-bio__avatar{width:100px;height:100px;border-radius:50%;overflow:hidden;border:2px solid #e5e7eb;flex-shrink:0}.author-bio__avatar img{width:100%;height:100%;object-fit:cover;display:block}@media(max-width: 640px){.author-bio__avatar{width:72px;height:72px}}@media(max-width: 420px){.author-bio__avatar{width:60px;height:60px}}.author-bio__name{font-size:18px;font-weight:600;color:#1a1a1a;line-height:1.2;border-bottom:solid 1px #adadad;padding:5px 0}.author-bio__role{font-size:12.5px;font-weight:400;color:#949494;line-height:1.2;padding:5px 0}.author-bio__contentContainer{padding:35px 0;box-sizing:border-box}.author-bio__content{padding:0 25px 0 20px;display:flex;flex-direction:column;gap:16px;border-left:1px solid #e5e7eb}.author-bio__desc{font-size:13.5px;font-weight:400;color:#1a1a1a;line-height:1.75}.author-bio__focuses{display:flex;flex-direction:column;gap:6px}.author-bio__focuses-title{font-size:13.5px;font-weight:700;color:#1a1a1a;line-height:1.3}.author-bio__focuses-list{list-style:none;display:flex;flex-direction:column;gap:3px}.author-bio__focuses-list li{font-size:13px;font-weight:400;color:#1a1a1a;line-height:1.6;padding-left:12px;position:relative}.author-bio__focuses-list li::before{content:"•";position:absolute;left:0;color:#1a1a1a}@media(max-width: 640px){.author-bio{grid-template-columns:200px 1fr}.author-bio__identity{padding:24px 16px;gap:12px}.author-bio__avatar{width:72px;height:72px}.author-bio__name{font-size:16px}.author-bio__contentContainer{padding:24px 0}.author-bio__content{padding:0 20px 0 16px}.author-bio__desc{font-size:13px}}@media(max-width: 420px){.author-bio{grid-template-columns:1fr}.author-bio::before{width:100%;height:4px;top:0;left:0;bottom:auto;transform:none;border-radius:10px 10px 0 0}.author-bio__identity{flex-direction:row;justify-content:flex-start;align-items:center;gap:14px;padding:20px 16px 16px;text-align:left;border-bottom:1px solid #e5e7eb}.author-bio__avatar{width:60px;height:60px}.author-bio__name{font-size:15px}.author-bio__contentContainer{padding:16px 0}.author-bio__content{border-left:none;padding:0 16px 4px;gap:12px}.author-bio__desc{font-size:13px;line-height:1.7}.author-bio__focuses-title{font-size:13px}.author-bio__focuses-list li{font-size:12.5px}}/*# sourceMappingURL=author-bio.min.css.map */