/* 덧칠 한 장 — 짜임새는 그대로 두고 **보이는 결만** 얹는다 (2026-10-14)
 *
 * 왜 따로 두나 — site.css 는 「무엇이 어디에 놓이는가」를 정한다(칸·너비·접힘). 거기에
 * 색·그림자·움직임까지 섞으면 디자인을 손볼 때마다 짜임새가 흔들린다. 그래서 **덧칠만**
 * 이 파일에 모은다. site.css 뒤에 읽히고, 글자와 자리는 건드리지 않는다.
 *
 *   끄고 견주기 — 주소 끝에 ?skin=0 을 붙이면 이 파일을 읽지 않는다.
 *   되돌리기   — 이 파일을 지우고 site.js 의 <link> 한 줄을 지우면 끝이다.
 *
 * 규칙 — **클래스 없는 button·a 는 건드리지 않는다.** 협회 누리집에서 클래스 없는 button 을
 * 페이지 색으로 칠했다가 목록·트리까지 물든 적이 있다([[brandcss-unclassed-button-rule]]).
 */

/* ── 1. 바탕에 결 ─────────────────────────────────────────
   한 가지 회색이 끝까지 깔려 있어 쪽이 한 덩어리로 보였다. 위쪽만 아주 옅게 띄운다. */
body {
  background:
    radial-gradient(1200px 380px at 50% -120px, color-mix(in srgb, var(--brand) 9%, transparent), transparent 70%),
    var(--bg);
  /* **되풀이를 끈다** — 켜 두면 쪽이 길 때 결이 가로 띠로 거듭 찍힌다 (2026-10-14) */
  background-repeat: no-repeat;
  background-attachment: fixed, scroll;
}

/* ── 2. 머리줄 ──────────────────────────────────────────── */
.gnb a { transition: background .15s, color .15s; }
.gnb a.on { position: relative; }
/* 고른 메뉴에 밑줄 한 칸 — 옅은 색면만으로는 어디에 있는지 흐렸다 */
.gnb a.on::after {
  content: ""; position: absolute; left: 11px; right: 11px; bottom: 2px;
  height: 2px; border-radius: 2px; background: var(--brand);
}
.gnb a.go { box-shadow: 0 6px 16px -8px color-mix(in srgb, var(--brand) 85%, transparent); }

/* ── 3. 배너 ─────────────────────────────────────────────
   한 가지 남색 네모였다. 빛이 한쪽에서 들어오는 것처럼 겹쳐 깐다. */
.hero-main {
  position: relative; overflow: hidden;
  background:
    radial-gradient(880px 420px at 86% -12%, rgba(72, 146, 255, .40), transparent 62%),
    radial-gradient(520px 320px at 8% 112%, rgba(0, 92, 170, .34), transparent 64%),
    linear-gradient(158deg, #00306f 0%, #00204d 54%, #001630 100%);
  box-shadow: 0 26px 60px -34px rgba(0, 24, 60, .8);
}
/* 윗선 한 가닥 — 네모의 가장자리를 눅인다 */
.hero-main::after {
  content: ""; position: absolute; left: 34px; right: 34px; top: 0; height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .45), transparent);
}
.hero-main h1 { text-shadow: 0 2px 18px rgba(0, 16, 40, .35); }
.hero-find input { box-shadow: 0 8px 22px -14px rgba(0, 20, 50, .7); }
.hero-cta .btn.white { box-shadow: 0 10px 24px -12px rgba(0, 20, 50, .65); }

/* 곁 상자 — 흰 네모 하나였다. 옅은 색면과 모서리 표식을 준다. */
.hero-side {
  position: relative; overflow: hidden;
  background: linear-gradient(170deg, color-mix(in srgb, var(--brand) 7%, var(--card)), var(--card) 62%);
  border-color: color-mix(in srgb, var(--brand) 22%, var(--line));
}
.hero-side::before {
  content: ""; position: absolute; right: -40px; top: -40px; width: 140px; height: 140px;
  border-radius: 50%; background: color-mix(in srgb, var(--brand) 10%, transparent);
}
.hero-side > * { position: relative; }

