.generated-article{color:#0b0b0e;background:#fafaf7;min-height:100vh}.generated-article__header,.generated-article__body{width:min(100% - 3rem,1180px);margin:0 auto}.generated-article__header{padding:4rem 0 3rem}.generated-article__back{color:#38383d;font:700 .875rem/1.25 var(--font-jetbrains-mono), monospace;letter-spacing:.08em;text-transform:uppercase;margin-bottom:3rem;text-decoration:none;display:inline-block}.generated-article__category{color:#59616b;font:700 .875rem/1.25 var(--font-jetbrains-mono), monospace;letter-spacing:.08em;text-transform:uppercase;margin:0 0 1rem}.generated-article h1{max-width:1050px;font:900 clamp(2.5rem, 6vw, 5rem) / 1 var(--font-inter), sans-serif;letter-spacing:-.04em;text-transform:uppercase;margin:0}.generated-article__byline{align-items:center;gap:.75rem;margin:2rem 0;display:flex}.generated-article__byline div{flex-direction:column;display:flex}.generated-article__byline span,.generated-article__byline p{color:#59616b;font-size:.875rem}.generated-article__byline p{margin-left:auto}.generated-article__avatar{object-fit:cover;border-radius:999px}.generated-article__hero{aspect-ratio:16/9;background:#e7e1d6;border-radius:1.5rem;position:relative;overflow:hidden}.generated-article__body{max-width:820px;font:400 1.125rem/1.75 var(--font-inter), sans-serif;padding-bottom:6rem}.generated-article__body h2{margin:3.5rem 0 1rem;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:900;line-height:1.1}.generated-article__body h3{margin:2.25rem 0 .75rem;font-size:1.35rem;font-weight:800}.generated-article__body p,.generated-article__body ul,.generated-article__body ol,.generated-article__body table{margin:0 0 1.25rem}.generated-article__body a{color:#155e75;text-underline-offset:.2em;text-decoration:underline}.generated-article__body table{border-collapse:collapse;width:100%;font-size:.95rem}.generated-article__body th,.generated-article__body td{text-align:left;vertical-align:top;border:1px solid #dcdce0;padding:.8rem}.generated-article__body th{background:#c5ddd7}@media (max-width:640px){.generated-article__header,.generated-article__body{width:min(100% - 2rem,1180px)}.generated-article__header{padding-top:2rem}.generated-article__back{margin-bottom:2rem}.generated-article__byline{flex-wrap:wrap;align-items:flex-start}.generated-article__byline p{width:100%;margin:.5rem 0 0}.generated-article__hero{border-radius:1rem}.generated-article__body{font-size:1rem;overflow-x:auto}}