/* ══════════════════════════════════════════════════════════════
   365implant.com — Article page design (2026-08)
   메인 페이지와 동일한 브랜드 시스템. 본문 내용은 건드리지 않고
   스타일만 덮어씀. 되돌리려면 각 아티클의 <link> 한 줄만 삭제.
   ══════════════════════════════════════════════════════════════ */

@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css');

:root{
  --orange:#E8672E; --accent:#E8672E; --accent-lt:#F09A6A; --accent-tint:#FFF3EA;
  --text:#1A1613; --ink:#1A1613; --ink-2:#544E48; --ink-3:#68615A;
  --mute:#8A8279; --faint:#A79E94;
  --bg:#FBF7F2; --warm:#FFF3EA; --paper:#FFFFFF;
  --rule:#EFE8E0; --rule-in:#E4DBD0;
  --font:'Pretendard Variable',Pretendard,-apple-system,BlinkMacSystemFont,
        'Apple SD Gothic Neo','Malgun Gothic',sans-serif;
}

body{
  font-family:var(--font);
  background:var(--bg);
  color:var(--ink);
  line-height:1.85;
  -webkit-font-smoothing:antialiased;
  word-break:keep-all;
  overflow-wrap:break-word;
  text-wrap:pretty;
}

/* ── nav ── */
.site-nav{
  position:sticky;top:0;z-index:60;
  background:rgba(255,255,255,.94);
  backdrop-filter:blur(12px);
  border-bottom:1px solid var(--rule);
  padding:0 clamp(20px,4vw,44px);
  height:70px;
}
.site-nav a.logo img{height:30px;border-radius:5px}
.site-nav a.cta-btn{
  margin:0;background:var(--accent);color:#fff;
  font-family:var(--font);font-size:12.5px;font-weight:700;
  letter-spacing:0;padding:10px 20px;border-radius:100px;
}
.site-nav a.cta-btn:hover{background:#d15a24}

/* ── hero image ── */
.article-hero{
  width:100%;max-height:none;height:clamp(200px,30vw,400px);
  object-fit:cover;object-position:center 45%;
  background:var(--ink);
}

/* ── article body ── */
.article-wrap{
  max-width:790px;margin:0 auto;
  padding:clamp(36px,5vw,64px) clamp(22px,4vw,52px) clamp(60px,7vw,96px);
  background:var(--paper);
  border-left:1px solid var(--rule);
  border-right:1px solid var(--rule);
}

.back-link{
  font-family:var(--font);font-size:12px;font-weight:700;
  letter-spacing:1.1px;text-transform:uppercase;
  color:var(--mute);margin-bottom:34px;
}
.back-link:hover{color:var(--accent);text-decoration:none}

.article-tag{
  font-family:var(--font);font-size:11px;font-weight:700;
  letter-spacing:1.5px;text-transform:uppercase;color:var(--accent);
}
.article-lang{font-family:var(--font);font-size:11.5px;color:var(--faint);letter-spacing:.4px}

.article-wrap h1{
  font-family:var(--font);
  font-size:clamp(28px,4.2vw,44px);
  font-weight:800;line-height:1.22;letter-spacing:-1.4px;
  color:var(--ink);
  margin:14px 0 30px;
  padding-bottom:28px;
  border-bottom:1px solid var(--rule);
  text-wrap:balance;
}

.article-wrap h2{
  font-family:var(--font);
  font-size:clamp(20px,2.6vw,27px);
  font-weight:800;letter-spacing:-.7px;line-height:1.35;
  color:var(--ink);
  margin:52px 0 16px;
  padding-left:16px;
  position:relative;
}
.article-wrap h2::before{
  content:'';position:absolute;left:0;top:.22em;bottom:.22em;
  width:3px;border-radius:2px;background:var(--accent);
}

.article-wrap h3,.article-wrap h4{
  font-family:var(--font);font-weight:700;letter-spacing:-.3px;
  color:var(--ink);margin:34px 0 12px;font-size:18px;
}

.article-wrap p{
  font-family:var(--font);
  font-size:17px;line-height:1.92;
  color:var(--ink-2);
  margin-bottom:22px;
}
.article-wrap strong{font-weight:700;color:var(--ink)}
.article-wrap em{font-style:italic}
/* 본문 인라인 링크만 오렌지 — 버튼류는 제외 */
.article-wrap p a,.article-wrap li a,.article-wrap td a{color:var(--accent);font-weight:600}
/* 버튼은 흰 글씨. !important 미사용 — 카카오 버튼처럼
   인라인으로 색을 지정한 버튼은 그 값이 그대로 유지돼야 함 */
.article-wrap a.cta-btn,.site-nav a.cta-btn{color:#fff}
.article-wrap a.back-link,a.back-link{color:var(--mute)}
.article-wrap a.back-link:hover,a.back-link:hover{color:var(--accent)}

.article-wrap ul,.article-wrap ol{margin:0 0 22px 20px}
.article-wrap li{font-size:16.5px;line-height:1.9;color:var(--ink-2);margin-bottom:8px}

/* 표 (일부 아티클) */
.article-wrap table{
  width:100%;border-collapse:collapse;margin:8px 0 26px;
  font-family:var(--font);font-size:14.5px;
}
.article-wrap th{
  text-align:left;padding:11px 14px;
  background:var(--accent-tint);color:var(--ink);
  font-weight:700;font-size:12.5px;letter-spacing:.3px;
  border-bottom:2px solid var(--accent-lt);
}
.article-wrap td{
  padding:11px 14px;border-bottom:1px solid var(--rule);color:var(--ink-2);
}

/* 언어 구분선 */
.lang-divider{
  border:none;height:1px;background:var(--rule);
  margin:64px 0 56px;position:relative;
}
.lang-divider::after{
  content:'';position:absolute;left:50%;top:50%;
  width:44px;height:3px;border-radius:2px;
  background:var(--accent);transform:translate(-50%,-50%);
}

/* 고지문 */
.disclaimer{
  font-size:12.5px !important;line-height:1.85 !important;
  color:var(--mute) !important;
  margin-top:42px;padding-top:22px;
  border-top:1px solid var(--rule);
}

/* CTA */
.cta-btn{
  font-family:var(--font);font-size:14px;font-weight:700;letter-spacing:0;
  background:var(--accent);color:#fff;
  padding:15px 30px;border-radius:100px;margin-top:30px;
  transition:.22s;
}
.cta-btn:hover{background:#d15a24;transform:translateY(-1px)}

/* 연락처 블록 */
.contact-block{
  margin-top:48px;padding:30px 34px;
  background:var(--bg);border:1px solid var(--rule);
  border-left:3px solid var(--accent);border-radius:0 16px 16px 0;
}
.contact-block h3{
  font-family:var(--font);font-size:17px;font-weight:800;
  letter-spacing:-.4px;color:var(--ink);margin:0 0 14px;
}
.contact-block p{font-family:var(--font);font-size:14px;line-height:1.85;color:var(--ink-3);margin-bottom:7px}
.contact-block a{color:var(--accent);font-weight:600}
.contact-block .hours{font-size:12.5px;color:var(--mute);font-style:normal;margin-top:14px}

/* 관련 기사 블록 — 본문 인라인 스타일 위에 덮어씀 */
.article-wrap ul a[style*="Georgia"],
.article-wrap a[style*="Georgia"]{
  font-family:var(--font) !important;
  font-weight:600 !important;
  color:var(--ink) !important;
}
.article-wrap ul a[style*="Georgia"]:hover{color:var(--accent) !important}

/* 푸터 */
.site-footer{
  background:var(--ink);color:var(--faint);
  font-family:var(--font);font-size:12.5px;line-height:1.85;
  padding:36px 20px;
}
.site-footer a{color:var(--on-dark,#C9C1B7)}
.site-footer a:hover{color:#fff}

/* 공유 버튼 영역 */
.article-wrap + div p{font-family:var(--font) !important}

/* ── 반응형 ── */
@media(max-width:860px){
  .site-nav{height:62px}
  .site-nav a.logo img{height:26px}
  .article-wrap h2{margin-top:42px}
}
@media(max-width:600px){
  .article-wrap{
    padding:30px 20px 56px;
    border-left:none;border-right:none;
  }
  .article-wrap p{font-size:16.5px}
  .article-wrap h1{font-size:26px;letter-spacing:-1px}
  .article-hero{height:180px}
  .contact-block{padding:24px 22px}
}

@media(prefers-reduced-motion:reduce){
  .cta-btn:hover{transform:none}
}

/* ══════════════════════════════════════════════════════
   저자 바이라인 · 저자 박스  (2026-08-26 추가)
   되돌리려면 이 블록만 삭제
   ══════════════════════════════════════════════════════ */
.byline{display:flex;gap:16px;align-items:flex-start;margin:0 0 40px;padding:20px 0;
  border-top:1px solid #e0dbd5;border-bottom:1px solid #e0dbd5}
.byline-photo{width:56px;height:56px;border-radius:50%;object-fit:cover;flex-shrink:0}
.byline-text{min-width:0}
.byline-name{font-family:'Georgia',serif;font-size:17px;font-weight:600;color:#1C1A18;text-decoration:none;display:inline-block}
.byline-name:hover{color:#E8751A}
.byline-ko{font-size:14px;color:#8A8279;font-weight:400}
.byline-cred{font-family:sans-serif;font-size:12.5px;color:#5a5652;line-height:1.55;margin:5px 0 0}
.byline-date{font-family:sans-serif;font-size:11.5px;color:#a09a94;margin:7px 0 0}

.author-box{display:flex;gap:22px;align-items:flex-start;margin:44px 0 0;padding:28px;
  background:#F5F0E8;border-radius:12px;border-left:4px solid #E8751A}
.author-photo{width:96px;height:96px;border-radius:50%;object-fit:cover;flex-shrink:0}
.author-eyebrow{font-family:sans-serif;font-size:10.5px;font-weight:700;letter-spacing:.12em;
  text-transform:uppercase;color:#E8751A;margin:0 0 8px}
.author-name{font-family:'Georgia',serif;font-size:20px;font-weight:600;color:#1C1A18;margin:0 0 3px}
.author-name span{font-size:15px;color:#8A8279;font-weight:400}
.author-role{font-family:sans-serif;font-size:13px;color:#5a5652;margin:0 0 14px}
.author-cred{list-style:none;padding:0;margin:0 0 14px}
.author-cred li{font-family:sans-serif;font-size:13px;line-height:1.6;color:#3a3835;
  margin:0 0 6px;padding-left:14px;position:relative}
.author-cred li::before{content:'·';position:absolute;left:2px;color:#E8751A;font-weight:700}
.author-links{font-family:sans-serif;font-size:13px;margin:0}
.author-links a{color:#E8751A;text-decoration:none}
.author-links a:hover{text-decoration:underline}

@media(max-width:600px){
  .byline{gap:12px;padding:16px 0;margin-bottom:32px}
  .byline-photo{width:46px;height:46px}
  .byline-cred{font-size:11.5px}
  .author-box{flex-direction:column;gap:16px;padding:24px 20px}
  .author-photo{width:76px;height:76px}
}