/* KlitaPlus mockup reference 31325.png — one scoped presentation layer */
:root{--v401-navy:#111b50;--v401-purple:#7c31b6;--v401-green:#b8f339;--v401-arrow:#31b52b;--v401-light:#f1e2fa}
html,body{background:#fafaff!important}
#kp4-root>.kpv401{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--v401-navy);min-height:100dvh;background:#fcfcff;position:relative;max-width:100%;overflow:hidden;padding:0!important;display:flex;flex-direction:column}
#kp4-root>.kpv401 button,#kp4-root>.kpv401 select{font-family:inherit!important;cursor:pointer}
#kp4-root>.kpv401 button:focus-visible,#kp4-root>.kpv401 a:focus-visible,#kp4-root>.kpv401 select:focus-visible{outline:2px solid #7130b9;outline-offset:2px}
#kp4-root>.kpv401 .kpv401-icon{width:22px;height:22px;flex:none}
#kp4-root>.kpv401 .kpv401-header{height:76px;min-height:76px;padding:4px 14px;background:#fff;display:flex;align-items:center;gap:10px;position:relative;z-index:4;border-bottom:1px solid #f0edf6;width:100%;box-shadow:none}
#kp4-root>.kpv401 .kpv401-hamb{width:42px;height:44px;border:0;background:transparent;color:#111b50;display:flex;justify-content:center;align-items:center;padding:0;flex:none}
#kp4-root>.kpv401 .kpv401-hamb .kpv401-icon{width:29px;height:29px;stroke-width:2.15}
#kp4-root>.kpv401 .kpv401-brand{border:0;background:transparent;padding:0;display:flex;align-items:center;gap:5px;text-decoration:none;flex:1;min-width:0;justify-content:flex-start}
#kp4-root>.kpv401 .kpv401-brand img{width:51px;height:57px;object-fit:contain;flex:none}
#kp4-root>.kpv401 .kpv401-brand strong{color:#121c58;font-size:22px;font-style:italic;font-weight:850;letter-spacing:-1.2px;line-height:1;white-space:nowrap}
#kp4-root>.kpv401 .kpv401-brand strong span{color:#182b85}
#kp4-root>.kpv401 .kpv401-header-actions{display:flex;align-items:center;gap:5px;flex:none}
#kp4-root>.kpv401 .kpv401-header-actions>button{width:36px;height:42px;display:grid;place-items:center;border:0;background:transparent;position:relative;color:#0f1a49;padding:0}
#kp4-root>.kpv401 .kpv401-header-actions .kpv401-icon{width:22px;height:22px}
#kp4-root>.kpv401 .kpv401-alert-dot{position:absolute;right:4px;top:5px;width:8px;height:8px;border-radius:50%;background:#4cc91e;border:1px solid #fff}
#kp4-root>.kpv401 select.kpv401-lang{appearance:auto;min-width:59px;width:59px;max-width:59px;height:36px;border:0;border-radius:20px;padding:0 5px 0 10px;text-align:center;background:#f2e2fa;color:#101940;font-size:13px;font-weight:800;line-height:36px}
#kp4-root>.kpv401 .kpv401-searchrow{background:#fff;padding:9px 14px;position:relative;z-index:4;border-bottom:1px solid #eee}
#kp4-root>.kpv401 .kpv401-searchrow[hidden]{display:none!important}
#kp4-root>.kpv401 .kpv401-searchrow form{display:flex;gap:7px;border:1px solid #e1d7f0;padding:6px;border-radius:12px;min-height:42px}
#kp4-root>.kpv401 .kpv401-searchrow input{border:0;background:transparent;flex:1;min-width:0;padding:0 9px;font-size:14px;outline:none}
#kp4-root>.kpv401 .kpv401-searchrow form>button{border:0;background:#edf5e2;color:#1b7f26;border-radius:9px;min-width:42px}
#kp4-root>.kpv401>.kpv401-content{flex:1;padding:0 0 90px!important;margin:0 auto!important;width:100%;max-width:950px;min-height:0;background:transparent;box-shadow:none}
#kp4-root>.kpv401 .kpv401-homebody{background:#fcfcff;padding:0 10px 10px;display:flex;flex-direction:column;gap:9px;width:100%}
#kp4-root>.kpv401 .kpv401-ticker{height:46px;min-height:46px;display:flex;align-items:center;background:#09378a;color:#fff;border-radius:0 0 8px 8px;padding:0 9px;gap:7px;overflow:hidden;position:relative;width:100%}
#kp4-root>.kpv401 .kpv401-ticker-brand{border:0;background:#b8f334;color:#152145;display:flex;gap:4px;align-items:center;border-radius:22px;padding:8px 9px;white-space:nowrap;flex:none;font-size:13px;font-weight:800;min-height:32px}
#kp4-root>.kpv401 .kpv401-ticker-brand .kpv401-icon{width:16px;height:16px}
#kp4-root>.kpv401 .kpv401-ticker-sep{width:1px;height:21px;background:#fff8;flex:none;margin:0 1px}
#kp4-root>.kpv401 .kpv401-ticker-desc{font-size:12px;font-weight:600;white-space:nowrap;flex:none}
#kp4-root>.kpv401 .kpv401-live-dot{width:7px;height:7px;border-radius:50%;background:#b5f732;flex:none}
#kp4-root>.kpv401 .kpv401-ticker-window{display:block;flex:1;overflow:hidden;min-width:15px;white-space:nowrap;background:none!important;border:0!important;box-shadow:none!important}
#kp4-root>.kpv401 .kp273-c18-track{display:flex;width:max-content;align-items:center;white-space:nowrap;animation:kpv401ticker var(--kp273-c18-duration,35s) linear infinite;will-change:transform;color:#fff;font-size:12px;font-weight:500;gap:0}
#kp4-root>.kpv401 .kp273-c18-track>span{white-space:nowrap;padding-inline-end:34px;display:inline-block}
@keyframes kpv401ticker{to{transform:translateX(-50%)}}
#kp4-root>.kpv401 .kpv401-ticker-pause,#kp4-root>.kpv401 .kpv401-ticker-go{width:27px;height:32px;border:0;color:#fff;background:transparent;padding:0;display:flex;align-items:center;justify-content:center;flex:none;font-size:17px}
#kp4-root>.kpv401 .kpv401-ticker-go .kpv401-icon{width:16px;height:16px}
#kp4-root>.kpv401 .kpv401-feature{display:grid;grid-template-columns:40% 60%;min-height:180px;height:auto;border:1px solid #e6e0ef;border-radius:16px;padding:9px;background:#fff;box-shadow:0 5px 16px rgba(35,32,94,.08);gap:0;overflow:hidden}
#kp4-root>.kpv401 .kpv401-leadimg{min-width:0;position:relative;border-radius:13px;overflow:hidden;min-height:164px}
#kp4-root>.kpv401 .kpv401-leadimg img{display:block;width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
#kp4-root>.kpv401 .kpv401-leadimg span{position:absolute;left:4px;bottom:4px;padding:2px 5px;background:#fffde9c9;color:#263257;border-radius:5px;font-size:8px}
#kp4-root>.kpv401 .kpv401-feature-copy{min-width:0;display:flex;flex-direction:column;align-items:flex-start;padding:4px 7px 2px 12px;gap:6px}
#kp4-root>.kpv401 .kpv401-feature-chip{border-radius:14px;background:#f0dffb;color:#772bb2;font-size:11px;font-weight:750;line-height:1.25;padding:5px 9px;max-width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
#kp4-root>.kpv401 .kpv401-feature-title{color:#101c4b;font-weight:850;font-size:17px;line-height:1.16;letter-spacing:-.5px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden;word-break:normal}
#kp4-root>.kpv401 .kpv401-feature-copy>p{margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:11.5px;line-height:1.33;color:#4c5270}
#kp4-root>.kpv401 .kpv401-feature-copy>p:empty{display:none}
#kp4-root>.kpv401 .kpv401-feature-bottom{margin-top:auto;width:100%;display:flex;align-items:center;justify-content:space-between;gap:4px}
#kp4-root>.kpv401 .kpv401-feature-bottom small{font-size:10px;color:#657089;max-width:85%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#kp4-root>.kpv401 .kpv401-feature-bottom>a{color:#30b623;border:0;text-decoration:none;min-width:27px;min-height:27px;display:grid;place-items:center}
#kp4-root>.kpv401 .kpv401-feature-bottom>a .kpv401-icon{width:22px}
#kp4-root>.kpv401 .kpv401-audio{margin:0;display:flex;flex-direction:column;gap:6px;min-width:0}
#kp4-root>.kpv401 .kpv401-audio-top{display:flex;align-items:center;background:#f1e2fb;min-height:74px;border-radius:16px;padding:9px 12px;gap:8px;color:#18164e}
#kp4-root>.kpv401 .kpv401-waves{width:38px;display:grid;place-items:center;color:#792db5;flex:none}
#kp4-root>.kpv401 .kpv401-waves .kpv401-icon{height:37px;width:35px;stroke-width:2.1}
#kp4-root>.kpv401 .kpv401-audio-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
#kp4-root>.kpv401 .kpv401-audio-copy strong{font-size:19px;line-height:1.08;font-weight:850;letter-spacing:-.5px}
#kp4-root>.kpv401 .kpv401-audio-copy small{color:#4b4e70;font-size:11px;line-height:1.35;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
#kp4-root>.kpv401 .kpv401-audio-sep{height:45px;width:1px;background:#bba0db;flex:none}
#kp4-root>.kpv401 .kpv401-audio-play{border:0;border-radius:50%;width:40px;height:40px;min-width:40px;display:grid;place-items:center;background:#b6f536;color:#102040;font-weight:800;padding:0}
#kp4-root>.kpv401 .kpv401-audio-play .kp304-play-icon{display:grid;place-items:center;line-height:1;color:#102040;font-size:20px}
#kp4-root>.kpv401 .kpv401-audio-play .kpv401-icon{width:18px;height:18px}
#kp4-root>.kpv401 .kpv401-audio-right{display:flex;flex-direction:column;min-width:55px;gap:4px;color:#141b4c}
#kp4-root>.kpv401 .kpv401-audio-right strong{font-size:11px;line-height:1.15;font-weight:750}
#kp4-root>.kpv401 .kpv401-audio-right small{color:#6d6883;font-size:10px}
#kp4-root>.kpv401 .kpv401-audio-history{display:flex;align-items:center;gap:9px;min-height:33px;min-width:0;overflow:hidden}
#kp4-root>.kpv401 .kpv401-audio-history>strong{white-space:nowrap;font-size:11px;line-height:1.2;font-weight:750;color:#192042}
#kp4-root>.kpv401 .kp313-hourly-strip{display:flex;align-items:center;gap:5px;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none;padding:0 1px;margin:0;background:none;border:0;box-shadow:none;min-height:34px}
#kp4-root>.kpv401 .kp313-hourly-strip::-webkit-scrollbar{display:none}
#kp4-root>.kpv401 .kp313-hour-chip{display:flex;align-items:center;gap:4px;min-height:28px;min-width:55px;padding:3px 9px;border-radius:20px;border:0;color:#5a257d;background:#f1e0fb;box-shadow:none;font-size:11px;font-weight:750;flex:none}
#kp4-root>.kpv401 .kp313-hour-chip.active{background:#e9caf7;color:#47186d}
#kp4-root>.kpv401 .kp313-hour-chip.archive{min-width:auto}
#kp4-root>.kpv401 .kpv401-divider{height:1px;background:#ded7e7;margin-top:-5px}
#kp4-root>.kpv401 .kpv401-publications{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;min-width:0}
#kp4-root>.kpv401 .kpv401-publication{position:relative;text-align:start;min-width:0;border:1px solid #e6e1ef;border-radius:14px;background:#fff;text-decoration:none;color:#131b4b;box-shadow:0 3px 12px #2c1c6411;display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-height:99px;padding:9px 9px}
#kp4-root>.kpv401 .kpv401-pub-icon{color:#792bb6;width:25px;height:27px;display:block}
#kp4-root>.kpv401 .kpv401-pub-icon .kpv401-icon{width:23px;height:23px}
#kp4-root>.kpv401 .kpv401-publication strong{font-weight:800;font-size:13px;line-height:1.12;min-height:14px}
#kp4-root>.kpv401 .kpv401-publication small{font-size:10px;line-height:1.22;color:#5b6077;max-width:93%}
#kp4-root>.kpv401 .kpv401-pub-go{color:#2cb626;position:absolute;right:5px;bottom:11px;display:grid;place-items:center}
#kp4-root>.kpv401 .kpv401-pub-go .kpv401-icon{width:16px;height:16px}
#kp4-root>.kpv401 .kpv401-services{margin-top:0;display:flex;flex-direction:column;gap:9px}
#kp4-root>.kpv401 .kpv401-services-head{display:flex;align-items:center;gap:9px;min-height:32px}
#kp4-root>.kpv401 .kpv401-services-head h2{font-size:21px;line-height:1.1;font-weight:850;margin:0;color:#141e51;letter-spacing:-.5px}
#kp4-root>.kpv401 .kpv401-services-line{height:2px;border-radius:2px;background:#dfc0f6;flex:1;min-width:14px}
#kp4-root>.kpv401 .kpv401-services-head button{background:transparent;border:0;padding:1px 0 1px 2px;font-size:11.5px;font-weight:750;color:#2fad2a;display:flex;align-items:center;gap:2px;white-space:nowrap}
#kp4-root>.kpv401 .kpv401-services-head button .kpv401-icon{width:13px;height:13px}
#kp4-root>.kpv401 .kpv401-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-width:0}
#kp4-root>.kpv401 .kpv401-service{display:flex;align-items:center;gap:5px;text-align:start;background:#fff;color:#182048;border-radius:14px;border:1px solid #efedf4;box-shadow:0 4px 11px rgba(35,28,94,.06);min-height:60px;min-width:0;padding:6px 5px}
#kp4-root>.kpv401 .kpv401-service-ico{width:35px;height:36px;min-width:35px;border-radius:10px;display:grid;place-items:center;color:#121c59}
#kp4-root>.kpv401 .kpv401-service-ico.lilac{background:#f0e1fc}
#kp4-root>.kpv401 .kpv401-service-ico.mint{background:#e5f9cf}
#kp4-root>.kpv401 .kpv401-service-ico .kpv401-icon{width:21px;height:21px}
#kp4-root>.kpv401 .kpv401-service strong{font-size:9.6px;line-height:1.16;min-width:0;flex:1;letter-spacing:-.2px;font-weight:800;overflow-wrap:anywhere}
#kp4-root>.kpv401 .kpv401-service-go{color:#2fb62c;display:grid;place-items:center;flex:none;width:10px}
#kp4-root>.kpv401 .kpv401-service-go .kpv401-icon{width:13px;height:13px}
#kp4-root>.kpv401 .kpv401-bottom{position:fixed;bottom:0;left:0;right:0;z-index:40;background:#fff;border-top:1px solid #eae6f0;height:calc(65px + env(safe-area-inset-bottom,0px));padding:4px 6px env(safe-area-inset-bottom,0px);display:flex;align-items:stretch;gap:0;box-shadow:0 -3px 12px #121a4020;max-width:none}
#kp4-root>.kpv401 .kpv401-bottom button{background:transparent;border:0;flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:4px 1px;color:#171e48;font-size:10px;font-weight:700;line-height:1.1;min-height:48px;white-space:nowrap}
#kp4-root>.kpv401 .kpv401-bottom button .kpv401-icon{width:24px;height:24px;stroke-width:1.9}
#kp4-root>.kpv401 .kpv401-bottom button.active{color:#2cb52b}
#kp4-root>.kpv401 .kpv401-bottom button.active span{background:#d8ff7b;color:#122137;padding:3px 10px;border-radius:16px}
#kp4-root>.kpv401 .kpv401-bottom button.kpv401-klitai .kpv401-icon{color:#7728b6}
#kp4-root>.kpv401 .kp355-legal{background:#fff;padding:13px 10px calc(71px + env(safe-area-inset-bottom,0px))!important;display:flex;flex-direction:column;gap:9px;border-top:1px solid #f1e9f9;box-shadow:none;margin:0!important}
#kp4-root>.kpv401 .kp355-legal nav{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 11px}
#kp4-root>.kpv401 .kp355-legal button,#kp4-root>.kpv401 .kp355-legal a{font-size:10px;color:#66718c;padding:0;text-decoration:none;background:none;border:0}
#kp4-root>.kpv401 .kp355-legal small{font-size:9px;color:#8791a5;text-align:center}
#kp4-root>.kpv401 .kp4-header{background:#fff;min-height:48px;margin:0;padding:8px 13px;border:0}
#kp4-root>.kpv401 .kpv401-drawer-overlay{position:fixed;inset:0;background:#0e204c80;z-index:91}
#kp4-root>.kpv401 .kpv401-drawer-overlay[hidden]{display:none!important}
#kp4-root>.kpv401 .kpv401-drawer{position:fixed;inset:0 auto 0 0;width:min(86vw,330px);background:#fff;z-index:92;box-shadow:14px 0 35px #0d19412c;transform:translateX(-110%);transition:transform .22s ease;overflow-y:auto;overscroll-behavior:contain;visibility:hidden;max-width:100%}
#kp4-root>.kpv401 .kpv401-drawer.open{transform:translateX(0);visibility:visible}
#kp4-root>.kpv401 .kpv401-drawerhead{display:flex;align-items:center;gap:10px;padding:13px 14px;border-bottom:1px solid #eee;color:#122046}
#kp4-root>.kpv401 .kpv401-drawerhead img{width:46px;height:48px;object-fit:contain}
#kp4-root>.kpv401 .kpv401-drawerhead strong{font-size:19px;font-weight:800;flex:1}
#kp4-root>.kpv401 .kpv401-drawerhead button{width:40px;height:40px;border:0;background:#f3ebfa;border-radius:10px;color:#17204e;display:grid;place-items:center}
#kp4-root>.kpv401 .kpv401-drawerhome{width:100%;display:flex;align-items:center;gap:10px;background:#f7f2fc;border:0;padding:13px 18px;text-align:start;color:#18204d;font-size:14px;font-weight:700}
#kp4-root>.kpv401 .kpv401-drawer nav{padding:9px 13px 35px;display:flex;flex-direction:column;gap:6px}
#kp4-root>.kpv401 .kpv401-drawer details{border:1px solid #ece5f3;background:#fff;border-radius:12px;overflow:hidden}
#kp4-root>.kpv401 .kpv401-drawer summary{cursor:pointer;padding:11px 13px;color:#1a2351;font-size:14px;font-weight:800;display:flex;justify-content:space-between;align-items:center;list-style:none}
#kp4-root>.kpv401 .kpv401-drawer summary::-webkit-details-marker{display:none}
#kp4-root>.kpv401 .kpv401-drawer details[open]>summary{color:#7c31b6;background:#faf5fe}
#kp4-root>.kpv401 .kpv401-drawer details[open]>summary .kpv401-icon{transform:rotate(90deg)}
#kp4-root>.kpv401 .kpv401-drawer details>div{display:flex;flex-direction:column;padding:2px 9px 9px}
#kp4-root>.kpv401 .kpv401-drawer .kpv401-drawerlink{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:40px;background:#fff;color:#1c2752;font-size:13px;text-decoration:none;border:0;text-align:start;padding:7px 9px;border-bottom:1px solid #f2edf8}
#kp4-root>.kpv401 .kpv401-drawer .kpv401-drawerlink .kpv401-icon{width:16px;height:16px;color:#34ba2b}
#kp4-root>.kpv401[dir=rtl] .kpv401-drawer{left:auto;right:0;transform:translateX(110%)}
#kp4-root>.kpv401[dir=rtl] .kpv401-drawer.open{transform:translateX(0)}
#kp4-root>.kpv401[dir=rtl] .kpv401-feature-copy{text-align:right;align-items:flex-start}
#kp4-root>.kpv401[dir=rtl] .kpv401-service,#kp4-root>.kpv401[dir=rtl] .kpv401-publication{text-align:right}
#kp4-root>.kpv401[dir=rtl] .kpv401-header,#kp4-root>.kpv401[dir=rtl] .kpv401-audio-top{direction:rtl}
#kp4-root>.kpv401[dir=rtl] .kpv401-brand{direction:ltr}
@media(max-width:360px){#kp4-root>.kpv401 .kpv401-header{gap:5px;padding-inline:7px}#kp4-root>.kpv401 .kpv401-brand img{width:38px;height:44px}#kp4-root>.kpv401 .kpv401-brand strong{font-size:18px}#kp4-root>.kpv401 .kpv401-hamb{width:32px}#kp4-root>.kpv401 .kpv401-header-actions{gap:1px}#kp4-root>.kpv401 .kpv401-header-actions>button{width:29px}#kp4-root>.kpv401 select.kpv401-lang{min-width:50px;width:50px;max-width:50px;padding:0 2px;font-size:11px}#kp4-root>.kpv401 .kpv401-ticker-desc{display:none}#kp4-root>.kpv401 .kpv401-feature{grid-template-columns:36% 64%;min-height:166px}#kp4-root>.kpv401 .kpv401-feature-title{font-size:14px}#kp4-root>.kpv401 .kpv401-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#kp4-root>.kpv401 .kpv401-audio-right{display:none}#kp4-root>.kpv401 .kpv401-audio-top{min-height:72px}#kp4-root>.kpv401 .kpv401-publication{padding:8px 7px;min-height:112px}#kp4-root>.kpv401 .kpv401-publication strong{font-size:12px}#kp4-root>.kpv401 .kpv401-publication small{font-size:9px}}
@media(min-width:600px){#kp4-root>.kpv401 .kpv401-homebody{max-width:800px;margin:auto;padding:0 18px 22px;gap:16px}#kp4-root>.kpv401 .kpv401-feature{min-height:245px}#kp4-root>.kpv401 .kpv401-leadimg{min-height:230px}#kp4-root>.kpv401 .kpv401-feature-title{font-size:25px}#kp4-root>.kpv401 .kpv401-feature-copy>p{font-size:15px}#kp4-root>.kpv401 .kpv401-publication{min-height:130px}#kp4-root>.kpv401 .kpv401-service strong{font-size:13px}#kp4-root>.kpv401 .kpv401-bottom{max-width:950px;margin:auto;left:50%;transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){#kp4-root>.kpv401 .kp273-c18-track{animation:none!important}#kp4-root>.kpv401 .kpv401-drawer{transition:none!important}}

/* CSS legacy isolation for exact mockup visuals */
#kp4-root>.kpv401 .kp355-legal{background:#fff!important;color:#656b83!important;border:0!important;min-height:0!important;max-height:none!important}
#kp4-root>.kpv401 .kp355-legal *{color:#626d84!important}
#kp4-root>.kpv401 .kpv401-audio-play{background:#b8f339!important;color:#102040!important;opacity:1!important}
#kp4-root>.kpv401 .kpv401-audio-play:disabled{background:#d3e5a3!important;opacity:.8!important}
#kp4-root>.kpv401 .kp273-c18-track>span a{color:inherit!important;text-decoration:none!important;display:inline-block;padding-inline:6px}
#kp4-root>.kpv401 .kp273-c18-track>span b{font-weight:600;color:#b8f339;padding-inline:8px}
#kp4-root>.kpv401 .kpv401-service strong{overflow-wrap:normal;word-break:normal}