.blog-page{padding-top:clamp(48px,6vw,88px)}.blog-head{flex-direction:column;gap:20px;max-width:760px;margin-bottom:64px;display:flex}.blog-head .eyebrow a{text-decoration:none}.blog-index-head{grid-template-columns:minmax(0,760px) clamp(240px,26vw,360px);justify-content:space-between;align-items:center;gap:48px;max-width:none;display:grid}.blog-index-copy{flex-direction:column;gap:20px;display:flex}.blog-index-head .orbit{width:100%;height:auto;color:var(--art)}@media (width<=960px){.blog-index-head{grid-template-columns:minmax(0,1fr)}.blog-index-head .orbit{display:none}}.blog-section{padding-top:clamp(48px,6vw,72px)}.blog-section>.eyebrow{font-family:var(--sans);border-bottom:1px solid var(--hairline);margin-bottom:8px;padding-bottom:20px;display:block}.post-grid{gap:0 48px;display:grid}.post-card{border-bottom:1px solid var(--hairline);flex-direction:column;align-items:flex-start;gap:10px;padding:28px 0;display:flex;position:relative}.post-card .eyebrow{flex-wrap:wrap;align-items:center;gap:0 8px;display:flex}.post-card-title{font-family:var(--serif);text-wrap:balance;margin:0;font-size:26px;font-weight:400;line-height:1.2}.post-card-title a{color:var(--text);text-decoration:none}.post-card-title a:after{content:"";border-radius:14px;position:absolute;inset:6px -10px}.post-card-title a:hover{color:var(--accent)}.post-card-title a:focus-visible{outline:none}.post-card-title a:focus-visible:after{outline:2px solid var(--accent)}.post-card .muted{max-width:32em;font-size:17px}.post-card-meta{color:var(--secondary);flex-wrap:wrap;align-items:center;gap:0 8px;margin:0;font-size:15px;display:flex}.post-card-meta>*{white-space:nowrap}.taxa-list{margin:0;padding:0;list-style:none}.taxa-list a{border-bottom:1px solid var(--hairline);color:var(--text);flex-direction:column;gap:6px;padding:20px 0;text-decoration:none;display:flex}.taxa-list a:hover .taxa-title{color:var(--accent)}.taxa-title{font-family:var(--serif);font-size:22px}.taxa-list .muted{max-width:32em;font-size:17px}.series-list{gap:0 48px;margin:0;padding:0;list-style:none;display:grid}.series-list li{border-bottom:1px solid var(--hairline);grid-template-columns:56px minmax(0,1fr);align-items:start;gap:16px;display:grid;position:relative}.series-list .n,.series .n{font-family:var(--serif);color:var(--accent);padding-top:26px;font-size:30px;line-height:1}.series-list .post-card{border-bottom:0;position:static}@media (width>=900px){.series-list{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media (width<=620px){.series-list li{grid-template-columns:40px minmax(0,1fr);gap:12px}}#por-onde-comecar{scroll-margin-top:24px}.start>.eyebrow{margin-bottom:20px}.start-list{gap:16px;margin:0;padding:0;list-style:none;display:grid}@media (width>=720px){.start-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.start-card{background:var(--surface);border:1px solid var(--hairline);border-radius:20px;flex-direction:column;padding:10px 24px 8px;display:flex}.start-title{font-family:var(--serif);font-size:clamp(22px,2.2vw,26px);font-weight:400;line-height:1.2}.start-title a{min-height:48px;color:var(--text);align-items:center;padding:6px 0;text-decoration:none;display:inline-flex}.start-title a:hover{color:var(--accent)}.start-meta{color:var(--secondary);flex-wrap:wrap;align-items:center;gap:0 8px;margin-top:auto;font-size:15px;display:flex}.start-meta a{align-items:center;gap:8px;min-height:48px;font-size:16px;font-weight:600;display:inline-flex}.start-meta svg{flex-shrink:0;transition:transform .18s ease-out}.start-meta a:hover svg{transform:translate(3px)}@media (prefers-reduced-motion:reduce){.start-meta svg{transition:none}.start-meta a:hover svg{transform:none}}.blog-follow{margin-top:40px}.blog-follow a{align-items:center;gap:10px;min-height:48px;font-size:16px;display:inline-flex}.blog-follow svg{flex-shrink:0}.post{max-width:760px}.toc.post-toc,.post-foot{max-width:576px}.post-head{flex-direction:column;gap:18px;display:flex}.post-head .eyebrow{align-items:center;gap:8px;display:flex}.post-head .eyebrow a{color:inherit;text-decoration:none}.post-head .eyebrow a:hover{color:var(--accent)}.post-head h1{font-size:clamp(32px,4.4vw,48px)}.toc.post-toc{background:var(--wash);border-radius:16px;margin:40px 0;padding:20px 24px;display:flex;position:static}.post-toc .eyebrow{padding-bottom:4px}.post-toc a,.toc-compact nav a{align-items:center;min-height:48px;padding:6px 0;font-size:15px;display:flex}.toc-compact{background:var(--wash);border-radius:16px;margin:32px 0;padding:0 20px;display:none}.toc-compact summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;min-height:48px;list-style:none;display:flex}.toc-compact summary::-webkit-details-marker{display:none}.toc-compact summary svg{color:var(--accent);flex-shrink:0;transition:transform .18s ease-out}.toc-compact[open] summary svg{transform:rotate(180deg)}.toc-compact nav{flex-direction:column;padding-bottom:8px;display:flex}.toc-compact nav a{color:var(--text);text-decoration:none}.toc-compact nav a:hover{color:var(--accent)}@media (prefers-reduced-motion:reduce){.toc-compact summary svg{transition:none}}@media (width<=620px){.toc.post-toc{display:none}.toc-compact{display:block}}.byline{align-items:center;gap:14px;margin-top:8px;display:flex}.avatar{background:var(--wash);width:44px;height:44px;color:var(--accent);font-family:var(--serif);border-radius:50%;flex-shrink:0;place-items:center;font-size:17px;display:grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%;display:block}.byline-line{flex-wrap:wrap;align-items:baseline;column-gap:16px;display:flex}.byline-name{font-weight:600}.byline-meta{color:var(--secondary);flex-wrap:wrap;align-items:center;gap:0 8px;font-size:15px;display:flex}.byline-note{color:var(--secondary);margin:2px 0 0;font-size:15px}.author-box{border-top:1px solid var(--hairline);flex-direction:column;gap:14px;padding-top:28px;display:flex}.author-box-head{align-items:center;gap:14px;display:flex}.author-box-head p{flex-direction:column;display:flex}.byline-role{color:var(--secondary);font-size:15px}.author-bio{color:var(--secondary);max-width:32em;font-size:17px}.prose{max-width:32em;font-size:18px;line-height:1.68}.prose>*+*{margin-top:1.1em}.prose h2{margin-top:2em;scroll-margin-top:24px;font-size:clamp(24px,2.6vw,30px);line-height:1.2}.prose h3{margin-top:1.6em;font-size:20px}.prose ul,.prose ol{padding-left:22px}.prose li+li{margin-top:.5em}.prose strong{font-weight:600}.prose a{color:var(--accent)}.prose blockquote{border-left:2px solid var(--accent);color:var(--secondary);margin:1.6em 0;padding:4px 0 4px 24px}.prose code{background:var(--wash);border-radius:6px;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}.prose hr{border:0;border-top:1px solid var(--hairline);margin:2.4em 0}.prose img{border-radius:16px;max-width:100%;height:auto}.keep-term{white-space:nowrap}.prose>.reading-block{margin-top:clamp(48px,5.2vw,60px)}.reading-block>*+*{margin-top:1.1em}.prose .reading-block>h2{margin-top:0}.reading-reflect{border-left:2px solid var(--accent);padding:4px 0 4px 24px}.reading-limits{background:var(--wash);border-radius:16px;padding:20px 24px}.reading-reflect>h2{scroll-margin-top:28px}.reading-limits>h2{scroll-margin-top:44px}.prose .app-example{flex-direction:column;gap:12px;max-width:420px;margin:1.6em 0;display:flex}.app-example-card{background:var(--surface);border:1px solid var(--hairline);border-radius:20px;overflow:hidden}.app-example-band{background:var(--wash);justify-content:space-between;align-items:center;gap:16px;min-height:48px;padding:0 20px;display:flex}.app-example-band .eyebrow{color:var(--accent)}.app-example-band svg{color:var(--art);flex-shrink:0}.app-example-body{flex-direction:column;gap:10px;padding:20px;display:flex}.app-example-title{font-family:var(--serif);font-size:22px;line-height:1.25}.app-example-text{font-size:17px;line-height:1.5}.app-example-why{color:var(--accent);align-self:flex-start;padding-top:4px;font-size:16px;font-weight:600}.app-example figcaption{color:var(--secondary);text-wrap:pretty;max-width:32em;font-size:15px}.post-foot{flex-direction:column;gap:40px;margin-top:64px;display:flex}.tag-row{margin-top:40px}.tag-row ul{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.tag-row li{display:flex}.tag-row .tag{min-height:48px;color:var(--secondary);padding:0 16px;font-size:15px;text-decoration:none}.tag-row a.tag{border:1.5px solid var(--control);background:0 0;padding:0 14.5px}.tag-row a.tag:hover{color:var(--accent);border-color:var(--accent)}.blog-count{color:var(--secondary);font-size:16px}.series{border-top:1px solid var(--hairline);padding-top:28px}.series .eyebrow{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.series .eyebrow a{color:inherit;text-decoration:none}.series .eyebrow a:hover{color:var(--accent)}.post-head .eyebrow a,.blog-head .eyebrow a,.series .eyebrow a{position:relative}.post-head .eyebrow a:before,.blog-head .eyebrow a:before{content:"";position:absolute;inset:-16px -4px}.series .eyebrow a:before{content:"";position:absolute;inset:-20px -4px -12px}.series ol{flex-direction:column;margin:12px 0 0;padding:0;list-style:none;display:flex}.series li{align-items:baseline;gap:12px;font-size:16px;display:flex}.series li>a,.series li>[aria-current]{padding:12px 0}.series .n{color:var(--secondary);padding-top:0;font-size:18px}.series [aria-current]{font-weight:600}.series-links{justify-content:space-between;gap:16px;margin:8px 0 0;font-size:16px;display:flex}.series-links a{align-items:center;min-height:48px;display:inline-flex}.related{border-top:1px solid var(--hairline);padding-top:28px}.related ul{flex-direction:column;gap:24px;margin:14px 0 0;padding:0;list-style:none;display:flex}.next-step{flex-direction:column;gap:14px;margin-top:24px;display:flex}.post-foot .eyebrow{font-family:var(--sans)}.next-link{color:var(--text);flex-direction:column;gap:6px;text-decoration:none;display:flex}.next-title{font-family:var(--serif);text-wrap:balance;font-size:clamp(22px,2.4vw,26px);line-height:1.25}.next-end{white-space:nowrap}.next-link svg{vertical-align:-2px;color:var(--accent);margin-left:10px;transition:transform .18s ease-out}.next-desc{color:var(--secondary);max-width:32em}.next-link:hover .next-title{color:var(--accent)}.next-link:hover svg{transform:translate(3px)}@media (prefers-reduced-motion:reduce){.next-link svg{transition:none}.next-link:hover svg{transform:none}}.next-series{color:var(--secondary);margin-top:-13px;font-size:15px}.next-series a{padding:13px 0;display:inline-block}
