/* 사본 — snapholo-web 9917f0b5b docs/design/styles/tokens.css sha256=8f811000de2be8968b0dbf7a785bf4adbda1918efe0eb995a97f43232593ea52 (scripts/sync_tokens.py) + 서체만 2026-11-03 손질(Noto Sans KR/JP · Roboto · --font-num · 굵기 400/500/700 — 웹 서체 교체 값 그대로, 나머지 토큰은 전체 재동기화 전까지 옛 값) */
/* ============================================================================
   SnapHolo 디자인 토큰
   ----------------------------------------------------------------------------
   생성물 — 정본은 docs/design/tokens/snapholo.tokens.json, 손으로 고치지 마라.
   다시 만들기: python scripts/build_tokens.py
   (docs/design/styles/tokens.css 와 docs/design/ds-bundle/tokens.css 는 같은 바이트다.)

   다른 CSS 파일에 hex 리터럴을 적지 마라 — 그게 v3 가 죽은 경로다.
   프레임워크 중립: 순수 CSS 커스텀 프로퍼티다. 빌드 없는 정적 HTML 은 <link> 로 읽는다.
   대비 실측은 정본 JSON 의 contrast 표에 있고 tests/test_design_tokens.py 가 다시 잰다.
   ========================================================================== */

:root {
  /* ══════════════════════════════════════════════════════════════════════════
     1층 · PRIMITIVE — 값 그 자체. 의미를 담지 않는다.
     ══════════════════════════════════════════════════════════════════════════ */

  /* 브랜드 홀로 4색 — logo.ai 마스터에서 나온 값. 새로 만들지 않는다. */
  --holo-aqua: #5bc9d5;
  --holo-iris: #8c77da;
  --holo-blossom: #ef94b8;
  --holo-amber: #ffd88e;
  --ink: #17232c; /* 브랜드 잉크 — brand/master/*.svg 의 fill 값과 동일 */

  /* 중성 램프 (hue 220) — 흰 지면 대비 실측은 contrast 표 */
  --slate-950: #1e2534;
  --slate-800: #333b4c;
  --slate-700: #4d576a;
  --slate-600: #65718b; /* 본문 최소선 */
  --slate-400: #9ca4b4; /* 비텍스트 전용 */
  --slate-300: #cacfd8;
  --slate-200: #e1e4ea;
  --slate-100: #eef0f4;
  --slate-50: #f7f8fa;
  --white: #ffffff;

  /* 아이리스 — 브랜드 보라(옛). v0 시안에 흩어져 있던 7종을 이 넷으로 수렴했다
     (#7174d4 #7c79dc #7476d3 #6e73d1 #8081dc #7777d6 #4f55b5) */
  --iris-700: #5f62cf; /* 글자로 쓸 수 있는 유일한 보라
       legacy — 2026-10-02 대표 결정 d2 — 2단계에서 민트로 */
  --iris-500: #7174d4; /* 텍스트로 쓰지 마라. 채움 전용
       legacy — 2026-10-02 대표 결정 d2 — 2단계에서 민트로 */
  --iris-300: #8b8ddc; /* 보더·밑줄 전용
       legacy — 2026-10-02 대표 결정 d2 — 2단계에서 민트로 */
  --iris-50: #f0f0ff; /* legacy — 2026-10-02 대표 결정 d2 — 2단계에서 민트로 */

  /* 상태색 — 지면·카드 양쪽에서 4.5:1 을 넘도록 낮춘 값 */
  --green-600: #3a7e63;
  --amber-700: #9f6432;

  /* 알파 — 그림자·오버레이. 색상 토큰과 섞지 않는다 */
  --alpha-card-shadow: rgba(116, 118, 216, 0.2);
  --alpha-art-shadow: rgba(41, 55, 90, 0.33);
  --alpha-text-shadow: rgba(0, 0, 0, 0.2);
  --alpha-white-strong: rgba(255, 255, 255, 0.7);
  --alpha-white-soft: rgba(255, 255, 255, 0.33);

  /* ══════════════════════════════════════════════════════════════════════════
     2층 · SEMANTIC — 화면은 이것만 쓴다.
     다크 모드를 얹을 때 재정의하는 것도 이 층뿐이다(1층은 그대로).
     ══════════════════════════════════════════════════════════════════════════ */

  /* 지면 */
  --color-bg: var(--slate-50);
  --color-surface: var(--white);
  --color-surface-sunken: var(--slate-50);

  /* 글자 — 세 단. 그 아래는 없다 */
  --color-text: var(--slate-950); /* 제목·값 */
  --color-text-secondary: var(--slate-700); /* 본문·설명 */
  --color-text-muted: var(--slate-600); /* 라벨·보조 */

  /* 선 */
  --color-border: var(--slate-200);
  --color-border-strong: var(--slate-300);
  --color-border-dashed: var(--slate-200);

  /* 강조 — legacy(옛 보라). 옛 화면 9개 전용 — 새 화면은 아래 브랜드 강조(민트)만 쓴다 */
  --color-accent: var(--iris-700); /* 링크·강조 텍스트 — 세 지면 모두 통과
       legacy — 2026-10-02 대표 결정 d2 — 2단계에서 민트로 */
  --color-accent-fill: var(--iris-500); /* 채움(아바타·칩) — 텍스트 아님
       legacy — 2026-10-02 대표 결정 d2 — 2단계에서 민트로 */
  --color-accent-line: var(--iris-300); /* 보더·활성 밑줄 — 텍스트 아님
       legacy — 2026-10-02 대표 결정 d2 — 2단계에서 민트로 */
  --color-accent-soft: var(--iris-50); /* 배지·노트 지면
       legacy — 2026-10-02 대표 결정 d2 — 2단계에서 민트로 */

  /* 브랜드 강조 — 민트 (2026-10-02 대표 결정 d2). 액션 채움과 텍스트 링크를 구분한다 */
  --color-brand-action-fill: #1bd3ce; /* 액션 채움 — 에메랄드 바탕. 텍스트·아이콘은 brand.action.on(흰색). */
  --color-brand-action-on: #ffffff; /* 에메랄드 액션 버튼의 텍스트·아이콘 — 흰색(2026-10-07 사용자 지시) */
  --color-brand-link-text: #007f85; /* 텍스트 링크 — 민트 글자로 작은 링크를 만들지 않고 이 진한 색을 쓴다(UI-GUIDE 03). 아이스 지면 미달 — contrast 예외 */
  --color-brand-symbol-mint: #24d5cb; /* 심볼 민트 — 심볼 위쪽 그라디언트 시작색 · 홈 강조 */

  /* 상태 */
  --color-state-known: var(--green-600);
  --color-state-uncollected: var(--amber-700);
  --color-state-live: var(--green-600);

  /* 홀로 그라디언트 — 정의는 여기 하나뿐이다.
     허용 자리 세 곳 (README 로고 규칙 4, 2026-08-21 개정):
       ① 어두운 지면의 워드마크  ② 실제 포일 판본의 카드 표면
       ③ 상단 3px 브랜드 밴드
     그 외에 쓰지 마라. */
  --gradient-holo: linear-gradient(
    57deg,
    var(--holo-aqua),
    var(--holo-iris) 33.3%,
    var(--holo-blossom) 66.7%,
    var(--holo-amber)
  );
  --on-gradient: var(--ink); /* 그라디언트 위 글자는 잉크다. 흰 글자는 금지 — 대비 실측은 contrast 표 */

  /* 그림자 */
  --shadow-card: 0 24px 50px var(--alpha-card-shadow);
  --shadow-art-text: 0 15px 22px var(--alpha-art-shadow);

  /* ── 차트 계열색 — 마감 3종. 순서 고정, 순환 금지 ──
     색은 마감(엔티티)을 따라간다. 필터로 계열이 줄어도 남은 것의 색은 안 바뀐다.
     dataviz 검증기 실측(지면 #ffffff):
       명도대역 PASS · 채도하한 PASS · 정상시각 ΔE 20.3 PASS · 지면대비 PASS
       CVD 최악쌍 리버스↔홀로 ΔE 7.7(deutan) — 6~8 구간이라
       **선 끝 직접 라벨이 필수**다. 범례만으로는 안 된다.
     다크(지면 #191e2a): 명도대역·채도·정상시각 ΔE 17.4·지면대비 PASS / CVD 최악쌍 7.7(deutan)
       → 라이트와 같은 이유로 직접 라벨 필수 */
  --chart-finish-base: #6f5bd8;
  --chart-finish-holo: #0a97a6;
  --chart-finish-reverse: #d62a76;
  --chart-grid: var(--slate-100);
  --chart-axis: var(--slate-300);

  /* ══════════════════════════════════════════════════════════════════════════
     활자 — 서체 · 크기 · 행간 · 자간 · 굵기
     ══════════════════════════════════════════════════════════════════════════ */

  /* 서체 — 한국어 Noto Sans KR · 일본어 Noto Sans JP · 영어 Roboto (2026-11-03 대표 결정, 10-19 IBM Plex 결정 대체).
     각 화면 언어가 자기 서체를 앞에 두고 나머지를 뒤에 둔다. 금액 칸은 --font-num 으로 세 언어 모두 Roboto.
     태국어(Plex Thai)·중국어(TC/SC Noto)는 라틴 글자만 Roboto 로 바꾼다.
     ⚠️ 스크립트별 스택은 아래 :lang() 이 갈아 끼운다 — 한 줄로 다 나열하면
        한자가 겹쳐서 중국어가 일본어 글리프로 나온다. */
  --font-sans: "Roboto", "Noto Sans KR", "Noto Sans JP", sans-serif;
  --font-num: "Roboto", "Noto Sans KR", "Noto Sans JP", sans-serif; /* 금액·숫자 칸 — 세 언어 모두 Roboto */
  --font-display: var(--font-sans);
  --font-mono: "IBM Plex Mono", "Noto Sans KR", ui-monospace, SFMono-Regular, monospace;

  /* Shared service scale: body 16, supporting text 14, captions 12; desktop/mobile headings use the same roles in every language. */
  --text-display: 3.5rem; /* 3.5rem desktop / 2rem mobile */
  --text-hero: 2rem; /* 2rem desktop / 1.625rem mobile */
  --text-h2: 1.5rem; /* 24.0px */
  --text-h3: 1.125rem; /* 18.0px */
  --text-body: 1rem; /* 16px */
  --text-data: 0.875rem; /* 14.0px */
  --text-label: 0.75rem; /* 12 — 절대 하한 */
  --text-price: 2.25rem; /* 36.0px */
  --text-price-sub: 1.25rem; /* 20.0px */
  --leading-tight: 1.25;
  --leading-snug: 1.4;
  --leading-normal: 1.6;
  --tracking-display: -0.02em;
  --tracking-kicker: 0.04em;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-bold: 700;
  --weight-black: 800;

  /* ══════════════════════════════════════════════════════════════════════════
     간격 — 4px 기반 12단. v0 시안의 padding 24종 · gap 20종을 여기 스냅했다.
     ══════════════════════════════════════════════════════════════════════════ */
  --space-1: 0.25rem; /* 4px */
  --space-2: 0.5rem; /* 8px */
  --space-3: 0.75rem; /* 12px */
  --space-4: 1rem; /* 16px */
  --space-5: 1.25rem; /* 20px */
  --space-6: 1.5rem; /* 24px */
  --space-7: 2rem; /* 32px */
  --space-8: 2.5rem; /* 40px */
  --space-9: 3rem; /* 48px */
  --space-10: 4rem; /* 64px */
  --space-11: 5rem; /* 80px */
  --space-12: 6rem; /* 96px */

  /* 반경 — v0 의 5·8·9·10·12·17·26·999 를 다섯 단으로 */
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-full: 999px;

  /* 레이아웃 */
  --layout-max: 1184px;
  --layout-pad: var(--space-7); /* 모바일(≤760px)에서 space-5 */
  --layout-pad-sm: var(--space-5);
  --topbar-height: 74px;

  /* 모션 — 150~300ms. 의미 없는 장식 애니메이션은 두지 않는다.
     들어올 때는 ease-out(빠르게 시작해 부드럽게 안착), 나갈 때는 ease-in 으로 더 짧게.
     transform 과 opacity 만 애니메이션한다 — width/height/top/left 는 매 프레임 레이아웃을 다시 계산한다. */
  --motion-fast: 0.15s; /* 줄이기 설정에서 0.01ms */
  --motion-base: 0.25s; /* 줄이기 설정에서 0.01ms */
  --motion-ease: cubic-bezier(0.4, 0, 0.2, 1); /* 표준 */
  --motion-enter: 0.2s; /* 손에 잡히는 순간 */
  --motion-leave: 0.14s; /* 놓는 건 더 빨라야 미련이 없다 */
  --ease-out: cubic-bezier(0.22, 0.9, 0.3, 1); /* 들어올 때 */
  --ease-in: cubic-bezier(0.4, 0, 1, 1); /* 나갈 때 */

  /* 카드를 집어 올리는 눈금. 이 셋이 「손으로 집었다」의 전부다 —
     더 올리면 카드가 화면에서 뜯겨 나가고, 더 틀면 그리드가 흔들려 보인다. */
  --lift-y: -10px; /* 뜨는 높이 */
  --lift-tilt: -2.5deg; /* 왼쪽이 들린다(반대각). 기존 기울기에 더해진다.
       ⚠️ 음수 = 반시계 = 왼쪽 들림.
       +2.5 로 되돌리지 마라 (2026-08-23 대표) */
  --lift-scale: 1.03; /* 눈에 가까워진 만큼 */
  --press-scale: 0.97; /* 손가락 아래서 눌리는 정도 */
  --shadow-rest: 0 6px 16px var(--alpha-card-shadow);
  --shadow-lift: 0 22px 40px var(--alpha-card-shadow);

  /* 나머지 모션의 눈금. 전부 짧다 — 이 화면은 표와 그리드라 오래 끌면 읽을 수가 없다 */
  --motion-tint: 0.12s; /* 색만 바뀌는 것(행·버튼·테두리) */
  --motion-press: 0.08s; /* 누름 */
  --motion-drop: 0.16s; /* 메뉴 열림 (닫힘은 --motion-press) */
  --motion-reveal: 0.32s; /* 스크롤 진입 — 한 번만 */
  --reveal-y: 12px; /* 진입할 때 아래에서 올라오는 거리 */
  --reveal-step: 0.04s; /* 줄줄이 들어올 때 한 칸 간격 */
  --set-bg: #f3f7f9; /* 아이스 */
  --set-line: #dee8ee;
  --set-panel: #eaf1f5;
  --set-focus: #6e66d7;
  --set-fan-duration: 400ms;
  --brand-foil-cyan: #32dce8;
  --brand-foil-violet: #8374f3;
  --brand-foil-pink: #ef8fda;
  --brand-foil-gold: #ffe9a1;
  --brand-foil-green: #7ae1c0;
  --brand-foil-blue: #57c9ee;
  --brand-foil-mask-solid: #000;
  --brand-foil-mask-soft: #000c;
  --brand-foil-light-cyan: #b7eeff55;
  --brand-foil-light-white: #fff;
  --brand-foil-light-soft: #fff9;
  --brand-foil-light-pink: #fcd9ff66;
  --brand-foil-glow-soft: #fff5;
  --brand-foil-pin: #718d98;
  --motion-foil-sweep: 8s;

  /* Service UI typography roles. Hero and cinematic card prices retain their own scale. */
  --ui-page-size: var(--text-h2);
  --ui-page-line: var(--space-7);
  --ui-section-size: var(--text-h3);
  --ui-group-size: var(--text-body);
  --ui-body-size: var(--text-body);
  --ui-body-line: var(--space-6);
  --ui-support-size: var(--text-data);
  --ui-support-line: var(--space-5);
  --ui-label-size: var(--text-label);
  --ui-label-line: var(--space-4);
  --ui-summary-size: var(--text-h2);
  --ui-summary-line: var(--space-7);
  --ui-section-line: 1.625rem;

  /* Shared service components: compact/descriptive rows, groups, summary, FAQ and contact form. */
  --ui-gutter: var(--space-4);
  --ui-group-radius: var(--radius-lg);
  --ui-group-padding: var(--space-5);
  --ui-group-gap: var(--space-3);
  --ui-section-gap: var(--space-6);
  --ui-label-gap: var(--space-3);
  --ui-row-compact: var(--space-9);
  --ui-row-descriptive: var(--space-10);
  --ui-row-pad-y: var(--space-2);
  --ui-icon-slot: var(--space-7);
  --ui-icon-size: var(--space-6);
  --ui-icon-gap: var(--space-3);
  --ui-trailing-size: var(--space-4);
  --ui-text-gap: var(--space-1);
  --ui-control-height: 2.75rem;
  --ui-control-radius: var(--radius-sm);
  --ui-field-gap: var(--space-6);
  --ui-chart-width: var(--space-12);
  --ui-page-max: 40rem;
  --ui-touch-min: 2.75rem;
  --ui-submit-height: 3.25rem;

  /* 2026-10-18 user decision: one dominant hue per purpose, tonal light/shadow only. Replaces rainbow-per-icon rule. */
  --icon-discovery: var(--color-brand-symbol-mint);
  --icon-market: var(--color-brand-symbol-mint);
  --icon-library: var(--color-brand-symbol-violet);
  --icon-interest: var(--color-brand-symbol-pink);
  --icon-premium: var(--color-brand-symbol-gold);
  --icon-support: var(--holo-aqua);
  --icon-account: #4c8fe6; /* Account/settings blue. Replaces gray after user feedback 2026-10-18. */
  --color-brand-symbol-violet: #7760f5;
  --color-brand-symbol-pink: #f08bda;
  --color-brand-symbol-gold: #ffd17c;
}

/* ══════════════════════════════════════════════════════════════════════════
   다크 — 2층(semantic)만 다시 정의한다. 1층 primitive 는 건드리지 않는다(예외: 알파 그림자 2개).
   대비는 **패널 지면(--color-surface) 기준**으로 맞췄다 — 실측과 미달 예외는 정본 JSON 의 contrast 표.

   세 갈래를 모두 받는다:
     ① 사용자가 다크를 명시   → :root[data-theme="dark"]
     ② 시스템 설정이 다크     → prefers-color-scheme (라이트 명시는 제외)
     ③ 클래스 토글            → .dark
   ══════════════════════════════════════════════════════════════════════════ */

:root[data-theme="dark"],
.dark {
  color-scheme: dark;
  --color-bg: #10151e;
  --color-surface: #191e2a;
  --color-surface-sunken: #0c1018;
  --color-text: #d8dbe1;
  --color-text-secondary: #a1a9b8;
  --color-text-muted: #7b869b;
  --color-border: #313949;
  --color-border-strong: #454f63;
  --color-border-dashed: #313949;
  --color-accent: #797cd6;
  --color-accent-fill: #7174d4;
  --color-accent-line: #585bcd;
  --color-accent-soft: #25264b;
  --color-state-known: #449373;
  --color-state-uncollected: #b9753a;
  --color-state-live: #449373;

  /* 그라디언트와 그 위 글자는 다크에서도 그대로다 — 대비는 contrast 표 */

  /* 차트 계열색 (다크) — 근거는 정본 JSON semantic.chart */
  --chart-finish-base: #8274e0;
  --chart-finish-holo: #0f9dad;
  --chart-finish-reverse: #e05f92;
  --chart-grid: #232b3a;
  --chart-axis: #3b4557;
  --on-gradient: var(--ink);

  /* 다크에서는 보라 그림자가 탁해 보인다. 검정 기반으로 바꾼다 */
  --alpha-card-shadow: rgba(0, 0, 0, 0.55);
  --alpha-art-shadow: rgba(0, 0, 0, 0.5);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --color-bg: #10151e;
    --color-surface: #191e2a;
    --color-surface-sunken: #0c1018;
    --color-text: #d8dbe1;
    --color-text-secondary: #a1a9b8;
    --color-text-muted: #7b869b;
    --color-border: #313949;
    --color-border-strong: #454f63;
    --color-border-dashed: #313949;
    --color-accent: #797cd6;
    --color-accent-fill: #7174d4;
    --color-accent-line: #585bcd;
    --color-accent-soft: #25264b;
    --color-state-known: #449373;
    --color-state-uncollected: #b9753a;
    --color-state-live: #449373;

    /* 그라디언트와 그 위 글자는 다크에서도 그대로다 — 대비는 contrast 표 */

    /* 차트 계열색 (다크) — 근거는 정본 JSON semantic.chart */
    --chart-finish-base: #8274e0;
    --chart-finish-holo: #0f9dad;
    --chart-finish-reverse: #e05f92;
    --chart-grid: #232b3a;
    --chart-axis: #3b4557;
    --on-gradient: var(--ink);

    /* 다크에서는 보라 그림자가 탁해 보인다. 검정 기반으로 바꾼다 */
    --alpha-card-shadow: rgba(0, 0, 0, 0.55);
    --alpha-art-shadow: rgba(0, 0, 0, 0.5);
  }
}

@media (max-width: 760px) {
  :root {
    --text-display: 2rem;
    --text-hero: 1.625rem;
    --text-body: 1rem;
    --text-price: 1.75rem;
    --layout-pad: var(--space-5);
  }
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --motion-fast: 0.01ms;
    --motion-base: 0.01ms;
  }
}

/* ══════════════════════════════════════════════════════════════════════════
   언어별 서체 — 한자가 겹치므로 스크립트마다 스택을 갈아 끼운다.
   카드 이름처럼 본문 언어와 다른 조각에는 그 자리에 lang 속성을 준다:
     <span lang="ja">熱風のアリーナ</span>
   ══════════════════════════════════════════════════════════════════════════ */

:lang(ko) {
  --font-sans: "Noto Sans KR", "Noto Sans JP", sans-serif;
}

:lang(ja) {
  --font-sans: "Noto Sans JP", "Noto Sans KR", sans-serif;
}

:lang(th) {
  --font-sans: "Roboto", "IBM Plex Sans Thai", system-ui, sans-serif;
}

:lang(zh-Hant),
:lang(zh-TW) {
  --font-sans: "Roboto", "Noto Sans TC", system-ui, sans-serif;
}

:lang(zh-Hans),
:lang(zh-CN) {
  --font-sans: "Roboto", "Noto Sans SC", system-ui, sans-serif;
}

:lang(en) {
  --font-sans: "Roboto", "Noto Sans KR", "Noto Sans JP", sans-serif;
  font-family: var(--font-sans);
}

:lang(ko),
:lang(ja),
:lang(th),
:lang(zh-Hant),
:lang(zh-TW),
:lang(zh-Hans),
:lang(zh-CN) {
  font-family: var(--font-sans);
}