/* ── 4. 섹션 머리 ────────────────────────────────────────
   제목이 본문보다 조금 클 뿐이라 쪽이 어디서 갈리는지 보이지 않았다.
   제목 위에 짧은 색 선을 하나 둬서 「여기서부터 새 이야기」로 읽히게 한다. */
.part-head-row h2, .part > h2, .track-band h2, .band h2,
main.wrap > h2, main.wide > h2, .detail h2 {
  letter-spacing: -.03em; font-weight: 800;
}
main.wrap > h1, main.wide > h1 { letter-spacing: -.03em; }
/* 홈만이 아니라 **모든 쪽**의 섹션 머리에 — 이용 안내·기업/대학·자주 묻는 질문의 제목이
   본문보다 조금 클 뿐이라 쪽이 어디서 갈리는지 보이지 않았다 (2026-10-14).
   약관·개인정보(.doc h2)는 일부러 작게 둔 자리라 건드리지 않는다(.doc 안에 들어 있어 걸리지 않는다). */
.part-head-row h2, .part > h2, main.wrap > h2, main.wide > h2 {
  position: relative; padding-top: 15px; font-size: clamp(21px, 2.2vw, 27px);
}
.part-head-row h2::before, .part > h2::before, main.wrap > h2::before, main.wide > h2::before {
  content: ""; position: absolute; top: 0; left: 0; width: 32px; height: 3px;
  border-radius: 2px; background: var(--brand);
}
.part { margin: 56px auto; }
.more { font-weight: 600; transition: color .15s; }

/* ── 5. 카드 ─────────────────────────────────────────────
   예순 남짓이 모두 같은 흰 네모에 같은 회색 테두리였다. 그림자를 두 겹으로 깔고,
   손을 얹으면 떠오르게 한다. 떠오를 때 그림자에 **과정 색**이 번지게 했다. */
.card, .rail-card, .sit-card, .bundle-row, .how-card, .track-card {
  transition: transform .17s ease, box-shadow .17s ease, border-color .17s ease;
}
.card {
  border-radius: 18px;
  border-color: color-mix(in srgb, var(--line) 78%, transparent);
  box-shadow: 0 1px 2px rgba(16, 28, 48, .05), 0 10px 26px -16px rgba(16, 28, 48, .35);
}
a.card:hover, .rail-card:hover, .sit-card:hover, .bundle-row:hover {
  transform: translateY(-3px);
  box-shadow: 0 2px 4px rgba(16, 28, 48, .06),
              0 20px 36px -18px color-mix(in srgb, var(--c) 55%, rgba(16, 28, 48, .4));
  border-color: color-mix(in srgb, var(--c) 45%, var(--line));
}
/* 과정 카드 — 왼쪽 4px 띠 대신 **윗면 전체**에 과정 색을 깐다. 색이 훨씬 잘 보인다. */
.card.course, .card.buy {
  position: relative; overflow: hidden; border-left-width: 1px;
  border-top: 1px solid color-mix(in srgb, var(--line) 78%, transparent);
  padding-top: 19px;
}
.card.course::before, .card.buy::before {
  content: ""; position: absolute; left: 0; right: 0; top: 0; height: 4px;
  background: linear-gradient(90deg, var(--c), color-mix(in srgb, var(--c) 30%, transparent));
}
/* 딱지 — 모두 같은 파란 알약이었다. 과정 색의 옅은 면으로 바꾼다. */
.tag {
  background: color-mix(in srgb, var(--c) 13%, transparent);
  color: var(--c); letter-spacing: -.01em;
}

/* ── 6. 과정 그림 ────────────────────────────────────────
   카드마다 선으로 그린 그림 하나(site.js 의 GLYPH). 색은 과정 색을 그대로 따르고,
   여기서는 **그림이 앉을 색면**만 깐다. 손을 얹으면 색면이 짙어진다. */
.ico-badge {
  background: color-mix(in srgb, var(--c) 12%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--c) 20%, transparent);
  transition: background .17s ease;
}
.ico-badge.rail {
  background: linear-gradient(145deg, color-mix(in srgb, var(--c) 17%, var(--card)), var(--card));
  border-color: color-mix(in srgb, var(--c) 24%, var(--line));
  box-shadow: none;
}
a.card:hover .ico-badge, .rail-card:hover .ico-badge, .sit-card:hover .ico-badge {
  background: color-mix(in srgb, var(--c) 22%, transparent);
}

