.tc{grid-template-columns:minmax(280px,330px) minmax(0,1fr);align-items:start;gap:28px;display:grid}.tc-list{gap:10px;display:grid}.tc-tool{background:#ede9df;border:1px solid #141c241a;border-radius:14px;padding:12px 8px 8px;box-shadow:0 1px #141c240d}.tc-tool.is-current{background:#e7e3d8;border-color:#141c242e}.tc-tool-name{font-family:var(--font-display), Georgia, serif;justify-content:space-between;gap:8px;margin:0 8px 6px;font-size:17px;font-weight:700;display:flex}.tc-tool-name span{color:var(--muted,#5b6168);font:500 12px/1.6 var(--font-sans), sans-serif;white-space:nowrap}.tc-chapters{gap:2px;margin:0;padding:0;list-style:none;display:grid}.tc-chapter{color:var(--ink,#141c24);cursor:pointer;font:inherit;text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:12px;width:100%;padding:5px;display:flex}.tc-chapter:hover{background:#f3f0e8cc}.tc-chapter[aria-current=true]{background:#f3f0e8;border-color:#527a618c}.tc-chapter[aria-current=true] .tc-chapter-title,.tc-chapter[aria-current=true] .tc-chapter-time{color:var(--sage-text,#527a61)}.tc-chapter:focus-visible,.tc-tab:focus-visible{outline:2px solid var(--sage-text,#527a61);outline-offset:2px}.tc-thumb{aspect-ratio:16/10;background:#ddd8cb;border:1px solid #141c241a;border-radius:10px;flex:0 0 88px;position:relative;overflow:hidden}.tc-thumb img,.tc-thumb video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.tc-chapter-text{gap:2px;min-width:0;display:grid}.tc-chapter-title{font-size:14px;font-weight:700;line-height:1.3}.tc-chapter-time{color:var(--muted,#5b6168);font:500 12px/1.4 var(--font-mono), monospace}.tc-stage{position:sticky;top:92px}.tc-frame{background:#f3f0e8;border:1px solid #141c241f;border-radius:16px;width:100%;transition:aspect-ratio .35s;overflow:hidden;box-shadow:0 1px #141c240f,0 18px 44px #141c241f}.tc-frame video{object-fit:contain;background:#f3f0e8;width:100%;height:100%;display:block}.tc-now{color:var(--muted,#5b6168);margin:12px 2px 0;font-size:14px}.tc-now strong{color:var(--ink,#141c24)}.tc-tabs,.tc-mobile-chapters{display:none}@media (prefers-reduced-motion:reduce){.tc-frame{transition:none}}@media (max-width:860px){.tc{grid-template-columns:minmax(0,1fr);gap:16px}.tc-list{display:none}.syn-tutorials{padding:32px 0 48px}.syn-tutorials-inner{padding:0 20px}.syn-tutorials-head{margin-bottom:20px}.tc-tabs{scrollbar-width:none;gap:8px;margin:0 -20px;padding:2px 20px 4px;scroll-padding:0 20px;display:flex;overflow-x:auto}.tc-tab{color:var(--ink,#141c24);cursor:pointer;font:700 14px/1 var(--font-sans), sans-serif;background:#ede9df;border:1px solid #141c2424;border-radius:999px;flex:none;min-height:40px;padding:0 16px}.tc-tab[aria-selected=true]{background:#e7e3d8;border-color:#141c2466;box-shadow:0 1px #141c241f}.tc-stage{position:static}.tc-frame{border-radius:14px}.tc-now{margin-top:10px}.tc-mobile-chapters{background:#ede9df;border:1px solid #141c241a;border-radius:14px;padding:6px;display:block}.tc-thumb{flex-basis:84px}}.syn-tutorials{padding:56px 0 80px}.syn-tutorials-inner{max-width:1200px;margin:0 auto;padding:0 40px}.syn-tutorials-head{max-width:720px;margin-bottom:32px}.syn-tutorials .syn-tutorials-head h1{font-family:var(--font-display), Georgia, serif;letter-spacing:-.02em;max-width:18ch;margin:10px 0 12px;font-size:clamp(32px,4vw,52px);line-height:1.1}.syn-tutorials-head p:not(.syn-kicker){color:var(--muted,#5b6168);max-width:60ch;margin:0}.tc-apart{color:var(--sage-text,#527a61);font:500 11px/1 var(--font-mono), monospace;letter-spacing:.1em;text-transform:uppercase;border-top:1px solid #141c2424;margin:8px 4px 0;padding-top:16px}.tc--single .tc-list .tc-tool-name{margin-bottom:8px}@media (max-width:860px){.tc-tab--apart{margin-left:10px;position:relative}.tc-tab--apart:before{content:"";background:#141c242e;width:1px;height:22px;position:absolute;top:50%;left:-10px;transform:translateY(-50%)}.tc--single .tc-tabs{display:none}}.syn-audit-tutorials{padding-top:24px;padding-left:4vw;padding-right:4vw}.syn-audit-tutorials-inner{max-width:1400px;margin:0 auto}.syn-audit-tutorials .syn-section-head{margin-bottom:32px}@media (max-width:860px){.syn-audit-tutorials{padding-left:20px;padding-right:20px}.syn-audit-tutorials .syn-section-head{margin-bottom:20px}}