.task-page{max-width:900px;margin:0 auto;padding:20px 24px 32px;color:var(--color-text)}.task-page h1{font-size:28px;line-height:1.25;margin:10px 0 8px;overflow-wrap:anywhere}.task-page h2{font-size:20px;line-height:1.35;margin:0 0 10px}.task-page h3{font-size:18px;line-height:1.4;margin:0 0 8px}.task-page p{line-height:1.6}.task-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.task-nav a{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--color-brand);font-size:14px;text-decoration:none}.task-nav .feedback-button{writing-mode:horizontal-tb;transform:none;min-height:44px;padding:8px;background:transparent;color:var(--color-brand);font-size:13px;font-weight:400;text-decoration:underline}.task-meta{margin:0 0 16px;font-size:14px;color:var(--color-text-muted)}.task-situation{padding:16px 18px;margin:16px 0;border:1px solid var(--color-border);border-radius:9px;background:var(--color-surface)}.task-situation p{margin:6px 0 10px}.task-situation .task-state{color:var(--color-brand);font-weight:600;font-size:13px;margin-top:0}.task-page .task-situation .action-message{--action-bg: var(--color-brand-surface);--action-hover: var(--color-surface-hover);--action-ink: var(--color-brand);min-height:44px;border:1px solid var(--color-brand-border);color:var(--color-brand);background:var(--color-brand-surface);box-shadow:none}.task-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.task-actions:empty{display:none}.task-context>summary{min-height:44px;padding:12px 0;color:var(--color-text-muted);font-size:14px;cursor:pointer}.task-notice{padding:12px;margin:12px 0;border:1px solid var(--color-amber-border);border-radius:7px;background:var(--color-amber-surface)}.task-page a:focus-visible,.task-page button:focus-visible,.task-page summary:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.task-page [id]{scroll-margin-top:90px}.task-page .field-validation-error,.task-page .validation-summary-errors{color:var(--color-danger)}@media(max-width:600px){.task-page{padding:12px 16px 28px}.task-page h1{font-size:25px}.task-situation{padding:16px}}