html, body { max-width: 100%; overflow-x: hidden; }

@media (max-width: 800px) {
  .primary-nav { scrollbar-width: none; }
  .primary-nav::-webkit-scrollbar,
  .filter-group::-webkit-scrollbar { display: none; }
}

.article-row:first-child {
  position: relative;
  padding-left: 18px;
  padding-right: 18px;
  background: #fff;
  border-left: 3px solid var(--orange);
  box-shadow: 0 14px 36px rgba(25, 31, 44, 0.06);
}

.article-row:first-child .article-main h3 {
  font-size: 22px;
  line-height: 1.35;
}

.article-block h4 {
  margin: 30px 0 10px;
  color: var(--ink);
  font-size: 17px;
  line-height: 1.45;
}

.article-block p {
  color: #566170;
  line-height: 1.9;
}

.source-box {
  margin-top: 34px;
  padding: 18px;
  background: #eef0ed;
  border: 1px solid #dfe3df;
  border-radius: 4px;
}

.source-box strong {
  display: block;
  margin-bottom: 8px;
  color: var(--ink);
}

.source-box p {
  margin: 0 0 14px;
  color: #68717e;
  font-size: 13px;
  line-height: 1.7;
  word-break: break-word;
}

.article-thumb-wrap{display:flex;align-items:center;gap:9px;margin:0 0 10px}
.article-thumb{width:86px;height:52px;object-fit:cover;border-radius:6px;background:#e7e9e7;display:block}
.article-thumb-wrap span{font-size:10px;color:#8b929b;line-height:1.35;max-width:160px}
.drawer-visual{margin:0 0 26px;padding:0}
.drawer-visual img{display:block;width:100%;max-height:250px;object-fit:cover;border-radius:7px;background:#e8e9e7}
.drawer-visual figcaption{margin-top:7px;color:#89919d;font-size:11px;line-height:1.5}

@media (max-width: 800px) {
  .article-row:first-child {
    padding-left: 14px;
    padding-right: 14px;
  }
}