.generic-page{margin:0;background:#f3f6f4;color:var(--profile-ink);font-family:Inter,Arial,sans-serif;transition:background .25s ease,color .25s ease}
html[data-theme="dark"] .generic-page{background:#070c0a}
.generic-page__main{width:min(860px,calc(100% - 40px));margin:0 auto;padding:150px 0 80px}
.generic-page__article{padding:clamp(28px,6vw,68px);border:1px solid var(--profile-line);border-radius:28px;background:rgba(255,255,255,.62);box-shadow:0 34px 90px -65px rgba(7,12,10,.65)}
html[data-theme="dark"] .generic-page__article{background:rgba(255,255,255,.035)}
.generic-page__article h1,.generic-page__article h2{font-family:Archivo,Arial,sans-serif;letter-spacing:-.035em}
.generic-page__article h1{margin:0 0 32px;font-size:clamp(42px,7vw,72px);line-height:.98}
.generic-page__article h2{margin:46px 0 14px;font-size:clamp(25px,4vw,34px);line-height:1.08}
.generic-page__article p,.generic-page__article li{color:var(--profile-mid);font-size:16px;line-height:1.75}
.generic-page__article a{color:var(--profile-green);text-underline-offset:3px}
.generic-page__article code{padding:2px 6px;border-radius:6px;background:var(--profile-hover);font-family:var(--profile-mono);font-size:.9em}
.generic-page__footer{display:flex;justify-content:space-between;width:min(860px,calc(100% - 40px));margin:0 auto;padding:0 0 42px;color:var(--profile-mid);font-size:12px}
.generic-page__footer a{color:inherit;text-decoration:none}
@media(max-width:600px){.generic-page__main{width:min(100% - 24px,860px);padding-top:104px}.generic-page__article{padding:26px 20px;border-radius:20px}.generic-page__footer{width:calc(100% - 32px)}}