/* ── 저희가 기억하고 있는 것 ── */
.memo{margin-top:2rem}
.memolead{margin:.6rem 0 1rem;font-size:var(--fs-md);color:var(--ink-2);line-height:1.8;
  word-break:keep-all;overflow-wrap:break-word}
.memolead b{color:var(--ink)}
.memolist{list-style:none;margin:0;padding:0}
.memolist li{display:flex;gap:.8rem;align-items:flex-start;
  padding:.85rem 0;border-top:1px solid var(--rule)}
.memolist li:first-child{border-top:none}
.memolist .mtx{flex:1;min-width:0}
.memolist .mln{margin:0;font-size:var(--fs-md);line-height:1.65;color:var(--ink);
  word-break:keep-all;overflow-wrap:break-word}
.memolist .mwhy{display:block;margin-top:.25rem;font-size:var(--fs-sm);color:var(--muted)}
.memolist .msaid{color:var(--accent-ink)}
.memolist .mdel{flex:none;background:none;border:1.5px solid var(--rule-2);border-radius:999px;
  font:inherit;font-size:var(--fs-sm);color:var(--muted);cursor:pointer;
  padding:.3rem .7rem;min-height:36px;white-space:nowrap}
.memolist .mdel:hover{border-color:var(--warn);color:var(--warn)}
.memolist li.gone .mln{color:var(--muted);text-decoration:line-through}

/* ══ 건강 문항 별도 동의 ══ */
.gate h3{margin:0 0 .8rem;font-family:"Gowun Batang",serif;font-size:var(--fs-lg)}
/* 합침 – 아래 「본문 키움」 묶음 .mlead,.gate p(같은 값) · 40대 후반부터 노안 – 줄이지 않는다 */
.gate p{margin:0 0 .7rem;line-height:1.85;color:var(--ink-2);font-size:var(--fs-md)}
.gate b{color:var(--ink)}
.gate .fine{font-size:var(--fs-sm);color:var(--ink-2);line-height:1.8}
.gate .fine a{color:var(--accent-ink)}
.gt{width:100%;border-collapse:collapse;font-size:var(--fs-sm);margin:.2rem 0 .6rem}
.gt td{padding:.45rem .3rem;border-bottom:1px solid var(--rule);color:var(--ink-2);
  word-break:keep-all;line-height:1.6}
.gt td:nth-child(2){text-align:right;white-space:nowrap;
  color:var(--ink);padding-right:.9rem}
.gt td:last-child{font-size:var(--fs-sm);color:var(--muted)}
.gate .acts{flex-direction:column;align-items:stretch}
.gate .acts .btn{width:100%}

/* ══ 로그인 ══
   예전엔 0.76rem 회색 밑줄 글씨였다. 만든 사람도 못 찾았다.
   들어오는 문은 크게, 나가는 문(로그아웃)은 한 단계 안으로 넣는다. */
/* 합침 – 아래 「로고 키움」 뒤 한 줄(같은 값) */
.who{display:flex;gap:.5rem;align-items:center;justify-content:flex-end;color:var(--muted);margin:0;
  position:relative;font-size:var(--fs-sm)}
.who button{background:none;border:1.5px solid var(--rule-2);border-radius:999px;
  font:inherit;font-size:var(--fs-sm);color:var(--ink);cursor:pointer;
  padding:.32rem .85rem;min-height:32px;line-height:1.2;white-space:nowrap}
.who button:hover{border-color:var(--accent-ink);color:var(--accent-ink)}
.who #who-me::after{content:"▾";margin-left:.35rem;opacity:.6;font-size:.8em}
.who .whomenu{position:absolute;top:calc(100% + .35rem);right:0;z-index:40;
  background:var(--bg);border:1.5px solid var(--rule-2);border-radius:12px;
  padding:.3rem;min-width:10rem;box-shadow:0 8px 22px rgba(0,0,0,.14)}
