/* Production content uses the prototype's visual system with real catalog data. */
.loading-state{padding:110px 22px;text-align:center;color:#d6c9b2;font-size:14px}
.loading-state h1{font:32px Georgia,serif;margin-bottom:12px}
.loading-state p{color:#aaa9a1}
.brand-avatar{width:39px;height:39px;border-radius:50%;object-fit:cover}
.header-caption{font-size:10px;color:#bdb5a4;max-width:110px;text-align:right;line-height:1.4}
.section-count{font-size:11px;color:#b7a98e}
.cinema-copy h2{max-width:320px}
.cinema-feature .cinema-actions .primary{min-height:47px}
.editorial-course-open>.editorial-photo{z-index:-1}
.editorial-course-open:after,.production-lesson .lesson-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0b0c0bce,transparent 85%);pointer-events:none}
.course-overlay{z-index:1}
.editorial-course-caption{padding-bottom:10px}
.production-lessons{border-top:1px solid #34352e;margin-top:12px}
.production-lesson{width:100%;display:flex;align-items:stretch;gap:12px;min-height:101px;text-align:left;padding:12px 0;border-bottom:1px solid #34352e}
.production-lesson .lesson-visual{width:86px;min-height:84px;align-self:auto;border-radius:9px}
.production-lesson .lesson-copy{display:flex;flex-direction:column;justify-content:center;min-width:0;flex:1;padding:1px 0}
.production-lesson .lesson-copy small{font-size:10px;color:#bdac90;margin:0 0 6px}
.production-lesson .lesson-copy strong{font:19px/1.2 Georgia,serif;color:#eee3ce}
.production-lesson .lesson-copy span{font-size:11px;color:#b7b3a7;margin-top:7px}
.lesson-chevron{align-self:center;color:#dcc59f;padding:0 2px}
.lesson-chevron svg{width:17px;height:17px;stroke:currentColor;stroke-width:1.8;fill:none}
.search-label{display:block;font-size:12px;color:#cbb997;margin:25px 0 8px}
.production-search{width:100%;border:1px solid #4b483b;border-radius:10px;background:#191b17;color:#f5ead5;padding:13px 14px;font-size:14px}
.course-overview{margin-top:18px}
.course-result{font-size:13px}
.next-action{margin:0 0 23px}
.next-action strong{line-height:1.25}
.teacher-credit{padding:9px 0 30px}
.member-initial{width:45px;height:45px;display:grid;place-items:center;border:1px solid #a5875c;border-radius:50%;font:24px Georgia,serif;color:#e3c49d;flex:none}
.member-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:1px solid #a5875c;flex:none}
.avatar-fallback{display:grid;place-items:center;background:#302a21;color:#e3c49d;font:24px Georgia,serif}
#navigation .profile-nav-avatar{display:block;width:29px;height:29px;border-radius:50%;object-fit:cover;border:1px solid #a5875c;font:15px Georgia,serif;color:#e3c49d}
#navigation .profile-nav-avatar.avatar-fallback{display:grid;place-items:center}
#navigation .nav-item.active .profile-nav-avatar{box-shadow:0 0 0 2px var(--gold),0 0 0 4px #e3c49d18}
.member-pass{margin:15px 0 22px}
.member-identity{display:flex;align-items:center;gap:14px}
.member-identity h2{font:27px Georgia,serif;margin-bottom:4px}
.member-identity p{font-size:12px;color:#bcb5a7}
.production-pass{display:flex;align-items:center;gap:15px;width:100%;border:1px solid #62543e;border-radius:13px;min-height:110px;margin:15px 0 25px;padding:18px;background:linear-gradient(110deg,#342b20,#191b17)}
.production-pass .pass-brand img{width:58px;height:58px;object-fit:cover;border-radius:50%}
.production-pass .pass-access small{display:block;color:#cbb18b;margin-bottom:7px}
.production-pass .pass-access strong{font:25px Georgia,serif;color:#f0e2c8}
.profile-email,.profile-period{font-size:12px;color:#bfb9ac;margin:0 0 8px;overflow-wrap:anywhere}
.access-detail{background:#191b17;border:1px solid #38382d;border-radius:13px;padding:20px}
.access-detail h2{font:25px Georgia,serif;margin:8px 0 16px}
.access-detail p{font-size:12px;color:#bfb9ac;line-height:1.6;margin-top:15px}
.access-detail .progress-fill{height:100%;max-width:100%}
.checkout-form{margin:25px 0;padding:22px 18px;background:#1b1d18;border:1px solid #4f4635;border-radius:13px}
.checkout-form h2{font:27px Georgia,serif;margin:7px 0 10px}
.checkout-form p{color:#c5beb0;font-size:12px;line-height:1.6;margin-bottom:15px}
.checkout-form label{display:block;font-size:11px;color:#d8c4a2;margin:15px 0 7px}
.checkout-form input,.checkout-form select{display:block;width:100%;padding:12px;border:1px solid #61543f;border-radius:8px;background:#10120f;color:#f3ead9;font-size:14px}
.checkout-form .primary{margin-top:22px}
.checkout-status{display:block;font-size:11px;color:#d8c4a2;line-height:1.5;margin-top:10px}
.setting{color:#e8d9bf;text-decoration:none}
.person-card{width:100%;display:flex;align-items:center;gap:14px;padding:15px;background:#1e211a;border-radius:12px}
.person-card strong,.person-card small{display:block}
.person-card strong{font-size:15px;font-weight:500}
.person-card small{margin-top:5px}
.circle-practice{padding:22px 0}
.circle-practice h2{font:29px Georgia,serif;margin:8px 0 12px}
.circle-practice p{color:#c8c2b6;line-height:1.6}
.circle-practice .primary{margin-top:18px}
#detail{padding:22px}
#detail .dialog-header{display:flex;align-items:flex-start;gap:15px}
#detail .dialog-header h2{flex:1;font:26px/1.15 Georgia,serif}
#detail .dialog-header button{font-size:28px;color:#e3c49d;line-height:1}
.production-player{aspect-ratio:16/9;width:100%;display:grid;place-items:center;background:#070807;color:#cfc5b1;text-align:center;font-size:13px;padding:14px;border-radius:10px}
.production-player iframe{width:100%;height:100%;border:0}
#detail .body-copy{font-size:12px}
@media(max-width:370px){.production-lesson .lesson-visual{width:70px}.production-lesson .lesson-copy strong{font-size:17px}}