/* =========================================================
   책나무 독서논술 페이지 전용 (sub-c-base → sub-c → sub-c-d 다음)
   히어로 '글 먼저'(가운데 큰 제목 + 책장처럼 열리는 사진 띠) · 01 원고지 · 02 질문독서
   03 아이들의 글(넓은 사진 띠) · 05 커리큘럼 책장 · 06 혜윰 → 책나무(두 시점을 잇는 선) · 원고지 상담 상자
   ========================================================= */

/* 모바일에서만 쓰는 줄바꿈 */
.mbr{display:none}
@media (max-width:760px){.mbr{display:inline}}

/* ---------- HERO · 글 먼저 ---------- */
.rh{position:relative;padding:calc(var(--gnb) + clamp(24px,5vh,60px)) 0 0;background:#fff;overflow:clip}
.rh-text{display:flex;flex-direction:column;align-items:center;text-align:center}
.rh-title{display:block;margin-top:clamp(14px,2vh,22px);font-size:clamp(40px,5.3vw,84px);line-height:1.17;font-weight:800;letter-spacing:-.05em;color:var(--ink)}
.rh-title .g{color:var(--blue)}
.rh-lead{margin-top:clamp(18px,2.6vh,28px);max-width:620px;font-size:clamp(16px,1.25vw,18.5px);line-height:1.7;color:var(--sub)}
.rh .row{justify-content:center;margin-top:clamp(20px,3.2vh,32px)}
/* 사진 띠: 왼쪽 · 오른쪽 두 쪽이 가운데 책등에서 만남 (스크롤하면 화면 끝까지 넓어짐) */
.rh-book{--r:28px;position:relative;display:grid;grid-template-columns:1fr 1fr;gap:4px;height:clamp(300px,48vh,580px);margin-top:clamp(28px,4.6vh,52px);clip-path:inset(0 var(--pad) 0 var(--pad) round var(--r));background:#fff}
.pg{position:relative;margin:0;overflow:hidden;background:var(--gray3)}
.pg img{width:100%;height:100%;object-fit:cover}
.pg-l img{object-position:62% 40%}
.pg-r img{object-position:50% 45%}
.pg::after{content:"";position:absolute;inset:0;pointer-events:none}
.pg-l::after{background:linear-gradient(90deg,rgba(11,23,54,0) 70%,rgba(11,23,54,.22))}
.pg-r::after{background:linear-gradient(270deg,rgba(11,23,54,0) 70%,rgba(11,23,54,.22))}
.spine{position:absolute;left:50%;top:0;bottom:0;width:4px;translate:-50% 0;background:#fff;transform-origin:50% 0;pointer-events:none}
/* 책 정보처럼: 띠 아래 숫자 네 칸 */
.rh-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:0 32px;margin-top:clamp(28px,3.4vw,48px)}
.rh-meta li{border-top:1px solid var(--ink);padding-top:16px}
.rh-meta b{display:block;font-size:clamp(26px,2.6vw,40px);font-weight:800;letter-spacing:-.04em;line-height:1}
.rh-meta b small{font-size:15px;font-weight:700;letter-spacing:-.01em;margin-left:6px;color:var(--sub)}
.rh-meta span{display:block;margin-top:10px;font-size:14.5px;color:var(--sub)}
.c-intro .rh-text,.c-intro .rh-book{opacity:0}

/* ---------- 가운데 정렬 섹션 제목 ---------- */
.sec-head.center{flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;gap:0}
.sec-head.center .sec-desc{max-width:660px;margin-top:18px}

/* ---------- 01 수업 흐름 ---------- */
#flow{overflow:clip;padding-top:clamp(88px,10vw,150px)}
.flow{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,5vw,88px);align-items:center}
.fl-steps{position:relative;display:grid;gap:clamp(12px,1.5vw,20px);--p:1}
.fl-steps::before,.fl-steps::after{content:"";position:absolute;left:17px;top:18px;bottom:22px;width:2px;border-radius:2px;background:var(--line)}
.fl-steps::after{background:var(--blue);transform-origin:top;transform:scaleY(var(--p))}
.fl-steps li{position:relative;z-index:1;display:grid;grid-template-columns:36px 1fr;gap:16px;align-items:start;transition:opacity .5s}
.fl-steps em{width:36px;height:36px;border-radius:50%;background:#fff;border:1.5px solid #d1d6db;display:grid;place-items:center;font-style:normal;font-size:13px;font-weight:700;color:var(--sub);transition:background-color .4s,border-color .4s,color .4s,scale .6s var(--ease)}
.fl-steps b{display:block;font-size:clamp(18px,1.55vw,22px);font-weight:700;letter-spacing:-.03em;line-height:1.3;padding-top:5px}
.fl-steps span{display:block;margin-top:2px;font-size:15px;color:var(--sub);line-height:1.55}
.flow.live .fl-steps li{opacity:.38}
.flow.live .fl-steps li.past{opacity:.72}
.flow.live .fl-steps li.on{opacity:1}
.fl-steps li.past em{background:var(--blue-l);border-color:var(--blue-l);color:var(--blue)}
.fl-steps li.on em{background:var(--blue);border-color:var(--blue);color:#fff;scale:1.1}

/* 원고지 */
.mss{background:#fff;border:1px solid var(--line);border-radius:28px;padding:clamp(22px,2.8vw,40px);box-shadow:0 24px 50px -32px rgba(2,32,71,.28)}
.mss-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:clamp(16px,2vw,24px)}
.mss-head span{font-size:13px;font-weight:700;color:var(--blue-d);background:var(--blue-l);border-radius:8px;padding:5px 10px}
.mss-head small{font-size:13px;color:var(--mute)}
.mss-grid{display:grid;grid-template-columns:repeat(10,1fr);row-gap:clamp(6px,.8vw,12px)}
.mss-grid i{position:relative;display:grid;place-items:center;aspect-ratio:1;border:1.5px solid #a9cbf9;border-left-width:0;font-style:normal;font-size:clamp(15px,2.2vw,32px);font-weight:600;color:var(--ink);line-height:1}
.mss-grid i:nth-child(10n+1){border-left-width:1.5px}
.mss-grid i span{display:block;transition:opacity .25s,transform .45s var(--ease)}
.mss.live .mss-grid i span{opacity:0;transform:translateY(30%)}
.mss.live .mss-grid i.lit span{opacity:1;transform:none}
.mss-grid i.cur::after{content:"";position:absolute;left:22%;right:22%;bottom:16%;height:2.5px;border-radius:2px;background:var(--blue);animation:caret 1s steps(2) infinite}
@keyframes caret{50%{opacity:0}}
.mss-now{display:flex;align-items:center;gap:12px;margin-top:clamp(18px,2vw,26px);padding-top:clamp(14px,1.6vw,20px);border-top:1px solid var(--line)}
.mss-now em{font-style:normal;font-size:12.5px;font-weight:800;color:var(--blue);font-variant-numeric:tabular-nums;white-space:nowrap}
.mss-now b{font-size:clamp(17px,1.5vw,21px);font-weight:700;letter-spacing:-.03em}

/* ---------- 02 질문독서 ---------- */
.qgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.qgrid li{position:relative;overflow:hidden;background:var(--gray2);border-radius:22px;padding:clamp(20px,2.2vw,30px);min-height:clamp(150px,13vw,190px);display:flex;flex-direction:column;transition:background-color .35s,translate .6s var(--ease)}
.qgrid li::after{content:"?";position:absolute;right:clamp(14px,1.6vw,24px);top:clamp(4px,.6vw,10px);font-size:clamp(64px,6vw,96px);font-weight:800;line-height:1;color:var(--blue);opacity:.12;transition:opacity .35s}
.qgrid em{font-style:normal;font-size:13px;font-weight:700;color:var(--blue)}
.qgrid b{display:block;margin-top:auto;padding-top:20px;font-size:clamp(20px,1.9vw,26px);font-weight:700;letter-spacing:-.03em}
.qgrid span{display:block;margin-top:4px;font-size:15px;color:var(--sub)}
@media (hover:hover){
  .qgrid li:hover{background:var(--blue-l);translate:0 -4px}
  .qgrid li:hover::after{opacity:.3}
}
.q-note{margin-top:18px;font-size:13px;color:var(--mute)}

/* ---------- 03 아이들의 글: 넓은 사진 띠 + [기준 | 상] ---------- */
.w-band{position:relative;margin:0;border-radius:28px;overflow:hidden;aspect-ratio:21/8;min-height:300px;isolation:isolate}
.w-band img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:30% 50%}
.w-band::after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgba(11,23,54,.78) 0%,rgba(11,23,54,.5) 42%,rgba(11,23,54,0) 70%)}
.w-quote{position:absolute;z-index:1;left:clamp(24px,4vw,64px);top:50%;translate:0 -50%;max-width:min(560px,52%);margin:0;color:#fff;font-size:clamp(20px,2.1vw,32px);font-weight:700;line-height:1.5;letter-spacing:-.035em}
.w-band figcaption{position:absolute;z-index:1;left:clamp(24px,4vw,64px);bottom:clamp(18px,2.2vw,30px);font-size:14px;font-weight:600;color:rgba(255,255,255,.8)}
.w-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(20px,3vw,48px);margin-top:clamp(20px,2.4vw,32px);align-items:start}
.award{background:#fff;border-radius:var(--r);padding:clamp(22px,2.6vw,36px);box-shadow:var(--shadow);border:1px solid #f2f4f6}
.aw-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}
.aw-list li{display:flex;align-items:flex-start;gap:12px;padding:16px 18px;border-radius:16px;background:var(--gray2);font-size:16px;font-weight:600;letter-spacing:-.02em;line-height:1.45}
.aw-list em{font-style:normal;font-size:12.5px;font-weight:800;color:var(--blue);padding-top:2px}
.aw-note{margin-top:16px;font-size:14px;color:var(--sub);line-height:1.65}
.w-prizes{padding-top:clamp(8px,1.4vw,22px)}
.w-cap{font-size:15px;font-weight:700;color:var(--blue)}
.evals.prizes{grid-template-columns:1fr 1fr;gap:18px 24px;margin-top:14px}
.w-prizes .r-note{margin-top:20px;font-size:14px;color:var(--sub)}

/* ---------- 05 커리큘럼: 책장 (책등을 누르거나 스크롤하면 한 권씩 펼쳐짐) ---------- */
.shelf{--sw:clamp(62px,5.2vw,84px);position:relative;display:flex;align-items:flex-end;gap:8px;height:clamp(420px,33vw,480px);padding:0 clamp(8px,1vw,16px) 14px}
.shelf-board{position:absolute;left:0;right:0;bottom:0;height:14px;border-radius:7px;background:var(--gray3)}
.bk{position:relative;z-index:1;display:flex;flex:0 0 var(--sw);height:var(--h);min-width:0;transition:flex-grow .9s var(--ease),height .9s var(--ease)}
.bk.on{flex-grow:1;height:100%}
.bk-spine{position:relative;flex:none;width:var(--sw);height:100%;display:flex;flex-direction:column;align-items:center;padding:18px 0 22px;border:0;border-radius:10px;background:var(--c);color:var(--t);font:inherit;cursor:pointer;transition:translate .45s var(--ease),border-radius .6s}
.bk-spine::before,.bk-spine::after{content:"";position:absolute;left:10px;right:10px;height:2px;border-radius:2px;background:currentColor;opacity:.3}
.bk-spine::before{top:50px}
.bk-spine::after{bottom:14px}
.bk-spine em{font-style:normal;font-size:13px;font-weight:800;letter-spacing:-.03em;white-space:nowrap}
.bk-spine b{margin-top:30px;writing-mode:vertical-rl;font-size:clamp(17px,1.4vw,21px);font-weight:700;letter-spacing:.02em;white-space:nowrap}
.bk.on .bk-spine{border-radius:10px 0 0 10px;cursor:default}
@media (hover:hover){.bk:not(.on) .bk-spine:hover{translate:0 -10px}}
.bk-spine:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.bk-page{flex:1 1 0;min-width:0;overflow:hidden;border-radius:0 18px 18px 0;background:#fff;box-shadow:inset 0 0 0 1px var(--line),0 24px 50px -38px rgba(2,32,71,.4)}
.bk-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,3.4vw,64px);min-width:520px;height:100%;padding:clamp(28px,3vw,46px);background:linear-gradient(90deg,transparent calc(50% - 22px),rgba(2,32,71,.05) 50%,transparent calc(50% + 22px));opacity:0;transition:opacity .3s}
.bk.on .bk-in{opacity:1;transition:opacity .7s .35s}
.bk-l,.bk-r{display:flex;flex-direction:column;min-width:0}
.bk-l small{font-size:15px;font-weight:700;color:var(--blue)}
.bk-l h3{margin-top:8px;font-size:clamp(26px,2.4vw,36px);font-weight:800;letter-spacing:-.04em;line-height:1.22}
.bk-tags{display:flex;flex-wrap:wrap;gap:4px 16px;margin-top:14px}
.bk-tags li{display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:600;color:var(--ink-2)}
.bk-tags li::before{content:"";width:6px;height:6px;border-radius:2px;background:var(--blue)}
.bk-q{margin-top:auto;padding-top:16px;border-top:1.5px solid var(--ink)}
.bk-q span{display:block;font-size:12.5px;font-weight:800;color:var(--blue)}
.bk-q b{display:block;margin-top:6px;font-size:clamp(18px,1.6vw,22px);font-weight:700;letter-spacing:-.03em;line-height:1.4}
.bk-cap{font-size:13px;font-weight:800;color:var(--blue-d)}
.bk-goals{margin-top:10px}
.bk-goals li{padding:14px 0;border-bottom:1px solid #dbe8fc;font-size:clamp(16px,1.3vw,18px);font-weight:600;letter-spacing:-.025em;line-height:1.45;color:var(--ink)}
.bk-pg{margin-top:auto;padding-top:14px;align-self:flex-end;font-size:12.5px;font-weight:700;color:var(--mute);font-variant-numeric:tabular-nums}
.bk-goals em{display:block;margin-bottom:3px;font-style:normal;font-size:12.5px;font-weight:800;color:var(--blue)}
/* 책장 아래: 문해력 진단 · 맞춤 독서 */
.r-shelf .first-sem{margin-top:clamp(56px,6vw,88px)}
.r-shelf .steps{grid-template-columns:repeat(3,1fr);margin-top:0}
.r-shelf .steps li{font-size:18px}
.r-shelf .steps b{color:var(--blue)}
.r-shelf .steps span{margin-top:6px;font-size:14px;line-height:1.6;color:var(--sub)}

/* ---------- 04 프로그램: 신문 예시 ---------- */
.paper{background:#fff;border-radius:var(--r-sm);padding:16px 18px;box-shadow:var(--shadow)}
.paper-h{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:10px;margin-bottom:12px;border-bottom:2px solid var(--ink)}
.paper-h b{font-size:15px;font-weight:800;letter-spacing:-.02em}
.paper-h small{font-size:12px;color:var(--mute)}
.paper .ln{display:block;height:7px;border-radius:4px;background:var(--gray3);margin-bottom:7px}
.paper .w9{width:92%}.paper .w7{width:70%}.paper .w8{width:82%}
.paper-do{display:grid;gap:6px;margin-top:12px}
.paper-do li{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:var(--ink-2)}
.paper-do b{width:22px;height:22px;border-radius:50%;background:var(--blue);color:#fff;font-size:11px;display:grid;place-items:center;flex:none}

/* ---------- 06 혜윰 → 책나무: 좁은 폭, 두 시점을 잇는 선 ---------- */
.story .wrap{max-width:1180px}
.since{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr);gap:0 clamp(16px,2.4vw,36px);--p:1}
.since-line{position:absolute;left:10px;right:10px;top:9px;height:2px;border-radius:2px;background:var(--line)}
.since-line i{position:absolute;inset:0;border-radius:inherit;background:var(--blue);transform-origin:left;transform:scaleX(var(--p))}
.sn{position:relative;padding-top:40px}
.sn-dot{position:absolute;left:0;top:0;width:20px;height:20px;border-radius:50%;background:#fff;border:2px solid #b0b8c1;transition:background-color .4s,border-color .4s}
.sn-b .sn-dot{background:var(--blue);border-color:var(--blue);box-shadow:0 0 0 6px rgba(49,130,246,.16)}
.since.live:not(.on-b) .sn-b .sn-dot{background:#fff;border-color:#b0b8c1;box-shadow:none}
.sn em{font-style:normal;font-size:14px;font-weight:800;color:var(--sub);font-variant-numeric:tabular-nums}
.sn-b em{color:var(--blue)}
.sn b{display:block;margin-top:6px;font-size:clamp(22px,2.2vw,32px);font-weight:700;letter-spacing:-.04em;line-height:1.25}
.sn>p{margin-top:6px;font-size:15.5px;color:var(--sub)}
.sn ul{margin-top:20px;border-top:1px solid var(--line)}
.sn li{padding:12px 0;border-bottom:1px solid var(--line);font-size:15px;color:var(--ink-2)}
.sn-b ul{border-top-color:var(--blue)}
.sn-plus{align-self:start;justify-self:center;position:relative;z-index:1;margin-top:-13px;width:48px;height:48px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;font-size:26px;font-weight:700;box-shadow:0 0 0 6px #fff,0 14px 30px -12px rgba(49,130,246,.6)}
.since-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:clamp(40px,4.4vw,64px)}
.since-3 li{background:var(--gray2);border-radius:20px;padding:20px 22px;font-size:14.5px;color:var(--sub);line-height:1.6}
.since-3 b{display:block;margin-bottom:4px;font-size:17px;font-weight:700;letter-spacing:-.02em;color:var(--ink)}

/* ---------- 상담 상자 위: 특강 · 행사로 넘기는 링크 한 줄 ---------- */
.r-cta{padding-top:clamp(40px,5vw,80px)}
.go-line{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}
.go-line a{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 14px;padding:15px 20px;border-radius:16px;background:var(--gray2);font-size:14.5px;color:var(--sub);transition:background-color .3s}
.go-line b{font-weight:700;color:var(--blue-d);white-space:nowrap}
@media (hover:hover){.go-line a:hover{background:var(--blue-l)}}

/* ---------- 마무리 상담: 원고지 상자 (흰 바탕 · 파란 칸 · 사진 없음) ---------- */
.r-cta .cta{background:#f4f8ff;color:var(--ink);box-shadow:0 0 0 1.5px #b9d4fb inset,0 30px 60px -40px rgba(2,32,71,.3)}
.r-cta .cta::before{background:none;opacity:1;background-image:linear-gradient(90deg,rgba(49,130,246,.2) 1.5px,transparent 1.5px),linear-gradient(rgba(49,130,246,.2) 1.5px,transparent 1.5px);background-size:46px 46px;background-position:-1px -1px}
.r-cta .cta::after{background:radial-gradient(70% 90% at 22% 55%,rgba(244,248,255,.92),rgba(244,248,255,.55) 55%,rgba(244,248,255,.15) 100%)}
.r-cta .cta h2{color:var(--ink)}
.r-cta .cta h2 .g{color:var(--blue)}
.r-cta .cta p{color:var(--sub)}
.r-cta .cta-side li{color:var(--ink)}
.r-cta .cta-side li span{color:var(--sub)}
.r-cta .cta-side ul,.r-cta .cta-side li{border-color:var(--line)}
.r-cta .cta-side li a{color:var(--blue-d)}
.r-cta .cta .btn-dark{--fill:var(--blue-d)}
.r-cta .cta .btn-dark:hover{color:#fff}

/* ---------- 반응형 ---------- */
@media (max-width:1180px){
  .evals.prizes{grid-template-columns:1fr 1fr;gap:16px 20px}
}
@media (max-width:1023px){
  .flow{grid-template-columns:1fr;gap:28px}
  .mss{order:-1}
  .w-grid{grid-template-columns:1fr}
}
@media (max-width:900px){
  .qgrid{grid-template-columns:1fr 1fr}
  .rh-meta{grid-template-columns:1fr 1fr;gap:24px 20px}
  .since-3{grid-template-columns:1fr}
  /* 책장 → 눕혀 쌓은 책 더미 (누르면 아래로 펼쳐짐) */
  .shelf{flex-direction:column;align-items:center;height:auto;gap:8px;padding:0}
  .shelf-board{display:none}
  .bk{display:grid;grid-template-rows:auto 0fr;flex:none;width:var(--w,100%);height:auto;transition:grid-template-rows .7s var(--ease),width .7s var(--ease)}
  .bk.on{grid-template-rows:auto 1fr;width:100%;height:auto}
  .bk:nth-child(1){--w:96%}
  .bk:nth-child(3){--w:92%}
  .bk:nth-child(4){--w:98%}
  .bk-spine{width:100%;height:auto;flex-direction:row;align-items:center;gap:14px;padding:17px 56px 17px 20px;text-align:left}
  .bk-spine::before,.bk-spine::after{left:auto;top:14px;bottom:14px;width:2px;height:auto}
  .bk-spine::before{right:30px}
  .bk-spine::after{right:22px}
  .bk-spine b{margin:0;writing-mode:horizontal-tb;font-size:17px;letter-spacing:-.025em;white-space:normal}
  .bk.on .bk-spine{border-radius:10px 10px 0 0}
  .bk-page{min-height:0;border-radius:0 0 18px 18px}
  .bk-in{grid-template-columns:1fr;gap:24px;min-width:0;height:auto;padding:24px 22px 26px;background:none}
  .bk-q{margin-top:20px}
  .r-shelf .steps{grid-template-columns:1fr;gap:18px}
  .go-line{grid-template-columns:1fr}
}
@media (max-width:760px){
  .rh{padding-top:calc(var(--gnb) + 36px)}
  .rh-title{font-size:clamp(30px,8.6vw,40px);line-height:1.22}
  .rh-lead{font-size:15.5px}
  .rh-book{--r:22px;height:min(48svh,420px);margin-top:36px;gap:3px;clip-path:inset(0 10px 0 10px round var(--r))}
  .rh-meta b{font-size:26px}
  .rh-meta span{font-size:13px}
  #flow{padding-top:80px}
  .fl-steps span{font-size:14px}
  .qgrid{gap:8px}
  .qgrid li{min-height:132px;padding:16px;border-radius:18px}
  .qgrid b{font-size:18px;padding-top:14px}
  .qgrid span{font-size:13.5px}
  .w-band{aspect-ratio:auto;min-height:0;height:420px;border-radius:22px}
  .w-band::after{background:linear-gradient(180deg,rgba(11,23,54,.15) 0%,rgba(11,23,54,.8) 100%)}
  .w-quote{top:auto;bottom:56px;translate:none;left:20px;right:20px;max-width:none;font-size:19px}
  .w-band figcaption{left:20px;bottom:20px;font-size:13px}
  .aw-list{grid-template-columns:1fr}
  .aw-list li{font-size:15px;padding:13px 15px}
  .mss-grid i{border-width:1px;border-left-width:0}
  .mss-grid i:nth-child(10n+1){border-left-width:1px}
  .since{grid-template-columns:1fr;gap:0}
  .since-line{left:9px;right:auto;top:10px;bottom:10px;width:2px;height:auto}
  .since-line i{transform-origin:top;transform:scaleY(var(--p))}
  .sn{padding:0 0 0 40px}
  .sn-b{margin-top:36px}
  .sn-plus{justify-self:start;margin:28px 0 0 -4px;width:28px;height:28px;font-size:17px;box-shadow:0 0 0 5px #fff}
  .bk-l h3{font-size:25px}
  .bk-goals li{font-size:16px;padding:12px 0}
  .go-line a{padding:14px 16px;font-size:14px}
}