:root{color-scheme:light;color:#111;font-synthesis:none;text-rendering:optimizelegibility;background:#fff;font-family:Arial,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0;font-size:16px;line-height:1.7}a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:1px}a:focus-visible{outline-offset:4px;outline:2px solid}hr{border:0;border-top:1px solid #111}.skip-link{z-index:1;background:#fff;padding:6px 10px;position:fixed;top:12px;left:12px;transform:translateY(-200%)}.skip-link:focus{transform:none}.site-header,main,footer{width:min(100% - 48px,760px);margin-inline:auto}.site-header{align-items:center;min-height:96px;display:flex}.brand{letter-spacing:-.01em;font-size:clamp(1.5rem,4vw,2rem);font-weight:700;text-decoration:none}.brand:hover{text-decoration:underline}.posts{padding:0}.section-heading{border-bottom:1px solid #111;justify-content:space-between;align-items:baseline;padding-bottom:12px;display:flex}.section-heading h2,.section-heading p{letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:700}.section-heading p{color:#666;font-weight:400}.post-list{--column-gap:clamp(20px, 4vw, 32px);grid-template-columns:repeat(auto-fit, minmax(min(220px, calc((100% - var(--column-gap)) / 2)), 1fr));gap:clamp(28px, 5vw, 44px) var(--column-gap);margin:0;padding:0;list-style:none;display:grid}.post-list a{flex-direction:column;gap:14px;height:100%;text-decoration:none;display:flex}.post-thumbnail{aspect-ratio:1;object-fit:cover;border-radius:3px;width:100%;height:auto;display:block}.post-thumbnail-placeholder{background:#f2f2f2}.post-list h3{letter-spacing:-.025em;text-wrap:pretty;margin:0;font-size:clamp(1.125rem,2.5vw,1.375rem);line-height:1.4}.post-list time{color:#666;white-space:nowrap;padding-top:.35em;font-size:.75rem}.post-list a:hover h3{text-underline-offset:.16em;text-decoration:underline 1px}.contact{max-width:680px;margin:clamp(16px,3vw,32px) 0 clamp(32px,5vw,48px)}.contact h1{letter-spacing:-.055em;border-bottom:1px solid #111;margin:0 0 clamp(24px,4vw,36px);padding-bottom:clamp(20px,3vw,32px);font-size:2rem;line-height:1.15}.contact-form{gap:10px;display:grid}.contact-form label{font-size:.875rem;font-weight:700}.contact-form input,.contact-form textarea{color:#111;width:100%;font:inherit;resize:vertical;background:#fff;border:1px solid #777;border-radius:3px;padding:12px 14px;line-height:1.7;display:block}.contact-form input{resize:none;margin-bottom:10px}.contact-form textarea{min-height:11rem}.contact-form input:focus-visible,.contact-form textarea:focus-visible{outline-offset:2px;outline:2px solid #111}.contact-meta{color:#666;justify-content:space-between;align-items:baseline;gap:16px;min-height:1.7em;font-size:.75rem;display:flex}.contact-status{color:#333}.contact-count{white-space:nowrap;margin-left:auto}.cf-turnstile{min-height:65px;margin-top:4px}.contact-config-error{color:#8b1a1a;margin:4px 0 0;font-size:.875rem}.contact-form button{color:#fff;font:inherit;cursor:pointer;background:#111;border:1px solid #111;border-radius:3px;justify-self:start;margin-top:4px;padding:9px 22px;font-weight:700}.contact-form button:hover:not(:disabled){color:#111;background:#fff}.contact-form button:focus-visible{outline-offset:3px;outline:2px solid #111}.contact-form button:disabled{cursor:wait;opacity:.55}.article-page{max-width:680px;margin:clamp(16px,3vw,32px) 0 clamp(32px,5vw,48px)}.article-page>header{border-bottom:1px solid #111;padding-bottom:clamp(20px,3vw,32px)}.post-meta{color:#666;flex-wrap:wrap;gap:8px 16px;margin:0 0 20px;font-size:.75rem;display:flex}.article-page h1{letter-spacing:-.055em;text-wrap:balance;margin:0;font-size:2rem;line-height:1.15}.prose{padding-top:clamp(24px,4vw,40px);font-size:1rem;line-height:2}.prose>:first-child{margin-top:0}.prose img{max-width:100%;height:auto;display:block}.video-demo{margin:2em 0}.video-demo video{background:#000;width:100%;height:auto;display:block}.video-demo figcaption{color:#666;margin-top:.5em;font-size:.875rem;line-height:1.5}.prose>p:first-child>a:only-child>img:only-child{width:min(220px,52vw);margin-inline:auto}.prose h2{letter-spacing:-.02em;margin:3em 0 1em;font-size:1.4rem;line-height:1.5}.prose p,.prose ul,.prose ol{margin:1.5em 0}.prose li+li{margin-top:.25em}.prose li>p{margin:0}.prose li>ul,.prose li>ol{margin:.25em 0 0}.prose code{background:#f2f2f2;padding:.1em .3em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em}footer{color:#666;justify-content:space-between;align-items:baseline;gap:16px;padding:64px 0 48px;font-size:.75rem;display:flex}footer p{margin:0}@media (width<=600px){.site-header,main,footer{width:min(100% - 32px,760px)}.site-header{min-height:72px}.post-list{gap:28px 16px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}