.who .whomenu[hidden]{display:none}
.who .whomenu button{display:block;width:100%;border:none;border-radius:9px;
  text-align:left;padding:.55rem .7rem;min-height:40px;color:var(--muted)}
.who .whomenu button:hover{background:var(--rule);color:var(--ink)}
.modal{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;
  padding:1.2rem;background:rgba(0,0,0,.45);overflow-y:auto}
.modal[hidden]{display:none}
.mbox{position:relative;width:100%;max-width:26rem;background:var(--bg);color:var(--ink);
  border:1.5px solid var(--rule-2);border-radius:16px;padding:1.7rem 1.5rem;
  word-break:keep-all;overflow-wrap:break-word;max-height:90vh;overflow-y:auto}
.mbox h3{margin:0 0 .9rem;font-family:"Gowun Batang",serif;font-size:var(--fs-lg)}
.mx{position:absolute;top:.6rem;right:.8rem;background:none;border:none;font-size:var(--fs-2xl);
  line-height:1;color:var(--muted);cursor:pointer;padding:.2rem .4rem}
.mx:hover{color:var(--ink)}
/* 합침 – 아래 「본문 키움」 묶음(같은 값) · 40대 후반부터 노안 – 줄이지 않는다 */
.mlead{line-height:1.8;color:var(--ink-2);margin:0 0 1.1rem;font-size:var(--fs-md)}
.lgl{display:block;font-size:var(--fs-sm);color:var(--ink-2);margin:0 0 .35rem;
  letter-spacing:.02em}
.mbox input[type=email],.mbox input[type=text],.mbox input[type=tel],.mbox input[type=password]{width:100%;font:inherit;font-size:var(--fs-base);
  padding:.7rem .85rem;border:1.5px solid var(--rule-2);border-radius:10px;
  background:transparent;color:var(--ink);margin:0 0 1rem}
.mbox input:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}
#lg-code{font-family:"IBM Plex Mono",monospace;font-size:1.25rem;letter-spacing:.22em;text-align:center;width:100%;box-sizing:border-box;padding-right:.22em}
/* 1021b – 안내 글씨는 본문 글꼴 · 보통 크기 · 자간 없음. 숫자를 넣으면 위 모양 그대로다. */
#lg-code::placeholder{font-family:inherit;font-size:var(--fs-base,1rem);letter-spacing:0}
.pwlink{margin:.7rem 0 0;text-align:center;font-size:var(--fs-sm)}
.agree{display:flex;gap:.6rem;align-items:flex-start;font-size:var(--fs-sm);line-height:1.7;
  color:var(--ink-2);margin:0 0 1.1rem;cursor:pointer}
.agree input{margin-top:.25rem;flex:none;width:1.05rem;height:1.05rem;accent-color:var(--accent)}
.agree a{color:var(--accent-ink)}
.mbox .btn{width:100%}
/* 1026 – 두 갈래 단추 한 줄: 같은 크기 · 반반 */
.mbox .lgsplit{display:flex;gap:.5rem;margin:.6rem 0 .9rem}
.mbox .lgsplit .btn{width:auto;flex:1 1 0;min-width:0;padding-left:.5rem;padding-right:.5rem}
.mbox .acts{margin-top:0;flex-direction:column}
.mbox .acts .btn{width:100%}
.mmsg{font-size:var(--fs-sm);line-height:1.7;margin:.9rem 0 0;color:var(--warn);min-height:1px}
.mmsg.ok{color:var(--accent-ink)}
.mmsg:empty{margin:0}
.mfine{font-size:var(--fs-xs);color:var(--muted);line-height:1.7;margin:1rem 0 0}
.mfine a{color:var(--accent-ink)}
/* 내 정보(2026-10-03) – 설명은 --fs-sm · 칸 바로 밑에 붙이려고 입력칸의 아래 여백을 줄이고 설명이 이어받는다 */
#prof input[type=text],#prof input[type=email],#prof input[type=tel],#prof input[type=password]{margin-bottom:.4rem}
.pf-hint{font-size:var(--fs-sm);color:var(--muted);line-height:1.7;margin:0 0 1rem}
.pf-err{margin:0 0 1rem}
.pf-err[hidden]{display:none}
.pf-mktrow label{cursor:pointer}
.pf-more{background:none;border:none;padding:0 0 0 .4rem;font:inherit;font-size:var(--fs-sm);color:var(--accent-ink);
  text-decoration:underline;cursor:pointer;min-height:32px}
