.task-guide{max-width:1040px;margin-inline:auto;padding:36px 24px 56px;text-align:start}
.task-guide h1{font-size:clamp(2rem,5vw,3rem);line-height:1.25}
.task-guide-lead{max-width:44rem;font-size:1.15rem;line-height:1.8}
.task-guide-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;margin-block:32px;align-items:start}
.task-guide-panel{padding:24px;border:1px solid var(--line);border-radius:20px;background:#fffdf8}
.task-guide-example{background:#eef5f0;border-top:5px solid #355c50}
.task-guide h2{font-size:1.4rem;line-height:1.4;margin-block:0 16px}
.task-guide li{margin-block:12px;line-height:1.8}
.task-guide ol,.task-guide ul{padding-inline-start:24px}
.task-guide-example dl{margin:0}.task-guide-example dt{font-weight:700;margin-block-start:16px}.task-guide-example dd{margin:4px 0;line-height:1.7}
.task-guide-action{margin-block-start:28px}.task-guide-action-links{display:flex;flex-wrap:wrap;gap:12px;align-items:stretch}.task-guide-action .btn{max-width:100%;min-height:48px;white-space:normal;text-align:center}.task-guide-action-links .btn{display:inline-flex;align-items:center;justify-content:center}
.task-guide-note{font-size:1rem;color:var(--ink-2);line-height:1.7}
@media(max-width:700px){.task-guide{padding:24px 16px 40px}.task-guide-layout{grid-template-columns:1fr;gap:16px}.task-guide-panel{padding:20px}.task-guide-action-links .btn{width:100%}}