/**
 * Page frame: no outer margins.
 *
 * body, the main content container (<main class="container">, and the
 * <main class="reactive-content"> shell) and the view inside it have a
 * margin of 0. The view was centred with `margin: 0 auto` under a 1200px
 * cap, which left an 83px band each side at 1366px; it now spans the main
 * container, and the layouts inside it (.cb-layout, the feed columns) keep
 * their own widths. Loaded after the component stylesheets.
 *
 * Content items are full width: the feed fills its column, and the column
 * fills the layout beside the widget sidebar (it was 680px in an 800px
 * column in a 1400px centred layout: 666px cards at 1366 and 1920px).
 */
html,
body {
    margin: 0;
}

main.container,
main.reactive-content,
main.container > .view,
main.reactive-content > .view-section {
    margin: 0;
    max-width: none;
}

/* Content items: full width of the space beside the widget sidebar. */
.cb-layout {
    max-width: none;
    margin: 0;
}

.cb-main-col,
.feed-design-wrapper {
    max-width: none;
}

.feed-wrapper {
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
}

.feed-content-card {
    width: 100%;
    max-width: none;
    box-sizing: border-box;
}

/* Posts fill their card: the feed card was a second frame around the post
   (10.5px padding + the post's 5px margin + a 3px border, a box in a box).
   The card keeps only vertical spacing; the unread accent moves onto the
   post itself. */
.feed-content-card,
.feed-content-card:hover,
.feed-content-card.unread,
.feed-content-card.unread:hover,
.feed-content-card.read,
.feed-content-card.read:hover {
    padding-left: 0;
    padding-right: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}

.feed-content-card .cr-post,
.profile-posts .cr-post,
#post-detail-feed .cr-post {
    margin-left: 0;
    margin-right: 0;
    max-width: none;
}

.feed-content-card.unread .cr-post {
    border-left: 3px solid var(--color-primary, #3b82f6);
}

/* Profile and single-post pages: full width too (were 1200px and 680px). */
.profile-view,
.post-detail-container {
    max-width: none;
    margin-left: 0;
    margin-right: 0;
}