*,:after,:before{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}canvas,img,picture,svg,video{display:block;height:auto;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;border-radius:0;box-shadow:none;color:inherit;cursor:pointer;font:inherit;padding:0;text-align:inherit}html{font-size:100%;-webkit-font-smoothing:antialiased;background-color:var(--color-white);scroll-behavior:smooth}body{color:var(--color-text);font-family:var(--gh-font-body,var(--body-font-family)),"Helvetica","Arial",sans-serif;font-weight:400;letter-spacing:var(--body-letter-spacing);line-height:1.65}body.s-nav-open{overflow:hidden}h1,h2,h3,h4,h5,h6{color:var(--color-text);font-family:var(--gh-font-heading,var(--heading-font-family)),"Helvetica","Arial",sans-serif;font-weight:var(--heading-font-weight);letter-spacing:var(--heading-letter-spacing);line-height:1.35}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{line-height:inherit;text-decoration:none}button,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,input{color:inherit;letter-spacing:inherit}.s-container{margin:0 auto;max-width:var(--container-width);padding:0 20px;width:100%}@media screen and (min-width:480px){.s-container{padding:0 24px}}@media screen and (min-width:640px){.s-container{padding:0 32px}}@media screen and (min-width:1024px){.s-container{padding:0 40px}}.s-logo--image img{max-height:var(--mobile-logo-height);min-height:var(--mobile-logo-height)}@media screen and (min-width:1024px){.s-logo--image img{max-height:var(--desktop-logo-height);min-height:var(--desktop-logo-height)}}.s-logo--image img:nth-of-type(2){display:none}.s-logo--text{color:var(--color-text);font-size:28px;font-weight:var(--heading-font-weight);line-height:1;text-decoration:none}.s-divider{background:#e8e8e8;height:1px;margin:48px 0;width:100%}@media screen and (min-width:640px){.s-divider{margin:56px 0}}@media screen and (min-width:768px){.s-divider{margin:72px 0}}@media screen and (min-width:1024px){.s-divider{margin:80px 0}}@media screen and (min-width:1280px){.s-divider{margin:96px 0}}.s-btn,.s-entry-content .gh-post-upgrade-cta a.gh-btn,.s-entry-content .kg-button-card a.kg-btn,.s-entry-content .kg-header-card a.kg-header-card-button,.s-entry-content .kg-header-card.kg-size-large a.kg-header-card-button,.s-entry-content .kg-header-card.kg-size-small a.kg-header-card-button{background-color:var(--color-bg-button);border-radius:8px;color:var(--color-text-button);display:inline-flex;font-size:16px;font-weight:500;line-height:1;line-height:1.05;max-width:-moz-max-content;max-width:max-content;overflow:hidden;padding:12px 18px;position:relative;text-decoration:none}.s-btn--light{background-color:var(--color-black-200);color:var(--color-black)}.s-btn-group{display:flex;gap:12px}@media screen and (min-width:1024px) and (prefers-reduced-motion:no-preference){.s-btn,.s-btn span,.s-btn:before{transition:transform .3s ease}.s-btn:before{align-items:center;content:attr(data-text);display:flex;height:100%;justify-content:center;left:0;position:absolute;top:100%;width:100%}.s-btn:hover span{transform:translateY(-200%)}.s-btn:hover:before{transform:translateY(-100%)}}.s-quick-filters{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;margin-right:-20px;padding-right:20px}@media screen and (min-width:768px){.s-quick-filters{margin-right:0;padding-right:0}}.s-quick-filters::-webkit-scrollbar{display:none}.s-filter{align-items:baseline;display:flex;gap:2px;line-height:1}.s-filter span{color:var(--color-black-500);display:block;font-size:16px;font-weight:500;line-height:1;padding-bottom:4px;position:relative;transition:all .15s ease}@media screen and (min-width:768px){.s-filter span{font-size:20px}}.s-filter span:after{background-color:var(--color-black);bottom:0;content:"";display:block;height:1.5px;left:0;opacity:0;position:absolute;transform:scaleX(0);transform-origin:left;transition:all .15s ease;width:100%}.s-filter.is-active span{color:var(--color-black)}.s-filter.is-active span:after{opacity:1;transform:scaleX(1)}.s-card-loader{align-items:center;display:none;flex-direction:column;gap:16px;margin-top:32px}.s-image{aspect-ratio:var(--card-image-aspect);border-radius:var(--corner-radius);display:block;overflow:hidden;position:relative}.page-template .s-feature-image .s-image,.post-template .s-feature-image .s-image{aspect-ratio:4/3}@media screen and (min-width:640px){.page-template .s-feature-image .s-image,.post-template .s-feature-image .s-image{aspect-ratio:var(--post-image-aspect)}}.s-featured-main .s-image,.s-sidebar .s-image{aspect-ratio:1/1}.s-featured-secondary .s-image{aspect-ratio:16/9}.s-image img,.s-image-placeholder{height:100%;left:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;position:absolute;top:0;width:100%}.s-image-placeholder{align-items:center;background-color:var(--color-black-200);display:flex;justify-content:center}.s-image-placeholder svg{height:auto;opacity:.4;width:40px}.s-social{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;list-style:none;padding:0}.s-social a{color:inherit;display:block}@media screen and (min-width:1024px) and (prefers-reduced-motion:no-preference){.s-social a{transition:transform .3s ease}.s-social a:hover{transform:translateY(-4px)}}.s-resizing *{animation:none!important;transition:none!important}.sr-text{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.s-error{margin:0 1.5rem}.s-error-content{align-items:center;background-color:var(--color-black-100);border-radius:var(--corner-radius);color:var(--color-text);display:flex;flex-direction:column;gap:1rem;margin:48px auto 96px;max-width:400px;padding:2rem;text-align:center}.s-error-content h1{color:var(--color-text);margin-bottom:1rem}.s-heading-base{font-size:16px;line-height:120%}.s-heading-md{font-size:18px;line-height:120%}.s-heading-lg{font-size:20px;line-height:120%}.s-heading-xl{font-size:22px;line-height:120%}.s-heading-2xl{font-size:24px;line-height:120%}.s-heading-3xl{font-size:28px;line-height:120%}.s-heading-4xl{font-size:32px;line-height:120%}.s-heading-5xl{font-size:36px;line-height:120%}.s-heading-6xl{font-size:40px;line-height:110%}.s-heading-7xl{font-size:48px;line-height:110%}.s-heading-8xl{font-size:56px;line-height:110%}.s-heading-9xl{font-size:64px;line-height:110%}.s-heading-10xl{font-size:80px;line-height:110%}.s-heading-11xl{font-size:96px;line-height:110%}.s-text-base{font-size:16px}.s-text-md{font-size:18px}.s-text-lg{font-size:20px}.s-text-xl{font-size:22px}.s-text-2xl{font-size:24px}.s-text-3xl{font-size:28px}.s-text-4xl{font-size:32px}.s-text-5xl{font-size:36px}.s-text-6xl{font-size:40px}.s-text-7xl{font-size:48px}.s-text-8xl{font-size:56px}.s-text-9xl{font-size:64px}.s-text-10xl{font-size:80px}.s-text-11xl{font-size:96px}.s-text-left{text-align:left}.s-text-center{text-align:center}.s-text-right{text-align:right}.s-text-justify{text-align:justify}@media (min-width:480px){.xs\:s-heading-base{font-size:16px;line-height:120%}.xs\:s-heading-md{font-size:18px;line-height:120%}.xs\:s-heading-lg{font-size:20px;line-height:120%}.xs\:s-heading-xl{font-size:22px;line-height:120%}.xs\:s-heading-2xl{font-size:24px;line-height:120%}.xs\:s-heading-3xl{font-size:28px;line-height:120%}.xs\:s-heading-4xl{font-size:32px;line-height:120%}.xs\:s-heading-5xl{font-size:36px;line-height:120%}.xs\:s-heading-6xl{font-size:40px;line-height:110%}.xs\:s-heading-7xl{font-size:48px;line-height:110%}.xs\:s-heading-8xl{font-size:56px;line-height:110%}.xs\:s-heading-9xl{font-size:64px;line-height:110%}.xs\:s-heading-10xl{font-size:80px;line-height:110%}.xs\:s-heading-11xl{font-size:96px;line-height:110%}.xs\:s-text-base{font-size:16px}.xs\:s-text-md{font-size:18px}.xs\:s-text-lg{font-size:20px}.xs\:s-text-xl{font-size:22px}.xs\:s-text-2xl{font-size:24px}.xs\:s-text-3xl{font-size:28px}.xs\:s-text-4xl{font-size:32px}.xs\:s-text-5xl{font-size:36px}.xs\:s-text-6xl{font-size:40px}.xs\:s-text-7xl{font-size:48px}.xs\:s-text-8xl{font-size:56px}.xs\:s-text-9xl{font-size:64px}.xs\:s-text-10xl{font-size:80px}.xs\:s-text-11xl{font-size:96px}.xs\:s-text-left{text-align:left}.xs\:s-text-center{text-align:center}.xs\:s-text-right{text-align:right}.xs\:s-text-justify{text-align:justify}}@media (min-width:640px){.sm\:s-heading-base{font-size:16px;line-height:120%}.sm\:s-heading-md{font-size:18px;line-height:120%}.sm\:s-heading-lg{font-size:20px;line-height:120%}.sm\:s-heading-xl{font-size:22px;line-height:120%}.sm\:s-heading-2xl{font-size:24px;line-height:120%}.sm\:s-heading-3xl{font-size:28px;line-height:120%}.sm\:s-heading-4xl{font-size:32px;line-height:120%}.sm\:s-heading-5xl{font-size:36px;line-height:120%}.sm\:s-heading-6xl{font-size:40px;line-height:110%}.sm\:s-heading-7xl{font-size:48px;line-height:110%}.sm\:s-heading-8xl{font-size:56px;line-height:110%}.sm\:s-heading-9xl{font-size:64px;line-height:110%}.sm\:s-heading-10xl{font-size:80px;line-height:110%}.sm\:s-heading-11xl{font-size:96px;line-height:110%}.sm\:s-text-base{font-size:16px}.sm\:s-text-md{font-size:18px}.sm\:s-text-lg{font-size:20px}.sm\:s-text-xl{font-size:22px}.sm\:s-text-2xl{font-size:24px}.sm\:s-text-3xl{font-size:28px}.sm\:s-text-4xl{font-size:32px}.sm\:s-text-5xl{font-size:36px}.sm\:s-text-6xl{font-size:40px}.sm\:s-text-7xl{font-size:48px}.sm\:s-text-8xl{font-size:56px}.sm\:s-text-9xl{font-size:64px}.sm\:s-text-10xl{font-size:80px}.sm\:s-text-11xl{font-size:96px}.sm\:s-text-left{text-align:left}.sm\:s-text-center{text-align:center}.sm\:s-text-right{text-align:right}.sm\:s-text-justify{text-align:justify}}@media (min-width:768px){.md\:s-heading-base{font-size:16px;line-height:120%}.md\:s-heading-md{font-size:18px;line-height:120%}.md\:s-heading-lg{font-size:20px;line-height:120%}.md\:s-heading-xl{font-size:22px;line-height:120%}.md\:s-heading-2xl{font-size:24px;line-height:120%}.md\:s-heading-3xl{font-size:28px;line-height:120%}.md\:s-heading-4xl{font-size:32px;line-height:120%}.md\:s-heading-5xl{font-size:36px;line-height:120%}.md\:s-heading-6xl{font-size:40px;line-height:110%}.md\:s-heading-7xl{font-size:48px;line-height:110%}.md\:s-heading-8xl{font-size:56px;line-height:110%}.md\:s-heading-9xl{font-size:64px;line-height:110%}.md\:s-heading-10xl{font-size:80px;line-height:110%}.md\:s-heading-11xl{font-size:96px;line-height:110%}.md\:s-text-base{font-size:16px}.md\:s-text-md{font-size:18px}.md\:s-text-lg{font-size:20px}.md\:s-text-xl{font-size:22px}.md\:s-text-2xl{font-size:24px}.md\:s-text-3xl{font-size:28px}.md\:s-text-4xl{font-size:32px}.md\:s-text-5xl{font-size:36px}.md\:s-text-6xl{font-size:40px}.md\:s-text-7xl{font-size:48px}.md\:s-text-8xl{font-size:56px}.md\:s-text-9xl{font-size:64px}.md\:s-text-10xl{font-size:80px}.md\:s-text-11xl{font-size:96px}.md\:s-text-left{text-align:left}.md\:s-text-center{text-align:center}.md\:s-text-right{text-align:right}.md\:s-text-justify{text-align:justify}}@media (min-width:1024px){.lg\:s-heading-base{font-size:16px;line-height:120%}.lg\:s-heading-md{font-size:18px;line-height:120%}.lg\:s-heading-lg{font-size:20px;line-height:120%}.lg\:s-heading-xl{font-size:22px;line-height:120%}.lg\:s-heading-2xl{font-size:24px;line-height:120%}.lg\:s-heading-3xl{font-size:28px;line-height:120%}.lg\:s-heading-4xl{font-size:32px;line-height:120%}.lg\:s-heading-5xl{font-size:36px;line-height:120%}.lg\:s-heading-6xl{font-size:40px;line-height:110%}.lg\:s-heading-7xl{font-size:48px;line-height:110%}.lg\:s-heading-8xl{font-size:56px;line-height:110%}.lg\:s-heading-9xl{font-size:64px;line-height:110%}.lg\:s-heading-10xl{font-size:80px;line-height:110%}.lg\:s-heading-11xl{font-size:96px;line-height:110%}.lg\:s-text-base{font-size:16px}.lg\:s-text-md{font-size:18px}.lg\:s-text-lg{font-size:20px}.lg\:s-text-xl{font-size:22px}.lg\:s-text-2xl{font-size:24px}.lg\:s-text-3xl{font-size:28px}.lg\:s-text-4xl{font-size:32px}.lg\:s-text-5xl{font-size:36px}.lg\:s-text-6xl{font-size:40px}.lg\:s-text-7xl{font-size:48px}.lg\:s-text-8xl{font-size:56px}.lg\:s-text-9xl{font-size:64px}.lg\:s-text-10xl{font-size:80px}.lg\:s-text-11xl{font-size:96px}.lg\:s-text-left{text-align:left}.lg\:s-text-center{text-align:center}.lg\:s-text-right{text-align:right}.lg\:s-text-justify{text-align:justify}}@media (min-width:1280px){.xl\:s-heading-base{font-size:16px;line-height:120%}.xl\:s-heading-md{font-size:18px;line-height:120%}.xl\:s-heading-lg{font-size:20px;line-height:120%}.xl\:s-heading-xl{font-size:22px;line-height:120%}.xl\:s-heading-2xl{font-size:24px;line-height:120%}.xl\:s-heading-3xl{font-size:28px;line-height:120%}.xl\:s-heading-4xl{font-size:32px;line-height:120%}.xl\:s-heading-5xl{font-size:36px;line-height:120%}.xl\:s-heading-6xl{font-size:40px;line-height:110%}.xl\:s-heading-7xl{font-size:48px;line-height:110%}.xl\:s-heading-8xl{font-size:56px;line-height:110%}.xl\:s-heading-9xl{font-size:64px;line-height:110%}.xl\:s-heading-10xl{font-size:80px;line-height:110%}.xl\:s-heading-11xl{font-size:96px;line-height:110%}.xl\:s-text-base{font-size:16px}.xl\:s-text-md{font-size:18px}.xl\:s-text-lg{font-size:20px}.xl\:s-text-xl{font-size:22px}.xl\:s-text-2xl{font-size:24px}.xl\:s-text-3xl{font-size:28px}.xl\:s-text-4xl{font-size:32px}.xl\:s-text-5xl{font-size:36px}.xl\:s-text-6xl{font-size:40px}.xl\:s-text-7xl{font-size:48px}.xl\:s-text-8xl{font-size:56px}.xl\:s-text-9xl{font-size:64px}.xl\:s-text-10xl{font-size:80px}.xl\:s-text-11xl{font-size:96px}.xl\:s-text-left{text-align:left}.xl\:s-text-center{text-align:center}.xl\:s-text-right{text-align:right}.xl\:s-text-justify{text-align:justify}}.s-grid-1{display:grid;grid-template-columns:repeat(1,1fr)}.s-grid-2{display:grid;grid-template-columns:repeat(2,1fr)}.s-grid-3{display:grid;grid-template-columns:repeat(3,1fr)}.s-grid-4{display:grid;grid-template-columns:repeat(4,1fr)}@media (min-width:480px){.xs\:s-grid-1{display:grid;grid-template-columns:repeat(1,1fr)}.xs\:s-grid-2{display:grid;grid-template-columns:repeat(2,1fr)}.xs\:s-grid-3{display:grid;grid-template-columns:repeat(3,1fr)}.xs\:s-grid-4{display:grid;grid-template-columns:repeat(4,1fr)}}@media (min-width:640px){.sm\:s-grid-1{display:grid;grid-template-columns:repeat(1,1fr)}.sm\:s-grid-2{display:grid;grid-template-columns:repeat(2,1fr)}.sm\:s-grid-3{display:grid;grid-template-columns:repeat(3,1fr)}.sm\:s-grid-4{display:grid;grid-template-columns:repeat(4,1fr)}}@media (min-width:768px){.md\:s-grid-1{display:grid;grid-template-columns:repeat(1,1fr)}.md\:s-grid-2{display:grid;grid-template-columns:repeat(2,1fr)}.md\:s-grid-3{display:grid;grid-template-columns:repeat(3,1fr)}.md\:s-grid-4{display:grid;grid-template-columns:repeat(4,1fr)}}@media (min-width:1024px){.lg\:s-grid-1{display:grid;grid-template-columns:repeat(1,1fr)}.lg\:s-grid-2{display:grid;grid-template-columns:repeat(2,1fr)}.lg\:s-grid-3{display:grid;grid-template-columns:repeat(3,1fr)}.lg\:s-grid-4{display:grid;grid-template-columns:repeat(4,1fr)}}@media (min-width:1280px){.xl\:s-grid-1{display:grid;grid-template-columns:repeat(1,1fr)}.xl\:s-grid-2{display:grid;grid-template-columns:repeat(2,1fr)}.xl\:s-grid-3{display:grid;grid-template-columns:repeat(3,1fr)}.xl\:s-grid-4{display:grid;grid-template-columns:repeat(4,1fr)}}.s-stack{display:flex;flex-direction:column}.s-inline{display:flex;flex-direction:row;flex-wrap:wrap}.s-items-start{align-items:flex-start}.s-items-end{align-items:flex-end}.s-items-center{align-items:center}.s-items-baseline{align-items:baseline}.s-items-stretch{align-items:stretch}.s-justify-start{justify-content:flex-start}.s-justify-end{justify-content:flex-end}.s-justify-center{justify-content:center}.s-justify-between{justify-content:space-between}.s-justify-around{justify-content:space-around}.s-justify-evenly{justify-content:space-evenly}.s-nowrap{flex-wrap:nowrap}.s-wrap{flex-wrap:wrap}.s-wrap-reverse{flex-wrap:wrap-reverse}@media (min-width:480px){.xs\:s-stack{display:flex;flex-direction:column}.xs\:s-inline{display:flex;flex-direction:row;flex-wrap:wrap}.xs\:s-items-start{align-items:flex-start}.xs\:s-items-end{align-items:flex-end}.xs\:s-items-center{align-items:center}.xs\:s-items-baseline{align-items:baseline}.xs\:s-items-stretch{align-items:stretch}.xs\:s-justify-start{justify-content:flex-start}.xs\:s-justify-end{justify-content:flex-end}.xs\:s-justify-center{justify-content:center}.xs\:s-justify-between{justify-content:space-between}.xs\:s-justify-around{justify-content:space-around}.xs\:s-justify-evenly{justify-content:space-evenly}.xs\:s-nowrap{flex-wrap:nowrap}.xs\:s-wrap{flex-wrap:wrap}.xs\:s-wrap-reverse{flex-wrap:wrap-reverse}}@media (min-width:640px){.sm\:s-stack{display:flex;flex-direction:column}.sm\:s-inline{display:flex;flex-direction:row;flex-wrap:wrap}.sm\:s-items-start{align-items:flex-start}.sm\:s-items-end{align-items:flex-end}.sm\:s-items-center{align-items:center}.sm\:s-items-baseline{align-items:baseline}.sm\:s-items-stretch{align-items:stretch}.sm\:s-justify-start{justify-content:flex-start}.sm\:s-justify-end{justify-content:flex-end}.sm\:s-justify-center{justify-content:center}.sm\:s-justify-between{justify-content:space-between}.sm\:s-justify-around{justify-content:space-around}.sm\:s-justify-evenly{justify-content:space-evenly}.sm\:s-nowrap{flex-wrap:nowrap}.sm\:s-wrap{flex-wrap:wrap}.sm\:s-wrap-reverse{flex-wrap:wrap-reverse}}@media (min-width:768px){.md\:s-stack{display:flex;flex-direction:column}.md\:s-inline{display:flex;flex-direction:row;flex-wrap:wrap}.md\:s-items-start{align-items:flex-start}.md\:s-items-end{align-items:flex-end}.md\:s-items-center{align-items:center}.md\:s-items-baseline{align-items:baseline}.md\:s-items-stretch{align-items:stretch}.md\:s-justify-start{justify-content:flex-start}.md\:s-justify-end{justify-content:flex-end}.md\:s-justify-center{justify-content:center}.md\:s-justify-between{justify-content:space-between}.md\:s-justify-around{justify-content:space-around}.md\:s-justify-evenly{justify-content:space-evenly}.md\:s-nowrap{flex-wrap:nowrap}.md\:s-wrap{flex-wrap:wrap}.md\:s-wrap-reverse{flex-wrap:wrap-reverse}}@media (min-width:1024px){.lg\:s-stack{display:flex;flex-direction:column}.lg\:s-inline{display:flex;flex-direction:row;flex-wrap:wrap}.lg\:s-items-start{align-items:flex-start}.lg\:s-items-end{align-items:flex-end}.lg\:s-items-center{align-items:center}.lg\:s-items-baseline{align-items:baseline}.lg\:s-items-stretch{align-items:stretch}.lg\:s-justify-start{justify-content:flex-start}.lg\:s-justify-end{justify-content:flex-end}.lg\:s-justify-center{justify-content:center}.lg\:s-justify-between{justify-content:space-between}.lg\:s-justify-around{justify-content:space-around}.lg\:s-justify-evenly{justify-content:space-evenly}.lg\:s-nowrap{flex-wrap:nowrap}.lg\:s-wrap{flex-wrap:wrap}.lg\:s-wrap-reverse{flex-wrap:wrap-reverse}}@media (min-width:1280px){.xl\:s-stack{display:flex;flex-direction:column}.xl\:s-inline{display:flex;flex-direction:row;flex-wrap:wrap}.xl\:s-items-start{align-items:flex-start}.xl\:s-items-end{align-items:flex-end}.xl\:s-items-center{align-items:center}.xl\:s-items-baseline{align-items:baseline}.xl\:s-items-stretch{align-items:stretch}.xl\:s-justify-start{justify-content:flex-start}.xl\:s-justify-end{justify-content:flex-end}.xl\:s-justify-center{justify-content:center}.xl\:s-justify-between{justify-content:space-between}.xl\:s-justify-around{justify-content:space-around}.xl\:s-justify-evenly{justify-content:space-evenly}.xl\:s-nowrap{flex-wrap:nowrap}.xl\:s-wrap{flex-wrap:wrap}.xl\:s-wrap-reverse{flex-wrap:wrap-reverse}}.s-gap-0{gap:0}.s-gap-1{gap:4px}.s-gap-2{gap:8px}.s-gap-3{gap:12px}.s-gap-4{gap:16px}.s-gap-5{gap:20px}.s-gap-6{gap:24px}.s-gap-8{gap:32px}.s-gap-10{gap:40px}.s-gap-12{gap:48px}.s-gap-16{gap:64px}.s-gap-20{gap:80px}.s-gap-24{gap:96px}@media (min-width:480px){.xs\:s-gap-0{gap:0}.xs\:s-gap-1{gap:4px}.xs\:s-gap-2{gap:8px}.xs\:s-gap-3{gap:12px}.xs\:s-gap-4{gap:16px}.xs\:s-gap-5{gap:20px}.xs\:s-gap-6{gap:24px}.xs\:s-gap-8{gap:32px}.xs\:s-gap-10{gap:40px}.xs\:s-gap-12{gap:48px}.xs\:s-gap-16{gap:64px}.xs\:s-gap-20{gap:80px}.xs\:s-gap-24{gap:96px}}@media (min-width:640px){.sm\:s-gap-0{gap:0}.sm\:s-gap-1{gap:4px}.sm\:s-gap-2{gap:8px}.sm\:s-gap-3{gap:12px}.sm\:s-gap-4{gap:16px}.sm\:s-gap-5{gap:20px}.sm\:s-gap-6{gap:24px}.sm\:s-gap-8{gap:32px}.sm\:s-gap-10{gap:40px}.sm\:s-gap-12{gap:48px}.sm\:s-gap-16{gap:64px}.sm\:s-gap-20{gap:80px}.sm\:s-gap-24{gap:96px}}@media (min-width:768px){.md\:s-gap-0{gap:0}.md\:s-gap-1{gap:4px}.md\:s-gap-2{gap:8px}.md\:s-gap-3{gap:12px}.md\:s-gap-4{gap:16px}.md\:s-gap-5{gap:20px}.md\:s-gap-6{gap:24px}.md\:s-gap-8{gap:32px}.md\:s-gap-10{gap:40px}.md\:s-gap-12{gap:48px}.md\:s-gap-16{gap:64px}.md\:s-gap-20{gap:80px}.md\:s-gap-24{gap:96px}}@media (min-width:1024px){.lg\:s-gap-0{gap:0}.lg\:s-gap-1{gap:4px}.lg\:s-gap-2{gap:8px}.lg\:s-gap-3{gap:12px}.lg\:s-gap-4{gap:16px}.lg\:s-gap-5{gap:20px}.lg\:s-gap-6{gap:24px}.lg\:s-gap-8{gap:32px}.lg\:s-gap-10{gap:40px}.lg\:s-gap-12{gap:48px}.lg\:s-gap-16{gap:64px}.lg\:s-gap-20{gap:80px}.lg\:s-gap-24{gap:96px}}@media (min-width:1280px){.xl\:s-gap-0{gap:0}.xl\:s-gap-1{gap:4px}.xl\:s-gap-2{gap:8px}.xl\:s-gap-3{gap:12px}.xl\:s-gap-4{gap:16px}.xl\:s-gap-5{gap:20px}.xl\:s-gap-6{gap:24px}.xl\:s-gap-8{gap:32px}.xl\:s-gap-10{gap:40px}.xl\:s-gap-12{gap:48px}.xl\:s-gap-16{gap:64px}.xl\:s-gap-20{gap:80px}.xl\:s-gap-24{gap:96px}}.s-p-0{padding:0}.s-px-0{padding-left:0;padding-right:0}.s-py-0{padding-bottom:0}.s-pt-0,.s-py-0{padding-top:0}.s-pr-0{padding-right:0}.s-pb-0{padding-bottom:0}.s-pl-0{padding-left:0}.s-p-1{padding:4px}.s-px-1{padding-left:4px;padding-right:4px}.s-py-1{padding-bottom:4px}.s-pt-1,.s-py-1{padding-top:4px}.s-pr-1{padding-right:4px}.s-pb-1{padding-bottom:4px}.s-pl-1{padding-left:4px}.s-p-2{padding:8px}.s-px-2{padding-left:8px;padding-right:8px}.s-py-2{padding-bottom:8px}.s-pt-2,.s-py-2{padding-top:8px}.s-pr-2{padding-right:8px}.s-pb-2{padding-bottom:8px}.s-pl-2{padding-left:8px}.s-p-3{padding:12px}.s-px-3{padding-left:12px;padding-right:12px}.s-py-3{padding-bottom:12px}.s-pt-3,.s-py-3{padding-top:12px}.s-pr-3{padding-right:12px}.s-pb-3{padding-bottom:12px}.s-pl-3{padding-left:12px}.s-p-4{padding:16px}.s-px-4{padding-left:16px;padding-right:16px}.s-py-4{padding-bottom:16px}.s-pt-4,.s-py-4{padding-top:16px}.s-pr-4{padding-right:16px}.s-pb-4{padding-bottom:16px}.s-pl-4{padding-left:16px}.s-p-5{padding:20px}.s-px-5{padding-left:20px;padding-right:20px}.s-py-5{padding-bottom:20px}.s-pt-5,.s-py-5{padding-top:20px}.s-pr-5{padding-right:20px}.s-pb-5{padding-bottom:20px}.s-pl-5{padding-left:20px}.s-p-6{padding:24px}.s-px-6{padding-left:24px;padding-right:24px}.s-py-6{padding-bottom:24px}.s-pt-6,.s-py-6{padding-top:24px}.s-pr-6{padding-right:24px}.s-pb-6{padding-bottom:24px}.s-pl-6{padding-left:24px}.s-p-8{padding:32px}.s-px-8{padding-left:32px;padding-right:32px}.s-py-8{padding-bottom:32px}.s-pt-8,.s-py-8{padding-top:32px}.s-pr-8{padding-right:32px}.s-pb-8{padding-bottom:32px}.s-pl-8{padding-left:32px}.s-p-10{padding:40px}.s-px-10{padding-left:40px;padding-right:40px}.s-py-10{padding-bottom:40px}.s-pt-10,.s-py-10{padding-top:40px}.s-pr-10{padding-right:40px}.s-pb-10{padding-bottom:40px}.s-pl-10{padding-left:40px}.s-p-12{padding:48px}.s-px-12{padding-left:48px;padding-right:48px}.s-py-12{padding-bottom:48px}.s-pt-12,.s-py-12{padding-top:48px}.s-pr-12{padding-right:48px}.s-pb-12{padding-bottom:48px}.s-pl-12{padding-left:48px}.s-p-16{padding:64px}.s-px-16{padding-left:64px;padding-right:64px}.s-py-16{padding-bottom:64px}.s-pt-16,.s-py-16{padding-top:64px}.s-pr-16{padding-right:64px}.s-pb-16{padding-bottom:64px}.s-pl-16{padding-left:64px}.s-p-20{padding:80px}.s-px-20{padding-left:80px;padding-right:80px}.s-py-20{padding-bottom:80px}.s-pt-20,.s-py-20{padding-top:80px}.s-pr-20{padding-right:80px}.s-pb-20{padding-bottom:80px}.s-pl-20{padding-left:80px}.s-p-24{padding:96px}.s-px-24{padding-left:96px;padding-right:96px}.s-py-24{padding-bottom:96px}.s-pt-24,.s-py-24{padding-top:96px}.s-pr-24{padding-right:96px}.s-pb-24{padding-bottom:96px}.s-pl-24{padding-left:96px}@media (min-width:480px){.xs\:s-p-0{padding:0}.xs\:s-px-0{padding-left:0;padding-right:0}.xs\:s-py-0{padding-bottom:0}.xs\:s-pt-0,.xs\:s-py-0{padding-top:0}.xs\:s-pr-0{padding-right:0}.xs\:s-pb-0{padding-bottom:0}.xs\:s-pl-0{padding-left:0}.xs\:s-p-1{padding:4px}.xs\:s-px-1{padding-left:4px;padding-right:4px}.xs\:s-py-1{padding-bottom:4px}.xs\:s-pt-1,.xs\:s-py-1{padding-top:4px}.xs\:s-pr-1{padding-right:4px}.xs\:s-pb-1{padding-bottom:4px}.xs\:s-pl-1{padding-left:4px}.xs\:s-p-2{padding:8px}.xs\:s-px-2{padding-left:8px;padding-right:8px}.xs\:s-py-2{padding-bottom:8px}.xs\:s-pt-2,.xs\:s-py-2{padding-top:8px}.xs\:s-pr-2{padding-right:8px}.xs\:s-pb-2{padding-bottom:8px}.xs\:s-pl-2{padding-left:8px}.xs\:s-p-3{padding:12px}.xs\:s-px-3{padding-left:12px;padding-right:12px}.xs\:s-py-3{padding-bottom:12px}.xs\:s-pt-3,.xs\:s-py-3{padding-top:12px}.xs\:s-pr-3{padding-right:12px}.xs\:s-pb-3{padding-bottom:12px}.xs\:s-pl-3{padding-left:12px}.xs\:s-p-4{padding:16px}.xs\:s-px-4{padding-left:16px;padding-right:16px}.xs\:s-py-4{padding-bottom:16px}.xs\:s-pt-4,.xs\:s-py-4{padding-top:16px}.xs\:s-pr-4{padding-right:16px}.xs\:s-pb-4{padding-bottom:16px}.xs\:s-pl-4{padding-left:16px}.xs\:s-p-5{padding:20px}.xs\:s-px-5{padding-left:20px;padding-right:20px}.xs\:s-py-5{padding-bottom:20px}.xs\:s-pt-5,.xs\:s-py-5{padding-top:20px}.xs\:s-pr-5{padding-right:20px}.xs\:s-pb-5{padding-bottom:20px}.xs\:s-pl-5{padding-left:20px}.xs\:s-p-6{padding:24px}.xs\:s-px-6{padding-left:24px;padding-right:24px}.xs\:s-py-6{padding-bottom:24px}.xs\:s-pt-6,.xs\:s-py-6{padding-top:24px}.xs\:s-pr-6{padding-right:24px}.xs\:s-pb-6{padding-bottom:24px}.xs\:s-pl-6{padding-left:24px}.xs\:s-p-8{padding:32px}.xs\:s-px-8{padding-left:32px;padding-right:32px}.xs\:s-py-8{padding-bottom:32px}.xs\:s-pt-8,.xs\:s-py-8{padding-top:32px}.xs\:s-pr-8{padding-right:32px}.xs\:s-pb-8{padding-bottom:32px}.xs\:s-pl-8{padding-left:32px}.xs\:s-p-10{padding:40px}.xs\:s-px-10{padding-left:40px;padding-right:40px}.xs\:s-py-10{padding-bottom:40px}.xs\:s-pt-10,.xs\:s-py-10{padding-top:40px}.xs\:s-pr-10{padding-right:40px}.xs\:s-pb-10{padding-bottom:40px}.xs\:s-pl-10{padding-left:40px}.xs\:s-p-12{padding:48px}.xs\:s-px-12{padding-left:48px;padding-right:48px}.xs\:s-py-12{padding-bottom:48px}.xs\:s-pt-12,.xs\:s-py-12{padding-top:48px}.xs\:s-pr-12{padding-right:48px}.xs\:s-pb-12{padding-bottom:48px}.xs\:s-pl-12{padding-left:48px}.xs\:s-p-16{padding:64px}.xs\:s-px-16{padding-left:64px;padding-right:64px}.xs\:s-py-16{padding-bottom:64px}.xs\:s-pt-16,.xs\:s-py-16{padding-top:64px}.xs\:s-pr-16{padding-right:64px}.xs\:s-pb-16{padding-bottom:64px}.xs\:s-pl-16{padding-left:64px}.xs\:s-p-20{padding:80px}.xs\:s-px-20{padding-left:80px;padding-right:80px}.xs\:s-py-20{padding-bottom:80px}.xs\:s-pt-20,.xs\:s-py-20{padding-top:80px}.xs\:s-pr-20{padding-right:80px}.xs\:s-pb-20{padding-bottom:80px}.xs\:s-pl-20{padding-left:80px}.xs\:s-p-24{padding:96px}.xs\:s-px-24{padding-left:96px;padding-right:96px}.xs\:s-py-24{padding-bottom:96px}.xs\:s-pt-24,.xs\:s-py-24{padding-top:96px}.xs\:s-pr-24{padding-right:96px}.xs\:s-pb-24{padding-bottom:96px}.xs\:s-pl-24{padding-left:96px}}@media (min-width:640px){.sm\:s-p-0{padding:0}.sm\:s-px-0{padding-left:0;padding-right:0}.sm\:s-py-0{padding-bottom:0}.sm\:s-pt-0,.sm\:s-py-0{padding-top:0}.sm\:s-pr-0{padding-right:0}.sm\:s-pb-0{padding-bottom:0}.sm\:s-pl-0{padding-left:0}.sm\:s-p-1{padding:4px}.sm\:s-px-1{padding-left:4px;padding-right:4px}.sm\:s-py-1{padding-bottom:4px}.sm\:s-pt-1,.sm\:s-py-1{padding-top:4px}.sm\:s-pr-1{padding-right:4px}.sm\:s-pb-1{padding-bottom:4px}.sm\:s-pl-1{padding-left:4px}.sm\:s-p-2{padding:8px}.sm\:s-px-2{padding-left:8px;padding-right:8px}.sm\:s-py-2{padding-bottom:8px}.sm\:s-pt-2,.sm\:s-py-2{padding-top:8px}.sm\:s-pr-2{padding-right:8px}.sm\:s-pb-2{padding-bottom:8px}.sm\:s-pl-2{padding-left:8px}.sm\:s-p-3{padding:12px}.sm\:s-px-3{padding-left:12px;padding-right:12px}.sm\:s-py-3{padding-bottom:12px}.sm\:s-pt-3,.sm\:s-py-3{padding-top:12px}.sm\:s-pr-3{padding-right:12px}.sm\:s-pb-3{padding-bottom:12px}.sm\:s-pl-3{padding-left:12px}.sm\:s-p-4{padding:16px}.sm\:s-px-4{padding-left:16px;padding-right:16px}.sm\:s-py-4{padding-bottom:16px}.sm\:s-pt-4,.sm\:s-py-4{padding-top:16px}.sm\:s-pr-4{padding-right:16px}.sm\:s-pb-4{padding-bottom:16px}.sm\:s-pl-4{padding-left:16px}.sm\:s-p-5{padding:20px}.sm\:s-px-5{padding-left:20px;padding-right:20px}.sm\:s-py-5{padding-bottom:20px}.sm\:s-pt-5,.sm\:s-py-5{padding-top:20px}.sm\:s-pr-5{padding-right:20px}.sm\:s-pb-5{padding-bottom:20px}.sm\:s-pl-5{padding-left:20px}.sm\:s-p-6{padding:24px}.sm\:s-px-6{padding-left:24px;padding-right:24px}.sm\:s-py-6{padding-bottom:24px}.sm\:s-pt-6,.sm\:s-py-6{padding-top:24px}.sm\:s-pr-6{padding-right:24px}.sm\:s-pb-6{padding-bottom:24px}.sm\:s-pl-6{padding-left:24px}.sm\:s-p-8{padding:32px}.sm\:s-px-8{padding-left:32px;padding-right:32px}.sm\:s-py-8{padding-bottom:32px}.sm\:s-pt-8,.sm\:s-py-8{padding-top:32px}.sm\:s-pr-8{padding-right:32px}.sm\:s-pb-8{padding-bottom:32px}.sm\:s-pl-8{padding-left:32px}.sm\:s-p-10{padding:40px}.sm\:s-px-10{padding-left:40px;padding-right:40px}.sm\:s-py-10{padding-bottom:40px}.sm\:s-pt-10,.sm\:s-py-10{padding-top:40px}.sm\:s-pr-10{padding-right:40px}.sm\:s-pb-10{padding-bottom:40px}.sm\:s-pl-10{padding-left:40px}.sm\:s-p-12{padding:48px}.sm\:s-px-12{padding-left:48px;padding-right:48px}.sm\:s-py-12{padding-bottom:48px}.sm\:s-pt-12,.sm\:s-py-12{padding-top:48px}.sm\:s-pr-12{padding-right:48px}.sm\:s-pb-12{padding-bottom:48px}.sm\:s-pl-12{padding-left:48px}.sm\:s-p-16{padding:64px}.sm\:s-px-16{padding-left:64px;padding-right:64px}.sm\:s-py-16{padding-bottom:64px}.sm\:s-pt-16,.sm\:s-py-16{padding-top:64px}.sm\:s-pr-16{padding-right:64px}.sm\:s-pb-16{padding-bottom:64px}.sm\:s-pl-16{padding-left:64px}.sm\:s-p-20{padding:80px}.sm\:s-px-20{padding-left:80px;padding-right:80px}.sm\:s-py-20{padding-bottom:80px}.sm\:s-pt-20,.sm\:s-py-20{padding-top:80px}.sm\:s-pr-20{padding-right:80px}.sm\:s-pb-20{padding-bottom:80px}.sm\:s-pl-20{padding-left:80px}.sm\:s-p-24{padding:96px}.sm\:s-px-24{padding-left:96px;padding-right:96px}.sm\:s-py-24{padding-bottom:96px}.sm\:s-pt-24,.sm\:s-py-24{padding-top:96px}.sm\:s-pr-24{padding-right:96px}.sm\:s-pb-24{padding-bottom:96px}.sm\:s-pl-24{padding-left:96px}}@media (min-width:768px){.md\:s-p-0{padding:0}.md\:s-px-0{padding-left:0;padding-right:0}.md\:s-py-0{padding-bottom:0}.md\:s-pt-0,.md\:s-py-0{padding-top:0}.md\:s-pr-0{padding-right:0}.md\:s-pb-0{padding-bottom:0}.md\:s-pl-0{padding-left:0}.md\:s-p-1{padding:4px}.md\:s-px-1{padding-left:4px;padding-right:4px}.md\:s-py-1{padding-bottom:4px}.md\:s-pt-1,.md\:s-py-1{padding-top:4px}.md\:s-pr-1{padding-right:4px}.md\:s-pb-1{padding-bottom:4px}.md\:s-pl-1{padding-left:4px}.md\:s-p-2{padding:8px}.md\:s-px-2{padding-left:8px;padding-right:8px}.md\:s-py-2{padding-bottom:8px}.md\:s-pt-2,.md\:s-py-2{padding-top:8px}.md\:s-pr-2{padding-right:8px}.md\:s-pb-2{padding-bottom:8px}.md\:s-pl-2{padding-left:8px}.md\:s-p-3{padding:12px}.md\:s-px-3{padding-left:12px;padding-right:12px}.md\:s-py-3{padding-bottom:12px}.md\:s-pt-3,.md\:s-py-3{padding-top:12px}.md\:s-pr-3{padding-right:12px}.md\:s-pb-3{padding-bottom:12px}.md\:s-pl-3{padding-left:12px}.md\:s-p-4{padding:16px}.md\:s-px-4{padding-left:16px;padding-right:16px}.md\:s-py-4{padding-bottom:16px}.md\:s-pt-4,.md\:s-py-4{padding-top:16px}.md\:s-pr-4{padding-right:16px}.md\:s-pb-4{padding-bottom:16px}.md\:s-pl-4{padding-left:16px}.md\:s-p-5{padding:20px}.md\:s-px-5{padding-left:20px;padding-right:20px}.md\:s-py-5{padding-bottom:20px}.md\:s-pt-5,.md\:s-py-5{padding-top:20px}.md\:s-pr-5{padding-right:20px}.md\:s-pb-5{padding-bottom:20px}.md\:s-pl-5{padding-left:20px}.md\:s-p-6{padding:24px}.md\:s-px-6{padding-left:24px;padding-right:24px}.md\:s-py-6{padding-bottom:24px}.md\:s-pt-6,.md\:s-py-6{padding-top:24px}.md\:s-pr-6{padding-right:24px}.md\:s-pb-6{padding-bottom:24px}.md\:s-pl-6{padding-left:24px}.md\:s-p-8{padding:32px}.md\:s-px-8{padding-left:32px;padding-right:32px}.md\:s-py-8{padding-bottom:32px}.md\:s-pt-8,.md\:s-py-8{padding-top:32px}.md\:s-pr-8{padding-right:32px}.md\:s-pb-8{padding-bottom:32px}.md\:s-pl-8{padding-left:32px}.md\:s-p-10{padding:40px}.md\:s-px-10{padding-left:40px;padding-right:40px}.md\:s-py-10{padding-bottom:40px}.md\:s-pt-10,.md\:s-py-10{padding-top:40px}.md\:s-pr-10{padding-right:40px}.md\:s-pb-10{padding-bottom:40px}.md\:s-pl-10{padding-left:40px}.md\:s-p-12{padding:48px}.md\:s-px-12{padding-left:48px;padding-right:48px}.md\:s-py-12{padding-bottom:48px}.md\:s-pt-12,.md\:s-py-12{padding-top:48px}.md\:s-pr-12{padding-right:48px}.md\:s-pb-12{padding-bottom:48px}.md\:s-pl-12{padding-left:48px}.md\:s-p-16{padding:64px}.md\:s-px-16{padding-left:64px;padding-right:64px}.md\:s-py-16{padding-bottom:64px}.md\:s-pt-16,.md\:s-py-16{padding-top:64px}.md\:s-pr-16{padding-right:64px}.md\:s-pb-16{padding-bottom:64px}.md\:s-pl-16{padding-left:64px}.md\:s-p-20{padding:80px}.md\:s-px-20{padding-left:80px;padding-right:80px}.md\:s-py-20{padding-bottom:80px}.md\:s-pt-20,.md\:s-py-20{padding-top:80px}.md\:s-pr-20{padding-right:80px}.md\:s-pb-20{padding-bottom:80px}.md\:s-pl-20{padding-left:80px}.md\:s-p-24{padding:96px}.md\:s-px-24{padding-left:96px;padding-right:96px}.md\:s-py-24{padding-bottom:96px}.md\:s-pt-24,.md\:s-py-24{padding-top:96px}.md\:s-pr-24{padding-right:96px}.md\:s-pb-24{padding-bottom:96px}.md\:s-pl-24{padding-left:96px}}@media (min-width:1024px){.lg\:s-p-0{padding:0}.lg\:s-px-0{padding-left:0;padding-right:0}.lg\:s-py-0{padding-bottom:0}.lg\:s-pt-0,.lg\:s-py-0{padding-top:0}.lg\:s-pr-0{padding-right:0}.lg\:s-pb-0{padding-bottom:0}.lg\:s-pl-0{padding-left:0}.lg\:s-p-1{padding:4px}.lg\:s-px-1{padding-left:4px;padding-right:4px}.lg\:s-py-1{padding-bottom:4px}.lg\:s-pt-1,.lg\:s-py-1{padding-top:4px}.lg\:s-pr-1{padding-right:4px}.lg\:s-pb-1{padding-bottom:4px}.lg\:s-pl-1{padding-left:4px}.lg\:s-p-2{padding:8px}.lg\:s-px-2{padding-left:8px;padding-right:8px}.lg\:s-py-2{padding-bottom:8px}.lg\:s-pt-2,.lg\:s-py-2{padding-top:8px}.lg\:s-pr-2{padding-right:8px}.lg\:s-pb-2{padding-bottom:8px}.lg\:s-pl-2{padding-left:8px}.lg\:s-p-3{padding:12px}.lg\:s-px-3{padding-left:12px;padding-right:12px}.lg\:s-py-3{padding-bottom:12px}.lg\:s-pt-3,.lg\:s-py-3{padding-top:12px}.lg\:s-pr-3{padding-right:12px}.lg\:s-pb-3{padding-bottom:12px}.lg\:s-pl-3{padding-left:12px}.lg\:s-p-4{padding:16px}.lg\:s-px-4{padding-left:16px;padding-right:16px}.lg\:s-py-4{padding-bottom:16px}.lg\:s-pt-4,.lg\:s-py-4{padding-top:16px}.lg\:s-pr-4{padding-right:16px}.lg\:s-pb-4{padding-bottom:16px}.lg\:s-pl-4{padding-left:16px}.lg\:s-p-5{padding:20px}.lg\:s-px-5{padding-left:20px;padding-right:20px}.lg\:s-py-5{padding-bottom:20px}.lg\:s-pt-5,.lg\:s-py-5{padding-top:20px}.lg\:s-pr-5{padding-right:20px}.lg\:s-pb-5{padding-bottom:20px}.lg\:s-pl-5{padding-left:20px}.lg\:s-p-6{padding:24px}.lg\:s-px-6{padding-left:24px;padding-right:24px}.lg\:s-py-6{padding-bottom:24px}.lg\:s-pt-6,.lg\:s-py-6{padding-top:24px}.lg\:s-pr-6{padding-right:24px}.lg\:s-pb-6{padding-bottom:24px}.lg\:s-pl-6{padding-left:24px}.lg\:s-p-8{padding:32px}.lg\:s-px-8{padding-left:32px;padding-right:32px}.lg\:s-py-8{padding-bottom:32px}.lg\:s-pt-8,.lg\:s-py-8{padding-top:32px}.lg\:s-pr-8{padding-right:32px}.lg\:s-pb-8{padding-bottom:32px}.lg\:s-pl-8{padding-left:32px}.lg\:s-p-10{padding:40px}.lg\:s-px-10{padding-left:40px;padding-right:40px}.lg\:s-py-10{padding-bottom:40px}.lg\:s-pt-10,.lg\:s-py-10{padding-top:40px}.lg\:s-pr-10{padding-right:40px}.lg\:s-pb-10{padding-bottom:40px}.lg\:s-pl-10{padding-left:40px}.lg\:s-p-12{padding:48px}.lg\:s-px-12{padding-left:48px;padding-right:48px}.lg\:s-py-12{padding-bottom:48px}.lg\:s-pt-12,.lg\:s-py-12{padding-top:48px}.lg\:s-pr-12{padding-right:48px}.lg\:s-pb-12{padding-bottom:48px}.lg\:s-pl-12{padding-left:48px}.lg\:s-p-16{padding:64px}.lg\:s-px-16{padding-left:64px;padding-right:64px}.lg\:s-py-16{padding-bottom:64px}.lg\:s-pt-16,.lg\:s-py-16{padding-top:64px}.lg\:s-pr-16{padding-right:64px}.lg\:s-pb-16{padding-bottom:64px}.lg\:s-pl-16{padding-left:64px}.lg\:s-p-20{padding:80px}.lg\:s-px-20{padding-left:80px;padding-right:80px}.lg\:s-py-20{padding-bottom:80px}.lg\:s-pt-20,.lg\:s-py-20{padding-top:80px}.lg\:s-pr-20{padding-right:80px}.lg\:s-pb-20{padding-bottom:80px}.lg\:s-pl-20{padding-left:80px}.lg\:s-p-24{padding:96px}.lg\:s-px-24{padding-left:96px;padding-right:96px}.lg\:s-py-24{padding-bottom:96px}.lg\:s-pt-24,.lg\:s-py-24{padding-top:96px}.lg\:s-pr-24{padding-right:96px}.lg\:s-pb-24{padding-bottom:96px}.lg\:s-pl-24{padding-left:96px}}@media (min-width:1280px){.xl\:s-p-0{padding:0}.xl\:s-px-0{padding-left:0;padding-right:0}.xl\:s-py-0{padding-bottom:0}.xl\:s-pt-0,.xl\:s-py-0{padding-top:0}.xl\:s-pr-0{padding-right:0}.xl\:s-pb-0{padding-bottom:0}.xl\:s-pl-0{padding-left:0}.xl\:s-p-1{padding:4px}.xl\:s-px-1{padding-left:4px;padding-right:4px}.xl\:s-py-1{padding-bottom:4px}.xl\:s-pt-1,.xl\:s-py-1{padding-top:4px}.xl\:s-pr-1{padding-right:4px}.xl\:s-pb-1{padding-bottom:4px}.xl\:s-pl-1{padding-left:4px}.xl\:s-p-2{padding:8px}.xl\:s-px-2{padding-left:8px;padding-right:8px}.xl\:s-py-2{padding-bottom:8px}.xl\:s-pt-2,.xl\:s-py-2{padding-top:8px}.xl\:s-pr-2{padding-right:8px}.xl\:s-pb-2{padding-bottom:8px}.xl\:s-pl-2{padding-left:8px}.xl\:s-p-3{padding:12px}.xl\:s-px-3{padding-left:12px;padding-right:12px}.xl\:s-py-3{padding-bottom:12px}.xl\:s-pt-3,.xl\:s-py-3{padding-top:12px}.xl\:s-pr-3{padding-right:12px}.xl\:s-pb-3{padding-bottom:12px}.xl\:s-pl-3{padding-left:12px}.xl\:s-p-4{padding:16px}.xl\:s-px-4{padding-left:16px;padding-right:16px}.xl\:s-py-4{padding-bottom:16px}.xl\:s-pt-4,.xl\:s-py-4{padding-top:16px}.xl\:s-pr-4{padding-right:16px}.xl\:s-pb-4{padding-bottom:16px}.xl\:s-pl-4{padding-left:16px}.xl\:s-p-5{padding:20px}.xl\:s-px-5{padding-left:20px;padding-right:20px}.xl\:s-py-5{padding-bottom:20px}.xl\:s-pt-5,.xl\:s-py-5{padding-top:20px}.xl\:s-pr-5{padding-right:20px}.xl\:s-pb-5{padding-bottom:20px}.xl\:s-pl-5{padding-left:20px}.xl\:s-p-6{padding:24px}.xl\:s-px-6{padding-left:24px;padding-right:24px}.xl\:s-py-6{padding-bottom:24px}.xl\:s-pt-6,.xl\:s-py-6{padding-top:24px}.xl\:s-pr-6{padding-right:24px}.xl\:s-pb-6{padding-bottom:24px}.xl\:s-pl-6{padding-left:24px}.xl\:s-p-8{padding:32px}.xl\:s-px-8{padding-left:32px;padding-right:32px}.xl\:s-py-8{padding-bottom:32px}.xl\:s-pt-8,.xl\:s-py-8{padding-top:32px}.xl\:s-pr-8{padding-right:32px}.xl\:s-pb-8{padding-bottom:32px}.xl\:s-pl-8{padding-left:32px}.xl\:s-p-10{padding:40px}.xl\:s-px-10{padding-left:40px;padding-right:40px}.xl\:s-py-10{padding-bottom:40px}.xl\:s-pt-10,.xl\:s-py-10{padding-top:40px}.xl\:s-pr-10{padding-right:40px}.xl\:s-pb-10{padding-bottom:40px}.xl\:s-pl-10{padding-left:40px}.xl\:s-p-12{padding:48px}.xl\:s-px-12{padding-left:48px;padding-right:48px}.xl\:s-py-12{padding-bottom:48px}.xl\:s-pt-12,.xl\:s-py-12{padding-top:48px}.xl\:s-pr-12{padding-right:48px}.xl\:s-pb-12{padding-bottom:48px}.xl\:s-pl-12{padding-left:48px}.xl\:s-p-16{padding:64px}.xl\:s-px-16{padding-left:64px;padding-right:64px}.xl\:s-py-16{padding-bottom:64px}.xl\:s-pt-16,.xl\:s-py-16{padding-top:64px}.xl\:s-pr-16{padding-right:64px}.xl\:s-pb-16{padding-bottom:64px}.xl\:s-pl-16{padding-left:64px}.xl\:s-p-20{padding:80px}.xl\:s-px-20{padding-left:80px;padding-right:80px}.xl\:s-py-20{padding-bottom:80px}.xl\:s-pt-20,.xl\:s-py-20{padding-top:80px}.xl\:s-pr-20{padding-right:80px}.xl\:s-pb-20{padding-bottom:80px}.xl\:s-pl-20{padding-left:80px}.xl\:s-p-24{padding:96px}.xl\:s-px-24{padding-left:96px;padding-right:96px}.xl\:s-py-24{padding-bottom:96px}.xl\:s-pt-24,.xl\:s-py-24{padding-top:96px}.xl\:s-pr-24{padding-right:96px}.xl\:s-pb-24{padding-bottom:96px}.xl\:s-pl-24{padding-left:96px}}.s-m-0{margin:0}.s-mx-0{margin-left:0;margin-right:0}.s-my-0{margin-bottom:0}.s-mt-0,.s-my-0{margin-top:0}.s-mr-0{margin-right:0}.s-mb-0{margin-bottom:0}.s-ml-0{margin-left:0}.s-m-1{margin:4px}.s-mx-1{margin-left:4px;margin-right:4px}.s-my-1{margin-bottom:4px}.s-mt-1,.s-my-1{margin-top:4px}.s-mr-1{margin-right:4px}.s-mb-1{margin-bottom:4px}.s-ml-1{margin-left:4px}.s-m-2{margin:8px}.s-mx-2{margin-left:8px;margin-right:8px}.s-my-2{margin-bottom:8px}.s-mt-2,.s-my-2{margin-top:8px}.s-mr-2{margin-right:8px}.s-mb-2{margin-bottom:8px}.s-ml-2{margin-left:8px}.s-m-3{margin:12px}.s-mx-3{margin-left:12px;margin-right:12px}.s-my-3{margin-bottom:12px}.s-mt-3,.s-my-3{margin-top:12px}.s-mr-3{margin-right:12px}.s-mb-3{margin-bottom:12px}.s-ml-3{margin-left:12px}.s-m-4{margin:16px}.s-mx-4{margin-left:16px;margin-right:16px}.s-my-4{margin-bottom:16px}.s-mt-4,.s-my-4{margin-top:16px}.s-mr-4{margin-right:16px}.s-mb-4{margin-bottom:16px}.s-ml-4{margin-left:16px}.s-m-5{margin:20px}.s-mx-5{margin-left:20px;margin-right:20px}.s-my-5{margin-bottom:20px}.s-mt-5,.s-my-5{margin-top:20px}.s-mr-5{margin-right:20px}.s-mb-5{margin-bottom:20px}.s-ml-5{margin-left:20px}.s-m-6{margin:24px}.s-mx-6{margin-left:24px;margin-right:24px}.s-my-6{margin-bottom:24px}.s-mt-6,.s-my-6{margin-top:24px}.s-mr-6{margin-right:24px}.s-mb-6{margin-bottom:24px}.s-ml-6{margin-left:24px}.s-m-8{margin:32px}.s-mx-8{margin-left:32px;margin-right:32px}.s-my-8{margin-bottom:32px}.s-mt-8,.s-my-8{margin-top:32px}.s-mr-8{margin-right:32px}.s-mb-8{margin-bottom:32px}.s-ml-8{margin-left:32px}.s-m-10{margin:40px}.s-mx-10{margin-left:40px;margin-right:40px}.s-my-10{margin-bottom:40px}.s-mt-10,.s-my-10{margin-top:40px}.s-mr-10{margin-right:40px}.s-mb-10{margin-bottom:40px}.s-ml-10{margin-left:40px}.s-m-12{margin:48px}.s-mx-12{margin-left:48px;margin-right:48px}.s-my-12{margin-bottom:48px}.s-mt-12,.s-my-12{margin-top:48px}.s-mr-12{margin-right:48px}.s-mb-12{margin-bottom:48px}.s-ml-12{margin-left:48px}.s-m-16{margin:64px}.s-mx-16{margin-left:64px;margin-right:64px}.s-my-16{margin-bottom:64px}.s-mt-16,.s-my-16{margin-top:64px}.s-mr-16{margin-right:64px}.s-mb-16{margin-bottom:64px}.s-ml-16{margin-left:64px}.s-m-20{margin:80px}.s-mx-20{margin-left:80px;margin-right:80px}.s-my-20{margin-bottom:80px}.s-mt-20,.s-my-20{margin-top:80px}.s-mr-20{margin-right:80px}.s-mb-20{margin-bottom:80px}.s-ml-20{margin-left:80px}.s-m-24{margin:96px}.s-mx-24{margin-left:96px;margin-right:96px}.s-my-24{margin-bottom:96px}.s-mt-24,.s-my-24{margin-top:96px}.s-mr-24{margin-right:96px}.s-mb-24{margin-bottom:96px}.s-ml-24{margin-left:96px}.s-m-auto{margin:auto}.s-mx-auto{margin-left:auto;margin-right:auto}.s-my-auto{margin-bottom:auto}.s-mt-auto,.s-my-auto{margin-top:auto}.s-mr-auto{margin-right:auto}.s-mb-auto{margin-bottom:auto}.s-ml-auto{margin-left:auto}@media (min-width:480px){.xs\:s-m-0{margin:0}.xs\:s-mx-0{margin-left:0;margin-right:0}.xs\:s-my-0{margin-bottom:0}.xs\:s-mt-0,.xs\:s-my-0{margin-top:0}.xs\:s-mr-0{margin-right:0}.xs\:s-mb-0{margin-bottom:0}.xs\:s-ml-0{margin-left:0}.xs\:s-m-1{margin:4px}.xs\:s-mx-1{margin-left:4px;margin-right:4px}.xs\:s-my-1{margin-bottom:4px}.xs\:s-mt-1,.xs\:s-my-1{margin-top:4px}.xs\:s-mr-1{margin-right:4px}.xs\:s-mb-1{margin-bottom:4px}.xs\:s-ml-1{margin-left:4px}.xs\:s-m-2{margin:8px}.xs\:s-mx-2{margin-left:8px;margin-right:8px}.xs\:s-my-2{margin-bottom:8px}.xs\:s-mt-2,.xs\:s-my-2{margin-top:8px}.xs\:s-mr-2{margin-right:8px}.xs\:s-mb-2{margin-bottom:8px}.xs\:s-ml-2{margin-left:8px}.xs\:s-m-3{margin:12px}.xs\:s-mx-3{margin-left:12px;margin-right:12px}.xs\:s-my-3{margin-bottom:12px}.xs\:s-mt-3,.xs\:s-my-3{margin-top:12px}.xs\:s-mr-3{margin-right:12px}.xs\:s-mb-3{margin-bottom:12px}.xs\:s-ml-3{margin-left:12px}.xs\:s-m-4{margin:16px}.xs\:s-mx-4{margin-left:16px;margin-right:16px}.xs\:s-my-4{margin-bottom:16px}.xs\:s-mt-4,.xs\:s-my-4{margin-top:16px}.xs\:s-mr-4{margin-right:16px}.xs\:s-mb-4{margin-bottom:16px}.xs\:s-ml-4{margin-left:16px}.xs\:s-m-5{margin:20px}.xs\:s-mx-5{margin-left:20px;margin-right:20px}.xs\:s-my-5{margin-bottom:20px}.xs\:s-mt-5,.xs\:s-my-5{margin-top:20px}.xs\:s-mr-5{margin-right:20px}.xs\:s-mb-5{margin-bottom:20px}.xs\:s-ml-5{margin-left:20px}.xs\:s-m-6{margin:24px}.xs\:s-mx-6{margin-left:24px;margin-right:24px}.xs\:s-my-6{margin-bottom:24px}.xs\:s-mt-6,.xs\:s-my-6{margin-top:24px}.xs\:s-mr-6{margin-right:24px}.xs\:s-mb-6{margin-bottom:24px}.xs\:s-ml-6{margin-left:24px}.xs\:s-m-8{margin:32px}.xs\:s-mx-8{margin-left:32px;margin-right:32px}.xs\:s-my-8{margin-bottom:32px}.xs\:s-mt-8,.xs\:s-my-8{margin-top:32px}.xs\:s-mr-8{margin-right:32px}.xs\:s-mb-8{margin-bottom:32px}.xs\:s-ml-8{margin-left:32px}.xs\:s-m-10{margin:40px}.xs\:s-mx-10{margin-left:40px;margin-right:40px}.xs\:s-my-10{margin-bottom:40px}.xs\:s-mt-10,.xs\:s-my-10{margin-top:40px}.xs\:s-mr-10{margin-right:40px}.xs\:s-mb-10{margin-bottom:40px}.xs\:s-ml-10{margin-left:40px}.xs\:s-m-12{margin:48px}.xs\:s-mx-12{margin-left:48px;margin-right:48px}.xs\:s-my-12{margin-bottom:48px}.xs\:s-mt-12,.xs\:s-my-12{margin-top:48px}.xs\:s-mr-12{margin-right:48px}.xs\:s-mb-12{margin-bottom:48px}.xs\:s-ml-12{margin-left:48px}.xs\:s-m-16{margin:64px}.xs\:s-mx-16{margin-left:64px;margin-right:64px}.xs\:s-my-16{margin-bottom:64px}.xs\:s-mt-16,.xs\:s-my-16{margin-top:64px}.xs\:s-mr-16{margin-right:64px}.xs\:s-mb-16{margin-bottom:64px}.xs\:s-ml-16{margin-left:64px}.xs\:s-m-20{margin:80px}.xs\:s-mx-20{margin-left:80px;margin-right:80px}.xs\:s-my-20{margin-bottom:80px}.xs\:s-mt-20,.xs\:s-my-20{margin-top:80px}.xs\:s-mr-20{margin-right:80px}.xs\:s-mb-20{margin-bottom:80px}.xs\:s-ml-20{margin-left:80px}.xs\:s-m-24{margin:96px}.xs\:s-mx-24{margin-left:96px;margin-right:96px}.xs\:s-my-24{margin-bottom:96px}.xs\:s-mt-24,.xs\:s-my-24{margin-top:96px}.xs\:s-mr-24{margin-right:96px}.xs\:s-mb-24{margin-bottom:96px}.xs\:s-ml-24{margin-left:96px}.xs\:s-m-auto{margin:auto}.xs\:s-mx-auto{margin-left:auto;margin-right:auto}.xs\:s-my-auto{margin-bottom:auto}.xs\:s-mt-auto,.xs\:s-my-auto{margin-top:auto}.xs\:s-mr-auto{margin-right:auto}.xs\:s-mb-auto{margin-bottom:auto}.xs\:s-ml-auto{margin-left:auto}}@media (min-width:640px){.sm\:s-m-0{margin:0}.sm\:s-mx-0{margin-left:0;margin-right:0}.sm\:s-my-0{margin-bottom:0}.sm\:s-mt-0,.sm\:s-my-0{margin-top:0}.sm\:s-mr-0{margin-right:0}.sm\:s-mb-0{margin-bottom:0}.sm\:s-ml-0{margin-left:0}.sm\:s-m-1{margin:4px}.sm\:s-mx-1{margin-left:4px;margin-right:4px}.sm\:s-my-1{margin-bottom:4px}.sm\:s-mt-1,.sm\:s-my-1{margin-top:4px}.sm\:s-mr-1{margin-right:4px}.sm\:s-mb-1{margin-bottom:4px}.sm\:s-ml-1{margin-left:4px}.sm\:s-m-2{margin:8px}.sm\:s-mx-2{margin-left:8px;margin-right:8px}.sm\:s-my-2{margin-bottom:8px}.sm\:s-mt-2,.sm\:s-my-2{margin-top:8px}.sm\:s-mr-2{margin-right:8px}.sm\:s-mb-2{margin-bottom:8px}.sm\:s-ml-2{margin-left:8px}.sm\:s-m-3{margin:12px}.sm\:s-mx-3{margin-left:12px;margin-right:12px}.sm\:s-my-3{margin-bottom:12px}.sm\:s-mt-3,.sm\:s-my-3{margin-top:12px}.sm\:s-mr-3{margin-right:12px}.sm\:s-mb-3{margin-bottom:12px}.sm\:s-ml-3{margin-left:12px}.sm\:s-m-4{margin:16px}.sm\:s-mx-4{margin-left:16px;margin-right:16px}.sm\:s-my-4{margin-bottom:16px}.sm\:s-mt-4,.sm\:s-my-4{margin-top:16px}.sm\:s-mr-4{margin-right:16px}.sm\:s-mb-4{margin-bottom:16px}.sm\:s-ml-4{margin-left:16px}.sm\:s-m-5{margin:20px}.sm\:s-mx-5{margin-left:20px;margin-right:20px}.sm\:s-my-5{margin-bottom:20px}.sm\:s-mt-5,.sm\:s-my-5{margin-top:20px}.sm\:s-mr-5{margin-right:20px}.sm\:s-mb-5{margin-bottom:20px}.sm\:s-ml-5{margin-left:20px}.sm\:s-m-6{margin:24px}.sm\:s-mx-6{margin-left:24px;margin-right:24px}.sm\:s-my-6{margin-bottom:24px}.sm\:s-mt-6,.sm\:s-my-6{margin-top:24px}.sm\:s-mr-6{margin-right:24px}.sm\:s-mb-6{margin-bottom:24px}.sm\:s-ml-6{margin-left:24px}.sm\:s-m-8{margin:32px}.sm\:s-mx-8{margin-left:32px;margin-right:32px}.sm\:s-my-8{margin-bottom:32px}.sm\:s-mt-8,.sm\:s-my-8{margin-top:32px}.sm\:s-mr-8{margin-right:32px}.sm\:s-mb-8{margin-bottom:32px}.sm\:s-ml-8{margin-left:32px}.sm\:s-m-10{margin:40px}.sm\:s-mx-10{margin-left:40px;margin-right:40px}.sm\:s-my-10{margin-bottom:40px}.sm\:s-mt-10,.sm\:s-my-10{margin-top:40px}.sm\:s-mr-10{margin-right:40px}.sm\:s-mb-10{margin-bottom:40px}.sm\:s-ml-10{margin-left:40px}.sm\:s-m-12{margin:48px}.sm\:s-mx-12{margin-left:48px;margin-right:48px}.sm\:s-my-12{margin-bottom:48px}.sm\:s-mt-12,.sm\:s-my-12{margin-top:48px}.sm\:s-mr-12{margin-right:48px}.sm\:s-mb-12{margin-bottom:48px}.sm\:s-ml-12{margin-left:48px}.sm\:s-m-16{margin:64px}.sm\:s-mx-16{margin-left:64px;margin-right:64px}.sm\:s-my-16{margin-bottom:64px}.sm\:s-mt-16,.sm\:s-my-16{margin-top:64px}.sm\:s-mr-16{margin-right:64px}.sm\:s-mb-16{margin-bottom:64px}.sm\:s-ml-16{margin-left:64px}.sm\:s-m-20{margin:80px}.sm\:s-mx-20{margin-left:80px;margin-right:80px}.sm\:s-my-20{margin-bottom:80px}.sm\:s-mt-20,.sm\:s-my-20{margin-top:80px}.sm\:s-mr-20{margin-right:80px}.sm\:s-mb-20{margin-bottom:80px}.sm\:s-ml-20{margin-left:80px}.sm\:s-m-24{margin:96px}.sm\:s-mx-24{margin-left:96px;margin-right:96px}.sm\:s-my-24{margin-bottom:96px}.sm\:s-mt-24,.sm\:s-my-24{margin-top:96px}.sm\:s-mr-24{margin-right:96px}.sm\:s-mb-24{margin-bottom:96px}.sm\:s-ml-24{margin-left:96px}.sm\:s-m-auto{margin:auto}.sm\:s-mx-auto{margin-left:auto;margin-right:auto}.sm\:s-my-auto{margin-bottom:auto}.sm\:s-mt-auto,.sm\:s-my-auto{margin-top:auto}.sm\:s-mr-auto{margin-right:auto}.sm\:s-mb-auto{margin-bottom:auto}.sm\:s-ml-auto{margin-left:auto}}@media (min-width:768px){.md\:s-m-0{margin:0}.md\:s-mx-0{margin-left:0;margin-right:0}.md\:s-my-0{margin-bottom:0}.md\:s-mt-0,.md\:s-my-0{margin-top:0}.md\:s-mr-0{margin-right:0}.md\:s-mb-0{margin-bottom:0}.md\:s-ml-0{margin-left:0}.md\:s-m-1{margin:4px}.md\:s-mx-1{margin-left:4px;margin-right:4px}.md\:s-my-1{margin-bottom:4px}.md\:s-mt-1,.md\:s-my-1{margin-top:4px}.md\:s-mr-1{margin-right:4px}.md\:s-mb-1{margin-bottom:4px}.md\:s-ml-1{margin-left:4px}.md\:s-m-2{margin:8px}.md\:s-mx-2{margin-left:8px;margin-right:8px}.md\:s-my-2{margin-bottom:8px}.md\:s-mt-2,.md\:s-my-2{margin-top:8px}.md\:s-mr-2{margin-right:8px}.md\:s-mb-2{margin-bottom:8px}.md\:s-ml-2{margin-left:8px}.md\:s-m-3{margin:12px}.md\:s-mx-3{margin-left:12px;margin-right:12px}.md\:s-my-3{margin-bottom:12px}.md\:s-mt-3,.md\:s-my-3{margin-top:12px}.md\:s-mr-3{margin-right:12px}.md\:s-mb-3{margin-bottom:12px}.md\:s-ml-3{margin-left:12px}.md\:s-m-4{margin:16px}.md\:s-mx-4{margin-left:16px;margin-right:16px}.md\:s-my-4{margin-bottom:16px}.md\:s-mt-4,.md\:s-my-4{margin-top:16px}.md\:s-mr-4{margin-right:16px}.md\:s-mb-4{margin-bottom:16px}.md\:s-ml-4{margin-left:16px}.md\:s-m-5{margin:20px}.md\:s-mx-5{margin-left:20px;margin-right:20px}.md\:s-my-5{margin-bottom:20px}.md\:s-mt-5,.md\:s-my-5{margin-top:20px}.md\:s-mr-5{margin-right:20px}.md\:s-mb-5{margin-bottom:20px}.md\:s-ml-5{margin-left:20px}.md\:s-m-6{margin:24px}.md\:s-mx-6{margin-left:24px;margin-right:24px}.md\:s-my-6{margin-bottom:24px}.md\:s-mt-6,.md\:s-my-6{margin-top:24px}.md\:s-mr-6{margin-right:24px}.md\:s-mb-6{margin-bottom:24px}.md\:s-ml-6{margin-left:24px}.md\:s-m-8{margin:32px}.md\:s-mx-8{margin-left:32px;margin-right:32px}.md\:s-my-8{margin-bottom:32px}.md\:s-mt-8,.md\:s-my-8{margin-top:32px}.md\:s-mr-8{margin-right:32px}.md\:s-mb-8{margin-bottom:32px}.md\:s-ml-8{margin-left:32px}.md\:s-m-10{margin:40px}.md\:s-mx-10{margin-left:40px;margin-right:40px}.md\:s-my-10{margin-bottom:40px}.md\:s-mt-10,.md\:s-my-10{margin-top:40px}.md\:s-mr-10{margin-right:40px}.md\:s-mb-10{margin-bottom:40px}.md\:s-ml-10{margin-left:40px}.md\:s-m-12{margin:48px}.md\:s-mx-12{margin-left:48px;margin-right:48px}.md\:s-my-12{margin-bottom:48px}.md\:s-mt-12,.md\:s-my-12{margin-top:48px}.md\:s-mr-12{margin-right:48px}.md\:s-mb-12{margin-bottom:48px}.md\:s-ml-12{margin-left:48px}.md\:s-m-16{margin:64px}.md\:s-mx-16{margin-left:64px;margin-right:64px}.md\:s-my-16{margin-bottom:64px}.md\:s-mt-16,.md\:s-my-16{margin-top:64px}.md\:s-mr-16{margin-right:64px}.md\:s-mb-16{margin-bottom:64px}.md\:s-ml-16{margin-left:64px}.md\:s-m-20{margin:80px}.md\:s-mx-20{margin-left:80px;margin-right:80px}.md\:s-my-20{margin-bottom:80px}.md\:s-mt-20,.md\:s-my-20{margin-top:80px}.md\:s-mr-20{margin-right:80px}.md\:s-mb-20{margin-bottom:80px}.md\:s-ml-20{margin-left:80px}.md\:s-m-24{margin:96px}.md\:s-mx-24{margin-left:96px;margin-right:96px}.md\:s-my-24{margin-bottom:96px}.md\:s-mt-24,.md\:s-my-24{margin-top:96px}.md\:s-mr-24{margin-right:96px}.md\:s-mb-24{margin-bottom:96px}.md\:s-ml-24{margin-left:96px}.md\:s-m-auto{margin:auto}.md\:s-mx-auto{margin-left:auto;margin-right:auto}.md\:s-my-auto{margin-bottom:auto}.md\:s-mt-auto,.md\:s-my-auto{margin-top:auto}.md\:s-mr-auto{margin-right:auto}.md\:s-mb-auto{margin-bottom:auto}.md\:s-ml-auto{margin-left:auto}}@media (min-width:1024px){.lg\:s-m-0{margin:0}.lg\:s-mx-0{margin-left:0;margin-right:0}.lg\:s-my-0{margin-bottom:0}.lg\:s-mt-0,.lg\:s-my-0{margin-top:0}.lg\:s-mr-0{margin-right:0}.lg\:s-mb-0{margin-bottom:0}.lg\:s-ml-0{margin-left:0}.lg\:s-m-1{margin:4px}.lg\:s-mx-1{margin-left:4px;margin-right:4px}.lg\:s-my-1{margin-bottom:4px}.lg\:s-mt-1,.lg\:s-my-1{margin-top:4px}.lg\:s-mr-1{margin-right:4px}.lg\:s-mb-1{margin-bottom:4px}.lg\:s-ml-1{margin-left:4px}.lg\:s-m-2{margin:8px}.lg\:s-mx-2{margin-left:8px;margin-right:8px}.lg\:s-my-2{margin-bottom:8px}.lg\:s-mt-2,.lg\:s-my-2{margin-top:8px}.lg\:s-mr-2{margin-right:8px}.lg\:s-mb-2{margin-bottom:8px}.lg\:s-ml-2{margin-left:8px}.lg\:s-m-3{margin:12px}.lg\:s-mx-3{margin-left:12px;margin-right:12px}.lg\:s-my-3{margin-bottom:12px}.lg\:s-mt-3,.lg\:s-my-3{margin-top:12px}.lg\:s-mr-3{margin-right:12px}.lg\:s-mb-3{margin-bottom:12px}.lg\:s-ml-3{margin-left:12px}.lg\:s-m-4{margin:16px}.lg\:s-mx-4{margin-left:16px;margin-right:16px}.lg\:s-my-4{margin-bottom:16px}.lg\:s-mt-4,.lg\:s-my-4{margin-top:16px}.lg\:s-mr-4{margin-right:16px}.lg\:s-mb-4{margin-bottom:16px}.lg\:s-ml-4{margin-left:16px}.lg\:s-m-5{margin:20px}.lg\:s-mx-5{margin-left:20px;margin-right:20px}.lg\:s-my-5{margin-bottom:20px}.lg\:s-mt-5,.lg\:s-my-5{margin-top:20px}.lg\:s-mr-5{margin-right:20px}.lg\:s-mb-5{margin-bottom:20px}.lg\:s-ml-5{margin-left:20px}.lg\:s-m-6{margin:24px}.lg\:s-mx-6{margin-left:24px;margin-right:24px}.lg\:s-my-6{margin-bottom:24px}.lg\:s-mt-6,.lg\:s-my-6{margin-top:24px}.lg\:s-mr-6{margin-right:24px}.lg\:s-mb-6{margin-bottom:24px}.lg\:s-ml-6{margin-left:24px}.lg\:s-m-8{margin:32px}.lg\:s-mx-8{margin-left:32px;margin-right:32px}.lg\:s-my-8{margin-bottom:32px}.lg\:s-mt-8,.lg\:s-my-8{margin-top:32px}.lg\:s-mr-8{margin-right:32px}.lg\:s-mb-8{margin-bottom:32px}.lg\:s-ml-8{margin-left:32px}.lg\:s-m-10{margin:40px}.lg\:s-mx-10{margin-left:40px;margin-right:40px}.lg\:s-my-10{margin-bottom:40px}.lg\:s-mt-10,.lg\:s-my-10{margin-top:40px}.lg\:s-mr-10{margin-right:40px}.lg\:s-mb-10{margin-bottom:40px}.lg\:s-ml-10{margin-left:40px}.lg\:s-m-12{margin:48px}.lg\:s-mx-12{margin-left:48px;margin-right:48px}.lg\:s-my-12{margin-bottom:48px}.lg\:s-mt-12,.lg\:s-my-12{margin-top:48px}.lg\:s-mr-12{margin-right:48px}.lg\:s-mb-12{margin-bottom:48px}.lg\:s-ml-12{margin-left:48px}.lg\:s-m-16{margin:64px}.lg\:s-mx-16{margin-left:64px;margin-right:64px}.lg\:s-my-16{margin-bottom:64px}.lg\:s-mt-16,.lg\:s-my-16{margin-top:64px}.lg\:s-mr-16{margin-right:64px}.lg\:s-mb-16{margin-bottom:64px}.lg\:s-ml-16{margin-left:64px}.lg\:s-m-20{margin:80px}.lg\:s-mx-20{margin-left:80px;margin-right:80px}.lg\:s-my-20{margin-bottom:80px}.lg\:s-mt-20,.lg\:s-my-20{margin-top:80px}.lg\:s-mr-20{margin-right:80px}.lg\:s-mb-20{margin-bottom:80px}.lg\:s-ml-20{margin-left:80px}.lg\:s-m-24{margin:96px}.lg\:s-mx-24{margin-left:96px;margin-right:96px}.lg\:s-my-24{margin-bottom:96px}.lg\:s-mt-24,.lg\:s-my-24{margin-top:96px}.lg\:s-mr-24{margin-right:96px}.lg\:s-mb-24{margin-bottom:96px}.lg\:s-ml-24{margin-left:96px}.lg\:s-m-auto{margin:auto}.lg\:s-mx-auto{margin-left:auto;margin-right:auto}.lg\:s-my-auto{margin-bottom:auto}.lg\:s-mt-auto,.lg\:s-my-auto{margin-top:auto}.lg\:s-mr-auto{margin-right:auto}.lg\:s-mb-auto{margin-bottom:auto}.lg\:s-ml-auto{margin-left:auto}}@media (min-width:1280px){.xl\:s-m-0{margin:0}.xl\:s-mx-0{margin-left:0;margin-right:0}.xl\:s-my-0{margin-bottom:0}.xl\:s-mt-0,.xl\:s-my-0{margin-top:0}.xl\:s-mr-0{margin-right:0}.xl\:s-mb-0{margin-bottom:0}.xl\:s-ml-0{margin-left:0}.xl\:s-m-1{margin:4px}.xl\:s-mx-1{margin-left:4px;margin-right:4px}.xl\:s-my-1{margin-bottom:4px}.xl\:s-mt-1,.xl\:s-my-1{margin-top:4px}.xl\:s-mr-1{margin-right:4px}.xl\:s-mb-1{margin-bottom:4px}.xl\:s-ml-1{margin-left:4px}.xl\:s-m-2{margin:8px}.xl\:s-mx-2{margin-left:8px;margin-right:8px}.xl\:s-my-2{margin-bottom:8px}.xl\:s-mt-2,.xl\:s-my-2{margin-top:8px}.xl\:s-mr-2{margin-right:8px}.xl\:s-mb-2{margin-bottom:8px}.xl\:s-ml-2{margin-left:8px}.xl\:s-m-3{margin:12px}.xl\:s-mx-3{margin-left:12px;margin-right:12px}.xl\:s-my-3{margin-bottom:12px}.xl\:s-mt-3,.xl\:s-my-3{margin-top:12px}.xl\:s-mr-3{margin-right:12px}.xl\:s-mb-3{margin-bottom:12px}.xl\:s-ml-3{margin-left:12px}.xl\:s-m-4{margin:16px}.xl\:s-mx-4{margin-left:16px;margin-right:16px}.xl\:s-my-4{margin-bottom:16px}.xl\:s-mt-4,.xl\:s-my-4{margin-top:16px}.xl\:s-mr-4{margin-right:16px}.xl\:s-mb-4{margin-bottom:16px}.xl\:s-ml-4{margin-left:16px}.xl\:s-m-5{margin:20px}.xl\:s-mx-5{margin-left:20px;margin-right:20px}.xl\:s-my-5{margin-bottom:20px}.xl\:s-mt-5,.xl\:s-my-5{margin-top:20px}.xl\:s-mr-5{margin-right:20px}.xl\:s-mb-5{margin-bottom:20px}.xl\:s-ml-5{margin-left:20px}.xl\:s-m-6{margin:24px}.xl\:s-mx-6{margin-left:24px;margin-right:24px}.xl\:s-my-6{margin-bottom:24px}.xl\:s-mt-6,.xl\:s-my-6{margin-top:24px}.xl\:s-mr-6{margin-right:24px}.xl\:s-mb-6{margin-bottom:24px}.xl\:s-ml-6{margin-left:24px}.xl\:s-m-8{margin:32px}.xl\:s-mx-8{margin-left:32px;margin-right:32px}.xl\:s-my-8{margin-bottom:32px}.xl\:s-mt-8,.xl\:s-my-8{margin-top:32px}.xl\:s-mr-8{margin-right:32px}.xl\:s-mb-8{margin-bottom:32px}.xl\:s-ml-8{margin-left:32px}.xl\:s-m-10{margin:40px}.xl\:s-mx-10{margin-left:40px;margin-right:40px}.xl\:s-my-10{margin-bottom:40px}.xl\:s-mt-10,.xl\:s-my-10{margin-top:40px}.xl\:s-mr-10{margin-right:40px}.xl\:s-mb-10{margin-bottom:40px}.xl\:s-ml-10{margin-left:40px}.xl\:s-m-12{margin:48px}.xl\:s-mx-12{margin-left:48px;margin-right:48px}.xl\:s-my-12{margin-bottom:48px}.xl\:s-mt-12,.xl\:s-my-12{margin-top:48px}.xl\:s-mr-12{margin-right:48px}.xl\:s-mb-12{margin-bottom:48px}.xl\:s-ml-12{margin-left:48px}.xl\:s-m-16{margin:64px}.xl\:s-mx-16{margin-left:64px;margin-right:64px}.xl\:s-my-16{margin-bottom:64px}.xl\:s-mt-16,.xl\:s-my-16{margin-top:64px}.xl\:s-mr-16{margin-right:64px}.xl\:s-mb-16{margin-bottom:64px}.xl\:s-ml-16{margin-left:64px}.xl\:s-m-20{margin:80px}.xl\:s-mx-20{margin-left:80px;margin-right:80px}.xl\:s-my-20{margin-bottom:80px}.xl\:s-mt-20,.xl\:s-my-20{margin-top:80px}.xl\:s-mr-20{margin-right:80px}.xl\:s-mb-20{margin-bottom:80px}.xl\:s-ml-20{margin-left:80px}.xl\:s-m-24{margin:96px}.xl\:s-mx-24{margin-left:96px;margin-right:96px}.xl\:s-my-24{margin-bottom:96px}.xl\:s-mt-24,.xl\:s-my-24{margin-top:96px}.xl\:s-mr-24{margin-right:96px}.xl\:s-mb-24{margin-bottom:96px}.xl\:s-ml-24{margin-left:96px}.xl\:s-m-auto{margin:auto}.xl\:s-mx-auto{margin-left:auto;margin-right:auto}.xl\:s-my-auto{margin-bottom:auto}.xl\:s-mt-auto,.xl\:s-my-auto{margin-top:auto}.xl\:s-mr-auto{margin-right:auto}.xl\:s-mb-auto{margin-bottom:auto}.xl\:s-ml-auto{margin-left:auto}}.s-width-1{max-width:86px}.s-width-2{max-width:196px}.s-width-3{max-width:306px}.s-width-4{max-width:416px}.s-width-5{max-width:526px}.s-width-6{max-width:636px}.s-width-7{max-width:746px}.s-width-8{max-width:856px}.s-width-9{max-width:966px}.s-width-10{max-width:1076px}.s-width-11{max-width:1186px}.s-width-12{max-width:1296px}.s-width-none{max-width:none}.s-width-full{max-width:100%}@media (min-width:480px){.xs\:s-max-1{max-width:86px}.xs\:s-max-2{max-width:196px}.xs\:s-max-3{max-width:306px}.xs\:s-max-4{max-width:416px}.xs\:s-max-5{max-width:526px}.xs\:s-max-6{max-width:636px}.xs\:s-max-7{max-width:746px}.xs\:s-max-8{max-width:856px}.xs\:s-max-9{max-width:966px}.xs\:s-max-10{max-width:1076px}.xs\:s-max-11{max-width:1186px}.xs\:s-max-12{max-width:1296px}.xs\:s-max-none{max-width:none}.xs\:s-max-full{max-width:100%}}@media (min-width:640px){.sm\:s-max-1{max-width:86px}.sm\:s-max-2{max-width:196px}.sm\:s-max-3{max-width:306px}.sm\:s-max-4{max-width:416px}.sm\:s-max-5{max-width:526px}.sm\:s-max-6{max-width:636px}.sm\:s-max-7{max-width:746px}.sm\:s-max-8{max-width:856px}.sm\:s-max-9{max-width:966px}.sm\:s-max-10{max-width:1076px}.sm\:s-max-11{max-width:1186px}.sm\:s-max-12{max-width:1296px}.sm\:s-max-none{max-width:none}.sm\:s-max-full{max-width:100%}}@media (min-width:768px){.md\:s-max-1{max-width:86px}.md\:s-max-2{max-width:196px}.md\:s-max-3{max-width:306px}.md\:s-max-4{max-width:416px}.md\:s-max-5{max-width:526px}.md\:s-max-6{max-width:636px}.md\:s-max-7{max-width:746px}.md\:s-max-8{max-width:856px}.md\:s-max-9{max-width:966px}.md\:s-max-10{max-width:1076px}.md\:s-max-11{max-width:1186px}.md\:s-max-12{max-width:1296px}.md\:s-max-none{max-width:none}.md\:s-max-full{max-width:100%}}@media (min-width:1024px){.lg\:s-max-1{max-width:86px}.lg\:s-max-2{max-width:196px}.lg\:s-max-3{max-width:306px}.lg\:s-max-4{max-width:416px}.lg\:s-max-5{max-width:526px}.lg\:s-max-6{max-width:636px}.lg\:s-max-7{max-width:746px}.lg\:s-max-8{max-width:856px}.lg\:s-max-9{max-width:966px}.lg\:s-max-10{max-width:1076px}.lg\:s-max-11{max-width:1186px}.lg\:s-max-12{max-width:1296px}.lg\:s-max-none{max-width:none}.lg\:s-max-full{max-width:100%}}@media (min-width:1280px){.xl\:s-max-1{max-width:86px}.xl\:s-max-2{max-width:196px}.xl\:s-max-3{max-width:306px}.xl\:s-max-4{max-width:416px}.xl\:s-max-5{max-width:526px}.xl\:s-max-6{max-width:636px}.xl\:s-max-7{max-width:746px}.xl\:s-max-8{max-width:856px}.xl\:s-max-9{max-width:966px}.xl\:s-max-10{max-width:1076px}.xl\:s-max-11{max-width:1186px}.xl\:s-max-12{max-width:1296px}.xl\:s-max-none{max-width:none}.xl\:s-max-full{max-width:100%}}.s-header{padding:24px 0}.s-header .s-container{align-items:center;display:flex;gap:40px}.s-header .s-nav{background-color:var(--color-white);display:flex;flex-direction:column;height:100%;left:0;margin:0;opacity:1;overflow:auto;padding:80px 24px 24px;position:fixed;top:0;transform:translateX(-100%);transition:all .3s ease;visibility:hidden;width:100%;z-index:10001}.s-header .s-nav[aria-hidden=false]{transform:translateX(0);visibility:visible}@media screen and (min-width:1024px){.s-header .s-nav{background-color:transparent;height:auto;margin-left:auto;overflow:visible;padding:0;position:static;transform:none;transition:none;visibility:visible;width:auto}}.s-header .s-menu{display:flex;flex-direction:column;list-style:none;padding:0}@media screen and (min-width:1024px){.s-header .s-menu{align-items:center;flex-direction:row;gap:24px}}body.s-nav-open .s-header .s-menu{display:flex}.s-header .s-menu>li{position:relative}@media screen and (min-width:1024px){.s-header .s-menu>li{border-bottom:0}}.s-header .s-menu>li[data-label^="- "]{display:none}.s-header .s-menu>li>a{align-items:center;color:inherit;display:flex;font-size:22px;font-weight:500;gap:8px;justify-content:space-between;padding:6px 0;text-decoration:none}@media screen and (min-width:480px){.s-header .s-menu>li>a{gap:12px;justify-content:flex-start}}@media screen and (min-width:1024px){.s-header .s-menu>li>a{font-size:17px;gap:8px;padding:4px 0}}.s-header .s-submenu{font-weight:500;list-style:none;opacity:.6;padding:6px 0}@media screen and (min-width:1024px){.s-header .s-submenu{background-color:var(--color-white);border:1px solid var(--color-black-200);border-radius:10px;color:inherit;font-weight:400;left:0;min-width:200px;opacity:1;padding:4px;position:absolute;top:100%}}.s-header .s-submenu[aria-hidden=true]{display:none}.s-header .s-submenu[aria-hidden=false]{display:block}@media screen and (min-width:1024px) and (prefers-reduced-motion:no-preference){.s-header .s-submenu{transition:all .15s ease}.s-header .s-submenu[aria-hidden=true]{display:block;opacity:0;transform:translateY(-10px);visibility:hidden}.s-header .s-submenu[aria-hidden=false]{opacity:1;transform:translateY(0);visibility:visible}}.s-header .s-submenu li[data-label^="- "]{display:block}.s-header .s-submenu>li>a{color:inherit;display:block;font-size:17px;padding:4px 0;text-decoration:none}@media screen and (min-width:1024px){.s-header .s-submenu>li>a{border-radius:6px;font-size:16px;padding:4px 12px}.s-header .s-submenu>li>a:hover{background-color:rgba(0,0,0,.04)}}.s-header>.s-container>.s-utils>.s-utils-account,.s-header>.s-container>.s-utils>.s-utils-theme{display:none}@media screen and (min-width:1024px){.s-header>.s-container>.s-utils>.s-utils-account,.s-header>.s-container>.s-utils>.s-utils-theme{display:flex}}.s-header .s-utils{align-items:center;display:flex;gap:12px;margin-left:auto}@media screen and (min-width:1024px){.s-header .s-utils{gap:24px;margin-left:0}}.s-header .s-utils .s-utils-account{width:100%}@media screen and (min-width:1024px){.s-header .s-utils .s-utils-account{width:auto}}.s-header .s-utils .s-utils-account .s-btn{justify-content:center;max-width:0;min-width:100%}@media screen and (min-width:1024px){.s-header .s-utils .s-utils-account .s-btn{justify-content:flex-start;max-width:-moz-max-content;max-width:max-content;min-width:auto}}.s-header .s-utils-close{position:absolute;right:24px;top:24px}.s-header .s-nav>.s-utils{align-items:flex-start;flex-direction:column-reverse;gap:24px;margin-left:0;margin-top:24px}@media screen and (min-width:1024px){.s-header .s-nav>.s-utils{display:none}}.s-header .s-nav>.s-utils .s-utils-theme{left:24px;position:absolute;top:24px}.s-header .s-utils-search{color:inherit}.s-header .s-utils-burger{align-items:center;border-radius:9999px;display:flex;height:40px;justify-content:center;width:40px}@media screen and (min-width:1024px){.s-header .s-utils-burger{display:none}}.s-header .s-utils-burger svg{width:20px}.s-footer{margin:0 0 40px}.s-footer-stack{background-color:var(--color-black-100);border-radius:var(--corner-radius-lg);color:var(--black);padding:32px}@media screen and (min-width:1024px){.s-footer-stack{padding:64px}}.s-footer-main{display:flex;flex-direction:column;font-size:16px;gap:2rem;padding:2rem 0 4rem}@media screen and (min-width:1024px){.s-footer-main{flex-direction:row;gap:240px}}.s-footer-brand{display:flex;flex-direction:column;gap:24px;max-width:450px}@media screen and (min-width:1024px){.s-footer-brand{width:40%}}.s-footer-brand-logo img{height:var(--mobile-logo-height);min-height:20px;width:auto}@media screen and (min-width:1024px){.s-footer-brand-logo img{height:var(--desktop-logo-height)}}.s-footer-brand-text{color:inherit;font-size:28px;font-weight:var(--heading-font-weight);line-height:1;margin:0;text-decoration:none}.s-footer-nav{display:flex;flex-direction:column;gap:2rem;justify-content:space-between}@media screen and (min-width:768px){.s-footer-nav{flex-direction:row}}@media screen and (min-width:1024px){.s-footer-nav{gap:clamp(56px,8vw,7.5rem);justify-content:space-evenly;padding-right:3rem;width:60%}}.s-footer-nav ul{display:flex;flex-direction:column;gap:.5rem;list-style:none;padding:0}.s-footer-nav ul:only-child{align-self:flex-start;-moz-column-gap:2rem;column-gap:2rem;flex-direction:row;flex-wrap:wrap;row-gap:1rem}@media screen and (min-width:1024px){.s-footer-nav ul:only-child{-moz-column-gap:4rem;column-gap:4rem}}.s-footer-nav ul li a{align-items:center;color:inherit;display:inline-flex;gap:.5rem;text-decoration:none}.s-footer-nav ul li a svg{height:auto;min-width:18px;width:18px}.s-footer-nav ul li span{display:block;font-size:18px;font-weight:700;margin-bottom:12px;pointer-events:none}.s-footer-copyright a{color:inherit}.s-byline{flex-wrap:wrap;font-size:14px}.s-byline,.s-byline-author{align-items:center;display:flex}.s-byline-author{gap:10px}.s-byline-author-content,.s-byline-author-content a{color:inherit;display:flex;font-weight:500;gap:6px;text-decoration:none}.s-byline-author-img{border-radius:50%;height:24px;outline:2px solid var(--color-white);overflow:hidden;position:relative;width:24px;z-index:2}.s-featured--cards .s-byline-author-img{outline-color:var(--color-black-100)}.s-slider .s-byline-author-img{outline-color:transparent}.s-byline-author-img:not(:first-of-type){margin-left:-10px;z-index:1}.s-byline-author-img img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}@media screen and (min-width:1024px){.s-byline-author-img:is(a){transition:all .3s ease}.s-byline-author-img:is(a):hover{transform:translateY(-2px)}}.s-byline-author~.s-byline-date:before{content:"•";margin:0 10px}.s-byline-date{align-items:center;display:flex;font-weight:500}.s-tags{display:flex;flex-wrap:wrap;gap:10px}.s-tags .s-tag{align-items:center;background-color:var(--color-black-200);border-radius:8px;color:var(--color-black);display:flex;font-size:14px;font-weight:500;line-height:120%;padding:6px 12px;text-decoration:none}.s-tags .s-tag--locked svg{width:12px}.s-share{align-items:center;display:flex;flex-direction:column;gap:16px}.s-layout>.s-container>.s-share{display:none}@media screen and (min-width:1024px){.s-layout>.s-container>.s-share{background-color:var(--color-black-100);border-radius:var(--corner-radius-lg);display:flex;max-height:-moz-min-content;max-height:min-content;min-width:-moz-max-content;min-width:max-content;padding:12px 8px}}.s-share ul{align-items:center;display:flex;flex-direction:column;gap:16px;list-style:none;padding:0}.s-share ul li{position:relative}.s-share .s-share-copied{background-color:var(--color-white);border-radius:9999px;box-shadow:0 0 10px 0 rgba(0,0,0,.1);font-size:12px;font-weight:500;left:50%;padding:2px 8px;position:absolute;top:calc(100% + 12px);transform:translateX(-50%)}.s-entry-content .s-share{background-color:var(--color-black-100);border-radius:var(--corner-radius);flex-direction:row;padding:32px 24px}.s-entry-content .s-share ul{flex-direction:row;list-style:none!important;padding:0!important}.s-intro{margin:20px 0 48px}@media screen and (min-width:1024px){.s-intro{margin:64px 0}}.author-template .s-intro:not(.has-description),.tag-template .s-intro:not(.has-description){margin-bottom:32px}.post-template .s-intro:not(.has-description)~.s-content{margin-top:0}.s-intro-image{border-radius:var(--corner-radius);height:80px;overflow:hidden;position:relative;width:80px}.s-intro-image img{height:100%;left:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;position:absolute;top:0;width:100%}.s-intro p{color:var(--color-black-600);font-size:16px}@media screen and (min-width:768px){.s-intro p{font-size:18px}}.s-intro-subscribe{align-items:center;display:flex;flex-direction:column}.s-intro-subscribe form{background-color:var(--color-black-50);border:1px solid var(--color-black-200);border-radius:var(--corner-radius);display:flex;gap:1rem;justify-content:space-between;margin-top:1rem;padding:6px 6px 6px 16px}@media screen and (min-width:768px){.s-intro-subscribe form{max-width:400px}}.s-intro-subscribe form input[type=email]{background:none;border:none;font-size:16px;outline:none;padding:0;width:100%}.s-intro-subscribe form .s-btn{min-width:-moz-max-content;min-width:max-content}.s-intro-subscribe form~.s-intro-subscribe-messages{margin-top:12px}.s-intro-subscribe form~.s-intro-subscribe-messages p{color:var(--color-black);font-size:14px}.s-intro-subscribe form~.s-intro-subscribe-messages,.s-intro-subscribe form~.s-intro-subscribe-messages .s-intro-subscribe-error,.s-intro-subscribe form~.s-intro-subscribe-messages .s-intro-subscribe-success{display:none}.s-intro-subscribe form.error~.s-intro-subscribe-messages,.s-intro-subscribe form.error~.s-intro-subscribe-messages .s-intro-subscribe-error,.s-intro-subscribe form.success~.s-intro-subscribe-messages,.s-intro-subscribe form.success~.s-intro-subscribe-messages .s-intro-subscribe-success{display:block;font-weight:500;line-height:140%}.s-featured--cards{margin:12px 0 0;position:relative}@media screen and (min-width:1024px){.s-featured--cards{margin:24px 0 0}}.s-intro~.s-featured--cards{margin:48px 0}@media screen and (min-width:1024px){.s-intro~.s-featured--cards{margin:64px 0}}.s-featured--cards .s-section-group{align-items:start;background:var(--color-black-100);border-radius:24px;display:grid;gap:12px;padding:8px}@media screen and (min-width:768px){.s-featured--cards .s-section-group{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}}.s-featured--cards .s-card:first-of-type .s-card-excerpt{color:var(--color-black-600)}.s-featured--cards .s-card-image .s-image{border-radius:16px}.s-featured--cards .s-featured-secondary{display:grid;gap:24px}.s-slider{margin:12px 0 0;position:relative}@media screen and (min-width:1024px){.s-slider{margin:24px 0 0}}.s-intro~.s-slider{margin:48px 0 96px}@media screen and (min-width:1024px){.s-intro~.s-slider{margin:64px 0}}.s-slides{position:relative}.s-slides .swiper{border-radius:var(--corner-radius-lg);overflow:hidden}.s-slide{height:480px;position:relative}@media screen and (min-width:1024px){.s-slide{height:600px}}.s-slide-image,.s-slide-image:after{height:100%;left:0;position:absolute;top:0;width:100%}.s-slide-image:after{background:linear-gradient(0deg,rgba(0,0,0,.5),transparent);content:"";display:block}.s-slide-image img{height:100%;left:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;position:absolute;top:0;width:100%}.s-slide-content{bottom:0;color:var(--color-white);left:0;padding:24px;position:absolute;width:100%}@media screen and (min-width:640px){.s-slide-content{padding:40px}}.s-slide-content *{color:inherit;max-width:636px}.s-slide-content .s-byline :not(:first-of-type){display:none}@media screen and (min-width:480px){.s-slide-content .s-byline :not(:first-of-type){display:block}}.s-slide-content .s-tags{left:40px;position:fixed;top:40px;z-index:2}.s-slide-content .s-tags .s-tag{background-color:var(--color-white)}.s-slide .s-byline-author a{position:relative;z-index:2}.s-slide .s-slide-link{height:100%;left:0;position:absolute;top:0;width:100%}.s-slides .swiper-button-next:after,.s-slides .swiper-button-prev:after{display:none}.s-slides .swiper-button-next,.s-slides .swiper-button-prev{display:none;height:48px;opacity:0;transform:translateY(10px);transition:all .3s ease;width:48px}@media screen and (min-width:1024px){.s-slides .swiper-button-next,.s-slides .swiper-button-prev{display:block}}.s-slides:hover .swiper-button-next,.s-slides:hover .swiper-button-prev{opacity:1;transform:translateY(0)}.s-slides .swiper-button-prev{left:24px}.s-slides .swiper-button-next{right:24px}.s-slides:hover .swiper-button-disabled{cursor:not-allowed;opacity:.5;pointer-events:all}.s-slides .swiper-pagination{bottom:-32px;left:50%;transform:translateX(-50%);width:-moz-max-content;width:max-content;z-index:10}@media screen and (min-width:1024px){.s-slides .swiper-pagination{bottom:24px;left:auto;right:24px}}.s-slides .swiper-pagination-bullet{background-color:var(--color-black);height:8px;margin:0 3px!important;transition:all .3s ease;width:8px}@media screen and (min-width:1024px){.s-slides .swiper-pagination-bullet{background-color:var(--color-white)}}.s-slides .swiper-pagination-bullet-active{border-radius:8px;width:16px}.s-content{margin:48px 0}@media screen and (min-width:1024px){.s-content{margin:64px 0}}.post-template .s-content{margin:20px 0 48px}@media screen and (min-width:1024px){.post-template .s-content{margin:64px 0}}.s-content .s-container{display:flex;flex-direction:column;gap:32px}@media screen and (min-width:1024px){.s-content .s-container{gap:64px}}.home-template .s-content .s-container{gap:32px}.s-content-layout.has-sidebar{display:flex;flex-direction:column;gap:40px}@media screen and (min-width:1024px){.s-content-layout.has-sidebar{flex-direction:row}}.s-content-layout.has-sidebar .s-content-aside,.s-content-layout.has-sidebar .s-content-main{width:100%}@media screen and (min-width:1024px){.s-content-layout.has-sidebar .s-content-aside{min-width:340px;width:340px}}.page-template .s-content-layout,.post-template .s-content-layout{margin:0 auto;max-width:calc(var(--container-width)*.5)}.page-template .s-content-layout.has-sidebar,.post-template .s-content-layout.has-sidebar{display:flex;gap:32px;margin:0 auto;max-width:1038px}@media screen and (min-width:1024px){.page-template .s-content-layout.has-sidebar,.post-template .s-content-layout.has-sidebar{gap:56px}}.s-sidebar-items{display:flex;flex-direction:column;gap:32px}.s-sidebar-content{background:var(--color-black-100);border-radius:var(--corner-radius-lg);display:flex;flex-direction:column;gap:24px;padding:28px}.s-sidebar-heading{font-size:24px;letter-spacing:-.01em}.s-sidebar-about .s-sidebar-content{padding:40px}.s-sidebar-featured .s-card{border:none;gap:16px;padding:0}.s-sidebar-featured .s-card-image{flex:1 0 calc(25% - 16px);max-width:64px;min-width:64px}.s-sidebar-featured .s-card-content{gap:8px;padding:0}.s-sidebar-featured .s-byline{font-size:13px}.s-sidebar-tags .s-sidebar-content{padding:24px}.s-sidebar-subscribe .s-sidebar-content{gap:16px}@media screen and (min-width:1024px){.s-sidebar-subscribe{position:sticky;top:32px}}.s-entry-content .s-toc{background-color:var(--color-black-50);border:1px solid var(--color-black-200);border-radius:var(--corner-radius);padding:12px}.s-entry-content .s-toc ul{display:none;font-size:16px;margin:12px 0;padding:0 0 0 16px}.s-entry-content .s-toc ul[aria-hidden=false]{display:block}.s-entry-content .s-toc .s-toc-toggle{align-items:center;display:flex;font-weight:500;gap:12px;justify-content:space-between;width:100%}.s-entry-content .s-toc .s-toc-toggle[aria-expanded=true] svg{transform:scaleY(-1)}.s-entry-content .s-toc a{text-decoration:none}.s-feature-image{position:relative}.s-feature-image .s-image img{border-radius:var(--corner-radius-lg)}.s-feature-image-caption{background-color:var(--color-white);border-radius:9999px;bottom:16px;color:var(--color-black);font-size:12px;padding:2px 8px;position:absolute;right:16px}@media screen and (min-width:640px){.s-feature-image-caption{bottom:24px;font-size:13px;padding:2px 12px;right:24px}}.s-feature-image-caption a{color:inherit;text-decoration:none}.s-feature-image-caption a:hover{text-decoration:underline}.s-post-header-content{max-width:calc(var(--container-width)*.5)}.s-post-header .s-entry-excerpt{color:var(--color-black-600);font-size:16px}@media screen and (min-width:768px){.s-post-header .s-entry-excerpt{font-size:18px}}.s-entry-content{font-size:16px}.s-post-main:not(.has-sidebar) .s-entry-content>:not(.kg-width-full),.s-post-main:not(.has-sidebar) .s-entry-footer{margin-left:auto;margin-right:auto;max-width:670px}.s-layout--no-sidebar .s-entry-content .kg-gallery-card,.s-layout--no-sidebar .s-entry-content .kg-header-card,.s-layout--no-sidebar .s-entry-content .kg-image-card.kg-width-wide{margin-bottom:48px;margin-top:48px}.s-entry-content :first-child{margin-top:0!important}.s-entry-content h1,.s-entry-content h2,.s-entry-content h3,.s-entry-content h4,.s-entry-content h5{font-weight:var(--heading-font-weight)!important;line-height:120%;margin-bottom:16px;margin-top:24px;scroll-margin-top:124px}@media screen and (min-width:1024px){.s-entry-content h1,.s-entry-content h2,.s-entry-content h3,.s-entry-content h4,.s-entry-content h5{scroll-margin-top:24px}}.s-entry-content ul{list-style:disc;padding-left:1.125rem}.s-entry-content ol{list-style:decimal;padding-left:1.125rem}.s-entry-content h1{font-size:36px}@media screen and (min-width:1024px){.s-entry-content h1{font-size:48px}}.s-entry-content h2{font-size:28px}@media screen and (min-width:1024px){.s-entry-content h2{font-size:32px}}.s-entry-content h3{font-size:20px}@media screen and (min-width:1024px){.s-entry-content h3{font-size:24px}}.s-entry-content h4{font-size:18px}.s-entry-content h5,.s-entry-content h6{font-size:16px}.s-entry-content small{font-size:14px}.s-entry-content strong{font-weight:700}.s-entry-content em{font-style:italic}.s-entry-content a{color:inherit}.s-entry-content hr{background-color:var(--color-black-200);border:0;height:1px;margin:3rem 0}.s-entry-content blockquote{line-height:1.35}.s-entry-content blockquote:not(.kg-blockquote-alt){border-left-color:inherit;border-left-style:solid;border-left-width:5px;font-size:1.5rem;font-weight:700;padding-left:2rem}@media screen and (min-width:768px){.s-entry-content blockquote:not(.kg-blockquote-alt){font-size:2rem}}.s-entry-content blockquote.kg-blockquote-alt{display:flex;gap:2.5rem;text-align:left}.s-entry-content blockquote.kg-blockquote-alt:before{content:"“";font-family:Georgia,Times New Roman,Times,serif;font-size:4em;line-height:1}.s-entry-content>*{margin:24px 0}.s-entry-content figcaption{font-size:14px;margin-top:.5rem}.s-entry-content>.kg-width-wide{margin-left:auto;margin-right:auto;max-width:1360px;width:100%}.s-entry-content>.kg-width-wide img{max-width:none;width:100%}.s-layout--no-sidebar .s-entry-content>.kg-width-full{box-sizing:border-box;left:50%;margin-left:-50vw;margin-right:-50vw;max-width:100vw;position:relative;right:50%;width:100vw}.s-entry-content .kg-gallery-image img,.s-entry-content .kg-header-card:not(.kg-width-full),.s-entry-content .kg-image-card:not(.kg-width-full) .kg-image,.s-entry-content .kg-signup-card:not(.kg-width-full),.s-entry-content .kg-video-container{border-radius:var(--corner-radius);overflow:hidden}.s-entry-content .kg-image-card{display:flex;flex-direction:column;justify-content:center}.s-entry-content .kg-image-card.kg-width-full{aspect-ratio:4/3;display:flex;flex-direction:column}@supports not (aspect-ratio:4/3){.s-entry-content .kg-image-card.kg-width-full:before{content:"";float:left;padding-top:75%}.s-entry-content .kg-image-card.kg-width-full:after{clear:left;content:"";display:block}}.s-entry-content .kg-image-card.kg-width-full>.kg-image{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}.s-entry-content .kg-button-card a.kg-btn,.s-entry-content .kg-header-card a.kg-header-card-button,.s-entry-content .kg-header-card.kg-size-large a.kg-header-card-button,.s-entry-content .kg-header-card.kg-size-small a.kg-header-card-button{height:auto}.s-entry-content .kg-header-card.kg-style-accent a.kg-header-card-button,.s-entry-content .kg-header-card.kg-style-dark a.kg-header-card-button,.s-entry-content .kg-header-card.kg-style-image a.kg-header-card-button{background:var(--color-white);color:#000}.s-entry-content .kg-header-card h3.kg-header-card-subheader{font-family:var(--body-font-family);font-style:normal;font-weight:400;margin:1.25rem 0 .75rem}.s-entry-content .kg-toggle-card .kg-toggle-card-icon svg{color:var(--color-text)!important}.s-entry-content .kg-toggle-card .kg-toggle-content p:first-of-type{margin-top:1rem!important}.s-entry-content .kg-toggle-card,.s-entry-content .kg-toggle-card+.kg-toggle-card{margin:.625rem auto}.s-entry-content .kg-toggle-card h4.kg-toggle-heading-text{font-family:var(--heading-body-family);font-style:normal;font-weight:700}.s-entry-content .kg-toggle-card[data-kg-toggle-state=close] svg,.s-entry-content .kg-toggle-heading svg{color:#000}.s-entry-content .kg-callout-card{border-radius:1rem;font-weight:500}.s-entry-content .kg-width-full.kg-video-card video,.s-entry-content .kg-width-wide.kg-video-card video{height:100%;width:100%}.s-entry-content .kg-embed-card{align-items:center;aspect-ratio:16/9;display:flex;flex-direction:column}@supports not (aspect-ratio:16/9){.s-entry-content .kg-embed-card:before{content:"";float:left;padding-top:56.25%}.s-entry-content .kg-embed-card:after{clear:left;content:"";display:block}}.s-entry-content .kg-embed-card iframe{height:100%;max-width:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}.s-entry-content .kg-width-full .kg-header-card-text,.s-entry-content .kg-width-full .kg-signup-card-text{padding-left:2rem!important;padding-right:2rem!important}.s-entry-content .kg-header-card.kg-width-full h2.kg-header-card-heading,.s-entry-content .kg-header-card.kg-width-regular h2.kg-header-card-heading,.s-entry-content .kg-header-card.kg-width-wide h2.kg-header-card-heading,.s-entry-content .kg-signup-card.kg-width-full h2.kg-signup-card-heading,.s-entry-content .kg-signup-card.kg-width-regular h2.kg-signup-card-heading,.s-entry-content .kg-signup-card.kg-width-wide h2.kg-signup-card-heading{font-weight:var(--heading-font-weight)}.s-entry-content .kg-header-card.kg-width-regular h2.kg-header-card-heading,.s-entry-content .kg-signup-card.kg-width-regular h2.kg-signup-card-heading{font-size:32px}@media screen and (min-width:768px){.s-entry-content .kg-header-card.kg-width-regular h2.kg-header-card-heading,.s-entry-content .kg-signup-card.kg-width-regular h2.kg-signup-card-heading{font-size:48px}}.s-entry-content .kg-header-card.kg-width-wide h2.kg-header-card-heading,.s-entry-content .kg-signup-card.kg-width-wide h2.kg-signup-card-heading{font-size:32px;font-weight:var(--heading-font-weight)}@media screen and (min-width:768px){.s-entry-content .kg-header-card.kg-width-wide h2.kg-header-card-heading,.s-entry-content .kg-signup-card.kg-width-wide h2.kg-signup-card-heading{font-size:48px}}@media screen and (min-width:1024px){.s-entry-content .kg-header-card.kg-width-wide h2.kg-header-card-heading,.s-entry-content .kg-signup-card.kg-width-wide h2.kg-signup-card-heading{font-size:60px}}.s-entry-content .kg-header-card.kg-width-full h2.kg-header-card-heading,.s-entry-content .kg-signup-card.kg-width-full h2.kg-signup-card-heading{font-size:2rem;font-weight:var(--heading-font-weight);margin-bottom:.5rem}@media screen and (min-width:768px){.s-entry-content .kg-header-card.kg-width-full h2.kg-header-card-heading,.s-entry-content .kg-signup-card.kg-width-full h2.kg-signup-card-heading{font-size:2.25rem}}@media screen and (min-width:1024px){.s-entry-content .kg-header-card.kg-width-full h2.kg-header-card-heading,.s-entry-content .kg-signup-card.kg-width-full h2.kg-signup-card-heading{font-size:3rem}}.s-entry-content .kg-header-card .kg-header-card-subheading,.s-entry-content .kg-signup-card .kg-signup-card-subheading{font-size:1.125rem!important}@media screen and (min-width:768px){.s-entry-content .kg-header-card .kg-header-card-subheading,.s-entry-content .kg-signup-card .kg-signup-card-subheading{font-size:1.25rem!important}}@media screen and (min-width:1024px){.s-entry-content .kg-header-card .kg-header-card-subheading,.s-entry-content .kg-signup-card .kg-signup-card-subheading{font-size:1.5rem!important}}.kg-header-card.kg-v2 .kg-header-card-button{font-size:1rem!important}.s-entry-content .kg-header-card:not(.kg-layout-split) picture img,.s-entry-content .kg-signup-card:not(.kg-layout-split) picture img{opacity:.6}.s-entry-content .kg-header-card:not(.kg-layout-split) picture+.kg-header-card-content,.s-entry-content .kg-signup-card:not(.kg-layout-split) picture+.kg-signup-card-content{background-color:var(--color-black)}.gh-post-upgrade-cta .gh-post-upgrade-cta-content{background-color:var(--color-black-100)!important}.gh-post-upgrade-cta :not(.gh-btn){color:var(--color-text)!important}.s-entry-content .gh-post-upgrade-cta a.gh-btn{color:var(--color-text-button)!important}.gh-post-upgrade-cta .gh-post-upgrade-cta-content{color:inherit!important}.s-entry-footer{display:flex;flex-direction:column;gap:40px;padding:24px 0 0}.s-entry-footer .s-share{align-items:center;display:flex;flex-direction:row;gap:24px;justify-content:center;padding:24px}.s-entry-footer #ghost-comments-root,.s-entry-footer .s-share{background-color:var(--color-black-100);border-radius:var(--corner-radius)}.s-entry-footer #ghost-comments-root{padding:40px}.s-entry-footer .s-share ul{display:flex;flex-direction:row}.s-card-excerpt{color:var(--color-black-600);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.s-slider .s-card-excerpt{color:var(--color-white)}.s-card-image a{color:inherit}@media screen and (min-width:1024px) and (prefers-reduced-motion:no-preference){.s-card-image img{transition:transform .3s ease}.s-card-image a:hover img{transform:scale(1.05)}}.s-archive-header{margin:20px 0 48px}@media screen and (min-width:1024px){.s-archive-header{margin:64px 0 48px}}.s-archive-header~.s-content{margin-top:48px}.s-archive-header:not(.has-description){margin-bottom:32px}.s-archive-img{border-radius:var(--corner-radius);height:80px;overflow:hidden;position:relative;width:80px}.s-archive-img img{height:100%;left:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;position:absolute;top:0;width:100%}.s-archive-meta .s-archive-count{color:var(--color-black-500)}.s-archive-meta .s-social{gap:8px}.s-archive-meta .s-social a{align-items:center;background-color:var(--color-black-100);border-radius:9999px;display:flex;flex-direction:column;height:28px;justify-content:center;transform:none;width:28px}.s-archive-meta .s-social svg{height:auto;max-width:16px;width:16px}.s-archive-header p{color:var(--color-black-600);font-size:16px}@media screen and (min-width:768px){.s-archive-header p{font-size:18px}}
/* SnapHolo News — Boulevard 위에 얹는 SnapHolo 층.
   색·글꼴·간격 값은 tokens.css(snapholo-web 생성물 사본, scripts/sync_tokens.py) 변수로만 쓴다. hex 리터럴 금지. */

/* ── Boulevard 변수 → SnapHolo 의미 토큰 ─────────────────────────────── */
:root {
  /* 예전엔 default.hbs 인라인 <style> 이 @custom 값으로 넣었다 — /news CSP(style-src 'self')가 인라인을 막아 로고가 원본 크기로 커졌다(T14). */
  --desktop-logo-height: 24px;
  --mobile-logo-height: 20px;
  --container-width: 1280px;
  --heading-font-family: var(--font-sans);
  --body-font-family: var(--font-sans);
  --heading-font-weight: var(--weight-bold);
  --heading-letter-spacing: var(--tracking-display);
  --body-letter-spacing: 0;
  --corner-radius: var(--radius-md);
  --corner-radius-lg: var(--radius-xl);
  --card-image-aspect: 4/3;
  --post-image-aspect: 16/9;
  --color-text-button: var(--color-brand-action-on);
  --color-bg-button: var(--color-brand-action-fill);
  --color-white: var(--color-surface);
  --color-black: var(--color-text);
  --color-black-50: var(--color-surface-sunken);
  --color-black-100: var(--color-surface-sunken);
  --color-black-200: var(--color-border);
  --color-black-300: var(--color-border-strong);
  --color-black-500: var(--color-text-muted);
  --color-black-600: var(--color-text-secondary);
}

/* ── 세 언어: 지금 언어 문구만 보인다(partials/l10n.hbs · tag-label.hbs) ── */
html[data-news-lang="en"] [data-lang-only]:not([data-lang-only="en"]),
html[data-news-lang="ja"] [data-lang-only]:not([data-lang-only="ja"]),
html[data-news-lang="ko"] [data-lang-only]:not([data-lang-only="ko"]) { display: none !important; }

/* 한·일 줄바꿈 — 낱말 가운데서 끊지 않는다(디자인 가이드 03 「글자 하한」). */
:lang(ko) { word-break: keep-all; }
:lang(ja) :is(h1, h2, h3, h4) { word-break: auto-phrase; }

:focus-visible { outline: 2px solid var(--color-brand-link-text); outline-offset: 2px; }

.s-entry-content a { color: var(--color-brand-link-text); }

/* 버튼: 글자가 미끄러지는 Boulevard 효과 대신 색만 바뀐다(토큰 모션 규칙 — 장식 애니메이션 금지). */
.s-btn::before { content: none; }
.s-btn:hover span { transform: none; }
.s-btn { transition: opacity var(--motion-tint) var(--motion-ease); }
.s-btn:hover { opacity: .88; }

/* ── GNB — 모양은 본 사이트 /css/global-header.css(default.hbs). 여기는 그 파일이 본 사이트 화면 CSS 에 기대는 값만 ── */
:root {
  --mint: var(--color-brand-action-fill);   /* 지금 화면 아이콘 밑줄(뉴스 아이콘) */
  --panel: var(--set-panel);                /* 사람 아이콘 hover */
}
body > header.global-header a { color: inherit; text-decoration: none; }

/* ── 뉴스 분류 줄 — GNB 아래, 같은 좌우 여백. 따라붙지 않고, 좁으면 줄바꿈 대신 가로로 민다 ── */
.s-news-tabs {
  display: flex; gap: var(--space-7);
  padding-inline: max(var(--site-gutter), calc((100% - var(--site-content-width)) / 2));
  overflow-x: auto; scrollbar-width: none;
  border-bottom: 1px solid var(--color-border);
  font-size: var(--text-data); font-weight: var(--weight-medium);
}
.s-news-tabs::-webkit-scrollbar { display: none; }
.s-news-tabs a {
  position: relative; flex: none; display: flex; align-items: center;
  min-height: 48px; white-space: nowrap;
  color: var(--color-text-secondary); text-decoration: none;
}
.s-news-tabs a:hover { color: var(--color-brand-link-text); }
.s-news-tabs a[aria-current="page"] { color: var(--color-text); }
.s-news-tabs a[aria-current="page"]::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: var(--mint);
}
@media screen and (max-width: 760px) {
  .s-news-tabs { gap: var(--space-5); }
  .s-news-tabs a { min-height: 44px; }
}