/* ── 6-1. 상황 줄(홈) ────────────────────────────────── */
.rail-card { border-radius: 14px; }
.rail h3 { letter-spacing: -.02em; }
.rail h3 span { display: inline-block; transition: transform .15s; }
.rail h3 a:hover span { transform: translateX(3px); }

/* ── 6-2. 숫자를 보이게 ──────────────────────────────────
   「상황 15가지 · 문장 442개」와 값이 다른 설명글과 같은 크기로 묻혀 있었다.
   손님이 가장 먼저 세는 것이 분량과 값이다. 글자는 그대로 두고 **보이기만** 키운다. */
.card .sum {
  display: inline-block; font-size: 13.5px; font-variant-numeric: tabular-nums;
  padding: 3px 9px; border-radius: 8px;
  background: color-mix(in srgb, var(--c) 10%, transparent);
}
.card .price, .detail-side .price {
  font-size: 17px; letter-spacing: -.02em; font-variant-numeric: tabular-nums;
}
/* 배너의 숫자 — 414가지 상황 · 11,522문장. 밑줄 한 가닥으로 짚어 준다. */
.hero-main b {
  font-weight: 700; padding-bottom: 1px;
  box-shadow: inset 0 -2px 0 rgba(120, 180, 255, .55);
}
.stats b, .stats span { font-variant-numeric: tabular-nums; }

/* ── 7. 분야 칩 ─────────────────────────────────────────── */
.chip.big {
  background: var(--card); border-color: color-mix(in srgb, var(--line) 85%, transparent);
  color: var(--ink); font-weight: 600;
  box-shadow: 0 1px 2px rgba(16, 28, 48, .05);
  transition: background .15s, border-color .15s, transform .15s, color .15s;
}
a.chip.big:hover {
  background: var(--brand-soft); border-color: color-mix(in srgb, var(--brand) 40%, var(--line));
  color: var(--brand); transform: translateY(-2px);
}

/* ── 8. 띠 ──────────────────────────────────────────────
   두 갈래 입구가 민짜 색면이었다. 비스듬한 결을 아주 옅게 얹는다.
   **바탕 그림을 다시 적을 때는 원래 그라데이션까지 함께 적는다** — 2026-10-14 에
   결만 적었다가 띠의 파란 그라데이션이 통째로 지워져, 흰 글씨가 흰 바탕 위에 놓였다
   (화면을 보고서야 알았다: [[verify-what-user-sees]]). */
