/* کلاس‌ها و «همکارانِ ما» — پالتِ ثابتِ برند، آرام و خوانا */
.cl-page { max-width: 1040px; margin: 0 auto; padding: 32px 16px 72px; color: #0C2C47; }
.cl-hero h1 { font-weight: 800; font-size: clamp(1.5rem, 3.5vw, 2.1rem); margin: 0 0 8px; line-height: 1.5; }
.cl-hero p { color: #44566a; line-height: 2; max-width: 680px; margin: 0 0 28px; }
.cl-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)); gap: 16px; }
.cl-card { display: flex; flex-direction: column; gap: 8px; background: #fff; border: 1px solid #E6D8D6; border-radius: 18px;
  padding: 18px; text-decoration: none; color: inherit; transition: border-color .15s ease, transform .15s ease; }
.cl-card:hover { border-color: #DA9B2B; color: inherit; transform: translateY(-2px); }
.cl-card h2, .cl-card h3 { font-size: 1.08rem; font-weight: 800; margin: 0; line-height: 1.7; }
.cl-meta { display: flex; flex-wrap: wrap; gap: 6px 14px; font-size: .88rem; color: #5d6b78; }
.cl-chip { display: inline-flex; align-items: center; gap: 6px; padding: 3px 10px; border-radius: 999px; background: #F5ECEA; font-size: .82rem; font-weight: 700; }
.cl-chip--online { background: #E8EEF4; color: #0C2C47; }
.cl-chip--in_person { background: #E7F0EC; color: #2E5749; }
.cl-chip--full { background: #FBE9E4; color: #9A3F22; }
.cl-detail { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 24px; align-items: start; }
.cl-body { line-height: 2.1; white-space: pre-line; }
.cl-aside { position: sticky; top: 100px; background: #fff; border: 1px solid #E6D8D6; border-radius: 18px; padding: 20px; }
.cl-aside dl { margin: 0 0 14px; display: grid; grid-template-columns: auto 1fr; gap: 6px 12px; font-size: .92rem; }
.cl-aside dt { color: #6b7c8c; } .cl-aside dd { margin: 0; font-weight: 700; }
.cl-btn { display: inline-flex; width: 100%; justify-content: center; align-items: center; gap: 8px; min-height: 48px; border-radius: 999px;
  background: #2E5749; color: #fff; font-weight: 800; text-decoration: none; border: 0; }
.cl-btn:hover { color: #fff; filter: brightness(1.05); }
.cl-btn:focus-visible { outline: 3px solid rgba(218,155,43,.55); outline-offset: 2px; }
.cl-btn[aria-disabled="true"] { background: #C9BDBA; pointer-events: none; }
.cl-empty { text-align: center; padding: 48px 16px; color: #6b7c8c; background: #FBF8F7; border-radius: 18px; line-height: 2; }
.tm-card { background: #fff; border: 1px solid #E6D8D6; border-radius: 18px; padding: 20px; }
.tm-card h2 { font-size: 1.12rem; font-weight: 800; margin: 0 0 4px; }
.tm-kind { color: #2E5749; font-weight: 700; font-size: .9rem; margin-bottom: 10px; }
.tm-card p { line-height: 2; margin: 0 0 10px; }
@media (max-width: 860px) { .cl-detail { grid-template-columns: 1fr; } .cl-aside { position: static; } }