.news-comments{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:32px}.news-comments__header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}@media (max-width:768px){.news-comments__header{flex-direction:column;align-items:flex-start;gap:16px}}.news-comments__title{color:var(--color-text-primary);font-size:20px;font-weight:var(--weight-semi-bold);line-height:var(--line-height-22);margin:0}.news-comments__add-button{background:var(--color-primary);color:var(--color-white);font-size:14px;font-weight:var(--weight-medium);cursor:pointer;border:none;border-radius:8px;padding:10px 20px;transition:all .2s}.news-comments__add-button:hover{background:var(--color-primary-hover)}.news-comments__form-container{background:var(--color-gray-5);border:1px solid var(--color-border);border-radius:8px;margin-bottom:24px;padding:20px}.news-comments__list{flex-direction:column;gap:16px;display:flex}.news-comments__loading,.news-comments__empty{background:var(--color-gray-5);border:1px solid var(--color-border);color:var(--color-text-secondary);font-size:16px;line-height:var(--line-height-16);text-align:center;border-radius:8px;padding:48px 24px}.news-comments__load-more{justify-content:center;margin-top:24px;display:flex}.news-comments__load-more-button{background:var(--color-secondary);border:1px solid var(--color-border);color:var(--color-text);font-size:14px;font-weight:var(--weight-medium);cursor:pointer;border-radius:8px;padding:12px 24px;transition:all .2s}.news-comments__load-more-button:disabled{cursor:not-allowed;opacity:.6}.news-comments__load-more-button:hover:not(:disabled){background:var(--color-secondary-hover);border-color:var(--color-primary)}.news-comments__error{background:var(--color-surface);border:1px solid var(--color-sentiment-negative);text-align:center;border-radius:8px;margin-top:24px;padding:24px}.news-comments__error p{color:var(--color-sentiment-negative);font-size:16px;line-height:var(--line-height-16);margin:0 0 16px}.news-comments__retry-button{background:var(--color-sentiment-negative);color:var(--color-white);font-size:14px;font-weight:var(--weight-medium);cursor:pointer;border:none;border-radius:8px;padding:12px 24px;transition:all .2s}.news-comments__retry-button:hover{background:var(--color-sentiment-negative-hover)}.comment-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:16px;transition:all .2s}.comment-item:hover{border-color:var(--color-primary)}.comment-item--reply{background:var(--color-gray-6);border-left:3px solid var(--color-primary);border-radius:0 8px 8px 0;margin-top:12px;margin-left:20px}@media (max-width:768px){.comment-item--reply{margin-left:12px}}.comment-item__content{width:100%}.comment-item__header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}@media (max-width:768px){.comment-item__header{flex-direction:column;align-items:flex-start;gap:4px}}.comment-item__author{color:var(--color-text-primary);font-size:14px;font-weight:var(--weight-medium);line-height:var(--line-height-14)}.comment-item__date{color:var(--color-text-secondary);font-size:12px;line-height:var(--line-height-12)}.comment-item__text{color:var(--color-text);font-size:14px;line-height:var(--line-height-16);white-space:pre-wrap;overflow-wrap:break-word;margin-bottom:12px}.comment-item__actions{flex-wrap:wrap;gap:12px;display:flex}@media (max-width:768px){.comment-item__actions{gap:8px}}.comment-item__action-button{color:var(--color-text-secondary);font-size:12px;line-height:var(--line-height-12);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;transition:all .2s}.comment-item__action-button:hover{background:var(--color-gray-5);color:var(--color-primary)}.comment-item__action-button--delete:hover{color:var(--color-sentiment-negative)}.comment-item__action-button--replies{font-weight:var(--weight-medium)}.comment-item__action-button--replies:hover{color:var(--color-primary)}.comment-item__edit-form,.comment-item__reply-form{background:var(--color-gray-5);border:1px solid var(--color-border);border-radius:8px;margin-top:16px;padding:16px}.comment-item__edit-form-wrapper{flex-direction:column;gap:12px;display:flex}.comment-item__edit-textarea{background:var(--color-surface);border:1px solid var(--color-border);width:100%;min-height:80px;color:var(--color-text);font-family:inherit;font-size:14px;line-height:var(--line-height-16);resize:vertical;border-radius:6px;padding:12px;transition:border-color .2s}.comment-item__edit-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgb(var(--color-primary-rgb)/10%);outline:none}.comment-item__edit-textarea::placeholder{color:var(--color-placeholder)}.comment-item__edit-textarea:disabled{background:var(--color-gray-5);cursor:not-allowed;opacity:.7}.comment-item__edit-actions{align-items:center;gap:8px;display:flex}@media (max-width:768px){.comment-item__edit-actions{flex-direction:column;align-items:stretch}}.comment-item__edit-save-button{background:var(--color-primary);color:var(--color-white);font-size:13px;font-weight:var(--weight-medium);cursor:pointer;border:none;border-radius:6px;padding:8px 16px;transition:all .2s}.comment-item__edit-save-button:disabled{cursor:not-allowed;opacity:.6}.comment-item__edit-save-button:hover:not(:disabled){background:var(--color-primary-hover)}.comment-item__edit-cancel-button{background:var(--color-secondary);border:1px solid var(--color-border);color:var(--color-text);font-size:13px;font-weight:var(--weight-medium);cursor:pointer;border-radius:6px;padding:8px 16px;transition:all .2s}.comment-item__edit-cancel-button:disabled{cursor:not-allowed;opacity:.6}.comment-item__edit-cancel-button:hover:not(:disabled){background:var(--color-secondary-hover);border-color:var(--color-primary)}.comment-item__replies{flex-direction:column;gap:12px;margin-top:16px;display:flex}.comment-form__field{margin-bottom:16px}.comment-form__textarea{border:1px solid var(--color-border);width:100%;min-height:100px;color:var(--color-text);font-family:inherit;font-size:14px;line-height:var(--line-height-16);resize:vertical;background-color:var(--color-surface);border-radius:6px;padding:12px;transition:border-color .2s}.comment-form__textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgb(var(--color-primary-rgb) .1);outline:none}.comment-form__textarea::placeholder{color:var(--color-placeholder)}.comment-form__textarea:disabled{background:var(--color-gray-5);cursor:not-allowed}.comment-form__actions{align-items:center;gap:12px;margin-bottom:8px;display:flex}@media (max-width:768px){.comment-form__actions{flex-direction:column;align-items:stretch}}.comment-form__submit-button{background:var(--color-primary);color:var(--color-white);font-size:14px;font-weight:var(--weight-medium);cursor:pointer;border:none;border-radius:6px;padding:10px 20px;transition:all .2s}.comment-form__submit-button:disabled{cursor:not-allowed;opacity:.6}.comment-form__submit-button:hover:not(:disabled){background:var(--color-primary-hover)}.comment-form__cancel-button{background:var(--color-secondary);border:1px solid var(--color-border);color:var(--color-text);font-size:14px;font-weight:var(--weight-medium);cursor:pointer;border-radius:6px;padding:10px 20px;transition:all .2s}.comment-form__cancel-button:disabled{cursor:not-allowed;opacity:.6}.comment-form__cancel-button:hover:not(:disabled){background:var(--color-secondary-hover);border-color:var(--color-primary)}.comment-form__hint{text-align:right}.comment-form__hint small{color:var(--color-text-secondary);font-size:11px;font-style:italic}
.news-detail-page__container{max-width:var(--max-width);margin:0 auto;padding:56px 0 96px}@media (max-width:1464px){.news-detail-page__container{padding:56px 24px 96px}}@media (max-width:767px){.news-detail-page__container{padding:0 24px 96px}}@media (max-width:575px){.news-detail-page__container{padding:24px 24px 96px}}.news-detail-page__navigation{margin-bottom:32px}.news-detail-page__back-link{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary);font-size:14px;font-weight:var(--weight-medium);border-radius:8px;align-items:center;padding:8px 16px;text-decoration:none;transition:all .2s;display:inline-flex}.news-detail-page__back-link:hover{background:var(--color-secondary-hover);border-color:var(--color-primary);color:var(--color-primary)}.news-detail-page__article{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;margin-bottom:40px;padding:40px}@media (max-width:768px){.news-detail-page__article{padding:24px}}.news-detail-page__header{border-bottom:1px solid var(--color-border);margin-bottom:32px;padding-bottom:24px}.news-detail-page__title{color:var(--color-text-primary);font-size:32px;font-weight:var(--weight-bold);margin:0 0 20px;line-height:1.3}.news-detail-page__meta{color:var(--color-text-secondary);font-size:14px;line-height:var(--line-height-14);flex-wrap:wrap;align-items:center;gap:16px;display:flex}@media (max-width:768px){.news-detail-page__meta{flex-direction:column;align-items:flex-start;gap:8px}}.news-detail-page__author{font-weight:var(--weight-medium)}.news-detail-page__date{color:var(--color-text-secondary)}.news-detail-page__comments-count{color:var(--color-primary);font-weight:var(--weight-medium)}.news-detail-page__image{border-radius:8px;margin-bottom:32px;overflow:hidden}.news-detail-page__image-button{cursor:pointer;background:0 0;border:none;width:100%;padding:0;transition:transform .2s;display:block}.news-detail-page__image-button:hover{transform:scale(1.02)}.news-detail-page__image-button:focus{outline:2px solid var(--color-primary);outline-offset:2px}.news-detail-page__image-button img{width:100%;height:auto;display:block}.news-detail-page__images-gallery{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin-bottom:32px;display:grid}@media (max-width:768px){.news-detail-page__images-gallery{grid-template-columns:1fr}}.news-detail-page__gallery-item{border-radius:8px;transition:transform .2s;overflow:hidden}.news-detail-page__gallery-item:hover{transform:scale(1.02)}.news-detail-page__gallery-button{cursor:pointer;background:0 0;border:none;width:100%;padding:0;display:block}.news-detail-page__gallery-button:focus{outline:2px solid var(--color-primary);outline-offset:2px}.news-detail-page__gallery-button img{object-fit:cover;width:100%;height:200px;display:block}.news-detail-page__loading,.news-detail-page__not-found{background:var(--color-surface);border:1px solid var(--color-border);text-align:center;border-radius:12px;padding:80px 40px}@media (max-width:768px){.news-detail-page__loading,.news-detail-page__not-found{padding:60px 20px}}.news-detail-page__loading h1,.news-detail-page__not-found h1{color:var(--color-text-primary);font-size:24px;font-weight:var(--weight-semi-bold);margin:0 0 16px}.news-detail-page__loading p,.news-detail-page__not-found p{color:var(--color-text-secondary);font-size:16px;line-height:var(--line-height-16);margin:0 0 24px}.news-detail-page__error{background:var(--color-surface);border:1px solid var(--color-sentiment-negative);text-align:center;border-radius:12px;padding:40px}.news-detail-page__error p{color:var(--color-sentiment-negative);font-size:16px;line-height:var(--line-height-16);margin:0 0 16px}.news-detail-page__content{color:var(--color-text);font-size:16px;line-height:var(--line-height-24);margin-bottom:24px}.news-detail-page__content h1{font-size:32px}.news-detail-page__content h2{font-size:28px}.news-detail-page__content h3{font-size:24px}.news-detail-page__content h4{font-size:20px}.news-detail-page__content h5{font-size:18px}.news-detail-page__content h6{font-size:16px}.news-detail-page__content h1,.news-detail-page__content h2,.news-detail-page__content h3,.news-detail-page__content h4,.news-detail-page__content h5,.news-detail-page__content h6{color:var(--color-text-primary);font-weight:var(--weight-semi-bold);margin:32px 0 16px;line-height:1.3}.news-detail-page__content h1:first-child,.news-detail-page__content h2:first-child,.news-detail-page__content h3:first-child,.news-detail-page__content h4:first-child,.news-detail-page__content h5:first-child,.news-detail-page__content h6:first-child{margin-top:0}.news-detail-page__content p{margin:0 0 16px}.news-detail-page__content p:last-child{margin-bottom:0}.news-detail-page__content ul,.news-detail-page__content ol{margin:16px 0;padding-left:24px}.news-detail-page__content ul li,.news-detail-page__content ol li{margin-bottom:8px}.news-detail-page__content blockquote{background:var(--color-gray-5);border-left:4px solid var(--color-primary);border-radius:0 8px 8px 0;margin:24px 0;padding:16px 20px;font-style:italic}.news-detail-page__content code{background:var(--color-gray-5);color:var(--color-primary);border-radius:6px;padding:2px 6px;font-family:Courier New,monospace;font-size:14px}.news-detail-page__content pre{background:var(--color-gray-5);border-radius:8px;margin:16px 0;padding:16px;overflow-x:auto}.news-detail-page__content pre code{color:var(--color-text);background:0 0;padding:0}.news-detail-page__content a{color:var(--color-primary);text-decoration:underline;transition:color .2s}.news-detail-page__content a:hover{color:var(--color-primary-hover)}.news-detail-page__content img{border-radius:8px;max-width:100%;height:auto}.news-detail-page__content table{border-collapse:collapse;border:1px solid var(--color-border);border-radius:8px;width:100%;margin:16px 0;overflow:hidden}.news-detail-page__content table th,.news-detail-page__content table td{border-bottom:1px solid var(--color-border);text-align:left;padding:12px}.news-detail-page__content table th{background:var(--color-gray-5);font-weight:var(--weight-semi-bold)}.news-detail-page__content table tr:last-child td{border-bottom:none}.news-detail-page__content-text{white-space:pre-wrap;overflow-wrap:break-word}.news-detail-page__updated{border-top:1px solid var(--color-border);text-align:right;padding-top:16px}.news-detail-page__updated small{color:var(--color-text-secondary);font-size:12px;font-style:italic}.news-detail-page__retry-button{background:var(--color-sentiment-negative);color:var(--color-white);font-size:14px;font-weight:var(--weight-medium);cursor:pointer;border:none;border-radius:8px;padding:12px 24px;transition:all .2s}.news-detail-page__retry-button:hover{background:var(--color-sentiment-negative-hover)}