/* ── 목록 ───────────────────────────────────────────────────────────── */
/* 그리드 칸(1fr)이 카드의 최소 폭에 끌려 늘지 않게 — 일본어 제목(word-break: auto-phrase)이 320 폭에서 칸을 290px 로 밀었다(T14). */
.s-cards > * { min-width: 0; }
.s-data-as-of {
  margin: 0;
  font-size: var(--text-label); font-variant-numeric: tabular-nums;
  color: var(--color-text-muted);
}

/* ── 홈(partials/home-content.hbs): 위 = 최신 1편(2/3) + 추천 4편(1/3) · 아래 = 최신 목록 3열 + 사이드바 300 ── */
.s-home { margin-top: var(--space-6); }
.s-content.s-home .s-container { gap: var(--space-8); }  /* Boulevard .home-template .s-content .s-container(32) 보다 세게 */
@media (max-width: 479px) { .s-home .s-container { padding: 0 var(--space-4); } }
.s-home-top { display: grid; gap: var(--space-4); }
/* 칸이 일본어 제목(auto-phrase)의 최소 폭에 끌려 늘지 않게 — 390 폭 ja 머리기사가 455px 로 넘쳤다(0.2.6 실측). */
.s-home-top > * { min-width: 0; }
.s-lead .s-image { aspect-ratio: 3/2; }
@media (min-width: 1024px) {
  .s-home-top { grid-template-columns: 2fr 1fr; gap: var(--space-6); }
  .s-home .s-content-layout.has-sidebar .s-content-aside { width: 300px; min-width: 300px; }
  .s-home .s-content-layout.has-sidebar { gap: var(--space-6); }
}
/* 추천·많이 본 글 줄 그림 84×56(3:2). 사이드바 그림 1:1 · 카드 둥근 모서리 16 을 덮는다. */
.s-sidebar-featured .s-card-image { min-width: 84px; max-width: 84px; }
.s-sidebar-featured .s-image { aspect-ratio: 3/2; border-radius: var(--radius-sm); }
.s-sidebar-featured .s-card-content { min-width: 0; }  /* 같은 이유 — ja 390 추천 줄 제목이 427px 로 밀었다 */
.s-rank { display: flex; flex-direction: column; gap: var(--space-4); margin: 0; padding: 0; list-style: none; }
.s-rank li { display: flex; gap: var(--space-3); align-items: flex-start; }
.s-rank-num { flex: none; min-width: 1em; font-weight: var(--weight-bold); color: var(--color-accent); font-variant-numeric: tabular-nums; }
/* 홈 밀도(0.2.7) — 값 = 시안 news-home-plan 의 CSS 를 토큰으로(색은 시안과 같은 토큰: accent · accent-soft · slate-100 · border · ink).
   카드 모양(둥근 그림 + 아래 글, 상자 없음)은 승인 범위대로 그대로 — 크기·간격·글자만 맞춘다. */
