/*
 * 핀 템플릿 공용 스타일 — 디자인 미리보기(브라우저)와 PNG(Grover)가 같은 파일을 쓴다.
 * 크기는 cqw(핀 너비의 1%)라서 180px 카드와 1000px PNG가 같은 모양이 된다.
 * 색·글꼴은 .pin에 붙는 CSS 변수로만 쓴다(PinTemplates::Design#css_variables). 이 파일과
 * app/views/pin_templates/ 에는 색 리터럴을 쓰지 않는다(test/services/pin_templates/registry_test.rb).
 */
.pin {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 2 / 3;
  overflow: hidden;
  container-type: inline-size;
  isolation: isolate;
  background: var(--pin-background);
  color: var(--pin-ink);
  font-family: var(--pin-body), system-ui, sans-serif;
  line-height: 1.1;
  text-align: left;
  -webkit-font-smoothing: antialiased;
}
.pin *, .pin *::before, .pin *::after { box-sizing: border-box; }
.pin h3, .pin p { margin: 0; font-weight: inherit; }
.pin-card { border-radius: 12px; }
.pin-abs { position: absolute; }
.pin-fill { position: absolute; inset: 0; }
.pin-img { display: block; width: 100%; height: 100%; object-fit: var(--pin-fit, cover); object-position: var(--pin-pos, center); transform: scale(var(--pin-scale, 1)); transform-origin: var(--pin-pos, center); background: var(--pin-background); }
.pin-img--empty { background: repeating-linear-gradient(135deg, var(--pin-band) 0 4cqw, var(--pin-background) 4cqw 8cqw); opacity: .35; }
.pin-display { font-family: var(--pin-display), Impact, "Arial Narrow", sans-serif; font-weight: 400; }
.pin-label { font-family: var(--pin-label), system-ui, sans-serif; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; line-height: 1.2; }
.pin-domain { font-family: var(--pin-label), system-ui, sans-serif; font-weight: 700; font-size: 3.8cqw; letter-spacing: .06em; text-transform: uppercase; line-height: 1.2; overflow-wrap: anywhere; }
.pin-clamp { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: var(--pin-lines, 5); overflow: hidden; }
/* 4단계 편집기 손잡이: 글자 블록에 붙이면 줄마다 강조색 배경(형광펜)이 깔린다 — <h3 class="pin-lines"><span>…</span></h3> */
.pin-lines > span { background: var(--pin-accent); color: var(--pin-on-accent); padding: 0 1.6cqw; -webkit-box-decoration-break: clone; box-decoration-break: clone; }

/* ── A · Bold Band ── */
.pin--bold-band .a-head { text-transform: uppercase; line-height: 1.02; letter-spacing: .01em; overflow-wrap: anywhere; }
.a-tag { display: inline-block; background: var(--pin-accent); color: var(--pin-on-accent); font-size: 4.2cqw; padding: 1cqw 3cqw; }
.a-soft { opacity: .85; }
.a-slot { position: relative; min-width: 0; min-height: 0; overflow: hidden; }
.a-foot { left: 0; right: 0; bottom: 0; background: var(--pin-ink); color: var(--pin-background); text-align: center; padding: 2.6cqw 4cqw; }
.a-chip { left: 5cqw; bottom: 5cqw; max-width: 90cqw; background: var(--pin-accent); color: var(--pin-on-accent); padding: 1.4cqw 3cqw; }
.a-corner { left: 5cqw; top: 5cqw; }
.a-bar { height: 2.4cqw; width: 30cqw; background: var(--pin-accent); margin-top: 4cqw; }

/* a_center_band — 사진 가운데를 가로지르는 띠 */
.a-band { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); background: var(--pin-band); color: var(--pin-on-band); padding: 6cqw 6cqw 5cqw; text-align: center; }
.a-band .a-tag { margin-bottom: 3cqw; }

/* a_text_poster — 띠 색 바탕 전체 + 큰 제목 */
.a-poster { position: absolute; inset: 0; background: var(--pin-band); color: var(--pin-on-band); padding: 11cqw 9cqw 9cqw; display: grid; grid-template-rows: auto minmax(0, 1fr) auto; gap: 5cqw; }
.a-poster-body { align-self: center; min-height: 0; }

