@charset "utf-8";
/* 메인 하단 현장 정리 섹션 — 푸터 직전, #container 밖.
   ★ #container 안에 넣으면 안 된다: common.css:237 overflow:hidden +
     style_regular2.css:5 의 height:calc(100% - 50px) 때문에 잘려 보이지 않는다.
   ★ #container .area_content 규칙이 여기엔 안 걸리므로 치수를 직접 적는다.
   ★ 루트 폰트크기가 16/14/12px 반응형(reset.css:58-64) → rem 사용.
   ★ 실제 브레이크포인트 1100 / 960 / 768 / 640 (480 없음).
   ★ reset.css:32 가 제목 line-height 를 1 로 깎으므로 전부 명시한다.

   아트디렉션은 이 현장 자체의 것을 따른다(메인 비주얼 실측):
   가벼운 영문 한 줄 + 굵은 국문 헤드라인, 좌측 정렬, 잉크블랙 본문,
   브랜드 네이비 #006899 는 헤어라인·강조에만 소량. 카드 테두리를 두르지 않고
   얇은 구분선과 여백으로 위계를 만든다. 페이지 이미지 대부분이 세로로 긴
   인포그래픽 패널이라 사진처럼 크롭하지 않고, 가로 비율인 조감도만 앵커로 쓴다. */

#site-summary {
    --ss-ink: #1a1e21;
    --ss-body: #4d555b;
    --ss-muted: #6b7378;   /* 대비 4.5:1 이상 (구 #8b9296 은 3.16:1 로 미달) */
    --ss-line: #e5e5e5;
    --ss-line-strong: #d6d6d6;   /* 사이트가 쓰는 헤어라인 색 그대로 */
    --ss-navy: #006899;
    --ss-deep: #2f3339;          /* #container 다크와 동일 — 새 다크를 만들지 않는다 */
    --ss-caution-bg: #e6f1f6;    /* 사이트 caution_box */
    --ss-caution-line: #c1d4dd;

    background: #fff;
    color: var(--ss-body);
    font-family: 'notokr-regular';
    overflow: hidden;
    /* 한글이 음절 단위로 쪼개져 "안양천 수/변공원" 처럼 끊기던 것을 어절 단위로 */
    word-break: keep-all;
    overflow-wrap: break-word;
}

/* 내용 폭 1100px 을 사이트 .area_content 와 같은 x 좌표에 두려면
   여백만큼 max-width 를 키워야 한다 (1100 + 좌우 2rem). */
#site-summary .ss-in {
    max-width: calc(1100px + 4rem);
    margin: 0 auto;
    padding: 0 2rem;
}

/* ── 여는 글 ──────────────────────────────────────── */
#site-summary .ss-open {
    padding-top: 8rem;
    padding-bottom: 4rem;
}

#site-summary .ss-eyebrow {
    font-size: .82rem;
    letter-spacing: .22em;
    line-height: 1.6;
    color: var(--ss-navy);
    margin-bottom: 1.8rem;
}

#site-summary .ss-open h2 {
    font-family: 'notokr-medium';
    font-size: 2.5rem;
    line-height: 1.42;
    letter-spacing: -.02em;
    color: var(--ss-ink);
    max-width: 20em;
}

#site-summary .ss-open .ss-lead {
    margin-top: 2rem;
    font-size: 1.02rem;
    line-height: 1.85;
    color: var(--ss-body);
    max-width: 46em;
}

/* ── 핵심 수치 ────────────────────────────────────── */
#site-summary .ss-figures {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    border-top: 1px solid var(--ss-line-strong);
    border-bottom: 1px solid var(--ss-line-strong);
}

#site-summary .ss-figures > div {
    padding: 2.6rem 1.6rem;
    border-left: 1px solid var(--ss-line);
}

#site-summary .ss-figures > div:first-child {
    border-left: 0;
    padding-left: 0;
}

#site-summary .ss-figures dt {
    font-size: .82rem;
    line-height: 1.5;
    color: var(--ss-muted);
    margin-bottom: 1.1rem;
}

#site-summary .ss-figures dd {
    font-family: 'notokr-medium';
    font-size: 2.1rem;
    line-height: 1.2;
    letter-spacing: -.02em;
    color: var(--ss-ink);
}

#site-summary .ss-figures dd span {
    font-size: .95rem;
    letter-spacing: 0;
    color: var(--ss-body);
    margin-left: .2rem;
}

