/* common.css — 모든 브라우저에서 같은 출발선. 색·크기 토큰은 없다. 이 파일은 그대로 복사해 어느 프로젝트에도 넣는다 (blog-design). */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;tab-size:4;line-height:1.5;scrollbar-gutter:stable;color-scheme:light}
body{margin:0;min-height:100dvh;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-wrap:anywhere}
h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd,pre{margin:0}
h1,h2,h3,h4{text-wrap:balance;line-height:1.2}
p,li,dd,blockquote{text-wrap:pretty}
img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}
iframe{border:0}
button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit;margin:0}
button,[role=button]{cursor:pointer;background:none;border:0;padding:0;touch-action:manipulation}
input,textarea{min-width:0}
textarea{resize:vertical;field-sizing:content}
a{color:inherit;text-decoration-thickness:from-font;text-underline-offset:.15em}
:focus-visible{outline:2px solid currentColor;outline-offset:2px}
:focus:not(:focus-visible){outline:none}
[hidden]{display:none!important}
::selection{background:rgba(47,109,246,.25)}
table{border-collapse:collapse;border-spacing:0}
code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;font-size:.95em}
.tnum{font-variant-numeric:tabular-nums}
.safe-x{padding-inline:max(16px,env(safe-area-inset-left)) max(16px,env(safe-area-inset-right))}
.safe-b{padding-bottom:max(16px,env(safe-area-inset-bottom))}
/* 모서리 — corner-shape 를 아는 브라우저(Chrome 139+)만 스쿼클, 나머지는 같은 반지름의 둥근 모서리 */
.corner{border-radius:var(--r,14px)}
@supports (corner-shape:squircle){.corner{corner-shape:squircle}}
/* 움직임을 줄여 달라는 사람 — 장식 애니메이션만 죽이고 상태 변화는 남긴다 */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}
@media (prefers-contrast:more){:focus-visible{outline-width:3px}}
@media print{nav,aside,[data-noprint]{display:none!important}body{color:#000;background:#fff}}