/* 새 첫 화면 모양(사장님 2026-10-28(서울) 11:12 「어」 — 첫 화면부터 처음 보는 사람 눈높이로 · 11:21 「5배빨리해」 · 칸은 home-new.js)
   바탕은 청록 판 그대로(#152D30 · check_white ①) — 소개 · 오늘 시장 · 안내는 청록 위 흰 글 · 업종 · 지난 기록 · 사기 전 확인은 밝은 카드
   그림자 · 광택(그러데이션) · 입체 없음(check_white ④) · 글 17px 이상 · 누르는 것 48 이상 · 단추 테두리나 바탕은 둘레와 3 이상 */
html.home #view { --nh-card: #FDFAF6; --nh-ink: #1E2B2A; --nh-sub: #44514E; --nh-line: #E3DACD; --nh-go: #1F6F57; --nh-link: #17614B;
  --nh-S: #1E9C7B; --nh-B: #D24B6E; --nh-W: #B26F27; --nh-Q: #7D8885; --nh-zS: #E3F3EC; --nh-zB: #FBE6EB; --nh-zW: #F7ECDD; --nh-zQ: #ECEFEE; }
html.home #view .nh-hero, html.home #view .nh-sec, html.home #view .nh-foot, html.home #view .nh-short { margin: 0 16px; }
html.home #view .nh-bootw { margin: 0; text-align: start; color: inherit; min-height: 100vh; } /* 여는 동안 소개 칸(boot-home.js) — 다 그린 첫 화면 소개 칸과 같은 자리 */
html.home #view .nh-hero { display: grid; gap: 12px; padding: 8px 4px 22px; color: #FFFFFF; }
html.home #view .nh-kick { margin: 0; justify-self: start; padding: 3px 12px; border-radius: 999px; border: 1px solid #5FBFA6; color: #9FE6D2; font-size: 17px; font-weight: 700; }
html.home #view .nh-h1 { margin: 0; font-size: 29px; line-height: 1.32; font-weight: 800; color: #FFFFFF; letter-spacing: -0.01em; text-wrap: balance; }
html.home #view .nh-h1 > span { display: block; }
html.home #view .nh-h1 .nh-acc { color: #6FDDBC; }
html.home #view .nh-sub { margin: 0; font-size: 18px; line-height: 1.5; color: #D6E4E1; }
html.home #view .nh-facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
html.home #view .nh-fact { display: grid; justify-items: center; gap: 2px; padding: 10px 4px; border-radius: 14px; background: #1F3D40; }
html.home #view .nh-fact b { font-size: 22px; line-height: 1.2; color: #FFFFFF; }
html.home #view .nh-fact span { font-size: 17px; color: #C9DAD6; }
html.home #view .nh-no { margin: 0; font-size: 17px; line-height: 1.45; color: #C9DAD6; }

/* 밝은 카드 */
html.home #view .nh-sec { display: grid; gap: 12px; margin-top: 16px; padding: 20px 16px; border-radius: 22px; background: var(--nh-card); color: var(--nh-ink); border: 1px solid var(--nh-line); }
html.home #view .nh-h2 { margin: 0; font-size: 23px; line-height: 1.35; font-weight: 800; color: var(--nh-ink); text-wrap: balance; }
html.home #view .nh-d, html.home #view .nh-p, html.home #view .nh-how { margin: 0; font-size: 17px; line-height: 1.5; color: var(--nh-sub); }
html.home #view .nh-p { color: var(--nh-ink); font-size: 18px; }
html.home #view .nh-how { padding: 10px 12px; border-radius: 14px; background: #F1ECE4; color: var(--nh-ink); }
html.home #view .nh-link { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 48px; padding: 0 4px; color: var(--nh-link); font-size: 18px; font-weight: 800; text-decoration: none; }
html.home #view .nh-link::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 1px; background: var(--nh-line); } /* 나눔 줄(누르는 테두리 아님 — 단추 테두리 대비 셈 밖) */
html.home #view .nh-link i { font-style: normal; font-size: 22px; }
html.home #view .nh-links { display: grid; }

/* 업종 점 그림 */
html.home #view .nh-plotw { margin: 0 -4px; }
html.home #view .nh-plot { display: block; width: 100%; height: auto; max-width: 100%; }
html.home #view .nh-zq-S { fill: var(--nh-zS); } html.home #view .nh-zq-B { fill: var(--nh-zB); } html.home #view .nh-zq-W { fill: var(--nh-zW); } html.home #view .nh-zq-Q { fill: var(--nh-zQ); }
html.home #view .nh-zline { stroke: #5B6764; stroke-width: 1; stroke-dasharray: 4 4; }
html.home #view .nh-dot { stroke: #FEFEFE; stroke-width: 1.5; }
html.home #view .nh-dot-S { fill: var(--nh-S); } html.home #view .nh-dot-B { fill: var(--nh-B); } html.home #view .nh-dot-W { fill: var(--nh-W); } html.home #view .nh-dot-Q { fill: var(--nh-Q); }
html.home #view .nh-dot4 { stroke: #1E2B2A; stroke-width: 2.5; }
html.home #view .nh-zl, html.home #view .nh-dl, html.home #view .nh-tick { paint-order: stroke; stroke: #FDFAF6; stroke-width: 4px; stroke-linejoin: round; }
html.home #view .nh-zl { font-size: 14px; font-weight: 800; }
html.home #view .nh-zl-S { fill: #12664F; } html.home #view .nh-zl-B { fill: #A9304F; } html.home #view .nh-zl-W { fill: #7E4E10; } html.home #view .nh-zl-Q { fill: #44514E; }
html.home #view .nh-tick { font-size: 13px; fill: #44514E; }
html.home #view .nh-dl { font-size: 15px; font-weight: 800; fill: #1E2B2A; }
html.home #view .nh-leg { display: grid; grid-template-columns: minmax(0, 1fr); gap: 4px; margin: 0; padding: 0; list-style: none; }
html.home #view .nh-lg { display: flex; align-items: center; gap: 8px; padding: 2px 0; border-bottom: 1px solid #EFE8DE; font-size: 17px; color: var(--nh-ink); min-width: 0; }
html.home #view .nh-lg i { flex: none; width: 12px; height: 12px; border-radius: 50%; }
html.home #view .nh-lg-S i { background: var(--nh-S); } html.home #view .nh-lg-B i { background: var(--nh-B); } html.home #view .nh-lg-W i { background: var(--nh-W); } html.home #view .nh-lg-Q i { background: var(--nh-Q); }
html.home #view .nh-lg b { margin-left: auto; font-size: 17px; }
html.home #view .nh-ax { display: grid; gap: 6px; margin: 0; padding: 0; list-style: none; }
html.home #view .nh-ax li { display: grid; grid-template-columns: 2.6em minmax(0, 1fr); gap: 8px; font-size: 17px; line-height: 1.45; color: var(--nh-sub); }
html.home #view .nh-ax b { color: var(--nh-ink); }
html.home #view .nh-old { margin: 0; font-size: 17px; line-height: 1.45; color: var(--nh-sub); }
html.home #view .nh-rule { display: grid; gap: 6px; padding: 12px 14px; border-radius: 16px; background: #F1ECE4; }
html.home #view .nh-rt { margin: 0; font-size: 17px; font-weight: 800; color: var(--nh-ink); }
html.home #view .nh-rl { margin: 0; padding-left: 22px; display: grid; gap: 4px; font-size: 17px; line-height: 1.45; color: var(--nh-ink); }

/* 지난 기록 */
html.home #view .nh-cmp { display: grid; gap: 6px; }
html.home #view .nh-ck { margin: 0; font-size: 18px; font-weight: 800; color: var(--nh-ink); }
html.home #view .nh-br { display: grid; grid-template-columns: 8.4em minmax(0, 1fr) 2.8em; align-items: center; gap: 8px; }
html.home #view .nh-bn { font-size: 17px; color: var(--nh-sub); }
html.home #view .nh-bt { height: 14px; border-radius: 999px; background: #E9E3DA; overflow: hidden; }
html.home #view .nh-bf { display: block; height: 100%; border-radius: 999px; }
html.home #view .nh-cmp-up .nh-me { background: #1E9C7B; } html.home #view .nh-cmp-up .nh-all { background: #9AA6A3; }
html.home #view .nh-cmp-dn .nh-me { background: #C2583A; } html.home #view .nh-cmp-dn .nh-all { background: #C9A99E; }
html.home #view .nh-bv { justify-self: end; font-size: 18px; color: var(--nh-ink); }
html.home #view .nh-won { display: grid; gap: 4px; padding: 12px 14px; border-radius: 16px; background: #E6F3EE; }
html.home #view .nh-wk { margin: 0; font-size: 18px; font-weight: 800; color: var(--nh-ink); }
html.home #view .nh-wl { margin: 0; font-size: 17px; line-height: 1.5; color: var(--nh-ink); }
html.home #view .nh-wl b { font-size: 18px; }
html.home #view .nh-wn { margin: 0; font-size: 17px; line-height: 1.45; color: var(--nh-sub); }
html.home #view .nh-miss { display: grid; gap: 8px; }
html.home #view .nh-stack { display: flex; gap: 2px; height: 16px; border-radius: 999px; overflow: hidden; }
html.home #view .nh-stack i { display: block; flex-basis: 0; min-width: 4px; }
html.home #view .nh-w1 i, html.home #view .nh-stack .nh-w1 { background: #B26F27; }
html.home #view .nh-w0 i, html.home #view .nh-stack .nh-w0 { background: #DDB066; }
html.home #view .nh-w2 i, html.home #view .nh-stack .nh-w2 { background: #8A9592; }
html.home #view .nh-ml { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
html.home #view .nh-ml li { display: grid; grid-template-columns: 12px minmax(0, 1fr) auto; align-items: start; gap: 8px; }
html.home #view .nh-ml li > i { width: 12px; height: 12px; margin-top: 7px; border-radius: 3px; }
html.home #view .nh-mt { display: grid; font-size: 17px; line-height: 1.45; color: var(--nh-sub); }
html.home #view .nh-mt b { color: var(--nh-ink); }
html.home #view .nh-mp { font-size: 18px; color: var(--nh-ink); }
html.home #view .nh-warn { display: grid; gap: 4px; padding: 12px 14px; border-radius: 16px; background: #F1ECE4; }
html.home #view .nh-warn.nh-worse { background: #FBE9EC; }
html.home #view .nh-wt { margin: 0; font-size: 18px; font-weight: 800; color: #7A1F37; }
html.home #view .nh-warn:not(.nh-worse) .nh-wt { color: var(--nh-ink); }
html.home #view .nh-wd { margin: 0; font-size: 17px; line-height: 1.5; color: var(--nh-ink); }

