:root{--project-navy:#123d5a;--project-blue:#16678f;--project-sky:#eaf5fb;--project-green:#17785c;--project-gold:#a76b00;--project-ink:#17324a;--project-line:#c9dbe7}
.project-page{background:#eef4f8;color:var(--project-ink)}.project-shell{max-width:1280px}.project-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;background:linear-gradient(135deg,#123d5a,#16678f);color:#fff;border-radius:18px;padding:clamp(20px,4vw,42px);margin:20px 0}.project-hero h1{font-size:clamp(1.65rem,4vw,2.7rem);margin:.35rem 0}.project-hero p{margin:0;font-size:1.08rem}.hero-badge{min-width:180px;text-align:center;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.4);border-radius:16px;padding:18px}.project-overview,.group-selector,.implementation-guide{background:#fff;border:1px solid var(--project-line);border-radius:16px;padding:clamp(16px,3vw,28px);margin:18px 0}.project-overview blockquote{border-left:5px solid var(--project-gold);background:#fff8e8;margin:18px 0;padding:16px;font-size:1.08rem;font-weight:700}.group-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.group-card{display:flex;flex-direction:column;text-decoration:none;color:inherit;border:1px solid var(--project-line);border-radius:14px;padding:16px;background:#fafdff;transition:.2s}.group-card:hover,.group-card:focus{transform:translateY(-2px);box-shadow:0 10px 24px rgba(18,61,90,.12);border-color:var(--project-blue)}.group-card span{font-size:.78rem;font-weight:900;color:var(--project-blue);text-transform:uppercase;letter-spacing:.08em}.group-card b{font-size:1.05rem;margin:.3rem 0}.group-card small{line-height:1.45}.timeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.timeline div{border-left:5px solid var(--project-blue);background:var(--project-sky);padding:12px;border-radius:9px}.timeline b,.timeline span{display:block}.timeline span{font-size:.9rem;margin-top:4px}.project-toolbar{position:sticky;top:64px;z-index:20;display:flex;gap:8px;justify-content:flex-end;background:rgba(238,244,248,.95);backdrop-filter:blur(8px);padding:10px 0}.project-toolbar button{border:0;border-radius:10px;background:var(--project-navy);color:#fff;padding:10px 13px;font-weight:800;cursor:pointer;white-space:nowrap}.project-instrument{background:#fff;border:1px solid var(--project-line);border-radius:18px;margin:24px 0;padding:clamp(14px,3vw,30px);box-shadow:0 8px 30px rgba(18,61,90,.08);scroll-margin-top:120px}.instrument-banner{background:linear-gradient(135deg,#0e5275,#17806a);color:#fff;border-radius:14px;padding:18px 20px;margin-bottom:16px}.instrument-banner span{font-size:.78rem;font-weight:900;letter-spacing:.1em}.instrument-banner h2{margin:.35rem 0 0;font-size:clamp(1.35rem,3vw,2rem)}.project-meta-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:14px}.project-meta-grid div{background:#f4f8fb;border:1px solid var(--project-line);border-radius:10px;padding:10px}.project-meta-grid b,.project-meta-grid span{display:block}.project-meta-grid b{font-size:.75rem;text-transform:uppercase;color:var(--project-blue)}.project-meta-grid span{margin-top:4px;font-size:.9rem}.project-box{border:1px solid var(--project-line);border-radius:13px;padding:clamp(13px,2vw,20px);margin:13px 0;background:#fff}.project-box h3{margin-top:0;color:var(--project-navy);border-left:5px solid var(--project-blue);padding-left:10px}.project-box h4{color:var(--project-blue)}.context-box{background:#f5fbff}.essential-question{background:#fff;border-radius:10px;padding:12px;border:1px dashed var(--project-blue)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}.mastery-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mastery-list label,.project-check{display:flex;gap:8px;align-items:flex-start;background:#f5f9fc;border-radius:8px;padding:9px}.mastery-list input,.project-check input{margin-top:3px;accent-color:var(--project-green)}.checkpoint-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:15px}.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--project-line);border-radius:10px}.project-box table{width:100%;border-collapse:collapse;min-width:720px}.project-box th,.project-box td{border:1px solid #d6e2ea;padding:8px;vertical-align:top}.project-box thead th{background:var(--project-navy);color:#fff;text-align:left}.project-box tbody tr:nth-child(even){background:#f8fbfd}.project-box td[contenteditable=true]{min-height:36px;background:#fffdf6}.phase-table th:first-child{width:22%}.data-table td{height:42px}.answer-space{min-height:180px;border:2px dashed #9db8ca;border-radius:10px;padding:14px;background:#fffdf6}.answer-space span{color:#70879a}.verification-box{border-color:#83b6cc;background:#f5fbff}.character-box{border-color:#d7b36a;background:#fffaf0}.action-call{border-left:5px solid var(--project-gold);background:#fff3d9;padding:12px}.oral-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.oral-grid div{background:#edf6fb;border:1px solid var(--project-line);border-radius:10px;padding:10px}.oral-grid b,.oral-grid span{display:block}.oral-grid span{font-size:.85rem;margin-top:4px}.exit-item{margin:12px 0}.exit-item>div{min-height:76px;border:1px dashed #9db8ca;border-radius:8px;margin-top:6px;padding:8px;background:#fffdf6}.rubric-table td:first-child{font-weight:800;min-width:190px}.score-note{background:#edf7f3;border-left:5px solid var(--project-green);padding:12px}.teacher-box{background:#f7f4fb;border-color:#bfb1d7}.signature-v6{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:42px 0 20px;page-break-inside:avoid}.signature-v6>div{text-align:left;padding-left:clamp(10px,5vw,60px)}.signature-v6 img{display:block;width:150px;height:78px;object-fit:contain;object-position:left center;margin:2px 0 -4px -15px}.signature-v6 b,.signature-v6 span{display:block}.project-footer{text-align:center;color:#60798c;padding:18px}.project-bank-card ol{padding-left:1.2rem}.project-bank-card li+li{margin-top:.35rem}
@media(max-width:900px){.project-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.timeline{grid-template-columns:repeat(2,minmax(0,1fr))}.oral-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.project-page .doc-shell,.project-shell{padding-left:6px!important;padding-right:6px!important}.project-hero{align-items:flex-start;flex-direction:column;border-radius:12px}.hero-badge{min-width:0;width:100%;text-align:left}.group-grid,.two-col,.mastery-list,.checkpoint-grid,.timeline{grid-template-columns:1fr}.project-meta-grid{grid-template-columns:1fr 1fr}.project-toolbar{top:0;overflow-x:auto;justify-content:flex-start}.project-toolbar button{font-size:.8rem;padding:8px 10px}.project-instrument{padding:8px;border-radius:12px}.project-box{padding:11px}.oral-grid{grid-template-columns:1fr 1fr}.signature-v6{grid-template-columns:1fr 1fr;gap:3px}.signature-v6>div{padding-left:4px;font-size:10px}.signature-v6 img{width:104px;height:62px;margin-left:-7px}.project-box table{font-size:.8rem}}
@media(max-width:360px){.project-meta-grid,.oral-grid{grid-template-columns:1fr}.signature-v6{font-size:9px}.signature-v6 img{width:88px}}
@media print{body.project-page{background:#fff}.topbar,.project-toolbar,.skip{display:none!important}.doc-shell{max-width:none!important;padding:0!important}.project-hero{background:#123d5a!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.project-instrument{box-shadow:none;border:0;margin:0;padding:0;break-before:page}.project-instrument:first-of-type{break-before:auto}.project-box{break-inside:auto}.project-box h3{break-after:avoid}.table-wrap{overflow:visible;border:0}.project-box table{min-width:0;font-size:8.3pt}.project-box th,.project-box td{padding:5px}.group-selector,.implementation-guide,.project-overview{break-inside:avoid}.signature-v6{break-inside:avoid}.answer-space{min-height:100px}.exit-item>div{min-height:50px}}

.project-panel-v6{padding:clamp(12px,3vw,26px)}.project-module-callout{background:#eef8f4;border-left:5px solid #17785c;padding:14px;border-radius:8px;margin:14px 0}.project-mini-grid,.project-group-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.project-mini-card,.project-group-list>div{border:1px solid #c9dbe7;border-radius:11px;padding:12px;background:#fafdff}.project-mini-card span,.project-group-list b{display:block;color:#16678f;font-size:.78rem;font-weight:900;text-transform:uppercase}.project-mini-card h3{margin:.3rem 0}.project-mini-card p{font-size:.9rem}.project-group-list span{display:block;margin-top:4px}.project-guarantee{border:1px solid #d7b36a;background:#fffaf0;border-radius:12px;padding:14px;margin:14px 0}.section-project-v6{border-color:#8bc8b4!important;background:#f8fffc!important}.section-project-v6 .module-section-head-v4{border-left-color:#17785c!important}@media(max-width:600px){.project-mini-grid,.project-group-list{grid-template-columns:1fr}}


/* V7 — partisipasi aktif wajib dan proyek komputer */
.all-active-overview{background:#fff;border:1px solid var(--project-line);border-radius:16px;padding:clamp(16px,3vw,28px);margin:18px 0}.active-design-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.active-design-grid>div{border:1px solid #bcd5e3;border-radius:12px;padding:13px;background:#f5fbff}.active-design-grid b,.active-design-grid span{display:block}.active-design-grid b{color:var(--project-navy);margin-bottom:4px}.active-system-box{border:2px solid #278a6b;background:linear-gradient(180deg,#f5fff9,#fff)}.active-rule{border-left:6px solid #d18700;background:#fff6dc;padding:13px;border-radius:9px;margin-bottom:12px}.participation-status{display:grid;grid-template-columns:minmax(220px,1fr) minmax(180px,1fr) auto;align-items:center;gap:12px;background:#123d5a;color:#fff;padding:14px;border-radius:12px}.participation-status b,.participation-status span{display:block}.participation-status span{font-size:.86rem;opacity:.9;margin-top:3px}.participation-status progress{width:100%;height:18px;accent-color:#36c58c}.gate-state{padding:9px 11px;border-radius:999px;font-size:.78rem;text-align:center;white-space:nowrap}.gate-state.locked{background:#7f1d1d}.gate-state.unlocked{background:#0f7a55}.gate-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0}.gate-grid>div{border:1px solid #cbd9e2;background:#f3f6f8;border-radius:10px;padding:10px;opacity:.65}.gate-grid>div.open{background:#e7f8ef;border-color:#45a77e;opacity:1}.gate-grid b,.gate-grid span{display:block}.gate-grid span{font-size:.82rem;margin-top:4px}.active-toggle{white-space:nowrap}.member-name-input,.evidence-location input{width:100%;min-width:120px;border:1px solid #9eb7c7;border-radius:7px;padding:7px;background:#fff}.member-evidence-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.member-evidence-card{border:1px solid #bed3df;border-radius:12px;padding:11px;background:#f9fcfe}.member-evidence-card.inactive{opacity:.45;filter:grayscale(.5)}.member-evidence-card.complete{border-color:#288c68;background:#effcf5}.member-evidence-card header{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #d6e2e9;padding-bottom:7px;margin-bottom:7px}.member-evidence-card header span{font-size:.78rem;font-weight:800;color:#9b2c2c}.member-evidence-card.complete header span{color:#12704f}.member-evidence-card>label:not(.evidence-location){display:flex;gap:8px;align-items:flex-start;padding:7px;border-radius:8px}.member-evidence-card>label:not(.evidence-location):hover{background:#eef6fa}.member-evidence-card small{display:block;color:#526a7b;margin-top:2px;line-height:1.35}.evidence-location{display:block;border-top:1px dashed #b8cbd7;padding-top:8px;margin-top:7px;font-size:.82rem}.teacher-gate-check{margin-top:12px;border:1px solid #b8a2d0;background:#f8f4fc;border-radius:11px;padding:12px}.teacher-gate-check ol{margin-bottom:0}.computer-hero{background:linear-gradient(135deg,#203a75,#0d7b78)}.computer-project-box{border-color:#8eb3d8}.computer-skill-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.computer-skill-grid>div{background:#eff6ff;border:1px solid #b9cce4;border-radius:10px;padding:10px}.computer-skill-grid b,.computer-skill-grid span{display:block}.computer-skill-grid span{font-size:.85rem;margin-top:4px}.keyboard-rotation{border:2px solid #496db0;background:#f4f7ff;border-radius:12px;padding:12px}.keyboard-rotation .rotation-log{min-width:900px}.timer-widget{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#172f63;color:#fff;border-radius:10px;padding:10px;margin:10px 0}.timer-widget .timer-display{font-size:1.4rem;font-weight:900;font-variant-numeric:tabular-nums}.timer-widget button{border:0;border-radius:8px;padding:8px 11px;font-weight:800;cursor:pointer}.template-download{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.template-download a{display:inline-flex;align-items:center;text-decoration:none;background:#123d5a;color:#fff;border-radius:9px;padding:9px 12px;font-weight:800}.it-source-note{font-size:.88rem;background:#f3f7fa;border-left:5px solid #4b6fa8;padding:12px}.digital-ethics{background:#fff4e5;border-color:#e1b36a}.project-bank-card.it-card{border-top:6px solid #3b63a5}.project-link-highlight{background:#eef5ff;border:1px solid #9bb8dc;border-radius:12px;padding:13px;margin:12px 0}
@media(max-width:1000px){.active-design-grid,.gate-grid,.computer-skill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.participation-status{grid-template-columns:1fr 1fr}.participation-status .gate-state{grid-column:1/-1}.member-evidence-grid{grid-template-columns:1fr}}
@media(max-width:620px){.active-design-grid,.gate-grid,.computer-skill-grid{grid-template-columns:1fr}.participation-status{grid-template-columns:1fr}.active-roster,.rotation-table{font-size:.76rem}.member-evidence-card{padding:9px}.timer-widget{align-items:stretch}.timer-widget button{flex:1}.template-download a{width:100%;justify-content:center}}
@media print{.participation-status{color:#000;background:#fff;border:1px solid #333}.gate-state{border:1px solid #333}.timer-widget button{display:none}.member-evidence-card{break-inside:avoid}.active-system-box{break-inside:auto}}
@media(max-width:620px){
  .project-page .topbar-inner,.topbar-inner{width:100%;align-items:stretch!important;flex-direction:column!important;gap:8px!important}
  .project-page .brand,.brand{min-width:0}
  .project-page .brand span,.brand span{overflow-wrap:anywhere}
  .project-page .navlinks,.navlinks{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;gap:7px!important;justify-content:stretch!important}
  .project-page .navlinks a,.project-page .navlinks button,.navlinks a,.navlinks button{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-width:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;padding:8px 6px!important}
}