/* a_top_band — 위 띠 + 아래 사진 */
.a-col { position: absolute; inset: 0; display: grid; grid-template-rows: auto minmax(0, 1fr); }
.a-topband { background: var(--pin-band); color: var(--pin-on-band); padding: 8cqw 7cqw 7cqw; display: grid; gap: 3cqw; justify-items: start; }

/* a_bottom_tag — 아래 띠 + 기울어진 태그 */
.a-bottom { left: 0; right: 0; bottom: 0; background: var(--pin-band); color: var(--pin-on-band); padding: 8cqw 7cqw 6cqw; display: grid; gap: 3cqw; }
.a-bottom .a-tag { position: absolute; left: 6cqw; top: 0; transform: translateY(-55%) rotate(-4deg); font-size: 4.6cqw; padding: 1.4cqw 3.4cqw; }

/* a_diagonal_band — 대각선 띠 */
.a-diag { position: absolute; left: -12%; right: -12%; top: 50%; transform: translateY(-50%) rotate(-7deg); background: var(--pin-band); color: var(--pin-on-band); padding: 6cqw 18cqw; text-align: center; box-shadow: 0 1.6cqw 0 var(--pin-accent); }

/* a_circle_badge · a_grid_badge — 가운데 원형 배지 */
.a-badge { left: 50%; top: 47%; transform: translate(-50%, -50%); width: 66cqw; height: 66cqw; border-radius: 50%; background: var(--pin-band); color: var(--pin-on-band); border: 2.2cqw solid var(--pin-background); display: grid; place-content: center; justify-items: center; gap: 2.4cqw; text-align: center; padding: 9cqw; }
.a-badge--grid { top: 50%; width: 60cqw; height: 60cqw; }
.a-badge .a-tag { font-size: 3.6cqw; }

/* a_number_split — 위 큰 숫자 + 제목, 아래 사진 */
.a-numtop { background: var(--pin-background); color: var(--pin-ink); padding: 7cqw 7cqw 6cqw; display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 4cqw; border-bottom: 2.4cqw solid var(--pin-accent); }
.a-bignum { font-family: var(--pin-display), Impact, sans-serif; color: var(--pin-band); font-size: 34cqw; line-height: .82; }

/* a_stack_mid_band · a_tilted_band — 위아래 사진 */
.a-rows { position: absolute; inset: 0; display: grid; grid-template-rows: 1fr 1fr; gap: 1.4cqw; background: var(--pin-background); }
.a-mid { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); background: var(--pin-band); color: var(--pin-on-band); padding: 5cqw 6cqw; text-align: center; display: grid; gap: 2.4cqw; justify-items: center; }
.a-tilt { position: absolute; left: -10%; right: -10%; top: 50%; transform: translateY(-50%) rotate(-5deg); background: var(--pin-band); color: var(--pin-on-band); padding: 5cqw 16cqw; text-align: center; border-block: 1.6cqw solid var(--pin-accent); }

/* a_side_bar — 좌우 사진 + 아래 띠 */
.a-sidebar { position: absolute; inset: 0; display: grid; grid-template-rows: minmax(0, 1fr) auto; }
.a-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 1.4cqw; background: var(--pin-background); min-height: 0; }
.a-bottomband { position: relative; background: var(--pin-band); color: var(--pin-on-band); padding: 8cqw 7cqw 6cqw; display: grid; gap: 2.6cqw; }
.a-bottomband .a-tag { position: absolute; left: 7cqw; top: 0; transform: translateY(-50%); }

/* a_hero_trio — 큰 사진 1 + 작은 사진 2 */
.a-trio { position: absolute; inset: 0; display: grid; grid-template-rows: 58fr 42fr; gap: 1.4cqw; background: var(--pin-background); }
.a-trio-bottom { display: grid; grid-template-columns: 1fr 1fr; gap: 1.4cqw; min-height: 0; }
.a-trio-band { left: 6cqw; right: 6cqw; top: 58%; transform: translateY(-50%); background: var(--pin-band); color: var(--pin-on-band); padding: 4.5cqw 5cqw; text-align: center; display: grid; gap: 2cqw; justify-items: center; box-shadow: 1.6cqw 1.6cqw 0 var(--pin-accent); }

