/* ── 첫 화면의 물음 판 ─────────────────────────────────────────
   예전에는 「재물운」 같은 입구를 먼저 고르게 했다. 그건 손님이 우리를 위해
   하는 분류 작업이고, 고르고 나도 손에 쥔 것이 없다. 거기서 나가신다.
   물음을 바로 펼쳐 고르시게 하면 첫 화면에서 이미 자기 문제를 알아보시고,
   고른 개수가 아래 단추에 붙어 생년월일까지 가실 이유가 생긴다. */

.ask{display:flex;flex-direction:column;gap:.6rem;min-height:5.9rem;
  padding:.9rem .9rem .8rem;border:1.5px solid var(--line);border-radius:12px;
  background:var(--card);cursor:pointer;text-align:left;font:inherit;
  transition:border-color .16s,background .16s,transform .12s}
.ask:hover{border-color:var(--accent-line)}
.ask:active{transform:translateY(1px)}
.ask .q{font-family:"Gowun Batang",serif;font-size:var(--fs-base);font-weight:700;line-height:1.5;
  letter-spacing:-.01em;color:var(--ink);word-break:keep-all}
.ask .g{font-size:var(--fs-xs);color:var(--muted)}
/* 「결로 갈림」 – 이 물음은 사주만으로는 답이 안 나온다는 표시.
   위에서 글로 한 약속을, 물음 판이 스스로 증명하는 자리다.
   ★ 화면이 판단하지 않는다. 서버가 변조가 있는지 보고 넘겨준다 –
     글을 내리면 표시도 저절로 사라져야 한다. */
.ask .sp{flex:none;font-size:var(--fs-xs);line-height:1;padding:.24rem .42rem;border-radius:5px;
  color:var(--accent-ink);background:var(--accent-soft);white-space:nowrap}
/* 좁은 화면에서 숨기지 않는다 – 숨기면 위 안내문이 없는 것을 가리키게 된다.
   대신 갈래 이름과 함께 줄을 접는다. */
.ask .mk{flex:none;margin-left:auto;width:1.1rem;height:1.1rem;border-radius:999px;
  border:1.5px solid var(--line);background:transparent;transition:all .16s}
.ask[aria-pressed="true"]{border-color:var(--accent-line);background:var(--accent-soft)}
.ask[aria-pressed="true"] .mk{border-color:var(--accent-ink);background:var(--accent-ink);
  box-shadow:inset 0 0 0 3px var(--card)}
.ask[aria-pressed="true"] .g{color:var(--accent-ink)}

/* 들어가는 단추. 고르신 것이 있으면 개수가 붙는다. */
.startbox{margin:1.5rem 0 0}
/* 바탕은 --btn 을 쓴다. --accent-ink 는 어두운 테마에서 밝은 민트라
   그 위의 흰 글자가 1.7:1 밖에 안 나온다. 단추 바탕으로 쓰면 안 되는 색이다. */
.startbtn{display:flex;align-items:center;justify-content:center;width:100%;min-height:56px;
  border:none;border-radius:999px;background:var(--btn);color:#fff;
  font-family:"Gowun Batang",serif;font-size:var(--fs-lg);font-weight:700;letter-spacing:-.01em;
  cursor:pointer;transition:opacity .14s,transform .12s}
.startbtn:hover{opacity:.9}
.startbtn:active{transform:scale(.97)}
.startwhy{display:flex;flex-wrap:wrap;gap:.3rem .9rem;justify-content:center;
  margin:.75rem 0 2.2rem;font-size:var(--fs-sm);color:var(--ink-2)}

/* ── 입구 여섯 (첫 화면 · 보조) ─────────────────────────────
   물음 판이 주된 입구가 되었으니 여기는 「여섯 갈래가 다 있다」를 보이는 자리다.
   평생운으로 바로 가는 길이기도 하다 – 그건 카드로 고르는 것이 아니다. */
.gates{display:flex;flex-wrap:wrap;gap:.5rem;margin:.9rem 0 1.4rem}
/* 합침 – 06-login 「건강 문항 별도 동의」 상자 꼴 */
.gate{display:inline-flex;align-items:center;gap:7px;background:var(--card);color:var(--ink-2);
  cursor:pointer;text-align:left;font-size:var(--fs-md);font-weight:550;letter-spacing:-.01em;
  min-height:44px;transition:border-color .12s,transform .12s,background .12s,color .12s;
  margin:1.8rem 0 0;padding:1.5rem 1.4rem;border:1.5px solid var(--rule-2);border-radius:14px;
  word-break:keep-all;overflow-wrap:break-word}
