/* 사주 명식 데모(saju.exapeaksoft.com) — 종이 · 먹색 · 낙관 · 오행 색. 색은 :root 변수(역할별)로만 바꾼다 */
@font-face{font-family:"Pretendard";src:url("/fonts/PretendardVariable.woff2") format("woff2-variations");font-weight:100 900;font-display:swap}
:root{
  --paper:#f6f1e6;--paper2:#efe7d6;--card:#fffdf8;--ink:#211e19;--ink2:#4f483d;--ink3:#7b7263;--line:#ddd1bb;--line2:#c9b99c;
  --seal:#a5312a;--gold:#9a7536;
  /* 역할별 색: accent = 버튼 · 현재 선택, hi = 강조 글자 · 움직이는 효 · 일주, bad = 감점 · 피할 날 */
  --accent:#a5312a;--accent-d:#86251f;--on-accent:#fff8ee;--hi:#a5312a;
  --bad:#8e2a23;--bad-l:#f6e3df;--bad-line:#e3b4ae;--bad-bg:#fbeeec;
  --gold-d:#7a5a1d;--gold-m:#b88a2e;--gold-l:#f3ead4;--star:#c0912f;--gold-tint:#fffaf0;
  --panel-a:#fbf6ec;--panel-b:#f3eadb;--dot:rgba(120,95,50,.035);
  /* 로또프린터 제품색(www 제품 페이지와 같음) */
  /* 모서리 단계: 종이(카드) · 칸 · 조작(버튼 · 입력) · 라벨(꼬리표 · 도장) · 글자 타일 */
  --r-sheet:2px;--r-panel:4px;--r-ctrl:5px;--r-label:3px;--r-tile:6px;
  --lp:#b45309;--lp-d:#8f4207;--lp-l:#fbf0e0;--lp-b:#f1d3a8;--lp-u:#fffaf2;
  --wood:#2f6a45;--fire:#b5372c;--earth:#a77628;--metal:#6c7280;--water:#1c2f4d;
  --wood-l:#e4efe6;--fire-l:#f6e3df;--earth-l:#f4ead6;--metal-l:#eceef1;--water-l:#e1e6ef;
  --serif:"Noto Serif KR","Nanum Myeongjo","Batang",serif;--sans:"Pretendard",-apple-system,BlinkMacSystemFont,"Malgun Gothic",sans-serif;
  --sh:0 1px 2px rgba(60,45,20,.06),0 18px 40px -28px rgba(60,45,20,.35);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body.sj{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.65;word-break:keep-all;overflow-wrap:break-word;
  background-image:radial-gradient(var(--dot) 1px,transparent 1px);background-size:3px 3px}
a{color:inherit}
.sj-wrap{max-width:1080px;margin:0 auto;padding:0 20px}

/* 머리 */
.sj-top{border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--paper) 92%,transparent);backdrop-filter:saturate(1.2) blur(6px);position:sticky;top:0;z-index:20}
.sj-top .sj-wrap{display:flex;align-items:center;justify-content:space-between;height:64px}
.sj-brand{display:flex;align-items:center;gap:12px;text-decoration:none}
.sj-brand b{display:block;font-family:var(--serif);font-size:18px;font-weight:700;letter-spacing:.02em;line-height:1.2}
.sj-brand small{display:block;font-size:11.5px;color:var(--ink3);letter-spacing:.18em}
.sj-seal{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:var(--r-label);background:var(--seal);color:#fff6ea;font-family:var(--serif);font-weight:900;font-size:22px;
  box-shadow:inset 0 0 0 2px rgba(255,240,220,.35),inset 0 0 0 4px var(--seal);transform:rotate(-3deg)}
.sj-top nav{display:flex;align-items:center;gap:16px}
.sj-top nav a{font-size:14px;color:var(--ink2);text-decoration:none;font-weight:600}
.sj-top nav a.sj-top-lp{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 13px;border:1px solid var(--lp-b);border-radius:var(--r-ctrl);background:var(--lp-l);color:var(--lp-d);font-size:13px;font-weight:800}
.sj-top nav a.sj-top-lp::before{content:"";width:8px;height:8px;border-radius:2px;background:var(--lp)}
.sj-top nav a.sj-top-lp:hover{background:var(--lp);border-color:var(--lp);color:#fff}
.sj-top nav a.sj-top-lp:hover::before{background:#fff}
.sj-top nav a:hover{color:var(--hi)}

/* 첫 화면 + 입력 */
.sj-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,460px);gap:56px;align-items:start;padding:64px 0 40px}
.sj-hero h1{font-family:var(--serif);font-weight:700;font-size:clamp(30px,4.2vw,46px);line-height:1.3;letter-spacing:-.01em;margin:18px 0 18px}
.sj-hero h1 em{font-style:normal;color:var(--hi)}
.sj-hero .lead{font-size:16.5px;color:var(--ink2);max-width:520px}
.sj-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;letter-spacing:.2em;color:var(--gold)}
.sj-eyebrow::before{content:"";width:22px;height:1px;background:var(--gold)}
.sj-proof{list-style:none;margin:30px 0 0;padding:0;display:grid;gap:12px;max-width:520px}
.sj-proof li{display:flex;gap:14px;align-items:flex-start;padding:14px 16px;background:rgba(255,253,248,.7);border:1px solid var(--line);border-radius:var(--r-panel)}
.sj-proof .ic{flex:none;width:30px;height:30px;border-radius:var(--r-label);display:grid;place-items:center;background:var(--paper2);color:var(--hi);font-family:var(--serif);font-weight:900;font-size:15px}
.sj-proof b{display:block;font-size:14.5px}
.sj-proof span{font-size:13.5px;color:var(--ink3)}
.sj-proof a.sj-proof-lp{display:inline-block;margin-top:4px;font-size:13.5px;font-weight:700;color:var(--lp-d);text-decoration:underline;text-underline-offset:3px}
.sj-proof a.sj-proof-lp:hover{color:var(--lp)}
.sj-range{margin-top:16px;font-size:13px;color:var(--ink3)}

