/* Utforming: same page as Publikum, with click-to-edit on the live layout */
body.is-live-page-edit [data-live-edit] {
    position: relative;
    cursor: pointer;
}
body.is-live-page-edit [data-live-edit]:hover {
    outline: 1px dashed rgba(138, 154, 110, 0.65);
    outline-offset: 2px;
}
body.is-live-page-edit [data-live-field][contenteditable="true"],
body.is-live-page-edit [contenteditable="true"].home-cat-title,
body.is-live-page-edit [contenteditable="true"].blog-card-title,
body.is-live-page-edit [contenteditable="true"].week-tile-title,
body.is-live-page-edit [contenteditable="true"].jonah-excerpt,
body.is-live-page-edit [contenteditable="true"].jonah-hero-title,
body.is-live-page-edit [contenteditable="true"].jonah-card-title,
body.is-live-page-edit [contenteditable="true"].weeks-heading,
body.is-live-page-edit [contenteditable="true"].topic-heading,
body.is-live-page-edit [contenteditable="true"].fg-blog-page-title,
body.is-live-page-edit [contenteditable="true"].fg-blog-slot-title,
body.is-live-page-edit [contenteditable="true"].fg-blog-page-bio,
body.is-live-page-edit [contenteditable="true"].fg-blog-slot-excerpt,
body.is-live-page-edit [contenteditable="true"].blog-shell-title {
    outline: 2px solid #8a9a6e;
    outline-offset: 2px;
    cursor: text;
    min-width: 2rem;
    -webkit-line-clamp: unset;
    line-clamp: unset;
    display: block;
    overflow: visible;
}

body.is-live-page-edit .home-cat-media,
body.is-live-page-edit .blog-card-media,
body.is-live-page-edit .week-tile-media,
body.is-live-page-edit .jonah-card-media,
body.is-live-page-edit .jonah-hero-media,
body.is-live-page-edit .promo-card-media,
body.is-live-page-edit .fg-blog-band-media,
body.is-live-page-edit .fg-blog-slot-img,
body.is-live-page-edit .blog-card-media-empty,
body.is-live-page-edit .jonah-card-media-empty {
    cursor: pointer;
}

body.is-live-page-edit .home-cat-media:empty,
body.is-live-page-edit .blog-card-media-empty,
body.is-live-page-edit .week-tile-media-empty,
body.is-live-page-edit .jonah-card-media-empty,
body.is-live-page-edit .jonah-hero-media-empty {
    box-shadow: inset 0 0 0 1px rgba(138, 154, 110, 0.45);
}

body.is-live-page-edit .admin-work-toolbar,
body.is-live-page-edit .home-cat-actions,
body.is-live-page-edit .blog-card-actions,
body.is-live-page-edit .blog-card-compose-slot,
body.is-live-page-edit .blog-compose-bar,
body.is-live-page-edit .add-post-btns,
body.is-live-page-edit .admin-bar,
body.is-live-page-edit .producer-plus,
body.is-live-page-edit .compose-plus-bar,
body.is-live-page-edit .compose-plus,
body.is-live-page-edit .promo-compose,
body.is-live-page-edit .shell-builder-bar,
body.is-live-page-edit .fg-workshop-rail,
body.is-live-page-edit .pick-from-drafts,
body.is-live-page-edit .admin-inline-form,
body.is-live-page-edit .content-card-actions,
body.is-live-page-edit .promo-card-meta {
    display: none !important;
}

.week-tile-media {
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    background: var(--surface-2, #f5f5f0);
    border: 1px solid var(--border-soft, rgba(0, 0, 0, 0.08));
    border-radius: 2px;
    overflow: hidden;
    flex-shrink: 0;
}
.week-tile-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.week-tile-media-empty {
    aspect-ratio: auto;
    min-height: 2.25rem;
}
body:not(.is-live-page-edit) .week-tile-media-empty {
    display: none;
}