/* a_triptych_label — 세로 3단 */
.a-tri { position: absolute; inset: 0; display: grid; grid-template-rows: repeat(3, 1fr); gap: 1.4cqw; background: var(--pin-background); }
.a-label { left: 0; right: 0; top: 50%; transform: translateY(-50%); background: var(--pin-band); color: var(--pin-on-band); padding: 4.5cqw 6cqw; text-align: center; display: grid; gap: 1.6cqw; }

/* a_grid_badge · a_grid_band — 2×2, 2×3 격자 */
.a-grid { position: absolute; inset: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 1.4cqw; background: var(--pin-background); }
.a-grid--4 { grid-template-rows: 1fr 1fr; }
.a-grid--6 { grid-template-rows: repeat(3, 1fr); }
.a-gridband { left: 0; right: 0; top: 50%; transform: translateY(-50%); background: var(--pin-band); color: var(--pin-on-band); padding: 5cqw 7cqw; text-align: center; display: grid; gap: 2.4cqw; justify-items: center; }

/* a_text_number — 큰 숫자 + 제목 */
.a-textnum { position: absolute; inset: 0; background: var(--pin-background); color: var(--pin-ink); padding: 10cqw 9cqw; display: grid; align-content: center; gap: 3cqw; }
.a-textnum .a-bignum { font-size: 46cqw; }

/* ── B · Highlight Sticker ── */
.pin--highlight-sticker .b-head { font-family: var(--pin-display), "Arial Black", sans-serif; font-weight: 400; line-height: 1.24; overflow-wrap: anywhere; }
/* 잘린 제목의 "…"은 h3 글자색으로 그려진다 — 형광펜 글자색과 맞춘다(10-2 B1). */
.b-hl { color: var(--pin-on-accent); }
/* 형광펜 좌우 여백(span padding)이 h3의 overflow: hidden에 잘리지 않게 — 글 폭은 그대로(2-2 #3). .pin h3의 margin: 0보다 우선 */
.pin .b-hl { padding-inline: .26em; margin-inline: -.26em; }
.b-hl--band { color: var(--pin-on-band); }
.b-hl > span { background: var(--pin-accent); color: var(--pin-on-accent); padding: .04em .26em; border-radius: .2em; -webkit-box-decoration-break: clone; box-decoration-break: clone; }
.b-hl--band > span { background: var(--pin-band); color: var(--pin-on-band); }
.b-sticker { display: inline-block; max-width: 80cqw; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: var(--pin-band); color: var(--pin-on-band); font-family: var(--pin-label), system-ui, sans-serif; font-weight: 800; font-size: min(4.2cqw, calc(86cqw / var(--pin-eyebrow-len, 1))); letter-spacing: .1em; text-transform: uppercase; padding: 1.6cqw 3.6cqw; border-radius: 999px; transform: rotate(-6deg); } /* 긴 라벨은 글자를 줄여 한 줄에(2-2 #6) */
.b-sticker--flat { transform: none; justify-self: start; }
.b-sticker--center { justify-self: center; }
.b-sticker--tr { right: 5cqw; top: 5cqw; }
.b-sticker--tl { left: 5cqw; top: 5cqw; }
.b-sticker--on-band { background: var(--pin-accent); color: var(--pin-on-accent); }
.b-ink { color: var(--pin-ink); }
.b-on-accent { color: var(--pin-on-accent); }
.b-slot { position: relative; min-width: 0; min-height: 0; overflow: hidden; }
.b-round { border-radius: 4cqw; }
.b-shadow { box-shadow: 0 1.5cqw 3cqw color-mix(in srgb, var(--pin-ink) 22%, transparent); }

/* 위 사진 + 아래 글 */
.b-col { position: absolute; inset: 0; display: grid; grid-template-rows: 60fr 40fr; }
.b-body { background: var(--pin-background); padding: 6cqw 6cqw 5cqw; display: grid; align-content: start; gap: 3cqw; min-height: 0; }
.b-body--center { padding: 0 2cqw 6cqw; justify-items: center; text-align: center; align-content: center; }
.b-duo { display: grid; grid-template-columns: 1fr 1fr; gap: 1.4cqw; background: var(--pin-background); min-height: 0; }

