.writing-article-body{color:hsl(var(--foreground));overflow-wrap:anywhere;font-size:1.0625rem;line-height:1.85}.writing-article-body>:first-child{margin-top:0}.writing-article-body :is(h2,h3,h4,h5,h6){margin:2em 0 .75em;scroll-margin-top:5rem;font-weight:600;line-height:1.3}.writing-article-body h2{font-size:1.75rem}.writing-article-body h3{font-size:1.4rem}.writing-article-body h4{font-size:1.2rem}.writing-article-body :is(h5,h6){font-size:1.0625rem}.writing-article-body :is(p,ul,ol,blockquote,pre,.writing-table-scroll){margin:1.25em 0}.writing-article-body a{color:hsl(var(--accent));text-underline-offset:.2em;text-decoration:underline}.writing-article-body ul{padding-left:1.5em;list-style:outside}.writing-article-body ol{padding-left:1.5em;list-style:decimal}.writing-article-body li{margin:.4em 0}.writing-article-body li>:is(ul,ol){margin:.5em 0}.writing-article-body .contains-task-list{list-style:none}.writing-article-body .task-list-item input{margin-right:.6em}.writing-article-body blockquote{border-left:3px solid hsl(var(--accent));color:hsl(var(--muted-foreground));padding-left:1.25em}.writing-article-body code{background:hsl(var(--muted));border-radius:.25rem;padding:.15em .35em;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.875em}.writing-article-body pre{border:1px solid hsl(var(--border));background:hsl(var(--muted));overflow-wrap:normal;border-radius:.5rem;padding:1.25rem;line-height:1.6;overflow-x:auto}.writing-article-body pre code{background:0 0;padding:0}.writing-article-body .writing-table-scroll{overflow-x:auto}.writing-article-body table{border-collapse:collapse;width:100%;font-size:.9375rem}.writing-article-body :is(th,td){border:1px solid hsl(var(--border));padding:.65rem .9rem}.writing-article-body th{background:hsl(var(--muted));font-weight:600}.writing-article-body img{border-radius:.5rem;max-width:100%;height:auto;margin:1.5em auto;display:block}.writing-article-body hr{border:0;border-top:1px solid hsl(var(--border));margin:2.5em 0}.writing-article-body .writing-video{aspect-ratio:16/9;border:1px solid hsl(var(--border));background:hsl(var(--muted));border-radius:.5rem;margin:1.5em 0;display:block;position:relative;overflow:hidden}.writing-article-body .writing-video :is(button,iframe){border:0;width:100%;height:100%;display:block}.writing-article-body .writing-video button{color:inherit;font:inherit;cursor:pointer;background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:1rem;line-height:1.4;display:flex}.writing-article-body .writing-video-title{font-weight:600}.writing-article-body .writing-video-action{color:hsl(var(--accent))}.writing-article-body .writing-video-notice{color:hsl(var(--muted-foreground));font-size:.8125rem}.writing-article-body :is(a,button,.writing-table-scroll):focus-visible{outline:2px solid hsl(var(--ring));outline-offset:3px}@media (max-width:480px){.writing-article-body .writing-video{min-height:13rem}}
