/* Reading pages extend the existing official purple palette. */
.guide-page{--guide-ink:#2d2350;--guide-muted:#655c86;--guide-accent:#6541bd;--guide-line:#e5def3;--guide-bg:#fbf9ff;margin:0;background:var(--guide-bg);color:var(--guide-ink);font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-size:17px;line-height:1.85;overflow-wrap:anywhere}.guide-page *{box-sizing:border-box}.guide-page a{color:var(--guide-accent);text-underline-offset:4px}.guide-page a:focus-visible{outline:3px solid var(--guide-accent);outline-offset:5px}.guide-page ::selection{background:#e4d9ff;color:#2d2350}.guide-page h1,.guide-page h2{line-height:1.35;text-wrap:balance}.guide-header{max-width:1140px;margin:auto;padding:24px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--guide-line)}.guide-brand{font-size:24px;font-weight:800;text-decoration:none;line-height:1.4}.guide-brand span{display:block;font-size:13px;font-weight:400;color:var(--guide-muted)}.guide-header nav{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.guide-enter{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 20px;background:var(--guide-accent);color:#fff!important;text-decoration:none;border-radius:12px;text-align:center;font-weight:700}.guide-enter:hover{background:#503195}.guide-layout{max-width:1140px;margin:56px auto 80px;padding:0 32px;display:grid;grid-template-columns:minmax(0,740px) minmax(180px,240px);gap:64px}.guide-layout article{min-width:0}.guide-page h1{font-size:clamp(30px,4vw,46px);margin:20px 0 24px;font-weight:800}.guide-intro{font-size:20px;line-height:1.85}.guide-date,.guide-breadcrumb{font-size:14px;color:var(--guide-muted)}.guide-date{margin-top:24px}.guide-toc{padding:24px 0;border-block:1px solid var(--guide-line);margin:32px 0 40px}.guide-toc ul{padding-left:24px;margin:12px 0 0}.guide-toc a{display:inline-block;padding:4px 0}.guide-page section{scroll-margin-top:24px;margin-top:42px}.guide-page h2{font-size:24px;margin:0 0 16px}.guide-page section p{margin:12px 0 0}.guide-layout aside{align-self:start;margin-top:24px;padding-top:24px;border-top:3px solid var(--guide-accent);font-size:15px}.guide-layout aside h2{font-size:19px}.guide-layout aside nav a{display:block;padding:12px 0;border-bottom:1px solid var(--guide-line)}.guide-layout aside a[aria-current]{font-weight:800;color:var(--guide-ink);text-decoration:none}.guide-layout aside p{color:var(--guide-muted);margin-top:28px}.guide-next{margin-top:48px;padding:28px;background:#eee7fc;border-radius:16px}.guide-next p{margin:0 0 20px}.guide-footer{padding:32px max(24px,calc((100% - 1076px)/2));border-top:1px solid var(--guide-line);font-size:14px;padding-bottom:max(32px,env(safe-area-inset-bottom))}.guide-footer p{margin:8px 0}.guide-skip{position:absolute;top:-100px;left:12px;background:#fff;padding:12px;z-index:100}.guide-skip:focus{top:12px}@media(max-width:900px){.guide-layout{gap:32px;grid-template-columns:minmax(0,1fr) 200px}}@media(max-width:700px){.guide-layout{display:block;margin:32px auto 48px;padding:0 20px}.guide-header{padding:18px 20px;gap:16px}.guide-header nav{gap:12px;font-size:14px}.guide-header .guide-enter{padding:8px 12px}.guide-brand{font-size:21px}.guide-intro{font-size:18px}.guide-layout aside{margin-top:40px}.guide-next{padding:22px}.guide-page h2{font-size:22px}}@media(max-width:360px){.guide-header{align-items:flex-start}.guide-header nav{flex-direction:column;align-items:flex-end;gap:8px}.guide-page{font-size:16px}}
/* Homepage links use existing homepage tokens and remain scoped. */
.home-guides{padding:56px 0;background:#f1ebff;color:#2d2350}.home-guides h2{font-size:clamp(25px,3vw,34px);margin:0 0 12px}.home-guides p{max-width:720px;margin-bottom:22px}.home-guide-links{display:flex;flex-wrap:wrap;gap:12px 28px}.home-guide-links a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:5px;font-weight:700;color:#6541bd}.home-guide-links a:focus-visible{outline:3px solid #6541bd;outline-offset:4px}