:root{
 --forest:#0d2b18;--forest2:#184b2b;--forest3:#2f6a43;--gold:#c89b2b;--gold2:#e1bf61;
 --ink:#17211a;--muted:#667169;--line:#d7dfd9;--wash:#f2f5f2;--paper:#fff;--cream:#f7f2e6;
 --greenwash:#edf4ef;--amber:#8a6018;--amberbg:#fff3d8;--red:#8a3a32;--redbg:#fbe9e6;--blue:#315a78;--bluebg:#edf4f9;
 --shadow:0 12px 34px rgba(9,42,23,.075);--radius:16px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--wash);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;line-height:1.5}button,input,select,textarea{font:inherit}a{color:var(--forest2);text-decoration:none}a:hover{text-decoration:underline}
[hidden]{display:none!important}.shell{min-height:100vh}.topbar{position:sticky;top:0;z-index:50;background:linear-gradient(110deg,#081a0e 0%,var(--forest) 48%,#123922 100%);color:#fff;box-shadow:0 1px 0 rgba(225,191,97,.3),0 7px 22px rgba(7,28,15,.13)}
.topbar-inner{max-width:1540px;margin:auto;min-height:76px;padding:8px 26px;display:flex;align-items:center;gap:22px}.brand{display:flex;align-items:center;gap:12px;min-width:max-content;color:#fff;text-decoration:none}.brand-logo{width:58px;height:58px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.brand-name{font:700 22px Georgia,"Times New Roman",serif;color:#fffdf7}.brand-name small{display:block;font:400 9px Georgia,"Times New Roman",serif;letter-spacing:2px;text-transform:uppercase;color:#e7cf82;margin-top:-2px}
.nav{display:flex;align-items:center;gap:15px;font-size:13px;white-space:nowrap}.nav a{color:#edf5f0;opacity:.82;padding:5px 0}.nav a.active{opacity:1;font-weight:750;color:#f0d67b;text-decoration:none}.nav a.active:after{content:"";display:block;height:2px;border-radius:9px;background:var(--gold);margin-top:4px}.global-search{margin-left:auto;position:relative;width:min(310px,22vw)}.global-search input{width:100%;padding:10px 34px 10px 13px;border:1px solid rgba(255,255,255,.17);border-radius:10px;background:rgba(255,255,255,.09);color:#fff;outline:none}.global-search input::placeholder{color:rgba(255,255,255,.58)}.global-search:after{content:"⌕";position:absolute;right:12px;top:6px;font-size:21px;opacity:.7}.search-pop{position:absolute;right:0;top:48px;width:min(520px,82vw);background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:13px;box-shadow:0 18px 50px rgba(0,0,0,.17);padding:10px;display:none}.search-pop.open{display:block}.search-result{display:block;padding:9px 10px;border-radius:9px}.search-result:hover{background:var(--greenwash);text-decoration:none}.search-result small{display:block;color:var(--muted)}
.account{display:flex;align-items:center;gap:9px;min-width:185px;justify-content:flex-end}.account-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.1);border:1px solid rgba(225,191,97,.38);color:#f2db8a}.account-meta{display:grid;gap:2px}.account-name{font-size:12px;font-weight:750;text-align:right}.role-select{border:0;border-bottom:1px solid rgba(225,191,97,.42);background:transparent;color:#dfeae4;font-size:11px;outline:none;text-align:right}.role-select option{color:var(--ink);background:#fff}
.page{max-width:1540px;margin:auto;padding:26px 28px 72px}.view{display:grid;gap:18px}.breadcrumbs{font-size:12.5px;color:var(--muted);margin-bottom:-4px}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.pad{padding:24px}.hero{padding:34px 36px;background:linear-gradient(135deg,#fff 0%,#f8faf8 58%,#f8f1df 100%);position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:250px;height:250px;border-radius:50%;right:-90px;top:-130px;border:1px solid rgba(200,155,43,.22);box-shadow:0 0 0 34px rgba(200,155,43,.04),0 0 0 68px rgba(24,75,43,.03)}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;color:#183c2d}h1{font-size:34px;line-height:1.15;margin:6px 0 10px}h2{font-size:23px;margin:0 0 15px}h3{font-size:17px;margin:0 0 11px}.eyebrow{font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.1em;color:var(--forest3)}.lead{font-size:16px;color:#536159;max-width:850px}.muted,.small{color:var(--muted)}.small{font-size:12px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stack{display:grid;gap:12px}.split{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px;align-items:start}.two-pane{display:grid;grid-template-columns:290px minmax(0,1fr);gap:20px;align-items:start}.sticky{position:sticky;top:100px}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.between{justify-content:space-between}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.btn{border:0;border-radius:10px;padding:10px 14px;font-weight:730;cursor:pointer}.btn.primary{background:var(--forest);color:#fff;box-shadow:inset 0 -1px 0 rgba(200,155,43,.4)}.btn.secondary{background:#edf3ef;color:var(--forest)}.btn.ghost{background:#fff;border:1px solid var(--line);color:#526159}.btn.gold{background:var(--cream);color:#775618;border:1px solid #e5d39a}.btn.danger{background:var(--redbg);color:var(--red)}.btn.tiny{padding:6px 9px;font-size:12px}.btn:disabled{opacity:.45;cursor:not-allowed}.chips{display:flex;gap:7px;flex-wrap:wrap}.chip,.badge{display:inline-flex;align-items:center;gap:5px;border-radius:999px;font-size:11.5px;padding:5px 9px;background:var(--greenwash);color:var(--forest2);border:1px solid #d9e7dd}.badge.soft{background:#f3f5f3;color:#627068;border-color:#e2e6e3}.badge.warn{background:var(--amberbg);color:var(--amber);border-color:#ead49c}.badge.blue{background:var(--bluebg);color:var(--blue);border-color:#d3e2ed}.badge.red{background:var(--redbg);color:var(--red);border-color:#ecc9c2}.metric{padding:16px;border:1px solid var(--line);border-radius:13px;background:#fbfcfb}.metric strong{font-size:25px;font-family:Georgia,"Times New Roman",serif;color:var(--forest2);display:block}.metric span{font-size:12px;color:var(--muted)}
.rolebar{padding:10px 14px;border:1px solid #dfe7e1;border-radius:12px;background:#fbfcfb;display:flex;justify-content:space-between;gap:14px;align-items:center}.role-actions{display:flex;gap:8px;flex-wrap:wrap}.professional-only,.teacher-up,.expert-up,.admin-up,.founder-only{display:none}body[data-role="teacher"] .professional-only,body[data-role="teacher"] .teacher-up,body[data-role="expert"] .professional-only,body[data-role="expert"] .teacher-up,body[data-role="expert"] .expert-up,body[data-role="admin"] .professional-only,body[data-role="admin"] .teacher-up,body[data-role="admin"] .expert-up,body[data-role="admin"] .admin-up,body[data-role="founder"] .professional-only,body[data-role="founder"] .teacher-up,body[data-role="founder"] .expert-up,body[data-role="founder"] .admin-up,body[data-role="founder"] .founder-only{display:inline-flex}body[data-role="student"] .student-only{display:inline-flex}body:not([data-role="student"]) .student-only{display:none!important}
.notice{padding:13px 15px;border-radius:12px;background:var(--amberbg);border:1px solid #ead49c;color:#73521d;font-size:13px}.notice.info{background:var(--bluebg);border-color:#d3e2ed;color:#36566d}.notice.good{background:#edf6f0;border-color:#cfe2d5;color:#28553a}
.filters{padding:18px}.filter-group{border-top:1px solid var(--line);padding-top:13px;margin-top:13px}.filter-group:first-of-type{border-top:0;margin-top:0;padding-top:0}.filter-group.no-divider{border-top:0;padding-top:0;margin-top:12px}.filter-group label{font-size:12px;font-weight:800;display:block;margin-bottom:6px}.control{width:100%;border:1px solid var(--line);border-radius:9px;background:#fff;padding:9px 10px;outline:none}.checkrow{display:flex;gap:8px;align-items:center;font-size:12px;margin:7px 0}.task-list{display:grid;gap:11px}.task-preview{padding:16px 18px}.task-preview .origin{font-size:11.5px;color:var(--muted)}.task-preview .preview-title{font-weight:760;margin:7px 0 5px}.task-preview .snippet{font:15px Georgia,"Times New Roman",serif}.task-preview .random-option{font-size:12px;color:var(--muted);margin-top:4px}.task-preview .actions{margin-top:11px;display:flex;gap:8px;flex-wrap:wrap}.task-list.rows .task-preview{display:grid;grid-template-columns:155px 65px 80px 115px minmax(0,1fr) 185px;align-items:center;gap:9px;padding:10px 12px}.task-list.rows .origin,.task-list.rows .random-option,.task-list.rows .chips{display:none}.task-list.rows .preview-title{margin:0;font-weight:600}.task-list.rows .snippet{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-list.rows .actions{margin:0;justify-content:flex-end}.task-list.rows .row-only{display:block}.row-only{display:none}
.tabbar{display:flex;gap:5px;background:#edf1ee;border:1px solid #d9e1dc;border-radius:11px;padding:4px;width:max-content;max-width:100%;overflow:auto}.tabbar button{border:0;background:transparent;padding:8px 11px;border-radius:8px;color:#59675f;cursor:pointer;white-space:nowrap}.tabbar button.active{background:#fff;color:var(--forest);font-weight:750;box-shadow:0 1px 3px rgba(0,0,0,.06)}.panel{display:none}.panel.active{display:block}.package-card,.competition-card,.course-card,.source-card{padding:17px;border:1px solid var(--line);border-radius:13px;background:#fff}.package-card:hover,.competition-card:hover,.course-card:hover,.source-card:hover{border-color:#a9bbae}.progress{height:7px;background:#e8ece9;border-radius:99px;overflow:hidden}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--forest3),#738340,var(--gold))}.timeline{display:grid;gap:10px}.timeline-item{display:grid;grid-template-columns:84px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid #edf0ee}.timeline-item:last-child{border-bottom:0}.tree{font-size:13px}.tree button{width:100%;text-align:left;border:0;background:transparent;padding:7px 8px;border-radius:8px;cursor:pointer;color:#405047}.tree button:hover,.tree button.active{background:var(--greenwash);color:var(--forest);font-weight:720}.tree .lvl2{padding-left:20px}.tree .lvl3{padding-left:38px}.usage{padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#fbfcfb}.source-list{display:grid;gap:12px}.knowledge-source{padding:14px 15px;border:1px solid var(--line);border-radius:12px;background:#fbfcfb}.source-meta{font-size:12.5px;color:var(--muted);margin:5px 0}.course-usage{margin-top:13px;border:1px solid #d8e3dc;border-radius:12px;background:#f7faf8}.course-usage summary{cursor:pointer;padding:12px 14px;font-weight:780;color:var(--forest2)}.course-usage-list{display:grid;gap:8px;padding:0 14px 14px}.course-usage-item{padding:10px 12px;background:#fff;border:1px solid var(--line);border-radius:9px}.course-usage-role{display:block;font-size:12px;color:var(--muted);margin-top:3px}
/* task detail */.task-hero{padding:24px 27px}.task-kicker{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.07em;font-weight:800}.task-question{padding:27px}.question-text{font:24px/1.4 Georgia,"Times New Roman",serif;margin:0 0 20px}.options{display:grid;gap:9px}.option{display:grid;grid-template-columns:24px 1fr;gap:10px;padding:12px 14px;border:1px solid var(--line);border-radius:11px;cursor:pointer;background:#fff}.option:has(input:checked){background:#f0f7f2;border-color:var(--forest3)}.option input{margin-top:4px}.result{margin-top:15px;padding:13px 15px;border-radius:11px;background:#edf6f0;border:1px solid #cfe2d5}.result.bad{background:var(--redbg);border-color:#ecc9c2}.task-section{padding:23px 26px}.task-section.reveal{display:none}.task-section.reveal.open{display:block}.passport{padding:18px}.meta{display:grid;gap:8px}.meta-row{display:grid;grid-template-columns:115px 1fr;gap:10px;font-size:12.5px}.meta-row dt{color:var(--muted)}.meta-row dd{margin:0;font-weight:650}.occurrence{padding:10px 11px;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer}.occurrence.active{border-color:var(--forest3);background:var(--greenwash)}.exposure{display:flex;gap:6px;align-items:center;font-size:11.5px}.level{padding:5px 8px;border-radius:99px;background:#edf1ee;color:#68746d}.level.done{background:#dfeee4;color:#245c38;font-weight:750}.classification-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.classbox{padding:12px;border:1px solid var(--line);border-radius:11px}.classbox b{display:block;font-size:11px;color:var(--muted);letter-spacing:.07em;margin-bottom:4px}.expert-comment{padding:13px 15px;background:#fbfcfb;border-left:3px solid var(--gold);border-radius:8px}.statbar{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.statmini{padding:12px;background:#fbfcfb;border:1px solid var(--line);border-radius:10px}.statmini strong{display:block;font-size:19px;color:var(--forest2)}
/* solve */.solve-shell{display:grid;grid-template-columns:230px minmax(0,1fr);gap:18px}.solve-nav{padding:16px}.solve-q-list{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:10px}.solve-q-list button{aspect-ratio:1;border:1px solid var(--line);border-radius:8px;background:#fff;cursor:pointer}.solve-q-list button.active{background:var(--forest);color:#fff}.solve-q-list button.answered{border-color:var(--forest3);box-shadow:inset 0 0 0 2px #dcebdd}.timer{font:700 25px Georgia,"Times New Roman",serif;color:var(--forest2)}.problem-box{margin-top:14px;padding:12px;border:1px solid #ecd7a1;background:#fff8e8;border-radius:11px}.review-item{padding:12px 14px;border-left:4px solid #9db2a3;background:#fbfcfb;border-radius:8px}.review-item.correct{border-color:#4d8b61}.review-item.wrong{border-color:#b65b4e}
.toast{position:fixed;right:24px;bottom:24px;z-index:100;background:#132c1e;color:#fff;padding:12px 15px;border-radius:11px;box-shadow:0 12px 34px rgba(0,0,0,.2);opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translateY(0)}.modal-backdrop{position:fixed;inset:0;background:rgba(6,20,11,.42);z-index:80;display:none;place-items:center;padding:20px}.modal-backdrop.open{display:grid}.modal{width:min(560px,96vw);background:#fff;border-radius:16px;padding:22px;box-shadow:0 22px 70px rgba(0,0,0,.28)}.modal h2{margin-bottom:8px}
.footer{max-width:1540px;margin:auto;padding:0 28px 28px;color:var(--muted);font-size:11.5px;text-align:center}
@media(max-width:1200px){.nav{gap:10px;font-size:12px}.global-search{display:none}.grid4{grid-template-columns:1fr 1fr}.split{grid-template-columns:1fr 300px}.task-list.rows .task-preview{grid-template-columns:120px 60px 80px minmax(0,1fr) 165px}.task-list.rows .row-hide-mid{display:none}}
@media(max-width:900px){.topbar-inner{flex-wrap:wrap}.nav{order:3;width:100%;overflow:auto;padding-bottom:4px}.account{margin-left:auto}.page{padding:18px 16px 60px}.grid2,.grid3,.grid4,.split,.two-pane,.solve-shell,.classification-grid,.statbar{grid-template-columns:1fr}.sticky{position:static}.task-list.rows .task-preview{display:block}.task-list.rows .origin,.task-list.rows .random-option,.task-list.rows .chips{display:flex}.task-list.rows .actions{margin-top:10px}.row-only{display:none!important}.hero{padding:27px 24px}h1{font-size:29px}.question-text{font-size:21px}.rolebar{align-items:flex-start;flex-direction:column}}

/* density + header refinements */
.brand-name{font-size:30px!important;line-height:1.02;letter-spacing:.15px}.brand-name small{display:none!important}.brand{gap:12px}.brand-logo{width:56px;height:56px}.nav{gap:18px}.task-list.rows{gap:8px}.task-list.rows .task-preview{display:grid;grid-template-columns:130px 52px 88px 112px minmax(0,1fr) 200px;align-items:center;gap:10px;padding:8px 14px;border-radius:16px}.task-list.rows .preview-title{margin:0;font-size:12.5px;line-height:1.15;font-weight:800;letter-spacing:.02em}.task-list.rows .snippet{font-size:12.5px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-list.rows .actions{margin:0;display:flex;gap:6px;justify-content:flex-end;flex-wrap:nowrap}.task-list.rows .actions .btn{padding:6px 8px;font-size:11.5px;border-radius:9px;white-space:nowrap}.task-list.rows .origin,.task-list.rows .random-option,.task-list.rows .chips{display:none}.task-list.rows .row-only{display:block;font-size:12px;color:#36473d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-list.rows .task-preview .btn.ghost{min-width:32px;padding-inline:7px}.task-list.rows .task-preview .btn.secondary{padding-inline:7px}@media(max-width:1200px){.task-list.rows .task-preview{grid-template-columns:118px 48px 74px 100px minmax(0,1fr) 176px}.task-list.rows .actions .btn{font-size:11px;padding:6px 7px}.brand-name{font-size:27px!important}}@media(max-width:900px){.brand-name{font-size:25px!important}}

/* --- refinement after 2026-08-16 user review --- */
.topbar-inner{align-items:center}.brand{align-items:center}.brand-name{position:relative;top:-1px}.nav{align-items:center}.rolebar{margin:10px 0 14px;padding:14px 20px;border-radius:18px;background:#fff}.rolebar b{font-size:18px}.rolebar .small{font-size:14px}.task-reveal-sticky{position:sticky;top:90px;z-index:6;display:flex;gap:10px;flex-wrap:wrap;padding:12px 14px;margin-top:16px;border:1px solid var(--line);border-radius:14px;background:rgba(248,250,248,.96);backdrop-filter:blur(4px)}.task-reveal-sticky .btn{border-radius:999px}.task-reveal-sticky .btn.active{background:var(--forest);border-color:var(--forest);color:#fff}.task-expert-essay p{margin:0 0 14px}.task-source-list-legacy{display:grid;gap:14px}.task-knowledge-source{padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:#fbfcfb}.task-source-meta{margin-top:6px;color:#536159;font-size:14px;line-height:1.5}.task-knowledge-source a{display:inline-block;margin-top:8px}.stats-head-legacy{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:16px}.sample-count-legacy{display:flex;align-items:baseline;gap:8px;background:#fbfcfb;border:1px solid var(--line);padding:8px 12px;border-radius:999px}.sample-count-legacy strong{font:700 24px Georgia,serif;color:#183c2d}.sample-count-legacy span{font-size:12px;color:#617068}.stats-filters-legacy{display:grid;gap:12px;margin-bottom:18px}.filter-block-legacy{padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:#fbfcfb}.filter-label-legacy{font-size:12px;font-weight:800;color:#617068;margin-bottom:8px}.filter-switch-legacy{display:flex;gap:8px;flex-wrap:wrap}.filter-switch-legacy button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:700;color:#31483a;cursor:pointer}.filter-switch-legacy button.active{background:var(--greenwash);border-color:#cddfd2;color:#1f5134}.filter-switch-legacy button span{opacity:.7;margin-left:4px}.stat-metrics-grid-legacy{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px}.stat-metric-legacy{padding:14px;border:1px solid var(--line);border-radius:14px;background:#fbfcfb}.metric-head-legacy{display:flex;justify-content:space-between;gap:10px;align-items:baseline}.metric-head-legacy span{font-size:13px;color:#536159}.metric-head-legacy strong{font:700 24px Georgia,serif;color:#183c2d}.metric-bar-legacy{height:10px;border-radius:999px;background:#e9efea;overflow:hidden;margin:10px 0 8px}.metric-bar-legacy>span{display:block;height:100%;background:#2c6d49;border-radius:999px}.metric-bar-legacy.warm>span{background:#b9801c}.metric-bar-legacy.neutral>span{background:#62816d}.metric-caption-legacy{font-size:12px;color:#67746d}.task-section-original.reveal{display:none}.task-section-original.reveal.open{display:block}.task-side-card h3{margin-bottom:14px}@media(max-width:900px){.task-reveal-sticky{position:static}.stats-head-legacy{flex-direction:column;align-items:flex-start}.stat-metrics-grid-legacy{grid-template-columns:1fr}}


/* T00000001: карточка ближе к эталонному vserosberi_task_card_demo.html */
#view-task{gap:18px}
#view-task .task-topline{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}
#view-task .task-layout-original{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:26px;align-items:start}
#view-task .task-main-column{display:grid;gap:18px;min-width:0}
#view-task .task-sidebar-original{display:grid;gap:16px;position:sticky;top:100px;align-self:start}
#view-task .task-original-hero{padding:28px 30px 24px;background:#fff}
#view-task .task-badge-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:14px}
#view-task .task-kicker-original{font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-weight:700}
#view-task .task-original-hero h1{font-family:Georgia,"Times New Roman",serif;font-size:34px;line-height:1.16;margin:8px 0 10px;color:#163828}
#view-task .task-source-strip{margin-top:20px;padding-top:18px;border-top:1px solid var(--line);display:flex;gap:22px;flex-wrap:wrap;font-size:13px;color:#4f5c55}
#view-task .task-source-strip strong{color:var(--ink)}
#view-task .task-original-question{padding:30px}
#view-task .task-q-label{font-size:12px;color:var(--forest2);font-weight:800;letter-spacing:.09em;text-transform:uppercase;margin-bottom:12px}
#view-task .question-text{font-family:Georgia,"Times New Roman",serif;font-size:25px;line-height:1.38;margin:0 0 22px}
#view-task .task-options-original{display:grid;gap:10px}
#view-task .task-option-wrap{display:grid;gap:7px}
#view-task .task-option-original{position:relative;display:grid;grid-template-columns:28px 1fr;gap:12px;align-items:start;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:#fff;cursor:pointer;transition:.15s ease}
#view-task .task-option-original:hover{border-color:#9bb4a5;background:#fbfdfb}
#view-task .task-option-original input{position:absolute;opacity:0;pointer-events:none}
#view-task .task-radio{width:22px;height:22px;border:2px solid #9aaba1;border-radius:50%;display:grid;place-items:center;margin-top:1px}
#view-task .task-radio:after{content:"";width:10px;height:10px;border-radius:50%;background:var(--forest2);transform:scale(0);transition:.12s}
#view-task .task-option-original:has(input:checked){border-color:var(--forest2);background:#f1f7f3;box-shadow:0 0 0 1px rgba(31,90,67,.08)}
#view-task .task-option-original input:checked + .task-radio{border-color:var(--forest2)}
#view-task .task-option-original input:checked + .task-radio:after{transform:scale(1)}
#view-task .task-opt-letter{display:inline-block;color:var(--muted);font-weight:800;margin-right:5px}
#view-task .task-option-comment{padding:11px 14px;border-radius:10px;font-size:13px;line-height:1.45;margin-left:40px}
#view-task .task-option-comment.correct{background:#eef6f1;border:1px solid #cfe1d6;color:#28553a}
#view-task .task-option-comment.incorrect{background:#faf1ef;border:1px solid #efd5cf;color:#70413a}
#view-task .task-actions-original{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:22px}
#view-task #answerResult{margin-top:18px;padding:16px 18px;border-radius:12px;background:#eef6f1;border:1px solid #cfe1d6}
#view-task #answerResult.result.bad{background:var(--redbg);border-color:#efc8c1}
#view-task .task-scan-placeholder{margin-top:18px;padding:18px;border:1px dashed #b9c7bd;border-radius:12px;background:#fafcfb;color:#526159;font-size:13px}
#view-task .task-scan-placeholder strong{display:block;color:#183c2d;margin-bottom:4px}
#view-task .task-section-original{padding:26px 30px}
#view-task .task-section-original h2{font-family:Georgia,"Times New Roman",serif;font-size:23px;margin:0 0 16px;color:#183c2d}
#view-task .task-section-original h3{font-size:13px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin:22px 0 10px;font-family:inherit}
#view-task .task-section-original.reveal{display:none}
#view-task .task-section-original.reveal.open{display:block}
#view-task .task-reveal-controls{display:flex;gap:10px;flex-wrap:wrap}
#view-task .task-tags{display:flex;flex-wrap:wrap;gap:8px}
#view-task .task-tags span{padding:7px 10px;border-radius:9px;background:#edf3ef;color:#284b3a;font-size:13px;border:1px solid #dce8e0}
#view-task .task-tax-item{padding:13px 14px;background:#fafcfb;border:1px solid var(--line);border-radius:12px}
#view-task .task-tax-code{font-size:11px;font-weight:800;color:#748079;letter-spacing:.09em;margin-bottom:4px}
#view-task .task-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:16px}
#view-task .task-section-head h2{margin-bottom:0}
#view-task .task-expert-byline{display:flex;align-items:center;gap:12px;margin-bottom:16px}
#view-task .task-expert-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#e7efe9;color:var(--forest2);font-weight:800;border:1px solid #d1ded5;flex:0 0 auto}
#view-task .task-expert-person{font-weight:800;color:#183c2d}.task-expert-role{font-size:12px;color:var(--muted)}
#view-task .task-expert-text{font-size:14px;line-height:1.65;color:#32443a}
#view-task .task-equation{padding:14px 16px;border-radius:11px;background:#f4f7f5;border:1px solid #dce4df;font-family:Georgia,"Times New Roman",serif;text-align:center;font-size:17px;margin-top:12px}
#view-task .task-typical-error{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;margin-top:16px;padding:13px 14px;border-radius:12px;background:var(--amberbg);border:1px solid #ecd7a2;color:#73521d;font-size:13px}
#view-task .task-teacher-actions{display:none;margin-top:14px}
body[data-role="teacher"] #view-task .task-teacher-actions,body[data-role="expert"] #view-task .task-teacher-actions,body[data-role="admin"] #view-task .task-teacher-actions,body[data-role="founder"] #view-task .task-teacher-actions{display:flex}
#view-task .task-source-list{display:grid;gap:12px}
#view-task .task-knowledge-source{padding:15px 16px;border:1px solid var(--line);border-radius:12px;background:#fbfcfb;font-size:13px}
#view-task .task-knowledge-source strong{display:block;color:#183c2d;margin-bottom:5px}
#view-task .course-usage-count{font-size:11px;font-weight:600;color:var(--muted);margin-left:6px}
#view-task .task-classification-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
#view-task .task-class-group{padding:17px;background:#fbfcfb;border:1px solid var(--line);border-radius:14px;min-width:0}
#view-task .task-class-group.wide{grid-column:1/-1}
#view-task .task-class-group h3{font-size:14px!important;text-transform:none!important;letter-spacing:0!important;color:#294538!important;font-weight:800;margin:0 0 12px!important}
#view-task .task-hierarchy{display:flex;align-items:center;gap:6px;overflow-x:auto;padding-bottom:4px}
#view-task .task-hierarchy span,#view-task .task-node{display:inline-flex;align-items:center;min-height:31px;padding:6px 10px;border-radius:10px;border:1px solid #d6ded8;background:#f4f6f4;color:#4d5c53;font-size:12.5px;font-weight:650;white-space:nowrap}
#view-task .task-hierarchy span.primary,#view-task .task-node.primary{background:#e5f1e9;border-color:#7da68a;color:#17492a}
#view-task .task-node.supplementary{background:#fbf2dd;border-color:#d2b461;color:#73561a}
#view-task .task-hierarchy i{font-style:normal;color:#9eaaa2}.task-node-row{display:flex;flex-wrap:wrap;gap:7px}
#view-task .task-secondary-line{font-size:12px;color:var(--muted);margin-top:9px}
#view-task .task-stat-filter-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.task-stat-filter{padding:6px 9px;border:1px solid var(--line);border-radius:9px;font-size:12px;color:var(--muted);background:#fff}.task-stat-filter.active{background:#edf3ef;color:var(--forest2);border-color:#d6e4db}
#view-task .task-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.task-stat-metric{padding:16px;border:1px solid var(--line);border-radius:13px;background:#fbfcfb}.task-stat-metric>div:first-child{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.task-stat-metric strong{font-size:20px;color:var(--forest2)}.task-stat-metric small{color:var(--muted)}
#view-task .task-metric-bar{height:7px;border-radius:99px;background:#e8ece9;overflow:hidden;margin:10px 0 7px}.task-metric-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--forest3),#758642,var(--gold))}.task-metric-bar.warm i{background:linear-gradient(90deg,#b78a32,#d0a94f)}.task-metric-bar.neutral i{background:#87958d}
#view-task .task-stats-detail-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(240px,.7fr);gap:14px;margin-top:14px}.task-option-frequency,.task-stat-note{padding:16px;border:1px solid var(--line);border-radius:13px;background:#fff}.task-option-frequency h3,.task-stat-note h3{margin:0 0 12px!important}.task-option-frequency>div{display:grid;grid-template-columns:28px 1fr minmax(90px,1.4fr) 42px;gap:8px;align-items:center;margin:8px 0;font-size:12.5px}.task-option-frequency b{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;background:#f0f2f0}.task-option-frequency b.correct{background:#e4f0e7;color:#1f6236}.task-option-frequency i{height:7px;background:#e9ecea;border-radius:99px;overflow:hidden}.task-option-frequency em{display:block;height:100%;background:#91a99a}.task-option-frequency strong{text-align:right}.task-stat-note p{font-size:13px;color:#56645c}
#view-task .task-discussion-post{display:grid;grid-template-columns:42px 1fr;gap:12px;padding:14px;border:1px solid var(--line);border-radius:12px;background:#fbfcfb}.task-discussion-post small{display:block;color:var(--muted);margin-top:2px}.task-discussion-post p{margin:7px 0 0}.task-editorial-decision{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-top:12px;padding:14px;border:1px solid #dccd9f;background:#faf5e7;border-radius:12px}.task-editorial-decision span{display:block;font-size:13px;margin-top:3px;color:#65522a}
#view-task .task-side-card{padding:20px}.task-side-card h3{font-family:Georgia,"Times New Roman",serif;font-size:19px;margin:0 0 14px;color:#183c2d}.task-meta-original{display:grid;gap:10px}.task-meta-original>div{display:grid;grid-template-columns:116px 1fr;gap:10px;font-size:13px;align-items:start}.task-meta-original dt{color:var(--muted)}.task-meta-original dd{margin:0;color:var(--ink);font-weight:600}
#view-task .task-source-provenance{margin-top:12px;padding-top:12px;border-top:1px solid var(--line);font-size:12.5px}.task-source-provenance>div{display:grid;grid-template-columns:116px 1fr;gap:10px;margin-top:8px}.task-source-provenance span{color:var(--muted)}.task-source-provenance a{font-weight:700}
#view-task .task-side-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.task-side-actions .btn{padding:9px 10px;font-size:13px}
#view-task .task-occurrence-switcher{display:grid;gap:8px}.task-occurrence-option{width:100%;text-align:left;border:1px solid var(--line);background:#fff;border-radius:10px;padding:11px 12px;color:#405047;cursor:pointer;line-height:1.35}.task-occurrence-option.active{border-color:#7da68a;background:#edf5f0;color:#17492a;font-weight:700}
#view-task .task-action-stack{display:grid;gap:8px}.task-action-stack .btn{width:100%}
#view-task .task-readiness>div:first-child{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:var(--muted)}.task-readiness strong{color:#7a5518}.task-readiness p{font-size:12px;color:var(--muted)}.task-history-mini{display:grid;gap:8px;border-top:1px solid var(--line);padding-top:12px}.task-history-mini>div{display:grid;gap:2px}.task-history-mini span{font-size:11px;color:var(--muted)}.task-history-mini strong{font-size:12.5px}
#view-task .task-tech-meta{display:grid;gap:9px}.task-tech-meta>div{display:grid;grid-template-columns:180px 1fr;gap:12px;padding:9px 0;border-bottom:1px solid var(--line);font-size:13px}.task-tech-meta>div:last-child{border-bottom:0}.task-tech-meta dt{color:var(--muted)}.task-tech-meta dd{margin:0;font-weight:650}
#view-task .task-professional-only,#view-task .task-expert-only,#view-task .task-service-only,#view-task .task-teacher-button,#view-task .task-admin-button,#view-task .task-professional-button{display:none}
body[data-role="teacher"] #view-task .task-professional-only,body[data-role="expert"] #view-task .task-professional-only,body[data-role="admin"] #view-task .task-professional-only,body[data-role="founder"] #view-task .task-professional-only{display:block}
body[data-role="teacher"] #view-task .task-teacher-button,body[data-role="expert"] #view-task .task-teacher-button,body[data-role="admin"] #view-task .task-teacher-button,body[data-role="founder"] #view-task .task-teacher-button{display:block}
body[data-role="teacher"] #view-task .task-professional-button,body[data-role="expert"] #view-task .task-professional-button,body[data-role="admin"] #view-task .task-professional-button,body[data-role="founder"] #view-task .task-professional-button{display:inline-block}
body[data-role="expert"] #view-task .task-expert-only,body[data-role="admin"] #view-task .task-expert-only,body[data-role="founder"] #view-task .task-expert-only{display:block}
body[data-role="expert"] #view-task .task-service-only,body[data-role="admin"] #view-task .task-service-only,body[data-role="founder"] #view-task .task-service-only{display:block}
body[data-role="admin"] #view-task .task-admin-button,body[data-role="founder"] #view-task .task-admin-button{display:block}
@media(max-width:1100px){#view-task .task-layout-original{grid-template-columns:1fr}#view-task .task-sidebar-original{position:static;grid-template-columns:1fr 1fr}.task-stat-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){#view-task .task-sidebar-original{grid-template-columns:1fr}#view-task .task-classification-grid,#view-task .task-stat-grid,#view-task .task-stats-detail-grid{grid-template-columns:1fr}#view-task .task-class-group.wide{grid-column:auto}#view-task .task-original-hero,#view-task .task-original-question,#view-task .task-section-original{padding:22px 18px}#view-task .task-tech-meta>div,#view-task .task-meta-original>div,#view-task .task-source-provenance>div{grid-template-columns:1fr;gap:3px}}

/* density + header refinements */
.brand-name{font-size:30px!important;line-height:1.02;letter-spacing:.15px}.brand-name small{display:none!important}.brand{gap:12px}.brand-logo{width:56px;height:56px}.nav{gap:18px}.task-list.rows{gap:8px}.task-list.rows .task-preview{display:grid;grid-template-columns:130px 52px 88px 112px minmax(0,1fr) 200px;align-items:center;gap:10px;padding:8px 14px;border-radius:16px}.task-list.rows .preview-title{margin:0;font-size:12.5px;line-height:1.15;font-weight:800;letter-spacing:.02em}.task-list.rows .snippet{font-size:12.5px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-list.rows .actions{margin:0;display:flex;gap:6px;justify-content:flex-end;flex-wrap:nowrap}.task-list.rows .actions .btn{padding:6px 8px;font-size:11.5px;border-radius:9px;white-space:nowrap}.task-list.rows .origin,.task-list.rows .random-option,.task-list.rows .chips{display:none}.task-list.rows .row-only{display:block;font-size:12px;color:#36473d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-list.rows .task-preview .btn.ghost{min-width:32px;padding-inline:7px}.task-list.rows .task-preview .btn.secondary{padding-inline:7px}@media(max-width:1200px){.task-list.rows .task-preview{grid-template-columns:118px 48px 74px 100px minmax(0,1fr) 176px}.task-list.rows .actions .btn{font-size:11px;padding:6px 7px}.brand-name{font-size:27px!important}}@media(max-width:900px){.brand-name{font-size:25px!important}}

/* --- refinement after 2026-08-16 user review --- */
.topbar-inner{align-items:center}.brand{align-items:center}.brand-name{position:relative;top:-1px}.nav{align-items:center}.rolebar{margin:10px 0 14px;padding:14px 20px;border-radius:18px;background:#fff}.rolebar b{font-size:18px}.rolebar .small{font-size:14px}.task-reveal-sticky{position:sticky;top:90px;z-index:6;display:flex;gap:10px;flex-wrap:wrap;padding:12px 14px;margin-top:16px;border:1px solid var(--line);border-radius:14px;background:rgba(248,250,248,.96);backdrop-filter:blur(4px)}.task-reveal-sticky .btn{border-radius:999px}.task-expert-essay p{margin:0 0 14px}.task-source-list-legacy{display:grid;gap:14px}.task-knowledge-source{padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:#fbfcfb}.task-source-meta{margin-top:6px;color:#536159;font-size:14px;line-height:1.5}.task-knowledge-source a{display:inline-block;margin-top:8px}.stats-head-legacy{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:16px}.sample-count-legacy{display:flex;align-items:baseline;gap:8px;background:#fbfcfb;border:1px solid var(--line);padding:8px 12px;border-radius:999px}.sample-count-legacy strong{font:700 24px Georgia,serif;color:#183c2d}.sample-count-legacy span{font-size:12px;color:#617068}.stats-filters-legacy{display:grid;gap:12px;margin-bottom:18px}.filter-block-legacy{padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:#fbfcfb}.filter-label-legacy{font-size:12px;font-weight:800;color:#617068;margin-bottom:8px}.filter-switch-legacy{display:flex;gap:8px;flex-wrap:wrap}.filter-switch-legacy button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:700;color:#31483a;cursor:pointer}.filter-switch-legacy button.active{background:var(--greenwash);border-color:#cddfd2;color:#1f5134}.filter-switch-legacy button span{opacity:.7;margin-left:4px}.stat-metrics-grid-legacy{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px}.stat-metric-legacy{padding:14px;border:1px solid var(--line);border-radius:14px;background:#fbfcfb}.metric-head-legacy{display:flex;justify-content:space-between;gap:10px;align-items:baseline}.metric-head-legacy span{font-size:13px;color:#536159}.metric-head-legacy strong{font:700 24px Georgia,serif;color:#183c2d}.metric-bar-legacy{height:10px;border-radius:999px;background:#e9efea;overflow:hidden;margin:10px 0 8px}.metric-bar-legacy>span{display:block;height:100%;background:#2c6d49;border-radius:999px}.metric-bar-legacy.warm>span{background:#b9801c}.metric-bar-legacy.neutral>span{background:#62816d}.metric-caption-legacy{font-size:12px;color:#67746d}.task-section-original.reveal{display:none}.task-section-original.reveal.open{display:block}.task-side-card h3{margin-bottom:14px}@media(max-width:900px){.task-reveal-sticky{position:static}.stats-head-legacy{flex-direction:column;align-items:flex-start}.stat-metrics-grid-legacy{grid-template-columns:1fr}}


/* Alignment with original task-card visual template */
.topbar{background:linear-gradient(110deg,#081a0e 0%,var(--forest) 46%,#123922 100%);color:#fff;position:sticky;top:0;z-index:50;box-shadow:0 1px 0 rgba(225,191,97,.34),0 7px 22px rgba(7,28,15,.14)}
.topbar-inner{max-width:1440px;margin:auto;height:78px;min-height:78px;padding:0 28px;display:flex;align-items:center;gap:26px}
.brand{display:flex;align-items:center;gap:14px;min-width:max-content;color:#fff;text-decoration:none}.brand-logo{width:60px;height:60px;display:block;object-fit:contain;flex:0 0 auto;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.brand-name{font-family:Georgia,"Times New Roman",serif;font-size:23px;font-weight:700;letter-spacing:.2px;color:#fffdf7;text-shadow:0 1px 0 rgba(0,0,0,.2)}.brand-name small{display:block;font-family:inherit;font-size:10px;font-weight:400;letter-spacing:2.2px;text-transform:uppercase;color:#e7cf82;opacity:.9;margin-top:-2px}
.nav{display:flex;gap:17px;font-size:13.5px;align-items:center;white-space:nowrap}.nav a{color:#edf5f0;opacity:.86;padding:0}.nav a.active{opacity:1;font-weight:700;color:#f0d67b;text-decoration:none}.nav a.active:after{content:"";display:block;height:2px;border-radius:99px;background:var(--gold);margin-top:5px}
.portal-search.search{margin-left:auto;width:min(320px,23vw);position:relative}.portal-search.search input{width:100%;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.09);color:#fff;border-radius:10px;padding:10px 14px 10px 36px;outline:none}.portal-search.search input::placeholder{color:rgba(255,255,255,.6)}.portal-search.search:before{content:"⌕";position:absolute;left:12px;top:7px;font-size:20px;opacity:.7;z-index:2}.portal-search .search-pop{top:50px}
.account{margin-left:0;display:flex;align-items:center;gap:10px;min-width:190px;justify-content:flex-end}.account-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;background:rgba(255,255,255,.10);border:1px solid rgba(225,191,97,.38);color:#f2db8a;padding:0}.account-icon svg{width:22px;height:22px;display:block}.account-meta{display:grid;gap:3px;min-width:142px}.account-name{font-size:13px;line-height:1.1;font-weight:750;color:#fffdf7;text-align:right;white-space:nowrap}.account-role{position:relative}.account-role select{width:100%;appearance:none;border:0;border-bottom:1px solid rgba(225,191,97,.42);border-radius:0;background:transparent;color:#dfeae4;font-size:11px;line-height:1.2;padding:2px 17px 3px 0;outline:none;text-align:right;cursor:pointer}.account-role select option{color:var(--ink);background:#fff}.account-role:after{content:"⌄";position:absolute;right:0;top:-1px;color:var(--gold2);font-size:13px;pointer-events:none}
.page{max-width:1440px;margin:0 auto;padding:28px 28px 72px}.breadcrumbs{font-size:13px;color:var(--muted);margin:0 0 18px}.card{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}
/* About follows the same content/sidebar grammar as task card */
.about-layout-template{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:26px;align-items:start}.about-main-template{display:grid;gap:18px}.about-sidebar-template{display:grid;gap:16px}.about-hero-template{padding:28px 30px 24px}.about-hero-template h1{font-family:Georgia,"Times New Roman",serif;font-size:38px;line-height:1.16;margin:8px 0 10px;color:#163828}.about-hero-template .lead{font-size:15px;color:var(--muted);margin:0;max-width:760px}.about-section-template{padding:26px 30px}.about-section-template h2{font-family:Georgia,"Times New Roman",serif;font-size:23px;margin:0 0 16px;color:#183c2d}.about-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.about-feature{padding:16px 17px;background:#fbfcfb;border:1px solid var(--line);border-radius:14px}.about-feature strong{display:block;color:#294538;margin-bottom:5px}.about-feature span{font-size:13px;color:var(--muted)}.about-role-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.about-action-stack{display:grid;gap:8px}.side-card{padding:20px}.side-card h3{font-family:Georgia,"Times New Roman",serif;font-size:19px;margin:0 0 14px;color:#183c2d}.meta{display:grid;gap:10px}.meta-row{display:grid;grid-template-columns:116px 1fr;gap:10px;font-size:13px;align-items:start}.meta-row dt{color:var(--muted)}.meta-row dd{margin:0;color:var(--ink);font-weight:600}.callout{padding:14px;border-radius:12px;background:var(--amberbg);color:#765018;font-size:13px}
/* T00000001: match original card spacing and hierarchy */
#view-task{gap:0}.task-topline{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;flex-wrap:wrap;margin-bottom:0}.task-topline .breadcrumbs{margin:0 0 18px}.task-layout-original{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:26px;align-items:start}.task-main-column{display:block;min-width:0}.task-original-hero{padding:28px 30px 24px;background:#fff}.task-original-hero h1{font-size:34px;line-height:1.16;margin:8px 0 10px}.task-original-question{margin-top:18px;padding:30px}.task-section-original{margin-top:18px;padding:26px 30px}.task-reveal-controls{margin-top:18px}.task-sidebar-original{display:grid;gap:16px;position:static}.task-side-card{padding:20px}.task-classification-grid{grid-template-columns:1fr 1fr;gap:14px}.task-class-group.wide{grid-column:1/-1}.task-stat-grid{grid-template-columns:1fr 1fr;gap:14px}.task-stats-detail-grid{grid-template-columns:minmax(0,1.6fr) minmax(260px,.8fr);gap:14px}.task-exposure-strip{font-size:12px}
@media(max-width:1120px){.nav{gap:10px;font-size:12.5px}.portal-search.search{width:min(240px,19vw)}.account{min-width:165px}.about-layout-template,.task-layout-original{grid-template-columns:1fr}.about-sidebar-template,.task-sidebar-original{grid-template-columns:1fr 1fr;position:static}.task-sidebar-original{display:grid}.task-main-column{display:block}}
@media(max-width:760px){.topbar-inner{height:auto;min-height:78px;flex-wrap:wrap;padding:8px 18px;gap:10px}.nav{order:3;width:100%;overflow:auto;padding-bottom:5px}.portal-search.search{width:auto;flex:1}.account{min-width:auto}.account-meta{display:none}.page{padding:20px 16px 56px}.about-feature-grid,.task-classification-grid,.task-stat-grid,.task-stats-detail-grid,.about-sidebar-template,.task-sidebar-original{grid-template-columns:1fr}.task-class-group.wide{grid-column:auto}.about-hero-template,.about-section-template,.task-original-hero,.task-original-question,.task-section-original{padding:22px 18px}}

/* density + header refinements */
.brand-name{font-size:30px!important;line-height:1.02;letter-spacing:.15px}.brand-name small{display:none!important}.brand{gap:12px}.brand-logo{width:56px;height:56px}.nav{gap:18px}.task-list.rows{gap:8px}.task-list.rows .task-preview{display:grid;grid-template-columns:130px 52px 88px 112px minmax(0,1fr) 200px;align-items:center;gap:10px;padding:8px 14px;border-radius:16px}.task-list.rows .preview-title{margin:0;font-size:12.5px;line-height:1.15;font-weight:800;letter-spacing:.02em}.task-list.rows .snippet{font-size:12.5px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-list.rows .actions{margin:0;display:flex;gap:6px;justify-content:flex-end;flex-wrap:nowrap}.task-list.rows .actions .btn{padding:6px 8px;font-size:11.5px;border-radius:9px;white-space:nowrap}.task-list.rows .origin,.task-list.rows .random-option,.task-list.rows .chips{display:none}.task-list.rows .row-only{display:block;font-size:12px;color:#36473d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-list.rows .task-preview .btn.ghost{min-width:32px;padding-inline:7px}.task-list.rows .task-preview .btn.secondary{padding-inline:7px}@media(max-width:1200px){.task-list.rows .task-preview{grid-template-columns:118px 48px 74px 100px minmax(0,1fr) 176px}.task-list.rows .actions .btn{font-size:11px;padding:6px 7px}.brand-name{font-size:27px!important}}@media(max-width:900px){.brand-name{font-size:25px!important}}

/* --- refinement after 2026-08-16 user review --- */
.topbar-inner{align-items:center}.brand{align-items:center}.brand-name{position:relative;top:-1px}.nav{align-items:center}.rolebar{margin:10px 0 14px;padding:14px 20px;border-radius:18px;background:#fff}.rolebar b{font-size:18px}.rolebar .small{font-size:14px}.task-reveal-sticky{position:sticky;top:90px;z-index:6;display:flex;gap:10px;flex-wrap:wrap;padding:12px 14px;margin-top:16px;border:1px solid var(--line);border-radius:14px;background:rgba(248,250,248,.96);backdrop-filter:blur(4px)}.task-reveal-sticky .btn{border-radius:999px}.task-expert-essay p{margin:0 0 14px}.task-source-list-legacy{display:grid;gap:14px}.task-knowledge-source{padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:#fbfcfb}.task-source-meta{margin-top:6px;color:#536159;font-size:14px;line-height:1.5}.task-knowledge-source a{display:inline-block;margin-top:8px}.stats-head-legacy{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:16px}.sample-count-legacy{display:flex;align-items:baseline;gap:8px;background:#fbfcfb;border:1px solid var(--line);padding:8px 12px;border-radius:999px}.sample-count-legacy strong{font:700 24px Georgia,serif;color:#183c2d}.sample-count-legacy span{font-size:12px;color:#617068}.stats-filters-legacy{display:grid;gap:12px;margin-bottom:18px}.filter-block-legacy{padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:#fbfcfb}.filter-label-legacy{font-size:12px;font-weight:800;color:#617068;margin-bottom:8px}.filter-switch-legacy{display:flex;gap:8px;flex-wrap:wrap}.filter-switch-legacy button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:700;color:#31483a;cursor:pointer}.filter-switch-legacy button.active{background:var(--greenwash);border-color:#cddfd2;color:#1f5134}.filter-switch-legacy button span{opacity:.7;margin-left:4px}.stat-metrics-grid-legacy{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px}.stat-metric-legacy{padding:14px;border:1px solid var(--line);border-radius:14px;background:#fbfcfb}.metric-head-legacy{display:flex;justify-content:space-between;gap:10px;align-items:baseline}.metric-head-legacy span{font-size:13px;color:#536159}.metric-head-legacy strong{font:700 24px Georgia,serif;color:#183c2d}.metric-bar-legacy{height:10px;border-radius:999px;background:#e9efea;overflow:hidden;margin:10px 0 8px}.metric-bar-legacy>span{display:block;height:100%;background:#2c6d49;border-radius:999px}.metric-bar-legacy.warm>span{background:#b9801c}.metric-bar-legacy.neutral>span{background:#62816d}.metric-caption-legacy{font-size:12px;color:#67746d}.task-section-original.reveal{display:none}.task-section-original.reveal.open{display:block}.task-side-card h3{margin-bottom:14px}@media(max-width:900px){.task-reveal-sticky{position:static}.stats-head-legacy{flex-direction:column;align-items:flex-start}.stat-metrics-grid-legacy{grid-template-columns:1fr}}

/* About: editorial, user-facing presentation */
.about-polished{gap:28px}.about-hero-polished{padding:38px 40px 34px;position:relative;overflow:hidden}.about-hero-polished:after{content:"";position:absolute;right:-80px;top:-105px;width:260px;height:260px;border:1px solid rgba(200,155,43,.18);border-radius:50%;box-shadow:0 0 0 38px rgba(200,155,43,.035),0 0 0 76px rgba(24,75,43,.025);pointer-events:none}.about-kicker{font-size:13px;text-transform:uppercase;letter-spacing:.095em;color:#5c6c62;font-weight:750}.about-hero-polished h1{font-size:46px;margin:7px 0 15px;letter-spacing:-.02em}.about-intro{font:19px/1.62 Georgia,"Times New Roman",serif;color:#32483b;max-width:900px;margin:0;position:relative;z-index:1}.about-route{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:25px;padding-top:19px;border-top:1px solid #e3e8e4;color:#284938;font-size:13px;font-weight:700}.about-route i{font-style:normal;color:#b08a34;font-weight:400}.about-purpose p{font:17px/1.65 Georgia,"Times New Roman",serif;color:#374b40;margin:0 0 20px;max-width:910px}.about-lines{border-top:1px solid var(--line)}.about-line{display:grid;grid-template-columns:190px 1fr;gap:22px;padding:15px 0;border-bottom:1px solid var(--line)}.about-line:last-child{border-bottom:0;padding-bottom:0}.about-line strong{color:#234b35}.about-line span{color:#59685f}.about-library-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}.about-library-item{display:block;padding:15px 4px;border-top:1px solid var(--line);text-decoration:none}.about-library-item:nth-child(-n+2){border-top:0;padding-top:2px}.about-library-item:hover{text-decoration:none}.about-library-item strong{display:block;font:700 18px Georgia,"Times New Roman",serif;color:#183c2d;margin-bottom:3px}.about-library-item span{font-size:13px;color:#627068}.about-start-card p,.about-access-card p,.about-principle-card p{margin:0 0 15px;color:#526159;font-size:14px;line-height:1.55}.about-fine{padding-top:13px;border-top:1px solid var(--line);font-size:12.5px!important;color:#6b766f!important}.about-start-card .about-action-stack{margin-top:17px}.about-access-actions{display:flex;gap:8px;flex-wrap:wrap}.about-access-card{border-top:3px solid #c89b2b}.about-principle-card{border-top:3px solid #2f6a43}.about-sidebar-template{gap:18px}.rolebar[hidden]{display:none!important}@media(max-width:760px){.about-hero-polished{padding:28px 22px}.about-hero-polished h1{font-size:38px}.about-intro{font-size:17px}.about-line{grid-template-columns:1fr;gap:4px}.about-library-grid{grid-template-columns:1fr}.about-library-item:nth-child(2){border-top:1px solid var(--line);padding-top:15px}}

/* Expanded About page: semantic blocks from the original task-card prototype */
.about-expanded .about-main-template{gap:28px}.about-original-hero{padding:44px 46px 40px;background:linear-gradient(135deg,#fff 0%,#f7faf7 60%,#f7f1df 100%)}.about-original-hero h1{font-size:48px;max-width:920px;margin:8px 0 14px}.about-original-hero .about-intro{font-size:21px;max-width:980px}.about-actions-original{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.about-actions-original .btn{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.about-content-block{display:grid;gap:13px}.about-section-heading{padding:0 5px}.about-section-heading h2{font:700 29px/1.25 Georgia,"Times New Roman",serif;color:#183c2d;margin:4px 0 0}.about-copy-original{padding:28px 32px;font-size:16px;line-height:1.68}.about-copy-original p{margin:0 0 15px;max-width:1020px}.about-copy-original p:last-child{margin-bottom:0}.about-audience-grid-original{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.about-audience-original{padding:25px 24px}.about-audience-mark{font:700 25px Georgia,"Times New Roman",serif;color:var(--gold)}.about-audience-original h3{font:700 21px Georgia,"Times New Roman",serif;color:#183c2d;margin:8px 0}.about-audience-original p{margin:0;color:#536158;font-size:14px;line-height:1.6}.about-principles-original{padding:8px 28px}.about-principle-original{display:grid;grid-template-columns:220px minmax(0,1fr);gap:24px;padding:20px 0;border-bottom:1px solid var(--line)}.about-principle-original:last-child{border-bottom:0}.about-principle-original strong{color:#193d2d}.about-principle-original span{color:#56645c;line-height:1.6}.about-launch-original{padding:30px 32px;display:flex;align-items:center;justify-content:space-between;gap:30px;background:linear-gradient(110deg,#f7faf7,#f8f2df)}.about-launch-original h2{font:700 28px/1.25 Georgia,"Times New Roman",serif;color:#183c2d;margin:4px 0 0}.about-launch-original p{max-width:850px;margin:10px 0 0;color:#536158}.about-launch-actions{display:grid;gap:8px;flex:0 0 auto}.about-launch-actions .btn{width:100%}.about-library-side{border-top:3px solid #2f6a43}.about-side-links{display:grid;gap:2px}.about-nav-group{border-bottom:1px solid var(--line)}.about-nav-group:last-child{border-bottom:0}.about-nav-group summary{list-style:none;cursor:pointer;padding:11px 0 10px;position:relative;padding-right:24px}.about-nav-group summary::-webkit-details-marker{display:none}.about-nav-group summary::after{content:"+";position:absolute;right:2px;top:12px;color:var(--forest);font-weight:800;font-size:18px;line-height:1}.about-nav-group[open] summary::after{content:"−"}.about-nav-title{display:block;font-weight:800;color:#315342;line-height:1.25}.about-nav-desc{display:block;margin-top:3px;font-size:12px;line-height:1.42;color:var(--muted);font-weight:400}.about-nav-children{display:grid;padding:0 0 10px 12px}.about-nav-children a{padding:5px 0;font-size:12px;font-weight:700;color:#4f685b;text-decoration:none}.about-nav-children a::before{content:"↳ ";color:#8aa091}.about-nav-group summary:hover .about-nav-title,.about-nav-children a:hover{color:var(--forest)}@media(max-width:1120px){.about-audience-grid-original{grid-template-columns:1fr}.about-sidebar-template{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.about-original-hero{padding:30px 22px}.about-original-hero h1{font-size:38px}.about-original-hero .about-intro{font-size:18px}.about-copy-original,.about-audience-original,.about-launch-original{padding:22px 18px}.about-principle-original{grid-template-columns:1fr;gap:6px}.about-principles-original{padding:5px 18px}.about-launch-original{align-items:flex-start;flex-direction:column}.about-sidebar-template{grid-template-columns:1fr}}

/* --- registration application window --- */
.registration-backdrop{position:fixed;inset:0;background:rgba(6,20,11,.55);z-index:95;display:none;align-items:flex-start;justify-content:center;padding:20px;overflow:auto}.registration-backdrop.open{display:flex}.registration-modal{width:min(1040px,100%);margin:auto;background:#fff;border:1px solid #cfd9d2;border-radius:20px;box-shadow:0 28px 90px rgba(0,0,0,.34);overflow:hidden}.registration-head{position:sticky;top:0;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:22px 26px 18px;background:rgba(255,255,255,.98);border-bottom:1px solid var(--line);backdrop-filter:blur(7px)}.registration-head h2{font-size:29px;margin:2px 0 4px}.registration-head p{margin:0;color:var(--muted);font-size:13px}.registration-close{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:#fff;color:#46574d;cursor:pointer;font-size:22px;line-height:1}.registration-body{padding:24px 26px 28px;display:grid;gap:18px}.registration-context{padding:13px 15px;border:1px solid #d4e3d8;border-radius:13px;background:var(--greenwash);color:#244c34;font-weight:750}.registration-section{padding:20px;border:1px solid var(--line);border-radius:15px;background:#fbfcfb}.registration-section h3{font-size:20px;margin-bottom:13px}.registration-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.registration-grid .full{grid-column:1/-1}.registration-field{display:grid;gap:6px}.registration-field label{font-size:12px;font-weight:800;color:#33493d}.registration-field .hint{font-size:11.5px;color:var(--muted);line-height:1.45}.registration-field input,.registration-field select,.registration-field textarea{width:100%;border:1px solid #cfd8d2;border-radius:10px;background:#fff;padding:10px 11px;outline:none}.registration-field input:focus,.registration-field select:focus,.registration-field textarea:focus{border-color:#6d9478;box-shadow:0 0 0 3px rgba(47,106,67,.09)}.registration-policy{font-size:13px;line-height:1.62;color:#45564c}.registration-policy p{margin:0 0 10px}.registration-policy p:last-child{margin-bottom:0}.registration-policy strong{color:#1c432d}.registration-role-block{display:grid;gap:14px}.registration-role-note{padding:12px 14px;border-radius:12px;background:#f6f3e9;border:1px solid #e5d9b7;color:#68511f;font-size:12.5px;line-height:1.55}.registration-login-preview{padding:12px 14px;border-radius:12px;background:#edf4f9;border:1px solid #d3e2ed;color:#36566d;font-size:13px}.registration-login-preview code{font-weight:800;color:#203f54}.registration-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.registration-data-note{padding:14px 16px;border-radius:13px;background:#fff3d8;border:1px solid #ead49c;color:#6d501d;font-size:12.5px;line-height:1.55}.registration-required{color:#8a3a32}.rank-proof-status{font-size:12px;font-weight:750;color:#4f6056}.rank-proof-status.optional{color:#356347}.rank-proof-status.required{color:#7b5414}@media(max-width:760px){.registration-backdrop{padding:8px}.registration-modal{border-radius:15px}.registration-head,.registration-body{padding-left:17px;padding-right:17px}.registration-grid{grid-template-columns:1fr}.registration-grid .full{grid-column:auto}.registration-head h2{font-size:24px}}


/* v0.6 — alignment with specifications 01–07 */
.task-operational-type{display:grid;gap:4px;padding:14px 16px;margin-bottom:14px;border:1px solid #d4e3d8;border-radius:13px;background:var(--greenwash)}.task-operational-type strong{display:block;color:#173d29;margin-top:2px}.task-operational-type .eyebrow{font-size:10px}.task-node.supplementary:only-child{background:#f4f6f4;border-color:#dfe5e1;color:#657269}
.classification-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.classification-tabs button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:7px 5px;font-weight:800;color:#506158;cursor:pointer}.classification-tabs button.active{background:var(--forest);color:#fff;border-color:var(--forest)}
.template-flow{display:grid;gap:10px}.template-stage{border:1px solid var(--line);border-radius:12px;padding:13px 14px;background:#fbfcfb;display:grid;gap:4px}.template-stage>b{color:#193f2d}.template-stage>span{font-size:12px;color:var(--muted)}.template-nested{display:grid;gap:4px;padding:9px 11px;margin-top:6px;background:#fff;border-left:3px solid #b8cabb;border-radius:7px;font-size:12px;color:#526159}
.editor-shell{display:grid;grid-template-columns:285px minmax(0,1fr);gap:20px;align-items:start}.editor-nav{padding:18px}.editor-step-list{display:grid;gap:8px;margin-top:12px}.editor-step-list button{display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:start;text-align:left;border:1px solid var(--line);background:#fff;border-radius:12px;padding:11px;cursor:pointer;color:#35483d}.editor-step-list button>b{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#edf2ee;color:#365b43}.editor-step-list button span{font-weight:800;line-height:1.2}.editor-step-list button small{display:block;font-size:10.5px;color:var(--muted);font-weight:500;margin-top:3px}.editor-step-list button.active{border-color:#7da68a;background:var(--greenwash)}.editor-step-list button.active>b{background:var(--forest);color:#fff}.editor-panels{display:grid}.editor-panel{display:none;gap:16px}.editor-panel.active{display:grid}.editor-card{padding:22px}.editor-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:16px}.editor-card-head h2{margin:0 0 5px}.editor-card-head p{margin:0;color:var(--muted);font-size:13px;max-width:760px}.editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.editor-field{display:grid;gap:5px;min-width:0}.editor-field>span,.option-editor-grid label>span{font-size:12px;font-weight:800;color:#3d5146}.editor-field small{font-size:10.5px;color:var(--muted)}.editor-field.wide{grid-column:1/-1}.editor-field.compact{min-width:210px}.editor-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}.btn.ghostish{background:#fff;border:1px solid #e2b9b4}.template-builder{display:grid;gap:12px}.template-builder-stage{border:1px solid var(--line);border-radius:14px;background:#fbfcfb;padding:15px}.template-builder-body{display:grid;gap:9px;margin-top:12px}.template-builder-body>div:not(.part-template-row){display:grid;grid-template-columns:170px 1fr;gap:12px;font-size:12.5px}.part-template-row{display:grid;grid-template-columns:90px 100px 90px 1fr 90px;gap:8px;padding:9px;border-radius:9px;background:#fff;border:1px solid var(--line);font-size:11.5px}.template-prefill{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;background:var(--bluebg);border:1px solid #d3e2ed;border-radius:11px;margin-bottom:14px;color:#36566d;font-size:12px}.inline-editor-list{display:flex;gap:7px;flex-wrap:wrap}.threshold-table{display:grid;gap:6px}.threshold-row{display:grid;grid-template-columns:1.1fr 1fr .65fr 1fr 1fr;gap:7px;align-items:center}.threshold-row.header{font-size:11px;font-weight:800;color:var(--muted);padding:0 7px}.editor-subtabs{display:flex;gap:5px;padding:4px;background:#edf1ee;border:1px solid #d9e1dc;border-radius:11px;width:max-content;margin-bottom:16px}.editor-subtabs button{border:0;background:transparent;border-radius:8px;padding:8px 11px;cursor:pointer}.editor-subtabs button.active{background:#fff;font-weight:800;color:var(--forest);box-shadow:0 1px 3px rgba(0,0,0,.06)}.package-editor-panel{display:none}.package-editor-panel.active{display:block}.package-part-editor{border:1px solid var(--line);border-radius:14px;padding:15px;margin-top:14px;background:#fbfcfb}.package-part-editor.discrepancy{border-color:#e2c884;background:#fffaf0}.part-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.part-settings{display:flex;gap:7px;flex-wrap:wrap;margin:11px 0}.part-settings span{font-size:11px;padding:5px 8px;border-radius:8px;background:#fff;border:1px solid var(--line);color:#536159}.occurrence-preview-list{display:grid;gap:7px}.occurrence-preview{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 11px;border:1px solid var(--line);border-radius:10px;background:#fff}.task-identity-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.task-identity-strip>div{padding:12px;border:1px solid var(--line);border-radius:11px;background:#fbfcfb;display:grid;gap:2px}.task-identity-strip span{font-size:10.5px;color:var(--muted)}.task-identity-strip b{font-size:18px;color:#183c2d}.task-identity-strip small{font-size:10px;color:var(--muted)}.variation-context{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:12px 0}.variation-context>div{padding:11px 12px;border-radius:10px;background:#f5f7f5;border:1px solid var(--line);display:grid;gap:3px}.variation-context span{font-size:11px;color:var(--muted)}.option-editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.option-editor-grid label{display:grid;grid-template-columns:24px 1fr;align-items:center;gap:7px}.classification-editor-list{display:grid;gap:7px}.classification-editor-list>div{display:grid;grid-template-columns:55px minmax(0,1fr) minmax(180px,.45fr);gap:10px;align-items:center;padding:9px 11px;border:1px solid var(--line);border-radius:10px;background:#fbfcfb}.classification-editor-list b{color:#173d29}.classification-editor-list span{font-size:12.5px}.classification-editor-list em{font-size:10.5px;color:var(--muted);font-style:normal}.source-separation{display:grid;gap:7px;padding:12px;border:1px solid var(--line);border-radius:11px;background:#fbfcfb;margin-bottom:10px}.source-separation b{color:#173d29}.source-separation span{font-size:12px;color:#536159}.duplicate-finder{display:grid;gap:9px;margin-top:14px;padding:14px;border:1px solid #cbded1;background:#f5faf6;border-radius:13px}.duplicate-finder article{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px;background:#fff;border:1px solid var(--line);border-radius:10px}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.wide-modal{width:min(760px,96vw)}.destructive-modal{width:min(650px,96vw)}
#view-admin .grid3{grid-template-columns:repeat(4,1fr)}
@media(max-width:1150px){.editor-shell{grid-template-columns:1fr}.editor-nav{position:static}.editor-step-list{grid-template-columns:repeat(4,1fr)}.editor-step-list button{grid-template-columns:1fr}.editor-step-list button>b{display:none}#view-admin .grid3{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.editor-grid,.task-identity-strip,.variation-context,.option-editor-grid,.choice-grid{grid-template-columns:1fr}.editor-field.wide{grid-column:auto}.editor-step-list{grid-template-columns:1fr 1fr}.part-template-row,.threshold-row,.classification-editor-list>div{grid-template-columns:1fr}.threshold-row.header{display:none}.occurrence-preview,.duplicate-finder article{align-items:flex-start;flex-direction:column}#view-admin .grid3{grid-template-columns:1fr}}


:focus-visible{outline:3px solid rgba(200,155,43,.72);outline-offset:3px}.btn,.task-option-original,.task-occurrence-option,.task-mini-nav button{transition:border-color .14s ease,background .14s ease,box-shadow .14s ease,transform .14s ease}.btn:active{transform:translateY(1px)}
.task-top-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.task-title-row{display:flex;align-items:baseline;justify-content:space-between;gap:14px;flex-wrap:wrap}.task-source-key{font:600 11px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;color:#6a766f;background:#f2f5f3;border:1px solid #e0e6e2;border-radius:8px;padding:6px 8px}.task-prompt-grid{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(360px,1.1fr);gap:24px;align-items:start}.task-figure-card{margin:0;min-width:0}.task-image-frame{position:relative;border:1px solid #d3dbd5;border-radius:14px;overflow:hidden;background:#111;box-shadow:0 8px 24px rgba(11,40,21,.09)}.task-image-frame img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}.task-image-zoom{position:absolute;right:10px;top:10px;width:36px;height:36px;border-radius:999px;border:1px solid rgba(255,255,255,.5);background:rgba(13,43,24,.82);color:#fff;font-size:19px;cursor:pointer;backdrop-filter:blur(5px)}.task-figure-card figcaption{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:8px;color:var(--muted);font-size:12px}.task-source-preview{padding:16px;margin-top:18px}.task-source-preview img{display:block;width:100%;max-height:760px;object-fit:contain;border:1px solid var(--line);border-radius:12px;background:#fff;margin-top:12px}.task-check-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.task-check-grid>div{padding:12px;border:1px solid var(--line);border-radius:11px;background:#fbfcfb;display:grid;gap:3px}.task-check-grid span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.task-check-grid strong{font-size:13px;color:#294538}.inline-link-button{appearance:none;border:0;background:transparent;color:var(--forest2);font:inherit;font-weight:750;padding:0;cursor:pointer;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px}.source-kind{font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:#748079;font-weight:800;margin-bottom:5px}.task-side-heading{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.task-side-heading h3{margin-bottom:14px}.task-mini-nav{display:grid;grid-template-columns:1fr 1fr;gap:6px}.task-mini-nav button{border:1px solid var(--line);background:#fff;color:#42544a;border-radius:9px;padding:8px 9px;text-align:left;font-size:12px;cursor:pointer}.task-mini-nav button:hover{background:var(--greenwash);border-color:#bfd1c4;color:var(--forest2)}.task-qol-card{border-top:3px solid #d7c17b}.task-operational-type{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:14px 16px;border:1px solid #d5e2d9;background:#f5f9f6;border-radius:12px;margin-bottom:16px}.task-operational-type strong{display:block;margin-top:3px;color:#214832}.task-original-question .question-text{max-width:1050px}.task-option-original i,.task-option-frequency span i{font-family:Georgia,"Times New Roman",serif}.solve-media-panel{margin:16px 0 18px;display:grid;grid-template-columns:minmax(220px,420px) 1fr;gap:14px;align-items:end}.solve-media-frame{position:relative;border:1px solid var(--line);border-radius:13px;overflow:hidden;background:#111}.solve-media-frame img{display:block;width:100%;max-height:420px;object-fit:contain}.solve-media-panel>.small{padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#fbfcfb}.solve-media-panel[hidden]{display:none!important}@media(max-width:760px){.solve-media-panel{grid-template-columns:1fr}.solve-media-frame img{max-height:360px}}
.media-lightbox{position:fixed;inset:0;z-index:140;background:rgba(4,16,8,.88);display:none;place-items:center;padding:28px}.media-lightbox.open{display:grid}.media-lightbox-inner{position:relative;max-width:min(1050px,94vw);max-height:92vh;background:#fff;border-radius:16px;padding:12px;box-shadow:0 30px 80px rgba(0,0,0,.4)}.media-lightbox-inner img{display:block;max-width:100%;max-height:calc(92vh - 24px);object-fit:contain;border-radius:10px}.media-lightbox-close{position:absolute;right:18px;top:18px;width:40px;height:40px;border:0;border-radius:50%;background:rgba(12,37,21,.88);color:#fff;font-size:24px;cursor:pointer}.qol-status{display:inline-flex;gap:6px;align-items:center;font-size:11.5px;color:#587066}.qol-dot{width:7px;height:7px;border-radius:50%;background:#4d8b61}.editor-context-bar{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:11px 14px;border:1px solid #d8e4dc;border-radius:12px;background:#f7faf8;margin-bottom:14px}.editor-context-path{font-size:12px;color:#41544a}.editor-context-path b{color:#173d29}.template-node-pill{display:inline-flex;align-items:center;gap:6px;border-radius:8px;padding:4px 7px;background:#eef3ef;border:1px solid #d8e3dc;font-size:11px;color:#3d5145}.structural-level-note{margin-top:10px;padding:10px 12px;border-radius:10px;background:#f7faf8;border:1px dashed #cfdcd3;font-size:12px;color:#53645a}
@media(max-width:1050px){.task-prompt-grid{grid-template-columns:1fr}.task-image-frame img{max-height:620px;object-fit:contain}.task-check-grid{grid-template-columns:1fr}.task-qol-card{display:none}}
@media(max-width:760px){.task-title-row{align-items:flex-start}.task-source-key{width:100%;overflow-wrap:anywhere}.task-figure-card figcaption{align-items:flex-start;flex-direction:column}.task-top-actions{width:100%}.task-operational-type{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}