.s-content.s-home .s-container { gap: var(--space-8); }  /* Boulevard .home-template .s-content .s-container(32) 보다 세게 */
@media (max-width: 479px) { .s-home .s-container { padding: 0 var(--space-4); } }
.s-home .s-card .s-tags > .s-tag ~ .s-tag { display: none; }  /* 카드 분류 배지는 첫 1개(사이드바 태그 목록은 그대로) */
.s-home .s-card .s-tags .s-tag {
  padding: calc(var(--space-1) / 2) var(--space-3); border-radius: var(--radius-full);
  background: var(--color-accent-soft); color: var(--color-accent);
  font-size: var(--text-label); font-weight: var(--weight-medium);
}
.s-home .s-byline { font-size: var(--text-label); font-weight: var(--weight-regular); color: var(--color-text-muted); }
/* 머리기사 */
.s-lead .s-card { gap: 0; overflow: hidden; background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-lg); }
.s-lead .s-card-image .s-image { border-radius: 0; }  /* 그림 모서리는 상자가 자른다 */
.s-lead .s-card-content { gap: var(--space-3); padding: var(--space-5) var(--space-5) var(--space-6); }
.s-lead .s-card h2 { max-width: 18em; font-weight: var(--weight-bold); }
.s-lead .s-card-excerpt { font-size: var(--text-data); color: var(--color-text-secondary); }
@media (max-width: 767px) { .s-lead .s-card-excerpt { display: none; } .s-lead .s-card-content { padding-bottom: var(--space-4); } }
/* 상자(추천 · 사이드바) = 흰 바탕 + 테두리 + 모서리 12 + 안쪽 16, 머리말 18 */
.s-home .s-sidebar-items { gap: var(--space-4); }
.s-home .s-sidebar-content {
  gap: var(--space-3); padding: var(--space-4);
  background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-lg);
}
.s-home .s-sidebar-content > h4 { font-size: 1.125rem; line-height: 1.3; }  /* = s-heading-md(18) — 18 은 토큰에 없어 Boulevard 단계값 */
.s-home .s-sidebar-featured .s-card { gap: var(--space-3); }
.s-home .s-sidebar-featured .s-card-content { gap: var(--space-1); }
.s-home .s-sidebar-featured .s-byline { line-height: 1.3; }
.s-home .s-sidebar-featured .s-card h3 {
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;
  font-size: var(--text-data); line-height: 1.35;
}
.s-home .s-rank { gap: var(--space-3); }
.s-sidebar-about p { margin: 0; line-height: 1.5; }
.s-home .s-sidebar-about h4 { font-size: var(--text-data); }
.s-home .s-sidebar-about p { font-size: var(--text-data); color: var(--color-text-secondary); }
/* Latest 머리줄 */
.s-latest-head { margin-bottom: var(--space-4); }
/* Latest 카드: 그림 3:2 · 제목 2줄 */
.s-home .s-cards .s-image { aspect-ratio: 3/2; }
.s-home .s-cards .s-card { gap: var(--space-3); }
.s-home .s-cards .s-card-content { gap: var(--space-2); padding: 0 var(--space-3) var(--space-2); }
.s-home .s-cards .s-card h3 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; line-height: 1.35; }

