.arc-page { padding: 28px 0 56px; direction: rtl; }
.arc-container { width:100%; max-width:1280px; margin:0 auto; padding:0 12px; }
.arc-layout { display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:24px; align-items:start; }
@media(max-width:1100px){.arc-layout{grid-template-columns:1fr;} .arc-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:16px;}}
@media(max-width:600px){.arc-sidebar{grid-template-columns:1fr;}}

.arc-header { display:flex; align-items:center; gap:12px; margin-bottom:22px; padding-bottom:14px; border-bottom:2px solid #e0e7ef; }
.arc-header__icon { width:40px;height:40px;background:#117098;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;flex-shrink:0; }
.arc-header__title { font-family:DIN-Bold,sans-serif;font-size:1.35rem;color:#1c2433;margin:0; }
.arc-header__sub { font-family:DIN-Regular,sans-serif;font-size:13px;color:#7a8898;margin:2px 0 0; }

.arc-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
@media(max-width:900px){.arc-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:520px){.arc-grid{grid-template-columns:1fr;}}

.arc-card { display:flex;flex-direction:column;background:#fff;border:1px solid #eceef3;border-radius:14px;overflow:hidden;box-shadow:0 4px 14px rgba(28,38,54,.05);text-decoration:none;color:inherit;transition:transform .25s ease,box-shadow .25s ease;position:relative; }
.arc-card::before { content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#117098,#1a8fb5);transform:scaleX(0);transition:transform .3s; }
.arc-card:hover { transform:translateY(-5px);box-shadow:0 10px 28px rgba(28,38,54,.12);color:inherit; }
.arc-card:hover::before { transform:scaleX(1); }

.arc-card__img { width:100%;height:175px;overflow:hidden;background:#e8edf4;flex-shrink:0; }
.arc-card__img img { width:100%;height:100%;object-fit:cover;transition:transform .35s; }
.arc-card:hover .arc-card__img img { transform:scale(1.04); }
.arc-card__img-empty { width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:38px;color:#c0cbd8; }

.arc-card__body { display:flex;flex-direction:column;flex:1;padding:14px 16px 16px; }
.arc-card__badge { display:inline-block;background:#e7f4fa;color:#117098;font-family:DIN-Bold,sans-serif;font-size:11px;padding:3px 10px;border-radius:999px;margin-bottom:8px;align-self:flex-start; }
.arc-card__title { font-family:DIN-Bold,sans-serif;font-size:15px;color:#1c2433;line-height:1.55;margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s; }
.arc-card:hover .arc-card__title { color:#117098; }
.arc-card__excerpt { font-family:DIN-Regular,sans-serif;font-size:13px;color:#5a6a7a;line-height:1.65;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 12px; }

.arc-card__footer { border-top:1px solid #f0f3f7;padding-top:11px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px; }
.arc-card__author { display:flex;align-items:center;gap:7px;min-width:0;flex:1; }
.arc-card__avatar { width:28px;height:28px;border-radius:50%;object-fit:cover;border:2px solid #e7f4fa;flex-shrink:0; }
.arc-card__avatar-ph { width:28px;height:28px;border-radius:50%;background:#e7f4fa;display:flex;align-items:center;justify-content:center;color:#117098;font-size:12px;flex-shrink:0; }
.arc-card__author-name { font-family:DIN-Bold,sans-serif;font-size:12px;color:#117098;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.arc-card__meta { display:flex;align-items:center;gap:8px;font-family:DIN-Regular,sans-serif;font-size:11px;color:#8a9aaa;flex-shrink:0; }
.arc-card__meta i { color:#117098;margin-left:2px; }

.arc-loadmore { text-align:center;margin-top:28px; }
.arc-loadmore__btn { display:inline-flex;align-items:center;gap:7px;background:#117098;color:#fff;border:none;border-radius:8px;padding:11px 30px;font-family:DIN-Bold,sans-serif;font-size:14px;cursor:pointer;transition:background .2s,transform .2s; }
.arc-loadmore__btn:hover { background:#0d5a7a;transform:translateY(-2px); }
.arc-loadmore__btn:disabled { opacity:.6;cursor:not-allowed;transform:none; }

.arc-empty { text-align:center;padding:52px 20px;background:#fff;border:1px solid #eceef3;border-radius:14px; }
.arc-empty i { font-size:48px;color:#c0cbd8;display:block;margin-bottom:12px; }
.arc-empty p { font-family:DIN-Regular,sans-serif;color:#7a8898;font-size:15px;margin:0; }

.arc-sidebar-card { background:#fff;border:1px solid #eceef3;border-radius:14px;box-shadow:0 4px 14px rgba(28,38,54,.05);overflow:hidden;margin-bottom:16px; }
.arc-sidebar__head { background:#117098;padding:11px 16px;display:flex;align-items:center;gap:8px;color:#fff;font-family:DIN-Bold,sans-serif;font-size:14px; }

.arc-writers-link { display:flex;align-items:center;gap:12px;padding:14px 16px;text-decoration:none;color:#1c2433;transition:background .15s; }
.arc-writers-link:hover { background:#f7f9fb;color:#117098; }
.arc-writers-link__icon { width:38px;height:38px;background:#e7f4fa;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#117098;font-size:17px;flex-shrink:0; }
.arc-writers-link__text { flex:1; }
.arc-writers-link__text strong { font-family:DIN-Bold,sans-serif;font-size:14px;display:block; }
.arc-writers-link__text span { font-family:DIN-Regular,sans-serif;font-size:12px;color:#7a8898; }

.mini-news-item { display:grid;grid-template-columns:76px 1fr;gap:10px;text-decoration:none;color:inherit;padding:9px 16px;border-bottom:1px solid #f0f3f7;transition:background .15s; }
.mini-news-item:last-child { border-bottom:none; }
.mini-news-item:hover { background:#f7f9fb; }
.mini-news-item img { width:76px;height:60px;object-fit:cover;border-radius:8px; }
.mini-news-item h6 { margin:0 0 5px;font-family:DIN-Bold,sans-serif;font-size:13px;line-height:1.5;color:#1c2433;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; }
.mini-news-item small { color:#8a9aaa;font-family:DIN-Regular,sans-serif;font-size:11px;display:flex;align-items:center;gap:4px; }