.apn-newsroom {
    font-family: Arial, sans-serif;
    border: 1px solid #dfe3eb;
    background: #fff;
}
.apn-header {
    background: #1034A6;
    color: #fff;
    padding: 16px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
}
.apn-header__brand,
.apn-article-brand,
.apn-article-author {
    display: flex;
    align-items: center;
    gap: 12px;
}
.apn-header-logo,
.apn-article-logo,
.apn-author-logo {
    width: 42px;
    height: 42px;
    object-fit: contain;
    border-radius: 8px;
    background: #fff;
    padding: 4px;
}
.apn-site-logo--text {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 42px;
    min-height: 42px;
    border-radius: 8px;
    background: #fff;
    color: #1034A6;
    font-weight: 700;
    padding: 0 10px;
}
.apn-title { font-size: 20px; font-weight: 700; }
.apn-logo-text { font-size: 12px; opacity: .9; text-transform: uppercase; }
.apn-header__tools button {
    border: 0;
    background: #fff;
    color: #1034A6;
    padding: 8px 12px;
    cursor: pointer;
    border-radius: 4px;
}
.apn-layout {
    display: grid;
    grid-template-columns: 280px 1fr 420px;
    min-height: 700px;
}
.apn-sidebar, .apn-timeline, .apn-article { padding: 20px; }
.apn-sidebar { border-right: 1px solid #e5e7eb; background: #f8fafc; }
.apn-timeline { border-right: 1px solid #e5e7eb; background: #fff; }
.apn-search-box input { width: 100%; padding: 10px 12px; margin-bottom: 18px; }
.apn-categories { display: flex; flex-direction: column; gap: 10px; }
.apn-category {
    padding: 10px 12px; border: 1px solid #dbe2ea; cursor: pointer;
    display: flex; align-items: center; gap: 10px; background: #fff;
}
.apn-category__dot { width: 10px; height: 10px; border-radius: 50%; }
.apn-category.is-active, .apn-category:hover { background: #eef4ff; border-color: #1034A6; }
.apn-timeline-list { display: flex; flex-direction: column; gap: 14px; }
.apn-news-card { border-bottom: 1px solid #e5e7eb; padding-bottom: 14px; cursor: pointer; }
.apn-news-card__meta { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; }
.apn-news-card__time { color: #fff; font-size: 12px; padding: 4px 8px; border-radius: 4px; }
.apn-news-card__title { margin: 0 0 8px; font-size: 18px; }
.apn-article-panel h1 { margin-top: 16px; font-size: 28px; }
.apn-article-brand {
    border: 1px solid #e5e7eb;
    background: #f8fafc;
    padding: 10px 12px;
    border-radius: 10px;
}
.apn-article-brand__text span, .apn-author-sub { display: block; color: #666; font-size: 13px; }
.apn-article-author { margin: 16px 0; }
.apn-article-panel__categories { display: flex; gap: 8px; flex-wrap: wrap; margin: 16px 0; }
.apn-chip { border: 1px solid; border-radius: 999px; padding: 6px 10px; font-size: 13px; }
.apn-article-panel__image img { width: 100%; height: auto; margin: 16px 0; }
@media (max-width: 1100px) {
    .apn-layout { grid-template-columns: 1fr; }
    .apn-sidebar, .apn-timeline { border-right: 0; border-bottom: 1px solid #e5e7eb; }
}
