.compoi-article-box {
  margin: 1.5rem 0;
  padding: 1rem;
  border: var(--compoi-border-width, 1px) solid var(--compoi-border-color, #d8dde3);
  border-radius: .35rem;
  background: var(--compoi-background-color, #fff);
  color: var(--compoi-text-color, #212529);
}
.compoi-article-box h3,
.compoi-article-box strong,
.compoi-article-box li,
.compoi-article-box li span,
.compoi-article-box .compoi-empty { color: inherit; }
.compoi-article-box a:not(.btn) { color: inherit; text-decoration: underline; }
.compoi-current-poi { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:.75rem 0; border-bottom:1px solid #e6e9ed; }
.compoi-current-poi:first-child { padding-top:0; }
.compoi-current-poi-info { display:flex; flex-direction:column; gap:.2rem; }
.compoi-current-poi-info span { font-size:.92rem; }
.compoi-toggle-form { margin:0; flex:0 0 auto; }
.compoi-saved-list { margin-top:1rem; }
.compoi-saved-list h3 { margin:0 0 .65rem; font-size:1.15rem; }
.compoi-saved-list ul { margin:0 0 1rem; padding-left:1.25rem; }
.compoi-saved-list li { margin:.35rem 0; }
.compoi-saved-list li span { display:block; font-size:.88rem; }
.compoi-empty { margin:.25rem 0 1rem; }
.compoi-message { padding:.75rem; border-radius:.25rem; }
.compoi-message-info { background:#eef5ff; color:#212529; }
.compoi-message-warning { background:#fff3cd; color:#212529; }
.compoi-open-list { margin-top:.25rem; }
@media(max-width:575.98px) {
  .compoi-current-poi { align-items:flex-start; flex-direction:column; }
  .compoi-toggle-form,
  .compoi-toggle-form .btn { width:100%; }
}