.learn-article{max-width:none}.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}@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 pre{border:1px solid var(--line);border-radius:10px;margin:20px 0 28px;padding:16px 20px;font-size:13px;line-height:1.6;overflow-x:auto}.learn-article{min-width:0;container-type:inline-size}.learn-article table{border-collapse:collapse;border:1px solid var(--line);width:100%;margin:24px 0 30px;font-size:14px;line-height:1.5}.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:#ffffff06;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:hover td{background:#ffffff05}.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:13px;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:#7fd7a6;background:#7fd7a61c;border:1px solid #7fd7a642}.learn-article .badge-good{color:#85b9ef;background:#85b9ef1c;border:1px solid #85b9ef42}.learn-article .badge-creative{color:#c9a4ff;background:#ad7cff26;border:1px solid #ad7cff61}@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) 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:#ffffff05}.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{background:var(--surface);border:1px solid var(--line);border-right:0;justify-content:center;align-items:center;margin:0;padding:16px 14px;display:flex}.learn-article .node-anatomy img{float:none;border:0;border-radius:0;width:100%;max-width:none;max-height:none;margin:0}.learn-article .node-anatomy table{margin:0}@media (width<=1240px){.learn-article .node-anatomy{grid-template-columns:minmax(0,1fr)}.learn-article .node-anatomy>p:first-child{background:0 0;border:0;justify-content:flex-start;padding:0 0 22px}.learn-article .node-anatomy img{max-width:320px}}.learn-article .ring{background:var(--bg);width:23px;height:23px;font-family:var(--sans);color:var(--fg);vertical-align:middle;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:#3f8f56}.learn-article .ring-i,.learn-article .ring-a{border-color:#7cbdf0}.learn-article .ring-v{border-color:#e0a44a}.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:#a89ff50d;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:14px;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)}.article-foot[data-astro-cid-bnohfldf] .mail[data-astro-cid-bnohfldf]{color:var(--accent)}