#site-summary .ss-figures .ss-sub {
    margin-top: .9rem;
    font-family: 'notokr-regular';
    font-size: .84rem;
    line-height: 1.6;
    color: var(--ss-muted);
}

/* ── 조감도 밴드 (전폭) ───────────────────────────── */
#site-summary .ss-visual {
    max-width: calc(1100px + 4rem);
    margin: 5rem auto;
    padding: 0 2rem;
    line-height: 0;
}

#site-summary .ss-visual img {
    width: 100%;
    height: auto;
    display: block;
}

#site-summary .ss-visual figcaption {
    margin: 1.1rem 0 0;
    font-size: .8rem;
    line-height: 1.6;
    color: var(--ss-muted);
    text-align: right;
}

/* ── 블록 공통 ────────────────────────────────────── */
#site-summary .ss-block {
    padding: 4.5rem 0;
    border-top: 1px solid var(--ss-line);
}

#site-summary .ss-block:first-of-type {
    border-top: 0;
}

#site-summary .ss-block > .ss-hd {
    margin-bottom: 3rem;
}

#site-summary .ss-hd .ss-kicker {
    display: block;
    font-size: .74rem;
    letter-spacing: .2em;
    line-height: 1.6;
    color: var(--ss-muted);
    margin-bottom: 1rem;
}

#site-summary .ss-hd h3 {
    font-family: 'notokr-medium';
    font-size: 1.75rem;
    line-height: 1.45;
    letter-spacing: -.02em;
    color: var(--ss-ink);
}

#site-summary .ss-hd p {
    margin-top: 1.2rem;
    font-size: .96rem;
    line-height: 1.8;
    color: var(--ss-body);
    max-width: 44em;
}

/* ── 정의형 목록 (개요 등) ────────────────────────── */
#site-summary .ss-dl {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: column;
    grid-template-rows: repeat(5, auto);
    column-gap: 4rem;
    border-top: 1px solid var(--ss-line);
}

#site-summary .ss-dl > div {
    display: flex;
    gap: 1.5rem;
    padding: 1.15rem 0;
    border-bottom: 1px solid var(--ss-line);
}

#site-summary .ss-dl dt {
    flex: 0 0 6.5rem;
    font-size: .88rem;
    line-height: 1.8;
    color: var(--ss-muted);
}

#site-summary .ss-dl dd {
    flex: 1 1 auto;
    font-size: .92rem;
    line-height: 1.8;
    color: var(--ss-ink);
}

#site-summary .ss-dl dd .ss-note {
    display: block;
    font-size: .82rem;
    color: var(--ss-muted);
    margin-top: .3rem;
}

#site-summary .ss-dl.wide {
    grid-template-columns: 1fr;
}

/* ── 주택형 ───────────────────────────────────────── */
#site-summary .ss-typelist {
    margin: 0;
    padding: 1.5rem 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid var(--ss-line-strong);
    border-bottom: 1px solid var(--ss-line-strong);
}

/* 구분선을 왼쪽 테두리로 주면 줄바꿈된 다음 줄의 첫 항목이 들여쓰기돼
   좌측 정렬이 깨진다 → 항목 뒤에 붙는 구분자로 처리한다. */
#site-summary .ss-typelist li {
    padding: .45rem 0;
    font-size: 1rem;
    line-height: 1.8;
    color: var(--ss-ink);
}

#site-summary .ss-typelist li + li::before {
    content: "/";
    color: var(--ss-line-strong);
    margin: 0 .9rem;
}

/* ── 2단 (라벨 열 + 내용 열) ──────────────────────── */
#site-summary .ss-split {
    display: grid;
    grid-template-columns: 13rem 1fr;
    gap: 0 3rem;
}

#site-summary .ss-split + .ss-split {
    margin-top: 3.2rem;
    padding-top: 3.2rem;
    border-top: 1px solid var(--ss-line);
}

#site-summary .ss-split h4 {
    font-family: 'notokr-medium';
    font-size: 1.08rem;
    line-height: 1.6;
    color: var(--ss-navy);
}

/* 라벨과 내용의 첫 줄 기준선을 맞춘다 (첫 항목의 위쪽 패딩 제거) */
#site-summary .ss-split .ss-body > ul > li:first-child,
#site-summary .ss-split .ss-body > p:first-child {
    padding-top: 0;
}

/* 색만으로는 링크가 본문과 구분되지 않았다(대비 1.05:1) → 밑줄로 표시 */
#site-summary .ss-in a:not(.solid):not(.line) {
    color: var(--ss-ink);
    text-decoration: underline;
    text-underline-offset: .18em;
    text-decoration-color: var(--ss-line-strong);
}

