.tutorial-intro{margin-bottom:44px}.tutorial-intro h1{max-width:800px}.tutorial-tab-note{border-left:2px solid var(--accent);max-width:730px;margin:28px 0 0;padding-left:16px;font-size:15px;line-height:1.65}.tutorial-examples{border-bottom:1px solid #d4cfc3;padding-bottom:48px}.tutorial-example-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.tutorial-example-grid figure{min-width:0;margin:0}.tutorial-example-grid figure>a{display:block}.tutorial-example-grid img{object-fit:contain;background:#e9e5dc;width:100%;height:250px;display:block}.tutorial-example-grid figcaption{padding-top:14px;font-size:14px;line-height:1.5}.tutorial-example-grid figcaption a{justify-content:space-between;align-items:center;gap:20px;min-height:44px;font-weight:700;display:inline-flex}.tutorial-example-grid figcaption span:last-child{color:#645c53;display:block}.tutorial-layout{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:64px;margin-top:52px;display:grid}.tutorial-toc{max-height:calc(100vh - 48px);padding-right:12px;font-size:13px;position:sticky;top:24px;overflow-y:auto}.tutorial-toc p{color:#645c53;letter-spacing:.12em;text-transform:uppercase;margin:0 0 16px;font-size:11px;font-weight:600}.tutorial-toc ol{margin:0;padding:0;list-style:none}.tutorial-toc a{align-items:center;min-height:44px;padding-block:8px;line-height:1.45;text-decoration:none;display:flex}.tutorial-toc a:hover{text-decoration:underline}.tutorial-toc .tutorial-toc-more{border-top:1px solid #d4cfc3;gap:8px;margin-top:14px}.tutorial-reading{min-width:0;max-width:790px}.tutorial-section{overflow-wrap:anywhere;border-top:1px solid #d4cfc3;margin-top:44px;padding-top:36px;scroll-margin-top:24px}.tutorial-section:first-child{border-top:0;margin-top:0;padding-top:0}.tutorial-section h2{max-width:690px}.tutorial-section h3{margin-top:28px;scroll-margin-top:24px}.tutorial-section p{margin:0 0 18px}.tutorial-section .tutorial-section-number{color:#645c53;letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px;font-size:11px}.tutorial-steps{margin:22px 0;padding-left:24px}.tutorial-steps li{margin-bottom:18px;padding-left:8px}.tutorial-steps li::marker{color:var(--accent);font-weight:700}.tutorial-result{background:#eae6dd;padding:17px 20px;font-size:15px;line-height:1.65}.tutorial-emphasis{border-top:2px solid var(--accent)}.tutorial-emphasis .tutorial-section-number{color:var(--accent)}.tutorial-output-list,.tutorial-control-list{margin:24px 0}.tutorial-output-list>div,.tutorial-control-list>div{border-top:1px solid #d4cfc3;padding:20px 0}.tutorial-output-list>div:last-child,.tutorial-control-list>div:last-child{border-bottom:1px solid #d4cfc3}.tutorial-output-list dt,.tutorial-control-list dt{font-weight:700;line-height:1.4}.tutorial-output-list dt span{color:#645c53;margin-top:5px;font-size:12px;font-weight:400;display:block}.tutorial-output-list dd,.tutorial-control-list dd{margin:10px 0 0;font-size:15px;line-height:1.7}.tutorial-help{border:1px solid #bdb5a7;margin-top:48px;padding:28px}.tutorial-help p{font-size:15px}.tutorial-help>a{align-items:center;gap:8px;min-height:44px;font-size:15px;display:inline-flex}.tutorial-related{border-top:1px solid #d4cfc3;margin-top:64px;padding-top:36px;scroll-margin-top:24px}.tutorial-back{margin:32px 0 0;font-size:14px}.tutorial-back a{align-items:center;gap:12px;min-height:44px;display:inline-flex}@media (max-width:1000px){.tutorial-layout{grid-template-columns:180px minmax(0,1fr);gap:32px}.tutorial-example-grid img{height:210px}}@media (max-width:820px){.tutorial-layout{grid-template-columns:1fr;gap:36px;margin-top:32px}.tutorial-toc{border-bottom:1px solid #d4cfc3;max-height:none;padding:0 0 24px;position:static;overflow:visible}.tutorial-toc ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;display:grid}.tutorial-toc .tutorial-toc-more{margin-top:12px;padding-top:16px}.tutorial-reading{max-width:none}}@media (max-width:700px){.tutorial-nav nav{column-gap:16px}.tutorial-intro{margin-bottom:36px}.tutorial-example-grid{grid-template-columns:1fr;gap:28px}.tutorial-example-grid img{height:auto;max-height:420px}.tutorial-example-grid figcaption{padding-top:6px}.tutorial-example-grid figcaption a{min-height:40px}.tutorial-examples{padding-bottom:32px}.tutorial-section{margin-top:36px;padding-top:28px;font-size:16px}.tutorial-section h2{font-size:34px}.tutorial-section h3{font-size:18px}.tutorial-steps{padding-left:21px}.tutorial-steps li{padding-left:4px}.tutorial-result{padding:14px 16px}.tutorial-help{padding:22px 18px}}@media (max-width:380px){.tutorial-toc ol{grid-template-columns:1fr}.tutorial-page h1{font-size:48px}.tutorial-section h2{font-size:31px}.tutorial-tab-note{padding-left:12px}}