:root{--ink:#111827;--muted:#6b7280;--line:#e5e7eb;--surface:#f7f7f8;--page:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:white;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Apple SD Gothic Neo,Malgun Gothic,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}a,button,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}button,input,select{padding:12px;border:1px solid var(--line);border-radius:8px;background:white;color:var(--ink)}button{background:var(--ink);color:white;transition:background .15s,opacity .15s}input:focus,select:focus{outline:none;border-color:transparent;box-shadow:0 0 0 2px #3b82f6}img{max-width:100%;height:auto}h1{font-size:clamp(30px,5vw,48px);letter-spacing:-.03em}h2{font-size:24px;letter-spacing:-.02em}p{line-height:1.8}main{min-height:60vh}a:focus-visible,button:focus-visible,textarea:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}section{margin-bottom:64px}article{line-height:1.8}small{color:var(--muted)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:8px}::-webkit-scrollbar-track{background:transparent}