.pages-main { padding-top: clamp(var(--spacing-padding-top-4rem-a517504), var(--spacing-padding-8vw-5f0e2b1), var(--spacing-padding-top-8rem-7a94d48)); padding-bottom: var(--spacing-padding-bottom-7rem-c899fa2); }
.page-lead { max-width: var(--geometry-width-68rem-865fb44); padding-bottom: clamp(var(--spacing-padding-3rem-550d167), var(--spacing-padding-top-6vw-f89fcb9), var(--spacing-padding-6rem-894c01c)); }
.page-lead h1 { max-width: var(--geometry-max-width-66rem-4de6c58); margin: var(--spacing-margin-4rem-7fdc8b1) 0 var(--spacing-padding-1-5rem-b81aec4); font-family: var(--font-display); font-size: clamp(var(--typography-font-size-3-6rem-d6bd502), var(--typography-font-size-9vw-c38c327), var(--typography-font-size-8rem-7a94d48)); font-weight: var(--typography-font-weight-500-0604cd3); letter-spacing: var(--typography-letter-spacing-075em-532b89e); line-height: var(--typography-line-height-96-0818204); text-wrap: balance; }
.page-lead h1 em { color: var(--violet); font-weight: var(--typography-font-weight-400-26d2286); }
.page-lead > p:last-of-type { max-width: var(--geometry-max-width-42rem-1c03b3d); margin: 0; color: var(--muted); font-size: clamp(var(--typography-font-size-1-08rem-30563c5), var(--typography-font-size-1-8vw-993d7d6), var(--typography-font-size-1-38rem-feed70b)); line-height: var(--typography-line-height-1-6-ec6c168); }
.page-jump { display: flex; margin-top: var(--spacing-padding-2-5rem-fb391dd); gap: var(--spacing-gap-55rem-f5020a7); flex-wrap: wrap; }
.page-jump a { display: inline-flex; padding: var(--spacing-padding-62rem-936c74c) var(--spacing-gap-8rem-818b9f7); align-items: center; gap: var(--spacing-margin-4rem-7fdc8b1); border: var(--geometry-border-1px-93e2062) solid var(--line); color: var(--muted); font-size: var(--typography-font-size-7rem-7eff2a1); font-weight: var(--typography-font-weight-700-99ee502); transition: border-color var(--motion-transition-240ms-d29a1d7), color var(--motion-transition-240ms-d29a1d7), transform var(--motion-transition-240ms-d29a1d7) var(--ease-out); }
.page-jump img { width: var(--geometry-width-1-35rem-0c0025b); height: var(--geometry-width-1-35rem-0c0025b); object-fit: contain; }
.page-jump a:hover { border-color: var(--cyan); color: var(--cyan); transform: translateY(-2px); }
.page-resource { padding-top: clamp(var(--spacing-padding-3rem-550d167), var(--spacing-padding-top-6vw-f89fcb9), var(--spacing-padding-6rem-894c01c)); border-top: var(--geometry-border-1px-93e2062) solid var(--line); }
.page-resource h2, .prose-panel h2 { margin: 0 0 var(--spacing-padding-2rem-bca5ebd); font-family: var(--font-display); font-size: clamp(var(--typography-font-size-2rem-bca5ebd), var(--typography-font-size-4vw-3bfef1b), var(--typography-font-size-4rem-a517504)); font-weight: var(--typography-font-weight-500-0604cd3); letter-spacing: var(--typography-letter-spacing-055em-992504f); }
.resource-list { border-top: var(--geometry-border-1px-93e2062) solid var(--line); }.resource-list a { display: flex; min-height: var(--geometry-min-height-4-5rem-41dca9e); padding: var(--spacing-padding-1rem-b8be0c7) 0; border-bottom: var(--geometry-border-1px-93e2062) solid var(--line); align-items: center; justify-content: space-between; gap: var(--spacing-padding-1rem-b8be0c7); font-size: var(--typography-font-size-1-1rem-14af91b); transition: padding var(--dur-major) var(--ease-out), color var(--dur-major); }.resource-list a:hover { padding-inline: var(--spacing-padding-1rem-b8be0c7); color: var(--cyan); }
.prose-panel { display: grid; padding: clamp(var(--spacing-padding-2-5rem-fb391dd), var(--spacing-padding-top-5vw-897330e), var(--spacing-padding-top-5rem-8a37694)) 0; border-top: var(--geometry-border-1px-93e2062) solid var(--line); grid-template-columns: minmax(12rem, .7fr) minmax(0, 1.3fr); gap: var(--spacing-padding-top-4rem-a517504); }
.prose-panel__label { color: var(--cyan); font-size: var(--typography-font-size-66rem-358ab2c); font-weight: var(--typography-font-weight-800-1a1cf79); letter-spacing: var(--typography-letter-spacing-13em-7a49b51); text-transform: uppercase; }
.prose-panel p, .prose-panel li { max-width: var(--geometry-max-width-42rem-1c03b3d); color: var(--muted); font-size: var(--typography-font-size-1-03rem-24af268); line-height: var(--typography-line-height-1-7-8f65223); }.prose-panel p:first-child { margin-top: 0; }.prose-panel a { color: var(--cyan); text-decoration: underline; text-underline-offset: var(--geometry-text-underline-offset-25em-5b1a673); }.prose-panel ul { padding-left: var(--spacing-padding-left-1-1rem-14af91b); }
.pages-footer { display: flex; align-items: start; justify-content: space-between; gap: var(--spacing-padding-2rem-bca5ebd); }.pages-footer nav { display: flex; gap: var(--spacing-padding-75rem-4cf1798) var(--spacing-padding-1-5rem-b81aec4); flex-wrap: wrap; }.pages-footer nav a { color: var(--muted); font-size: var(--typography-font-size-73rem-a42d0b1); }
.account-layout { display: grid; min-height: calc(100svh - var(--header-h)); padding-top: clamp(var(--spacing-padding-3rem-550d167), var(--spacing-padding-top-6vw-f89fcb9), var(--spacing-padding-6rem-894c01c)); padding-bottom: var(--spacing-padding-6rem-894c01c); grid-template-columns: minmax(17rem, .75fr) minmax(0, 1.25fr); gap: clamp(var(--spacing-padding-2rem-bca5ebd), var(--spacing-padding-7vw-0738a04), var(--spacing-padding-top-8rem-7a94d48)); align-items: start; }
.account-layout > .community-status { grid-column: 1 / -1; margin: var(--spacing-margin-1rem-eb40a9a) 0 0; }
.account-rail { position: sticky; top: calc(var(--header-h) + 2rem); padding-bottom: var(--spacing-padding-2rem-bca5ebd); }
.account-rail h1 { max-width: var(--geometry-max-width-31rem-d0bd00d); margin: var(--spacing-margin-2rem-4cd30ed) 0 var(--spacing-padding-1-5rem-b81aec4); font-family: var(--font-display); font-size: clamp(var(--typography-font-size-2-8rem-a6a423c), var(--typography-font-size-4-8vw-69d3f4a), var(--typography-font-size-5rem-8a37694)); font-weight: var(--typography-font-weight-500-0604cd3); letter-spacing: var(--typography-letter-spacing-065em-a5b15af); line-height: var(--typography-line-height-1-6b86b27); }
.account-rail > p:not(.kicker) { max-width: var(--geometry-width-24rem-6884711); color: var(--muted); font-size: var(--typography-font-size-1rem-b8be0c7); line-height: var(--typography-line-height-1-6-ec6c168); }
.account-rail nav { display: grid; margin-top: var(--spacing-padding-3rem-550d167); border-top: var(--geometry-border-1px-93e2062) solid var(--line); }
.account-rail nav a { padding: var(--spacing-padding-1rem-b8be0c7) 0; border-bottom: var(--geometry-border-1px-93e2062) solid var(--line); color: var(--cyan); font-size: var(--typography-font-size-8rem-818b9f7); font-weight: var(--typography-font-weight-750-64d095f); transition: padding var(--motion-transition-240ms-d29a1d7) var(--ease-out), color var(--motion-transition-240ms-d29a1d7); }
.account-rail nav a:hover { padding-left: var(--spacing-gap-7rem-7eff2a1); color: var(--ink); }
.account-layout .account-page { width: 100%; max-width: none; margin: 0; padding: var(--spacing-margin-1-6rem-9ef54f1); border: var(--geometry-border-1px-93e2062) solid var(--line); background: var(--panel); }
.account-layout .account-page h2:first-child { margin: 0 0 var(--spacing-padding-1-5rem-b81aec4); color: var(--ink); font-family: var(--font-display); font-size: clamp(var(--typography-font-size-2rem-bca5ebd), var(--typography-font-size-3vw-0f15e21), var(--typography-font-size-3rem-550d167)); font-weight: var(--typography-font-weight-500-0604cd3); letter-spacing: var(--typography-letter-spacing-05em-ea898e2); }
.account-layout .account-page h2:not(:first-child) { margin-top: var(--spacing-padding-2-5rem-fb391dd); padding-top: var(--spacing-padding-1-5rem-b81aec4); border-top: var(--geometry-border-1px-93e2062) solid var(--line); font-size: var(--typography-font-size-1-25rem-c10b7e1); }
.account-layout .account-page a { color: var(--cyan); }
.account-layout .account-page button { border-radius: var(--geometry-outline-2px-7476140); transition: border-color var(--public-dur-hover), background-color var(--public-dur-hover), transform var(--public-dur-hover) 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: var(--spacing-padding-1-4rem-2569574) 0; }
.error-page { position: relative; display: grid; min-height: min(var(--geometry-min-height-45rem-3b26d41), calc(100svh - var(--header-h))); padding-top: var(--spacing-padding-top-5rem-8a37694); padding-bottom: var(--spacing-padding-top-5rem-8a37694); align-items: center; overflow: hidden; }
.error-page > div { position: relative; z-index: 1; max-width: var(--geometry-max-width-48rem-21b5386); }
.error-page h1 { margin: var(--spacing-margin-5rem-ef026cb) 0 var(--spacing-padding-1-5rem-b81aec4); font-family: var(--font-display); font-size: clamp(var(--typography-font-size-3-8rem-a6c9f84), var(--typography-font-size-8vw-5f0e2b1), var(--typography-font-size-8rem-7a94d48)); font-weight: var(--typography-font-weight-500-0604cd3); letter-spacing: var(--typography-letter-spacing-075em-532b89e); line-height: var(--typography-line-height-96-0818204); }
.error-page p:not(.kicker) { max-width: var(--geometry-max-width-33rem-11c77ab); color: var(--muted); font-size: var(--typography-font-size-1-13rem-a22e715); line-height: var(--typography-line-height-1-6-ec6c168); }
@media (max-width: 720px) { .prose-panel { grid-template-columns: 1fr; gap: var(--spacing-padding-1-5rem-b81aec4); }.pages-footer { flex-direction: column; } }
@media (max-width: 900px) { .account-layout { grid-template-columns: 1fr; }.account-rail { position: static; }.account-rail nav { margin-top: var(--spacing-padding-1-5rem-b81aec4); }.account-layout .account-page { padding: var(--spacing-padding-1-2rem-a7b00d3); } }

/* Icons and words are centered by their boxes, the words keeping the font's full line (never trimmed: styles.css). */