.install-teaser{background:linear-gradient(135deg,#f5f1e8 0%,#eef4e5 100%)}
.teaser-steps,.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:0 0 36px}
.teaser-steps article,.tool-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px}
.teaser-steps span{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--lime);font-weight:900}
.teaser-steps h3,.tool-card h3{margin:14px 0 6px}.teaser-steps p,.tool-card p{margin:0;color:var(--muted)}
.video-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin:0 0 30px}
.video-card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}
.video-card h3,.video-card>p{margin-left:20px;margin-right:20px}.video-card>p{color:var(--muted);margin-bottom:20px}
.video-shell{position:relative;aspect-ratio:16/9;background:linear-gradient(145deg,#173d2d,#2d6a4d);overflow:hidden}
.video-measure{background:linear-gradient(145deg,#214f3b,#b4cb68)}.video-metod{background:linear-gradient(145deg,#182a22,#557563)}
.video-consent{border:0;width:100%;height:100%;color:#fff;background:linear-gradient(#00000018,#00000070);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;text-align:center;cursor:pointer}
.video-consent:hover{background:linear-gradient(#00000008,#00000058)}.video-consent strong{font-size:1.05rem}.video-consent small{color:#e6eee9}
.play-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:var(--lime);color:var(--ink);font-size:1.35rem;padding-left:4px}.video-frame{width:100%;height:100%;border:0;display:block}
.article-hero{max-width:900px;margin:auto;padding:76px 24px 50px}.article-hero h1{font:700 clamp(2.6rem,5vw,4.7rem)/1.03 Georgia,serif;letter-spacing:-.035em;margin:0}
.article-layout{max-width:1180px;margin:auto;padding:10px 24px 80px;display:grid;grid-template-columns:minmax(0,2fr) minmax(250px,.75fr);gap:70px}
.article-main h2{font:700 clamp(1.8rem,3vw,2.6rem)/1.15 Georgia,serif;margin:70px 0 18px;scroll-margin-top:100px}.article-main h3{font-size:1.22rem;margin:28px 0 8px}.article-main p,.article-main li{color:#34473d}.article-main .lead{font-size:1.2rem}.article-main .video-grid{margin-top:28px}.article-main .tool-grid{grid-template-columns:repeat(2,1fr)}
.article-aside{position:relative}.toc{position:sticky;top:98px;background:var(--cream);border-radius:15px;padding:22px}.toc strong{display:block;margin-bottom:10px}.toc a{display:block;padding:7px 0;color:var(--green);text-decoration:none}.toc a:hover{text-decoration:underline}
.notice{border-left:5px solid var(--lime);background:#f6f8ef;border-radius:8px;padding:18px 20px;margin:24px 0}.notice.warning{border-color:#e6aa4a;background:#fff8e9}.notice strong{display:block;margin-bottom:5px}
.stack-diagram{max-width:560px;margin:28px auto 36px;border:1px solid var(--line);border-radius:16px;padding:20px;background:#f7f8f5;text-align:center;font-weight:800}.stack-diagram>div{padding:18px;border-radius:9px;margin-top:8px}.stack-top{background:var(--green);color:#fff;font-size:1.1rem}.stack-support{background:var(--lime);color:var(--ink)}.stack-drawer{background:#fff;border:2px solid var(--green);color:var(--green)}.stack-base{background:#d8ddd8;color:#3d4c44;font-size:.85rem}.stack-diagram>div:first-child{margin-top:0}
.decision-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.decision-grid article{border:1px solid var(--line);border-radius:13px;padding:20px}.decision-grid h3{margin-top:8px}.decision-grid span{color:var(--green);font-weight:900}
.step-list{list-style:none;padding:0;counter-reset:install-steps}.step-list>li{counter-increment:install-steps;position:relative;padding:0 0 30px 58px;margin-bottom:24px;border-bottom:1px solid var(--line)}.step-list>li:before{content:counter(install-steps);position:absolute;left:0;top:0;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--lime);font-weight:900}.step-list h3{margin-top:0}.step-list ul{padding-left:20px}
.tool-card a{display:inline-block;margin-top:14px;color:var(--green);font-weight:800}.affiliate-label{font-size:.72rem;color:var(--muted);display:block;margin-top:4px}.source-list a{color:var(--green)}.article-footer-note{font-size:.82rem;color:var(--muted);border-top:1px solid var(--line);padding-top:22px;margin-top:40px}
@media(max-width:900px){.teaser-steps,.decision-grid{grid-template-columns:1fr}.article-layout{grid-template-columns:1fr;gap:15px}.article-aside{order:-1}.toc{position:static}.article-main .tool-grid{grid-template-columns:1fr}}
@media(max-width:620px){.video-grid,.tool-grid{grid-template-columns:1fr}.article-hero{padding-top:50px}.article-layout{padding-bottom:55px}}