:root{--ink:#24194c;--purple:#21108f;--navy:#170c55;--cyan:#06b6d3;--muted:#666879;--line:#e1e2ec;--soft:#f7f8fc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#fff;color:var(--ink);font:15px/1.65 'Segoe UI',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}::selection{background:#d6f6fb}.wrap{max-width:1120px;width:90%;margin-inline:auto}.document-header{display:flex;align-items:center;gap:22px;padding:19px 0 17px;border-bottom:3px solid var(--purple)}.association-logo{width:215px;height:64px;object-fit:cover;flex-shrink:0}.document-identity{display:flex;flex-direction:column;border-left:1px solid var(--line);padding-left:22px}.document-identity strong{color:var(--purple);font-size:19px;font-weight:600}.document-identity span{font-size:11px;color:var(--muted)}.document-type{margin-left:auto;font-size:9px;letter-spacing:1.5px;color:#737384}.section{padding-block:36px}.eyebrow{font-size:9px;letter-spacing:1.5px;font-weight:700;color:var(--purple);margin:0 0 9px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:36px;margin-bottom:24px}.section-heading>p{color:var(--muted);max-width:410px;font-size:12px;margin:0}h1,h2,h3,h4{color:var(--navy);font-weight:600}h1{font-size:30px;line-height:1.25;margin:0;letter-spacing:-.7px}h2{font-size:25px;line-height:1.3;margin:0;letter-spacing:-.5px}.overview-description{font-size:13px;color:var(--muted);margin:10px 0 0}.system-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.system-card{border:1px solid var(--line);border-radius:4px;padding:18px 20px;display:flex;flex-direction:column;transition:border-color .15s,background .15s}.system-card:hover{border-color:var(--cyan);background:#f7fcfe}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.system-icon{font-size:21px;color:var(--cyan);line-height:1}.system-number{font-size:8px;color:#77788b;letter-spacing:.6px}.system-card h3{font-size:16px;line-height:1.4;margin:0 0 7px}.system-card p{color:var(--muted);font-size:11px;line-height:1.8;margin:0 0 14px;flex:1}.card-link{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--purple);border-top:1px solid #eeeef5;padding-top:10px}.card-link b{font-size:13px;font-weight:400}.featured{background:#f4fcfe;border-color:#b8e9f2}.comparison-section{background:var(--soft);border-block:1px solid var(--line)}.comparison-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:24px;border-bottom:1px solid var(--line);padding-bottom:14px}.comparison-tabs button{border:1px solid #dcdde9;border-radius:3px;background:#fff;color:#626374;white-space:nowrap;padding:8px 16px;cursor:pointer;font-size:11px}.comparison-tabs button:hover{border-color:var(--cyan);color:var(--purple)}.comparison-tabs button[aria-selected=true]{background:var(--purple);color:#fff;border-color:var(--purple)}.comparison-title{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.comparison-title .eyebrow{font-size:8px}.comparison-title h3{font-size:21px;line-height:1.4;margin:6px 0 0;font-weight:600}.comparison-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:20px}.compare-card{border:1px solid #dddfe9;border-top:3px solid #9895aa;background:#fff;border-radius:3px;padding:22px}.after{border-top-color:var(--cyan)}.compare-label{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:700;letter-spacing:1px;color:#767184}.compare-label>span{font-size:15px;line-height:1}.compare-label small{margin-left:auto;font-weight:400;font-size:8px;letter-spacing:.5px}.after .compare-label{color:#078599}.process-visual{height:95px;background:#f3f3f8;border:1px solid #eeeef5;border-radius:3px;margin-top:17px;padding:13px;display:flex;justify-content:center;align-items:center;gap:9px}.mini-file{background:#fff;border:1px solid #d9d8e6;padding:9px;max-width:100px;min-width:55px;flex:1;font-size:8px;color:#757086;border-radius:2px}.mini-file i{display:block;height:3px;background:#e6e4ef;margin-top:5px}.mini-file i:last-child{width:65%}.after .process-visual{background:#f1fbfd;border-color:#d7f0f5}.unified-profile{width:85%;max-width:280px;background:white;border:1px solid #b9e3ec;border-radius:2px;padding:10px 13px;font-size:9px}.unified-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:7px;border-bottom:1px solid #e1f1f5;color:var(--purple);font-weight:600}.unified-head>span{color:var(--cyan)}.unified-rows{display:flex;gap:6px;margin-top:8px}.unified-rows>span{flex:1;font-size:7px;border:1px solid #d9edf2;padding:3px 5px;text-align:center;color:#417886}.compare-card h4{font-size:18px;margin:19px 0 11px}.compare-card ul{list-style:none;margin:0;padding:0;font-size:12px;color:var(--muted)}.compare-card li{position:relative;padding-left:16px;margin:9px 0;line-height:1.85}.compare-card li:before{content:'−';position:absolute;left:0;color:#9d95ad}.after li:before{content:'✓';color:#079eb8}.impact-bar{display:flex;gap:15px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}.impact-icon{font-size:27px;color:var(--cyan)}.impact-bar .eyebrow{font-size:8px;margin:0}.impact-bar p{font-size:12px;margin:3px 0 0}.ownership{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:55px;padding-block:35px}.open-copy h2{font-size:23px}.open-copy p:not(.eyebrow){font-size:12px;line-height:1.9;color:var(--muted);margin-bottom:0}.open-copy strong{color:var(--purple);font-weight:600}.ownership-diagram{border:1px solid var(--line);border-radius:3px;background:#fafafe;padding:20px}.code-block{background:#fff;border:1px solid #dcd9ed;padding:12px 14px;display:flex;align-items:center;gap:12px}.diagram-icon{font-size:23px;color:var(--purple)}.code-block strong{font-size:12px;display:block;font-weight:600}.code-block small{font-size:9px;color:var(--muted)}.code-block>span:last-child{margin-left:auto;color:var(--cyan)}.diagram-connector{height:42px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:20px;color:var(--cyan)}.diagram-connector span{font-size:9px;color:#777185}.local-boundary{border:1px dashed #76c9da;padding:18px 14px 8px;position:relative;background:#f8fdfe}.boundary-label{position:absolute;left:14px;top:-8px;padding:0 7px;background:#f8fdfe;font-size:8px;letter-spacing:1px;color:#087e96}.local-items{display:flex;align-items:center;justify-content:center;gap:25px}.local-items>div{display:flex;flex-direction:column;align-items:center;gap:2px}.local-items>div>span{font-size:25px;color:var(--cyan)}.local-items strong{font-size:10px;font-weight:500}.local-plus{color:#9aa4be}.local-boundary p{border-top:1px solid #def0f5;margin:12px 0 0;padding-top:8px;text-align:center;font-size:9px;color:#438493}.diagram-note{font-size:9px;text-align:center;color:#828092;margin:12px 0 0}footer{display:flex;justify-content:space-between;gap:20px;font-size:9px;color:#77758b;border-top:1px solid var(--line);padding-block:20px}.skip{position:absolute;top:-80px;left:15px;background:white;padding:10px;z-index:3}.skip:focus{top:8px}
@media(max-width:900px){.document-type{display:none}.system-grid{grid-template-columns:repeat(2,1fr)}.ownership{gap:30px}.comparison-title{flex-direction:column;align-items:flex-start;gap:9px}.section-heading{gap:20px}.section-heading>p{max-width:320px}}
@media(max-width:600px){.wrap{width:90%}.document-header{gap:12px;padding-block:12px}.association-logo{width:152px;height:46px}.document-identity{padding-left:12px}.document-identity strong{font-size:15px}.document-identity span{font-size:9px}.section{padding-block:25px}h1{font-size:26px}h2{font-size:23px}.overview-description{font-size:12px;line-height:1.8}.section-heading{display:block;margin-bottom:19px}.section-heading>p{margin-top:12px;max-width:none;font-size:11px}.system-grid{gap:9px}.system-card{padding:14px}.card-top{margin-bottom:9px}.system-number{font-size:6px;max-width:85px;text-align:right}.system-icon{font-size:18px}.system-card h3{font-size:14px}.system-card p{font-size:10px;line-height:1.8}.card-link{font-size:9px;gap:6px}.comparison-tabs{gap:6px;padding-bottom:12px;margin-bottom:20px}.comparison-tabs button{padding:7px 10px;font-size:10px;flex:1}.comparison-grid{grid-template-columns:1fr;gap:14px}.comparison-title h3{font-size:19px}.compare-card{padding:18px}.compare-card h4{font-size:17px}.compare-card ul{font-size:11px}.impact-bar p{font-size:11px}.ownership{grid-template-columns:1fr;gap:22px}.open-copy h2{font-size:22px}.open-copy p:not(.eyebrow){font-size:11px}.ownership-diagram{padding:17px}footer{flex-direction:column;gap:4px;font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}@media print{body{font-size:11px}.wrap{width:100%}.document-header{padding-top:0}.comparison-tabs,.card-link{display:none}.section{padding-block:20px}.system-card,.compare-card,.ownership{break-inside:avoid}.comparison-section{background:white}.comparison-grid{grid-template-columns:1fr 1fr}.ownership{gap:25px}.document-type{display:block}}
.after-intro{font-size:12px;line-height:1.85;color:var(--muted);margin:0 0 14px}.compare-card li strong{font-weight:600;color:var(--ink)}
.after-intro:empty{display:none}
[hidden]{display:none!important}.halatuju-tabs{border-bottom:0;border-left:3px solid var(--cyan);padding:0 0 0 14px;margin-top:-6px;margin-bottom:24px}.halatuju-tabs button{font-size:10px}.halatuju-tabs button[aria-selected=true]{background:#e4f8fc;color:var(--navy);border-color:var(--cyan)}
.process-visual.attendance-visual{height:auto;min-height:175px;padding:12px}.attendance-preview{width:100%;background:white;border:1px solid #b9e3ec;border-radius:3px;padding:12px;color:var(--navy)}.attendance-preview-title{font-size:11px;font-weight:600;border-bottom:1px solid #d9edf2;padding-bottom:8px}.attendance-preview-filters{display:grid;grid-template-columns:1fr 1.4fr;gap:10px;margin:9px 0}.attendance-preview-filters>div>span{display:block;font-size:8px;color:var(--muted);margin-bottom:3px}.attendance-preview-filters strong{display:block;font-size:9px;font-weight:500;background:#f1fbfd;border:1px solid #d5edf3;border-radius:2px;padding:5px 7px}.attendance-preview table{width:100%;border-collapse:collapse;font-size:9px}.attendance-preview th{background:#e9f8fc;text-align:left;font-weight:600}.attendance-preview th,.attendance-preview td{padding:5px 7px;border-bottom:1px solid #dfedf2}.attendance-preview p{font-size:8px;color:var(--muted);margin:7px 0 0}@media(max-width:600px){.attendance-preview-filters{gap:6px}.attendance-preview{padding:9px}.attendance-preview-title{font-size:10px}.attendance-preview-filters strong,.attendance-preview table{font-size:8px}}
.upu-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:9px 0;font-size:8px}.upu-steps span{padding:5px;border:1px solid #d5edf3;background:#f1fbfd;text-align:center}.upu-merit{display:flex;flex-wrap:wrap;gap:4px;font-size:7px;padding-bottom:8px;border-bottom:1px solid #d9edf2}.upu-merit>*{flex:1;text-align:center;white-space:nowrap;background:#f6f8fc;padding:4px}.upu-merit strong{background:#e4f8fc;color:var(--purple)}.upu-filters{font-size:8px;color:var(--muted);margin:8px 0}.upu-programs{display:grid;grid-template-columns:1fr 1fr;gap:5px;font-size:8px}.upu-programs span{padding:5px 7px;border:1px solid #d9edf2}
.matrik-identity{font-size:8px;color:var(--muted);margin:8px 0}.attendance-preview .matrik-table{table-layout:fixed;font-size:7px}.attendance-preview .matrik-table th,.attendance-preview .matrik-table td{padding:6px 3px;text-align:center;overflow-wrap:anywhere;vertical-align:top}.attendance-preview .matrik-table th:first-child,.attendance-preview .matrik-table td:first-child{text-align:left}
.before .calculator-preview .attendance-preview-title{color:var(--navy)}.before .calculator-preview table{margin-top:9px}.before .calculator-preview th{background:#eeedf6}.before .calculator-preview td:last-child{color:var(--purple)}
.upu-screenshot{width:100%;min-width:0}.upu-screenshot img{display:block;width:100%;height:auto;border:1px solid #d5edf3}.upu-screenshot p{font-size:8px;color:var(--muted);margin:6px 0 0}

/* NGO design refresh */
:root{--ink:#211849;--purple:#26139d;--navy:#16085d;--cyan:#0db8d0;--muted:#686984;--line:#e3e6f1;--soft:#f7f8fc}
body{background:#f7f8fc;color:var(--ink);-webkit-font-smoothing:antialiased}
.wrap{max-width:1180px;width:90%}
.document-header{min-height:100px;padding:14px 0;border-bottom:1px solid var(--line);gap:24px}
.association-home{display:block;flex-shrink:0}
.association-logo{display:block;width:215px;height:72px;object-fit:cover;border:0;border-radius:0}
.document-identity{padding-left:24px;border-left:1px solid #dcdfee}
.document-identity strong{font-size:20px;letter-spacing:-.5px;color:var(--navy)}
.document-identity span{font-size:11px;color:var(--muted);margin-top:2px}
.site-nav{margin-left:auto;display:flex;align-items:center;gap:28px;font-size:12px;color:#666684}
.site-nav a{padding:8px 0;transition:color .15s}.site-nav a:hover{color:var(--purple)}
.ngo-mission{padding:52px 0 42px}
.mission-intro{max-width:790px}.mission-intro .eyebrow{color:#18849b;font-size:10px;letter-spacing:1.7px;margin:0 0 16px}
.mission-intro h1{font-size:clamp(34px,4vw,51px);line-height:1.14;font-weight:650;letter-spacing:-1.7px;margin:0 0 20px;color:var(--navy)}
.mission-intro h1 span{color:var(--purple)}
.mission-lead{font-size:15px;line-height:1.9;color:var(--muted);max-width:730px;margin:0}
.mission-context{font-size:10px;letter-spacing:1.3px;color:#8785a1;margin:20px 0 0}
.ngo-goals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:34px}
.ngo-goals article{padding:23px 24px;background:#fff;border:1px solid var(--line);border-radius:12px}
.ngo-goals .goal-current{background:#eeedf9;border-color:#d7d1f1;border-top:3px solid var(--purple);padding-top:21px}
.goal-category{font-size:8px;letter-spacing:1.3px;color:#9190aa;font-weight:700;margin:0 0 9px}
.goal-current .goal-category{color:var(--purple)}
.ngo-goals h2{font-size:17px;line-height:1.4;letter-spacing:-.3px;margin:0 0 10px}
.ngo-goals article>p:last-child{font-size:12px;line-height:1.85;color:var(--muted);margin:0}
.comparison-section{background:transparent;border:0;padding:18px 0 42px}
.section-heading{margin-bottom:25px;align-items:flex-end}.section-heading .eyebrow{font-size:9px;letter-spacing:1.6px;color:#18849b;margin-bottom:8px}
.section-heading h2{font-size:30px;font-weight:600;letter-spacing:-.8px}.section-heading>p{font-size:12px;line-height:1.85;max-width:390px}
#main-tabs{padding:7px;border:1px solid var(--line);border-radius:12px;background:#fff;gap:6px;margin-bottom:20px;box-shadow:0 4px 15px #16085d04}
#main-tabs button{border:0;border-radius:7px;background:transparent;color:#74718c;padding:12px 19px;font-size:12px;flex:1}
#main-tabs button:hover{background:#f3f2fb;color:var(--purple)}
#main-tabs button[aria-selected=true]{background:var(--navy);color:#fff;box-shadow:0 3px 8px #16085d15}
.halatuju-tabs{margin-top:0;margin-bottom:27px;padding-left:12px;gap:8px;border-left:2px solid var(--cyan)}
.halatuju-tabs button{border-radius:6px;font-size:11px;padding:8px 14px}
.halatuju-tabs button[aria-selected=true]{background:#e7f8fc;color:#117c92;border-color:#9ddfe9}
.comparison-title{margin-bottom:20px;padding:4px 1px}.comparison-title h3{font-size:23px;line-height:1.45;letter-spacing:-.4px;max-width:940px}
.comparison-title .eyebrow{font-size:9px;color:#8986a2;letter-spacing:1.2px}
.comparison-grid{gap:22px;align-items:start}
.compare-card{border:1px solid var(--line);border-top:3px solid #b5afc8;border-radius:12px;background:#fff;padding:26px;box-shadow:0 8px 26px #16085d04}
.compare-card.after{border-top-color:var(--cyan)}
.compare-label{font-size:10px;letter-spacing:1.5px;margin-bottom:3px}.compare-label small{font-size:8px;letter-spacing:.4px;color:#9693aa}
.after .compare-label{color:#087e92}.before .compare-label{color:#7f788d}
.process-visual{border-radius:7px;background:#f7f6fb;border-color:#eeedf5;padding:16px;height:108px;margin-top:22px}
.after .process-visual{border-color:#d9f1f6;background:#f3fcfe}
.process-visual.attendance-visual{padding:13px}
.unified-profile{border-radius:4px;max-width:320px;padding:12px 15px}
.compare-card h4{font-size:20px;line-height:1.45;margin:23px 0 15px;letter-spacing:-.3px}
.compare-card ul{font-size:13px;line-height:1.9;color:#777289}.compare-card li{margin:13px 0;padding-left:19px;line-height:1.85}
.compare-card li strong{color:#41355e;font-weight:600}.compare-card li:before{color:#b2aabe}.after li:before{color:#0aabc2}
.after-intro{font-size:12px;line-height:1.85;color:#777289;margin-bottom:16px}
.impact-bar{border:1px solid #dcecf1;background:#eff9fc;border-radius:9px;padding:17px 21px;margin-top:21px;gap:16px}
.impact-bar .eyebrow{color:#21879b}.impact-bar p{color:#477080;font-size:12px;line-height:1.85}.impact-icon{color:#5eb6c6}

.ownership{padding:34px;background:white;border:1px solid var(--line);border-radius:14px;gap:50px;margin-bottom:38px}
.open-copy h2{font-size:25px;margin-bottom:16px;letter-spacing:-.6px}
.open-copy .eyebrow{font-size:9px;color:#18849b}.open-copy p:not(.eyebrow){font-size:13px;line-height:1.9}
.ownership-diagram{border-radius:10px;background:#fafafe;border-color:#ebe8f4;padding:22px}.code-block{border-radius:6px}
.local-boundary{border-radius:6px}.diagram-note{font-size:9px;line-height:1.8}
footer{padding:24px 0 30px;border-top:1px solid var(--line);color:#9690ac;font-size:10px}
@media(max-width:900px){.document-header{gap:18px}.document-identity{padding-left:18px}.site-nav{gap:17px;font-size:11px}.ngo-goals{gap:12px}.ngo-goals article{padding:20px}.ngo-goals .goal-current{padding-top:18px}#main-tabs button{padding:11px 14px;font-size:11px}.comparison-title h3{font-size:21px}.compare-card{padding:23px}.ownership{gap:28px;padding:28px}}
@media(max-width:650px){.document-header{flex-wrap:wrap;gap:10px 14px;padding:12px 0}.association-logo{width:152px;height:51px}.document-identity{padding-left:14px}.document-identity strong{font-size:17px}.document-identity span{font-size:9px}.site-nav{margin:3px 0 0;width:100%;justify-content:flex-end;gap:22px;font-size:10px}.site-nav a{padding:4px 0}.ngo-mission{padding:32px 0 27px}.mission-intro .eyebrow{font-size:8px;margin-bottom:12px}.mission-intro h1{font-size:35px;letter-spacing:-1.1px;margin-bottom:16px}.mission-lead{font-size:13px;line-height:1.9}.mission-context{font-size:8px;letter-spacing:1px;margin-top:16px}.ngo-goals{grid-template-columns:1fr;margin-top:25px;gap:10px}.ngo-goals article{padding:18px 20px}.ngo-goals .goal-current{padding-top:16px}.ngo-goals h2{font-size:16px;margin-bottom:7px}.ngo-goals article>p:last-child{font-size:11px}.goal-category{font-size:7px;margin-bottom:6px}.comparison-section{padding-top:10px;padding-bottom:27px}.section-heading h2{font-size:26px}.section-heading>p{font-size:11px}#main-tabs{display:grid;grid-template-columns:1fr 1fr;padding:5px;gap:4px;border-radius:10px}#main-tabs button{font-size:10px;white-space:normal;min-height:43px;padding:9px 8px;line-height:1.5}.halatuju-tabs button{font-size:10px;padding:8px 10px}.comparison-title h3{font-size:20px}.comparison-title .eyebrow{font-size:8px}.comparison-grid{gap:16px}.compare-card{padding:21px;border-radius:10px}.compare-card h4{font-size:18px}.compare-card ul{font-size:12px}.compare-card li{margin:12px 0;line-height:1.9}.compare-label small{font-size:7px}.impact-bar{padding:15px 16px}.impact-bar p{font-size:11px}.ownership{padding:23px;gap:24px;margin-bottom:25px}.open-copy h2{font-size:23px}.open-copy p:not(.eyebrow){font-size:12px}.ownership-diagram{padding:17px}footer{font-size:9px;padding-block:20px}}
@media print{body{background:white}.site-nav{display:none}.ngo-mission{padding-block:20px}.mission-intro h1{font-size:30px}.ngo-goals{gap:10px}.ngo-goals article{padding:12px;break-inside:avoid}.ngo-goals article>p:last-child{font-size:10px}.comparison-section{padding-block:20px}.compare-card{box-shadow:none;border-radius:4px}.ownership{padding:20px;box-shadow:none}.impact-bar{background:white}}

/* Single NGO goal */
.ngo-mission{padding:35px 0 32px}
.mission-intro{max-width:none;border-bottom:1px solid var(--line);padding-bottom:25px}
.mission-intro .eyebrow{color:#0baac3;font-size:11px;letter-spacing:1.8px;margin-bottom:12px}
.mission-intro h1{font-size:36px;line-height:1.25;letter-spacing:-1px;margin:0}
.ngo-goals{display:block;margin-top:25px;max-width:none}
.ngo-goals .goal-current{padding:24px 27px;background:#f3f3fc;border:1px solid #dfe1f1;border-radius:10px}
.ngo-goals h2{font-size:21px;margin:0 0 12px;letter-spacing:-.3px}
.ngo-goals article>p:last-child{font-size:15px;line-height:1.85;color:var(--muted);max-width:990px}
@media(max-width:650px){.ngo-mission{padding:27px 0 24px}.mission-intro{padding-bottom:20px}.mission-intro .eyebrow{font-size:9px;letter-spacing:1.3px}.mission-intro h1{font-size:29px;letter-spacing:-.7px}.ngo-goals{margin-top:20px}.ngo-goals .goal-current{padding:20px}.ngo-goals h2{font-size:19px;margin-bottom:9px}.ngo-goals article>p:last-child{font-size:13px}}

/* Association website button */
.association-website{display:flex;flex-direction:column;align-items:flex-start;gap:6px;border-left:1px solid var(--line);padding-left:24px}
.association-caption{font-size:10px;color:var(--muted);letter-spacing:.3px}
.association-link{display:inline-flex;align-items:center;gap:18px;background:var(--navy);color:white;padding:9px 15px;border:1px solid var(--navy);border-radius:7px;font-size:13px;font-weight:600;line-height:1.4;transition:background .15s,border-color .15s}
.association-link span{color:#7ce0ed;font-size:15px}
.association-link:hover{background:var(--purple);border-color:var(--purple)}
@media(max-width:650px){.association-website{padding-left:14px;gap:5px}.association-caption{font-size:8px}.association-link{font-size:11px;padding:8px 11px;gap:12px}}
@media(max-width:360px){.document-header{gap:10px}.association-logo{width:135px;height:46px}.association-website{padding-left:10px}.association-link{font-size:10px;gap:8px}}
@media print{.association-link{background:white;color:var(--navy);border-color:var(--line)}}

/* Data reuse section */
.data-reuse{padding:31px 34px;margin-top:0;margin-bottom:38px;background:#fff;border:1px solid var(--line);border-top:3px solid var(--cyan);border-radius:12px;box-shadow:0 6px 22px #16085d04}
.data-reuse h2{font-size:25px;line-height:1.4;letter-spacing:-.5px;margin:0 0 14px;color:var(--navy)}
.reuse-intro{font-size:14px;line-height:1.9;color:var(--muted);max-width:970px;margin:0 0 18px}
.reuse-points{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:14px 30px}
.reuse-points li{position:relative;padding-left:17px;font-size:13px;line-height:1.85;color:var(--muted)}
.reuse-points li:before{content:'';position:absolute;left:0;top:10px;width:5px;height:5px;background:var(--cyan);border-radius:50%}
.reuse-points strong{color:var(--navy);font-weight:600}
@media(max-width:650px){.data-reuse{padding:24px;margin-bottom:26px}.data-reuse h2{font-size:22px}.reuse-intro{font-size:12px}.reuse-points{grid-template-columns:1fr;gap:12px}.reuse-points li{font-size:12px}}
@media print{.data-reuse{box-shadow:none;break-inside:avoid;padding:20px}.reuse-points{gap:10px 20px}}

/* Three aligned overview panels */
main{padding-top:28px}
.overview-panel{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:50px;min-height:360px;padding:38px;margin-top:0;margin-bottom:24px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:none}
.overview-panel .eyebrow{font-size:9px;letter-spacing:1.7px;color:#008dab;margin:0 0 14px}
.overview-panel h1,.overview-panel h2:not(.mission-subheading){font-size:29px;line-height:1.35;font-weight:600;letter-spacing:-.6px;color:var(--navy);margin:0 0 21px}
.overview-panel .mission-subheading{font-size:18px;line-height:1.5;margin:0 0 12px;color:var(--purple);font-weight:600}
.overview-copy>p:not(.eyebrow),.overview-panel .open-copy>p:not(.eyebrow){font-size:14px;line-height:1.95;color:var(--muted);margin:0 0 15px;max-width:none}
.overview-copy>p:last-child,.overview-panel .open-copy>p:last-child{margin-bottom:0}
.overview-diagram,.overview-panel .ownership-diagram{padding:25px;background:#faf9fe;border:1px solid #e8e5f4;border-radius:12px;min-width:0}
.diagram-heading{background:#fff;border:1px solid #ded8f0;border-radius:7px;padding:15px 18px;color:var(--navy);font-size:13px;font-weight:600;margin-bottom:17px}
.mission-flow{display:flex;flex-direction:column;align-items:center}
.mission-flow>div{width:100%;padding:11px 14px;background:#fff;border:1px solid #e5e5f0;border-radius:6px;text-align:center}
.mission-flow>div>span{font-size:12px;color:var(--navy);display:block;font-weight:600}
.mission-flow small{display:block;color:var(--muted);font-size:9px;line-height:1.7;margin-top:3px}
.mission-flow .flow-result{border:1px dashed #8dd6e2;background:#f7fdff}
.flow-arrow{color:var(--cyan);font-size:19px;line-height:1.4}
.overview-diagram-note{color:#88849c;font-size:9px;line-height:1.8;text-align:center;margin:17px 0 0}
.overview-panel .ownership-diagram{padding:25px}
.overview-panel .code-block{padding:17px 18px;border-radius:7px}
.overview-panel .local-boundary{padding:22px 17px 12px}
.overview-panel .diagram-note{margin-top:17px}
.data-reuse.overview-panel{border-top:1px solid var(--line)}
.overview-panel .reuse-points{display:block;list-style:none;margin:17px 0 0;padding:0}
.overview-panel .reuse-points li{font-size:12px;line-height:1.9;margin:10px 0;padding-left:15px;color:var(--muted)}
.overview-panel .reuse-points li:last-child{margin-bottom:0}
.reuse-source{padding:19px 14px;background:white;border:1px solid #ded8f0;border-radius:7px;text-align:center}
.data-symbol{display:block;font-size:30px;line-height:1.3;color:var(--cyan);margin-bottom:8px}
.reuse-source strong{display:block;font-size:13px;font-weight:600;color:var(--navy)}
.reuse-source small{display:block;font-size:9px;color:var(--muted);margin-top:5px}
.reuse-destinations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.reuse-destinations div{background:#f6fdff;border:1px dashed #9adce7;border-radius:6px;text-align:center;padding:15px 6px;color:var(--navy);font-size:11px}
.comparison-section{padding-top:20px;margin-top:4px}
@media(max-width:1000px){.document-header{flex-wrap:wrap}.site-nav{gap:18px}.overview-panel{padding:30px;gap:30px}.overview-panel h1,.overview-panel h2:not(.mission-subheading){font-size:26px}.overview-copy>p:not(.eyebrow),.overview-panel .open-copy>p:not(.eyebrow){font-size:13px}}
@media(max-width:750px){.overview-panel{grid-template-columns:1fr;gap:25px;padding:25px;min-height:0;margin-bottom:20px;border-radius:13px}.overview-panel .eyebrow{font-size:8px;margin-bottom:12px}.overview-panel h1,.overview-panel h2:not(.mission-subheading){font-size:25px;margin-bottom:17px}.overview-panel .mission-subheading{font-size:17px}.overview-copy>p:not(.eyebrow),.overview-panel .open-copy>p:not(.eyebrow){font-size:13px;line-height:1.9}.overview-diagram,.overview-panel .ownership-diagram{padding:20px}.overview-panel .reuse-points li{font-size:12px}.overview-panel .reuse-points{margin-top:15px}.site-nav{width:100%;justify-content:flex-end;font-size:10px;gap:16px;flex-wrap:wrap}main{padding-top:22px}.comparison-section{padding-top:14px}}
@media print{main{padding-top:15px}.overview-panel{padding:20px;gap:25px;min-height:0;margin-bottom:18px;break-inside:avoid}.overview-panel h1,.overview-panel h2:not(.mission-subheading){font-size:22px}.overview-copy>p:not(.eyebrow),.overview-panel .open-copy>p:not(.eyebrow){font-size:11px}.overview-diagram{padding:15px}.site-nav{display:none}}

/* BahanDidik navy page background */
body{background:#16085d}
.document-header{border-bottom-color:#ffffff26}
.site-nav{color:#dedcf2}.site-nav a:hover{color:#6cdeec}
.association-website{border-left-color:#ffffff35}
.association-caption{color:#c3c1df}
.association-link{background:#fff;border-color:#fff;color:#16085d}
.association-link span{color:#079db6}
.association-link:hover{background:#e9faff;border-color:#79d9e8;color:#16085d}
.comparison-section{background:transparent}
.comparison-section .section-heading h2,.comparison-title h3{color:#fff}
.comparison-section .section-heading .eyebrow{color:#66dbea}
.comparison-section .section-heading>p{color:#c6c4e1}
.comparison-title .eyebrow{color:#b2aed5}

.comparison-section #main-tabs{box-shadow:0 6px 22px #08012525}
.halatuju-tabs{border-left-color:#41d1e5}
.impact-bar{background:#eff9fc;border-color:#c9edf4}
.overview-panel{background:#fff;border-color:#ffffff24}
.compare-card{background:#fff;box-shadow:0 10px 28px #08012518}
footer{border-top-color:#ffffff26;color:#c2beda}
@media print{body{background:#fff}.site-nav,.comparison-section .section-heading>p,.comparison-title .eyebrow,.comparison-note,footer{color:#666879}.comparison-section .section-heading h2,.comparison-title h3{color:#16085d}.comparison-section .section-heading .eyebrow{color:#087e92}.document-header,footer{border-color:#e1e2ec}.association-caption{color:#666879}.association-website{border-left-color:#e1e2ec}}

/* Central school data summary */
.central-sources{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.central-sources>div{display:flex;align-items:center;justify-content:center;min-height:47px;padding:10px 7px;border:1px solid #dfdbef;border-radius:6px;background:#fff;text-align:center;font-size:11px;line-height:1.5;color:var(--navy)}
.central-hub{background:#f5fdff;border:1px dashed #6ed0e0;border-radius:8px;padding:19px 15px;text-align:center}
.central-hub strong{display:block;font-size:14px;font-weight:600;color:var(--navy)}
.central-hub small{display:block;font-size:9px;color:var(--muted);margin-top:5px}
.central-hub .data-symbol{margin-bottom:7px}
.central-diagram .diagram-connector{height:39px}
@media(max-width:650px){.central-sources{gap:6px}.central-sources>div{font-size:10px;min-height:44px;padding:8px 5px}.central-hub strong{font-size:13px}}

/* Three-page navigation */
.site-nav{gap:8px}
.site-nav a{padding:10px 15px;border:1px solid transparent;border-radius:7px;color:#dedcf2}
.site-nav a:hover{background:#ffffff0c;color:#fff}
.site-nav a[aria-current=page]{background:#ffffff17;border-color:#ffffff29;color:#fff}
.page-view{min-height:55vh}
.page-intro{padding:8px 0 26px}.page-intro .eyebrow{color:#66dbea;font-size:9px;letter-spacing:1.4px;margin-bottom:10px}.page-intro h1{font-size:32px;color:white;letter-spacing:-.7px;margin:0}
#perincian-sistem .comparison-section{margin-top:0;padding-top:4px}
@media(max-width:650px){.site-nav{gap:4px;justify-content:flex-end}.site-nav a{padding:8px 11px;font-size:10px}.page-intro{padding-bottom:23px}.page-intro h1{font-size:28px}}
@media print{.page-view[hidden]{display:block!important}.page-view{min-height:0}.page-intro h1{color:var(--navy)}.page-intro .eyebrow{color:#087e92}}

/* Single scrolling page */
.page-view{min-height:0}.page-intro{padding-top:10px}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}



/* Two-branch mission diagram */
.overview-panel .mission-branch-diagram{padding:22px}
.mission-branch-diagram .diagram-heading{margin-bottom:15px}
.mission-data-node{padding:13px 12px;background:#fff;border:1px solid #dfdcef;border-radius:7px;text-align:center}
.mission-data-node strong{display:block;color:var(--navy);font-size:14px;font-weight:600}
.mission-data-node small{display:block;color:var(--muted);font-size:9px;line-height:1.7;margin-top:4px}
.mission-connectors{display:block;width:100%;height:29px;overflow:visible}
.mission-branches{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:13px}
.mission-path{display:flex;flex-direction:column;min-width:0}
.mission-branch-node{display:flex;flex-direction:column;justify-content:center;min-height:90px;padding:12px 9px;background:white;border:1px solid #dfdcef;border-radius:7px;text-align:center}
.mission-branch-node strong,.mission-action-node strong{display:block;color:var(--navy);font-size:11px;line-height:1.6;font-weight:600}
.mission-branch-node small{display:block;font-size:8px;line-height:1.8;color:var(--muted);margin-top:5px}
.mission-path-arrow{display:block;text-align:center;color:var(--cyan);font-size:21px;height:30px;line-height:30px}
.mission-action-node{flex:1;min-height:121px;padding:13px 10px;background:#f5fdff;border:1px dashed #9edee9;border-radius:7px;text-align:center}
.mission-action-node p{font-size:9px;line-height:1.9;color:var(--muted);margin:9px 0 0}
.mission-action-node ul{font-size:9px;line-height:1.8;color:var(--muted);padding-left:13px;text-align:left;margin:8px 0 0}
.mission-action-node li{margin:4px 0}
.mission-outcome{padding:14px 12px;border:1px solid #b4e7ef;border-radius:7px;background:#eafaff;text-align:center}
.mission-outcome strong{font-size:12px;line-height:1.6;color:var(--navy);font-weight:600}
@media(max-width:1000px) and (min-width:751px){.overview-panel .mission-branch-diagram{padding:16px}.mission-branches{gap:9px}.mission-branch-node,.mission-action-node{padding-inline:8px}.mission-branch-node strong,.mission-action-node strong{font-size:10px}}
@media(max-width:450px){.overview-panel .mission-branch-diagram{padding:15px}.mission-branches{gap:9px}.mission-branch-node{min-height:99px;padding:11px 7px}.mission-branch-node strong,.mission-action-node strong{font-size:10px}.mission-branch-node small{font-size:8px}.mission-action-node{min-height:136px;padding:12px 7px}.mission-action-node p,.mission-action-node ul{font-size:8px}.mission-outcome strong{font-size:11px}}

/* Continued follow-up in mission flow */
.mission-followup{padding:14px 12px;background:#fff;border:1px solid #b4e7ef;border-radius:7px;text-align:center}
.mission-followup strong{font-size:12px;line-height:1.7;color:var(--navy);font-weight:600}
.mission-followup-arrow{display:block;text-align:center;font-size:22px;line-height:30px;height:30px;color:var(--cyan)}
@media(max-width:450px){.mission-followup strong{font-size:11px}}

/* Mission diagram readable brand colors */
.overview-panel .mission-branch-diagram{background:#faf9fe;border-color:#e1ddef}
.mission-branch-diagram .mission-data-node{background:#16085d;border-color:#16085d}
.mission-branch-diagram .mission-data-node strong{color:#ffffff}
.mission-branch-diagram .mission-data-node small{color:#dfdef0;font-size:10px}
.mission-branch-diagram .mission-branch-node{background:#ffffff;border-color:#c9c2df}
.mission-branch-diagram .mission-branch-node strong,.mission-branch-diagram .mission-action-node strong,.mission-branch-diagram .mission-followup strong{color:#16085d}
.mission-branch-diagram .mission-branch-node small{color:#586078;font-size:10px}
.mission-branch-diagram .mission-action-node{background:#effbfe;border-color:#63bfd0}
.mission-branch-diagram .mission-action-node p,.mission-branch-diagram .mission-action-node ul{color:#465b70;font-size:10px}
.mission-branch-diagram .mission-followup{background:#eeeafb;border-color:#b7acd9}
.mission-branch-diagram .mission-outcome{background:#16085d;border-color:#16085d}
.mission-branch-diagram .mission-outcome strong{color:#ffffff}
.mission-branch-diagram .mission-path-arrow,.mission-branch-diagram .mission-followup-arrow{color:#00859e}
.mission-branch-diagram .mission-connectors path{stroke:#00859e}
.mission-branch-diagram .mission-connectors>path{stroke-width:1.5}
@media(max-width:450px){.mission-branch-diagram .mission-branch-node small,.mission-branch-diagram .mission-action-node p,.mission-branch-diagram .mission-action-node ul,.mission-branch-diagram .mission-data-node small{font-size:9px}}
@media print{.mission-branch-diagram .mission-data-node,.mission-branch-diagram .mission-outcome{background:#fff;border-color:#16085d}.mission-branch-diagram .mission-data-node strong,.mission-branch-diagram .mission-outcome strong{color:#16085d}.mission-branch-diagram .mission-data-node small{color:#586078}}

/* White mission diagram boxes */
.mission-branch-diagram .mission-data-node,
.mission-branch-diagram .mission-branch-node,
.mission-branch-diagram .mission-action-node,
.mission-branch-diagram .mission-followup,
.mission-branch-diagram .mission-outcome{background:#fff;border-color:#c9c2df}
.mission-branch-diagram .mission-data-node strong,
.mission-branch-diagram .mission-branch-node strong,
.mission-branch-diagram .mission-action-node strong,
.mission-branch-diagram .mission-followup strong,
.mission-branch-diagram .mission-outcome strong{color:#16085d}
.mission-branch-diagram .mission-data-node small,
.mission-branch-diagram .mission-branch-node small,
.mission-branch-diagram .mission-action-node p,
.mission-branch-diagram .mission-action-node ul{color:#465b70}

/* Aligned mission boxes and clean connectors */
.mission-branch-diagram{--mission-node-size:132px;--mission-arrow-size:32px}
.mission-branch-diagram .mission-branches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:stretch}
.mission-branch-diagram .mission-path{display:grid;grid-template-rows:var(--mission-node-size) var(--mission-arrow-size) minmax(var(--mission-node-size),auto);min-width:0;align-items:stretch}
.mission-branch-diagram .mission-data-node,
.mission-branch-diagram .mission-branch-node,
.mission-branch-diagram .mission-action-node,
.mission-branch-diagram .mission-followup,
.mission-branch-diagram .mission-outcome{display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;width:100%;min-height:var(--mission-node-size);padding:18px 14px;background:#fff;border:1px solid #c9c2df;border-radius:8px;text-align:center}
.mission-branch-diagram .mission-branch-node{height:100%;min-height:0}
.mission-branch-diagram .mission-data-node strong,
.mission-branch-diagram .mission-branch-node strong,
.mission-branch-diagram .mission-action-node strong,
.mission-branch-diagram .mission-followup strong,
.mission-branch-diagram .mission-outcome strong{font-size:12px;line-height:1.65;color:#16085d;font-weight:600}
.mission-branch-diagram .mission-data-node small,
.mission-branch-diagram .mission-branch-node small,
.mission-branch-diagram .mission-action-node p,
.mission-branch-diagram .mission-action-node ul{font-size:10px;line-height:1.9;color:#465b70}
.mission-branch-diagram .mission-action-node ul{align-self:stretch;margin:8px 0 0;padding-left:15px}
.mission-branch-diagram .mission-action-node li{margin:4px 0}
.mission-branch-diagram .mission-connectors{display:block;width:100%;height:var(--mission-arrow-size);overflow:visible}
.mission-branch-diagram .mission-connectors>path{fill:none;stroke:#00859e;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.mission-branch-diagram .mission-straight-arrow{display:block;justify-self:center;width:20px;height:var(--mission-arrow-size);margin:0 auto;overflow:visible}
.mission-branch-diagram .mission-straight-arrow path{fill:none;stroke:#00859e;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:450px){.mission-branch-diagram{--mission-node-size:150px}.mission-branch-diagram .mission-branches{gap:12px}.mission-branch-diagram .mission-data-node,.mission-branch-diagram .mission-branch-node,.mission-branch-diagram .mission-action-node,.mission-branch-diagram .mission-followup,.mission-branch-diagram .mission-outcome{padding:14px 9px}.mission-branch-diagram .mission-branch-node strong,.mission-branch-diagram .mission-action-node strong{font-size:10px}.mission-branch-diagram .mission-branch-node small,.mission-branch-diagram .mission-action-node p,.mission-branch-diagram .mission-action-node ul{font-size:9px}}

/* Malay follow-up label and update point */
.mission-branch-diagram .mission-followup-points{margin:9px 0 0;padding-left:16px;text-align:left;color:#465b70;font-size:10px;line-height:1.9}
.mission-branch-diagram .mission-followup-points li::marker{color:#00859e}
@media(max-width:450px){.mission-branch-diagram .mission-followup-points{font-size:9px}}

/* Compact mission boxes; typography unchanged */
.overview-panel .mission-branch-diagram{padding:16px}
.mission-branch-diagram{--mission-node-size:76px;--mission-arrow-size:24px}
.mission-branch-diagram .mission-data-node,
.mission-branch-diagram .mission-branch-node,
.mission-branch-diagram .mission-action-node,
.mission-branch-diagram .mission-followup,
.mission-branch-diagram .mission-outcome{min-height:var(--mission-node-size);height:auto;padding:11px 12px}
.mission-branch-diagram .mission-branches{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(var(--mission-node-size),auto) var(--mission-arrow-size) minmax(var(--mission-node-size),auto);column-gap:12px;row-gap:0;align-items:stretch}
.mission-branch-diagram .mission-path{display:contents}
.mission-branch-diagram .mission-path:first-child>.mission-branch-node{grid-column:1;grid-row:1}
.mission-branch-diagram .mission-path:first-child>.mission-straight-arrow{grid-column:1;grid-row:2}
.mission-branch-diagram .mission-path:first-child>.mission-action-node{grid-column:1;grid-row:3}
.mission-branch-diagram .mission-path:last-child>.mission-branch-node{grid-column:2;grid-row:1}
.mission-branch-diagram .mission-path:last-child>.mission-straight-arrow{grid-column:2;grid-row:2}
.mission-branch-diagram .mission-path:last-child>.mission-action-node{grid-column:2;grid-row:3}
.mission-branch-diagram .mission-action-node ul{margin-top:6px}
.mission-branch-diagram .mission-action-node li{margin:2px 0}
.mission-branch-diagram .mission-followup-points{margin-top:6px}
.mission-branch-diagram .mission-outcome{min-height:60px}
@media(max-width:450px){.overview-panel .mission-branch-diagram{padding:12px}.mission-branch-diagram{--mission-node-size:76px;--mission-arrow-size:24px}.mission-branch-diagram .mission-branches{column-gap:10px}.mission-branch-diagram .mission-data-node,.mission-branch-diagram .mission-branch-node,.mission-branch-diagram .mission-action-node,.mission-branch-diagram .mission-followup,.mission-branch-diagram .mission-outcome{padding:10px 8px}}

/* Center open-source diagram heading */
.overview-panel .ownership-diagram .code-block{justify-content:center;align-items:center;gap:16px;text-align:center;padding:20px 18px}
.overview-panel .ownership-diagram .code-block .diagram-icon{margin:0;flex:0 0 auto}
.overview-panel .ownership-diagram .code-block>div{text-align:center}
.overview-panel .ownership-diagram .code-block strong{display:block;margin:0 0 4px}
.overview-panel .ownership-diagram .code-block small{display:block}


/* Strengths within the existing open-source section */
.open-source-strengths{list-style:none;padding:0;margin:18px 0 0}
.open-source-strengths li{position:relative;padding-left:15px;margin:11px 0;font-size:12px;line-height:1.9;color:var(--muted)}
.open-source-strengths li:before{content:'';position:absolute;left:0;top:10px;width:4px;height:4px;border-radius:50%;background:#00859e}
.open-source-strengths strong{font-weight:600;color:var(--navy)}
@media(max-width:650px){.open-source-strengths li{font-size:11px}}

/* Open-source benefits integrated in existing diagram */
.source-summary-graphic .diagram-connector{height:40px}
.source-summary-graphic .diagram-connector span{font-size:9px;color:#666984}
.source-summary-graphic .boundary-label{font-size:7px;letter-spacing:1px}
.source-environments{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;border-top:1px solid #dceef2;margin-top:15px;padding-top:12px}
.source-environments span{font-size:8px;line-height:1.7;color:#465b70;padding:4px 6px;background:#fff;border:1px solid #d9edf2;border-radius:4px;text-align:center}
.source-benefit-outcomes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.source-benefit-outcomes>div{min-width:0;background:#fff;border:1px solid #ded8ef;border-radius:6px;padding:12px 8px;text-align:center}
.source-benefit-outcomes strong{display:block;color:#16085d;font-size:10px;font-weight:600;line-height:1.7}
.source-benefit-outcomes small{display:block;color:#666984;font-size:8px;line-height:1.8;margin-top:5px}
@media(max-width:450px){.source-benefit-outcomes{grid-template-columns:1fr;gap:6px}.source-benefit-outcomes>div{padding:10px 12px}.source-benefit-outcomes strong{font-size:11px}.source-benefit-outcomes small{font-size:9px;margin-top:2px}.source-summary-graphic .diagram-connector{gap:8px}.source-summary-graphic .diagram-connector span{font-size:8px}}

/* Central data graphic aligned to latest points */
.central-data-updated .diagram-heading{font-size:13px;margin-bottom:15px}
.central-data-updated .central-sources{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.central-data-updated .central-sources>div{font-size:10px;min-height:40px;padding:8px 4px;overflow-wrap:anywhere;background:#fff}
.central-data-updated .diagram-connector{height:35px;font-size:21px;gap:9px}
.central-data-updated .diagram-connector span{font-size:9px;line-height:1.7;color:#666984}
.central-data-updated .central-hub{padding:15px 13px;background:#fff;border:1px solid #a9dce6}
.central-data-updated .central-hub>strong{font-size:14px}
.central-levels{display:flex;justify-content:center;gap:7px;margin-top:9px}
.central-levels span{background:#f2fbfd;border:1px solid #d1eaf0;border-radius:4px;font-size:9px;padding:3px 9px;color:#16085d}
.central-history{display:grid;grid-template-columns:minmax(0,1fr) 12px minmax(0,1fr);align-items:center;gap:5px;border-top:1px solid #e1edf2;margin-top:12px;padding-top:12px}
.central-history>div{padding:7px 4px;background:#faf9fe;border:1px solid #e4e0f0;border-radius:4px;color:#586078;font-size:9px}
.central-history>span{color:#00859e;font-size:12px}
.central-filters{background:#fff;border:1px solid #ddd9ef;border-radius:7px;padding:11px 13px;text-align:center}
.central-filters>strong{display:block;font-size:10px;font-weight:600;color:#16085d;margin-bottom:8px}
.central-filters>div{display:flex;flex-wrap:wrap;justify-content:center;gap:5px}
.central-filters span{padding:4px 9px;background:#f7fdff;border:1px solid #d3eaf0;border-radius:4px;font-size:9px;color:#465b70}
.central-output-connector{height:27px;text-align:center;line-height:27px;font-size:21px;color:#00859e}
.central-data-updated .central-outputs{gap:7px}
.central-data-updated .central-outputs>div{padding:10px 6px;background:#fff;border:1px solid #d1e8ed}
.central-outputs strong{display:block;font-size:10px;font-weight:600;color:#16085d;line-height:1.7}
.central-outputs small{display:block;font-size:8px;color:#666984;line-height:1.8;margin-top:4px}
@media(max-width:450px){.central-data-updated .central-sources{grid-template-columns:repeat(2,minmax(0,1fr))}.central-data-updated .central-sources>div{font-size:10px;min-height:35px}.central-data-updated .central-outputs{gap:5px}.central-outputs strong{font-size:9px}.central-outputs small{font-size:8px}.central-data-updated .diagram-connector span{font-size:8px}}

/* Four reuse benefits in graphic, Malay labels */
.reuse-benefits-diagram .reuse-source{padding:16px 13px;background:#fff}
.reuse-benefits-diagram .data-symbol{font-size:27px;margin-bottom:6px}
.reuse-flow-arrow{height:30px;line-height:30px;text-align:center;color:#00859e;font-size:23px}
.reuse-benefits-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:stretch}
.reuse-benefits-grid>div{padding:15px 12px;background:#fff;border:1px solid #d9d5eb;border-radius:7px;text-align:center;display:flex;flex-direction:column;justify-content:center;min-width:0}
.reuse-benefits-grid strong{display:block;color:#16085d;font-size:11px;line-height:1.7;font-weight:600}
.reuse-benefits-grid small{display:block;color:#586078;font-size:9px;line-height:1.9;margin-top:7px}
@media(max-width:450px){.reuse-benefits-grid{gap:8px}.reuse-benefits-grid>div{padding:13px 9px}.reuse-benefits-grid strong{font-size:10px}.reuse-benefits-grid small{font-size:9px}}
.reuse-benefits-grid>div:last-child:nth-child(odd){grid-column:1 / -1}
.reuse-goal-arrow{height:30px;line-height:30px;text-align:center;font-size:23px;color:#00859e}.reuse-final-goal{padding:17px 14px;text-align:center;background:#effbfe;border:1px solid #9ddbe7;border-radius:8px}.reuse-final-goal .reuse-goal-label{display:block;font-size:8px;letter-spacing:1.4px;font-weight:600;color:#087e92;margin-bottom:7px}.reuse-final-goal strong{display:block;font-size:14px;line-height:1.7;color:#16085d;font-weight:600}.reuse-final-goal small{display:block;font-size:10px;line-height:1.9;color:#586078;margin-top:5px}

/* Temporarily hide unfinished system details */
#perincian-sistem[hidden]{display:none!important}
@media print{#perincian-sistem[hidden]{display:none!important}}
@media(max-width:1100px){.site-nav{width:100%;justify-content:flex-end;flex-wrap:wrap}}
@media(max-width:650px){.site-nav{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:5px}.site-nav a{text-align:center;padding:8px 7px;font-size:10px;border:1px solid #ffffff24;border-radius:6px}}

/* Prominent open-source permissions and no-cost label */
.overview-panel .ownership-diagram .source-permissions-card{flex-direction:column;gap:11px;padding:20px 17px}
.source-permissions-card .source-permissions-copy{width:100%}
.source-permissions-card .source-permissions-copy>strong{font-size:15px;line-height:1.6;margin-bottom:14px}
.source-permissions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.source-permissions>span{display:block;padding:9px 7px;border:1px solid #c9dfe8;border-radius:5px;background:#f4fcfe;color:#16085d;font-size:13px;font-weight:600;line-height:1.6;text-align:center}
.source-permissions-copy>.source-no-cost{display:inline-block;margin-top:13px;padding:6px 17px;background:#16085d;color:#fff;border-radius:5px;font-size:14px;font-weight:700;line-height:1.6}
@media(max-width:450px){.source-permissions>span{font-size:12px;padding:8px 6px}.source-permissions-card .source-permissions-copy>strong{font-size:14px}.source-permissions-copy>.source-no-cost{font-size:13px}}