/* 사주 신살 사전 (/sj4c/fr/sinsal/) — 2026-10-29 */
.ss_hero { background:linear-gradient(135deg,#2b2350,#4a3a7a); border-radius:14px; padding:24px 22px; margin:0 0 24px; color:#fff; }
.ss_kicker { margin:0 0 8px; font-size:12.5px; font-weight:700; letter-spacing:.04em; color:#c9bfff; }
.ss_lead { margin:0; font-size:15.5px; line-height:1.8; color:rgba(255,255,255,.97); word-break:keep-all; }

.ss_tool { background:#f4f5fb; border:1px solid #e2e5f3; border-radius:14px; padding:22px 20px; margin:0 0 26px; }
.ss_tool h2 { margin:0 0 6px; font-size:18px; font-weight:800; color:#2b2350; }
.ss_tool_sub { margin:0 0 14px; font-size:13.5px; color:#666; }
.ss_form { max-width:560px; }
.ss_row { display:flex; gap:8px; align-items:center; margin:0 0 10px; flex-wrap:wrap; }
.ss_seg { position:relative; }
.ss_seg input { position:absolute; opacity:0; width:1px; height:1px; }
.ss_seg span { display:inline-flex; align-items:center; min-height:38px; padding:0 16px; border:1.5px solid #d6d4e2; border-radius:999px; background:#fff; font-size:14.5px; font-weight:600; color:#555; cursor:pointer; }
.ss_seg input:checked + span { border-color:#4a3a7a; background:#4a3a7a; color:#fff; }
.ss_leap { font-size:14px; color:#444; margin-left:4px; }
.ss_input { height:46px; padding:0 14px; border:1.5px solid #d8d8e0; border-radius:10px; background:#fff; font-size:16px; color:#1a1a1a; }
.ss_input:focus { outline:none; border-color:#4a3a7a; }
input.ss_input { flex:1 1 200px; min-width:0; }
.ss_hour { flex:1 1 180px; }
.ss_go { display:block; width:100%; max-width:320px; margin:6px 0 0; padding:14px; background:linear-gradient(135deg,#3b4bd6,#5a6bf0); color:#fff; border:0; border-radius:28px; font-size:16.5px; font-weight:700; cursor:pointer; }
.ss_err { margin:8px 0 0; font-size:13.5px; color:#d93025; }

.ss_result { margin-top:18px; padding-top:18px; border-top:1px dashed #cfd3e6; }
.ss_res_birth { margin:0 0 10px; font-size:13.5px; color:#666; }
.ss_pillars { display:flex; gap:8px; margin:0 0 14px; }
.ss_pil { flex:1; max-width:110px; text-align:center; padding:8px 4px 10px; border:1px solid #e2e5f3; border-radius:10px; background:#fff; }
.ss_pil.me { border-color:#4a3a7a; background:#f7f5ff; }
.ss_pil_lbl { display:block; font-size:12px; color:#777; margin:0 0 6px; }
.ss_ch { display:block; width:40px; height:40px; margin:0 auto 4px; border-radius:8px; line-height:40px; font-size:22px; font-weight:700; color:#fff; font-family:'Noto Serif KR','Batang','AppleMyungjo',serif; }
.oh_목 { background:#2e7d32; } .oh_화 { background:#c62828; } .oh_토 { background:#8a6a45; } .oh_금 { background:#6b7280; } .oh_수 { background:#1f5fa8; }
.ss_verdict { padding:14px 16px; border-radius:10px; background:#fff; border:1px solid #e2e5f3; }
.ss_verdict.yes { border-color:#f5a623; background:#fff8ea; }
.ss_verdict strong { display:block; font-size:17px; color:#1a1a1a; margin:0 0 6px; }
.ss_verdict.yes strong { color:#b35c00; }
.ss_verdict ul { margin:0; padding-left:18px; font-size:14px; color:#333; line-height:1.7; }
.ss_note { margin:8px 0 0; font-size:13px; color:#777; }
.ss_others { margin-top:14px; }
.ss_others_t { margin:0 0 8px; font-size:14px; font-weight:700; color:#2b2350; }
.ss_chips { display:flex; flex-wrap:wrap; gap:6px; margin:0 0 8px; padding:0; list-style:none; }
.ss_chips li { list-style:none; }
.ss_chips a { display:inline-block; padding:6px 12px; border:1px solid #cfc3e0; border-radius:999px; background:#fff; font-size:13.5px; font-weight:600; color:#4a3a7a; text-decoration:none; }
.ss_none, .ss_full { margin:0 0 6px; font-size:13.5px; color:#666; }
.ss_full a { color:#4a3a7a; font-weight:700; }

.ss_rule, .ss_sec, .ss_trad { margin:0 0 24px; }
.ss_rule h2, .ss_sec h2, .ss_trad h2, .ss_related h2, .ss_faq h2, .ss_hub h2 { font-size:18px; font-weight:700; color:#111; margin:0 0 10px; }
.ss_rule p, .ss_sec p { margin:0 0 8px; font-size:15px; line-height:1.85; color:#1f1f1f; word-break:keep-all; }
.ss_rule { background:#f7f5ff; border:1px solid #e2ddf5; border-radius:12px; padding:18px 20px; }
.ss_rule_note { font-size:13px !important; color:#6b6b6b !important; }
.ss_trad blockquote { margin:0 0 6px; padding:14px 18px; border-left:4px solid #c9bfff; background:#fafafa; font-size:14.5px; line-height:1.8; color:#333; }
.ss_trad_src { margin:0; font-size:12.5px; color:#888; }

.ss_cta { text-align:center; background:linear-gradient(135deg,#fff5ec,#ffe9d6); border-radius:12px; padding:24px 16px; margin:0 0 26px; }
.ss_cta p { font-size:16px; font-weight:700; color:#1a1a1a; margin:0 0 14px; }
.ss_cta_btns { display:flex; gap:10px; justify-content:center; flex-wrap:wrap; }
.ss_cta_btns a { display:inline-block; padding:12px 22px; border-radius:25px; text-decoration:none; font-weight:600; font-size:15px; }
.ss_cta_btns .cta_main { background:#FE7902; color:#fff; }
.ss_cta_btns .cta_sub { background:#fff; color:#FE7902; border:1px solid #FE7902; }

.ss_related { margin:0 0 26px; }
.ss_grid { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin:0 0 10px; padding:0; list-style:none; }
.ss_grid li { list-style:none; }
.ss_grid li a { display:block; text-align:center; padding:11px 4px; border:1px solid #e6e6e6; border-radius:8px; text-decoration:none; color:#2a2a2a; font-size:14px; font-weight:600; }
.ss_grid li a:hover { border-color:#4a3a7a; color:#4a3a7a; }
.ss_all a { font-size:14px; color:#4a3a7a; font-weight:600; text-decoration:none; }

.ss_faq { margin:0 0 26px; }
.ss_faq dt { font-weight:700; color:#111; margin:14px 0 6px; }
.ss_faq dd { margin:0 0 6px; color:#2a2a2a; line-height:1.7; word-break:keep-all; }

/* 허브 */
.ss_hub { margin:0 0 26px; }
.ss_hub_list { display:grid; grid-template-columns:repeat(2,1fr); gap:10px; margin:0; padding:0; list-style:none; }
.ss_hub_list li { list-style:none; }
.ss_hub_list a { display:block; height:100%; padding:14px 16px; border:1px solid #e4dcef; border-radius:12px; background:#fff; text-decoration:none; color:inherit; }
.ss_hub_list a:hover { border-color:#9d4edd; }
.ss_hub_kind { display:inline-block; margin:0 0 6px; padding:2px 8px; border-radius:999px; background:#f1edf6; font-size:11.5px; font-weight:700; color:#6b4fa3; }
.ss_hub_kind.good { background:#e8f5ec; color:#2e7d32; }
.ss_hub_list strong { display:block; font-size:16px; color:#2b2350; margin:0 0 4px; }
.ss_hub_list strong small { font-weight:400; color:#888; font-size:12.5px; }
.ss_hub_desc { display:block; font-size:13.5px; line-height:1.6; color:#444; word-break:keep-all; margin:0 0 6px; }
.ss_hub_go { font-size:13px; font-weight:700; color:#FE7902; }

@media (max-width:640px) {
    .ss_hero { padding:20px 18px; }
    .ss_grid { grid-template-columns:repeat(2,1fr); }
    .ss_hub_list { grid-template-columns:1fr; }
    .ss_pil { max-width:none; }
}