/* DIMREF Kwork cards — stable UI layer, loaded after site.css */
.projects{gap:16px}
.projects .project{position:relative;overflow:hidden;border:1px solid #2b466e;background:linear-gradient(180deg,#111f34 0%,#0c1829 56%,#091522 100%);border-radius:18px;padding:18px;min-height:302px;box-shadow:0 10px 28px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.025)}
.projects .project:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,rgba(112,143,255,.72),rgba(55,214,255,.22) 58%,transparent)}
.projects .project h3{font-size:19px;line-height:1.3;margin:0 0 12px;padding:11px 13px;border:1px solid rgba(112,143,255,.16);background:linear-gradient(180deg,rgba(112,143,255,.075),rgba(112,143,255,.035));border-radius:12px;color:#f7f9ff;font-weight:900;letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.projects .project .price-wrap{text-align:center;margin:0 0 14px}
.projects .project .price{display:block;width:max-content;max-width:100%;font-size:29px;line-height:1;font-weight:700;color:#a7efcf;padding:8px 18px;border:1px solid rgba(86,223,160,.31);background:rgba(86,223,160,.055);border-radius:999px;box-shadow:0 4px 16px rgba(30,110,80,.08);margin:0 auto 7px;text-align:center}
.projects .project .price-wrap .price{margin-bottom:0}
.projects .project .possible{display:block;color:#91a5c2;font-size:12px;margin:7px 0 10px;text-align:center}
.projects .project .desc{color:#aebed2;line-height:1.52;margin:0 0 15px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.projects .project .chip{border-color:#304a70;color:#bccae0}
.projects .project .chip.low{border-color:rgba(86,223,160,.31);color:#a7efcf;background:rgba(86,223,160,.055)}
.projects .project .actions{margin-top:14px;padding-top:13px;border-top-color:rgba(108,139,190,.16)}
.projects .project .go{background:linear-gradient(180deg,#526ed2,#445dbc);border-color:#627bd8;color:#f7f9ff;font-weight:850;box-shadow:0 4px 14px rgba(31,50,115,.12)}
@media(max-width:700px){.projects .project{min-height:0}}

/* prominent task mode switch */
.task-mode{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:0 0 12px;padding:12px 14px;border:1px solid #29476f;background:linear-gradient(180deg,#101f34,#0b1727);border-radius:15px;box-shadow:0 8px 22px rgba(0,0,0,.10)}
.task-mode-label{color:#91a5c2;font-size:13px;font-weight:800;margin-right:2px}
.task-mode button{appearance:none;border:1px solid #3a557d;background:#0a1625;color:#d8e4f7;border-radius:11px;padding:11px 16px;font:inherit;font-weight:850;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease,transform .15s ease}
.task-mode button:hover{border-color:#6684ff;transform:translateY(-1px)}
.task-mode button.active{border-color:rgba(86,223,160,.48);background:rgba(86,223,160,.10);color:#b8f4d9;box-shadow:inset 0 0 0 1px rgba(86,223,160,.07)}
@media(max-width:620px){.task-mode{display:grid;grid-template-columns:1fr 1fr}.task-mode-label{grid-column:1/-1}.task-mode button{padding:11px 10px}}