.pf-doc{font-size:var(--fs-sm);line-height:1.8;color:var(--ink-2);margin:0 0 1.1rem;padding:.8rem .9rem;
  border:1px solid var(--rule-2);border-radius:10px}
.pf-doc[hidden]{display:none}
.pf-docbody{white-space:pre-wrap;margin-top:.3rem}
#prof .btn.ghost{margin-top:.6rem}

/* ══ 카카오 ══ 색과 로고는 카카오 가이드가 정해둔 값이라 임의로 바꾸지 않는다 */
/* ★ 2026-10-16 카카오 규격 – 바탕 #FEE500 · 글자와 말풍선은 rgba(0,0,0,.85). 높이 · 둥근 정도는 다른 .btn 그대로.
   어두운 모드(body.night · 기기 어두운 설정)에서도 노랑 그대로 – body.night .btn 이 바탕을 바꾸지 못하게 한 단계 더 세게 쓴다. */
.btn.kko,body .btn.kko,body.night .btn.kko{display:flex;align-items:center;justify-content:center;gap:.5rem;
  background:#FEE500;color:rgba(0,0,0,.85);border:none;font-weight:500}
.btn.kko:hover,body .btn.kko:hover,body.night .btn.kko:hover{background:#F2DA00;filter:none}
.btn.kko svg{width:1.15rem;height:1.15rem;flex:none;fill:rgba(0,0,0,.85)}
/* 1026 카카오 공유 칸 – 주 단추는 폭 100%, 「링크 복사」는 그 아래 가운데 작은 글 */
.acts .btn.kko{flex:1 1 100%;box-sizing:border-box}
.acts .lnk{flex:1 1 100%;text-align:center;margin-top:.5rem}
.orline{display:flex;align-items:center;gap:.8rem;margin:1.1rem 0;
  font-size:var(--fs-xs);color:var(--muted)}
.orline::before,.orline::after{content:"";flex:1;height:1px;background:var(--rule-2)}

/* ══ 첫 화면 – 방법을 말하는 줄 ══ */
.intro .hr{width:3.2rem;height:2px;background:var(--ink);border:none;
  margin:2.2rem 0 1.8rem;opacity:.75}
/* 합침 – 아래 「본문 키움」 font-size(--fs-base) · 40대 후반부터 노안 – 줄이지 않는다 */
.how{line-height:2;color:var(--ink-2);margin:0;max-width:32rem;word-break:keep-all;
  overflow-wrap:break-word;font-size:var(--fs-base)}
.how b{color:var(--ink);font-weight:600}
.how .ln.sum{margin-top:.65rem;padding-top:.65rem;border-top:1px solid var(--rule)}

/* ══ 머리 – 로고와 로그인 ══ */
/* 합침 – 아래 「로고 키움」의 위아래 padding */
.prog .row.head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;
  padding-top:.15rem;padding-bottom:.15rem}
.prog .row.bars{margin-top:.6rem}
.brand{display:flex;align-items:baseline;background:none;border:0;padding:0;cursor:pointer;color:inherit;font:inherit}
/* ★ 2026-10-01 – 새 로고(세로 음양 태극, 황토·먹). 마크와 글자 사이는 .35em – span·em 사이(.6rem)와는
   다른 간격이라 gap 대신 각 글자에 오른쪽 여백을 준다. 어두운 모드는 mark-dark.svg 와 같은 색으로. */
.brandmk{display:inline-block;width:1.15em;height:1.15em;flex:none;margin-right:.35em;
  background-size:contain;background-repeat:no-repeat;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-1.01 -1.01 2.02 2.02'%3E%3Cg transform='rotate(-90)'%3E%3Ccircle r='1' fill='%238A6A2A'/%3E%3Cpath d='M1 0A1 1 0 0 1 -1 0A.5 .5 0 0 1 0 0A.5 .5 0 0 0 1 0Z' fill='%232B2B2A'/%3E%3C/g%3E%3C/svg%3E")}
body.night .brandmk{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-1.01 -1.01 2.02 2.02'%3E%3Cg transform='rotate(-90)'%3E%3Ccircle r='1' fill='%23B08A45'/%3E%3Cpath d='M1 0A1 1 0 0 1 -1 0A.5 .5 0 0 1 0 0A.5 .5 0 0 0 1 0Z' fill='%23F4EEDF'/%3E%3C/g%3E%3C/svg%3E")}
/* 합침 – 아래 「로고를 키우고 메인 색으로」. 색은 --accent(3.83:1)가 아니라 --accent-ink(7.15:1) */
.brand span{font-family:"Gowun Batang",serif;font-weight:700;font-size:var(--fs-xl);
  color:var(--accent-ink);letter-spacing:.02em;margin-right:.6rem}
/* 합침 – 아래 「로고 키움」(왜 #023) */
.brand em{font-family:"Gowun Batang",serif;font-style:normal;
  font-size:var(--fs-xs);letter-spacing:.08em;word-spacing:-.3em;color:var(--accent-ink);opacity:.7}

/* ══ 본문을 한 단계 키운다 ══
   로고보다 이쪽이 훨씬 중요하다. 카드를 계속 읽으시는 곳이다.
   40대 후반부터 노안이 시작되는데 지금 카드가 15.4px 이었다. */
.rbody{font-size:var(--fs-base);line-height:1.9}

/* 미리보기 – 「다음」 바로 위. 유료 글 한 편의 앞부분이라 「다음」과 같은 옷을 입힌다.
   새 색을 만들지 않고, 왼쪽에 금색 선 하나로만 갈라 둔다. */
.prevblk{margin:1.5rem 0 0;padding:1.15rem 1.2rem;
  border:1px solid var(--rule-2);border-left:3px solid var(--accent-line);
  border-radius:12px;background:var(--surface-2)}
.prevblk h3{font-family:"Gowun Batang",serif;font-size:var(--fs-lg);margin:0;
  word-break:keep-all;line-height:1.5;color:var(--ink)}
.prevblk .lsrc{display:block;margin:.3rem 0 .2rem;font-size:var(--fs-sm);color:var(--ink-2)}
.prevblk p{margin:.7rem 0 0;line-height:1.85;color:var(--ink-2);word-break:keep-all}
.prevblk p b{color:var(--ink)}


/* 2026-10-18 로그아웃 안내 한 줄 – 첫 화면 위, 몇 초 뒤 사라짐(js/02-login.js outNote) */
.outnote{margin:.6rem 1rem 0;padding:.5rem .8rem;border-radius:8px;background:var(--accent-soft);color:var(--ink-2);font-size:var(--fs-sm);line-height:1.6;word-break:keep-all}
.outnote[hidden]{display:none}
/* 10-26 로그인 칸 정리 – 카카오 아래 한 줄 · 비밀번호 찾기 오른쪽 · 맨 아래 가입 한 줄 */
.mbox .lgkfine{margin:.45rem 0 0;text-align:center}
.mbox .pwlink.pwright{text-align:right;margin:.3rem 0 .8rem}
.mbox .lgjoin{margin:1rem 0 0;text-align:center;color:var(--muted)}
.mbox .lgjoin .linkbtn{font-weight:600}