@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&family=Poppins:wght@500;600;700&family=Raleway:wght@500;600;700;800&display=swap');
.hksm-library{--library-navy:#123f5f;--library-deep:#102d46;--library-blue:#2487ce;--library-teal:#0f7f6c;--library-ink:#17384f;--library-muted:#566b7b;--library-line:#dbe7ef;background:#f8fbfd;color:var(--library-ink);font:16px/1.65 'Open Sans',Arial,sans-serif}
.hksm-library *{box-sizing:border-box}
.hksm-library a{text-decoration:none}
.hksm-library a:focus-visible{outline:3px solid #e6a443;outline-offset:3px}
.hksm-library img{display:block;max-width:100%}
.hksm-library h1,.hksm-library h2,.hksm-library h3{font-family:Raleway,Arial,sans-serif;line-height:1.18;letter-spacing:-.025em}
.hksm-library #main{padding-top:96px}
.library-shell{width:min(1200px,calc(100% - 48px));margin-inline:auto}
.library-eyebrow,.library-category{font:700 .76rem/1.5 Poppins,Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--library-teal)}
.library-opening{display:flex;align-items:end;justify-content:space-between;gap:2rem;padding-top:1.75rem;padding-bottom:2rem}
.library-opening h1{max-width:760px;margin:.35rem 0 .75rem;font-size:clamp(2.5rem,4vw,3.8rem);color:var(--library-deep)}
.library-opening p:not(.library-eyebrow){max-width:640px;margin:0;color:var(--library-muted);font-size:1.08rem}
.library-total{display:grid;flex:none;font:800 3.4rem/1 Raleway,Arial,sans-serif;color:var(--library-teal);text-align:right}
.library-total small{margin-top:.35rem;font:700 .79rem Poppins,Arial,sans-serif;color:var(--library-muted);text-transform:uppercase;letter-spacing:.08em}
.library-catalogue{padding-top:0;padding-bottom:5rem}
.library-toolbar{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;padding:1.1rem 0;border-top:1px solid var(--library-line);border-bottom:1px solid var(--library-line)}
.library-toolbar strong{font:700 .84rem Poppins,Arial,sans-serif;white-space:nowrap}
.library-toolbar nav{display:flex;flex-wrap:wrap;gap:.45rem}
.library-toolbar a{padding:.38rem .77rem;border:1px solid transparent;border-radius:4px;color:var(--library-navy);font:600 .8rem Poppins,Arial,sans-serif}
.library-toolbar a:hover,.library-toolbar a.selected{background:#e0f1f2;border-color:#b6dedd;color:var(--library-teal)}
.library-heading{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin:2rem 0 1.3rem}
.library-heading h2{margin:0;color:var(--library-deep);font-size:clamp(1.7rem,2.8vw,2.4rem)}
.library-heading span{font:600 .85rem Poppins,Arial,sans-serif;color:var(--library-muted)}
.library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}
.library-card{display:flex;flex-direction:column;overflow:hidden;background:#fff;border:1px solid var(--library-line);border-radius:7px;box-shadow:0 12px 28px #123f5f0a}
.library-card-image{display:block;aspect-ratio:16/9;overflow:hidden;background:#e8f3f8}
.library-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .25s}
.library-card:hover .library-card-image img{transform:scale(1.035)}
.library-card-body{display:flex;flex:1;flex-direction:column;padding:1.3rem}
.library-card h3{font-size:1.25rem;margin:.35rem 0 .6rem;color:var(--library-deep)}
.library-card h3 a{color:inherit}
.library-card h3 a:hover,.library-card-link:hover{color:var(--library-blue)}
.library-card-body>p:not(.library-category){font-size:.89rem;color:var(--library-muted);margin-bottom:1.4rem}
.library-card-meta{display:flex;justify-content:space-between;gap:.6rem;margin-top:auto;padding-top:.8rem;border-top:1px solid var(--library-line);font:600 .78rem Poppins,Arial,sans-serif;color:var(--library-muted)}
.library-card-meta strong{color:var(--library-teal)}
.library-card-link{display:inline-block;align-self:flex-start;margin-top:.85rem;color:var(--library-navy);font:700 .84rem Poppins,Arial,sans-serif}
.library-footer{padding:1.6rem 0;background:var(--library-deep);color:#d7e9f4;font-size:.84rem}
.library-footer a{color:#fff;text-decoration:underline;margin-left:.9rem}
.library-breadcrumb{margin:1.5rem 0 1.2rem;color:var(--library-muted);font-size:.85rem}
.library-breadcrumb a{color:var(--library-navy)}
.library-breadcrumb span{padding:0 .5rem}
.library-profile{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:2.5rem;padding-bottom:3.5rem}
.library-profile h1{font-size:clamp(2.5rem,4.1vw,4.2rem);color:var(--library-deep);margin:.5rem 0 1rem}
.library-lead{max-width:720px;color:var(--library-muted);font-size:1.08rem}
.library-facts{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0 1.5rem}
.library-facts span{padding:.35rem .65rem;border:1px solid #d4e5f0;border-radius:99px;background:#eaf3f9;color:#284d68;font:600 .78rem Poppins,Arial,sans-serif}
.library-cover{width:100%;max-height:420px;object-fit:cover;border-radius:6px}
.library-preview{display:block;position:relative;overflow:hidden;border-radius:6px;background:var(--library-deep);color:#fff}
.library-preview .library-cover{border-radius:0}
.library-preview::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,#102d4673);pointer-events:none}
.library-preview-play{position:absolute;z-index:1;top:50%;left:50%;display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:#fff;color:var(--library-navy);box-shadow:0 8px 26px #102d4680;transform:translate(-50%,-50%);transition:transform .2s,background .2s}
.library-preview-play i{font-size:2.35rem;line-height:1;margin-left:.18rem}
.library-preview:hover .library-preview-play,.library-preview:focus-visible .library-preview-play{background:#e5f4fb;transform:translate(-50%,-50%) scale(1.1)}
.library-preview-label{position:absolute;z-index:1;left:1rem;bottom:1rem;padding:.45rem .75rem;border-radius:4px;background:#102d46e6;color:#fff;font:700 .82rem Poppins,Arial,sans-serif}
.library-video{width:100%;aspect-ratio:16/9;max-height:420px;overflow:hidden;border-radius:6px;background:#000}
.library-video iframe{display:block;width:100%;height:100%;border:0}
.library-profile section{padding:0;overflow:visible;margin-top:1.75rem}
.library-profile h2{font-size:clamp(1.8rem,2.7vw,2.5rem);color:var(--library-deep);margin:.3rem 0 .85rem}
.library-outcomes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}
.library-outcomes article{padding:1rem;background:#fff;border:1px solid var(--library-line);border-radius:6px}
.library-outcomes span,.library-chapters article>span{color:var(--library-teal);font:700 .8rem Poppins,Arial,sans-serif}
.library-outcomes p{margin:.4rem 0 0;font-weight:600;font-size:.9rem}
.library-copy p,.library-copy li{color:var(--library-muted);line-height:1.65}
.library-copy ul{padding-left:1.25rem}
.library-copy li{margin-bottom:.4rem}
.library-chapters{border-top:1px solid var(--library-line)}
.library-chapters article{display:grid;grid-template-columns:38px 1fr;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--library-line)}
.library-chapters h3{margin:0 0 .25rem;font-size:1.1rem;color:var(--library-deep)}
.library-chapters p{margin:0;color:var(--library-muted);font-size:.86rem}
.library-enrol{position:sticky;top:108px;padding:1.4rem;border:1px solid var(--library-line);border-radius:8px;background:#fff;box-shadow:0 12px 30px #123f5f10}
.library-enrol strong{display:block;font:800 2.7rem Raleway,Arial,sans-serif;color:var(--library-deep)}
.library-enrol p:not(.library-eyebrow){color:var(--library-muted);font-size:.88rem}
.library-enrol a.library-button,.library-mobile-cta a{display:block;padding:.85rem 1rem;border-radius:6px;background:var(--library-blue);color:#fff;text-align:center;font:700 .88rem Poppins,Arial,sans-serif}
.library-enrol a.library-button:hover,.library-mobile-cta a:hover{background:#126dac}
.library-enrol small{display:block;margin-top:.7rem;color:var(--library-muted);font-size:.72rem}
.library-enrol hr{border:0;border-top:1px solid var(--library-line);margin:1.3rem 0}
.library-enrol>span{display:block;padding:.25rem 0;font-size:.8rem}
.library-related{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}
.library-related a{display:block;padding:1.1rem;border:1px solid var(--library-line);border-radius:6px;background:#fff;color:var(--library-navy)}
.library-related a:hover{border-color:var(--library-blue)}
.library-related strong{display:block;font:700 1rem Raleway,Arial,sans-serif}
.library-related span{display:block;margin-top:.35rem;color:var(--library-muted);font-size:.84rem}
.library-mobile-cta{display:none}
@media(max-width:900px){.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.library-profile{grid-template-columns:1fr}.library-enrol{position:static}.library-sidebar{order:-1}}
@media(max-width:620px){.library-shell{width:min(100% - 32px,1200px)}.library-opening{padding-top:1.4rem;padding-bottom:1.65rem}.library-opening h1{font-size:2.5rem}.library-total{display:none}.library-grid,.library-outcomes,.library-related{grid-template-columns:1fr}.library-profile{gap:1.2rem}.library-profile h1{font-size:2.4rem}.library-mobile-cta{display:block;position:sticky;bottom:0;z-index:50;padding:.65rem 16px;background:#fff;border-top:1px solid var(--library-line)}.library-profile{padding-bottom:2rem}}