/* 아치 */
.b-arch-wrap { position: absolute; inset: 0; background: var(--pin-background); padding: 8cqw 8cqw 7cqw; display: grid; grid-template-rows: minmax(0, 1fr) auto; gap: 5cqw; }
.b-arch { border-radius: 40cqw 40cqw 3cqw 3cqw; border: 1.6cqw solid var(--pin-accent); }
.b-duo--arches { gap: 4cqw; background: transparent; }
.b-duo--arches .b-arch { border-radius: 20cqw 20cqw 3cqw 3cqw; }
.b-arch-text { display: grid; gap: 3cqw; }

/* 폴라로이드 */
.b-stage { position: absolute; inset: 0; background: var(--pin-accent); }
.b-pol { position: absolute; background: var(--pin-background); padding: 2.4cqw 2.4cqw 8cqw; }
.b-pol-photo { position: relative; aspect-ratio: 1; overflow: hidden; }
.b-pol--single { left: 12cqw; right: 12cqw; top: 9cqw; transform: rotate(-4deg); }
.b-pol--left { left: 6cqw; top: 7cqw; width: 58cqw; transform: rotate(-7deg); }
.b-pol--right { right: 5cqw; top: 26cqw; width: 58cqw; transform: rotate(6deg); }
.b-pol--a { left: 5cqw; top: 6cqw; width: 50cqw; transform: rotate(-6deg); }
.b-pol--b { right: 4cqw; top: 15cqw; width: 48cqw; transform: rotate(5deg); }
.b-pol--c { left: 20cqw; top: 50cqw; width: 46cqw; transform: rotate(-2deg); }
.b-stage-text { position: absolute; left: 6cqw; right: 6cqw; bottom: 7cqw; display: grid; gap: 3cqw; }

/* 사진 위 형광펜 */
.b-over { left: 6cqw; right: 6cqw; bottom: 7cqw; display: grid; gap: 3cqw; justify-items: start; }
.b-chip { background: var(--pin-background); color: var(--pin-ink); padding: 1.2cqw 3cqw; border-radius: 999px; }

/* 원형 사진 */
.b-circle-wrap { position: absolute; inset: 0; background: var(--pin-background); padding: 8cqw 7cqw 6cqw; display: grid; grid-template-rows: auto auto minmax(0, 1fr) auto; justify-items: center; text-align: center; gap: 3cqw; }
.b-circle { width: 70cqw; aspect-ratio: 1; border-radius: 50%; border: 2cqw solid var(--pin-accent); }
.b-circle-sticker { position: relative; margin-top: -9cqw; }
.b-circle-wrap .b-head { align-self: center; }

/* 카드 */
.b-card { background: var(--pin-background); color: var(--pin-ink); border-radius: 6cqw; padding: 7cqw; display: grid; gap: 2.6cqw; }
/* 숫자 카드 — 위 46%(핀은 늘 2:3이라 69cqw)에서 시작하고, 글이 길면 앞 칸이 줄어 위로 자란다 — 아래 7cqw 밖으로 나가지 않는다(10-2 B1). */
.b-float { left: 7cqw; right: 7cqw; top: 0; bottom: 7cqw; display: flex; flex-direction: column; }
.b-float::before { content: ""; flex: 0 1 69cqw; }
.b-float > .b-card { flex: none; }
.b-card--center { left: 9cqw; right: 9cqw; top: 50%; transform: translateY(-50%); text-align: center; justify-items: center; }
.b-col--card { grid-template-rows: 55fr 45fr; }
.b-under { background: var(--pin-accent); }
.b-big { font-family: var(--pin-display), "Arial Black", sans-serif; color: var(--pin-band); font-size: 26cqw; line-height: .8; }

/* 세 장 띠 */
.b-col--strip { background: var(--pin-background); padding: 5cqw 5cqw 0; gap: 4cqw; grid-template-rows: 56fr 44fr; }
.b-trio { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2.4cqw; min-height: 0; }

