/* Articles index only; reading pages retain their existing layout. */
.articles-list-page{font-family:Vazirmatn,ShadiVazirmatn,sans-serif;background-color:#f4faf6;background-image:url('/assets/app-leaf-pattern.svg?v=2');background-size:340px 340px;background-repeat:repeat;color:#174f54}
.articles-list-page *{box-sizing:border-box}
.articles-list-page .articles-header{max-width:1180px;min-height:86px;padding:18px 28px;margin:0 auto;display:flex;align-items:center;gap:22px;border:0;background:#fbfef9e8;border-radius:0 0 23px 23px;box-shadow:0 5px 16px #275e4304}
.articles-list-page .articles-brand{display:flex;align-items:center;gap:10px;color:#164f50;text-decoration:none;min-width:0;font-weight:750;font-size:18px}
.articles-list-page .articles-brand img{width:41px;height:41px;object-fit:contain;border:0;border-radius:0;box-shadow:none}
.articles-list-page .articles-brand small{font-size:12px;line-height:1.9;color:#788b92;font-weight:400}
.articles-list-page .articles-top-nav{display:flex;align-items:center;gap:24px;margin-inline:auto}
.articles-list-page .articles-top-nav a{display:flex;align-items:center;justify-content:center;font-size:13px;color:#486b75;min-height:44px;padding:8px 3px;text-decoration:none;border-bottom:2px solid transparent;white-space:nowrap}
.articles-list-page .articles-top-nav [aria-current=page]{color:#087f80;border-color:#159d91}
.articles-list-page .articles-account{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;background:#e4f3ee;color:#205f60;border-radius:50%;text-decoration:none}
.articles-list-page .articles-main{max-width:1180px;padding:16px 24px 10px;margin:0 auto}
.articles-list-page .articles-lead{position:relative;display:flex;align-items:center;min-height:265px;padding:35px 36px;border-radius:23px;background-color:#edf6e8;background-image:linear-gradient(to left,#f3faefe8 0%,#f3faefb3 32%,transparent 61%),url('/assets/articles-library-hero.webp');background-size:cover;background-position:center 73%;overflow:hidden;margin:0}
.articles-list-page .articles-lead-copy{width:51%;min-width:0;position:relative;z-index:1}
.articles-list-page .articles-lead .article-category{display:inline-block;background:#e7f5e8;color:#258674;border-radius:20px;padding:4px 12px;font-size:12px;line-height:1.8;margin:0 0 12px}
.articles-list-page .articles-lead h1{font-size:34px;line-height:1.7;letter-spacing:0;color:#104c51;font-weight:800;margin:0 0 12px}
.articles-list-page .articles-lead p{font-size:15px;line-height:1.9;color:#456e73;margin:0;text-align:right;text-align-last:right}
.articles-list-page .articles-search{position:relative;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) 180px;gap:16px;align-items:end;background:#fffffff5;border:1px solid #edf1e7;border-radius:19px;padding:17px 20px;margin:-24px 20px 18px;box-shadow:0 8px 24px #2b5d4008;z-index:2}
.articles-list-page .articles-search label{display:block;min-width:0;font-size:12px;color:#335f68;line-height:1.8;margin:0}
.articles-list-page .articles-search-input{display:block;position:relative;margin-top:5px}
.articles-list-page .articles-search-input svg{position:absolute;left:13px;top:calc(50% - 10px);color:#6e8c90;pointer-events:none}
.articles-list-page .articles-search input,.articles-list-page .articles-search select{width:100%;min-width:0;min-height:46px;padding:10px 13px;border:1px solid #d9e4df;border-radius:11px;background:#fcfefd;color:#305960;font:inherit;font-size:14px;line-height:1.6;box-shadow:none}
.articles-list-page .articles-search input{padding-left:42px;margin:0}
.articles-list-page .articles-search select{margin-top:5px;cursor:pointer}
.articles-list-page .articles-search button{min-height:46px;padding:10px 22px;border:1px solid #078a8b;border-radius:12px;background:linear-gradient(120deg,#09a5a4,#087e85);box-shadow:inset 0 1px 2px #ffffff2b;color:#fff;font:inherit;font-size:14px;font-weight:650;cursor:pointer}
.articles-list-page .articles-clear-filters{grid-column:1/-1;justify-self:start;display:inline-flex;align-items:center;min-height:44px;font-size:12px;color:#267b78;text-decoration:underline;text-underline-offset:4px}
.articles-list-page .article-result-count{font-size:12px;color:#58716c;line-height:1.8;margin:0 4px 12px}
.articles-list-page .articles-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:stretch}
.articles-list-page .article-card{min-width:0;margin:0;border:1px solid #e1ece4;border-radius:21px;overflow:hidden;background:#fff;box-shadow:0 7px 18px #2a634306;display:flex}
.articles-list-page .article-card>a{display:flex;flex-direction:column;width:100%;height:100%;min-width:0;text-decoration:none;color:inherit}
.articles-list-page .article-card>a>img{width:100%;height:200px;display:block;object-fit:cover;border-radius:0;margin:0}
.articles-list-page .article-card-placeholder{height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:linear-gradient(135deg,#e3f1e5,#f8f7e8);color:#659080;font-size:13px}
.articles-list-page .article-card-copy{display:flex;flex-direction:column;flex:1;padding:18px 20px 12px;min-width:0}
.articles-list-page .article-card .article-category{align-self:flex-start;background:#eaf5ed;border:1px solid #e3eee3;border-radius:18px;padding:3px 11px;font-size:11px;line-height:1.8;color:#447d68;max-width:100%;overflow-wrap:anywhere;margin:0 0 9px}
.articles-list-page .article-card:nth-child(3n+1) .article-category{background:#fff0df;border-color:#f6e6d2;color:#a3673b}
.articles-list-page .article-card:nth-child(3n+2) .article-category{background:#eaf4fe;border-color:#e0edf8;color:#5081a6}
.articles-list-page .article-card h2{font-size:18px;font-weight:750;line-height:1.8;color:#174f5b;margin:0 0 9px;overflow-wrap:anywhere}
.articles-list-page .article-card-copy>p{font-size:13px;line-height:1.9;color:#74828b;margin:0 0 14px;overflow-wrap:anywhere;text-align:right;text-align-last:right;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.articles-list-page .article-card-byline{margin:auto 0 0;padding-top:8px;border-top:1px solid #e8efea;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.articles-list-page .article-card-meta{display:flex;flex-direction:row;align-items:baseline;flex-wrap:wrap;gap:8px;font-size:12px;line-height:1.8;color:#456570}
.articles-list-page .article-card-meta time{font-size:10px;color:#8b989d}
.articles-list-page .article-rating-summary{display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:5px;background:#f5f8f6;border-radius:10px;padding:7px 9px;color:#8c9998;font-size:10px;line-height:1.8;max-width:100%}
.articles-list-page .article-rating-summary svg{width:16px;height:16px;flex:0 0 16px}
.articles-list-page .article-rating-summary.has-rating{background:#fff5dd;color:#a5782a}
.articles-list-page .article-rating-summary b{font-weight:650;font-size:12px;color:#6e5628}
.articles-list-page .article-rating-summary.has-rating svg{color:#e2ad3f}
.articles-list-page .article-read{display:flex;align-items:center;gap:8px;min-height:30px;margin-top:3px;font-size:12px;font-weight:650;color:#168282}
.articles-list-page .articles-pagination{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;margin:25px 0 5px;padding:0;background:transparent;border:0;font-size:12px;color:#496a74}
.articles-list-page .articles-pagination a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 18px;background:#f9fdfb;border:1px solid #b9d9d0;border-radius:11px;color:#287674;text-decoration:none}
.articles-list-page .articles-footer{max-width:1180px;padding:16px 24px 10px;color:#7b8d8b;font-size:11px;line-height:1.9}
.articles-list-page .articles-empty{padding:45px 24px;margin-top:14px;background:#fff;border:1px solid #dfebe3;border-radius:21px;text-align:center}
.articles-list-page .articles-empty h2{font-size:22px;color:#25675e;margin:0 0 12px}
.articles-list-page .articles-empty p{font-size:14px;line-height:1.9;color:#71857d}
.articles-list-page button:focus-visible,.articles-list-page a:focus-visible{outline:3px solid #d5a579;outline-offset:4px}
.articles-list-page input:focus-visible,.articles-list-page select:focus-visible{outline:2px solid #369e91;outline-offset:3px}
@media(min-width:1001px){.articles-list-page .articles-bottom{display:none}.articles-list-page{padding-bottom:18px}}
@media(max-width:1000px){.articles-list-page .articles-top-nav{display:none}.articles-list-page .articles-header{justify-content:space-between}.articles-list-page .articles-search{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) 130px;gap:12px}.articles-list-page .articles-lead h1{font-size:29px}}
@media(max-width:600px){
.articles-list-page .articles-header{padding:15px 17px;min-height:73px;gap:12px;border-radius:0;background:#f9fdf8ed}
.articles-list-page .articles-brand{font-size:15px;gap:8px}.articles-list-page .articles-brand img{width:35px;height:35px}.articles-list-page .articles-brand small{font-size:10px}
.articles-list-page .articles-account{width:40px;height:40px;flex-basis:40px}
.articles-list-page .articles-main{padding:5px 13px 6px}
.articles-list-page .articles-lead{min-height:175px;padding:20px 13px;border-radius:19px;background-position:34% 78%;background-image:linear-gradient(to left,#f3faeff5 0%,#f3faefd9 44%,transparent 77%),url('/assets/articles-library-hero.webp')}
.articles-list-page .articles-lead-copy{width:65%}.articles-list-page .articles-lead .article-category{font-size:10px;padding:3px 8px;margin-bottom:6px}
.articles-list-page .articles-lead h1{font-size:23px;line-height:1.7;margin-bottom:8px}.articles-list-page .articles-lead p{font-size:11px;line-height:1.9}
.articles-list-page .articles-search{grid-template-columns:minmax(0,1fr) 96px;gap:11px;padding:14px 12px;margin:-9px 0 14px;border-radius:16px}
.articles-list-page .articles-search-field{grid-column:1/-1}.articles-list-page .articles-category-field{grid-column:1}
.articles-list-page .articles-search label{font-size:11px}.articles-list-page .articles-search input,.articles-list-page .articles-search select{font-size:16px;min-height:45px;padding-block:9px}.articles-list-page .articles-search input::placeholder{font-size:12px}.articles-list-page .articles-search select{font-size:13px}.articles-list-page .articles-search button{font-size:13px;padding:9px 15px;min-height:45px}
.articles-list-page .article-result-count{font-size:11px;margin-bottom:10px}
.articles-list-page .articles-grid{grid-template-columns:1fr;gap:12px}
.articles-list-page .article-card{border-radius:17px}
.articles-list-page .article-card>a{display:grid;grid-template-columns:minmax(0,1fr) 100px;gap:5px 12px;align-items:start;padding:13px}
.articles-list-page .article-card>a>img,.articles-list-page .article-card-placeholder{grid-column:2;grid-row:1/4;width:100%;height:105px;border-radius:11px;margin:0;align-self:start}
.articles-list-page .article-card-placeholder{font-size:10px;gap:5px;padding:8px;text-align:center}
.articles-list-page .article-card-copy{display:contents}
.articles-list-page .article-card .article-category{grid-column:1;grid-row:1;justify-self:start;align-self:start;font-size:10px;padding:2px 9px;margin:0}
.articles-list-page .article-card h2{grid-column:1;grid-row:2;font-size:14px;line-height:1.85;margin:0}
.articles-list-page .article-card-copy>p{grid-column:1;grid-row:3;font-size:11px;line-height:1.9;margin:0}
.articles-list-page .article-card-byline{grid-column:1/-1;grid-row:4;width:100%;padding-top:6px;margin-top:3px;gap:8px;align-items:center}
.articles-list-page .article-card-meta{font-size:11px;gap:8px}.articles-list-page .article-card-meta time{font-size:10px}
.articles-list-page .article-rating-summary{font-size:10px;padding:5px 7px;gap:4px}.articles-list-page .article-rating-summary b{font-size:11px}
.articles-list-page .article-read{grid-column:1/-1;grid-row:5;font-size:11px;min-height:26px;margin:0}
.articles-list-page .articles-pagination{gap:10px;font-size:11px;margin-top:19px}.articles-list-page .articles-pagination a{padding:8px 13px;font-size:11px}
.articles-list-page .articles-footer{padding:12px 17px 8px;font-size:10px}
.articles-list-page .articles-empty{padding:30px 18px}.articles-list-page .articles-empty h2{font-size:19px}.articles-list-page .articles-empty p{font-size:13px}
}

.articles-list-page{min-height:100vh}.articles-list-page .articles-brand small{display:block}
.articles-list-page .articles-bottom a{text-decoration:none}
@media(min-width:1001px){.articles-shell.articles-list-page{padding-bottom:18px!important}}