.task-help-trigger{min-height:44px;color:var(--teal);white-space:normal;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:8px 10px;font-size:13px;font-weight:600;display:inline-flex}.task-help-trigger:hover{background:#edf3ef}.task-help-overlay{z-index:220;background:#142e35a3;position:fixed;inset:0}.task-help-dialog{z-index:221;width:min(720px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--ink);font-family:var(--sans);background:#fff;border-radius:20px;flex-direction:column;display:flex;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 20px 80px #09252738}.task-help-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:14px;padding:24px 24px 16px;display:flex}.task-help-header p{color:var(--muted);margin-bottom:6px;font-size:12px}.task-help-header h2{font-family:var(--serif);word-break:keep-all;font-size:clamp(20px,3vw,26px);line-height:1.5}.task-help-close{border:1px solid var(--line);border-radius:50%;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.task-help-body{overscroll-behavior:contain;min-height:0;padding:20px 24px;line-height:1.85;overflow-y:auto}.task-help-body>p:first-child{color:var(--muted);font-size:15px}.task-help-body ol{margin:20px 0;padding-left:24px}.task-help-body li{margin:12px 0;padding-left:5px;font-size:15px}.task-help-note{color:#475e56;background:#f4f7f4;border-radius:10px;padding:14px 16px;font-size:13px}.task-help-actions{border-top:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:16px 24px;display:flex}.task-help-actions a{min-height:44px;color:var(--teal);align-items:center;gap:5px;font-size:13px;display:inline-flex}.task-help-actions .button{min-height:44px;padding:10px 16px;font-size:14px}.task-help-dialog :is(button,a):focus-visible,.task-help-trigger:focus-visible{outline-offset:3px;outline:3px solid #ce9054}.style-examples{margin:24px 0}.style-examples-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.style-example-art{aspect-ratio:1;background:#f6f4ee;border-radius:10px;position:relative;overflow:hidden}.style-examples strong{margin-top:10px;font-size:14px;display:block}.style-examples p,.style-examples figcaption{color:var(--muted);font-size:12px;line-height:1.7}.style-examples figcaption{margin-top:14px}@media (max-width:600px){.task-help-header{padding:18px 16px 12px}.task-help-body{padding:16px}.task-help-actions{padding:12px 16px}.style-examples-grid{grid-template-columns:1fr;gap:22px}.style-examples-grid>div{grid-template-columns:120px minmax(0,1fr);align-content:start;column-gap:14px;display:grid}.style-example-art{grid-row:span 2}.style-examples strong{align-self:end}.style-examples p{align-self:start}}@media (max-height:430px){.task-help-header{padding:12px 16px}.task-help-header p{display:none}.task-help-actions{padding:8px 16px}}