.sj-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-sheet);box-shadow:var(--sh)}
.sj-form{padding:28px 28px 26px;position:relative}
.sj-form::before{content:"";position:absolute;inset:8px;border:1px solid var(--paper2);border-radius:var(--r-sheet);pointer-events:none}
.sj-form h2{font-family:var(--serif);font-size:21px;margin:0 0 4px}
.sj-form .sub{font-size:13.5px;color:var(--ink3);margin:0 0 20px}
.sj-field{margin-bottom:16px;position:relative}
.sj-field>label,.sj-label{display:block;font-size:13px;font-weight:700;color:var(--ink2);margin-bottom:7px}
.sj-field input[type=text],.sj-field select{width:100%;height:46px;border:1px solid var(--line2);border-radius:var(--r-ctrl);background:#fff;padding:0 12px;font:inherit;font-size:15.5px;color:var(--ink)}
.sj-field select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--ink3) 50%),linear-gradient(135deg,var(--ink3) 50%,transparent 50%);background-position:calc(100% - 17px) 20px,calc(100% - 12px) 20px;background-size:5px 5px;background-repeat:no-repeat;padding-right:30px}
.sj-field input:focus,.sj-field select:focus{outline:2px solid color-mix(in srgb,var(--accent) 25%,transparent);border-color:var(--accent)}
.sj-row{display:grid;gap:8px}
.sj-row.c3{grid-template-columns:1.25fr 1fr 1fr}
.sj-row.c2{grid-template-columns:1fr 1fr}
.sj-seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;border:1px solid var(--line2);border-radius:var(--r-ctrl);overflow:hidden;background:#fff}
.sj-seg input{position:absolute;opacity:0;pointer-events:none}
.sj-seg label{display:grid;place-items:center;height:44px;font-size:15px;font-weight:600;color:var(--ink2);cursor:pointer;border-left:1px solid var(--line);margin:0}
.sj-seg label:first-of-type{border-left:0}
.sj-seg input:checked+label{background:var(--ink);color:#fbf6ea}
.sj-seg input:focus-visible+label{outline:2px solid var(--accent);outline-offset:-2px}
.sj-check{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;color:var(--ink2);margin-top:8px;cursor:pointer}
.sj-check input{width:16px;height:16px;accent-color:var(--accent)}
.sj-submit{width:100%;height:54px;margin-top:6px;border:0;border-radius:var(--r-ctrl);background:var(--accent);color:var(--on-accent);font-family:var(--serif);font-size:18px;font-weight:700;letter-spacing:.06em;cursor:pointer;
  box-shadow:0 10px 24px -14px color-mix(in srgb,var(--accent) 90%,transparent);transition:background .15s,transform .15s}
.sj-submit:hover{background:var(--accent-d);transform:translateY(-1px)}
.sj-privacy{font-size:12.5px;color:var(--ink3);margin:12px 0 0;text-align:center}
.sj-alert{border:1px solid var(--bad-line);background:var(--bad-bg);color:var(--bad);border-radius:var(--r-ctrl);padding:10px 14px;font-size:14px;margin-bottom:16px}
.sj-hp{position:absolute!important;left:-9999px;top:-9999px;width:1px;height:1px;overflow:hidden}

/* 계산 중 */
.sj-loading{position:fixed;inset:0;background:color-mix(in srgb,var(--paper) 94%,transparent);display:none;place-items:center;z-index:50}
.sj-loading.on{display:grid}
.sj-loading .box{text-align:center}
.sj-loading .sj-seal{width:64px;height:64px;font-size:36px;animation:sjPulse 1.2s ease-in-out infinite}
.sj-loading ol{list-style:none;padding:0;margin:22px 0 0;font-size:14.5px;color:var(--ink3)}
.sj-loading li{opacity:.25;animation:sjStep 1.8s ease forwards}
.sj-loading li:nth-child(2){animation-delay:.25s}.sj-loading li:nth-child(3){animation-delay:.5s}.sj-loading li:nth-child(4){animation-delay:.75s}.sj-loading li:nth-child(5){animation-delay:1s}
@keyframes sjStep{to{opacity:1;color:var(--ink)}}
@keyframes sjPulse{50%{transform:rotate(-3deg) scale(1.06)}}

/* 결과 — 머리 요약 */
.sj-result{padding:34px 0 60px}
.sj-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px}
.sj-head h1{font-family:var(--serif);font-size:clamp(24px,3vw,32px);margin:6px 0 6px;font-weight:700}
.sj-meta{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:14.5px;color:var(--ink2)}
.sj-meta span+span::before{content:"·";margin-right:14px;color:var(--line2)}
.sj-again{display:inline-flex;align-items:center;gap:6px;height:42px;padding:0 16px;border:1px solid var(--line2);border-radius:var(--r-ctrl);background:var(--card);text-decoration:none;font-weight:600;font-size:14px}
.sj-again:hover{border-color:var(--ink)}

.sj-basis{display:flex;gap:14px;padding:14px 18px;margin-bottom:22px;background:rgba(255,253,248,.75);border:1px dashed var(--line2);border-radius:var(--r-panel);font-size:13.5px;color:var(--ink2)}
.sj-basis b{flex:none;font-family:var(--serif);color:var(--hi);font-size:14px}
.sj-basis ul{margin:0;padding:0;list-style:none;display:grid;gap:3px}
.sj-basis li::before{content:"·";margin-right:6px;color:var(--ink3)}

