/* sk-base — reset · body · 포커스 링 · 접근성 유틸. 명세서 §3.1.4 파일 2.
   목업 갤러리 스캐폴딩(.page .sh .grid .item .cap 등)은 프로덕션에서 제거됐다. */
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:var(--font);color:var(--text);font-size:15px;line-height:1.6}
body.sk{background:var(--bg)}
a{color:var(--btx)}
:focus-visible{outline:2px solid var(--btx);outline-offset:2px;border-radius:3px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;
    transition-duration:.01ms !important;scroll-behavior:auto !important}
}

/* sk-layout — 사이트 셸: 틀 · 헤더 · nav · 브레드크럼 · 푸터 · 섹션 헤더 ·
   버튼/알약/빈상태 · 페이지 2컬럼 골격. 명세서 §3.1.4 파일 3.
   반응형은 @media 로 이 파일 안에서 해결한다 — 디바이스 파일은 코어 선택자를
   덮어쓰지 않는다(명세 로딩 규칙 1·2). */

.wrap{max-width:760px;margin:0 auto;padding:24px 20px 80px}

/* ── 헤더 ── */
.sp-hdr{background:var(--card);border-bottom:1px solid var(--line)}
.sp-hdr::before{content:"";display:block;height:3px;background:var(--grad3)}
.sp-hdr-in{max-width:760px;margin:0 auto;padding:0 20px;display:flex;
  align-items:center;justify-content:space-between;gap:14px;min-height:54px}
.sp-brand{font-size:17px;font-weight:800;letter-spacing:-.01em;
  color:var(--head);text-decoration:none}