/* 홈 제목 줄바꿈: ja = 단어 안에서 안 끊고(넘칠 때만 아무 데서나) 금칙 엄격 · ko = keep-all(전역) · 둘 다 줄 길이 고르게 */
.s-home :is(h2, h3, h4):lang(ja), .s-sidebar-about p:lang(ja) { word-break: auto-phrase; line-break: strict; text-wrap: balance; }  /* 구절 단위(0.2.8 keep-all 은 넘칠 때 「、」 줄머리·단어 중간) */
.s-lead .s-card h2:lang(ja) { max-width: 20em; }
.s-home .s-cards .s-card h3:lang(ja) { -webkit-line-clamp: 3; }
.s-home .s-sidebar-featured .s-card h3:lang(ja) { -webkit-line-clamp: 4; }
.s-home :is(h2, h3, h4):lang(ko) { text-wrap: balance; }
/* 휴대폰: 분야 탭은 가로로 밀리니 오른쪽 끝을 흐리게(더 있다는 표시). */
@media (max-width: 767px) {
  .s-news-tabs { mask-image: linear-gradient(to right, black calc(100% - var(--space-7)), transparent); }
}

/* 사이드바 언어 묶음(sidebar/index)은 상자를 만들지 않는다 — 빈 묶음이 칸 간격을 먹지 않게. */
.s-sidebar-items > [data-lang-only] { display: contents; }