.gate:hover{border-color:var(--accent-line);background:var(--accent-soft);color:var(--ink)}
.gate:active{transform:translateY(1px)}
/* 무료로 들어오시는 길을 크게. 여기가 진짜 단추다. */
.freego{margin:0;font-size:var(--fs-md);line-height:1.8;color:var(--muted);word-break:keep-all}
.again{margin:1.1rem 0 0;font-size:var(--fs-md);color:var(--muted);word-break:keep-all}
.again button{background:none;border:none;font:inherit;font-size:var(--fs-md);cursor:pointer;
  color:var(--accent-ink);text-decoration:underline;text-underline-offset:.22em;
  padding:.45rem .2rem;min-height:40px}
.again button:hover{opacity:.75}
.freego b{color:var(--ink);font-weight:650}
/* 칩 안에는 이름만 둔다. 설명은 붙이지 않는다 – 어디나 있는 단추다. */

/* ══ 4a – 첫 화면 ═══════════════════════════════════════════════════════════
   #s0 은 늘 먹빛이다(go 가 n===0 에서 night 를 건다). 그래서 여기 값은 4a 의
   것을 그대로 적는다. 크기·간격을 rem 으로 옮기지 않는다 – 시안이 px 이다. */

/* 머리 */
/* 지시-1022j – 첫 화면 · 생년월일: 머리줄은 그림 위에 투명하게. 가운데 「로그인」 글자는 뺀다(로그인은 더보기 · 내 풀이에서). */
body.night .prog{background:transparent;border-bottom:1px solid rgba(243,242,242,.12)}
/* 지시-1022l – 첫 화면 바탕: 문서 맨 위에 그림 비율대로 붙는다(고정하지 않아 화면과 함께 올라간다).
   위는 그림(노을 · 해 · 소나무), 가운데쯤부터 먹빛(#0d0c0b)으로 녹고, 그 아래는 먹빛이 이어진다. */
