@charset "UTF-8";

/* 0) 전역 초기화 */
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  background: none;
  text-decoration: none;
  list-style: none;
}

/* 1) 포커스 제거(요청 사항) */
:focus,
:focus-visible,
:focus-within {
  outline: 0;
  box-shadow: none;
}

/* 2) 기본 문서/미디어/테이블/링크/헤딩 초기화 */
html {
  font-size: 62.5%;
}
html,
body {
  height: 100%;
  -webkit-text-size-adjust: 100%;
  position: relative;
}
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  max-width: 100%;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
caption,
th,
td {
  text-align: left;
  font-weight: inherit;
}
a {
  color: inherit;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/* 3) 폼 컨트롤 초기화 */
button,
input,
select,
textarea {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: none;
  border-radius: 0;
  box-shadow: none;
  border: 0;
}

/* 4) 커서 */
button,
[role="button"] {
  cursor: pointer;
}

/* 5) 인용부호 초기화 */
blockquote,
q {
  quotes: none;
}
blockquote::before,
blockquote::after,
q::before,
q::after {
  content: "";
}

/* 6) 본문 기본 폰트 */
body {
  font-family: "Paperlogy", sans-serif;
  line-height: 1.5;
  color: inherit;
}

/* 7) 모든 텍스트 통일 */
p,
a,
small,
strong,
em,
i,
b,
u,
mark,
s,
del,
ins,
sub,
sup,
code,
pre,
samp,
kbd,
var,
abbr,
cite,
q,
dfn,
blockquote,
address,
time,
data,
meter,
progress,
label,
legend,
caption,
figcaption,
summary,
details,
li,
dt,
dd,
th,
td,
option,
h1,
h2,
h3,
h4,
h5,
h6,
button,
input,
select,
textarea {
  font-family: "Paperlogy", sans-serif;
  line-height: 1.5;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.5;
  color: inherit;
  word-break: keep-all;
}

/* 8) 플레이스홀더도 20px */
input::placeholder,
textarea::placeholder {
  font-size: 2rem;
  line-height: 1.5;
}

/* 9) 모노스페이스 코드 블록을 써도 크기는 20px 유지 */
pre,
code,
kbd,
samp {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
    "Liberation Mono", "Courier New", monospace;
}

/* 모바일 터치 하이라이트 제거 */
a,
button {
  -webkit-tap-highlight-color: transparent;
}

/* 클릭(마우스/터치) 포커스 outline 제거 */
a:focus,
button:focus {
  outline: none;
}

/* 키보드로 이동할 때만 포커스 표시 */
a:focus-visible,
button:focus-visible {
  outline: 2px solid #1e88e5; /* 브랜드 컬러 */
  outline-offset: 2px;
  border-radius: 8px;
}