/* ── 기사 끝: 저자 · AI 고지 · 시세 기준일 · 카드 링크 ───────────────────── */
.s-news-footer {
  display: flex; flex-direction: column; gap: var(--space-4);
  padding: var(--space-6);
  background: var(--color-surface-sunken); border-radius: var(--corner-radius);
}
.s-news-meta { display: flex; flex-direction: column; gap: var(--space-2); }
.s-news-meta p { margin: 0; }
.s-news-author { font-size: var(--text-data); color: var(--color-text-muted); }
.s-news-author a { color: var(--color-text); font-weight: var(--weight-medium); text-decoration: none; }
.s-news-ai { font-size: var(--text-data); color: var(--color-text-secondary); }
.s-news-footer .s-data-as-of { font-size: var(--text-data); }
.s-news-card { align-self: flex-start; }

/* ── 푸터: Boulevard 의 `li span` 제목 스타일이 문구 span 에 번지지 않게 ─── */
.s-footer-nav ul li a span,
.s-footer-nav ul li span span { display: inline; margin: 0; font-size: inherit; font-weight: inherit; }
.s-footer-nav ul li a { white-space: nowrap; }
.s-footer-nav ul li a:hover { color: var(--color-brand-link-text); }
/* 푸터 분야 링크는 한 칸(li)에 category-links 를 통째로 — 칸을 지워 링크가 목록 줄로 선다 */
.s-footer-cats { display: contents; }
.s-footer-copyright { font-size: var(--text-data); color: var(--color-text-muted); }

