.tutorials-page .legal-layout{display:block}.tutorials-page .legal-sidebar{display:none}.tutorials-home{background:#f0f6ff}.tutorial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.tutorial-card{display:block;height:100%;border:1px solid #dce5f2;background:white;border-radius:20px;overflow:hidden;color:#132747;text-decoration:none;box-shadow:0 6px 24px #112a4d0a;transition:transform .2s,box-shadow .2s}.tutorial-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px #112a4d20}.tutorial-card:focus-visible,.tutorial-path:focus-visible{outline:3px solid #006bff;outline-offset:4px}.tutorial-cover{position:relative;aspect-ratio:16/9;overflow:hidden}.tutorial-cover img{width:100%;height:100%;object-fit:cover}.tutorial-duration{position:absolute;bottom:10px;right:10px;background:#071b38e8;color:white;padding:4px 8px;border-radius:6px;font-size:13px}.tutorial-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:#ffffffee;color:#006bff;width:48px;height:48px;display:grid;place-items:center;box-shadow:0 4px 20px #0003}.tutorial-card-body{padding:20px}.tutorial-card small{color:#3566a1}.tutorial-card h3{font-size:18px;line-height:1.4;margin:8px 0 18px}.tutorial-card-body>span{color:#065bd8;font-weight:700;font-size:14px}.tutorial-paths{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 30px}.tutorial-path{border:1px solid #d3deed;border-radius:24px;background:white;color:#23415f;padding:10px 16px;text-decoration:none;font-size:14px}.tutorial-path.is-active{background:#075edf;border-color:#075edf;color:white}.tutorial-path-intro{padding:28px;border-radius:20px;background:#eaf3ff;margin-bottom:28px}.tutorial-filters{display:flex;gap:18px;flex-wrap:wrap;padding:22px;background:white;border:1px solid #dce5f2;border-radius:18px}.tutorial-filters label{display:grid;gap:8px;flex:1;min-width:180px;font-weight:600}.tutorial-filters input,.tutorial-filters select{padding:12px;border:1px solid #b8c9e0;border-radius:8px;width:100%;font:inherit;background:white}.tutorial-grid [hidden],[hidden]{display:none!important}.tutorial-back{display:block;margin-bottom:20px}.tutorial-player{border-radius:20px;overflow:hidden;background:#071b38;color:white}.tutorial-player img{display:block;width:100%;height:auto}.tutorial-player p{text-align:center;padding:16px}.tutorial-player iframe{display:block;width:100%;aspect-ratio:16/9;min-height:200px;border:0}.tutorial-reading{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:30px 0}.tutorial-reading article{padding:24px;background:white;border:1px solid #dce5f2;border-radius:18px}.tutorial-description{white-space:pre-wrap;overflow-wrap:anywhere}.tutorial-chapters{padding-left:20px}.tutorial-chapters li{margin:12px 0}.tutorial-chapters a{color:#075edf}.tutorial-chapters time{font-variant-numeric:tabular-nums;font-weight:700;margin-right:8px}.tutorial-next{display:flex;gap:24px;justify-content:space-between;padding:24px;background:#eaf3ff;border-radius:18px;margin-bottom:32px}.tutorial-next a{max-width:48%;color:#074ab2;text-decoration:none}.tutorials-home .section-heading{margin-bottom:28px}@media(max-width:1000px){.tutorial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.tutorial-grid,.tutorial-reading{grid-template-columns:1fr}.tutorial-filters{padding:16px}.tutorial-next{flex-direction:column}.tutorial-next a{max-width:100%}.tutorial-card h3{font-size:17px}}