@import url("./pro.css");

.master-course-card { background: linear-gradient(145deg, rgba(224, 143, 49, .28), rgba(51, 26, 15, .76)); }
.master-board { border-color: rgba(255, 206, 113, .35); }
.master-board .board-head b, .master-outcome strong { color: #ffd88f; }
.master-module-grid .module-card { min-height: 205px; }
.master-sprint, .master-plan { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin-top: 18px; padding: 16px 18px; border: 1px solid rgba(255, 207, 116, .22); border-radius: 18px; background: rgba(85, 53, 14, .2); color: #d6e3f0; }
.master-sprint b, .master-plan span { color: #ffdb86; font: 800 .76rem Inter, sans-serif; letter-spacing: .08em; }
.master-sprint span { padding: 6px 10px; border-radius: 999px; background: rgba(255,255,255,.055); font-size: .82rem; }
.master-sprint strong { margin-left: auto; color: #a9edff; font-size: .85rem; }
.master-case-stage { grid-template-columns: minmax(255px, .8fr) minmax(0, 1.2fr); }
.greenlight-card { margin-top: 16px; padding: 19px; border: 1px solid rgba(255, 208, 112, .22); border-radius: 19px; background: rgba(62, 42, 13, .21); }
.quality-gates { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; margin-top: 13px; }
.quality-gate { min-height: 147px; padding: 14px; border: 1px solid rgba(255, 219, 142, .16); border-radius: 14px; background: rgba(5, 23, 43, .55); }
.quality-gate span { color: #ffda86; font: 800 .72rem Inter, sans-serif; letter-spacing: .07em; }
.quality-gate h3 { margin: 8px 0 6px; color: #f8fbff; font-size: .94rem; }
.quality-gate p { margin: 0; color: #b8c8dc; font-size: .8rem; line-height: 1.65; }
.vision-layout, .production-layout, .pitch-layout { display: grid; grid-template-columns: minmax(0, 1.18fr) minmax(260px, .82fr); gap: 18px; }
.vision-builder, .vision-check, .production-board, .production-risk { padding: 21px; border: 1px solid rgba(255, 207, 115, .2); border-radius: 20px; background: rgba(8, 28, 52, .64); }
.vision-output, .production-output { min-height: 215px; padding: 18px; border-radius: 15px; background: rgba(3, 18, 36, .55); }
.vision-output span, .production-output span { color: #ffdc89; font: 800 .73rem Inter, sans-serif; letter-spacing: .08em; }
.vision-output h3, .production-output h3 { margin: 9px 0; color: #f4f8ff; font-size: 1.15rem; }
.vision-output p, .production-output p { margin: 0; color: #bbcbe0; line-height: 1.75; }
.vision-output ul, .production-output ul { margin: 12px 0 0; padding-left: 18px; color: #d9e5f3; font-size: .87rem; line-height: 1.8; }
.vision-check { background: linear-gradient(145deg, rgba(104, 55, 15, .42), rgba(9, 32, 56, .76)); }
.vision-check > span, .production-risk > span { color: #a5eaff; font: 800 .74rem Inter, sans-serif; letter-spacing: .09em; }
.vision-check h3, .production-risk h3 { margin: 10px 0; color: #fff; font-size: 1.22rem; }
.vision-check > p { color: #c4d2e3; font-size: .88rem; line-height: 1.75; }
.shot-priority { margin-top: 15px; }
.shot-priority b { display: block; color: #ffda86; font-size: .82rem; }
.shot-priority p { margin: 3px 0 10px; color: #bbcadc; font-size: .82rem; }
.continuity-grid, .resource-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-top: 16px; }
.continuity-grid article, .resource-grid article { padding: 15px; border: 1px solid rgba(134, 222, 255, .17); border-radius: 15px; background: rgba(8, 29, 54, .6); }
.continuity-grid b, .resource-grid b { color: #9decff; font-size: .86rem; }
.continuity-grid p, .resource-grid p { margin: 7px 0 0; color: #b9c9dd; font-size: .82rem; line-height: 1.68; }
.director-workbook-head { display: flex; justify-content: space-between; gap: 18px; align-items: end; margin-top: 30px; padding: 0 2px; }
.director-workbook-head span { color: #ffda86; font: 800 .74rem Inter, sans-serif; letter-spacing: .1em; }
.director-workbook-head h3 { margin: 8px 0 6px; color: #f6faff; font-size: 1.45rem; }
.director-workbook-head p { max-width: 780px; margin: 0; color: #b8c8dc; line-height: 1.75; }
.director-workbook-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px; margin-top: 16px; }
.director-workbook { padding: 20px; border: 1px solid rgba(255, 211, 121, .2); border-radius: 19px; background: linear-gradient(145deg, rgba(47, 33, 16, .32), rgba(8, 30, 54, .74)); }
.director-workbook:nth-child(5) { grid-column: 1 / -1; }
.director-workbook-top { display: flex; gap: 12px; align-items: start; }
.director-workbook-code { display: grid; place-items: center; flex: 0 0 42px; width: 42px; height: 42px; border-radius: 11px; background: rgba(255, 211, 121, .13); color: #ffdc89; font: 800 .77rem Inter, sans-serif; }
.director-workbook h3 { margin: 0 0 5px; color: #fff; font-size: 1.14rem; }
.director-workbook-lead { margin: 0; color: #bdcce1; font-size: .87rem; line-height: 1.68; }
.workbook-detail-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 16px; }
.workbook-detail { padding: 12px; border-radius: 12px; background: rgba(255, 255, 255, .045); }
.workbook-detail b { display: block; margin-bottom: 6px; color: #99eaff; font-size: .77rem; }
.workbook-detail p { margin: 0; color: #d3dfec; font-size: .81rem; line-height: 1.62; }
.workbook-check { margin-top: 12px; padding: 12px 13px; border-left: 2px solid #ffcf74; border-radius: 0 10px 10px 0; background: rgba(255, 207, 116, .08); }
.workbook-check b { color: #ffda86; font-size: .79rem; }.workbook-check p { margin: 4px 0 0; color: #d6e1ed; font-size: .82rem; line-height: 1.65; }
.workbook-pitfall { margin: 12px 0 0; color: #aebfd3; font-size: .8rem; line-height: 1.6; }.workbook-pitfall b { color: #ffad9d; }
.production-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin: 15px 0; }
.production-tabs button { padding: 8px 12px; border: 1px solid rgba(255, 211, 123, .17); border-radius: 999px; background: rgba(255,255,255,.04); color: #bccce0; cursor: pointer; font: 700 .78rem "Noto Sans SC", sans-serif; }
.production-tabs button.active { border-color: #ffce70; background: rgba(123, 77, 15, .22); color: #fff; }
.production-risk div { display: grid; grid-template-columns: 64px 1fr; gap: 11px; align-items: start; margin-top: 13px; }
.production-risk b { padding: 5px 7px; border-radius: 7px; text-align: center; font-size: .76rem; }
.production-risk p { margin: 0; color: #bfcede; font-size: .83rem; line-height: 1.6; }
.green { background: rgba(81, 216, 164, .15); color: #75f0bf; }.yellow { background: rgba(255, 206, 105, .15); color: #ffdd83; }.red { background: rgba(255, 115, 115, .14); color: #ff9d9d; }
.pitch-form { margin: 0; }.pitch-result { min-height: 100%; }
.master-delivery { margin-bottom: 14px; }
.master-plan { margin-top: 0; }.master-plan p { margin: 0; color: #c6d3e4; line-height: 1.7; }
@media (max-width: 1300px) { .hero { min-height: auto; grid-template-columns: 1fr; }.hero-board { max-width: 680px; } }
@media (max-width: 1020px) { .quality-gates { grid-template-columns: repeat(3, 1fr); }.continuity-grid, .resource-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 760px) { .master-case-stage, .vision-layout, .production-layout, .pitch-layout, .director-workbook-grid, .workbook-detail-grid { grid-template-columns: 1fr; }.quality-gates, .continuity-grid, .resource-grid { grid-template-columns: 1fr; }.director-workbook:nth-child(5) { grid-column: auto; }.director-workbook-head { align-items: start; flex-direction: column; }.master-sprint strong { margin-left: 0; width: 100%; } }