/* ---- screen.css ---- */
:root{--gh-font-heading:'Anton',Impact,sans-serif;--gh-font-body:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--bg:#0b0c10;--panel:#12141a;--ink:#f2f4f8;--soft:#b8c0cd;--mute:#7c8595;--line:rgba(255, 255, 255, .09);--line2:rgba(255, 255, 255, .16);--pink:#ff1a75;--green:#30d47a;--red:#ff4e63;--blue:#21c8ff;--violet:#8b7dff;--orange:#ff8a1f;--yellow:#ffd24a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16.5px/1.6 var(--gh-font-body);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}button{font:inherit;color:inherit;background:0 0;border:0;cursor:pointer;padding:0}:focus-visible{outline:2px solid var(--pink);outline-offset:2px;border-radius:4px}::selection{color:#0b0c10;background:var(--pink)}.wrap{max-width:1160px;margin:0 auto;padding:0 28px}.display{font-family:var(--gh-font-heading);font-weight:400;text-transform:uppercase;letter-spacing:.01em}.site-main{min-height:60vh}.bar{border-bottom:1px solid var(--line)}.bar-in{display:flex;align-items:center;gap:34px;height:66px}.brand{display:flex;align-items:baseline;gap:10px}.brand b{font-size:1.02rem;font-weight:800;white-space:nowrap}.brand i{width:9px;height:9px;border-radius:50%;background:var(--pink);align-self:center}.nav{display:flex;gap:26px;margin-left:auto}.nav a{color:var(--soft);font-size:.93rem;font-weight:650;padding:6px 0;border-bottom:2px solid transparent;transition:color .15s,border-color .15s}.nav a:hover{color:var(--ink);border-color:var(--pink)}.bar-search{display:flex;align-items:center;gap:8px;padding:8px 18px;color:var(--mute);background:var(--panel);border:1px solid var(--line2);border-radius:999px;font-size:.88rem;transition:border-color .15s,color .15s}.bar-search:hover{border-color:var(--pink);color:var(--soft)}body.on-home .bar-in .bar-search{display:none}.burger{display:none;width:48px;height:48px;padding:13px;flex-direction:column;justify-content:center;gap:5px}.burger span{display:block;width:22px;height:2px;background:var(--ink);border-radius:2px}.nav-mobile{display:none;flex-direction:column;padding:8px 28px 18px;border-bottom:1px solid var(--line);background:var(--panel)}.nav-mobile.open{display:flex}.nav-mobile a{padding:13px 0;border-bottom:1px solid var(--line);color:var(--soft);font-weight:650}.nav-mobile a:hover{color:var(--ink)}.bar-search--mobile{margin-top:14px;justify-content:center}.hero{padding:54px 0 48px}.hero-in{display:grid;grid-template-columns:1.02fr 1fr;gap:54px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:9px;margin:0 0 18px;color:var(--soft);font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.eyebrow i{width:8px;height:8px;border-radius:50%;background:var(--pink);box-shadow:0 0 12px var(--pink)}.mega{margin:0;font-size:clamp(3rem, 6vw, 4.9rem);line-height:.96}.mega span{color:var(--pink)}.hero-h1{margin:20px 0 0;font-size:1.14rem;font-weight:800;letter-spacing:-.01em;color:var(--ink)}.hero-copy{margin:10px 0 0;max-width:46ch;color:var(--soft);font-size:1.05rem}.hero-cta{display:flex;align-items:center;gap:18px;margin-top:28px;flex-wrap:wrap}.hero-search{display:flex;align-items:center;gap:12px;min-width:320px;padding:14px 22px;color:var(--mute);background:var(--panel);border:1px solid var(--line2);border-radius:999px;font-size:.95rem;text-align:left;transition:border-color .15s,box-shadow .15s}.hero-search b{color:var(--ink);font-weight:700}.hero-search:hover{border-color:var(--pink);box-shadow:0 0 0 4px rgba(255,26,117,.09)}.hero-note{color:var(--mute);font-size:.86rem}.hero-topics{display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:26px}.hero-topics a{display:inline-flex;align-items:center;gap:9px;color:var(--mute);font-size:.9rem;font-weight:700;transition:color .15s}.hero-topics a i{width:8px;height:8px;border-radius:50%}.hero-topics a:hover{color:var(--ink)}.d-green{background:var(--green)}.d-blue{background:var(--blue)}.d-red{background:var(--red)}.d-yellow{background:var(--yellow)}.d-violet{background:var(--violet)}.d-orange{background:var(--orange)}.d-pink{background:var(--pink)}.grade{position:relative;user-select:none}.grade-frame{position:relative;overflow:hidden;border-radius:18px;border:1px solid var(--line2);box-shadow:0 40px 80px -40px rgba(0,0,0,.8);cursor:ew-resize;touch-action:none}.grade-frame img{width:100%;aspect-ratio:16/9;object-fit:cover}.grade-log{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--pos,46%)) 0 0)}.grade-log img{filter:saturate(.32) contrast(.72) brightness(1.14)}.grade-bar{position:absolute;top:0;bottom:0;left:var(--pos,46%);width:2px;background:#fff;box-shadow:0 0 14px rgba(0,0,0,.6)}.grade-knob{position:absolute;top:50%;left:var(--pos,46%);width:40px;height:40px;display:grid;place-items:center;background:#fff;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 8px 24px rgba(0,0,0,.5)}.grade-knob i{width:12px;height:12px;border-radius:50%;background:var(--pink)}.grade-tag{position:absolute;bottom:12px;padding:5px 12px;border-radius:999px;background:rgba(8,9,12,.72);color:#e8ecf2;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;backdrop-filter:blur(6px)}.grade-tag.l{left:12px}.grade-tag.r{right:12px}.grade-cap{margin:12px 4px 0;color:var(--mute);font-size:.86rem;text-align:center}.facts{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.facts-in{display:grid;grid-template-columns:repeat(4,1fr)}.fact{padding:24px 26px 26px;border-left:1px solid var(--line)}.fact:first-child{border-left:0;padding-left:2px}.fact .fact-t,.fact h3{margin:0 0 6px;font-size:1.06rem;font-weight:800;letter-spacing:-.01em}.fact .fact-t span,.fact h3 span{color:var(--pink)}.fact p{margin:0;color:var(--mute);font-size:.87rem;line-height:1.5}.goals{padding:36px 0 40px;border-bottom:1px solid var(--line)}.goals-title{margin:0 0 22px;font-size:1.4rem}.goals-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 44px}.goal b{display:flex;align-items:center;gap:10px;font-size:1rem;font-weight:800}.goal b i{width:8px;height:8px;border-radius:50%;flex:0 0 8px}.goal p{display:flex;flex-wrap:wrap;gap:6px 18px;margin:9px 0 0 18px}.goal a{color:var(--mute);font-size:.9rem;font-weight:650;border-bottom:1px solid var(--line2);padding-bottom:2px;transition:color .15s,border-color .15s}.goal a:hover{color:var(--ink);border-color:var(--pink)}@media (max-width:960px){.goals-grid{grid-template-columns:1fr 1fr}}@media (max-width:560px){.goals-grid{grid-template-columns:1fr}}.reel{padding:52px 0 48px;border-bottom:1px solid var(--line)}.reel-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:30px}.reel-swatch{display:block;width:34px;height:4px;margin-bottom:14px;background:var(--acc,var(--pink))}.reel-head h2{margin:0;font-size:clamp(1.7rem, 3vw, 2.5rem);line-height:1}.reel-sub{margin:10px 0 0;color:var(--mute);font-size:.95rem}.reel-all{color:var(--soft);font-size:.9rem;font-weight:700;border-bottom:1px solid var(--line2);padding-bottom:3px;white-space:nowrap}.reel-all:hover{color:var(--acc,var(--pink));border-color:var(--acc,var(--pink))}.reel-body{display:grid;grid-template-columns:5fr 7fr;gap:40px 56px;align-items:start}.feat{display:block}.feat-media{display:block;overflow:hidden;border-radius:14px;border:1px solid var(--line2)}.feat-media img{width:100%;height:auto;transition:transform .5s ease}.feat:hover .feat-media img{transform:scale(1.04)}.feat-kind{display:inline-block;margin:14px 0 6px;color:var(--acc,var(--pink));font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.feat-title{margin:0;font-size:1.28rem;font-weight:800;line-height:1.3;transition:color .15s}.feat:hover .feat-title{color:var(--acc,var(--pink))}.feat-meta{margin:8px 0 0;color:var(--mute);font-size:.85rem}.list{display:flex;flex-direction:column}.list a{display:block;padding:14px 2px 15px;border-bottom:1px solid var(--line);transition:padding-left .2s}.list a:first-child{border-top:1px solid var(--line)}.list a:hover{padding-left:10px}.list-row{display:flex;justify-content:space-between;align-items:baseline;gap:22px}.list-row b{color:var(--soft);font-size:1.02rem;font-weight:700;transition:color .15s}.list a:hover .list-row b{color:var(--ink)}.list-row small{color:var(--mute);font-size:.82rem;font-weight:600;white-space:nowrap}.list a:hover .list-row small{color:var(--acc,var(--pink))}.list-desc{margin:4px 0 0;color:var(--mute);font-size:.88rem;line-height:1.5;max-width:62ch}.list--wide a{padding:16px 2px 17px}.path{margin-top:42px;padding-top:28px;border-top:1px solid var(--line)}.path h3{margin:0 0 20px;font-size:1.15rem}.path-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:22px}.step{display:block;padding-top:12px;border-top:3px solid var(--acc,var(--pink))}.step b{display:block;font-size:.95rem;font-weight:800}.step span{display:block;margin-top:3px;color:var(--mute);font-size:.84rem;line-height:1.45;transition:color .15s}.step:hover span{color:var(--soft)}.acc-learn{--acc:var(--green)}.acc-fix{--acc:var(--red)}.acc-flow{--acc:var(--blue)}.acc-comp{--acc:var(--violet)}.tagacc-beginner-guides{--acc:var(--green)}.tagacc-workflow{--acc:var(--blue)}.tagacc-color-grading{--acc:var(--red)}.tagacc-fairlight{--acc:var(--yellow)}.tagacc-fusion{--acc:var(--violet)}.tagacc-export{--acc:var(--orange)}.tagacc-proxy-workflow{--acc:var(--pink)}.tagacc-tutorials{--acc:var(--pink)}.trust{padding:58px 0;border-bottom:1px solid var(--line);text-align:center}.trust h2{margin:0;font-size:clamp(1.9rem, 3.4vw, 2.9rem)}.trust h2 span{color:var(--pink)}.trust p{max-width:62ch;margin:18px auto 0;color:var(--soft)}.trust a{color:var(--ink);font-weight:700;border-bottom:1px solid var(--line2)}.trust a:hover{color:var(--pink);border-color:var(--pink)}.seotext{padding:52px 0;border-bottom:1px solid var(--line)}.seotext-in{display:grid;grid-template-columns:1.35fr 1fr;gap:54px;align-items:start}.seotext h2{margin:0 0 16px;font-size:clamp(1.6rem, 2.8vw, 2.2rem)}.seotext p{margin:0 0 14px;color:var(--soft);font-size:.97rem}.covered h3{margin:4px 0 12px;padding-bottom:12px;border-bottom:1px solid var(--line);font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}.covered ul{list-style:none;margin:0;padding:0}.covered li{position:relative;padding:8px 0 8px 20px;border-bottom:1px solid var(--line);color:var(--soft);font-size:.92rem}.covered li::before{content:"";position:absolute;left:2px;top:17px;width:7px;height:7px;border-radius:50%;background:var(--pink)}.faq{padding:54px 0 60px;border-bottom:1px solid var(--line)}.faq h2{margin:0 0 26px;font-size:clamp(1.7rem, 3vw, 2.4rem)}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 56px;align-items:start}.faq details{border-bottom:1px solid var(--line)}.faq summary{position:relative;padding:16px 36px 16px 0;font-weight:720;cursor:pointer;list-style:none;transition:color .15s}.faq summary:hover{color:var(--blue)}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"+";position:absolute;right:2px;top:50%;transform:translateY(-50%);color:var(--mute);font-size:1.25rem;font-weight:300;transition:transform .18s,color .18s}.faq details[open] summary::after{transform:translateY(-50%) rotate(45deg);color:var(--blue)}.faq p{margin:0;padding:0 24px 16px 0;color:var(--soft);font-size:.95rem}.crumbs{padding:18px 0 0;color:var(--mute);font-size:.85rem}.crumbs a{color:var(--mute)}.crumbs a:hover{color:var(--ink)}.crumbs b{color:var(--soft);font-weight:600}.band{padding:40px 0 34px;border-bottom:1px solid var(--line)}.band .reel-swatch{width:40px}.band h1{margin:0;font-size:clamp(2.2rem, 4.6vw, 3.4rem);line-height:1}.band .lead{margin:14px 0 0;max-width:62ch;color:var(--soft);font-size:1.02rem}.band .lead a{color:var(--blue)}.band .bmeta{margin:14px 0 0;color:var(--mute);font-size:.88rem}.band.err{border-bottom:0;padding:80px 0}.tag-list{padding:34px 0 60px}.page-body{padding:38px 0 64px}.page-body .art-body{margin-inline:auto}.guide-grid,.hub-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 24px}.guide-card,.hub-card{display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid var(--line2);border-radius:15px;background:var(--panel);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.guide-card:hover,.hub-card:hover{transform:translateY(-3px);border-color:var(--acc,var(--blue));box-shadow:0 18px 46px rgba(0,0,0,.24)}.guide-card-media,.hub-card-media{position:relative;display:block;overflow:hidden;aspect-ratio:3/2;border-bottom:1px solid var(--line2);background:#090c12}.guide-card-media img,.hub-card-media img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;transition:filter .25s ease}.guide-card:hover img,.hub-card:hover img{filter:brightness(1.06)}.guide-card-placeholder{display:grid;width:100%;height:100%;place-items:center;color:var(--mute);font-weight:800}.guide-card-copy,.hub-card-copy{display:flex;flex:1;flex-direction:column;padding:17px 18px 19px}.guide-card-meta,.hub-card-meta{margin-bottom:8px;color:var(--acc,var(--blue));font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.guide-card strong,.hub-card h3{margin:0;color:var(--ink);font-size:1.05rem;font-weight:800;line-height:1.3}.guide-card-excerpt,.hub-card p{display:block;margin:9px 0 0;color:var(--mute);font-size:.88rem;line-height:1.52}.hub-band{--acc:var(--blue);padding-top:36px}.hub-band .reel-swatch{background:var(--acc)}.hub-band--davinci-resolve-tutorial{--acc:var(--green)}.hub-band--fix-davinci-resolve{--acc:var(--red)}.hub-band--davinci-resolve-export-settings{--acc:var(--orange)}.hub-band--davinci-resolve-color-grading{--acc:var(--pink)}.hub-band--davinci-resolve-fairlight-audio{--acc:var(--yellow)}.hub-band--davinci-resolve-comparisons,.hub-band--davinci-resolve-fusion{--acc:var(--violet)}.hub-band--davinci-resolve-hardware-compatibility{--acc:#a6e22e}.hub-label{margin:0 0 10px;color:var(--acc);font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.hub-page-body{padding-block:38px 68px}.hub-content{color:var(--soft)}.hub-cover{max-width:1160px;margin:0 auto 34px;padding:0 28px}.hub-cover img{width:100%;aspect-ratio:16/9;object-fit:cover;border:1px solid var(--line2);border-radius:16px}.hub-byline{margin:17px 0 0;color:var(--mute);font-size:.88rem}.hub-byline a{color:var(--soft);font-weight:750;border-bottom:1px solid var(--line2)}.hub-byline a:hover{color:var(--ink);border-color:var(--pink)}.page-author{max-width:720px;margin:34px 0 0;padding-top:22px;border-top:1px solid var(--line)}.hub-accent-green{--acc:var(--green)}.hub-accent-red{--acc:var(--red)}.hub-accent-orange{--acc:var(--orange)}.hub-accent-pink{--acc:var(--pink)}.hub-accent-yellow{--acc:var(--yellow)}.hub-accent-violet{--acc:var(--violet)}.tag-hub-shell{--acc:inherit}.hub-content h2{margin:0;color:var(--ink);font-size:clamp(1.45rem, 2.7vw, 2rem);line-height:1.12}.hub-content p{line-height:1.65}.hub-overview{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:36px 64px;align-items:start;padding-bottom:38px;border-bottom:1px solid var(--line)}.hub-overview-copy>p:last-child{max-width:62ch;margin:13px 0 0;color:var(--soft)}.hub-kicker{margin:0 0 10px;color:var(--acc,var(--blue));font-size:.72rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.hub-routes{display:grid;gap:0;border-top:1px solid var(--line2)}.hub-route{padding:13px 0 14px;border-bottom:1px solid var(--line2)}.hub-route b{display:block;color:var(--ink);font-size:.93rem}.hub-route span{display:block;margin-top:3px;color:var(--mute);font-size:.85rem;line-height:1.45}.hub-library{padding-top:42px}.hub-library-head{display:flex;justify-content:space-between;gap:28px;align-items:end;margin-bottom:24px}.hub-library-head p{max-width:48ch;margin:0;color:var(--mute);font-size:.9rem}.hub-card{color:inherit}.hub-card-copy{min-height:176px}.hub-card h3{transition:color .2s ease}.hub-card:hover h3{color:var(--acc,var(--blue))}.hub-card p{flex:1}.hub-archive-link{display:inline-flex;margin-top:26px;padding-bottom:3px;border-bottom:1px solid var(--line2);color:var(--soft);font-size:.9rem;font-weight:750}.hub-archive-link:hover{color:var(--acc,var(--blue));border-color:var(--acc,var(--blue))}@media (max-width:960px){.guide-grid,.hub-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-overview{grid-template-columns:1fr;gap:28px}}@media (max-width:620px){.guide-grid,.hub-card-grid{grid-template-columns:1fr}.hub-library-head{display:block}.hub-library-head p{margin-top:9px}.guide-card-copy,.hub-card-copy{padding:15px 16px 17px}.hub-card-copy{min-height:0}}.jm{display:flex;gap:18px;align-items:center}.jm i{flex:0 0 72px;width:72px;height:72px;display:grid;place-items:center;border-radius:50%;background:var(--panel);border:1px solid var(--line2);color:var(--pink);font-style:normal;font-weight:800;font-size:1.4rem}.jm-img{width:72px;height:72px;border-radius:50%;object-fit:cover}.jm .author-name{display:block;margin:0;font-size:1.4rem;line-height:1.15;color:var(--ink)}.jm span{color:var(--mute);font-size:.92rem}.jm .author-social{display:inline-block;margin-top:8px;color:var(--blue);font-size:.88rem;font-weight:700}.jm .author-social:hover{color:var(--ink)}.art-head{padding:30px 0 36px;border-bottom:1px solid var(--line)}.art-tag{display:inline-block;margin:0 0 14px;padding:5px 13px;border:1px solid var(--line2);border-radius:999px;color:var(--pink);font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.art-title{margin:0;max-width:900px;font-size:clamp(2rem, 4.4vw, 3.3rem);line-height:1.02}.art-meta{display:flex;flex-wrap:wrap;gap:8px 22px;margin:18px 0 0;color:var(--mute);font-size:.88rem}.art-meta b{color:var(--soft);font-weight:700}.qa{max-width:820px;margin:26px 0 0;padding:18px 22px 19px;border-left:3px solid var(--pink);background:var(--panel)}.qa h2{margin:0 0 7px;font-size:.76rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--pink)}.qa p{margin:0;color:var(--ink);font-size:1.02rem;line-height:1.6}.art-grid{display:grid;grid-template-columns:250px minmax(0,1fr);gap:64px;padding-block:44px 60px}.toc{position:sticky;top:24px;align-self:start}.toc .toc-h,.toc h4{margin:0 0 10px;font-size:.74rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--mute)}.toc a{display:block;padding:8px 0 8px 14px;border-left:2px solid var(--line);color:var(--mute);font-size:.88rem;line-height:1.4;transition:color .15s,border-color .15s}.toc a.on,.toc a:hover{color:var(--ink);border-color:var(--pink)}.art-body{max-width:720px;font-size:1.04rem;line-height:1.72;color:var(--soft)}.art-body h2{margin:2.1em 0 .6em;font-size:1.6rem;line-height:1.1;color:var(--ink);scroll-margin-top:24px}.art-body h3{margin:1.5em 0 .5em;font-size:1.16rem;color:var(--ink)}.art-body h4{margin:1.4em 0 .4em;font-size:1.05rem;color:var(--ink)}.art-body p{margin:0 0 1.1em}.art-body strong{color:var(--ink)}.art-body ol,.art-body ul{margin:0 0 1.1em;padding-left:1.3em}.art-body li{margin-bottom:.4em}.art-body li::marker{color:var(--pink)}.art-body a{color:var(--blue);border-bottom:1px solid rgba(33,200,255,.3)}.art-body a:hover{border-color:var(--blue)}.art-body table{width:100%;margin:1.4em 0;border-collapse:collapse;font-size:.92rem;display:block;overflow-x:auto}.art-body td,.art-body th{padding:10px 12px;border:1px solid var(--line2);text-align:left}.art-body th{color:var(--ink);background:var(--panel)}.art-body td{color:var(--soft)!important}.art-body blockquote{margin:1.5em 0;padding:14px 18px;border-left:3px solid var(--orange);background:var(--panel)}.art-body blockquote p:last-child{margin-bottom:0}.art-body code{padding:1px 6px;color:var(--ink);background:#090c12;border:1px solid var(--line2);border-radius:5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88em}.art-body pre{overflow-x:auto;margin:1.6em 0;padding:16px 18px;background:#090c12;border:1px solid var(--line2);border-radius:10px;font-size:.9em;line-height:1.55}.art-body pre code{padding:0;background:0 0;border:0}.art-body hr{margin:2.3em 0;border:0;border-top:1px solid var(--line)}.art-body figure{margin:1.8em 0}.art-body figure img,.art-body>img{width:100%;border-radius:12px;border:1px solid var(--line2)}.art-body figcaption{margin-top:9px;color:var(--mute);font-size:.84rem;text-align:center}.art-cover{margin:0 0 1.8em}.art-cover img{aspect-ratio:16/9;object-fit:cover}.art-cover--comparison img{aspect-ratio:3/2}.art-body .kg-gallery-image img,.art-body figure img{cursor:zoom-in}.art-cover img{cursor:default}.lbx{position:fixed;inset:0;z-index:90;display:none;align-items:center;justify-content:center;padding:26px;background:rgba(4,6,10,.94);cursor:zoom-out}.lbx.on{display:flex}.lbx img{max-width:96vw;max-height:92vh;width:auto;height:auto;border-radius:8px}.lbx figcaption{position:fixed;left:0;right:0;bottom:12px;color:var(--mute);font-size:.86rem;text-align:center}.kg-width-wide{width:100%}.kg-width-full{width:100%}.kg-callout-card{display:flex;gap:12px;margin:1.6em 0;padding:16px 20px;border-left:3px solid var(--blue);background:var(--panel);border-radius:0}.kg-callout-emoji{flex:0 0 auto}.kg-button-card{margin:1.6em 0}.kg-btn,.kg-button-card a{display:inline-block;padding:12px 22px;border:1px solid var(--line2);border-radius:999px;color:var(--ink);font-weight:700}.kg-btn:hover,.kg-button-card a:hover{border-color:var(--pink);color:var(--pink)}.kg-bookmark-card{margin:1.6em 0}.kg-bookmark-container{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:16px;padding:16px;border:1px solid var(--line2);border-radius:12px}.kg-bookmark-content{min-width:0;display:flex;flex-direction:column}.kg-bookmark-title{color:var(--ink);font-weight:800}.kg-bookmark-author,.kg-bookmark-publisher{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kg-bookmark-description{margin-top:6px;color:var(--mute);font-size:.9rem}.kg-bookmark-metadata{display:flex;align-items:center;gap:8px;margin-top:12px;color:var(--mute);font-size:.78rem}.kg-bookmark-icon{width:18px;height:18px}.kg-bookmark-thumbnail img{width:100%;height:100%;object-fit:cover;border-radius:8px}.kg-gallery-container{display:flex;flex-direction:column;gap:12px;margin:1.8em 0}.kg-gallery-row{display:flex;gap:12px}.kg-gallery-image{flex:1;min-width:0}.kg-gallery-container .kg-gallery-image img{width:100%;height:auto;object-fit:contain;border-radius:12px;border:1px solid var(--line2)}@media (max-width:700px){.kg-gallery-container .kg-gallery-row{flex-direction:column}.art-body table{display:block;width:100%;min-width:0;max-width:100%;overflow-x:auto}.art-body table td,.art-body table th{min-width:160px}}.kg-toggle-card{margin:1.4em 0;padding:4px 18px;border:1px solid var(--line2);border-radius:12px}.mpath{display:flex;flex-wrap:wrap;align-items:center;gap:0;margin:1.2em 0}.mpath span{padding:8px 15px;border:1px solid var(--line2);background:var(--panel);color:var(--ink);font-size:.88rem;font-weight:700}.mpath span:first-child{border-radius:9px 0 0 9px}.mpath span+span{border-left:0}.mpath span:last-child{border-radius:0 9px 9px 0;color:var(--pink)}.mpath em{margin-right:12px;color:var(--mute);font-size:.82rem;font-style:normal;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.note{margin:1.6em 0;padding:16px 20px;border-left:3px solid var(--acc2,var(--blue));background:var(--panel);font-size:.96rem}.note b{display:block;margin-bottom:4px;color:var(--acc2,var(--blue));font-size:.74rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.note.v{--acc2:var(--violet)}.note.o{--acc2:var(--orange)}.note.b{--acc2:var(--blue)}.retest{display:flex;flex-wrap:wrap;gap:8px 26px;margin:2.4em 0 0;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--mute);font-size:.86rem}.retest b{color:var(--green);font-weight:700}.author{display:flex;gap:16px;align-items:center;margin:26px 0 0}.author i{flex:0 0 52px;width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:var(--panel);border:1px solid var(--line2);color:var(--pink);font-style:normal;font-weight:800}.author-img{flex:0 0 52px;width:52px;height:52px;border-radius:50%;object-fit:cover}.author b{display:block;color:var(--ink)}.author span{color:var(--mute);font-size:.88rem}.author-inline,.author-name-link{color:inherit;text-decoration:none}.author-inline:hover,.author-name-link:hover{color:var(--pink)}.author-avatar-link{flex:0 0 52px;display:block;border-radius:50%}.art-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}.chip{display:inline-flex;align-items:center;padding:6px 14px;border:1px solid var(--line2);border-radius:999px;color:var(--soft);font-size:.84rem;font-weight:700}.chip:hover{color:var(--ink);border-color:var(--pink)}.more{padding:44px 0 64px;border-top:1px solid var(--line)}.more h2{margin:0 0 10px;font-size:1.5rem}.more h2 a{color:inherit;border-bottom:2px solid var(--pink)}.pagination{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:30px;color:var(--mute);font-size:.9rem}.pagination a{padding:9px 18px;border:1px solid var(--line2);border-radius:999px;color:var(--soft);font-weight:700}.pagination a:hover{color:var(--ink);border-color:var(--pink)}.foot{padding:40px 0 26px;border-top:1px solid var(--line)}.foot-in{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px}.foot .foot-h,.foot h4{margin:0 0 10px;font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}.foot p{margin:6px 0 0;color:var(--mute);font-size:.9rem;max-width:34ch}.foot ul{list-style:none;margin:0;padding:0}.foot li{margin:7px 0}.foot li a{color:var(--soft);font-size:.92rem}.foot li a:hover{color:var(--ink)}.fine{display:flex;justify-content:space-between;gap:14px;margin-top:34px;padding-top:16px;border-top:1px solid var(--line);color:var(--mute);font-size:.84rem}.fine a{color:var(--mute)}.fine a:hover{color:var(--ink)}@media (max-width:960px){.faq-grid,.hero-in,.reel-body,.seotext-in{grid-template-columns:1fr}.hero-in{gap:36px}.nav{display:none}body.on-home .bar-in .bar-search{display:none}.bar-in .bar-search{display:none}.burger{display:inline-flex;margin-left:auto}.facts-in{grid-template-columns:1fr 1fr}.fact{padding:18px 20px}.fact:nth-child(odd){border-left:0}.fact:nth-child(n+3){border-top:1px solid var(--line)}.path-grid{grid-template-columns:1fr 1fr}.art-grid{grid-template-columns:minmax(0,1fr);gap:30px}.toc{position:static}.foot-in{grid-template-columns:1fr 1fr}}@media (max-width:560px){body{font-size:16px}.wrap{padding:0 20px}.mega{font-size:2.5rem}.hero{padding:38px 0 34px}.hero-search{min-width:0;width:100%}.hub-cover{padding:0 20px;margin-bottom:26px}.path-grid{grid-template-columns:1fr}.facts-in{grid-template-columns:1fr}.fact{border-left:0;border-top:1px solid var(--line)}.fact:first-child{border-top:0}.foot-in{grid-template-columns:1fr}}.hubup{margin:34px auto 0}.hubup a{display:block;padding:15px 20px;border:1px solid var(--line2);border-left:3px solid var(--pink);background:var(--panel);color:var(--soft);font-weight:700;font-size:.95rem;transition:color .15s,border-color .15s}.hubup a:hover{color:var(--ink);border-color:var(--pink)}

/* Author archive mobile width guard — 2026-09-20 */
.jm,
.jm-copy,
.author-guides .wrap,
.author-guides .guide-grid,
.author-guides .guide-card {
    min-width: 0;
}

.jm-copy {
    overflow-wrap: anywhere;
}

@media (max-width: 620px) {
    .author-guides .guide-grid {
        width: 100%;
    }
}

/* ---- article-visual-integrity.css ---- */
/* Preserve the entire authored cover, including labels close to its edges. */
.art-cover img,
.art-cover--comparison img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: auto;
  object-fit: contain;
}