/* 격자 */
.b-grid { position: absolute; inset: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 2.4cqw; padding: 2.4cqw; background: var(--pin-background); }
.b-grid--4 { grid-template-rows: 1fr 1fr; }
.b-grid--6 { grid-template-rows: repeat(3, 1fr); }
.b-ribbon { left: 5cqw; right: 5cqw; top: 50%; transform: translateY(-50%) rotate(-3deg); background: var(--pin-band); color: var(--pin-on-band); border-radius: 8cqw; padding: 5cqw 7cqw; text-align: center; }
.b-domain-chip { left: 50%; bottom: 5cqw; transform: translateX(-50%); max-width: 90cqw; width: max-content; text-align: center; }

/* 텍스트 */
.b-textbg { position: absolute; inset: 0; background: var(--pin-band); display: grid; align-content: center; padding: 8cqw; }
.b-textpage { position: absolute; inset: 0; background: var(--pin-background); padding: 12cqw 8cqw 9cqw; display: grid; grid-template-rows: auto minmax(0, 1fr) auto; gap: 5cqw; }
.b-textpage .b-head { align-self: center; }

/* ── C · Magazine Poster ── */
.pin--magazine-poster .c-head { font-family: var(--pin-display), Georgia, serif; font-weight: 400; line-height: 1.04; overflow-wrap: anywhere; }
.c-eyebrow { font-family: var(--pin-label), system-ui, sans-serif; font-weight: 700; font-size: 3.6cqw; letter-spacing: .22em; text-transform: uppercase; }
.c-rule { height: .9cqw; width: 22cqw; background: var(--pin-accent); }
.c-slot { position: relative; min-width: 0; min-height: 0; overflow: hidden; }
.c-soft { opacity: .85; }
.c-center { display: grid; gap: 2.4cqw; justify-items: center; text-align: center; min-width: 0; }

/* 풀블리드 + 테두리 */
/* 그늘은 글 묶음에 붙인다 — 제목이 몇 줄이든 라벨 바로 위부터 띠 색이 짙게 깔려 흰·검은 사진 어디서나 읽힌다. */
.c-copy { left: 9cqw; right: 9cqw; bottom: 11cqw; z-index: 1; isolation: isolate; color: var(--pin-on-band); display: grid; gap: 3cqw; }
.c-copy::before { content: ""; position: absolute; z-index: -1; left: -9cqw; right: -9cqw; top: -24cqw; bottom: -11cqw; background: linear-gradient(180deg, transparent, var(--pin-band) 21cqw); }
/* 테두리 선은 띠 색 테를 둘러 밝은 사진 위에서도 보이게 한다. */
.c-frame { z-index: 2; inset: 4.5cqw; border: .8cqw solid var(--pin-on-band); box-shadow: 0 0 0 .5cqw color-mix(in srgb, var(--pin-band) 60%, transparent), inset 0 0 0 .5cqw color-mix(in srgb, var(--pin-band) 60%, transparent); }

/* 액자 */
.c-page { position: absolute; inset: 0; background: var(--pin-background); color: var(--pin-ink); padding: 8cqw; display: grid; grid-template-rows: auto auto minmax(0, 1fr) auto; gap: 4cqw; }
.c-matted { aspect-ratio: 4 / 3.4; outline: .6cqw solid var(--pin-ink); outline-offset: 2cqw; }
.c-tagline { justify-self: start; margin-top: 2cqw; background: var(--pin-accent); color: var(--pin-on-accent); font-family: var(--pin-display), Georgia, serif; font-size: 5cqw; padding: .6cqw 3cqw; }
.c-page .c-head { align-self: end; }

/* 사진 + 아래 제목 */
.c-stack { position: absolute; inset: 0; display: grid; grid-template-rows: 58fr 42fr; }
.c-stack--duo { grid-template-rows: 60fr 40fr; }
.c-panel { background: var(--pin-background); color: var(--pin-ink); padding: 5cqw 8cqw; display: grid; align-content: center; justify-items: center; text-align: center; gap: 2.6cqw; min-height: 0; }
.c-duo { display: grid; grid-template-columns: 1fr 1fr; gap: 1.2cqw; background: var(--pin-background); min-height: 0; }
.c-tri { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.2cqw; background: var(--pin-background); min-height: 0; }

