@charset "UTF-8";
/*
 * 유학피플 공통 콘텐츠 디자인 — PC / 모바일
 * 이 파일의 값은 아래에 명시된 리팩토링 안내 페이지 내부에만 적용됩니다.
 * 구형 공통 CSS, 일반 학교 상세·정보글, 헤더·푸터에는 적용하지 않습니다.
 * 공무원 유학휴직 본문과 페이지 제목도 글자 설정을 함께 사용합니다.
 * 적용 범위를 :root 또는 body로 바꾸지 마세요.
 * initial = 각 페이지의 기존 값 유지. 통일할 때 원하는 px / 색상으로 바꾸세요.
 * 예: --up-pc-body-size: 16px; --up-pc-content-width: 1200px;
 * 모바일 분기: 767px 이하. 헤더·푸터·관리자·아이콘은 적용 대상이 아닙니다.
 * 도입부 여백·사진 높이는 10번에서, 본문 카드 열 수·지도 좌표는 전용 CSS에서 관리합니다.
 * 2026-10-23: 글자·색상·폭과 10번 도입부를 공통 디자인으로 통일했습니다.
 */
:where(main.uplg,
  main.upcg,
  main.upag,
  main.upjg,
  main.updg,
  main.upeg,
  main.uppg,
  #usa-junior-guide,
  #england-junior-guide,
  #phil-junior-guide,
  main.upcj,
  main.upug,
  main.upcug,
  main.upuk,
  main.upau,
  main.upcba,
  main.upk2,
  main.upci,
  main.upca,
  main.upphi,
  main.upcmp,
  main.ubg,
  main.upcm,
  main.ufq,
  #up-camp-guide,
  #up-family-camp-guide,
  main.upcc,
  main.upvr,
  main.upcp,
  main.upof,
  .upof-page .up-auto-page-title) {
  /* 1. PC 글자: 공통 기본값. initial 항목만 페이지별 값을 유지합니다. */
  --up-pc-body-size: 16px;
  --up-pc-summary-size: initial;
  --up-pc-meta-size: 13px;
  --up-pc-action-size: 15px;
  --up-pc-control-size: initial;
  --up-pc-section-size: 28px;
  --up-pc-subheading-size: 19px;
  --up-pc-page-title-size: initial;
  --up-pc-hero-size: 38px;
  --up-pc-display-size: initial;
  --up-pc-body-leading: 1.85;
  --up-pc-heading-leading: 1.45;

  /* 2. 모바일 글자 */
  --up-mobile-body-size: 16px;
  --up-mobile-summary-size: 15px;
  --up-mobile-meta-size: 14px;
  --up-mobile-action-size: 15px;
  --up-mobile-control-size: 16px;
  --up-mobile-section-size: 23px;
  --up-mobile-subheading-size: 17px;
  --up-mobile-page-title-size: 20px;
  --up-mobile-hero-size: 28px;
  --up-mobile-display-size: initial;
  --up-mobile-body-leading: 1.8;
  --up-mobile-heading-leading: 1.5;

  /* 3. PC 배치: 숫자를 지정하면 해당 항목을 공통으로 통일합니다. */
  --up-pc-content-width: 1160px; /* 예: 1120px 또는 1200px */
  --up-pc-gutter: 24px;        /* 본문 좌우 여백. 예: 20px */
  --up-pc-section-space: initial; /* 섹션 상하 여백. 예: 48px */
  --up-pc-card-gap: initial;      /* 카드 사이 간격. 예: 24px */
  --up-pc-paragraph-gap: initial; /* 문단 사이 간격. 예: 14px */
  --up-pc-button-height: initial; /* 버튼 최소 높이. 예: 48px */
  --up-pc-button-pad-y: initial;
  --up-pc-button-pad-x: initial;

  /* 4. 모바일 배치 */
  --up-mobile-content-width: 100%;
  --up-mobile-gutter: 18px;
  --up-mobile-section-space: 32px;
  --up-mobile-card-gap: initial;
  --up-mobile-paragraph-gap: 12px;
  --up-mobile-button-height: 44px;
  --up-mobile-button-pad-y: initial;
  --up-mobile-button-pad-x: initial;

  /* 5. 공통 색상·모양. 기존 색을 유지하려면 initial. */
  --up-color-accent: #67418c;       /* 보라색 포인트. 예: #5d48a3 */
  --up-color-accent-hover: #4c2c6c; /* 포인트 hover. 예: #493783 */
  --up-color-ink: #30253d;          /* 제목. 예: #292733 */
  --up-color-body: #4e4757;         /* 본문. 예: #403b49 */
  --up-color-muted: #6e6378;        /* 보조 정보. 예: #625b6d */
  --up-color-paper: #f8f6fa;        /* 옅은 배경. 예: #f7f6f9 */
  --up-color-surface: initial;      /* 흰 카드 배경. 예: #ffffff */
  --up-color-line: #9e8db2;         /* 박스·구분선 기본색: 선명한 회보라색 */
  --up-color-button-bg: initial;    /* 기본 상담 버튼 배경 */
  --up-color-button-text: initial;  /* 기본 상담 버튼 글자 */
  --up-color-button-border: initial;
  --up-button-radius: initial;     /* 예: 4px, 8px */
  --up-card-radius: initial;       /* 예: 4px, 8px */

  /* 6. 모바일에서만 다른 색을 사용할 때 */
  --up-mobile-color-body: #403b49;
  --up-mobile-color-muted: #625b6d;
  --up-mobile-color-paper: initial;


  /* 7. 선·테두리 — PC와 모바일 공통 기본값 */
  --up-line-width: 1px;            /* 가로·세로 구분선, 표의 줄 */
  --up-card-border-width: 2px;     /* 카드·박스 바깥 테두리 */
  --up-control-border-width: 1px;  /* 검색 입력창·선택창 */
  --up-button-border-width: 1px;   /* 버튼 테두리 */
  --up-accent-line-width: initial; /* 강조선: initial이면 기존 2~4px 유지 */
  --up-nav-line-width: initial;    /* 선택된 메뉴의 밑줄 */
  --up-color-card-border: var(--up-color-line);
  --up-color-control-border: var(--up-color-line);
  --up-color-accent-line: var(--up-color-line);
  --up-color-inverse-line: initial; /* 어두운 배경 위의 밝은 선 */
  --up-mobile-line-width: initial;
  --up-mobile-card-border-width: initial;
  --up-mobile-control-border-width: initial;
  --up-mobile-button-border-width: initial;
  --up-mobile-accent-line-width: initial;

  /* 8. 서체·굵기 — initial이면 각 페이지의 기존 서체와 굵기 유지 */
  --up-font-family: 'Noto Sans KR','Apple SD Gothic Neo','Malgun Gothic',sans-serif;       /* 예: 'Noto Sans KR', sans-serif */
  --up-font-weight-body: initial;
  --up-font-weight-heading: initial;
  --up-font-weight-strong: initial;
  --up-font-weight-action: initial;

  /* 9. 카드·배경·모서리·그림자 */
  --up-color-soft: initial;        /* 연한 배경·배지 */
  --up-color-soft-hover: initial;  /* 연한 배경의 마우스 반응 */
  --up-color-inverse-bg: initial;  /* 어두운 상담 배너 */
  --up-color-inverse-text: initial;
  --up-color-inverse-muted: initial;
  --up-hero-background: initial;   /* 그라데이션 배경 */
  --up-panel-background: initial;
  --up-image-radius: initial;
  --up-badge-radius: initial;
  --up-control-radius: initial;
  --up-card-shadow: initial;       /* 예: none 또는 0 4px 16px #00000014 */
  --up-pc-card-pad-y: initial;
  --up-pc-card-pad-x: initial;
  --up-mobile-card-pad-y: initial;
  --up-mobile-card-pad-x: initial;
  --up-pc-control-height: initial;
  --up-mobile-control-height: initial;
  --up-focus-width: initial;
  --up-color-focus: initial;

  /* 아래는 연결용입니다. 보통 위의 값만 수정하면 됩니다. */
  --up-theme-line-width: var(--up-line-width);
  --up-theme-card-border-width: var(--up-card-border-width);
  --up-theme-control-border-width: var(--up-control-border-width);
  --up-theme-button-border-width: var(--up-button-border-width);
  --up-theme-accent-line-width: var(--up-accent-line-width);
  --up-theme-card-pad-y: var(--up-pc-card-pad-y);
  --up-theme-card-pad-x: var(--up-pc-card-pad-x);
  --up-theme-control-height: var(--up-pc-control-height);
  --up-theme-body-size: var(--up-pc-body-size);
  --up-theme-summary-size: var(--up-pc-summary-size);
  --up-theme-meta-size: var(--up-pc-meta-size);
  --up-theme-action-size: var(--up-pc-action-size);
  --up-theme-control-size: var(--up-pc-control-size);
  --up-theme-section-size: var(--up-pc-section-size);
  --up-theme-subheading-size: var(--up-pc-subheading-size);
  --up-theme-page-title-size: var(--up-pc-page-title-size);
  --up-theme-hero-size: var(--up-pc-hero-size);
  --up-theme-display-size: var(--up-pc-display-size);
  --up-theme-body-leading: var(--up-pc-body-leading);
  --up-theme-heading-leading: var(--up-pc-heading-leading);
  --up-theme-content-width: var(--up-pc-content-width);
  --up-theme-gutter: var(--up-pc-gutter);
  --up-theme-section-space: var(--up-pc-section-space);
  --up-theme-card-gap: var(--up-pc-card-gap);
  --up-theme-paragraph-gap: var(--up-pc-paragraph-gap);
  --up-theme-button-height: var(--up-pc-button-height);
  --up-theme-button-pad-y: var(--up-pc-button-pad-y);
  --up-theme-button-pad-x: var(--up-pc-button-pad-x);
  --up-theme-color-body: var(--up-color-body);
  --up-theme-color-muted: var(--up-color-muted);
  --up-theme-color-paper: var(--up-color-paper);
}
@media (max-width: 767px) {
  :where(main.uplg,
  main.upcg,
  main.upag,
  main.upjg,
  main.updg,
  main.upeg,
  main.uppg,
  #usa-junior-guide,
  #england-junior-guide,
  #phil-junior-guide,
  main.upcj,
  main.upug,
  main.upcug,
  main.upuk,
  main.upau,
  main.upcba,
  main.upk2,
  main.upci,
  main.upca,
  main.upphi,
  main.upcmp,
  main.ubg,
  main.upcm,
  main.ufq,
  #up-camp-guide,
  #up-family-camp-guide,
  main.upcc,
  main.upvr,
  main.upcp,
  main.upof,
  .upof-page .up-auto-page-title) {
    --up-theme-line-width: var(--up-mobile-line-width, var(--up-line-width));
    --up-theme-card-border-width: var(--up-mobile-card-border-width, var(--up-card-border-width));
    --up-theme-control-border-width: var(--up-mobile-control-border-width, var(--up-control-border-width));
    --up-theme-button-border-width: var(--up-mobile-button-border-width, var(--up-button-border-width));
    --up-theme-accent-line-width: var(--up-mobile-accent-line-width, var(--up-accent-line-width));
    --up-theme-card-pad-y: var(--up-mobile-card-pad-y, var(--up-pc-card-pad-y));
    --up-theme-card-pad-x: var(--up-mobile-card-pad-x, var(--up-pc-card-pad-x));
    --up-theme-control-height: var(--up-mobile-control-height, var(--up-pc-control-height));
    --up-theme-body-size: var(--up-mobile-body-size);
    --up-theme-summary-size: var(--up-mobile-summary-size);
    --up-theme-meta-size: var(--up-mobile-meta-size);
    --up-theme-action-size: var(--up-mobile-action-size);
    --up-theme-control-size: var(--up-mobile-control-size);
    --up-theme-section-size: var(--up-mobile-section-size);
    --up-theme-subheading-size: var(--up-mobile-subheading-size);
    --up-theme-page-title-size: var(--up-mobile-page-title-size);
    --up-theme-hero-size: var(--up-mobile-hero-size);
    --up-theme-display-size: var(--up-mobile-display-size);
    --up-theme-body-leading: var(--up-mobile-body-leading);
    --up-theme-heading-leading: var(--up-mobile-heading-leading);
    --up-theme-content-width: var(--up-mobile-content-width);
    --up-theme-gutter: var(--up-mobile-gutter);
    --up-theme-section-space: var(--up-mobile-section-space);
    --up-theme-card-gap: var(--up-mobile-card-gap);
    --up-theme-paragraph-gap: var(--up-mobile-paragraph-gap);
    --up-theme-button-height: var(--up-mobile-button-height);
    --up-theme-button-pad-y: var(--up-mobile-button-pad-y);
    --up-theme-button-pad-x: var(--up-mobile-button-pad-x);
    --up-theme-color-body: var(--up-mobile-color-body, var(--up-color-body));
    --up-theme-color-muted: var(--up-mobile-color-muted, var(--up-color-muted));
    --up-theme-color-paper: var(--up-mobile-color-paper, var(--up-color-paper));
  }
}


