/* ACS task reader: compact context, aligned navigation, and original element wording. */
.acs-task-meta { display:flex; align-items:baseline; flex-wrap:wrap; gap:8px 20px; font-size:.76rem; color:var(--ink-2); }
.acs-task-workspace { display:grid; grid-template-columns:250px minmax(0,1fr); gap:24px; align-items:start; }
.acs-task-sidebar { position:sticky; top:calc(var(--bar) + 16px); max-height:calc(100dvh - var(--bar) - 32px); overflow-y:auto; scrollbar-width:thin; }
.acs-area-menu { padding:13px 14px; margin-bottom:14px; }
.acs-area-menu > summary { cursor:pointer; font:500 .8rem var(--ui); color:var(--ink-2); }
.acs-area-menu nav { display:grid; gap:3px; margin-top:12px; }
.acs-area-menu a { display:block; padding:8px; font-size:.76rem; line-height:1.5; color:var(--ink-2); text-decoration:none; border-radius:7px; }
.acs-area-menu a[aria-current=page] { color:var(--link); background:var(--nav-soft); }
.acs-task-menu > summary { display:none; }
.acs-task-nav { padding:14px; }
.acs-task-nav h2 { margin:0 7px 12px; font-size:.86rem; }
.acs-task-nav a { display:flex; align-items:baseline; gap:9px; padding:10px 8px; color:var(--ink-2); border-radius:8px; text-decoration:none; font-size:.83rem; line-height:1.6; }
.acs-task-letter { font-weight:600; flex:none; }
.acs-task-nav a[aria-current=page] { background:var(--nav-soft); color:var(--link); box-shadow:inset 2px 0 var(--link); }
.acs-task-nav a:hover { color:var(--link); background:var(--surface-2); }
.acs-task-content { min-width:0; display:grid; gap:20px; }
.acs-element-section { padding:20px 24px; }
.acs-element-section > header { display:flex; align-items:baseline; justify-content:space-between; flex-wrap:wrap; gap:10px; padding-bottom:16px; }
.acs-element-section h2 { margin:0 0 5px; font-size:1.15rem; }
.acs-element-section header p { margin:0; color:var(--ink-2); font-size:.8rem; }
.acs-element-count { font-size:.73rem; color:var(--ink-2); }
.acs-element-list { list-style:none; margin:0; padding:0; }
.acs-element-list li { display:grid; grid-template-columns:105px minmax(0,1fr); gap:16px; padding:16px 0; border-top:1px solid var(--line); }
.acs-element-code { font:500 .72rem/1.8 var(--ui); color:var(--link); overflow-wrap:anywhere; }
.acs-element-list li > div { font:17px/1.75 var(--serif); max-width:78ch; }
.acs-element-list .acs-element-sub { margin-left:16px; border-left:2px solid var(--line); padding-left:14px; }
.acs-element-note { font:400 .8rem/1.7 var(--ui); margin:10px 0 0; }
.acs-skill-note { font-size:.8rem; line-height:1.7; }
.acs-skill-note p { margin:5px 0 0; }
.acs-task-pager { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.acs-task-pager > :last-child { justify-self:end; }
.acs-task-page .pager-btn, .acs-task-page .pager-btn:hover { background:var(--surface); color:var(--ink); border:1px solid var(--line); box-shadow:none; animation:none; filter:none; white-space:normal; }
.acs-task-page .pager-btn.next, .acs-task-page .pager-btn.next:hover { background:var(--nav-soft); color:var(--link); border-color:var(--link); }
@media(max-width:760px) { .acs-task-workspace { grid-template-columns:minmax(0,1fr); gap:16px; } .acs-task-sidebar { position:static; max-height:none; overflow:visible; } .acs-task-menu > summary { display:flex; align-items:center; justify-content:space-between; cursor:pointer; padding:13px 14px; background:var(--surface); border:1px solid var(--line); border-radius:10px; font-size:.8rem; }
.acs-task-menu > summary::after { content:""; width:7px; height:7px; border-right:2px solid var(--link); border-bottom:2px solid var(--link); transform:rotate(45deg); margin-right:4px; transition:transform .15s; }
.acs-task-menu[open] > summary::after { transform:rotate(-135deg); } .acs-task-menu[open] > summary { margin-bottom:10px; } .acs-element-section { padding:18px; } .acs-element-list li { grid-template-columns:minmax(0,1fr); gap:6px; } .acs-element-list li > div { font-size:16px; } .acs-task-top .subnav { max-width:100%; } }