.mode-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}
.mode-card{position:relative;text-align:left;border:1px solid var(--line);background:#fff;border-radius:16px;padding:20px;min-height:164px;color:var(--ink);transition:.2s}
.mode-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.mode-card.active{border-color:var(--green);box-shadow:0 0 0 2px rgba(93,125,85,.12),var(--shadow);background:linear-gradient(145deg,#fff,#f1f6ee)}
.mode-card i{display:block;font-style:normal;font-size:27px;color:var(--green);margin-bottom:14px}
.mode-card b,.mode-card small,.mode-card em{display:block}
.mode-card b{font-size:16px;margin-bottom:7px}
.mode-card small{color:var(--muted);line-height:1.55}
.mode-card em{position:absolute;right:14px;top:14px;font-style:normal;font-size:10px;color:var(--green);background:var(--green2);padding:3px 7px;border-radius:10px}
.mode-no{position:absolute;right:15px;bottom:10px;font:28px Georgia;color:#e5e8e1}
@media(max-width:900px){.mode-picker{grid-template-columns:1fr}}
@media(max-width:600px){.mode-card{min-height:135px}}