:root{font-family:Arial,"Malgun Gothic",sans-serif;color:#171716;background:#fff;--muted:#777773;--accent:#a34e31;--line:#e5e3de}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px}header{height:88px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:22px;font-weight:800;letter-spacing:-1px}.header-note{font-size:12px;color:var(--muted)}main{width:min(100% - 64px,960px);margin:88px auto 0}.eyebrow{font-size:12px;color:var(--accent);letter-spacing:1.5px;font-weight:700;margin-bottom:40px}h1{font-size:clamp(36px,5vw,56px);line-height:1.18;letter-spacing:-2px;margin:20px 0 60px;font-weight:750}.section-label{font-size:13px;color:var(--muted);padding-bottom:18px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.entry{padding:32px 0 34px;border-bottom:1px solid var(--line)}.meta{font-size:12px;color:var(--muted);display:flex;gap:16px;align-items:center}.tag{color:var(--accent)}.entry-title{display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:26px;font-weight:700;letter-spacing:-.7px;margin:17px 0 24px}.entry-title:hover{color:var(--accent)}.arrow{font-size:30px;font-weight:400}.demo-link{font-size:13px;color:var(--muted);display:inline-flex;gap:8px;align-items:center;padding:8px 0}.demo-link:hover{color:var(--accent)}footer{width:min(100% - 64px,960px);margin:100px auto 32px;display:flex;justify-content:space-between;color:#8b8b85;font-size:11px;letter-spacing:1px}.back{font-size:13px;color:var(--accent)}.video-page h1{font-size:36px;margin-bottom:20px}.video-page video{display:block;width:100%;max-height:65vh;background:#fff;border-radius:12px;margin-top:32px}.video-page .meta{margin-top:20px}.skip{position:absolute;top:-100px;left:16px;background:#fff;padding:10px}.skip:focus{top:16px}@media(max-width:600px){header{height:72px;padding:0 24px}.brand{font-size:19px}.header-note{font-size:10px}main{width:calc(100% - 48px);margin-top:60px}h1{margin-bottom:48px;letter-spacing:-1.5px}.entry-title{font-size:23px;line-height:1.35;align-items:flex-start}.entry{padding:28px 0}.meta{font-size:11px;gap:12px}footer{width:calc(100% - 48px);margin-top:80px;font-size:9px}.video-page h1{font-size:28px}.video-page video{max-height:70vh}}