.p_article{padding-top:20px;padding-bottom:60px}.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}}.article_layout{display:grid;grid-template-columns:200px 1fr 200px;gap:40px;align-items:start}.article_nav{position:sticky;top:calc(var(--header-height) + 20px)}.article_nav__title{font-size:20px;font-weight:700;color:var(--black-clr);margin-bottom:16px}.article_nav__item{display:block;padding:12px 14px;border-left:3px solid transparent;border-radius:6px;text-decoration:none;transition:background-color 0.2s ease}.article_nav__item:hover{background-color:var(--second-bg-grey-clr)}.article_nav__item.active{background-color:var(--green-light-clr);border-left-color:var(--green-clr)}.article_nav__item_title{font-size:14px;font-weight:500;color:var(--black-clr);line-height:1.4;margin-bottom:4px}.article_nav__item_date{font-size:12px;color:var(--grey-clr)}.article_content{min-width:0}.article_content__meta{display:flex;align-items:center;gap:12px;margin-bottom:12px}.article_content__date{font-size:14px;color:var(--grey-clr)}.article_content__category{font-size:12px;font-weight:500;color:var(--green-clr);background-color:var(--green-light-clr);padding:4px 10px;border-radius:4px;text-decoration:none}.article_content__title{font-size:36px;font-weight:700;color:var(--black-clr);line-height:1.25;margin-bottom:24px}.article_content__image{width:100%;max-height:480px;object-fit:cover;object-position:center;border-radius:12px;margin-bottom:24px}.article_content__body{font-size:16px;color:var(--black-clr);line-height:1.7}.article_content__body p{margin-bottom:16px}.article_content__body h2{font-size:24px;font-weight:700;margin-top:32px;margin-bottom:12px}.article_content__body h3{font-size:20px;font-weight:600;margin-top:24px;margin-bottom:8px}.article_content__body img{max-width:100%;height:auto;border-radius:8px;margin:16px 0}.article_content__body ul,.article_content__body ol{padding-left:20px;margin-bottom:16px}.article_content__body li{margin-bottom:6px}.article_content__body a{color:var(--green-clr);text-decoration:underline}.article_content__author{margin-top:32px;padding-top:24px;border-top:1px solid var(--grey-light-clr)}.article_content__author_name{font-size:14px;font-weight:500;color:var(--grey-clr)}@media (max-width:1024px){.article_rubricator_toggle{display:flex}.article_layout{grid-template-columns:1fr 240px;gap:30px}}@media (max-width:768px){.article_layout{grid-template-columns:1fr;gap:30px}.article_nav{position:static;border-top:1px solid var(--grey-light-clr);padding-top:24px}.article_content__title{font-size:28px}}@media (max-width:480px){.article_content__title{font-size:24px}.article_content__body{font-size:15px}.article_content__body h2{font-size:20px}.article_content__body h3{font-size:18px}}@media (max-width:360px){.p_article{padding-top:12px;padding-bottom:40px}.article_content__title{font-size:22px;margin-bottom:16px}.article_content__body{font-size:14px}}.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}}