/* 오늘 시장 — 청록 위(띠 · 시황 사실은 예전 모양 그대로) */
html.home #view .nh-sec.nh-mkt { background: transparent; border-color: #3E5F62; color: #F2F3F3; }
html.home #view .nh-mkt .nh-h2 { color: #FFFFFF; }

/* 사기 전에 확인하기 */
html.home #view .nh-go { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 56px; border-radius: 16px; background: var(--nh-go); color: #FFFFFF; font-size: 20px; font-weight: 800; text-decoration: none; }
html.home #view .nh-go i { font-style: normal; font-size: 24px; }
html.home #view .nh-why .w-month { color: var(--nh-ink); }

/* 모든 화면 보기 · 안내 */
html.home #view .nh-short { margin-top: 16px; }
html.home #view .nh-foot { display: grid; gap: 8px; margin-top: 20px; margin-bottom: 24px; padding: 4px 4px 0; color: #D6E4E1; }
html.home #view .nh-fh { margin: 0; font-size: 19px; font-weight: 800; color: #FFFFFF; }
html.home #view .nh-fp { margin: 0; font-size: 17px; line-height: 1.5; color: #C9DAD6; }
@media (max-width: 359px) {
  html.home #view .nh-hero, html.home #view .nh-sec, html.home #view .nh-foot, html.home #view .nh-short { margin-left: 10px; margin-right: 10px; }
  html.home #view .nh-sec { padding: 16px 12px; }
  html.home #view .nh-h1 { font-size: 26px; }
  html.home #view .nh-br { grid-template-columns: 7.6em minmax(0, 1fr) 2.6em; }
}

/* ── 최고급 핑크 판(사장님 2026-10-28 11:56 「과감하게 대담하게 해」 · 12:00 「안돼 배경을 최고급 핑크로 해」 · docs/design/why-mock-2026-10-28/order-1200.txt) ──
   첫 화면만(다른 쪽은 사장님 답을 기다림) · 바탕 = 장미 빛 핑크 · 글 = 짙은 자주 · 강조 = 짙은 자홍 장미(#A31F70 — 빨강은 오른 숫자에만이라 빨강 쪽을 피함 · check_white ④) · 위 · 아래 막대 = 짙은 포도주 빛
   청록 판(clock.css html.white.clock.clock.clock)보다 한 단 위(.home)에서 값만 바꿈 — 칸 자리 · 크기는 그대로 */
