/* Existing eight typography roles are shared with the main site. */
.del-library-hero{isolation:isolate}
.del-page-archive #del-app .del-empty{background:linear-gradient(110deg,#edf6f7,#fffdfa);border:1px solid #dce7e8;border-radius:6px}
.nav-community{position:relative}.nav-community-head{display:flex;align-items:center;gap:3px}.nav-community .nav-sub-toggle{border:0;padding:8px;min-width:32px;min-height:44px;color:inherit;font:var(--label)}.nav-submenu{display:none;position:absolute;top:100%;left:-18px;min-width:175px;padding:10px;background:#fff;border:1px solid #dce7e8;border-radius:6px;box-shadow:0 12px 28px #173f6614}.nav-community.is-open .nav-submenu{display:flex;flex-direction:column;gap:0;align-items:stretch}.nav-submenu a{padding:12px 14px;min-height:44px;white-space:nowrap}.nav-submenu a:hover,.nav-submenu a:focus-visible{background:#eef7f8;color:#226f7c}.nav-community:has(a[aria-current=page])>.nav-community-head{color:var(--page-accent)}
.del-page-archive,.del-page-program{--forest:#173f66;--muted:#5b778b;--sage:#367f8a;--line:#dce6e8;background:#fffdfa}.del-page-archive .page-main,.del-page-program .page-main{position:relative}.del-library-hero{position:relative;padding:15px 0 65px;margin-bottom:40px}.del-library-hero:before{content:'';position:absolute;z-index:-1;left:50%;transform:translateX(-50%);top:-75px;bottom:0;width:100vw;background:linear-gradient(90deg,#fffdf8eb,#fffdf855),url('../../../plugins/dramaedulab-platform/assets/shop-v3/hero.webp') center/cover}.del-library-hero h1,.del-course-detail h1{font:var(--page-title);letter-spacing:var(--title-spacing);max-width:820px}.del-library-hero>p:last-child{font:var(--body-small);letter-spacing:var(--body-spacing);margin-top:23px;max-width:660px}.del-page-archive #del-app>.page-lead{display:none}.del-page-archive .del-search{padding:24px;background:#fff;border:1px solid #dce7e8;border-radius:9px;box-shadow:0 10px 30px #173f6609;display:flex;gap:14px;margin-bottom:34px}.del-page-archive .del-search input{flex:1;min-width:0}.del-page-archive .del-search input,.del-page-archive .del-search select{border-color:#cbdde3;border-radius:4px;background:#fff}.del-page-archive .del-search .button{background:#227e8c;color:#fff}.del-page-archive .del-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.del-page-archive .del-row{display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;gap:24px;padding:28px;border:1px solid #dce7e8;border-top:3px solid #84cfda;background:linear-gradient(145deg,#fff,#f4f8f5);box-shadow:0 9px 24px #173f6609;border-radius:4px}.del-page-archive .del-row h2{font:var(--subheading);letter-spacing:var(--title-spacing);margin-top:12px}.del-page-archive .del-row .button{align-self:start}.del-page-archive .del-empty{border:1px solid #dce7e8;background:linear-gradient(110deg,#f2f8f7,#fffdfa);padding:60px 28px}.del-page-archive .del-empty h2{font:var(--subheading);letter-spacing:var(--title-spacing)}
.del-course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.del-course-grid article{border:1px solid var(--line);border-radius:6px;overflow:hidden;background:#fff}.del-course-grid article>a{display:block;height:100%}.del-course-grid img{width:100%;aspect-ratio:1.5;object-fit:cover}.del-course-placeholder{aspect-ratio:1.5;background:linear-gradient(130deg,#e8f6f6,#f4efdf);padding:30px;color:#4b818c;font:var(--section-title);letter-spacing:var(--title-spacing)}.del-course-copy{padding:25px}.del-course-copy h2{font:var(--subheading);letter-spacing:var(--title-spacing)}.del-course-copy>p:not(.eyebrow){font:var(--body-small);letter-spacing:var(--body-spacing);margin:15px 0}.del-course-copy .eyebrow{margin-bottom:12px}.del-course-detail{max-width:850px;margin:auto}.del-course-detail>.eyebrow{margin-top:40px}.del-course-cover{width:100%;max-height:500px;object-fit:cover;margin:35px 0}.del-course-detail dl{border-top:1px solid var(--line);margin:30px 0}.del-course-detail dl>div{display:grid;grid-template-columns:130px 1fr;gap:20px;padding:15px 0;border-bottom:1px solid var(--line);font:var(--body-small)}.del-course-detail dt{font-weight:600}.del-course-detail dd{margin:0}.del-course-detail>.button,.del-course-state{margin-top:30px}.del-course-detail .entry-content img{height:auto}.del-page-program .page-heading{display:none}
@media(min-width:801px) and (max-width:1100px){#main-nav{gap:15px}.header-inner{gap:15px}.nav-studio{padding:10px 12px}}
@media(max-width:800px){.nav-community-head{justify-content:space-between}.nav-community-head>a{flex:1}.nav-sub-toggle{min-width:44px}.nav-submenu{position:static;box-shadow:none;background:#f0f6f5;border:0;border-left:2px solid #9bbfc5;margin:0 10px 12px;padding:0 10px}.del-library-hero{padding:8px 0 40px;margin-bottom:26px}.del-library-hero:before{top:-48px}.del-page-archive .del-search{flex-wrap:wrap;padding:18px;gap:10px}.del-page-archive .del-search input{flex-basis:100%;width:100%}.del-page-archive .del-search select{flex:1;min-width:0}.del-page-archive .del-list,.del-course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.del-course-detail dl>div{grid-template-columns:90px 1fr;gap:10px}}
@media(max-width:520px){.del-page-archive .del-list,.del-course-grid{grid-template-columns:1fr}.del-page-archive .del-empty{padding:40px 22px}.del-course-copy{padding:22px}}