.track-band {
  position: relative; overflow: hidden;
  background-image:
    radial-gradient(620px 320px at 88% -30%, rgba(255, 255, 255, .22), transparent 68%),
    repeating-linear-gradient(118deg, rgba(255, 255, 255, .06) 0 2px, transparent 2px 13px),
    linear-gradient(115deg, #0b57c7, #3fa7d6 55%, #57c8a0);
  box-shadow: 0 22px 46px -28px rgba(11, 87, 199, .75);
}
/* 이 둘은 바탕이 **색 한 가지**라 그림을 얹어도 바탕이 지워지지 않는다 */
.band, .biz-band {
  position: relative; overflow: hidden;
  background-image: radial-gradient(620px 300px at 12% -40%, color-mix(in srgb, var(--brand) 12%, transparent), transparent 72%);
}
.track-tab { transition: background .15s, color .15s, transform .15s; }
.track-tab:hover { transform: translateY(-1px); }

/* ── 9. 묶음 줄 ──────────────────────────────────────────
   값이 가장 중요한 줄인데 다른 카드와 똑같이 보였다. 왼쪽에 색 띠를 세운다. */
.bundle-row { position: relative; overflow: hidden; }
.bundle-row::before {
  content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 4px;
  background: linear-gradient(180deg, var(--brand), var(--good));
}
.br-price { letter-spacing: -.02em; }
.br-save { box-shadow: 0 1px 2px rgba(16, 28, 48, .06); }

/* ── 9-1. 과정 소개 쪽 ───────────────────────────────────
   열두 줄짜리 표가 쪽의 복판을 차지해, 분량도 분류도 똑같이 흐릿했다 (2026-10-14).
   숫자는 위로 올려 크게, 표는 테두리를 둘러 한 덩어리로, 분류는 아래 칩으로 내렸다. */
.spec-nums > div {
  border-color: color-mix(in srgb, var(--c) 22%, var(--line));
  background: linear-gradient(170deg, color-mix(in srgb, var(--c) 9%, var(--card)), var(--card) 70%);
}
.spec-nums b { color: var(--c); font-variant-numeric: tabular-nums; }
/* 표 — 줄만 긋지 말고 테두리를 둘러 「한 덩어리」로 읽히게 */
table.spec {
  border: 1px solid color-mix(in srgb, var(--line) 85%, transparent);
  border-radius: 12px; overflow: hidden; background: var(--card);
}
table.spec th { width: 32%; background: color-mix(in srgb, var(--c) 5%, transparent); color: var(--muted); font-weight: 600; }
table.spec th, table.spec td { padding: 10px 13px; }
table.spec tr:first-child th, table.spec tr:first-child td { border-top: 0; }
.spec-tags .flabel { color: var(--muted); font-size: 13px; margin-right: 2px; }

/* 왜 배우나 — 점을 과정 색으로 */
ul.why li::marker { color: var(--c); }
/* 딸려 오는 것 — 표 하나씩 */
ul.why.checks li::before {
  content: ""; position: absolute; left: 0; top: .42em; width: 17px; height: 17px;
  border-radius: 50%; background: color-mix(in srgb, var(--c) 14%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--c) 26%, transparent);
}
ul.why.checks li::after {
  content: ""; position: absolute; left: 5px; top: .72em; width: 7px; height: 4px;
  border-left: 1.8px solid var(--c); border-bottom: 1.8px solid var(--c);
  transform: rotate(-45deg);
}
/* 목차 — 번호를 알약으로 */
ol.outline li b {
  min-width: 0; margin-right: 8px; padding: 1px 8px; border-radius: 999px;
  background: color-mix(in srgb, var(--c) 11%, transparent); color: var(--c);
  font-size: 12.5px; font-variant-numeric: tabular-nums;
}
details.ol-fold > summary {
  display: inline-block; padding: 8px 15px; border-radius: 10px;
  background: color-mix(in srgb, var(--c) 9%, transparent);
}
details.ol-fold > summary:hover { background: color-mix(in srgb, var(--c) 16%, transparent); }
/* 사는 상자 — 값과 단추를 가르는 선 하나 */
.card.buy .price.big { padding-bottom: 12px; border-bottom: 1px solid var(--line); }
.card.buy { box-shadow: 0 2px 6px rgba(16, 28, 48, .06), 0 18px 40px -24px rgba(16, 28, 48, .45); }

/* ── 9-5. 수강신청 쪽 ────────────────────────────────────
   파는 자리다. 묶음 카드에는 아낌을, 낱개 표에는 값과 과정 색을 보탰다 (2026-10-14). */
.card.bundle { position: relative; overflow: hidden; }
.card.bundle::before {
  content: ""; position: absolute; left: 0; right: 0; top: 0; height: 4px;
  background: linear-gradient(90deg, var(--brand), var(--good));
}
.card.bundle .price { font-size: 22px; color: var(--ink); }
.card.bundle .save-line { color: var(--good); font-weight: 600; }
.card.bundle .save-line b { background: var(--good-soft); border-radius: 7px; padding: 2px 8px; }
.card.bundle .sum {
  display: block; background: var(--brand-soft); color: var(--muted);
  border-radius: 10px; padding: 9px 11px; font-weight: 400; font-size: 13px;
}
table.apply-list tr:hover td { background: color-mix(in srgb, var(--c) 6%, transparent); }
table.apply-list td.num b { font-variant-numeric: tabular-nums; letter-spacing: -.02em; }
table.apply-list td a { font-weight: 600; }
table.apply-list td a:hover { color: var(--c); }

/* ── 9-6. 여행 영어 쪽 ───────────────────────────────────
   네 토막은 저마다 그 과정의 색을 쓴다 — 항공은 하늘빛, 호텔은 호박빛처럼. */
