:root{--color-bg: #ffffff;--color-card: #f5f1e8;--color-surface2: #efead0;--color-outline: #e0d9cc;--color-primary: #3c4a73;--color-primary-hover:#30395c;--color-on-primary: #ffffff;--color-text: #1f1d1a;--color-text-secondary: #6b655c;--color-sage: #5e7556;--color-amber: #b87514;--color-error: #ba1a1a;--color-error-bg: #ffdad6}@media (prefers-color-scheme: dark){:root{--color-bg: #1a1916;--color-card: #242220;--color-surface2: #2e2b28;--color-outline: #3a3733;--color-primary: #4a5a8a;--color-primary-hover:#3c4a73;--color-on-primary: #ffffff;--color-text: #f0ebe0;--color-text-secondary: #b8b2a6;--color-sage: #8aa17f;--color-amber: #e0a14a;--color-error: #ffb4ab;--color-error-bg: #93000a}}.dark{--color-bg: #1a1916;--color-card: #242220;--color-surface2: #2e2b28;--color-outline: #3a3733;--color-primary: #4a5a8a;--color-primary-hover:#3c4a73;--color-on-primary: #ffffff;--color-text: #f0ebe0;--color-text-secondary: #b8b2a6;--color-sage: #8aa17f;--color-amber: #e0a14a;--color-error: #ffb4ab;--color-error-bg: #93000a}:root{--font-heading: "Fraunces", Georgia, serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--text-title-lg: 1.375rem;--text-title-md: 1rem;--text-title-sm: .875rem;--text-body-lg: 1rem;--text-body-md: .875rem;--text-body-sm: .75rem;--text-label-lg: .875rem;--text-label-sm: .75rem}:root{--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem}:root{--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{overflow-x:hidden}*{overflow-wrap:break-word}body{font-family:var(--font-body);font-size:var(--text-body-lg);line-height:1.7;color:var(--color-text);background:var(--color-bg)}a{color:var(--color-primary)}a:hover{color:var(--color-primary-hover)}a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}.site-header{background:var(--color-card);border-bottom:1px solid var(--color-outline);padding:var(--space-3) var(--space-6)}.site-header-inner{max-width:760px;margin:0 auto}.site-link{font-family:var(--font-heading);font-weight:600;font-size:var(--text-title-md);color:var(--color-text);text-decoration:none}.site-link:hover{color:var(--color-primary)}.page-wrap{max-width:760px;margin:0 auto;padding:0 var(--space-6) var(--space-12)}@media (max-width: 480px){.page-wrap{padding:0 var(--space-4) var(--space-8)}}nav.breadcrumb{padding:var(--space-6) 0 var(--space-4);font-size:var(--text-body-sm);color:var(--color-text-secondary);display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}nav.breadcrumb a{color:var(--color-primary);text-decoration:none}nav.breadcrumb a:hover{text-decoration:underline}nav.breadcrumb .sep{color:var(--color-outline);-webkit-user-select:none;user-select:none}.page-label{display:inline-flex;align-items:center;background:var(--color-surface2);color:var(--color-primary);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-3);font-size:var(--text-body-sm);font-weight:500;margin-bottom:var(--space-4)}h1.page-h1{font-family:var(--font-heading);font-size:clamp(1.75rem,5vw,2.5rem);font-weight:700;line-height:1.2;color:var(--color-text);margin-bottom:var(--space-4)}.page-lede{font-size:1.125rem;color:var(--color-text-secondary);line-height:1.7;margin-bottom:var(--space-8)}.hero-image{width:100%;aspect-ratio:16/7;object-fit:cover;border-radius:var(--radius-lg);border:1px solid var(--color-outline);margin-bottom:var(--space-8);display:block}.section{margin-bottom:var(--space-8)}h2.section-h2{font-family:var(--font-heading);font-size:1.375rem;font-weight:600;color:var(--color-text);margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:2px solid var(--color-outline)}.section p{margin-bottom:var(--space-4)}.section ul,.section ol{padding-left:var(--space-6);margin-bottom:var(--space-4)}.section li{margin-bottom:var(--space-2)}.section strong{font-weight:600;color:var(--color-text)}.section em{color:var(--color-text-secondary)}.diagram{background:var(--color-card);border:1px solid var(--color-outline);border-radius:var(--radius-lg);padding:var(--space-6);margin:var(--space-6) 0;overflow-x:auto}.diagram-title{font-size:var(--text-body-sm);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-4)}.module-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3)}@media (max-width: 560px){.module-grid{grid-template-columns:repeat(2,1fr)}}.module-card{background:var(--color-surface2);border-radius:var(--radius-md);padding:var(--space-4);text-align:center;border:2px solid transparent}.module-card--focus{border-color:var(--color-primary);background:var(--color-bg)}.module-card-name{font-family:var(--font-heading);font-weight:600;font-size:var(--text-title-md);color:var(--color-text);margin-bottom:var(--space-1)}.module-card--focus .module-card-name{color:var(--color-primary)}.module-card-en{font-size:var(--text-body-sm);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.module-card-scoring{font-size:var(--text-body-sm);color:var(--color-text-secondary);font-style:italic}.module-card--focus .module-card-scoring{color:var(--color-primary);font-style:normal;font-weight:500}.delivery-flow{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--space-2)}.delivery-step{text-align:center;min-width:80px}.delivery-step-icon{font-size:2rem;display:block;margin-bottom:var(--space-1)}.delivery-step-label{font-size:var(--text-body-sm);font-weight:600;color:var(--color-text)}.delivery-step-sub{font-size:var(--text-body-sm);color:var(--color-text-secondary);margin-top:2px}.delivery-arrow{font-size:1.25rem;color:var(--color-outline);flex-shrink:0;line-height:1;padding-bottom:var(--space-4)}.task-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}@media (max-width: 480px){.task-grid{grid-template-columns:1fr}}.task-card{background:var(--color-surface2);border-radius:var(--radius-md);padding:var(--space-4);text-align:center}.task-card--long{background:var(--color-primary);color:var(--color-on-primary)}.task-card-name{font-family:var(--font-heading);font-weight:600;font-size:var(--text-title-md);margin-bottom:var(--space-2);color:var(--color-text)}.task-card--long .task-card-name{color:var(--color-on-primary)}.task-card-duration{font-size:1.5rem;font-weight:700;font-family:var(--font-heading);color:var(--color-primary);margin-bottom:var(--space-2)}.task-card--long .task-card-duration{color:var(--color-on-primary)}.task-card-desc{font-size:var(--text-body-sm);color:var(--color-text-secondary)}.task-card--long .task-card-desc{color:#fffc}.hierarchy{display:flex;flex-direction:column;gap:var(--space-3)}.hierarchy-tier{border-radius:var(--radius-md);padding:var(--space-4) var(--space-6)}.hierarchy-tier--primary{background:var(--color-primary);color:var(--color-on-primary)}.hierarchy-tier--secondary{background:var(--color-surface2)}.hierarchy-tier-label{font-family:var(--font-heading);font-weight:600;font-size:var(--text-title-md);margin-bottom:var(--space-3)}.hierarchy-tier--secondary .hierarchy-tier-label{color:var(--color-text)}.hierarchy-items{display:flex;flex-wrap:wrap;gap:var(--space-2)}.hierarchy-item{background:#fff3;border-radius:var(--radius-sm);padding:var(--space-1) var(--space-3);font-size:var(--text-body-sm)}.hierarchy-tier--secondary .hierarchy-item{background:var(--color-outline);color:var(--color-text)}.hierarchy-connector{text-align:center;font-size:var(--text-body-sm);color:var(--color-text-secondary);font-style:italic}.assessor-flow-svg{width:100%;max-width:600px;display:block;margin:0 auto}.pass-mark-bar{display:flex;border-radius:var(--radius-md);overflow:hidden;height:3.5rem;border:1px solid var(--color-outline);margin-bottom:var(--space-2)}.pass-mark-fail{flex:2;background:var(--color-error-bg);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--text-body-sm);color:var(--color-error);gap:var(--space-2)}.pass-mark-line{width:2px;background:var(--color-text);flex-shrink:0}.pass-mark-pass{flex:3;background:color-mix(in srgb,var(--color-sage) 15%,var(--color-card));display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--text-body-sm);color:var(--color-sage);gap:var(--space-2)}.pass-mark-caption{text-align:center;font-size:var(--text-body-sm);color:var(--color-text-secondary);margin-bottom:var(--space-4)}.components-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2);margin-top:var(--space-4)}@media (max-width: 480px){.components-row{grid-template-columns:repeat(2,1fr)}}.component-chip{background:var(--color-surface2);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);text-align:center;font-size:var(--text-body-sm);color:var(--color-text)}.component-chip strong{display:block;color:var(--color-primary);font-weight:600;margin-bottom:var(--space-1)}.component-chip-threshold{font-size:var(--text-body-sm);color:var(--color-sage);font-weight:500}.practice-steps{display:flex;flex-direction:column}.practice-step{display:flex;gap:var(--space-4);padding:var(--space-4) 0;border-bottom:1px solid var(--color-outline)}.practice-step:last-child{border-bottom:none}.step-number{flex-shrink:0;width:2rem;height:2rem;background:var(--color-primary);color:var(--color-on-primary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-weight:700;font-size:var(--text-title-md)}.step-content{flex:1}.step-title{font-family:var(--font-heading);font-weight:600;font-size:var(--text-title-md);color:var(--color-text);margin-bottom:var(--space-1)}.step-desc{font-size:var(--text-body-md);color:var(--color-text-secondary)}.format-compare{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}@media (max-width: 480px){.format-compare{grid-template-columns:1fr}}.format-col-label{font-size:var(--text-body-sm);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-secondary);margin-bottom:var(--space-3)}.format-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-surface2);margin-bottom:var(--space-2);font-size:var(--text-body-sm)}.format-item-col2{background:color-mix(in srgb,var(--color-primary) 8%,var(--color-card))}.format-dot{flex-shrink:0;width:var(--space-3);height:var(--space-3);border-radius:var(--radius-full);background:var(--color-primary)}.related-pages{border-top:2px solid var(--color-outline);padding-top:var(--space-6);margin-top:var(--space-12)}.related-pages-title{font-size:var(--text-body-sm);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-4)}.related-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.related-link{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--color-card);border:1px solid var(--color-outline);border-radius:var(--radius-md);text-decoration:none;color:var(--color-text);transition:border-color .15s,background .15s}.related-link:hover{border-color:var(--color-primary);background:var(--color-surface2);color:var(--color-text)}.related-link-body{flex:1}.related-link-title{font-family:var(--font-heading);font-weight:600;font-size:var(--text-title-md);color:var(--color-primary);margin-bottom:var(--space-1)}.related-link-desc{font-size:var(--text-body-sm);color:var(--color-text-secondary)}.related-link-arrow{color:var(--color-primary);font-size:1.25rem;flex-shrink:0}.cta-box{background:var(--color-primary);color:var(--color-on-primary);border-radius:var(--radius-lg);padding:var(--space-8);margin:var(--space-8) 0;text-align:center}.cta-box h2{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;margin-bottom:var(--space-3);color:var(--color-on-primary)}.cta-box p{font-size:var(--text-body-lg);margin-bottom:var(--space-6);line-height:1.6;opacity:.9}.cta-btn{display:inline-block;background:var(--color-on-primary);color:var(--color-primary);border-radius:var(--radius-md);padding:var(--space-3) var(--space-8);font-family:var(--font-heading);font-weight:600;font-size:var(--text-title-md);text-decoration:none;transition:opacity .15s}.cta-btn:hover{opacity:.9;color:var(--color-primary)}.site-footer{border-top:1px solid var(--color-outline);padding:var(--space-6);text-align:center;font-size:var(--text-body-sm);color:var(--color-text-secondary)}