/* Public hive-record details share the app's safe reading gutters.
   This page renders outside the authenticated dashboard shell, so it must
   establish its own canvas rather than relying on a parent container. */
.demo-hive-detail {
    box-sizing: border-box;
    margin-inline: auto;
    /* The desktop shell gives generic <main> elements a full-width canvas. */
    max-width: 72rem !important;
    padding: .7rem clamp(1rem, 3vw, 1.5rem) 2rem;
    width: 100%;
}

.demo-hive-detail > * {
    min-width: 0;
}

@media (max-width: 720px) {
    .demo-hive-detail {
        padding-bottom: 1.5rem;
        padding-inline: 1rem;
    }
}