#site-summary .ss-in a:not(.solid):not(.line):hover {
    color: var(--ss-navy);
    text-decoration-color: var(--ss-navy);
}

#site-summary .ss-infra-note {
    margin-top: 1.2rem;
    font-size: .86rem;
    line-height: 1.8;
    color: var(--ss-muted);
}

#site-summary .ss-split h4 small {
    display: block;
    font-family: 'notokr-regular';
    font-size: .76rem;
    letter-spacing: .14em;
    color: var(--ss-muted);
    margin-top: .5rem;
}

#site-summary .ss-split .ss-body > p {
    font-size: .95rem;
    line-height: 1.95;
    color: var(--ss-body);
}

#site-summary .ss-split ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#site-summary .ss-split ul li {
    position: relative;
    padding: .4rem 0 .4rem 1rem;
    font-size: .95rem;
    line-height: 1.75;
    color: var(--ss-body);
}

#site-summary .ss-split ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 1.28rem;
    width: 4px;
    height: 1px;
    background: var(--ss-line-strong);
}

#site-summary .ss-split ul li b {
    font-family: 'notokr-medium';
    font-weight: normal;
    color: var(--ss-ink);
}

/* ── 인프라 (구분점 목록) ─────────────────────────── */
#site-summary .ss-infra {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 1rem;
    line-height: 2.2;
    color: var(--ss-ink);
}

#site-summary .ss-infra li {
    display: inline;
    padding: 0;
}

/* .ss-split ul li 의 대시 마커를 물려받지 않도록 끈다 */
#site-summary .ss-infra li::before {
    display: none;
}

/* 구분자는 뒤(::after)가 아니라 앞(li + li::before)에 둔다 —
   뒤에 두면 줄바꿈된 줄 끝에 구분자만 남아 떠 있다. */
#site-summary .ss-infra li + li::before {
    display: inline;
    position: static;
    content: "·";
    width: auto;
    height: auto;
    background: none;
    color: var(--ss-line-strong);
    margin: 0 .55rem;
}

/* ── 선택 이유 ────────────────────────────────────── */
#site-summary .ss-reasons {
    margin: 0;
    padding: 0;
    list-style: none;
    border-top: 1px solid var(--ss-line);
}

#site-summary .ss-reasons li {
    padding: 2.1rem 0;
    border-bottom: 1px solid var(--ss-line);
}

#site-summary .ss-reasons li:last-child {
    border-bottom: 0;
}

#site-summary .ss-reasons strong {
    display: block;
    font-family: 'notokr-medium';
    font-size: 1.12rem;
    line-height: 1.6;
    color: var(--ss-ink);
    margin-bottom: .7rem;
}

#site-summary .ss-reasons p {
    font-size: .95rem;
    line-height: 1.8;
    color: var(--ss-body);
}

/* ── 일정 ─────────────────────────────────────────── */
#site-summary .ss-sched {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

#site-summary .ss-sched li {
    position: relative;
    padding: 2.2rem 1.2rem 2.2rem 0;
    border-top: 1px solid var(--ss-line-strong);
}

/* 마지막 칸의 트랙선은 점까지만 — 선이 칸 끝까지 뻗으면 다음 단계가 있는 것처럼 읽힌다 */
#site-summary .ss-sched li:last-child {
    border-top: 0;
}

#site-summary .ss-sched li:last-child::after {
    content: "";
    position: absolute;
    left: 0;
    top: -1px;
    width: 4px;
    height: 1px;
    background: var(--ss-line-strong);
}

#site-summary .ss-sched li::before {
    content: "";
    position: absolute;
    left: 0;
    top: -4px;
    width: 7px;
    height: 7px;
    background: #fff;
    border: 1px solid var(--ss-line-strong);
    border-radius: 50%;
}

#site-summary .ss-sched li.on::before {
    background: var(--ss-navy);
    border-color: var(--ss-navy);
}

#site-summary .ss-sched dt {
    font-size: .88rem;
    line-height: 1.6;
    color: var(--ss-muted);
    margin-bottom: .9rem;
}

#site-summary .ss-sched li.on dt {
    color: var(--ss-navy);
}

#site-summary .ss-sched dd {
    font-family: 'notokr-medium';
    font-size: 1.5rem;
    line-height: 1.3;
    letter-spacing: -.01em;
    color: var(--ss-ink);
}

