.read-back,.tut-backlink,.doc-back{display:inline-flex;align-items:center;gap:var(--lf-back-gap, var(--space-2));min-height:var(--lf-back-height, 36px);color:var(--body);font-family:var(--font-mono);font-size:var(--text-xs);line-height:var(--lh-tight);font-weight:500;letter-spacing:var(--lf-back-tracking, .02em);text-decoration:none;transition:color .18s var(--ease)}.read-back .od-icon,.tut-backlink .od-icon,.doc-back .od-icon{transition:transform .18s var(--ease)}@media(hover:hover){.read-back:hover,.tut-backlink:hover,.doc-back:hover{color:var(--blue)}.read-back:hover .od-icon,.tut-backlink:hover .od-icon,.doc-back:hover .od-icon{transform:translate(-2px)}}.read-kicker,.tut-kicker,.doc-kicker{color:var(--blue);font-family:var(--font-mono);font-size:var(--lf-kicker-size, var(--text-caption));line-height:var(--lh-meta);font-weight:700;letter-spacing:var(--lf-kicker-tracking, .1em)}.tut-kicker-dot,.doc-kicker-dot{width:var(--lf-kicker-dot, 6px);height:var(--lf-kicker-dot, 6px);border-radius:50%;background:var(--blue);box-shadow:0 0 0 4px #2d5bff1f}.read-head h1,.tut-hero h1,.doc-hero h1{margin:0;color:var(--ink);font-size:var(--lf-h1-size, 40px);line-height:var(--lf-h1-line, 1.15);font-weight:800;letter-spacing:var(--lf-h1-tracking, -.04em);text-wrap:balance}.read-dek,.tut-lead,.doc-dek{margin:var(--lf-lead-margin, var(--space-4) 0 0);max-width:var(--lf-lead-max, none);color:var(--body);font-size:var(--lf-lead-size, var(--text-body-lg));line-height:var(--lf-lead-line, var(--lh-readable));text-wrap:var(--lf-lead-wrap, wrap)}.read-body p,.tut-article p,.doc-article p{margin:0 0 var(--lf-prose-gap, var(--space-5));color:var(--lf-prose-color, #3f4656);font-size:var(--lf-prose-size, 17px);line-height:var(--lf-prose-line, var(--lh-reading));text-wrap:var(--lf-prose-wrap, wrap)}.read-body p:last-child,.tut-article p:last-child,.doc-article p:last-child{margin-bottom:0}.read-body strong,.tut-article strong,.doc-article strong{color:var(--ink);font-weight:700}.read-body a,.tut-article a,.doc-article a{color:var(--lf-link, var(--blue));text-decoration:underline;text-decoration-color:var(--lf-link-line, rgba(45, 91, 255, .3));text-underline-offset:3px}.read-body a:hover,.tut-article a:hover,.doc-article a:hover{text-decoration-color:var(--lf-link, var(--blue))}.read-body h2,.tut-article h2,.doc-section h2{margin:var(--lf-h2-margin, 0 0 var(--space-4));color:var(--ink);font-size:var(--lf-h2-size, var(--text-xl));line-height:var(--lf-h2-line, var(--lh-tight));font-weight:var(--lf-h2-weight, 700);letter-spacing:var(--lf-h2-tracking, -.02em);text-wrap:balance}.tut-article h3,.doc-section h3{margin:var(--lf-h3-margin, var(--space-7-5) 0 var(--space-2-5));color:var(--ink);font-size:var(--lf-h3-size, var(--text-title-sm));line-height:var(--lh-tight);font-weight:700;letter-spacing:var(--lf-h3-tracking, -.02em);text-wrap:var(--lf-h3-wrap, wrap)}.read-body .read-sec,.doc-sec-no{margin:var(--lf-label-margin, 0 0 var(--space-2-5));color:var(--blue);font-family:var(--font-mono);font-size:var(--lf-label-size, var(--text-caption));line-height:var(--lh-meta);font-weight:700;letter-spacing:var(--lf-label-tracking, .1em)}.read-note,.tut-callout,.doc-callout{margin:var(--lf-callout-margin, var(--space-5-5) 0);padding:var(--lf-callout-padding, 15px 17px);border-left:var(--lf-callout-border, 2px) solid var(--lf-callout-accent, var(--blue));border-radius:var(--lf-callout-radius, var(--radius-md));background:var(--lf-callout-bg, var(--surface-tint));color:var(--lf-callout-color, inherit);font-size:var(--lf-callout-size, inherit);line-height:var(--lf-callout-line, inherit)}.read-quote,.doc-quote{margin:var(--lf-quote-margin, var(--space-8) 0);padding:var(--lf-quote-pad, var(--space-0-5) 0 var(--space-0-5) var(--space-5));border-left:var(--lf-quote-border, 2px) solid var(--lf-quote-accent, var(--blue));color:var(--lf-quote-color, #2c3443);font-size:var(--lf-quote-size, var(--text-card-title));line-height:var(--lf-quote-line, var(--lh-reading));font-weight:var(--lf-quote-weight, 500);letter-spacing:var(--lf-quote-tracking, -.01em);text-wrap:var(--lf-quote-wrap, wrap)}.tut-table-wrap,.doc-table-wrap{margin:var(--lf-table-margin, var(--space-5-5) 0);overflow-x:auto;border:1px solid var(--line);border-radius:var(--lf-table-radius, var(--radius-xl));background:var(--surface)}.tut-table,.doc-table{width:100%;border-collapse:collapse;font-size:var(--lf-table-size, 15px);line-height:1.65}.tut-table th,.doc-table th{padding:var(--lf-table-head-y, 10px) var(--space-3-5);text-align:left;vertical-align:top}.tut-table td,.doc-table td{padding:var(--lf-table-cell-y, 11px) var(--space-3-5);color:var(--lf-table-text, inherit);text-align:left;vertical-align:top}.tut-table td:first-child,.doc-table td:first-child{color:var(--ink);font-weight:600}.tut-progress-track,.doc-progress{height:var(--lf-progress-height, 4px);margin-top:9px;overflow:hidden;border-radius:var(--radius-pill);background:#edf0f6}.tut-progress-fill,.doc-progress-fill{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue),var(--cyan));transition:width var(--lf-progress-speed, .12s) linear}.tut-aside,.doc-toc{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}.tut-aside::-webkit-scrollbar,.doc-toc::-webkit-scrollbar{width:var(--lf-scrollbar-width, 4px)}.tut-aside::-webkit-scrollbar-thumb,.doc-toc::-webkit-scrollbar-thumb{border-radius:var(--radius-xs);background:var(--line-strong)}
