.task-start { max-width:1040px; margin:0 auto; padding:0 16px 32px; color:#203e55; }
.task-start__intro { margin:20px 0 24px; }
.task-start__intro h1 { font-size:32px; line-height:1.3; margin:0 0 10px; color:#203e55; }
.task-start__intro p { margin:0; line-height:1.6; color:#50677f; font-size:16px; }
.task-start__subjects { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:16px; }
.task-start__subject { padding:22px; border:1px solid #dbe4ee; border-radius:14px; background:#fff; min-width:0; }
.task-start h2 { color:#203e55; font-size:21px; line-height:1.35; margin:0 0 16px; }
.task-start__actions { display:flex; flex-wrap:wrap; gap:8px; }
.task-start__actions a { display:flex; flex:1 1 auto; align-items:center; justify-content:space-between; gap:12px; min-height:44px; padding:10px 12px; border:1px solid #cddae7; border-radius:8px; background:#edf3f8; color:#264c6a; font-size:14px; font-weight:600; text-decoration:none; }
.task-start__actions a:hover { background:#dfeaf3; border-color:#264c6a; }
.task-start__actions a:focus-visible,.task-start__help summary:focus-visible { outline:3px solid #264c6a; outline-offset:3px; }
.task-start__help { margin:20px 0 28px; color:#50677f; font-size:14px; line-height:1.65; }
.task-start__help p { margin:0 0 8px; max-width:85ch; }
.task-start__help summary { cursor:pointer; color:#264c6a; font-weight:600; min-height:44px; padding:10px 0; }
.task-start__help details p { margin:0 0 12px; }
.task-start__preview-heading { display:flex; justify-content:space-between; align-items:baseline; gap:8px 20px; flex-wrap:wrap; margin-bottom:16px; }
.task-start__preview-heading h2 { margin:0; }
.task-start__preview-heading span { color:#50677f; font-size:14px; }
.task-start .catalog-page { max-width:100%; }
.task-start .catalog-page .cat-task { margin-bottom:0; }
@media(max-width:600px) {
 .task-start__intro h1 { font-size:26px; }
 .task-start__subject { padding:16px; }
 .task-start__subject h2 { font-size:18px; margin-bottom:12px; }
 .task-start__subjects { grid-template-columns:minmax(0,1fr); gap:12px; }
 .task-start__help { margin:16px 0 24px; }
 .task-start__preview-heading h2 { font-size:20px; }
}