.travel-top .eyebrow { color: var(--brand); letter-spacing: .02em; }
.travel-block { position: relative; overflow: hidden; padding-top: 20px; }
.travel-block::before {
  content: ""; position: absolute; left: 0; right: 0; top: 0; height: 4px;
  background: linear-gradient(90deg, var(--c), color-mix(in srgb, var(--c) 30%, transparent));
}
.travel-block .tb-n {
  background: color-mix(in srgb, var(--c) 13%, transparent); color: var(--c);
  border-radius: 999px; padding: 2px 9px; font-variant-numeric: tabular-nums;
}
.travel-block .tb-list li::marker { color: var(--c); }
.travel-block .tb-soon {
  background: var(--warn-soft); color: var(--warn); border-radius: 9px; padding: 8px 11px;
}
.travel-block .tb-go a { color: var(--c); }
.travel-block .tb-go a:hover { text-decoration: underline; }

/* ── 10. 단추 ───────────────────────────────────────────── */
.btn { transition: background .15s, border-color .15s, box-shadow .15s, transform .15s; }
.btn.primary {
  background: linear-gradient(170deg, color-mix(in srgb, #fff 12%, var(--brand)), var(--brand));
  box-shadow: 0 8px 20px -10px color-mix(in srgb, var(--brand) 90%, transparent);
}
.btn.primary:hover { transform: translateY(-1px); box-shadow: 0 12px 24px -10px color-mix(in srgb, var(--brand) 95%, transparent); }
.btn.outline { border-width: 1.5px; border-color: color-mix(in srgb, var(--brand) 45%, var(--line)); color: var(--brand); }
.btn.outline:hover { background: var(--brand-soft); }
/* 자판으로 다니는 사람에게 **어디에 있는지** 보이게 — 지금은 브라우저 기본 테두리뿐이다 */
.btn:focus-visible, .chip:focus-visible, .gnb a:focus-visible, .card:focus-visible, .rail-card:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--brand) 55%, transparent); outline-offset: 2px;
}

/* ── 9-2. 이용 안내 — 여섯 단계를 하나로 잇는다 ───────────
   따로 떨어진 흰 네모 여섯이라 「차례」로 읽히지 않았다. 숫자끼리 선으로 잇는다. */
.card.step { position: relative; }
.steps .card.step:not(:last-child)::after {
  content: ""; position: absolute; left: 32px; top: 50px; bottom: -13px; width: 2px;
  background: linear-gradient(180deg, color-mix(in srgb, var(--brand) 45%, transparent), color-mix(in srgb, var(--brand) 12%, transparent));
}
.card.step h3 { letter-spacing: -.02em; }

/* ── 9-3. 자주 묻는 질문 — 여닫이 ────────────────────────
   브라우저가 그리는 ▶ 세모가 그대로 보였다. 오른쪽에 ∨ 를 두고, 열면 돌아가게 한다. */
.faq summary { list-style: none; display: flex; align-items: center; gap: 10px; padding-right: 4px; }
.faq summary::-webkit-details-marker { display: none; }
.faq summary::after {
  content: ""; margin-left: auto; flex: none; width: 9px; height: 9px;
  border-right: 2px solid var(--muted); border-bottom: 2px solid var(--muted);
  transform: rotate(45deg) translate(-2px, -2px); transition: transform .18s ease;
}
.faq details[open] summary::after { transform: rotate(-135deg) translate(-3px, -3px); border-color: var(--brand); }
.faq details { transition: border-color .15s, box-shadow .15s; }
.faq details:hover { border-color: color-mix(in srgb, var(--brand) 35%, var(--line)); }
.faq details[open] { border-color: color-mix(in srgb, var(--brand) 30%, var(--line)); }
.faq details[open] summary { color: var(--brand); }

/* ── 9-4. 셈·서식 ────────────────────────────────────────── */
.stats b { color: var(--brand); font-variant-numeric: tabular-nums; letter-spacing: -.02em; }
.form.boxed { box-shadow: 0 1px 2px rgba(16, 28, 48, .05), 0 12px 30px -20px rgba(16, 28, 48, .4); }
/* 동의 줄 — 작은 네모 하나에 긴 글이 붙어 있어 어디를 눌러야 하는지 흐렸다.
   줄째로 눌리는 것이 보이게 옅은 면을 깔고, 고르면 색이 든다 (2026-10-14). */
