/* Hallmark · macrostructure: Long Document · tone: focused reading · anchor hue: blue */
html,body{overflow-x:clip}body.top-nav-app{margin:0;background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:16px;line-height:1.75}
.top-nav-app .layout{box-sizing:border-box;display:grid;grid-template-columns:240px minmax(0,760px);gap:48px;width:100%;max-width:1080px;margin:0 auto;padding:38px 24px 100px}
.top-nav-app .toc{position:sticky;top:94px;align-self:start;padding:10px 0;border:0;background:var(--color-paper)}
.top-nav-app .toc strong{display:block;margin:0 0 10px;padding:0 10px;color:var(--color-subtle);font-size:12px;font-weight:500}
.top-nav-app .toc a{display:block;padding:7px 10px;border-left:2px solid transparent;color:var(--color-muted);font-size:13px;text-decoration:none}
.top-nav-app .toc a:hover{border-left-color:var(--color-focus);background:var(--color-soft-blue);color:var(--color-accent)}.top-nav-app .toc a:focus-visible{border-left-color:var(--color-focus);border-radius:var(--radius-sm);outline:3px solid var(--color-focus);outline-offset:2px;background:var(--color-soft-blue);color:var(--color-accent)}
.top-nav-app article{min-width:0;padding:18px 0 72px;background:var(--color-paper)}
.top-nav-app .eyebrow{color:var(--color-subtle);font-size:13px}.top-nav-app article h1{min-width:0;margin:10px 0 12px;font-size:40px;font-weight:700;line-height:1.3;letter-spacing:-.6px;overflow-wrap:anywhere}.top-nav-app article h2{min-width:0;scroll-margin-top:90px;margin:42px 0 8px;padding-top:27px;border-top:1px solid var(--color-rule);font-size:22px;font-weight:600;line-height:1.5;overflow-wrap:anywhere}.top-nav-app article p{margin:10px 0}
.top-nav-app .notice{margin:22px 0;padding:16px 18px;border:1px solid var(--color-warning-line);border-radius:8px;background:var(--color-warning)}.top-nav-app .notice p{margin:4px 0}.top-nav-app .guide{margin:20px 0;padding:16px 18px;border-left:3px solid var(--color-focus);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:var(--color-soft-blue)}
.top-nav-app .source-image{display:block;max-width:min(100%,560px);height:auto;margin:22px auto;border-radius:var(--radius-sm)}.top-nav-app .links{display:grid;gap:0;margin:4px 0 14px}.top-nav-app .tutorial-link{position:relative;display:flex;align-items:flex-start;gap:8px;min-width:0;padding:3px 2px;color:var(--color-accent);font-size:16px;line-height:1.75;text-decoration:none;overflow-wrap:anywhere}.top-nav-app .tutorial-link:hover{color:var(--color-accent-hover);text-decoration:underline;text-underline-offset:3px}.top-nav-app .raw-link{color:var(--color-accent);overflow-wrap:anywhere}.top-nav-app .emphasis{font-weight:700;color:var(--color-warning-ink)}.top-nav-app .source{margin-top:44px;padding-top:20px;border-top:1px solid var(--color-rule);color:var(--color-muted);font-size:12px}
@media(max-width:860px){.top-nav-app .layout{display:block;padding:22px 20px 64px}.top-nav-app .toc{position:static;display:flex;align-items:center;gap:6px;margin-bottom:24px;padding:12px;overflow-x:auto;border-radius:8px;background:var(--color-soft);scrollbar-width:none}.top-nav-app .toc::-webkit-scrollbar{display:none}.top-nav-app .toc strong{flex:0 0 auto;margin:0 4px 0 0;padding:0}.top-nav-app .toc a{display:inline-flex;flex:0 0 auto;align-items:center;min-height:36px;border-left:0;white-space:nowrap}.top-nav-app article{width:100%;padding:12px 0 54px}.top-nav-app article h1{width:auto;font-size:30px}.top-nav-app article h2{font-size:21px}}
.document-note{margin:-8px 0 18px;color:var(--muted);font-size:13px}