#site-summary .ss-sched dd span {
    font-size: .9rem;
    color: var(--ss-body);
    margin-left: .25rem;
}

/* ── 도슨트 ───────────────────────────────────────── */
#site-summary .ss-docent {
    display: grid;
    grid-template-columns: 13rem 1fr;
    gap: 3rem;
    align-items: start;
    padding: 2.6rem 0 0;
    margin-top: 3.2rem;
    border-top: 1px solid var(--ss-line);
}

#site-summary .ss-docent img {
    width: 100%;
    height: auto;
    display: block;
}

#site-summary .ss-docent h4 {
    font-family: 'notokr-medium';
    font-size: 1.08rem;
    line-height: 1.6;
    color: var(--ss-ink);
    margin-bottom: 1.1rem;
}

#site-summary .ss-docent p {
    font-size: .95rem;
    line-height: 1.95;
    color: var(--ss-body);
}

#site-summary .ss-docent p + p {
    margin-top: .8rem;
    font-size: .85rem;
    color: var(--ss-muted);
}

/* ── FAQ ─────────────────────────────────────────── */
#site-summary .ss-faq {
    border-top: 1px solid var(--ss-line-strong);
}

#site-summary .ss-faq details {
    border-bottom: 1px solid var(--ss-line);
}

#site-summary .ss-faq details:last-child {
    border-bottom: 0;
}

#site-summary .ss-faq summary {
    position: relative;
    display: block;
    padding: 1.65rem 3rem 1.65rem 0;
    font-family: 'notokr-medium';
    font-size: 1.02rem;
    line-height: 1.65;
    color: var(--ss-ink);
    cursor: pointer;
    list-style: none;
    transition: color .2s;
}

#site-summary .ss-faq summary::-webkit-details-marker {
    display: none;
}

#site-summary .ss-faq summary:hover {
    color: var(--ss-navy);
}

/* +/− 마커 — 셰브론 대신 얇은 선 두 개 */
#site-summary .ss-faq summary::before,
#site-summary .ss-faq summary::after {
    content: "";
    position: absolute;
    right: .4rem;
    top: 50%;
    background: var(--ss-muted);
    transition: transform .25s, background .2s;
}

#site-summary .ss-faq summary::before {
    width: .8rem;
    height: 1px;
    margin-top: -.5px;
}

#site-summary .ss-faq summary::after {
    width: 1px;
    height: .8rem;
    right: calc(.8rem - .5px);
    margin-top: -.4rem;
}

#site-summary .ss-faq details[open] summary {
    color: var(--ss-navy);
}

#site-summary .ss-faq details[open] summary::before {
    background: var(--ss-navy);
}

#site-summary .ss-faq details[open] summary::after {
    transform: scaleY(0);
}

#site-summary .ss-faq .ss-a {
    padding: 0 3rem 1.9rem 0;
    font-size: .95rem;
    line-height: 1.85;
    color: var(--ss-body);
}

/* ── 잔글씨 (유의사항 · 면책) ─────────────────────── */
#site-summary .ss-fine {
    margin: 0;
    padding: 1.4rem 1.6rem;
    list-style: none;
    background: var(--ss-caution-bg);
    border: 1px solid var(--ss-caution-line);
}

#site-summary .ss-fine li {
    font-size: .86rem;
    line-height: 1.9;
    color: var(--ss-body);
    text-align: left;
}

#site-summary .ss-fine li + li {
    margin-top: .55rem;
}

#site-summary .ss-disclaimer {
    padding-top: 2.5rem;
    padding-bottom: 6rem;
}

#site-summary .ss-disclaimer .ss-fine li {
    font-size: .8rem;
    color: #40525c;
}

/* ── CTA (전폭 다크 밴드) ─────────────────────────── */
#site-summary .ss-cta {
    background: var(--ss-deep);
    color: #fff;
}

#site-summary .ss-cta .ss-in {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2.5rem;
}

#site-summary .ss-cta .ss-eyebrow {
    color: #7fb2cc;
    margin-bottom: 1.2rem;
}

#site-summary .ss-cta strong {
    display: block;
    font-family: 'notokr-medium';
    font-size: 1.6rem;
    line-height: 1.5;
    letter-spacing: -.02em;
    color: #fff;
}

#site-summary .ss-cta p {
    margin-top: 1rem;
    font-size: .92rem;
    line-height: 1.85;
    color: rgba(255, 255, 255, .68);
}

