.tutorial-intro{padding:16px 20px;border:1px solid #dbe4ec;background:#f4f6f8;border-radius:12px;margin-bottom:20px;max-width:1100px}.tutorial-intro strong{font-size:16px;color:#1b1d34}.tutorial-intro p{margin:6px 0;line-height:1.6}.tutorial-count,.tutorial-intro>span{font-size:13px;color:#526773}.tutorial-heading,.tutorial-section{max-width:1100px}.tutorial-topics{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 24px}.tutorial-topics a{border:1px solid #dbe4ec;border-radius:8px;padding:9px 13px;background:white;color:#1b1d34;text-decoration:none;font-size:13px}.tutorial-topics a:hover{background:#edf1f5}.tutorial-section{scroll-margin-top:100px;margin-bottom:28px}.tutorial-section>h2{display:flex;align-items:center;gap:10px;font-size:19px;margin:0 0 12px}.tutorial-section>h2>span{display:inline-grid;place-items:center;min-width:24px;height:24px;border-radius:6px;background:#e8edf1;color:#526773;font-size:12px}.tutorial-grid{display:grid;gap:10px}.tutorial-card{display:grid;grid-template-columns:176px minmax(0,1fr) auto;align-items:center;gap:22px;padding:14px;background:#fff;border:1px solid #dce5e7;border-radius:12px}.tutorial-cover{position:relative;display:block;background:#f7f9f9;border:1px solid #e5eaee;border-radius:8px;overflow:hidden}.tutorial-cover img{width:100%;height:auto;display:block;aspect-ratio:16/9;object-fit:contain}.tutorial-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;padding-left:2px;width:32px;height:32px;border-radius:50%;background:#1b1d34;color:white;font-size:12px;box-shadow:0 3px 12px #0002}.tutorial-meta{font-size:11px;letter-spacing:.035em;color:#526773}.tutorial-body h3{font-size:17px;line-height:1.4;margin:5px 0}.tutorial-body>p{font-size:14px;line-height:1.55;color:#526773;margin:0;max-width:640px}.tutorial-action{white-space:nowrap;font-size:13px!important;min-height:42px;margin-right:4px;gap:12px}.tutorial-section a:focus-visible,.tutorial-topics a:focus-visible{outline:3px solid #265777;outline-offset:3px}@media(max-width:760px){.tutorial-card{grid-template-columns:120px minmax(0,1fr);gap:12px}.tutorial-action{grid-column:2;justify-self:start}.tutorial-body h3{font-size:16px}.tutorial-body>p{font-size:13px}.tutorial-intro{padding:14px}}@media(max-width:440px){.tutorial-card{grid-template-columns:90px minmax(0,1fr);padding:12px;align-items:start}.tutorial-action{grid-column:1/-1;justify-self:stretch;justify-content:center;margin:0}.tutorial-meta{font-size:10px}.tutorial-section>h2{font-size:17px}.tutorial-cover{margin-top:4px}}