/* 10. 공통 도입부 디자인 — 2026-10-23, 국가별 비용 페이지를 기준으로 통일.
 * 본문·SEO·사진 데이터는 각 페이지에서 유지합니다. 아래 값으로 도입부 모양을 조절합니다.
 * 기본 글자·색상·폭은 파일 상단 1~9번에서, 도입부 전용 여백·사진은 여기에서 조절합니다.
 * 기존 리팩토링 안내 페이지만 대상으로 합니다. 구형 상세페이지·헤더·푸터는 대상이 아닙니다.
 */
:where(main.uplg,
  main.upcg,
  main.upag,
  main.upjg,
  main.updg,
  main.upeg,
  main.uppg,
  main.upcj,
  #england-junior-guide,
  #phil-junior-guide,
  main.upug,
  main.upcug,
  main.upuk,
  main.upau,
  main.upcba,
  main.upk2,
  main.upci,
  main.upca,
  main.upphi,
  main.upcmp,
  main.ubg,
  main.upcm,
  main.ufq,
  main.uws,
  main.ucsi,
  main.upcp,
  main.upof,
  main.upcc,
  #up-camp-guide,
  #up-family-camp-guide,
  #usa-junior-guide,
  main.upvr) {
 --up-hero-background:var(--up-theme-color-paper,#f8f6fa);
 --up-hero-border-color:var(--up-color-card-border,#9e8db2);
 --up-hero-border-width:var(--up-theme-card-border-width,2px);
 --up-hero-radius:8px;
 --up-hero-card-radius:6px;
 --up-pc-hero-pad-y:36px;
 --up-pc-hero-pad-x:36px;
 --up-mobile-hero-pad-y:22px;
 --up-mobile-hero-pad-x:20px;
 --up-pc-hero-gap:40px;
 --up-mobile-hero-gap:22px;
 --up-pc-hero-lead-size:19px;
 --up-mobile-hero-lead-size:16px;
 --up-hero-lead-weight:700;
 --up-pc-hero-image-height:190px;
 --up-mobile-hero-image-height:170px;
 --up-pc-hero-card-padding:24px;
 --up-mobile-hero-card-padding:20px;
 --up-theme-hero-pad-y:var(--up-pc-hero-pad-y);
 --up-theme-hero-pad-x:var(--up-pc-hero-pad-x);
 --up-theme-hero-gap:var(--up-pc-hero-gap);
 --up-theme-hero-lead-size:var(--up-pc-hero-lead-size);
 --up-theme-hero-image-height:var(--up-pc-hero-image-height);
 --up-theme-hero-card-padding:var(--up-pc-hero-card-padding);
}
@media(max-width:767px){
 :where(main.uplg,
  main.upcg,
  main.upag,
  main.upjg,
  main.updg,
  main.upeg,
  main.uppg,
  main.upcj,
  #england-junior-guide,
  #phil-junior-guide,
  main.upug,
  main.upcug,
  main.upuk,
  main.upau,
  main.upcba,
  main.upk2,
  main.upci,
  main.upca,
  main.upphi,
  main.upcmp,
  main.ubg,
  main.upcm,
  main.ufq,
  main.uws,
  main.ucsi,
  main.upcp,
  main.upof,
  main.upcc,
  #up-camp-guide,
  #up-family-camp-guide,
  #usa-junior-guide,
  main.upvr) {
  --up-theme-hero-pad-y:var(--up-mobile-hero-pad-y);
  --up-theme-hero-pad-x:var(--up-mobile-hero-pad-x);
  --up-theme-hero-gap:var(--up-mobile-hero-gap);
  --up-theme-hero-lead-size:var(--up-mobile-hero-lead-size);
  --up-theme-hero-image-height:var(--up-mobile-hero-image-height);
  --up-theme-hero-card-padding:var(--up-mobile-hero-card-padding);
 }
}

/* 실제 도입부 선택자만 연결합니다. 동일한 클래스명을 사용하는 캠프/어학연수도 본문 범위로 구분합니다. */
:where(main.uplg,
  main.upcg,
  main.upag,
  main.upjg,
  main.updg,
  main.upeg,
  main.uppg,
  main.upcj,
  #england-junior-guide,
  #phil-junior-guide,
  main.upug,
  main.upcug,
  main.upuk,
  main.upau,
  main.upcba,
  main.upk2,
  main.upci,
  main.upca,
  main.upphi,
  main.upcmp,
  main.ubg,
  main.upcm,
  main.ufq,
  main.uws,
  main.ucsi,
  main.upcp,
  main.upof,
  main.upcc,
  #up-camp-guide,
  #up-family-camp-guide,
  #usa-junior-guide,
  main.upvr) :is(h1,h2,h3,h4,h5,h6,input,button,select,textarea) { font-family:var(--up-font-family,'Noto Sans KR',sans-serif); }
main.uplg .uplg-hero,
main.upcg .upcg-hero,
main.upag .upag-hero,
main.upjg .upjg-hero,
main.updg .updg-hero,
main.upeg .upeg-hero,
main.uppg .uppg-hero,
main.upcj .upcj-hero,
#england-junior-guide .upkjg-hero,
#phil-junior-guide .uppjg-hero,
main.upug .upug-hero,
main.upcug .upcug-hero,
main.upuk .upuk-hero,
main.upau .upau-hero,
main.upcba .upcba-hero,
main.upk2 .upk2-hero,
main.upci .upci-hero,
main.upca .upca-hero,
main.upphi .upphi-hero,
main.upcmp .upcmp-hero,
main.ubg .ubg-hero,
main.upcm .upcm-hero,
main.ufq .ufq-hero,
main.uws .uws-hero,
main.ucsi .ucsi-hero,
main.upcp .upcp-hero,
main.upof .upof-hero,
main.upcc .upcc-hero,
#up-camp-guide .upcg-hero,
#up-family-camp-guide .upfg-hero,
#usa-junior-guide .upujg-hero,
main.upvr .upvr-hero { background:transparent; border:0; padding:24px var(--up-theme-gutter,24px) 20px; }
main.uplg .uplg-hero > .uplg-hero-grid,
main.upcg .upcg-hero > .upcg-hero-grid,
main.upag .upag-hero > .upag-hero-grid,
main.upjg .upjg-hero > .upjg-hero-grid,
main.updg .updg-hero > .updg-hero-grid,
main.upeg .upeg-hero > .upeg-hero-grid,
main.uppg .uppg-hero > .uppg-hero-grid,
main.upcj .upcj-hero > .upcj-hero-grid,
#england-junior-guide .upkjg-hero > .upkjg-hero-grid,
#phil-junior-guide .uppjg-hero > .uppjg-hero-grid,
main.upug .upug-hero > .upug-hero-grid,
main.upcug .upcug-hero > .upcug-hero-grid,
main.upuk .upuk-hero > .upuk-hero-grid,
main.upau .upau-hero > .upau-hero-grid,
main.upcba .upcba-hero > .upcba-hero-grid,
main.upk2 .upk2-hero > .upk2-hero-grid,
main.upci .upci-hero > .upci-hero-grid,
main.upca .upca-hero > .upca-hero-grid,
main.upphi .upphi-hero > .upphi-hero-grid,
main.upcmp .upcmp-hero > .upcmp-hero-grid,
main.ubg .ubg-hero > .ubg-hero-grid,
main.upcm .upcm-hero > .upcm-hero-grid,
main.ufq .ufq-hero > .ufq-hero-grid,
main.uws .uws-hero > .uws-hero-grid,
main.ucsi .ucsi-hero > .ucsi-hero-grid,
main.upcp .upcp-hero > .upcp-hero-grid,
main.upof .upof-hero > .upof-hero-grid,
main.upcc .upcc-hero > .upcc-hero-grid,
#up-camp-guide .upcg-hero > .upcg-hero-grid,
#up-family-camp-guide .upfg-hero > .upfg-hero-grid,
#usa-junior-guide .upujg-hero > .upujg-hero-grid,
main.upvr .upvr-hero > .upvr-hero-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(280px,.6fr); align-items:center; gap:var(--up-theme-hero-gap,40px); box-sizing:border-box; width:100%; max-width:calc(var(--up-theme-content-width,1160px) - 2 * var(--up-theme-gutter,24px)); margin:0 auto; padding:var(--up-theme-hero-pad-y,36px) var(--up-theme-hero-pad-x,36px); background:var(--up-hero-background,#f8f6fa); border:var(--up-hero-border-width,2px) solid var(--up-hero-border-color,#9e8db2); border-radius:var(--up-hero-radius,8px); }
main.uplg .uplg-hero .uplg-hero-grid > div h1,
main.upcg .upcg-hero .upcg-hero-grid > div h1,
main.upag .upag-hero .upag-hero-grid > div h1,
main.upjg .upjg-hero .upjg-hero-grid > div h1,
main.updg .updg-hero .updg-hero-grid > div h1,
main.upeg .upeg-hero .upeg-hero-grid > div h1,
main.uppg .uppg-hero .uppg-hero-grid > div h1,
main.upcj .upcj-hero .upcj-hero-grid > div h1,
#england-junior-guide .upkjg-hero .upkjg-hero-grid > div h1,
#phil-junior-guide .uppjg-hero .uppjg-hero-grid > div h1,
main.upug .upug-hero .upug-hero-grid > div h1,
main.upcug .upcug-hero .upcug-hero-grid > div h1,
main.upuk .upuk-hero .upuk-hero-grid > div h1,
main.upau .upau-hero .upau-hero-grid > div h1,
main.upcba .upcba-hero .upcba-hero-grid > div h2,
main.upk2 .upk2-hero .upk2-hero-grid > div h2,
main.upci .upci-hero .upci-hero-grid > div h2,
main.upca .upca-hero .upca-hero-grid > div h2,
main.upphi .upphi-hero .upphi-hero-grid > div h2,
main.upcmp .upcmp-hero .upcmp-hero-grid > div h2,
main.ubg .ubg-hero .ubg-hero-grid > div h2,
main.upcm .upcm-hero .upcm-hero-grid > div h2,
main.ufq .ufq-hero .ufq-hero-grid > div h2,
main.uws .uws-hero .uws-hero-grid > div h1,
main.ucsi .ucsi-hero .ucsi-hero-grid > div h1,
main.upcp .upcp-hero .upcp-hero-grid > div h1,
main.upof .upof-hero .upof-hero-grid > div h2,
main.upcc .upcc-hero .upcc-hero-grid > div h1,
#up-camp-guide .upcg-hero .upcg-hero-grid > div h1,
#up-family-camp-guide .upfg-hero .upfg-hero-grid > div h1,
#usa-junior-guide .upujg-hero .upujg-hero-grid > div h1,
main.upvr .upvr-hero .upvr-hero-grid > div h1 { font-size:var(--up-theme-hero-size,38px); font-weight:var(--up-font-weight-heading,700); line-height:var(--up-theme-heading-leading,1.45); color:var(--up-color-ink,#30253d); }
main.uplg .uplg-hero .uplg-lead,
main.upcg .upcg-hero .upcg-lead,
main.upag .upag-hero .upag-lead,
main.upjg .upjg-hero .upjg-lead,
main.updg .updg-hero .updg-lead,
main.upeg .upeg-hero .upeg-lead,
main.uppg .uppg-hero .uppg-lead,
main.upcj .upcj-hero .upcj-lead,
#england-junior-guide .upkjg-hero .upkjg-lead,
#phil-junior-guide .uppjg-hero .uppjg-lead,
main.upug .upug-hero .upug-lead,
main.upcug .upcug-hero .upcug-lead,
main.upuk .upuk-hero .upuk-lead,
main.upau .upau-hero .upau-lead,
main.upcba .upcba-hero .upcba-hero-lead,
main.upk2 .upk2-hero .upk2-hero-lead,
main.upci .upci-hero .upci-hero-lead,
main.upca .upca-hero .upca-hero-lead,
main.upphi .upphi-hero .upphi-lead,
main.upcmp .upcmp-hero .upcmp-lead,
main.ubg .ubg-hero .ubg-lead,
main.upcm .upcm-hero .upcm-hero-grid > div > p:nth-of-type(2),
main.ufq .ufq-hero .ufq-lead,
main.uws .uws-hero .uws-lead,
main.ucsi .ucsi-hero .ucsi-lead,
main.upcp .upcp-hero .upcp-lead,
main.upof .upof-hero .upof-hero-lead,
main.upcc .upcc-hero .upcc-lead,
#up-camp-guide .upcg-hero .upcg-lead,
#up-family-camp-guide .upfg-hero .upfg-lead,
#usa-junior-guide .upujg-hero .upujg-lead,
main.upvr .upvr-hero .upvr-lead { font-size:var(--up-theme-hero-lead-size,19px); font-weight:var(--up-hero-lead-weight,700); line-height:var(--up-theme-body-leading,1.85); color:var(--up-color-ink,#30253d); }
main.uws .uws-hero .uws-lead ~ .uws-lead {font-size:var(--up-theme-body-size,16px);font-weight:var(--up-font-weight-body,400);}
main.uplg .uplg-hero-grid > aside,
main.upcg .upcg-hero-grid > aside,
main.upag .upag-hero-grid > aside,
main.upjg .upjg-hero-grid > aside,
main.updg .updg-hero-grid > aside,
main.upeg .upeg-hero-grid > aside,
main.uppg .uppg-hero-grid > aside,
main.upcj .upcj-hero-grid > aside,
#england-junior-guide .upkjg-hero-grid > aside,
#phil-junior-guide .uppjg-hero-grid > aside,
main.upug .upug-hero-grid > aside,
main.upcug .upcug-hero-grid > aside,
main.upuk .upuk-hero-grid > aside,
main.upau .upau-hero-grid > aside,
main.upcba .upcba-hero-grid > aside,
main.upk2 .upk2-hero-grid > aside,
main.upci .upci-hero-grid > aside,
main.upca .upca-hero-grid > aside,
main.upphi .upphi-hero-grid > aside,
main.upcmp .upcmp-hero-grid > aside,
main.ubg .ubg-hero-grid > aside,
main.upcm .upcm-hero-grid > aside,
main.ufq .ufq-hero-grid > aside,
main.uws .uws-hero-grid > aside,
main.ucsi .ucsi-hero-grid > aside,
main.upcp .upcp-hero-grid > aside,
main.upof .upof-hero-grid > aside,
main.upcc .upcc-hero-grid > aside,
#up-camp-guide .upcg-hero-grid > aside,
#up-family-camp-guide .upfg-hero-grid > aside,
#usa-junior-guide .upujg-hero-grid > aside,
main.upvr .upvr-hero-grid > aside { min-width:0; background:var(--up-color-surface,#fff); border:var(--up-hero-border-width,2px) solid var(--up-hero-border-color,#9e8db2); border-radius:var(--up-hero-card-radius,6px); box-shadow:var(--up-card-shadow,none); overflow:hidden; margin-top:0; }
main.uplg .uplg-hero-grid > aside.up-content-hero-card,
main.upcg .upcg-hero-grid > aside.up-content-hero-card,
main.upag .upag-hero-grid > aside.up-content-hero-card,
main.upjg .upjg-hero-grid > aside.up-content-hero-card,
main.updg .updg-hero-grid > aside.up-content-hero-card,
main.upeg .upeg-hero-grid > aside.up-content-hero-card,
main.uppg .uppg-hero-grid > aside.up-content-hero-card,
main.upcj .upcj-hero-grid > aside.up-content-hero-card,
#england-junior-guide .upkjg-hero-grid > aside.up-content-hero-card,
#phil-junior-guide .uppjg-hero-grid > aside.up-content-hero-card,
main.upug .upug-hero-grid > aside.up-content-hero-card,
main.upcug .upcug-hero-grid > aside.up-content-hero-card,
main.upuk .upuk-hero-grid > aside.up-content-hero-card,
main.upau .upau-hero-grid > aside.up-content-hero-card,
main.upcba .upcba-hero-grid > aside.up-content-hero-card,
main.upk2 .upk2-hero-grid > aside.up-content-hero-card,
main.upci .upci-hero-grid > aside.up-content-hero-card,
main.upca .upca-hero-grid > aside.up-content-hero-card,
main.upphi .upphi-hero-grid > aside.up-content-hero-card,
main.upcmp .upcmp-hero-grid > aside.up-content-hero-card,
main.ubg .ubg-hero-grid > aside.up-content-hero-card,
main.upcm .upcm-hero-grid > aside.up-content-hero-card,
main.ufq .ufq-hero-grid > aside.up-content-hero-card,
main.uws .uws-hero-grid > aside.up-content-hero-card,
main.ucsi .ucsi-hero-grid > aside.up-content-hero-card,
main.upcp .upcp-hero-grid > aside.up-content-hero-card,
main.upof .upof-hero-grid > aside.up-content-hero-card,
main.upcc .upcc-hero-grid > aside.up-content-hero-card,
#up-camp-guide .upcg-hero-grid > aside.up-content-hero-card,
#up-family-camp-guide .upfg-hero-grid > aside.up-content-hero-card,
#usa-junior-guide .upujg-hero-grid > aside.up-content-hero-card,
main.upvr .upvr-hero-grid > aside.up-content-hero-card { padding:0; }
:where(main.uplg,
  main.upcg,
  main.upag,
  main.upjg,
  main.updg,
  main.upeg,
  main.uppg,
  main.upcj,
  #england-junior-guide,
  #phil-junior-guide,
  main.upug,
  main.upcug,
  main.upuk,
  main.upau,
  main.upcba,
  main.upk2,
  main.upci,
  main.upca,
  main.upphi,
  main.upcmp,
  main.ubg,
  main.upcm,
  main.ufq,
  main.uws,
  main.ucsi,
  main.upcp,
  main.upof,
  main.upcc,
  #up-camp-guide,
  #up-family-camp-guide,
  #usa-junior-guide,
  main.upvr) .up-content-hero-card-body {padding:var(--up-theme-hero-card-padding,24px);}
:where(main.uplg,
  main.upcg,
  main.upag,
  main.upjg,
  main.updg,
  main.upeg,
  main.uppg,
  main.upcj,
  #england-junior-guide,
  #phil-junior-guide,
  main.upug,
  main.upcug,
  main.upuk,
  main.upau,
  main.upcba,
  main.upk2,
  main.upci,
  main.upca,
  main.upphi,
  main.upcmp,
  main.ubg,
  main.upcm,
  main.ufq,
  main.uws,
  main.ucsi,
  main.upcp,
  main.upof,
  main.upcc,
  #up-camp-guide,
  #up-family-camp-guide,
  #usa-junior-guide,
  main.upvr) .up-content-hero-card-body > p:last-child:not(:first-child) {font-size:var(--up-theme-body-size,16px);margin-top:15px;color:var(--up-theme-color-muted,#6e6378);}
:where(main.uplg,
  main.upcg,
  main.upag,
  main.upjg,
  main.updg,
  main.upeg,
  main.uppg,
  main.upcj,
  #england-junior-guide,
  #phil-junior-guide,
  main.upug,
  main.upcug,
  main.upuk,
  main.upau,
  main.upcba,
  main.upk2,
  main.upci,
  main.upca,
  main.upphi,
  main.upcmp,
  main.ubg,
  main.upcm,
  main.ufq,
  main.uws,
  main.ucsi,
  main.upcp,
  main.upof,
  main.upcc,
  #up-camp-guide,
  #up-family-camp-guide,
  #usa-junior-guide,
  main.upvr) .up-content-hero-card-body > a {width:100%;}
:where(main.uplg,
  main.upcg,
  main.upag,
  main.upjg,
  main.updg,
  main.upeg,
  main.uppg,
  main.upcj,
  #england-junior-guide,
  #phil-junior-guide,
  main.upug,
  main.upcug,
  main.upuk,
  main.upau,
  main.upcba,
  main.upk2,
  main.upci,
  main.upca,
  main.upphi,
  main.upcmp,
  main.ubg,
  main.upcm,
  main.ufq,
  main.uws,
  main.ucsi,
  main.upcp,
  main.upof,
  main.upcc,
  #up-camp-guide,
  #up-family-camp-guide,
  #usa-junior-guide,
  main.upvr) .up-content-hero-card .up-content-hero-card-body > h2 {font-size:var(--up-theme-subheading-size,19px);line-height:var(--up-theme-heading-leading,1.45);margin:8px 0 14px;}
:where(main.uplg,
  main.upcg,
  main.upag,
  main.upjg,
  main.updg,
  main.upeg,
  main.uppg,
  main.upcj,
  #england-junior-guide,
  #phil-junior-guide,
  main.upug,
  main.upcug,
  main.upuk,
  main.upau,
  main.upcba,
  main.upk2,
  main.upci,
  main.upca,
  main.upphi,
  main.upcmp,
  main.ubg,
  main.upcm,
  main.ufq,
  main.uws,
  main.ucsi,
  main.upcp,
  main.upof,
  main.upcc,
  #up-camp-guide,
  #up-family-camp-guide,
  #usa-junior-guide,
  main.upvr) .up-content-hero-card .up-content-hero-card-body > dl > div {padding-top:10px;padding-bottom:10px;}
:where(main.uplg,
  main.upcg,
  main.upag,
  main.upjg,
  main.updg,
  main.upeg,
  main.uppg,
  main.upcj,
  #england-junior-guide,
  #phil-junior-guide,
  main.upug,
  main.upcug,
  main.upuk,
  main.upau,
  main.upcba,
  main.upk2,
  main.upci,
  main.upca,
  main.upphi,
  main.upcmp,
  main.ubg,
  main.upcm,
  main.ufq,
  main.uws,
  main.ucsi,
  main.upcp,
  main.upof,
  main.upcc,
  #up-camp-guide,
  #up-family-camp-guide,
  #usa-junior-guide,
  main.upvr) .up-content-hero-card > .up-content-hero-media {display:block;margin:0;padding:0;overflow:hidden;line-height:0;border-bottom:var(--up-theme-line-width,1px) solid var(--up-color-line,#9e8db2);}
:where(main.uplg,
  main.upcg,
  main.upag,
  main.upjg,
  main.updg,
  main.upeg,
  main.uppg,
  main.upcj,
  #england-junior-guide,
  #phil-junior-guide,
  main.upug,
  main.upcug,
  main.upuk,
  main.upau,
  main.upcba,
  main.upk2,
  main.upci,
  main.upca,
  main.upphi,
  main.upcmp,
  main.ubg,
  main.upcm,
  main.ufq,
  main.uws,
  main.ucsi,
  main.upcp,
  main.upof,
  main.upcc,
  #up-camp-guide,
  #up-family-camp-guide,
  #usa-junior-guide,
  main.upvr) .up-content-hero-card > .up-content-hero-media img {display:block;width:100%;height:var(--up-theme-hero-image-height,190px);max-width:100%;object-fit:cover;object-position:center;border-radius:0;}
:where(main.uplg,
  main.upcg,
  main.upag,
  main.upjg,
  main.updg,
  main.upeg,
  main.uppg,
  main.upcj,
  #england-junior-guide,
  #phil-junior-guide,
  main.upug,
  main.upcug,
  main.upuk,
  main.upau,
  main.upcba,
  main.upk2,
  main.upci,
  main.upca,
  main.upphi,
  main.upcmp,
  main.ubg,
  main.upcm,
  main.ufq,
  main.uws,
  main.ucsi,
  main.upcp,
  main.upof,
  main.upcc,
  #up-camp-guide,
  #up-family-camp-guide,
  #usa-junior-guide,
  main.upvr) .up-content-hero-media:focus-visible {outline:var(--up-focus-width,3px) solid var(--up-color-focus,#8752b4);outline-offset:-4px;}
@media(max-width:1000px){
 main.uplg .uplg-hero > .uplg-hero-grid,
main.upcg .upcg-hero > .upcg-hero-grid,
main.upag .upag-hero > .upag-hero-grid,
main.upjg .upjg-hero > .upjg-hero-grid,
main.updg .updg-hero > .updg-hero-grid,
main.upeg .upeg-hero > .upeg-hero-grid,
main.uppg .uppg-hero > .uppg-hero-grid,
main.upcj .upcj-hero > .upcj-hero-grid,
#england-junior-guide .upkjg-hero > .upkjg-hero-grid,
#phil-junior-guide .uppjg-hero > .uppjg-hero-grid,
main.upug .upug-hero > .upug-hero-grid,
main.upcug .upcug-hero > .upcug-hero-grid,
main.upuk .upuk-hero > .upuk-hero-grid,
main.upau .upau-hero > .upau-hero-grid,
main.upcba .upcba-hero > .upcba-hero-grid,
main.upk2 .upk2-hero > .upk2-hero-grid,
main.upci .upci-hero > .upci-hero-grid,
main.upca .upca-hero > .upca-hero-grid,
main.upphi .upphi-hero > .upphi-hero-grid,
main.upcmp .upcmp-hero > .upcmp-hero-grid,
main.ubg .ubg-hero > .ubg-hero-grid,
main.upcm .upcm-hero > .upcm-hero-grid,
main.ufq .ufq-hero > .ufq-hero-grid,
main.uws .uws-hero > .uws-hero-grid,
main.ucsi .ucsi-hero > .ucsi-hero-grid,
main.upcp .upcp-hero > .upcp-hero-grid,
main.upof .upof-hero > .upof-hero-grid,
main.upcc .upcc-hero > .upcc-hero-grid,
#up-camp-guide .upcg-hero > .upcg-hero-grid,
#up-family-camp-guide .upfg-hero > .upfg-hero-grid,
#usa-junior-guide .upujg-hero > .upujg-hero-grid,
main.upvr .upvr-hero > .upvr-hero-grid {grid-template-columns:minmax(0,1fr);}
}
@media(max-width:767px){
 main.uplg .uplg-hero,
main.upcg .upcg-hero,
main.upag .upag-hero,
main.upjg .upjg-hero,
main.updg .updg-hero,
main.upeg .upeg-hero,
main.uppg .uppg-hero,
main.upcj .upcj-hero,
#england-junior-guide .upkjg-hero,
#phil-junior-guide .uppjg-hero,
main.upug .upug-hero,
main.upcug .upcug-hero,
main.upuk .upuk-hero,
main.upau .upau-hero,
main.upcba .upcba-hero,
main.upk2 .upk2-hero,
main.upci .upci-hero,
main.upca .upca-hero,
main.upphi .upphi-hero,
main.upcmp .upcmp-hero,
main.ubg .ubg-hero,
main.upcm .upcm-hero,
main.ufq .ufq-hero,
main.uws .uws-hero,
main.ucsi .ucsi-hero,
main.upcp .upcp-hero,
main.upof .upof-hero,
main.upcc .upcc-hero,
#up-camp-guide .upcg-hero,
#up-family-camp-guide .upfg-hero,
#usa-junior-guide .upujg-hero,
main.upvr .upvr-hero {padding-top:18px;padding-bottom:16px;}
 main.uplg .uplg-hero > .uplg-hero-grid,
main.upcg .upcg-hero > .upcg-hero-grid,
main.upag .upag-hero > .upag-hero-grid,
main.upjg .upjg-hero > .upjg-hero-grid,
main.updg .updg-hero > .updg-hero-grid,
main.upeg .upeg-hero > .upeg-hero-grid,
main.uppg .uppg-hero > .uppg-hero-grid,
main.upcj .upcj-hero > .upcj-hero-grid,
#england-junior-guide .upkjg-hero > .upkjg-hero-grid,
#phil-junior-guide .uppjg-hero > .uppjg-hero-grid,
main.upug .upug-hero > .upug-hero-grid,
main.upcug .upcug-hero > .upcug-hero-grid,
main.upuk .upuk-hero > .upuk-hero-grid,
main.upau .upau-hero > .upau-hero-grid,
main.upcba .upcba-hero > .upcba-hero-grid,
main.upk2 .upk2-hero > .upk2-hero-grid,
main.upci .upci-hero > .upci-hero-grid,
main.upca .upca-hero > .upca-hero-grid,
main.upphi .upphi-hero > .upphi-hero-grid,
main.upcmp .upcmp-hero > .upcmp-hero-grid,
main.ubg .ubg-hero > .ubg-hero-grid,
main.upcm .upcm-hero > .upcm-hero-grid,
main.ufq .ufq-hero > .ufq-hero-grid,
main.uws .uws-hero > .uws-hero-grid,
main.ucsi .ucsi-hero > .ucsi-hero-grid,
main.upcp .upcp-hero > .upcp-hero-grid,
main.upof .upof-hero > .upof-hero-grid,
main.upcc .upcc-hero > .upcc-hero-grid,
#up-camp-guide .upcg-hero > .upcg-hero-grid,
#up-family-camp-guide .upfg-hero > .upfg-hero-grid,
#usa-junior-guide .upujg-hero > .upujg-hero-grid,
main.upvr .upvr-hero > .upvr-hero-grid {max-width:100%;}
 main.uplg .uplg-hero .uplg-actions,
main.upcg .upcg-hero .upcg-actions,
main.upag .upag-hero .upag-actions,
main.upjg .upjg-hero .upjg-actions,
main.updg .updg-hero .updg-actions,
main.upeg .upeg-hero .upeg-actions,
main.uppg .uppg-hero .uppg-actions,
main.upcj .upcj-hero .upcj-actions,
#england-junior-guide .upkjg-hero .upkjg-actions,
#phil-junior-guide .uppjg-hero .uppjg-actions,
main.upug .upug-hero .upug-actions,
main.upcug .upcug-hero .upcug-actions,
main.upuk .upuk-hero .upuk-actions,
main.upau .upau-hero .upau-actions,
main.upcba .upcba-hero .upcba-actions,
main.upk2 .upk2-hero .upk2-actions,
main.upci .upci-hero .upci-actions,
main.upca .upca-hero .upca-actions,
main.upphi .upphi-hero .upphi-actions,
main.upcmp .upcmp-hero .upcmp-actions,
main.ubg .ubg-hero .ubg-actions,
main.upcm .upcm-hero .upcm-actions,
main.ufq .ufq-hero .ufq-actions,
main.uws .uws-hero .uws-actions,
main.ucsi .ucsi-hero .ucsi-actions,
main.upcp .upcp-hero .upcp-actions,
main.upof .upof-hero .upof-actions,
main.upcc .upcc-hero .upcc-actions,
#up-camp-guide .upcg-hero .upcg-actions,
#up-family-camp-guide .upfg-hero .upfg-actions,
#usa-junior-guide .upujg-hero .upujg-actions,
main.upvr .upvr-hero .upvr-actions {display:grid;grid-template-columns:minmax(0,1fr);}
 main.uplg .uplg-hero .uplg-actions > :is(a,button),
main.upcg .upcg-hero .upcg-actions > :is(a,button),
main.upag .upag-hero .upag-actions > :is(a,button),
main.upjg .upjg-hero .upjg-actions > :is(a,button),
main.updg .updg-hero .updg-actions > :is(a,button),
main.upeg .upeg-hero .upeg-actions > :is(a,button),
main.uppg .uppg-hero .uppg-actions > :is(a,button),
main.upcj .upcj-hero .upcj-actions > :is(a,button),
#england-junior-guide .upkjg-hero .upkjg-actions > :is(a,button),
#phil-junior-guide .uppjg-hero .uppjg-actions > :is(a,button),
main.upug .upug-hero .upug-actions > :is(a,button),
main.upcug .upcug-hero .upcug-actions > :is(a,button),
main.upuk .upuk-hero .upuk-actions > :is(a,button),
main.upau .upau-hero .upau-actions > :is(a,button),
main.upcba .upcba-hero .upcba-actions > :is(a,button),
main.upk2 .upk2-hero .upk2-actions > :is(a,button),
main.upci .upci-hero .upci-actions > :is(a,button),
main.upca .upca-hero .upca-actions > :is(a,button),
main.upphi .upphi-hero .upphi-actions > :is(a,button),
main.upcmp .upcmp-hero .upcmp-actions > :is(a,button),
main.ubg .ubg-hero .ubg-actions > :is(a,button),
main.upcm .upcm-hero .upcm-actions > :is(a,button),
main.ufq .ufq-hero .ufq-actions > :is(a,button),
main.uws .uws-hero .uws-actions > :is(a,button),
main.ucsi .ucsi-hero .ucsi-actions > :is(a,button),
main.upcp .upcp-hero .upcp-actions > :is(a,button),
main.upof .upof-hero .upof-actions > :is(a,button),
main.upcc .upcc-hero .upcc-actions > :is(a,button),
#up-camp-guide .upcg-hero .upcg-actions > :is(a,button),
#up-family-camp-guide .upfg-hero .upfg-actions > :is(a,button),
#usa-junior-guide .upujg-hero .upujg-actions > :is(a,button),
main.upvr .upvr-hero .upvr-actions > :is(a,button) {min-width:0;max-width:100%;width:100%;white-space:normal;}
}
@media print{
 main.uplg .uplg-hero,
main.upcg .upcg-hero,
main.upag .upag-hero,
main.upjg .upjg-hero,
main.updg .updg-hero,
main.upeg .upeg-hero,
main.uppg .uppg-hero,
main.upcj .upcj-hero,
#england-junior-guide .upkjg-hero,
#phil-junior-guide .uppjg-hero,
main.upug .upug-hero,
main.upcug .upcug-hero,
main.upuk .upuk-hero,
main.upau .upau-hero,
main.upcba .upcba-hero,
main.upk2 .upk2-hero,
main.upci .upci-hero,
main.upca .upca-hero,
main.upphi .upphi-hero,
main.upcmp .upcmp-hero,
main.ubg .ubg-hero,
main.upcm .upcm-hero,
main.ufq .ufq-hero,
main.uws .uws-hero,
main.ucsi .ucsi-hero,
main.upcp .upcp-hero,
main.upof .upof-hero,
main.upcc .upcc-hero,
#up-camp-guide .upcg-hero,
#up-family-camp-guide .upfg-hero,
#usa-junior-guide .upujg-hero,
main.upvr .upvr-hero {padding:0;background:#fff;}
 main.uplg .uplg-hero > .uplg-hero-grid,
main.upcg .upcg-hero > .upcg-hero-grid,
main.upag .upag-hero > .upag-hero-grid,
main.upjg .upjg-hero > .upjg-hero-grid,
main.updg .updg-hero > .updg-hero-grid,
main.upeg .upeg-hero > .upeg-hero-grid,
main.uppg .uppg-hero > .uppg-hero-grid,
main.upcj .upcj-hero > .upcj-hero-grid,
#england-junior-guide .upkjg-hero > .upkjg-hero-grid,
#phil-junior-guide .uppjg-hero > .uppjg-hero-grid,
main.upug .upug-hero > .upug-hero-grid,
main.upcug .upcug-hero > .upcug-hero-grid,
main.upuk .upuk-hero > .upuk-hero-grid,
main.upau .upau-hero > .upau-hero-grid,
main.upcba .upcba-hero > .upcba-hero-grid,
main.upk2 .upk2-hero > .upk2-hero-grid,
main.upci .upci-hero > .upci-hero-grid,
main.upca .upca-hero > .upca-hero-grid,
main.upphi .upphi-hero > .upphi-hero-grid,
main.upcmp .upcmp-hero > .upcmp-hero-grid,
main.ubg .ubg-hero > .ubg-hero-grid,
main.upcm .upcm-hero > .upcm-hero-grid,
main.ufq .ufq-hero > .ufq-hero-grid,
main.uws .uws-hero > .uws-hero-grid,
main.ucsi .ucsi-hero > .ucsi-hero-grid,
main.upcp .upcp-hero > .upcp-hero-grid,
main.upof .upof-hero > .upof-hero-grid,
main.upcc .upcc-hero > .upcc-hero-grid,
#up-camp-guide .upcg-hero > .upcg-hero-grid,
#up-family-camp-guide .upfg-hero > .upfg-hero-grid,
#usa-junior-guide .upujg-hero > .upujg-hero-grid,
main.upvr .upvr-hero > .upvr-hero-grid {display:block;max-width:100%;padding:0;border:0;background:#fff;}
 :where(main.uplg,
  main.upcg,
  main.upag,
  main.upjg,
  main.updg,
  main.upeg,
  main.uppg,
  main.upcj,
  #england-junior-guide,
  #phil-junior-guide,
  main.upug,
  main.upcug,
  main.upuk,
  main.upau,
  main.upcba,
  main.upk2,
  main.upci,
  main.upca,
  main.upphi,
  main.upcmp,
  main.ubg,
  main.upcm,
  main.ufq,
  main.uws,
  main.ucsi,
  main.upcp,
  main.upof,
  main.upcc,
  #up-camp-guide,
  #up-family-camp-guide,
  #usa-junior-guide,
  main.upvr) .up-content-hero-media {display:none;}
}