#site-summary .ss-cta .ss-btns {
    flex: 0 0 auto;
    display: flex;
    gap: .7rem;
}

#site-summary .ss-cta a {
    display: inline-block;
    min-width: 11.5rem;
    padding: 1.15rem 1.5rem;
    font-family: 'notokr-medium';
    font-size: .95rem;
    line-height: 1.4;
    text-align: center;
    transition: background .2s, color .2s, border-color .2s;
}

#site-summary .ss-cta a.solid {
    background: #fff;
    color: var(--ss-deep);
    border: 1px solid #fff;
}

#site-summary .ss-cta a.line {
    border: 1px solid rgba(255, 255, 255, .45);
    color: #fff;
}

#site-summary .ss-cta a.solid:hover {
    background: var(--ss-navy);
    border-color: var(--ss-navy);
    color: #fff;
}

#site-summary .ss-cta a.line:hover {
    border-color: #fff;
    background: rgba(255, 255, 255, .1);
}

/* ── 반응형 ───────────────────────────────────────── */
@media screen and (max-width: 1100px) {
    #site-summary .ss-open {
        padding-top: 6rem;
        padding-bottom: 3rem;
    }

    #site-summary .ss-open h2 {
        font-size: 2.1rem;
    }
}

@media screen and (max-width: 960px) {
    #site-summary .ss-figures {
        grid-template-columns: repeat(2, 1fr);
    }

    #site-summary .ss-figures > div {
        padding: 2.2rem 1.4rem;
        border-top: 1px solid var(--ss-line);
    }

    #site-summary .ss-figures > div:nth-child(odd) {
        border-left: 0;
        padding-left: 0;
    }

    #site-summary .ss-figures > div:nth-child(-n+2) {
        border-top: 0;
    }

    #site-summary .ss-dl {
        grid-template-columns: 1fr;
        column-gap: 0;
    }

    #site-summary .ss-split {
        grid-template-columns: 1fr;
        gap: 1.4rem;
    }

    #site-summary .ss-sched {
        grid-template-columns: repeat(2, 1fr);
    }

    #site-summary .ss-sched li:nth-child(-n+2) {
        border-bottom: 1px solid var(--ss-line);
    }

    #site-summary .ss-cta .ss-in {
        flex-direction: column;
        align-items: flex-start;
    }

    #site-summary .ss-cta .ss-btns {
        width: 100%;
    }

    #site-summary .ss-cta a {
        flex: 1 1 0;
        min-width: 0;
    }
}

@media screen and (max-width: 768px) {
    #site-summary .ss-in {
        padding: 0 1.5rem;
    }

    #site-summary .ss-visual figcaption {
        padding: 0 1.5rem;
    }

    #site-summary .ss-open {
        padding-top: 4.5rem;
        padding-bottom: 2.5rem;
    }

    #site-summary .ss-open h2 {
        font-size: 1.75rem;
    }

    #site-summary .ss-visual {
        margin: 3.5rem 0;
    }

    #site-summary .ss-block {
        padding: 3.4rem 0;
    }

    #site-summary .ss-block > .ss-hd {
        margin-bottom: 2.2rem;
    }

    #site-summary .ss-hd h3 {
        font-size: 1.45rem;
    }

    #site-summary .ss-docent {
        grid-template-columns: 1fr;
        gap: 1.6rem;
    }

    #site-summary .ss-docent .ss-docent-img {
        max-width: 15rem;
    }
}

