.tutorial-main{max-width:1480px;margin:0 auto;padding:clamp(20px,3vw,48px)}.tutorial-lead{max-width:740px;font-size:1.1rem;color:#555d63}.tutorial-search{display:flex;gap:12px;align-items:end;margin:28px 0 16px}.tutorial-search label{flex:1;max-width:650px}.tutorial-search input{width:100%;margin-top:7px}.tutorial-categories,.tutorial-chapter-nav{display:flex;flex-wrap:wrap;gap:8px}.tutorial-categories button[aria-pressed=true]{background:#132c3b;color:white;border-color:#132c3b}.tutorial-layout{display:grid;grid-template-columns:minmax(240px,310px) minmax(0,1fr);gap:28px;align-items:start;margin-top:18px}#tutorial-list{display:grid;gap:10px;max-height:calc(100vh - 80px);overflow:auto;position:sticky;top:24px;padding:2px 4px 4px 2px}.tutorial-card{display:grid;gap:7px;padding:17px;text-decoration:none;border:1px solid #d8d9d5;border-radius:12px;background:#fff;color:#172b36}.tutorial-card:hover{border-color:#b05228}.tutorial-card[aria-current=page]{background:#fff5e8;border-color:#b05228;box-shadow:inset 4px 0 #b05228}.tutorial-card small{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#66594c}.tutorial-card strong{font-size:1rem;line-height:1.3}.tutorial-card span{font-size:.8rem;color:#555d63}#tutorial-detail{min-width:0;border:1px solid #deded8;border-radius:16px;background:#fff;padding:clamp(18px,3vw,36px)}.tutorial-detail-head h2{margin-top:4px;font-size:clamp(1.5rem,2.2vw,2.2rem);line-height:1.15}.tutorial-detail-head>p{max-width:72ch}.tutorial-media{background:#f5f2eb;border:1px solid #e3ddd3;border-radius:12px;padding:24px;margin:24px 0}.tutorial-media h3{margin:8px 0}.tutorial-media video{display:block;width:100%;max-height:70vh;background:#132c3b;border-radius:8px}.tutorial-media a{font-weight:600}.tutorial-chapter-nav{margin-bottom:24px}.tutorial-chapter{border-top:1px solid #e2e3df;padding:26px 0;scroll-margin-top:22px}.tutorial-chapter h3{font-size:1.25rem;margin:0 0 10px}.tutorial-chapter>p{color:#555d63}.tutorial-chapter ol{padding-left:26px;margin:22px 0}.tutorial-chapter li{margin:0 0 14px;padding-left:6px;line-height:1.7}.tutorial-chapter li::marker{font-weight:750;color:#9d4321}.tutorial-chapter details{background:#f6f6f2;border-radius:8px;padding:14px 18px}.tutorial-chapter summary{cursor:pointer;font-weight:650}.tutorial-permalink{font-size:.84rem}.tutorial-end{font-size:.88rem;color:#62696a}.tutorial-empty{padding:22px;border:1px dashed #bbb;border-radius:12px}.tutorial-main :focus-visible{outline:3px solid #c55325;outline-offset:4px}.tutorial-chapter:focus:not(:focus-visible),#tutorial-detail:focus:not(:focus-visible){outline:none}@media(max-width:980px){.tutorial-layout{grid-template-columns:1fr}#tutorial-list{position:static;max-height:360px;grid-template-columns:repeat(2,minmax(0,1fr))}.tutorial-main{padding:24px 18px}}@media(max-width:580px){#tutorial-list{grid-template-columns:1fr;max-height:285px}.tutorial-search{align-items:stretch;flex-direction:column}.tutorial-search button{align-self:start}.tutorial-media{padding:18px}.tutorial-categories button,.tutorial-chapter-nav button{min-height:44px}.tutorial-chapter li{line-height:1.65}.tutorial-main .studio-header{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}