.form label.check {
  background: color-mix(in srgb, var(--brand) 5%, transparent);
  border: 1px solid color-mix(in srgb, var(--line) 80%, transparent);
  border-radius: 11px; padding: 11px 13px; cursor: pointer;
  transition: background .15s, border-color .15s;
}
.form label.check:hover { border-color: color-mix(in srgb, var(--brand) 35%, var(--line)); }
.form label.check:has(input:checked) {
  background: var(--brand-soft); border-color: color-mix(in srgb, var(--brand) 45%, var(--line));
}
/* 네모를 키운다 — 서식 칸의 안쪽 여백(.form input 의 padding)이 함께 걸려 있어 너비를 적어도
   브라우저가 기본 크기(13px)로 그렸다. 여백을 0 으로 돌리고 크기를 적는다 (2026-10-14, 재서 확인). */
/* 네모를 키운다 — **너비·높이를 적어도 브라우저가 듣지 않는다**(기본 13px 그대로였다).
   늘려 그리는 쪽으로 바꾼다. 왼쪽을 기준으로 늘려야 글과 어긋나지 않는다 (2026-10-14, 재서 확인). */
.form label.check input {
  accent-color: var(--brand); padding: 0;
  transform: scale(1.3); transform-origin: left center; margin-right: 5px;
}
/* 서식 제목줄 — 칸 이름은 굵게, 곁말은 눌러 둔다 */
.form.boxed label > .small.muted { font-weight: 400; }
.form input:focus, .form textarea:focus, .form select:focus {
  outline: 3px solid color-mix(in srgb, var(--brand) 45%, transparent); outline-offset: 1px;
  border-color: color-mix(in srgb, var(--brand) 55%, var(--line));
}
/* 카드 제목에 그림이 붙은 자리 — 글자와 가운데를 맞춘다 */
.card h3 .ico-badge { vertical-align: -11px; }

/* ── 10-1. 차례 숫자·퀵메뉴·셈 ───────────────────────────── */
.stepno, .how-n {
  background: linear-gradient(165deg, color-mix(in srgb, #fff 18%, var(--brand)), var(--brand));
  box-shadow: 0 4px 12px -6px color-mix(in srgb, var(--brand) 90%, transparent);
}
.quick a { transition: transform .15s, border-color .15s, box-shadow .15s; }
.quick a:hover { transform: translateY(-2px); box-shadow: 0 12px 24px -14px rgba(16, 28, 48, .5); }
.stats > div { font-variant-numeric: tabular-nums; }
/* 미리보기 틀 — 진짜 화면처럼 보이게 그림자를 깐다 */
.live-box { box-shadow: 0 20px 44px -26px rgba(16, 28, 48, .55); }

/* ── 11. 발 ─────────────────────────────────────────────── */
.site-foot {
  background: linear-gradient(180deg, var(--card), color-mix(in srgb, var(--brand) 5%, var(--card)));
  border-top-width: 2px; border-top-color: color-mix(in srgb, var(--brand) 25%, var(--line));
}

/* ── 어두운 화면 ────────────────────────────────────────
   그림자는 어두운 바탕에서 보이지 않는다. 대신 **테두리**를 조금 밝혀 층을 만든다. */
@media (prefers-color-scheme: dark) {
  /* 줄임꼴(background)을 쓰지 않는다 — 쓰면 되풀이·고정이 되돌아와 결이 띠로 찍힌다 (2026-10-14) */
  body { background-image: radial-gradient(1200px 380px at 50% -120px, rgba(127, 178, 229, .09), transparent 70%); }
  .card { box-shadow: none; border-color: color-mix(in srgb, var(--line) 130%, transparent); }
  a.card:hover, .rail-card:hover, .sit-card:hover, .bundle-row:hover {
    box-shadow: none; border-color: color-mix(in srgb, var(--c) 60%, var(--line));
  }
  .hero-main { box-shadow: none; }
  .track-band { box-shadow: none; background-image:
    repeating-linear-gradient(118deg, rgba(255, 255, 255, .05) 0 2px, transparent 2px 13px),
    linear-gradient(115deg, #0b57c7, #3fa7d6 55%, #57c8a0); }
}

/* ── 손에 쥔 화면 ───────────────────────────────────────── */
@media (max-width: 640px) {
  .part { margin: 38px auto; }
  .part-head-row h2, .part > h2 { padding-top: 13px; }
}