body.night{background:#0d0c0b}
body.night::before{content:"";position:absolute;top:0;left:0;width:100%;aspect-ratio:1024/1536;z-index:-1;pointer-events:none;
  background:linear-gradient(180deg,rgba(13,12,11,0) 46%,#0d0c0b 88%),url("/img/hero-bg.webp") center -40px/100% auto no-repeat,#0d0c0b}
/* ★ 2026-09-10 – 첫 화면(밤)만 로고가 19.2px 이고 나머지 화면은 23.2px 이라
   화면을 넘길 때마다 이름이 커졌다 작아졌다 했다. 큰 쪽으로 맞춘다. */
body.night .brand span{font-family:"Gowun Batang",serif;font-size:var(--fs-xl);font-weight:700;
  letter-spacing:.04em;color:#0FA894}
body.night .brand em{color:#9b9797}     /* 4a 의 #605d5d 는 2.90 미달이라 안 쓴다 */
body.night .who button{border:1px solid rgba(225,173,102,.32);color:#d7d3d3;
  border-radius:999px;min-height:32px}

#s0{position:relative}
/* 09-25 대표님 – 「오늘」 줄 위 공백을 줄임. .intro(02-base) 의 1.6rem 을 첫 화면에서만 덮는다. */
#s0.intro{padding-top:.5rem}
#s0 > *:not(.glow){position:relative;z-index:1}

/* 오늘 줄 – 상자를 벗기고 한 줄로. 여기가 길어지면 물음이 화면 밖으로 밀린다.
   ★ 52px 금색 간지는 첫 화면에서 뺐다. 「병신」처럼 읽히는 날이 한 해 여섯 번 있고,
     읽으실 수 있는 손님도 거의 없다. gz 는 서버에 그대로 있다 – 나중에 사주 화면으로 옮긴다. */
#s0 .today{display:block;margin:0 0 10px;padding:0;border:none;background:none;
  border-radius:0;font-size:var(--fs-sm);line-height:1.6;color:var(--muted)}
/* 날짜 줄은 작게, 오늘의 말은 눈에 띄게. 여기만 날마다 바뀐다. */
#s0 .today .tdd{display:block;font-size:var(--fs-sm);color:var(--muted);letter-spacing:.02em}
/* 2026-10-23 – 한 줄 자리를 미리 잡는다. 날짜만 먼저 올 때도 줄 높이가 덜컹이지 않게. */
#s0 .today .tdl{display:block;min-height:1.6em;margin-top:.2rem;font-family:"Gowun Batang",serif;
  font-size:var(--fs-base);font-weight:700;color:var(--gold);
  word-break:keep-all;overflow-wrap:break-word}

/* ══ 뜻 단위 줄바꿈 ══
   우리말은 어절로 끊어야 읽힌다. 브라우저에 맡기면 「그건 당신 / 것이 아닙니다」처럼
   한 마디가 두 줄로 갈린다. .u 로 묶으면 그 덩어리가 통째로 넘어간다.
   ★ inline-block 이라 덩어리 사이의 공백이 살아 있어야 한다 – 줄바꿈으로 띄운다. */
.u{display:inline-block}

/* ★ 4a 의 핵심 장치. 왼쪽에서 자라며 오른쪽으로 흐려진다. */
.rule-gold{width:100%;height:1px;margin:24px 0 20px;transform-origin:left;
  background:linear-gradient(90deg,var(--gold),color-mix(in srgb,var(--gold) 15%,transparent));
  animation:fwrule .9s cubic-bezier(.2,.7,.3,1) both}
@keyframes fwrule{from{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}
/* 지시-1022i – 금빛 붓선: 굵고 끝이 흐려지는 한 획. 제목 바로 아래에 둔다(index.html). */
#s0 .rule-gold{width:62%;height:3px;margin:.75rem 0 1.05rem;border-radius:3px;
  background:linear-gradient(90deg,var(--gold) 0%,var(--gold) 60%,color-mix(in srgb,var(--gold) 0%,transparent) 100%)}
/* 지시-1022i – 유리 상자. 제목 · 붓선 · 설명 · 강조 한 줄을 한 상자에 담는다. 금빛 먹 그림(/img/hero-ink.png)이 있으면 오른쪽 위에 옅게. */
#s0 .heroglass{position:relative;margin:.9rem calc(16px - 1.35rem) 1.2rem;padding:1.4rem 1.25rem 1.3rem;border-radius:20px;
  background:color-mix(in srgb,var(--bg) 60%,transparent);border:1px solid color-mix(in srgb,var(--gold) 22%,transparent);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
#s0 .heroglass::after{content:"";position:absolute;top:-16px;right:-8px;width:118px;height:118px;pointer-events:none;
  background:url("/img/hero-ink.png") no-repeat center/contain;opacity:.32}

/* 눈썹 · 제목 · 큰 글 */
#s0 .eyebrow0{margin:0 0 12px;font-size:var(--fs-sm);letter-spacing:0;color:var(--gold)}
/* 지시-1022j – 작은 머리글 앞의 금빛 막대 */
#s0 .eyebrow0::before{content:"";display:inline-block;width:3px;height:.95em;margin-right:.6rem;vertical-align:-.12em;border-radius:2px;background:var(--gold)}
#s0 .hook{font-family:"Gowun Batang",serif;font-weight:700;
  font-size:clamp(1.8rem,9vw,2.25rem);line-height:1.38;letter-spacing:-.025em;
  color:var(--ink);margin:0 0 16px}
#s0 .hook .au{color:var(--gold)}          /* 「당신은 다릅니다」 한 줄만 금색 */
#s0 .hookline{font-size:var(--fs-sm);line-height:1.7;color:var(--muted);margin:-4px 0 14px;word-break:keep-all}
#s0 .big{font-size:var(--fs-base);line-height:1.9;color:var(--ink-2);margin:0 0 20px}
#s0 .big b{color:var(--gold);font-weight:600}

/* 命理 · 四象 · 性格 세 줄. 예전에는 한 문단으로 뭉개져 있었다.
   .sum 은 셋을 묶는 줄이라 위에 선을 하나 긋는다. */
/* 왜 #007 */
/* 왜 #008 */
#s0 .how .ln{margin:0;padding:12px 14px;font-size:var(--fs-md);line-height:1.85;
  color:var(--ink-2);background:color-mix(in srgb,var(--bg) 55%,transparent);
  border:1px solid color-mix(in srgb,var(--gold) 16%,transparent);border-left:3px solid color-mix(in srgb,var(--gold) 22%,transparent);
  border-radius:0 6px 6px 0}
