/* 청사진 지도 — 이 화면만의 어두운 톤. * * 프로젝트 원칙은 「다크 모드를 만들지 않는다」다. 그것은 모드 이야기이고, 이것은 한 * 화면의 고정 톤이다 — 항공사진이 짙은 바다라 밝은 종이 위에서 이질적이고, 빔으로 * 띄우는 발표 화면이라 어두운 쪽이 그림을 앞세운다. * * 팔레트를 --bp-* 로 가두고 선택자를 .bp-* 로 가둔다. 다른 화면이 이 파일을 읽어도 * 아무 일도 일어나지 않는다. */ /* 변수는 :root 에 둔다. .bp-sheet·.bp-zoom 은 마크업에서 .bp-stage 의 형제이지 자손이 * 아니다(mapPage() 참고) — .bp-stage 에 선언하면 상속이 거기서 끊겨 두 오버레이 안에서 * 모든 --bp-* 가 무효가 되고, 그걸 참조하는 선언까지 통째로 무효가 된다(색·배경·테두리 * 전부). 새지 않는 이유는 선택자가 아니라 **이 파일이 map/index.html 에서만 읽힌다**는 * 것이다 — 그래서 :root 에 둬도 안전하다. */ :root { --bp-ink: #f2f7fb; --bp-ink-2: #b9cdda; --bp-deep: #071723; --bp-glass: rgba(7, 23, 35, .78); --bp-edge: rgba(242, 247, 251, .28); --bp-glow: #6fe3f5; } .bp-stage { color: var(--bp-ink); background: var(--bp-deep); } /* 이 화면만의 예외 — 지도가 main 의 너비 상한(archiveCss 의 64rem)에 갇히면 빔 프로젝터 * 화면에서 지도가 화면 절반도 못 채운다. blueprint.css 는 map/index.html 에서만 읽으므로 * 이 규칙이 다른 화면으로 새지 않는다. 「선택자를 .bp-* 로 가둔다」규칙의 유일한 예외다. * * `main { ... }` 만으로는 archive.css 의 같은 특이성(0,0,1) 규칙에 로드 순서로 진다 — * page() 는 head(blueprint.css) 를 archive.css 앞에 둔다(그 순서를 지킬 이유가 따로 * 있으므로 여기서 순서를 바꾸지 않는다). 특이성을 (0,0,2) 로 올려 순서와 무관하게 이긴다. */ body > main { max-width: none; padding: 0; } /* main 의 패딩이 여기서 0 이 되므로, footer(