.dnote-shell{max-width:1200px;margin:0 auto;padding:0 32px;display:grid;grid-template-columns:216px minmax(0,1fr);gap:48px;align-items:start}.dnote{--dn-body: 1.125rem;max-width:46rem;margin:0 auto;padding:0;min-width:0}.dnote-toc{position:sticky;top:96px;padding-top:2.5rem}.dnote-toc-inner{max-height:calc(100vh - 140px);overflow-y:auto}.dnote-toc-h{font-family:var(--font-mono);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:var(--ls-wide);color:var(--fg-muted);margin:0 0 .85rem}.dnote-toc-list{list-style:none;margin:0;padding:0;border-left:1px solid var(--border-subtle)}.dnote-toc-list li{margin:0}.dnote-toc-list a{display:block;padding:.42rem 0 .42rem .85rem;margin-left:-1px;border-left:2px solid transparent;font-size:13.5px;line-height:1.4;color:var(--fg-muted);text-decoration:none;transition:color .12s var(--ease-out),border-color .12s var(--ease-out)}.dnote-toc-list a:hover{color:var(--fg-default)}.dnote-toc-list a.is-current{color:var(--fg-brand);font-weight:var(--fw-semibold);border-left-color:var(--fg-brand)}.dnote-body h2{scroll-margin-top:110px}@media(max-width:1080px){.dnote-shell{grid-template-columns:minmax(0,1fr);gap:0;padding:0 20px}.dnote-toc{display:none}}.dnote-head{padding:2.5rem 0 1.5rem;border-bottom:1px solid var(--border-subtle)}.dnote-meta{display:flex;gap:.5rem;align-items:center;font-family:var(--font-mono);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:var(--ls-wide);color:var(--fg-muted);margin-bottom:.9rem}.dnote-topic{color:var(--fg-brand);font-weight:var(--fw-semibold)}.dnote-title{font-family:var(--font-display);font-size:clamp(1.9rem,4.2vw,2.6rem);font-weight:var(--fw-semibold);line-height:1.15;color:var(--fg-default);margin:0 0 1rem}.dnote p.dnote-stand{font-size:1.25rem;line-height:var(--lh-relaxed);color:var(--fg-muted);margin:0}.dnote-body{padding:.5rem 0 1rem}.dnote-body h2{font-family:var(--font-display);font-size:1.4rem;font-weight:var(--fw-semibold);color:var(--fg-brand);margin:3.2rem 0 .9rem;line-height:var(--lh-snug)}.dnote .dnote-body p{font-size:var(--dn-body);line-height:1.75;color:var(--fg-default);margin:0 0 1.5rem}.dnote-body ul,.dnote-body ol{margin:0 0 1.6rem;padding-left:1.35rem}.dnote-body li{font-size:var(--dn-body);line-height:1.7;color:var(--fg-default);margin-bottom:.75rem}.dnote-body li:last-child{margin-bottom:0}.dnote-body strong{font-weight:var(--fw-semibold);color:var(--fg-default)}.dnote-body sub,.dnote-body sup{font-size:.72em;line-height:0;position:relative;vertical-align:baseline}.dnote-body sub{bottom:-.28em}.dnote-body sup{top:-.45em}.dnote-fig{margin:2.6rem 0 2.4rem;width:min(872px,calc(min(1200px,100vw) - 328px));margin-left:50%;transform:translate(-50%)}@media(max-width:1080px){.dnote-fig{width:min(1000px,calc(100vw - 2.5rem))}}.dnote-fig img{width:100%;height:auto;display:block;border:1px solid var(--border-default);border-radius:var(--radius-md);background:#fff}.dnote-fig figcaption{max-width:46rem;margin:.75rem auto 0;font-size:.9375rem;color:var(--fg-muted);line-height:1.55}.dnote-anim{border:1px solid var(--border-default);border-radius:var(--radius-md);background:#fff;padding:1.1rem 1.2rem 1rem}.dnote-anim svg{display:block;width:100%;height:auto}.dnote-anim figcaption{max-width:none;margin-left:0;margin-right:0}.dnote-anim-title{max-width:none;margin:0 0 .4rem;font-family:var(--font-display);font-size:1rem;font-weight:var(--fw-semibold);color:var(--mg-dark-blue)}.dnote-anim-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.5rem;padding-top:.75rem;border-top:1px solid var(--border-subtle)}.dnote-anim-step{margin:0;font-size:.9375rem;line-height:1.5;color:var(--fg-default);min-height:2.8em}.dnote-anim-btn{flex:none;font-family:var(--font-mono);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:var(--ls-wide);font-weight:var(--fw-semibold);color:var(--fg-brand);background:#fff;border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:.45rem .85rem;cursor:pointer;transition:border-color .12s var(--ease-out),background-color .12s var(--ease-out)}.dnote-anim-btn:hover{border-color:var(--mg-blue-300);background:var(--mg-blue-50)}#anim-dot,#anim-halo,#anim-vt1,#anim-vh{transition:none}@media(max-width:640px){.dnote-anim-bar{flex-direction:column;align-items:flex-start}.dnote-anim-step{min-height:0}}.dnote-takeaway{margin:2.4rem 0 0;padding:1.3rem 1.5rem;background:var(--mg-blue-50);border:1px solid var(--mg-blue-300);border-radius:var(--radius-lg)}.dnote-takeaway h3{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:var(--fw-semibold);color:var(--mg-dark-blue);margin:0 0 .6rem}.dnote-takeaway ul{margin:0;padding-left:1.2rem}.dnote-takeaway li{font-size:var(--fs-md);line-height:1.7;margin-bottom:.45rem}.dnote-cta{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;flex-wrap:wrap;margin:2.5rem 0 0;padding:1.5rem 0 0;border-top:1px solid var(--border-subtle)}.dnote-back{padding:1.5rem 0 3rem}.dnote-back a{font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:var(--fw-semibold);letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--fg-brand);text-decoration:none}