/* 11-04 · 사이트 공통 틀: 좌우 여백(홈 인터뷰 섹션 기준) · 푸터 얼굴 */
:root{--side:clamp(20px,3.5vw,84px)}
@media(min-width:761px){
  body .site-header{padding-left:var(--side)!important;padding-right:var(--side)!important}
  .site-header>.trust-strip{padding-left:var(--side)!important;padding-right:var(--side)!important}
}
.unified-footer>.wrap{width:calc(100% - var(--side)*2)!important;max-width:none!important;margin-left:auto;margin-right:auto}
/* 푸터 얼굴: 어느 페이지에서나 늘 보인다. 호버하면 반시계로 45도 기울며 윙크 */
.unified-footer .consult-circle{background:#fff!important;transform:none!important}
.unified-footer .consult-circle>img{display:none}
.unified-footer .footer-hero .consult-circle>.cc-dock-face{position:absolute;inset:0;z-index:1;display:block;padding:14%;box-sizing:border-box;pointer-events:none;opacity:1!important;transform:rotate(0)!important;transition:transform .55s cubic-bezier(.2,.8,.2,1)}
.unified-footer .footer-hero .consult-circle:hover>.cc-dock-face,.unified-footer .footer-hero .consult-circle:focus-visible>.cc-dock-face{transform:rotate(-45deg)!important}
.unified-footer .cc-face-svg{display:block;width:100%;height:100%;overflow:visible}
.unified-footer .cc-eye-l{transform-box:fill-box;transform-origin:50% 50%}
@keyframes cc-wink{0%,100%{transform:scaleY(1)}9%{transform:scaleY(.08)}18%{transform:scaleY(1)}}
.unified-footer .consult-circle:hover .cc-eye-l,.unified-footer .consult-circle:focus-visible .cc-eye-l{animation:cc-wink 1.9s cubic-bezier(.4,0,.2,1) infinite}
.footer-social{display:flex;gap:20px;flex-wrap:wrap}
@media(prefers-reduced-motion:reduce){.unified-footer .footer-hero .consult-circle>.cc-dock-face{transition:none}.unified-footer .cc-eye-l{animation:none!important}}
.unified-footer .footer-social a{margin:0!important;padding:0!important}
.unified-footer .footer-social{display:flex!important;gap:28px!important;justify-content:flex-start}
.unified-footer .footer-social a{flex:0 0 auto!important;width:auto!important;min-width:0!important}
.unified-footer .footer-hero .consult-circle:hover>.cc-dock-face,.unified-footer .footer-hero .consult-circle:focus-visible>.cc-dock-face{transform:rotate(-12deg)!important}
.trust-strip .strip-count{margin:0;font-size:12px;letter-spacing:-.01em;color:#3a3a3a;white-space:nowrap}
.trust-strip .strip-count b{font-weight:800;color:#080808}

/* 11-04 마감: 너무 작아서 읽기 힘든 글자 최소 11~12px */
.carousel-card-meta span,.carousel-card-meta{font-size:12px!important}
.interview-badge{font-size:11px!important}
/* 리뷰 페이지 인터뷰 줄: 단어 중간에서 끊기지 않게 */
.interview-list-row p,.interview-list-row dd,.interview-list-row h3{word-break:keep-all}
@media(max-width:1024px){.interview-list-row p br{display:none}}
/* 등장 애니메이션 (shared.js가 .rv를 붙일 때만) */
.rv{opacity:0;transform:translateY(22px);transition:opacity .8s ease var(--rv-d,0s),transform .9s cubic-bezier(.2,.7,.2,1) var(--rv-d,0s)}
.rv.in{opacity:1;transform:none}
/* 인터뷰 표지: 화면 가득 → 본문 폭 */
.interview-cover.cover-zoom{overflow:visible}
.interview-cover.cover-zoom figure{width:calc(100% + var(--cz-extra,0px));margin-left:calc(var(--cz-extra,0px) / -2);max-width:none;will-change:width,margin}
.interview-cover.cover-zoom figure img{width:100%;height:auto;display:block}
body.review-story-page{overflow-x:clip}

/* 11-05: 포트폴리오 페이지 · 칼럼 '눈에 띄는 글' 좌우 폭을 고정 헤더에 맞춤 */
.archive-main.page-wrap,.related-articles>.page-wrap{width:calc(100% - var(--side)*2)!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important}
.archive-main .archive-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important}
@media(max-width:1024px){.archive-main .archive-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:760px){.archive-main .archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
/* 칼럼 '눈에 띄는 글': 바깥 섹션도 헤더 폭으로 */
.related-articles.insight-recommendations{width:calc(100% - var(--side)*2)!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important}
.related-articles.insight-recommendations>.page-wrap{width:100%!important}
/* 눈띄고 로고 띠 높이를 로고월과 같게 */
.brand-set{min-height:52px}

/* 11-05: 작은 띠 숫자 — 흰 알약 · 숨 쉬는 점 · 굵은 숫자 */
.trust-strip .strip-count{display:inline-flex!important;align-items:center;gap:5px;height:26px;padding:0 12px 0 10px;border:1px solid #e2e2e6;border-radius:999px;background:#fff;font-size:12px;letter-spacing:-.02em;color:#5a5a5a;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.trust-strip .strip-count[hidden]{display:none!important}
.trust-strip .strip-count .sc-dot{position:relative;flex:0 0 6px;width:6px;height:6px;margin-right:3px;border-radius:50%;background:#16a34a}
.trust-strip .strip-count .sc-dot::after{content:"";position:absolute;inset:-3px;border-radius:50%;background:#16a34a;opacity:.35;animation:scPulse 2.4s ease-out infinite}
.trust-strip .strip-count b{margin-left:2px;font-size:13px;font-weight:800;color:#080808;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
@keyframes scPulse{0%{transform:scale(.6);opacity:.45}70%{transform:scale(1.8);opacity:0}100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.trust-strip .strip-count .sc-dot::after{animation:none}}
/* 인사이트 카드 등장: 더 짧은 이동 · 부드러운 곡선 */
#ideaGrid .idea-card.rv,#insight .idea-card.rv{transform:translateY(14px);transition:opacity .7s cubic-bezier(.2,.7,.2,1) var(--rv-d,0s),transform .8s cubic-bezier(.2,.7,.2,1) var(--rv-d,0s)}
#ideaGrid .idea-card.rv.in,#insight .idea-card.rv.in{transform:none}
.trust-strip .strip-count{gap:3px!important}
.trust-strip .strip-count b{margin:0 1px 0 3px!important}

/* ===== 11-05 모바일 심층 점검 마감 ===== */
/* 1) 상하 끝까지 당겼을 때(오버스크롤) 흰 띠 대신 헤더·푸터와 같은 검정 */
html{background:#080808}
/* 2) 전자책 안내 박스: 검정 배경 위 검정 글자 → 보이게 */
.ebook-invite p{color:rgba(255,255,255,.72)!important}
/* 3) 작업 박스 큰 문장: 단어 단위 줄바꿈 */
.article-inline-cta[data-work-box] .awb-big{word-break:keep-all}
@media(max-width:1024px),(pointer:coarse){
  /* 4) 아이폰·아이패드 자동 확대 방지: 입력칸 글자 16px */
  input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]),select,textarea{font-size:16px!important}
  /* 5) 최소 글자 12px */
  .sv-card-eng,.interview-badge,.story-links a span,.carousel-card-meta span,.before-after span,.article-tags span,.ebook-invite>span,
  .name-eyebrow,.name-eyebrow span,.name-nav a,.name-extra summary small,sup.cite,.series-return,.interview-back{font-size:12px!important}
  /* 6) 터치 영역 44px: 레이아웃은 그대로, 누르는 범위만 넓힘 */
  .interview-back,.series-return,.author-card a[href="/services"],.footer-privacy,.tool-nav a,.name-nav a,.tool-search a,
  figure figcaption a,a[download],.start-consent details a{
    padding-top:12px!important;padding-bottom:12px!important;margin-top:-12px;margin-bottom:-12px}
  .start-consent details>summary,.tool-wrap details>summary{padding-top:12px;padding-bottom:12px;margin-top:-12px;margin-bottom:-12px;cursor:pointer}
  .start-check{min-height:44px;align-items:center}
  .share-tools button,.share-tools a{min-height:40px}
}
@media(min-width:768px) and (max-width:1024px){
  /* 태블릿: 헤더 메뉴 · 푸터 링크 누르는 범위 44px */
  .site-header nav a,.footer-info a:not(.footer-top):not([class*=btn]){padding-top:12px!important;padding-bottom:12px!important;margin-top:-12px!important;margin-bottom:-12px!important}
}
@media(max-width:767px){
  /* 7) 비교 카드: 모바일에서는 빈 높이 없이 */
  .before-after>div{min-height:0!important;gap:14px}
  /* 8) 홈 인터뷰 섹션 링크: 다른 섹션처럼 왼쪽 정렬 */
  .evidence-bridge .continuity-head .view-link{justify-self:start!important}
}
@media(max-width:600px){
  /* 9) 홈 사다리 제목: 한 줄이 넘쳐 흰 띠가 두 줄로 생기던 문제 */
  #ladderTitle.ladder-title{font-size:clamp(34px,11.6vw,54px)!important}
  #ladderTitle .hl-line{white-space:nowrap}
  /* 10) 고객 로고 마지막 한 칸은 가운데 */
  .sv-logo-grid>li:last-child:nth-child(3n+1){grid-column:2}
}