.pages-main { padding-top: clamp(4rem, 8vw, 8rem); padding-bottom: 7rem; }
.page-lead { max-width: 68rem; padding-bottom: clamp(3rem, 6vw, 6rem); }
.page-lead h1 { max-width: 66rem; margin: .4rem 0 1.5rem; font-family: Georgia, "Times New Roman", serif; font-size: clamp(3.6rem, 9vw, 8rem); font-weight: 500; letter-spacing: -.075em; line-height: .96; text-wrap: balance; }
.page-lead h1 em { color: var(--violet); font-weight: 400; }
.page-lead > p:last-of-type { max-width: 42rem; margin: 0; color: var(--muted); font-size: clamp(1.08rem, 1.8vw, 1.38rem); line-height: 1.6; }
.page-jump { display: flex; margin-top: 2.5rem; gap: .55rem; flex-wrap: wrap; }
.page-jump a { display: inline-flex; padding: .62rem .8rem; align-items: center; gap: .4rem; border: 1px solid var(--line); color: var(--muted); font-size: .7rem; font-weight: 700; transition: border-color 240ms, color 240ms, transform 240ms var(--ease-out); }
.page-jump img { width: 1.35rem; height: 1.35rem; object-fit: contain; }
.page-jump a:hover { border-color: var(--cyan); color: var(--cyan); transform: translateY(-2px); }
.bot-profile { --bot-color: var(--cyan); display: grid; padding: clamp(2.5rem, 5vw, 5rem) 0; border-top: 1px solid var(--line); grid-template-columns: minmax(12rem, .7fr) minmax(0, 1.3fr); gap: 4rem; scroll-margin-top: calc(var(--header-h) + 1rem); }
.bot-profile__index { display: flex; align-items: start; flex-direction: column; justify-content: space-between; gap: 2rem; color: var(--bot-color); font-size: .65rem; font-weight: 800; letter-spacing: .13em; }
.bot-profile__avatar { display: block; width: clamp(9rem, 15vw, 13rem); max-width: 100%; height: auto; aspect-ratio: 1; object-fit: contain; filter: drop-shadow(0 .5rem 1.1rem #0005); }
.bot-profile h2 { margin: 0 0 1rem; font-family: Georgia, "Times New Roman", serif; font-size: clamp(3.5rem, 7vw, 7rem); font-weight: 500; letter-spacing: -.07em; line-height: 1; }
.bot-profile p { max-width: 36rem; margin: 0; color: var(--muted); font-size: clamp(1.1rem, 1.6vw, 1.34rem); line-height: 1.6; }
.bot-profile__links { display: flex; margin-top: 2rem; gap: .55rem; flex-wrap: wrap; }
.bot-profile__links a { padding: .65rem .8rem; border: 1px solid var(--line); color: var(--bot-color); font-size: .72rem; font-weight: 700; transition: border-color 220ms, background-color 220ms; }
.bot-profile__links a:hover { border-color: var(--bot-color); background: color-mix(in srgb, var(--bot-color) 8%, transparent); }
.bot-profile--disco { --bot-color: var(--pink); }.bot-profile--custodian { --bot-color: var(--green); }.bot-profile--ticker { --bot-color: var(--amber); }
.page-resource { padding-top: clamp(3rem, 6vw, 6rem); border-top: 1px solid var(--line); }
.page-resource h2, .prose-panel h2 { margin: 0 0 2rem; font-family: Georgia, "Times New Roman", serif; font-size: clamp(2rem, 4vw, 4rem); font-weight: 500; letter-spacing: -.055em; }
.resource-list { border-top: 1px solid var(--line); }.resource-list a { display: flex; min-height: 4.5rem; padding: 1rem 0; border-bottom: 1px solid var(--line); align-items: center; justify-content: space-between; gap: 1rem; font-size: 1.1rem; transition: padding 300ms var(--ease-out), color 300ms; }.resource-list a:hover { padding-inline: 1rem; color: var(--cyan); }
.prose-panel { display: grid; padding: clamp(2.5rem, 5vw, 5rem) 0; border-top: 1px solid var(--line); grid-template-columns: minmax(12rem, .7fr) minmax(0, 1.3fr); gap: 4rem; }
.prose-panel__label { color: var(--cyan); font-size: .66rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.prose-panel p, .prose-panel li { max-width: 42rem; color: var(--muted); font-size: 1.03rem; line-height: 1.7; }.prose-panel p:first-child { margin-top: 0; }.prose-panel a { color: var(--cyan); text-decoration: underline; text-underline-offset: .25em; }.prose-panel ul { padding-left: 1.1rem; }
.pages-footer { display: flex; align-items: start; justify-content: space-between; gap: 2rem; }.pages-footer nav { display: flex; gap: .75rem 1.5rem; flex-wrap: wrap; }.pages-footer nav a { color: var(--muted); font-size: .73rem; }
.account-layout { display: grid; min-height: calc(100svh - var(--header-h)); padding-top: clamp(3rem, 6vw, 6rem); padding-bottom: 6rem; grid-template-columns: minmax(17rem, .75fr) minmax(0, 1.25fr); gap: clamp(2rem, 7vw, 8rem); align-items: start; }
.account-layout > .community-status { grid-column: 1 / -1; margin: -1rem 0 0; }
.account-rail { position: sticky; top: calc(var(--header-h) + 2rem); padding-bottom: 2rem; }
.account-rail h1 { max-width: 31rem; margin: .2rem 0 1.5rem; font-family: Georgia, "Times New Roman", serif; font-size: clamp(2.8rem, 4.8vw, 5rem); font-weight: 500; letter-spacing: -.065em; line-height: 1; }
.account-rail > p:not(.kicker) { max-width: 24rem; color: var(--muted); font-size: 1rem; line-height: 1.6; }
.account-rail nav { display: grid; margin-top: 3rem; border-top: 1px solid var(--line); }
.account-rail nav a { padding: 1rem 0; border-bottom: 1px solid var(--line); color: var(--cyan); font-size: .8rem; font-weight: 750; transition: padding 240ms var(--ease-out), color 240ms; }
.account-rail nav a:hover { padding-left: .7rem; color: var(--ink); }
.account-layout .account-page { width: 100%; max-width: none; margin: 0; padding: 1.6rem; border: 1px solid var(--line); background: var(--panel); }
.account-layout .account-page h2:first-child { margin: 0 0 1.5rem; color: var(--ink); font-family: Georgia, "Times New Roman", serif; font-size: clamp(2rem, 3vw, 3rem); font-weight: 500; letter-spacing: -.05em; }
.account-layout .account-page h2:not(:first-child) { margin-top: 2.5rem; padding-top: 1.5rem; border-top: 1px solid var(--line); font-size: 1.25rem; }
.account-layout .account-page a { color: var(--cyan); }
.account-layout .account-page button { border-radius: 2px; transition: border-color 250ms, background-color 250ms, transform 250ms var(--ease-out); }
.account-layout .account-page button:hover { background: var(--panel-strong); transform: translateY(-2px); }
.account-layout .topic-preferences fieldset { border-color: var(--line); }
.account-layout .saved-list article { padding: 1.4rem 0; }
.error-page { position: relative; display: grid; min-height: min(45rem, calc(100svh - var(--header-h))); padding-top: 5rem; padding-bottom: 5rem; align-items: center; overflow: hidden; }
.error-page > div { position: relative; z-index: 1; max-width: 48rem; }
.error-page h1 { margin: .5rem 0 1.5rem; font-family: Georgia, "Times New Roman", serif; font-size: clamp(3.8rem, 8vw, 8rem); font-weight: 500; letter-spacing: -.075em; line-height: .96; }
.error-page p:not(.kicker) { max-width: 33rem; color: var(--muted); font-size: 1.13rem; line-height: 1.6; }
@media (max-width: 720px) { .bot-profile, .prose-panel { grid-template-columns: 1fr; gap: 1.5rem; }.bot-profile__index { flex-direction: row; align-items: center; }.bot-profile__avatar { width: clamp(4.25rem, 17vw, 6rem); }.pages-footer { flex-direction: column; } }
@media (max-width: 900px) { .account-layout { grid-template-columns: 1fr; }.account-rail { position: static; }.account-rail nav { margin-top: 1.5rem; }.account-layout .account-page { padding: 1.2rem; } }