/* 명식표 */
.sj-chart{padding:26px 26px 20px;position:relative;overflow:hidden}
.sj-sec-h{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 16px}
.sj-sec-h h2{font-family:var(--serif);font-size:20px;margin:0;font-weight:700}
.sj-sec-h h2 small{font-size:13px;color:var(--ink3);font-weight:400;margin-left:8px;font-family:var(--sans)}
.sj-sec-h .aside{font-size:13px;color:var(--ink3)}
.sj-stamp{position:absolute;right:22px;top:16px;width:58px;height:58px;border:2px solid color-mix(in srgb,var(--seal) 55%,transparent);color:color-mix(in srgb,var(--seal) 65%,transparent);border-radius:var(--r-sheet);display:grid;place-items:center;font-family:var(--serif);font-weight:900;font-size:13px;line-height:1.15;text-align:center;transform:rotate(6deg)}
.sj-grid{display:grid;grid-template-columns:76px repeat(4,minmax(0,1fr));border-top:2px solid var(--ink);border-bottom:2px solid var(--ink)}
.sj-grid>div{padding:9px 6px;border-bottom:1px solid var(--line);text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0}
.sj-grid .rh{align-items:flex-start;text-align:left;font-size:12.5px;color:var(--ink3);font-weight:700;padding-left:4px;background:transparent}
.sj-grid .colh{font-family:var(--serif);font-size:15px;font-weight:700;color:var(--ink2);padding:10px 6px 8px}
.sj-grid .colh small{display:block;font-family:var(--sans);font-size:11.5px;color:var(--ink3);font-weight:500}
.sj-grid .day{background:color-mix(in srgb,var(--hi) 4.5%,transparent)}
.sj-grid .colh.day{color:var(--hi)}
.sj-grid .last{border-bottom:0}
.sj-god{font-family:var(--serif);font-size:15px;font-weight:700;line-height:1.2}
.sj-god small{display:block;font-family:var(--sans);font-size:11.5px;color:var(--ink3);font-weight:500}
.sj-tile{width:min(100%,92px);aspect-ratio:1;border-radius:var(--r-tile);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;position:relative;margin:4px 0;box-shadow:inset 0 -6px 0 rgba(0,0,0,.08),0 6px 14px -10px rgba(0,0,0,.5)}
.sj-tile .h{font-family:var(--serif);font-weight:900;font-size:clamp(30px,4.4vw,46px);line-height:1}
.sj-tile .k{font-size:12px;margin-top:5px;opacity:.92;font-weight:600;letter-spacing:.02em}
.sj-tile.gm::after{content:"空";position:absolute;right:-6px;top:-6px;width:20px;height:20px;border-radius:50%;background:var(--card);color:var(--hi);border:1px solid var(--hi);font-family:var(--serif);font-weight:900;font-size:11px;display:grid;place-items:center}
.el-wood{background:var(--wood)}.el-fire{background:var(--fire)}.el-earth{background:var(--earth)}.el-metal{background:#e7e9ed;color:var(--ink)}.el-water{background:var(--water)}
.el-metal .k{color:var(--ink2)}
.t-wood{color:var(--wood)}.t-fire{color:var(--fire)}.t-earth{color:var(--earth)}.t-metal{color:var(--metal)}.t-water{color:var(--water)}
.sj-hidden{display:flex;gap:4px;justify-content:center;flex-wrap:wrap}
.sj-hidden span{display:flex;flex-direction:column;align-items:center;font-family:var(--serif);font-weight:700;font-size:17px;line-height:1.1}
.sj-hidden small{font-family:var(--sans);font-size:10.5px;color:var(--ink3);font-weight:500;margin-top:2px}
.sj-stage{font-family:var(--serif);font-weight:700;font-size:15px}
.sj-stage small{display:block;font-family:var(--sans);font-size:11.5px;color:var(--ink3);font-weight:500}
.sj-chips{display:flex;flex-wrap:wrap;gap:4px;justify-content:center}
.sj-chip{display:inline-block;font-size:11.5px;line-height:1.2;padding:3px 7px;border-radius:var(--r-label);background:var(--paper2);color:var(--ink2);font-weight:600;white-space:nowrap}
.sj-chip.good{background:var(--gold-l);color:var(--gold-d)}
.sj-chip.alert{background:var(--bad-l);color:var(--bad)}
.sj-none{color:var(--line2);font-size:13px}
.sj-nap{font-family:var(--serif);font-size:14px;color:var(--ink2)}
.sj-legend{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:14px;font-size:12.5px;color:var(--ink3)}
.sj-legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px;vertical-align:-1px}

