.tutorial-section{border-top:1px solid var(--line);background:#f8f5ef;scroll-margin-top:24px}.tutorial-heading{grid-template-columns:1fr 1fr;align-items:end;gap:45px;display:grid}.tutorial-heading>p{max-width:410px;color:var(--muted);justify-self:end;font-size:14px;line-height:1.9}.tutorial-disclosure{color:var(--muted);border-left:2px solid var(--gold);max-width:860px;margin-top:28px;padding-left:13px;font-size:11px;line-height:1.8}.tutorial-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:20px;margin-top:30px;display:grid}.tutorial-card{background:var(--paper);border:1px solid var(--line);border-radius:9px;min-width:0;overflow:hidden}.tutorial-player{aspect-ratio:16/9;border-bottom:1px solid var(--line);background:#e9dfd3;position:relative}.tutorial-player video{object-fit:contain;width:100%;height:100%;display:block}.tutorial-player video::cue{color:#fff;background:#400d1df0;font-family:Arial,sans-serif}.tutorial-content{padding:23px}.tutorial-meta{letter-spacing:.1em;color:#8d776c;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px;font-size:9px;display:flex}.tutorial-meta>span:last-child{letter-spacing:0;white-space:nowrap;color:var(--muted);align-items:center;gap:5px;display:inline-flex}.tutorial-content h3{letter-spacing:-.03em;color:var(--ink);font-family:Georgia,Times New Roman,serif;font-size:27px;line-height:1.2}.tutorial-content>p{color:var(--muted);min-height:65px;margin-top:13px;font-size:12px;line-height:1.8}.tutorial-transcript{border-top:1px solid var(--line);margin-top:20px;padding-top:0}.tutorial-transcript summary{color:var(--wine);cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:15px 0 0;font-size:11px;font-weight:600;line-height:1.5;list-style:none;display:flex}.tutorial-transcript summary::-webkit-details-marker{display:none}.tutorial-transcript summary>span{font-size:18px;font-weight:400;line-height:1;transition:transform .2s}.tutorial-transcript[open] summary>span{transform:rotate(45deg)}.tutorial-transcript ol{color:var(--muted);margin:15px 0 0;padding-left:18px;font-size:11px;line-height:1.85}.tutorial-transcript li{margin-top:9px;padding-left:3px}.tutorial-next{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;margin-top:29px;padding-top:23px;display:flex}.tutorial-next>p{color:var(--muted);font-size:13px}.tutorial-next .text-link{flex-shrink:0;min-height:44px}.tutorial-player video:focus-visible{outline:3px solid var(--gold);outline-offset:-3px}@media (max-width:1100px){.tutorial-grid{gap:15px}.tutorial-content{padding:19px}.tutorial-content h3{font-size:25px}.tutorial-content>p{min-height:80px}.tutorial-meta{font-size:8px}}@media (max-width:800px){.tutorial-heading{grid-template-columns:1fr;gap:22px}.tutorial-heading>p{justify-self:start;max-width:560px;font-size:13px}.tutorial-grid{grid-template-columns:1fr;gap:22px;max-width:700px}.tutorial-content{padding:24px}.tutorial-content h3{font-size:29px}.tutorial-content>p{max-width:580px;min-height:0;font-size:13px}.tutorial-meta{font-size:10px}.tutorial-transcript summary,.tutorial-transcript ol{font-size:12px}.tutorial-disclosure{font-size:11px}.tutorial-next{align-items:flex-start}.tutorial-next>p{max-width:320px}}@media (max-width:480px){.tutorial-heading h2{font-size:34px}.tutorial-heading>p{font-size:12px}.tutorial-disclosure{margin-top:22px;font-size:10px}.tutorial-grid{gap:20px;margin-top:25px}.tutorial-content{padding:20px}.tutorial-content h3{font-size:27px}.tutorial-content>p{font-size:12px}.tutorial-meta{font-size:9px}.tutorial-transcript summary,.tutorial-transcript ol{font-size:12px}.tutorial-next{flex-direction:column;align-items:flex-start;gap:9px}.tutorial-next>p,.tutorial-next .text-link{font-size:12px}}.tutorial-card{scroll-margin-top:112px}
