/* WEVEN learning hub: clear entry points, restrained editorial typography. */
/* Shared reading density for the education site and learning guide. */
.learning-hub,.guide-reader-site{--weven-reading-leading:1.62;--weven-detail-leading:1.6;--weven-heading-leading:1.3;--weven-subheading-leading:1.4;line-height:var(--weven-reading-leading);letter-spacing:-.012em}
@font-face{font-family:Paperlogy;src:url('/assets/fonts/paperlogy-semibold.woff') format('woff');font-weight:600;font-style:normal;font-display:swap}
.b2b-site.editorial-site{--weven-canvas:#fafaf8;--weven-ink:#17191c;--weven-muted:#525862;--weven-line:#d8dce1;background:#fafaf8;color:var(--weven-ink)}
.learning-hub .wrap{width:min(1200px,calc(100% - 96px));margin-inline:auto}
.learning-hub.b2b-site .hub-hero{display:block;grid-template-columns:none;padding:64px 0 44px;min-height:0;max-width:1200px}
.learning-hub .hub-hero>.eyebrow{margin:0 0 28px;font-size:12px;font-weight:600;letter-spacing:.12em;color:var(--weven-muted)}
.learning-hub .hub-title{position:relative;margin:0 0 32px;padding:0;font-family:Paperlogy,Pretendard,sans-serif;font-size:clamp(36px,6.4vw,80px);font-weight:600;line-height:1.24;letter-spacing:-.01em;color:var(--weven-ink);font-synthesis:none;max-width:1200px}
.learning-hub .hub-title-line{display:block;color:var(--weven-ink)}
.hub-title-line em{font-style:normal;color:var(--weven-accent)}
/* Yellow highlighter across the lower half of both headline lines. */
.hub-title .headline-highlight{background:url('/assets/headline-highlighter.svg') center bottom .035em/100% .62em no-repeat;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.hub-title .headline-highlight em{color:inherit}
.learning-hub :is(.hub-path h2,.hub-section-intro h2,.section-head h2),.guide-reader-site :is(.hero h1,.section-head h2,.path-intro h2,.quiz-intro h2,.download-panel h2,.contact-grid h2){font-family:Paperlogy,Pretendard,sans-serif;font-weight:600;font-synthesis:none}
.hub-hero-bottom{display:flex;justify-content:space-between;align-items:center;gap:32px}
.learning-hub .hub-hero .hero-subtitle{font-size:20px;font-weight:600;margin:0 0 8px;line-height:var(--weven-subheading-leading)}
.learning-hub .hub-hero .hero-desc{font-size:18px;line-height:1.65;margin:0;max-width:none;color:var(--weven-muted)}
.learning-hub .hub-hero .actions{display:flex;flex-wrap:wrap;gap:12px;margin:0;flex:none}
.learning-hub .button{font-size:15px;font-weight:600;min-height:48px;padding:14px 20px;border-radius:2px;background:var(--weven-ink);color:#fff;border:1px solid var(--weven-ink);text-decoration:none;display:inline-flex;gap:14px;align-items:center;justify-content:center}
.learning-hub .hub-button-outline{background:transparent;color:var(--weven-ink);border-color:#adb4bd}
.learning-hub .button:hover{background:var(--weven-accent);border-color:var(--weven-accent);color:#fff}
.hub-paths{display:grid;grid-template-columns:1fr 1fr;border-block:1px solid var(--weven-line)}
.hub-path{padding:30px 40px 32px 0;min-width:0}
.hub-path+.hub-path{border-left:1px solid var(--weven-line);padding-left:40px;padding-right:0}
.hub-index{display:block;color:var(--weven-muted);font-size:11px;font-weight:600;line-height:1.6;letter-spacing:.08em}
.hub-path h2{font-size:28px;font-weight:600;line-height:var(--weven-heading-leading);letter-spacing:-.03em;margin:12px 0}
.hub-path p{font-size:17px;line-height:var(--weven-detail-leading);color:var(--weven-muted);margin:0 0 20px}
.hub-text-link{display:inline-flex;align-items:center;gap:28px;min-height:44px;font-size:15px;font-weight:600;text-decoration:none;border-bottom:1px solid var(--weven-ink);color:var(--weven-ink)}
.hub-text-link:hover{color:var(--weven-accent);border-color:var(--weven-accent)}
.hub-guide-start{padding-block:72px}
.hub-section-intro{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:32px}
.hub-section-intro h2{font-size:34px;font-weight:600;line-height:var(--weven-heading-leading);letter-spacing:-.035em;margin:8px 0 0}
.hub-section-intro>p{font-size:17px;color:var(--weven-muted);line-height:var(--weven-detail-leading);margin:0}
.hub-guide-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--weven-line)}
.hub-guide-links>a{position:relative;display:block;padding:24px 28px 24px 0;border-bottom:1px solid var(--weven-line);text-decoration:none;color:var(--weven-ink);min-width:0}
.hub-guide-links>a+a{padding-left:24px;border-left:1px solid var(--weven-line)}
.hub-guide-links h3{font-size:20px;font-weight:600;line-height:var(--weven-subheading-leading);letter-spacing:-.025em;margin:14px 0 10px}
.hub-guide-links p{font-size:15px;line-height:var(--weven-reading-leading);color:var(--weven-muted);margin:0 0 24px}
.hub-link-arrow{font-size:22px;line-height:1;display:block;color:var(--weven-accent)}
.hub-guide-links>a:hover h3{color:var(--weven-accent)}
.learning-hub #about{border-top:1px solid var(--weven-line);padding-block:72px 40px}
.learning-hub .section-head h2{font-size:36px;font-weight:600;line-height:1.35;letter-spacing:-.035em}
.learning-hub .section p{font-size:18px;line-height:var(--weven-reading-leading)}
.learning-hub .section-head>p{color:var(--weven-muted);font-size:17px}
.learning-hub .intro .lead{font-size:22px;line-height:1.6;font-weight:500}
.learning-hub .education-highlights{padding:20px 0;margin-block:0 64px}
.learning-hub .education-highlight{padding-inline:28px}
.learning-hub .education-highlight:first-child{padding-left:0}
.learning-hub .education-highlight:last-child{padding-right:0}
.learning-hub .highlight-metric{font-size:36px;line-height:1.2;font-weight:600;margin:0 0 4px}
.learning-hub .highlight-metric small{font-size:16px}
.learning-hub .highlight-metric-label{font-size:14px;margin:0}
.learning-hub .education-highlight :is(.highlight-kicker,h3,p,.highlight-caption){display:none}
.learning-hub .hub-course-film{padding-block:64px;border-bottom:1px solid var(--weven-line)}
.learning-hub .hub-course-film .hero-video{width:100%;max-width:none}
.learning-hub .hub-course-film .hero-video-caption{font-size:16px;line-height:1.6}
.learning-hub .hub-course-film .hero-video-summary{font-size:15px;line-height:var(--weven-reading-leading)}
.learning-hub .curriculum article{padding-block:28px}
.learning-hub .curriculum h3{font-size:22px}
.learning-hub .curriculum small{font-size:14px;line-height:var(--weven-detail-leading)}
.learning-hub .education-facts dd{font-size:17px;line-height:var(--weven-reading-leading)}
.learning-hub .faq details p{font-size:17px}
.learning-hub a:focus-visible,.guide-reader a:focus-visible,.guide-reader summary:focus-visible{outline:3px solid var(--weven-accent);outline-offset:5px}
.guide-reader-site .hero.section-wrap{padding-block:56px 48px}
.guide-reader-site .hero-grid{min-height:0}
.guide-reader-site .hero-visual{height:360px;min-height:0}
.guide-reader-site .hero-tag,.guide-reader-site .hero-floating,.guide-reader-site .hero-bottom{display:none}
.learning-guide.guide-reader-site .hero h1{font-size:60px;font-weight:600;line-height:1.15}
.guide-reader{display:grid;grid-template-columns:208px minmax(0,1fr);gap:48px;padding-top:40px;border-top:1px solid var(--weven-line);align-items:start}
.guide-toc{position:sticky;top:112px;min-width:0}
.guide-toc-desktop h2{font-size:15px;font-weight:600;line-height:var(--weven-subheading-leading);margin:0 0 16px}
.guide-toc nav{display:grid;gap:0}
.guide-toc nav a{display:flex;align-items:baseline;gap:12px;padding:12px 0;min-height:44px;border-bottom:1px solid var(--weven-line);font-size:14px;line-height:1.6;color:var(--weven-ink);text-decoration:none}
.guide-toc nav a span{font-size:11px;color:var(--weven-muted);font-variant-numeric:tabular-nums}
.guide-toc nav a:hover{color:var(--weven-accent)}
.guide-toc-course{display:block;font-size:13px;font-weight:600;line-height:var(--weven-reading-leading);margin-top:24px;color:var(--weven-accent);text-decoration:none}
.guide-toc-mobile{display:none}
.guide-reader-content{min-width:0}
.learning-guide .guide-reader .container{width:100%;max-width:none;margin:0;padding:0}
.learning-guide .guide-reader .section-wrap{padding:56px 0;scroll-margin-top:112px}
.learning-guide .guide-reader .idea-section{padding-top:0;border-top:0}
.learning-guide .guide-reader .idea-layout{grid-template-columns:1fr;gap:16px}
.learning-guide .guide-reader .idea-layout h2{font-size:30px;line-height:1.45}
.learning-guide .guide-reader :is(.section-head h2,.path-intro h2,.quiz-intro h2,.download-panel h2,.contact-grid h2){font-size:34px;font-weight:600;line-height:1.35}
.learning-guide .guide-reader .section-head-grid{grid-template-columns:1fr;gap:16px}
.learning-guide .guide-reader .section-head-grid>p{max-width:65ch;margin-left:0}
.learning-guide .guide-reader :is(.section-head-grid>p,.idea-layout>p:last-child,.path-intro>p,.role-summary,.quiz-intro>p,.download-panel p,.contact-grid p){font-size:18px;line-height:var(--weven-reading-leading)}
.learning-guide .guide-reader .levels-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.learning-guide .guide-reader .level-figure{height:220px}
.learning-guide .guide-reader .path-grid{grid-template-columns:1fr}
.learning-guide .guide-reader .path-intro{grid-template-columns:1fr;gap:16px}
.learning-guide .guide-reader .path-core{padding-right:0}
.learning-guide .guide-reader .path-branches{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.learning-guide .guide-reader .role-feature{grid-template-columns:1fr}
.learning-guide .guide-reader .role-image{height:260px;min-height:0}
.learning-guide .guide-reader .role-content{padding:24px 0 0}
.learning-guide .guide-reader .role-levels strong{font-size:22px}
.learning-guide .guide-reader .quiz-wrap{grid-template-columns:1fr;gap:32px}
.learning-guide .guide-reader .quiz-illustration{display:none}
.learning-guide .guide-reader .quiz-intro h2 br{display:none}
.learning-guide .guide-reader .research-stat>strong{font-size:52px}
.learning-guide .guide-reader .research-stat p{font-size:15px;line-height:var(--weven-reading-leading)}
.learning-guide .guide-reader .research-insight{grid-template-columns:1fr}
.learning-guide .guide-reader .research-insight>div:last-child{padding:24px 0 0}
.learning-guide .guide-reader .finish-layout{grid-template-columns:1fr}
.learning-guide .guide-reader .download-panel{grid-template-columns:minmax(0,1fr) minmax(0,.7fr);gap:28px}
.learning-guide .guide-reader .contact-grid{grid-template-columns:1fr;gap:28px}
.learning-guide .guide-reader .contact-photo{max-height:320px}
@media(max-width:1100px){.hub-hero-bottom{align-items:flex-start;flex-direction:column;gap:24px}.learning-hub .hub-title{max-width:100%}.guide-reader{grid-template-columns:188px minmax(0,1fr);gap:32px}.hub-guide-links{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-guide-links>a:nth-child(3){padding-left:0;border-left:0}}
@media(max-width:900px){.guide-reader{display:block;padding-top:0}.guide-toc{position:sticky;top:84px;z-index:50;background:var(--weven-canvas);margin-bottom:32px;border-bottom:1px solid var(--weven-line)}.guide-toc-desktop{display:none}.guide-toc-mobile{display:block}.guide-toc-mobile summary{display:flex;align-items:center;justify-content:space-between;padding:18px 0;cursor:pointer;list-style:none;font-size:15px;font-weight:600}.guide-toc-mobile summary::-webkit-details-marker{display:none}.guide-toc-mobile[open]{padding-bottom:12px}.guide-toc-mobile[open] summary span{transform:rotate(45deg)}.guide-toc-mobile nav{max-height:55vh;overflow:auto}.learning-guide .guide-reader .role-feature{grid-template-columns:1fr 1fr}.learning-guide .guide-reader .role-content{padding-top:0}.learning-guide .guide-reader .role-image{height:100%}}
@media(max-width:760px){.learning-hub .wrap{width:calc(100% - 40px)}.learning-hub.b2b-site .hub-hero{padding:40px 0 32px}.learning-hub .hub-hero>.eyebrow{font-size:10px;margin-bottom:24px}.learning-hub .hub-title{margin-bottom:24px}.learning-hub .hub-hero .hero-subtitle{font-size:18px}.learning-hub .hub-hero .hero-desc{font-size:16px}.learning-hub .hub-hero .actions{width:100%;gap:10px}.learning-hub .hub-hero .button{font-size:14px;padding-inline:14px;gap:10px;flex:1}.hub-paths{grid-template-columns:1fr}.hub-path,.hub-path+.hub-path{padding:24px 0;border-left:0}.hub-path+.hub-path{border-top:1px solid var(--weven-line)}.hub-path h2{font-size:26px}.hub-path p{font-size:16px}.hub-guide-start{padding-block:48px}.hub-section-intro{display:block}.hub-section-intro h2{font-size:28px}.hub-section-intro>p{font-size:16px;margin-top:12px}.hub-guide-links h3{font-size:18px}.hub-guide-links p{font-size:14px}.hub-guide-links>a{padding-right:12px}.hub-guide-links>a+a{padding-left:16px}.hub-guide-links>a:nth-child(3){padding-left:0}.learning-hub #about{padding-block:48px 32px}.learning-hub .section-head h2{font-size:30px}.learning-hub .section p{font-size:17px}.learning-hub .intro .lead{font-size:20px}.learning-hub .education-highlights{grid-template-columns:repeat(3,minmax(0,1fr));padding:20px 0;margin-bottom:48px}.learning-hub .education-highlight,.learning-hub .education-highlight:first-child,.learning-hub .education-highlight:last-child{padding:0 12px}.learning-hub .education-highlight:first-child{padding-left:0}.learning-hub .education-highlight:last-child{padding-right:0}.learning-hub .education-highlight+.education-highlight{border-left:1px solid var(--weven-line);border-top:0}.learning-hub .highlight-metric{font-size:30px}.learning-hub .highlight-metric small{font-size:14px;margin-left:4px}.learning-hub .highlight-metric-label{font-size:12px;line-height:1.6}.learning-hub .hub-course-film{padding-block:48px}.guide-reader-site .hero.section-wrap{padding-block:40px}.learning-guide.guide-reader-site .hero h1{font-size:44px}.guide-reader-site .hero-visual{display:none}.guide-toc{top:72px}.learning-guide .guide-reader .section-wrap{padding-block:40px;scroll-margin-top:140px}.learning-guide .guide-reader :is(.section-head h2,.path-intro h2,.quiz-intro h2,.download-panel h2,.contact-grid h2){font-size:30px}.learning-guide .guide-reader .idea-layout h2{font-size:26px}.learning-guide .guide-reader .levels-grid{gap:24px}.learning-guide .guide-reader .level-card h3{font-size:23px}.learning-guide .guide-reader .level-desc{font-size:15px}.learning-guide .guide-reader .level-figure{height:150px}.learning-guide .guide-reader .level-number span{font-size:9px;letter-spacing:0}.learning-guide .guide-reader :is(.path-branches,.role-feature,.download-panel){grid-template-columns:1fr}.learning-guide .guide-reader .role-image{height:230px}.learning-guide .guide-reader .role-content{padding-top:24px}.learning-guide .guide-reader .research-grid{grid-template-columns:1fr}.learning-guide .guide-reader .research-stat{padding-block:24px}.learning-guide .guide-reader .guide-preview{max-width:360px}}
@media(max-width:380px){.learning-hub .hub-hero .actions{flex-direction:column}.learning-guide .guide-reader .levels-grid{grid-template-columns:1fr}.hub-guide-links{grid-template-columns:1fr}.hub-guide-links>a+a{border-left:0;padding-left:0}}
@media(prefers-reduced-motion:reduce){.learning-hub *, .guide-reader *{scroll-behavior:auto!important}}

/* Reference layout: film beside the headline, reading navigation, large modules. */
.learning-hub.b2b-site.editorial-site .hub-hero:has(>.hero-video){display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:44px;align-items:center;padding:64px 0 52px}
.learning-hub .hub-hero .hub-hero-copy{min-width:0;padding:0}
.learning-hub .hub-hero-copy>.eyebrow{font-size:11px;letter-spacing:.1em;color:var(--weven-muted);margin:0 0 24px}
.learning-hub .hub-hero .hub-title{font-size:clamp(36px,4.2vw,56px);line-height:1.3;letter-spacing:-.025em;margin-bottom:26px}
.learning-hub .hub-hero-bottom{display:flex;flex-direction:column;align-items:flex-start;gap:24px}
.learning-hub .hub-hero .hero-subtitle{font-size:18px}
.learning-hub .hub-hero .hero-desc{font-size:16px}
.learning-hub .hub-hero .hero-video{max-width:none;width:100%;margin:0;padding:0!important}
.learning-hub .hub-hero .hero-video-caption{font-size:14px;line-height:var(--weven-reading-leading);margin-top:14px}
.hero-film-link{display:inline-flex;gap:16px;align-items:center;min-height:44px;margin-top:4px;font-size:13px;font-weight:600;text-decoration:none;color:var(--weven-muted)}
.hero-film-link:hover{color:var(--weven-accent)}
.home-reader{display:grid;grid-template-columns:208px minmax(0,1fr);gap:40px;align-items:start;padding-top:56px}
.home-toc{padding-right:0}
.home-toc-education{margin-top:28px}
.home-toc-education h3{font-size:14px;font-weight:600;margin:0 0 8px;color:var(--weven-accent)}
.home-toc-education>a{display:flex;align-items:center;justify-content:space-between;padding:10px 0;min-height:44px;font-size:13px;line-height:1.6;color:var(--weven-ink);text-decoration:none}
.home-toc-education>a:hover{color:var(--weven-accent)}
.home-reader-content{min-width:0}
.learning-hub .home-reader-content [id],.learning-hub #contact{scroll-margin-top:112px}
.learning-hub .home-reader-content .wrap{width:100%;max-width:none;margin-inline:0}
.learning-hub .home-reader-content .section{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;padding-block:56px}
.learning-hub .home-reader-content .section-head h2{font-size:34px;line-height:var(--weven-heading-leading);margin-top:12px}
.learning-hub .home-reader-content .section-head h2 br{display:none}
.learning-hub .home-reader-content .hub-guide-start{padding-top:0;padding-bottom:56px}
.learning-hub .home-reader-content .hub-section-intro{display:block;margin-bottom:28px}
.learning-hub .home-reader-content .hub-section-intro>p{margin-top:12px;font-size:16px}
.learning-hub .home-reader-content #about{padding-top:56px;padding-bottom:28px}
.learning-hub .home-reader-content .education-highlights{margin-bottom:40px}
.learning-hub .home-reader-content .course-overview{padding-top:0}
.learning-hub .home-reader-content .results{margin-top:0;padding-bottom:36px}
.learning-hub .home-reader-content .examples{margin-top:0}
.learning-hub .home-reader-content .faq{padding-top:0}
.learning-hub .home-reader-content .instructor-profile{padding-top:24px}
.learning-modules{display:grid;gap:24px}
.learning-module{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.85fr);gap:28px;align-items:center;padding:32px;background:#fff;border:1px solid var(--weven-line);border-radius:12px;scroll-margin-top:132px;min-width:0}
.learning-module-copy{min-width:0}
.learning-hub .learning-module h3{font-family:Paperlogy,Pretendard,sans-serif;font-weight:600;font-synthesis:none;font-size:29px;line-height:var(--weven-heading-leading);letter-spacing:-.025em;margin:12px 0 16px}
.learning-module .module-lead{font-size:17px;line-height:var(--weven-reading-leading);color:var(--weven-muted);margin:0 0 22px;word-break:keep-all;overflow-wrap:anywhere}
.module-facts{display:grid;gap:14px;margin:0;padding-top:20px;border-top:1px solid var(--weven-line)}
.module-facts>div{display:block}
.module-facts dt{font-size:13px;line-height:1.6;font-weight:600;color:var(--weven-ink);margin-bottom:4px}
.module-facts dd{font-size:15px;line-height:var(--weven-reading-leading);color:var(--weven-muted);margin:0;word-break:keep-all;overflow-wrap:anywhere}
.module-action{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:44px;margin-top:22px;border-bottom:1px solid var(--weven-ink);font-size:14px;line-height:1.6;font-weight:600;text-decoration:none;color:var(--weven-ink)}
.module-action span{font-size:20px;color:var(--weven-accent)}
.module-action:hover{color:var(--weven-accent);border-color:var(--weven-accent)}
.learning-module-visual{margin:0;min-width:0;align-self:center}
.learning-module-visual img{display:block;width:100%;height:260px;object-fit:cover;border-radius:6px}
.learning-module-visual figcaption{font-size:12px;line-height:var(--weven-detail-leading);color:var(--weven-muted);margin-top:12px}
#learning-download .learning-module-visual img{object-fit:contain;background:#f5f5f1}
.learning-hub .home-reader-content .method{padding-bottom:40px}
.learning-hub .home-reader-content .rail ol{grid-template-columns:1fr;gap:8px}
.learning-hub .home-reader-content .rail li{display:grid;grid-template-columns:32px minmax(0,1fr) 76px;align-items:center;gap:16px;padding:16px 20px}
.learning-hub .home-reader-content .rail li>span{margin:0}
.learning-hub .home-reader-content .rail li strong{font-size:17px}
.learning-hub .home-reader-content .rail li small{margin-top:2px;font-size:13px}
.learning-hub .home-reader-content .rail li em{font-size:13px;margin:0;text-align:right}
.learning-hub .home-reader-content .rail li:not(:last-child)::after{content:'↓';right:auto;left:32px;top:auto;bottom:-12px;font-size:12px;background:var(--weven-canvas)}
.learning-hub .home-reader-content .curriculum{display:grid;gap:24px}
.learning-hub .home-reader-content .curriculum-module{display:grid;grid-template-columns:28px minmax(0,1.15fr) minmax(0,1fr);gap:20px;align-items:start;padding:28px;background:#fff;border:1px solid var(--weven-line);border-radius:12px}
.learning-hub .curriculum-module .num{color:var(--weven-accent);font-size:18px;min-width:0}
.learning-hub .curriculum-module h3{font-family:Paperlogy,Pretendard,sans-serif;font-size:23px;font-weight:600;line-height:var(--weven-subheading-leading);margin:0 0 12px;letter-spacing:-.025em}
.learning-hub .curriculum-module p{font-size:16px;line-height:var(--weven-reading-leading);margin:0 0 18px;color:var(--weven-muted)}
.learning-hub .curriculum-module small{display:block;border-top:1px solid var(--weven-line);padding-top:16px;font-size:13px;line-height:var(--weven-reading-leading);color:var(--weven-ink)}
.curriculum-example{margin:0;border-left:1px solid var(--weven-line);padding-left:20px;min-width:0}
.curriculum-example figcaption{font-size:11px;color:var(--weven-muted);line-height:var(--weven-detail-leading);margin-bottom:18px}
.example-label{font-size:12px;font-weight:600;color:var(--weven-accent)}
.learning-hub .curriculum-module .curriculum-example p{font-size:17px;font-weight:600;color:var(--weven-ink);line-height:1.6;margin:8px 0 16px}
.curriculum-example ul{list-style:none;display:grid;gap:8px;margin:0;padding:0}
.curriculum-example li{font-size:13px;line-height:var(--weven-reading-leading);padding-bottom:8px;border-bottom:1px solid var(--weven-line);color:var(--weven-muted)}
.learning-guide.b2b-site .guide-reader .levels-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}
.learning-guide.b2b-site .guide-reader .level-card{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr);gap:28px;align-items:center;background:#fff;border:1px solid var(--weven-line);border-radius:12px;padding:32px;min-width:0}
.level-module-copy{min-width:0}
.learning-guide .guide-reader .level-module-copy .level-number{font-size:15px;font-weight:600;color:var(--weven-accent);padding:0 0 16px}
.learning-guide .guide-reader .level-module-copy .level-number span{font-size:10px;font-weight:600;letter-spacing:.04em}
.learning-guide.b2b-site .guide-reader .level-card h3{font-family:Paperlogy,Pretendard,sans-serif;font-size:30px;font-weight:600;padding:0;line-height:var(--weven-heading-leading);letter-spacing:-.025em;margin:0 0 14px}
.learning-guide .guide-reader .level-module-copy .level-desc{font-size:17px;line-height:var(--weven-reading-leading);padding:0;margin:0 0 22px;min-height:0;color:var(--weven-muted)}
.learning-guide.b2b-site .guide-reader .level-card .level-figure{margin:0;height:auto;width:100%;background:transparent;overflow:visible}
.learning-guide .guide-reader .level-card .level-figure img{display:block;width:100%;height:260px;object-fit:cover;border-radius:6px;transform:none}
.learning-guide .guide-reader .level-figure figcaption{font-size:12px;line-height:var(--weven-reading-leading);color:var(--weven-muted);margin-top:12px}
@media(max-width:1100px){
 .learning-hub.b2b-site.editorial-site .hub-hero:has(>.hero-video){gap:32px;padding-block:48px}
 .home-reader{grid-template-columns:188px minmax(0,1fr);gap:32px}
 .learning-module,.learning-guide.b2b-site .guide-reader .level-card{grid-template-columns:minmax(0,1fr);gap:24px;padding:28px}
 .learning-module-visual img,.learning-guide .guide-reader .level-card .level-figure img{height:260px;object-position:center 40%}
 .learning-hub .home-reader-content .curriculum-module{grid-template-columns:28px minmax(0,1fr)}
 .curriculum-example{grid-column:2;border-left:0;border-top:1px solid var(--weven-line);padding:20px 0 0}
}
@media(max-width:900px){
 .learning-hub.b2b-site.editorial-site .hub-hero:has(>.hero-video){grid-template-columns:minmax(0,1fr);gap:32px}
 .learning-hub .hub-hero .hub-title{font-size:clamp(36px,6vw,54px)}
 .learning-hub .hub-hero .hero-video{max-width:680px;margin:0}
 .home-reader{display:block;padding-top:0}
 .home-toc{top:84px;margin:0 0 40px;padding:0;background:var(--weven-canvas)}
 .home-toc-mobile-panel{max-height:55vh;overflow:auto}
 .home-toc .guide-toc-mobile nav{max-height:none;overflow:visible}
 .home-toc-education{margin-top:20px}
 .learning-module,.learning-guide.b2b-site .guide-reader .level-card{grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr)}
 .learning-hub .home-reader-content .curriculum-module{grid-template-columns:28px minmax(0,1.15fr) minmax(0,1fr)}
 .curriculum-example{grid-column:auto;border-top:0;border-left:1px solid var(--weven-line);padding:0 0 0 20px}
}
@media(max-width:760px){
 .learning-hub.b2b-site.editorial-site .hub-hero:has(>.hero-video){padding:36px 0 32px;gap:28px}
 .learning-hub .hub-hero .hub-title{font-size:clamp(26px,7.5vw,48px);line-height:var(--weven-heading-leading);letter-spacing:-.025em}
 .learning-hub .hub-hero .hero-subtitle{font-size:16px}
 .learning-hub .hub-hero .hero-desc{font-size:15px}
 .learning-hub .hub-hero-copy>.eyebrow{font-size:10px}
 .home-toc{top:72px;margin-bottom:32px}
 .learning-hub .home-reader-content [id],.learning-hub #contact{scroll-margin-top:148px}
 .learning-hub .home-reader-content .section{padding-block:40px;gap:22px}
 .learning-hub .home-reader-content .section-head h2{font-size:28px}
 .learning-hub .home-reader-content #about{padding-top:40px;padding-bottom:24px}
 .learning-hub .home-reader-content .hub-guide-start{padding-bottom:40px}
 .learning-hub .home-reader-content .hub-section-intro>p{font-size:15px}
 .learning-modules,.learning-guide.b2b-site .guide-reader .levels-grid{gap:20px}
 .learning-module,.learning-guide.b2b-site .guide-reader .level-card{grid-template-columns:minmax(0,1fr);gap:24px;padding:24px;scroll-margin-top:148px}
 .learning-hub .learning-module h3,.learning-guide.b2b-site .guide-reader .level-card h3{font-size:27px}
 .learning-module .module-lead,.learning-guide .guide-reader .level-module-copy .level-desc{font-size:16px}
 .module-facts dd{font-size:14px}
 .learning-module-visual img,.learning-guide .guide-reader .level-card .level-figure img{height:230px}
 .learning-hub .home-reader-content .curriculum-module{grid-template-columns:24px minmax(0,1fr);gap:16px;padding:24px 20px}
 .learning-hub .curriculum-module h3{font-size:21px}
 .curriculum-example{grid-column:2;border-left:0;border-top:1px solid var(--weven-line);padding:20px 0 0}
 .learning-hub .home-reader-content .method{padding-bottom:32px}
 .learning-hub .home-reader-content .rail li{padding:16px 12px;gap:12px;grid-template-columns:24px minmax(0,1fr) 60px}
 .learning-hub .home-reader-content .rail li strong{font-size:16px}
 .learning-hub .home-reader-content .rail li em{font-size:11px}
 .learning-hub .home-reader-content .rail li:not(:last-child)::after{left:24px}
}

/* Education-only navigation and an enlarged film cover with a cinema dialog. */
.learning-hub.b2b-site.editorial-site .hub-hero:has(>.hero-video){grid-template-columns:minmax(0,1.05fr) minmax(0,1.15fr);gap:48px;padding-block:56px}
.hero-film-screen{position:relative;aspect-ratio:4/3;overflow:hidden;border-radius:10px;background:#242528}
.film-inline-player{height:100%}
.course-film-media{display:flex;flex-direction:column;min-height:0}
.film-inline-player .course-film-media{height:100%}
.film-inline-player video{display:block;width:100%;height:100%;min-height:0;flex:1;object-fit:contain;background:#242528}
.learning-hub .hero-film-cover{position:absolute;inset:0;display:none;overflow:hidden;background:#242528;color:#fafaf8;text-decoration:none;isolation:isolate}
.hero-film-screen.is-ready .hero-film-cover{display:block}
.hero-film-screen .hero-film-cover[hidden]{display:none}
.hero-film-poster{display:block;width:100%;height:100%;object-fit:contain;transition:transform .35s ease}
.film-cover-top{position:absolute;inset:24px 28px auto;display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:600;letter-spacing:.12em;line-height:var(--weven-subheading-leading)}
.film-duration{font-size:12px;font-weight:400;letter-spacing:0;color:#fff;border:1px solid #ffffff40;border-radius:30px;padding:5px 12px}
.film-cover-bottom{position:absolute;inset:auto 28px 26px;display:flex;align-items:center;gap:16px}
.film-play-disc{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border:1px solid #ffffff70;border-radius:50%;background:#fafaf8;color:#242528;flex:none;transition:background .2s,color .2s,transform .2s}
.film-play-disc svg{margin-left:3px}
.film-cover-label{font-size:16px;font-weight:600;line-height:var(--weven-subheading-leading)}
.hero-film-cover:hover .hero-film-poster{transform:scale(1.02)}
.hero-film-cover:hover .film-play-disc{background:#bf473b;color:#fff;transform:scale(1.05)}
.learning-hub .hero-film-cover:focus-visible{outline:3px solid var(--weven-accent);outline-offset:5px}
.hero-film-meta{display:flex;justify-content:space-between;align-items:baseline;gap:24px;margin-top:16px}
.learning-hub .hero-film-meta p{font-size:13px;color:var(--weven-muted);line-height:var(--weven-reading-leading);margin:0;max-width:38ch}
.hero-film-actions{display:flex;align-items:center;gap:16px;flex:none;flex-wrap:wrap}
.hero-film-actions>a{font-size:12px;line-height:var(--weven-detail-leading);min-height:44px;color:var(--weven-ink);text-decoration:none;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;border-bottom:1px solid var(--weven-line)}
.hero-film-actions>a:hover{color:var(--weven-accent)}
.hero-film-actions>a:focus-visible{outline:3px solid var(--weven-accent);outline-offset:4px}
.hero-film-actions .film-expand-link{font-weight:600}
.film-feedback{color:#efb3ac;font-size:13px;line-height:var(--weven-detail-leading);background:#17191c}
.film-feedback:has(#course-film-status:not(:empty),#course-film-fallback:not([hidden])){padding:12px 20px}
.film-feedback p{margin:0}
.film-feedback a{display:inline-block;color:#fff;margin-top:8px;text-underline-offset:4px}
.film-feedback #course-film-status:empty,.film-feedback a[hidden]{display:none}
.film-feedback a:focus-visible{outline:3px solid #ef9a90;outline-offset:3px}
.education-toc-kicker{font-size:10px;line-height:1.6;letter-spacing:.1em;color:var(--weven-muted);margin:0 0 10px}
.education-toc .guide-toc-desktop h2{font-family:Paperlogy,Pretendard,sans-serif;font-size:18px;font-weight:600;line-height:var(--weven-subheading-leading);margin:0 0 20px}
.home-toc.education-toc{max-height:calc(100dvh - 136px);overflow-y:auto;scrollbar-width:thin}
.learning-hub .home-reader{border-top:1px solid var(--weven-line);padding-top:48px}
.learning-hub .home-reader-content #about{border-top:0;padding-top:0}
.learning-hub .home-reader-content #about .section-head h2{margin-top:12px}
.course-film-dialog{position:fixed;inset:0;margin:auto;width:min(1100px,calc(100vw - 64px));max-width:none;max-height:calc(100dvh - 48px);border:0;border-radius:10px;padding:0;background:#17191c;color:#fff;box-shadow:0 24px 100px #0006;overflow:auto;overscroll-behavior:contain}
.course-film-dialog:not([open]){display:none}
.course-film-dialog::backdrop{background:#101216cc;backdrop-filter:blur(7px)}
.film-dialog-header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:22px 28px;border-bottom:1px solid #ffffff20}
.film-dialog-header>div>span{display:block;font-size:10px;color:#b9bec5;letter-spacing:.1em;line-height:1.6;margin-bottom:6px}
.film-dialog-header h2{font-family:Paperlogy,Pretendard,sans-serif;font-weight:600;font-size:22px;line-height:var(--weven-heading-leading);letter-spacing:-.015em;margin:0;color:#fff}
.film-dialog-close{display:inline-flex;align-items:center;gap:12px;min-height:44px;min-width:70px;background:transparent;border:1px solid #ffffff35;border-radius:4px;padding:8px 12px;color:#fff;font:inherit;font-size:13px;cursor:pointer;flex:none}
.film-dialog-close span{font-size:24px;line-height:1;font-weight:400}
.film-dialog-close:hover{background:#ffffff15}
.film-dialog-close:focus-visible,.film-dialog-footer a:focus-visible{outline:3px solid #ef9a90;outline-offset:3px}
.film-dialog-player{background:#000}
.film-dialog-player video{display:block;width:100%;height:auto;max-height:calc(100dvh - 210px);object-fit:contain;background:#000}
.film-dialog-footer{padding:16px 28px 20px}
.film-dialog-footer p{font-size:13px;line-height:var(--weven-reading-leading);color:#c6cbd2;margin:0}
@media(max-width:1100px){
 .learning-hub.b2b-site.editorial-site .hub-hero:has(>.hero-video){gap:32px}
 .film-cover-top{inset:20px 22px auto}
 .film-cover-bottom{inset:auto 22px 20px;gap:12px}
 .film-play-disc{width:48px;height:48px}
 .hero-film-meta{gap:14px}
}
@media(max-width:900px){
 .learning-hub.b2b-site.editorial-site .hub-hero:has(>.hero-video){grid-template-columns:minmax(0,1fr)}
 .learning-hub .hub-hero .hero-film-stage{max-width:none}
 .hero-film-screen{aspect-ratio:16/11}
 .learning-hub .home-reader{padding-top:0}
 .home-toc.education-toc{max-height:none;overflow:visible}
}
@media(max-width:760px){
 .learning-hub.b2b-site.editorial-site .hub-hero:has(>.hero-video){padding-block:36px 32px;gap:28px}
 .hero-film-screen{aspect-ratio:4/3;border-radius:6px}
 .film-cover-top{inset:16px 18px auto;font-size:9px}
 .film-duration{font-size:10px;padding:3px 9px}
 .film-cover-bottom{inset:auto 18px 16px;gap:12px}
 .film-play-disc{width:44px;height:44px}
 .film-play-disc svg{width:20px;height:20px}
 .film-cover-label{font-size:14px}
 .hero-film-meta{margin-top:12px;gap:16px}
 .learning-hub .hero-film-meta p{font-size:12px}
 .hero-film-actions{gap:12px}
 .hero-film-actions>a{font-size:11px}
 .learning-hub .home-reader-content #about{padding-top:0}
 .course-film-dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);border-radius:6px}
 .film-dialog-header{padding:16px;gap:12px}
 .film-dialog-header h2{font-size:18px}
 .film-dialog-header>div>span{font-size:8px}
 .film-dialog-close{min-width:64px;font-size:12px;padding:8px 10px;gap:8px}
 .film-dialog-footer{padding:14px 16px 16px}
 .film-dialog-footer p{font-size:12px}
 .film-dialog-player video{max-height:calc(100dvh - 190px)}
}
@media(prefers-reduced-motion:reduce){.hero-film-poster,.film-play-disc{transition:none}.hero-film-cover:hover .hero-film-poster,.hero-film-cover:hover .film-play-disc{transform:none}}

/* One continuous horizontal workflow, including touch/keyboard scrolling. */
.workflow-track{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;padding:4px 0 12px;min-width:0}
.workflow-track:focus-visible{outline:2px solid var(--weven-accent);outline-offset:4px}
.learning-hub .home-reader-content .rail.workflow ol{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;min-width:750px;margin:32px 0 16px;padding:0;position:relative;list-style:none}
.learning-hub .home-reader-content .rail.workflow li{display:block;position:relative;min-height:176px;min-width:0;padding:0 14px 0 0;border:0;background:transparent;border-radius:0;box-shadow:none;z-index:auto}
.learning-hub .home-reader-content .rail.workflow li>span{position:relative;z-index:1;display:grid;place-items:center;width:36px;height:36px;margin:0 0 22px;background:var(--weven-canvas);border:1px solid #c7cfda;border-radius:50%;font-size:11px;font-weight:500;color:var(--weven-muted)}
.learning-hub .home-reader-content .rail.workflow li strong{display:block;font-size:17px;font-weight:600;line-height:var(--weven-subheading-leading)}
.learning-hub .home-reader-content .rail.workflow li small{display:block;font-size:13px;line-height:var(--weven-reading-leading);margin-top:8px;max-width:18ch;word-break:keep-all}
.learning-hub .home-reader-content .rail.workflow li em{display:block;font-size:12px;line-height:1.6;margin:16px 0 0;text-align:left;color:var(--weven-muted)}
.learning-hub .home-reader-content .rail.workflow li:not(:last-child)::after{content:none}
.learning-hub .home-reader-content .rail.workflow ol::before,.learning-hub .home-reader-content .rail.workflow ol::after{content:'';position:absolute;left:18px;right:calc(20% - 18px);top:18px;bottom:auto;width:auto;height:1px;z-index:0;background:#c7cfda}
.learning-hub .home-reader-content .rail.workflow ol::after{background:var(--weven-accent);opacity:0;transform:scaleX(0);transform-origin:left center}
.learning-hub .home-reader-content .rail.workflow.is-running ol::after{opacity:1;animation:weven-flow-x 2400ms linear both}
.workflow-scroll-hint{display:none;font-size:12px;line-height:var(--weven-detail-leading);color:var(--weven-muted);margin:0 0 20px}
@media(max-width:1000px){.workflow-scroll-hint{display:block}}
@media(max-width:900px){.learning-hub .home-reader-content .rail.workflow ol{min-width:850px}}
@media(max-width:760px){.learning-hub .home-reader-content .rail.workflow ol{margin-top:24px}.learning-hub .home-reader-content .rail.workflow li{padding-right:18px}.learning-hub .home-reader-content .rail.workflow li strong{font-size:17px}.learning-hub .home-reader-content .rail.workflow li small{font-size:13px}}
@media(prefers-reduced-motion:reduce){.learning-hub .home-reader-content .rail.workflow.is-running ol::after{animation:none;opacity:0}}

/* Photo-and-line-art scenes for the five curriculum modules. */
.learning-hub .home-reader-content .curriculum-module.has-illustration{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:32px;align-items:center;padding:32px}
.learning-hub .has-illustration .curriculum-module-copy{min-width:0}
.learning-hub .has-illustration .num{display:block;font-size:13px;font-weight:600;line-height:1.6;margin:0 0 12px}
.learning-hub .has-illustration h3{font-size:25px;line-height:var(--weven-subheading-leading)}
.curriculum-visual{min-width:0;margin:0;align-self:center}
.curriculum-visual img{display:block;width:100%;height:auto;border-radius:6px;background:#f5f5f1}
.curriculum-visual figcaption{font-size:12px;line-height:var(--weven-reading-leading);margin-top:12px;color:var(--weven-muted)}
.curriculum-case{margin-top:20px;padding-top:18px;border-top:1px solid var(--weven-line)}
.curriculum-case .case-kicker{font-size:11px;font-weight:600;line-height:var(--weven-detail-leading);color:var(--weven-accent);margin:0 0 8px}
.learning-hub .has-illustration .curriculum-case p{font-size:15px;font-weight:600;line-height:var(--weven-detail-leading);color:var(--weven-ink);margin:0 0 8px}
.curriculum-case ul{display:grid;gap:4px;list-style:none;margin:0;padding:0}
.curriculum-case li{font-size:13px;line-height:var(--weven-reading-leading);color:var(--weven-muted)}
@media(max-width:1100px){.learning-hub .home-reader-content .curriculum-module.has-illustration{grid-template-columns:minmax(0,1fr);gap:24px;padding:28px}.curriculum-visual{width:100%;max-width:640px}}
@media(max-width:900px){.learning-hub .home-reader-content .curriculum-module.has-illustration{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:28px}}
@media(max-width:760px){.learning-hub .home-reader-content .curriculum-module.has-illustration{grid-template-columns:minmax(0,1fr);padding:24px;gap:24px}.learning-hub .has-illustration h3{font-size:23px}.curriculum-visual figcaption{font-size:11px}.curriculum-case{margin-top:18px;padding-top:16px}}

/* Compact rhythm: preserve font sizes and touch targets. */
.learning-hub .home-reader-content .method{padding-bottom:24px}
.learning-hub .home-reader-content .education-audience{margin:0 0 24px;padding-top:20px}
.learning-hub .education-audience h2{font-family:Paperlogy,Pretendard,sans-serif;font-size:20px;font-weight:600;line-height:var(--weven-heading-leading);letter-spacing:-.03em;margin:0 0 12px}
.learning-hub .education-audience ul{margin-block:0}
.learning-hub .hub-hero .hub-title{line-height:1.18;letter-spacing:-.04em;margin-bottom:22px}
.learning-hub .hub-hero-bottom{gap:20px}
.learning-hub.b2b-site.editorial-site .hub-hero:has(>.hero-video){padding-block:48px;gap:40px}
.learning-hub .hub-hero-copy>.eyebrow{margin-bottom:20px;letter-spacing:.07em}
.learning-hub .hub-path{padding-top:24px;padding-bottom:26px}
.learning-hub .hub-path h2{margin-block:10px}
.learning-hub .hub-path p{margin-bottom:16px}
.learning-hub .home-reader{padding-top:40px}
.learning-hub .home-reader-content .section{padding-block:48px;gap:20px}
.learning-hub .home-reader-content :is(.course-overview,.faq){padding-top:0}
.learning-hub .home-reader-content .results{padding-bottom:32px}
.learning-hub .home-reader-content .section-head h2{margin-top:10px;margin-bottom:18px}
.learning-hub .home-reader-content .education-highlights{margin-bottom:32px}
.learning-hub .home-reader-content .curriculum{gap:20px}
.learning-hub .home-reader-content .curriculum-module.has-illustration{padding:28px;gap:24px}
.learning-hub .curriculum-module h3{letter-spacing:-.03em;margin-bottom:10px}
.learning-hub .curriculum-module p{margin-bottom:14px}
.learning-hub .curriculum-module small{padding-top:12px}
.learning-hub .has-illustration .num{margin-bottom:8px}
.learning-hub .has-illustration .curriculum-case p{margin-bottom:8px}
.curriculum-case{margin-top:16px;padding-top:14px}
.learning-hub .education-facts dd,.learning-hub .faq details p{line-height:var(--weven-reading-leading)}
.learning-hub .course-definition{line-height:var(--weven-reading-leading);margin-bottom:24px}
.learning-hub .course-definition strong{margin-bottom:8px}
.learning-hub .work-example-steps p{line-height:var(--weven-reading-leading);margin-top:6px}
.learning-hub .home-reader-content .rail.workflow li{min-height:164px}
.learning-hub .home-reader-content .rail.workflow li>span{margin-bottom:18px}
.learning-hub .home-reader-content .rail.workflow li small{margin-top:6px}
.learning-hub .home-reader-content .rail.workflow li em{margin-top:12px}
.learning-hub .hero-film-meta p,.learning-hub .inquiry-card p{line-height:var(--weven-detail-leading)}
.learning-hub .contact h2{line-height:var(--weven-heading-leading);margin-block:18px}
.learning-hub .inquiry-field,.learning-hub .inquiry-card-head p{margin-bottom:16px}
.learning-hub .inquiry-field>label{margin-bottom:6px}
.guide-reader-site .hero.section-wrap{padding-block:48px 40px}
.guide-reader-site .hero-lead{line-height:var(--weven-reading-leading)}
.learning-guide .guide-reader{padding-top:32px}
.learning-guide .guide-reader .section-wrap{padding-block:48px}
.learning-guide .guide-reader .idea-section{padding-top:0}
.learning-guide.b2b-site .guide-reader .level-card{padding:28px;gap:24px}
.learning-guide.b2b-site .guide-reader .level-card h3{letter-spacing:-.03em;margin-bottom:10px}
.learning-guide .guide-reader .level-module-copy .level-desc{margin-bottom:18px}
.learning-guide .guide-reader .role-content{padding-top:20px}
.learning-guide .source-line{line-height:var(--weven-detail-leading)}
.learning-hub :is(.hub-index,.education-toc-kicker),.guide-reader-site :is(.eyebrow,.section-index,.overline){letter-spacing:.06em}
@media(max-width:1100px){
 .learning-hub.b2b-site.editorial-site .hub-hero:has(>.hero-video){gap:28px}
}
@media(max-width:900px){
 .learning-hub .home-reader{padding-top:0}
}
@media(max-width:760px){
 .learning-hub .hub-hero .hub-title{line-height:1.22;letter-spacing:-.035em;margin-bottom:20px}
 .learning-hub.b2b-site.editorial-site .hub-hero:has(>.hero-video){padding-block:32px 28px;gap:24px}
 .learning-hub .home-reader-content .section{padding-block:36px;gap:18px}
 .learning-hub .home-reader-content .curriculum-module.has-illustration,.learning-guide.b2b-site .guide-reader .level-card{padding:22px;gap:20px}
 .learning-hub .home-reader-content .section-head h2{margin-bottom:16px}
 .guide-reader-site .hero.section-wrap{padding-block:36px 32px}
 .learning-guide .guide-reader .section-wrap{padding-block:36px}
}

/* Original proportions: keep faces intact and avoid enlarging slide fragments. */
.learning-guide.guide-reader-site .hero-visual,.learning-guide.guide-reader-site .hero-photo{height:auto;min-height:0}
.learning-guide.guide-reader-site .hero-photo img{display:block;width:100%;height:auto;object-fit:contain;object-position:center;transform:none}
.learning-guide.guide-reader-site .guide-reader :is(.level-figure,.role-image,.insight-photo,.finish-photo,.contact-photo){height:auto;min-height:0;max-height:none}
.learning-guide.guide-reader-site .guide-reader :is(.role-image,.insight-photo,.finish-photo,.contact-photo){width:100%;max-width:640px}
.learning-guide.guide-reader-site .guide-reader :is(.level-figure,.role-image,.insight-photo,.finish-photo,.contact-photo,.quiz-illustration) img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;object-position:center;transform:none}
.learning-guide.guide-reader-site .guide-reader .level-card .level-figure img{height:auto;object-fit:contain;object-position:center;transform:none}
.learning-guide.guide-reader-site .role-image-label{position:static;display:block;margin:12px 0 0;padding:0;background:transparent;color:var(--weven-muted);font-weight:500}
.learning-guide.guide-reader-site .finish-photo>div{position:static;inset:auto;padding:16px 0 0;background:transparent;border-radius:0}
.learning-guide.guide-reader-site .guide-reader .guide-preview{height:auto;max-height:none;align-self:start;display:block}
.learning-guide.guide-reader-site .guide-preview img{height:auto;object-fit:contain;border:0}

/* Small guide illustrations retain their native size rather than filling a wide column. */
.learning-guide.guide-reader-site .guide-scene{margin-inline:auto}
.learning-guide.guide-reader-site .guide-reader .level-card .level-figure{max-width:320px;justify-self:center}

/* Each role uses the same responsive viewing area, preserving the complete image. */
.learning-guide.guide-reader-site .guide-reader .role-image{align-self:start}
.learning-guide.guide-reader-site .guide-reader .role-image img{width:100%;max-width:none;height:auto;aspect-ratio:16/10;object-fit:contain;object-position:center}