.learn-head{margin:24px 0 20px}.learn-head h1{letter-spacing:-.025em;margin:0;font-size:30px;line-height:1.3}.learn-head p{color:var(--muted);max-width:760px;margin:10px 0 0;font-size:15px;line-height:1.6}.learn-tabs{scrollbar-width:thin;border-bottom:1px solid var(--rule);gap:24px;display:flex;overflow-x:auto}.learn-tabs[hidden],.article-cards>li[hidden]{display:none}.learn-tabs button{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;flex:none;align-items:center;gap:8px;padding:12px 2px;font-size:14px;display:inline-flex}.learn-tabs button[aria-selected=true]{color:var(--blue);border-bottom-color:var(--blue);font-weight:600}.learn-tabs button:hover{color:var(--text)}.learn-tabs button:focus-visible{outline:2px solid var(--blue);outline-offset:-3px}.tab-count{color:var(--muted);font-size:12px}.learn-results{margin-top:24px}.learn-results:focus-visible{outline:2px solid var(--blue);outline-offset:6px}.learn-about a{color:var(--blue);text-underline-offset:3px}.article-category{color:var(--muted);font-size:12px}.learn-section-head{align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.learn-section-head h2{margin:0;font-size:19px;line-height:1.4}.learn-section-head>span{color:var(--muted);font-size:12px}.article-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.article-card{border:1px solid var(--rule-soft);border-radius:var(--radius);background:var(--panel);box-sizing:border-box;gap:16px;height:100%;padding:16px;display:flex}.article-card .thumb{aspect-ratio:3/2;background:var(--panel2);border-radius:4px;flex:0 0 128px;align-self:flex-start;overflow:hidden}.article-card .thumb img{object-fit:cover;width:100%;height:100%;display:block}.article-card .card-body{flex-direction:column;gap:8px;min-width:0;display:flex}.article-card h3{margin:0;font-size:16px;font-weight:600;line-height:1.45}.article-card h3 a{color:var(--text);text-decoration:none}.article-card h3 a:hover{color:var(--blue);text-underline-offset:3px;text-decoration:underline}.article-card .desc{color:var(--muted);margin:0;font-size:13px;line-height:1.6}.article-card .meta{color:var(--muted);flex-wrap:wrap;gap:4px 6px;margin:auto 0 0;font-size:12px;display:flex}.learn-about{border-top:1px solid var(--rule);color:var(--muted);margin-top:36px;padding-top:18px;font-size:13px;line-height:1.7}.learn-about p{margin:0 0 8px}.learn-layout{grid-template-columns:minmax(0,800px) minmax(230px,280px);grid-template-areas:"intro toc""body toc";align-items:start;gap:24px 40px;max-width:1120px;margin:24px auto 0;display:grid}.learn-intro{grid-area:intro;min-width:0;margin:0}.learn-article .detail-head h1{text-wrap:initial;max-width:none;font-size:30px;line-height:1.4}.learn-article .detail-byline{flex-wrap:wrap;gap:10px}.learn-content{flex-direction:column;grid-area:body;gap:24px;min-width:0;display:flex}.article-toc{top:calc(var(--header-h) + 20px);max-height:calc(100dvh - var(--header-h) - 40px);border-left:1px solid var(--rule);grid-area:toc;padding-left:20px;position:sticky;overflow-y:auto}.article-toc summary{cursor:pointer;padding:4px 0 12px;font-size:14px;font-weight:600}.article-toc ol{margin:0;padding:0 0 0 20px;font-size:13px;line-height:1.6}.article-toc li{margin-bottom:10px}.article-toc a{color:var(--muted);text-decoration:none}.article-toc a:hover,.article-toc a:focus-visible{color:var(--blue);text-underline-offset:3px;text-decoration:underline}.learn-intro .article-lead{margin-top:20px;font-size:16px}.learn-intro .article-lead p{margin-bottom:0}.article-date-note{color:var(--muted);margin:12px 0 0;font-size:12px;line-height:1.7}.article-resources{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.learn-content>[id],#article-body{scroll-margin-top:calc(var(--header-h) + 20px)}.article-table-scroll{max-width:100%;margin-bottom:16px;overflow-x:auto}.article-table-scroll:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.detail-byline a{color:inherit}.translated-note{color:var(--dim);margin:8px 0 0;font-size:12px}.article-body{color:var(--text);overflow-wrap:anywhere;max-width:100%;font-size:15px;line-height:1.8}.article-body p,.article-body ul,.article-body ol{margin:0 0 14px}.article-body ul,.article-body ol{padding-left:1.4em}.article-body li{margin-bottom:4px}.article-body h2{scroll-margin-top:calc(var(--header-h) + 16px);text-wrap:balance;margin:36px 0 12px;padding-top:8px;font-size:20px;font-weight:600;line-height:1.35}.article-body h3{scroll-margin-top:calc(var(--header-h) + 16px);margin:22px 0 8px;font-size:16px;font-weight:600}.article-body strong{font-weight:600}.article-body a{color:var(--blue);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--blue) 45%, transparent);text-decoration-color:color-mix(in srgb, var(--blue) 45%, transparent);text-underline-offset:3px;text-decoration-thickness:1px}.article-body a:hover{-webkit-text-decoration-color:var(--blue);text-decoration-color:var(--blue)}.article-body code{font-family:var(--font-mono);background:var(--panel2);border-radius:4px;padding:1px 5px;font-size:13px}.article-body pre{border-radius:var(--radius);background:var(--panel2);border:1px solid var(--rule-soft);font-family:var(--font-mono);white-space:pre;margin:0 0 14px;padding:12px 14px;font-size:12.5px;line-height:1.6;overflow-x:auto}.article-body pre code{font-size:inherit;background:0 0;padding:0}.article-body blockquote{border-left:3px solid var(--rule);color:var(--muted);margin:0 0 14px;padding:8px 14px}.article-table-scroll>table{border-collapse:collapse;width:100%;margin:0 0 14px;font-size:13px}.article-table-scroll>table th,.article-table-scroll>table td{border-bottom:1px solid var(--rule-soft);text-align:left;vertical-align:top;padding:7px 10px}.article-table-scroll>table th{color:var(--muted);white-space:nowrap;font-size:11px;font-weight:500}.learn-block{border:1px solid var(--rule-soft);border-radius:var(--radius);background:var(--panel);max-width:none;margin:6px 0 20px}.learn-block table.data td .sub,.learn-block table.data th .sub{color:var(--dim);white-space:nowrap;font-size:11px;display:block}.learn-block table.data td.k,.learn-block table.data th.k{color:var(--muted);white-space:normal;font-size:12px;font-weight:400}.learn-block .panel-note{border-top:1px solid var(--rule-soft)}.compare-table th.left .model{white-space:nowrap}.article-hero{width:100%;margin:0}.article-hero img,.article-figure img{border-radius:var(--radius);border:1px solid var(--rule-soft);background:var(--panel2);width:100%;height:auto;display:block}.article-hero figcaption,.article-figure figcaption{color:var(--dim);margin-top:6px;font-size:11px;line-height:1.5}.article-figure{margin:6px 0 20px}.article-hero img{aspect-ratio:16/9;object-fit:cover}.compare-head.two,.compare-row.two{grid-template-columns:minmax(0,1fr) auto}.article-resources .compare-row .model{align-items:center;gap:8px;min-width:0;display:flex}.article-resources .compare-row .model a{min-width:0}.faq-list{padding:4px 14px 12px}.faq-list .faq-row{border-bottom:1px solid var(--rule-soft);padding:10px 0}.faq-list .faq-row:last-child{border-bottom:0}.faq-list h3{margin:0}.faq-list .sub{margin:4px 0 0}@media (width<=1023px){.learn-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"intro""toc""body";gap:20px;max-width:800px}.article-toc{border:1px solid var(--rule);border-radius:var(--radius);max-height:none;padding:12px 16px;position:static}.article-toc summary{padding:0}.article-toc details[open] summary{padding-bottom:12px}.article-cards{grid-template-columns:1fr}}@media (width<=767px){.learn-head{margin-top:16px}.learn-head h1,.learn-article .detail-head h1{font-size:24px}.learn-head p{font-size:14px}.learn-tabs{gap:20px}.learn-results{margin-top:20px}.article-card{gap:12px;padding:12px}.article-card .thumb{flex-basis:84px}.article-card h3{font-size:15px}.article-card .desc{font-size:12px}.article-card .meta{font-size:11px}.article-body,.learn-intro .article-lead{font-size:15px;line-height:1.8}.article-body h2{margin-top:28px;font-size:20px}.article-resources{grid-template-columns:1fr}}