.cognitive-stage{--brand-blue: hsl(218 80% 46%);--brand-blue-h: 218;--brand-blue-s: 80%;--brand-blue-l: 46%;--text-main: hsl(var(--text-primary));--text-muted: hsl(var(--text-secondary));--bg-surface: hsl(var(--bg-surface));--bg-subtle: hsl(var(--bg-subtle));--border-subtle: hsl(var(--border-subtle));--border-strong: hsl(var(--border-strong));margin-top:1.5rem;margin-bottom:3.5rem;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-sm)}.stage-tag{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:600;color:var(--brand-blue);background:hsla(var(--brand-blue-h),var(--brand-blue-s),var(--brand-blue-l),.08);padding:.25rem .75rem;border-radius:9999px;margin-bottom:var(--space-3)}.stage-title{font-size:var(--text-2xl);font-weight:700;color:var(--text-main);letter-spacing:-.02em;margin-bottom:var(--space-2)}.stage-subtitle{font-size:var(--text-base);color:var(--text-muted);max-width:800px;line-height:1.6;margin-bottom:var(--space-6)}.filter-controls{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--border-subtle)}.category-tabs{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tab-btn{background:var(--bg-subtle);border:1px solid var(--border-subtle);color:var(--text-muted);font-size:var(--text-sm);font-weight:500;padding:.5rem 1rem;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.tab-btn:hover{color:var(--text-main);border-color:var(--border-strong)}.tab-btn.active{background:var(--brand-blue);color:#fff;border-color:var(--brand-blue)}.secondary-filters{display:flex;flex-wrap:wrap;gap:var(--space-6)}.filter-group{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-xs);font-weight:600;color:var(--text-muted)}.filter-pills{display:flex;flex-wrap:wrap;gap:.35rem}.stage-pill,.diag-pill{padding:.3rem .75rem;font-size:var(--text-xs);font-weight:600;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-muted);cursor:pointer;transition:all .15s ease}.stage-pill:hover,.diag-pill:hover{color:var(--text-main);border-color:var(--border-strong)}.stage-pill.active,.diag-pill.active{background:hsla(var(--brand-blue-h),var(--brand-blue-s),var(--brand-blue-l),.12);border-color:var(--brand-blue);color:var(--brand-blue)}.counter-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-muted);margin-bottom:var(--space-6)}.paper-badge{background:var(--bg-subtle);padding:.2rem .6rem;border-radius:var(--radius-sm);border:1px solid var(--border-subtle)}.worksheets-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media(min-width:640px){.worksheets-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.worksheets-grid{grid-template-columns:repeat(3,1fr)}}.worksheet-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;flex-direction:column;justify-content:space-between;transition:transform .2s ease,box-shadow .2s ease}.worksheet-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--border-strong)}.card-top{display:flex;gap:var(--space-2);margin-bottom:var(--space-3)}.badge-cat{font-size:.7rem;font-weight:700;color:var(--brand-blue);background:hsla(var(--brand-blue-h),var(--brand-blue-s),var(--brand-blue-l),.1);padding:.15rem .5rem;border-radius:var(--radius-sm)}.badge-group,.badge-pages{font-size:.7rem;color:var(--text-muted);background:var(--bg-subtle);padding:.15rem .5rem;border-radius:var(--radius-sm)}.card-heading{font-size:var(--text-base);font-weight:600;color:var(--text-main);line-height:1.4;margin-bottom:var(--space-3)}.card-meta{display:flex;flex-direction:column;gap:.25rem;font-size:var(--text-xs);margin-bottom:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-subtle)}.meta-lbl{font-weight:600;color:var(--text-muted);margin-right:.25rem}.meta-val{color:var(--text-main)}.meta-tag{font-weight:600;color:var(--text-main);background:var(--bg-subtle);padding:.1rem .4rem;border-radius:4px;display:inline-block}.card-instruction{font-size:var(--text-xs);color:var(--text-muted);line-height:1.5;margin-bottom:var(--space-4)}.card-purpose{display:flex;gap:var(--space-2);background:var(--bg-subtle);padding:var(--space-3);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.purpose-icon{width:16px;height:16px;color:var(--brand-blue);flex-shrink:0;margin-top:2px}.purpose-text{font-size:.72rem;color:var(--text-muted);line-height:1.4}.card-actions{margin-top:auto}.action-btn-print{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-2);background:var(--brand-blue);color:#fff;font-size:var(--text-xs);font-weight:600;padding:.6rem 1rem;border-radius:var(--radius-md);border:none;cursor:pointer;transition:background .2s ease}.action-btn-print:hover{background:hsl(var(--brand-blue-h),var(--brand-blue-s),calc(var(--brand-blue-l) - 5%))}.btn-icon{width:14px;height:14px}.print-only{display:none}@media print{body *{visibility:hidden}#print-sheet-container,#print-sheet-container *{visibility:visible}#print-sheet-container{display:block!important;position:absolute;left:0;top:0;width:100%;background:#fff;color:#000;padding:20mm;box-sizing:border-box}.print-page{page-break-after:always;display:flex;flex-direction:column;height:257mm}.print-header{display:flex;justify-content:space-between;border-bottom:2px solid #000;padding-bottom:5mm;margin-bottom:5mm}.print-site{font-size:9pt;font-weight:700;text-transform:uppercase;letter-spacing:1px}.print-title{font-size:15pt;font-weight:700;margin:2mm 0}.print-cat{font-size:9pt;color:#333}.print-box{font-size:9pt;margin-bottom:2mm}.print-instruction-box{border:1px solid #333;padding:4mm;font-size:10pt;margin-bottom:6mm;background:#f9f9f9}.print-canvas{flex:1;border:1.5px dashed #666;border-radius:4px;padding:6mm;margin-bottom:6mm}.print-footer{border-top:1px solid #aaa;padding-top:3mm;display:flex;justify-content:space-between;font-size:8pt;color:#555}.grid-box-canvas{display:flex;height:100%;gap:10mm}.canvas-col{flex:1;border:1px solid #999;padding:4mm}.canvas-divider{writing-mode:vertical-rl;font-size:8pt;text-align:center;color:#888;letter-spacing:2px}.box-lbl{font-size:8pt;font-weight:700;text-align:center;border-bottom:1px solid #ccc;padding-bottom:2mm;margin-bottom:4mm}.exercise-rows{display:flex;flex-direction:column;gap:15mm;margin-top:10mm}.exercise-row{display:flex;align-items:center;gap:4mm}.draw-line{flex:1;border-bottom:1px dashed #777;height:1px}}.page-wrapper{padding-top:var(--space-8);padding-bottom:var(--space-16)}.hero-split-grid{display:grid;grid-template-columns:1fr;gap:2rem;align-items:center;margin-bottom:2rem}@media(min-width:48rem){.hero-split-grid{grid-template-columns:1.2fr .8fr;gap:2.5rem}}@media(max-width:48rem){.hero-visual{order:3}}.breadcrumb-trail{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-muted);margin-bottom:var(--space-4)}.breadcrumb-trail a{color:var(--text-muted);text-decoration:none;transition:color .2s ease}.breadcrumb-trail a:hover{color:var(--brand-blue)}.sep{color:var(--border-strong)}.current{color:var(--text-main);font-weight:500}.main-title{font-size:clamp(1.8rem,4vw,2.5rem);font-weight:800;line-height:1.2;color:var(--text-main);letter-spacing:-.03em;margin-bottom:var(--space-5)}.methodological-intro{background:transparent;border:none;padding:0;margin-bottom:var(--space-8)}.capsule-text{font-size:var(--text-base);color:var(--text-muted);line-height:1.6;margin:0}.visual-wrapper{margin:var(--space-8) 0}.educational-prose{margin-top:var(--space-12)}.prose-section{margin-bottom:var(--space-12)}.prose-section h2{font-size:var(--text-xl);font-weight:700;color:var(--text-main);margin-bottom:var(--space-4);letter-spacing:-.02em}.prose-section p{font-size:var(--text-base);color:var(--text-muted);line-height:1.7;margin-bottom:var(--space-5)}.pillars-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-5);margin-top:var(--space-6)}.pillar-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-6);position:relative;box-shadow:var(--shadow-sm)}.pillar-num{font-size:var(--text-2xl);font-weight:800;color:var(--brand-blue);opacity:.25;display:block;margin-bottom:var(--space-2)}.pillar-card h3{font-size:var(--text-base);font-weight:700;color:var(--text-main);margin-bottom:var(--space-2)}.pillar-card p{font-size:var(--text-sm);color:var(--text-muted);line-height:1.5;margin:0}.table-container{overflow-x:auto;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-surface);margin:var(--space-6) 0}.matrix-table{width:100%;border-collapse:collapse;font-size:var(--text-sm);text-align:left}.matrix-table th{background:var(--bg-subtle);padding:var(--space-4);color:var(--text-main);font-weight:600;border-bottom:1px solid var(--border-subtle)}.matrix-table td{padding:var(--space-4);border-bottom:1px solid var(--border-subtle);color:var(--text-muted);line-height:1.5}.matrix-table tr:last-child td{border-bottom:none}.matrix-table td strong{color:var(--text-main)}.method-list{margin:var(--space-4) 0 var(--space-6) var(--space-6);padding-left:var(--space-2);display:flex;flex-direction:column;gap:var(--space-3)}.method-list li{font-size:var(--text-base);color:var(--text-muted);line-height:1.6}.method-list li strong{color:var(--text-main)}.links-portal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-4);margin-top:var(--space-6)}.portal-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-5);text-decoration:none;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.portal-card:hover{transform:translateY(-2px);border-color:var(--brand-blue);box-shadow:var(--shadow-md)}.portal-tag{font-size:.7rem;font-weight:700;color:var(--brand-blue);text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:var(--space-2)}.portal-card h4{font-size:var(--text-base);font-weight:700;color:var(--text-main);margin-bottom:var(--space-2)}.portal-card p{font-size:var(--text-xs);color:var(--text-muted);line-height:1.5;margin:0}