@media screen and (max-width: 640px) {
    #site-summary .ss-in {
        padding: 0 1.2rem;
    }

    #site-summary .ss-visual figcaption {
        padding: 0 1.2rem;
        text-align: left;
    }

    #site-summary .ss-open h2 {
        font-size: 1.6rem;
        line-height: 1.5;
    }

    #site-summary .ss-open .ss-lead {
        margin-top: 1.6rem;
        line-height: 1.9;
    }

    #site-summary .ss-figures {
        grid-template-columns: 1fr;
    }

    #site-summary .ss-figures > div {
        padding: 1.6rem 0;
        border-left: 0;
    }

    #site-summary .ss-figures > div:first-child {
        border-top: 0;
    }

    #site-summary .ss-figures > div:nth-child(2) {
        border-top: 1px solid var(--ss-line);
    }

    #site-summary .ss-figures dt {
        margin-bottom: .6rem;
    }

    #site-summary .ss-figures dd {
        font-size: 1.8rem;
    }

    #site-summary .ss-dl > div {
        display: block;
        padding: 1rem 0;
    }

    #site-summary .ss-dl dt {
        margin-bottom: .35rem;
    }

    #site-summary .ss-typelist li {
        font-size: .94rem;
    }

    #site-summary .ss-typelist li + li::before {
        margin: 0 .6rem;
    }

    #site-summary .ss-reasons li {
        grid-template-columns: 1fr;
        gap: .7rem;
        padding: 1.7rem 0;
    }

    #site-summary .ss-sched {
        grid-template-columns: 1fr;
        border-top: 0;
    }

    #site-summary .ss-sched li {
        padding: 1.3rem 0 1.3rem 1.4rem;
        border-bottom: 1px solid var(--ss-line);
    }

    #site-summary .ss-sched li::before {
        top: 1.75rem;
    }

    #site-summary .ss-sched li:nth-child(-n+2) {
        border-bottom: 1px solid var(--ss-line);
    }

    #site-summary .ss-sched dd {
        font-size: 1.3rem;
    }

    #site-summary .ss-faq summary {
        font-size: .96rem;
        padding-right: 2.4rem;
    }

    #site-summary .ss-faq .ss-a {
        padding-right: 0;
        line-height: 1.95;
    }

    #site-summary .ss-cta .ss-in {
        padding-top: 3.2rem;
        padding-bottom: 3.2rem;
    }

    #site-summary .ss-cta strong {
        font-size: 1.3rem;
    }

    #site-summary .ss-cta .ss-btns {
        flex-direction: column;
    }

    #site-summary .ss-disclaimer {
        padding-bottom: 4rem;
    }
}

/* ★ reset.css 가 ≤639px 에서 html{font-size:12px !important} 로 떨어뜨린다.
   사이트의 다른 페이지는 본문이 전부 이미지라 문제가 없었지만, 이 섹션은
   텍스트 콘텐츠라 rem 이 그대로 줄어 본문이 11.4px 까지 작아졌다.
   읽는 크기는 px 로 못박아 루트 변화에 휘둘리지 않게 한다. */
@media screen and (max-width: 639px) {
    #site-summary .ss-open h2 { font-size: 22px; }
    #site-summary .ss-open .ss-lead { font-size: 14px; line-height: 1.85; }
    #site-summary .ss-eyebrow { font-size: 11px; }
    #site-summary .ss-figures dt { font-size: 12px; }
    #site-summary .ss-figures dd { font-size: 26px; }
    #site-summary .ss-figures dd span { font-size: 13px; }
    #site-summary .ss-figures .ss-sub { font-size: 12px; }
    #site-summary .ss-visual figcaption { font-size: 11px; }
    #site-summary .ss-hd h3 { font-size: 19px; }
    #site-summary .ss-hd p { font-size: 14px; line-height: 1.8; }
    #site-summary .ss-dl dt { font-size: 12px; }
    #site-summary .ss-dl dd { font-size: 14px; }
    #site-summary .ss-dl dd .ss-note { font-size: 12px; }
    #site-summary .ss-typelist li { font-size: 14px; }
    #site-summary .ss-split h4 { font-size: 15px; }
    #site-summary .ss-split h4 small { font-size: 11px; }
    #site-summary .ss-split ul li { font-size: 14px; line-height: 1.75; }
    #site-summary .ss-split .ss-body > p { font-size: 14px; line-height: 1.8; }
    #site-summary .ss-infra { font-size: 14px; line-height: 2; }
    #site-summary .ss-infra-note { font-size: 12px; }
    #site-summary .ss-reasons strong { font-size: 15px; }
    #site-summary .ss-reasons p { font-size: 14px; line-height: 1.8; }
    #site-summary .ss-sched dt { font-size: 13px; }
    #site-summary .ss-sched dd { font-size: 19px; }
    #site-summary .ss-sched dd span { font-size: 12px; }
    #site-summary .ss-docent h4 { font-size: 15px; }
    #site-summary .ss-docent p { font-size: 14px; }
    #site-summary .ss-docent p + p { font-size: 12px; }
    #site-summary .ss-faq summary { font-size: 15px; }
    #site-summary .ss-faq .ss-a { font-size: 14px; line-height: 1.85; }
    #site-summary .ss-fine li { font-size: 12px; }
    #site-summary .ss-disclaimer .ss-fine li { font-size: 12px; }
    #site-summary .ss-cta strong { font-size: 18px; }
    #site-summary .ss-cta p { font-size: 13px; }
    #site-summary .ss-cta a { font-size: 14px; }
}