/* 두 칸(오행 + 요약) */
.sj-two{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:20px;margin-top:20px}
.sj-pad{padding:24px 26px}
.sj-penta{display:grid;grid-template-columns:240px minmax(0,1fr);gap:22px;align-items:center}
.sj-penta svg{width:100%;height:auto;overflow:visible}
.sj-bars{display:grid;gap:9px}
.sj-bar{display:grid;grid-template-columns:44px minmax(0,1fr) 30px;gap:10px;align-items:center;font-size:13.5px}
.sj-bar b{font-family:var(--serif);font-size:17px}
.sj-bar .track{height:10px;border-radius:var(--r-label);background:var(--paper2);overflow:hidden}
.sj-bar .track i{display:block;height:100%;border-radius:var(--r-label)}
.sj-bar .n{text-align:right;font-weight:700;color:var(--ink2)}
.sj-sum{margin:18px 0 0;font-size:14px;color:var(--ink2)}
.sj-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.sj-fact{border:1px solid var(--line);border-radius:var(--r-panel);padding:12px 14px;background:#fffefa}
.sj-fact .l{font-size:12px;color:var(--ink3);font-weight:700}
.sj-fact .v{font-family:var(--serif);font-size:20px;font-weight:700;margin-top:2px;line-height:1.25}
.sj-fact .v small{font-family:var(--sans);font-size:12.5px;color:var(--ink3);font-weight:500;margin-left:6px}
.sj-dm{display:flex;align-items:center;gap:16px;padding:16px;border-radius:var(--r-panel);background:var(--paper2);margin-bottom:14px}
.sj-dm .sj-tile{width:72px;margin:0;flex:none}
.sj-dm .sj-tile .h{font-size:38px}
.sj-dm p{margin:0;font-size:14px;color:var(--ink2)}
.sj-dm p b{font-family:var(--serif);font-size:17px;color:var(--ink)}

/* 대운·세운 */
.sj-luck{margin-top:20px}
.sj-strip{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(88px,1fr);gap:8px;overflow-x:auto;padding:14px 2px 10px;scroll-snap-type:x proximity}
.sj-lc{scroll-snap-align:start;border:1px solid var(--line);border-radius:var(--r-panel);background:#fffefa;padding:10px 6px 10px;display:flex;flex-direction:column;align-items:center;gap:4px;position:relative}
.sj-lc .age{font-family:var(--serif);font-weight:700;font-size:17px;line-height:1.1}
.sj-lc .age small{font-family:var(--sans);font-size:11px;color:var(--ink3);font-weight:500;display:block;text-align:center;margin-top:2px}
.sj-lc .g{font-size:11.5px;color:var(--ink3);font-weight:600;white-space:nowrap}
.sj-lc .sj-tile{width:52px;border-radius:var(--r-label);margin:0;box-shadow:inset 0 -4px 0 rgba(0,0,0,.08)}
.sj-lc .sj-tile .h{font-size:26px}
.sj-lc .sj-tile .k{font-size:10.5px;margin-top:2px}
.sj-lc .st{font-family:var(--serif);font-size:13px;font-weight:700;color:var(--ink2)}
.sj-lc.now{border:2px solid var(--hi);background:color-mix(in srgb,var(--hi) 4%,#fff);box-shadow:0 10px 24px -18px color-mix(in srgb,var(--hi) 90%,transparent)}
.sj-lc.now::before{content:"지금";position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:var(--hi);color:#fff;font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px}

/* 바로가기 */
.sj-jump{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.sj-jump a{display:inline-flex;align-items:center;height:34px;padding:0 14px;border:1px solid var(--line2);border-radius:var(--r-ctrl);background:var(--card);font-size:13.5px;font-weight:700;color:var(--ink2);text-decoration:none}
.sj-jump a:hover{border-color:var(--ink);color:var(--ink)}
.sj-jump a.hot{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.sj-jump a.hot:hover{background:var(--accent-d)}
[id]{scroll-margin-top:84px}

/* 일주 풀이 */
.sj-ilju{margin-top:20px}
.sj-ilju-hero{display:grid;grid-template-columns:auto minmax(0,1fr);gap:26px;align-items:start;padding:22px 24px;border-radius:var(--r-panel);background:linear-gradient(180deg,var(--panel-a),var(--panel-b));border:1px solid var(--line)}
.sj-ilju-hero .tiles{display:flex;flex-direction:column;gap:8px}
.sj-ilju-hero .tiles .sj-tile{width:76px;margin:0}
.sj-ilju-hero .tiles .sj-tile .h{font-size:38px}
.sj-ilju-hero .nick{margin:0;font-family:var(--serif);font-size:24px;font-weight:700;line-height:1.35}
.sj-ilju-hero .kw{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.sj-ilju-hero .kw li{font-size:12.5px;font-weight:700;color:var(--gold-d);background:var(--gold-l);border-radius:999px;padding:3px 11px}
.sj-ilju-hero .lead{margin:14px 0 0;font-size:15px;line-height:1.85;color:var(--ink)}
.sj-ilju-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}
.sj-ilju-grid .it{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;border:1px solid var(--line);border-radius:var(--r-panel);background:#fffefa}
.sj-ilju-grid .ic{flex:none;width:34px;height:34px;border-radius:var(--r-label);display:grid;place-items:center;background:var(--paper2);color:var(--hi);font-family:var(--serif);font-weight:900;font-size:16px}
.sj-ilju-grid b{display:block;font-size:14.5px;margin-bottom:3px}
.sj-ilju-grid p{margin:0;font-size:14px;line-height:1.75;color:var(--ink2)}
.sj-ohaeng{margin-top:14px;padding:16px 18px;border-radius:var(--r-panel);border:1px dashed var(--line2);background:rgba(255,253,248,.8)}
.sj-ohaeng .h{display:block;font-family:var(--serif);font-size:16px;color:var(--hi);margin-bottom:8px}
.sj-ohaeng .row{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-top:1px dashed var(--line)}
.sj-ohaeng .row:first-of-type{border-top:0}
.sj-ohaeng .badge{flex:none;width:32px;height:32px;border-radius:var(--r-panel);display:grid;place-items:center;color:#fff;font-family:var(--serif);font-weight:900;font-size:16px}
.sj-ohaeng .row b{display:block;font-size:14px}
.sj-ohaeng .row p{margin:2px 0 0;font-size:14px;line-height:1.75;color:var(--ink2)}

/* 오늘 · 이달의 운세 */
.sj-periods{margin-top:20px}
.sj-period-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.sj-period{border:1px solid var(--line);border-radius:var(--r-panel);background:#fffefa;padding:18px 20px 10px}
.sj-period.today{border:2px solid var(--gold-m);background:var(--gold-tint)}
.sj-period header{display:flex;align-items:center;gap:14px;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid var(--line)}
.sj-period header div{min-width:0}
.sj-period header b{display:block;font-family:var(--serif);font-size:16.5px;line-height:1.3;margin-top:4px}
.sj-period header small{font-size:12px;color:var(--ink3)}
.sj-period header .sj-hex{margin-left:auto}
.sj-period .when{display:inline-block;font-size:11.5px;font-weight:800;color:#fbf6ea;background:var(--ink);border-radius:var(--r-label);padding:2px 8px}
.sj-period.today .when{background:var(--gold-d)}
/* 바뀌는 날짜 — 일력 모양(인쇄된 본문과 다른 고딕 숫자 · 색) */
.sj-cal{flex:none;display:flex;flex-direction:column;align-items:center;width:64px;border:1px solid var(--line2);border-radius:var(--r-panel);overflow:hidden;background:#fff;font-family:var(--sans);text-align:center;box-shadow:0 6px 14px -10px rgba(0,0,0,.45)}
.sj-cal .m{align-self:stretch;padding:3px 0;font-size:11.5px;font-weight:800;letter-spacing:.04em;color:#fff;background:var(--ink)}
.sj-cal .d{padding:3px 0 0;font-size:30px;font-weight:800;line-height:1.05;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--ink)}
.sj-cal .d small{font-size:14px;font-weight:700;margin-left:1px}
.sj-cal .w{padding:1px 4px 5px;font-size:11px;font-weight:700;color:var(--ink3);white-space:nowrap}
.sj-cal.today{border-color:var(--gold-m)}
.sj-cal.today .m{background:var(--gold-d)}
.sj-cal.today .d{color:var(--gold-d)}
.sj-cal.month .d{font-size:26px;padding-top:5px}
.sj-period .score{margin:0 0 10px;font-size:13.5px;color:var(--ink2);display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
.sj-period .score b.tone{font-family:var(--sans);font-size:13px;font-weight:800;padding:3px 10px;border-radius:999px}
.sj-period .score b.tone.good{background:var(--gold-d);color:#fff}
.sj-period .score b.tone.mid{background:var(--gold-l);color:var(--gold-d)}
.sj-period .score b.tone.rest{background:var(--paper2);color:var(--ink2)}
.sj-period .score .hint{font-size:12.5px;color:var(--ink3)}
.sj-period .score a{margin-left:auto;font-size:12.5px;font-weight:700;color:var(--gold-d)}
.sj-period .txt{margin:0 0 8px;font-family:var(--serif);font-size:15px;line-height:1.85}

/* 한 해 운세(육효) */
.sj-fortune{margin-top:20px;padding:26px 26px 22px}
.sj-years{display:flex;gap:6px;flex:none}
.sj-years a{display:inline-flex;align-items:center;height:34px;padding:0 14px;border:1px solid var(--line2);border-radius:var(--r-ctrl);background:#fff;font-size:13.5px;font-weight:700;color:var(--ink2);text-decoration:none}
.sj-years a:hover{border-color:var(--ink)}
.sj-years a.on{background:var(--ink);border-color:var(--ink);color:#fbf6ea}
.sj-fbasis{margin:-6px 0 16px;font-size:13.5px;color:var(--ink3)}
.sj-fhero{display:grid;grid-template-columns:auto minmax(0,1fr);gap:34px;align-items:center;padding:26px 28px;border-radius:var(--r-panel);border:1px solid var(--line);background:linear-gradient(180deg,var(--panel-a),var(--panel-b))}
.sj-hexes{display:flex;align-items:center;gap:16px}
.sj-hexes figure{margin:0;display:flex;flex-direction:column;align-items:center}
.sj-hexes figcaption{margin-top:12px;font-family:var(--serif);font-weight:700;font-size:15px;text-align:center;line-height:1.3}
.sj-hexes figcaption small{display:block;font-size:12.5px;color:var(--ink3);font-weight:500}
.sj-hexes .to{color:var(--line2);font-size:22px;margin-bottom:34px}
.sj-hex{display:grid;gap:8px;width:86px;position:relative}
.sj-hex i{display:block;height:11px;border-radius:2px;position:relative}
.sj-hex .yang{background:var(--ink)}
.sj-hex .yin{background:linear-gradient(90deg,var(--ink) 0 41%,transparent 41% 59%,var(--ink) 59%)}
.sj-hex .yang.mv{background:var(--hi)}
.sj-hex .yin.mv{background:linear-gradient(90deg,var(--hi) 0 41%,transparent 41% 59%,var(--hi) 59%)}
.sj-hex .mv::after{content:"";position:absolute;left:-14px;top:50%;width:7px;height:7px;margin-top:-3.5px;border-radius:50%;background:var(--hi)}
.sj-hex.sm{width:48px;gap:4px}
.sj-hex.sm i{height:6px;border-radius:1px}
.sj-hex.sm .mv::after{display:none}
.sj-fline .tag{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.04em;color:var(--hi);background:color-mix(in srgb,var(--hi) 3%,#fff);border:1px solid color-mix(in srgb,var(--hi) 30%,transparent);border-radius:999px;padding:3px 11px}
.sj-fline h3{font-family:var(--serif);font-size:27px;font-weight:700;margin:10px 0 10px;line-height:1.25}
.sj-fline h3 span{font-size:16px;color:var(--ink3);font-weight:500;margin-left:8px}
.sj-fline blockquote{margin:0;padding-left:16px;border-left:3px solid var(--hi);font-family:var(--serif);font-size:16.5px;line-height:1.9;color:var(--ink)}
.sj-fline .mv-note{display:flex;align-items:center;gap:8px;margin:14px 0 0;font-size:12.5px;color:var(--ink3)}
.sj-fline .mv-note i{flex:none;width:18px;height:6px;border-radius:1px;background:var(--hi)}
.sj-halves{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}
.sj-half{border:1px solid var(--line);border-radius:var(--r-panel);background:#fffefa;padding:20px 22px 12px}
.sj-half header{display:flex;align-items:center;gap:12px;padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid var(--line)}
.sj-half header div{min-width:0}
.sj-half header b{display:block;font-family:var(--serif);font-size:18px;line-height:1.25}
.sj-half header small{font-family:var(--serif);font-size:13px;color:var(--ink3)}
.sj-half header .sj-hex{margin-left:auto}
.sj-half .when{flex:none;font-size:12.5px;font-weight:800;color:#fbf6ea;background:var(--ink);border-radius:var(--r-label);padding:4px 9px;letter-spacing:.04em}
.sj-half:first-child .when{background:var(--accent);color:var(--on-accent)}
.sj-half .lead{margin:0 0 10px;font-family:var(--serif);font-size:15.5px;font-weight:700;line-height:1.75}
.sj-half .dir{margin:0 0 12px;font-size:14.5px;color:var(--ink2);line-height:1.8}
.sj-items{margin:0}
.sj-items div{display:grid;grid-template-columns:70px minmax(0,1fr);gap:12px;padding:10px 0;border-top:1px dashed var(--line)}
.sj-items dt{font-size:12.5px;font-weight:800;color:var(--gold);padding-top:1px}
.sj-items dd{margin:0;font-size:14px;color:var(--ink2);line-height:1.7}
.sj-shift{margin-top:18px;padding:16px 20px;border-radius:var(--r-panel);border:1px dashed var(--line2);background:rgba(255,253,248,.8)}
.sj-shift>b{font-family:var(--serif);font-size:16px;color:var(--hi)}
.sj-shift>small{margin-left:10px;font-size:12.5px;color:var(--ink3)}
.sj-shift p{margin:8px 0 0;font-size:14.5px;color:var(--ink2);line-height:1.8}
.sj-shift .ln{display:inline-block;margin-right:8px;font-family:var(--serif);font-weight:700;color:var(--ink);font-size:14px;padding:0 8px;border-radius:var(--r-label);background:var(--paper2)}
.sj-how{margin-top:14px;font-size:13.5px;color:var(--ink2)}
.sj-how summary{cursor:pointer;font-weight:700;color:var(--ink3);font-size:13px}
.sj-how summary:hover{color:var(--ink)}
.sj-how table{width:100%;border-collapse:collapse;margin-top:10px}
.sj-how th,.sj-how td{padding:8px 10px;border-top:1px solid var(--line);text-align:left;vertical-align:top}
.sj-how th{width:52px;font-family:var(--serif);color:var(--ink)}
.sj-how td.g{font-family:var(--serif);font-weight:700;white-space:nowrap;color:var(--hi)}
.sj-how p{margin:8px 0 0;font-size:12.5px;color:var(--ink3)}

.sj-jump a.hot.gold{background:var(--gold-d);border-color:var(--gold-d)}
.sj-jump a.hot.gold:hover{background:color-mix(in srgb,var(--gold-d) 80%,#000)}

/* 로또 사기 좋은 날 */
.sj-lucky{margin-top:20px}
.sj-lucky-lead{margin:-4px 0 16px;font-size:14px;color:var(--ink2);line-height:1.8}
.sj-lucky-lead b{font-family:var(--serif)}
.sj-wealth{display:grid;grid-template-columns:230px minmax(0,1fr);gap:24px;align-items:center;padding:16px 18px;margin:-4px 0 18px;border-radius:var(--r-panel);background:var(--paper2)}
.sj-wealth p{margin:0;font-size:14px;color:var(--ink2);line-height:1.8}
.sj-wealth p b{font-family:var(--serif);color:var(--ink)}
.sj-wealth .meter{display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:2px 10px}
.sj-wealth .lbl{font-size:12px;font-weight:700;color:var(--ink3)}
.sj-wealth .cls{font-family:var(--serif);font-size:22px;text-align:right}
.sj-wealth .bar{grid-column:1/-1;position:relative;height:10px;border-radius:var(--r-label);background:#fff;margin-top:6px;overflow:hidden;box-shadow:inset 0 0 0 1px var(--line)}
.sj-wealth .bar i{display:block;height:100%;border-radius:var(--r-label);background:linear-gradient(90deg,#c9b99c,var(--ink))}
.sj-wealth .bar em{position:absolute;top:0;bottom:0;width:1px;background:var(--line2)}
.sj-wealth .sc{grid-column:1/-1;display:grid;grid-template-columns:27fr 20fr 53fr;font-size:11px;color:var(--ink3)}
.sj-wealth .sc span:nth-child(2){text-align:center}
.sj-wealth .sc span:last-child{text-align:right}
.sj-draws{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.sj-draw{border:1px solid var(--line);border-radius:var(--r-panel);background:#fffefa;padding:14px 14px 12px;display:flex;flex-direction:column;gap:6px;position:relative}
.sj-draw.now{border:2px solid var(--gold-m);background:var(--gold-tint);box-shadow:0 12px 26px -20px color-mix(in srgb,var(--gold-d) 90%,transparent)}
.sj-draw.now::before{content:"이번 회차";position:absolute;top:-10px;left:14px;background:var(--gold-d);color:#fff;font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px}
.sj-draw .rd{font-size:12.5px;color:var(--ink3)}
.sj-draw .rd b{color:var(--ink2);margin-right:6px}
.sj-draw .day{font-family:var(--serif);font-size:21px;font-weight:700;line-height:1.25}
.sj-draw .gj{display:flex;align-items:center;gap:2px;font-size:13.5px;color:var(--ink2)}
.sj-draw .gj span:first-child{font-family:var(--serif);font-weight:900;font-size:17px}
.sj-draw .gj .pt{margin-left:auto;font-size:12.5px;color:var(--ink3)}
.sj-draw .gj .pt b{font-family:var(--serif);font-size:17px;color:var(--gold-d)}
.sj-draw .stars{color:var(--star);letter-spacing:2px;font-size:17px;line-height:1}
.sj-draw .stars em{font-style:normal;color:var(--line)}
.sj-draw .why.bad li{background:var(--bad-l);color:var(--bad)}
.sj-draw .why{list-style:none;margin:2px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:4px}
.sj-draw .why li{font-size:11.5px;font-weight:600;line-height:1.3;padding:3px 7px;border-radius:var(--r-label);background:var(--gold-l);color:var(--gold-d)}
.sj-draw .rest{margin:2px 0 0;font-size:12.5px;color:var(--ink3)}
.sj-draw .avoid{margin:auto 0 0;padding-top:8px;border-top:1px dashed var(--line);font-size:12px;color:var(--bad)}
.sj-fine{margin:12px 0 0;font-size:12px;color:var(--ink3)}

/* 홍보(로또프린터 · 만든 곳) */
.sj-promos{display:grid;gap:20px;margin:8px 0 56px}
.sj-promos.one{margin:20px 0 0}
.sj-promo{background:var(--card);border:1px solid var(--line);border-radius:var(--r-sheet);box-shadow:var(--sh);padding:26px 28px}
.sj-promo h2{font-family:var(--serif);font-size:21px;line-height:1.35;margin:10px 0 8px}
.sj-promo p{margin:0;font-size:14.5px;color:var(--ink2);line-height:1.8}
.sj-btns{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.sj-btn{display:inline-flex;align-items:center;height:42px;padding:0 16px;border:1px solid var(--line2);border-radius:var(--r-ctrl);background:#fff;font-size:14px;font-weight:700;color:var(--ink);text-decoration:none}
.sj-btn:hover{border-color:var(--ink)}
.sj-btn.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.sj-btn.primary:hover{background:var(--accent-d)}
.sj-btn.dark{background:var(--ink);border-color:var(--ink);color:#fbf6ea}
/* 로또프린터 — 실제 프로그램 화면 + 인쇄된 마킹용지 */
.sj-lp-wrap{margin-top:20px}
.sj-lp{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:36px;align-items:center;padding:30px 32px;border-radius:var(--r-sheet);border:1px solid var(--lp-b);background:linear-gradient(135deg,var(--lp-u),var(--lp-l));box-shadow:var(--sh)}
.sj-lp-visual{position:relative;display:grid;gap:12px}
.sj-lp-shot figcaption,.sj-lp-slip figcaption{padding:7px 10px;font-size:12px;font-weight:600;color:var(--ink3);background:#fff;border-top:1px solid var(--line)}
.sj-lp.has-slip .sj-lp-visual{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start}
.sj-lp.has-slip .sj-lp-steps{grid-column:1/-1}
.sj-lp-slip{margin:0;border-radius:var(--r-panel);overflow:hidden;border:1px solid rgba(0,0,0,.12);background:#fff;box-shadow:0 26px 50px -26px rgba(90,50,10,.6)}
.sj-lp-slip img{display:block;width:100%;height:auto}
.sj-lp-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.sj-lp-steps li{display:flex;align-items:center;gap:8px;padding:9px 10px;border:1px solid var(--lp-b);border-radius:var(--r-panel);background:#fff;font-size:13px;font-weight:700;color:var(--ink2)}
.sj-lp-steps b{flex:none;width:20px;height:20px;border-radius:var(--r-label);display:grid;place-items:center;background:var(--lp);color:#fff;font-size:11.5px}
.sj-lp-shot{margin:0;border-radius:var(--r-panel);overflow:hidden;border:1px solid rgba(0,0,0,.12);background:#fff;box-shadow:0 26px 50px -26px rgba(90,50,10,.6),0 2px 6px rgba(0,0,0,.08)}
.sj-lp-shot img{display:block;width:100%;height:auto}
.sj-lp-badge{display:inline-flex;align-items:center;height:26px;padding:0 11px;border-radius:var(--r-label);background:var(--lp);color:#fff;font-size:12px;font-weight:800;letter-spacing:.04em}
.sj-lp h2{font-family:var(--serif);font-size:25px;line-height:1.38;margin:12px 0 10px}
.sj-lp-txt>p{margin:0;font-size:14.5px;color:var(--ink2);line-height:1.8}
.sj-lp-feats{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:8px}
.sj-lp-feats li{display:flex;flex-wrap:wrap;gap:2px 10px;align-items:baseline;font-size:14.5px;padding-left:24px;position:relative}
.sj-lp-feats li::before{content:"";position:absolute;left:2px;top:6px;width:12px;height:7px;border-left:2.5px solid var(--lp);border-bottom:2.5px solid var(--lp);transform:rotate(-45deg)}
.sj-lp-feats b{color:var(--ink)}
.sj-lp-feats span{font-size:13px;color:var(--ink3)}
.sj-lp-cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin-top:22px}
.sj-lp-buy{display:inline-flex;align-items:center;gap:12px;height:56px;padding:0 26px;border-radius:var(--r-ctrl);background:var(--lp);color:#fff;font-size:17px;font-weight:800;text-decoration:none;box-shadow:0 16px 30px -14px rgba(180,83,9,.95);transition:background .15s,transform .15s}
.sj-lp-buy:hover{background:var(--lp-d);transform:translateY(-1px)}
.sj-lp-buy span{font-size:20px;line-height:1}
.sj-lp-subs{display:flex;flex-wrap:wrap;gap:6px 16px}
.sj-lp-subs a{font-size:14px;font-weight:700;color:var(--lp-d);text-decoration:underline;text-underline-offset:3px}
.sj-lp-subs a:hover{color:var(--lp)}
.sj-lp-txt>p.sj-lp-note{margin-top:12px;font-size:12.5px;color:var(--ink3)}
/* 로또 좋은 날 카드 안 구매 띠 */
.sj-lp-strip{display:flex;align-items:center;gap:16px;margin-top:16px;padding:12px 14px 12px 12px;border-radius:var(--r-panel);border:1px solid var(--lp-b);background:linear-gradient(90deg,var(--lp-u),var(--lp-l));text-decoration:none;transition:border-color .15s,box-shadow .15s}
.sj-lp-strip:hover{border-color:var(--lp);box-shadow:0 12px 26px -18px rgba(180,83,9,.9)}
.sj-lp-strip img{flex:none;width:104px;height:auto;border-radius:var(--r-label);border:1px solid rgba(0,0,0,.1);background:#fff}
.sj-lp-strip .t{flex:1;min-width:0}
.sj-lp-strip .t b{display:block;font-size:15.5px;color:var(--ink);line-height:1.4}
.sj-lp-strip .t small{font-size:12.5px;color:var(--ink3)}
.sj-lp-strip .go{flex:none;display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 18px;border-radius:var(--r-ctrl);background:var(--lp);color:#fff;font-size:14.5px;font-weight:800}
.sj-lp-strip:hover .go{background:var(--lp-d)}
/* 만든 곳 */
.sj-maker-head{display:flex;align-items:center;gap:18px;margin-bottom:12px}
.sj-maker-head .logo{flex:none;display:block;width:74px}
.sj-maker-head .logo img{display:block;width:100%;height:auto}
.sj-maker-head h2{margin:6px 0 0}
.sj-maker{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:center}
.sj-maker .sj-prods{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.sj-maker .sj-prods a{display:flex;flex-direction:column;height:100%;border:1px solid var(--line);border-radius:var(--r-panel);background:#fffefa;text-decoration:none;overflow:hidden;transition:border-color .15s,box-shadow .15s}
.sj-maker .sj-prods a:hover{border-color:var(--ink);box-shadow:0 10px 24px -18px rgba(0,0,0,.5)}
.sj-maker .sj-prods img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top left;background:#1b1d22;border-bottom:1px solid var(--line)}
.sj-maker .sj-prods .t{display:block;padding:11px 14px 13px}
.sj-maker .sj-prods b{display:block;font-size:14.5px;margin-bottom:2px}
.sj-maker .sj-prods .t span{font-size:12.5px;color:var(--ink3);line-height:1.5}
.sj-maker .sig{display:block;margin-top:14px;font-size:11.5px;letter-spacing:.16em;color:var(--gold);font-weight:700}

.sj-note{margin-top:22px;font-size:12.5px;color:var(--ink3);line-height:1.7}
.sj-foot{border-top:1px solid var(--line);padding:22px 0 30px;font-size:12.5px;color:var(--ink3)}
.sj-foot .sj-wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px}
.sj-foot a{color:var(--ink2);font-weight:600}

@media (max-width:960px){
  .sj-hero{grid-template-columns:minmax(0,1fr);gap:28px;padding-top:36px}
  .sj-two{grid-template-columns:minmax(0,1fr)}
  .sj-halves{grid-template-columns:minmax(0,1fr)}
  .sj-draws{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sj-maker{grid-template-columns:minmax(0,1fr)}
  .sj-lp{grid-template-columns:minmax(0,1fr);gap:24px}
  .sj-period-grid{grid-template-columns:minmax(0,1fr)}
  .sj-lp-visual{max-width:620px}
}
@media (max-width:640px){
  .sj-wrap{padding:0 14px}
  .sj-form{padding:22px 18px}
  .sj-chart{padding:18px 12px 14px}
  .sj-stamp{display:none}
  .sj-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .sj-grid .rh{display:none}
  .sj-grid>div{padding:7px 3px}
  .sj-tile{border-radius:var(--r-tile)}
  .sj-tile .k{font-size:10.5px}
  .sj-god{font-size:13.5px}
  .sj-hidden span{font-size:14.5px}
  .sj-chip{font-size:10.5px;padding:2px 5px}
  .sj-penta{grid-template-columns:minmax(0,1fr)}
  .sj-penta svg{max-width:260px;margin:0 auto}
  .sj-pad{padding:20px 16px}
  .sj-basis{flex-direction:column;gap:6px}
  .sj-fortune{padding:20px 14px 16px}
  .sj-fortune .sj-sec-h{flex-wrap:wrap}
  .sj-fhero{grid-template-columns:minmax(0,1fr);gap:20px;padding:20px 16px}
  .sj-hexes{justify-content:center}
  .sj-hex{width:70px;gap:7px}
  .sj-hex i{height:9px}
  .sj-fline h3{font-size:23px}
  .sj-fline blockquote{font-size:15.5px}
  .sj-half{padding:16px 14px 8px}
  .sj-items div{grid-template-columns:58px minmax(0,1fr);gap:10px}
  .sj-how th,.sj-how td{padding:7px 6px}
  .sj-lucky .sj-sec-h .aside,.sj-periods .sj-sec-h .aside,.sj-ilju .sj-sec-h .aside{display:none}
  .sj-ilju-hero{grid-template-columns:minmax(0,1fr);gap:14px;padding:18px 16px}
  .sj-ilju-hero .tiles{flex-direction:row}
  .sj-ilju-hero .tiles .sj-tile{width:64px}
  .sj-ilju-hero .tiles .sj-tile .h{font-size:32px}
  .sj-ilju-hero .nick{font-size:21px}
  .sj-ilju-grid{grid-template-columns:minmax(0,1fr)}
  .sj-ilju-grid .it{padding:14px}
  .sj-period{padding:16px 14px 8px}
  .sj-wealth{grid-template-columns:minmax(0,1fr);gap:14px;padding:14px}
  .sj-draws{grid-template-columns:minmax(0,1fr);gap:14px}
  .sj-draw .day{font-size:19px}
  .sj-promo{padding:20px 16px}
  .sj-top nav{gap:10px}
  .sj-top nav a.sj-top-lp{height:30px;padding:0 10px;font-size:12.5px}
  .sj-lp{padding:20px 16px;gap:20px}
  .sj-lp.has-slip .sj-lp-visual{grid-template-columns:minmax(0,1fr)}
  .sj-lp-steps li{font-size:12px;padding:8px 7px;gap:6px}
  .sj-lp h2{font-size:21px}
  .sj-lp-buy{width:100%;justify-content:center;height:54px;font-size:16px}
  .sj-lp-subs{width:100%;justify-content:center}
  .sj-lp-strip{flex-wrap:wrap;gap:10px 12px}
  .sj-lp-strip img{width:84px}
  .sj-lp-strip .t{flex:1 1 160px}
  .sj-lp-strip .go{width:100%;justify-content:center}
  .sj-maker .sj-prods{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .sj-maker .sj-prods .t{padding:9px 10px 11px}
  .sj-maker .sj-prods b{font-size:13.5px}
  .sj-maker .sj-prods .t span{font-size:11.5px}
  .sj-btn{flex:1 1 auto;justify-content:center}
}