@import url("../article-1.css");

.article-image-placeholder,
.article-inline-placeholder {
    display: grid;
    min-height: 230px;
    place-items: center;
    margin: 0;
    border: 1px dashed rgba(122, 126, 92, .48);
    border-radius: inherit;
    color: var(--color-primary);
    background: linear-gradient(135deg, rgba(122, 126, 92, .13), rgba(255, 255, 255, .94));
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .11em;
    text-transform: uppercase;
}

.article-image-placeholder--quick { min-height: 100%; border: 0; border-radius: 0; color: #fff; background: rgba(0, 0, 0, .16); }
.quick-reference { grid-template-columns: 155px 1fr; }
.article-inline-placeholder { min-height: 130px; margin-top: 28px; border-radius: var(--radius-large); }
.article-overview .article-image-placeholder { height: 370px; min-height: 0; }
.article-figure .article-image-placeholder { min-height: 300px; border-radius: var(--radius-large); }
.article-figure--wide .article-image-placeholder { min-height: 330px; }
.article-callout { margin: 28px 0; padding: 20px 22px; border-left: 4px solid var(--color-primary); border-radius: 0 var(--radius-medium) var(--radius-medium) 0; background: var(--color-soft); }
.article-callout ul { margin: 12px 0 0; padding-left: 20px; }
.article-callout--warning { color: var(--color-text); background: #f7f5e9; }
.article-checklist { display: grid; gap: 9px; margin: 22px 0; padding: 0; list-style: none; }
.article-checklist li::before { content: '✓'; margin-right: 9px; color: var(--color-primary); font-weight: 900; }
.article-two-column { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin: 28px 0; }
.article-two-column > div { padding: 20px; border: 1px solid var(--color-line); border-radius: var(--radius-medium); background: #fff; }
.article-two-column h3 { margin-top: 0; }
.article-two-column ul { margin-bottom: 0; padding-left: 20px; }
.article-summary > .article-image-placeholder { min-height: 360px; color: #fff; background: rgba(255, 255, 255, .12); }
.article-inquiry .article-image-placeholder--inquiry { min-height: 180px; margin-top: 25px; border-radius: var(--radius-medium); }
.article-footer .article-image-placeholder--date { width: 68px; min-width: 68px; height: 68px; min-height: 68px; border-radius: 50%; font-size: 0; }
.article-faq__heading > .article-image-placeholder { height: 170px; min-height: 0; border-radius: var(--radius-medium); }
.related-card > .article-image-placeholder { min-height: 155px; border-radius: 0; }
.related-articles > .article-inline-placeholder { min-height: 160px; margin: 0 0 32px; }
@media (max-width: 800px) { .article-two-column { grid-template-columns: 1fr; } .article-overview .article-image-placeholder { height: 300px; } }
@media (max-width: 620px) { .quick-reference { grid-template-columns: 1fr; } .article-image-placeholder--quick { min-height: 165px; } .article-faq__heading > .article-image-placeholder { height: 210px; } }