.sp-brand b{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.sp-nav{display:flex;gap:8px;flex-wrap:wrap}
.sp-nav a{display:inline-flex;align-items:center;min-height:44px;
  font-size:13px;color:var(--btx);text-decoration:none;
  border:1px solid var(--line2);border-radius:999px;padding:0 13px}
.sp-nav a:hover{border-color:var(--btx)}

/* ── 브레드크럼 ── */
.sp-crumb{font-size:12px;color:var(--mute);padding:2px 0 14px}
.sp-crumb a{color:var(--mute);text-decoration:none}
.sp-crumb a:hover{color:var(--btx)}
.sp-crumb span{margin:0 4px;color:var(--dim)}
.sp-crumb b{color:var(--text);font-weight:600}

/* ── 섹션 헤더 (홈·허브 공용) ── */
.st{display:flex;align-items:center;gap:8px;margin-bottom:10px}
.st .bar{width:4px;height:15px;background:var(--grad);border-radius:2px}
.st h2{font-size:14.5px;color:var(--head);font-weight:700;margin:0}
.st .more{margin-left:auto;font-size:11.5px;color:var(--btx);text-decoration:none}

/* ── 히어로 (홈·허브) — 비비드 그라디언트 패널 ── */
.sp-hero{margin:4px 0 24px;background:var(--grad);border-radius:var(--r);
  padding:24px 24px 26px;box-shadow:0 10px 34px rgba(109,88,246,.30)}
.sp-hero h1{font-size:23px;color:#fff;font-weight:800;letter-spacing:-.01em;line-height:1.35}
.sp-hero p{font-size:13px;color:#fff;margin-top:7px}
/* 히어로 안의 시즌 기준 줄 — 흰 판 위 흰 글자라 테두리로 구분한다 */
.sp-hero p.sez-hero{display:inline-block;margin-top:12px;font-size:11.5px;font-weight:700;
  border:1px solid rgba(255,255,255,.55);border-radius:999px;padding:4px 11px}
.sp-home{padding-top:6px}
.sp-home section{margin-bottom:26px}

/* ── 콘텐츠 페이지 2컬럼 + 사이드바 골격 ──
   모바일(M5+): 사이드바 미표시 — 목차는 접이식(.sp-mtoc), 다음 문서는 .nextdoc */
.sp-cols{display:block}
.sp-main{min-width:0}
.sp-side{display:none}
.sp-home-cols{display:block}

/* 모바일 접이식 목차 — 기본 닫힘 (M5+ ①) */
.sp-mtoc{background:var(--card);border:1px solid var(--line);border-radius:var(--r2);
  margin-bottom:16px}
.sp-mtoc summary{cursor:pointer;list-style:none;padding:12px 14px;font-size:13px;
  color:var(--head);font-weight:600}
.sp-mtoc summary::-webkit-details-marker{display:none}
.sp-mtoc summary::after{content:"▾";float:right;color:var(--mute);font-size:12px}
.sp-mtoc[open] summary::after{content:"▴"}
.sp-mtoc ul{list-style:none;margin:0;padding:2px 14px 12px}
/* 모바일 목차는 이 화면의 주 내비게이션이다 — 탭 타깃 44px 확보 */
.sp-mtoc a{display:flex;align-items:center;min-height:44px;font-size:13px;
  color:var(--text);text-decoration:none;
  padding:2px 0 2px 11px;border-left:2px solid var(--line2);line-height:1.45}

/* SIRADAKİ — 다음 문서 (M5+ ③: 경쟁사의 고정 배너 광고 자리, 광고 아님) */
.nextdoc{display:flex;align-items:center;gap:12px;background:var(--card2);
  border:1px solid var(--line2);border-radius:var(--r2);padding:13px 15px;
  margin-top:22px;text-decoration:none}
.nextdoc .nl{font-size:10px;color:var(--mute);font-weight:800;letter-spacing:.08em}
.nextdoc .nt{font-size:13.5px;color:var(--head);font-weight:600;line-height:1.4}
.nextdoc .na{margin-left:auto;color:var(--btx);font-size:16px}
@media (max-width:1019px){
  body.sk{padding-bottom:64px}
  .nextdoc{position:fixed;left:10px;right:10px;bottom:10px;z-index:20;margin-top:0;
    box-shadow:0 6px 24px rgba(0,0,0,.5)}
}

@media (min-width:1020px){
  .wrap{max-width:1020px}
  .sp-cols{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:26px;align-items:start}
  .sp-side{display:block;position:sticky;top:16px}
  .sp-mtoc{display:none}
  .sp-home-cols{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:26px;align-items:start}
  .sp-home-side{position:sticky;top:16px}
}

/* ── 알약 · 버튼 · 빈 상태 ── */
.pill{display:inline-block;font-size:10.5px;font-weight:700;letter-spacing:.03em;
  color:#fff;background:var(--grad);border-radius:999px;padding:3px 9px}
.btn{background:var(--grad);color:#fff;border-radius:var(--r2);padding:11px;font-size:13px;
  font-weight:700;text-align:center;box-shadow:0 4px 16px rgba(109,88,246,.35)}
.btn.gh{background:transparent;border:1px solid var(--line2);color:var(--text)}
.empty{padding:38px 20px;text-align:center}
.empty .e{font-size:30px;margin-bottom:11px;opacity:.5}
.empty h4{font-size:14.5px;color:var(--head);margin-bottom:5px}
.empty p{font-size:12.5px;color:var(--mute);line-height:1.55}

/* ── 사이트 푸터 (전 페이지 — 중계 부인 고지 필수) ── */
.sp-ftr{background:var(--card2);border-top:1px solid var(--line);margin-top:40px}
.sp-ftr-in{max-width:760px;margin:0 auto;padding:22px 20px 18px}
.sp-disclaim{font-size:12.5px;color:var(--mute);line-height:1.65;margin:0 0 12px}
.sp-disclaim b{color:var(--live)}
.sp-ftr-links{display:flex;gap:4px 18px;flex-wrap:wrap;margin-bottom:14px}
.sp-ftr-links a{display:inline-flex;align-items:center;min-height:44px;
  font-size:12.5px;color:var(--text);text-decoration:none}
.sp-ftr-btm{border-top:1px solid var(--line);padding-top:13px;
  font-size:11.5px;color:var(--dim)}
@media (min-width:1020px){
  .sp-hdr-in,.sp-ftr-in{max-width:1020px}
}

/* ── 큰 푸터 (컬럼형 — R1 이후 확장용) ── */
.bft{background:var(--card2);border-top:1px solid var(--line);padding:24px 22px 18px}
.bft .cols{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:26px;margin-bottom:20px}
.bft h6{font-size:11px;color:var(--mute);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;font-weight:700}
.bft a{display:block;font-size:12.5px;color:var(--text);text-decoration:none;padding:3.5px 0}
.bft .dsc{font-size:12px;color:var(--mute);line-height:1.65}
.bft .btm{border-top:1px solid var(--line);padding-top:14px;font-size:11.5px;color:var(--dim);
  display:flex;gap:14px;flex-wrap:wrap;align-items:center}

/* sk-components — 카드 · 표 · 목록 · 홈 블록 · 사이드 박스 · 공용 소품.
   명세서 §3.1.4 파일 4. PC·모바일 공용 — 디바이스 파일과 선택자 교집합 0.
   명세와의 의도적 차이: .sbox 는 모바일에서도 쓰여(홈 사이드바가 아래로
   쌓임) pc 파일이 아니라 여기 둔다. */

/* ── 카드 그리드 (목업 .cards/.kc) ── */
.cards{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.kc{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:12px 11px;min-height:78px;
  display:flex;flex-direction:column;justify-content:space-between}
.kc .k{font-size:13.5px;color:var(--head);font-weight:600;line-height:1.35}
.kc .s{font-size:11px;color:var(--mute);margin-top:5px}

/* ── 순위표 (Phase 0.5 /puan-durumu 대비 — 목업 값 그대로) ── */
.tbl{background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.tbl .r{display:grid;grid-template-columns:20px 1fr 24px 24px 26px 30px;align-items:center;gap:5px;
  padding:8px 11px;font-size:12.5px;border-bottom:1px solid var(--line)}
.tbl .r:last-child{border-bottom:0}
.tbl .r.h{color:var(--mute);font-size:10px;text-transform:uppercase;letter-spacing:.04em;background:var(--card2)}
.tbl .rk{color:var(--mute);font-variant-numeric:tabular-nums}
.tbl .nmm{color:var(--head);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;gap:6px;align-items:center}
.tbl .n{text-align:right;font-variant-numeric:tabular-nums;color:var(--mute)}
.tbl .p{text-align:right;font-variant-numeric:tabular-nums;color:var(--head);font-weight:700}
.tbl .r.ucl{box-shadow:inset 3px 0 0 var(--lime)}
.tbl .r.rel{box-shadow:inset 3px 0 0 var(--live)}
.lgd{display:flex;gap:12px;padding:9px 2px 0;font-size:10.5px;color:var(--mute)}
.lgd i{width:8px;height:8px;border-radius:2px;display:inline-block;margin-right:4px;vertical-align:-1px}

/* ── 목록 페이지 카드 ── */
.lst{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.lst .li{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:14px 15px}
.lst .li .lt{font-size:14.5px;color:var(--head);font-weight:700;line-height:1.35;margin-bottom:6px}
.lst .li .ls{font-size:12px;color:var(--mute);line-height:1.55;margin-bottom:9px}
.lst .li .lm{font-size:10.5px;color:var(--dim);font-family:ui-monospace,Menlo,monospace}

/* ── 홈 블록 (목업 H2/H4) ── */
.newsg{display:grid;grid-template-columns:1fr;gap:10px}
.newsg a{display:block;background:var(--card);border:1px solid var(--line);border-radius:var(--r);
  padding:13px 14px 13px 15px;text-decoration:none;border-left-width:3px}
.newsg a:nth-child(3n+1){border-left-color:#2563eb}
.newsg a:nth-child(3n+2){border-left-color:#7c3aed}
.newsg a:nth-child(3n){border-left-color:#34d399}
.newsg a:hover{box-shadow:0 4px 16px rgba(37,99,235,.28)}
.newsg .t{font-size:14px;color:var(--head);font-weight:600;line-height:1.4}
.newsg .s{font-size:11.5px;color:var(--mute);margin-top:4px}
.kg{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.kg a{display:block;background:var(--card);border:1px solid var(--line);border-radius:var(--r);
  padding:12px 11px;min-height:78px;text-decoration:none}
.kg a:hover{border-color:var(--vio);box-shadow:0 4px 16px rgba(124,58,237,.28)}
.kg .k{font-size:13.5px;color:var(--head);font-weight:600;line-height:1.35}
.kg .s{font-size:11px;color:var(--mute);margin-top:5px}
@media (min-width:1020px){
  .newsg{grid-template-columns:1fr 1fr 1fr}
  .kg{grid-template-columns:repeat(4,1fr)}
}

/* ── 변경 일지 (T28 changelog 5줄) ── */
.sp-log{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:6px 14px}
.sp-log a{display:flex;gap:12px;align-items:baseline;min-height:44px;padding:11px 0;
  text-decoration:none;border-bottom:1px solid var(--line)}
.sp-log a:last-child{border-bottom:0}
.sp-log .d{font-size:11px;color:var(--dim);font-variant-numeric:tabular-nums;white-space:nowrap}
.sp-log .t{font-size:12.5px;color:var(--text);line-height:1.5}
.sp-log .t b{color:var(--head);font-weight:600}

/* ── 변경 추적 페이지 (/kural-degisiklikleri) ──
   기사 안의 .chg 와 다른 물건이다: 여기선 날짜가 묶음 제목이고 페이지명이 행 머리다 */
.chgd{background:var(--card);border:1px solid var(--line);border-radius:var(--r2);
  padding:13px 16px 6px;margin-bottom:12px}
.chgd h2{font-size:12px;color:var(--mute);font-weight:700;margin:0 0 9px;
  font-variant-numeric:tabular-nums;letter-spacing:.04em}
.cg{padding:9px 0;border-bottom:1px dashed var(--line)}
.chgd .cg:last-child{border-bottom:0}
.cgp{font-size:13.5px;color:var(--head);font-weight:600;line-height:1.4;margin-bottom:4px}
.cgp a{color:var(--head);text-decoration:none;display:inline-flex;align-items:center;min-height:32px}
.cgp a:hover{color:var(--btx)}
.cgt{font-size:13px;color:var(--text);line-height:1.65}

/* ── 사이드 박스 (콘텐츠·홈 공용) ── */
.sbox{background:var(--card);border:1px solid var(--line);border-radius:var(--r);
  padding:14px 16px;margin-bottom:14px}
.sbox h2{font-size:12.5px;color:var(--head);font-weight:700;margin:0 0 10px}
.sbox .tg{display:flex;flex-wrap:wrap;gap:6px}
.sbox .tg span{font-size:11.5px;color:var(--text);background:var(--sunk);border:1px solid var(--line2);
  border-radius:999px;padding:4px 10px}
.sbox .ll a{display:flex;align-items:center;min-height:44px;font-size:12.5px;
  color:var(--btx);text-decoration:none;padding:6px 0;border-bottom:1px solid var(--line)}
.sbox .ll a:last-child{border-bottom:0}
.sbox .ds{font-size:12px;color:var(--mute);margin-bottom:10px}
.sbox .btn{display:block;text-decoration:none}
.sp-side-box{background:var(--card2);border:1px solid var(--line);border-radius:10px;
  padding:14px 15px;margin-bottom:14px}
.sp-side-box h2{font-size:11px;color:var(--mute);text-transform:uppercase;
  letter-spacing:.06em;margin:0 0 9px;font-weight:700}
.sp-side-box ul{list-style:none;margin:0;padding:0}
.sp-side-box li{margin:0}
.sp-side-box a{display:block;font-size:12.5px;color:var(--text);
  text-decoration:none;padding:4.5px 0;line-height:1.45}
.sp-side-box a:hover{color:var(--btx)}
.sp-toc a{border-left:2px solid transparent;padding-left:9px}
.sp-toc a:hover{border-left-color:var(--btx)}

/* ── 종목 이모지 · 팀 뱃지 (경기 행 공용) ── */
.sp{font-style:normal;display:inline-block;width:16px;text-align:center;flex:0 0 auto;
  font-size:13px;line-height:1;
  font-family:"Noto Color Emoji","Apple Color Emoji","Segoe UI Emoji",sans-serif}
.cr{width:18px;height:18px;border-radius:50%;flex:0 0 auto;font-size:8px;font-weight:800;
  display:grid;place-items:center;color:#0f1115}
.lgo{width:18px;height:18px;border-radius:4px;background:#b91c1c;color:#fff;font-size:6.5px;
  font-weight:800;display:grid;place-items:center;flex:0 0 auto;letter-spacing:-.02em}

/* sk-content — 콘텐츠 페이지 블록 (.bc .art .kutu .diag .ctbl .faq .call
   .src .chg .rell .leg …). 명세서 §3.1.4 파일 5.
   .toc/.sbox → components·layout 으로 이동, .bft → layout, .ann(목업 주석 패널) 삭제. */
/* ══════════ 콘텐츠 페이지 전용 ══════════ */
.bc{font-size:11.5px;color:var(--mute);margin-bottom:11px}
.bc a{color:var(--btx);text-decoration:none} .bc s{text-decoration:none;color:var(--dim);margin:0 6px}
.art h1{font-size:27px;line-height:1.25;color:var(--head);font-weight:800;letter-spacing:-.02em;margin-bottom:12px}
.art .meta{display:flex;gap:14px;align-items:center;flex-wrap:wrap;font-size:11.5px;color:var(--mute);
           padding-bottom:14px;border-bottom:1px solid var(--line);margin-bottom:18px}
.art .meta b{color:var(--text);font-weight:600}
.art .meta .fr{color:var(--lime);border:1px solid rgba(52,211,153,.35);border-radius:999px;padding:2px 8px;font-size:10.5px;font-weight:700}
/* 시즌 기준 배지 — 메타 줄 첫 요소. "이거 올해 기준 맞아?"를 즉시 답한다 */
.art .meta .sez{color:#fff;background:var(--grad);border-radius:999px;
  padding:3px 10px;font-size:10.5px;font-weight:800;letter-spacing:.02em;white-space:nowrap}
.art h2{font-size:19px;color:var(--head);font-weight:700;margin:26px 0 10px;letter-spacing:-.01em}
.art h3{font-size:15.5px;color:var(--head);font-weight:700;margin:18px 0 7px}
.art p{font-size:15px;line-height:1.75;margin-bottom:13px;color:var(--text)}
.art p b{color:var(--head);font-weight:700}
.art ul.bl{margin:0 0 14px 20px} .art ul.bl li{font-size:14.5px;line-height:1.7;margin-bottom:5px}

.kutu{background:var(--card);border:1px solid var(--line2);border-left:3px solid var(--lime);
      border-radius:var(--r2);padding:15px 17px;margin-bottom:20px}
.kutu .kt{font-size:11px;color:var(--lime);font-weight:800;letter-spacing:.06em;margin-bottom:7px}
.kutu p{font-size:14.5px;line-height:1.7;margin:0}

.diag{background:var(--sunk);border:1px dashed var(--line2);border-radius:var(--r2);
      padding:26px;text-align:center;margin:6px 0 8px}
.diag .dd{font-size:12px;color:var(--dim);line-height:1.6}
.cpt{font-size:11.5px;color:var(--mute);margin-bottom:16px;text-align:center}

/* 표 = 가로 스크롤. 축약·열 숨김 금지 (M5+ ② — overflow-x:auto 래퍼 필수) */
.ctbl{border:1px solid var(--line);border-radius:var(--r2);overflow-x:auto;
  -webkit-overflow-scrolling:touch;margin-bottom:8px}
.ctbl table{min-width:480px}
.ctbl table{width:100%;border-collapse:collapse;font-size:13.5px}
.ctbl th{background:var(--card2);color:var(--mute);font-size:10.5px;text-transform:uppercase;
         letter-spacing:.05em;text-align:left;padding:9px 12px;font-weight:700;border-bottom:1px solid var(--line)}
.ctbl td{padding:10px 12px;border-bottom:1px solid var(--line);color:var(--text);vertical-align:top}
.ctbl tr:last-child td{border-bottom:0}
.ctbl td b{color:var(--head)}
.ctbl .y{color:var(--lime);font-weight:700} .ctbl .n{color:var(--live);font-weight:700}
.ctbl tbody tr:nth-child(even){background:rgba(255,255,255,.02)}

.faq{border:1px solid var(--line);border-radius:var(--r2);overflow:hidden;margin-bottom:8px}
.faq .q{display:flex;align-items:center;gap:10px;padding:13px 14px;background:var(--card);
        border-bottom:1px solid var(--line);font-size:14px;color:var(--head);font-weight:600}
.faq .q .cv{margin-left:auto;color:var(--mute);font-size:12px}
.faq .a{padding:0 14px 14px;font-size:14px;line-height:1.7;color:var(--text);border-bottom:1px solid var(--line)}
.faq>:last-child{border-bottom:0}

.call{border-radius:var(--r2);padding:12px 15px;margin:4px 0 18px;font-size:13.5px;line-height:1.65}
.call .ct{font-weight:800;font-size:11px;letter-spacing:.05em;display:block;margin-bottom:5px}
.call.i{background:rgba(59,130,246,.08);border:1px solid rgba(59,130,246,.30)} .call.i .ct{color:var(--btx)}
.call.w{background:rgba(251,191,36,.07);border:1px solid rgba(251,191,36,.28)} .call.w .ct{color:var(--warn)}
.call.c{background:rgba(52,211,153,.07);border:1px solid rgba(52,211,153,.28)} .call.c .ct{color:var(--lime)}

.src{background:var(--card2);border:1px solid var(--line);border-radius:var(--r2);padding:14px 16px;margin-bottom:16px}
.src h2{font-size:12px;color:var(--head);margin-bottom:9px;font-weight:700}
.src ol{margin-left:17px} .src li{font-size:12.5px;color:var(--mute);line-height:1.7}
.src li a{color:var(--btx);text-decoration:none}

.auth{display:flex;gap:14px;background:var(--card);border:1px solid var(--line2);
      border-radius:var(--r);padding:15px 17px;margin-bottom:16px}
.auth .av{width:50px;height:50px;border-radius:50%;background:#2a3040;flex:0 0 auto}
.auth .an{font-size:14px;color:var(--head);font-weight:700;margin-bottom:3px}
.auth .ar{font-size:11.5px;color:var(--lime);margin-bottom:6px;font-weight:600}
.auth .ab{font-size:12.5px;color:var(--mute);line-height:1.6}

.chg{border:1px solid var(--line);border-radius:var(--r2);padding:14px 16px;margin-bottom:16px}
.chg h2{font-size:12px;color:var(--head);margin-bottom:10px;font-weight:700}
.chg .cr2{display:flex;gap:12px;font-size:12.5px;padding:6px 0;border-bottom:1px dashed var(--line);align-items:baseline}
.chg .cr2:last-child{border-bottom:0}
.chg .cd{color:var(--mute);font-variant-numeric:tabular-nums;flex:0 0 78px;font-family:ui-monospace,Menlo,monospace;font-size:11.5px}
.chg .cx{color:var(--text);line-height:1.55}

.rell{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.rell a{display:block;background:var(--card);border:1px solid var(--line);border-radius:var(--r2);
        padding:11px 13px;text-decoration:none}
.rell a .rt{font-size:13.5px;color:var(--head);font-weight:600;line-height:1.4}
.rell a .rs{font-size:11px;color:var(--mute);margin-top:4px}




/* 법적 고지 */
.leg h2{font-size:16px;margin:20px 0 8px}
.leg p,.leg li{font-size:13px;line-height:1.75;color:var(--text)}
.leg ul{margin-left:19px;margin-bottom:12px}
.leg .lawref{font-size:11.5px;color:var(--mute);font-style:italic}


/* 메타 줄 대조 배지 */
.art .meta code{font-family:inherit;font-size:11px;color:var(--btx);
  background:transparent;border:1px solid var(--line2);border-radius:999px;
  padding:2.5px 10px;white-space:nowrap}