/* ── 오류 화면 ──────────────────────────────────────────────────────── */
.s-error-content .s-btn-group { flex-wrap: wrap; justify-content: center; }

/* ── 로그인 실패 알림(?signin=failed) ──────────────────────────────── */
.s-toast {
  position: fixed; left: 50%; bottom: var(--space-6); z-index: 10002;
  transform: translateX(-50%);
  max-width: calc(100% - 2 * var(--space-5));
  padding: var(--space-3) var(--space-5);
  background: var(--color-text); color: var(--color-surface);
  border-radius: var(--radius-md); box-shadow: var(--shadow-rest);
  font-size: var(--text-data);
}
.s-toast[hidden] { display: none; }

/* ══ UX 점검 g4 반영(0.2.13, 2026-10-11 대표 「UX 개선 다 적용」) ══════════════════════ */

/* 본문으로 건너뛰기(13) — 키보드 첫 Tab 에만 보인다 */
.s-skip {
  position: absolute; left: var(--space-4); top: -100px; z-index: 100;
  padding: var(--space-3) var(--space-4);
  background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-md); box-shadow: var(--shadow-rest);
  text-decoration: none;
}
.s-skip:focus { top: var(--space-2); }

/* GNB 모양(아이콘 · 이름 · 간격)은 본 사이트 /css/global-header.css 하나가 정한다 — 여기서 덮지 않는다(2026-10-12: 0.2.13 의 ::before 이름이
   본 사이트의 이름과 겹쳐 뉴스에서만 아래로 · 두 번 찍혔다). 시험 scripts/checks/theme_gnb_check.py */
/* 감춘 언어 select(account-menu.js .acm-moved, 1px 절대 위치)가 글자로 넓어진 줄 끝 너머(390 en 409px)에 놓여 가로 넘침 → 머리 줄 안 왼쪽 위에 둔다. */
html body > header.global-header .acm-moved { left: 0; top: 0; }

