*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--ink,#252521);outline-offset:4px}img{max-width:100%;height:auto}button{color:inherit}.article{position:relative;text-align:left}.article-meta,.article-title,.article-summary{display:block}.article-meta{font-size:12px;line-height:1.5}.article-title{font-weight:700;line-height:1.35}.article-summary{font-size:14px;line-height:1.65}.article-arrow{position:absolute;right:20px;top:20px}.article-dialog{background:var(--surface,#fff);color:var(--ink,#252521);border:1px solid var(--line,#ded9d0);border-radius:20px;padding:40px;width:min(620px,calc(100% - 32px));max-height:85vh;line-height:1.7}.article-dialog::backdrop{background:#15202c88;backdrop-filter:blur(4px)}.dialog-close{float:right;background:transparent;border:0;font-size:30px;line-height:1}.article-dialog h2{font-size:30px;line-height:1.2}.sample-note{font-size:12px;opacity:.7;border-top:1px solid var(--line,#ded9d0);padding-top:20px}.empty-state{grid-column:1/-1;padding:40px 20px}.empty-state button{padding:10px 18px;border:1px solid currentColor;background:transparent;border-radius:8px}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}