.learn-article{max-width:none}.learn-body:not(.academy){isolation:isolate;position:relative}.learn-body:not(.academy):before{content:"";z-index:-1;pointer-events:none;background-image:radial-gradient(#00000021 1px,#0000 1.5px);background-size:22px 22px;height:620px;position:absolute;top:0;left:0;right:0;mask-image:linear-gradient(#0000,#000 25% 45%,#0000)}.learn-article .page-head .eyebrow{letter-spacing:.16em;color:#77756f;background:0 0;border-radius:0;padding:0;font-size:11px}.learn-article .page-head h1{letter-spacing:-.012em;margin:18px 0 26px;font-size:clamp(48px,5.6vw,80px);line-height:.94}.learn-article h2{margin-top:60px}.learn-article img{border:1px solid var(--line-2);border-radius:10px;width:auto;max-width:100%;height:auto;max-height:400px;margin:20px 0 32px;display:block}.learn-article .article-video{border:1px solid var(--line-2);border-radius:10px;width:100%;max-width:100%;height:auto;margin:20px 0 32px;display:block}@media (width>=900px){.cat-nodes img{float:left;max-width:45%;margin:6px 34px 24px 0}.cat-nodes h2,.cat-nodes h3,.cat-nodes table,.cat-nodes blockquote,.cat-nodes pre{clear:both}}.learn-article .wide-shot img{float:none;width:100%;max-width:100%;max-height:none;margin:20px 0 32px}.learn-article .window-shot img{max-height:560px}.learn-article pre{border:1px solid var(--line);border-radius:10px;margin:20px 0 28px;padding:16px 20px;font-size:14.5px;line-height:1.6;overflow-x:auto}.learn-article{--table-bg:#f6f6f4;min-width:0;container-type:inline-size}.learn-article table{--r-tl:10px;--r-tr:10px;--r-br:10px;--r-bl:10px;border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:var(--r-tl) var(--r-tr) var(--r-br) var(--r-bl);background:var(--table-bg);width:100%;margin:24px 0 30px;font-size:15.5px;line-height:1.5}.learn-article table>:first-child>tr:first-child>:first-child{border-top-left-radius:max(0px, calc(var(--r-tl) - 1px))}.learn-article table>:first-child>tr:first-child>:last-child{border-top-right-radius:max(0px, calc(var(--r-tr) - 1px))}.learn-article table>:last-child>tr:last-child>:last-child{border-bottom-right-radius:max(0px, calc(var(--r-br) - 1px))}.learn-article table>:last-child>tr:last-child>:first-child{border-bottom-left-radius:max(0px, calc(var(--r-bl) - 1px))}.learn-article table:not(:has(.badge)) :is(thead th,tbody td){vertical-align:middle}.learn-article table:not(:has(.badge)) :is(thead th,tbody td):first-child{text-align:center}@media (width<=700px){.learn-article table:not(:has(.badge)){width:max-content;max-width:100%;display:block;overflow-x:auto}}.learn-article thead th{font-family:var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-3);text-align:left;border-bottom:1px solid var(--line-2);background:#00000006;padding:12px 16px;font-size:11px;font-weight:600}.learn-article tbody td{color:var(--fg-2);text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:13px 16px}.learn-article table :is(th,td):not(:last-child){border-right:1px solid var(--line)}.learn-article tbody tr:last-child td{border-bottom:0}.learn-article tbody tr:hover td{background:#00000005}.learn-article tbody td:first-child{color:var(--fg)}.learn-article table strong{color:var(--fg);font-weight:600}.learn-article table code{font-size:12.5px}.learn-article .price-note{color:var(--fg-3);text-align:center;margin:-18px 0 30px;font-size:14.5px;line-height:1.55}.learn-article .price-note a{color:inherit;border-bottom:1px solid #8a857d66;transition:color .2s,border-color .2s}.learn-article .price-note a:hover{color:var(--fg-2);border-bottom-color:var(--fg-2)}.learn-article .badge{font-family:var(--sans);letter-spacing:.03em;white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:600;line-height:1.5;display:inline-block}.learn-article .badge-pro{color:#1d7a45;background:#1fa34a1a;border:1px solid #1fa34a52}.learn-article .badge-good{color:#2563a8;background:#2563a814;border:1px solid #2563a84d}.learn-article .badge-creative{color:#7442c8;background:#7442c814;border:1px solid #7442c852}@container (width>=951px){.learn-article tbody tr:has(.badge) td:not(:last-child){white-space:nowrap;width:1%}.learn-article table:has(.badge) :is(thead th,tbody td):not(:last-child){text-align:center;padding-left:11px;padding-right:11px}.learn-article table:has(.badge) :is(thead th,tbody td):not(:last-child):is(:has(.col-model),:has(strong)){text-align:left}.learn-article table:has(.badge) tbody td{vertical-align:middle}}@container (width<=950px){.learn-article table:has(.badge),.learn-article table:has(.badge) tbody{display:block}.learn-article table:has(.badge){overflow:hidden}.learn-article table:has(.badge) thead{display:none}.learn-article table:has(.badge) tbody tr{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px 18px;padding:15px 16px;display:flex}.learn-article table:has(.badge) tbody tr:last-child{border-bottom:0}.learn-article table:has(.badge) tbody tr:hover{background:#00000005}.learn-article table:has(.badge) tbody tr:hover td{background:0 0}.learn-article table:has(.badge) tbody td{text-align:left;white-space:normal;border:0;order:5;width:auto;padding:0;display:block}.learn-article table:has(.badge) tbody td:first-child{order:1}.learn-article table:has(.badge) tbody td:has(strong){order:2}.learn-article table:has(.badge) tbody td:has(.io-type){order:3}.learn-article table:has(.badge) tbody tr:before{content:"";flex-basis:100%;order:4;height:0}.learn-article table:has(.badge) tbody td:last-child{flex-basis:100%;order:6}.learn-article table:has(.badge) tbody td[data-label]:not(:first-child,:last-child,:has(strong),:has(.io-type)):before{content:attr(data-label);font-family:var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-3);margin-right:7px;font-size:10px;font-weight:600}}.learn-article .node-anatomy{grid-template-columns:minmax(0,300px) minmax(0,1fr);align-items:stretch;margin:24px 0 30px;display:grid}.learn-article .node-anatomy>p:first-child{border:1px solid var(--line);background:#0d0d0d;border-right:0;border-radius:10px 0 0 10px;justify-content:center;align-items:center;margin:0;padding:16px 14px;display:flex}.learn-article .node-anatomy table{--r-tl:0px;--r-bl:0px}.learn-article .node-anatomy :is(img,video){float:none;border:0;border-radius:0;width:100%;max-width:none;height:auto;max-height:none;margin:0}.learn-article .node-anatomy table{margin:0}@media (width<=1240px){.learn-article .node-anatomy:not(.is-wide){grid-template-columns:minmax(0,1fr)}.learn-article .node-anatomy:not(.is-wide)>p:first-child{background:0 0;border:0;border-radius:0;justify-content:flex-start;padding:0 0 22px}.learn-article .node-anatomy:not(.is-wide) table{--r-tl:10px;--r-bl:10px}.learn-article .node-anatomy:not(.is-wide) :is(img,video){max-width:320px}}.learn-article .node-anatomy.is-wide{grid-template-columns:minmax(0,1fr)}.learn-article .node-anatomy.is-wide>p:first-child{border:1px solid var(--line);background:0 0;border-bottom:0;border-radius:10px 10px 0 0;padding:0;overflow:hidden}.learn-article .node-anatomy.is-wide table{--r-tl:0px;--r-tr:0px;--r-bl:10px}.learn-article .node-anatomy.is-wide :is(img,video){display:block}.learn-article .ring{width:23px;height:23px;font-family:var(--sans);color:var(--fg);vertical-align:middle;background:0 0;border:2px solid;border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.learn-article .ring-p{border-color:#4caf50}.learn-article .ring-i{border-color:#65bcf7}.learn-article .ring-a{border-color:#3b82f6}.learn-article .ring-v{border-color:#f8b332}.learn-article .ring-l{border-color:#d9641e}.learn-article .ring+.ring{margin-left:5px}.learn-article .io-type{letter-spacing:.01em;color:var(--fg-3);white-space:nowrap;font-size:10.5px;line-height:1.45;display:block}.learn-article .io{vertical-align:middle;background:var(--fg-3);width:18px;height:18px;-webkit-mask:var(--io-icon) center / contain no-repeat;mask:var(--io-icon) center / contain no-repeat;margin-right:9px;display:inline-block}.learn-article .io-i2i{--io-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='4.5'/%3E%3Ccircle cx='8.7' cy='8.7' r='1.5'/%3E%3Cpath d='M3.6 17.9l4.3-4.3a1.6 1.6 0 0 1 2.3 0l2.1 2.1 1.7-1.7a1.6 1.6 0 0 1 2.3 0l4.1 4.1'/%3E%3C/svg%3E")}.learn-article .io-t2i{--io-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M4.5 7h15'/%3E%3Cpath d='M4.5 12h15'/%3E%3Cpath d='M4.5 17h8.5'/%3E%3C/svg%3E")}.learn-article .io-v2v{--io-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='4.5'/%3E%3Cpath d='M10.2 8.4l5.6 3.6-5.6 3.6z'/%3E%3C/svg%3E")}.learn-article blockquote{border-left:2px solid var(--accent);background:var(--surface);border-radius:0 8px 8px 0;margin:22px 0 28px;padding:14px 20px}.learn-article blockquote p{color:var(--fg-2);margin-bottom:8px}.learn-article blockquote p:last-child{margin-bottom:0}.learn-article blockquote strong{color:var(--fg)}.article-foot[data-astro-cid-bnohfldf]{clear:both;border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:64px;padding-top:28px;font-size:15.5px;display:flex}.article-foot[data-astro-cid-bnohfldf] a[data-astro-cid-bnohfldf]{color:var(--fg-2);text-decoration:none;transition:color .2s}.article-foot[data-astro-cid-bnohfldf] a[data-astro-cid-bnohfldf]:hover{color:var(--fg)}