.type-intro{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:35px 0 42px}.type-intro>div{border-radius:12px;padding:16px;background:#fffefa;border:1px solid var(--line);display:grid;grid-template-columns:32px 1fr;column-gap:10px}.type-intro span{width:30px;height:30px;grid-row:span 2;display:grid;place-items:center;border-radius:50%;font-size:17px}.routine-mark{background:var(--sage);color:#527151}.single-mark{background:var(--peach);color:#9a664e}.type-intro strong{font-size:14px}.type-intro small{font-size:11px;margin-top:3px}.group-title{font-size:18px;margin:32px 0 -27px}.typePick{display:flex;gap:7px;margin:-12px 0 22px}.typePick button{background:#fffefa;border:1px solid var(--line);border-radius:8px;padding:8px 11px;font-size:12px;cursor:pointer}.typePick .selected{background:var(--sage);border-color:#b5c6ae;color:#30432e;font-weight:bold}.suggestion{display:flex;gap:11px;background:#eff2eb;border-radius:10px;padding:13px;margin:4px 0 18px}.suggestion>span{font-size:17px;color:#718c69}.suggestion small{display:block;font-size:9px;letter-spacing:1px}.suggestion strong{display:block;font-size:13px;margin:2px 0}.suggestion em{font-style:normal;font-size:11px;color:var(--muted)}.routine-task{border-left:3px solid #a8bf9d}@media(max-width:700px){.type-intro{grid-template-columns:1fr;margin-bottom:28px}.group-title{margin-top:28px}}