.jq-saju{--ink:#172b44;--muted:#68778a;--line:#dce5ec;--paper:#fffdf8;--accent:#a96324;max-width:1120px;margin:28px auto 60px;color:var(--ink);font-family:Pretendard,"Noto Sans KR",Arial,sans-serif;line-height:1.65}.jq-saju *{box-sizing:border-box}.jq-saju-hero{position:relative;display:flex;min-height:250px;padding:42px 48px;align-items:center;justify-content:space-between;overflow:hidden;border-radius:28px;background:linear-gradient(130deg,#112b47 0%,#1d466c 62%,#8a5527 140%);color:#fff;box-shadow:0 22px 54px rgba(23,43,68,.18)}.jq-saju-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 40%,rgba(255,213,160,.16),transparent 30%),repeating-linear-gradient(90deg,transparent 0 79px,rgba(255,255,255,.035) 80px)}.jq-saju-hero>div{position:relative;z-index:1}.jq-saju-eyebrow{margin:0 0 7px;color:#f1bd78;font-size:12px;font-weight:800;letter-spacing:.18em}.jq-saju-hero h1{margin:0 0 10px;font-family:"Noto Serif KR",serif;font-size:42px;line-height:1.25}.jq-saju-hero p:last-child{max-width:570px;margin:0;color:#d9e6f0;font-size:17px}.jq-saju-seal{display:grid;width:132px;height:132px;place-content:center;border:1px solid rgba(255,224,183,.45);border-radius:50%;background:rgba(4,23,42,.32);text-align:center;box-shadow:inset 0 0 0 9px rgba(255,255,255,.035)}.jq-saju-seal span{font-family:serif;font-size:31px;letter-spacing:.12em}.jq-saju-seal small{color:#f1bd78;letter-spacing:.35em}.jq-saju-form-card,.jq-saju-results{margin-top:24px;padding:30px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 12px 34px rgba(23,43,68,.07)}.jq-saju-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding-bottom:20px;border-bottom:1px solid var(--line)}.jq-saju-section-head p,.jq-saju-panel-title p{margin:0;color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.16em}.jq-saju-section-head h2,.jq-saju-panel-title h2{margin:3px 0 0;font-size:24px}.jq-saju-section-head>span{color:var(--muted);font-size:13px}.jq-saju-form{display:grid;grid-template-columns:1.15fr 1fr;gap:22px;margin-top:24px}.jq-saju-form fieldset{min-width:0;margin:0;padding:18px;border:1px solid var(--line);border-radius:14px}.jq-saju-form legend{padding:0 7px;color:#35506c;font-weight:800}.jq-saju-date-fields,.jq-saju-time-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.jq-saju-time-fields{grid-template-columns:.65fr .65fr 1.4fr}.jq-saju-form label span{display:block;margin-bottom:6px;color:var(--muted);font-size:12px}.jq-saju-form input,.jq-saju-form select{width:100%;height:44px;padding:0 12px;border:1px solid #cbd7e1;border-radius:9px;background:#fff;color:var(--ink);font:inherit}.jq-saju-form input:focus,.jq-saju-form select:focus{border-color:#287bb5;outline:3px solid rgba(40,123,181,.12)}.jq-saju-form-note{grid-column:1/-1;margin:0;padding:12px 14px;border-radius:9px;background:#f6f8fa;color:var(--muted);font-size:13px}.jq-saju-submit{grid-column:1/-1;display:flex;height:54px;padding:0 22px;align-items:center;justify-content:space-between;border:0;border-radius:12px;background:linear-gradient(90deg,#173b62,#226a9d);color:#fff;font:700 16px inherit;cursor:pointer;box-shadow:0 8px 18px rgba(31,87,130,.22)}.jq-saju-submit:hover{filter:brightness(1.06)}.jq-saju-submit b{font-size:23px}.jq-saju-error{margin-top:18px;padding:13px 15px;border-radius:9px;background:#fff0f0;color:#b42318}.jq-saju-result-head{margin-bottom:22px}.jq-saju-pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.jq-saju-pillar{overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#fbfcfd;text-align:center}.jq-saju-pillar.is-day{border-color:#c58a4b;box-shadow:0 8px 24px rgba(169,99,36,.12)}.jq-saju-pillar header{display:flex;min-height:58px;padding:11px 13px;align-items:center;justify-content:center;flex-direction:column;background:#f2f6f9;font-weight:800}.jq-saju-pillar.is-day header{background:#fff5e7}.jq-saju-pillar header em{color:#a96324;font-size:10px;font-style:normal}.jq-saju-glyph{display:grid;grid-template-columns:1fr 1fr;padding:18px 26px 8px;gap:8px}.jq-saju-glyph strong{display:grid;aspect-ratio:1;place-content:center;border-radius:14px;font:38px serif;color:#fff;box-shadow:inset 0 -8px 18px rgba(0,0,0,.12)}.jq-saju-glyph [data-element="목"]{background:#38a169}.jq-saju-glyph [data-element="화"]{background:#e55353}.jq-saju-glyph [data-element="토"]{background:#c58a32}.jq-saju-glyph [data-element="금"]{background:#77849a}.jq-saju-glyph [data-element="수"]{background:#3182ce}.jq-saju-pillar h3{margin:3px 0 13px;font-size:16px}.jq-saju-pillar dl{margin:0;padding:0 14px 15px;text-align:left}.jq-saju-pillar dl div{display:grid;grid-template-columns:52px 1fr;padding:7px 0;border-top:1px solid #e9eef2;font-size:12px}.jq-saju-pillar dt{color:var(--muted)}.jq-saju-pillar dd{margin:0;font-weight:600}.jq-saju-analysis-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;margin-top:18px}.jq-saju-panel,.jq-saju-reading{padding:24px;border:1px solid var(--line);border-radius:18px;background:#fff}.jq-saju-panel-title h2{font-size:20px}.jq-saju-bars{display:grid;gap:13px;margin-top:20px}.jq-saju-bar>div{display:flex;justify-content:space-between;font-size:13px}.jq-saju-bar span{color:var(--muted)}.jq-saju-bar i{display:block;height:9px;margin-top:6px;overflow:hidden;border-radius:99px;background:#edf1f5}.jq-saju-bar i b{display:block;width:var(--bar-width);height:100%;border-radius:inherit;background:var(--bar-color);transition:width .5s ease}.jq-saju-relations{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.jq-saju-relations span{padding:9px 11px;border-radius:9px;background:#f4f7fa;color:#45576b;font-size:12px}.jq-saju-relations b{display:inline-grid;width:25px;height:25px;margin-right:7px;place-content:center;border-radius:50%;background:#173b62;color:#fff}.jq-saju-empty{padding:19px;border-radius:10px;background:#f7f9fb;color:var(--muted);font-size:13px}.jq-saju-reading{margin-top:18px;background:linear-gradient(135deg,#fffdf8,#fff9ed)}.jq-saju-reading-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.jq-saju-reading-grid p{margin:0;padding:17px;border:1px solid #eadfce;border-radius:12px;background:rgba(255,255,255,.72)}.jq-saju-notice{margin-top:22px;padding:20px 24px;border-radius:15px;background:#f4f6f8;color:#59697a}.jq-saju-notice strong{color:#263d56}.jq-saju-notice p{margin:5px 0 0;font-size:13px}@media(max-width:900px){.jq-saju{margin:18px 14px 45px}.jq-saju-hero{min-height:220px;padding:34px}.jq-saju-pillars{grid-template-columns:repeat(2,1fr)}.jq-saju-form,.jq-saju-analysis-grid{grid-template-columns:1fr}.jq-saju-reading-grid{grid-template-columns:1fr}.jq-saju-form-note,.jq-saju-submit{grid-column:auto}}@media(max-width:600px){.jq-saju-hero{min-height:190px;padding:28px 22px;border-radius:20px}.jq-saju-hero h1{font-size:32px}.jq-saju-hero p:last-child{font-size:14px}.jq-saju-seal{width:82px;height:82px;margin-left:12px}.jq-saju-seal span{font-size:21px}.jq-saju-form-card,.jq-saju-results{padding:20px 15px;border-radius:17px}.jq-saju-section-head{align-items:flex-start;flex-direction:column;gap:6px}.jq-saju-date-fields,.jq-saju-time-fields{grid-template-columns:1fr 1fr}.jq-saju-date-fields label:first-child,.jq-saju-time-fields label:last-child{grid-column:1/-1}.jq-saju-pillars{gap:9px}.jq-saju-glyph{padding:14px 12px 7px}.jq-saju-glyph strong{font-size:31px}.jq-saju-pillar dl{padding:0 9px 12px}.jq-saju-pillar dl div{grid-template-columns:43px 1fr}.jq-saju-panel,.jq-saju-reading{padding:19px 15px}}

.jq-saju-member-card h2{font-size:24px;margin:0 0 16px}.jq-saju-member-card>p{line-height:1.8;color:#526579}.jq-saju-member-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.jq-saju-member-actions .jq-saju-submit{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;min-width:160px;width:auto;padding:16px 32px}.jq-saju-secondary{display:inline-flex;align-items:center;justify-content:center;border:1px solid #b6c7c0;border-radius:12px;padding:12px 22px;text-decoration:none;color:#254b3d;background:#fff;font-weight:700}.jq-saju-profile-date{font-size:18px;font-weight:700}.jq-saju-member-card .jq-saju-section-head{flex-wrap:wrap;gap:16px}@media(max-width:600px){.jq-saju-member-card h2{font-size:21px}.jq-saju-member-actions>a{flex:1}.jq-saju-profile-date{font-size:16px}}