/* ★ 바로 위 줄이 margin:0 이라, 아래 .how .ln.sum 의 margin-top 이 안 먹는다
   (#s0 이 붙어 있어 힘이 세다). 선만 그어지고 틈은 안 생겼다. 여기서 되돌린다.
   320px 브라우저로 재서 확인했다 – t_code320 의 「묶는 줄 위에 틈이 있다」. */
#s0 .how .ln.sum{margin-top:.65rem}
#s0 .how .ln b{color:var(--ink);font-weight:600}

/* ★ 2026-09-25 – 세 줄이 <details> 가 되었다. 겉모양(금빛 왼쪽 줄 · 옅은 바탕)은
   위의 .ln 을 그대로 쓰고, 여기서는 누르는 자리만 만든다.
   ① 틀의 padding 을 summary 로 옮긴다 – 그래야 상자 전체가 눌린다
   ② 기본 삼각형(marker)을 숨기고 오른쪽 끝에 ▸ / ▾ 하나만 둔다
   ③ summary 는 누르는 곳이라 44px 이상(패딩 24 + 한 줄 ≈ 28 = 52px)
   JS 는 한 줄도 안 쓴다. */
#s0 .how details.ln{padding:0}
#s0 .how details.ln > summary{display:block;position:relative;cursor:pointer;
  min-height:44px;padding:12px 34px 12px 14px;list-style:none;
  font-size:var(--fs-md);line-height:1.85;color:var(--ink-2)}
#s0 .how details.ln > summary::-webkit-details-marker{display:none}
#s0 .how details.ln > summary::after{content:"▸";position:absolute;right:12px;top:50%;
  transform:translateY(-50%);color:var(--gold);line-height:1;font-size:150%}
#s0 .how details.ln[open] > summary::after{content:"▾"}
#s0 .how details.ln .bd{margin:0;padding:2px 14px 13px;
  font-size:var(--fs-md);line-height:1.85;color:var(--ink-2);word-break:keep-all}
/* 딱지는 한글이 크고 한자가 작다 – 읽는 사람이 한글이라서다. */
#s0 .how .hj{font-size:var(--fs-base);font-weight:600;color:var(--gold);margin-right:8px}
/* 지시-1022l – 두 줄로 고정: 첫 줄 = 딱지 + 굵은 말, 둘째 줄 = 작은 설명 */
#s0 .how .hl{display:block}
#s0 .how .hs{display:block;margin-top:.1rem;font-size:var(--fs-sm);line-height:1.6;color:var(--muted)}
/* 왜 #009 */
#s0 .how .hj i{font-style:normal;font-family:"Gowun Batang",serif;font-weight:400;
  font-size:.82em;color:var(--gold);margin-left:3px}
/* 왜 #010 */
#s0 .again{margin:10px 0 0;padding-bottom:14px}
/* 단추 바로 위 한 줄. 가운데로 모아 단추와 한 덩어리로 보이게 한다. */
#s0 .freego{margin:0 0 10px;text-align:center;font-size:var(--fs-md);color:var(--ink-2)}
#s0 .freego b{color:var(--ink);font-weight:600}

/* 물음 카드 */
#s0 .ask{display:flex;flex-direction:column;gap:8px;min-height:108px;
  padding:13px 14px;border-radius:6px;background:var(--surface);
  border:1px solid var(--rule);
  transition:all .18s cubic-bezier(.2,.8,.3,1);
  animation:fwup .34s ease calc(var(--i,0)*0.03s) both}
@keyframes fwup{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
#s0 .ask .hd{display:flex;align-items:center;gap:6px}
#s0 .ask .ic{width:17px;height:17px;flex:none;color:var(--accent-ink)}
#s0 .ask .mk{flex:none;margin-left:auto;width:17px;height:17px;border-radius:999px;
  border:1px solid var(--rule);background:none;transition:all .18s}
#s0 .ask .q{font-family:"Gowun Batang",serif;font-size:var(--fs-base);font-weight:700;
  line-height:1.45;letter-spacing:-.01em;color:var(--ink);word-break:keep-all}
