/* Article reading layout, scoped away from the chat and writing tool layouts. */
.gpo-article-page {--reading-panel:var(--elevated, #1c1226)}
.gpo-article-page .article-header {padding-top:32px;padding-bottom:0}
.gpo-article-page .article-header .section-kicker {margin-bottom:12px}
.gpo-article-page .article-byline {gap:14px;flex-wrap:wrap}
.gpo-article-page .article-byline>span {font-size:14px;line-height:1.6}
.gpo-article-page .article-byline .muted {font-size:13px}
.gpo-article-page .article-byline a:hover {color:var(--accent);text-decoration:underline}
.gpo-article-page .gpo-post-cover img {display:block;max-height:560px;object-fit:contain;background:var(--reading-panel)}
.gpo-nocturne .gpo-reading-layout {display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:64px;align-items:start;padding-top:24px;padding-bottom:48px}
.gpo-reading-main {grid-column:1;grid-row:1;min-width:0}
.gpo-nocturne .gpo-reading-layout>.article-toc {grid-column:2;grid-row:1;position:sticky;top:112px;display:block;min-width:0;max-height:none;overflow:visible;padding:0 4px 8px 0}
.gpo-reading-toc {border:1px solid var(--line);border-radius:16px;background:var(--reading-panel);padding:18px 20px}
.gpo-reading-toc[hidden] {display:none}
.gpo-reading-toc summary {font-size:15px;font-weight:650;cursor:pointer;color:var(--text);list-style-position:inside}
.gpo-nocturne .gpo-reading-toc nav {gap:0;max-height:32vh;margin-top:12px}
.gpo-nocturne .gpo-reading-toc nav a {display:block;font-size:14px;line-height:1.55;padding:9px 0;color:var(--muted);border-top:1px solid var(--line)}
.gpo-nocturne .gpo-reading-toc nav a:hover {color:var(--accent)}
.gpo-reading-latest {margin-top:28px}
.gpo-reading-latest .section-kicker {margin-bottom:8px;font-size:10px}
.gpo-reading-latest h2 {font-size:22px;letter-spacing:-.5px;margin-bottom:8px}
.gpo-reading-latest ol {list-style:none;padding:0;margin:0 0 18px;counter-reset:story}
.gpo-reading-latest li {position:relative;padding:18px 0 18px 32px;border-bottom:1px solid var(--line);counter-increment:story}
.gpo-reading-latest li:before {content:counter(story,decimal-leading-zero);position:absolute;left:0;top:19px;font-size:12px;color:var(--accent)}
.gpo-reading-latest li a {display:block;font-size:15px;line-height:1.5;font-weight:600}
.gpo-reading-latest li a:hover {color:var(--accent);text-decoration:underline;text-underline-offset:4px}
.gpo-reading-latest time,.gpo-reading-copy time {display:block;font-size:12px;color:var(--muted);margin-top:8px}
.gpo-nocturne .gpo-reading-main .article-body {min-width:0;font-size:18px;line-height:1.85;overflow-wrap:break-word}
.gpo-reading-author {display:flex;gap:20px;border-top:1px solid var(--line);margin-top:40px;padding-top:28px}
.gpo-reading-avatar {width:52px;height:52px;flex:0 0 52px;border-radius:50%;display:grid;place-items:center;background:var(--reading-panel);color:var(--accent);border:1px solid var(--line);font-size:22px}
.gpo-reading-author .section-kicker {font-size:10px;margin-bottom:8px}
.gpo-reading-author h2 {font-size:21px;letter-spacing:-.4px;margin-bottom:10px}
.gpo-reading-author p {color:var(--muted);font-size:15px;line-height:1.7;margin-bottom:12px}
.gpo-reading-related {padding-top:36px;padding-bottom:56px;border-top:1px solid var(--line)}
.gpo-reading-section-head {display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}
.gpo-reading-section-head .section-kicker {margin-bottom:10px}
.gpo-reading-section-head h2 {font-size:32px;letter-spacing:-1px;margin-bottom:0}
.gpo-reading-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.gpo-reading-card {min-width:0;border:1px solid var(--line);border-radius:16px;background:var(--reading-panel);overflow:hidden}
.gpo-reading-card>a {display:flex;flex-direction:column;height:100%;color:var(--text)}
.gpo-reading-image {aspect-ratio:16/10;overflow:hidden;background:linear-gradient(135deg,#341743,#18102b);display:grid;place-items:center}
.gpo-reading-image img {display:block;width:100%;height:100%;object-fit:cover;transition:transform .2s}
.gpo-reading-image .icon {width:52px;height:52px;color:#ecb6ff;stroke-width:1}
.gpo-reading-card:hover img {transform:scale(1.025)}
.gpo-reading-copy {display:flex;flex:1;flex-direction:column;padding:20px}
.gpo-reading-copy time {margin:0 0 12px}
.gpo-reading-copy h3 {font-size:19px;line-height:1.45;letter-spacing:-.3px;overflow-wrap:anywhere;margin-bottom:22px}
.gpo-reading-copy .text-link {margin-top:auto;font-size:13px}
.gpo-reading-card:hover h3 {color:var(--accent)}
html[data-gpo-theme="light"] .gpo-article-page {--reading-panel:#fff}
html[data-gpo-theme="light"] .gpo-reading-image {background:linear-gradient(135deg,#eee2f9,#e3e9ff)}
html[data-gpo-theme="light"] .gpo-reading-image .icon {color:#7d249f}
@media(max-width:1100px){.gpo-nocturne .gpo-reading-layout{gap:36px;grid-template-columns:minmax(0,1fr) 250px}.gpo-reading-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){
 .gpo-nocturne .gpo-reading-layout{grid-template-columns:minmax(0,1fr);gap:24px;padding-top:12px}
 .gpo-nocturne .gpo-reading-layout>.article-toc{grid-column:1;grid-row:1;position:static;max-height:none;overflow:visible;padding:0}
 .gpo-reading-main{grid-column:1;grid-row:2}
 .gpo-reading-latest{display:none}
 .gpo-reading-layout .article-toc.gpo-no-headings{display:none}
 .gpo-reading-section-head{align-items:start;flex-direction:column;gap:14px}
 .gpo-reading-section-head h2{font-size:28px}
}
@media(max-width:600px){
 .gpo-reading-grid{grid-template-columns:minmax(0,1fr);gap:20px}
 .gpo-nocturne .gpo-reading-main .article-body{font-size:17px;line-height:1.85}
 .gpo-reading-author{gap:14px}.gpo-reading-avatar{width:40px;height:40px;flex-basis:40px;font-size:18px}
 .gpo-reading-related{padding-block:28px 36px}.gpo-reading-copy h3{font-size:20px}
 .gpo-article-page .article-header{padding-top:22px}
}
@media(prefers-reduced-motion:reduce){.gpo-reading-image img{transition:none}}