/* PHARMACIAN 법적 고지 문서(처리방침·이용약관·환불) 공용 서식. 세 문서가 같은 모양이어야 해서 한 곳에 둔다. */
:root{--page:#F3F3F1;--surface:#fff;--ink:#17181A;--ink-2:#5A5D63;--ink-3:#8E9299;
      --line:#E3E3DF;--line-2:#D2D2CC;--accent:#E8380D;--accent-soft:#FDECE7}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--page);color:var(--ink);line-height:1.75;word-break:keep-all;overflow-wrap:break-word;
  font-family:'Pretendard Variable',Pretendard,-apple-system,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;
  -webkit-font-smoothing:antialiased}
a{color:inherit}
.num{font-variant-numeric:tabular-nums}

.bar{background:rgba(243,243,241,.9);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);
  position:sticky;top:0;z-index:20}
.bar-in{max-width:46rem;margin:0 auto;height:60px;padding:0 20px;display:flex;align-items:center;gap:14px}
.bar-in a{display:flex;align-items:center}
.bar-t{font-size:15px;font-weight:700;color:var(--ink-2)}

.doc{max-width:46rem;margin:0 auto;padding:46px 20px 90px}

h1{font-size:clamp(26px,4.2vw,34px);font-weight:800;letter-spacing:-.045em;line-height:1.28}
.meta{margin-top:14px;font-size:14.5px;color:var(--ink-2)}
.meta b{color:var(--ink);font-weight:700}
.intro{margin-top:22px;padding:20px 22px;background:var(--surface);border:1px solid var(--line);border-radius:14px;
  font-size:15px;color:var(--ink-2)}
.intro strong{color:var(--ink);font-weight:700}

nav.toc{margin-top:30px;padding:20px 22px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
nav.toc h2{font-size:13px;font-weight:800;letter-spacing:.02em;color:var(--ink-3)}
nav.toc ol{margin-top:12px;padding-left:1.35em;font-size:14.5px;color:var(--ink-2)}
nav.toc li{margin-top:5px}
nav.toc a{text-decoration:none}
nav.toc a:hover{color:var(--accent)}

section{margin-top:52px;scroll-margin-top:76px}
h2.sec{font-size:19.5px;font-weight:800;letter-spacing:-.035em;line-height:1.4;
  padding-bottom:11px;border-bottom:2px solid var(--ink)}
h3{margin-top:26px;font-size:16px;font-weight:700;letter-spacing:-.02em}
p{margin-top:14px;font-size:15.5px;color:var(--ink-2)}
p.lead-in{margin-top:16px}
section p:first-of-type{margin-top:18px}
strong{color:var(--ink);font-weight:700}
ul,ol.body{margin-top:13px;padding-left:1.25em;font-size:15.5px;color:var(--ink-2)}
li{margin-top:7px}
li::marker{color:var(--ink-3)}

.scroller{margin-top:18px;overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.65;min-width:36rem}
th,td{border-bottom:1px solid var(--line);border-right:1px solid var(--line);padding:11px 13px;text-align:left;vertical-align:top}
th{background:var(--page);font-weight:700;color:var(--ink-2);white-space:nowrap}
tbody th{white-space:normal;width:26%}
tr:last-child th,tr:last-child td{border-bottom:0}
th:last-child,td:last-child{border-right:0}
td{color:var(--ink-2)}
table.narrow{min-width:0}

.law{display:inline-block;margin-top:16px;padding:4px 11px;border:1px solid var(--line-2);border-radius:999px;
  font-size:12.5px;font-weight:700;color:var(--ink-3);letter-spacing:-.01em}
.note{margin-top:16px;padding:14px 16px;border-radius:11px;background:var(--surface);border:1px solid var(--line);
  font-size:14px;color:var(--ink-2)}
.todo{background:var(--accent-soft);color:#8C2409;font-weight:800;border-radius:6px;padding:1px 7px;font-size:13.5px}
.none{color:var(--ink-3)}

.cpo{margin-top:18px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface)}
.cpo div{display:flex;gap:14px;padding:13px 16px;border-top:1px solid var(--line);font-size:15px;color:var(--ink-2)}
.cpo div:first-child{border-top:0}
.cpo b{width:112px;flex:none;color:var(--ink-3);font-weight:600}

.draft{margin-top:56px;padding:18px 20px;border:1px solid var(--accent);border-radius:12px;
  background:var(--accent-soft);font-size:14px;color:#8C2409}
.draft b{display:block;font-weight:800;margin-bottom:6px;font-size:15px}

footer{border-top:1px solid var(--line);padding:26px 20px 44px}
.fin{max-width:46rem;margin:0 auto;font-size:12.5px;color:var(--ink-3);line-height:1.9}
.fin b{color:var(--ink-2);font-weight:700}
.fin a{color:var(--ink-2)}

@media (max-width:560px){
  .doc{padding:34px 16px 70px}
  section{margin-top:42px}
  p,ul,ol.body{font-size:15px}
}

/* 내부 메모 감추기 — 직원이 가격·배송·계약을 확정하면 이 한 줄을 지워서 다시 꺼낸다.
   지우지 않고 감추는 이유: 무엇을 정해야 하는지가 문서 안에 남아 있어야 직원이 찾는다. */
.note:has(.todo){display:none}

.draft{display:none}   /* 초안 경고 박스. 법률 검토가 끝나면 이 줄을 지워 확인하고 박스를 삭제한다 */