html.white.clock.clock.clock.home {
  color-scheme: light;
  --pk-bg: #F7D4DE; --pk-card: #FFF7F9; --pk-tint: #FBE8EE; --pk-line: #EBC0CE; --pk-ink: #2A1420; --pk-sub: #5E3446; --pk-acc: #A31F70; --pk-wine: #3D1028;
  --bg: #F7D4DE; --night: #F7D4DE; --band: #F7D4DE; --violet: #2A1420;
  --card: #FFF7F9; --card2: #FBE8EE; --card3: #F4D9E1;
  --hair: #B9748F; --hair2: #B9748F; --line: #EBC0CE; --hair-soft: #F0CBD6; --seam: #EBC0CE; --press: #F4D9E1; --lift: #FFF7F9;
  --ink: #2A1420; --ink-hi: #1A0B13; --sub: #5E3446; --mute: #6B3F52; --flat: #6B3F52;
  --violet-ink: #2A1420; --violet-wash: #FBE8EE; --violet-line: #B9748F; --violet-glow: #FBE8EE;
  --gold: #8C4A12; --gold-wash: #FBE8EE; --gold-line: #A31F70;
  --up: #B4123A; --down: #1F5FBF; --up-ink: #B4123A; --down-ink: #1F5FBF; --up-bg: #B4123A; --down-bg: #1F5FBF;
  --up-fill: rgba(180, 18, 58, .16); --down-fill: rgba(31, 95, 191, .14); --up-fade: rgba(180, 18, 58, .06); --down-fade: rgba(31, 95, 191, .05);
  --lacquer: #3D1028; --lacquer-ink: #FFFFFF; --lacquer-sub: #F7D4DE; --lacquer-gold: #F2B8C9;
  --moon: #2A1420; --moonrow: #FBE8EE; --m4-band: #FFF7F9; --m4-line: #B9748F; --m4-soft: #B9748F;
  background: #F7D4DE;
}
html.white.clock.clock.clock.home body { background: #F7D4DE; color: #2A1420; }
html.white.clock.clock.clock.home body::after { background: radial-gradient(ellipse 120vw 70vh at 50% 0%, #FCEAF0 0%, #F7D4DE 58%, #F1C4D2 100%); } /* 위에서 비치는 은은한 빛(그림자 · 광택 칸이 아닌 바탕 한 장) */
/* 위 · 아래 막대 — 짙은 포도주 빛 · 흰 글 */
html.white.clock.clock.clock.home .top { background: rgba(61, 16, 40, .97); border-bottom: 1px solid rgba(255, 255, 255, .2); }
html.white.clock.clock.clock.home .top .logo { color: #FFFFFF; text-shadow: none; }
html.white.clock.clock.clock.home .top #giftBtn { background: #F2B8C9; }
html.white.clock.clock.clock.home .tabs { background: #3D1028; border-top: 2px solid rgba(255, 255, 255, .22); }
html.white.clock.clock.clock.home .tabs a { color: #FFFFFF; }
html.white.clock.clock.clock.home .tabs a:nth-child(1) { --tbg: #B2456F; } html.white.clock.clock.clock.home .tabs a:nth-child(2) { --tbg: #9C3A62; }
html.white.clock.clock.clock.home .tabs a:nth-child(3) { --tbg: #873055; } html.white.clock.clock.clock.home .tabs a:nth-child(4) { --tbg: #722748; }
html.white.clock.clock.clock.home .tabs a[aria-current="page"] .ic { --tbg: #F7D4DE; color: #3D1028; }
html.white.clock.clock.clock.home footer.foot a { color: #4A2333; }
/* 칸 색 — 밝은 카드 · 짙은 자주 글 · 짙은 장미 강조 */
html.white.clock.clock.clock.home #view { --nh-card: #FFF7F9; --nh-ink: #2A1420; --nh-sub: #5E3446; --nh-line: #EBC0CE; --nh-go: #A31F70; --nh-link: #A31F70; }
html.white.clock.clock.clock.home #view .nh-hero { color: #2A1420; }
html.white.clock.clock.clock.home #view .nh-kick { border-color: #A31F70; color: #A31F70; background: #FFF7F9; }
html.white.clock.clock.clock.home #view .nh-h1 { color: #2A1420; font-size: 32px; }
html.white.clock.clock.clock.home #view .nh-h1 .nh-acc { color: #A31F70; }
html.white.clock.clock.clock.home #view .nh-sub { color: #4A2333; }
html.white.clock.clock.clock.home #view .nh-fact { background: #FFF7F9; border: 1px solid #EBC0CE; }
html.white.clock.clock.clock.home #view .nh-fact b { color: #2A1420; }
html.white.clock.clock.clock.home #view .nh-fact span, html.white.clock.clock.clock.home #view .nh-no { color: #5E3446; }
html.white.clock.clock.clock.home #view .nh-how, html.white.clock.clock.clock.home #view .nh-rule, html.white.clock.clock.clock.home #view .nh-warn { background: #FBE8EE; }
html.white.clock.clock.clock.home #view .nh-won { background: #F6EEE4; }
html.white.clock.clock.clock.home #view .nh-warn.nh-worse { background: #F9DCE5; }
html.white.clock.clock.clock.home #view .nh-wt { color: #7A1238; }
html.white.clock.clock.clock.home #view .nh-zl, html.white.clock.clock.clock.home #view .nh-dl, html.white.clock.clock.clock.home #view .nh-tick { stroke: #FFF7F9; }
html.white.clock.clock.clock.home #view .nh-bt { background: #F1DDE4; }
html.white.clock.clock.clock.home #view .nh-cmp-up .nh-me { background: #A31F70; } html.white.clock.clock.clock.home #view .nh-cmp-up .nh-all { background: #B7A3AB; }
html.white.clock.clock.clock.home #view .nh-cmp-dn .nh-me { background: #3E6FB8; } html.white.clock.clock.clock.home #view .nh-cmp-dn .nh-all { background: #A9B7CC; }
html.white.clock.clock.clock.home #view .nh-lg { border-bottom-color: #F3DCE4; }
/* 오늘 시장 — 청록 위 칸이던 것을 밝은 카드로(띠 · 시황 사실 글색을 짙은 자주로) */
html.white.clock.clock.clock.home #view .nh-sec.nh-mkt { background: #FFF7F9; border-color: #EBC0CE; color: #2A1420; }
html.white.clock.clock.clock.home #view .nh-mkt .nh-h2 { color: #2A1420; }
html.white.clock.clock.clock.home #view .nh-mkt a.hm-band, html.white.clock.clock.clock.home #view .nh-mkt a.hm-band * { color: #2A1420; }
html.white.clock.clock.clock.home #view .nh-mkt a.hm-band .dn, html.white.clock.clock.clock.home #view .nh-mkt .w-news .dn { color: #1F5FBF; }
html.white.clock.clock.clock.home #view .nh-mkt a.hm-band .up, html.white.clock.clock.clock.home #view .nh-mkt .w-news .up { color: #B4123A; }
html.white.clock.clock.clock.home #view .nh-mkt .w-news .w-lb, html.white.clock.clock.clock.home #view .nh-mkt .w-news .w-ans p { color: #2A1420; }
html.white.clock.clock.clock.home #view .nh-mkt .w-news .w-why { border: 1px solid #A31F70; color: #A31F70; background: #FFF7F9; }
html.white.clock.clock.clock.home #view .nh-mkt .s-split .gu { background: #B4123A; } html.white.clock.clock.clock.home #view .nh-mkt .s-split .gd { background: #1F5FBF; }
html.white.clock.clock.clock.home #view .nh-why a.w-month { border: 1px dashed #A31F70; color: #2A1420; }
/* 찾기 칸(아래에 붙음) — 포도주 빛 띠 · 밝은 칸 · 장미 단추 */
html.white.clock.clock.clock.home .s-thumb { border-top: 1px solid rgba(255, 255, 255, .2); background: #3D1028; }
html.white.clock.clock.clock.home .s-thumb form.w-find { border: 1px solid #FFFFFF; background: #FFF7F9; }
html.white.clock.clock.clock.home .s-thumb .w-find .w-in { color: #2A1420; }
html.white.clock.clock.clock.home .s-thumb .w-find .w-in::placeholder { color: #5E3446; }
html.white.clock.clock.clock.home .s-thumb .w-find .w-go { background: #A31F70; color: #FFFFFF; }
html.white.clock.clock.clock.home .s-thumb .w-hits { background: #FFF7F9; border-color: #B9748F; color: #2A1420; }
/* 모든 화면 보기 · 안내 */
html.white.clock.clock.clock.home .s-short details.w-all > summary { color: #2A1420; }
html.white.clock.clock.clock.home #view .w-all .w-rows a, html.white.clock.clock.clock.home #view .w-all .w-rows a * { color: #2A1420; }
html.white.clock.clock.clock.home #view .nh-foot { color: #2A1420; }
html.white.clock.clock.clock.home #view .nh-fh { color: #2A1420; }
html.white.clock.clock.clock.home #view .nh-fp { color: #4A2333; }
html.white.clock.clock.clock.home #view .w-ess .ess-t, html.white.clock.clock.clock.home #view .w-ess .ess-l, html.white.clock.clock.clock.home #view .w-ess .ess-l.q { color: #2A1420; }
html.white.clock.clock.clock.home #view .w-ess .ess-d > summary::after { border: 1px solid #A31F70; color: #A31F70; }
html.white.clock.clock.clock.home .top #jhBtn { border: 1px solid #FFFFFF; background: #FFF7F9; color: #3D1028; } /* 진화 단추 — 포도주 빛 막대 위 밝은 알약(청록 판의 짙은 알약 · 짙은 글이 핑크 글색에 묻히지 않게) */

/* ── 그림 많이 판(사장님 2026-10-28 12:09 「글보다는 주식 도식화로 표현을 정말 많이해 대범하게 해」 · order-1209.txt) ──
   그림은 svg(바둑판 셈 밖 · 글자 크기 잣대 밖) — 그래도 그림 속 글은 14px 안팎 · 색은 칸마다 같은 뜻(고른 회사 = 자홍 · 모든 회사 = 회색 · 오른 = 빨강 · 내린 = 파랑) */
html.white.clock.clock.clock.home #view {
  --c-me: #A31F70; --c-all: #B7A3AB; --c-up: #B4123A; --c-dn: #1F5FBF; --c-ink: #2A1420; --c-sub: #5E3446; --c-wine: #3D1028; --c-soft: #E7A9C0; --c-pale: #F6DCE6;
}
html.home #view .nh-svg { display: block; width: 100%; height: auto; max-width: 100%; overflow: visible; }
html.white.clock.clock.clock.home #view .nh-svg text { font-family: inherit; paint-order: stroke; stroke: #FFF7F9; stroke-width: 3px; stroke-linejoin: round; }
/* 지수 석 달 */
html.white.clock.clock.clock.home #view .nh-idx { display: grid; gap: 4px; padding: 12px 12px 8px; border-radius: 18px; background: #FFF7F9; border: 1px solid #EBC0CE; }
html.white.clock.clock.clock.home #view .nh-ih { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }
html.white.clock.clock.clock.home #view .nh-in { font-size: 17px; font-weight: 700; color: var(--c-sub); }
html.white.clock.clock.clock.home #view .nh-iv { font-size: 26px; font-weight: 800; color: var(--c-ink); }
html.white.clock.clock.clock.home #view .nh-idx-big .nh-iv { font-size: 30px; }
html.white.clock.clock.clock.home #view .nh-ic { font-size: 19px; font-weight: 800; }
html.white.clock.clock.clock.home #view .nh-ic.up { color: var(--c-up); } html.white.clock.clock.clock.home #view .nh-ic.dn { color: var(--c-dn); } html.white.clock.clock.clock.home #view .nh-ic.fl { color: var(--c-sub); }
html.white.clock.clock.clock.home #view .nh-ka { fill: rgba(163, 31, 112, .13); stroke: none; }
html.white.clock.clock.clock.home #view .nh-kl { fill: none; stroke: var(--c-me); stroke-width: 2.6; stroke-linejoin: round; stroke-linecap: round; }
html.white.clock.clock.clock.home #view .nh-km { fill: var(--c-wine); }
html.white.clock.clock.clock.home #view .nh-klast { fill: var(--c-me); stroke: #FFF7F9; stroke-width: 2.5; }
html.white.clock.clock.clock.home #view .nh-kt { font-size: 14px; font-weight: 800; fill: var(--c-ink); }
html.white.clock.clock.clock.home #view .nh-kd { font-size: 13px; fill: var(--c-sub); }
/* 업종 점 그림 덧붙임 */
html.white.clock.clock.clock.home #view .nh-trail { fill: none; stroke: var(--c-wine); stroke-width: 1.6; stroke-dasharray: 3 3; opacity: .55; }
html.white.clock.clock.clock.home #view .nh-trail0 { fill: var(--c-wine); opacity: .45; }
html.white.clock.clock.clock.home #view .nh-axl { stroke: var(--c-sub); stroke-width: 1.4; }
html.white.clock.clock.clock.home #view .nh-axh { fill: none; stroke: var(--c-sub); stroke-width: 1.6; }
html.white.clock.clock.clock.home #view .nh-axt { font-size: 13px; font-weight: 800; fill: var(--c-sub); }
html.white.clock.clock.clock.home #view .nh-zl { font-size: 15px; }
html.white.clock.clock.clock.home #view .nh-dl { font-size: 16px; }
/* 네 자리 수 막대 */
html.home #view .nh-cnt { display: flex; gap: 3px; height: 54px; border-radius: 14px; overflow: hidden; }
html.home #view .nh-cz { display: flex; align-items: center; justify-content: center; min-width: 0; flex-basis: 0; }
html.home #view .nh-cz small { display: none; }
html.white.clock.clock.clock.home #view .nh-cz b { font-size: 22px; font-weight: 900; color: #FFFFFF; }
html.white.clock.clock.clock.home #view .nh-cz-S { background: #1C7A62; } html.white.clock.clock.clock.home #view .nh-cz-B { background: #A31F70; }
html.white.clock.clock.clock.home #view .nh-cz-W { background: #8A520F; } html.white.clock.clock.clock.home #view .nh-cz-Q { background: #66716E; }
html.white.clock.clock.clock.home #view .nh-leg { grid-template-columns: minmax(0, 1fr); gap: 2px; } /* 이름 · 수 한 줄씩(둘씩이면 「막 오르기 시작 37개」가 세 줄로 갈라짐) */
html.white.clock.clock.clock.home #view .nh-lg { border-bottom: 0; padding: 0; }
html.white.clock.clock.clock.home #view .nh-lg b { margin-left: auto; font-size: 17px; color: var(--c-ink); }
html.white.clock.clock.clock.home #view .nh-lg-S i { background: #1C7A62; } html.white.clock.clock.clock.home #view .nh-lg-B i { background: #A31F70; }
html.white.clock.clock.clock.home #view .nh-lg-W i { background: #8A520F; } html.white.clock.clock.clock.home #view .nh-lg-Q i { background: #66716E; }
html.white.clock.clock.clock.home #view .nh-real { display: grid; gap: 2px; margin: 0; padding: 12px 14px; border-radius: 16px; background: var(--c-wine); }
html.white.clock.clock.clock.home #view .nh-rk { font-size: 17px; color: #F7D4DE; }
html.white.clock.clock.clock.home #view .nh-real b { font-size: 24px; font-weight: 900; color: #FFFFFF; }
/* 조건 수별 막대 */
html.white.clock.clock.clock.home #view .nh-db { fill: var(--c-soft); } html.white.clock.clock.clock.home #view .nh-db4 { fill: var(--c-me); } html.white.clock.clock.clock.home #view .nh-dball { fill: var(--c-all); }
html.white.clock.clock.clock.home #view .nh-dv { font-size: 15px; font-weight: 800; fill: var(--c-ink); } html.white.clock.clock.clock.home #view .nh-dv4 { font-size: 19px; fill: var(--c-me); }
html.white.clock.clock.clock.home #view .nh-dk { font-size: 14px; font-weight: 700; fill: var(--c-sub); }
/* 그림 칸 공통 */
html.home #view .nh-chart { display: grid; gap: 6px; margin: 0; padding: 12px; border-radius: 18px; }
html.white.clock.clock.clock.home #view .nh-chart { background: #FFFFFF; border: 1px solid #F0D3DD; }
html.white.clock.clock.clock.home #view .nh-ck { font-size: 18px; font-weight: 800; color: var(--c-ink); }
html.home #view .nh-cap { margin: 0; font-size: 17px; line-height: 1.4; }
html.white.clock.clock.clock.home #view .nh-cap { color: var(--c-sub); }
/* 기둥 둘 */
html.home #view .nh-c2w { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
html.home #view .nh-fig { display: grid; gap: 4px; margin: 0; padding: 10px 8px; border-radius: 18px; }
html.white.clock.clock.clock.home #view .nh-fig { background: #FFFFFF; border: 1px solid #F0D3DD; }
html.white.clock.clock.clock.home #view .nh-fig figcaption { font-size: 17px; font-weight: 800; line-height: 1.3; color: var(--c-ink); text-align: center; }
html.white.clock.clock.clock.home #view .nh-cb.nh-me { fill: var(--c-me); } html.white.clock.clock.clock.home #view .nh-cb.nh-all { fill: var(--c-all); }
html.white.clock.clock.clock.home #view .nh-cv { font-size: 21px; font-weight: 900; } html.white.clock.clock.clock.home #view .nh-cv.nh-me { fill: var(--c-me); } html.white.clock.clock.clock.home #view .nh-cv.nh-all { fill: var(--c-sub); }
html.white.clock.clock.clock.home #view .nh-cl { font-size: 14px; font-weight: 700; fill: var(--c-ink); }
/* 100만 원 · 사고판 돈 막대 */
html.white.clock.clock.clock.home #view .nh-wz { stroke: var(--c-ink); stroke-width: 1.5; }
html.white.clock.clock.clock.home #view .nh-wb.nh-me { fill: var(--c-me); } html.white.clock.clock.clock.home #view .nh-wb.nh-all { fill: var(--c-all); }
html.white.clock.clock.clock.home #view .nh-wv { font-size: 18px; font-weight: 900; } html.white.clock.clock.clock.home #view .nh-wv.nh-me { fill: var(--c-me); } html.white.clock.clock.clock.home #view .nh-wv.nh-all { fill: var(--c-sub); }
html.white.clock.clock.clock.home #view .nh-wl { font-size: 14px; font-weight: 700; fill: var(--c-ink); }
html.white.clock.clock.clock.home #view .nh-fbar.nh-buy { fill: var(--c-up); } html.white.clock.clock.clock.home #view .nh-fbar.nh-sell { fill: var(--c-dn); }
html.white.clock.clock.clock.home #view .nh-fvv { font-size: 16px; font-weight: 900; } html.white.clock.clock.clock.home #view .nh-fvv.nh-buy { fill: var(--c-up); } html.white.clock.clock.clock.home #view .nh-fvv.nh-sell { fill: var(--c-dn); }
/* 해마다 */
html.white.clock.clock.clock.home #view .nh-yb.nh-me { fill: var(--c-me); } html.white.clock.clock.clock.home #view .nh-yb.nh-all { fill: var(--c-all); }
html.white.clock.clock.clock.home #view .nh-yb.nh-few { opacity: .45; }
html.white.clock.clock.clock.home #view .nh-yv { font-size: 13px; font-weight: 800; } html.white.clock.clock.clock.home #view .nh-yv.nh-me { fill: var(--c-me); } html.white.clock.clock.clock.home #view .nh-yv.nh-all { fill: var(--c-sub); }
html.white.clock.clock.clock.home #view .nh-yk { font-size: 14px; font-weight: 800; fill: var(--c-ink); } html.white.clock.clock.clock.home #view .nh-yn { font-size: 12px; fill: var(--c-sub); }
/* 범례 */
html.home #view .nh-lg3 { display: flex; flex-wrap: wrap; gap: 4px 14px; margin: 0; padding: 0; list-style: none; }
html.home #view .nh-lg3 li { display: flex; align-items: center; gap: 6px; font-size: 17px; }
html.home #view .nh-lg3 i { width: 14px; height: 14px; border-radius: 4px; flex: none; }
html.white.clock.clock.clock.home #view .nh-lg3 li { color: var(--c-ink); }
html.white.clock.clock.clock.home #view .nh-l-me i, html.white.clock.clock.clock.home #view .nh-l-sh i { background: var(--c-me); }
html.white.clock.clock.clock.home #view .nh-l-all i, html.white.clock.clock.clock.home #view .nh-l-sm i { background: var(--c-all); }
html.white.clock.clock.clock.home #view .nh-l-sw i { background: var(--c-pale); border: 2px solid var(--c-me); box-sizing: border-box; }
/* 틀린 까닭 고리 */
html.home #view .nh-miss2 { display: grid; grid-template-columns: minmax(0, 1fr); justify-items: center; gap: 10px; } /* 고리 가운데 · 이름은 그 밑 한 줄씩(좁은 칸에서 글이 세 줄로 갈라지던 것) */
html.home #view .nh-miss2 .nh-donut { width: 170px; }
html.home #view .nh-miss2 .nh-ml { justify-self: stretch; }
html.white.clock.clock.clock.home #view .nh-dn { fill: none; stroke-width: 24; }
html.white.clock.clock.clock.home #view .nh-dn.nh-w1 { stroke: var(--c-wine); } html.white.clock.clock.clock.home #view .nh-dn.nh-w0 { stroke: #D27AA0; } html.white.clock.clock.clock.home #view .nh-dn.nh-w2 { stroke: var(--c-all); }
html.white.clock.clock.clock.home #view .nh-ml li.nh-w1 > i { background: var(--c-wine); } html.white.clock.clock.clock.home #view .nh-ml li.nh-w0 > i { background: #D27AA0; } html.white.clock.clock.clock.home #view .nh-ml li.nh-w2 > i { background: var(--c-all); }
html.white.clock.clock.clock.home #view .nh-missw .nh-ml li { grid-template-columns: 14px minmax(0, 1fr) auto; align-items: center; }
html.white.clock.clock.clock.home #view .nh-missw .nh-ml li > i { margin-top: 0; width: 14px; height: 14px; }
html.white.clock.clock.clock.home #view .nh-missw .nh-mt { font-size: 17px; font-weight: 700; color: var(--c-ink); }
html.white.clock.clock.clock.home #view .nh-missw .nh-mp { font-size: 22px; font-weight: 900; color: var(--c-ink); }
html.white.clock.clock.clock.home #view .nh-dnv { font-size: 24px; font-weight: 900; fill: var(--c-ink); } html.white.clock.clock.clock.home #view .nh-dnk { font-size: 14px; fill: var(--c-sub); }
/* 날마다 */
html.white.clock.clock.clock.home #view .nh-sb.nh-sh { fill: var(--c-me); } html.white.clock.clock.clock.home #view .nh-sb.nh-sm { fill: var(--c-all); } html.white.clock.clock.clock.home #view .nh-sb.nh-sw { fill: var(--c-pale); }
html.white.clock.clock.clock.home #view .nh-s0 { fill: #E9DDE2; }
/* 최근 두 달 큰 숫자 */
html.home #view .nh-vs { display: flex; align-items: center; justify-content: center; gap: 18px; }
html.home #view .nh-vs > span:not(.nh-vsx) { display: grid; justify-items: center; }
html.white.clock.clock.clock.home #view .nh-vs b { font-size: 36px; font-weight: 900; line-height: 1.1; }
html.white.clock.clock.clock.home #view .nh-vsa b { color: var(--c-me); } html.white.clock.clock.clock.home #view .nh-vsb b { color: var(--c-sub); }
html.white.clock.clock.clock.home #view .nh-vs small { font-size: 17px; color: var(--c-ink); }
html.white.clock.clock.clock.home #view .nh-vsx { font-size: 18px; font-weight: 800; color: var(--c-sub); }
/* 고른 길 깔때기 */
html.white.clock.clock.clock.home #view .nh-fb { fill: var(--c-soft); } html.white.clock.clock.clock.home #view .nh-fb1 { fill: var(--c-me); }
html.white.clock.clock.clock.home #view .nh-fv { font-size: 16px; font-weight: 900; fill: var(--c-ink); } html.white.clock.clock.clock.home #view .nh-fv1 { fill: #FFFFFF; stroke: none; }
html.white.clock.clock.clock.home #view .nh-fl { font-size: 14px; font-weight: 700; fill: var(--c-ink); }
/* 네 걸음 */
html.white.clock.clock.clock.home #view .nh-sc { fill: #FFF7F9; stroke: var(--c-me); stroke-width: 3; } html.white.clock.clock.clock.home #view .nh-sc1 { fill: var(--c-me); }
html.white.clock.clock.clock.home #view .nh-sk { font-size: 20px; font-weight: 900; fill: var(--c-me); } html.white.clock.clock.clock.home #view .nh-sk1 { fill: #FFFFFF; stroke: none; }
html.white.clock.clock.clock.home #view .nh-st { font-size: 14px; font-weight: 800; fill: var(--c-ink); }
html.white.clock.clock.clock.home #view .nh-sarr { fill: none; stroke: var(--c-me); stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }
/* 읽는 법(접은 칸) */
html.home #view details.nh-more { border-radius: 16px; }
html.home #view details.nh-more > summary { display: flex; align-items: center; justify-content: space-between; min-height: 48px; padding: 0 4px; list-style: none; cursor: pointer; font-size: 18px; font-weight: 800; }
html.home #view details.nh-more > summary::-webkit-details-marker { display: none; }
html.home #view details.nh-more[open] > summary i { transform: rotate(90deg); }
html.home #view details.nh-more > summary i { font-style: normal; font-size: 22px; transition: transform .15s; }
html.home #view .nh-mbody { display: grid; gap: 10px; padding: 4px 4px 8px; }
html.white.clock.clock.clock.home #view details.nh-more > summary { color: var(--c-me); }
html.white.clock.clock.clock.home #view .nh-mbody .nh-rl, html.white.clock.clock.clock.home #view .nh-mbody .nh-old { color: var(--c-ink); }

html.white.clock.clock.clock.home #view .nh-l-buy i { background: var(--c-up); } html.white.clock.clock.clock.home #view .nh-l-sell i { background: var(--c-dn); }

/* 그림 속 글도 17px 이상(check_theme 글씨 잣대 — 그림 글도 잼 · 사장님 눈 · 2026-10-28) */
html.white.clock.clock.clock.home #view :is(.nh-kt, .nh-kd, .nh-tick, .nh-zl, .nh-dl, .nh-axt, .nh-dv, .nh-dk, .nh-cl, .nh-wl, .nh-yv, .nh-yk, .nh-yn, .nh-dnk, .nh-fl, .nh-fv, .nh-st, .nh-fvv) { font-size: 17px; }
/* 관심 업종 소식(theme-watch.js noticeBox · 담은 기기만) — 핑크 카드 안 */
html.white.clock.clock.clock.home #view .nh-map .th-news { display: grid; gap: 4px; margin: 0; padding: 12px 14px; border-radius: 16px; background: #FBE8EE; border: 1px solid #EBC0CE; }
html.white.clock.clock.clock.home #view .nh-map .th-news :is(.th-nh, .th-nm, .th-nl, .th-nl *) { color: #2A1420; font-size: 17px; }
html.white.clock.clock.clock.home #view .nh-map .th-news a { display: flex; align-items: center; min-height: 48px; text-decoration: none; }
html.white.clock.clock.clock.home #view .nh-map .th-news a.th-hi { color: #A31F70; font-weight: 800; }

/* ── 네 마디 기승전결(사장님 2026-10-28 14:45 「추상적이다 명확한 구조로 하라 · 육하원칙 기승전결 · 보여지는 것은 선명하고 명확」 · order-1445.txt) ──
   맨 위 네 마디 줄(① 결론 ② 근거 ③ 오늘 ④ 할 일 · 누르면 그 마디로) · 마디 머리 = 동그라미 번호 · 큰 숫자 · 결론 한 줄 · 작은 풀이
   샘플 36개 1등(34 · 큰 숫자 머리글 · 네 마디 줄 · 그림 모두 · 첫 마디 할 일 단추) — 마디 줄은 소개 칸 꼭지 알약 자리(소개 칸이 첫 화면 안에 그대로) */
html.home #view .nh-rail { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 4px; margin: 4px 12px 0; }
html.home #view .nh-rb { display: flex; align-items: center; justify-content: center; gap: 6px; min-width: 0; min-height: 48px; padding: 0 2px; border: 0; background: transparent; font: inherit; font-size: 17px; font-weight: 800; line-height: 1.1; color: #2A1420; cursor: pointer; white-space: nowrap; }
html.home #view .nh-rb i { flex: none; display: inline-grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: #A31F70; color: #FFFFFF; font-style: normal; font-size: 17px; font-weight: 900; }
html.home #view .nh-rb.on span { text-decoration: underline; text-decoration-thickness: 3px; text-underline-offset: 5px; text-decoration-color: #A31F70; }
html.home #view .nh-hero, html.home #view .nh-part { scroll-margin-top: 76px; }
html.home #view .nh-part { display: grid; gap: 6px; margin: 40px 16px 12px; }
html.home #view .nh-pm { display: flex; align-items: center; gap: 10px; margin: 0; font-size: 19px; font-weight: 800; color: #A31F70; }
html.home #view .nh-pm i { flex: none; display: inline-grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: #A31F70; color: #FFFFFF; font-style: normal; font-size: 19px; font-weight: 900; }
html.home #view .nh-pb { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 10px; margin: 2px 0 0; }
html.home #view .nh-pb b { font-size: 44px; line-height: 1.05; font-weight: 900; letter-spacing: -.03em; color: #2A1420; }
html.home #view .nh-pb b.nh-pb2 { color: #6B3F52; }
html.home #view .nh-pb b.up { color: #B4123A; } html.home #view .nh-pb b.dn { color: #1A55B0; }
html.home #view .nh-pb span { font-size: 21px; font-weight: 800; color: #5E3446; }
html.home #view .nh-pl { margin: 0; font-size: 25px; line-height: 1.3; font-weight: 900; letter-spacing: -.02em; color: #2A1420; text-wrap: balance; }
html.home #view .nh-pc { margin: 0; font-size: 17px; line-height: 1.45; color: #5E3446; }
html.home #view .nh-go1 { margin: 14px 16px 0; }
@media (max-width: 359px) { html.home #view .nh-rb { gap: 4px; font-size: 17px; } html.home #view .nh-rb i { width: 22px; height: 22px; } html.home #view .nh-pb b { font-size: 38px; } html.home #view .nh-part { margin-left: 10px; margin-right: 10px; } }
html.home.en #view .nh-rb { flex-direction: column; gap: 2px; white-space: normal; line-height: 1.05; text-align: center; } /* 영어 낱말(Evidence · Summary)은 칸보다 길어 번호 아래로(320 넘침 0) */
html.home #view .nh-kt { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 12px; margin: 0; padding: 12px 14px; border-radius: 16px; background: #FFF7F9; border: 1px solid #EBC0CE; }
html.home #view .nh-kt span { font-size: 17px; font-weight: 700; color: #5E3446; }
html.home #view .nh-kt b { font-size: 26px; font-weight: 900; color: #2A1420; letter-spacing: -.02em; }
html.home #view .nh-kt b.up { color: #B4123A; } html.home #view .nh-kt b.dn { color: #1A55B0; } html.home #view .nh-kt b.fl { color: #5E3446; }
html.home #view details.nh-fold { margin-top: 4px; border: 1px solid #EBC0CE; background: #FFF7F9; padding: 0 12px; }
html.home #view details.nh-fold > summary { font-size: 18px; }
html.home #view details.nh-fold[open] { padding-bottom: 12px; }
/* ② 근거 — 100칸 그림 둘 · 최근 두 달 반대 줄(샘플 21 · 31 · 19 · 20 · 32) */
html.home #view .nh-wafs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-top: 8px; }
html.home #view .nh-wf { margin: 0; display: grid; justify-items: start; gap: 6px; min-width: 0; }
html.home #view .nh-waf { display: block; width: 100%; max-width: 150px; height: auto; }
html.home #view .nh-waf rect.off { fill: #FFF7F9; stroke: #E3B6C5; stroke-width: 1; }
html.home #view .nh-waf.me rect.on { fill: #A31F70; } html.home #view .nh-waf.all rect.on { fill: #8E7380; }
html.home #view .nh-wf figcaption { display: grid; gap: 0; }
html.home #view .nh-wf figcaption b { font-size: 32px; font-weight: 900; line-height: 1.1; color: #2A1420; letter-spacing: -.02em; }
html.home #view .nh-wf figcaption span { font-size: 17px; font-weight: 700; color: #5E3446; }
html.home #view .nh-honest { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; margin: 8px 0 0; padding: 10px 14px; border-left: 4px solid #A31F70; border-radius: 0 12px 12px 0; background: #FFF7F9; }
html.home #view .nh-honest span { font-size: 18px; font-weight: 800; color: #2A1420; }
html.home #view .nh-honest b { font-size: 22px; font-weight: 900; color: #A31F70; }
/* 마디 사이 길 표시(샘플 22 오틀 아이허 — 길 찾기 화살표) — 꾸밈 칸(글 아님) */
html.home #view .nh-part::before { content: ""; justify-self: center; width: 0; height: 0; margin: -22px 0 8px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 12px solid #C98AA3; }
/* 기 — 보는 사람의 마음 한 줄(말풍선 꼴 · 샘플 34) */
html.home #view .nh-q { justify-self: start; margin: 0; padding: 6px 14px; border-radius: 18px 18px 18px 4px; background: #FFF7F9; border: 1px solid #C98AA3; font-size: 18px; font-weight: 800; color: #A31F70; }
html.home #view .nh-yrsum { margin: 4px 0 0; font-size: 19px; font-weight: 800; color: #2A1420; }
/* 근거 셋(샘플 07 민토 · 01 잡스 · 19 마에다) — 셋째(나쁜 숫자)는 테로 눈에 띄게 */
html.home #view .nh-3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin: 10px 0 0; padding: 0; list-style: none; }
html.home #view .nh-3c { display: grid; align-content: start; gap: 4px; min-width: 0; padding: 10px 8px; border-radius: 14px; background: #FFF7F9; border: 1px solid #EBC0CE; }
html.home #view .nh-3c i { display: inline-grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; background: #A31F70; color: #FFFFFF; font-style: normal; font-size: 17px; font-weight: 900; }
html.home #view .nh-3c b { font-size: 22px; line-height: 1.15; font-weight: 900; color: #2A1420; letter-spacing: -.02em; }
html.home #view .nh-3c span { font-size: 17px; line-height: 1.3; font-weight: 700; color: #5E3446; }
html.home #view .nh-3w { border: 2px solid #A31F70; }
html.home #view .nh-3w b { color: #A31F70; }
@media (max-width: 359px) { html.home #view .nh-3 { gap: 6px; } html.home #view .nh-3c { padding: 8px 6px; } html.home #view .nh-3c b { font-size: 19px; } }
html.home #view .nh-3c b { white-space: nowrap; font-size: 21px; }
html.home #view .nh-3c span { word-break: keep-all; }
@media (max-width: 359px) { html.home #view .nh-3c b { font-size: 18px; } }
/* ④ 할 일 — 사기 전 점검 셋(샘플 10 멍거 「지는 길을 뒤집으면 점검표」) */
html.home #view .nh-chk { display: grid; gap: 8px; margin-top: 10px; padding: 12px 14px; border-radius: 16px; background: #FFF7F9; border: 1px solid #EBC0CE; }
html.home #view .nh-chkh { margin: 0; font-size: 17px; font-weight: 800; color: #5E3446; }
html.home #view .nh-chk ul { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
html.home #view .nh-chk li { display: grid; grid-template-columns: 26px minmax(0, 1fr) auto; gap: 10px; align-items: center; }
html.home #view .nh-chk li i { width: 24px; height: 24px; border: 2px solid #A31F70; border-radius: 6px; background: #FFFFFF; }
html.home #view .nh-chkt { font-size: 18px; line-height: 1.35; font-weight: 800; color: #2A1420; word-break: keep-all; }
html.home #view .nh-chk li b { font-size: 18px; font-weight: 900; color: #A31F70; }
html.home #view .nh-pc2 { font-weight: 800; color: #2A1420; }
/* 오늘 코스피 석 달 자리(샘플 03 · 04 · 14 · 25 · 28 · 31) */
html.home #view .nh-ktw { display: grid; gap: 4px; padding: 12px 14px 10px; border-radius: 16px; background: #FFF7F9; border: 1px solid #EBC0CE; }
html.home #view .nh-ktw .nh-kt { padding: 0; border: 0; background: transparent; }
html.home #view .nh-rng { display: block; width: 100%; height: auto; }
html.home #view .nh-rng .nh-rl0 { stroke: #C98AA3; stroke-width: 4; stroke-linecap: round; }
html.home #view .nh-rng .nh-rt { stroke: #9E5A78; stroke-width: 2; }
html.home #view .nh-rng .nh-rd { fill: #A31F70; stroke: #FFFFFF; stroke-width: 3; }
html.home #view .nh-rc { display: flex; justify-content: space-between; gap: 8px; margin: 0; font-size: 17px; color: #5E3446; }
html.home #view .nh-3h { font-size: 17px; font-weight: 700; color: #6B3F52; }
html.home #view .nh-3how { font-weight: 800; color: #2A1420; }
/* ── 네 걸음(사장님 2026-10-29(서울) 01:48 「자 이 36이 둘리를 다 함께 아주 직관적으로 만든다면」 · docs/design/wise36-2026-10-29/order-0148.txt) ──
   제갈량 「판 전체를 먼저 그린다」 · 데카르트 「쉬운 것부터 차례로」 · 이황 「어려운 공부를 그림으로」 — 동그라미 넷을 한 줄로 잇고 아래에 하는 일 낱말 · 작은 풀이
   동그라미 둘레(바탕색 띠)가 잇는 줄을 끊어 걸음이 또렷하게 · 그림자 · 광택 없음(check_white ④) · 글 17px 이상 · 누르는 칸 48 이상 */
html.home #view .nh-path ol { position: relative; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 2px; margin: 2px 0 0; padding: 0; list-style: none; }
html.home #view .nh-path ol::before { content: ""; position: absolute; left: 12.5%; right: 12.5%; top: 21px; height: 4px; border-radius: 2px; background: #E3B6C5; }
html.home #view .nh-path li { position: relative; min-width: 0; }
html.home #view .nh-pt { display: grid; justify-items: center; gap: 2px; width: 100%; min-height: 48px; padding: 0 0 2px; border: 0; background: transparent; font: inherit; color: #2A1420; cursor: pointer; }
html.home #view .nh-pt i { display: inline-grid; place-items: center; width: 46px; height: 46px; border-radius: 50%; border: 4px solid #F7D4DE; background: #A31F70; color: #FFFFFF; font-style: normal; font-size: 21px; font-weight: 900; }
html.home #view .nh-pt b { font-size: 20px; line-height: 1.2; font-weight: 900; color: #2A1420; white-space: nowrap; }
html.home #view .nh-pt small { font-size: 17px; line-height: 1.25; font-weight: 700; color: #5E3446; white-space: nowrap; }
html.home.en #view .nh-pt b { white-space: normal; text-align: center; } /* 영어(Look back)는 두 줄 · 낱말 가운데서 끊지 않음 */
html.home.en #view .nh-pt small { display: none; } /* 영어 작은 풀이(Company name · one month later)는 칸보다 길어 세 줄 — 소개 칸이 찾기 줄 아래로 밀려 뺌(하는 일 낱말 넷은 그대로) */
/* ① 찾기 — 단추 하나(세종 「쉽게」 · 왕양명 「하는 것」) + 고른 회사 고리 한 줄 */
html.home #view .nh-door { display: grid; gap: 2px; }
html.home #view .nh-gofind { width: 100%; border: 0; font: inherit; font-size: 21px; font-weight: 800; cursor: pointer; }
html.white.clock.clock.clock.home #view .nh-golist { color: #A31F70; }
/* ② 보기 · 오늘 자리 — 같은 걸음 안 작은 마디(번호 그대로 · 이름 옆 작은 글) */
html.home #view .nh-part.nh-psub { margin-top: 30px; }
html.home #view .nh-pm small { font-size: 19px; font-weight: 800; color: #5E3446; }
html.home #view .nh-psub .nh-ktw { margin: 6px 0 4px; }
/* ④ 돌아보기 — 한 달 된 기록 줄 · 한 달 뒤 쪽 고리 */
html.white.clock.clock.clock.home #view .nh-part a.w-month { border: 1px dashed #A31F70; color: #2A1420; }
html.white.clock.clock.clock.home #view .nh-part .nh-link { color: #A31F70; }
@media (max-width: 380px) { html.home #view .nh-pt b { font-size: 18px; letter-spacing: -0.03em; } html.home #view .nh-pt small { white-space: normal; word-break: keep-all; text-align: center; } } /* 360 폭 — 작은 풀이는 두 줄로(칸 넘침 0) */
@media (max-width: 359px) { html.home #view .nh-pt i { width: 40px; height: 40px; font-size: 19px; } html.home #view .nh-path ol::before { top: 18px; } html.home #view .nh-pt b { font-size: 17px; letter-spacing: -0.05em; } }
/* ① 찾기 칸이 첫 한 화면을 채움(2026-10-29 큰 검사 1/11 ③ 「가장 큰 그림 3.4초 · 밀림 0.176」 — 소개 칸이 짧아져 ② 보기 머리가 첫 화면 안에 들어오자
   글꼴이 바뀔 때 그 칸이 통째로 밀리고 더 큰 그림으로 잡힘) — 소개 칸 높이를 찾기 줄 위까지(390 × 844 에서 아래 698 · 찾기 줄 711) · 안내 한 줄은 칸 맨 아래
   옛 첫 화면도 소개 칸과 「왜 사?」 단추가 첫 화면을 채워 ② 마디는 화면 밖이었음 · 여는 동안 칸(boot-home.js)도 같은 칸 이름이라 같은 높이 */
html.home #view .nh-hero { min-height: calc(100vh - 210px); grid-template-rows: repeat(4, auto) 1fr; align-content: start; }
html.home #view .nh-hero > .nh-no { align-self: end; }
html.home #view #nh-p2 { margin-top: 64px; } /* ② 보기 머리는 첫 화면(찾기 줄 · 아래 단추 자리) 밖에서 시작 — 글꼴이 바뀌어도 첫 화면 안에서 밀리지 않게 */

/* ── 바보도 한눈에(사장님 2026-10-29 12:45 ~ 13:33 「요즘 주식판을 한눈에 · 헷갈리게 글을 적는 것 모두 빼 · 분명한 이야기만」 · docs/design/babo-2026-10-29/brief.md) ──
   ① 돈 흐름(맨 위 칸 안 · 흰 판) · 줄 높이는 빈 줄(여는 동안 · boot-home.js)과 같게 고정(이름은 한 줄 · 넘치면 말줄임) — 다 그려질 때 아래가 안 밀리게
   빨간 글은 숫자 글만(check_white ④ 「숫자 아닌 빨간 글」) · 세모는 글이 아니라 테두리 그림 · 그림자 · 그러데이션 없음 */
html.home #view .nh-hero { gap: 8px; }
html.home #view .nh-hero > .nh-pm { margin: 0; font-size: 18px; }
html.home #view .nh-hero > .nh-pm i { width: 30px; height: 30px; font-size: 17px; }
/* 만수르(사장님 2026-10-31 23:14(+04) 「…첫화면에 바로 갈수 있데 배치해 이름은 만수르」 · docs/design/mansour-2026-11-01/order-0414.txt) — 머리 줄 오른쪽 알약
   48px · 문 단추(.nh-go)와 같은 빛(--nh-go 바탕 · 흰 글 — 판마다 같이 바뀜) · 여는 동안 칸(boot-home.js)과 같은 꼴 */
html.home #view .nh-hero > .nh-pm .nh-mans { margin-left: auto; flex: none; display: inline-flex; align-items: center; gap: 6px; min-height: 48px; padding: 0 16px; border-radius: 999px; background: var(--nh-go); color: #FFFFFF; font-size: 19px; font-weight: 800; line-height: 1.2; text-decoration: none; }
html.home #view .nh-hero > .nh-pm .nh-mgo { font-size: 22px; line-height: 1; }
html.white.clock.clock.clock.home #view .nh-hero .nh-h1 { font-size: 26px; line-height: 1.3; }
html.home #view .nh-hero .nh-h1 > span { display: inline; } /* 한 줄(390 폭) · 좁으면 저절로 두 줄 */
html.home #view .nh-fm { display: grid; gap: 4px; padding: 12px 14px; border-radius: 18px; background: #FFFFFF; border: 1px solid #E3B6C5; color: #2A1420; }
html.home #view .nh-fk { display: flex; align-items: center; gap: 8px; min-height: 26px; margin: 0; font-size: 18px; font-weight: 900; color: #2A1420; }
html.home #view .nh-fk i { flex: none; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; }
html.home #view .nh-fk-up i { border-bottom: 12px solid #B4123A; }
html.home #view .nh-fk-dn i { border-top: 12px solid #1A55B0; }
html.home #view .nh-fk-dn { margin-top: 4px; }
html.home #view .nh-fl { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; }
html.home #view .nh-fr { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 8px; height: 30px; padding: 0 10px; border-radius: 8px; overflow: hidden; background: #FBF2F5; }
html.home #view .nh-fbar { position: absolute; top: 0; bottom: 0; left: 0; display: block; }
html.home #view .nh-fl-up .nh-fbar { background: #FAD9E1; border-left: 4px solid #B4123A; }
html.home #view .nh-fl-dn .nh-fbar { background: #D3E1F6; border-left: 4px solid #1A55B0; }
html.home #view .nh-fn { position: relative; min-width: 0; font-size: 17px; font-weight: 800; line-height: 30px; color: #2A1420; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.home #view .nh-fr > b { position: relative; flex: none; font-size: 17px; font-weight: 900; line-height: 30px; white-space: nowrap; }
html.home #view .nh-fl-up .nh-fr > b { color: #B4123A; }
html.home #view .nh-fl-dn .nh-fr > b { color: #1A55B0; }
html.home #view .nh-fc { margin: 2px 0 0; font-size: 17px; line-height: 1.45; color: #5E3446; }
html.home #view .nh-hero .nh-door { margin-top: 2px; }
/* 첫 화면 두 칸(사장님 2026-11-02 10:38(+04) 「꽃이 될 종목과 돈이 몰린 종목 업종을 두가지로 나누어 첫화면에 · 잡스라면」 · 주문 1538) — 칸 둘 위아래 · 이름 줄은 두 줄 자리(여는 동안 칸과 같은 높이)
   빨간 글은 숫자 글만(check_white ④) — 칸 표시는 글이 아니라 동그라미 · 세모(꽃 = 초록 동그라미 · 돈 = 몰린 곳 세모와 같은 빛) · 누르는 칸 48px 위 */
html.home #view .nh-two { display: grid; gap: 8px; }
html.home #view .nh-tw { display: grid; gap: 4px; width: 100%; box-sizing: border-box; min-height: 48px; margin: 0; padding: 10px 12px; border-radius: 18px; background: #FFFFFF; border: 1px solid #9E5A78; color: #2A1420; font: inherit; text-align: left; text-decoration: none; cursor: pointer; -webkit-tap-highlight-color: transparent; }
html.home #view .nh-twh { display: flex; align-items: center; gap: 6px; min-height: 28px; }
html.home #view .nh-twi { flex: none; display: block; width: 14px; height: 14px; }
html.home #view .nh-twi-bl { border-radius: 50%; background: #1E8C4E; }
html.home #view .nh-twi-mo { width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 12px solid #B4123A; }
html.home #view .nh-twk { font-size: 19px; font-weight: 900; line-height: 28px; color: #2A1420; }
html.home #view .nh-twc { font-size: 17px; font-weight: 700; line-height: 28px; color: #5E3446; white-space: nowrap; }
html.home #view .nh-twg { margin-left: auto; flex: none; font-style: normal; font-size: 24px; line-height: 1; color: #5E3446; }
html.home #view .nh-twn { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; min-height: 56px; font-size: 21px; font-weight: 800; line-height: 28px; color: #2A1420; word-break: keep-all; overflow-wrap: anywhere; }
html.home #view .nh-twn b { display: inline-block; font-weight: 900; } /* 이름마다 제 칸(inline-block) — 다 그린 뒤 이름 두 줄이 한 덩이로 「가장 큰 그림」이 되어 늦게 잡히지 않게(check_white ③ 느린 4G 2.5초) */
html.home #view .nh-twd { color: #5E3446; font-weight: 700; }
html.home #view .nh-twe { font-size: 19px; font-weight: 700; color: #5E3446; }
/* 스승 한 줄 — 동그라미 첫 글자 · 이름 · 한 문장(지어낸 따옴말 아님 · brief.md 출처) */
html.home #view .nh-sage { display: grid; grid-template-columns: 34px minmax(0, 1fr); column-gap: 10px; align-items: center; margin: 4px 0 0; font-size: 17px; line-height: 1.4; color: #2A1420; }
html.home #view .nh-sage i { grid-row: 1 / span 2; align-self: start; display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: #F7D4DE; color: #7A1238; font-style: normal; font-size: 17px; font-weight: 900; }
html.home #view .nh-sage b { grid-column: 2; font-size: 17px; font-weight: 900; color: #7A1238; }
html.home #view .nh-sage span { grid-column: 2; }
html.home #view a.nh-sl b::after { content: ' ›'; } /* 누르면 그 스승 한 장(#/sage/<이름> · 2026-10-29 19:14) — 이름 뒤 작은 화살 하나만(크기 · 자리는 그대로) */
/* ② 고른 회사 — 오늘 맞은 회사 · 분명한 문장 둘 · 최근 두 달 */
html.home #view .nh-rec { scroll-margin-top: 76px; }
html.home #view .nh-rec > .nh-pm, html.home #view .nh-rec > .nh-pl { margin: 0; }
html.home #view .nh-tp { display: grid; gap: 6px; margin: 0; padding: 10px 14px; border-radius: 16px; background: #FFF7F9; border: 1px solid #E3B6C5; }
html.home #view p.nh-tp.nh-tp0 { font-size: 18px; font-weight: 800; color: #2A1420; }
html.home #view .nh-tpk { margin: 0; font-size: 17px; font-weight: 800; color: #5E3446; }
html.home #view .nh-tpl { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; }
html.home #view .nh-tpl li { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 10px; }
html.home #view .nh-tpl b { font-size: 20px; font-weight: 900; color: #2A1420; }
html.home #view .nh-tpl small { font-size: 17px; color: #5E3446; }
html.home #view .nh-say { margin: 0; font-size: 19px; line-height: 1.5; font-weight: 800; color: #2A1420; }
html.home #view .nh-map .nh-say { font-size: 18px; }
html.home #view .nh-warn .nh-sage { margin-top: 6px; }
@media (max-width: 360px) { html.home #view .nh-fm { padding: 10px 10px; } html.home #view .nh-fr { padding: 0 8px; } }
html.home #view .nh-sage > i { font-size: 24px; line-height: 1; padding-top: 8px; font-family: Georgia, 'Times New Roman', serif; }
html.home #view .nh-part .nh-sage > i { background: #FFFFFF; border: 1px solid #E3B6C5; }
/* 스승 얼굴(사장님 2026-11-01 10:25(+04) 「응」 · order-1525) — 따옴표 동그라미 자리에 그 스승 캐릭터 얼굴 40px(/next/sage-art/<이름>.svg) · 바탕 · 테 · 글자 없음(그림 동그라미가 곧 테) */
/* 얼굴을 누르면 남긴 말(order-1730) — 얼굴 칸 48 + 틈 2 = 옛 40 + 10(글 자리 그대로) · 글상자 · 테(.rm-say) · 소리 없는 휴대폰 · 여는 동안은 그림만 */
html.home #view .nh-sage.nh-sfw { grid-template-columns: 48px minmax(0, 1fr); column-gap: 2px; align-items: start; }
html.home #view .nh-sage.nh-sfw > .nh-sf { grid-row: 1; grid-column: 1; align-self: start; }
html.home #view .nh-sage.nh-sfw > i.nh-sf { width: 40px; height: 40px; padding: 0; border: 0; background: transparent; overflow: hidden; }
html.home #view .nh-sage.nh-sfw > i.nh-sf img { display: block; width: 40px; height: 40px; border-radius: 50%; }
html.home #view .nh-sage.nh-sfw > button.nh-sf { position: relative; display: flex; align-items: flex-start; justify-content: flex-start; width: 48px; height: 48px; margin: 0; padding: 0; border: 0; border-radius: 12px; background: transparent; cursor: pointer; -webkit-tap-highlight-color: transparent; }
html.home #view .nh-sage.nh-sfw > button.nh-sf img { display: block; width: 40px; height: 40px; border-radius: 50%; }
html.home #view .nh-sage.nh-sfw > button.nh-sf .rms-spk { position: absolute; left: 25px; top: 25px; width: 20px; height: 20px; }
html.home #view .nh-sage.nh-sfw > button.nh-sf[aria-pressed="true"] img { outline: 3px solid #A31F70; outline-offset: 1px; }
html.home #view .nh-sage.nh-sfw > button.nh-sf:focus-visible { outline: 3px solid #A31F70; outline-offset: 2px; }
html.home #view .nh-sage.nh-sfw > a.nh-sl { grid-row: 1; grid-column: 2; display: flex; flex-direction: column; min-width: 0; }
html.home #view .nh-sage.nh-sfw > a.nh-sl:focus-visible { outline: 3px solid #A31F70; outline-offset: 2px; }
html.home #view .nh-sage.nh-sfw > .nh-scap { grid-row: 2; grid-column: 1 / -1; margin: 6px 0 0; padding: 8px 12px; border-radius: 12px; background: #FBF2F5; border: 2px solid #E3B6C5; font-size: 17px; line-height: 1.5; font-weight: 700; color: #2A1420; overflow-wrap: anywhere; }
html.home #view .nh-sage.nh-sfw > .nh-scap[hidden] { display: none; }
html.home #view .nh-sage.nh-sfw.rm-say { outline: 3px solid #A31F70; outline-offset: 4px; border-radius: 12px; }
@media (hover: hover) { html.home #view .nh-sage.nh-sfw > button.nh-sf:hover img { outline: 2px solid #A31F70; outline-offset: 1px; } }
/* 스승 여섯 차례로 듣기(order-1948) — 맨 위 스승 줄 바로 아래 알약(말하는 불빛 「차례로 듣기」와 같은 꼴 · 세모 듣기 · 네모 멈추기) · 여는 동안 칸도 같은 자리 */
html.home #view .nh-sall { appearance: none; -webkit-appearance: none; margin: 0; display: inline-flex; align-items: center; gap: 8px; max-width: 100%; min-height: 52px; min-width: 48px; padding: 6px 18px 6px 12px; border-radius: 999px; border: 2px solid #A31F70; background: #A31F70; color: #FFFFFF; font: inherit; font-size: 17px; line-height: 1.3; font-weight: 800; text-align: left; cursor: pointer; -webkit-tap-highlight-color: transparent; }
html.home #view .nh-sall > svg { display: block; flex: none; width: 24px; height: 24px; }
html.home #view .nh-sall.nh-sallon { background: #FFF7F9; color: #A31F70; }
html.home #view .nh-sall:focus-visible { outline: 3px solid #2A1420; outline-offset: 2px; }
/* 멈춘 스승부터 이어 듣기(order-2122) — 묶음(.nh-sallw) = 단추 줄(차례로 듣기 · 처음부터) + 「멈춘 곳: (이름)」(멈춘 스승이 있을 때만) · 여는 동안 칸도 같은 모양 */
html.home #view .nh-sallw { display: grid; justify-items: start; gap: 6px; margin: 6px 0 0; }
html.home #view .nh-sallrow { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; max-width: 100%; }
html.home #view .nh-sallr { appearance: none; -webkit-appearance: none; margin: 0; display: inline-flex; align-items: center; min-height: 48px; box-sizing: border-box; padding: 0 16px; border: 2px solid #A31F70; border-radius: 999px; background: #FFF7F9; color: #A31F70; font: inherit; font-size: 17px; line-height: 1.3; font-weight: 800; cursor: pointer; -webkit-tap-highlight-color: transparent; }
html.home #view .nh-sallr:focus-visible { outline: 3px solid #2A1420; outline-offset: 2px; }
html.home #view .nh-sallc { margin: 0; padding: 6px 12px; border-radius: 12px; background: #FBF2F5; border: 2px solid #E3B6C5; font-size: 17px; line-height: 1.5; font-weight: 700; color: #2A1420; overflow-wrap: anywhere; }
html.home #view .nh-sallr[hidden], html.home #view .nh-sallc[hidden] { display: none; }
html.home.en #view .nh-hero .nh-sage { display: none; } /* 영어 글이 길어 소개 칸이 찾기 줄 아래로 밀려 맨 위 스승 한 줄만 뺌(한국어는 그대로) */
html.home #view svg.nh-waf { padding: 0; } /* 다른 쪽 「.me」 칸 안쪽 여백이 왼쪽 100칸 그림에 붙어 작아 보이던 것 */
@media (max-width: 380px) { html.white.clock.clock.clock.home #view .nh-hero .nh-h1 { font-size: 24px; } } /* 375 폭에서 대신 글꼴이 칸 끝에 닿아 두 줄로 바뀌지 않게(390 폭은 26px 한 줄) */
/* ── ① 돈 흐름 · 몰린 곳마다 까닭 열한 가지(사장님 2026-10-30(서울) 04:27 「왜 몰리는지 이유를 11 가지를 거기다 적어놔야 돼 … 잡스라면 어떻게 표현 할 것인지」 · 05:03 「응」
   · docs/design/why11-2026-10-30/decision.md) — 머리는 늘 두 줄(시장이 내린 달 「시장이 n% 내릴 때 · 여기는 버텼어요」와 여는 동안 칸이 같은 높이)
   · 「권하지 않습니다」는 머리 밑(칸이 한 화면보다 길어져도 첫 한 화면 안 · 첫 화면 가장 큰 글 덩이 — 늦게 그린 「왜?」 마디는 이보다 작음)
   · 몰린 곳 줄 = 누르는 칸(details) 하나: 막대 줄 · 「왜?」(늘 두 줄 자리 · 마디마다 한 줄) · 불빛 줄(돈 · 회사 · 상황 · 정치 · 「11가지 ›」) — 여는 동안 칸(boot-home.js)과 같은 높이
   · 글씨 17px 위 · 누르는 칸 48px 위 · 빨간 글은 숫자만(불빛은 그림 · 짙은 자주) · 그림자 · 그러데이션 없음 · 밤 무대 색은 clock_theme.py 가 이 규칙에서 지음 */
html.home #view .nh-hero { grid-template-rows: none; }
html.home #view .nh-hero .nh-h1 > span { display: block; }
html.home #view .nh-hero > .nh-no { align-self: start; margin-top: -2px; min-height: 2.9em; } /* 늘 두 줄 자리(2 × 1.45) — 글꼴(Pretendard)이 늦게 와 이 줄이 두 줄 → 한 줄로 바뀌어도 아래 칸이 25px 밀리지 않게 · 여는 동안 칸(기기 글꼴)과 다 그린 칸 자리가 같게(2026-10-30 큰 검사 talk11 1/11 why11 ⑦ 285 ≠ 260 · 옛 why11-89 5/11 같은 걸림) */
html.home #view .y11-i { list-style: none; }
html.home #view .y11-box { display: block; border-radius: 10px; }
html.home #view .y11-box > summary { list-style: none; cursor: pointer; border-radius: 10px; }
html.home #view .y11-box > summary::-webkit-details-marker { display: none; }
html.home #view .y11-s { display: grid; gap: 4px; padding: 0 0 6px; }
html.home #view .y11-l { display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: 8px; align-items: start; min-height: 48px; padding: 0 10px; font-size: 17px; line-height: 24px; color: #2A1420; }
html.home #view .y11-q { font-size: 17px; font-weight: 900; color: #A31F70; }
html.home #view .y11-t { display: block; min-width: 0; font-weight: 700; color: #2A1420; }
html.home #view .y11-t > span { display: block; }
html.home #view .nh-fl-up { gap: 10px; }
html.home #view .y11-lt { display: flex; flex-wrap: wrap; align-items: center; gap: 2px 10px; min-height: 38px; padding: 0 0 0 10px; } /* 320 폭에서도 무리 넷이 한 줄 */
html.home #view .y11-g { display: grid; justify-items: center; row-gap: 1px; }
html.home #view .y11-g > i { font-style: normal; font-size: 17px; line-height: 20px; font-weight: 800; color: #5E3446; }
html.home #view .y11-dots { display: block; overflow: visible; }
html.home #view .y11-on { fill: #A31F70; }
html.home #view .y11-off { fill: #FFFFFF; stroke: #9E5A78; stroke-width: 1.5; }
html.home #view .y11-qd { fill: #FBF2F5; stroke: #9E5A78; stroke-width: 1.2; stroke-dasharray: 2.2 2; }
html.home #view .y11-qt { fill: none; stroke: #6B3F52; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
html.home #view .y11-qdot { fill: #6B3F52; }
html.home #view .y11-m { display: flex; justify-content: flex-end; align-items: center; gap: 4px; min-height: 24px; padding: 0 4px 0 10px; font-size: 17px; line-height: 24px; font-weight: 800; color: #A31F70; white-space: nowrap; }
html.home #view .y11-m > i { font-style: normal; font-size: 22px; line-height: 1; transition: transform .15s; }
html.home #view .y11-box[open] .y11-m > i { transform: rotate(90deg); }
html.home #view .y11-none .y11-m { visibility: hidden; }
/* 펼친 칸 = 말하는 불빛(사장님 2026-10-30 15:15(+08) 「응」 · docs/design/why11-2026-10-30/order-1615.txt) — 칸 모양은 site/next/home-talk.css(칸을 처음 열 때 받음 · 첫 화면 가장 큰 그림 길에서 뺌)
   여기는 빈 칸 틀과 「불빛 판을 여는 중이에요.」 글만 */
html.home #view .y11-x { display: grid; gap: 10px; margin: 2px 0 8px; padding: 12px 10px; border-radius: 14px; background: #FFF7F9; border: 1px solid #E3B6C5; color: #2A1420; }
html.home #view .y11-wt { margin: 0; font-size: 17px; line-height: 1.45; font-weight: 700; color: #5E3446; }