.plugin-guide a:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}
.plugin-skip{position:absolute;top:12px;left:16px;z-index:100;padding:12px 18px;transform:translateY(-160%);background:var(--ink);color:var(--night);border-radius:8px}
.plugin-skip:focus{transform:none}
.plugin-hero{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);align-items:center;gap:58px;padding-top:44px;padding-bottom:54px}
.plugin-intro{min-width:0}
.plugin-intro .breadcrumb{margin:0 0 22px}
.plugin-intro h1{margin:18px 0 22px;font-size:clamp(46px,5.5vw,70px);line-height:1.02;letter-spacing:-.055em}
.plugin-intro .hero-copy{margin:0 0 20px;max-width:520px;font-size:21px;line-height:1.45}
.plugin-definition{max-width:540px;color:#bbb9ca;font-size:15px;line-height:1.6}
.plugin-definition strong{color:var(--ink)}
.plugin-requirements{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0;padding:0;list-style:none}
.plugin-requirements li{border:1px solid #3d3b51;border-radius:7px;padding:7px 10px;color:#e4e1ed;font-size:12px;line-height:1.4}
.plugin-intro .hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin:20px 0 13px}
.plugin-text-link{display:inline-block;color:var(--cyan);font-size:14px;line-height:1.5;text-underline-offset:4px}
.plugin-text-link:hover{text-decoration:underline}
.plugin-small{color:var(--muted);font-size:13px;line-height:1.6}
.plugin-preview{margin:0;overflow:hidden;border:1px solid #3c3a50;border-radius:20px;background:#11111a;box-shadow:0 24px 70px #0005}
.plugin-preview-label{display:flex;justify-content:space-between;gap:12px;padding:15px 20px;color:#c8c4d7;font-size:11px;letter-spacing:.04em}
.plugin-preview video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#08080c}
.plugin-preview figcaption{padding:20px 22px 14px;color:#b9b6c8;font-size:13px;line-height:1.6}
.plugin-preview figcaption strong{display:block;margin-bottom:7px;color:var(--ink);font-size:15px}
.plugin-preview-link{display:block;margin:0 22px 22px;color:var(--cyan);font-size:12px;line-height:1.5}
.plugin-page-nav{display:flex;flex-wrap:wrap;gap:14px 26px;padding-top:20px;padding-bottom:20px;border-top:1px solid var(--line);font-size:13px;color:#c5c0d3}
.plugin-page-nav a:hover{color:var(--cyan)}
.plugin-guide .guide-body{grid-template-columns:minmax(0,760px) minmax(220px,280px);gap:65px;padding-top:42px;padding-bottom:80px}
.plugin-guide .guide-content a{color:var(--cyan);text-underline-offset:4px}
.plugin-guide .guide-content a:hover{text-decoration:underline}
.plugin-guide .guide-content h2{font-size:clamp(30px,3.3vw,42px);scroll-margin-top:24px}
.plugin-guide .guide-content p,.plugin-guide .guide-content li{font-size:17px;line-height:1.7}
.plugin-guide .guide-content .plugin-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.plugin-guide .guide-content .plugin-steps>li{min-height:0;padding:20px;font-size:15px;line-height:1.65}
.plugin-guide .guide-content .plugin-steps>li::before{margin-bottom:18px}
.plugin-guide .guide-content .plugin-steps strong{color:var(--ink)}
.plugin-comparison{margin:26px 0;overflow-x:auto;border:1px solid var(--line);border-radius:14px}
.plugin-comparison table{width:100%;border-collapse:collapse}
.plugin-comparison caption{text-align:left;padding:18px;color:var(--ink);font-weight:700}
.plugin-comparison th,.plugin-comparison td{padding:16px 18px;text-align:left;vertical-align:top;border-top:1px solid var(--line);font-size:14px;line-height:1.6;color:#c7c5d2}
.plugin-comparison th{color:var(--ink)}
.plugin-comparison tbody th{width:33%;font-weight:600}
.plugin-troubleshooting{margin:24px 0}
.plugin-troubleshooting dt{margin:26px 0 8px;font-weight:700;font-size:18px;line-height:1.45;color:var(--ink)}
.plugin-troubleshooting dd{margin:0;color:#c7c5d2;font-size:16px;line-height:1.7}
.plugin-application{margin-top:55px;padding:28px;border:1px solid #49405d;border-radius:20px;background:linear-gradient(125deg,#251c334d,#11111a)}
.plugin-guide .plugin-application h2{margin:15px 0 18px;padding:0;border:0;font-size:34px}
.plugin-guide .plugin-application .section-kicker{font-size:11px}
.plugin-guide .plugin-application .plugin-small{font-size:13px}
.plugin-application .button{margin:8px 15px 14px 0}
.plugin-guide .guide-aside{grid-row:auto}
.plugin-guide .guide-aside .plugin-aside-note{margin:14px 0 12px;font-size:12px}
.plugin-guide .guide-content .plugin-updated{font-size:12px;color:var(--muted)}
@media(max-width:1050px){.plugin-hero{gap:32px}.plugin-guide .guide-body{gap:32px;grid-template-columns:minmax(0,1fr) 250px}.plugin-intro h1{font-size:56px}}
@media(max-width:800px){.plugin-hero{grid-template-columns:minmax(0,1fr);gap:28px;padding-top:28px;padding-bottom:30px}.plugin-intro h1{font-size:clamp(44px,8vw,62px)}.plugin-intro .hero-copy{font-size:20px}.plugin-preview{max-width:620px}.plugin-guide .guide-body{grid-template-columns:minmax(0,1fr);padding-top:30px}.plugin-guide .guide-aside{grid-row:auto;position:static}.plugin-page-nav{gap:12px 18px;font-size:12px}.plugin-guide .guide-content h2{padding-top:34px;margin-top:34px}.plugin-guide .guide-content h2:first-child{margin-top:0}.plugin-application{padding:22px}.plugin-guide .plugin-application h2{font-size:30px}}
@media(max-width:480px){.plugin-guide .guide-content .plugin-steps{grid-template-columns:minmax(0,1fr)}.plugin-comparison th,.plugin-comparison td{padding:12px;font-size:13px}.plugin-preview figcaption{padding:18px}.plugin-requirements li{font-size:11px}.plugin-intro .hero-actions{gap:14px}.plugin-definition{font-size:14px}.plugin-guide .header nav{gap:13px}.plugin-application .button{width:100%;margin-right:0}}