/* Category badges use the existing palette of their actual parent hubs. */
.art-tag[href="/davinci-resolve-fairlight-audio/"] {
  color: var(--yellow);
}
.art-tag[href="/davinci-resolve-tutorial/"] { color: var(--green); }
.art-tag[href="/fix-davinci-resolve/"] { color: var(--red); }
.art-tag[href="/davinci-resolve-export-settings/"] { color: var(--orange); }
.art-tag[href="/davinci-resolve-color-grading/"] { color: var(--pink); }
.art-tag[href="/davinci-resolve-fusion/"],
.art-tag[href="/davinci-resolve-comparisons/"] { color: var(--violet); }

/* Match the Download & Install hub and its homepage route. */
.art-tag[href="/davinci-resolve-download/"] { color: #39dfc0; }
.download-hubup a:hover { color: #39dfc0; }

/* Use the article's own category color for its answer and navigation. */
.art-head .qa { border-left-color: var(--article-accent, var(--pink)); }
.art-head .qa h2 { color: var(--article-accent, var(--pink)); }
.toc a.on, .toc a:hover { border-left-color: var(--article-accent, var(--pink)); }
.toc-toggle { display: none; }
@media (max-width: 960px) {
  .toc-ready .toc-h { display: none; }
  .toc-ready .toc-toggle {
    display: flex; align-items: center; justify-content: space-between;
    width: 100%; min-height: 44px; padding: 8px 0; text-align: left;
    color: var(--ink); font-size: .9rem; font-weight: 700;
    border-bottom: 1px solid var(--line);
  }
  .toc-toggle span { font-size: 1.3rem; line-height: 1; }
  .toc-toggle[aria-expanded="true"] span { transform: rotate(45deg); }
  .toc-ready.toc-collapsed #tocLinks { display: none; }
}

.analytics-choice {
  position: fixed; z-index: 1000; bottom: 16px; right: 16px;
  width: min(440px, calc(100vw - 32px)); padding: 18px;
  background: var(--panel); color: var(--ink); border: 1px solid var(--line2);
  border-radius: 10px; box-shadow: 0 8px 32px rgba(0,0,0,.3);
}
.analytics-choice[hidden] { display: none; }
.analytics-choice p { margin: 0 0 10px; font-size: .88rem; line-height: 1.5; }
.analytics-choice a { text-decoration: underline; }
.analytics-choice > div { display: flex; flex-wrap: wrap; gap: 10px; }
.analytics-choice button { min-height: 44px; padding: 8px 14px; border: 1px solid var(--line2); border-radius: 6px; }
.analytics-choice button:hover { background: var(--line); }
.analytics-preferences { color: var(--soft); text-decoration: underline; min-height: 44px; font-size: .84rem; text-align: left; }

/* ---- tools.css ---- */
:root{--tools:#2ee6c3}
.d-tools{background:var(--tools)}
.d-download{background:#39dfc0}

/* The ninth primary route needs a little less horizontal air on wide screens.
   Switch to the existing burger earlier instead of squeezing or wrapping. */
@media (min-width:1101px){.nav{gap:20px}}
@media (min-width:961px) and (max-width:1100px){
  .nav{display:none}
  body.on-home .bar-in .bar-search,.bar-in .bar-search{display:none}
  .burger{display:inline-flex;margin-left:auto}
}

/* The proxy guide is a Workflow article, not a generic legacy Page. */
.proxy-art-tag{color:var(--blue)}
.proxy-qa{border-left-color:var(--blue)}
.proxy-qa h2{color:var(--blue)}
.proxy-hubup a{border-left-color:var(--blue)}
.workflow-art-tag{color:var(--blue)}
.workflow-hubup a{border-left-color:var(--blue)}
.hardware-art-tag{color:#a6e22e}
.hardware-hubup a{border-left-color:#a6e22e}

.legacy-hub-page{padding-top:38px}
.legacy-hub-route{max-width:760px;padding:28px;border:1px solid var(--line2);border-left:4px solid var(--green);border-radius:14px;background:var(--panel)}
.legacy-hub-route h2{margin:0}
.legacy-hub-route p{margin:14px 0 0}
.legacy-hub-cta{display:inline-flex;margin-top:22px;padding:11px 18px;border:1px solid var(--green);border-radius:999px;color:var(--ink);font-weight:800}
.legacy-hub-cta:hover{background:var(--green);color:var(--bg)}

/* Tools is its own editorial cluster: teal, not Workflow blue. */
.hub-band--tools{--acc:var(--tools);padding-top:28px;padding-bottom:28px}
.hub-band--tools h1{font-size:clamp(2rem,3.6vw,3rem)}
.hub-page-body--tools{--acc:var(--tools)}

/* Put the cover inside the tool hero so it is visible before the controls. */
.tool-hero{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(360px,.96fr);grid-template-areas:"title cover" "answer cover";gap:22px 46px;align-items:start}
.tool-title-block{grid-area:title}
.tool-cover{grid-area:cover;margin:0}
.tool-cover img{width:100%;aspect-ratio:16/9;object-fit:cover;background:#090c12;border:1px solid var(--line2);border-radius:14px}
.tool-cover figcaption{margin-top:9px;color:var(--mute);font-size:.78rem;line-height:1.45;text-align:center}
.tool-qa{grid-area:answer;margin-top:0;border-left-color:var(--tools)}
.tool-art-tag{color:var(--tools);border-color:rgba(46,230,195,.42)}
.tool-qa h2{color:var(--tools)}
.tool-hubup{margin-top:0;margin-bottom:64px}
.tool-hubup a{border-left-color:var(--tools)}
.tool-hubup a:hover{border-color:var(--tools)}
.tool-toc a.on,.tool-toc a:hover{border-color:var(--tools)}

@media (max-width:960px){
  .tool-hero{grid-template-columns:1fr;grid-template-areas:"title" "cover" "answer";gap:22px}
  .tool-cover{max-width:720px}
}
@media (max-width:560px){
  .hub-band--tools{padding-top:24px;padding-bottom:24px}
  .tool-art-head{padding-top:24px}
  .tool-hubup{margin-bottom:44px}
}

/* Tag hubs can carry a real editorial cover; Workflow is the first one. */
.tag-hub-hero--with-cover{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(360px,.96fr);gap:46px;align-items:center}
.tag-hub-cover{margin:0}
.tag-hub-cover img{width:100%;aspect-ratio:16/9;object-fit:cover;border:1px solid var(--line2);border-radius:14px;background:#090c12}
@media (max-width:960px){.tag-hub-hero--with-cover{grid-template-columns:1fr;gap:24px}.tag-hub-cover{max-width:720px}}

/* The final Tools boundary is one explanation followed by three equal limits. */
.hub-page-body--tools .hub-shell>.hub-overview:last-child{display:block;padding:42px 0 8px}
.hub-page-body--tools .hub-shell>.hub-overview:last-child .hub-overview-copy{max-width:820px}
.hub-page-body--tools .hub-shell>.hub-overview:last-child .hub-overview-copy>p:last-child{max-width:78ch}
.hub-page-body--tools .hub-shell>.hub-overview:last-child .hub-routes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:26px;border-top:0}
.hub-page-body--tools .hub-shell>.hub-overview:last-child .hub-route{min-height:152px;padding:20px 20px 22px;border:1px solid var(--line2);border-top:3px solid var(--tools);border-radius:12px;background:var(--panel)}
.hub-page-body--tools .hub-shell>.hub-overview:last-child .hub-route b{font-size:1rem}
.hub-page-body--tools .hub-shell>.hub-overview:last-child .hub-route span{margin-top:7px;font-size:.88rem;line-height:1.55}
@media (max-width:780px){.hub-page-body--tools .hub-shell>.hub-overview:last-child .hub-routes{grid-template-columns:1fr}.hub-page-body--tools .hub-shell>.hub-overview:last-child .hub-route{min-height:0}}