/* 매트 */
.c-mat { position: absolute; inset: 0; background: var(--pin-band); color: var(--pin-on-band); padding: 7cqw; display: grid; grid-template-rows: minmax(0, 1fr) auto; gap: 5cqw; }
.c-mat-photo { border: .6cqw solid var(--pin-on-band); }

/* 옆 칼럼 */
.c-split { position: absolute; inset: 0; display: grid; grid-template-columns: 56fr 44fr; }
.c-split-copy { background: var(--pin-band); color: var(--pin-on-band); padding: 8cqw 5cqw; display: grid; align-content: end; gap: 3cqw; min-width: 0; }
.c-split-copy .pin-domain { font-size: 3cqw; }

/* 표지 숫자 */
.c-cover-block { left: 6cqw; right: 6cqw; bottom: 6cqw; background: var(--pin-background); color: var(--pin-ink); padding: 5cqw 6cqw; display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 4cqw; align-items: center; }
.c-big { font-family: var(--pin-display), Georgia, serif; color: var(--pin-band); font-size: 30cqw; line-height: .8; }
.c-cover-copy { display: grid; gap: 2cqw; min-width: 0; }

/* 위아래 사진 + 가운데 띠 */
.c-dip { position: absolute; inset: 0; display: grid; grid-template-rows: minmax(0, 1fr) auto minmax(0, 1fr); background: var(--pin-background); color: var(--pin-ink); }
.c-dip-band { padding: 5cqw 8cqw; }

/* 겹친 사진 */
.c-overlap { position: absolute; inset: 0; background: var(--pin-band); color: var(--pin-on-band); }
.c-overlap-main { position: absolute; left: 0; right: 0; top: 0; height: 56%; }
.c-overlap-inset { position: absolute; right: 7cqw; top: 40%; width: 38cqw; height: 32cqw; border: 1.4cqw solid var(--pin-band); }
.c-overlap-copy { position: absolute; left: 7cqw; right: 7cqw; bottom: 7cqw; display: grid; gap: 2.4cqw; }

/* 큰 사진 + 두 장 */
.c-feature { position: absolute; inset: 0; display: grid; grid-template-rows: minmax(0, 55fr) auto minmax(0, 30fr); background: var(--pin-background); color: var(--pin-ink); }
.c-feature-copy { padding: 4.5cqw 8cqw; }

/* 격자 */
.c-sheet { position: absolute; inset: 0; background: var(--pin-background); color: var(--pin-ink); padding: 7cqw 6cqw 6cqw; display: grid; grid-template-rows: auto minmax(0, 1fr) auto; gap: 4cqw; }
.c-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 2.4cqw; min-height: 0; }
.c-grid--4 { grid-template-rows: 1fr 1fr; }
.c-grid--6 { grid-template-rows: repeat(3, 1fr); }
.c-sheet .c-slot { box-shadow: 0 0 0 .4cqw var(--pin-ink); }
.c-fullgrid { position: absolute; inset: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 1.2cqw; background: var(--pin-background); }
.c-titleband { left: 8cqw; right: 8cqw; top: 50%; transform: translateY(-50%); background: var(--pin-background); color: var(--pin-ink); padding: 7cqw 6cqw; outline: .5cqw solid var(--pin-ink); outline-offset: -2.4cqw; }

/* 텍스트 */
.c-cover { position: absolute; inset: 0; background: var(--pin-band); color: var(--pin-on-band); padding: 10cqw 9cqw 11cqw; display: grid; grid-template-rows: auto minmax(0, 1fr) auto; gap: 5cqw; }
.c-cover .c-head { align-self: center; }
.c-cover-foot { display: grid; gap: 4cqw; }
.c-numpage { position: absolute; inset: 0; background: var(--pin-background); color: var(--pin-ink); padding: 10cqw 9cqw; display: grid; align-content: center; gap: 3cqw; }
.c-numpage .c-big { font-size: 44cqw; }