/* 단지 상세·일정·약관 같은 정적 페이지용. 색과 글꼴은 app.css 토큰을 같이 쓴다. */
body.page{padding-bottom:0}
.ph{background:var(--ink);color:#fff;position:relative;overflow:hidden}
.ph .in{max-width:1080px;margin:0 auto;padding:14px 20px}
.ph nav{display:flex;flex-wrap:wrap;align-items:center;gap:6px 22px}
.ph nav a{color:#B9C2D6;text-decoration:none;font-size:14.5px;font-weight:600;padding:6px 0}
.ph nav a.on,.ph nav a:hover{color:#fff}
.ph nav .brand{color:#fff;text-decoration:none;margin-right:auto}
.ph .cta{background:var(--gold);color:var(--ink)!important;padding:10px 16px!important;border-radius:12px;font-weight:800!important}
.ph .hd{max-width:1080px;margin:0 auto;padding:18px 20px 40px;position:relative}
.ph .hd p{color:#B9C2D6;margin:0;font-size:15px;line-height:1.6}
.crumb{font-size:13px;color:#97A1B8;margin-bottom:10px}
.crumb a{color:#97A1B8}
.pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.pill{font-size:12.5px;font-weight:700;color:var(--gold-soft);border:1px solid rgba(194,154,69,.45);padding:5px 11px;border-radius:999px}
.pill.hot{background:var(--gold);color:var(--ink);border-color:var(--gold)}
main.pg{max-width:1080px;margin:0 auto;padding:24px 20px 48px}
.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(440px,100%),1fr));gap:16px}
.pg .box h2{font-size:19px;margin-bottom:10px}
table.t{width:100%;border-collapse:collapse;font-size:14px}
table.t th,table.t td{padding:9px 8px;border-top:1px solid var(--line2);text-align:right}
table.t th:first-child,table.t td:first-child{text-align:left}
table.t thead th{color:var(--muted);font-size:12.5px;font-weight:700;border-top:0}
.tablewrap{overflow-x:auto}
.cta-box{background:var(--ink);color:#fff;border-radius:18px;padding:20px;display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin:16px 0}
.cta-box p{margin:0;flex:1 1 280px;color:#D5DBE8;font-size:14.5px;line-height:1.6}
.cta-box .btn{width:auto;padding:0 20px}
.day{margin-bottom:18px}
.day h3{font-size:14px;color:var(--gold-ink);margin:0 0 8px;letter-spacing:.02em}
.li{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 14px;margin-bottom:8px;text-decoration:none;color:inherit}
.li:hover{border-color:var(--gold)}
.li b{font-family:var(--serif);font-size:16.5px;flex:1 1 220px}
.li span{font-size:12.5px;color:var(--muted);font-weight:600}
.doc{max-width:760px}
.doc h1{color:var(--ink);font-size:30px}
.doc h2{font-size:19px;margin:28px 0 8px}
.doc p,.doc li{font-size:15px;line-height:1.75;color:#2B3446}
.doc .lead{color:var(--muted)}
.doc table{border-collapse:collapse;width:100%;font-size:14px;margin:8px 0}
.doc th,.doc td{border:1px solid var(--line);padding:10px;text-align:left;vertical-align:top;line-height:1.6}
.doc th{background:#FBF9F4;width:110px}
.ad{margin:20px 0;min-height:100px}
.pf{background:var(--ink);color:#97A1B8;font-size:12.5px;line-height:1.8}
.pf .in{max-width:1080px;margin:0 auto;padding:22px 20px}
.pf a{color:#D5DBE8;margin-right:14px}