/* Comfortable long-form typography with a persistent table of contents. */
body .migrated-resource.reader-page{padding:132px 24px 80px;background:#faf9fd;color:#30283d}
body .reader-page .migration-wrap{max-width:1180px;width:100%;margin:0 auto}
body .reader-header{padding:0 0 34px;max-width:1000px}
body .reader-back{display:inline-flex;align-items:center;gap:9px;font-size:13px!important;font-weight:600!important;color:#6843b2!important;text-decoration:none;min-height:36px;margin-bottom:16px}body .reader-back::before{content:'←'}
body .reader-header h1{font-size:clamp(30px,3.3vw,43px)!important;line-height:1.22!important;letter-spacing:-.035em!important;font-weight:700!important;margin:0 0 20px!important;color:#2d2539!important;max-width:980px}
body .reader-meta{font-size:13px!important;line-height:1.6!important;font-weight:500;color:#766a83!important;margin:0!important}
body .reader-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:42px;align-items:start}
body .reader-story{min-width:0;background:#fff;border:1px solid #e9e3ef;border-radius:20px;padding:34px}
body .reader-story>.migration-cover{display:block;width:100%;height:auto;max-height:360px;aspect-ratio:1.85;object-fit:cover;border-radius:13px;margin:0 0 34px}
body .reader-page .article-content{font-size:17px!important;line-height:1.85!important;color:#4f455c!important;overflow-wrap:break-word}
body .reader-page .article-content p{font-size:17px!important;line-height:1.85!important;font-weight:400!important;letter-spacing:0!important;color:#4f455c!important;margin:0 0 22px!important}
body .reader-page .article-content h2{font-size:29px!important;line-height:1.35!important;font-weight:700!important;letter-spacing:-.025em!important;color:#30263d!important;margin:48px 0 20px!important;scroll-margin-top:120px}
body .reader-page .article-content h3{font-size:22px!important;line-height:1.45!important;font-weight:650!important;letter-spacing:-.015em!important;color:#382c46!important;margin:30px 0 14px!important;scroll-margin-top:120px}
body .reader-page .article-content h4{font-size:19px!important;line-height:1.5!important;font-weight:650!important;margin:28px 0 12px!important}
body .reader-page .article-content h2+div>h3:first-child{margin-top:26px!important}
body .reader-page .article-content h3>span:first-child{margin-right:6px}
body .reader-page .article-content ul,body .reader-page .article-content ol{padding-left:24px;margin:18px 0 28px!important}
body .reader-page .article-content li{font-size:17px!important;line-height:1.85!important;font-weight:400!important;margin:0 0 12px!important;padding-left:4px;color:#4f455c!important}
body .reader-page .article-content li:last-child{margin-bottom:0!important}body .reader-page .article-content strong{font-weight:650!important;color:#392e47}
body .reader-page .article-content blockquote{padding:20px 24px;margin:30px 0!important;border-left:3px solid #8b65d0;background:#f5f0fc;border-radius:0 12px 12px 0;font-size:17px!important;line-height:1.85!important;color:#554365}
body .reader-page .article-content img{max-width:100%;height:auto;border-radius:10px;margin:16px 0 24px}
body .reader-page .article-content table{max-width:100%;font-size:14px!important;line-height:1.6;border-collapse:collapse;margin:24px 0}
body .reader-page .article-content th,body .reader-page .article-content td{padding:12px;border:1px solid #e5ddea;text-align:left;vertical-align:top}
body .reader-page .article-content a:not(.reader-demo){color:#6942b5;text-underline-offset:3px}
body .reader-aside{position:sticky;top:112px;min-width:0;display:grid;gap:20px}
body .reader-toc{background:#fff;border:1px solid #e5ddec;border-radius:15px;padding:20px}
body .reader-toc summary{font-size:14px!important;line-height:1.5!important;font-weight:700!important;color:#3d2f4c!important;cursor:pointer;list-style-position:outside;margin-left:14px}
body .reader-toc nav{display:grid;gap:5px;margin-top:16px;max-height:calc(100dvh - 390px);min-height:130px;overflow:auto;overscroll-behavior:contain;padding-right:4px}
body .reader-toc nav a{display:block;padding:8px 9px;border-left:2px solid transparent;color:#70617f!important;font-size:12px!important;font-weight:500!important;line-height:1.55!important;text-decoration:none;border-radius:0 5px 5px 0}
body .reader-toc nav .reader-subheading{padding-left:18px;font-size:11px!important}
body .reader-toc nav a:hover,body .reader-toc nav a[aria-current]{border-left-color:#8055c9;background:#f4eefb;color:#5b3697!important}
body .reader-help{padding:22px;border:1px solid #e2d6ef;border-radius:15px;background:linear-gradient(135deg,#f0e8fc,#eef2fc)}
body .reader-help>strong{font-size:16px!important;line-height:1.5!important;color:#473158!important;display:block;margin-bottom:10px}
body .reader-help p{font-size:13px!important;line-height:1.7!important;color:#6b587a!important;margin:0 0 17px!important}
body .reader-page a.reader-demo{display:inline-flex!important;align-items:center;justify-content:center;min-height:46px;max-width:100%;padding:12px 18px;border:1px solid #6840cc;border-radius:9px;background:linear-gradient(115deg,#7044db,#5732be);color:#fff!important;font-size:13px!important;font-weight:650!important;line-height:1.4!important;text-decoration:none;box-shadow:0 4px 12px #51309a14}
body .reader-page a.reader-demo:hover{background:#512ba8}
body .reader-page .article-content .reader-inline-cta{padding:28px!important;margin:38px 0 26px!important;border:1px solid #e2d5f2;border-radius:16px;background:radial-gradient(ellipse at 100% 100%,#d9e8ff88,transparent 65%),linear-gradient(120deg,#f3ecff,#faf7ff)}
body .reader-page .article-content .reader-inline-cta h3{font-size:22px!important;line-height:1.5!important;margin:0 0 20px!important}
body .reader-author{font-size:13px!important;font-weight:500!important;line-height:1.6!important;color:#786984!important;margin:24px 0 0!important;padding-top:20px;border-top:1px solid #eee7f4}
body .reader-pagination{display:grid;grid-template-columns:1fr 1fr;gap:18px;border-top:1px solid #e8e0ef;margin-top:36px;padding-top:28px}
body .reader-pagination>a{display:flex;flex-direction:column;gap:10px;min-width:0;min-height:125px;padding:20px;border:1px solid #e3d8ef;border-radius:13px;background:#faf8fd;text-decoration:none;transition:background .15s}
body .reader-pagination>a:hover{background:#f1eafa}body .reader-pagination>a span{font-size:12px!important;font-weight:600!important;color:#7a5e9b!important;line-height:1.5}
body .reader-pagination>a strong{font-size:16px!important;line-height:1.55!important;font-weight:650!important;color:#433151!important}
body .reader-pagination .reader-previous span::before{content:'← ';}body .reader-pagination .reader-next span::after{content:' →';}body .reader-pagination .reader-next:only-child{grid-column:2}
body .reader-page :focus-visible{outline:3px solid #aa8cdd;outline-offset:4px}
@media(max-width:1000px){body .reader-layout{grid-template-columns:minmax(0,1fr) 230px;gap:25px}body .reader-story{padding:26px}body .reader-toc{padding:17px}}
@media(max-width:900px){body .reader-layout{display:flex;flex-direction:column;gap:24px}body .reader-aside{order:-1;position:static;width:100%}body .reader-help{display:none}body .reader-story{width:100%}body .reader-toc nav{max-height:320px;min-height:0}body .reader-toc nav a{font-size:13px!important}body .reader-toc nav .reader-subheading{font-size:12px!important}}
@media(max-width:600px){body .migrated-resource.reader-page{padding:102px 18px 50px}body .reader-header{padding-bottom:24px}body .reader-header h1{font-size:30px!important;line-height:1.28!important}body .reader-story{padding:20px;border-radius:15px}body .reader-story>.migration-cover{aspect-ratio:1.55;margin-bottom:26px;border-radius:9px}body .reader-page .article-content p,body .reader-page .article-content li{font-size:16px!important;line-height:1.85!important}body .reader-page .article-content h2{font-size:25px!important;line-height:1.4!important;margin:38px 0 18px!important}body .reader-page .article-content h3{font-size:20px!important;margin:26px 0 13px!important}body .reader-pagination{grid-template-columns:1fr;gap:14px}body .reader-pagination .reader-next:only-child{grid-column:auto}body .reader-pagination>a{min-height:110px;padding:17px}body .reader-page .article-content .reader-inline-cta{padding:22px!important}body .reader-page .article-content .reader-inline-cta h3{font-size:20px!important}body .reader-page a.reader-demo{min-height:48px}}
@media(prefers-reduced-motion:reduce){body .reader-pagination>a{transition:none}}