#s0 .ask[aria-pressed="true"]{background:var(--accent-soft);border-color:var(--accent-line)}
#s0 .ask[aria-pressed="true"] .ic{color:var(--accent-ink)}
#s0 .ask[aria-pressed="true"] .q{color:#fff}
#s0 .ask[aria-pressed="true"] .mk{background:var(--accent-ink);border-color:var(--accent-ink);
  box-shadow:inset 0 0 0 3px var(--bg)}

/* 갈래 칩 */
#s0 .pick{margin:26px 0 9px;font-size:var(--fs-sm);line-height:1.6;color:var(--ink-2)}
/* ★ 2026-09-25 – 단추 여섯이 글 한 줄이 되었다. 눌리지 않는다.
   줄이지 않는다(노안) – 아래 .gate 규칙과 같은 var(--fs-md) 다.
   .gates · .gate 규칙은 남겨 둔다 – 클릭 손이 살아 있어 다른 데서 쓸 수 있다. */
#s0 .gateline{margin:0 0 1.4rem;text-align:center;
  font-size:var(--fs-md);line-height:1.85;color:var(--ink-2);word-break:keep-all}
#s0 .gates{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 1.4rem}
/* 왜 #011 */
#s0 .gate{display:inline-flex;align-items:center;gap:7px;min-height:44px;margin:0;
  padding:0 14px;border-radius:999px;background:none;
  border:1px solid color-mix(in srgb,var(--gold) 32%,transparent);
  font-size:var(--fs-md);font-weight:400;color:var(--ink-2);white-space:nowrap}
#s0 .gate .ic{width:15px;height:15px;flex:none;color:var(--accent-ink)}
#s0 .gate:hover{border-color:var(--accent-line);color:var(--accent-ink);background:none}
#s0 .gate:hover .ic{color:var(--accent-ink)}

/* 시작 단추 – 4a 는 화면 아래에 붙어 있다 */
/* 왜 #012 */
/* 왜 #013 */
#s0 .startbtn{display:flex;align-items:center;justify-content:center;gap:9px;
  width:100%;min-height:58px;border:none;border-radius:999px;
  font-family:"Gowun Batang",serif;font-size:var(--fs-lg);font-weight:700;letter-spacing:-.01em;
  color:#fff;background:var(--gold-grad);box-shadow:0 8px 26px color-mix(in srgb,var(--gold) 28%,transparent);
  transition:background .18s,box-shadow .18s}
/* 고르시면 초록으로 바뀐다 – 「이제 갈 수 있다」를 색으로 말한다 */
#s0 .startbtn.ready{background:var(--gold-grad);box-shadow:0 8px 26px color-mix(in srgb,var(--gold) 42%,transparent)}
/* 1026 – 어두운 밝기에서는 금빛 단추 위 글자를 먹빛으로(밝은 금빛 바탕에 흰 글자는 대비가 모자란다). */
:root:not([data-theme="light"]) #s0 .startbtn,:root[data-theme="dark"] #s0 .startbtn{color:var(--bg)}
#s0 .startbtn .ar{width:19px;height:19px;flex:none}
/* 지시-1022j – 시작 단추 앞의 ✦ */
#s0 .startbtn::before{content:"\2726";font-size:.95em;line-height:1}
#s0 .startwhy{display:flex;justify-content:center;gap:14px;margin:11px 0 0;
  font-size:var(--fs-sm);color:var(--ink-2)}
/* 지시-1023j ② – 첫 화면 시작 단추 아래 최근 후기 3건 (hidden 일 때는 display 를 건드리지 않는다) */
#home-rv{margin:1.4rem 0 0;text-align:left;color:var(--ink-2)}
#home-rv h3{font-size:var(--fs-md);font-weight:700;color:var(--ink);margin:0 0 .4rem}
#home-rv .rv{border-top:1px solid var(--rule);padding:.8rem 0}
#home-rv .rvb{margin:.3rem 0 0;font-size:var(--fs-sm);color:var(--ink-2);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#home-rv .rvm{margin:.3rem 0 0;font-size:var(--fs-xs);color:var(--muted)}
#home-rv .rvok{color:var(--gold)}
#home-rv .rvmore{margin:.6rem 0 0;font-size:var(--fs-sm)}
#home-rv .rvmore a{color:var(--gold);text-decoration:none}
#s0 .startwhy span{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
#s0 .startwhy .ic{width:13px;height:13px;flex:none;color:#0FA894}

