/* Scoped to learning content: the shared header, navigation and font scale stay intact. */
.lh-root{color:var(--theme-text);font-family:inherit;padding-top:18px}
.lh-root h1{margin:0 0 22px}
.lh-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:var(--theme-soft);border-radius:19px;padding:5px}
.lh-tabs button{border:0;border-radius:15px;padding:12px 5px;background:transparent;color:var(--theme-muted);font:inherit;min-height:46px}
.lh-tabs [aria-selected=true]{background:var(--theme-field);color:var(--theme-text);box-shadow:0 3px 12px #2116240a}
.lh-intro{margin:26px 2px 22px}.lh-intro h2{margin:0 0 10px}.lh-intro p{color:var(--theme-muted);margin:0}
.lh-directions{display:grid;gap:14px}
.lh-directions details,.lh-expanded-page{border:1px solid var(--theme-card-line);border-radius:26px;background:var(--theme-card);box-shadow:inset 0 1px 0 #ffffff20,0 8px 20px #36273804;overflow:hidden}
.lh-directions summary{display:flex;align-items:center;gap:14px;padding:23px 20px;min-height:86px;list-style:none;font-weight:500}
.lh-directions summary::-webkit-details-marker{display:none}.lh-directions summary>svg{width:24px;height:24px;flex:none;color:var(--theme-accent)}
.lh-directions summary>span{flex:1;min-width:0}.lh-directions summary>svg:last-child{width:17px;height:17px;color:var(--theme-muted);transform:rotate(90deg)}
.lh-directions details[open] summary>svg:last-child{transform:rotate(-90deg)}
.lh-expanded{padding:0 23px 26px}.lh-expanded h2{margin:18px 0 13px}.lh-expanded>p{color:var(--theme-muted);margin:0}
.lh-eyebrow{display:flex;align-items:center;gap:10px;color:var(--theme-accent);padding-top:5px;font-size:var(--sb-caption)}.lh-eyebrow svg{width:18px;height:18px}
.lh-points{display:grid;gap:9px;border-top:1px solid var(--theme-soft-line);padding-top:20px;margin-top:22px;color:var(--theme-muted)}
.lh-expanded .sc-primary{margin-top:25px;min-height:52px;display:flex;justify-content:center;align-items:center;gap:12px}.lh-expanded-page{padding:24px;margin-top:20px}
#view .lh-locked{opacity:1;cursor:default}#view .lh-locked small{color:var(--theme-muted)}#view .lh-locked small{display:flex;align-items:center;gap:7px}#view .lh-locked small:before{content:'';display:inline-block;width:9px;height:8px;border:1px solid currentColor;border-radius:2px;flex:none}

.lh-directions details[open] summary{font-weight:600;padding-bottom:16px}
.lh-eyebrow{margin-bottom:18px}

/* Keep the catalogue at the shared content scale, independent of homepage chrome. */
.lh-root{--sb-body:13px;--sb-subheading:15px;--sb-section:17px;--sb-title:20px;--sb-caption:11px;font-size:var(--sb-body);line-height:1.8}
.lh-root .lh-intro{margin:20px 2px}
.lh-root .lh-directions summary{min-height:76px;padding-top:20px;padding-bottom:20px}
.lh-root .lh-expanded{padding:0 23px 23px}
.lh-root .lh-points{font-size:var(--sb-body);line-height:1.8}

/* Course content uses the shared reading scale, independently of the shell. */
:is(#sb-bots-learning,#sb-content-learning,.profession-module,.bots-approved-host,.content-approved-host){--sb-body:13px;--sb-subheading:15px;--sb-section:17px;--sb-title:20px;--sb-caption:11px}
body.sg-home-active :is(#sb-bots-learning,#sb-content-learning) .cl-masthead{background:transparent;border-radius:0}
body.sg-home-active :is(#sb-bots-learning,#sb-content-learning) .cl-masthead>.text-button{color:var(--theme-muted)!important}
:root body.sg-home-active :is(.bots-approved-host,.content-approved-host)>.text-button{background:transparent!important;color:var(--theme-muted)!important}
body.sg-home-active .profession-back{background:transparent;color:var(--theme-muted)}
#view :is(#sb-bots-learning,#sb-content-learning) .lh-locked{opacity:1;color:var(--cl-text);-webkit-text-fill-color:currentColor}
#view .lh-locked .cl-outline-arrow{visibility:hidden}
#lh-course-program,#content-course-programme{scroll-margin-top:24px}
#view [data-lh-tariffs]{margin-top:24px}

/* One quiet lesson list within each module, with a lock at the right edge. */
#view :is(#sb-bots-learning,#sb-content-learning) .cl-module .course-lessons{display:block;padding:0 18px 8px}
#view :is(#sb-bots-learning,#sb-content-learning) .course-lessons .cl-outline-lesson{display:grid;grid-template-columns:minmax(0,1fr) 18px;align-items:center;gap:12px;background:transparent;border:0;border-top:1px solid var(--cl-line);border-radius:0;box-shadow:none;margin:0;padding:14px 0;min-height:48px}
#view :is(#sb-bots-learning,#sb-content-learning) .cl-outline-lesson .cl-outline-art{display:none}
#view :is(#sb-bots-learning,#sb-content-learning) .lh-locked .cl-outline-arrow{display:none}
#view :is(#sb-bots-learning,#sb-content-learning) .lh-locked small{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
#view :is(#sb-bots-learning,#sb-content-learning) .lh-locked small:before{display:none}
#view :is(#sb-bots-learning,#sb-content-learning) .lh-locked:after{content:'';display:block;width:16px;height:18px;background:var(--cl-muted);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round'%3E%3Crect x='5' y='10' width='14' height='11' rx='2'/%3E%3Cpath d='M8 10V7a4 4 0 0 1 8 0v3M12 14v3'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat}
/* Match the soft glass surfaces of the homepage in both learning tabs. */
.lh-directions details,.lh-tabs{background:linear-gradient(125deg,#ffffff8f,#ffffff38);border:1px solid #fffffff0;box-shadow:0 8px 18px #37384607,inset 0 1px 1px #fff;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.lh-tabs [aria-selected=true]{background:linear-gradient(135deg,#ffffffdb,#ffffff80);border:1px solid #fff;box-shadow:inset 0 1px 1px #fff,0 3px 12px #2116240a}
.lh-tabs button{border:1px solid transparent}
[data-color-mode=night] :is(.lh-directions details,.lh-tabs){background:linear-gradient(125deg,#ffffff0f,#ffffff04);border-color:#ffffff2b;box-shadow:inset 0 1px 1px #ffffff1c,0 8px 18px #0000000d}
[data-color-mode=night] .lh-tabs [aria-selected=true]{background:linear-gradient(135deg,#ffffff20,#ffffff0c);border-color:#ffffff40;box-shadow:inset 0 1px 1px #ffffff24}
.lh-root .lh-intro{max-width:330px;margin:20px auto 24px;text-align:center;text-wrap:balance}

/* Neutral light canvas for the learning section, including course catalogues and lessons. */
:root:not([data-color-mode="night"]):has(body .nav [data-view="learning"][aria-current="page"]),
:root:not([data-color-mode="night"]) body.sg-home-active:has(.nav [data-view="learning"][aria-current="page"]){
  --page:#f5f5f5;
  --theme-nav-fade:#f5f5f5f5;
  background:#f5f5f5!important;
}