.p_articles{padding-top:20px;padding-bottom:60px;.p_articles__title{font-size:40px;font-weight:700;color:var(--black-clr);text-align:center;margin-bottom:20px}.article_rubricator_toggle{display:none;align-items:center;gap:8px;padding:10px 16px;margin-bottom:16px;background:var(--first-bg-clr);border:1px solid var(--grey-light-clr);border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;color:var(--black-clr);img{width:18px;height:18px}}@media (max-width:1024px){.article_rubricator_toggle{display:flex}}@media (max-width:768px){.p_articles__title{font-size:28px}}@media (max-width:480px){.p_articles__title{font-size:24px}}@media (max-width:360px){padding-top:12px;padding-bottom:40px;.p_articles__title{font-size:22px;margin-bottom:16px}}}.articles_layout{display:grid;grid-template-columns:220px 1fr 280px;gap:40px;align-items:start;@media (max-width:1024px){grid-template-columns:1fr 240px;gap:30px}@media (max-width:768px){grid-template-columns:1fr;gap:30px;}}.articles_grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;@media (max-width:768px){grid-template-columns:1fr}}.articles_card{display:flex;flex-direction:column;border:1px solid var(--grey-light-clr);border-radius:12px;overflow:hidden;text-decoration:none;transition:box-shadow 0.2s ease;&:hover{box-shadow:0 4px 12px rgba(0,0,0,0.08)}.card_img{width:100%;height:160px;background:var(--second-bg-grey-clr);@media (max-width:360px){height:140px}}.card_body{padding:16px;display:flex;flex-direction:column;flex:1}.card_meta{display:flex;align-items:center;gap:10px;margin-bottom:8px}.card_date{font-size:12px;color:var(--grey-clr)}.card_category{font-size:11px;font-weight:500;color:var(--green-clr);background-color:var(--green-light-clr);padding:3px 8px;border-radius:4px}.card_title{font-size:16px;font-weight:600;color:var(--black-clr);line-height:1.35;margin-bottom:8px;@media (max-width:480px){font-size:15px}}.card_description{font-size:13px;color:var(--grey-clr);line-height:1.5;margin-top:auto;@media (max-width:480px){font-size:12px}}}.articles_adv{width:100%;min-height:400px;border:2px dashed var(--grey-light-clr);border-radius:8px;@media (max-width:768px){display:none}}.c_articles_rubricator{position:sticky;top:calc(var(--header-height) + 20px);.rubricator_title{font-size:20px;font-weight:700;color:var(--black-clr);margin-bottom:16px}.rubricator_row{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;border-radius:6px;cursor:pointer;transition:background-color 0.2s ease;&:hover{background-color:var(--second-bg-grey-clr)}&.active{.rubricator_link{color:var(--green-clr)}}.rubricator_link{min-width:0;display:block;text-decoration:none;font-size:14px;font-weight:500;color:var(--black-clr)}.rubricator_caret{flex-shrink:0;width:14px;height:14px;margin-left:8px;transition:transform 0.2s ease}&[aria-expanded="true"] .rubricator_caret{transform:rotate(180deg)}}.rubricator_children .rubricator_row{padding-left:28px}.rubricator_row[aria-expanded="false"] + .rubricator_children{display:none}.rubricator_children{overflow:hidden;&[aria-hidden="true"]{display:none}}}.rubricator_overlay{display:none}@media (max-width:1024px){.c_articles_rubricator{position:fixed;top:0;left:-300px;width:300px;height:100svh;background:var(--first-bg-clr);z-index:var(--top-z-ind);padding:16px;overflow-y:auto;transition:left 0.3s ease;border-right:1px solid var(--grey-light-clr);&.open{left:0}}.rubricator_overlay{display:none;position:fixed;inset:0;background:var(--black-light-clr);z-index:calc(var(--top-z-ind) - 1)}.c_articles_rubricator.open ~ .rubricator_overlay{display:block}}