/* ★ 밝은 화면에서 .btn 은 흰 글자에 --accent 바탕이다. 먹빛에서는 --accent 가
   밝은 청록(#0FA894)이라 그 위의 흰 글자가 2.02 밖에 안 나온다 – 미달이다.
   4a 가 정한 단추 색(금)에 먹빛 글자를 얹는다. 9.32 다. */
body.night .btn{background:var(--btn);color:#12110e}
body.night .btn.ghost{background:none;color:#d7d3d3;border-color:rgba(15,168,148,.4)}
body.night .btn.ghost:hover{border-color:var(--accent-ink);color:var(--accent-ink);background:none}

/* 생년월일 화면 – 색은 body.night 가 이미 준다. 입력칸만 따로 맞춘다. */
body.night .inputs input[type=text],
body.night .nameinput,
body.night input[type=number],
body.night select,
body.night textarea{background:#1b1914;border-color:rgba(243,242,242,.12);color:#f3f2f2}
/* 왜 #014 */
body.night .cal .calopt:not(.on):not(:has(input:checked)){border-color:rgba(243,242,242,.12)}
body.night .cal .calopt:has(input:checked),
body.night .cal .calopt.on{border-color:var(--accent-ink);background:rgba(15,168,148,.22)}
body.night .pairlink,
body.night .lawbox{border-color:rgba(225,173,102,.4)}

/* 첫 화면에서 다른 갈래 물음을 고르셨을 때 위에 세우는 자리 */
.away{margin:0 0 1.4rem;padding:0 0 1.2rem;border-bottom:1px solid var(--rule)}
.away .tag{margin:0 0 .6rem;font-size:var(--fs-sm);letter-spacing:.06em;color:var(--accent-ink)}


/* ★ 2026-09-26 첫 화면 체질 입구 – 곁길. 단추가 아니라 링크 한 줄 */
#s0 .chdoor{display:flex;align-items:center;gap:14px;margin:0 0 1.2rem;padding:10px 14px;text-decoration:none;
  border:1px solid color-mix(in srgb,var(--gold) 22%,transparent);border-radius:12px;background:rgba(255,255,255,.028)}
#s0 .chdoor:hover{border-color:var(--accent-line)}
#s0 .chdoor .chimgs{display:flex;flex:none}
#s0 .chdoor .chimgs img{height:64px;width:auto;margin-right:-6px}
#s0 .chdoor .chtx{display:flex;flex-direction:column;min-width:0}
#s0 .chdoor b{font-size:var(--fs-base);font-weight:700;color:var(--accent-ink);line-height:1.4}
#s0 .chdoor small{margin-top:2px;font-size:var(--fs-sm);line-height:1.5;color:var(--ink-2);word-break:keep-all}

/* 2026-10-21 (지시-1021f) – 처음부터 시작 한 줄 · 화면 안 알림 한 줄 */
.freshline{margin:0 0 .8rem;font-size:var(--fs-sm);color:var(--muted);word-break:keep-all}
.flashnote{margin:.2rem 0 .8rem;font-size:var(--fs-sm);color:var(--accent-ink);word-break:keep-all}

/* 2026-10-25 – 다시 오신 분의 첫 화면(js/25-home.js). 켜지면 첫 화면의 나머지는 숨긴다. 버튼은 늘 그렇듯 가로 꽉 차게 · 같은 크기로 세로로 쌓는다. */
#s0.me > :not(#home-me):not(.outnote){display:none !important}
.homeme h2{margin:.6rem 0 .2rem}
.homeme > .note{margin:0 0 .4rem;color:var(--ink-2)}
.homeme .acts .btn{flex:1 1 100%;box-sizing:border-box}
.homeme .homemonth{margin-top:1.8rem}
.homeme .homemonth .acts{margin-top:1rem}
.homeme .homenext{margin:2rem 0 0}
.homeme .homenext + .acts{margin-top:.8rem}
.homeme .homeother{justify-content:center;margin-top:1.6rem}
/* 10-25 – 다시 오신 분: 「내 자리」를 그리기 전까지 첫 화면을 비워 둔다(index.html 머리의 me-pre) */
html.me-pre #s0 > :not(#home-me):not(.outnote){visibility:hidden}