/* Existing legacy learning views in the connected preview's shared visual system. */
html.ysa-connected-preview #framework_main.ll-page{padding:32px;color:var(--ysa-ink);min-width:0}
.ysa-connected-preview .ll-content{min-width:0;max-width:100%}
.ysa-connected-preview .ll-page.ll-has-navigation{display:grid;grid-template-columns:208px minmax(0,1fr);gap:32px}
.ysa-connected-preview .ll-page :is(h1,h2,h3,h4){font-family:var(--ysa-font-heading);font-weight:400;color:var(--ysa-ink);letter-spacing:0}
.ysa-connected-preview .ll-page h1{margin:0 0 24px;font-size:30px;line-height:1.2}
.ysa-connected-preview .ll-page h1>span{font-weight:400}
.ysa-connected-preview .ll-page h2{margin:24px 0 14px;font-size:21px;line-height:1.3}
.ysa-connected-preview .ll-page h3{font-size:18px;line-height:1.3}
.ysa-connected-preview .ll-page .info{max-width:72ch;margin:0 0 20px;color:var(--ysa-text-muted);font-size:13px;line-height:1.6}
.ysa-connected-preview .ll-page .page{width:100%;min-width:0;margin:0;padding:0}
.ysa-connected-preview .ll-page .ll-navigation{position:sticky;top:0;width:auto;max-width:100%;height:fit-content;float:none;margin:0;padding:16px 20px 20px 0;border-right:1px solid var(--ysa-line)}
.ysa-connected-preview .ll-navigation h2{font:600 10px/1.5 var(--ysa-font-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--ysa-text-muted);margin:0 0 16px}
.ysa-connected-preview .ll-navigation ul{display:grid;gap:4px;margin:0;padding:0;list-style:none}
.ysa-connected-preview .ll-navigation li{min-width:0;padding:10px 12px;border-radius:10px;font-size:13px;line-height:1.45}
.ysa-connected-preview .ll-navigation li[onclick]{display:flex;align-items:center;gap:10px;cursor:pointer}
.ysa-connected-preview .ll-navigation li[onclick]:hover,.ysa-connected-preview .ll-navigation li.active{background:var(--ysa-canvas);color:var(--ysa-ink)}
.ysa-connected-preview .ll-navigation li a{color:inherit;text-decoration:none}
.ysa-connected-preview .ll-page :is(button,.submit){font-family:var(--ysa-font-sans)}
.ysa-connected-preview :is(.ll-page,.ll-image-page) :is(.submit,button:not(.kc-drawer-close)){display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;max-width:100%;padding:8px 14px;border:1px solid var(--ysa-ink);border-radius:10px;background:var(--ysa-ink);color:var(--ysa-on-ink);font:600 12px/1.4 var(--ysa-font-sans);white-space:normal;text-decoration:none;cursor:pointer}
.ysa-connected-preview :is(.ll-page,.ll-image-page) :is(.submit.blackline,.kc-btn,.loadmore){background:var(--ysa-sheet);color:var(--ysa-ink);border-color:var(--ysa-line)}
.ysa-connected-preview :is(.ll-page,.ll-image-page) :is(input:not([type=hidden]),textarea){max-width:100%;min-width:0;padding:10px 12px;border:1px solid var(--ysa-line);border-radius:10px;background:var(--ysa-sheet);color:var(--ysa-ink);font:400 13px/1.5 var(--ysa-font-sans)}
.ysa-connected-preview :is(.ll-page,.ll-image-page) textarea{width:100%;min-height:110px;resize:vertical}
.ysa-connected-preview .ll-assistant-hero{padding:28px 280px 28px 28px;border-radius:22px;background:var(--ysa-sage-soft) url('/img/persona-floortje.png') right bottom/250px auto no-repeat;color:var(--ysa-ink);min-height:350px}
.ysa-connected-preview .ll-assistant-hero h2{margin:0 0 24px}
.ysa-connected-preview .ll-assistant-hero .module-border-wrap{max-width:680px;min-width:0}
.ysa-connected-preview .ll-page #ask_linda_question{height:64px;min-height:64px;padding:16px 18px;border-radius:18px;font-size:15px;line-height:1.5}
.ysa-connected-preview .ll-page #linda_answers{display:grid;gap:8px;margin-top:20px}
.ysa-connected-preview .ll-page #linda_answers a{display:block;max-width:100%;padding:10px 12px;border:1px solid var(--ysa-line);border-radius:12px;background:var(--ysa-sheet);color:var(--ysa-ink);font-size:12px;line-height:1.5;text-decoration:none;cursor:pointer}
.ysa-connected-preview .ll-page #linda_answers a i{margin-right:8px}
.ysa-connected-preview .ll-page #linda_response{margin-top:20px;padding:24px;border:1px solid var(--ysa-line);border-radius:18px;background:var(--ysa-sheet);color:var(--ysa-ink);font-size:14px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}
.ysa-connected-preview .ll-page .linda_loading{width:24px;height:24px;border:3px solid var(--ysa-sage-soft);border-top-color:var(--ysa-ink);border-radius:50%;animation:ll-spin 1s linear infinite}
.ysa-connected-preview .ll-page .cursor{display:inline-block;color:var(--ysa-ink);animation:ll-blink 1s steps(2,start) infinite}
@keyframes ll-spin{to{transform:rotate(360deg)}}@keyframes ll-blink{to{visibility:hidden}}
.ysa-connected-preview .ll-page .frametable{display:block;width:100%;margin:0 0 16px}
.ysa-connected-preview .ll-page .framerow{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.ysa-connected-preview .ll-page .framecolumn{width:100%;max-width:100%;margin:0;padding:0}
.ysa-connected-preview .ll-page .framecolumn_content{padding:24px;border:1px solid var(--ysa-line);border-radius:18px;background:var(--ysa-sheet);font-size:14px;line-height:1.65}
.ysa-connected-preview .ll-page .framecolumn_content .label{display:inline-flex;gap:4px;padding:4px 8px;border-radius:999px;font-size:11px;line-height:1.4}
.ysa-connected-preview .ll-page .avatar_very_small{display:inline-block;vertical-align:middle;width:24px;height:24px;border-radius:50%;background-size:cover;background-position:center;margin-right:6px}
.ysa-connected-preview .ll-page :is(.ll-empty,.ll-status,.kc-empty,.empty){margin:20px 0;padding:24px;border:1px solid var(--ysa-line);border-radius:18px;background:var(--ysa-canvas);color:var(--ysa-text-muted);font-size:13px;line-height:1.6;overflow-wrap:anywhere}
.ysa-connected-preview .ll-page .ll-status[hidden]{display:none}
/* Knowledge cards and original drawer. */
.ysa-connected-preview :is(#knowledgeClient,.ll-page .shell){width:100%;max-width:100%;min-width:0;margin:0;padding:0}
.ysa-connected-preview .ll-page :is(.kc-header,.headline){display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}
.ysa-connected-preview .ll-page .headline h1{margin:0}
.ysa-connected-preview .ll-page :is(.kc-search,.searchbar){display:flex;align-items:center;gap:10px;flex:1;max-width:520px;min-width:0;padding:0 12px;border:1px solid var(--ysa-line);border-radius:12px;background:var(--ysa-canvas);color:var(--ysa-text-muted)}
.ysa-connected-preview .ll-page :is(.kc-search input,.searchbar input){width:100%;min-height:44px;border:0;background:transparent;outline:0}
.ysa-connected-preview .ll-page .searchbar button{margin:6px 0}
.ysa-connected-preview .ll-page :is(.kc-grid,.grid){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;min-width:0}
.ysa-connected-preview .ll-page :is(.kc-card,.card){display:block;min-width:0;padding:0;overflow:hidden;border:1px solid var(--ysa-line);border-radius:18px;background:var(--ysa-sheet);color:var(--ysa-ink);text-decoration:none;cursor:pointer}
.ysa-connected-preview .ll-page :is(.kc-card,.card):hover{border-color:var(--ysa-sage);box-shadow:var(--ysa-shadow-card)}
.ysa-connected-preview .ll-page :is(.kc-thumb,.thumb){display:block;aspect-ratio:16/9;overflow:hidden;background:var(--ysa-sage-soft)}
.ysa-connected-preview .ll-page :is(.kc-thumb,.thumb) :is(img,video){display:block;width:100%;height:100%;object-fit:cover}
.ysa-connected-preview .ll-page :is(.kc-fallback,.fallback){display:flex;align-items:center;justify-content:center;height:100%;padding:20px;background:var(--ysa-sage-soft);color:var(--ysa-text-muted);font-size:12px}
.ysa-connected-preview .ll-page :is(.kc-body,.card .body){padding:20px}
.ysa-connected-preview .ll-page :is(.kc-title,.title){margin:0 0 10px;font:400 19px/1.3 var(--ysa-font-heading);overflow-wrap:anywhere}
.ysa-connected-preview .ll-page :is(.kc-summary,.summary){margin:0;color:var(--ysa-text-muted);font-size:13px;line-height:1.6;overflow-wrap:anywhere}
.ysa-connected-preview .ll-page :is(.kc-meta,.meta,.kc-article-meta){display:flex;flex-wrap:wrap;gap:7px;margin-top:14px;color:var(--ysa-text-muted);font-size:11px}
.ysa-connected-preview .ll-page :is(.kc-pill,.pill){display:inline-flex;padding:4px 8px;border-radius:999px;background:var(--ysa-canvas);color:var(--ysa-text-muted);font-size:11px;line-height:1.4}
.ysa-connected-preview .ll-page :is(.kc-footer,.footer-actions){display:flex;justify-content:center;margin-top:24px}
.ysa-connected-preview .ll-page .kc-drawer{display:none;position:fixed;inset:0;z-index:3000;width:auto;height:auto;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
.ysa-connected-preview .ll-page .kc-drawer.open{display:block}
.ysa-connected-preview .ll-page .kc-drawer-backdrop{position:absolute;inset:0;z-index:0;background:var(--ysa-on-ink-overlay);backdrop-filter:blur(3px)}
.ysa-connected-preview .ll-page .kc-drawer-panel{position:absolute;z-index:1;top:24px;right:24px;bottom:24px;display:flex;flex-direction:column;width:min(760px,calc(100vw - 48px));min-height:0;border:1px solid var(--ysa-line);border-radius:22px;background:var(--ysa-sheet);box-shadow:var(--ysa-shadow-menu);overflow:hidden}
.ysa-connected-preview .ll-page .kc-drawer-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:24px;border-bottom:1px solid var(--ysa-line)}
.ysa-connected-preview .ll-page .kc-drawer-header h2{margin:0;font-size:27px;line-height:1.2}
.ysa-connected-preview .ll-page .kc-article-sub{margin:10px 0 0;color:var(--ysa-text-muted);font-size:13px;line-height:1.55}
.ysa-connected-preview .ll-page .kc-drawer-close{display:grid;place-items:center;flex:none;width:44px;height:44px;min-height:44px;padding:0;border:0;border-radius:10px;background:var(--ysa-canvas);color:var(--ysa-ink)}
.ysa-connected-preview .ll-page .kc-drawer-body{min-height:0;flex:1;padding:24px;overflow:auto;overscroll-behavior:contain;font-size:14px;line-height:1.65;overflow-wrap:anywhere}
.ysa-connected-preview .ll-page :is(.kc-article-main-video,.kc-article-videos) :is(img,video){display:block;width:100%;max-height:400px;object-fit:contain;margin-bottom:20px;border-radius:14px;background:var(--ysa-canvas)}
.ysa-connected-preview .ll-page #kc-article-body :is(h1,h2,h3){margin:24px 0 12px;font-size:23px}
.ysa-connected-preview .ll-page #kc-article-body p{margin:0 0 14px}
/* Version timeline, table and actual detail form. */
.ysa-connected-preview .ll-page.policy_management .stats-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 30px}
.ysa-connected-preview .ll-page.policy_management .stat-card{min-width:0;padding:20px;border:1px solid var(--ysa-line);border-radius:18px;background:var(--ysa-sheet)}
.ysa-connected-preview .ll-page.policy_management .stat-card>div:first-child{color:var(--ysa-text-muted);font:500 12px/1.45 var(--ysa-font-sans)}
.ysa-connected-preview .ll-page.policy_management .stat-card>div:nth-child(2){margin:10px 0;font:400 28px/1.2 var(--ysa-font-heading)}
.ysa-connected-preview .ll-page.policy_management .stat-card>div:last-child{color:var(--ysa-text-muted);font-size:12px;line-height:1.5}
.ysa-connected-preview .ll-page .timeline-wrapper{display:grid;gap:16px;margin:16px 0 30px;padding:0 0 0 20px;border-left:1px solid var(--ysa-line)}
.ysa-connected-preview .ll-page .timeline-item{position:relative;padding:18px;border:1px solid var(--ysa-line);border-radius:16px;background:var(--ysa-sheet);font-size:13px;line-height:1.6;overflow-wrap:anywhere}
.ysa-connected-preview .ll-page .timeline-item>div:first-child{position:absolute;left:-25px;top:24px;width:9px;height:9px;border:2px solid var(--ysa-sheet);border-radius:50%;background:var(--ysa-sage)}
.ysa-connected-preview .ll-page .timeline-item>div:not(:first-child){margin-bottom:7px}
.ysa-connected-preview .ll-page .timeline-item strong{font-weight:600}
.ysa-connected-preview .ll-table-scroll{width:100%;max-width:100%;overflow:auto;border:1px solid var(--ysa-line);border-radius:18px;overscroll-behavior:contain}
.ysa-connected-preview .ll-page .table{width:100%;min-width:850px;border-collapse:collapse;table-layout:auto;background:var(--ysa-sheet);font:400 12px/1.5 var(--ysa-font-sans)}
.ysa-connected-preview .ll-page .table td{padding:13px 16px;border-bottom:1px solid var(--ysa-line);vertical-align:top}
.ysa-connected-preview .ll-page .table thead{background:var(--ysa-canvas);color:var(--ysa-text-muted);font-size:11px}
.ysa-connected-preview .ll-page .persona-snapshots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:16px 0 24px}
.ysa-connected-preview .ll-page .persona-card{min-width:0;padding:22px;border:1px solid var(--ysa-line);border-radius:18px;background:var(--ysa-sheet);font-size:13px;line-height:1.55}
.ysa-connected-preview .ll-page .persona-card>div{margin-bottom:10px}
.ysa-connected-preview .ll-page #version_drawer_overlay{position:fixed;inset:0;z-index:3000;background:var(--ysa-on-ink-overlay);backdrop-filter:blur(3px)}
.ysa-connected-preview .ll-page #version_drawer{position:fixed;top:24px;right:24px;bottom:24px;z-index:3001;flex-direction:column;width:min(680px,calc(100vw - 48px));max-height:calc(100dvh - 48px);border:1px solid var(--ysa-line);border-radius:22px;background:var(--ysa-sheet);box-shadow:var(--ysa-shadow-menu);overflow:hidden}
.ysa-connected-preview .ll-page #version_drawer_content{min-height:0;height:100%;display:flex;flex-direction:column;overflow:auto;padding:24px;gap:16px}
.ysa-connected-preview .ll-page #version_drawer_content>.vm-details{min-height:0;height:100%;display:flex;flex-direction:column;gap:16px}
.ysa-connected-preview .ll-page #version_drawer_content h1{font-size:27px;margin:0 0 10px}
.ysa-connected-preview .ll-page #version_drawer_content input{width:100%;min-height:42px}
.ysa-connected-preview .ll-page #edit_version_prompt_editor{min-height:220px;padding:16px;border:1px solid var(--ysa-line);border-radius:12px;background:var(--ysa-sheet);font-size:14px;line-height:1.6}
.ysa-connected-preview .ll-page #version_drawer_content .vm-details>div:nth-of-type(2){overflow:auto;min-height:0}
/* The original company-image dialog, without invoking generation. */
.ysa-connected-preview .ll-image-page .page{max-width:100%;padding:0;margin:0}
.ysa-connected-preview .ll-image-page h1{font:400 27px/1.2 var(--ysa-font-heading);margin:0 0 24px}
.ysa-connected-preview .ll-image-page h4{font:600 12px/1.5 var(--ysa-font-sans);margin:16px 0 8px}
.ysa-connected-preview .ll-image-page .info{color:var(--ysa-text-muted);font-size:13px;line-height:1.6}
.ysa-connected-preview .ll-image-page #avatar_output{margin:20px 0;overflow-wrap:anywhere;font-size:13px;line-height:1.6}
.ysa-connected-preview .ll-image-page #avatar_output img{display:block;max-width:100%;max-height:360px;object-fit:contain;border-radius:14px}
.ysa-connected-preview .ll-image-page .spinner{display:inline-block;width:24px;height:24px;border:3px solid var(--ysa-sage-soft);border-top-color:var(--ysa-ink);border-radius:50%;animation:ll-spin 1s linear infinite}
.ysa-connected-preview .ll-image-page form>table{width:100%;border-collapse:collapse}
.ysa-connected-preview .ll-image-page form>table td{padding:0 10px 0 0;vertical-align:top}
@media(max-width:1100px){.ysa-connected-preview .ll-page :is(.kc-grid,.grid){grid-template-columns:repeat(2,minmax(0,1fr))}.ysa-connected-preview .ll-assistant-hero{padding-right:200px;background-size:180px auto}.ysa-connected-preview .ll-page.ll-has-navigation{grid-template-columns:180px minmax(0,1fr);gap:24px}}
@media(max-width:800px){html.ysa-connected-preview #framework_main.ll-page{padding:24px}.ysa-connected-preview .ll-page.ll-has-navigation{display:block}.ysa-connected-preview .ll-page .ll-navigation{position:static;display:block;padding:0 0 16px;margin-bottom:24px;border:0;border-bottom:1px solid var(--ysa-line)}.ysa-connected-preview .ll-navigation h2,.ysa-connected-preview .ll-navigation li:not([onclick]){display:none}.ysa-connected-preview .ll-navigation ul{display:flex;overflow:auto;gap:8px}.ysa-connected-preview .ll-navigation li{flex:none}.ysa-connected-preview .ll-assistant-hero{padding:24px;min-height:0;background-image:none}.ysa-connected-preview .ll-page .persona-snapshots{grid-template-columns:minmax(0,1fr)}}
@media(max-width:720px){html.ysa-connected-preview #framework_main.ll-page{padding:24px 16px 100px}.ysa-connected-preview .ll-page h1{font-size:27px;margin-bottom:20px}.ysa-connected-preview .ll-page h2{font-size:20px}.ysa-connected-preview .ll-page :is(.kc-grid,.grid){grid-template-columns:minmax(0,1fr);gap:16px}.ysa-connected-preview .ll-page.policy_management .stats-row{grid-template-columns:minmax(0,1fr)}.ysa-connected-preview .ll-page .kc-drawer-panel{inset:8px;width:auto;border-radius:20px}.ysa-connected-preview .ll-page :is(.kc-drawer-header,.kc-drawer-body){padding:20px}.ysa-connected-preview .ll-page .kc-drawer-header h2{font-size:24px}.ysa-connected-preview .ll-page #version_drawer{inset:8px;width:auto;max-height:calc(100dvh - 16px);border-radius:20px}.ysa-connected-preview .ll-page #version_drawer_content{padding:20px}.ysa-connected-preview .ll-image-page form>table,.ysa-connected-preview .ll-image-page form>table :is(tbody,tr,td){display:block;width:100%;padding:0}.ysa-connected-preview .ll-image-page form>table tr{display:grid;gap:10px}.ysa-connected-preview .ll-image-page form>table td:empty{display:none}.ysa-connected-preview .ll-image-page .submit{width:100%;min-height:44px}}
@media(prefers-reduced-motion:reduce){.ysa-connected-preview :is(.ll-page .linda_loading,.ll-page .cursor,.ll-image-page .spinner){animation:none}}
.ysa-connected-preview .ll-page #version_drawer_content>.vm-details>div:first-of-type{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.ysa-connected-preview .ll-page #version_drawer_content>.vm-details>div:first-of-type>div{flex:1;min-width:0}
.ysa-connected-preview .ll-page #version_drawer_content>.vm-details>div:nth-of-type(2){flex:1;min-height:0;overflow:auto}
.ysa-connected-preview .ll-page #version_drawer_content>.vm-details>div:last-child{display:flex;flex-wrap:wrap;gap:8px;padding-top:16px;border-top:1px solid var(--ysa-line)}
.ysa-connected-preview .ll-page #version_drawer_content .vm-details>div:first-of-type>button{flex:none;width:44px;height:44px;min-height:44px;padding:0;border:0;background:var(--ysa-canvas);color:var(--ysa-ink)}
.ysa-connected-preview .ll-page .ll-load-close{align-self:flex-end;flex:none}
.ysa-connected-preview .ll-page #version_drawer_content .jt-toolbar{display:flex;flex-wrap:wrap;gap:4px;margin:0;border-radius:12px 12px 0 0}
.ysa-connected-preview .ll-page #version_drawer_content .jt-tb-btn{min-width:36px;min-height:36px;padding:6px;border:0;border-radius:8px;background:var(--ysa-canvas);color:var(--ysa-ink)}
.ysa-connected-preview .ll-page.suggestions :is(.frametable,.framerow,.framecolumn){border:0;background:transparent;box-shadow:none}
.ysa-connected-preview .ll-page.suggestions .label[style*="background-color"]{color:var(--ysa-on-ink)}
@media(max-width:720px){html.ysa-connected-preview #framework_main.ll-page{background:var(--ysa-sheet)}.ysa-connected-preview .ll-page .headline .searchbar{flex-basis:100%;max-width:100%;width:100%}}