.browser-main{--max:1380px;padding-top:54px;padding-bottom:48px}
.browser-heading{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-bottom:30px}
.browser-heading h1{margin:13px 0 18px;font-size:clamp(2.7rem,4.2vw,4.1rem)}
.browser-heading h1 em{color:var(--green);font-weight:400}
.browser-heading p:last-child{color:var(--muted);font-size:.96rem;line-height:1.7}
.collection-stats{display:flex;gap:32px;text-align:left}
.collection-stats>div{display:flex;flex-direction:column-reverse;gap:9px;min-width:75px}
.collection-stats dd{margin:0;font:2.7rem/1 var(--serif);color:var(--green)}
.collection-stats dt{font-size:.68rem;color:var(--muted)}
.collection-note{display:flex;align-items:center;gap:18px;border-block:1px solid var(--line);padding:15px 0;font-size:.75rem;color:var(--muted)}
.collection-note p{flex:1;max-width:750px}.collection-note>a{margin-left:auto;white-space:nowrap}
.collection-badge,.language-badge{font:.62rem/1.5 var(--mono);background:#eaf0e6;padding:5px 8px;color:var(--green);white-space:nowrap}
.browser-controls{display:flex;align-items:center;gap:22px;padding:26px 0}
.search-control{display:flex;align-items:center;gap:10px;flex:1;background:white;border:1px solid var(--line);padding:0 13px;max-width:580px}
.search-control>span[aria-hidden]{font-size:1.5rem;color:var(--muted)}
.search-control input{border:0;outline:none;padding:10px 0;width:100%;font-size:.81rem;background:transparent}
.search-control:focus-within{outline:2px solid var(--green);outline-offset:2px}
.domain-control{display:flex;align-items:center;gap:10px;font-size:.75rem;color:var(--muted)}
select{background:#fff;border:1px solid var(--line);padding:10px;font-size:.76rem;max-width:100%}
.text-button{border:0;background:transparent;color:var(--green);padding:7px 0;font-size:.74rem;white-space:nowrap}
.text-button:hover{text-decoration:underline;text-underline-offset:4px}.text-button:disabled{color:#8a918b}
.browser-workspace{display:grid;grid-template-columns:270px minmax(0,1fr);gap:30px;align-items:start}
.task-catalog{position:sticky;top:90px;max-height:calc(100vh - 110px);overflow:auto;scrollbar-width:thin;padding-right:4px}
.catalog-heading{display:flex;justify-content:space-between;align-items:center;padding-bottom:13px}
.catalog-heading h2{font:500 .76rem/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;letter-spacing:0}
.catalog-heading>span{font:.64rem var(--mono);color:var(--muted)}
.task-list{border-top:1px solid #acb6a8}.catalog-task{width:100%;display:block;text-align:left;background:transparent;border:0;border-bottom:1px solid var(--line);border-left:2px solid transparent;padding:17px 14px}
.catalog-task:hover{background:#f0f2eb}.catalog-task[aria-current=true]{background:#edf1e8;border-left-color:var(--green)}
.catalog-task-topline{display:flex;justify-content:space-between;gap:10px;font:.57rem/1.5 var(--mono);color:var(--muted);margin-bottom:8px}
.catalog-task h3{font:1.12rem/1.3 var(--serif);margin-bottom:9px}.catalog-task-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:.64rem}
.level-ticks{display:flex;gap:3px}.level-ticks i{width:8px;height:3px;background:#bac6b1}.catalog-task[aria-current=true] .level-ticks i{background:var(--green)}
.task-detail{min-width:0;border:1px solid var(--line);border-top:2px solid #678366;background:#fff}
.detail-overview{padding:29px 32px 24px}.detail-topline{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;gap:15px}
.detail-topline>span:first-child{font:.64rem var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.05em}
.detail-overview h2{font-size:2.1rem;line-height:1.2}.detail-role{font-size:.8rem;color:var(--green);margin-top:11px}
.detail-context{font-size:.85rem;line-height:1.8;color:var(--muted);margin-top:16px;max-width:730px}
.detail-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:21px}.detail-bottom>a{font-size:.67rem;white-space:nowrap}
.task-tools{display:flex;gap:6px;flex-wrap:wrap}.task-tools span{background:#f5f5f1;border:1px solid #e7e9e1;padding:3px 7px;font-size:.62rem;color:#59655a}
.ladder-heading{display:flex;justify-content:space-between;gap:12px;padding:15px 32px 12px;border-top:1px solid var(--line);font:.59rem var(--mono);letter-spacing:.04em;color:var(--muted)}
.browser-level-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-bottom:1px solid var(--line);padding:0 22px}
.browser-level-tabs button{position:relative;border:0;border-bottom:2px solid transparent;background:transparent;text-align:left;padding:12px 10px 15px;color:var(--muted);min-width:0}
.browser-level-tabs button[aria-selected=true]{color:var(--green);border-bottom-color:var(--green);background:#f3f5ef}
.browser-level-tabs strong{display:block;font:.73rem var(--mono);margin-bottom:7px}.browser-level-tabs span{display:block;font-size:.68rem;line-height:1.5}
.level-body{padding:25px 32px 0;min-width:0}.level-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}
.level-title-row .eyebrow{font-size:.58rem;margin-bottom:8px}.level-title-row h3{font:1.35rem/1.4 var(--serif);max-width:590px}
.content-tabs{display:flex;gap:24px;border-bottom:1px solid var(--line)}
.content-tabs button{background:transparent;border:0;border-bottom:2px solid transparent;padding:10px 0 13px;color:var(--muted);font-size:.75rem;white-space:nowrap}
.content-tabs button[aria-selected=true]{border-bottom-color:var(--green);color:var(--green);font-weight:600}.content-tabs button span{font: .61rem var(--mono);background:#f0f2eb;padding:2px 5px;margin-left:4px}
.content-panel{padding-top:21px;min-width:0}.original-note{display:flex;justify-content:space-between;align-items:center;font:.62rem var(--mono);color:var(--muted);margin-bottom:18px}
.prose{font-size:.84rem;line-height:1.85;overflow-wrap:anywhere}.prose h2,.prose h3,.prose h4,.prose h5{font:600 .88rem/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;letter-spacing:0;margin:26px 0 10px;color:var(--green)}
.prose h2:first-child,.prose h3:first-child{margin-top:0}.prose p{margin:10px 0}.prose ul,.prose ol{padding-left:23px;margin:10px 0}.prose li{margin:7px 0}.prose li p{margin:0}.prose code{font:.75rem/1.6 var(--mono);background:#f2f4ee;padding:2px 4px;overflow-wrap:anywhere}
.prose pre{background:#f5f6f2;border:1px solid var(--line);padding:15px;overflow:auto;white-space:pre;font:.72rem/1.8 var(--mono)}.prose pre code{padding:0;background:none}.prose blockquote{margin:16px 0;border-left:2px solid #9fad92;padding:4px 17px;color:var(--muted)}.prose a{text-decoration:underline}
.prose table,.preview-table{border-collapse:collapse;font-size:.72rem;line-height:1.6;min-width:100%}.prose th,.prose td,.preview-table th,.preview-table td{border:1px solid var(--line);padding:8px 11px;text-align:left;vertical-align:top}.prose th,.preview-table tr:first-child{background:#eff2e9}.table-wrap{overflow:auto;max-width:100%}.checkmark{color:#788a6e;margin-right:6px}
.continue-materials{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#f2f5ed;padding:17px 18px;margin-top:26px;font-size:.72rem;color:var(--muted)}.continue-materials button{border:0;background:transparent;color:var(--green);font-size:.74rem;white-space:nowrap}
.material-toolbar{display:flex;flex-wrap:wrap;gap:8px}.material-toolbar label:first-child{flex:1;min-width:180px}.material-toolbar input{border:1px solid var(--line);padding:10px;font-size:.73rem;width:100%}.material-toolbar select{font-size:.68rem;padding:10px 7px}
.file-status{font:.62rem/1.7 var(--mono);color:var(--muted);margin:12px 0}
.material-browser{display:grid;grid-template-columns:215px minmax(0,1fr);border:1px solid var(--line);min-height:520px}.material-list{max-height:650px;overflow:auto;scrollbar-width:thin;border-right:1px solid var(--line);background:#fbfcf8}.material-list button{display:block;text-align:left;width:100%;border:0;border-bottom:1px solid #e8ebe2;background:transparent;padding:11px 12px;overflow-wrap:anywhere}.material-list button[aria-current=true]{background:#eaf0e1;box-shadow:inset 2px 0 var(--green)}.material-list button:hover{background:#f0f3e9}.material-list .file-name{display:block;font:.68rem/1.5 var(--mono);color:var(--ink)}.material-list .file-path{display:block;font:.55rem/1.55 var(--mono);color:var(--muted);margin-top:5px}.file-type{display:inline-block;font:.52rem var(--mono);letter-spacing:.02em;color:var(--green);margin-bottom:5px;text-transform:uppercase}
.file-preview{min-width:0;padding:17px;max-height:900px;overflow:auto;background:white}.preview-header{border-bottom:1px solid var(--line);padding-bottom:13px;margin-bottom:16px}.preview-header h4{font:.75rem/1.65 var(--mono);overflow-wrap:anywhere}.preview-header p{font:.6rem/1.5 var(--mono);color:var(--muted);margin-top:7px}.preview-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:11px;font-size:.68rem}.preview-actions button{padding:0;border:0;background:transparent;color:var(--green);font-size:inherit}
.preview-note{background:#f4f5ee;padding:10px 12px;font-size:.7rem;color:var(--muted);margin:12px 0}.file-preview pre{font:.67rem/1.75 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;background:#f8f9f5;border:1px solid #e7eae1;padding:12px;max-height:600px;overflow:auto}.file-preview img{max-height:700px;object-fit:contain;margin:auto}.file-preview iframe{width:100%;height:620px;border:1px solid var(--line);background:white}.file-preview .prose{font-size:.76rem}.preview-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.preview-tabs button{font-size:.68rem;border:1px solid var(--line);background:#f1f4e9;padding:5px 9px}.email-title{font:1.25rem/1.35 var(--serif);margin:4px 0 17px}.email-meta{font-size:.68rem;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:13px;margin-bottom:15px;overflow-wrap:anywhere}.message-body{white-space:pre-wrap;font-size:.78rem;line-height:1.85;overflow-wrap:anywhere}.chat-message{border-bottom:1px solid var(--line);padding:12px 0}.chat-message small{display:block;font:.61rem var(--mono);color:var(--muted);margin-bottom:6px}.chat-message p{font-size:.76rem;white-space:pre-wrap;overflow-wrap:anywhere}.raw-details{margin-top:19px}.raw-details summary{font-size:.68rem;color:var(--green);cursor:pointer}.preview-empty{padding:22px;color:var(--muted);font-size:.79rem}
.rubric-intro{text-align:center;max-width:510px;margin:21px auto 35px;padding:10px}.rubric-symbol{display:grid;place-items:center;width:44px;height:44px;border:1px solid #cdd6c4;border-radius:50%;margin:0 auto 18px;color:var(--green);font-size:1.3rem}.rubric-intro h4{font:1.4rem/1.4 var(--serif);margin-bottom:13px}.rubric-intro p{font-size:.8rem;color:var(--muted);margin-bottom:22px}.rubric-intro .button{font-size:.74rem}
.level-navigation{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--line);margin-top:28px;padding:19px 0;font-size:.66rem;color:var(--muted)}.level-navigation button{border:0;background:transparent;font-size:.71rem;color:var(--green);padding:6px 0}.level-navigation button:disabled{color:#969e95}
.collection-footer{display:flex;justify-content:space-between;align-items:center;gap:30px;border-top:1px solid var(--line);margin-top:35px;padding-top:20px;font-size:.7rem;color:var(--muted)}.collection-footer a{white-space:nowrap}.detail-empty{padding:60px 35px;background:white;border:1px solid var(--line)}.detail-empty h2{margin:15px 0}.detail-empty p:last-child,#empty-state{font-size:.82rem;color:var(--muted)}
@media(min-width:1500px){.material-browser{grid-template-columns:245px minmax(0,1fr)}}
@media(max-width:1050px){.browser-workspace{grid-template-columns:220px minmax(0,1fr);gap:20px}.detail-overview{padding:25px}.level-body{padding:23px 22px 0}.material-browser{grid-template-columns:170px minmax(0,1fr)}.collection-stats{gap:20px}.content-tabs{gap:17px}.detail-bottom{align-items:flex-start}.browser-level-tabs{padding:0 13px}.browser-level-tabs button{padding-inline:7px}.collection-note{flex-wrap:wrap}.collection-note p{max-width:none}.collection-note>a{margin-left:0}.file-preview{padding:12px}}
@media(max-width:760px){.browser-main{padding-top:32px}.browser-heading{align-items:flex-start;gap:24px;flex-direction:column}.collection-stats{width:100%;gap:0;justify-content:space-between;max-width:430px}.collection-stats dd{font-size:2.1rem}.collection-note{gap:10px}.collection-note p{flex-basis:70%;font-size:.71rem}.browser-controls{flex-wrap:wrap;gap:12px}.search-control{flex-basis:100%;max-width:none}.domain-control{flex:1}.domain-control select{max-width:210px}.browser-workspace{grid-template-columns:1fr}.task-catalog{position:static;max-height:none;padding:0}.task-list{display:flex;overflow:auto;scroll-snap-type:x mandatory;border:1px solid var(--line)}.catalog-task{flex:0 0 235px;scroll-snap-align:start;border-bottom:0;border-right:1px solid var(--line);min-height:130px}.catalog-task h3{font-size:1.05rem}.catalog-task-topline{font-size:.53rem}.catalog-heading{padding-bottom:10px}.detail-overview{padding:23px 20px}.detail-overview h2{font-size:1.8rem}.detail-context{font-size:.8rem}.detail-bottom{flex-direction:column;gap:12px}.ladder-heading{padding-inline:20px}.browser-level-tabs{padding:0 8px;overflow:auto;grid-template-columns:repeat(5,minmax(94px,1fr))}.browser-level-tabs span{font-size:.63rem}.level-body{padding:21px 17px 0}.content-tabs{gap:16px;overflow:auto}.content-tabs button{font-size:.7rem}.level-title-row h3{font-size:1.18rem}.material-browser{grid-template-columns:1fr}.material-list{max-height:215px;border-right:0;border-bottom:1px solid var(--line)}.material-list button{padding:10px 12px}.file-preview{max-height:none;min-height:320px;padding:16px}.file-preview iframe{height:510px}.material-toolbar label:first-child{flex-basis:100%}.material-toolbar select{font-size:.68rem}.continue-materials{align-items:flex-start;flex-direction:column;gap:6px}.collection-footer{flex-direction:column;align-items:flex-start;gap:14px}.original-note{font-size:.57rem}.prose{font-size:.8rem}.level-navigation{font-size:.6rem}.level-navigation button{font-size:.64rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.pdf-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#f3f5ef;padding:9px 10px;font-size:.67rem;border:1px solid var(--line)}
.pdf-controls button{border:1px solid #d3dbcc;background:white;width:28px;height:29px;padding:0;color:var(--green)}.pdf-controls button:disabled{opacity:.4}
.pdf-controls input{width:46px;border:1px solid var(--line);padding:4px;font-size:.7rem;background:#fff}.pdf-controls select{font-size:.65rem;padding:5px}.pdf-zoom{margin-left:auto}
.pdf-canvas-wrap{overflow:auto;max-height:640px;background:#f1f2ee;border:1px solid var(--line)}.pdf-canvas-wrap canvas{display:block;margin:auto}.pdf-reader .pdf-text{max-height:250px}
.content-tabs button span:empty{display:none}


/* Task browser: a quiet extension of the CLE site. */
.browser-main{padding-top:42px}
.browser-heading{align-items:end;gap:28px;padding:16px 0 32px;margin:0;border-bottom:1px solid var(--line);color:var(--ink)}
.browser-heading .eyebrow{font:700 .68rem/1.4 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}
.browser-heading h1{margin:8px 0 10px;font-size:clamp(3.15rem,5vw,4.7rem);line-height:1.05}
.browser-heading .hero-copy>p:last-child{max-width:640px;margin:0;color:var(--muted);font-size:.98rem;line-height:1.6}
.hero-side{text-align:right;flex:none;padding-bottom:3px}
.hero-side>a{font-size:.83rem;font-weight:650;text-decoration:underline;text-decoration-color:#9dbcc2;text-underline-offset:5px}
.hero-side p{margin:12px 0 0!important;color:var(--muted)!important;font-size:.8rem!important;white-space:nowrap}
.hero-side strong{color:var(--ink);font-weight:700}
.hero-side p span{padding:0 5px;color:#9aabb8}
.browser-controls{padding:24px 0 30px;gap:16px}
.search-control{max-width:620px;border-radius:8px;box-shadow:none}
.search-control>span[aria-hidden]{display:grid;place-items:center;width:21px;height:21px;flex:none;color:var(--green)}
.search-control svg{display:block;width:17px;height:17px;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round}
.search-control input{padding:12px 0;font-size:.81rem}
.domain-control{font-size:.78rem}
.domain-control select{border-radius:8px;padding:11px 12px}
.browser-workspace{grid-template-columns:246px minmax(0,1fr);gap:26px}
.task-catalog{top:96px;max-height:calc(100vh - 115px);padding:0}
.catalog-heading{padding:0 2px 12px}
.catalog-heading h2{font:700 .84rem/1.4 var(--display);color:var(--ink)}
.catalog-heading>span{font:.73rem var(--sans);color:var(--muted)}
.task-list{border-top:1px solid var(--line)}
.catalog-task{padding:16px 14px;border-left:3px solid transparent;transition:background .16s ease}
.catalog-task:hover{background:#eef4f8;transform:none}
.catalog-task[aria-current=true]{background:#eaf2f4;border-left-color:var(--green)}
.catalog-task-topline{font:650 .61rem/1.4 var(--sans);letter-spacing:.07em;text-transform:uppercase;color:var(--green);margin-bottom:8px}
.catalog-task-topline::before{display:none}
.catalog-task h3{font:700 1.08rem/1.33 var(--display);letter-spacing:-.025em;margin:0 0 9px;color:var(--ink)}
.catalog-task-footer{font:.7rem/1.4 var(--sans);color:var(--muted)}
.task-detail{border:1px solid var(--line);border-top:3px solid var(--task-accent);border-radius:9px;overflow:hidden;box-shadow:0 8px 28px #1523370a}
.detail-overview{padding:30px 33px 28px;background:#fff;color:var(--ink);border:0}
.detail-overview::after{display:none}
.detail-topline{margin-bottom:8px}
.detail-topline>span:first-child{font:700 .66rem/1.4 var(--sans);letter-spacing:.08em;color:var(--green)}
.detail-overview h2{max-width:750px;font:750 clamp(1.95rem,3vw,2.9rem)/1.16 var(--display);letter-spacing:-.04em;color:var(--ink)}
.detail-role{margin-top:12px;font:650 .76rem/1.4 var(--sans);letter-spacing:0;text-transform:none;color:#355668}
.detail-context{max-width:750px;margin-top:17px;font-size:.87rem;line-height:1.7;color:var(--muted)}
.detail-bottom{margin:23px 0 0;gap:18px}
.detail-bottom>a{color:var(--green);font-size:.76rem;font-weight:650;text-decoration:underline;text-underline-offset:4px}
.task-tools{gap:6px}
.task-tools span{padding:4px 8px;border:1px solid #dce5ea;border-radius:4px;background:#f5f8fa;color:#42586c;font-size:.68rem}
.evidence-shelf{padding:22px 33px 27px;background:#f7f9fc;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.evidence-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}
.evidence-heading h3{margin:0;font:700 1rem/1.3 var(--display);color:var(--ink)}
.evidence-heading button{border:0;background:none;color:var(--green);font-size:.75rem;font-weight:650;text-decoration:underline;text-underline-offset:4px;white-space:nowrap}
.evidence-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.evidence-card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;min-width:0;min-height:127px;padding:13px;border:1px solid var(--line);border-radius:6px;background:#fff;box-shadow:none;transition:border-color .16s ease,box-shadow .16s ease}
.evidence-card:hover{transform:none;border-color:#9db7c2;box-shadow:0 4px 12px #1523370c}
.evidence-filetype{background:#e9f1f5;border-radius:3px;color:#075e69;padding:3px 6px;font:700 .59rem/1.3 var(--sans);letter-spacing:.03em}
.evidence-filename{display:block;max-width:100%;margin:8px 0 5px;font:650 .76rem/1.35 var(--sans);color:var(--ink);overflow-wrap:anywhere}
.evidence-meta{display:block;margin-top:auto;color:var(--muted);font:.68rem/1.4 var(--sans)}
.evidence-open{display:block;margin-top:8px;color:var(--green);font:650 .67rem/1.3 var(--sans)}
.evidence-loading{font-size:.78rem;color:var(--muted)}
.ladder-heading{padding:18px 33px 11px;border-top:0;background:#fff;color:var(--ink);font:700 .76rem/1.4 var(--sans);letter-spacing:0}
.ladder-heading span:last-child{font-weight:450;color:var(--muted)}
.browser-level-tabs{padding:0 23px;background:#fff}
.browser-level-tabs button{padding:12px 10px 14px;border-top:0;color:var(--muted)}
.browser-level-tabs button::before{display:none}
.browser-level-tabs button[aria-selected=true]{background:#f2f7f9;border-bottom-color:var(--green);color:var(--ink)}
.browser-level-tabs strong{font:700 .77rem/1.3 var(--sans);color:inherit;margin-bottom:5px}
.browser-level-tabs span{font:.72rem/1.35 var(--sans)}
.level-body{padding:26px 33px 0;background:#fff}
.level-title-row{margin-bottom:18px}
.level-title-row .eyebrow{font:700 .65rem/1.4 var(--sans);letter-spacing:.07em;color:var(--green)}
.level-title-row h3{font:700 1.43rem/1.3 var(--display);letter-spacing:-.025em;color:var(--ink)}
.content-tabs{gap:24px}
.content-tabs button{font-size:.78rem}
.content-tabs button[aria-selected=true]{color:var(--green)}
.content-panel{padding-top:22px}
.original-note{font:.73rem/1.4 var(--sans);color:var(--muted);margin-bottom:15px}
.prose{font-size:.84rem;line-height:1.75}
.prose h2,.prose h3,.prose h4,.prose h5{font:700 .89rem/1.45 var(--display);color:var(--ink)}
.continue-materials{justify-content:flex-end;margin-top:26px;padding:14px 17px;border-radius:5px;background:#eef4f7}
.continue-materials button{font-size:.77rem;font-weight:650}
.material-browser{grid-template-columns:245px minmax(0,1fr);border-color:var(--line);border-radius:6px;overflow:hidden;box-shadow:none}
.material-list{background:#f9fbfd;border-right:1px solid var(--line)}
.material-list button{padding:11px 12px;border-bottom:1px solid var(--line)}
.material-list button:hover{background:#eff5f7}
.material-list button[aria-current=true]{background:#eaf2f4;box-shadow:inset 3px 0 var(--green)}
.file-list-row{display:flex;align-items:flex-start;gap:10px;min-width:0}
.file-icon{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border:1px solid #d6e4e7;border-radius:5px;background:#e7f1f2;color:#315967;font:700 .53rem/1 var(--sans);letter-spacing:0;text-align:center}
.file-list-name{display:block;min-width:0;flex:1}
.material-list .file-name{display:block;font:650 .72rem/1.35 var(--sans);color:var(--ink)}
.material-list .file-path{font:.62rem/1.35 var(--sans);color:var(--muted);margin-top:4px}
.material-list .file-type{display:block;margin:6px 0 0;padding:0;background:none;color:#537281;font:600 .61rem/1.3 var(--sans);text-transform:none;letter-spacing:0}
.file-preview{padding:20px;max-height:900px;background:#fff}
.preview-header{padding:0 0 16px;margin-bottom:16px;border:0;border-bottom:1px solid var(--line);background:none}
.preview-header h4{font:700 .84rem/1.45 var(--sans);color:var(--ink)}
.preview-header p{font:.68rem/1.4 var(--sans);color:var(--muted)}
.preview-actions{font-size:.72rem}
#preview-body{padding:0;border:0;box-shadow:none;min-height:200px;background:#fff}
.rubric-intro{margin:22px auto 34px}
.rubric-intro h4{font:700 1.2rem/1.35 var(--display)}
.rubric-intro p{font-size:.8rem}
.collection-footer{margin-top:36px;font-size:.75rem}
.collection-footer a{font-weight:600}
@media(max-width:1050px){
  .browser-workspace{grid-template-columns:215px minmax(0,1fr);gap:19px}
  .detail-overview,.evidence-shelf{padding-left:24px;padding-right:24px}
  .level-body{padding-left:24px;padding-right:24px}
  .material-browser{grid-template-columns:205px minmax(0,1fr)}
}
@media(max-width:760px){
  .browser-main{padding-top:27px}
  .browser-heading{align-items:flex-start;flex-direction:column;gap:16px;padding:7px 0 24px}
  .browser-heading h1{font-size:3.1rem}
  .browser-heading .hero-copy>p:last-child{font-size:.86rem}
  .hero-side{text-align:left;padding:0}
  .hero-side p{margin-top:7px!important;font-size:.73rem!important}
  .browser-controls{flex-wrap:wrap;gap:10px;padding:18px 0 24px}
  .search-control{flex-basis:100%;max-width:none}
  .domain-control{flex:1}
  .domain-control select{max-width:190px}
  .browser-workspace{grid-template-columns:1fr;gap:23px}
  .task-catalog{position:static;max-height:none}
  .task-list{display:block;border:1px solid var(--line);border-radius:6px;overflow:hidden}
  .catalog-task{min-height:0;border-bottom:1px solid var(--line);border-right:0;padding:12px 15px}
  .catalog-task:last-child{border-bottom:0}
  .catalog-task h3{font-size:1rem;margin-bottom:5px}
  .catalog-task-topline{font-size:.58rem;margin-bottom:4px}
  .catalog-task-footer{font-size:.66rem}
  .task-detail{box-shadow:none}
  .detail-overview{padding:24px 20px}
  .detail-overview h2{font-size:2.1rem}
  .detail-context{font-size:.82rem}
  .detail-bottom{flex-direction:column;align-items:flex-start;gap:13px}
  .evidence-shelf{padding:22px 20px}
  .evidence-heading{align-items:flex-start;flex-direction:column;gap:5px}
  .evidence-grid{grid-template-columns:1fr}
  .evidence-card{min-height:0;padding:12px}
  .evidence-filename{margin:6px 0 3px}
  .evidence-open{margin-top:6px}
  .ladder-heading{padding:18px 20px 12px}
  .browser-level-tabs{padding:0 8px;overflow:auto;grid-template-columns:repeat(5,minmax(95px,1fr))}
  .browser-level-tabs button{padding:11px 7px}
  .level-body{padding:21px 18px 0}
  .level-title-row h3{font-size:1.23rem}
  .content-tabs{gap:17px;overflow:auto}
  .content-tabs button{font-size:.73rem}
  .material-browser{grid-template-columns:1fr}
  .material-list{max-height:240px;border-right:0;border-bottom:1px solid var(--line)}
  .file-preview{max-height:none;min-height:300px;padding:16px}
  .file-preview iframe{height:500px}
  .collection-footer{flex-direction:column;align-items:flex-start;gap:10px}
}
@media(prefers-reduced-motion:reduce){.catalog-task,.evidence-card{transition:none}}


/* ===== Tasks page v3 =================================================
   Real task materials carry the visuals (no icons). Colour comes from
   --task-accent (the home-page domain palette); the five link colours mark
   the paper's five kinds of carried knowledge. */
.browser-main{--max:1240px;--stair-ink:#171717;--stair-dot:#ed773a;--t-data:#2d62d2;--t-tools:#0c7d66;--t-strategy:#b06a00;--t-user:#c4376b;--t-domain:#7a48cc;padding-top:44px}
.browser-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;padding:4px 0 8px;border-bottom:0}
.browser-heading h1{margin:0;font-size:clamp(3rem,5vw,4.3rem);line-height:1}
.hero-side{display:flex;align-items:center;gap:22px;padding:0 0 6px;text-align:right}
.hero-side .hero-meta{margin:0!important;color:var(--muted)!important;font-size:.84rem!important}
.hero-meta strong{color:var(--ink);font-weight:650}
.hero-hf{color:var(--ink);font:600 .84rem/1.2 var(--sans);text-decoration:underline;text-decoration-color:#b8c4cf;text-underline-offset:5px}
.hero-hf:hover{text-decoration-color:var(--ink)}
/* Material wheel: cards ride a large circle; JS sets each card's position */
.material-wheel{position:relative;width:100vw;height:330px;margin:0 0 0 calc(50% - 50vw);overflow:hidden;touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 15%,#000 85%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 15%,#000 85%,transparent 100%)}
.material-wheel.is-dragging{cursor:grabbing}
.wheel-track{position:absolute;inset:0}
.wheel-card{--w:212px;position:absolute;left:50%;top:26px;width:var(--w);margin-left:calc(var(--w) / -2);padding:0;border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden;text-align:left;cursor:pointer;visibility:hidden;will-change:transform;box-shadow:0 12px 28px -16px #15233766;transition:scale .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s ease,border-color .2s ease}
.wheel-card:hover,.wheel-card:focus-visible{scale:1.07;z-index:2;border-color:#b6c3cf;box-shadow:0 20px 40px -18px #15233780}
.wheel-card:focus-visible{outline:2px solid var(--rust);outline-offset:3px}
.wheel-img{display:block;aspect-ratio:16/10;overflow:hidden;background:#eef2f6;border-bottom:1px solid var(--line)}
.wheel-img img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;pointer-events:none}
.wheel-cap{display:flex;flex-direction:column;gap:2px;padding:9px 12px 11px}
.wheel-cap b{overflow:hidden;font:650 .8rem/1.3 var(--sans);color:var(--ink);white-space:nowrap;text-overflow:ellipsis}
.wheel-cap small{overflow:hidden;font:.7rem/1.35 var(--sans);color:var(--muted);white-space:nowrap;text-overflow:ellipsis}
.wheel-cap small::before{content:'';display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:var(--task-accent);vertical-align:0}
/* Task cards: a real file from each task on top */
.browser-workspace{display:block}
.task-catalog{position:static;max-height:none;overflow:visible;padding:4px 0 0;margin-bottom:24px}
.task-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;padding:6px 0 4px;border:0}
.catalog-task{display:flex;flex-direction:column;min-height:0;padding:0;border:1px solid var(--line);border-radius:12px;background:#fff;text-align:left;overflow:hidden;transition:transform .28s cubic-bezier(.2,.7,.2,1),box-shadow .28s ease,border-color .2s ease}
.catalog-task:hover{background:#fff;border-color:#b6c3cf;transform:translateY(-5px) scale(1.025);box-shadow:0 18px 34px -18px #15233773}
.catalog-task[aria-current=true]{background:#fff;border-color:var(--task-accent);box-shadow:inset 0 0 0 1px var(--task-accent)}
.catalog-task[aria-current=true]:hover{box-shadow:inset 0 0 0 1px var(--task-accent),0 18px 34px -18px #15233773}
.catalog-thumb{display:block;aspect-ratio:16/9;overflow:hidden;background:#eef2f6;border-bottom:1px solid var(--line)}
.catalog-thumb img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .6s ease}
.catalog-task:hover .catalog-thumb img{transform:scale(1.06)}
.catalog-body{display:flex;flex-direction:column;gap:5px;flex:1;padding:14px 16px 15px}
.catalog-task .catalog-task-topline{display:block;margin:0 0 2px;overflow:hidden;font:600 .74rem/1.3 var(--sans);letter-spacing:0;text-transform:none;color:var(--task-accent);white-space:nowrap;text-overflow:ellipsis}
.catalog-task h3{margin:0;font:700 1.02rem/1.3 var(--display);letter-spacing:-.02em;color:var(--ink)}
.catalog-role{font-size:.76rem;line-height:1.4;color:var(--muted)}
.catalog-task-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:10px;font:.72rem/1.3 var(--sans);color:var(--muted)}
.level-pips{display:flex;gap:3px}
.level-pips i{width:9px;height:3px;border-radius:2px;background:#dbe2e9}
.catalog-task[aria-current=true] .level-pips i{background:var(--task-accent)}
/* Task header */
.task-detail{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 1px 3px #1523370d}
.detail-overview{position:relative;padding:34px 40px 30px;background:#fff}
.detail-topline{display:flex;align-items:center;justify-content:flex-start;gap:10px;margin-bottom:12px}
.detail-topline>#task-domain{font:600 .84rem/1.4 var(--sans);letter-spacing:0;text-transform:none;color:var(--task-accent)}
.detail-overview h2{max-width:820px;font:750 clamp(2rem,3.4vw,2.9rem)/1.12 var(--display);letter-spacing:-.04em}
.detail-context{max-width:760px;margin-top:14px;font-size:.95rem;line-height:1.7;color:#43536a}
.detail-facts{display:grid;grid-template-columns:minmax(150px,.8fr) minmax(200px,1.2fr) minmax(240px,1.6fr);gap:28px;margin:26px 0 0;padding-top:20px;border-top:1px solid var(--line)}
.detail-facts dt{margin-bottom:6px;font:.78rem/1.3 var(--sans);color:var(--muted)}
.detail-facts dd{margin:0;font-size:.88rem;line-height:1.55;color:var(--ink)}
.detail-role{margin:0;font:600 .9rem/1.45 var(--sans);color:var(--ink)}
.task-tools{display:flex;flex-wrap:wrap;gap:6px}
.task-tools span{padding:3px 8px;border:0;border-radius:6px;background:#f1f4f7;color:#33475d;font-size:.76rem}
.detail-source{position:absolute;top:38px;right:40px;color:var(--ink);font:600 .8rem/1.2 var(--sans);text-decoration:underline;text-decoration-color:#b8c4cf;text-underline-offset:5px}
.detail-source:hover{text-decoration-color:var(--ink)}
/* Materials */
.evidence-shelf{padding:26px 40px 32px;background:#f8fafc;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.evidence-heading{align-items:baseline;margin-bottom:16px}
.evidence-heading h3,.ladder-heading h3{margin:0;font:700 1.08rem/1.3 var(--display);letter-spacing:-.02em;color:var(--ink)}
.evidence-grid{gap:16px}
.evidence-card{padding:0;min-height:0;border-radius:10px;overflow:hidden;transition:border-color .18s ease,transform .25s ease,box-shadow .25s ease}
.evidence-card:hover{transform:translateY(-3px);border-color:#b6c3cf;box-shadow:0 14px 28px -18px #15233766}
.evidence-thumb{position:relative;display:block;width:100%;aspect-ratio:16/10;overflow:hidden;background:#eef2f6;border-bottom:1px solid var(--line)}
.evidence-thumb img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .5s ease}
.evidence-card:hover .evidence-thumb img{transform:scale(1.04)}
.evidence-thumb.is-excerpt{padding:12px 14px;background:#fbfcfe}
.evidence-thumb table{border-collapse:collapse;width:100%;font:.6rem/1.5 var(--mono);color:#43536a}
.evidence-thumb th,.evidence-thumb td{max-width:120px;padding:3px 6px;border-bottom:1px solid #e5ebf1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.evidence-thumb th{color:var(--ink);background:#eef3f7}
.thumb-text{display:block;font:.62rem/1.6 var(--mono);color:#52637a;white-space:pre-wrap;-webkit-mask-image:linear-gradient(#000 60%,transparent);mask-image:linear-gradient(#000 60%,transparent)}
.thumb-badge{font:700 .7rem var(--sans);color:var(--muted)}
.evidence-info{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 14px 14px;width:100%}
.evidence-filename{margin:6px 0 2px}
.evidence-meta{margin-top:0}
[data-format=pdf] .evidence-filetype,.material-list [data-format=pdf] .file-icon{background:#fdeceb;color:#b42318;border-color:#f7cdc8}
[data-format=image] .evidence-filetype,.material-list [data-format=image] .file-icon{background:#f3edfc;color:#6b3fb0;border-color:#e0d3f6}
[data-format=web] .evidence-filetype,.material-list [data-format=web] .file-icon,[data-format=word] .evidence-filetype,.material-list [data-format=word] .file-icon{background:#e9f0fd;color:#2859c5;border-color:#cfdcf7}
[data-format=table] .evidence-filetype,.material-list [data-format=table] .file-icon,[data-format=sheet] .evidence-filetype,.material-list [data-format=sheet] .file-icon{background:#e7f5ef;color:#087443;border-color:#c7e8d8}
.material-list [data-format=email] .file-icon,.material-list [data-format=chat] .file-icon,.material-list [data-format=teams] .file-icon{background:#fff3e3;color:#b45309;border-color:#f7dcb6}
.material-list [data-format=code] .file-icon,.material-list [data-format=git] .file-icon{background:#eef1f5;color:#334155;border-color:#d8dee7}
/* Level map: arcs show what each level hands to later ones */
.level-map{padding:30px 40px 4px;background:#fff;border-bottom:1px solid var(--line)}
.level-map .ladder-heading{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 14px;padding:0;margin:0 0 12px;border:0;background:none;font:inherit}
.level-map .ladder-heading p{margin:0;font:.82rem/1.4 var(--sans);color:var(--muted)}
.level-map .ladder-heading>span{margin-left:auto;font:.8rem var(--sans);color:var(--muted)}
.dep-type[data-type=data],.dep-arc[data-type=data]{--c:var(--t-data)}
.dep-type[data-type=tools],.dep-arc[data-type=tools]{--c:var(--t-tools)}
.dep-type[data-type=strategy],.dep-arc[data-type=strategy]{--c:var(--t-strategy)}
.dep-type[data-type=user],.dep-arc[data-type=user]{--c:var(--t-user)}
.dep-type[data-type=domain],.dep-arc[data-type=domain]{--c:var(--t-domain)}
.dep-legend{display:flex;flex-wrap:wrap;gap:6px}
.dep-type{display:inline-flex;align-items:center;gap:7px;padding:4px 11px;border:1px solid var(--line);border-radius:999px;background:#fff;font:500 .76rem/1.3 var(--sans);color:var(--ink);cursor:pointer;transition:opacity .2s ease,border-color .2s ease}
.dep-type:hover{border-color:#b6c3cf}
.dep-type i{width:9px;height:9px;border-radius:50%;background:var(--c)}
.dep-type span{color:var(--muted)}
.dep-type[aria-pressed=false]{opacity:.5}
.dep-type[aria-pressed=false] i{background:none;box-shadow:inset 0 0 0 1.5px var(--c)}
.dep-map{position:relative;margin-top:4px}
.dep-arcs{display:block;width:100%;height:170px;overflow:visible}
.dep-line{fill:none;stroke:var(--c);stroke-width:1.6;stroke-linecap:round;opacity:.5;transition:opacity .35s ease,stroke-width .35s ease}
.dep-flow{fill:none;stroke:#fff;stroke-width:1.5;stroke-linecap:round;stroke-dasharray:.5 11;opacity:0;pointer-events:none;transition:opacity .35s ease}
.dep-hit{fill:none;stroke:transparent;stroke-width:12;pointer-events:stroke;cursor:pointer}
.is-in .dep-line,.is-thread .dep-line{opacity:1;stroke-width:2.6}
.is-out .dep-line{opacity:.75;stroke-width:1.8}
.is-dim .dep-line{opacity:.14}
.is-faint .dep-line{opacity:.05}
.is-in .dep-flow,.is-thread .dep-flow{opacity:.95;animation:dep-flow 1s linear infinite}
.dep-arc:hover .dep-line{opacity:1;stroke-width:3.2}
@keyframes dep-flow{to{stroke-dashoffset:-11.5}}
.browser-level-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;padding:0;border:0;background:none;overflow:visible}
.browser-level-tabs button{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0;padding:12px 14px 13px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);text-align:left;transition:border-color .2s ease,transform .2s ease}
.browser-level-tabs button:hover{border-color:#b6c3cf;transform:translateY(-2px)}
.browser-level-tabs button[aria-selected=true]{background:var(--stair-ink);border-color:var(--stair-ink);border-bottom-color:var(--stair-ink);color:#fff}
.browser-level-tabs button[aria-selected=true]::after{content:'';position:absolute;top:-6px;right:16px;width:11px;height:11px;border-radius:50%;background:var(--stair-dot);box-shadow:0 0 0 3px #fff}
.browser-level-tabs button:focus-visible{outline:2px solid var(--rust);outline-offset:2px}
.browser-level-tabs .step-top{display:flex;align-items:baseline;justify-content:space-between;gap:8px;width:100%}
.browser-level-tabs .step-top b{font:700 .76rem/1 var(--mono)}
.browser-level-tabs .step-files{display:inline;font:.7rem/1 var(--sans);color:var(--muted)}
.browser-level-tabs [aria-selected=true] .step-files{color:#b3bfcc}
.browser-level-tabs .step-label{display:block;font:650 .9rem/1.3 var(--sans);color:inherit}
.browser-level-tabs .step-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font:400 .74rem/1.4 var(--sans);color:var(--muted)}
.browser-level-tabs [aria-selected=true] .step-title{color:#c6d0db}
.browser-level-tabs button[data-thread]{border-color:var(--stair-dot)}
.browser-level-tabs button[data-thread=next]{border-style:dashed}
.browser-level-tabs button[data-thread=current]{animation:thread-pulse 1.6s ease-out infinite}
@keyframes thread-pulse{from{box-shadow:0 0 0 0 #ed773a66}to{box-shadow:0 0 0 12px #ed773a00}}
.dep-hover{min-height:3em;margin:14px 0 0;font:.83rem/1.55 var(--sans);color:var(--ink)}
.dep-hover b{font-weight:650}
.dep-hint{color:var(--muted)}
.dep-hint b{color:var(--stair-dot)}
.dep-dot{display:inline-block;width:9px;height:9px;margin-right:7px;border-radius:50%;background:var(--c)}
.dep-kind{margin:0 4px;color:var(--muted)}
.dep-detail{color:#43536a}
.dep-threads{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:4px 0 20px}
.dep-threads[hidden]{display:none}
.dep-threads-label{margin-right:4px;font:600 .78rem/1.3 var(--sans);color:var(--muted)}
.dep-thread-list{display:flex;flex-wrap:wrap;gap:6px}
.dep-thread-list button{padding:5px 12px;border:1px solid var(--line);border-radius:999px;background:#fff;font:500 .78rem/1.3 var(--sans);color:var(--ink);cursor:pointer;transition:border-color .2s ease,background .2s ease}
.dep-thread-list button::before{content:'';display:inline-block;margin-right:8px;border-left:7px solid var(--stair-dot);border-top:4px solid transparent;border-bottom:4px solid transparent;vertical-align:0}
.dep-thread-list button:hover{border-color:#e9b493}
.dep-thread-list button[aria-pressed=true]{background:#fff5ee;border-color:var(--stair-dot)}
.thread-panel{margin:-4px 0 22px;padding:14px 16px 16px;border:1px solid #f2d2bd;border-radius:12px;background:#fffaf6}
.thread-panel[hidden]{display:none}
.thread-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;font:.88rem/1.3 var(--sans)}
.thread-head b{font-weight:650}
.thread-head button{border:0;background:none;font:500 .78rem var(--sans);color:var(--muted);cursor:pointer}
.thread-head button:hover{color:var(--ink)}
.thread-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px;margin:0;padding:0;list-style:none}
.thread-steps button{display:flex;flex-direction:column;gap:4px;width:100%;height:100%;padding:10px 12px;border:1px solid #f0dccd;border-radius:9px;background:#fff;text-align:left;font:.79rem/1.45 var(--sans);color:#43536a;cursor:pointer;transition:opacity .4s ease,border-color .3s ease,box-shadow .3s ease}
.thread-steps b{font:700 .72rem/1 var(--mono);color:#c2541a}
.thread-steps li[data-state=next] button{opacity:.4}
.thread-steps li[data-state=current] button{border-color:var(--stair-dot);color:var(--ink);box-shadow:0 0 0 3px #ed773a22}
/* Level body + instructions */
.level-body{padding:30px 40px 0}
.level-title-row .eyebrow{margin-bottom:6px;font:500 .8rem/1.4 var(--sans);letter-spacing:0;text-transform:none;color:var(--muted)}
.level-title-row h3{font:750 1.55rem/1.25 var(--display);letter-spacing:-.03em;max-width:760px}
.content-tabs button{font-size:.86rem}
.content-tabs button[aria-selected=true]{color:var(--ink);border-bottom-color:var(--ink)}
.content-panel{padding-top:26px}
.brief-layout{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:44px;align-items:start}
.brief.is-entering{animation:brief-in .3s ease both}
@keyframes brief-in{from{opacity:0}to{opacity:1}}
.brief h4{margin:0 0 8px;font:650 .86rem/1.3 var(--display);letter-spacing:0;text-transform:none;color:var(--ink)}
.brief .prose{font-size:.9rem;line-height:1.75}
.brief .prose p:first-child{margin-top:0}
.brief .prose p:last-child{margin-bottom:0}
.brief-ref{margin-bottom:18px;font:.76rem/1.5 var(--mono);color:var(--muted)}
.brief-scenario .prose{color:#3c4c61}
.brief-task{margin:24px 0;padding:18px 22px;border-radius:12px;background:color-mix(in srgb,var(--task-accent) 5%,#fff);border:1px solid color-mix(in srgb,var(--task-accent) 16%,#fff)}
.brief-task .prose{font-size:.96rem;color:var(--ink)}
.brief-io{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.brief-card{padding:18px 20px;border:1px solid var(--line);border-radius:12px;background:#fff}
.brief-card>.prose{margin-bottom:8px;font-size:.84rem}
.io-list{margin:0;padding:0;list-style:none}
.io-list li{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:9px 0;border-bottom:1px solid #edf1f5;font-size:.83rem;line-height:1.6;overflow-wrap:anywhere}
.io-list li:last-child{border-bottom:0;padding-bottom:0}
.io-list li.is-carried{margin:3px -10px;padding:9px 10px;border:0;border-radius:8px;background:color-mix(in srgb,var(--task-accent) 6%,#fff)}
.io-list code{padding:1px 5px;border-radius:4px;background:#f1f5f9;font:.75rem/1.6 var(--mono);color:#24364b;word-break:break-all}
.carry-pill{padding:1px 8px;border-radius:999px;background:var(--task-accent);font:650 .7rem/1.5 var(--sans);color:#fff}
.brief-extra{margin-top:22px}
/* Carried into this level */
.carried{margin:0 0 26px;padding:16px 18px 6px;border:1px solid var(--line);border-radius:12px;background:#fbfcfd}
.carried h4{display:flex;align-items:center;gap:8px;margin:0 0 6px}
.carried h4 span{padding:1px 8px;border-radius:999px;background:#eaeef3;font:600 .72rem/1.5 var(--sans);color:#52637a}
.carried ul{margin:0;padding:0;list-style:none}
.carried li{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:12px;align-items:baseline;padding:10px 0;border-top:1px solid #edf1f5}
.carried li:first-child{border-top:0}
.carry-from{justify-self:start;padding:2px 8px;border-radius:999px;background:var(--c);font:650 .7rem/1.45 var(--sans);color:#fff;white-space:nowrap}
.carry-text{display:flex;flex-direction:column;gap:2px;font-size:.85rem;line-height:1.5}
.carry-text b{font-weight:650;color:var(--ink)}
.carry-text span{font-size:.8rem;color:#52637a}
.carry-kind{font:500 .72rem/1.4 var(--sans);color:var(--c);white-space:nowrap}
.carried-next{margin:2px 0 12px;font:.78rem/1.5 var(--sans);color:var(--muted)}
.brief-aside{position:sticky;top:100px;padding:0;border:0;background:none}
.aside-actions{display:flex;flex-direction:column;gap:8px}
.aside-actions button{width:100%;padding:10px 14px;border-radius:8px;font:600 .82rem/1.2 var(--sans);text-align:center;transition:background .16s,border-color .16s}
.aside-primary{border:1px solid var(--ink);background:var(--ink);color:#fff}
.aside-primary:hover{background:#263c56}
.aside-secondary{border:1px solid var(--line);background:#fff;color:var(--ink)}
.aside-secondary:hover{border-color:#b6c3cf}
.level-navigation{margin-top:34px}
.level-navigation button{padding:7px 0;border:0;color:var(--ink);font-weight:600}
.level-navigation button:hover:not(:disabled){text-decoration:underline;text-underline-offset:4px}
.level-navigation button:disabled{opacity:.4}
.material-browser{border-radius:10px}
@media(max-width:1100px){
  .task-list{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(220px,1fr);overflow-x:auto;scroll-snap-type:x mandatory;padding:8px 2px 12px}
  .catalog-task{scroll-snap-align:start}
  .catalog-task:hover{transform:translateY(-3px)}
  .brief-layout{grid-template-columns:1fr;gap:24px}
  .brief-aside{position:static}
  .aside-actions{flex-direction:row}
  .aside-actions button{width:auto}
  .detail-facts{grid-template-columns:1fr 1fr}
  .detail-facts>div:last-child{grid-column:1/-1}
}
@media(max-width:760px){
  .browser-heading{flex-direction:column;align-items:flex-start;gap:14px}
  .hero-side{text-align:left;flex-wrap:wrap;gap:14px}
  .material-wheel{height:262px}
  .wheel-card{--w:162px;top:18px}
  .task-list{grid-auto-columns:78%}
  .detail-overview{padding:26px 20px}
  .detail-source{position:static;display:inline-block;margin-top:20px}
  .detail-facts{grid-template-columns:1fr;gap:16px}
  .evidence-shelf{padding:22px 20px}
  .evidence-grid{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:78%;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px}
  .evidence-card{scroll-snap-align:start}
  .level-map{padding:24px 16px 4px}
  .level-map .ladder-heading>span{margin-left:0}
  .dep-arcs{height:120px}
  .browser-level-tabs{gap:6px}
  .browser-level-tabs button{padding:9px 8px 10px}
  .browser-level-tabs button[aria-selected=true]::after{right:8px}
  .browser-level-tabs .step-title,.browser-level-tabs .step-files{display:none}
  .browser-level-tabs .step-label{font-size:.74rem;line-height:1.25}
  .level-body{padding:24px 18px 0}
  .level-title-row h3{font-size:1.3rem}
  .brief-io{grid-template-columns:1fr}
  .carried{padding:14px 14px 4px}
  .carried li{grid-template-columns:58px minmax(0,1fr);gap:10px}
  .carry-kind{display:none}
  .aside-actions{flex-direction:column}
  .aside-actions button{width:100%}
}
@media(max-width:520px){
  .browser-level-tabs button{align-items:center;padding:12px 4px}
  .browser-level-tabs .step-top{justify-content:center}
  .browser-level-tabs .step-top b{font-size:.84rem}
  .browser-level-tabs .step-label{display:none}
}
@media(prefers-reduced-motion:reduce){
  .catalog-task,.catalog-thumb img,.evidence-card,.evidence-thumb img,.wheel-card,.dep-line,.dep-flow,.browser-level-tabs button,.thread-steps button{transition:none}
  .catalog-task:hover,.evidence-card:hover,.browser-level-tabs button:hover{transform:none}
  .dep-flow{display:none}
  .browser-level-tabs button[data-thread=current]{animation:none}
  .brief.is-entering{animation:none}
}