/* 인사이트 상세 공통 규격 v1 (2026-10-21)
   읽기 폭 720px 하나로 제목 설명, 작성자 줄, 본문을 맞춘다. 모든 인사이트 글 head의 마지막 스타일로 불러온다. */
.article-detail-page{--read:720px}

/* 제목 아래 설명 */
.article-detail-page .article-hero .article-deck{max-width:var(--read)!important;margin-inline:auto!important}

/* 작성자 줄: 읽기 폭 안에서 한 줄 */
.article-detail-page .article-author-line{
  width:100%;max-width:var(--read)!important;margin:28px auto 0!important;padding-top:18px!important;
  display:grid!important;grid-template-columns:40px minmax(0,1fr) auto auto!important;gap:12px!important;align-items:center!important;
  justify-items:stretch!important;text-align:left!important}
.article-detail-page .article-author-line>*{grid-column:auto!important}
.article-detail-page .article-author-line .author-avatar{width:40px!important;height:40px!important}
.article-detail-page .article-author-line>div:nth-child(2){display:grid;gap:2px;justify-items:start!important;text-align:left!important}
.article-detail-page .article-author-line>div:nth-child(2) strong{font-size:14px;line-height:1.4}
.article-detail-page .article-author-line>div:nth-child(2) span{font-size:12px;line-height:1.4}
.article-detail-page .article-author-line .author-social{display:flex;gap:0;margin:0}
.article-detail-page .article-author-line .author-social a{width:30px;height:30px;padding:5px!important}
.article-detail-page .article-author-line .share-tools{display:flex;gap:6px;margin:0!important;justify-content:flex-end!important}
.article-detail-page .article-author-line .share-tools button,
.article-detail-page .article-author-line .share-tools a{padding:6px 12px;font-size:12px;line-height:1.4;white-space:nowrap}

/* 데스크톱: 목차 열과 옆 카드 열을 같은 폭으로 두어 본문 축을 제목 축과 맞춘다 */
@media (min-width:1101px){
  .article-detail-page .article-grid{grid-template-columns:180px minmax(0,1fr) 180px!important}
}

/* 본문: 읽기 폭 */
.article-detail-page .article-content{width:100%;max-width:var(--read);justify-self:center}

/* 한 단 화면: 목차·본문·옆 카드 모두 읽기 폭 */
@media (max-width:760px){
  .article-detail-page .article-grid>*{width:100%;max-width:var(--read);justify-self:center}
}

/* 휴대폰: 작성자 줄 두 줄 (얼굴·이름 / 아이콘·공유), 가운데 정렬 */
@media (max-width:700px){
  .article-detail-page .article-author-line{
    display:flex!important;flex-wrap:wrap;justify-content:center!important;align-items:center!important;
    gap:10px 12px!important;margin-top:24px!important;padding-top:16px!important}
  .article-detail-page .article-author-line::after{content:"";flex-basis:100%;order:2}
  .article-detail-page .article-author-line .author-avatar{order:0}
  .article-detail-page .article-author-line>div:nth-child(2){order:1}
  .article-detail-page .article-author-line .author-social{order:3}
  .article-detail-page .article-author-line .share-tools{order:4}
}