/* v9 글자 규칙을 v8 상세·문의·약관 쪽에 얹음 (같은 DESIGN.md · v9.css 의 제목·강조 값만) */
h1{color:var(--ink);font-size:clamp(32px,5vw,64px);line-height:1.14;letter-spacing:-.035em;text-wrap:balance}
h2{text-wrap:balance}
em{font-style:normal;text-decoration:underline;text-decoration-color:var(--acc);text-decoration-thickness:.12em;text-underline-offset:.14em}
.crumb{padding-top:32px;font-size:var(--f1);font-weight:700;color:var(--acc)}.crumb a{color:inherit}
/* 큰 카드(ALL IN ONE·광고 집행): 사진을 가로로 눌러 오른쪽 빈칸 줄이기 (10-19) */
@media (min-width:768px){.cards.one .card.big .ph{aspect-ratio:4/3!important;padding:0!important;align-self:start}.cards.one .card.big .ph img{width:100%;height:100%;object-fit:cover!important;border-radius:0}}
/* 결과물 보기: 오른쪽 결과 견본은 자르지 않고 통째로 (글자 잘림 방지, 10-19) */
.pair > div:last-child figure img{object-fit:contain;background:var(--surf)}
.pair > div:last-child figure img[src*="/v8/img/site_"],.pair > div:last-child figure img[src*="/v8/img/blog_"]{object-fit:cover;object-position:left top}

/* 이런 상황이라면 (10-20) */
.fitfor h2{font-size:clamp(22px,2.6vw,30px)}
.chk{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-top:18px}
.chk li{position:relative;background:var(--surf);border-radius:12px;padding:14px 16px 14px 44px;font-weight:600}
.chk li:before{content:"";position:absolute;left:16px;top:17px;width:16px;height:9px;border-left:3px solid var(--acc);border-bottom:3px solid var(--acc);transform:rotate(-45deg)}