/* SnapHolo 두 버튼(5 · 2) — sh-cta(사이드바 소개 · 휴대폰 기사 끝 · 홈) + 발행기가 본문 요약 아래 넣는 카드 시세 버튼 줄(.sh-price-cta). 민트 채움 · 누르는 높이 44. */
.s-cta, .s-entry-content .sh-price-cta { display: flex; flex-wrap: wrap; gap: var(--space-2); }
.s-cta .s-btn, .s-entry-content .sh-price-cta a {
  display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 var(--space-4);
  border-radius: var(--radius-md); font-size: var(--text-data); font-weight: var(--weight-medium); line-height: 1.2; text-decoration: none;
}
.s-entry-content .sh-price-cta a { background: var(--color-brand-action-fill); color: var(--color-brand-action-on); }
/* 출처 줄(발행기 .sh-sources, 기사 끝) = 작은 회색 한 줄 */
.s-entry-content .sh-sources { font-size: var(--text-data); color: var(--color-text-muted); }
/* 본문 표가 320 폭에서 문서를 369px 로 밀었다 — 표만 가로로 민다. */
.s-entry-content table { display: block; max-width: 100%; overflow-x: auto; }
/* 기사 끝 SnapHolo 시세 표(livevil-contents snapholo_price_table · 관제 2026-10-18): 행 구분선 · 머리 굵게 · 가격 오른쪽 정렬 */
.s-entry-content .sh-price-table table { border-collapse: collapse; font-variant-numeric: tabular-nums; }
.s-entry-content .sh-price-table th, .s-entry-content .sh-price-table td { border-bottom: 1px solid #dee8ee; padding: 8px 10px; text-align: left; vertical-align: top; }
.s-entry-content .sh-price-table th { font-weight: 700; }
.s-entry-content .sh-price-table th:last-child, .s-entry-content .sh-price-table td:last-child { text-align: right; white-space: nowrap; }
.s-entry-content .sh-price-table td:last-child { font-family: var(--font-num); }  /* 금액 칸 = 세 언어 모두 Roboto(대표 2026-11-03) */
.s-entry-content .sh-price-note { font-size: var(--text-data); color: var(--color-text-muted); }
.s-cta .s-btn--line { background: transparent; color: var(--color-text); border: 1px solid var(--color-border-strong); }

/* 카드 스캔 버튼 = 본 사이트 공용 /js/scan-fab.js + /css/scan-fab.css 그대로(모양 · 자리 · 휴대폰 body 아래 여백 모두 그쪽) — 덮지 않는다.
   2026-10-12 대표 「왜 뉴스만 카드 스캔 버튼이 달라?」: 0.2.13 의 글자 알약 · 휴대폰 아래 띠를 걷었다. 알림 칸만 버튼(700 이하 18 + 52px) 위로. */
@media (max-width: 700px) { .s-toast { bottom: calc(70px + var(--space-4) + env(safe-area-inset-bottom)); } }

/* 누르는 높이 44(12) — 공유 아이콘 · 기사 머리 태그. 카드 안 분류 배지는 모양을 두고 누르는 칸만 위아래로 넓힌다. */
.s-share ul { gap: var(--space-2); }
.s-share ul li a { display: grid; place-items: center; min-width: 44px; min-height: 44px; }
@media (max-width: 479px) { .s-entry-footer .s-share { gap: var(--space-3); padding: var(--space-4) var(--space-3); } .s-share ul { gap: 0; } }
.s-post-header .s-tags .s-tag { min-height: 44px; display: inline-flex; align-items: center; }
.s-card .s-tags .s-tag { position: relative; }
.s-card .s-tags .s-tag::after { content: ""; position: absolute; left: 0; right: 0; top: 50%; height: 44px; transform: translateY(-50%); }

/* 홈 첫 화면 오른쪽 칸(11) = 추천 · 소개(두 버튼) · 많이 본 글. 태그 상자 · Latest 칩은 없앴다(2026-11-06). */
.s-home-side { display: flex; flex-direction: column; gap: var(--space-4); }

/* 기사 휴대폰 순서(6 · 5): 본문 → SnapHolo 두 버튼 → 기사 끝 상자 → 관련 기사 → 공유 → 댓글 → 사이드바. 겹 상자를 풀어 한 줄로 세운다(큰 화면은 그대로). */
.s-post-cta { display: none; }
#comments { scroll-margin-top: 88px; }
/* 관련 기사 칸이 일본어 제목 최소 폭에 끌려 320 폭에서 373px 로 넘쳤다 — 목록 카드와 같은 처방 */
.s-related .s-card { min-width: 0; }
@media (max-width: 1023px) {
  .post-template .s-post-cta { display: block; order: 2; }
  .post-template :is(.s-content-layout.has-sidebar, .s-content-main, .s-entry, .s-entry-footer) { display: contents; }  /* .has-sidebar = main.css 의 display:flex 보다 세게 */
  .post-template .s-entry-content { order: 1; }
  .post-template .s-news-footer { order: 3; }
  .post-template .s-post-data-links { order: 4; }
  .post-template .s-container > [data-lang-only] { order: 4; }
  .post-template .s-entry-footer .s-share { order: 5; }
  .post-template #comments { order: 6; }
  .post-template .s-content-aside { order: 7; }
  .post-template .s-sidebar-about { display: none; }  /* 같은 두 버튼이 기사 끝에 있다 */
  .s-entry-footer #ghost-comments-root { padding: var(--space-4); }
}

/* 카드 메타 줄(저자 • 날짜): 좁으면 날짜가 「•」째 다음 줄 머리로 떨어졌다(320 태그 카드) → 한 줄 고정, 길면 저자 이름만 말줄임. */
.s-byline { flex-wrap: nowrap; min-width: 0; }
.s-byline-author, .s-byline-author-content, .s-byline-author-content a { min-width: 0; }
.s-byline-author-name { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.s-byline-date { flex: none; white-space: nowrap; }
/* 목록 자동 로딩 — 불러오는 중 자리를 처음부터 잡아 둔다(나중에 나타나며 바닥글을 밀지 않게) */
.s-card-loader{display:flex;min-height:44px}

/* Spoted Crypto layer — loaded after tokens.css, main.css and snapholo.css.
   Values come from the approved Figma mockup (Spotedcrypto — News theme mockup, 2026-11-04): Newsreader headlines, Roboto text, bitcoin orange accent. */
:root {
  --font-sans: "Roboto", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  --font-display: "Newsreader", Georgia, "Times New Roman", serif;
  --body-font-family: var(--font-sans);
  --heading-font-family: var(--font-display);
  --heading-font-weight: 600;
  --heading-letter-spacing: -0.01em;
  --color-text: #0f172a;
  --color-text-secondary: #5b6577;
  --color-text-muted: #5b6577;
  --color-border: #e3e7ee;
  --color-border-strong: #cbd2dc;
  --color-surface: #ffffff;
  --color-surface-sunken: #f6f7f9;
  --color-bg: #ffffff;
  --color-brand-action-fill: #f7931a;
  --color-brand-action-on: #111111;
  --color-brand-link-text: #9a5300;
  --color-accent: #9a5300;
  --color-accent-soft: #fff2df;
  --color-accent-fill: #f7931a;
  --color-accent-line: #f7931a;
  --mint: #f7931a;
  --site-gutter: 16px;
  --site-content-width: 1200px;
  --container-width: 1200px;
}
body { background: var(--color-bg); color: var(--color-text); font-family: var(--font-sans); }
/* tokens.css sets `:lang(en) { --font-sans: …; font-family: var(--font-sans) }` on every element, so these must be :lang(en)-scoped to win. */
:lang(en) { --font-sans: "Roboto", system-ui, -apple-system, "Segoe UI", Arial, sans-serif; }
:lang(en) :is(h1, h2, h3, h4), :lang(en).sc-wordmark, :lang(en) .sc-wordmark { font-family: var(--font-display); }

/* Top bar */
.s-skip { position: absolute; left: 16px; top: -100px; z-index: 100; padding: 8px 12px; background: var(--color-text); color: #fff; border-radius: 6px; }
.s-skip:focus { top: 8px; }
.sc-header { border-bottom: 1px solid var(--color-border); background: var(--color-surface); }
.sc-header-inner { display: flex; align-items: center; justify-content: space-between; gap: 24px; max-width: var(--site-content-width); margin: 0 auto; padding: 14px var(--site-gutter); min-height: 64px; box-sizing: content-box; font-size: 15px; font-weight: 500; }
.sc-logo { display: inline-flex; align-items: center; gap: 10px; margin-right: auto; color: var(--color-text); text-decoration: none; }
.sc-logo img { height: 34px; width: auto; }
.s-sidebar-about img.sc-about-logo { display: block; width: 38px; height: 44px; max-width: none; object-fit: contain; margin: 0 0 12px; border-radius: 0; aspect-ratio: auto; }
.sc-mark { width: 22px; height: 22px; border-radius: 5px; background: var(--color-brand-action-fill); flex: none; }
.sc-wordmark { font-family: var(--font-display); font-weight: 700; font-size: 24px; line-height: 1; letter-spacing: -0.01em; }
.sc-nav { display: flex; align-items: center; gap: 24px; }
.sc-nav-link, .sc-search { color: var(--color-text); text-decoration: none; }
.sc-search { display: inline-flex; align-items: center; gap: 6px; padding: 0; border: 0; background: none; font: inherit; cursor: pointer; }
.sc-nav-link:hover, .sc-search:hover { color: var(--color-brand-link-text); }
.sc-subscribe { display: inline-flex; align-items: center; min-height: 36px; padding: 0 16px; border-radius: 6px; background: var(--color-brand-action-fill); color: var(--color-brand-action-on); font-weight: 600; font-size: 14px; text-decoration: none; }
.sc-subscribe:hover { opacity: .9; }
@media (max-width: 760px) {
  /* Row 1 = wordmark, search, subscribe. Row 2 = the main menu, scrolling inside its own row (never the page). */
  .sc-header-inner { flex-wrap: wrap; gap: 0 16px; padding-block: 8px; min-height: 0; }
  .sc-search span { display: none; }
  .sc-search { justify-content: center; min-width: 44px; min-height: 44px; }
  .sc-nav { order: 1; flex: 1 0 100%; gap: 20px; padding: 4px 2px; overflow-x: auto; scrollbar-width: none; }
  .sc-nav::-webkit-scrollbar { display: none; }
  .sc-nav-link { display: inline-flex; align-items: center; min-height: 44px; white-space: nowrap; }
  .sc-wordmark { font-size: 20px; }
  /* Category tabs scroll sideways; leave room after the last tab so the edge fade does not cover it. */
  .s-news-tabs { padding-inline-end: var(--space-7); }
}
/* Category tabs: active underline in accent */
.s-news-tabs a[aria-current="page"]::after { background: var(--color-brand-action-fill); }

/* Chips, links, buttons */
.s-card .s-tags .s-tag { background: var(--color-accent-soft); color: var(--color-accent); }
.s-entry-content a { color: var(--color-brand-link-text); }
.s-btn { background: var(--color-brand-action-fill); color: var(--color-brand-action-on); }

/* Footer */
.sc-footer { margin-top: 56px; border-top: 1px solid var(--color-border); background: var(--color-surface-sunken); color: var(--color-text-secondary); font-size: 13px; }
.sc-footer-inner { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px 24px; max-width: var(--site-content-width); margin: 0 auto; padding: 28px var(--site-gutter); }
.sc-footer-nav { display: flex; flex-wrap: wrap; gap: 8px 18px; }
.sc-footer a { color: inherit; text-decoration: none; }
.sc-footer a:hover { color: var(--color-text); }

/* Stablecoin yields page + articles (.sy-). Tabs are CSS-only: radio inputs + labels, panels shown by :checked. */
.sy-page { font-family: var(--font-sans); color: var(--color-text); font-size: 15px; line-height: 1.5; max-width: 100%; }
.sy-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.sy-meta { display: flex; flex-wrap: wrap; gap: 4px 16px; margin: 0 0 12px; color: var(--color-text-secondary); font-size: 14px; }
.sy-meta p, .sy-disclaimer, .sy-method, .sy-stale { margin: 0; }
.sy-stale { margin-bottom: 12px; padding: 10px 14px; border: 1px solid #b42318; border-left-width: 4px; border-radius: 6px; background: #fff0ee; color: #7a1a10; font-weight: 500; }
.sy-disclaimer { margin-bottom: 16px; padding: 10px 14px; border-radius: 6px; background: var(--color-accent-soft); font-size: 14px; }
.sy-tabs { position: relative; }
.sy-radio { position: absolute; opacity: 0; width: 1px; height: 1px; margin: 0; }
.sy-tablist { display: flex; gap: 4px; border-bottom: 1px solid var(--color-border); margin-bottom: 12px; }
.sy-tablist label { display: inline-flex; align-items: center; min-height: 44px; padding: 0 18px; font-weight: 600; color: var(--color-text-secondary); cursor: pointer; border-bottom: 3px solid transparent; margin-bottom: -1px; }
.sy-tablist label:hover { color: var(--color-text); }
#sy-tab-cex:checked ~ .sy-tablist label[for="sy-tab-cex"], #sy-tab-defi:checked ~ .sy-tablist label[for="sy-tab-defi"] { color: var(--color-text); border-bottom-color: var(--color-brand-action-fill); }
#sy-tab-cex:focus-visible ~ .sy-tablist label[for="sy-tab-cex"], #sy-tab-defi:focus-visible ~ .sy-tablist label[for="sy-tab-defi"] { outline: 3px solid var(--color-brand-link-text); outline-offset: -3px; border-radius: 4px; }
.sy-panel { display: none; }
#sy-tab-cex:checked ~ .sy-panel-cex, #sy-tab-defi:checked ~ .sy-panel-defi { display: block; }
.sy-scroll { overflow-x: auto; border: 1px solid var(--color-border); border-radius: 8px; background: var(--color-surface); -webkit-overflow-scrolling: touch; }
.sy-scroll:focus-visible { outline: 3px solid var(--color-brand-link-text); outline-offset: 2px; }
.sy-table { width: 100%; min-width: 640px; margin: 0; border-collapse: collapse; font-size: 14px; }
.sy-table th, .sy-table td { padding: 10px 12px; border-bottom: 1px solid var(--color-border); text-align: left; vertical-align: middle; }
.sy-table thead th { background: var(--color-surface-sunken); color: var(--color-text-secondary); font-weight: 600; font-size: 13px; white-space: nowrap; }
.sy-table tbody tr:last-child td { border-bottom: 0; }
.sy-table .sy-num { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.sy-table th:first-child, .sy-table td:first-child { position: sticky; left: 0; background: var(--color-surface); box-shadow: 1px 0 0 var(--color-border); }
.sy-table thead th:first-child { background: var(--color-surface-sunken); }
.sy-table a, .sy-changelog a, .sy-method a { color: var(--color-brand-link-text); }
.sy-up { color: #0b6b36; font-weight: 500; }
.sy-down { color: #b42318; font-weight: 500; }
.sy-flat { color: var(--color-text-secondary); }
.sy-badge { display: inline-block; margin-left: 6px; padding: 1px 7px; border-radius: 999px; background: var(--color-accent-soft); color: var(--color-brand-link-text); font-size: 11px; font-weight: 600; line-height: 1.5; vertical-align: middle; }
.sy-spark { display: block; margin-left: auto; color: var(--color-brand-link-text); overflow: visible; }
.sy-empty { margin: 8px 0; color: var(--color-text-secondary); }
.sy-h { margin: 28px 0 10px; font-family: var(--font-display); font-size: 22px; font-weight: 600; }
.sy-changelog { margin: 0; padding: 0; list-style: none; }
.sy-changelog li { padding: 8px 0; border-bottom: 1px solid var(--color-border); }
.sy-changelog time { display: inline-block; min-width: 92px; color: var(--color-text-secondary); font-variant-numeric: tabular-nums; }
.sy-method { color: var(--color-text-secondary); font-size: 14px; }
@media (max-width: 760px) {
  .sy-page { font-size: 14px; }
  .sy-tablist label { flex: 1; justify-content: center; }
}
/* Staking yields page: ETH / SOL / Other tabs (same pattern as the cex/defi tabs above). */
#sy-tab-eth:checked ~ .sy-tablist label[for="sy-tab-eth"], #sy-tab-sol:checked ~ .sy-tablist label[for="sy-tab-sol"], #sy-tab-other:checked ~ .sy-tablist label[for="sy-tab-other"] { color: var(--color-text); border-bottom-color: var(--color-brand-action-fill); }
#sy-tab-eth:focus-visible ~ .sy-tablist label[for="sy-tab-eth"], #sy-tab-sol:focus-visible ~ .sy-tablist label[for="sy-tab-sol"], #sy-tab-other:focus-visible ~ .sy-tablist label[for="sy-tab-other"] { outline: 3px solid var(--color-brand-link-text); outline-offset: -3px; border-radius: 4px; }
#sy-tab-eth:checked ~ .sy-panel-eth, #sy-tab-sol:checked ~ .sy-panel-sol, #sy-tab-other:checked ~ .sy-panel-other { display: block; }
/* ETF flows page: summary cards (.sy-cards) */
.sy-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 10px; margin: 0 0 20px; }
.sy-card { padding: 12px 14px; border: 1px solid var(--color-border); border-radius: 8px; background: var(--color-surface); }
.sy-card p { margin: 0; }
.sy-card-label { color: var(--color-text-secondary); font-size: 13px; }
.sy-card-value { margin-top: 4px; font-family: var(--font-display); font-size: 20px; font-weight: 600; font-variant-numeric: tabular-nums; }
/* Change posts: article.css forces post tables to display:block with 8rem cells; keep the data table layout. */
.post-template .s-entry-content .sy-scroll { margin: 16px 0 24px; }
:is(.post-template, .page-template) .s-entry-content table.sy-table { display: table; width: 100%; max-width: none; min-width: 0; overflow: visible; margin: 0; border: 0; }
.post-template .s-entry-content .sy-table :is(th, td), .post-template .s-entry-content .sy-table :is(th, td):first-child { min-width: 0; padding: 10px 12px; border-width: 0 0 1px; }

/* Staking calculator (.sc-) */
.sc-form { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 14px; margin: 16px 0; padding: 16px; border: 1px solid var(--color-border); border-radius: 8px; background: var(--color-surface-sunken); }
.sc-form label { display: block; margin-bottom: 4px; color: var(--color-text-secondary); font-size: 13px; font-weight: 600; }
.sc-form :is(input[type=number], select) { width: 100%; min-height: 44px; padding: 8px 10px; border: 1px solid var(--color-border); border-radius: 6px; background: var(--color-surface); color: var(--color-text); font: inherit; font-size: 16px; }
.sc-period { display: flex; gap: 8px; }
.sc-form .sc-check { display: flex; grid-column: 1 / -1; gap: 8px; align-items: center; margin: 0; font-size: 14px; }
.sc-check input { width: 20px; height: 20px; }

/* A wide data table must scroll inside its box, not push the sidebar off the page */
.s-content-layout.has-sidebar, .s-content-layout.has-sidebar .s-content-main { width: 100%; min-width: 0; }

/* Data cards (partials/data-cards.hbs): home top, /data/, topic tabs. 2 columns on phones, 1 below 340px. */
.sc-data-title { margin: 0 0 var(--space-3); }
ul.sc-data-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: var(--space-3); margin: 0; padding: 0; list-style: none; }
.sc-data-cards > li { min-width: 0; margin: 0; padding: 0; }
.s-entry-content ul.sc-data-cards { margin-block: var(--space-6); }
.sc-data-cards .sc-data-card { display: flex; flex-direction: column; justify-content: center; gap: var(--space-1); box-sizing: border-box; height: 100%; min-height: 56px; padding: var(--space-3) var(--space-4); border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-surface); color: var(--color-text); text-decoration: none; transition: border-color var(--motion-tint) var(--motion-ease); }
.sc-data-cards .sc-data-card:hover { border-color: var(--color-brand-action-fill); }
.sc-data-cards .sc-data-card:focus-visible { outline: 3px solid var(--color-brand-link-text); outline-offset: 2px; }
.sc-data-name { display: flex; justify-content: space-between; align-items: baseline; gap: var(--space-2); color: var(--color-text-secondary); font-size: var(--text-data); font-weight: var(--weight-medium); overflow-wrap: anywhere; }
.sc-data-go { flex: none; color: var(--color-brand-link-text); }
.sc-data-value { font-family: var(--font-display); font-size: 1.125rem; font-weight: 600; line-height: 1.3; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; color: var(--color-text); }
@media (max-width: 339px) { ul.sc-data-cards { grid-template-columns: 1fr; } }
@media (max-width: 380px) {
  .sc-header-inner { column-gap: 8px; }
  .sc-logo { gap: 6px; }
  .sc-logo img { height: 28px; }
  .sc-wordmark { font-size: 17px; }
  .sc-subscribe { padding: 0 10px; font-size: 14px; }
}

/* Topic tab hub (tag.hbs): data cards, then the Guides list, above the post list. */
.sc-hub-data, .sc-hub-guides-box { margin-bottom: var(--space-6); }
.sc-hub-title { margin: 0 0 var(--space-2); }
.sc-hub-guides { display: grid; grid-template-columns: 1fr; column-gap: var(--space-6); margin: 0; padding: 0; list-style: none; }
@media (min-width: 768px) { .sc-hub-guides { grid-template-columns: 1fr 1fr; } }
.sc-hub-guides a, .sc-side-links a { display: flex; align-items: center; min-height: 44px; padding: var(--space-2) 0; border-bottom: 1px solid var(--color-border); color: var(--color-text); font-weight: var(--weight-medium); line-height: 1.35; text-decoration: none; }
.sc-hub-guides a:hover, .sc-side-links a:hover { color: var(--color-brand-link-text); text-decoration: underline; }
.sc-side-links { margin: 0; padding: 0; list-style: none; }
.sc-side-links a { font-size: var(--text-data); }
/* 홈 종류별 구역 (partials/home-content.hbs): 제목 왼쪽 · 전체 보기 링크 오른쪽 */
.sc-home-section-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-1) var(--space-3); margin-bottom: var(--space-3); }
.sc-home-section-title { margin: 0; min-width: 0; }
.sc-home-section-link { display: inline-flex; align-items: center; min-height: 44px; color: var(--color-brand-link-text); font-size: var(--text-data); font-weight: var(--weight-medium); text-decoration: none; }
.sc-home-section-link:hover { text-decoration: underline; }
.sc-home-section-link:focus-visible { outline: 3px solid var(--color-brand-link-text); outline-offset: 2px; border-radius: 4px; }
.sc-home-section .s-cards { margin-top: 0; }
/* 글 머리 수정일 · 글 끝 편집 안내 (post.hbs · news-footer) */
.sc-updated { margin: 0; color: var(--color-text-muted); font-size: var(--text-data); }
.s-news-editorial { margin: 0; color: var(--color-text-secondary); font-size: var(--text-data); line-height: 1.5; }
.s-news-editorial a { color: var(--color-brand-link-text); text-decoration: underline; display: inline-block; min-height: 24px; }
.s-news-editorial a:focus-visible { outline: 3px solid var(--color-brand-link-text); outline-offset: 2px; border-radius: 4px; }

/* Live crypto data links under each article (post.hbs) */
.s-post-data-links { margin: 32px 0 0; padding: 20px 0 0; border-top: 1px solid var(--color-border); }
.s-post-data-links-title { margin: 0 0 12px; font-size: 14px; font-weight: 700; color: var(--color-text); }
.s-post-data-links-list { display: flex; flex-wrap: wrap; gap: 8px 16px; margin: 0; padding: 0; list-style: none; }
.s-post-data-links-list a { display: inline-block; padding: 8px 0; font-size: 14px; color: var(--color-text-secondary); text-decoration: none; }
.s-post-data-links-list a:hover { color: var(--color-text); text-decoration: underline; }