.briefing-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr));
    gap: 1rem;
    margin-block: 1rem;
}
.briefing-card { min-width: 0; overflow-wrap: anywhere; }
.briefing-available {
    display: inline-block;
    padding: .35rem .65rem;
    border: 1px solid #6db991;
    border-radius: .5rem;
    background: #174534;
    color: #e5fff0;
    margin-right: .5rem;
}
.briefing-cover {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    border-radius: .5rem;
    margin-bottom: 1rem;
}
.briefing-detail, .briefing-editor { max-width: 56rem; overflow-wrap: anywhere; }
.briefing-detail section { margin-top: 2rem; }
.briefing-detail figure { margin: 1rem 0; }
.briefing-detail figure img, .briefing-thumbnail { display: block; max-width: 100%; height: auto; }
.briefing-thumbnail { max-height: 10rem; }
.briefing-detail figcaption { margin-top: .5rem; }
.briefing-fields { display: grid; gap: .75rem; }
.briefing-fields label { display: block; min-width: 0; }
.briefing-fields textarea, .briefing-fields input:not([type=checkbox]) { width: 100%; }
.briefing-section { padding: .75rem 0; border-top: 1px solid currentColor; }
.briefing-section summary { cursor: pointer; }
.briefing-section .briefing-fields { margin-top: .75rem; }
.briefing-fields [hidden] { display: none; }
.briefing-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }