.app-header {
  background: #e8f2f8;
  border-bottom: 1px solid #c6dce9;
  padding: 1.5rem 0;
  margin-bottom: 1.5rem;
}
.app-header .app-brand { font-size: 2rem; font-weight: 600; line-height: 1.2; margin: 0 0 .5rem; }
.app-header .app-brand a { color: #183e56; }
.app-header p:last-child { margin-bottom: 0; }
.app-resources { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr)); gap: 1rem; margin-bottom: 2rem; }
.app-resource { border: 1px solid #c6dce9; padding: 1.25rem; display: flex; flex-direction: column; }
.app-resource h3 { font-size: 1.4rem; }
.app-resource .button { margin-top: auto; margin-bottom: 0; align-self: flex-start; }
@media print { .app-header { display: none !important; } }

.resource-editor { width: min(64rem, 94vw); max-height: 90vh; overflow: auto; margin: auto; padding: 1.25rem; border: 1px solid #777; border-radius: .25rem; }
.resource-editor::backdrop { background: rgb(0 0 0 / 50%); }
@media print { .resource-editor, .resource-editor::backdrop { display: none !important; } }