/* UnduhVideo v1.9 — unified editorial redesign. Loaded after the legacy CSS. */
:root{--uv-ink:#183328;--uv-mute:#63756c;--uv-line:#e5ebe5;--uv-accent:#226a48;--uv-soft:#f6f9f6}
html{scroll-padding-top:86px}
.udv-body{background:#fbfcfa!important;color:#1b3127!important;font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}
.udv-body h1,.udv-body h2,.udv-body h3{font-family:'Plus Jakarta Sans',system-ui,sans-serif;letter-spacing:-.035em!important;line-height:1.22!important}
.udv-body a:focus-visible,.udv-body button:focus-visible,.udv-body input:focus-visible,.udv-body select:focus-visible,.udv-body summary:focus-visible{outline:3px solid #78b987;outline-offset:3px}
.udv-body .uv-shell{overflow:clip!important}
.udv-body .uv-container{width:min(1120px,calc(100% - 48px))!important}
/* header */
.udv-body .uv-header{position:relative!important;top:auto!important;border-bottom:1px solid #e7eee8;background:#fff!important;box-shadow:none!important}
.udv-body .uv-nav{height:70px!important;gap:24px!important;align-items:center!important}
.udv-body .uv-brand{font-size:20px!important;letter-spacing:-.045em!important;gap:10px!important;color:#192d25!important}
.udv-body .uv-brand small{font-size:10px!important;font-weight:600!important;letter-spacing:0!important;color:#74877b!important;margin-top:3px!important}
.udv-body .uv-logo{height:39px!important;width:39px!important;flex:0 0 39px!important;background:#e5f6dd!important;color:#286741!important;border-radius:11px!important;box-shadow:none!important}
.udv-body .uv-logo svg{height:22px;width:22px}
.udv-body .uv-menu{gap:19px!important;align-items:center!important;flex-wrap:nowrap!important}
.udv-body .uv-menu a{font-size:13px!important;color:#52655a!important;font-weight:650!important;white-space:nowrap}
.udv-body .uv-menu a[aria-current],.udv-body .uv-menu a:hover{color:#1f7145!important}
.udv-body .uv-menu .uv-menu-guide{background:#1e4b36!important;color:white!important;border:0!important;border-radius:10px!important;padding:10px 15px!important}
/* shared hero */
.udv-body .uv-hero{padding:32px 0 49px!important;background:linear-gradient(180deg,#f5f9f4 0%,#eff6ee 68%,#fbfcfa 100%)!important;text-align:center!important}
.udv-body .uv-hero-glow{display:none!important}
.udv-body .uv-hero-inner{max-width:1120px!important;width:min(1120px,calc(100% - 48px))!important}
.udv-body .uv-eyebrow{border:0!important;background:transparent!important;color:#4e7660!important;letter-spacing:.055em!important;font-size:10px!important;font-weight:800!important;padding:0!important;gap:7px!important}
.udv-body .uv-dot{width:7px!important;height:7px!important;box-shadow:none!important;background:#4fa66c!important}
.udv-body .uv-sep{display:none!important}
.udv-body .uv-hero h1{font-size:clamp(27px,3.0vw,41px)!important;line-height:1.16!important;letter-spacing:-.045em!important;max-width:790px!important;margin:11px auto 8px!important;color:#193428!important;font-weight:800!important;text-wrap:balance}
.udv-body .uv-hero-desc{font-size:clamp(12px,1.15vw,14px)!important;line-height:1.6!important;color:#64786d!important;max-width:560px!important;margin:0 auto 20px!important;text-wrap:pretty}
/* Primary task card, no deceptive giant download forms */
.udv-body .uv-console{max-width:760px!important;background:#fff!important;border:1px solid #e0e9df!important;border-radius:17px!important;padding:20px!important;box-shadow:0 13px 36px rgba(23,53,35,.075)!important;color:#203a2b!important}
.udv-body .uv-console-top{margin-bottom:13px!important;gap:10px!important}
.udv-body .uv-console-title{font-size:14px!important;color:#213b2c!important;gap:8px!important}
.udv-body .uv-c-topico{font-size:20px!important;color:#29704a!important}
.udv-body .uv-privacy-pill{background:#f0f7ed!important;color:#4f7854!important;font-size:10px!important;padding:5px 9px!important;white-space:nowrap}
.udv-body .uv-tabs{background:#f4f7f3!important;border-radius:10px!important;padding:4px!important;gap:4px!important;margin-bottom:17px!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}
.udv-body .uv-tabs a{border-radius:8px!important;min-height:39px!important;padding:9px 5px!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#63756a!important;font-size:12px!important;line-height:1.3!important;font-weight:750!important;white-space:normal!important}
.udv-body .uv-tabs a[aria-current]{color:#1e633f!important;background:#fff!important;box-shadow:0 1px 6px rgba(20,65,32,.09)!important}
.udv-body .uv-input-wrap label,.udv-body .uv-functional-tool label{font-size:12px!important;color:#384e41!important;margin-bottom:7px!important}
.udv-body .uv-input-row{min-height:51px!important;border:1px solid #dce5dc!important;padding:5px 5px 5px 12px!important;border-radius:10px!important;gap:7px!important;flex-wrap:nowrap!important}
.udv-body .uv-input-icon{font-size:16px!important;color:#7e9786!important}
.udv-body .uv-input-row input{font-size:13px!important;flex:1 1 auto!important;min-width:0!important;line-height:1.3!important}
.udv-body .uv-paste{font-size:12px!important;padding:10px 14px!important;background:#edf5ea!important;color:#246042!important;border-radius:8px!important;white-space:nowrap!important;flex:0 0 auto!important}
.udv-body .uv-btn{background:#246b48!important;color:#fff!important;font-size:13px!important;box-shadow:none!important;border-radius:10px!important;padding:12px 18px!important;min-height:45px!important}
.udv-body .uv-btn:hover{background:#1d573a!important}
.udv-body .uv-btn-wide{margin-top:12px!important;width:100%!important}
.udv-body .uv-download-notice{font-size:11px!important;color:#738376!important;line-height:1.55!important;margin:8px 0 0!important;text-align:left!important}
.udv-body .uv-tool-status{color:#75887b!important;font-size:11px!important;line-height:1.6!important;margin:9px 0 0!important}
.udv-body .uv-console-hint{font-size:10px!important;color:#8a968d!important;margin-top:12px!important;line-height:1.5!important}
.udv-body .uv-console-bottom{padding-top:11px!important;margin-top:13px!important;gap:12px!important;font-size:10px!important;color:#698374!important}
.udv-body .uv-trust{margin-top:13px!important;gap:18px!important;color:#758c7d!important;font-size:10px!important}
.udv-body .uv-trust i{color:#2e8758!important}
/* sections and cards */
.udv-body .uv-section{padding-block:55px!important}
.udv-body .uv-section-heading{margin-bottom:23px!important;align-items:end!important}
.udv-body .uv-section-heading h2,.udv-body .uv-how h2,.udv-body .uv-reading h2{font-size:clamp(20px,2.3vw,29px)!important;line-height:1.25!important;margin:8px 0!important}
.udv-body .uv-section-heading p,.udv-body .uv-how-copy>p{font-size:13px!important;line-height:1.75!important;color:#6c7d72!important}
.udv-body .uv-label{font-size:10px!important;letter-spacing:.1em!important;color:#3f8156!important}
.udv-body .uv-feature-grid{gap:12px!important}
.udv-body .uv-feature{min-height:122px!important;padding:18px!important;border:1px solid #e3ebe3!important;border-radius:13px!important;gap:12px!important;box-shadow:none!important}
.udv-body .uv-feature-icon{width:40px!important;height:40px!important;flex:0 0 40px!important;border-radius:11px!important;font-size:17px!important}
.udv-body .uv-feature-copy strong{font-size:14px!important}
.udv-body .uv-feature-copy>span{font-size:12px!important;line-height:1.6!important}
.udv-body .uv-how{gap:40px!important}
.udv-body .uv-steps{padding:8px 22px!important;border-radius:13px!important;box-shadow:none!important}
.udv-body .uv-steps>div{padding:17px 0!important}
.udv-body .uv-guide-grid{gap:15px!important}
.udv-body .uv-guide-card{border-radius:14px!important;box-shadow:none!important}
.udv-body .uv-guide-art{height:112px!important;background:linear-gradient(120deg,#e8f1e5,#f4f8f0)!important}
.udv-body .uv-guide-art>span{font-size:36px!important}
.udv-body .uv-guide-copy{padding:18px!important}
.udv-body .uv-guide-copy h3,.udv-body .uv-guide-copy h2{font-size:15px!important;line-height:1.45!important}
.udv-body .uv-faq details{padding:15px 17px!important;border-radius:11px!important}
.udv-body .uv-faq summary{font-size:12px!important}
/* info pages and guides */
.udv-body .uv-subhero{padding:35px 0!important;background:#f1f7ee!important}
.udv-body .uv-subhero h1{font-size:clamp(25px,3vw,37px)!important;line-height:1.2!important;margin:9px 0!important;max-width:820px!important}
.udv-body .uv-subhero p{font-size:13px!important;max-width:630px!important;line-height:1.65!important}
.udv-body .uv-article-layout{gap:36px!important}
.udv-body .uv-article-content{font-size:14px!important;line-height:1.85!important;overflow-wrap:anywhere}
.udv-body .uv-article-content h2{font-size:clamp(20px,2vw,26px)!important;line-height:1.32!important}
.udv-body .uv-article-content h3{font-size:18px!important}
.udv-body .uv-article-content p,.udv-body .uv-article-content li{font-size:14px!important;line-height:1.82!important}
.udv-body .uv-static{max-width:780px!important}
/* result layout, all buttons remain hooked to existing JS */
.udv-body .uv-result-card{box-shadow:none!important;border:1px solid #e0e9df!important;border-radius:13px!important;padding:16px!important}
.udv-body .uv-result-layout{grid-template-columns:112px minmax(0,1fr)!important;gap:14px!important}
.udv-body .uv-result-cover{width:112px!important;height:140px!important;object-fit:cover!important;border-radius:9px!important}
.udv-body .uv-result-actions{gap:9px!important}
.udv-body .uv-format-card{padding:13px!important;background:#f7faf6!important;border-radius:10px!important}
.udv-body .uv-file-download{font-size:12px!important;min-height:43px!important}
.udv-body .uv-result-heading h2{font-size:16px!important}
/* site footer */
.udv-body .uv-footer{background:#162c21!important;color:#e7efe7!important}
.udv-body .uv-footer-main{gap:30px!important}
.udv-body .uv-footer-main a{font-size:12px!important}
/* tablet and compact laptop */
@media(max-width:1050px){.udv-body .uv-menu{gap:12px!important}.udv-body .uv-menu a{font-size:12px!important}.udv-body .uv-nav{gap:13px!important}.udv-body .uv-brand{font-size:18px!important}}
@media(max-width:850px){.udv-body .uv-nav{height:65px!important}.udv-body .uv-menu-btn{display:flex!important;gap:8px!important;font-size:12px!important;background:#f4f7f3!important;border:1px solid #dce7dc!important;border-radius:9px!important}.udv-body .uv-menu{display:none!important;position:absolute!important;left:0!important;right:0!important;top:65px!important;z-index:80!important;padding:12px 22px 20px!important;background:#fff!important;box-shadow:0 15px 28px rgba(24,51,40,.12)!important;border-bottom:1px solid #e1ebe1!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;max-height:calc(100dvh - 65px)!important;overflow:auto!important}.udv-body .uv-menu.is-open,.udv-body .uv-menu.open,.udv-body .uv-menu[aria-hidden="false"]{display:flex!important}.udv-body .uv-menu>a,.udv-body .uv-menu-list a{display:block!important;padding:12px 6px!important;font-size:14px!important}.udv-body .uv-menu .uv-menu-guide{margin-top:8px!important;text-align:center!important}.udv-body .uv-menu-list{display:flex!important;flex-direction:column!important;gap:0!important}.udv-body .uv-menu-list li{width:100%!important}.udv-body .uv-feature-grid,.udv-body .uv-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.udv-body .uv-how{grid-template-columns:1fr!important;gap:20px!important}}
@media(max-width:620px){.udv-body .uv-container,.udv-body .uv-hero-inner{width:calc(100% - 30px)!important}.udv-body .uv-nav{height:62px!important}.udv-body .uv-brand{font-size:17px!important}.udv-body .uv-logo{height:35px!important;width:35px!important;flex-basis:35px!important}.udv-body .uv-brand small{font-size:9px!important}.udv-body .uv-menu{top:62px!important}.udv-body .uv-hero{padding:23px 0 34px!important}.udv-body .uv-eyebrow{font-size:9px!important;line-height:1.35!important}.udv-body .uv-hero h1{font-size:clamp(25px,7vw,34px)!important;margin:10px auto 8px!important;line-height:1.17!important}.udv-body .uv-hero-desc{font-size:12px!important;margin-bottom:15px!important;line-height:1.55!important}.udv-body .uv-console{padding:14px!important;border-radius:13px!important}.udv-body .uv-console-title{font-size:12px!important}.udv-body .uv-privacy-pill{font-size:9px!important;padding:5px 7px!important}.udv-body .uv-tabs{gap:3px!important;margin-bottom:14px!important}.udv-body .uv-tabs a{font-size:10px!important;min-height:40px!important;padding:7px 2px!important;line-height:1.2!important}.udv-body .uv-input-row{min-height:49px!important}.udv-body .uv-input-row input{font-size:12px!important}.udv-body .uv-paste{font-size:11px!important;padding:10px 9px!important}.udv-body .uv-btn{min-height:44px!important}.udv-body .uv-trust{display:none!important}.udv-body .uv-console-bottom{gap:8px!important;font-size:9px!important}.udv-body .uv-section{padding-block:40px!important}.udv-body .uv-section-heading{align-items:flex-start!important;flex-direction:column!important;gap:7px!important}.udv-body .uv-section-heading h2,.udv-body .uv-how h2{font-size:23px!important}.udv-body .uv-feature-grid,.udv-body .uv-guide-grid,.udv-body .uv-faq-grid{grid-template-columns:1fr!important}.udv-body .uv-feature{padding:15px!important;min-height:0!important}.udv-body .uv-guide-card{display:grid!important;grid-template-columns:110px 1fr!important}.udv-body .uv-guide-art{height:100%!important;min-height:120px!important}.udv-body .uv-guide-copy{padding:14px!important}.udv-body .uv-guide-copy h3,.udv-body .uv-guide-copy h2{margin:5px 0!important;font-size:14px!important}.udv-body .uv-guide-copy p{font-size:11px!important;line-height:1.5!important}.udv-body .uv-subhero{padding:27px 0!important}.udv-body .uv-subhero h1{font-size:clamp(23px,6vw,30px)!important}.udv-body .uv-article-layout{display:block!important}.udv-body .uv-article-sidebar{margin-top:26px!important}.udv-body .uv-result-layout{grid-template-columns:75px 1fr!important;gap:10px!important}.udv-body .uv-result-cover{width:75px!important;height:98px!important}.udv-body .uv-result-actions{grid-template-columns:1fr!important}.udv-body .uv-result-heading h2{font-size:14px!important}.udv-body .uv-footer-main{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:23px!important}.udv-body .uv-footer-brand{grid-column:1/-1!important}}
@media(max-width:360px){.udv-body .uv-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important}.udv-body .uv-result-layout{grid-template-columns:1fr!important}.udv-body .uv-result-cover{width:92px!important;height:110px!important}}
@media(prefers-reduced-motion:reduce){.udv-body *{scroll-behavior:auto!important;transition:none!important}}

/* v2.2: Contextual editorial navigation. */
.uv-context-links{margin:2rem 0 1rem;padding:1.25rem 1.4rem;border:1px solid #dce8dd;background:#f6faf5;border-radius:18px}
.uv-context-links h2{font-size:clamp(1.1rem,2vw,1.35rem)!important;margin:0 0 .45rem!important;line-height:1.3!important}
.uv-context-links p{font-size:.95rem;margin:0 0 .9rem;color:#52675b}
.uv-context-links ul{list-style:none!important;margin:0!important;padding:0!important;display:grid;gap:.55rem}
.uv-context-links li{padding:0!important;margin:0!important}
.uv-context-links a{display:block;padding:.7rem .85rem;border:1px solid #dce8dd;border-radius:10px;background:#fff;color:#17482f;text-decoration:none;font-weight:650;line-height:1.4;overflow-wrap:anywhere}
.uv-context-links a:hover,.uv-context-links a:focus-visible{border-color:#79ae7c;background:#edf6ea}
@media(min-width:720px){.uv-context-links ul{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* v2.3 guide media, own-site tutorial, internal call to action */
.uv-guide-featured{margin:0 0 22px!important}.uv-guide-featured-img{width:100%;height:auto;max-height:480px;object-fit:cover;display:block;border-radius:20px}.uv-guide-featured figcaption,.uv-guide-illustration-caption{color:#718177;font-size:12px;line-height:1.5;margin:8px 0 0}
.uv-guide-tool-cta{background:#eaf5e8;border:1px solid #cde4c9;border-radius:19px;padding:23px;margin:18px 0 28px;display:grid;gap:17px}.uv-guide-kicker{font-size:11px;font-weight:900;letter-spacing:.11em;color:#246347}.uv-guide-tool-cta h2,.uv-guide-howto h2{font-size:clamp(22px,2.5vw,29px)!important;line-height:1.2!important;margin:9px 0!important;letter-spacing:-.025em}.uv-guide-tool-cta p,.uv-guide-howto>p{font-size:15px;line-height:1.7;margin:0;color:#466050}.uv-guide-tool-actions{display:flex;gap:9px;flex-wrap:wrap;align-items:center}.uv-guide-tool-actions a{text-decoration:none!important;font-size:13px;font-weight:800;border:1px solid #bdcfbd;border-radius:11px;padding:11px 14px;color:#214e36;background:#fff}.uv-guide-tool-actions .uv-guide-primary{background:#16382a;color:#fff;border-color:#16382a}
.uv-guide-howto{margin:28px 0 38px;padding:24px;border:1px solid #e4ebe4;border-radius:19px;background:#fff}.uv-guide-steps{list-style:none!important;counter-reset:none!important;padding:0!important;margin:20px 0!important;display:grid;gap:13px}.uv-guide-steps li{padding:0!important;display:flex;gap:14px;align-items:start}.uv-step-number{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:11px;background:#d9f3c5;color:#14472a;font-weight:900}.uv-guide-steps h3{font-size:16px!important;line-height:1.35;margin:0 0 4px!important}.uv-guide-steps p{margin:0!important;font-size:14px;line-height:1.6}.uv-guide-mini-ui{max-width:520px;border:1px solid #d9e5dc;border-radius:17px;overflow:hidden;box-shadow:0 10px 30px rgba(15,52,30,.07);margin-top:20px}.uv-mini-bar{background:#173a2d;color:#fff;display:flex;align-items:center;gap:10px;padding:15px}.uv-mini-logo{background:#b8ee6c;color:#102f22;padding:4px 8px;border-radius:7px;font-size:18px}.uv-mini-tag{margin-left:auto;font-size:11px;color:#cde3d1}.uv-mini-form{background:#f6faf5;padding:18px}.uv-mini-tabs{display:flex;gap:8px;margin-bottom:15px}.uv-mini-tabs span{flex:1;background:#e5ebe4;border-radius:8px;text-align:center;padding:11px 4px;font-size:13px;font-weight:700}.uv-mini-tabs span:first-child{background:#dcf5bd;color:#1c402c}.uv-mini-input{border:1px solid #cfded0;border-radius:9px;padding:15px;background:#fff;color:#788b7b;font-size:13px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.uv-mini-action{margin-top:12px;padding:13px;text-align:center;border-radius:9px;background:#b8ee6c;font-size:14px;font-weight:900;color:#153623}.uv-guide-art-featured{display:block;overflow:hidden!important}.uv-guide-art-featured img{display:block;width:100%;height:100%;object-fit:cover}.uv-article-content .uv-guide-howto a{color:#145a44;text-decoration:underline}.uv-guide-tool-cta a:hover,.uv-guide-tool-cta a:focus-visible{outline:2px solid #b8ee6c;outline-offset:2px}
@media(max-width:720px){.uv-guide-featured-img{border-radius:13px;max-height:none}.uv-guide-tool-cta,.uv-guide-howto{padding:17px;border-radius:15px}.uv-guide-tool-actions{display:grid;grid-template-columns:1fr 1fr}.uv-guide-tool-actions .uv-guide-primary{grid-column:1/-1;text-align:center}.uv-guide-tool-actions a{padding:12px 9px;text-align:center}.uv-guide-steps{gap:18px}.uv-guide-mini-ui{max-width:100%}}