/* LIFE NOW Dropbox patch test — local only */
/* Naber delivery smoke test 2026-10-28: harmless marker, no visual changes. */
/* ChatGPT to Dropbox automatic patch delivery verification — no visual changes. */
/* ============================================================
   Neighbor Platform v0.3 — Public Stylesheet
   ============================================================ */

/* ---- Reset & Base ---- */
.neighbor-wrap * { box-sizing: border-box; }
.neighbor-wrap { max-width: 1100px; margin: 32px auto; padding: 0 20px; font-family: inherit; }
.neighbor-narrow { max-width: 780px; }

/* ---- Utility ---- */
.neighbor-muted { color: #6e6a62; }
.neighbor-kicker { letter-spacing: .08em; text-transform: uppercase; font-size: 11px; font-weight: 700; color: #8a7860; margin: 0 0 6px; }

/* ---- Notices ---- */
.neighbor-notice { border-radius: 14px; padding: 14px 18px; font-size: 14px; margin-bottom: 16px; }
.neighbor-notice-success { background: #f4f3f2; border: 1px solid #cfccc6; color: #24262b; }
.neighbor-notice-error   { background: #fff0f0; border: 1px solid #f1c9c9; color: #8b2020; }

/* ---- Community Header ---- */
.neighbor-community-header {
    display: flex; justify-content: space-between; gap: 24px; align-items: flex-start;
    background: linear-gradient(135deg, #1c1812 0%, #2e2419 100%);
    border-radius: 24px; padding: 32px 36px; margin-bottom: 28px; color: #fff;
}
.neighbor-community-header .neighbor-kicker { color: #c9a86c; }
.neighbor-community-name { font-size: 32px; font-weight: 800; margin: 0 0 8px; color: #fff; }
.neighbor-community-desc { color: #c8bfb4; margin: 0 0 16px; max-width: 560px; }
.neighbor-community-header-actions { display: flex; flex-direction: column; gap: 10px; align-items: flex-end; flex-shrink: 0; }

/* ---- Stats ---- */
.neighbor-stats { display: flex; gap: 16px; flex-wrap: wrap; }
.neighbor-stat { display: inline-flex; align-items: center; gap: 5px; font-size: 13px; color: #a89880; }
.neighbor-community-header .neighbor-stat { color: #c8bfb4; }
.neighbor-stat svg { width: 14px; height: 14px; }

/* ---- Buttons ---- */
.neighbor-button {
    display: inline-flex; align-items: center; justify-content: center; gap: 6px;
    border: 0; border-radius: 999px; padding: 10px 20px;
    background: #c9a86c; color: #1c1812 !important; text-decoration: none;
    font-weight: 700; font-size: 14px; cursor: pointer; white-space: nowrap;
    transition: background .15s, transform .1s;
}
.neighbor-button:hover { background: #b8955a; transform: translateY(-1px); }
.neighbor-button-light { background: #f1ebe1; color: #2b241c !important; }
.neighbor-button-light:hover { background: #e4ddd0; }
.neighbor-button-ghost { background: transparent; color: #c9a86c !important; border: 1.5px solid #c9a86c; }
.neighbor-button-ghost:hover { background: rgba(201,168,108,.1); }
.neighbor-button-success { background: #24262b; color: #fff !important; padding: 6px 12px; font-size: 13px; }
.neighbor-button-danger  { background: #e05252; color: #fff !important; padding: 6px 12px; font-size: 13px; }
.neighbor-joined { display: inline-flex; align-items: center; gap: 5px; background: #eeedea; color: #24262b; border-radius: 999px; padding: 10px 16px; font-weight: 700; font-size: 14px; }

/* ---- Tabs ---- */
.neighbor-tabs { display: flex; gap: 6px; margin: 0 0 24px; border-bottom: 1px solid #e9e5dd; padding-bottom: 0; }
.neighbor-tab {
    border-radius: 10px 10px 0 0; padding: 10px 18px; text-decoration: none;
    color: #6e6a62; font-weight: 600; font-size: 14px; border: 1px solid transparent;
    border-bottom: none; transition: color .15s, background .15s;
    margin-bottom: -1px;
}
.neighbor-tab:hover { color: #2b241c; background: #f8f5f0; }
.neighbor-tab.is-active { color: #2b241c; background: #fff; border-color: #e9e5dd; font-weight: 700; }

/* ---- Tab Content ---- */
.neighbor-tab-content { padding: 4px 0 24px; }

/* ---- Community Cards Grid (Home) ---- */
.neighbor-hero {
    display: flex; justify-content: space-between; align-items: center; gap: 24px;
    background: linear-gradient(135deg, #1c1812 0%, #2e2419 100%);
    border-radius: 24px; padding: 40px 44px; margin-bottom: 32px; color: #fff;
}
.neighbor-hero .neighbor-kicker { color: #c9a86c; }
.neighbor-hero h2 { font-size: 38px; font-weight: 800; margin: 0 0 10px; color: #fff; }
.neighbor-hero p { color: #c8bfb4; max-width: 520px; margin: 0; }
.neighbor-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 20px; }
.neighbor-card {
    background: #fff; border: 1px solid #e9e5dd; border-radius: 20px;
    padding: 24px; box-shadow: 0 4px 16px rgba(0,0,0,.05);
    display: flex; flex-direction: column; gap: 10px;
    transition: box-shadow .2s, transform .2s;
}
.neighbor-card:hover { box-shadow: 0 8px 28px rgba(0,0,0,.1); transform: translateY(-2px); }
.neighbor-card-top { display: flex; gap: 8px; align-items: center; }
.neighbor-card h3 { font-size: 20px; font-weight: 700; margin: 0; }
.neighbor-card p { color: #6e6a62; font-size: 14px; margin: 0; flex: 1; }
.neighbor-actions { display: flex; gap: 10px; flex-wrap: wrap; margin-top: auto; padding-top: 8px; }

/* ---- Badges ---- */
.neighbor-badge {
    display: inline-flex; align-items: center; border-radius: 999px;
    padding: 4px 10px; background: #ede8df; color: #584a35;
    font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em;
}
.neighbor-badge-hidden  { background: #fde8e8; color: #8b2020; }
.neighbor-badge-pending { background: #fef3dc; color: #7a4f10; }
.neighbor-badge-warning { background: #fff4cc; color: #7a5a00; }
.neighbor-role-badge { display: inline-flex; align-items: center; border-radius: 999px; padding: 3px 9px; font-size: 11px; font-weight: 700; }
.neighbor-role-owner        { background: #fdf1dc; color: #7a4f10; }
.neighbor-role-admin        { background: #dce8fd; color: #10407a; }
.neighbor-role-moderator    { background: #eeedeb; color: #24262b; }
.neighbor-role-member       { background: #f0ede8; color: #5a4a35; }
.neighbor-role-platform_admin { background: #1c1812; color: #c9a86c; }

/* ---- Post Form ---- */
.neighbor-create-post { background: #fbfaf7; border: 1px solid #e9e5dd; border-radius: 20px; padding: 20px; margin-bottom: 24px; }
.neighbor-create-post-trigger { display: flex; gap: 12px; align-items: center; margin-bottom: 0; }
.neighbor-create-post-placeholder {
    flex: 1; background: #fff; border: 1.5px solid #e0dbd2; border-radius: 999px;
    padding: 12px 18px; text-align: left; color: #9a9087; font-size: 14px;
    cursor: pointer; transition: border-color .15s;
}
.neighbor-create-post-placeholder:hover { border-color: #c9a86c; color: #6e6a62; }
.neighbor-post-form { display: none; padding-top: 16px; }
.neighbor-post-form.is-open { display: grid; gap: 12px; }
.neighbor-form { display: grid; gap: 14px; }
.neighbor-form label { display: grid; gap: 5px; font-size: 14px; font-weight: 600; color: #3a332b; }
.neighbor-field-hint { font-size: 12px; color: #9a9087; font-weight: 400; }
.neighbor-form input, .neighbor-form textarea, .neighbor-form select,
.neighbor-comment-form input {
    width: 100%; border: 1.5px solid #ddd8cf; border-radius: 12px;
    padding: 11px 14px; background: #fff; font-size: 14px; color: #2b241c;
    transition: border-color .15s;
}
.neighbor-form input:focus, .neighbor-form textarea:focus, .neighbor-form select:focus,
.neighbor-comment-form input:focus { border-color: #c9a86c; outline: none; }
.neighbor-form-footer { display: flex; gap: 10px; align-items: center; justify-content: flex-end; }
.neighbor-form-footer select { max-width: 180px; }
.neighbor-inline-form { display: inline; margin: 0; }
.neighbor-gate { background: #f8f5f0; border: 1px dashed #d8d2c8; border-radius: 16px; padding: 18px; text-align: center; color: #6e6a62; margin-bottom: 18px; }

/* ---- Feed & Posts ---- */
.neighbor-feed { display: grid; gap: 20px; }
.neighbor-post { background: #fff; border: 1px solid #e9e5dd; border-radius: 20px; padding: 24px; box-shadow: 0 2px 8px rgba(0,0,0,.04); }
.is-hidden-post { opacity: .55; border-style: dashed; }
.neighbor-post-header { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; margin-bottom: 12px; }
.neighbor-post-author { display: flex; gap: 10px; align-items: center; }
.neighbor-post-author-name { font-weight: 700; font-size: 14px; display: block; }
.neighbor-post-date { font-size: 12px; color: #9a9087; display: block; }
.neighbor-post-badges { display: flex; gap: 6px; flex-wrap: wrap; }
.neighbor-post-title { font-size: 18px; font-weight: 700; margin: 0 0 8px; }
.neighbor-post-content { font-size: 14px; color: #3a332b; line-height: 1.65; }
.neighbor-post-content p { margin: 0 0 8px; }
.neighbor-post-footer { display: flex; justify-content: flex-end; gap: 6px; margin-top: 12px; padding-top: 12px; border-top: 1px solid #f0ede8; }

/* ---- Post Action Buttons ---- */
.neighbor-action-btn {
    display: inline-flex; align-items: center; gap: 5px;
    border: 1.5px solid #e0dbd2; border-radius: 999px; padding: 5px 12px;
    background: transparent; color: #6e6a62; font-size: 12px; font-weight: 600;
    cursor: pointer; text-decoration: none; transition: all .15s;
}
.neighbor-action-btn svg { width: 13px; height: 13px; }
.neighbor-action-btn:hover { border-color: #c9a86c; color: #2b241c; }
.neighbor-action-btn.is-saved { color: #c9a86c; border-color: #c9a86c; }
.neighbor-action-mod { border-color: #f1c9c9; color: #8b2020; }
.neighbor-action-mod:hover { background: #fff0f0; }
.neighbor-action-approve { border-color: #cfccc6; color: #24262b; }
.neighbor-action-approve:hover { background: #f4f3f2; }

/* ---- Moderation Queue ---- */
.neighbor-moderation-queue { background: #fffbf0; border: 1.5px solid #ffe0a0; border-radius: 16px; padding: 18px; margin-bottom: 20px; }
.neighbor-moderation-queue h4 { margin: 0 0 12px; font-size: 14px; color: #7a4f10; }
.neighbor-pending-post { display: flex; align-items: center; gap: 12px; padding: 10px 0; border-bottom: 1px solid #ffd88a; flex-wrap: wrap; }
.neighbor-pending-post:last-child { border-bottom: none; padding-bottom: 0; }
.neighbor-mod-actions { display: flex; gap: 8px; margin-left: auto; }

/* ---- Empty State ---- */
.neighbor-empty { border-radius: 20px; padding: 40px 24px; background: #f8f5f0; border: 1.5px dashed #d8d2c8; text-align: center; color: #6e6a62; }
.neighbor-empty p { margin: 0 0 8px; }

/* ---- Comments ---- */
.neighbor-comments { margin-top: 16px; }
.neighbor-comments-toggle {
    display: inline-flex; align-items: center; gap: 6px;
    background: none; border: none; color: #8a7860; font-size: 13px; font-weight: 600;
    cursor: pointer; padding: 0; margin-bottom: 0;
}
.neighbor-comments-toggle svg { width: 14px; height: 14px; }
.neighbor-comments-body { display: none; padding-top: 16px; border-top: 1px solid #f0ede8; margin-top: 10px; }
.neighbor-comments-body.is-open { display: block; }
.neighbor-comment { display: flex; gap: 8px; margin: 10px 0; }
.neighbor-comment-body { background: #f8f5f0; border-radius: 14px; padding: 10px 14px; flex: 1; }
.neighbor-comment-author { font-size: 12px; font-weight: 700; color: #584a35; }
.neighbor-comment-time { font-size: 11px; color: #9a9087; margin-left: 6px; }
.neighbor-comment-body p { margin: 4px 0 0; font-size: 14px; }
.neighbor-comment-form { display: flex; gap: 8px; align-items: center; margin-top: 12px; }
.neighbor-comment-form input { flex: 1; border-radius: 999px !important; }
.neighbor-comment-form button { border: 0; border-radius: 999px; padding: 10px 16px; background: #2b241c; color: #fff; font-weight: 700; font-size: 13px; cursor: pointer; white-space: nowrap; }

/* ---- Members Grid ---- */
.neighbor-members-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 14px; }
.neighbor-member-card {
    display: flex; align-items: center; gap: 12px; padding: 14px 16px;
    background: #fff; border: 1px solid #e9e5dd; border-radius: 16px;
    box-shadow: 0 2px 6px rgba(0,0,0,.04); flex-wrap: wrap;
}
.neighbor-member-card.is-suspended { opacity: .5; border-style: dashed; }
.neighbor-member-info { display: flex; flex-direction: column; gap: 3px; flex: 1; }
.neighbor-member-name { font-weight: 600; font-size: 14px; }
.neighbor-member-mod-actions { display: flex; gap: 6px; align-items: center; width: 100%; padding-top: 6px; }
.neighbor-member-mod-actions select { font-size: 12px; padding: 4px 8px; border-radius: 8px; border: 1px solid #d8d2c8; }

/* ---- About Card ---- */
.neighbor-about-card { background: #fff; border: 1px solid #e9e5dd; border-radius: 20px; padding: 28px; }
.neighbor-about-card h3 { margin: 0 0 12px; }
.neighbor-about-meta { list-style: none; padding: 0; margin: 16px 0 0; display: grid; gap: 8px; }
.neighbor-about-meta li { font-size: 14px; color: #4a4540; }
.neighbor-about-meta strong { color: #2b241c; margin-right: 6px; }

/* ---- Settings Card ---- */
.neighbor-settings-card { background: #fff; border: 1px solid #e9e5dd; border-radius: 20px; padding: 28px; }
.neighbor-settings-card h3 { margin: 0 0 20px; }
.neighbor-fieldset { border: 1.5px solid #e9e5dd; border-radius: 14px; padding: 18px; margin: 0 0 16px; }
.neighbor-fieldset legend { font-weight: 700; font-size: 13px; color: #584a35; padding: 0 6px; }
.neighbor-checkbox-label { display: flex !important; flex-direction: row; align-items: center; gap: 10px; font-weight: 400 !important; }
.neighbor-checkbox-label input { width: auto !important; }

/* ---- Avatar ---- */
.neighbor-avatar { width: 40px; height: 40px; border-radius: 999px; object-fit: cover; border: 2px solid #ede8df; display: inline-block; flex-shrink: 0; }
.neighbor-avatar-initial {
    display: inline-flex; align-items: center; justify-content: center;
    border-radius: 999px; color: #fff; font-weight: 800;
    border: 2px solid rgba(255,255,255,.3); flex-shrink: 0;
}

/* ---- Profile Header ---- */
.neighbor-profile-header { display: flex; align-items: flex-start; gap: 24px; margin-bottom: 28px; background: #fff; border: 1px solid #e9e5dd; border-radius: 24px; padding: 28px; }
.neighbor-profile-avatar-wrap .neighbor-avatar { width: 80px; height: 80px; font-size: 32px; }
.neighbor-profile-header-info h2 { margin: 0 0 6px; }
.neighbor-profile-header-info .neighbor-muted { margin: 0 0 12px; }

/* ---- Notifications ---- */
.neighbor-notification-list { display: grid; gap: 10px; }
.neighbor-notification { display: flex; gap: 14px; align-items: flex-start; background: #fff; border: 1px solid #e9e5dd; border-radius: 16px; padding: 14px 18px; }
.neighbor-notification.is-unread { border-left: 3px solid #c9a86c; background: #fffbf3; }
.neighbor-notification-icon { font-size: 20px; flex-shrink: 0; margin-top: 2px; }
.neighbor-notification-body { display: flex; flex-direction: column; gap: 3px; }
.neighbor-notification-body a { font-weight: 600; color: #2b241c; text-decoration: none; }
.neighbor-notification-body a:hover { text-decoration: underline; }
.neighbor-notification-time { font-size: 12px; color: #9a9087; }

/* ---- Login/Register ---- */
.neighbor-login-box { background: #fff; border: 1px solid #e9e5dd; border-radius: 20px; padding: 28px; }
.neighbor-login-box + .neighbor-login-box { margin-top: 20px; }

/* ---- Responsive ---- */
@media (max-width: 700px) {
    .neighbor-hero, .neighbor-community-header { flex-direction: column; }
    .neighbor-hero h2 { font-size: 28px; }
    .neighbor-community-name { font-size: 24px; }
    .neighbor-community-header-actions { flex-direction: row; }
    .neighbor-tabs { overflow-x: auto; white-space: nowrap; padding-bottom: 0; }
    .neighbor-form-footer { flex-direction: column; align-items: stretch; }
    .neighbor-form-footer select { max-width: 100%; }
    .neighbor-comment-form { flex-direction: column; }
    .neighbor-profile-header { flex-direction: column; }
    /* Community Feed refinement round: was flex-direction:column, which
       stacked the "..." menu (Section 5) onto its own full-width row below
       the author instead of the conventional upper-right corner. Row +
       wrap keeps author left / menu+badges right on one line when there's
       room, and only wraps onto a second row (badges still flex-wrap
       internally) when a long author name or several badges don't fit. */
    .neighbor-post-header { flex-wrap: wrap; gap: 8px; }
}

/* Neighbor v0.4 polish */
.neighbor-test-flow {
    margin: 16px 0;
    padding: 12px 14px;
    border: 1px solid rgba(180, 143, 92, 0.28);
    background: rgba(180, 143, 92, 0.08);
    border-radius: 14px;
    font-size: 14px;
    color: #5d4a33;
}
.neighbor-quick-start {
    margin-top: 16px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 10px;
}
.neighbor-quick-start span {
    display: block;
    padding: 10px 12px;
    background: rgba(255,255,255,.72);
    border: 1px solid rgba(0,0,0,.06);
    border-radius: 12px;
    font-size: 13px;
}
.neighbor-post.is-private-view {
    border-left: 4px solid rgba(90, 90, 90, .45);
}
.neighbor-post.is-community-view {
    border-left: 4px solid rgba(180, 143, 92, .45);
}
.neighbor-card .neighbor-actions {
    align-items: center;
}
.neighbor-notice.neighbor-notice-info {
    background: #eef6ff;
    border-color: #b9dcff;
    color: #23415f;
}

/* v0.5 App navigation */
.neighbor-app-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin: 0 0 22px;
    padding: 14px 16px;
    border: 1px solid #e8dfd2;
    border-radius: 18px;
    background: #fffaf3;
    box-shadow: 0 8px 24px rgba(27, 21, 15, 0.04);
}
.neighbor-app-nav a { text-decoration: none; font-weight: 700; }
.neighbor-brand { color: #241c14; }
.neighbor-nav-links {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}
.neighbor-nav-links a {
    display: inline-flex;
    align-items: center;
    padding: 9px 12px;
    border-radius: 999px;
    color: #5b5145;
    background: #f1eadf;
    font-size: 13px;
}
.neighbor-nav-links a:hover { background: #e5d7c3; color: #241c14; }
@media (max-width: 680px) {
    .neighbor-app-nav { align-items: flex-start; flex-direction: column; }
    .neighbor-nav-links { justify-content: flex-start; }
}

/* v0.6 invite/join states */
.neighbor-notice-info { background: #eef4ff; border-color: #b8c9f2; color: #283c66; }
.neighbor-badge-pending { background: #fff4d8; color: #70520f; }
.neighbor-member-card.is-pending { border-style: dashed; }
.neighbor-invite-box { background:#faf7f1; border:1px solid #e8dccb; border-radius:14px; padding:14px; margin-top:10px; }
.neighbor-invite-box input { width:100%; font-size:13px; background:#fff; }

/* v0.7 richer post composer + media */
.neighbor-post-media-fields {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    margin: 12px 0;
}
.neighbor-post-media-fields label {
    display: flex;
    flex-direction: column;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    color: #5f5a50;
}
.neighbor-post-media-fields input[type="file"],
.neighbor-post-media-fields input[type="url"],
.neighbor-post-media-fields input[type="text"] {
    width: 100%;
    border: 1px solid rgba(120, 105, 80, 0.22);
    border-radius: 12px;
    padding: 10px 12px;
    background: #fff;
}
.neighbor-post-image {
    margin: 14px 0;
    overflow: hidden;
    border-radius: 16px;
    border: 1px solid rgba(120, 105, 80, 0.16);
    background: #f7f3ec;
}
.neighbor-post-image img {
    display: block;
    width: 100%;
    height: auto;
}
.neighbor-post-video {
    margin: 14px 0;
    overflow: hidden;
    border-radius: 16px;
}
.neighbor-post-video iframe,
.neighbor-post-video embed,
.neighbor-post-video object {
    max-width: 100%;
}
.neighbor-post-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 12px 0 4px;
}
.neighbor-tag {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 5px 9px;
    background: rgba(180, 143, 92, 0.13);
    color: #7c5d31;
    font-size: 12px;
    font-weight: 700;
}
@media (min-width: 720px) {
    .neighbor-post-media-fields {
        grid-template-columns: 1fr 1fr;
    }
    .neighbor-post-media-fields label:last-child {
        grid-column: 1 / -1;
    }
}

/* v0.8: embed cleanup + clickable tags/share polish */
.neighbor-post-video blockquote,
.neighbor-post-video .tiktok-embed {
    border-left: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
}
.neighbor-post-video {
    display: flex;
    justify-content: center;
}
.neighbor-post-tags a.neighbor-tag {
    text-decoration: none;
}
.neighbor-post-tags a.neighbor-tag:hover {
    background: rgba(180, 143, 92, 0.22);
    color: #4f3717;
}

/* v0.8.1 interaction polish */
.neighbor-post-form{display:none}.neighbor-post-form.is-open{display:block}
.neighbor-composer-trigger{width:100%;text-align:left;cursor:pointer;border:0;background:transparent;font:inherit;color:inherit;padding:0}
.neighbor-composer-trigger span{font-size:20px;margin-right:8px}
.neighbor-select-chevron,.neighbor-form select{appearance:auto!important;-webkit-appearance:menulist!important;padding-right:38px!important;cursor:pointer}
.neighbor-tag-input{min-height:52px;border:1px solid #ded8cf;border-radius:12px;padding:8px 10px;display:flex;align-items:center;gap:7px;flex-wrap:wrap;background:#fff}
.neighbor-tag-chips{display:flex;gap:6px;flex-wrap:wrap}.neighbor-tag-chip{border-radius:999px;background:#f3eee6;padding:6px 9px;font-size:12px;font-weight:600}.neighbor-tag-chip button{border:0;background:none;cursor:pointer;margin-left:5px}
.neighbor-tag-entry{border:0!important;box-shadow:none!important;outline:0;flex:1;min-width:140px;padding:6px!important}
.neighbor-inline-edit-post{display:none;margin-top:14px;padding:16px;border-top:1px solid #eee}.neighbor-inline-edit-post.is-open{display:grid}
.neighbor-gate .neighbor-inline-form{margin-top:12px;justify-content:center}.neighbor-gate{text-align:center}
.neighbor-role-owner,.neighbor-role-admin,.neighbor-role-moderator{font-weight:700}

/* v0.8.1a stabilization */
.neighbor-post-video iframe{display:block;width:100%!important;height:auto!important;aspect-ratio:var(--naber-ar,16/9);border:0}
.neighbor-post-video .tiktok-embed{aspect-ratio:auto;max-width:605px;margin-left:auto!important;margin-right:auto!important}
.neighbor-comment-actions{display:flex;align-items:center;gap:10px;margin-top:6px}
.neighbor-comment-link{border:0;background:transparent;padding:0;color:#76634b;font-size:11px;font-weight:700;cursor:pointer}
.neighbor-comment-replies{margin-left:18px;border-left:2px solid #eee7dd;padding-left:10px}
.neighbor-reply-form,.neighbor-comment-edit-form{display:none;margin-top:8px;gap:7px;align-items:center}
.neighbor-reply-form.is-open,.neighbor-comment-edit-form.is-open{display:flex}
.neighbor-reply-form input,.neighbor-comment-edit-form input{flex:1;border:1px solid #ddd2c3;border-radius:999px;padding:9px 12px}
.neighbor-reply-form button,.neighbor-comment-edit-form button{border:0;border-radius:999px;padding:8px 12px;cursor:pointer}
.neighbor-public-comment-warning{font-size:12px;background:#fff6df;border:1px solid #ead39a;border-radius:10px;padding:8px 10px}
.neighbor-badge-archived{background:#eee9e1!important;color:#6d6256!important;margin-left:6px}
.neighbor-card:has(.neighbor-badge-archived){opacity:.78}
.neighbor-comments-toggle{display:flex;justify-content:space-between;width:100%}
.neighbor-profile-logout{display:flex;justify-content:flex-end;margin:-4px 0 10px}

/* v0.8.1b stabilization overrides */
.neighbor-post-form{display:none!important}.neighbor-post-form.is-open{display:block!important}
.neighbor-create-post-placeholder:hover,.neighbor-comments-toggle:hover{background:#f7f4ef!important;color:#3b3329!important}
.neighbor-tag-input{min-height:40px!important;padding:5px 8px!important}.neighbor-tag-chip{padding:4px 8px!important;background:#f1eee8!important;color:#3b3329!important;font-size:11px!important}.neighbor-tag-chip button{color:#776f64!important;background:transparent!important;padding:0!important}
.neighbor-comment-edit-form button,.neighbor-reply-form button{background:#f2eee7!important;color:#3b3329!important}.neighbor-comment-edit-form button[type=submit],.neighbor-reply-form button[type=submit]{background:#2c241b!important;color:#fff!important}
.neighbor-comments-toggle{background:transparent!important;color:#7a6b55!important;border:0!important;padding:12px 0!important}.neighbor-comments-toggle-label{font-size:20px;font-weight:500}
.neighbor-post-video:has(.tiktok-embed){aspect-ratio:auto!important;overflow:visible!important;display:block!important}.neighbor-post-video .tiktok-embed{width:min(100%,605px)!important;min-width:0!important;max-width:605px!important;height:auto!important;aspect-ratio:auto!important;overflow:visible!important;margin-left:auto!important;margin-right:auto!important}.neighbor-post-video .tiktok-embed iframe{width:100%!important;height:auto!important;min-height:700px}
.neighbor-copy-row{display:flex;gap:8px;align-items:center}.neighbor-copy-row input{flex:1}.neighbor-share-box,.neighbor-invite-box{padding:16px;border:1px solid #e4ddd3;border-radius:14px;background:#faf8f4;margin-top:12px}
.neighbor-joined-menu{position:relative}.neighbor-joined-menu summary{list-style:none;cursor:pointer;background:#f1f0ee;color:#24262b;padding:12px 18px;border-radius:999px;font-weight:700}.neighbor-joined-menu form{position:absolute;right:0;top:48px;background:white;border:1px solid #e5ddd2;border-radius:12px;padding:8px;z-index:10;box-shadow:0 8px 24px rgba(0,0,0,.08)}.neighbor-joined-menu button{white-space:nowrap;border:0;background:transparent;padding:8px 12px;cursor:pointer}
.neighbor-share-modal{display:none;position:fixed;inset:0;background:rgba(20,16,12,.35);z-index:99999;align-items:center;justify-content:center;padding:20px}.neighbor-share-modal.is-open{display:flex}.neighbor-share-dialog{position:relative;background:#fff;border-radius:20px;padding:26px;width:min(560px,100%);box-shadow:0 20px 60px rgba(0,0,0,.18)}.neighbor-share-close{position:absolute;right:16px;top:12px;border:0;background:transparent;font-size:26px;cursor:pointer}.neighbor-copy-status{font-weight:700;color:#6e6a63}.neighbor-share-future{margin-top:18px;padding-top:14px;border-top:1px solid #eee7dd;color:#766d62}.neighbor-share-future span{font-size:11px;background:#f1eee8;border-radius:999px;padding:4px 7px;margin-left:6px}
.neighbor-notification-heading{display:flex;align-items:center;justify-content:space-between}.neighbor-notification.is-unread{background:#faf6ee;border-left:3px solid #c9a66b}.neighbor-notification-actions{display:flex;gap:10px;margin-top:8px}.neighbor-notification-actions button{border:0;background:transparent;color:#756958;padding:0;cursor:pointer;font-size:12px}
@media(max-width:700px){.neighbor-copy-row{align-items:stretch;flex-direction:column}.neighbor-post-video .tiktok-embed{width:min(100%,420px)!important}}

.neighbor-reply-context{display:block;font-size:11px;color:#8b8175;margin-top:3px}.neighbor-card-cover{height:120px;margin:-22px -22px 18px;border-radius:18px 18px 0 0;background-size:cover;background-position:center}

/* v0.8.1c surgical regression fixes */
.neighbor-post-form.is-open .neighbor-form-grid{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}.neighbor-post-form.is-open .neighbor-form-grid>*{width:100%!important;min-width:0!important}.neighbor-post-form.is-open .neighbor-post-media-fields{grid-template-columns:1fr 1fr!important}.neighbor-post-form.is-open .neighbor-post-media-fields label:last-child{grid-column:1/-1!important}.neighbor-post-form.is-open .neighbor-form-footer{display:flex!important;flex-wrap:wrap!important;gap:10px!important;justify-content:flex-end!important}.neighbor-community-logo{width:92px;height:92px;object-fit:cover;border-radius:20px;border:4px solid rgba(255,255,255,.85);box-shadow:0 5px 20px rgba(0,0,0,.12);margin-bottom:12px}.neighbor-profile-header{position:relative;min-height:230px;padding-top:140px!important;background-position:center!important;background-size:cover!important}.neighbor-profile-avatar-wrap{position:absolute;left:28px;top:105px}.neighbor-profile-avatar-wrap .neighbor-avatar{width:96px!important;height:96px!important;border:4px solid #fff!important}.neighbor-profile-header-info{margin-left:112px}.neighbor-account-tools{margin-top:22px;padding-top:18px;border-top:1px solid #eee7dd}@media(max-width:700px){.neighbor-post-form.is-open .neighbor-post-media-fields{grid-template-columns:1fr!important}.neighbor-profile-header{padding-top:125px!important}.neighbor-profile-avatar-wrap{top:92px;left:20px}.neighbor-profile-header-info{margin-left:0;padding-top:50px}}


/* v0.8.1d ledger fixes */
.neighbor-profile-header{min-height:310px!important;padding:0!important;display:block!important;background-color:#e6e4e0!important;border:0!important;overflow:visible!important;margin-bottom:76px!important}
.neighbor-profile-avatar-wrap{left:30px!important;top:auto!important;bottom:-54px!important;z-index:2}.neighbor-profile-avatar-wrap .neighbor-avatar{width:116px!important;height:116px!important;border:5px solid #fff!important;box-shadow:0 4px 14px rgba(0,0,0,.12)}
.neighbor-profile-header-info{position:absolute;left:160px;bottom:-62px;margin:0!important;color:#24262b}.neighbor-profile-header-info .neighbor-muted{color:#6b6a66!important}.neighbor-profile-header-info .neighbor-stats{color:#6b6a66!important}
.neighbor-community-header{min-height:250px;background-color:#24262b!important}.neighbor-community-logo{background:#edecea}.neighbor-community-header:not([style]){background:linear-gradient(135deg,#24262b,#3a3d44)!important}
.neighbor-create-post-placeholder{margin-bottom:14px!important}.neighbor-post-form.is-open{margin-top:12px!important}
.neighbor-membership-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.neighbor-membership-actions form{margin:0}.neighbor-invite-message{min-width:210px;border:1px solid #dcd9d3;border-radius:999px;padding:10px 14px}
.neighbor-invite-request{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:12px 0;border-bottom:1px solid #ebe9e6}.neighbor-invite-request:last-child{border-bottom:0}
.neighbor-comment-replies{margin-left:24px!important;border-left:2px solid #e6e4e0!important;padding-left:14px!important}.neighbor-comment-replies .neighbor-comment-replies{margin-left:18px!important}
/* v0.8.2: cap visual indent at 2 levels deep — beyond that, replies stay
   readable-width instead of narrowing further with each level. The
   "replying to X" label (.neighbor-reply-context) still shows who a
   reply is addressed to, so context isn't lost by flattening the indent. */
.neighbor-comment-replies .neighbor-comment-replies .neighbor-comment-replies{margin-left:10px!important;padding-left:10px!important;border-left-color:transparent!important}
.neighbor-post-video{display:block!important;overflow:hidden!important}.neighbor-post-video iframe{display:block!important;margin:0 auto!important}.neighbor-post-video iframe[src*="vimeo"]{width:min(100%,900px)!important;aspect-ratio:var(--naber-ar,16/9)!important;height:auto!important}.neighbor-post-video:has(iframe[src*="vimeo"]){aspect-ratio:auto!important;min-height:0!important}
.neighbor-post-video .tiktok-embed{overflow:hidden!important}.neighbor-post-video .tiktok-embed iframe{min-height:0!important;height:760px!important;overflow:hidden!important}.neighbor-post-video:has(.tiktok-embed){overflow:hidden!important}
.neighbor-position-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:8px}.neighbor-position-controls label{font-size:12px}.neighbor-position-controls input[type=range]{width:100%}
.neighbor-community-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.neighbor-filter-chip{border:1px solid #e2e0dc;border-radius:999px;padding:7px 12px;text-decoration:none;color:#24262b;background:#fff}.neighbor-filter-chip.is-active{background:#24262b;color:#fff;border-color:#24262b}
.neighbor-button{background:#24262b!important;border-color:#24262b!important;color:#fff!important}.neighbor-button-light{background:#f3f0ea!important;color:#24262b!important;border-color:#e2e0dc!important}.neighbor-tag,.neighbor-post-tags .neighbor-tag{background:#f2f0ee!important;color:#24262b!important}.neighbor-post-tags a.neighbor-tag:hover{background:#e7e5e2!important;color:#24262b!important}
.neighbor-button-danger{background:#b3362c!important;border-color:#b3362c!important;color:#fff!important}.neighbor-button-danger:hover{background:#932a21!important}.neighbor-danger-card{border-color:#f0d3cf!important}.neighbor-danger-card h3{color:#b3362c}
@media(max-width:700px){.neighbor-profile-header{min-height:220px!important;margin-bottom:110px!important}.neighbor-profile-avatar-wrap{left:20px!important;bottom:-48px!important}.neighbor-profile-avatar-wrap .neighbor-avatar{width:96px!important;height:96px!important}.neighbor-profile-header-info{left:20px!important;bottom:-105px!important}.neighbor-position-controls{grid-template-columns:1fr}.neighbor-post-video .tiktok-embed iframe{height:700px!important}}

.neighbor-card-cover.is-default{background:linear-gradient(135deg,#e5e3df,#b0ada7)!important}

/* ============================================================
   NABER VISUAL REDESIGN — Checkpoint 1
   Application shell / Community hero / Community tab navigation
   ONLY. Everything above this point is the pre-existing v0.8.7
   stylesheet, untouched. Nothing below overrides a class still
   used elsewhere (checked: .neighbor-community-header,
   .neighbor-community-logo, .neighbor-app-nav, .neighbor-brand
   and .neighbor-nav-links are no longer emitted by community-view.php
   or helpers.php as of this checkpoint, so their old rules above are
   inert, not conflicting).
   ============================================================ */

:root {
  --naber-bg: #FAF9F6;
  --naber-surface: #FFFFFF;
  --naber-border: #E9E6E1;
  --naber-muted: #F1EFEA;
  --naber-text: #1F2937;
  --naber-text-secondary: #6B7280;
  --naber-accent: #4E6B8A;
  --naber-accent-light: #E8EFF8;
  --naber-success: #24262b;
  --naber-warning: #F59E08;
  --naber-error: #EF4444;
  --naber-link: #4E6B8A;
  /* Round-4 correction: the Community Rail's card width, named as a
     variable so any future rail module (not built this round) reuses the
     same established width rather than picking its own. */
  --naber-rail-width: 320px;
}

body.naber-app {
  background: var(--naber-bg);
  color: var(--naber-text);
  margin: 0;
}

/* Checkpoint-1 refinement pass: the community view alone gets a wider
   application-canvas width and slightly tighter top spacing than the
   1100px baseline used by Naber's other pages (profile, create, login,
   etc.), so it reads as a wide app canvas with the hero as its visual
   centerpiece rather than a narrow content column. Scoped to this one
   view on purpose — no other screen's width changes this checkpoint. */
.naber-community-view.neighbor-wrap { max-width: 1240px; margin-top: 20px; }

/* ---- Application header ---- */
.naber-app-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  background: var(--naber-surface);
  border: 1px solid var(--naber-border);
  border-radius: 12px;
  padding: 12px 20px;
  margin-bottom: 12px;
}
.naber-brand {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--naber-text);
  text-decoration: none;
  font-weight: 800;
  font-size: 18px;
  flex-shrink: 0;
}
.naber-brand-mark { display: flex; color: var(--naber-accent); }
.naber-brand-mark svg { width: 20px; height: 20px; }
/* Nav + notification/profile controls are grouped together on the right,
   nav immediately before the bell/avatar, so the header reads brand-left /
   everything-else-right rather than brand / nav-filling-the-middle /
   actions. */
.naber-app-header-right {
  display: flex;
  align-items: center;
  gap: 24px;
}
.naber-app-nav {
  display: flex;
  align-items: center;
  gap: 22px;
}
.naber-app-nav a {
  color: var(--naber-text-secondary);
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
  white-space: nowrap;
}
.naber-app-nav a:hover { color: var(--naber-text); }
.naber-app-header-actions {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-shrink: 0;
}
.naber-notif-bell {
  position: relative;
  display: flex;
  color: var(--naber-text-secondary);
  text-decoration: none;
}
.naber-notif-bell svg { width: 20px; height: 20px; }
.naber-notif-bell:hover { color: var(--naber-text); }
.naber-notif-badge {
  position: absolute;
  top: -6px;
  right: -8px;
  background: var(--naber-error);
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  padding: 3px 5px;
  border-radius: 999px;
  min-width: 15px;
  text-align: center;
}
.naber-header-avatar { display: flex; border-radius: 999px; overflow: hidden; line-height: 0; }
.naber-header-avatar img { width: 32px; height: 32px; object-fit: cover; border-radius: 999px; }

/* ---- Back-to-Communities bar ---- */
/* Community Feed refinement round: the back-bar row itself is no longer
   rendered on the Community view (the global nav's "Communities" link
   already covers this, and the hero now sits directly under the app
   header) — these rules are unused on this view but left defined in case
   another Naber view still wants the same treatment. */
.naber-back-bar { margin-bottom: 16px; }
.naber-back-bar a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--naber-text-secondary);
  text-decoration: none;
  font-weight: 600;
  font-size: 13px;
  padding: 4px 2px;
}
.naber-back-bar a:hover { color: var(--naber-text); }

/* ---- Community hero ----
   Structure: .naber-hero (positioning context, NOT clipped, so the avatar
   can overlap its bottom edge) > .naber-hero-media (the actual photo,
   clipped to the rounded corners) + .naber-hero-scrim (gradient + content,
   also clipped) + .naber-hero-avatar (sibling, absolutely positioned,
   poking below the bottom-left corner — a conventional social-profile
   avatar position rather than a logo "sticker" at the top). The margin
   below the hero is the clearance for that overlap, taking the place of
   the old back-bar spacing. */
.naber-hero {
  position: relative;
  overflow: visible;
  min-height: 300px;
  aspect-ratio: 3.4 / 1;
  border: 1px solid var(--naber-border);
  border-radius: 16px;
  margin-bottom: 44px;
}
.naber-hero-media {
  position: absolute;
  inset: 0;
  border-radius: 16px;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  background-color: var(--naber-muted);
}
.naber-hero.is-default .naber-hero-media { background-image: linear-gradient(135deg, #e5e3df, #b0ada7); }
.naber-hero-scrim {
  position: absolute;
  inset: 0;
  border-radius: 16px;
  overflow: hidden;
  /* Diagonal, bottom-left-weighted gradient: dark enough behind the text
     block for contrast, but fading to fully transparent toward the
     top-right so most of the photo stays visibly photographic rather
     than disappearing under an opaque tint. */
  background: linear-gradient(115deg, rgba(10,14,20,.82) 0%, rgba(10,14,20,.6) 28%, rgba(10,14,20,.22) 52%, rgba(10,14,20,0) 72%);
  padding: 24px 28px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
}
.naber-hero.is-default .naber-hero-scrim { background: linear-gradient(180deg, rgba(36,38,43,.08) 0%, rgba(36,38,43,.5) 100%); }
.naber-hero-body { display: flex; align-items: flex-end; justify-content: space-between; width: 100%; gap: 20px; }
.naber-hero-identity { color: #fff; min-width: 0; }
/* When a logo/avatar overlaps the bottom-left corner, give the identity
   text enough LEFT clearance to sit beside it rather than on top of it —
   horizontal clearance works regardless of exactly how far the avatar
   pokes below the hero, unlike the old top-overlap's vertical margin. */
.naber-hero.has-avatar .naber-hero-identity { margin-left: 112px; }
.naber-hero-avatar {
  position: absolute;
  left: 28px;
  bottom: -28px;
  width: 88px;
  height: 88px;
  object-fit: cover;
  border-radius: 50%;
  border: 4px solid var(--naber-surface);
  box-shadow: 0 6px 18px rgba(0,0,0,.22);
  display: block;
  background: var(--naber-surface);
  z-index: 2;
}
.naber-hero-kicker {
  margin: 0 0 4px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: rgba(255,255,255,.75);
}
.naber-hero-name { margin: 0 0 6px; font-size: 30px; font-weight: 800; color: #fff; line-height: 1.15; }
.naber-hero-desc { margin: 0 0 12px; color: rgba(255,255,255,.85); max-width: 560px; }
.naber-hero .neighbor-stats { color: rgba(255,255,255,.85); }
.naber-hero-actions { display: flex; flex-direction: column; gap: 10px; align-items: flex-end; flex-shrink: 0; }

/* ---- Compact membership control (native <details> disclosure) ---- */
.naber-membership-menu { position: relative; }
.naber-membership-menu summary {
  list-style: none;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(255,255,255,.94);
  color: var(--naber-success);
  border-radius: 999px;
  padding: 8px 14px;
  font-weight: 700;
  font-size: 13px;
}
.naber-membership-menu summary::-webkit-details-marker { display: none; }
.naber-membership-menu summary svg { width: 14px; height: 14px; transition: transform .15s; }
.naber-membership-menu[open] summary svg { transform: rotate(180deg); }
.naber-membership-menu-panel {
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  background: var(--naber-surface);
  border: 1px solid var(--naber-border);
  border-radius: 10px;
  padding: 6px;
  box-shadow: 0 8px 24px rgba(0,0,0,.14);
  z-index: 5;
  min-width: 168px;
}
.naber-membership-menu-panel .neighbor-action-btn { width: 100%; justify-content: flex-start; border: none; }

/* ---- Community tab navigation ---- */
.naber-tabs-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  border-bottom: 1px solid var(--naber-border);
  margin-bottom: 16px;
}
.naber-tabs { display: flex; gap: 2px; }
/* The shared, non-naber .neighbor-tab/.neighbor-tab.is-active rules
   elsewhere in this file style OTHER tab bars (e.g. the profile page) as a
   boxed, rounded-top "folder tab" with its own border/background/
   border-radius. Those declarations aren't scoped away from this element
   just because .naber-tabs-.neighbor-tab has higher specificity for the
   properties it sets — border-radius/border/background it does NOT set
   still leak through from the shared rule. So every one of those
   properties is explicitly neutralized here rather than left to chance,
   which is what was producing the boxed/protruding active-tab look this
   refinement removes. Active state is communicated ONLY by color + a
   clean bottom accent line. */
.naber-tabs .neighbor-tab {
  display: inline-block;
  padding: 10px 14px;
  color: var(--naber-text-secondary);
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
  background: transparent;
  border: none;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  margin-bottom: -1px;
  white-space: nowrap;
  transition: color .15s;
}
.naber-tabs .neighbor-tab:hover { color: var(--naber-text); background: transparent; }
.naber-tabs .neighbor-tab.is-active {
  color: var(--naber-text);
  font-weight: 700;
  background: transparent;
  border-color: transparent;
  border-bottom-color: var(--naber-accent);
}
.naber-tabs-search {
  display: flex;
  align-items: center;
  gap: 8px;
  background: var(--naber-muted);
  border: 1px solid var(--naber-border);
  border-radius: 8px;
  padding: 7px 12px;
  color: var(--naber-text-secondary);
  flex-shrink: 0;
}
.naber-tabs-search svg { width: 15px; height: 15px; flex-shrink: 0; }
.naber-tabs-search input {
  border: none;
  background: transparent;
  outline: none;
  font-size: 13px;
  color: var(--naber-text-secondary);
  width: 160px;
}

/* ---- Mobile ---- */
@media (max-width: 700px) {
  .naber-app-header { flex-wrap: wrap; border-radius: 10px; padding: 10px 14px; }
  /* On mobile the header stays a single compact row: nav links step aside
     in favor of the home icon (Discover) and avatar (My Profile) already
     in the row, rather than wrapping into a second strip. */
  .naber-app-nav { display: none; }

  /* Mobile hero: no fixed aspect-ratio (identity + actions stack, so let
     content set the height) but background-size:cover on .naber-hero-media
     still keeps the photo filling whatever height results — it never
     shrinks to a color block the way a fixed short crop would. */
  .naber-hero { aspect-ratio: auto; min-height: 340px; margin-bottom: 32px; }
  .naber-hero-scrim { padding: 18px 20px; }
  .naber-hero-body { flex-direction: column; align-items: flex-start; gap: 14px; }
  .naber-hero-actions { align-items: flex-start; flex-direction: row; flex-wrap: wrap; }
  .naber-hero-name { font-size: 20px; }
  .naber-hero-avatar { width: 60px; height: 60px; bottom: -20px; left: 20px; border-radius: 50%; }
  .naber-hero.has-avatar .naber-hero-identity { margin-left: 76px; }
  /* The actions row (Owner/Settings, or Join/Leave) stacks below the
     identity text in this column layout, so it sits at the same left
     edge — which on mobile is exactly where the avatar overlaps the
     hero's bottom edge. Give it the same horizontal clearance as the
     identity block so the avatar never sits on top of a button. */
  .naber-hero.has-avatar .naber-hero-actions { margin-left: 76px; }
  /* The diagonal desktop scrim assumes a wide row (text left, buttons
     right); mobile stacks everything full-width instead, so a vertical
     gradient (lighter near the logo/kicker at top, darker behind the
     actions row at the bottom) keeps the photo visible up top while still
     giving the stacked text and buttons enough contrast below. */
  .naber-hero:not(.is-default) .naber-hero-scrim {
    background: linear-gradient(180deg, rgba(10,14,20,.22) 0%, rgba(10,14,20,.58) 45%, rgba(10,14,20,.84) 100%);
  }

  .naber-tabs-row { flex-wrap: nowrap; }
  .naber-tabs {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    flex: 1;
  }
  .naber-tabs::-webkit-scrollbar { display: none; }
  .naber-tabs-search { display: none; } /* layout-only placeholder; not worth the mobile space this checkpoint */
}

/* ================================================================
   Community Feed refinement round — post header "..." menu, icon-only
   interaction row, Heart, relocated visibility chip, comments toggle.
   Nothing here changes permission logic, feed/post width, or media
   sizing — presentation/interaction only, scoped under .neighbor-post.
   ================================================================ */

/* ---- Post header: badges + "..." menu grouped at the right ---- */
.neighbor-post-header-right { display: flex; align-items: flex-start; gap: 8px; flex-shrink: 0; }

.naber-post-menu { position: relative; }
.naber-post-menu summary {
  list-style: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 999px;
  color: var(--naber-text-secondary);
}
.naber-post-menu summary::-webkit-details-marker { display: none; }
.naber-post-menu summary svg { width: 18px; height: 18px; }
.naber-post-menu summary:hover,
.naber-post-menu[open] summary { background: var(--naber-muted); color: var(--naber-text); }
.naber-post-menu-panel {
  position: absolute;
  top: calc(100% + 4px);
  right: 0;
  background: var(--naber-surface);
  border: 1px solid var(--naber-border);
  border-radius: 10px;
  padding: 6px;
  box-shadow: 0 8px 24px rgba(0,0,0,.14);
  z-index: 5;
  min-width: 150px;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.naber-post-menu-item {
  display: block;
  width: 100%;
  text-align: left;
  background: none;
  border: none;
  padding: 8px 10px;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 600;
  color: var(--naber-text);
  cursor: pointer;
}
.naber-post-menu-item:hover { background: var(--naber-muted); }
.naber-post-menu-item-danger { color: #b3261e; }

/* ---- Post meta row: icon actions (left) / comment count (center) / visibility (right) ----
   .neighbor-post-footer (legacy rule, elsewhere in this file) is itself
   display:flex with justify-content:flex-end and ALREADY supplies
   margin-top/padding-top/border-top above this row — this row doesn't
   repeat any of that (repeating it was doubling the vertical gap and
   drawing two divider lines stacked on each other, part of the excess
   whitespace this correction removes). Without an explicit width here,
   flex-end also shrinks this row to its content and shoves the whole
   thing to the right instead of spanning the footer so space-between
   can work.

   The comment count is taken OUT of flex flow entirely (position:absolute,
   left:50%/translateX(-50%)) so it sits at the row's true mathematical
   center regardless of how wide the icon group or the visibility text are —
   a flex `space-between` middle item would instead just sit wherever the
   unequal side content happens to leave room for it. */
.naber-post-meta-row { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; }
.naber-post-comment-count {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: none;
  border: none;
  padding: 4px 6px;
  margin: 0;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 600;
  font-family: inherit;
  color: var(--naber-text-secondary);
  white-space: nowrap;
  cursor: pointer;
}
.naber-post-comment-count:hover { color: var(--naber-text); background: var(--naber-muted); }
.naber-post-visibility {
  display: inline-flex;
  align-items: center;
  font-size: 12px;
  font-weight: 600;
  color: var(--naber-text-secondary);
  white-space: nowrap;
  flex-shrink: 0;
}

.naber-post-icons { display: flex; align-items: center; gap: 4px; flex-shrink: 0; }
.naber-icon-btn {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: none;
  border: none;
  padding: 6px;
  border-radius: 999px;
  color: var(--naber-text-secondary);
  cursor: pointer;
  line-height: 0;
}
.naber-icon-btn svg { width: 18px; height: 18px; }
.naber-icon-btn:hover { background: var(--naber-muted); color: var(--naber-text); }
.naber-icon-btn.is-active { color: var(--naber-accent); }
.naber-heart-btn.is-active { color: #d1364a; }
.naber-icon-count { font-size: 12px; font-weight: 700; line-height: 1; min-width: 8px; }

/* ---- Comments wrapper: the +/- toggle control is gone completely — the
   comment count button above (.naber-post-comment-count) is the only
   trigger now. This wrapper holds ONLY the (collapsible) body, and when
   collapsed .neighbor-comments-body's own display:none means this wrapper
   reserves no vertical space at all (no divider, no padding, no button). */
.neighbor-comments { margin-top: 0; }

@media (max-width: 700px) {
  .naber-post-menu-panel { min-width: 160px; }

  /* Visual-regression correction: heart/save/share + comment count +
     visibility status must all fit on ONE row at phone width. Tighter
     gaps/icon size/font-size reclaim the horizontal room; white-space:
     nowrap (set on these spans regardless of viewport, above) stops any
     of the three labels from wrapping onto a second line. */
  .naber-post-meta-row { gap: 6px; }
  .naber-post-icons { gap: 0; }
  .naber-icon-btn { padding: 4px; }
  .naber-icon-btn svg { width: 16px; height: 16px; }
  .naber-post-comment-count { font-size: 11px; }
  .naber-post-visibility { font-size: 10.5px; }
}

/* ---- Comment-entry correction: compact social-style composer — avatar +
   one rounded input with a send icon inside its right edge, replacing the
   separate large dark "Comment" text button. Scoped to
   .naber-comment-composer/.naber-comment-send specifically so the OTHER
   .neighbor-comment-form usage (the per-comment Reply form, with its
   Cancel/Reply text buttons) is completely untouched. ---- */
.naber-comment-input-wrap { position: relative; flex: 1; display: flex; align-items: center; }
.naber-comment-composer .naber-comment-input-wrap input[type="text"] { width: 100%; padding-right: 38px; }
.naber-comment-composer .naber-comment-send {
  position: absolute;
  right: 4px;
  top: 50%;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  margin: 0;
  border: none;
  border-radius: 999px;
  background: none;
  color: var(--naber-text-secondary);
  cursor: pointer;
  white-space: normal;
}
.naber-comment-composer .naber-comment-send svg { width: 16px; height: 16px; }
.naber-comment-composer .naber-comment-send:hover { background: var(--naber-muted); color: var(--naber-accent); }

@media (max-width: 700px) {
  .naber-comment-composer .naber-comment-send { width: 26px; height: 26px; right: 3px; }
  .naber-comment-composer .naber-comment-send svg { width: 15px; height: 15px; }
}

/* ================================================================
   COMMUNITY PAGE V2 — cohesive desktop + mobile UI pass.
   Everything above this point is the pre-existing checkpoint-1 /
   Community Feed refinement styling, untouched except where this
   section explicitly overrides a rule (each override says why).
   ================================================================ */

/* ---- Section 1: global nav — sticky, compact, no excess top gap ---- */
body.naber-app .neighbor-wrap { margin-top: 12px; }
.naber-app-header {
  position: sticky;
  top: 0;
  z-index: 40;
  /* Sticky needs an opaque background behind it so feed content doesn't
     show through while scrolling — .naber-app-header already sets
     background: var(--naber-surface), so no change needed there. */
}
.naber-header-avatar img { width: 40px; height: 40px; }

/* ---- Section 2: hero — large avatar, no hero CTAs ---- */
/* .naber-hero-actions is no longer rendered (removed from the hero
   markup entirely — Joined/Settings moved out), so its old rule above is
   simply unused now, not conflicting. */
.naber-hero-avatar {
  width: 148px;
  height: 148px;
  bottom: -40px;
  border-width: 5px;
}
.naber-hero.has-avatar .naber-hero-identity { margin-left: 172px; }

/* ---- Section 3: quiet membership row beneath the hero ---- */
.naber-membership-row {
  display: flex;
  margin: -16px 0 20px;
  min-height: 24px;
}
.naber-membership-row.has-avatar { padding-left: 172px; }
/* Re-themed for its new position on the plain page background (it used to
   float on top of the photographic hero, hence the translucent-white
   pill) — now a quiet text-scale control, not a pill/CTA. */
.naber-membership-row .naber-membership-menu summary,
.naber-membership-row .neighbor-joined,
.naber-membership-row .neighbor-button {
  background: transparent;
  color: var(--naber-text-secondary);
  padding: 4px 2px;
  font-size: 13px;
  font-weight: 700;
}
.naber-membership-row .naber-membership-menu summary:hover { color: var(--naber-text); }
.naber-membership-row .neighbor-button { color: var(--naber-accent) !important; }

/* ---- Section 4: tabs spacing + search rounding ---- */
.naber-tabs .neighbor-tab { padding: 8px 12px; }
.naber-tabs-search { border-radius: 999px; padding: 7px 14px; }

/* ---- Section 5: desktop two-column shell (feed / community rail) ---- */
.naber-feed-layout {
  display: flex;
  align-items: flex-start;
  gap: 32px;
}
.naber-feed-col {
  flex: 1 1 auto;
  min-width: 0;
  max-width: 660px;
}
.naber-rail {
  width: 300px;
  flex-shrink: 0;
  position: sticky;
  /* Clears the sticky app header (its own height + breathing room) so the
     rail's sticky stop doesn't sit underneath it. */
  top: 76px;
}
/* Round-5 correction — Section E: true two-column grid. The feed HOLDS its
   width (flex: 0 1 660px — never grows past 660px, same as before) while
   the rail now GROWS to fill whatever width is actually left (flex: 1 1
   auto) instead of staying pinned at a fixed width — that fixed width was
   exactly what left a dead gap to the right of the About card on any
   viewport wider than feed+rail+gap. */
.naber-feed-col { flex: 0 1 660px; }
.naber-rail { flex: 1 1 auto; width: auto; min-width: var(--naber-rail-width); }
.naber-rail-card {
  background: var(--naber-surface);
  border: 1px solid var(--naber-border);
  border-radius: 16px;
  padding: 20px;
}
.naber-rail-card h4 { margin: 0 0 8px; font-size: 15px; }
.naber-rail-desc { font-size: 13px; color: var(--naber-text-secondary); margin: 0 0 12px; }
.naber-rail-card .neighbor-stats { color: var(--naber-text-secondary); margin-bottom: 12px; }
.naber-rail-link { display: inline-block; font-size: 13px; font-weight: 700; color: var(--naber-accent); text-decoration: none; }
.naber-rail-link:hover { text-decoration: underline; }
@media (max-width: 960px) {
  /* Do not squeeze the rail beside the feed — it disappears entirely on
     narrower viewports rather than becoming a second, cramped column. */
  .naber-feed-layout { display: block; }
  .naber-rail { display: none; }
}

/* ---- Section 6/7: composer — collapsed trigger, logged-out state,
   mode toggle, shared title/body field language, quiet Cancel ---- */
.neighbor-create-post-placeholder { padding: 12px 18px; }
a.neighbor-create-post-placeholder { display: flex; align-items: center; text-decoration: none !important; color: #9a9087 !important; }
a.neighbor-create-post-placeholder:hover { border-color: #c9a86c; color: #6e6a62 !important; }
.naber-composer-field {
  border: 1.5px solid #ddd8cf;
  border-radius: 12px;
  background: #fff;
  color: #2b241c;
  transition: border-color .15s;
  width: 100%;
}
.naber-composer-field:focus { border-color: var(--naber-accent); outline: none; }
.naber-composer-title { padding: 9px 14px; font-size: 13px; font-weight: 600; color: var(--naber-text-secondary); }
.naber-composer-body { padding: 12px 14px; font-size: 14px; min-height: 92px; resize: vertical; }
.naber-composer-mode-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 2px 0;
}
.naber-composer-mode-label { font-size: 12px; color: var(--naber-text-secondary); font-weight: 600; }
.naber-composer-mode-icons { display: flex; gap: 4px; }
.naber-composer-mode-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: none;
  border-radius: 999px;
  background: none;
  color: var(--naber-text-secondary);
  cursor: pointer;
}
.naber-composer-mode-btn svg { width: 18px; height: 18px; }
.naber-composer-mode-btn:hover { background: var(--naber-muted); color: var(--naber-text); }
.naber-composer-mode-btn.is-active { background: var(--naber-accent-light); color: var(--naber-accent); }
/* The pre-existing .neighbor-post-media-fields label { display:flex } rule
   (class+type, higher specificity than the bare [hidden] UA style) would
   otherwise keep a "hidden" mode-group visible — this explicitly forces it
   off so only one of image/video ever shows at a time. */
.naber-composer-mode-group[hidden] { display: none !important; }
.naber-composer-cancel {
  background: none !important;
  border: none !important;
  color: var(--naber-text-secondary) !important;
  padding: 8px 6px !important;
  font-weight: 600;
  font-size: 13px;
  cursor: pointer;
}
.naber-composer-cancel:hover { color: var(--naber-text) !important; text-decoration: underline; }

/* ---- Section 10: tags as plain #words, no pill background ---- */
/* Overrides the earlier v0.8.2 !important rule (same specificity + !important,
   so source order decides — this one is later, and wins outright since it
   also raises specificity with the parent class). */
.neighbor-post-tags .neighbor-tag,
.neighbor-post-tags a.neighbor-tag {
  background: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
  color: var(--naber-accent) !important;
  font-weight: 600 !important;
  font-size: 13px !important;
}
.neighbor-post-tags a.neighbor-tag:hover {
  background: none !important;
  text-decoration: underline;
}
.neighbor-post-tags { gap: 12px; }

/* ---- Section 11: responsive post-media system ---- */
/* Landscape media (images, YouTube/Vimeo 16:9 embeds): contained within
   the card on desktop (already the case — the narrower Section-5 feed
   column keeps this from floating as a small rectangle in huge
   whitespace), full-bleed edge-to-edge on mobile while the surrounding
   text keeps its padding. Portrait/reel media (TikTok, tagged
   .is-portrait): capped and centered on desktop, proportional on mobile —
   already mostly handled by the existing TikTok-specific rules above;
   this section generalizes the breakout/contain behavior. */
.naber-post-media.naber-post-media { margin-left: 0; margin-right: 0; }
.neighbor-post-video.is-portrait { max-width: 420px; margin-left: auto !important; margin-right: auto !important; }
.neighbor-post-image img { max-height: 620px; object-fit: contain; background: var(--naber-muted); width: 100%; }

@media (max-width: 700px) {
  .neighbor-post { padding: 16px; }
  .neighbor-post-header,
  .neighbor-post-title,
  .neighbor-post-content,
  .neighbor-post-tags,
  .neighbor-post-footer { padding-left: 0; padding-right: 0; }
  /* Immersive full-width media: break the image/landscape-video wrapper
     out of the post's own padding on mobile only. Portrait/TikTok media
     stays contained/centered rather than stretching edge to edge. */
  .neighbor-post-image,
  .neighbor-post-video.is-landscape {
    margin-left: -16px;
    margin-right: -16px;
    border-radius: 0;
    width: calc(100% + 32px);
  }
  .neighbor-post-video.is-portrait { max-width: 100%; }
  .neighbor-post-image img { max-height: 70vh; }
}

/* ---- Section 13/15: comment & reply action row, overflow menu,
   inert comment-heart, shared reply-composer chrome ---- */
.naber-comment-actions { display: flex; align-items: center; gap: 2px; margin-top: 4px; }
.naber-comment-heart-inert { opacity: .45; cursor: default; }
.naber-comment-heart-inert:hover { background: none; color: var(--naber-text-secondary); }
.naber-comment-actions .naber-icon-btn svg { width: 15px; height: 15px; }
.naber-comment-actions .naber-icon-btn { padding: 4px; }
.naber-comment-menu { position: relative; }
.naber-comment-menu summary {
  list-style: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 999px;
  color: var(--naber-text-secondary);
}
.naber-comment-menu summary::-webkit-details-marker { display: none; }
.naber-comment-menu summary svg { width: 15px; height: 15px; }
.naber-comment-menu summary:hover,
.naber-comment-menu[open] summary { background: var(--naber-muted); color: var(--naber-text); }
.naber-comment-menu-panel {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  background: var(--naber-surface);
  border: 1px solid var(--naber-border);
  border-radius: 10px;
  padding: 6px;
  box-shadow: 0 8px 24px rgba(0,0,0,.14);
  z-index: 5;
  min-width: 130px;
}

/* Reply composer shares the exact comment-composer chrome (avatar, rounded
   input, inline send icon) — only a small context bar is added above it. */
.naber-reply-form.naber-comment-composer { flex-direction: column; align-items: stretch; gap: 4px; }
.naber-reply-context-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 12px;
  color: var(--naber-text-secondary);
  padding-left: 36px;
}
.naber-reply-exit {
  border: none;
  background: none;
  color: var(--naber-text-secondary);
  font-size: 16px;
  line-height: 1;
  cursor: pointer;
  padding: 2px 4px;
}
.naber-reply-exit:hover { color: var(--naber-text); }
/* The shared composer's form still carries .neighbor-comment-form (for
   backward compatibility with the legacy `.neighbor-comment-form button`
   pill styling above, which real submit buttons elsewhere still rely on),
   so this plain Cancel/exit control needs its own two-class selector to
   win — the same "two classes beats the old rule's one" pattern already
   used for .naber-comment-send just below, rather than narrowing the
   shared legacy rule itself and risking the submit button it still covers
   correctly. */
.naber-comment-composer .naber-reply-exit {
  border: none;
  background: none;
  border-radius: 0;
  color: var(--naber-text-secondary);
  padding: 2px 4px;
  font-weight: 400;
}
.naber-comment-composer .naber-reply-exit:hover { color: var(--naber-text); }
.naber-comment-composer-row { display: flex; gap: 8px; align-items: center; }
.naber-comment-composer-row .naber-comment-input-wrap { flex: 1; }
/* Flag empty-submit quietly (see public.js) instead of the native
   "Please fill out this field" bubble. */
.naber-comment-input-wrap input.is-empty-flash { border: 1.5px solid var(--naber-error); border-radius: 999px; }

/* ---- Mobile pass (Section 16): keep everything above to one compact,
   non-colliding column; most per-component mobile rules already live next
   to their component above. ---- */
@media (max-width: 700px) {
  .naber-hero-avatar { width: 96px; height: 96px; left: 50%; transform: translateX(-50%); bottom: -32px; }
  .naber-hero.has-avatar .naber-hero-identity { margin-left: 0; text-align: center; }
  .naber-hero.has-avatar .naber-hero-actions { margin-left: 0; }
  .naber-hero-body { align-items: center; text-align: center; }
  .naber-hero .neighbor-stats { justify-content: center; }
  /* The centered avatar pokes up ~64px into the scrim from the bottom edge
     (96px tall, bottom:-32px) — without this, it lands on top of the last
     line(s) of hero text (description/stats). Reserve that much clearance
     so the logo never obscures essential hero information. */
  .naber-hero.has-avatar .naber-hero-scrim { padding-bottom: 76px; }
  .naber-membership-row { justify-content: center; padding-left: 0 !important; margin-top: 44px; }
  .naber-composer-mode-row { flex-wrap: wrap; }
}

/* ================================================================
   COMMUNITY PAGE V2 — ROUND 4: real-device correction pass.
   This is a CORRECTION pass on the checkpoint-2 "Community Page V2"
   architecture above (branch design/checkpoint-2-community-page-v2,
   commit 2d7077e) — not a redesign. Everything above this banner is
   untouched except for the two surgical !important fixes called out by
   name in Section M below (both pre-existing legacy rules that were never
   rescoped when the newer composer/comment markup was introduced).
   Driven by a 14-page PDF of the real installed site; where a disposable
   test-rig screenshot and the real-device PDF disagreed, the PDF was
   treated as the visual authority.
   ================================================================ */

/* ---- Section A: full-bleed app header + hero (both breakpoints) ----
   .naber-app-header and .naber-hero are only ever rendered inside this
   one .naber-community-view wrapper (confirmed — not shared with any
   other Naber screen's markup), so this breakout is scoped to this view
   only; every other page keeps the padded 1240px canvas untouched. The
   classic full-bleed technique: left:50% + negative 50vw margins pull
   the box edge-to-edge against the *viewport*, independent of the
   wrap's own 20px side padding or 1240px max-width — the feed/rail
   layout further down keeps its existing readable content width,
   completely unaffected by this. */
.naber-community-view.neighbor-wrap { margin-top: 0; }
body.naber-app .naber-community-view.neighbor-wrap { margin-top: 0; }
.naber-community-view .naber-app-header,
.naber-community-view .naber-hero {
  /* Margin-based full-bleed, NOT the left:50%/margin:-50vw positioned
     variant: that variant's "50%" resolves against the element's OWN
     containing block width (here, .neighbor-wrap's ~1200px content box),
     not the viewport — on a page where the wrap is narrower than the
     viewport (it always is, max-width:1240px) that shifts the box right
     by half the wrap's width and clips it off-screen on the left, instead
     of truly spanning edge-to-edge. The margin calc below instead nets
     out to exactly 0 regardless of the parent's own width, as long as the
     parent itself is horizontally centered (.neighbor-wrap is: margin:
     ... auto) — which is the case here. */
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  border-radius: 0;
}
.naber-community-view .naber-app-header {
  position: sticky;
  top: 0;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  /* "thinner" nav: trim the vertical padding a bit from the checkpoint-1
     baseline (12px top/bottom). */
  padding-top: 9px;
  padding-bottom: 9px;
}
.naber-community-view .naber-hero { border-left: 0; border-right: 0; border-top: 0; }

/* ---- Section B: hero description — desktop drops it (the rail's About
   card, Section F below, is now the only place it shows on desktop);
   mobile keeps it exactly as before, unchanged. ---- */
@media (min-width: 701px) {
  .naber-hero-desc { display: none; }
}

/* ---- Section C: mobile avatar larger, recomputed scrim clearance ----
   Desktop's 148px avatar (Section 2 above) is untouched — only mobile
   grows further, from 96px to 136px. The clearance padding below is
   recalculated for the new intrusion depth (136 - 34 = 102px, +10px
   buffer) so the enlarged avatar still never overlaps the hero's own
   text/stats. ---- */
@media (max-width: 700px) {
  .naber-hero-avatar { width: 136px; height: 136px; bottom: -34px; }
  .naber-hero.has-avatar .naber-hero-scrim { padding-bottom: 112px; }
}

/* ---- Section D: membership row repositioning ----
   Desktop: right-aligned near the hero instead of left-aligned next to
   the avatar clearance (the avatar clearance padding is no longer needed
   once content sits on the opposite side). Mobile: lower-right, close to
   the header image instead of centered with a large top gap. ---- */
.naber-membership-row {
  justify-content: flex-end;
  padding-left: 0 !important;
  margin: -14px 0 10px;
}
@media (max-width: 700px) {
  .naber-membership-row {
    justify-content: flex-end;
    margin: 8px 4px 6px;
  }
}

/* ---- Section E: tabs pulled up closer to the hero/avatar + tighter
   per-tab spacing. (The bold + accent-underline active-tab treatment
   already matches the PDF reference exactly as implemented in
   checkpoint-2 — Section 4 above — and is left as-is.) ---- */
.naber-tabs-row { margin-top: 2px; margin-bottom: 10px; }
.naber-tabs .neighbor-tab { padding: 7px 10px; }
.naber-tabs { gap: 0; }

/* ---- Section F: rail — wider, fuller, less padding, reusable width ---- */
.naber-rail { width: var(--naber-rail-width); }
/* Top corners flat so the card visually continues from the search field
   bridged above it (Section G) instead of competing with its own rounded
   top edge. */
.naber-rail-card { padding: 16px 18px; border-radius: 0 0 16px 16px; }
@media (max-width: 960px) {
  /* The rail (and the search bridge above it) only exists on wider
     viewports — restore the card's normal all-round radius for any
     narrower context that might still render it. */
  .naber-rail-card { border-radius: 16px; }
}
.naber-rail-card h4 { font-size: 16px; }
.naber-rail-desc { font-size: 13.5px; line-height: 1.55; margin: 0 0 14px; }

/* ---- Section G: search field visually bridged into the top of the
   rail's first card — same width as the rail, flush bottom edge, shared
   surface/border so the two read as one continuous panel. ---- */
@media (min-width: 961px) {
  .naber-tabs-search {
    width: var(--naber-rail-width);
    box-sizing: border-box;
    background: var(--naber-surface);
    border-radius: 14px 14px 0 0;
    border-bottom: none;
    padding: 10px 16px;
  }
}

/* ---- Section H: composer — collapsed row is now the real social-
   composer row (avatar + placeholder + quick image/video icons), on
   both breakpoints. ---- */
.neighbor-create-post-trigger { gap: 10px; }
.naber-composer-quick-icons { display: flex; gap: 2px; flex-shrink: 0; }
.naber-composer-quick-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border: none;
  border-radius: 999px;
  background: none;
  color: var(--naber-text-secondary);
  cursor: pointer;
  flex-shrink: 0;
}
.naber-composer-quick-btn svg { width: 19px; height: 19px; }
.naber-composer-quick-btn:hover { background: var(--naber-muted); color: var(--naber-text); }
@media (max-width: 700px) {
  .naber-composer-quick-btn { width: 32px; height: 32px; }
  .naber-composer-quick-btn svg { width: 17px; height: 17px; }
}

/* ---- Section I: tags — neutral gray instead of accent blue, same
   plain-#word/no-pill treatment. ---- */
.neighbor-post-tags .neighbor-tag,
.neighbor-post-tags a.neighbor-tag {
  color: var(--naber-text-secondary) !important;
}
.neighbor-post-tags a.neighbor-tag:hover {
  color: var(--naber-text) !important;
}

/* ---- Section J: mobile — ~5px card-to-card gap, true edge-to-edge
   posts. The anti-pattern this replaces was nested screen→card→content→
   media margins (the wrap's own side padding, PLUS the post's own
   padding, PLUS a per-media negative-margin breakout — three insets
   stacked on top of each other). The post itself now has NO padding and
   NO side margin of its own; it just fills the full mobile canvas
   (.naber-community-view's own full-bleed treatment doesn't reach this
   far down, so the post breaks out of .neighbor-wrap's 20px padding
   directly, once, here). Text elements get their own single, explicit
   16px padding; media gets none at all, since the post is already
   edge-to-edge. ---- */
@media (max-width: 700px) {
  .neighbor-feed { gap: 5px; }
  .neighbor-post {
    margin-left: -20px;
    margin-right: -20px;
    width: calc(100% + 40px);
    padding: 0;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    box-shadow: none;
  }
  .neighbor-post-header { padding: 14px 16px 0; margin-bottom: 10px; }
  .neighbor-post-title,
  .neighbor-post-content,
  .neighbor-post-tags,
  .neighbor-post-footer { padding-left: 16px; padding-right: 16px; }
  .neighbor-post-footer { padding-bottom: 14px; }
  .neighbor-comments { padding: 0 16px; }
  /* Media is already flush with the screen edge (the post itself is),
     so no breakout math is needed here any more — just full width. */
  .neighbor-post-image,
  .neighbor-post-video.is-landscape {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    border-radius: 0;
  }
  .neighbor-post-image img { max-height: 70vh; width: 100%; }
}

/* ---- Section K: unified responsive media — Vimeo brought to full
   width like YouTube (the previous 900px cap is gone — nothing caps
   YouTube's width either, so Vimeo shouldn't have a cap of its own), and
   any oembed-provided wrapper element (not just the iframe itself) is
   forced fluid too, in case a provider's own markup sets an inline width/
   max-width on its wrapping <div>. A post with a video URL that failed to
   produce an embed renders only a plain text link (see
   neighbor_platform_get_video_embed() fallback in community-view.php) —
   reserve no forced aspect-ratio/height for that case. ---- */
.neighbor-post-video,
.neighbor-post-video > div {
  width: 100%;
  max-width: 100% !important;
}
.neighbor-post-video iframe[src*="vimeo"] {
  width: 100% !important;
  max-width: 100% !important;
}
.neighbor-post-video:not(:has(iframe, blockquote, embed, object)) {
  aspect-ratio: auto;
  min-height: 0;
  display: block;
}

/* ---- Section L: lightweight auth-required popup (logged-out Heart/
   Save) — reuses the existing .neighbor-share-modal chrome/overlay so no
   second modal visual language is introduced. Explicitly a temporary
   stand-in tied to the existing login destination, not a new/universal
   auth system. ---- */
.neighbor-auth-dialog { width: min(380px, 100%); text-align: center; }
.neighbor-auth-modal-message { margin: 6px 0 20px; font-size: 15px; color: var(--naber-text); }
.neighbor-auth-modal-actions { display: flex; gap: 10px; justify-content: center; }

/* ---- Section M: comment & reply composer compaction + two real bug
   fixes found against the PDF's real-device screenshots. ---- */

/* BUG FIX 1 of 2: a legacy, pre-V2 rule (@media max-width:700px further
   above in this file) sets .neighbor-comment-form{flex-direction:column},
   which was never rescoped away from the newer .naber-comment-composer
   markup — it was stacking the avatar ABOVE the input on mobile instead
   of beside it, exactly as flagged in the PDF. Two classes beats the old
   rule's one, so this wins regardless of source order. */
@media (max-width: 700px) {
  .neighbor-comment-form.naber-comment-composer { flex-direction: row; }
}

/* BUG FIX 2 of 2: a legacy v0.8.1b rule
   (.neighbor-reply-form button[type=submit]{background:#2c241b!important})
   still matches the reply composer's send button (it still carries the
   .neighbor-reply-form class for backward compatibility) and was painting
   it as a dark filled circle, overriding the intended light/inert
   treatment shared with the normal comment composer — exactly the "dark
   heavy send circle" called out in the PDF. !important vs. !important,
   so this has to neutralize every property the legacy rule sets. */
.naber-reply-form.naber-comment-composer .naber-comment-send[type="submit"] {
  background: none !important;
  color: var(--naber-text-secondary) !important;
}
.naber-reply-form.naber-comment-composer .naber-comment-send[type="submit"]:hover {
  background: var(--naber-muted) !important;
  color: var(--naber-accent) !important;
}

/* General compaction (both breakpoints): thinner 1px border, smaller
   font, shorter box, larger send icon shifted slightly left with more
   breathing room to its right. */
.naber-comment-composer .naber-comment-input-wrap input[type="text"] {
  border: 1px solid #ddd8cf !important;
  padding: 7px 42px 7px 14px !important;
  font-size: 13px;
}
.naber-comment-composer .naber-comment-send {
  width: 30px;
  height: 30px;
  right: 6px;
}
.naber-comment-composer .naber-comment-send svg { width: 18px; height: 18px; }
.neighbor-comment-body { padding: 8px 12px; }
@media (max-width: 700px) {
  .naber-comment-composer .naber-comment-send { width: 28px; height: 28px; right: 5px; }
  .naber-comment-composer .naber-comment-send svg { width: 17px; height: 17px; }
}

/* ================================================================
   COMMUNITY PAGE V2 — ROUND 5: structural + composer + comments
   correction pass. Driven by two review PDFs (one documenting problems
   found after Round 4's screenshots, one specifically about the Share
   icon). Everything above this banner is untouched except for the two
   small direct edits called out above (rail flex-basis in Section 5,
   this banner's own predecessor sections). Per section letters in the
   review brief.
   ================================================================ */

/* ---- Section B: kill any remaining gap above/around the sticky app
   header. The canvas template (naber-app-canvas.php) already renders a
   bare HTML document with no theme header — but wp_head() still prints
   the active theme's own GLOBAL STYLES stylesheet (block themes like
   Twenty Twenty-Five set padding on `body` itself via CSS custom
   properties, independent of any theme template file), which is what
   kept producing a gap "with no idea why it's still there." Root-caused
   to that, not guessed — fixed by zeroing it explicitly and relying on
   .naber-app-header's own sticky top:0 to sit flush at the real top. ---- */
body.naber-app {
  padding: 0 !important;
  margin: 0 !important;
}
body.naber-app .naber-community-view.neighbor-wrap {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
/* Belt-and-suspenders: in case a global-styles rule targets html as well. */
html:has(body.naber-app) { padding: 0 !important; margin: 0 !important; }

/* ---- Section B: profile nav link underline removal. The nav links
   already have text-decoration:none; this closes the gap in case the
   theme's own global `a` style (also printed via wp_head(), same root
   cause as the gap above) wins on a property this rule didn't already
   set with enough specificity. ---- */
.naber-app-nav a,
.naber-header-avatar,
.naber-brand {
  text-decoration: none !important;
}

/* ---- Section D: secondary nav / Joined — which copy shows at which
   width. Above 960px (matches the existing rail breakpoint, Section 5):
   the mobile membership row is hidden and the tabs-row-actions copy
   (inline with Feed/Saved/Members/About) takes over. 960px and below:
   the reverse. Both render the exact same
   neighbor_platform_render_join_button() output — only visibility
   toggles, so there is always exactly one visible copy, never zero or
   two. ---- */
.naber-tabs-row-actions { display: none; flex-shrink: 0; }
@media (min-width: 961px) {
  .naber-tabs-row-actions { display: flex; align-items: center; }
  .naber-membership-row-mobile { display: none !important; }
}
@media (max-width: 960px) {
  .naber-tabs-row-actions { display: none !important; }
}
/* Re-theme the desktop copy to match the quiet, inline treatment the
   membership row used on its own line — it's now sharing a row with tab
   links instead, so no extra top/bottom margin of its own. */
.naber-tabs-row-actions .naber-membership-menu summary,
.naber-tabs-row-actions .neighbor-joined,
.naber-tabs-row-actions .neighbor-button {
  background: transparent;
  color: var(--naber-text-secondary);
  padding: 4px 2px;
  font-size: 13px;
  font-weight: 700;
}
.naber-tabs-row-actions .naber-membership-menu summary:hover { color: var(--naber-text); }
.naber-tabs-row-actions .neighbor-button { color: var(--naber-accent) !important; }

/* ---- Section F: Community Rail search — now lives at the physical top
   of the rail (not the shared tabs row). Bridges visually into the About
   card directly beneath it via shared border treatment + flat touching
   corners, and is sized up slightly from the old tabs-row version so it
   reads as intentional rather than an afterthought. ---- */
.naber-rail-search {
  display: flex;
  align-items: center;
  gap: 10px;
  background: var(--naber-surface);
  border: 1px solid var(--naber-border);
  border-radius: 14px 14px 0 0;
  border-bottom: none;
  padding: 12px 16px;
  color: var(--naber-text-secondary);
  box-sizing: border-box;
}
.naber-rail-search svg { width: 17px; height: 17px; flex-shrink: 0; }
.naber-rail-search input {
  border: none;
  background: transparent;
  outline: none;
  font-size: 14px;
  color: var(--naber-text-secondary);
  width: 100%;
}
@media (max-width: 960px) {
  .naber-rail-search { display: none; }
}

/* ---- Section G: About rail card — member/post counts removed (already
   shown in the hero right above), CTA copy updated. Card keeps its flat
   top (bridging into the search field above) and uses the rail's full
   width naturally now that the rail itself grows (Section 5/E). ---- */
.naber-rail-card { padding: 18px 20px 20px; }

/* ---- Section H: collapsed composer row — shorter, less dominant. ---- */
.neighbor-create-post { padding: 14px 16px; }
.neighbor-create-post-trigger { gap: 10px; }
.neighbor-create-post-placeholder,
a.neighbor-create-post-placeholder {
  padding: 9px 16px;
  font-size: 13.5px;
}

/* ---- Section I: single Image/Video selector — now wholly owned by the
   top composer row's quick icons (public.js drives the real mode-group
   fields directly; the old second selector and its CSS are gone). Keep
   the existing comfortable 36px target / 19px glyph sizing from Round 4,
   just confirm the active state reads clearly. ---- */
.naber-composer-quick-btn.is-active { background: var(--naber-accent-light); color: var(--naber-accent); }

/* ---- Section J: visible gap between the title field and the body
   field. Root cause: a legacy rule (.neighbor-post-form.is-open{display:
   block!important}) collapses the grid layout that would otherwise space
   these two fields via `gap`, so block-stacked form controls touch with
   no margin of their own. Fixing with an explicit margin here is robust
   regardless of which layout mode wins. ---- */
.naber-composer-title { margin-bottom: 10px; }

/* ---- Section K: visibility dropdown — more breathing room to the right
   of the arrow. The existing padding-right:38px!important rule is kept;
   this raises it further since real devices still showed the arrow sitting
   close to the edge (native OS chevron rendering doesn't always respect
   padding the way the box model suggests it should). ---- */
.neighbor-select-chevron {
  padding-right: 46px !important;
}

/* ---- Section L: compact Post button — its own class, no legacy
   .neighbor-button dark-green-pill rule to fight. ---- */
.naber-composer-post-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: 8px;
  padding: 9px 20px;
  background: var(--naber-accent);
  color: #fff !important;
  font-weight: 700;
  font-size: 13px;
  cursor: pointer;
  transition: background .15s, opacity .15s;
}
.naber-composer-post-btn:hover { opacity: .9; }

/* ---- Section M: share icon legibility — same iOS/social "arrow out of a
   tray" glyph (not a network/reply/curved-back icon), sized up slightly
   from the general icon-row default so it reads clearly at a glance on a
   real device rather than looking like a stray mark. ---- */
.neighbor-share-post svg { width: 19px; height: 19px; }
@media (max-width: 700px) {
  .neighbor-share-post svg { width: 17px; height: 17px; }
}

/* ---- Section P: comfortable padding below the comment composer so it
   never sits flush on the post's own bottom edge. Desktop already has
   this via the post's own 24px padding on every side; only mobile (where
   the post itself is intentionally edge-to-edge/zero-padding, Section J
   of Round 4) was missing it. ---- */
@media (max-width: 700px) {
  .neighbor-comments { padding: 0 16px 16px; }
}

/* ---- Sections Q/R: one shared comment composer per post, used for both
   top-level comments and replies. It needs the same column layout (context
   bar stacked above the avatar+input row) the old reply-only form used,
   since it's now the only kind of .naber-comment-composer there is. ---- */
.naber-comment-composer {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 4px;
}
.naber-comment-composer .naber-reply-context-bar[hidden] { display: none; }
.naber-comment-composer.is-reply-mode .naber-comment-input-wrap input[type="text"] {
  border-color: var(--naber-accent) !important;
}

/* ---- Section Q: mobile comments sheet. A near-full-screen overlay for
   one post's comments, opened by tapping its comment count (<=700px
   only — see public.js). Holds the post's EXISTING .neighbor-comments-body
   node (comments + the one shared composer); the composer stays docked at
   the bottom of the scrollable area via position:sticky rather than a
   separate fixed footer, so it tracks correctly above an on-screen
   keyboard without extra viewport-resize JS. ---- */
.naber-comments-sheet {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 200;
  background: var(--naber-surface);
  flex-direction: column;
}
.naber-comments-sheet.is-open { display: flex; }
body.naber-sheet-open { overflow: hidden; }
.naber-comments-sheet-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  padding: 14px 16px;
  border-bottom: 1px solid var(--naber-border);
  font-weight: 700;
  font-size: 15px;
}
.naber-comments-sheet-close {
  border: none;
  background: none;
  font-size: 24px;
  line-height: 1;
  color: var(--naber-text-secondary);
  cursor: pointer;
  padding: 4px 8px;
}
.naber-comments-sheet-body {
  flex: 1 1 auto;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding: 12px 16px 0;
}
.naber-comments-sheet-body .neighbor-comments-body { padding-top: 0; border-top: 0; margin-top: 0; }
/* The shared composer is moved by JS (see naberOpenSheet) out of the
   scrollable .naber-comments-sheet-body and appended directly to the sheet
   itself, as a flex-shrink:0 sibling after the scrollable body. That keeps
   it pinned to the bottom of the sheet (and immediately above the on-screen
   keyboard when focused) regardless of thread length — a short thread no
   longer leaves it floating under the last comment with dead space below;
   a long thread scrolls independently beneath it. */
.naber-comments-sheet-composer-docked {
  flex-shrink: 0;
  background: var(--naber-surface);
  padding: 10px 16px 14px;
  border-top: 1px solid var(--naber-border);
}
@media (min-width: 701px) {
  .naber-comments-sheet { display: none !important; }
}

/* ---- Section S: comment/reply visual compactness — subtle indentation
   already exists (.neighbor-comment-replies); tighten remaining padding. ---- */
.neighbor-comment { margin: 8px 0; }


/* ================================================================
   Community V2 final review corrections — 2026-10-01
   Scoped to the approved Community reference screen. These rules favor
   shared Naber tokens/components over one-off colors so Community
   Appearance can feed controlled theme variables later.
   ================================================================ */

/* Hero/header: intentionally square, flush, and borderless as the reference
   shell. Kill radius on the actual clipping layers too, not just parent. */
.naber-community-view .naber-app-header { margin-bottom: 0 !important; }
.naber-community-view .naber-hero,
.naber-community-view .naber-hero-media,
.naber-community-view .naber-hero-scrim { border-radius: 0 !important; }
.naber-community-view .naber-hero { border: 0 !important; }
.naber-community-view .naber-hero-avatar { border: 0 !important; }

/* Composer: align avatar/input/icons as one row and make the title share the
   same field chrome as body/tags while retaining stronger title typography. */
.neighbor-create-post-trigger { align-items: center; }
.neighbor-create-post-trigger > .neighbor-avatar,
.neighbor-create-post-trigger > .neighbor-avatar-initial { width: 36px !important; height: 36px !important; flex: 0 0 36px; border: 0 !important; }
.neighbor-create-post-placeholder,
a.neighbor-create-post-placeholder { min-height: 36px; display: flex; align-items: center; padding-top: 7px; padding-bottom: 7px; }
.naber-composer-title { border-width: 1.5px; border-radius: 12px; font-size: 15px; font-weight: 650; color: var(--naber-text); }
.naber-composer-quick-btn { color: var(--naber-text-secondary); }
.naber-composer-quick-btn svg { width: 21px; height: 21px; }

/* Modern rail search as a standalone control; About card remains a card. */
.naber-rail-search { border: 1px solid var(--naber-border); border-radius: 999px; margin-bottom: 10px; padding: 10px 14px; }
.naber-rail-search svg { order: 2; width: 18px; height: 18px; }
.naber-rail-search input { order: 1; color: var(--naber-text); }
.naber-rail-card { border-radius: 16px; }
.naber-rail-link { display: table; margin-left: auto; padding: 7px 11px; border-radius: 999px; background: var(--naber-muted); color: var(--naber-text); font-weight: 650; }
.naber-rail-link:hover { text-decoration: none; background: var(--naber-accent-light); color: var(--naber-accent); }

/* Softer canonical action treatment; accent remains token-driven for future
   owner theme controls. */
.naber-composer-post-btn { border-radius: 999px; padding: 7px 16px; min-height: 32px; background: var(--naber-accent); }
.neighbor-select-chevron { padding-right: 52px !important; background-position: right 16px center !important; }

/* Post overflow: icon + label, readable hover/focus, consistent theme. */
.naber-post-menu-item { display: flex; align-items: center; gap: 9px; color: var(--naber-text) !important; }
.naber-post-menu-item svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; flex: 0 0 16px; }
.naber-post-menu-item:hover,
.naber-post-menu-item:focus { background: var(--naber-muted) !important; color: var(--naber-text) !important; outline: none; }
.naber-post-menu-item-danger { color: var(--naber-error) !important; }
.naber-post-menu-item-danger:hover,
.naber-post-menu-item-danger:focus { color: var(--naber-error) !important; background: color-mix(in srgb, var(--naber-error) 8%, white) !important; }

/* Shared comment/reply/edit chrome. */
.naber-reply-context-bar { justify-content: flex-start; gap: 6px; }
.naber-comment-composer .naber-reply-exit { width: 22px; height: 22px; border: 1px solid var(--naber-border) !important; border-radius: 50% !important; padding: 0 !important; display: inline-flex; align-items: center; justify-content: center; background: var(--naber-surface) !important; }
.naber-comment-send { right: 10px !important; }
.neighbor-comment-edit-form.is-open { display: flex; align-items: center; gap: 8px; }
.neighbor-comment-edit-form input { border: 1px solid var(--naber-border); border-radius: 999px; padding: 9px 40px 9px 14px; color: var(--naber-text); background: var(--naber-surface); }
.neighbor-comment-edit-form button { min-height: 32px; border-radius: 999px; padding: 7px 12px; }
.neighbor-comment-edit-form button[type="submit"] { background: var(--naber-accent) !important; color: #fff !important; }

/* Share/auth modal close control should always be visually obvious. */
.neighbor-share-close { width: 32px; height: 32px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: var(--naber-muted); color: var(--naber-text); font-size: 20px; line-height: 1; }
.neighbor-auth-modal-actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 18px; }
.neighbor-auth-modal-actions .neighbor-button,
.neighbor-auth-modal-actions .neighbor-button-light { border-radius: 999px; min-height: 36px; padding: 8px 16px; border: 0; text-decoration: none; font-weight: 700; }
.neighbor-auth-modal-actions .neighbor-auth-modal-login { background: var(--naber-accent); color: #fff !important; }
.neighbor-auth-modal-actions .neighbor-auth-modal-cancel { background: var(--naber-muted); color: var(--naber-text) !important; }

/* Logged-out composer keeps the compact row but drops the enclosing card. */
.naber-create-post-logged-out { background: transparent; border: 0; box-shadow: none; padding-left: 0; padding-right: 0; }

/* Vimeo must occupy the same landscape media stage as YouTube. */
.neighbor-post-video.is-landscape,
.neighbor-post-video.is-landscape > div,
.neighbor-post-video.is-landscape iframe { width: 100% !important; max-width: 100% !important; }
.neighbor-post-video.is-landscape iframe { display: block; aspect-ratio: var(--naber-ar, 16/9); height: auto !important; }

/* In-app image expansion rather than navigating away. */
.naber-image-lightbox { display: none; position: fixed; inset: 0; z-index: 100000; background: rgba(15,18,22,.82); padding: 24px; align-items: center; justify-content: center; }
.naber-image-lightbox.is-open { display: flex; }
.naber-image-lightbox-stage { position: relative; max-width: min(1100px, 96vw); max-height: 92vh; }
.naber-image-lightbox-stage img { display: block; max-width: 100%; max-height: 92vh; width: auto; height: auto; object-fit: contain; }
.naber-image-lightbox-close { position: absolute; top: -14px; right: -14px; z-index: 2; width: 36px; height: 36px; border: 0; border-radius: 50%; background: var(--naber-surface); color: var(--naber-text); font-size: 24px; line-height: 1; cursor: pointer; box-shadow: 0 4px 16px rgba(0,0,0,.2); }

@media (max-width: 700px) {
  /* Hero is flush and square on mobile too; tighten avatar-to-tabs region. */
  .naber-community-view .naber-hero { margin-bottom: 26px; }
  .naber-membership-row { margin: 0 4px 0; min-height: 30px; align-items: center; }
  .naber-tabs-row { margin-top: 0; }
  .naber-composer-quick-btn { width: 34px; height: 34px; }
  .naber-composer-quick-btn svg { width: 20px; height: 20px; }
  .neighbor-create-post-placeholder,
  a.neighbor-create-post-placeholder { font-size: 12.5px; padding-left: 12px; padding-right: 10px; white-space: nowrap; }
  .naber-image-lightbox { padding: 12px; }
  .naber-image-lightbox-close { top: 8px; right: 8px; }
}


/* ================================================================
   Community V2 stabilization — Last fixes — 2026-10-01
   Approved real-device corrections. Keep these component-oriented.
   ================================================================ */

/* Universal empty state: quiet 1px platform border, never dashed. */
.neighbor-empty { border: 1px solid var(--naber-border) !important; }

/* Approved collapsed Naber Composer: clear input affordance + readable media actions. */
.neighbor-create-post { background: var(--naber-surface) !important; border: 1px solid var(--naber-border) !important; box-shadow: 0 2px 10px rgba(31,41,55,.035); }
.neighbor-create-post-trigger { align-items: center !important; gap: 12px !important; }
.neighbor-create-post-trigger > .neighbor-avatar,
.neighbor-create-post-trigger > .neighbor-avatar-initial { width: 42px !important; height: 42px !important; flex: 0 0 42px !important; border: 0 !important; }
.neighbor-create-post-placeholder,
a.neighbor-create-post-placeholder { min-height: 42px !important; padding: 9px 16px !important; display:flex !important; align-items:center !important; line-height:1.25 !important; background: #f7f8fa !important; border: 1px solid var(--naber-border) !important; color: var(--naber-text-secondary) !important; }
.naber-composer-quick-icons { gap: 8px !important; }
.naber-composer-quick-btn { width: 40px !important; height: 40px !important; background: var(--naber-accent-light) !important; color: var(--naber-accent) !important; border-radius: 50% !important; }
.naber-composer-quick-btn svg { width: 22px !important; height: 22px !important; stroke-width: 2 !important; }
.naber-composer-quick-btn:hover { background: color-mix(in srgb, var(--naber-accent-light) 76%, var(--naber-accent)) !important; color: var(--naber-accent) !important; }

/* Approved standard Naber Search: icon left, soft inset pill. */
.naber-rail-search { padding: 8px 14px !important; gap: 10px !important; background: var(--naber-surface) !important; }
.naber-rail-search svg { order: 1 !important; width: 21px !important; height: 21px !important; color: var(--naber-text-secondary) !important; }
.naber-rail-search input { order: 2 !important; min-height: 42px !important; background: #f7f8fa !important; border: 1px solid var(--naber-border) !important; border-radius: 999px !important; padding: 8px 16px !important; }

/* Auth modal is a neutral Naber/Life Now component; no legacy green. */
.neighbor-auth-dialog { max-width: 420px !important; text-align: center; }
.neighbor-auth-modal-message { margin: 8px 0 16px !important; }
.neighbor-auth-modal-actions { justify-content: center !important; gap: 8px !important; margin-top: 12px !important; }
.neighbor-auth-modal-actions .neighbor-button,
.neighbor-auth-modal-actions .neighbor-button-light { min-height: 32px !important; padding: 6px 14px !important; font-size: 13px !important; }
.neighbor-auth-modal-actions .neighbor-auth-modal-login { background: var(--naber-accent) !important; color:#fff !important; }
.neighbor-auth-modal-actions .neighbor-auth-modal-cancel { background: var(--naber-muted) !important; color:var(--naber-text) !important; }

/* Vimeo uses the exact same full media stage width as YouTube. */
.neighbor-post-video.is-landscape { width:100% !important; max-width:none !important; }
.neighbor-post-video.is-landscape > * { width:100% !important; max-width:100% !important; margin-left:0 !important; margin-right:0 !important; }
.neighbor-post-video.is-landscape iframe { width:100% !important; max-width:100% !important; aspect-ratio:var(--naber-ar,16/9) !important; height:auto !important; display:block !important; }

/* Mobile comments: preserve the sheet; restore ONE full-width bottom composer. */
@media (max-width:700px) {
  .naber-membership-row-mobile { margin-top: 10px !important; margin-bottom: 2px !important; }
  .naber-comments-sheet-composer-docked { width:100% !important; box-sizing:border-box !important; padding:10px 14px calc(12px + env(safe-area-inset-bottom)) !important; }
  .naber-comments-sheet-composer-docked .naber-comment-composer-row { display:flex !important; width:100% !important; align-items:center !important; gap:8px !important; }
  .naber-comments-sheet-composer-docked .neighbor-avatar,
  .naber-comments-sheet-composer-docked .neighbor-avatar-initial { flex:0 0 30px !important; width:30px !important; height:30px !important; }
  .naber-comments-sheet-composer-docked .naber-comment-input-wrap { flex:1 1 auto !important; width:auto !important; min-width:0 !important; display:flex !important; }
  .naber-comments-sheet-composer-docked .naber-comment-input-wrap input[type="text"] { width:100% !important; min-width:0 !important; box-sizing:border-box !important; }
  .naber-comments-sheet-composer-docked .naber-reply-context-bar { width:100% !important; box-sizing:border-box !important; }
  .neighbor-create-post { padding:12px 14px !important; }
  .neighbor-create-post-trigger > .neighbor-avatar,
  .neighbor-create-post-trigger > .neighbor-avatar-initial { width:40px !important; height:40px !important; flex-basis:40px !important; }
  .neighbor-create-post-placeholder,
  a.neighbor-create-post-placeholder { min-height:40px !important; font-size:12.5px !important; padding:8px 12px !important; }
  .naber-composer-quick-icons { gap:5px !important; }
  .naber-composer-quick-btn { width:36px !important; height:36px !important; }
  .naber-composer-quick-btn svg { width:21px !important; height:21px !important; }
  .neighbor-post-video.is-landscape,
  .neighbor-post-video.is-landscape > * { width:100% !important; max-width:100% !important; }
}

/* ================================================================
   Community V2 final-last touches — 2026-10-01
   Real-device stabilization only; no functional redesign.
   ================================================================ */

/* Collapsed composer: optical vertical centering in every auth state. */
.neighbor-create-post-trigger { align-items: center !important; }
.neighbor-create-post-placeholder,
a.neighbor-create-post-placeholder {
  align-self: center !important;
  justify-content: flex-start !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  line-height: 1.2 !important;
}

/* Search: outer rail card matches the platform; icon lives INSIDE the
   rounded search field rather than floating beside it. */
.naber-rail-search {
  display: block !important;
  padding: 10px !important;
  border: 1px solid var(--naber-border) !important;
  border-radius: 14px !important;
  background: var(--naber-surface) !important;
  margin-bottom: 10px !important;
}
.naber-rail-search-field {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: 44px;
  box-sizing: border-box;
  padding: 0 14px;
  border: 1px solid var(--naber-border);
  border-radius: 999px;
  background: #f7f8fa;
}
.naber-rail-search-field svg {
  width: 20px !important;
  height: 20px !important;
  flex: 0 0 20px;
  color: var(--naber-text-secondary) !important;
}
.naber-rail-search-field .naber-rail-search-input {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 42px !important;
  width: 100%;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0;
  background: transparent !important;
  color: var(--naber-text);
}

/* Vimeo: the renderer now emits a deterministic iframe; this is the one
   canonical landscape stage, identical in width behavior to YouTube. */
.neighbor-post-video.is-landscape .naber-vimeo-embed {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  aspect-ratio: var(--naber-ar, 16 / 9) !important;
  margin: 0 !important;
  border: 0 !important;
}

/* Mobile membership belongs to the same secondary-navigation band rather
   than floating by itself between hero/avatar and tabs. */
@media (max-width: 960px) {
  .naber-membership-row-mobile { display: none !important; }
  .naber-tabs-row-actions {
    display: flex !important;
    flex: 0 0 auto;
    align-items: center;
    margin-left: auto;
  }
  .naber-tabs-row {
    display: flex !important;
    align-items: center !important;
    gap: 8px;
  }
  .naber-tabs {
    flex: 1 1 auto;
    min-width: 0;
    overflow-x: auto;
    scrollbar-width: none;
  }
  .naber-tabs::-webkit-scrollbar { display: none; }
  .naber-tabs-row-actions .naber-membership-menu summary,
  .naber-tabs-row-actions .neighbor-joined,
  .naber-tabs-row-actions .neighbor-button {
    white-space: nowrap;
    padding: 4px 2px !important;
    background: transparent !important;
  }
}

@media (max-width: 700px) {
  .naber-rail-search { display: none !important; }
  .neighbor-create-post-placeholder,
  a.neighbor-create-post-placeholder {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}


/* ================================================================
   Community V2 freeze-candidate corrections — 2026-10-01
   Real-device QA: spacing, composer affordances, Vimeo, inline mobile comments.
   Search is intentionally untouched/frozen.
   ================================================================ */

/* Give the overlapping community avatar breathing room before the secondary
   navigation on compact layouts, while keeping Joined in the same nav band. */
@media (max-width: 960px) {
  .naber-tabs-row { margin-top: 18px !important; }
}

/* Optical correction only: keep the approved composer dimensions, move the
   placeholder baseline down a few pixels. */
.neighbor-create-post-placeholder,
a.neighbor-create-post-placeholder {
  transform: translateY(3px);
}

/* Canonical composer media actions: never allow global button/svg rules to
   collapse these into dots. */
.naber-composer-quick-icons {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
}
.naber-composer-quick-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 40px !important;
  width: 40px !important;
  min-width: 40px !important;
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border: 0 !important;
  background: #e8eff8 !important;
  color: #4e6b8a !important;
  opacity: 1 !important;
}
.naber-composer-quick-btn svg {
  display: block !important;
  flex: 0 0 22px !important;
  width: 22px !important;
  min-width: 22px !important;
  height: 22px !important;
  min-height: 22px !important;
  stroke: #4e6b8a !important;
  stroke-width: 2 !important;
  opacity: 1 !important;
}

/* Vimeo gets the entire canonical landscape media stage. Inline renderer
   sizing is duplicated here deliberately so provider/global iframe CSS cannot
   shrink the player after render. */
.neighbor-post-video.is-landscape,
.neighbor-post-video.is-landscape .naber-vimeo-embed {
  width: 100% !important;
  min-width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}
.neighbor-post-video.is-landscape .naber-vimeo-embed {
  display: block !important;
  aspect-ratio: var(--naber-ar, 16 / 9) !important;
  height: auto !important;
  border: 0 !important;
}

/* Mobile comments are inline beneath the post, not a modal/sheet. Keep the
   existing one-composer architecture. Reply context occupies its own row
   above avatar + full flexible input + send. */
@media (max-width: 700px) {
  .naber-comments-sheet { display: none !important; }
  body.naber-sheet-open { overflow: auto !important; }
  .neighbor-comments { padding: 0 14px 14px !important; }
  .neighbor-comments-body.is-open { display: block !important; }
  .naber-comment-composer {
    width: 100% !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 8px !important;
    margin-top: 12px !important;
  }
  .naber-reply-context-bar {
    width: 100% !important;
    box-sizing: border-box !important;
    display: flex;
    align-items: center;
    justify-content: flex-start !important;
    gap: 8px !important;
    padding: 0 2px !important;
  }
  .naber-comment-composer .naber-reply-context-bar[hidden] { display: none !important; }
  .naber-comment-composer-row {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    min-width: 0 !important;
  }
  .naber-comment-composer-row > .neighbor-avatar,
  .naber-comment-composer-row > .neighbor-avatar-initial {
    flex: 0 0 34px !important;
    width: 34px !important;
    height: 34px !important;
  }
  .naber-comment-composer-row .naber-comment-input-wrap {
    flex: 1 1 0 !important;
    width: auto !important;
    min-width: 0 !important;
    display: flex !important;
    position: relative !important;
  }
  .naber-comment-composer-row .naber-comment-input-wrap input[type="text"] {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    padding-right: 44px !important;
  }
  .naber-comment-composer .naber-comment-send {
    right: 7px !important;
  }
}

/* ================================================================
   Community V2 final stabilization contract — 2026-10-01
   Approved last-touch changes only. Search, hero, post cards and Joined
   behavior are intentionally not redesigned here.
   ================================================================ */

/* The overlapping community avatar needs a visibly intentional breathing
   zone before the secondary navigation. */
@media (max-width: 960px) {
  .naber-tabs-row { margin-top: 44px !important; }
}

/* Optical baseline: real-device QA asked for another 2px downward shift. */
.neighbor-create-post-placeholder,
a.neighbor-create-post-placeholder { transform: translateY(5px) !important; }

/* Collapsed composer is now intentionally two-tier: identity + prompt on
   top, media actions below. This prevents mobile overflow and leaves a
   stable extension point for future Life Now-native attachment types. */
.neighbor-create-post { overflow: hidden; }
.neighbor-create-post-trigger {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
.neighbor-create-post-trigger .neighbor-create-post-placeholder {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}
.naber-composer-action-row {
  display: flex;
  align-items: center;
  margin-top: 10px;
  padding-top: 8px;
  border-top: 1px solid var(--naber-border);
}
.naber-composer-action-row .naber-composer-quick-icons {
  display: flex !important;
  width: 100% !important;
  gap: 8px !important;
}
.naber-composer-action-row .naber-composer-quick-btn {
  flex: 1 1 0 !important;
  width: auto !important;
  min-width: 0 !important;
  height: 34px !important;
  min-height: 34px !important;
  border-radius: 8px !important;
  background: transparent !important;
  color: var(--naber-text-secondary) !important;
  gap: 7px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}
.naber-composer-action-row .naber-composer-quick-btn:hover,
.naber-composer-action-row .naber-composer-quick-btn.is-active {
  background: var(--naber-accent-light) !important;
  color: var(--naber-accent) !important;
}
.naber-composer-action-row .naber-composer-quick-btn svg {
  flex: 0 0 20px !important;
  width: 20px !important;
  min-width: 20px !important;
  height: 20px !important;
  min-height: 20px !important;
}
.naber-composer-action-row .naber-composer-quick-btn span { display: inline !important; }

/* Expanded composer visibility control: tiny label + one controlled down
   chevron at the right edge. Native double-arrow styling is disabled. */
.naber-publish-to { display: flex !important; flex-direction: column !important; gap: 3px !important; min-width: 170px; }
.naber-publish-to > span:first-child { font-size: 10px; line-height: 1.1; color: var(--naber-text-secondary); font-weight: 600; }
.naber-publish-select-wrap { position: relative; display: block; }
.naber-publish-select-wrap select.neighbor-select-chevron {
  width: 100% !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  background-image: none !important;
  padding-right: 34px !important;
}
.naber-publish-select-wrap > svg {
  position: absolute; right: 11px; top: 50%; transform: translateY(-50%);
  width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2;
  pointer-events: none; color: var(--naber-text-secondary);
}

/* Adaptive Naber Conversation View. Short threads stay inline; the JS opens
   this shared view at 5+ total comments/replies. The thread scrolls while
   the one existing composer stays sticky at the bottom. */
body.naber-conversation-open { overflow: hidden !important; }
.naber-conversation-view {
  position: fixed; inset: 0; z-index: 10000; display: flex; align-items: center;
  justify-content: center; padding: 24px; box-sizing: border-box;
  background: rgba(31,41,55,.38);
}
.naber-conversation-dialog {
  width: min(760px, 94vw); height: min(86vh, 860px); display: flex;
  flex-direction: column; background: var(--naber-surface); border-radius: 16px;
  overflow: hidden; box-shadow: 0 24px 70px rgba(31,41,55,.22);
}
.naber-conversation-header {
  flex: 0 0 auto; min-height: 54px; display: flex; align-items: center;
  justify-content: center; position: relative; padding: 0 56px;
  border-bottom: 1px solid var(--naber-border); font-size: 16px;
}
.naber-conversation-close {
  position: absolute; right: 14px; top: 50%; transform: translateY(-50%);
  width: 34px; height: 34px; border: 0; border-radius: 50%; cursor: pointer;
  background: var(--naber-muted); color: var(--naber-text-secondary); font-size: 24px; line-height: 1;
}
.naber-conversation-scroll { flex: 1 1 auto; min-height: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; }
.naber-conversation-post { padding: 18px 22px; border-bottom: 1px solid var(--naber-border); }
.naber-conversation-post .neighbor-post-header { margin-bottom: 10px; }
.naber-conversation-post .neighbor-post-image,
.naber-conversation-post .neighbor-post-video { margin-left: 0 !important; margin-right: 0 !important; }
.naber-conversation-thread { padding: 8px 22px 18px; }
.naber-conversation-thread > .neighbor-comments-body { display: block !important; padding-top: 0 !important; border-top: 0 !important; margin-top: 0 !important; }
.naber-conversation-composer {
  flex: 0 0 auto; padding: 10px 18px calc(12px + env(safe-area-inset-bottom));
  border-top: 1px solid var(--naber-border); background: var(--naber-surface);
}
.naber-conversation-composer .naber-comment-composer { width: 100% !important; margin: 0 !important; }
.naber-conversation-composer .naber-reply-context-bar { width: 100% !important; margin-bottom: 6px !important; }
.naber-conversation-composer .naber-comment-composer-row { width: 100% !important; display: flex !important; align-items: center !important; gap: 8px !important; }
.naber-conversation-composer .naber-comment-input-wrap { flex: 1 1 auto !important; min-width: 0 !important; }
.naber-conversation-composer .naber-comment-input-wrap input { width: 100% !important; box-sizing: border-box !important; }

@media (max-width: 700px) {
  .naber-conversation-view { padding: 0; align-items: stretch; }
  .naber-conversation-dialog { width: 100vw; height: 100dvh; max-height: none; border-radius: 0; }
  .naber-conversation-header { justify-content: flex-start; padding-left: 18px; }
  .naber-conversation-header strong { font-size: 16px; }
  .naber-conversation-post { padding: 14px 16px; }
  .naber-conversation-thread { padding: 8px 14px 16px; }
  .naber-conversation-composer { padding-left: 14px; padding-right: 14px; }
  .naber-publish-to { min-width: 0; width: 100%; }
}

/* ===== Community V2 final stabilization: composer footer + adaptive comments ===== */
/* Compact composer footer controls use the same visual language as Image/Video. */
.neighbor-post-form .neighbor-form-footer {
  align-items: flex-end !important;
  gap: 8px !important;
}
.neighbor-post-form .naber-publish-to { min-width: 160px !important; width: auto !important; gap: 3px !important; }
.neighbor-post-form .naber-publish-select-wrap select.neighbor-select-chevron {
  height: 40px !important; min-height: 40px !important; padding: 0 36px 0 13px !important;
  border-radius: var(--naber-input-radius, 12px) !important; line-height: 40px !important; font-size: 13px !important;
}
.neighbor-post-form .naber-composer-cancel,
.neighbor-post-form .naber-composer-post-btn {
  height: 40px !important; min-height: 40px !important; padding: 0 14px !important;
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
  gap: 7px !important; border: 0 !important; border-radius: 9px !important;
  background: var(--naber-muted) !important; color: var(--naber-text-secondary) !important;
  font-size: 13px !important; font-weight: 650 !important; line-height: 1 !important;
  text-decoration: none !important; cursor: pointer;
}
.neighbor-post-form .naber-composer-post-btn {
  background: var(--naber-accent-light) !important; color: var(--naber-accent) !important;
}
.neighbor-post-form .naber-composer-cancel:hover,
.neighbor-post-form .naber-composer-post-btn:hover { background: var(--naber-accent-light) !important; color: var(--naber-accent) !important; opacity: 1 !important; text-decoration: none !important; }
.neighbor-post-form .naber-composer-cancel svg,
.neighbor-post-form .naber-composer-post-btn svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }

/* Conversation View: long threads become a comments-focused overlay. The post
   itself remains visible behind the overlay; only the thread scrolls here. */
.naber-conversation-handle { display: none; }
.naber-conversation-dialog { height: min(78vh, 760px) !important; }
.naber-conversation-header { min-height: 58px !important; font-size: 18px !important; }
.naber-conversation-scroll { background: var(--naber-surface); }
.naber-conversation-thread { padding: 14px 22px 18px !important; }
.naber-conversation-close { width: 30px !important; height: 30px !important; font-size: 20px !important; background: transparent !important; }
.naber-conversation-composer { position: relative; z-index: 2; }
.naber-conversation-composer .naber-comment-input-wrap input[type="text"] { font-size: 16px !important; }

@media (max-width: 700px) {
  .neighbor-post-form .neighbor-form-footer { flex-direction: row !important; flex-wrap: wrap !important; align-items: flex-end !important; }
  .neighbor-post-form .naber-publish-to { flex: 1 1 100% !important; width: 100% !important; }
  .neighbor-post-form .naber-composer-cancel,
  .neighbor-post-form .naber-composer-post-btn { flex: 1 1 0 !important; }

  /* Instagram-like bottom sheet: visible post/feed remains behind it. */
  .naber-conversation-view { padding: 0 !important; align-items: flex-end !important; justify-content: center !important; background: rgba(31,41,55,.38) !important; }
  .naber-conversation-dialog {
    width: 100vw !important; height: min(82dvh, 760px) !important; max-height: 82dvh !important;
    border-radius: 22px 22px 0 0 !important; box-shadow: 0 -14px 40px rgba(31,41,55,.18) !important;
  }
  .naber-conversation-handle { display: block; width: 42px; height: 4px; border-radius: 999px; background: var(--naber-border); margin: 9px auto 0; flex: 0 0 auto; }
  .naber-conversation-header { min-height: 48px !important; justify-content: center !important; padding: 0 50px !important; border-bottom: 1px solid var(--naber-border); }
  .naber-conversation-header strong { font-size: 17px !important; }
  .naber-conversation-close { right: 14px !important; top: 50% !important; width: 30px !important; height: 30px !important; border-radius: 8px !important; background: transparent !important; }
  .naber-conversation-thread { padding: 10px 14px 18px !important; }
  .naber-conversation-composer { padding: 9px 12px calc(10px + env(safe-area-inset-bottom)) !important; }
  .naber-conversation-composer .naber-comment-input-wrap input[type="text"],
  .neighbor-comments-body .naber-comment-input-wrap input[type="text"] { font-size: 16px !important; }
}

/* Naber global shell — approved navigation model. The avatar owns account
   actions; utility screens can preserve and display originating community. */
.naber-account-menu { position: relative; }
.naber-account-menu summary { list-style:none; cursor:pointer; display:flex; align-items:center; gap:6px; line-height:0; }
.naber-account-menu summary::-webkit-details-marker { display:none; }
.naber-account-menu summary .neighbor-avatar { width:36px; height:36px; object-fit:cover; border-radius:999px; }
.naber-account-chevron { color:var(--naber-text-secondary); font-size:15px; line-height:1; }
.naber-account-popover { position:absolute; z-index:80; right:0; top:calc(100% + 10px); width:170px; padding:7px; background:var(--naber-surface); border:1px solid var(--naber-border); border-radius:12px; box-shadow:0 12px 30px rgba(31,41,55,.12); }
.naber-account-popover a { display:block; padding:10px 12px; border-radius:8px; color:var(--naber-text); text-decoration:none; font-size:14px; font-weight:600; line-height:1.2; }
.naber-account-popover a:hover { background:var(--naber-muted); }
.naber-account-popover .is-logout { border-top:1px solid var(--naber-border); margin-top:4px; padding-top:11px; }
.naber-context-return { display:flex; align-items:center; gap:10px; max-width:360px; color:var(--naber-text); text-decoration:none; padding:5px 10px 5px 6px; border:1px solid var(--naber-border); border-radius:999px; }
.naber-context-return:hover { background:var(--naber-muted); }
.naber-context-return img { width:38px; height:38px; border-radius:8px; object-fit:cover; flex:0 0 auto; }
.naber-context-return span:not(.naber-context-arrow) { display:flex; flex-direction:column; min-width:0; line-height:1.1; }
.naber-context-return small { color:var(--naber-text-secondary); font-size:11px; font-weight:500; }
.naber-context-return strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14px; }
.naber-context-arrow { font-size:28px; line-height:1; color:var(--naber-accent); }
.naber-app-header.is-contextual .naber-app-header-right { margin-left:auto; }
.neighbor-profile-logout { display:none !important; }

@media (max-width: 720px) {
  .naber-app-header { gap:12px; padding:10px 14px; }
  .naber-app-nav { display:none; }
  .naber-app-header-right { gap:10px; margin-left:auto; }
  .naber-app-header-actions { gap:12px; }
  .naber-context-return { max-width:calc(100vw - 150px); border:0; padding:2px; border-radius:0; }
  .naber-context-return img { width:34px; height:34px; }
  .naber-context-return small { font-size:10px; }
  .naber-context-return strong { font-size:13px; }
  .naber-context-arrow { font-size:24px; }
  .naber-account-popover { position:fixed; top:76px; right:14px; }
}

/* Community search affordance — explicit submit button, no theme/browser orange focus ring. */
.naber-rail-search-field:focus-within {
  border-color: var(--naber-accent) !important;
  box-shadow: 0 0 0 2px var(--naber-accent-soft) !important;
}
.naber-rail-search-field .naber-rail-search-input:focus,
.naber-rail-search-field .naber-rail-search-input:focus-visible {
  outline: none !important;
  box-shadow: none !important;
  border: 0 !important;
}
.naber-rail-search-submit {
  appearance: none;
  -webkit-appearance: none;
  flex: 0 0 36px;
  width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 -8px 0 0;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: var(--naber-accent);
  cursor: pointer;
}
.naber-rail-search-submit:hover,
.naber-rail-search-submit:focus-visible {
  background: var(--naber-accent-soft);
  outline: none;
}
.naber-rail-search-submit svg {
  width: 20px !important;
  height: 20px !important;
  color: currentColor !important;
}

/* Community Search — mobile access. Desktop keeps search in the rail; mobile
   exposes the same GET search from the secondary navigation without adding a
   permanent full-width field to the feed. */
.naber-mobile-search-toggle,
.naber-mobile-community-search { display: none; }

@media (max-width: 700px) {
  .naber-mobile-search-toggle {
    appearance: none;
    -webkit-appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: var(--naber-text-secondary);
    cursor: pointer;
  }
  .naber-mobile-search-toggle:hover,
  .naber-mobile-search-toggle:focus-visible,
  .naber-mobile-search-toggle.is-active {
    background: var(--naber-accent-light);
    color: var(--naber-accent);
    outline: none;
  }
  .naber-mobile-search-toggle svg { width: 20px; height: 20px; }

  .naber-mobile-community-search {
    width: 100%;
    margin: 8px 0 12px;
  }
  .naber-mobile-community-search.is-open { display: block; }
  .naber-mobile-community-search-field {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 44px;
    box-sizing: border-box;
    padding: 3px 5px 3px 14px;
    background: #f7f8fa;
    border: 1px solid var(--naber-border);
    border-radius: 999px;
  }
  .naber-mobile-community-search-field:focus-within {
    border-color: var(--naber-accent);
    box-shadow: 0 0 0 2px var(--naber-accent-soft);
  }
  .naber-mobile-community-search-input {
    flex: 1 1 auto;
    min-width: 0;
    width: auto;
    height: 36px;
    padding: 0;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    color: var(--naber-text);
    font-size: 16px;
  }
  .naber-mobile-community-search-submit,
  .naber-mobile-community-search-close {
    appearance: none;
    -webkit-appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: var(--naber-accent);
    cursor: pointer;
  }
  .naber-mobile-community-search-submit:hover,
  .naber-mobile-community-search-submit:focus-visible,
  .naber-mobile-community-search-close:hover,
  .naber-mobile-community-search-close:focus-visible {
    background: var(--naber-accent-light);
    outline: none;
  }
  .naber-mobile-community-search-submit svg { width: 19px; height: 19px; }
  .naber-mobile-community-search-close { color: var(--naber-text-secondary); font-size: 23px; line-height: 1; }
}


/* ================================================================
   Community V2 final QA corrections — 2026-10-01
   1) Long conversations can never remain expanded inline in the feed.
      At 5+ total comments/replies, the full body is available only after
      JS moves it into Naber Conversation View.
   2) Mobile Search + Joined are utilities below the actual tab row, not
      extra tabs squeezed between Saved and Joined.
   3) Mobile global header is slightly shorter with its controls optically
      centered as one row.
   ================================================================ */
.neighbor-comments.is-long-thread > .neighbor-comments-body {
  display: none !important;
}
/* Once the body has been moved into the modal it is no longer a direct
   child of .neighbor-comments, so the existing Conversation View rule can
   display it normally. */
.naber-conversation-thread > .neighbor-comments-body {
  display: block !important;
}

@media (max-width: 700px) {
  .naber-tabs-row {
    flex-wrap: wrap !important;
    row-gap: 5px !important;
  }
  .naber-tabs-row > .naber-tabs {
    flex: 1 0 100% !important;
    width: 100% !important;
  }
  .naber-tabs-row > .naber-tabs-row-actions {
    order: 2;
    flex: 1 0 100% !important;
    width: 100% !important;
    margin-left: 0 !important;
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 12px !important;
    min-height: 36px;
    padding: 0 2px 4px;
  }
  .naber-mobile-search-toggle {
    order: 2;
  }
  .naber-tabs-row-actions .naber-membership-menu,
  .naber-tabs-row-actions .neighbor-joined,
  .naber-tabs-row-actions > .neighbor-button {
    order: 1;
  }

  .naber-app-header {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
    min-height: 0 !important;
  }
  .naber-app-header-right,
  .naber-app-header-actions,
  .naber-brand,
  .naber-account-menu > summary {
    align-items: center !important;
  }
  .naber-header-avatar img,
  .naber-account-menu summary .neighbor-avatar {
    width: 36px !important;
    height: 36px !important;
  }
}
\n\n/* ================================================================
   Community V2 final interaction polish — threshold handoff + mobile
   nav single-band alignment. Keep tabs and utilities on one baseline;
   the tab group may scroll horizontally on genuinely narrow screens.
   ================================================================ */
@media (max-width: 700px) {
  .naber-tabs-row {
    flex-wrap: nowrap !important;
    align-items: center !important;
    column-gap: 8px !important;
    row-gap: 0 !important;
  }
  .naber-tabs-row > .naber-tabs {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    overflow-x: auto !important;
    white-space: nowrap;
  }
  .naber-tabs-row > .naber-tabs-row-actions {
    order: initial !important;
    flex: 0 0 auto !important;
    width: auto !important;
    margin-left: auto !important;
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    align-self: stretch;
    gap: 10px !important;
    min-height: 0 !important;
    padding: 0 2px !important;
  }
  .naber-tabs-row-actions .naber-membership-menu,
  .naber-tabs-row-actions .neighbor-joined,
  .naber-tabs-row-actions > .neighbor-button,
  .naber-mobile-search-toggle {
    order: initial !important;
    align-self: center;
  }
  .naber-mobile-search-toggle {
    flex: 0 0 34px;
  }
}

/* ============================================================
   NABER UNIVERSAL VISUAL SWEEP — 2026-10-01
   First-pass normalization for app surfaces OUTSIDE the locked
   Community V2 view. Community V2 is intentionally excluded.
   ============================================================ */
body.naber-app .neighbor-wrap:not(.naber-community-view) {
  max-width: 1120px;
  margin: 20px auto 48px;
  padding: 0 20px;
  color: var(--naber-text);
}
body.naber-app .neighbor-wrap.neighbor-narrow:not(.naber-community-view) { max-width: 820px; }
body.naber-app .neighbor-wrap:not(.naber-community-view) h1,
body.naber-app .neighbor-wrap:not(.naber-community-view) h2,
body.naber-app .neighbor-wrap:not(.naber-community-view) h3,
body.naber-app .neighbor-wrap:not(.naber-community-view) h4 { color:var(--naber-text); letter-spacing:-.015em; }
body.naber-app .neighbor-wrap:not(.naber-community-view) > h2 { margin:28px 0 6px; font-size:28px; line-height:1.2; }
body.naber-app .neighbor-wrap:not(.naber-community-view) .neighbor-muted { color:var(--naber-text-secondary); }
body.naber-app .neighbor-wrap:not(.naber-community-view) .neighbor-kicker { color:var(--naber-accent); letter-spacing:.09em; }

/* Home / Discover */
body.naber-app .neighbor-wrap:not(.naber-community-view) > .neighbor-hero {
  min-height:210px; margin:18px 0 26px; padding:34px 38px;
  border:1px solid var(--naber-border); border-radius:14px;
  background:linear-gradient(135deg,#eef3f7 0%,#e7eef5 48%,#f5f3ef 100%); color:var(--naber-text);
  box-shadow:none;
}
body.naber-app .neighbor-wrap:not(.naber-community-view) > .neighbor-hero h2 { color:var(--naber-text); font-size:36px; line-height:1.08; max-width:600px; }
body.naber-app .neighbor-wrap:not(.naber-community-view) > .neighbor-hero p { color:var(--naber-text-secondary); font-size:15px; line-height:1.55; }
body.naber-app .neighbor-wrap:not(.naber-community-view) .neighbor-grid { gap:16px; }
body.naber-app .neighbor-wrap:not(.naber-community-view) .neighbor-card {
  border:1px solid var(--naber-border); border-radius:12px; padding:18px; gap:9px;
  box-shadow:0 2px 10px rgba(31,41,55,.045); overflow:hidden; transform:none;
}
body.naber-app .neighbor-wrap:not(.naber-community-view) .neighbor-card:hover { box-shadow:0 8px 24px rgba(31,41,55,.08); transform:translateY(-1px); }
body.naber-app .neighbor-wrap:not(.naber-community-view) .neighbor-card-cover { height:132px; margin:-18px -18px 14px; border-radius:0; }
body.naber-app .neighbor-wrap:not(.naber-community-view) .neighbor-card h3 { font-size:18px; }
body.naber-app .neighbor-wrap:not(.naber-community-view) .neighbor-card p { color:var(--naber-text-secondary); line-height:1.5; }
body.naber-app .neighbor-wrap:not(.naber-community-view) .neighbor-stat { color:var(--naber-text-secondary); }

/* Canonical controls */
body.naber-app .neighbor-wrap:not(.naber-community-view) .neighbor-button {
  min-height:38px; padding:8px 15px; border:1px solid var(--naber-accent) !important; border-radius:9px;
  background:var(--naber-accent) !important; color:#fff !important; box-shadow:none; font-size:13px; font-weight:700; transform:none;
}
body.naber-app .neighbor-wrap:not(.naber-community-view) .neighbor-button:hover { filter:brightness(.96); transform:none; }
body.naber-app .neighbor-wrap:not(.naber-community-view) .neighbor-button-light {
  background:var(--naber-surface) !important; color:var(--naber-text) !important; border-color:var(--naber-border) !important;
}
body.naber-app .neighbor-wrap:not(.naber-community-view) .neighbor-button-ghost { background:transparent !important; color:var(--naber-accent) !important; }
body.naber-app .neighbor-wrap:not(.naber-community-view) .neighbor-action-btn {
  border:1px solid var(--naber-border); border-radius:8px; color:var(--naber-text-secondary); background:var(--naber-surface); padding:7px 10px;
}
body.naber-app .neighbor-wrap:not(.naber-community-view) .neighbor-action-btn:hover { border-color:#cfd7df; color:var(--naber-text); background:var(--naber-muted); }
body.naber-app .neighbor-wrap:not(.naber-community-view) .neighbor-badge,
body.naber-app .neighbor-wrap:not(.naber-community-view) .neighbor-role-badge { border-radius:999px; text-transform:none; letter-spacing:0; font-size:11px; }
body.naber-app .neighbor-wrap:not(.naber-community-view) .neighbor-badge { background:var(--naber-muted); color:var(--naber-text-secondary); }
body.naber-app .neighbor-wrap:not(.naber-community-view) .neighbor-joined { border-radius:8px; padding:8px 11px; background:#f3f2f1; color:#24262b; font-size:12px; }

/* Tabs */
body.naber-app .neighbor-wrap:not(.naber-community-view) .neighbor-tabs { gap:18px; border-bottom:1px solid var(--naber-border); margin:0 0 22px; overflow-x:auto; }
body.naber-app .neighbor-wrap:not(.naber-community-view) .neighbor-tab {
  padding:11px 2px 10px; border:0; border-bottom:2px solid transparent; border-radius:0; margin:0;
  color:var(--naber-text-secondary); background:transparent; font-size:13px;
}
body.naber-app .neighbor-wrap:not(.naber-community-view) .neighbor-tab:hover { color:var(--naber-text); background:transparent; }
body.naber-app .neighbor-wrap:not(.naber-community-view) .neighbor-tab.is-active { color:var(--naber-text); border-color:var(--naber-accent); background:transparent; }

/* Forms / settings / auth */
body.naber-app .neighbor-wrap:not(.naber-community-view) .neighbor-settings-card,
body.naber-app .neighbor-wrap:not(.naber-community-view) .neighbor-login-box,
body.naber-app .neighbor-wrap:not(.naber-community-view) .neighbor-about-card {
  border:1px solid var(--naber-border); border-radius:12px; padding:24px; background:var(--naber-surface); box-shadow:0 2px 10px rgba(31,41,55,.035);
}
body.naber-app .neighbor-wrap:not(.naber-community-view) .neighbor-fieldset { border:1px solid var(--naber-border); border-radius:10px; padding:18px; }
body.naber-app .neighbor-wrap:not(.naber-community-view) .neighbor-fieldset legend { color:var(--naber-text); }
body.naber-app .neighbor-wrap:not(.naber-community-view) .neighbor-form input,
body.naber-app .neighbor-wrap:not(.naber-community-view) .neighbor-form textarea,
body.naber-app .neighbor-wrap:not(.naber-community-view) .neighbor-form select {
  border:1px solid var(--naber-border); border-radius:9px; padding:11px 12px; color:var(--naber-text); background:var(--naber-surface); font-size:14px;
}
body.naber-app .neighbor-wrap:not(.naber-community-view) .neighbor-form input:focus,
body.naber-app .neighbor-wrap:not(.naber-community-view) .neighbor-form textarea:focus,
body.naber-app .neighbor-wrap:not(.naber-community-view) .neighbor-form select:focus {
  border-color:var(--naber-accent); outline:none; box-shadow:0 0 0 2px var(--naber-accent-light);
}
body.naber-app .neighbor-wrap:not(.naber-community-view) .neighbor-field-hint { color:var(--naber-text-secondary); }
body.naber-app .neighbor-wrap:not(.naber-community-view) .neighbor-account-tools { border-top:1px solid var(--naber-border); }

/* Profile: preserve existing cover/avatar functionality, normalize its visual language. */
body.naber-app .neighbor-wrap:not(.naber-community-view) .neighbor-profile-header {
  border:1px solid var(--naber-border) !important; border-radius:14px !important; background-color:#e8eef2 !important; box-shadow:none !important;
}
body.naber-app .neighbor-wrap:not(.naber-community-view) .neighbor-profile-avatar-wrap .neighbor-avatar { border-color:var(--naber-surface) !important; }
body.naber-app .neighbor-wrap:not(.naber-community-view) .neighbor-profile-header-info h2 { color:var(--naber-text); }
body.naber-app .neighbor-wrap:not(.naber-community-view) .neighbor-profile-header-info .neighbor-muted,
body.naber-app .neighbor-wrap:not(.naber-community-view) .neighbor-profile-header-info .neighbor-stats { color:var(--naber-text-secondary) !important; }
body.naber-app .neighbor-wrap:not(.naber-community-view) .neighbor-post {
  border:1px solid var(--naber-border); border-radius:12px; box-shadow:0 2px 8px rgba(31,41,55,.035); padding:20px;
}
body.naber-app .neighbor-wrap:not(.naber-community-view) .neighbor-post-content { color:var(--naber-text); }
body.naber-app .neighbor-wrap:not(.naber-community-view) .neighbor-post-title a { color:var(--naber-text); text-decoration:none; }

/* Notifications: quiet utility list, no legacy gold emphasis. */
body.naber-app .neighbor-wrap:not(.naber-community-view) .neighbor-notification-heading { margin:26px 0 12px; }
body.naber-app .neighbor-wrap:not(.naber-community-view) .neighbor-notification-heading h2 { margin:0; font-size:28px; }
body.naber-app .neighbor-wrap:not(.naber-community-view) .neighbor-notification-bulk-tools { margin:0 0 10px; padding:9px 12px; border:1px solid var(--naber-border); border-radius:9px; background:var(--naber-surface); }
body.naber-app .neighbor-wrap:not(.naber-community-view) .neighbor-notification-list { gap:8px; }
body.naber-app .neighbor-wrap:not(.naber-community-view) .neighbor-notification {
  position:relative; gap:12px; border:1px solid var(--naber-border); border-radius:10px; padding:14px 16px; background:var(--naber-surface);
}
body.naber-app .neighbor-wrap:not(.naber-community-view) .neighbor-notification.is-unread { border-left:3px solid var(--naber-accent); background:#f7f9fc; }
body.naber-app .neighbor-wrap:not(.naber-community-view) .neighbor-notification-icon {
  width:34px; height:34px; flex:0 0 34px; display:flex; align-items:center; justify-content:center; border-radius:9px;
  background:var(--naber-accent-light); color:var(--naber-accent); font-size:13px; font-weight:800; margin:0;
}
body.naber-app .neighbor-wrap:not(.naber-community-view) .neighbor-notification-body a { color:var(--naber-text); }
body.naber-app .neighbor-wrap:not(.naber-community-view) .neighbor-notification-time { color:var(--naber-text-secondary); }
body.naber-app .neighbor-wrap:not(.naber-community-view) .neighbor-notification-actions button { color:var(--naber-text-secondary); }
body.naber-app .neighbor-wrap:not(.naber-community-view) .neighbor-notification-actions button:hover { color:var(--naber-text); }

/* Empty / gate / notices */
body.naber-app .neighbor-wrap:not(.naber-community-view) .neighbor-empty,
body.naber-app .neighbor-wrap:not(.naber-community-view) .neighbor-gate {
  border:1px dashed var(--naber-border) !important; border-radius:12px; background:#f7f7f5; color:var(--naber-text-secondary); padding:34px 22px;
}
body.naber-app .neighbor-wrap:not(.naber-community-view) .neighbor-notice { border-radius:10px; }

@media (max-width:700px) {
  body.naber-app .neighbor-wrap:not(.naber-community-view) { margin-top:12px; padding:0 14px; }
  body.naber-app .neighbor-wrap:not(.naber-community-view) > .neighbor-hero { min-height:0; padding:24px 20px; border-radius:12px; }
  body.naber-app .neighbor-wrap:not(.naber-community-view) > .neighbor-hero h2 { font-size:28px; }
  body.naber-app .neighbor-wrap:not(.naber-community-view) .neighbor-grid { grid-template-columns:1fr; }
  body.naber-app .neighbor-wrap:not(.naber-community-view) .neighbor-card { border-radius:10px; }
  body.naber-app .neighbor-wrap:not(.naber-community-view) .neighbor-settings-card,
  body.naber-app .neighbor-wrap:not(.naber-community-view) .neighbor-login-box { padding:18px; border-radius:10px; }
  body.naber-app .neighbor-wrap:not(.naber-community-view) .neighbor-notification { padding:12px; }
  body.naber-app .neighbor-wrap:not(.naber-community-view) .neighbor-notification-checkbox { margin-top:9px; }
}

/* My Naber workspace — personal Naber management, separate from Life Now identity. */
.naber-my-layout{display:grid;grid-template-columns:230px minmax(0,1fr);grid-template-areas:"rail main";gap:34px;align-items:start;padding:34px 0 64px}
.naber-my-main{grid-area:main;min-width:0}.naber-my-heading{margin:0 0 24px}.naber-my-eyebrow{margin:0 0 5px!important;font-size:13px;font-weight:700;color:#6b6a66;text-transform:uppercase;letter-spacing:.06em}.naber-my-heading h1{margin:0 0 6px;font-size:34px;line-height:1.12;color:#24262b}.naber-my-heading>p:last-child{margin:0;color:#6b6a66}
.naber-my-welcome,.naber-my-section{background:#fff;border:1px solid #e9e5dd;border-radius:18px;padding:24px;margin-bottom:20px}.naber-my-person{display:flex;align-items:center;gap:14px;margin-bottom:22px}.naber-my-person .neighbor-avatar{width:64px!important;height:64px!important}.naber-my-person span{display:block;color:#6b6a66;font-size:13px}.naber-my-person h2{margin:1px 0 0;font-size:23px;color:#24262b}.naber-my-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.naber-my-stats a{display:flex;flex-direction:column;padding:15px 16px;border-radius:12px;background:#f7f7f4;text-decoration:none!important;color:#24262b!important}.naber-my-stats strong{font-size:22px}.naber-my-stats span{font-size:12px;color:#6b6a66}
.naber-my-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px}.naber-my-section-head h2{font-size:19px;margin:0 0 3px}.naber-my-section-head p{font-size:13px;color:#6b6a66;margin:0}.naber-my-section-head>a{font-size:13px;font-weight:700;text-decoration:none;color:#4e6b8a}.naber-my-community-list{display:grid;gap:8px}.naber-my-community-row{display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:12px;padding:10px;border-radius:12px;text-decoration:none!important;color:#24262b!important}.naber-my-community-row:hover{background:#f7f7f4}.naber-my-community-avatar{width:46px;height:46px;border-radius:11px;background:#edecea;display:grid;place-items:center;font-weight:800;overflow:hidden}.naber-my-community-avatar img{width:100%;height:100%;object-fit:cover}.naber-my-community-row strong,.naber-my-community-row small{display:block}.naber-my-community-row small{margin-top:2px;color:#6b6a66;font-size:12px}.naber-my-recent-posts{display:grid}.naber-my-recent-posts>a{display:flex;flex-direction:column;gap:3px;padding:13px 4px;border-top:1px solid #eeeae3;text-decoration:none!important;color:#24262b!important}.naber-my-recent-posts>a:first-child{border-top:0}.naber-my-recent-posts span{font-size:12px;color:#6b6a66}
.naber-my-rail{grid-area:rail;position:sticky;top:82px}.naber-my-rail-card{background:transparent;border:0;border-radius:0;padding:0;box-shadow:none}.naber-my-rail-card h2{font-size:18px;margin:4px 12px 16px;color:#24262b}.naber-my-rail-card nav{display:grid;gap:4px}.naber-my-rail-card nav a{display:flex;justify-content:space-between;align-items:center;min-height:48px;padding:11px 14px;border-radius:13px;text-decoration:none!important;color:#24262b!important;font-weight:700}.naber-my-rail-card nav a:hover,.naber-my-rail-card nav a.is-active{background:#edebe8;color:#24262b!important}.naber-my-rail-account{border-top:1px solid #e4e3de;margin:18px 0 0;padding:17px 14px 0;display:flex;flex-direction:column;gap:9px}.naber-my-rail-account span{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#8b8882}.naber-my-rail-account a{font-size:14px;font-weight:650;text-decoration:none!important;color:#45433f}.naber-my-rail-account a:hover{color:#24262b}.naber-my-subnav{display:flex;gap:7px;margin:0 0 18px}.naber-my-subnav a{padding:8px 13px;border:1px solid #e3e1dd;border-radius:999px;text-decoration:none!important;color:#57544f!important;font-size:13px;font-weight:650}.naber-my-subnav a.is-active{background:#24262b;border-color:#24262b;color:#fff!important}
@media(max-width:850px){.naber-my-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"rail" "main"}.naber-my-rail{position:static}.naber-my-rail-card{background:#fff;border:1px solid #e9e5dd;border-radius:14px;padding:7px}.naber-my-rail-card nav{grid-template-columns:repeat(4,1fr)}.naber-my-rail-card h2,.naber-my-rail-account{display:none}.naber-my-rail-card nav a{min-height:auto;justify-content:center;text-align:center}.naber-my-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.naber-my-layout{padding-top:20px;gap:18px}.naber-my-heading h1{font-size:29px}.naber-my-welcome,.naber-my-section{padding:18px;border-radius:15px}.naber-my-rail-card{padding:7px;border-radius:14px;overflow-x:auto}.naber-my-rail-card nav{display:flex;min-width:max-content}.naber-my-rail-card nav a{padding:9px 12px}.naber-my-stats{gap:7px}.naber-my-stats a{padding:12px}.naber-my-section-head{align-items:center}}

/* 2026-10-02 — contextual personal workspace + Life Now Core profile component. */
.naber-account-avatar-link{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;text-decoration:none!important;line-height:0}
.naber-account-avatar-link .neighbor-avatar{display:block;margin:0!important}
.naber-my-profile{min-width:0}
.naber-my-profile .lifenow-account-component,.naber-my-profile .lifenow-profile-component{max-width:100%}
.naber-my-profile-fallback{margin-top:0}
.naber-my-rail-card>nav{margin-top:0}
@media(max-width:850px){.naber-my-profile{overflow-x:hidden}}

/* ---- V1 Feature 1: comment / reply hearts. Same quiet treatment the
   inert placeholder had (size/position come from .naber-comment-actions
   .naber-icon-btn above); only the active + count states are new. ---- */
.naber-comment-actions .naber-comment-heart-btn.is-active { color: #d1364a; }
.naber-comment-actions .naber-comment-heart-btn.is-busy { opacity: .6; pointer-events: none; }
.naber-comment-actions .naber-comment-heart-readonly { cursor: default; }
.naber-comment-actions .naber-comment-heart-count { font-size: 11px; min-width: 0; margin-left: 2px; }
.naber-comment-actions .naber-comment-heart-count:empty { display: none; }

/* ======================================================================
   V1 Stage 2 — social post embeds (Facebook, Instagram) + link cards.
   Deliberately NOT inside .neighbor-post-video: that legacy wrapper forces
   16:9 / height:auto on every iframe, which breaks provider-sized embeds
   (Meta asks that embeds are not resized with CSS).
   ====================================================================== */
.naber-post-social { width: 100%; max-width: 100%; min-width: 0; margin: 12px 0 0; overflow: hidden; contain: inline-size; }
.naber-embed { width: 100%; max-width: 560px; min-width: 0; margin: 0; }
.naber-embed-stage { display: none; width: 100%; max-width: 100%; overflow: hidden; }
.naber-embed.is-live .naber-embed-stage { display: block; }
.naber-embed.is-live .naber-embed-fallback .naber-embed-card { display: none; }
/* Attribution: quiet source link, only shown once the embed is live (the card shows before/instead). */
.naber-embed-source { display: none; font-size: 12px; color: var(--naber-text-soft, #6b7280); padding: 6px 2px 0; text-decoration: none; }
.naber-embed.is-live .naber-embed-source { display: inline-block; }
.naber-embed .instagram-media { margin: 0 auto !important; max-width: 100% !important; min-width: 0 !important; }
.naber-embed .fb-post, .naber-embed .fb-video { max-width: 100%; }
.naber-embed iframe { max-width: 100%; }
.naber-embed-card {
  display: flex; flex-direction: column; gap: 4px; padding: 14px 16px; text-decoration: none; color: inherit;
  border: 1px solid var(--naber-border, #e5e7eb); border-radius: 14px; background: var(--naber-muted, #f6f7f8);
  overflow: hidden;
}
.naber-embed-card:hover { border-color: var(--naber-accent, #2b6cb0); }
.naber-embed-card-provider { font-size: 12px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--naber-text-soft, #6b7280); }
.naber-embed-card-url { font-size: 14px; word-break: break-all; overflow-wrap: anywhere; }
.naber-embed-card-cta { font-size: 13px; font-weight: 600; color: var(--naber-accent, #2b6cb0); }
.naber-embed-note { margin: 8px 2px 0; font-size: 13px; color: var(--naber-text-soft, #6b7280); }
.naber-post-social > .naber-embed-card { max-width: 560px; margin: 0; }
.naber-post-social > .naber-embed-note { max-width: 560px; }
@media (max-width: 700px) {
  /* Same immersive edge-to-edge treatment as other media, but never narrower than Meta's 350px minimum. */
  .naber-post-social { margin-left: 0; margin-right: 0; }
}

/* ---- V1 Stage 2b: composer link preview + allowlisted oEmbed providers ---- */
.neighbor-post-media-fields .naber-embed-preview { grid-column: 1 / -1; width: 100%; min-width: 0; }
.naber-embed-preview {
  margin: 8px 0 4px; padding: 10px 12px 12px; border: 1px solid var(--naber-border, #e5e7eb); border-radius: 14px;
  background: var(--naber-muted, #f6f7f8); overflow: hidden; contain: inline-size;
}
.naber-embed-preview[hidden] { display: none !important; }
.naber-embed-preview-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 8px; }
.naber-embed-preview-label { font-size: 12px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--naber-text-soft, #6b7280); }
.naber-embed-preview .naber-embed-preview-remove {
  appearance: none; border: 0; background: transparent; padding: 4px 6px; margin: 0; border-radius: 8px; cursor: pointer;
  font: inherit; font-size: 13px; font-weight: 600; color: var(--naber-accent, #2b6cb0); box-shadow: none; min-height: 0; width: auto;
}
.naber-embed-preview .naber-embed-preview-remove:hover { background: rgba(0,0,0,.05); }
.naber-embed-preview-body { max-width: 100%; max-height: 640px; overflow: auto; border-radius: 10px; }
.naber-embed-preview-msg { margin: 6px 0 0; font-size: 13px; color: var(--naber-text-soft, #6b7280); }
.naber-embed-preview-msg.is-warn { color: #9a3412; }

.naber-oembed { width: 100%; max-width: 640px; min-width: 0; margin: 0; }
.naber-oembed-frame { display: block; width: 100%; max-width: 100%; border: 0; border-radius: 12px; background: var(--naber-muted, #f0f1f2); }
.naber-oembed-video .naber-oembed-frame { aspect-ratio: var(--naber-ratio, 1.7778); height: auto; }
.naber-oembed-audio .naber-oembed-frame, .naber-oembed-rich .naber-oembed-frame { height: var(--naber-h, 300px); }
.naber-embed-stage-open { display: block; }
.naber-embed-script { max-width: 560px; }
.naber-embed-script .naber-embed-source, .naber-oembed + .naber-embed-source, .naber-post-social > .naber-embed-source { display: inline-block; }
.naber-embed-script blockquote { max-width: 100%; margin: 0; overflow-wrap: anywhere; }
.naber-embed-script iframe, .naber-embed-script .twitter-tweet { max-width: 100% !important; }

/* ===== V1 Stage 4 — Series (native Naber tokens; no new palette) ===== */
.naber-series { max-width: 880px; margin: 0 auto; padding: 8px 0 40px; }
.naber-series-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-bottom: 20px; }
.naber-series-heading { margin: 0 0 4px; font-size: 22px; color: var(--naber-text); }
.naber-series-sub { margin: 0; color: var(--naber-text-secondary); font-size: 14px; }
.naber-series-create { position: relative; }
.naber-series-create > summary { list-style: none; cursor: pointer; display: inline-block; }
.naber-series-create > summary::-webkit-details-marker { display: none; }
.naber-series-create[open] > .naber-series-form { margin-top: 12px; min-width: min(380px, 86vw); background: var(--naber-surface); border: 1px solid var(--naber-border); border-radius: 16px; padding: 16px; }
.naber-series-form label { display: block; margin-bottom: 12px; font-weight: 600; font-size: 14px; }
.naber-series-form input[type=text], .naber-series-form textarea { width: 100%; box-sizing: border-box; }
.naber-series-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 16px; }
.naber-series-card { display: block; background: var(--naber-surface); border: 1px solid var(--naber-border); border-radius: 18px; overflow: hidden; text-decoration: none; color: inherit; box-shadow: 0 2px 8px rgba(0,0,0,.04); transition: box-shadow .15s, transform .15s; }
.naber-series-card:hover { box-shadow: 0 6px 18px rgba(0,0,0,.08); transform: translateY(-1px); }
.naber-series-card .naber-series-cover { aspect-ratio: 16/9; background: var(--naber-muted); }
.naber-series-cover-img { display: block; width: 100%; height: 100%; object-fit: cover; }
.naber-series-card-body { padding: 16px; }
.naber-series-card-title { margin: 0 0 6px; font-size: 17px; color: var(--naber-text); }
.naber-series-card-desc { margin: 0 0 8px; color: var(--naber-text-secondary); font-size: 14px; }
.naber-series-card-meta, .naber-series-meta, .naber-series-post-meta { margin: 0; color: var(--naber-text-secondary); font-size: 13px; }
.naber-series-back { color: var(--naber-accent); text-decoration: none; font-weight: 600; font-size: 14px; }
.naber-series-page { background: var(--naber-surface); border: 1px solid var(--naber-border); border-radius: 20px; padding: 24px; box-shadow: 0 2px 8px rgba(0,0,0,.04); overflow: hidden; }
.naber-series-page > .naber-series-cover { margin: -24px -24px 20px; aspect-ratio: 21/8; background: var(--naber-muted); }
.naber-series-title { margin: 0 0 8px; font-size: 26px; color: var(--naber-text); }
.naber-series-desc { color: var(--naber-text); font-size: 15px; line-height: 1.55; }
.naber-series-desc p { margin: 0 0 8px; }
.naber-series-author .neighbor-avatar { width: 24px; height: 24px; border-radius: 50%; vertical-align: middle; margin-right: 4px; }
.naber-series-actions { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 14px; }
.naber-series-actions .naber-series-follow { min-width: 130px; }
.naber-series-manage { margin: 20px 0 8px; border: 1px dashed var(--naber-border); border-radius: 14px; padding: 12px 16px; }
.naber-series-manage > summary { cursor: pointer; font-weight: 600; color: var(--naber-accent); }
.naber-series-manage .naber-series-form { margin-top: 12px; }
.naber-series-delete { margin-top: 8px; }
.naber-series-posts-heading { margin: 24px 0 10px; font-size: 16px; color: var(--naber-text); }
.naber-series-posts { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--naber-border); }
.naber-series-post { display: flex; gap: 14px; align-items: flex-start; padding: 14px 0; border-bottom: 1px solid var(--naber-border); }
.naber-series-post.is-unavailable { opacity: .6; }
.naber-series-num { flex: 0 0 30px; height: 30px; border-radius: 50%; background: var(--naber-accent-light); color: var(--naber-accent); display: inline-flex; align-items: center; justify-content: center; font-weight: 700; font-size: 14px; }
.naber-series-post-body { flex: 1; min-width: 0; }
.naber-series-post-title { font-weight: 700; color: var(--naber-text); text-decoration: none; font-size: 16px; overflow-wrap: anywhere; }
a.naber-series-post-title:hover { color: var(--naber-accent); }
.naber-series-post-excerpt { margin: 4px 0; color: var(--naber-text-secondary); font-size: 14px; }
.naber-series-post-tools { display: flex; gap: 6px; align-items: center; flex-shrink: 0; flex-wrap: wrap; justify-content: flex-end; }
.naber-series-post-tools form { margin: 0; }
.naber-series-move, .naber-series-remove { background: var(--naber-surface); border: 1px solid var(--naber-border); border-radius: 10px; color: var(--naber-text); min-width: 36px; min-height: 36px; padding: 4px 10px; cursor: pointer; font-size: 14px; }
.naber-series-move:disabled { opacity: .35; cursor: default; }
.naber-series-remove { color: #b42318; }
.naber-series-candidates { list-style: none; margin: 0 0 12px; padding: 0; max-height: 260px; overflow-y: auto; border: 1px solid var(--naber-border); border-radius: 12px; }
.naber-series-candidates li { padding: 8px 12px; border-bottom: 1px solid var(--naber-border); }
.naber-series-candidates li:last-child { border-bottom: 0; }
.naber-series-chip { display: inline-flex; align-items: center; box-sizing: border-box; gap: 6px; max-width: 100%; margin: 0 0 8px; padding: 4px 10px; border-radius: 999px; background: var(--naber-accent-light); color: var(--naber-accent) !important; font-size: 12.5px; font-weight: 600; text-decoration: none; }
.naber-series-chip svg { width: 13px; height: 13px; flex-shrink: 0; }
.naber-series-chip-label { min-width: 0; overflow-wrap: anywhere; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.naber-series-chip-part { opacity: .75; font-weight: 500; white-space: nowrap; }
@media (max-width: 640px) {
  .naber-series-page { padding: 16px; border-radius: 16px; }
  .naber-series-page > .naber-series-cover { margin: -16px -16px 16px; }
  .naber-series-title { font-size: 22px; }
  .naber-series-post { flex-wrap: wrap; }
  .naber-series-post-tools { flex-basis: 100%; justify-content: flex-start; padding-left: 44px; }
  .naber-series-grid { grid-template-columns: 1fr; }
}
/* Series: explicit button contrast (base .neighbor-button text colour is dark on the green primary). */
.naber-series .neighbor-button:not(.neighbor-button-light):not(.neighbor-button-danger) { color: #fff !important; }
.naber-series .neighbor-button-light { color: #24262b !important; }
.naber-series .neighbor-button.is-following { color: #24262b !important; }
.naber-series-manage > summary { font-size: 15px; }
.naber-series .naber-series-posts-heading, .naber-series .naber-series-heading { font-weight: 700; }

/* TikTok native player: see the canonical 'external video media' block at the end of this file. */

/* ===== Corrective pass — rich link cards + composer hint ===== */
.naber-composer-hint { display: block; margin-top: 6px; font-size: 12.5px; color: var(--naber-text-secondary); line-height: 1.4; font-weight: 400; }
.naber-embed-card-rich { flex-direction: row; gap: 0; padding: 0; align-items: stretch; background: var(--naber-surface, #fff); }
.naber-embed-card-rich .naber-embed-card-img { flex: 0 0 38%; max-width: 220px; min-height: 110px; background: var(--naber-muted, #f1efea); overflow: hidden; }
.naber-embed-card-rich .naber-embed-card-img img { display: block; width: 100%; height: 100%; object-fit: cover; }
.naber-embed-card-rich .naber-embed-card-body { display: flex; flex-direction: column; gap: 4px; padding: 12px 14px; min-width: 0; flex: 1; }
.naber-embed-card-title { font-size: 15px; font-weight: 700; line-height: 1.3; color: var(--naber-text, #1f2937); overflow-wrap: anywhere; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.naber-embed-card-desc { font-size: 13px; color: var(--naber-text-secondary, #6b7280); line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: anywhere; }
@media (max-width: 520px) {
  .naber-embed-card-rich { flex-direction: column; }
  .naber-embed-card-rich .naber-embed-card-img { flex: none; max-width: none; width: 100%; aspect-ratio: 16/9; min-height: 0; }
}

/* ===== Corrective pass — Series shows the complete posts ===== */
.naber-series-posts { border-top: 0; display: flex; flex-direction: column; gap: 22px; }
.naber-series-post { display: block; padding: 0; border-bottom: 0; }
.naber-series-entry-bar { display: flex; align-items: center; gap: 10px; margin: 0 2px 8px; flex-wrap: wrap; }
.naber-series-position { font-size: 13px; font-weight: 600; color: var(--naber-text-secondary); }
.naber-series-entry-bar .naber-series-post-tools { margin-left: auto; padding-left: 0; flex-basis: auto; }
.naber-series-post > .neighbor-post { margin: 0; }
.naber-series-page { max-width: none; }
.naber-series .naber-series-page .neighbor-post { box-shadow: none; }
@media (max-width: 640px) {
  .naber-series-entry-bar .naber-series-post-tools { flex-basis: auto; padding-left: 0; }
  .naber-series-page .neighbor-post { padding: 14px; border-radius: 14px; }
}
.naber-series-page { background: transparent; border: 0; box-shadow: none; padding: 0; border-radius: 0; overflow: visible; }
.naber-series-head-card { background: var(--naber-surface); border: 1px solid var(--naber-border); border-radius: 20px; padding: 24px; box-shadow: 0 2px 8px rgba(0,0,0,.04); overflow: hidden; }
.naber-series-head-card > .naber-series-cover { margin: -24px -24px 20px; aspect-ratio: 21/8; background: var(--naber-muted); }
.naber-series-page > .naber-series-cover { margin: 0; }
@media (max-width: 640px) { .naber-series-head-card { padding: 16px; border-radius: 16px; } .naber-series-head-card > .naber-series-cover { margin: -16px -16px 16px; } }

/* Share & Embed (community settings + post Share dialog) */
.naber-share-embed-post{margin-top:18px;padding-top:14px;border-top:1px solid #eee7dd}
.naber-embed-post-toggle{border:0;background:transparent;font:inherit;font-weight:700;color:#8a4b1d;cursor:pointer;padding:0}
.naber-embed-post-body{margin-top:10px}
.naber-embed-code{width:100%;box-sizing:border-box;font:12px/1.4 ui-monospace,Menlo,monospace;border:1px solid #e3dccf;border-radius:10px;padding:10px;margin:8px 0;background:#faf7f2;color:#3b342b}
.naber-embed-explain{margin-top:12px;padding:12px 14px;background:#faf7f2;border-radius:12px;font-size:14px}
.naber-embed-explain p{margin:.4em 0}
.naber-share-dialog{max-height:90vh;overflow:auto}
.naber-embedded-post{max-width:720px;margin:0 auto}
.naber-embed-post-footer{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:10px 4px;font-size:13px;color:#766d62}
.naber-embed-post-footer a{color:#8a4b1d;font-weight:700;text-decoration:none}
.naber-embed-post-body p,.naber-embed-post-body label{font-size:14px;line-height:1.45;margin:.5em 0}
.naber-embed-post-body select{max-width:100%}
/* Series: the original post card must fit its column (card default width is wider than the narrow mobile column) */
.naber-series-post>.neighbor-post{width:100%;max-width:100%;box-sizing:border-box;margin-left:0;margin-right:0;min-width:0}
.naber-series-post{min-width:0}
a.neighbor-button.naber-series-view-on-naber{color:#fff;text-decoration:none;display:inline-block}

/* ===== Edit Post modal ===== */
.naber-modal-open,.naber-modal-open body{overflow:hidden}
.naber-edit-backdrop{position:fixed;inset:0;z-index:100000;background:rgba(20,16,12,.45);display:flex;align-items:center;justify-content:center;padding:20px}
.naber-edit-modal.is-open{display:flex;flex-direction:column;margin:0;padding:0;border:0;background:#fff;border-radius:20px;box-shadow:0 24px 70px rgba(0,0,0,.25);width:min(680px,100%);max-height:min(88vh,860px);overflow:hidden}
.naber-edit-backdrop .naber-edit-modal{display:flex}
.naber-edit-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #eee7dd}
.naber-edit-head h3{margin:0;font-size:18px}
.naber-edit-x{border:0;background:transparent;font-size:28px;line-height:1;cursor:pointer;color:#5b5348;padding:0 4px;min-width:44px;min-height:44px}
.naber-edit-notice{margin:12px 20px 0;padding:10px 12px;border-radius:10px;background:#fdecea;color:#8a1f11;font-size:14px}
.naber-edit-body{display:grid;gap:12px;padding:16px 20px;overflow:auto;-webkit-overflow-scrolling:touch;flex:1 1 auto}
.naber-edit-body input[type=text],.naber-edit-body textarea,.naber-edit-body select{width:100%;box-sizing:border-box}
.naber-edit-foot{position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:10px;padding:12px 20px;border-top:1px solid #eee7dd;background:#fff}
.naber-edit-foot .neighbor-button{min-height:44px}
.naber-edit-modal .naber-embed-preview.is-compact{border:1px solid #e7dfd2;border-radius:12px;padding:10px 12px;background:#faf7f2}
.naber-edit-modal .naber-embed-preview.is-compact .naber-embed-preview-head{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between}
.naber-edit-modal .naber-embed-summary-url{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:#766d62}
.naber-edit-modal .naber-embed-preview-label{min-width:0;flex:1 1 200px}
.naber-embed-summary-actions{display:flex;gap:10px}
.naber-embed-summary-actions button{border:0;background:transparent;color:#8a4b1d;font-weight:700;cursor:pointer;padding:6px 2px}
.naber-edit-modal .naber-embed-preview.is-compact:not(.is-expanded) .naber-embed-preview-body{display:none}
.naber-edit-modal .naber-embed-preview.is-compact.is-expanded .naber-embed-preview-body{max-height:50vh;overflow:auto;margin-top:10px}
.naber-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:#24262b;color:#fff;padding:10px 16px;border-radius:999px;z-index:100001;font-size:14px;transition:opacity .5s}
.naber-toast.is-out{opacity:0}
@media (max-width:640px){
  .naber-edit-backdrop{padding:0;align-items:flex-end}
  .naber-edit-modal.is-open{width:100%;max-height:94dvh;border-radius:20px 20px 0 0}
  .naber-edit-foot{padding-bottom:calc(12px + env(safe-area-inset-bottom))}
  .naber-edit-foot .neighbor-button{flex:1}
}
.naber-edit-modal .naber-embed-preview-label{text-transform:none;letter-spacing:0}
.naber-edit-modal .naber-embed-summary-url{text-transform:none}
.naber-edit-body input[type=file]{max-width:100%;box-sizing:border-box;width:100%}
.naber-edit-foot .naber-edit-save{color:#fff!important}
.naber-edit-foot .neighbor-edit-cancel{color:#24262b}

/* image Change / Remove field */
.naber-image-field{display:grid;gap:8px;margin:6px 0 14px}
.naber-image-field-label{font-weight:600}
.naber-image-field-body{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.naber-image-field-preview{position:relative;overflow:hidden;border:1px solid #e3dccf;border-radius:14px;background:#faf7f2;display:flex;align-items:center;justify-content:center;color:#766d62;font-size:13px;text-align:center}
.naber-image-field-wide .naber-image-field-preview{width:min(320px,100%);aspect-ratio:8/3}
.naber-image-field-square .naber-image-field-preview{width:112px;height:112px;border-radius:50%}
.naber-image-field-preview img{width:100%;height:100%;object-fit:cover;display:block}
.naber-image-field-preview [hidden]{display:none!important}
.naber-image-field-preview span{padding:8px}
.naber-image-field-controls{display:flex;gap:10px;flex-wrap:wrap}
.naber-image-field-controls .neighbor-button{position:relative;cursor:pointer;min-height:44px;display:inline-flex;align-items:center;color:#24262b}
.naber-image-field-controls input[type=file],.naber-image-field-controls input[type=checkbox]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.naber-image-remove.is-on{border-color:#a3321f;color:#a3321f}

/* Publish-to destinations */
.naber-destinations{border:1px solid #e7dfd2;border-radius:12px;padding:10px 14px;margin:10px 0;display:grid;gap:8px;background:#faf7f2}
.naber-destinations legend{font-weight:700;font-size:13px;padding:0 6px}
.naber-dest-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.naber-dest-row label{display:flex;gap:8px;align-items:center}
.naber-dest-series{max-width:100%;min-width:160px}
.naber-dest-none,.naber-dest-hint{font-size:12px;color:#766d62;margin:0}
.naber-dest-error{font-size:13px;color:#a3321f;margin:0;font-weight:600}
.naber-dest-error[hidden]{display:none}
/* subtle Series reference in the feed (replaces the blue badge) */
.naber-series-ref{margin:8px 0 2px;font-size:13px;color:#766d62}
.naber-series-ref a{color:#5b6f8a;text-decoration:none;font-weight:600}
.naber-series-ref a:hover{text-decoration:underline}
.naber-series-create-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:0 0 10px}
a.neighbor-button.naber-series-create-post{color:#fff;text-decoration:none;display:inline-block}
.naber-series-published-link{margin:.3em 0 1em}

/* ===== Community Settings subtabs ===== */
.naber-settings-nav{display:flex;gap:6px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;border-bottom:1px solid #eee7dd;margin:6px 0 16px;padding-bottom:0}
.naber-settings-tab{flex:0 0 auto;position:relative;display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px;border-radius:999px 999px 0 0;color:#5b5348;text-decoration:none;font-weight:600;font-size:14px;white-space:nowrap;border-bottom:3px solid transparent}
.naber-settings-tab:hover{color:#24262b}
.naber-settings-tab.is-active{color:#24262b;border-bottom-color:#24262b}
.naber-settings-tab:focus-visible{outline:2px solid #24262b;outline-offset:-2px}
.naber-settings-tab-dot{width:8px;height:8px;border-radius:50%;background:#d98b1d;display:inline-block}
.naber-settings-tab-dot[hidden]{display:none}
.naber-settings-panel[hidden]{display:none!important}
.naber-settings-panel{display:grid;gap:14px}
.naber-settings-footer{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding-top:6px;position:sticky;bottom:0;background:linear-gradient(to top,#fff 70%,rgba(255,255,255,0));padding-bottom:8px}
.naber-settings-footer .naber-settings-save{color:#fff;min-height:44px}
.naber-settings-dirty{font-size:13px;color:#a8641b;font-weight:600}
.naber-settings-dirty[hidden]{display:none}
.naber-settings-advanced .neighbor-settings-card{margin-top:0}
.naber-settings-advanced .neighbor-danger-card{border-top:3px solid #a3321f;margin-top:18px}
@media (max-width:640px){.naber-settings-tab{padding:0 12px}.naber-settings-nav{margin-left:-4px;margin-right:-4px}}

/* ===== My Naber comments ===== */
.naber-comment-history{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.naber-comment-history-item{background:#fff;border:1px solid #e4e3de;border-radius:14px;padding:14px 16px;display:grid;gap:6px}
.naber-ch-meta{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:#6b6964;flex-wrap:wrap}
.naber-ch-community{font-weight:700;color:#24262b}
.naber-ch-post{font-size:14px;font-weight:650}.naber-ch-post a{color:#24262b;text-decoration:none}.naber-ch-post a:hover{text-decoration:underline}
.naber-ch-kind{font-weight:500;color:#6b6964}.naber-ch-author{font-size:13px;color:#45433f;font-weight:650}
.naber-ch-text{margin:0;color:#24262b;line-height:1.5;overflow-wrap:anywhere}
.naber-ch-view{justify-self:start;min-height:44px!important;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}.naber-ch-more{text-align:center;margin:16px 0 0}
.neighbor-comment.naber-comment-target{outline:2px solid #24262b;outline-offset:3px;border-radius:10px;background:#f6f6f5}
@media (max-width:640px){.naber-my-subnav{flex-wrap:wrap}.naber-ch-view{justify-self:stretch}}
@media (max-width:850px){.naber-my-rail-card nav{display:flex;overflow-x:auto;gap:6px;-webkit-overflow-scrolling:touch}.naber-my-rail-card nav a{flex:0 0 auto;min-height:44px;white-space:nowrap}.naber-my-main,.naber-my-main .neighbor-post,.naber-my-main .neighbor-feed{min-width:0;max-width:100%}.naber-my-main .neighbor-post{overflow-wrap:anywhere}}

/* ===== rc.4: Community join control — quiet text action, no fill, no green ===== */
.naber-join-action,.naber-join-state,.naber-membership-menu .naber-membership-summary{
  -webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 6px;margin:0;border:0!important;border-radius:8px;
  background:transparent!important;box-shadow:none!important;color:#24262b!important;font:inherit;font-size:14px;font-weight:600;line-height:1.2;white-space:nowrap;text-decoration:none!important;cursor:pointer;letter-spacing:.005em}
.naber-join-action .naber-join-arrow{width:14px;height:14px;flex:none;transition:transform .15s ease}
.naber-join-action:hover{color:#000!important;background:rgba(36,38,43,.05)!important}
.naber-join-action:hover .naber-join-arrow{transform:translate(1px,-1px)}
.naber-join-action:active{background:rgba(36,38,43,.09)!important}
.naber-join-action:focus-visible,.naber-membership-menu .naber-membership-summary:focus-visible{outline:2px solid #24262b;outline-offset:2px}
.naber-join-state{cursor:default;color:#5d6068!important;font-weight:600}
.naber-join-state.is-joined{color:#24262b!important}
.naber-membership-menu .naber-membership-summary{list-style:none}
.naber-membership-menu .naber-membership-summary:hover{background:rgba(36,38,43,.05)!important}
.naber-tabs-row-actions,.naber-membership-row-mobile{white-space:nowrap}
.naber-tabs-row-actions .naber-join-action,.naber-membership-row .naber-join-action{margin-left:auto}
.naber-membership-row .naber-join-action{padding-left:0}
@media (max-width:960px){.naber-membership-row .naber-join-action,.naber-membership-row .naber-join-state,.naber-membership-row .naber-membership-summary{min-height:44px}}
@media (prefers-reduced-motion:reduce){.naber-join-action .naber-join-arrow{transition:none}}

/* ===== rc.4: composer "Publish to" — checkbox sits left of its label on one row ===== */
.naber-destinations .naber-dest-row{display:flex!important;flex-direction:row!important;align-items:center;gap:10px;flex-wrap:wrap;min-height:36px;margin:0}
.naber-destinations label,.naber-destinations .naber-dest-row>label{display:inline-flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start;gap:10px;margin:0;cursor:pointer;width:auto;text-align:left;font-weight:600}
.naber-destinations .naber-dest-row.naber-dest-feed-row>label,.naber-destinations>label.naber-dest-row{flex:1 1 auto}
.naber-destinations input[type=checkbox]{-webkit-appearance:auto;appearance:auto;width:18px!important;height:18px!important;min-width:18px;margin:0!important;padding:0;flex:0 0 auto;accent-color:#24262b;vertical-align:middle;display:inline-block!important;position:static}
.naber-destinations .naber-dest-row span{line-height:1.25}

/* ===== rc.4: contextual "…" menu + shared Share & Embed modal (neutral, no green) ===== */
.naber-ctx{position:relative;display:inline-flex;align-items:center}
.naber-ctx-trigger{-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:#5d6068;cursor:pointer;padding:0}
.naber-ctx-trigger svg{width:20px;height:20px}
.naber-ctx-trigger:hover,.naber-ctx.is-open .naber-ctx-trigger{background:rgba(36,38,43,.07);color:#24262b}
.naber-ctx-trigger:focus-visible{outline:2px solid #24262b;outline-offset:1px}
.naber-ctx-list{position:absolute;right:0;top:calc(100% + 4px);z-index:60;min-width:220px;background:#fff;border:1px solid #e7e2d9;border-radius:14px;box-shadow:0 12px 32px rgba(20,20,20,.14);padding:6px;display:grid;gap:2px}
.naber-ctx-list[hidden]{display:none}
.naber-ctx-item{-webkit-appearance:none;appearance:none;display:block;width:100%;text-align:left;border:0;background:transparent;color:#24262b;font:inherit;font-size:14px;font-weight:550;padding:11px 12px;min-height:44px;border-radius:9px;cursor:pointer}
.naber-ctx-item:hover,.naber-ctx-item:focus-visible{background:#f3f0ea;outline:none}
.naber-ctx-item.is-quiet-danger{color:#8a3a2b}
.naber-ctx-sep{height:1px;background:#eee9e0;margin:4px 6px}
@media (max-width:640px){.naber-ctx-list{position:fixed;left:12px;right:12px;top:auto;bottom:12px;border-radius:18px;padding:8px}}



html.naber-modal-open{overflow:hidden}
.naber-modal{position:fixed;inset:0;z-index:99990;background:rgba(24,24,26,.46);display:flex;align-items:center;justify-content:center;padding:20px}
.naber-modal[hidden]{display:none}
.naber-modal-dialog{background:#fffdf9;color:#24262b;width:min(560px,100%);max-height:min(88vh,860px);border-radius:20px;box-shadow:0 24px 70px rgba(0,0,0,.28);display:flex;flex-direction:column;outline:none}
.naber-modal-head{display:flex;align-items:center;justify-content:space-between;padding:18px 22px 10px}
.naber-modal-head h3{margin:0;font-size:18px;font-weight:700}
.naber-modal-close{border:0;background:transparent;font-size:26px;line-height:1;width:44px;height:44px;border-radius:50%;cursor:pointer;color:#5d6068}
.naber-modal-close:hover{background:rgba(36,38,43,.07)}
.naber-modal-body{padding:4px 22px 22px;overflow:auto;display:grid;gap:14px}
.naber-eb-what{margin:0;font-size:14px;color:#4a4d54}.naber-eb-kind{display:inline-block;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#7a7d85;margin-right:6px}
.naber-eb-pick fieldset,.naber-eb-display{border:0;margin:0;padding:0;display:grid;gap:8px;min-width:0}
.naber-eb-pick legend,.naber-eb-display legend{font-size:13px;font-weight:700;margin-bottom:6px;padding:0}
.naber-eb-types{display:flex;flex-wrap:wrap;gap:8px}
.naber-eb-type{display:inline-flex;align-items:center;gap:8px;border:1px solid #e1dbd0;border-radius:999px;padding:0 14px;min-height:44px;cursor:pointer;font-size:14px;background:#fff}
.naber-eb-type:has(input:checked){border-color:#24262b;background:#f3f0ea}
.naber-eb-choose{display:grid;gap:6px;margin-top:10px;font-size:13px;font-weight:600}
.naber-eb-choose select,.naber-eb-site select{width:100%;min-height:44px;border:1px solid #ddd6ca;border-radius:12px;padding:0 12px;background:#fff;font:inherit;color:#24262b}
.naber-eb-site{display:grid;gap:6px;font-size:13px;font-weight:600}
.naber-eb-radio{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border:1px solid #e1dbd0;border-radius:14px;cursor:pointer;background:#fff}
.naber-eb-radio:has(input:checked){border-color:#24262b;background:#f8f5ef}
.naber-eb-radio input{margin-top:3px;width:18px;height:18px;accent-color:#24262b;flex:none}
.naber-eb-radio strong{display:block;font-size:14px}.naber-eb-radio em{display:block;font-style:normal;font-size:12.5px;color:#6a6d75;margin-top:2px}
.naber-eb-height{display:grid;gap:8px;font-size:13px;font-weight:600}
.naber-eb-h-row{display:flex;gap:14px;align-items:center}
.naber-eb-h-row input[type=range]{flex:1;min-width:0;accent-color:#24262b}
.naber-eb-num{display:inline-flex;align-items:center;gap:6px;font-weight:500;color:#6a6d75}
.naber-eb-num input{width:84px;min-height:44px;border:1px solid #ddd6ca;border-radius:12px;padding:0 10px;font:inherit;background:#fff}
.naber-eb-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.naber-eb-btn{-webkit-appearance:none;appearance:none;min-height:44px;padding:0 18px;border-radius:999px;border:1px solid #cfc8bb;background:#fff;color:#24262b!important;font:inherit;font-size:14px;font-weight:650;cursor:pointer}
.naber-eb-btn:hover{background:#f3f0ea}
.naber-eb-btn.is-primary{background:#24262b!important;border-color:#24262b!important;color:#fff!important}
.naber-eb-btn.is-primary:hover{background:#000!important}
.naber-eb-btn:focus-visible,.naber-eb-radio:focus-within,.naber-eb-type:focus-within{outline:2px solid #24262b;outline-offset:2px}
.naber-eb-status{font-size:13px;color:#4a4d54}
.naber-eb-view summary,.naber-eb-adv summary{cursor:pointer;font-size:13.5px;font-weight:650;min-height:36px;display:flex;align-items:center}
.naber-eb-code{width:100%;box-sizing:border-box;font:12px/1.5 ui-monospace,Menlo,monospace;border:1px solid #ddd6ca;border-radius:12px;padding:10px;background:#faf8f4;color:#24262b;resize:vertical}
.naber-eb-adv-body{font-size:13px;color:#5b5e66;display:grid;gap:8px}.naber-eb-adv-body p{margin:0}
.naber-eb-msg{margin:0;padding:12px 14px;border-radius:12px;background:#f5f1e9;font-size:14px}
.naber-eb-link-btn{-webkit-appearance:none;appearance:none;border:0;background:transparent;color:#24262b!important;font:inherit;font-size:14px;font-weight:650;padding:10px 0;min-height:44px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
@media (max-width:640px){.naber-modal{align-items:flex-end;padding:0}.naber-modal-dialog{width:100%;max-height:92vh;border-radius:22px 22px 0 0}.naber-eb-h-row{flex-wrap:wrap}}

/* ===== rc.4: Series header menu, quiet editor, composer, Manage Series Content popup ===== */
.naber-series-head-card{overflow:visible!important;position:relative}
.naber-series-head-card .naber-series-cover,.naber-series-head-card .naber-series-cover-img{border-radius:14px}
.naber-series-head-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.naber-series-head-top .naber-series-title{margin:0;flex:1;min-width:0;overflow-wrap:anywhere}
.naber-series-menu{flex:none;margin:-6px -8px 0 0}
.naber-series-editor{margin-top:18px;padding-top:18px;border-top:1px solid #eee9e0;display:grid;gap:14px}
.naber-series-editor[hidden],.naber-sc-modal[hidden],.naber-sc-warn[hidden]{display:none!important}
.naber-series-editor .naber-field{display:grid;gap:6px;font-size:13px;font-weight:650;color:#3b3d44;margin:0}
.naber-series-editor .naber-field input[type=text],.naber-series-editor .naber-field textarea{width:100%;box-sizing:border-box;border:1px solid #ddd6ca;border-radius:12px;padding:12px 14px;font:inherit;font-size:15px;font-weight:400;color:#24262b;background:#fffdf9}
.naber-series-editor .naber-field input:focus,.naber-series-editor .naber-field textarea:focus{outline:2px solid #24262b;outline-offset:1px;border-color:#24262b}
.naber-series-editor .naber-image-field{margin:0}
.naber-image-field-quiet .naber-image-field-body{flex-direction:column;align-items:flex-start;gap:8px}
.naber-image-field-quiet.naber-image-field-wide .naber-image-field-preview{width:min(360px,100%);border-radius:14px}
.naber-image-field-quiet .naber-image-field-controls{gap:16px}
.naber-image-field-quiet .naber-image-field-controls .neighbor-button{background:transparent!important;border:0!important;color:#24262b!important;padding:0 2px;min-height:44px;font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:3px;box-shadow:none!important}
.naber-image-field-quiet .naber-image-field-controls .naber-image-remove{color:#6c6f77!important}
.naber-image-field-quiet .naber-image-field-controls .neighbor-button:hover{opacity:.7}
.naber-series-editor-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.naber-text-btn{-webkit-appearance:none;appearance:none;border:0;background:transparent;font:inherit;font-size:14px;font-weight:600;color:#24262b!important;padding:0 4px;min-height:44px;cursor:pointer;text-decoration:underline;text-underline-offset:3px;border-radius:6px}
.naber-text-btn:hover{opacity:.7}.naber-text-btn:focus-visible{outline:2px solid #24262b;outline-offset:2px}
.naber-text-danger{color:#8a3a2b!important;font-weight:550;font-size:13px;text-decoration:none}
.naber-text-danger:hover{text-decoration:underline;opacity:1}
.naber-series-delete{padding-top:10px;border-top:1px dashed #e7e2d9;margin-top:4px}
.naber-series-composer{margin:20px 0 6px}
.naber-composer-notice{margin:0 0 10px}.naber-composer-notice[hidden]{display:none}

.naber-sc-modal .naber-modal-dialog{width:min(680px,100%)}
.naber-sc-section{display:grid;gap:10px}.naber-sc-section h4{margin:6px 0 0;font-size:14px;font-weight:700}
.naber-sc-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.naber-sc-row{display:grid;gap:8px;border:1px solid #e7e2d9;border-radius:14px;padding:10px 12px;background:#fff}
.naber-sc-row>.naber-sc-main{display:flex;flex-direction:column;gap:2px;min-width:0}
.naber-sc-title{font-weight:650;font-size:14.5px;overflow-wrap:anywhere}.naber-sc-tags{font-size:12px;color:#7a7d85}
.naber-sc-tools{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.naber-sc-form{margin:0;display:inline-flex}
.naber-sc-warn{background:#f8f4ec;border-radius:12px;padding:12px;font-size:13.5px}.naber-sc-warn p{margin:0 0 10px}
.naber-sc-candidates{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:6px}
.naber-check-row{display:flex!important;flex-direction:row!important;align-items:flex-start;gap:12px;padding:10px 12px;border:1px solid #eee9e0;border-radius:12px;cursor:pointer;margin:0;font-weight:500}
.naber-check-row input[type=checkbox]{width:18px;height:18px;margin:2px 0 0;flex:none;accent-color:#24262b}
.naber-check-text{flex:1;min-width:0;overflow-wrap:anywhere;font-size:14px}.naber-sc-date{font-size:12px;color:#7a7d85;flex:none;max-width:45%;text-align:right}
.is-unavailable .naber-check-row{opacity:.6;cursor:default;background:#faf8f4}
@media (min-width:600px){.naber-sc-row{grid-template-columns:1fr auto;align-items:center}.naber-sc-warn{grid-column:1/-1}}
@media (max-width:640px){.naber-sc-date{max-width:100%;text-align:left;flex-basis:100%;padding-left:30px}.naber-check-row{flex-wrap:wrap}}
.naber-series-actions .naber-series-follow:not(.is-following){background:#24262b!important;border-color:#24262b!important;color:#fff!important}
.naber-series-actions .naber-series-follow.is-following{background:#fff!important;color:#24262b!important;border:1px solid #cfc8bb!important}

.naber-eb-note{margin:0 0 12px;font-size:13px;line-height:1.45;color:#5b5f68}
/* rc.4: Feed and Series rows have identical label height / tap target */
.naber-destinations label,.naber-destinations .naber-dest-row>label{min-height:36px}

/* ==========================================================================
   rc.5 — shared form-control tokens, neutral tabs, logo placeholder, optional title
   Everything below uses tokens; no green, no blue focus, no scattered overrides.
   ========================================================================== */
:root {
  --naber-ink: #24262b;
  --naber-input-border: #d9d4ca;
  --naber-input-border-hover: #b9b3a7;
  --naber-input-radius: 12px;
  --naber-input-bg: #fff;
  --naber-input-pad: 10px 14px;
  --naber-focus-ring: 0 0 0 3px rgba(36, 38, 43, .16);
  --naber-success: #24262b;
}
body.naber-app { accent-color: var(--naber-ink); }
body.naber-app :is(.naber-composer-field, .neighbor-form, .naber-edit-body, .naber-series-editor, .naber-settings-panel, .naber-eb-modal, .naber-field, .neighbor-post-media-fields) :is(input[type=text], input[type=email], input[type=url], input[type=search], input[type=password], input[type=number], input[type=tel], textarea, select),
body.naber-app textarea.naber-composer-field, body.naber-app input.naber-composer-field {
  border: 1px solid var(--naber-input-border);
  border-radius: var(--naber-input-radius);
  background-color: var(--naber-input-bg);
  color: var(--naber-text);
  padding: var(--naber-input-pad);
  font: inherit; font-size: 15px; font-weight: 400; line-height: 1.4;
  box-sizing: border-box; box-shadow: none;
  transition: border-color .15s, box-shadow .15s;
}
body.naber-app :is(.naber-composer-field, .neighbor-form, .naber-edit-body, .naber-series-editor, .naber-settings-panel, .naber-eb-modal, .naber-field, .neighbor-post-media-fields) :is(input[type=text], input[type=email], input[type=url], input[type=search], input[type=password], input[type=number], input[type=tel], textarea, select):hover,
body.naber-app .naber-composer-field:hover { border-color: var(--naber-input-border-hover); }
body.naber-app :is(.naber-composer-field, .neighbor-form, .naber-edit-body, .naber-series-editor, .naber-settings-panel, .naber-eb-modal, .naber-field, .neighbor-post-media-fields) :is(input[type=text], input[type=email], input[type=url], input[type=search], input[type=password], input[type=number], input[type=tel], textarea, select):focus,
body.naber-app .naber-composer-field:focus {
  outline: 2px solid transparent; border-color: var(--naber-ink); box-shadow: var(--naber-focus-ring);
}
body.naber-app :is(.naber-composer-field)::placeholder, body.naber-app :is(.neighbor-form, .naber-edit-body, .naber-series-editor) :is(input, textarea)::placeholder { color: #8b867d; opacity: 1; }
body.naber-app .naber-composer-title { font-size: 15px; font-weight: 400; color: var(--naber-text); margin-bottom: 10px; }
body.naber-app .naber-composer-body { min-height: 92px; }
body.naber-app .neighbor-tag-input { border: 1px solid var(--naber-input-border); border-radius: var(--naber-input-radius); background: var(--naber-input-bg); }
body.naber-app .neighbor-tag-input:focus-within { border-color: var(--naber-ink); box-shadow: var(--naber-focus-ring); }
body.naber-app .neighbor-tag-input .neighbor-tag-entry { border: 0; box-shadow: none; padding: 0 4px; }
body.naber-app .neighbor-tag-input .neighbor-tag-entry:focus { box-shadow: none; }

/* optional title: hidden behind "+ Add title" for Image / Video / Link posts */
.naber-add-title { margin: -2px 0 8px; padding: 4px 2px; font-size: 13px; }
.naber-composer-form.is-media-mode:not(.has-title) .naber-composer-title-wrap { display: none; }

/* Community Settings tabs: neutral text, charcoal underline, no pills/arches, no layout shift */
.naber-settings-tab { border-radius: 8px 8px 0 0; color: #5b5348; border-bottom: 2px solid transparent; background: transparent; transition: color .12s, background-color .12s; }
.naber-settings-tab:hover { color: var(--naber-ink); background: rgba(36, 38, 43, .05); border-bottom-color: transparent; }
.naber-settings-tab.is-active, .naber-settings-tab.is-active:hover { color: var(--naber-ink); background: transparent; border-bottom-color: var(--naber-ink); }
.naber-settings-tab:focus { outline: none; }
.naber-settings-tab:focus-visible { outline: 2px solid var(--naber-ink); outline-offset: -2px; border-radius: 8px; }
.naber-settings-tab.is-active:not(:hover) { box-shadow: none; }

/* Round logo placeholder: icon only inside the circle; the sentence lives outside */
.naber-image-field-square .naber-image-field-preview { flex: 0 0 auto; aspect-ratio: 1 / 1; }
.naber-image-field-empty-icon { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; padding: 0 !important; color: #9a948a; }
.naber-image-field-empty-icon svg { width: 40%; height: 40%; }
.naber-image-field-note { display: block; width: 100%; font-size: 13px; color: #6b6f78; margin: 0 0 6px; }
.naber-image-field-note[hidden] { display: none; }

/* rc.5: simplified Embed modal (contextual = one primary action; the rest lives under Advanced Options) */
.naber-eb-intro{margin:0 0 14px;color:#5b5f68;font-size:15px;line-height:1.45}
.naber-eb-modal .naber-eb-actions{display:flex;align-items:center;gap:12px;margin:0 0 14px}
.naber-eb-modal .naber-eb-actions .naber-eb-copy-code{min-height:48px;padding:0 28px;font-size:16px}
.naber-eb-setup,.naber-eb-addsite{display:grid;gap:10px;margin:0 0 14px}
.naber-eb-setup label,.naber-eb-addsite label{display:grid;gap:6px;font-size:14px;font-weight:600}
.naber-eb-setup-err{margin:0;color:#a3321f;font-size:13px;font-weight:600}
.naber-eb-setup-err[hidden]{display:none}
.naber-eb-warn{margin:0 0 12px;padding:10px 12px;border-radius:12px;background:#f6f1e7;border:1px solid #e3dccf;color:#4a4339;font-size:13px;line-height:1.45}
.naber-eb-warn[hidden],.naber-eb-msg[hidden],.naber-eb-setup[hidden],.naber-eb-addsite[hidden]{display:none}
.naber-eb-adv>summary{cursor:pointer;font-weight:600;color:#3a3d44;min-height:44px;display:flex;align-items:center}
.naber-eb-adv-body{display:grid;gap:14px;padding:4px 0 8px}
.naber-eb-notes p{margin:0 0 8px;font-size:13px;color:#5b5f68;line-height:1.45}
.naber-eb-adv .naber-eb-view{margin:0}

/* ===== rc.5: Manage Series Content (drag-and-drop) + multi-Series destination picker. Neutral palette only. ===== */
.naber-sc-help{margin:0 0 4px;font-size:13.5px;color:#6b6258}
.naber-sc-list{position:relative}
.naber-sc-row{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 8px 8px 4px;position:relative;background:#fff}
.naber-sc-row .naber-sc-warn{grid-column:1/-1}
.naber-sc-handle{-webkit-appearance:none;appearance:none;border:0;background:transparent;color:#a39b8f;width:32px;height:44px;padding:0;display:inline-flex;align-items:center;justify-content:center;cursor:grab;border-radius:8px;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.naber-sc-handle:hover{color:#24262b;background:#f3f0ea}
.naber-sc-handle:focus-visible{outline:2px solid #24262b;outline-offset:1px;color:#24262b}
.naber-sc-row.is-grabbed .naber-sc-handle{cursor:grabbing}
.naber-sc-thumb{width:44px;height:44px;border-radius:10px;overflow:hidden;background:#f1ede5;display:inline-flex;align-items:center;justify-content:center;color:#8a8175;flex:none}
.naber-sc-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.naber-sc-row.is-dragging{z-index:5;box-shadow:0 8px 24px rgba(36,38,43,.18);border-color:#24262b;background:#fff;pointer-events:none;opacity:.97}
.naber-sc-list.is-sorting{-webkit-user-select:none;user-select:none}
.naber-sc-insert{list-style:none;height:2px;margin:-5px 0;background:#24262b;border-radius:2px;pointer-events:none;position:relative}
.naber-sc-row.is-kb{border-color:#24262b;box-shadow:0 0 0 2px rgba(36,38,43,.25)}
.naber-sc-rowmenu{position:relative}
.naber-sc-menu-btn{-webkit-appearance:none;appearance:none;border:0;background:transparent;color:#6b6258;width:36px;height:36px;border-radius:50%;font-size:20px;line-height:1;cursor:pointer}
.naber-sc-menu-btn:hover,.naber-sc-menu-btn[aria-expanded=true]{background:#f3f0ea;color:#24262b}
.naber-sc-menu-btn:focus-visible{outline:2px solid #24262b;outline-offset:1px}
.naber-sc-menu-pop{position:absolute;right:0;top:100%;z-index:6;min-width:170px;background:#fff;border:1px solid #e7e2d9;border-radius:12px;box-shadow:0 8px 24px rgba(36,38,43,.14);padding:4px}
.naber-sc-menu-pop[hidden]{display:none}
.naber-sc-menu-pop .naber-text-btn{display:block;width:100%;text-align:left;padding:10px 12px;border-radius:8px;color:#24262b}
.naber-sc-menu-pop .naber-text-btn:hover{background:#f3f0ea}
.naber-sc-status{min-height:18px;margin:0;font-size:12.5px;color:#6b6258}
.naber-sc-sort-form{margin:0}.naber-sc-sort-form[hidden]{display:none}
.naber-sc-modal .naber-modal-body{max-height:min(70vh,640px);overflow-y:auto;-webkit-overflow-scrolling:touch}
@media (min-width:600px){.naber-sc-row{grid-template-columns:auto auto minmax(0,1fr) auto}}
.naber-dest-series-panel{display:grid;gap:8px;padding:2px 0 2px 28px}
.naber-dest-series-panel[hidden]{display:none}
.naber-dest-chips{display:flex;flex-wrap:wrap;gap:6px}.naber-dest-chips[hidden]{display:none}
.naber-dest-chip{-webkit-appearance:none;appearance:none;border:1px solid #d9d2c6;background:#fff;color:#24262b;border-radius:999px;padding:4px 10px;font-size:12.5px;cursor:pointer}
.naber-dest-chip:hover{background:#f3f0ea}.naber-dest-chip:focus-visible{outline:2px solid #24262b;outline-offset:1px}
.naber-dest-series-list{list-style:none;margin:0;padding:4px;display:grid;gap:0;max-height:168px;overflow-y:auto;border:1px solid #e7e2d9;border-radius:10px;background:#fff}
.naber-dest-series-opt[hidden]{display:none}
.naber-dest-series-opt label{display:flex!important;align-items:center;gap:10px;min-height:36px;padding:2px 8px;border-radius:8px;cursor:pointer;width:100%}
.naber-dest-series-opt label:hover{background:#f6f3ed}
.naber-dest-nomatch{margin:0;font-size:12.5px;color:#766d62}
.naber-dest-readonly{margin:0;font-size:12.5px;color:#766d62;display:flex;gap:8px;align-items:center}
.naber-unpublished-tag{color:#766d62;font-style:italic}

/* ===== rc.5: Edit Post modal — labelled, unclipped Visibility field; body scrolls, footer stays ===== */
.naber-edit-body{grid-auto-rows:min-content;align-content:start;min-height:0}
.naber-edit-body>*{min-height:0;min-width:0}
.naber-edit-field{display:grid;gap:6px;margin:0}
.naber-edit-label{font-size:13px;font-weight:600;color:#3f3a33;line-height:1.3}
.naber-edit-body select,.naber-edit-field select{height:auto;min-height:44px;line-height:1.4;overflow:visible;text-overflow:ellipsis}
.naber-edit-modal .naber-destinations{margin:2px 0 0;flex:none}
.naber-edit-foot{flex:0 0 auto;z-index:1}

/* ===== rc.5: Explore Topics (Community sidebar) — neutral, compact ===== */
.naber-topics{margin-top:14px}
.naber-topics h4{margin:0 0 6px}
.naber-topics-list{list-style:none;margin:0 0 6px;padding:0;display:grid;gap:0}
.naber-topic{display:flex;align-items:center;gap:8px;min-height:36px;padding:4px 8px;margin:0 -8px;border-radius:8px;color:#24262b;text-decoration:none;font-size:14px;line-height:1.3}
.naber-topic:hover{background:#f3f0ea}
.naber-topic:focus-visible{outline:2px solid #24262b;outline-offset:1px}
.naber-topic.is-current{background:#f1ede5;font-weight:600}
.naber-topic-icon{flex:none;color:#8a8175}
.naber-topic-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.naber-topic-count{flex:none;font-size:12px;color:#6b6258;background:#f1ede5;border-radius:999px;padding:1px 8px;min-width:22px;text-align:center}
.naber-topics-inline{display:none}
.naber-topic-filter{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 12px;padding:8px 12px;border:1px solid #e7e2d9;border-radius:12px;background:#fff;font-size:14px}
.naber-topic-filter-label{color:#6b6258;font-size:12px;text-transform:uppercase;letter-spacing:.04em}
.naber-topic-filter-name{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:#24262b}
.naber-topic-clear{margin-left:auto;color:#24262b;text-decoration:underline;font-size:13px;min-height:32px;display:inline-flex;align-items:center}
@media (max-width:960px){.naber-topics-inline{display:block;margin:0 0 14px}}
.naber-rail .naber-topics,.naber-topics-inline{border-radius:16px}

/* rc.6: post menu divider (Edit · Report · Hide ─ Delete) */
.naber-post-menu-sep{height:1px;margin:4px 8px;background:#e6e1d8}
.naber-embed-card-provider{display:inline-flex;align-items:center;gap:7px}
.naber-embed-card-favicon{width:20px;height:20px;border-radius:5px;object-fit:contain;flex:0 0 20px;background:#fff}

/* rc.6: Custom Link Image + link presentation controls */
.naber-link-image{display:block}
.naber-link-image-a{display:block;border-radius:12px;overflow:hidden;border:1px solid #e6e1d8;background:#f3f0ea;line-height:0}
.naber-link-image-a img{display:block;width:100%;height:auto;max-height:560px;object-fit:cover}
.naber-link-image-a:focus-visible{outline:2px solid #24262b;outline-offset:2px}
.naber-link-image-host{display:block;margin-top:6px;font-size:12px;color:#6b6a66}
.naber-link-present{border:0;margin:0 0 8px;padding:0;display:flex;gap:16px;flex-wrap:wrap}
.naber-link-present legend{font-size:13px;font-weight:600;color:#45433f;padding:0;margin-bottom:6px}
.naber-link-radio{display:inline-flex;align-items:center;gap:7px;font-size:14px;cursor:pointer}
.naber-link-radio input{accent-color:#24262b;width:16px;height:16px}
.naber-link-image-fields{display:grid;gap:10px}
.naber-optional{font-style:normal;font-weight:400;color:#6b6a66;font-size:12px}

/* rc.6: Sharing & Embeds — three flat sections (no nested cards) + a solid, always-reachable Save bar */
.naber-share-section{display:grid;gap:10px;padding:0 0 18px;margin:0 0 18px;border-bottom:1px solid #e6e1d8}
.naber-share-section:last-of-type{border-bottom:0;margin-bottom:0}
.naber-share-section h4{margin:0;font-size:15px;font-weight:700;color:#24262b}
.naber-share-embed-actions{display:flex;gap:10px;flex-wrap:wrap}
.naber-settings-footer{position:sticky;bottom:0;z-index:5;display:flex;align-items:center;justify-content:flex-end;gap:14px;flex-wrap:wrap;margin:8px -4px 0;padding:12px 4px calc(12px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #e6e1d8;box-shadow:0 -6px 12px -10px rgba(36,38,43,.25)}
.naber-settings-footer .naber-settings-dirty{margin-right:auto}
@media (max-width:640px){.naber-settings-footer .naber-settings-save{flex:1 1 100%}}

/* rc.6: Search within My Communities */
.naber-comm-search{display:flex;align-items:center;gap:8px;margin:0 0 12px;position:relative;max-width:560px}
.naber-comm-search>svg{position:absolute;left:14px;width:18px;height:18px;color:#6b6a66;pointer-events:none}
.naber-comm-search input[type=search]{flex:1;min-height:44px;padding:0 14px 0 40px;border:1px solid var(--naber-input-border,#d9d4ca);border-radius:var(--naber-input-radius,12px);background:#fff;font:inherit;font-size:15px;color:#24262b}
.naber-comm-search input[type=search]:focus{outline:2px solid #24262b;outline-offset:1px;border-color:#24262b}
.naber-comm-nomatch{margin-top:12px}

/* rc.6: post-creation setup prompt (neutral, calm — shown once) */
.naber-setup-prompt{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:0 0 16px;padding:18px 20px;background:#fff;border:1px solid #e6e1d8;border-radius:16px;box-shadow:0 1px 2px rgba(36,38,43,.04)}
.naber-setup-copy h3{margin:0 0 4px;font-size:18px;color:#24262b}
.naber-setup-copy p{margin:0;color:#5b5348;font-size:14px;line-height:1.45;max-width:46ch}
.naber-setup-actions{display:flex;gap:10px;flex-wrap:wrap}
@media (max-width:640px){.naber-setup-actions{width:100%}.naber-setup-actions .neighbor-button{flex:1 1 auto;text-align:center}}

/* ===== rc.6: mobile Community navigation — row 1 tabs + Join, row 2 Search/Tags icons, one shared expansion area ===== */
.naber-mobile-tools,.naber-mobile-topics{display:none}
.naber-topics-inline{display:none!important}
@media (max-width:960px){
  .naber-mobile-tools{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin:0 0 8px}
  .naber-mobile-tools .naber-mobile-search-toggle,.naber-mobile-tools .naber-mobile-topics-toggle{
    appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;padding:0;
    border:1px solid #d9d4ca;border-radius:50%;background:#fff;color:#45433f;cursor:pointer}
  .naber-mobile-tools .naber-mobile-search-toggle svg,.naber-mobile-tools .naber-mobile-topics-toggle svg{width:20px;height:20px}
  .naber-mobile-tools .naber-mobile-search-toggle:hover,.naber-mobile-tools .naber-mobile-topics-toggle:hover,
  .naber-mobile-tools .naber-mobile-search-toggle[aria-expanded=true],.naber-mobile-tools .naber-mobile-topics-toggle[aria-expanded=true],
  .naber-mobile-tools .naber-mobile-topics-toggle.has-filter{background:#f3f0ea;border-color:#24262b;color:#24262b}
  .naber-mobile-tools button:focus-visible{outline:2px solid #24262b;outline-offset:2px}
  .naber-mobile-community-search{display:none;width:100%;margin:0 0 12px}
  .naber-mobile-community-search.is-open{display:block}
  .naber-mobile-topics:not([hidden]){display:block;position:relative;margin:0 0 12px}
  .naber-mobile-topics .naber-topics{margin:0;border-radius:16px;padding-right:44px}
  .naber-mobile-topics .naber-topics-list{display:flex;flex-wrap:wrap;gap:8px}
  .naber-mobile-topics .naber-topics-list li{margin:0}
  .naber-mobile-topics .naber-topic{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border:1px solid #e0dbd0;border-radius:999px;background:#faf8f4;color:#24262b;font-size:14px}
  .naber-mobile-topics .naber-topic.is-current{background:#24262b;border-color:#24262b;color:#fff}
  .naber-mobile-topics .naber-topic-icon{display:none}
  .naber-mobile-topics-close{position:absolute;top:8px;right:8px;z-index:2;width:36px;height:36px;border:0;border-radius:50%;background:transparent;color:#5b5348;font-size:22px;line-height:1;cursor:pointer}
  .naber-mobile-topics-close:focus-visible{outline:2px solid #24262b}
}
@media (min-width:961px){.naber-mobile-tools,.naber-mobile-topics{display:none!important}}
.naber-link-image-fields[hidden],.naber-linkopts[hidden]{display:none!important}

/* rc.6 authoritative: Row 1 = tabs (scroll if needed) + Join/Joined on the far right, never wrapping */
@media (max-width:960px){
  .naber-tabs-row{flex-wrap:nowrap!important;align-items:center!important;column-gap:8px!important;row-gap:0!important}
  .naber-tabs-row>.naber-tabs{flex:1 1 auto!important;width:auto!important;min-width:0!important;overflow-x:auto!important;white-space:nowrap}
  .naber-tabs-row>.naber-tabs-row-actions{order:initial!important;flex:0 0 auto!important;width:auto!important;margin-left:auto!important;justify-content:flex-end!important;min-height:0!important;padding:0 2px!important}
  .naber-tabs-row-actions>.neighbor-inline-form{margin:0}
}


/* ===== rc.6 canonical external-video media rules (single source; earlier per-provider overrides only set defaults) =====
   Root causes found by tracing computed styles in the running plugin:
   - TikTok: .naber-embed-tiktok had max-width:400px but no auto margins (left-aligned on desktop) and the iframe kept
     a 14px radius on mobile, where media is edge-to-edge.
   - Vimeo: the container chain was already identical to YouTube (610px desktop / 390px mobile). The narrow look comes
     from Vimeo's player letterboxing non-16:9 videos inside a hard-coded 16:9 frame; the frame now follows the video's ratio. */
.naber-embed-tiktok{width:100%;max-width:400px;margin-left:auto;margin-right:auto}
.naber-embed-tiktok .naber-tiktok-frame{display:block;width:100%;aspect-ratio:9/16;height:auto;max-height:740px;border:0;background:#000;border-radius:14px}
@media (max-width:700px){
  .naber-embed-tiktok{max-width:100%}
  .naber-embed-tiktok .naber-tiktok-frame{border-radius:0;max-height:none}
}
.neighbor-post-video.is-landscape iframe.naber-vimeo-embed[data-naber-portrait]{width:min(100%,420px)!important;min-width:0!important;max-width:420px!important;margin-left:auto!important;margin-right:auto!important}
@media (max-width:700px){.neighbor-post-video.is-landscape iframe.naber-vimeo-embed[data-naber-portrait]{width:100%!important;min-width:100%!important;max-width:100%!important}}
@media (max-width:700px){.naber-embed-tiktok .naber-embed-fallback{padding:6px 16px 0}}


/* ===== rc.6: Explore Topics as wrapping pills + Explore All Topics modal + "Showing posts tagged" bar ===== */
.naber-topics-list{display:flex!important;flex-wrap:wrap;gap:8px;list-style:none;margin:0 0 8px;padding:0}
.naber-topics-list li{margin:0}
.naber-topics .naber-topic,.naber-mobile-topics .naber-topic{display:inline-flex!important;align-items:center;gap:7px;min-height:34px;padding:0 6px 0 12px!important;margin:0!important;border:1px solid #e3ddd1;border-radius:999px;background:#faf8f4;color:#24262b;font-size:14px;line-height:1.2;text-decoration:none;max-width:100%}
.naber-topics .naber-topic:hover{background:#f1ede5;border-color:#cfc8bb}
.naber-topics .naber-topic.is-current,.naber-topics-dialog .naber-topic.is-current,.naber-mobile-topics .naber-topic.is-current{background:#24262b!important;border-color:#24262b!important;color:#fff!important;font-weight:600}
.naber-topics .naber-topic-name,.naber-topics-dialog .naber-topic-name{flex:0 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.naber-topics .naber-topic-count,.naber-topics-dialog .naber-topic-count{flex:none;min-width:22px;text-align:center;font-size:12px;color:#5d6068;background:#ece7dd;border-radius:999px;padding:2px 7px}
.naber-topic.is-current .naber-topic-count{background:rgba(255,255,255,.2)!important;color:#fff!important}
.naber-topics-dialog .naber-topic{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0 6px 0 12px;border:1px solid #e3ddd1;border-radius:999px;background:#faf8f4;color:#24262b;font-size:14px;text-decoration:none}
.naber-topics-dialog .naber-topic:hover{background:#f1ede5}
.naber-topics-more{-webkit-appearance:none;appearance:none;border:0;background:transparent;color:#5d6068;font:inherit;font-size:13px;text-decoration:underline;text-underline-offset:3px;cursor:pointer;min-height:36px;padding:0}
.naber-topics-more:hover{color:#24262b}.naber-topics-more:focus-visible{outline:2px solid #24262b;outline-offset:2px}
.naber-topics-modal[hidden]{display:none!important}
.naber-topics-dialog{width:min(560px,100%)}
.naber-topics-dialog .naber-modal-body{overflow:auto;max-height:70vh}
.naber-topics-search input{width:100%;box-sizing:border-box;min-height:44px;border:1px solid #ddd6ca;border-radius:12px;padding:0 14px;font:inherit;background:#fff}
.naber-topics-none{margin:8px 0 0;color:#6a6d75;font-size:14px}
.naber-topic-item[hidden]{display:none!important}
@media (max-width:640px){.naber-topics-modal{align-items:flex-end;padding:0}.naber-topics-dialog{width:100%;max-height:88vh;border-radius:22px 22px 0 0}.naber-topics-dialog .naber-modal-body{max-height:none;flex:1 1 auto}}
.naber-topic-filter{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.naber-topic-filter-text{font-size:14px;color:#3b3d44}
.naber-topic-clear{margin-left:auto;text-decoration:underline;font-size:13px}
.naber-setup-actions .neighbor-button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}


/* ===== rc.7 canonical post-card media + action bar (single shared layout; earlier per-type spacing rules only set defaults) =====
   Structure: header / title / text / tags = padded;  .naber-post-media = full card width (desktop);  external link row + footer = padded.
   Mobile (<=700px) is intentionally untouched: it is already edge-to-edge. */
.neighbor-post{--naber-post-pad:24px}
@media (max-width:700px){.neighbor-post{--naber-post-pad:16px}}
@media (min-width:701px){
  .neighbor-post > .naber-post-media:not(.naber-post-social).naber-post-media,
  .neighbor-post > .naber-post-social:has(iframe, .naber-embed-instagram, .naber-embed-tiktok, .naber-oembed):not(:has(.naber-embed-facebook)){margin-left:calc(-1 * var(--naber-post-pad))!important;margin-right:calc(-1 * var(--naber-post-pad))!important;width:calc(100% + 2 * var(--naber-post-pad))!important;max-width:none!important;border-radius:0!important;box-sizing:border-box}
  /* portrait media: neutral filler spans the whole media region, content stays centred + proportional */
  .neighbor-post > .neighbor-post-image{background:var(--naber-muted)}
  .neighbor-post > .naber-post-media:has(iframe[data-naber-portrait]),
  .neighbor-post > .naber-post-media:has(.naber-embed-tiktok){background:linear-gradient(var(--naber-muted),var(--naber-muted)) top/100% calc(100% - 34px) no-repeat}
  .neighbor-post .naber-embed-tiktok{max-width:none}
  .neighbor-post .naber-embed-tiktok .naber-tiktok-frame{max-width:400px;margin-left:auto;margin-right:auto}
}
/* external-link row: quiet, muted, aligned with the text padding (media is full bleed) */
.naber-post-social .naber-embed-source,.naber-post-social .naber-embed-fallback .naber-embed-source{font-size:11.5px;font-weight:400;color:#8b8e95;letter-spacing:.01em;padding:8px var(--naber-post-pad) 0;display:inline-block;text-decoration:none}
.naber-post-social .naber-embed-source:hover{color:#5d6068;text-decoration:underline}
.naber-post-social .naber-embed-fallback{padding:0}
.naber-embed-tiktok .naber-embed-fallback{padding:0}
/* Naber action bar: its own row with a thin divider, clearly separate from provider actions */
.neighbor-post-footer{margin-top:14px;padding-top:12px;padding-bottom:2px;border-top:1px solid #e9e5dd}
.naber-post-meta-row{min-height:36px}
.naber-icon-btn{color:#3f4148}
.naber-icon-btn:hover{color:#24262b}
.naber-post-icons .naber-icon-btn svg{width:19px;height:19px}
.naber-post-icons .naber-icon-btn svg.naber-share-icon{width:20px;height:20px}
.naber-post-comment-count,.naber-post-visibility{color:#5d6068}
@media (max-width:700px){.naber-post-icons .naber-icon-btn svg{width:18px;height:18px}.naber-post-icons .naber-icon-btn svg.naber-share-icon{width:19px;height:19px}}

/* ===== rc.7: logged-out composer = same card, padding and flex sizing as the logged-in composer ===== */
.neighbor-create-post.naber-create-post-logged-out{background:var(--naber-surface,#fff)!important;border:1px solid var(--naber-border,#e9e5dd)!important;border-radius:20px;padding:14px 16px!important;box-shadow:0 2px 10px rgba(31,41,55,.035);box-sizing:border-box;overflow:hidden}
.naber-create-post-logged-out .neighbor-create-post-trigger{display:flex;align-items:center;gap:12px;min-width:0}
.naber-create-post-logged-out .neighbor-create-post-trigger>.neighbor-avatar-initial{flex:0 0 36px;width:36px!important;height:36px!important}
.naber-create-post-logged-out .neighbor-create-post-placeholder{flex:1 1 auto;min-width:0;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ===== rc.7: Explore Topics heading with Clear; no separate active-filter bar ===== */
.naber-topics-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 8px}
.naber-topics-head h4{margin:0}
.naber-topics-clear{display:inline-flex;align-items:center;gap:3px;min-height:28px;padding:0 10px;border:1px solid #e0dbd0;border-radius:999px;background:#fff;color:#3f4148;font-size:12.5px;font-weight:600;text-decoration:none;white-space:nowrap}
.naber-topics-clear:hover,.naber-topics-clear:focus-visible{background:#f1ede5;border-color:#cfc8bb;color:#24262b}
.naber-topics-clear:focus-visible{outline:2px solid #24262b;outline-offset:2px}

/* ===== rc.7: compact mobile Search / Tags controls (40px targets, 18px glyphs, tight margins) ===== */
@media (max-width:960px){
  .naber-mobile-tools{gap:6px;margin:0 0 6px}
  .naber-mobile-tools .naber-mobile-search-toggle,.naber-mobile-tools .naber-mobile-topics-toggle{flex:0 0 40px;width:40px;height:40px}
  .naber-mobile-tools .naber-mobile-search-toggle svg,.naber-mobile-tools .naber-mobile-topics-toggle svg{width:18px;height:18px}
  .naber-mobile-topics .naber-topics{padding-right:48px}
}

/* ===== rc.7: Share Post modal — one neutral language (no orange/gold/green in any state) ===== */
.neighbor-share-dialog{color:#24262b}
.neighbor-share-dialog h3{margin:0 0 6px;font-size:18px}
.neighbor-share-dialog .neighbor-muted{margin:0 0 14px;font-size:13.5px;color:#6a6d75}
.neighbor-share-dialog .neighbor-copy-row{display:flex;gap:8px;align-items:center;min-width:0}
.neighbor-share-dialog .neighbor-copy-row input{flex:1 1 auto;min-width:0;min-height:44px;box-sizing:border-box;border:1px solid #ddd6ca;border-radius:12px;padding:0 12px;font:inherit;font-size:13.5px;color:#3f4148;background:#faf8f4;text-overflow:ellipsis}
.neighbor-share-dialog .neighbor-copy-row input:focus{outline:2px solid #24262b;outline-offset:1px;border-color:#24262b}
.neighbor-share-dialog .naber-eb-btn{min-width:104px;white-space:nowrap}
.neighbor-share-dialog .neighbor-share-copy{min-width:112px}
.neighbor-share-dialog .naber-share-embed-post{margin-top:12px}
.neighbor-share-dialog .naber-share-embed-post .naber-eb-btn{width:100%;font-weight:600}
.neighbor-share-dialog .naber-eb-btn,.neighbor-share-dialog .naber-eb-btn:visited{text-decoration:none;box-shadow:none}
.neighbor-share-dialog .naber-eb-btn:hover{background:#f1ede5;border-color:#cfc8bb}
.neighbor-share-dialog .naber-eb-btn.is-primary:hover{background:#000!important;border-color:#000!important}
.neighbor-share-dialog .naber-eb-btn:active{background:#e8e3d9}
.neighbor-share-dialog .naber-eb-btn.is-primary:active{background:#000!important}
.neighbor-share-dialog .neighbor-share-close{width:36px;height:36px;border-radius:50%;color:#5d6068;display:flex;align-items:center;justify-content:center;font-size:22px;right:14px;top:12px}
.neighbor-share-dialog .neighbor-share-close:hover{background:rgba(36,38,43,.07)}
.neighbor-share-dialog button:focus-visible{outline:2px solid #24262b;outline-offset:2px}
@media (max-width:640px){.neighbor-share-modal{align-items:flex-end;padding:0}.neighbor-share-dialog{width:100%;border-radius:22px 22px 0 0;padding:22px 18px calc(18px + env(safe-area-inset-bottom))}.neighbor-share-dialog .neighbor-copy-row{flex-wrap:wrap}.neighbor-share-dialog .neighbor-copy-row input{flex:1 1 100%}.neighbor-share-dialog .neighbor-share-copy{flex:1 1 100%}}

/* ===== rc.7: tighter mobile Community header → content flow (hero / tabs / tools / composer / first post).
   Root cause: desktop-sized values leaked into mobile (340px hero, 136px avatar, 44px tabs offset, 24px composer margin). ===== */
@media (max-width:700px){
  .naber-hero{min-height:268px}
  .naber-hero-avatar{width:104px;height:104px;bottom:-30px}
  .naber-hero.has-avatar .naber-hero-scrim{padding-bottom:84px}
  .naber-community-view .naber-hero{margin-bottom:22px}
  .naber-tabs-row{margin-top:22px!important;margin-bottom:8px}
  .neighbor-create-post{margin-bottom:12px}
  .naber-composer-quick-btn{white-space:nowrap}
}

/* ===== rc.7: simplified link + Edit Post form (neutral, compact, one coherent rhythm) ===== */
.naber-linkopts{margin:2px 0 0}
.naber-linkimg-actions{display:flex;flex-wrap:wrap;gap:8px}
.naber-linkopts .naber-eb-btn,.naber-edit-section .naber-eb-btn{min-height:36px;padding:0 14px;font-size:13px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.naber-link-image-fields{display:grid;gap:10px;margin-top:10px}
.naber-linkimg-thumb{max-width:160px;max-height:100px;border-radius:8px;object-fit:cover;border:1px solid #e1ddd4}
.naber-embed-preview-head .naber-embed-preview-label{font-size:12px;font-weight:600;color:#6b6e75;text-transform:none;letter-spacing:0}
.naber-link-fallback{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border:1px solid #e1ddd4;border-radius:10px;background:#faf8f4;overflow-wrap:anywhere}
.naber-link-fallback strong{font-size:14px;color:#24262b}.naber-link-fallback span{font-size:12.5px;color:#6b6e75}
/* Edit modal sections */
.naber-edit-body{display:flex;flex-direction:column;gap:16px}
.naber-edit-section{border:1px solid #e9e5dd;border-radius:12px;padding:12px 14px 14px;margin:0;min-width:0;display:flex;flex-direction:column;gap:10px}
.naber-edit-section>legend{padding:0 6px;font-size:12px;font-weight:700;color:#4a4d54;letter-spacing:.02em;text-transform:uppercase}
.naber-edit-section label{margin:0}
.naber-edit-thumbrow{display:flex;gap:12px;align-items:center}
.naber-edit-thumb{width:84px;height:84px;object-fit:cover;border-radius:10px;border:1px solid #e1ddd4;flex:0 0 auto}
.naber-edit-thumbactions{display:flex;flex-wrap:wrap;gap:8px}
.naber-edit-removebtn.is-on{background:#24262b;border-color:#24262b;color:#fff!important}
.naber-edit-removebtn.is-on span::after{content:" ✓"}
.naber-edit-filename{font-size:12px;color:#6b6e75;min-height:0}.naber-edit-filename:empty{display:none}
.naber-edit-sub{display:flex;flex-direction:column;gap:4px;font-size:12.5px;color:#4a4d54}
.naber-edit-sub[hidden],.naber-edit-linkimg[hidden]{display:none}
.naber-edit-linkimg{display:flex;flex-direction:column;gap:10px}
.naber-edit-section .naber-embed-preview{margin:0}
.naber-edit-section .naber-edit-filebtn:focus-within,.naber-linkopts .naber-eb-btn:focus-visible{outline:2px solid #24262b;outline-offset:2px}
@media (max-width:700px){.naber-edit-thumb{width:72px;height:72px}}
.naber-edit-body>*{flex-shrink:0}
.naber-linkopts .naber-eb-btn[hidden],.naber-edit-section [hidden]{display:none!important}

/* ===== rc.7: Cover Library — "Choose a Cover" gallery (neutral; charcoal selection, no green) ===== */
.naber-cover-picker{border:0;padding:0;margin:0 0 14px;min-width:0}
.naber-cover-picker>legend{font-weight:650;font-size:14px;color:#24262b;padding:0;margin-bottom:8px}
.naber-cover-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.naber-cover-tile{position:relative;display:block;cursor:pointer;margin:0}
.naber-cover-tile input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.naber-cover-thumb{display:block;aspect-ratio:8/3;border-radius:10px;border:2px solid #e1ddd4;background:#e7e3da center/cover no-repeat;transition:border-color .12s}
.naber-cover-thumb.is-builtin{background:linear-gradient(135deg,#5a5d66,#3a3c43)}
.naber-cover-name{display:block;font-size:12.5px;color:#4a4d54;margin-top:5px;line-height:1.25;overflow-wrap:anywhere}
.naber-cover-tile:hover .naber-cover-thumb{border-color:#a9a59b}
.naber-cover-tile input:checked+.naber-cover-thumb{border-color:#24262b;box-shadow:0 0 0 1px #24262b}
.naber-cover-tile input:focus-visible+.naber-cover-thumb{outline:2px solid #24262b;outline-offset:2px}
.naber-cover-check{position:absolute;top:6px;right:6px;width:22px;height:22px;border-radius:50%;background:#24262b;color:#fff;font-size:13px;line-height:22px;text-align:center;display:none}
.naber-cover-tile input:checked~.naber-cover-check{display:block}
.naber-embed-preview-remove{white-space:nowrap}

/* ===== rc.7 regression correction: Facebook keeps its own (provider-sized) layout; quiet source link; footer band ===== */
/* Facebook: NOT full-bleed, no filler. Centred inside the card's text padding at its supported width (<=560px); the source link sits underneath. */
.neighbor-post .naber-post-social:has(.naber-embed-facebook){margin-left:0;margin-right:0;width:100%;max-width:100%;background:none}
.neighbor-post .naber-embed-facebook{display:block;max-width:560px;margin:0 auto}
.neighbor-post .naber-embed-facebook .naber-embed-stage{width:100%;text-align:center}
.neighbor-post .naber-embed-facebook .fb-post,.neighbor-post .naber-embed-facebook .fb-video{display:block}
.neighbor-post .naber-embed-facebook .naber-embed-source,.neighbor-post .naber-embed-facebook .naber-embed-fallback .naber-embed-source{display:none;padding:0;margin:0}
.neighbor-post .naber-embed-facebook.is-live .naber-embed-source{display:flex}
/* source link (all providers): small, quiet, below the embed, neutral arrow-up-right */
.naber-post-social .naber-embed-source{display:inline-flex;align-items:center;gap:3px;font-size:11px;line-height:1.2;color:#9a9da4;padding:6px var(--naber-post-pad) 0}
.naber-embed-source .naber-ext-arrow{width:10px;height:10px;flex:0 0 auto;stroke:currentColor}
.neighbor-post .naber-embed-facebook .naber-embed-source{padding:6px 0 0}
/* footer: single row on a subtle warm-neutral band, thin top divider kept */
.neighbor-post-footer{background:#f4f1ea;border-top:1px solid #e3ddd1;border-radius:0 0 10px 10px;margin-top:10px;padding:2px 12px}
.naber-post-meta-row{min-height:40px}
.naber-post-icons{display:flex;align-items:center;gap:6px}
.naber-post-icons .naber-icon-btn{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;padding:0}
.naber-post-icons .naber-icon-btn svg{width:20px;height:20px}
.naber-post-icons .naber-icon-btn svg.naber-share-icon{width:22px;height:22px}
@media (max-width:700px){.naber-post-icons .naber-icon-btn svg{width:19px;height:19px}.naber-post-icons .naber-icon-btn svg.naber-share-icon{width:21px;height:21px}.neighbor-post-footer{margin-top:8px;padding:0 10px}}
.neighbor-post .naber-embed-facebook.is-live .naber-embed-source{justify-content:center}
.naber-post-social .naber-embed-source,.naber-post-social .naber-embed-fallback .naber-embed-source{font-size:11px;color:#9a9da4}

/* ---- rc.8: Audio Posts (neutral palette — no green/orange) ---- */
.naber-audio{display:flex;align-items:center;gap:12px;margin:10px 0 4px;padding:10px 14px 10px 10px;background:#f4f1ea;border:1px solid #e3ddd1;border-radius:12px;position:relative}
.neighbor-post .naber-audio{margin-left:var(--naber-post-pad,0);margin-right:var(--naber-post-pad,0)}
.naber-audio-btn{flex:0 0 auto;width:44px;height:44px;border-radius:50%;border:0;background:#33363b;color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
.naber-audio-btn:hover{background:#26282c}.naber-audio-btn:focus-visible,.naber-audio-seek:focus-visible{outline:2px solid #5a6572;outline-offset:2px}
.naber-audio-btn svg{width:20px;height:20px}
.naber-audio-main{flex:1 1 auto;min-width:0}
.naber-audio-seek{width:100%;margin:0;height:20px;accent-color:#5a6572;cursor:pointer;background:transparent}
.naber-audio-times{display:flex;justify-content:space-between;font-size:12px;line-height:1;color:#6b6e75;margin-top:2px;font-variant-numeric:tabular-nums}
.naber-audio.is-loading .naber-audio-btn{opacity:.7}
.naber-audio-error{position:absolute;left:0;right:0;bottom:-26px;margin:0;font-size:12px;color:#7a2a2a}
.naber-audio-error button{background:none;border:0;padding:0;color:inherit;text-decoration:underline;cursor:pointer;font-size:inherit}
.naber-audio:has(.naber-audio-error:not([hidden])){margin-bottom:30px}
.naber-audio-missing{color:#6b6e75;font-size:14px}
.naber-locked{opacity:.55;cursor:default}.naber-locked .naber-lock-ico{width:12px!important;height:12px!important;margin-left:-2px}
.naber-locked-note{display:block;width:100%;box-sizing:border-box;margin:6px 2px 0;font-size:12.5px;line-height:1.4;color:#6b6e75}.naber-locked-note[hidden]{display:none!important}
.naber-audio-composer{display:flex;flex-direction:column;gap:8px;padding:10px;border:1px solid #e3ddd1;border-radius:10px;background:#faf8f3}
.naber-ac-choose,.naber-ac-review-actions{display:flex;gap:8px;flex-wrap:wrap}
.naber-ac-record svg{width:12px;height:12px;color:#8a3a3a;vertical-align:-1px}
.naber-ac-hint{margin:0;font-size:12.5px;color:#6b6e75}
.naber-ac-rec{display:flex;align-items:center;gap:10px}.naber-ac-rec[hidden],.naber-ac-review[hidden],.naber-ac-progress[hidden],.naber-ac-retry[hidden]{display:none}
.naber-ac-dot{width:10px;height:10px;border-radius:50%;background:#8a3a3a;animation:naberPulse 1.2s infinite}
@keyframes naberPulse{50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.naber-ac-dot{animation:none}}
.naber-ac-timer{font-variant-numeric:tabular-nums;font-size:15px}
.naber-ac-preview{width:100%;max-width:420px}
.naber-ac-progress{display:flex;align-items:center;gap:8px}.naber-ac-progress progress{flex:1;height:8px;accent-color:#5a6572}
.naber-ac-msg{margin:0;font-size:13px;color:#4a4d54;min-height:0}.naber-ac-msg:empty{display:none}.naber-ac-msg.is-error{color:#7a2a2a}
.naber-audio-replace summary{list-style:none;display:inline-block;cursor:pointer}.naber-audio-replace summary::-webkit-details-marker{display:none}
.naber-audio-replace[open] .naber-audio-composer{margin-top:8px}
.naber-edit-audio .naber-audio{margin-left:0;margin-right:0}
.naber-audio-current{margin:0 0 8px;font-size:14px;color:#4a4d54}
.naber-edit-section[hidden]{display:none!important}
.naber-audio .naber-audio-ico-pause{display:none}.naber-audio.is-playing .naber-audio-ico-pause{display:block}.naber-audio.is-playing .naber-audio-ico-play{display:none}
.naber-audio-composer{width:100%;box-sizing:border-box;align-self:stretch}
.neighbor-post-form.is-open .neighbor-post-media-fields .naber-audio-composer{grid-column:1/-1!important}
/* rc.8: five-item composer toolbar must fit a 390px phone without clipping */
@media (max-width:480px){
  .naber-composer-action-row .naber-composer-quick-icons{display:flex!important;flex-wrap:nowrap!important;justify-content:space-between!important;gap:0!important;width:100%!important;min-width:0!important;overflow:hidden}
  .naber-composer-action-row .naber-composer-quick-icons .naber-composer-quick-btn{flex:1 1 0!important;width:auto!important;min-width:0!important;padding:0 2px!important;gap:3px!important;font-size:12px!important;justify-content:center!important;white-space:nowrap}
  .naber-composer-action-row .naber-composer-quick-icons .naber-composer-quick-btn svg{width:17px!important;height:17px!important;flex:0 0 auto}
  .naber-composer-action-row .naber-composer-quick-icons .naber-composer-quick-btn .naber-lock-ico{display:none!important}
}

/* ===== rc.9 — Editorial Articles, Read Aloud, format filters (neutral palette, no green) ===== */
a.naber-composer-quick-btn{text-decoration:none;color:inherit}
.naber-article-card{display:block;margin:2px 0 10px;border:1px solid #e3ddd1;border-radius:14px;overflow:hidden;background:#fff}
.naber-article-card-cover{display:block;aspect-ratio:16/8;overflow:hidden;background:#f3f0ea}
.naber-article-card-cover img{width:100%;height:100%;object-fit:cover;display:block}
.naber-article-card-body{padding:14px 16px 16px}
.naber-article-kicker{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;margin:0 0 6px;font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:#6b645a}
.naber-article-label{font-weight:700;color:#24262b}
.naber-article-cat{padding:2px 8px;border:1px solid #d9d2c4;border-radius:999px;background:#faf8f4;color:#24262b;text-transform:none;letter-spacing:0;font-size:12px}
.naber-article-read{margin-left:auto;text-transform:none;letter-spacing:0}
.naber-article-card-title{margin:0 0 6px;font-size:22px;line-height:1.25}
.naber-article-card-title a{color:#24262b;text-decoration:none}
.naber-article-card-title a:hover{text-decoration:underline}
.naber-article-card-excerpt{margin:0 0 12px;color:#4a4439;font-size:15px;line-height:1.5}
.naber-article-readbtn{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 16px;border:1px solid #24262b;border-radius:999px;background:#24262b;color:#fff!important;font-size:14px;font-weight:600;text-decoration:none}
.naber-article-readbtn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.naber-article-readbtn:hover{background:#3a3d44}
.naber-article-readbtn:focus-visible,.naber-listen button:focus-visible,.naber-art-btn:focus-visible,.naber-format:focus-visible{outline:2px solid #24262b;outline-offset:2px}

/* standalone page */
.naber-article-crumbs{display:flex;gap:8px;align-items:center;margin:4px 0 14px;font-size:14px}
.naber-article-crumbs a{color:#4a4439;text-decoration:none}.naber-article-crumbs a:hover{text-decoration:underline}
.naber-article-wrap{max-width:760px;margin:0 auto}
.naber-article-wrap .neighbor-post{border-radius:16px}
.naber-article-layout{max-width:1240px;margin:0 auto}
.naber-article-layout:not(.has-sidebar){max-width:900px}
.naber-article-layout.has-sidebar{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:28px;align-items:start}
.naber-article-main{min-width:0}
.naber-article-page .naber-article-wrap{max-width:none;margin:0}
.naber-article-page .naber-article-layout .naber-articles-sidebar{position:sticky;top:20px;min-width:0;border-left:1px solid #e9e6e1;padding-left:21px}
.naber-article-full .naber-article-cover{margin:0 0 18px;border-radius:12px;overflow:hidden}
.naber-article-full .naber-article-cover img{width:100%;height:auto;display:block}
.naber-article-title{margin:4px 0 8px;font-size:clamp(28px,5vw,40px);line-height:1.15;color:#24262b}
.naber-article-byline{margin:0 0 14px;color:#6b645a;font-size:14px}
.naber-article-summary{margin:0 0 16px;font-size:18px;line-height:1.5;color:#4a4439}
.naber-article-body{font-size:18px;line-height:1.75;color:#24262b;overflow-wrap:anywhere}
.naber-article-body p{margin:0 0 1.1em}
.naber-article-body h2{margin:1.6em 0 .5em;font-size:26px;line-height:1.25}
.naber-article-body h3{margin:1.4em 0 .4em;font-size:21px;line-height:1.3}
.naber-article-body blockquote{margin:1.2em 0;padding:.2em 0 .2em 18px;border-left:3px solid #cfc7b6;color:#4a4439;font-style:italic}
.naber-article-body ul,.naber-article-body ol{margin:0 0 1.1em 1.4em;padding:0}
.naber-article-body a{color:#24262b;text-decoration:underline;text-underline-offset:2px}
.naber-article-body figure{margin:1.4em 0}.naber-article-body img{max-width:100%;height:auto;border-radius:10px;display:block}
.naber-art-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;margin:1.4em 0}
.naber-art-gallery figure{margin:0}.naber-art-gallery img{width:100%;aspect-ratio:4/3;object-fit:cover}
.naber-is-reading{background:#f3ecd9;border-radius:6px;box-shadow:0 0 0 4px #f3ecd9}

/* Read Aloud */
.naber-listen{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 18px;padding:10px 12px;border:1px solid #e3ddd1;border-radius:12px;background:#faf8f4}
.naber-listen[hidden]{display:none}
.naber-listen button{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border:1px solid #24262b;border-radius:999px;background:#fff;color:#24262b;font-size:14px;font-weight:600;cursor:pointer}
.naber-listen button svg{width:18px;height:18px}
.naber-listen button.is-active{background:#24262b;color:#fff}
.naber-listen-rate select{min-height:40px;border:1px solid #d9d2c4;border-radius:999px;background:#fff;padding:0 10px;font-size:14px}
.naber-listen-status{flex:1 1 160px;font-size:13px;color:#5b5348}
.naber-listen.is-unsupported{background:transparent}

/* editor */
.naber-art-editor{max-width:1320px;margin:0 auto}
.naber-art-topbar{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;margin-bottom:10px;background:#fff;border-bottom:1px solid #eee9de}
.naber-art-state{font-size:13px;color:#6b645a}
.naber-art-actions{display:flex;gap:8px;flex-wrap:wrap}
.naber-art-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;align-items:start}
.naber-art-main{min-width:0}.naber-art-sidebar{display:grid;gap:12px;position:sticky;top:72px}
.naber-art-card{padding:16px;border:1px solid #e7e1d6;border-radius:14px;background:#fff;box-shadow:0 2px 8px rgba(36,38,43,.035)}
.naber-art-card h2{margin:0 0 12px;font-size:16px;line-height:1.3;color:#3d4650}
.naber-art-card .naber-art-meta-grid{grid-template-columns:1fr;margin:0;gap:12px}
.naber-art-card .naber-art-dest{margin:0}.naber-art-card .naber-art-files{margin:10px 0 0}
.naber-art-draft-check p{margin:6px 0;color:#697782;font-size:13px}.naber-art-draft-check p.is-ready{color:#397457}
.naber-art-delete{margin-top:12px;padding:0;border:0;background:none;color:#a23a3a;text-decoration:underline;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer}
.naber-art-section-label{margin:14px 0 6px;color:#586773;font-size:13px;font-weight:700;letter-spacing:.03em;text-transform:uppercase}
.naber-art-btn{min-height:40px;padding:0 16px;border:1px solid #cfc7b6;border-radius:999px;background:#fff;color:#24262b;font-size:14px;font-weight:600;cursor:pointer}
.naber-art-btn.is-primary{background:#24262b;border-color:#24262b;color:#fff}
.naber-art-error{margin:0 0 12px;padding:10px 14px;border:1px solid #d9b8b8;border-radius:10px;background:#fbf1f1;color:#7a2b2b;font-size:14px}
.naber-art-error.is-ok{border-color:#d9d2c4;background:#faf8f4;color:#24262b}
.naber-art-recover{margin:0 0 12px;padding:10px 14px;border:1px solid #d9d2c4;border-radius:10px;background:#faf8f4;font-size:14px}
.naber-art-recover button{margin-left:6px;border:1px solid #24262b;border-radius:999px;background:#fff;padding:4px 12px;cursor:pointer}
.naber-art-cover{margin-bottom:14px}
.naber-art-cover-add{display:flex;align-items:center;justify-content:center;min-height:90px;border:1.5px dashed #cfc7b6;border-radius:12px;color:#4a4439;cursor:pointer;font-size:15px}
.naber-art-cover-img{position:relative;border-radius:12px;overflow:hidden}.naber-art-cover-img img{width:100%;max-height:340px;object-fit:cover;display:block}
.naber-art-cover-remove{position:absolute;top:8px;right:8px;width:36px;height:36px;border:0;border-radius:50%;background:rgba(36,38,43,.8);color:#fff;font-size:22px;cursor:pointer}
.naber-art-title-input{width:100%;box-sizing:border-box;margin:0 0 8px;padding:8px 0;border:0;border-bottom:1px solid #eee9de;font-size:clamp(26px,5vw,36px);font-weight:700;line-height:1.2;background:transparent;color:#687681}
.naber-art-title-input::placeholder{color:#98a3aa;opacity:1}
.naber-art-excerpt-input{width:100%;box-sizing:border-box;margin:0 0 12px;padding:8px 10px;border:1px solid #e3ddd1;border-radius:10px;font-size:15px;font-family:inherit;resize:vertical;color:#687681}
.naber-art-excerpt-input::placeholder{color:#98a3aa;opacity:1}
.naber-art-toolbar{display:flex;flex-wrap:wrap;gap:6px;padding:8px;border:1px solid #e3ddd1;border-radius:10px 10px 0 0;background:#faf8f4;position:sticky;top:58px;z-index:4}
.naber-art-toolbar button{min-width:40px;min-height:36px;padding:0 10px;border:1px solid #d9d2c4;border-radius:8px;background:#fff;color:#24262b;font-size:14px;cursor:pointer}
.naber-art-toolbar button:hover{border-color:#24262b}
.naber-art-linkbar{display:flex;flex-wrap:wrap;gap:6px;padding:8px;border:1px solid #e3ddd1;border-top:0;background:#fff}
.naber-art-linkbar input{flex:1 1 200px;min-height:36px;padding:0 10px;border:1px solid #d9d2c4;border-radius:8px}
.naber-art-linkbar button{min-height:36px;padding:0 12px;border:1px solid #24262b;border-radius:8px;background:#fff;cursor:pointer}
.naber-art-body{min-height:340px;padding:16px;border:1px solid #e3ddd1;border-top:0;border-radius:0 0 10px 10px;font-size:18px;line-height:1.7;outline:none;overflow-wrap:anywhere}
.naber-art-body p{margin:.55em 0}
.naber-art-body h2{margin:1.15em 0 .45em;line-height:1.3}
.naber-art-body h3{margin:1em 0 .4em;line-height:1.35}
.naber-art-body ul,.naber-art-body ol{margin:.55em 0;padding-left:1.5em}
.naber-art-body:focus{border-color:#24262b}
.naber-art-body:empty:before{content:attr(data-placeholder);color:#9a9183}
.naber-art-body img{max-width:100%;height:auto;border-radius:8px;display:block}
.naber-art-body figure{margin:1em 0;position:relative}
.naber-art-imgbar{display:flex;gap:6px;margin-top:6px}.naber-art-imgbar input{flex:1;min-height:34px;padding:0 8px;border:1px solid #d9d2c4;border-radius:8px;font-size:14px}.naber-art-imgbar button{min-height:34px;border:1px solid #7a2b2b;border-radius:8px;background:#fff;color:#7a2b2b;cursor:pointer}
.naber-art-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:16px 0}
.naber-art-field{display:flex;flex-direction:column;gap:4px;font-size:13px;color:#4a4439}
.naber-art-field select,.naber-art-field input{min-height:40px;padding:0 10px;border:1px solid #d9d2c4;border-radius:10px;background:#fff;font-size:15px}
.naber-art-dest{margin:8px 0 24px}
.naber-art-preview-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;padding:10px 0;border-bottom:1px solid #eee9de}
.naber-art-form[hidden],.naber-art-preview[hidden]{display:none}
@media(max-width:960px){.naber-art-layout{grid-template-columns:1fr}.naber-art-sidebar{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.naber-art-draft-check{grid-column:1/-1}}
@media(max-width:600px){.naber-art-sidebar{grid-template-columns:1fr}.naber-art-draft-check{grid-column:auto}.naber-art-topbar{align-items:flex-start;flex-direction:column}.naber-art-actions{width:100%}.naber-art-actions .naber-art-btn{flex:1 1 auto;padding:0 10px}}

/* Article category picker: retain the approved blue-gray editor control styling.
   Scoped to the actual Article editor; native option menus remain OS-controlled. */
.naber-art-editor #naber-art-category {
  -webkit-appearance:none;appearance:none;
  width:100%;min-height:44px;padding:10px 38px 10px 12px;
  border:1px solid #dce5e1!important;border-radius:10px!important;
  background-color:#fff!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23294653' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;background-position:right 12px center!important;
  color:#294653;box-shadow:none;font:inherit;font-size:14px;
}
.naber-art-editor #naber-art-category:hover { border-color:#b8ccd0; }
.naber-art-editor #naber-art-category:focus-visible {
  outline:2px solid rgba(73,111,128,.24);outline-offset:2px;border-color:#7295a1;
}

/* rc.22 community.105–106: consistent Article controls and top-layer Series chooser */
.naber-art-editor .naber-art-title-input,
.naber-art-editor .naber-art-excerpt-input,
.naber-art-editor .naber-art-field input,
.naber-art-editor .naber-art-field select,
.naber-art-editor .naber-art-field textarea,
.naber-art-editor .naber-art-series-search{
  box-sizing:border-box;width:100%;min-height:44px;padding:10px 12px;border:1px solid #d9d2c4!important;border-radius:10px!important;background:#fff!important;box-shadow:none!important;color:#687681;font-family:inherit;font-size:15px;line-height:1.4
}
.naber-art-editor .naber-art-title-input{min-height:66px;margin:0 0 10px;padding:12px 14px;font-size:clamp(26px,4vw,34px);font-weight:700;line-height:1.2}
.naber-art-editor .naber-art-excerpt-input{min-height:78px;margin:0 0 12px;padding:12px 14px;resize:vertical}
.naber-art-editor .naber-art-title-input::placeholder,.naber-art-editor .naber-art-excerpt-input::placeholder{color:#98a3aa;opacity:1}
.naber-art-editor .naber-art-title-input:focus,.naber-art-editor .naber-art-excerpt-input:focus,.naber-art-editor .naber-art-field input:focus,.naber-art-editor .naber-art-field select:focus,.naber-art-editor .naber-art-field textarea:focus{outline:2px solid rgba(113,139,131,.3);outline-offset:1px;border-color:#718b83!important}
.naber-art-editor .naber-art-field{gap:6px}
.naber-art-toolbar{background:#fff;border-color:#d9d2c4}
.naber-art-body{border-top:1px solid #d9d2c4;border-color:#d9d2c4;border-radius:0 0 10px 10px;background:#fff}
.naber-art-body:focus{border-color:#718b83}
.naber-destinations.naber-art-placement{display:grid;gap:0;margin:0;padding:0;border:0;border-radius:0;background:transparent}
.naber-art-placement legend{margin:0 0 10px;padding:0;font-size:13px;color:#687681}
.naber-art-placement-item{display:flex;align-items:center;gap:9px;min-height:42px;margin:0;padding:7px 0;border-bottom:1px solid #eee9de;color:#56636d;font-size:14px;line-height:1.35}
.naber-art-placement-item strong{font-weight:600;color:#3d4650}
.naber-art-placement-state,.naber-art-series-count{margin-left:auto;color:#8a938f;font-size:12px;font-weight:400!important;white-space:nowrap}
/* Align Series status with the Library and Feed right edge. */
.naber-art-placement > .naber-art-series-option{display:grid!important;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;justify-self:stretch!important;width:100%!important;max-width:none!important;box-sizing:border-box}
.naber-art-placement > .naber-art-series-option > .naber-art-series-count{grid-column:3;margin-left:0!important;justify-self:end;text-align:right!important}
.naber-art-placement-check{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;flex:0 0 22px;border-radius:50%;background:#edf3ef;color:#49715f;font-weight:700}
.naber-art-placement-feed input[type=checkbox]{width:18px!important;height:18px!important;min-width:18px!important;accent-color:#718b83}
.naber-art-series-option{cursor:pointer}
.naber-art-series-option:hover{background:#fafbf9}
.naber-art-series-option input[type=checkbox]{width:18px!important;height:18px!important;min-width:18px!important;accent-color:#718b83}
.naber-art-series-dialog{position:fixed;inset:0;z-index:10000;width:100vw;height:100vh;max-width:none;max-height:none;margin:0;padding:18px;box-sizing:border-box;border:0;place-items:center;overflow-x:hidden;overflow-y:auto;background:rgba(31,38,40,.5);color:#35424a}
.naber-art-series-dialog:not([open]){display:none}
.naber-art-series-dialog[open]{display:grid}
.naber-art-series-dialog::backdrop{background:transparent}
.naber-art-series-card{width:min(600px,100%);max-height:calc(100vh - 36px);min-width:0;box-sizing:border-box;display:flex;flex-direction:column;padding:20px;border:1px solid #e1ddd3;border-radius:16px;background:#fff;box-shadow:0 18px 54px rgba(22,29,32,.25);overflow-x:hidden}
.naber-art-series-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px}
.naber-art-series-head h3{margin:0;color:#35424a;font-size:20px}
.naber-art-series-head p{margin:4px 0 0;color:#77828a;font-size:13px}
.naber-art-series-close{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex:0 0 34px;padding:0;border:0;border-radius:50%;background:#f3f1ec;color:#4b555b;font-size:23px;line-height:1;cursor:pointer;text-align:center}
.naber-art-editor .naber-art-series-close:hover,.naber-art-editor .naber-art-toolbar button:hover,.naber-art-editor .naber-art-linkbar button:hover,.naber-art-editor .naber-art-btn:hover,.naber-art-editor .naber-art-cover-lib:hover,.naber-art-editor .naber-art-newcat-open:hover,.naber-art-editor .naber-art-recover button:hover,.naber-art-editor .naber-art-modal-actions button:hover{background-color:#f0f1f1!important;border-color:#cfd3d4!important;color:#30383d!important;box-shadow:none!important;transform:none!important}
.naber-art-editor .naber-art-btn.is-primary:hover,.naber-art-editor .naber-art-modal-actions .naber-art-btn.is-primary:hover{background-color:#3b4247!important;border-color:#3b4247!important;color:#fff!important}
.naber-art-series-search{margin-bottom:10px}
.naber-art-series-card .naber-dest-series-list{width:100%;max-width:100%;max-height:min(58vh,520px);min-width:0;box-sizing:border-box;overflow-y:auto;overflow-x:hidden;padding:6px;border-color:#e2ded5;border-radius:10px}
.naber-art-series-card .naber-dest-series-opt{min-width:0;max-width:100%;box-sizing:border-box}
.naber-art-series-card .naber-dest-series-opt>label:not(.naber-dest-chapter-label){min-width:0;max-width:100%;box-sizing:border-box;flex-wrap:wrap;overflow-wrap:anywhere}
.naber-art-series-card .naber-dest-series-opt label{min-height:42px;color:#45515a}
.naber-art-series-card .naber-dest-series-opt label input{accent-color:#718b83}
.naber-art-series-card .naber-dest-tag{font-size:11px;color:#7b7465}
.naber-art-series-card .naber-dest-chapter-label{display:block!important;min-width:0;margin:0 8px 8px 36px}
.naber-art-series-card .naber-dest-chapter-label[hidden]{display:none!important}
.naber-art-series-card .naber-dest-chapter-select{display:block;width:100%;max-width:100%;min-width:0;min-height:38px;box-sizing:border-box;padding:5px 30px 5px 10px;border:1px solid #d9d2c4;border-radius:8px;background:#fff;color:#53616b;font:inherit}
.naber-art-series-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}
.naber-art-series-error{margin:12px 0 0;color:#9f3939;font-size:13px;font-weight:600}
.naber-art-series-error[hidden]{display:none}
@media(max-width:520px){.naber-art-series-dialog{padding:10px}.naber-art-series-card{width:100%;max-height:calc(100vh - 20px);padding:16px}.naber-art-series-card .naber-dest-series-list{max-height:55vh}}

/* Articles tab */
.naber-articles-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:6px 0 12px}
.naber-articles-head h2{margin:0;font-size:24px}
.naber-articles-search{display:flex;align-items:center;border:1px solid #d9d2c4;border-radius:999px;background:#fff;overflow:hidden}
.naber-articles-search input{border:0;min-height:40px;padding:0 14px;min-width:200px;background:transparent;outline:none}
.naber-articles-search button{border:0;background:transparent;width:40px;height:40px;cursor:pointer;color:#24262b}.naber-articles-search svg{width:18px;height:18px}
.naber-art-cats{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px}
.naber-art-catchip{display:inline-flex;gap:6px;align-items:center;min-height:36px;padding:0 14px;border:1px solid #e0dbd0;border-radius:999px;background:#faf8f4;color:#24262b;font-size:14px;text-decoration:none}
.naber-art-catchip span{color:#6b645a;font-size:12px}
.naber-art-catchip.is-current{background:#24262b;border-color:#24262b;color:#fff}.naber-art-catchip.is-current span{color:#d9d2c4}
.naber-articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}
.naber-art-tile{display:flex;flex-direction:column;border:1px solid #e3ddd1;border-radius:14px;overflow:hidden;background:#fff}
.naber-art-tile-cover{display:block;aspect-ratio:16/10;background:#f3f0ea;overflow:hidden}.naber-art-tile-cover img{width:100%;height:100%;object-fit:cover;display:block}
.naber-art-tile-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px}
.naber-art-tile h3{margin:0;font-size:19px;line-height:1.3}.naber-art-tile h3 a{color:#24262b;text-decoration:none}.naber-art-tile h3 a:hover{text-decoration:underline}
.naber-art-tile-excerpt{margin:0;color:#4a4439;font-size:14.5px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.naber-art-tile-by{margin:4px 0 0;color:#6b645a;font-size:13px}

/* Feed format filters */
.naber-formats{margin:0 0 14px;padding:12px 14px;border:1px solid #e3ddd1;border-radius:14px;background:#fff}
.naber-formats-head{display:flex;justify-content:space-between;align-items:center;margin:0 0 8px;font-size:13px;font-weight:700;color:#24262b}
.naber-formats-clear{font-weight:600;color:#24262b;text-decoration:underline;font-size:13px}
.naber-formats-list{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}
.naber-formats-list li{margin:0}
.naber-format{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 11px;border:1px solid #e3ddd1;border-radius:999px;background:#faf8f4;color:#24262b;font-size:13.5px;text-decoration:none}
.naber-format-n{color:#6b645a;font-size:12px}
.naber-format.is-current{background:#24262b;border-color:#24262b;color:#fff;font-weight:600}.naber-format.is-current .naber-format-n{color:#d9d2c4}
.naber-mobile-formats{display:none}
@media (max-width:960px){
  .naber-mobile-tools .naber-mobile-format-toggle{order:-1;display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;border:1px solid #d9d2c4;border-radius:50%;background:#fff;color:#24262b;padding:0;cursor:pointer}
  .naber-mobile-tools .naber-mobile-format-toggle svg{width:20px;height:20px}
  .naber-mobile-tools .naber-mobile-format-toggle{box-sizing:border-box}
  .naber-mobile-tools .naber-mobile-format-toggle[aria-expanded=true],.naber-mobile-tools .naber-mobile-format-toggle.has-filter{background:#f3f0ea;border-color:#24262b}
  .naber-mobile-formats:not([hidden]){display:block;position:relative;margin:0 0 12px}
  .naber-mobile-formats .naber-formats{margin:0;padding-right:44px}
  .naber-mobile-formats-close{position:absolute;top:8px;right:8px;z-index:2;width:36px;height:36px;border:0;border-radius:50%;background:transparent;color:#5b5348;font-size:22px;cursor:pointer}
  .naber-articles-search input{min-width:140px}
}
@media (min-width:961px){.naber-mobile-formats{display:none!important}}
.naber-art-cat-row input{width:100%;margin:6px 0 0}
.naber-art-cat-row[data-category-id]{display:flex;align-items:center;gap:12px}
.naber-art-cat-row[data-category-id]>label:first-child{flex:1;min-width:0}
.naber-art-cat-row .naber-art-cat-remove{white-space:nowrap;margin:6px 0 0}
.naber-art-cat-row .naber-art-cat-remove input,.naber-art-cat-remove-confirm input{width:auto;margin:0 6px 0 0}
.naber-art-cat-remove-confirm{margin:10px 0 4px}
.naber-listen [hidden],.naber-art-cover [hidden]{display:none!important}
.naber-article-full .naber-article-cover img{max-height:460px;object-fit:cover}
.naber-article-body figure img{max-height:640px;object-fit:contain}

@media (max-width:960px){.naber-mobile-tools .naber-mobile-format-toggle{flex:0 0 40px;width:40px;height:40px}.naber-mobile-tools .naber-mobile-format-toggle svg{width:18px;height:18px}}

/* ---- rc.10: Audio card, covers, picker (neutral palette; no green/orange) ---- */
.naber-audio-card{display:flex;align-items:stretch;gap:12px;margin:10px 0 4px;padding:10px;background:#f4f1ea;border:1px solid #e3ddd1;border-radius:14px;min-width:0}
.naber-audio-card .naber-audio{flex:1 1 auto;min-width:0;margin:0;padding:0;background:transparent;border:0;border-radius:0}
.naber-audio-cover{flex:0 0 auto;width:132px;height:132px;border-radius:10px;overflow:hidden;background:#e9e5dc;display:flex;align-items:center;justify-content:center;align-self:center}
.naber-audio-cover .naber-audio-cover-img{display:block;width:100%;height:100%;max-width:100%;object-fit:contain}
.naber-audio-cover.is-placeholder{color:#8a8f96}.naber-audio-cover.is-placeholder svg{width:56%;height:auto}
@media (max-width:600px){
  .naber-audio-card{flex-direction:column;gap:10px}
  .naber-audio-cover{width:100%;height:auto;max-height:200px;aspect-ratio:16/9;align-self:stretch}
  .naber-audio-cover.is-placeholder{aspect-ratio:auto;height:84px}
}
.naber-acv{margin:12px 0;padding:10px;border:1px solid #e3ddd1;border-radius:12px;background:#faf9f6;min-width:0}
.naber-acv-head{display:flex;gap:12px;align-items:center;min-width:0}
.naber-acv-current{flex:0 0 auto;width:72px;height:72px;border-radius:8px;overflow:hidden;background:#e9e5dc;display:flex;align-items:center;justify-content:center}
.naber-acv-current img{width:100%;height:100%;object-fit:contain;display:block}
.naber-acv-info{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1 1 auto}
.naber-acv-label{font-size:13px;color:#6b7280}
.naber-acv-btns{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.naber-acv-btns .naber-eb-btn,.naber-acv .naber-eb-btn,.naber-acv-manager .naber-eb-btn{white-space:nowrap;min-height:40px}
.naber-acv-upload,.naber-acv-gallery{margin-top:10px}
.naber-acv-save{border:0;padding:0;margin:6px 0;display:flex;flex-direction:column;gap:6px}
.naber-acv-save label{display:flex;gap:8px;align-items:center}
.naber-acv-tabs{display:flex;gap:6px;margin-bottom:8px}
.naber-acv-tabs button{min-height:40px;padding:0 12px;border:1px solid #e3ddd1;border-radius:999px;background:#fff;cursor:pointer;white-space:nowrap}
.naber-acv-tabs button[aria-selected=true]{background:#33363b;color:#fff;border-color:#33363b}
.naber-acv-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px}
.naber-acv-item{display:flex;flex-direction:column;gap:4px;min-width:0}
.naber-acv-thumb{padding:0;border:2px solid transparent;border-radius:8px;background:#e9e5dc;aspect-ratio:1;overflow:hidden;cursor:pointer;display:flex;align-items:center;justify-content:center}
.naber-acv-thumb:hover,.naber-acv-thumb:focus-visible{border-color:#5a6572;outline:none}
.naber-acv-thumb img{width:100%;height:100%;object-fit:contain;display:block}
.naber-acv-name{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.naber-acv-badge{font-size:11px;background:#33363b;color:#fff;border-radius:999px;padding:1px 8px;align-self:flex-start}
.naber-acv-item-actions{display:flex;flex-wrap:wrap;gap:4px 10px}
.naber-acv-link{background:none;border:0;padding:4px 0;color:#3d4650;text-decoration:underline;cursor:pointer;font-size:12px;min-height:28px}
.naber-acv-msg{font-size:13px;color:#6b7280;margin:6px 0 0}
.naber-acv [hidden],.naber-acv-manager [hidden]{display:none!important}
.naber-ac-timer{font-variant-numeric:tabular-nums;white-space:nowrap}

/* ===== rc.11: Community Home, navigation, hero actions, pinned post, highlights (neutral palette; no green/orange) ===== */
/* Content navigation: HOME ICON | FEED | SERIES | ARTICLES, one row, tools anchored right */
.naber-community-view .naber-tabs-row{display:flex!important;flex-wrap:nowrap!important;align-items:center;gap:8px;min-width:0}
.naber-community-view .naber-tabs-row > .naber-tabs{flex:1 1 0!important;width:auto!important;min-width:0;display:flex;flex-wrap:nowrap;gap:2px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.naber-community-view .naber-tabs::-webkit-scrollbar{display:none}
.naber-community-view .naber-tabs .neighbor-tab{flex:0 0 auto;white-space:nowrap;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
.naber-community-view .naber-tabs .naber-tab-home{padding:8px 14px}
.naber-community-view .naber-tabs .naber-tab-home svg{width:20px;height:20px}
.naber-community-view .naber-tabs-row > .naber-mobile-tools{flex:0 0 auto;margin:0!important;order:0;position:static}
.naber-community-view .naber-tabs-row > .naber-tabs-row-actions{display:none!important}
/* Hero: membership + contextual management */
.naber-hero-tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px}
.naber-hero-tools:empty{display:none}
.naber-hero-tools .naber-join-action,.naber-hero-tools .naber-membership-menu summary,.naber-hero-tools .neighbor-button,.naber-hero-tools .naber-join-state,.naber-hero-tools .neighbor-joined{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.55);background:rgba(20,22,26,.45);color:#fff!important;font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;backdrop-filter:blur(4px)}
.naber-hero-tools .naber-join-action:hover,.naber-hero-tools .naber-membership-menu summary:hover{background:rgba(20,22,26,.65)}
.naber-hero-tools .naber-membership-menu{position:relative}
.naber-hero-tools .naber-membership-menu-panel{position:absolute;left:0;top:calc(100% + 6px);z-index:30;min-width:200px;background:#fff;color:var(--naber-text);border:1px solid #e3ddd1;border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.18);padding:6px}
.naber-hero-tools .naber-membership-menu-panel *{color:var(--naber-text)}
.naber-hero-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.55);background:rgba(20,22,26,.45);color:#fff;text-decoration:none}
.naber-hero-icon:hover,.naber-hero-icon:focus-visible{background:rgba(20,22,26,.7);outline:none}
.naber-hero-icon svg{width:18px;height:18px}
.naber-hero.has-avatar .naber-hero-tools{}
a.naber-stat-members{color:inherit;text-decoration:none;border-bottom:1px dotted rgba(255,255,255,.55)}
a.naber-stat-members:hover{border-bottom-style:solid}
@media (max-width:700px){.naber-hero-tools{justify-content:center}.naber-hero-tools .naber-membership-menu-panel{left:50%;transform:translateX(-50%)}}
/* Sub-view bar (About, Members, Saved, Moderation, Settings) */
.naber-subview-bar{display:flex;align-items:center;gap:12px;margin:6px 0 10px}
.naber-subview-back{display:inline-flex;align-items:center;gap:4px;min-height:40px;color:#3d4650;text-decoration:none;font-weight:600}
.naber-subview-title{font-size:16px;color:var(--naber-text)}
/* Pinned post */
.naber-pin-label{display:flex;align-items:center;gap:6px;margin:0 0 6px;font-size:12px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:#6b7280}
.naber-pin-label .naber-pin-ico{width:14px;height:14px}
.naber-pin-item .naber-pin-ico{width:16px;height:16px;margin-right:8px;vertical-align:-3px}
/* Home */
.naber-home{display:flex;flex-direction:column;gap:22px}
.naber-home-intro{padding:18px 20px;background:#fff;border:1px solid #e9e6e1;border-radius:14px}
.naber-home-intro h2{margin:0 0 6px;font-size:22px;line-height:1.25}
.naber-home-intro p{margin:0 0 8px;color:#4b5563;line-height:1.55}
.naber-home-more{font-weight:600;color:#3d4650}
.naber-highlights{min-width:0}
.naber-highlights-row{list-style:none;margin:0;padding:2px 2px 6px;display:flex;gap:16px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.naber-highlights-row::-webkit-scrollbar{display:none}
.naber-highlight{display:flex;flex-direction:column;align-items:center;gap:6px;width:76px;text-decoration:none;color:var(--naber-text)}
.naber-highlight-circle{width:64px;height:64px;border-radius:50%;background:#f1efea;border:1px solid #e3ddd1;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#3d4650}
.naber-highlight-circle img{width:100%;height:100%;object-fit:cover}
.naber-highlight-circle svg{width:26px;height:26px}
.naber-highlight:hover .naber-highlight-circle,.naber-highlight:focus-visible .naber-highlight-circle{border-color:#5a6572}
.naber-highlight-label{font-size:12px;line-height:1.25;text-align:center;max-width:76px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word}
.naber-home-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:8px}
.naber-home-head h3{margin:0;font-size:17px}
.naber-home-head a{font-size:13px;font-weight:600;color:#3d4650;white-space:nowrap}
.naber-home-cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}
.naber-home-card{display:flex;flex-direction:column;gap:4px;padding:12px 14px;background:#fff;border:1px solid #e9e6e1;border-radius:12px;text-decoration:none;color:var(--naber-text);min-height:64px}
.naber-home-card:hover{border-color:#c9c2b4}
.naber-home-card-title{font-weight:600;line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.naber-home-card-meta{font-size:12px;color:#6b7280}
.naber-home-feedcta{text-align:center;margin:0}
/* Settings: highlights editor */
.naber-hl-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.4fr);gap:8px;margin:6px 0}
.naber-hl-row label{display:block;min-width:0}
.naber-hl-row input,.naber-hl-row select{width:100%;min-width:0}
.naber-hl-row .naber-hl-link{margin-top:6px}
@media (max-width:700px){.naber-hl-row{grid-template-columns:1fr}}
/* Global navigation: compact menu on narrow screens so nothing essential disappears */
.naber-app-menu{display:none;position:relative}
.naber-app-menu summary{list-style:none;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;cursor:pointer;color:#374151}
.naber-app-menu summary::-webkit-details-marker{display:none}
.naber-app-menu summary svg{width:22px;height:22px}
.naber-app-menu-panel{position:absolute;right:0;top:calc(100% + 6px);z-index:60;min-width:180px;display:flex;flex-direction:column;background:#fff;border:1px solid #e3ddd1;border-radius:12px;box-shadow:0 10px 28px rgba(0,0,0,.16);padding:6px}
.naber-app-menu-panel a{padding:12px 14px;border-radius:8px;color:var(--naber-text);text-decoration:none;font-weight:600;min-height:44px;display:flex;align-items:center}
.naber-app-menu-panel a:hover{background:#f4f1ea}
@media (max-width:960px){.naber-app-menu{display:block}.naber-app-header-right .naber-app-nav{display:none!important}}
@media (min-width:961px){.naber-app-menu{display:none!important}}
.naber-community-view .naber-home-intro h2{font-size:22px;font-weight:700;margin:0 0 6px}
.naber-community-view .naber-home-intro p{font-size:15px;margin:0 0 8px}
.naber-community-view .naber-home-more{font-size:14px;font-weight:600;text-decoration:none}
.naber-community-view .naber-home-more:hover{text-decoration:underline}
.naber-community-view .naber-home-head h3{font-size:17px;font-weight:700}
.naber-community-view .naber-home-head a{font-weight:600;text-decoration:none}

.naber-highlight{width:88px}.naber-highlight-label{max-width:88px;word-break:normal;overflow-wrap:break-word;hyphens:auto}
@media (max-width:700px){.naber-community-view .naber-pin-label{padding:12px 16px 0;margin:0}}

.naber-hero-tools .naber-join-action,.naber-hero-tools .naber-membership-menu summary,.naber-hero-tools .neighbor-button,.naber-hero-tools .naber-join-state,.naber-hero-tools .neighbor-joined{min-height:40px}.naber-hero-icon{width:40px;height:40px}
body .naber-community-view .naber-hero-tools a.naber-join-action,body.naber-app .naber-community-view .naber-hero-tools a.naber-join-action{background:rgba(20,22,26,.45)!important;border:1px solid rgba(255,255,255,.55)!important;border-radius:999px!important;padding:0 16px!important;color:#fff!important;min-height:40px}

/* =====================================================================
   rc.12 — Community utility bar (membership · members · posts · manage gear)
   Overlays the hero's bottom edge when the hero shows; sits in flow when it doesn't.
   ===================================================================== */
.naber-community-view .naber-utility-bar { display: flex; align-items: center; justify-content: space-between; gap: 10px; box-sizing: border-box; min-width: 0; font-size: 13px; line-height: 1.2; color: var(--naber-text-secondary, #5b6472); }
.naber-community-view .naber-ub-main { display: flex; align-items: center; gap: 14px; min-width: 0; flex: 1 1 auto; flex-wrap: nowrap; }
.naber-community-view .naber-ub-membership { flex: 0 0 auto; min-width: 0; display: flex; align-items: center; }
.naber-community-view .naber-ub-stats { display: flex; align-items: center; gap: 12px; min-width: 0; flex: 0 1 auto; }
.naber-community-view .naber-ub-stat { display: inline-flex; align-items: center; gap: 5px; white-space: nowrap; color: inherit; text-decoration: none; font-weight: 500; }
.naber-community-view .naber-ub-stat svg { width: 14px; height: 14px; flex: none; opacity: .8; }
.naber-community-view a.naber-ub-stat:hover { color: var(--naber-text, #1a1d21); }
.naber-community-view .naber-ub-gear { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 8px; color: var(--naber-text-secondary, #5b6472); text-decoration: none; border: 1px solid transparent; }
.naber-community-view .naber-ub-gear:hover, .naber-community-view .naber-ub-gear:focus-visible { color: var(--naber-text, #1a1d21); border-color: var(--naber-border, #e3e0d8); background: rgba(0,0,0,.03); }
.naber-community-view .naber-ub-gear svg { width: 17px; height: 17px; }
/* Membership controls inside the bar: compact, neutral (no big pills). */
.naber-community-view .naber-utility-bar .naber-join-action, .naber-community-view .naber-utility-bar .naber-join-state, .naber-community-view .naber-utility-bar .naber-membership-summary,
.naber-community-view .naber-utility-bar .neighbor-membership-actions .neighbor-badge, .naber-community-view .naber-utility-bar button.neighbor-button, .naber-community-view .naber-utility-bar .neighbor-inline-form button {
    display: inline-flex; align-items: center; gap: 5px; min-height: 30px; padding: 0 12px; margin: 0; box-sizing: border-box; border-radius: 999px; font-size: 13px; font-weight: 600; line-height: 1; white-space: nowrap;
    color: var(--naber-text, #1a1d21)!important; background: transparent!important; border: 1px solid var(--naber-border, #d9d5ca)!important; text-decoration: none; cursor: pointer; box-shadow: none;
}
.naber-community-view .naber-utility-bar .naber-join-state { cursor: default; font-weight: 500; }
.naber-community-view .naber-utility-bar .naber-membership-menu { position: relative; }
.naber-community-view .naber-utility-bar .naber-membership-summary { list-style: none; cursor: pointer; }
.naber-community-view .naber-utility-bar .naber-membership-summary::-webkit-details-marker { display: none; }
.naber-community-view .naber-utility-bar .naber-membership-summary svg { width: 12px; height: 12px; }
.naber-community-view .naber-utility-bar .naber-membership-menu[open] > :not(summary) { position: absolute; left: 0; top: calc(100% + 6px); z-index: 30; }
.naber-community-view .naber-utility-bar .neighbor-membership-actions { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.naber-community-view .naber-utility-bar .neighbor-restricted-details .neighbor-field-hint { position: absolute; z-index: 30; left: 0; top: calc(100% + 6px); width: min(320px, 80vw); padding: 10px 12px; background: #fff; border: 1px solid var(--naber-border, #e3e0d8); border-radius: 10px; box-shadow: 0 6px 18px rgba(0,0,0,.12); white-space: normal; font-size: 12.5px; }
.naber-community-view .naber-utility-bar .neighbor-restricted-details { position: relative; }

/* Hero visible: floats along the bottom edge, to the right of the logo, readable on any cover. */
.naber-community-view .naber-hero { position: relative; }
.naber-community-view .naber-utility-bar.is-overlay { position: absolute; z-index: 6; left: 20px; right: 20px; bottom: -22px; height: 44px; padding: 0 8px 0 12px; background: rgba(255,255,255,.96); border: 1px solid var(--naber-border, #e3e0d8); border-radius: 12px; box-shadow: 0 2px 10px rgba(0,0,0,.14); }
.naber-community-view .naber-hero.has-avatar .naber-utility-bar.is-overlay { left: 200px; }
.naber-community-view .naber-hero .naber-hero-body { padding-bottom: 40px; }
/* Hero hidden / full-Community embed: normal flow above the tabs, page background, faint divider. */
.naber-community-view .naber-utility-bar.is-inflow { position: static; padding: 8px 2px; margin: 0 0 4px; background: transparent; border: 0; border-bottom: 1px solid var(--naber-border, #ece9e1); border-radius: 0; box-shadow: none; }
.naber-community-view .naber-utility-bar.is-inflow .naber-ub-gear { margin-right: -6px; }

/* Management workspace switch (Moderation | Settings) in the sub-view bar. */
.naber-community-view .naber-manage-switch { margin-left: auto; display: inline-flex; gap: 4px; }
.naber-community-view .naber-manage-switch a { padding: 5px 12px; border-radius: 999px; font-size: 13px; font-weight: 600; color: var(--naber-text-secondary, #5b6472); text-decoration: none; border: 1px solid transparent; }
.naber-community-view .naber-manage-switch a.is-active { color: var(--naber-text, #1a1d21); border-color: var(--naber-border, #d9d5ca); background: rgba(0,0,0,.03); }
/* Composer replacement is now a single discreet line. */
.naber-community-view .naber-compose-note { margin: 0 0 8px; padding: 0; font-size: 13px; color: var(--naber-text-secondary, #5b6472); }

@media (max-width: 960px) {
  .naber-community-view .naber-utility-bar.is-overlay { left: 14px; right: 14px; bottom: -22px; height: 44px; padding: 0 6px 0 10px; }
  .naber-community-view .naber-hero.has-avatar .naber-utility-bar.is-overlay { left: 84px; }
  .naber-community-view .naber-ub-main { gap: 10px; }
  .naber-community-view .naber-ub-stats { gap: 9px; }
}
@media (max-width: 460px) {
  .naber-community-view .naber-utility-bar { font-size: 12.5px; }
  /* Narrow phones: counts keep their icon + number; the words stay available to assistive tech only. */
  .naber-community-view .naber-ub-word { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  .naber-community-view .naber-utility-bar .naber-join-action, .naber-community-view .naber-utility-bar .naber-join-state, .naber-community-view .naber-utility-bar .naber-membership-summary { padding: 0 10px; font-size: 12.5px; }
}
@media (max-width: 960px) {
  /* rc.12: the logo sits at the left so the utility bar can run alongside it along the hero's bottom edge. */
  .naber-community-view .naber-hero-avatar { width: 56px!important; height: 56px!important; left: 14px!important; right: auto!important; transform: none!important; bottom: -34px!important; }
  .naber-community-view .naber-hero .naber-hero-body { padding-bottom: 44px; }
}
.naber-community-view .naber-utility-bar .naber-membership-menu-panel { position: absolute; left: 0; top: calc(100% + 6px); z-index: 30; min-width: 200px; padding: 6px; background: #fff; border: 1px solid var(--naber-border, #e3ddd1); border-radius: 10px; box-shadow: 0 8px 22px rgba(0,0,0,.14); }
.naber-community-view .naber-utility-bar .naber-membership-menu-panel button { width: 100%; justify-content: flex-start; border: 0!important; border-radius: 8px!important; min-height: 36px; padding: 0 10px; color: var(--naber-text, #1a1d21)!important; }
.naber-community-view .naber-utility-bar .naber-membership-menu-panel button:hover { background: rgba(0,0,0,.05)!important; }
.naber-community-view .naber-utility-bar .naber-membership-summary { text-transform: none; letter-spacing: 0; }
@media (max-width: 400px) {
  .naber-community-view .naber-hero-avatar { width: 44px!important; height: 44px!important; left: 12px!important; bottom: -30px!important; }
  .naber-community-view .naber-hero.has-avatar .naber-utility-bar.is-overlay { left: 64px; right: 10px; padding: 0 4px 0 6px; }
  .naber-community-view .naber-ub-main { gap: 8px; }
  .naber-community-view .naber-ub-stats { gap: 7px; }
  .naber-community-view .naber-utility-bar .naber-join-action, .naber-community-view .naber-utility-bar .naber-join-state, .naber-community-view .naber-utility-bar .naber-membership-summary { padding: 0 8px; font-size: 12px; gap: 4px; }
  .naber-community-view .naber-ub-stat svg { width: 12px; height: 12px; }
}
.naber-community-view .naber-utility-bar .neighbor-badge, .naber-community-view .naber-utility-bar summary { text-transform: none!important; letter-spacing: 0!important; }

/* =====================================================================
   rc.12 — Audio Cover uploader: compact vertical layout (composer + Edit modal).
   High-specificity because composer/edit form rules (centered labels, big headings) were overriding the rc.10 styles.
   ===================================================================== */
form .naber-acv, .naber-acv { margin: 10px 0; padding: 10px 12px; text-align: left; font-size: 14px; line-height: 1.35; }
form .naber-acv .naber-acv-head { display: flex; align-items: flex-start; gap: 12px; }
form .naber-acv .naber-acv-current { width: 64px; height: 64px; flex: 0 0 64px; }
form .naber-acv .naber-acv-info { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; min-width: 0; flex: 1 1 auto; }
form .naber-acv .naber-acv-title { font-size: 14px; font-weight: 700; color: var(--naber-text, #1a1d21); margin: 0; }
form .naber-acv .naber-acv-label { font-size: 12.5px; color: var(--naber-text-secondary, #5b6472); margin: 0; }
form .naber-acv .naber-acv-btns { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 4px; }
form .naber-acv .naber-acv-btns .naber-eb-btn, form .naber-acv .naber-eb-btn { min-height: 36px; padding: 0 14px; font-size: 13.5px; }
form .naber-acv .naber-acv-hint { font-size: 12px; color: var(--naber-text-secondary, #5b6472); margin-top: 4px; }
form .naber-acv .naber-acv-upload { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; margin-top: 10px; padding-top: 10px; border-top: 1px solid var(--naber-border, #e3ddd1); text-align: left; }
form .naber-acv .naber-acv-upload[hidden], form .naber-acv .naber-acv-gallery[hidden] { display: none !important; }
form .naber-acv .naber-acv-up-file { margin: 0; font-size: 13px; color: var(--naber-text, #1a1d21); overflow-wrap: anywhere; text-align: left; }
form .naber-acv .naber-acv-up-label { color: var(--naber-text-secondary, #5b6472); }
form .naber-acv .naber-acv-up-name { font-weight: 600; font-size: 13px; }
form .naber-acv .naber-acv-save { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; margin: 0; padding: 0; border: 0; width: 100%; }
form .naber-acv .naber-acv-radio { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-start !important; gap: 8px; width: auto; margin: 0; padding: 0; text-align: left !important; font-size: 14px; font-weight: 500; cursor: pointer; }
form .naber-acv .naber-acv-radio[hidden] { display: none !important; }
form .naber-acv .naber-acv-radio input[type=radio] { flex: 0 0 auto; width: 16px; height: 16px; margin: 0; }
form .naber-acv .naber-acv-radio span { text-align: left; }
form .naber-acv .naber-acv-nameinp { width: 100%; max-width: 360px; min-height: 38px; box-sizing: border-box; }
form .naber-acv .naber-acv-up-actions { display: flex; gap: 8px; flex-wrap: wrap; }
form .naber-acv .naber-acv-msg { margin: 8px 0 0; font-size: 13px; text-align: left; color: var(--naber-text-secondary, #5b6472); }
form .naber-acv .naber-acv-msg:empty { display: none; }
form .naber-acv .naber-acv-msg.is-ok { color: var(--naber-text, #1a1d21); font-weight: 600; }
form .naber-acv .naber-acv-msg.is-error { color: #a12b2b; font-weight: 600; }
form .naber-acv.is-uploading .naber-acv-current { opacity: .55; }
form .naber-acv .naber-acv-empty { margin: 6px 0; font-size: 13px; color: var(--naber-text-secondary, #5b6472); text-align: left; }
@media (max-width: 480px) { form .naber-acv { padding: 10px; } form .naber-acv .naber-acv-btns .naber-eb-btn { flex: 1 1 auto; } }

/* rc.13 — Community Links panel (Settings → General) */
.naber-links-panel{margin:6px 0 14px;padding:12px 14px;border:1px solid #e3e6ea;border-radius:10px;background:#fafbfc}
.naber-links-title{margin:0 0 8px;font-size:15px}
.naber-links-row{margin:0 0 12px}.naber-links-row:last-child{margin-bottom:0}
.naber-links-label{display:block;font-weight:600;font-size:13px;margin-bottom:4px}
.naber-links-row .neighbor-copy-row input{min-width:0}
.naber-slug-edit{display:block;margin-top:8px;font-size:13px}
.naber-slug-field{display:flex;align-items:center;gap:0;margin-top:4px;max-width:100%}
.naber-slug-prefix{padding:8px 8px;border:1px solid #cfd4da;border-right:0;border-radius:8px 0 0 8px;background:#f1f3f5;color:#5b6570;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:55%}
.naber-slug-field input{flex:1;min-width:0;border-radius:0 8px 8px 0!important}
.naber-slug-confirm{margin:8px 0}
@media (max-width:520px){.naber-slug-prefix{max-width:45%}}

/* rc.14 — Embed Builder presentation options */
.naber-eb-present{border:0;margin:8px 0;padding:0}.naber-eb-present legend{font-weight:600;font-size:13px;margin-bottom:4px}
.naber-eb-check{display:flex;gap:8px;align-items:flex-start;margin:4px 0;font-size:13px}.naber-eb-check em{opacity:.65;font-style:normal}

.naber-intent-highlight{outline:3px solid var(--naber-accent,#2d6a4f);outline-offset:3px;border-radius:10px;animation:naber-intent-pulse 1.4s ease-in-out 3}@keyframes naber-intent-pulse{50%{outline-color:transparent}}@media (prefers-reduced-motion:reduce){.naber-intent-highlight{animation:none}}

/* ===== rc.15: Series permissions, approval queue, Only Me ===== */
.naber-radio-row{display:flex!important;flex-direction:row!important;align-items:flex-start;gap:10px;margin:8px 0;font-weight:500;cursor:pointer}
.naber-radio-row input[type=radio]{margin-top:4px;flex:none;accent-color:#24262b}
.naber-series-settings .naber-series-creators,.naber-series-contrib .naber-series-contrib-selected{margin:8px 0 12px 26px}
.naber-member-pick{display:grid;gap:8px}
.naber-member-pick-list{list-style:none;margin:0;padding:0;display:grid;gap:6px;max-height:260px;overflow:auto}
.naber-member-pick-list li[hidden]{display:none}
.naber-member-pick-search{width:100%;max-width:360px}
.naber-series-contrib{border:1px solid #eee9e0;border-radius:14px;padding:14px 16px;margin:14px 0}
.naber-series-contrib legend{font-weight:650;padding:0 6px}
.naber-series-approval{margin-top:12px}
.naber-dest-tag{font-style:normal;font-size:11.5px;font-weight:600;padding:2px 8px;border-radius:999px;background:#f1ede4;color:#5f574b;margin-left:6px;white-space:normal}
.naber-dest-tag.is-approval,.naber-dest-tag.is-pending{background:#fdf1d8;color:#8a5a00}
.naber-dest-tag.is-declined{background:#fbe9e7;color:#9a2f22}
.naber-dest-tag.is-approved{background:#e5f3e8;color:#1f6b36}
.naber-dest-approval-note{margin:6px 0 0;font-size:12.5px;color:#766d62}
.naber-series-contrib-note{margin:12px 0;padding:10px 14px;border-radius:12px;background:#fdf6e6;border:1px solid #f0dfb5;font-size:14px}
.naber-series-queue,.naber-series-mine{margin:16px 0;padding:14px 16px;border:1px solid #eee9e0;border-radius:16px;background:#fff}
.naber-series-queue h3,.naber-series-mine h3{margin:0 0 8px;font-size:16px}
.naber-queue-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.naber-queue-item{display:flex;flex-wrap:wrap;gap:10px 16px;justify-content:space-between;padding:12px;border:1px solid #f0ebe1;border-radius:12px;background:#fcfbf8}
.naber-queue-main{flex:1 1 280px;min-width:0;display:grid;gap:4px}
.naber-queue-title{overflow-wrap:anywhere}
.naber-queue-by{font-size:12.5px;color:#7a7d85}
.naber-queue-preview{font-size:13.5px;color:#4a4d54}
.naber-queue-preview p{margin:0}
.naber-queue-held{font-size:12.5px;margin:0}
.naber-queue-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.naber-queue-decline-form{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.naber-queue-decline-form input[type=text]{min-width:180px}
.naber-queue-declined{margin-top:10px}
.naber-series-card-pending{margin:0 0 4px;font-size:12px;font-weight:650;color:#8a5a00}
.naber-series-sub-status{font-weight:600}
.naber-series-sub-status.is-pending{color:#8a5a00}.naber-series-sub-status.is-declined{color:#9a2f22}
.naber-onlyme-intro{margin:0 0 12px}
.naber-visibility-chip{background:#24262b;color:#fff}
.naber-onlyme-open{margin:8px 0 0;font-size:13.5px}
.naber-queue-decline-form input[type=text]{border:1px solid #d9d2c3;border-radius:10px;padding:8px 12px;font:inherit;font-size:13.5px;background:#fff;color:#24262b;width:230px;max-width:100%}
.naber-queue-decline-form input[type=text]:focus{outline:2px solid #24262b;outline-offset:1px}
.naber-series-queue h3,.naber-series-mine h3{font-weight:650;font-size:17px;margin:0 0 10px}
.naber-queue-approve{white-space:nowrap}
.naber-series-settings .naber-radio-row strong{font-weight:650}
.naber-series-contrib .naber-radio-row{margin:6px 0}
@media (max-width:640px){.naber-queue-actions{width:100%}.naber-queue-decline-form{width:100%}.naber-queue-decline-form input[type=text]{flex:1 1 100%;width:100%}}
.naber-radio-row input[type=radio],.neighbor-fieldset .naber-radio-row input[type=radio],.neighbor-form .naber-radio-row input[type=radio]{width:18px!important;height:18px;min-width:18px;flex:none;margin:2px 0 0!important;padding:0}
.naber-radio-row>span{flex:1 1 auto;min-width:0}
.naber-series-settings .naber-member-pick-list input[type=checkbox]{width:18px;height:18px}
.naber-queue-main .naber-dest-tag{justify-self:start;margin-left:0}

/* ===== rc.16: Publishing permissions (compact) + Create Article ===== */
.naber-pub-settings .naber-pub-row{padding:12px 0;border-top:1px solid var(--naber-line,#e5e7eb)}
.naber-pub-settings .naber-pub-row:first-of-type{border-top:0}
.naber-pub-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.naber-pub-head label{margin:0}
.naber-pub-head select{width:auto!important;min-width:190px;max-width:100%}
.naber-pub-appr{display:flex!important;align-items:center;gap:8px;margin:8px 0 0;font-weight:500}
.naber-pub-appr input[type=checkbox]{width:18px!important;height:18px;flex:none;margin:0!important}
.naber-pub-del{margin-top:2px}
.naber-pub-appr[hidden],.naber-pub-del[hidden]{display:none!important}
.naber-pub-members{margin:8px 0 0}
.naber-pub-members summary{cursor:pointer;font-weight:600;padding:4px 0}
.naber-pub-members .naber-member-pick{margin-top:6px}
.naber-pub-hint{margin:8px 0 0;font-size:.86rem}
.naber-pub-approval-note{margin:8px 0;padding:8px 12px;border-radius:10px;background:#f4f5f7;font-size:.9rem}
.naber-pub-held-tag{color:#8a5a00}
.naber-pub-needs-owner{font-size:.88rem}
.naber-series-held{margin:12px 0;padding:12px 14px;border-radius:12px;background:#fff8e6;border:1px solid #f0d58a}
.naber-series-held p{margin:0 0 8px}
.naber-series-held-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.naber-series-held-actions input[type=text]{min-width:180px}
.naber-articles-head{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
.naber-articles-head h2{margin:0 auto 0 0}
.naber-create-article{display:inline-flex;align-items:center;gap:8px;text-decoration:none;white-space:nowrap}
.naber-create-article svg{width:18px;height:18px;flex:none}
@media (max-width:600px){.naber-articles-head{gap:10px}.naber-create-article{order:1;width:100%;justify-content:center}.naber-articles-head .naber-articles-search{order:2;flex:1 1 100%}.naber-pub-head select{width:100%!important}}

/* ===== rc.17: searchable member selector ===== */
.naber-mpick-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.naber-mpick-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 4px 3px 10px;border-radius:999px;background:#f1ede4;font-size:.9rem}
.naber-mpick-remove{border:0;background:transparent;cursor:pointer;font-size:18px;line-height:1;width:26px;height:26px;border-radius:50%;color:#5f574b}
.naber-mpick-remove:hover,.naber-mpick-remove:focus-visible{background:#e2dccd}
.naber-mpick-results{list-style:none;margin:0;padding:0;display:grid;gap:4px;max-height:300px;overflow:auto}
.naber-mpick-results[hidden],.naber-mpick-pager[hidden],.naber-mpick-none[hidden]{display:none}
.naber-mpick-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:8px 10px;border:1px solid #eee9e0;border-radius:10px;background:#fff;cursor:pointer;min-height:44px}
.naber-mpick-item:hover:not(:disabled){background:#faf8f3}
.naber-mpick-item.is-selected{opacity:.6;cursor:default}
.naber-mpick-item-name{font-weight:600}
.naber-mpick-item-meta{color:#6b6b6b;font-size:.82rem;flex:1}
.naber-mpick-item-act{font-size:.82rem;font-weight:600}
.naber-mpick-pager{display:flex;align-items:center;gap:12px;font-size:.86rem}
.naber-mpick-pager button{min-height:36px}
@media (max-width:600px){.naber-mpick-item{flex-wrap:wrap}.naber-mpick-item-meta{flex:1 1 100%;order:3}}

.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.naber-art-newcat-open{display:inline-block;margin-top:6px;font-weight:600;min-height:32px;cursor:pointer}
.naber-art-modal{position:fixed;inset:0;z-index:100000;background:rgba(20,20,20,.45);display:flex;align-items:center;justify-content:center;padding:16px}
.naber-art-modal[hidden]{display:none}
.naber-art-modal-card{background:#fff;border-radius:16px;padding:20px;width:100%;max-width:380px;display:grid;gap:12px;box-shadow:0 12px 40px rgba(0,0,0,.25)}
.naber-art-modal-card h3{margin:0}
.naber-art-modal-actions{display:flex;justify-content:flex-end;gap:10px}
/* Author picker: match the article editor's soft borders, compact spacing and fields. */
.naber-art-author-modal .naber-art-modal-card{max-width:440px;max-height:min(90vh,720px);overflow:auto;gap:14px;padding:26px;border:1px solid #ebe6dc;border-radius:18px;box-shadow:0 20px 60px rgba(27,35,40,.2)}
.naber-art-author-modal .naber-art-modal-card>p{margin:0;color:#60707a;font-size:14px;line-height:1.55}
.naber-art-author-modal .naber-art-modal-card>label{display:block!important;margin:0!important;font-weight:600;font-size:13px;color:#34434b}
.naber-art-author-modal [data-author-admin],.naber-art-author-modal [data-author-search]{box-sizing:border-box;width:100%!important;min-height:43px;margin:7px 0 0!important;padding:10px 12px;border:1px solid #dcd7cf;border-radius:10px;background:#fff;color:#27323a;font:inherit;font-weight:400;outline:none}
.naber-art-author-modal [data-author-admin]:focus,.naber-art-author-modal [data-author-search]:focus{border-color:#9ba9aa;box-shadow:0 0 0 3px rgba(90,110,115,.1)}
.naber-art-author-modal [data-author-results]{margin:0!important;display:grid;gap:6px;max-height:180px;overflow:auto}
.naber-art-author-modal [data-author-results] .naber-art-btn{margin:0!important;border-radius:10px;padding:10px 12px}
.naber-art-author-modal [data-author-confirm]{padding:14px 16px;background:#f7f7f4;border:1px solid #e5e3dd;border-radius:12px}
.naber-art-author-modal [data-author-confirm] p{margin:0 0 12px;font-size:14px;line-height:1.5}
.naber-art-author-modal [data-author-confirm] .naber-art-btn{width:100%;justify-content:center}
.naber-art-author-modal .naber-art-modal-actions{padding-top:2px;border-top:1px solid #efede9}
.naber-art-author-modal [data-author-error]{color:#a13939;font-size:13px}
.naber-art-newcat-err{margin:0;color:#a3321f;font-size:.9rem}
.naber-art-newcat-err[hidden]{display:none}

.naber-pub-overview{margin:0;color:#5f574b;font-size:.9rem}
.naber-pub-manage{margin-top:6px}
.naber-pub-manage>summary{cursor:pointer;font-weight:600;padding:6px 0;min-height:32px}
.naber-pub-manage-body{display:grid;gap:8px;padding:6px 0 4px}
.naber-pub-modelabel{font-weight:600}
.naber-pub-sub{margin:8px 0 4px}
.naber-pub-catmembers{margin-top:14px;padding-top:10px;border-top:1px solid #eee9e0}
.naber-pub-ov-sep[hidden]{display:none}

/* rc.18: compact New Category + Article publishing destinations */
.naber-art-field .naber-art-newcat-open{display:inline-flex;align-items:center;align-self:flex-start;margin-top:6px;padding:3px 12px;min-height:32px;font-size:.82rem;font-weight:600;line-height:1.2;border:1px solid #d6d0c3;border-radius:999px;background:#fff;color:#3a362e;text-decoration:none;box-shadow:none;cursor:pointer}
.naber-art-field .naber-art-newcat-open:hover,.naber-art-field .naber-art-newcat-open:focus-visible{background:#f4f1ea;border-color:#b9b2a2;color:#24262b}
/* Article editor: reduced category spacing; Visibility as second placement group. */
.naber-art-editor .naber-art-meta-grid{row-gap:9px}
.naber-art-editor .naber-art-newcat-open{display:block!important;align-self:flex-start!important;margin:2px auto 0 0!important;padding:0!important;min-height:18px!important;border:0!important;background:transparent!important;box-shadow:none!important;font-size:11px!important;font-weight:400!important;color:#697483!important;line-height:1.3!important}
.naber-art-editor .naber-art-visibility-block{margin-top:18px}
.naber-art-editor .naber-art-placement-heading{margin:0 0 10px;padding:0;font-size:13px;font-weight:600;color:#687681}
.naber-art-editor .naber-art-visibility-block .naber-art-placement-heading{font-size:13px;font-weight:600;color:#687681}
.naber-art-editor .naber-art-vis-field{display:flex;flex-direction:column;gap:4px}
.naber-art-editor .naber-art-vis-field select{width:100%}
/* Article Library polish: readable type and one-line author/edit footer. */
.naber-community-view .naber-art-tile-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:32px;margin-top:7px}
.naber-community-view .naber-art-tile-footer .naber-art-tile-by{margin:0!important;min-width:0;font-size:13px!important;line-height:1.45!important;color:#65727a!important}
.naber-community-view .naber-art-tile-edit-row{display:flex;justify-content:flex-end;flex:none;margin:0}
.naber-community-view .naber-art-tile-edit{display:inline-flex;align-items:center;justify-content:center;flex:none;width:32px;height:32px}
.naber-community-view .naber-art-tile-excerpt{font-size:15px!important;line-height:1.65!important;color:#4e5c63!important}
.naber-community-view .naber-art-tile-body .naber-article-kicker,.naber-community-view .naber-art-tile-body .naber-article-cat,.naber-community-view .naber-art-tile-body .naber-article-read{font-size:12px!important}
.naber-community-view .naber-article-side-section>h3{font-size:12px!important}
.naber-community-view .naber-article-side-search input{font-size:14px!important;min-height:42px}
.naber-community-view .naber-article-side-categories a,.naber-community-view .naber-article-archives a,.naber-community-view .naber-article-featured{font-size:14px!important;line-height:1.5!important}
.naber-community-view .naber-article-side-categories a>span:last-child,.naber-community-view .naber-article-featured small{font-size:12px!important}
.naber-community-view .naber-articles-intro{font-size:14px!important}
.naber-community-view .naber-articles-result-count,.naber-community-view .naber-articles-sort,.naber-community-view .naber-articles-sort select,.naber-community-view .naber-art-catchip{font-size:13px!important}
/* Neutral, centered image close control, without the bright orange button. */
.naber-community-view .naber-image-lightbox-close,.naber-art-editor .naber-art-cover-remove{display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;background:#303b43!important;color:#fff!important;font-family:Arial,sans-serif!important;font-size:22px!important;line-height:1!important;transform:none!important}
.naber-community-view .naber-image-lightbox-close:hover,.naber-art-editor .naber-art-cover-remove:hover{background:#172027!important}
/* Cover drop area: guidance inside the target and progress directly underneath. */
.naber-art-editor .naber-art-cover-add{flex-direction:column;gap:5px;min-height:110px;padding:14px;text-align:center}
.naber-art-cover-drop-hint{font-size:13px;line-height:1.4;color:#697680;font-weight:400}
.naber-art-cover-status{margin:6px 0;font-size:13px;color:#526875}
.naber-art-cover-status[hidden]{display:none!important}
.naber-art-cover.is-uploading .naber-art-cover-add{border-color:#526875;background:#f6f8f9;pointer-events:none}
.naber-destinations.is-article .naber-dest-library{display:flex;align-items:flex-start;gap:8px;margin:0 0 8px}
.naber-destinations.is-article .naber-dest-library input{margin-top:4px;flex:none}
.naber-destinations.is-article .naber-dest-sub{margin:2px 0 8px 26px;font-size:.86rem}

/* rc.19: assignment rows (member + access scope) */
.naber-pub-grp{margin:14px 0 4px;font-weight:700;font-size:.92rem;text-transform:none;color:#24262b}
.naber-pub-manage-body>.naber-pub-grp:first-child{margin-top:4px}
.naber-pub-contrib{margin-top:14px;padding-top:10px;border-top:1px solid #eee9e0}
.naber-assign-list{display:grid;gap:8px}
.naber-mpick-chip.naber-assign-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:6px 10px;padding:8px 10px;border:1px solid #eee9e0;border-radius:12px;background:#faf8f3;font-size:.95rem}
.naber-assign-name{font-weight:600}
.naber-assign-scope{max-width:100%;min-width:0}
.naber-assign-items{grid-column:1 / -1}
.naber-assign-items[hidden]{display:none}
.naber-assign-ro{margin:6px 0;padding-left:18px}
.naber-itempick{padding:8px 0 0}
@media (max-width:600px){.naber-mpick-chip.naber-assign-row{grid-template-columns:1fr auto}.naber-assign-scope{grid-column:1 / -1;grid-row:2;width:100%}}

/* ===== rc.20 — multi-image posts: composer / edit control, feed gallery, lightbox navigation ===== */
.naber-gal { display: block; }
.naber-gal-drop { position: relative; display: flex; flex-direction: column; gap: 2px; padding: 14px 16px; border: 1.5px dashed var(--naber-border); border-radius: 12px; background: var(--naber-muted); cursor: pointer; text-align: center; }
.naber-gal-drop:hover, .naber-gal-drop:focus-visible, .is-gal-drag .naber-gal-drop { border-color: var(--naber-accent); background: var(--naber-accent-light); outline: none; }
.naber-gal-drop-title { font-weight: 600; font-size: 14px; color: var(--naber-text); }
.naber-gal-drop-hint { font-size: 12.5px; color: var(--naber-text-secondary); }
.naber-gal-file { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.naber-gal-list { list-style: none; margin: 10px 0 0; padding: 0; display: grid; gap: 8px; }
.naber-gal-list:empty { display: none; }
.naber-gal-item { position: relative; display: grid; grid-template-columns: 64px 1fr auto; align-items: center; gap: 4px 10px; padding: 6px; border: 1px solid var(--naber-border); border-radius: 12px; background: var(--naber-surface); }
.naber-gal-thumb { grid-row: 1 / span 2; width: 64px; height: 64px; object-fit: cover; border-radius: 8px; background: var(--naber-muted); }
.naber-gal-alt { grid-column: 2; margin: 0; }
.naber-gal-alt input { width: 100%; font-size: 13px; padding: 6px 8px; border: 1px solid var(--naber-border); border-radius: 8px; }
.naber-gal-actions { grid-column: 3; grid-row: 1 / span 2; display: flex; gap: 4px; align-items: center; }
.naber-gal-actions button { border: 1px solid var(--naber-border); background: var(--naber-surface); color: var(--naber-text); border-radius: 8px; min-width: 32px; min-height: 32px; font-size: 13px; cursor: pointer; padding: 0 8px; }
.naber-gal-actions button:hover { background: var(--naber-muted); }
.naber-gal-rm { color: #8a2f2f !important; }
.naber-gal-bar { display: none; grid-column: 2; height: 5px; border-radius: 3px; background: var(--naber-muted); overflow: hidden; }
.naber-gal-bar i { display: block; height: 100%; width: 0; background: var(--naber-accent); transition: width .15s; }
.naber-gal-item.is-uploading .naber-gal-bar { display: block; }
.naber-gal-item.is-uploading .naber-gal-alt, .naber-gal-item.is-uploading .naber-gal-up, .naber-gal-item.is-uploading .naber-gal-down { display: none; }
.naber-gal-msg { grid-column: 2; font-size: 12.5px; color: #8a2f2f; }
.naber-gal-item.is-failed { border-color: #d9a3a3; background: #fbf3f3; }
.naber-gal-status { margin: 6px 0 0; font-size: 12.5px; color: var(--naber-text-secondary); min-height: 1em; }
.naber-gal-status.is-error { color: #8a2f2f; }
.naber-gal-status:empty { display: none; }

.naber-gallery { display: grid; gap: 4px; border-radius: 12px; overflow: hidden; }
.naber-gallery .naber-gallery-item { position: relative; display: block; overflow: hidden; background: var(--naber-muted); }
.naber-gallery .naber-gallery-item img { display: block; width: 100%; height: 100%; object-fit: cover; aspect-ratio: 4 / 3; }
.naber-gallery.naber-gallery-2 { grid-template-columns: 1fr 1fr; }
.naber-gallery.naber-gallery-3 { grid-template-columns: 2fr 1fr; grid-template-rows: 1fr 1fr; }
.naber-gallery.naber-gallery-3 .naber-gallery-item:first-child { grid-row: 1 / span 2; }
.naber-gallery.naber-gallery-3 .naber-gallery-item:first-child img { aspect-ratio: auto; min-height: 100%; }
.naber-gallery.naber-gallery-4 { grid-template-columns: 1fr 1fr; }
.naber-gallery-more { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; background: rgba(15,18,22,.55); color: #fff; font-size: 26px; font-weight: 600; }
.naber-gallery .naber-gallery-item.is-extra { display: none; }
@media (max-width: 700px) { .naber-gallery.naber-gallery-3 { grid-template-columns: 1fr 1fr; grid-template-rows: auto; } .naber-gallery.naber-gallery-3 .naber-gallery-item:first-child { grid-row: auto; grid-column: 1 / span 2; } .naber-gallery.naber-gallery-3 .naber-gallery-item:first-child img { aspect-ratio: 16 / 9; } .naber-gal-item { grid-template-columns: 52px 1fr; } .naber-gal-thumb { width: 52px; height: 52px; } .naber-gal-actions { grid-column: 2; grid-row: auto; justify-content: flex-end; } }

.naber-lb-nav { position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; width: 44px; height: 44px; border: 0; border-radius: 50%; background: rgba(255,255,255,.9); color: #1F2937; font-size: 30px; line-height: 1; cursor: pointer; }
.naber-lb-prev { left: 10px; } .naber-lb-next { right: 10px; }
.naber-lb-nav[hidden] { display: none; }
.naber-lb-count { position: absolute; left: 0; right: 0; bottom: -28px; margin: 0; text-align: center; color: #fff; font-size: 13px; }
.naber-image-lightbox.is-multi .naber-image-lightbox-stage { margin-bottom: 24px; }

/* ===== rc.20 — Smart Paste: small "Change appearance" control ===== */
.naber-embed-preview-head { flex-wrap: wrap; }
.naber-appr-toggle { margin-left: auto; margin-right: 8px; border: 0; background: none; padding: 2px 4px; font-size: 12.5px; color: var(--naber-accent); cursor: pointer; text-decoration: underline; text-underline-offset: 2px; }
.naber-appr-panel { display: flex; flex-wrap: wrap; gap: 6px; padding: 6px 0 10px; }
.naber-appr-panel[hidden] { display: none; }
.naber-appr-opt, .naber-appr-usedesc { border: 1px solid var(--naber-border); background: var(--naber-surface); color: var(--naber-text); border-radius: 999px; padding: 5px 12px; font-size: 12.5px; cursor: pointer; }
.naber-appr-opt.is-on { background: var(--naber-accent-light); border-color: var(--naber-accent); color: var(--naber-accent); font-weight: 600; }
.naber-appr-usedesc { border-style: dashed; }
.naber-linkopts.has-appr .naber-linkimg-actions { display: none; }

/* rc.20 — Article image library, gallery editing, body lightbox */
.naber-art-cover-lib{justify-self:start;margin-top:6px;min-height:36px;padding:0 14px;border:1px solid #cfc7b6;border-radius:999px;background:#fff;color:#24262b;font-size:14px;font-weight:600;cursor:pointer}
.naber-art-lib-card{max-width:640px;max-height:88vh;overflow:auto}
.naber-art-lib-hint{margin:0;color:#5b5548;font-size:14px}
.naber-art-lib-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}
.naber-art-lib-item{position:relative;padding:0;border:2px solid transparent;border-radius:10px;overflow:hidden;background:#eee;cursor:pointer;aspect-ratio:1/1}
.naber-art-lib-item img{display:block;width:100%;height:100%;object-fit:cover}
.naber-art-lib-item .naber-art-lib-check{position:absolute;top:6px;right:6px;width:24px;height:24px;border-radius:50%;background:#24262b;color:#fff;font-size:14px;line-height:24px;text-align:center;opacity:0}
.naber-art-lib-item.is-on{border-color:#24262b}.naber-art-lib-item.is-on .naber-art-lib-check{opacity:1}
.naber-art-lib-item:focus-visible{outline:2px solid #24262b;outline-offset:2px}
.naber-art-lib-up{display:inline-flex;align-items:center;cursor:pointer}
.naber-art-modal-actions{flex-wrap:wrap}
.naber-art-imgbar{flex-wrap:wrap}
.naber-article-body img[data-att]{cursor:zoom-in}
@media (max-width:520px){.naber-art-lib-card{padding:14px}.naber-art-lib-grid{grid-template-columns:repeat(3,1fr)}}

/* rc.21 — QR dialog */
.naber-share-qr-row{margin-top:10px}
.naber-qr-modal{position:fixed;inset:0;z-index:100001;background:rgba(20,20,20,.5);display:flex;align-items:center;justify-content:center;padding:16px}
.naber-qr-modal[hidden]{display:none}
.naber-qr-card{position:relative;background:#fff;border-radius:16px;padding:22px 20px 18px;width:100%;max-width:340px;text-align:center;box-shadow:0 12px 40px rgba(0,0,0,.28)}
.naber-qr-card h3{margin:0 0 4px}
.naber-qr-close{position:absolute;top:8px;right:10px;border:0;background:none;font-size:26px;line-height:1;cursor:pointer;min-width:44px;min-height:44px}
.naber-qr-name{margin:0 0 10px;color:#4a4439;font-size:14px;overflow-wrap:anywhere}
.naber-qr-img img{display:block;margin:0 auto;width:260px;max-width:100%;height:auto;border:1px solid #e6e0d2;border-radius:8px;background:#fff}
.naber-qr-msg{min-height:1.2em;margin:8px 0 0;font-size:13px;color:#4a4439}
.naber-qr-note{margin:2px 0 12px;font-size:12px;color:#6c6657}
.naber-qr-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.naber-qr-actions .naber-eb-btn{text-decoration:none}

/* ---- rc.21 Files: cards under a post / Article, and the picker ---- */
.naber-files { display: flex; flex-direction: column; gap: 8px; margin: 12px 0; }
.naber-file-card { display: flex; align-items: center; gap: 12px; padding: 10px 12px; border: 1px solid var(--naber-border); border-radius: 12px; background: var(--naber-surface, #fff); min-width: 0; }
.naber-file-ico { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 44px; border-radius: 8px; background: var(--naber-accent-light); color: var(--naber-accent); font-size: 10px; font-weight: 700; letter-spacing: .03em; }
.naber-file-ico[data-ext="pdf"] { background: #fde8e6; color: #b3261e; }
.naber-file-ico[data-ext="doc"], .naber-file-ico[data-ext="docx"], .naber-file-ico[data-ext="odt"], .naber-file-ico[data-ext="rtf"] { background: #e6eefb; color: #1d4ed8; }
.naber-file-ico[data-ext="xls"], .naber-file-ico[data-ext="xlsx"], .naber-file-ico[data-ext="ods"], .naber-file-ico[data-ext="csv"] { background: #e4f4e8; color: #1a7a3a; }
.naber-file-ico[data-ext="ppt"], .naber-file-ico[data-ext="pptx"], .naber-file-ico[data-ext="odp"] { background: #fdf0e0; color: #b45309; }
.naber-file-meta { flex: 1 1 auto; display: flex; flex-direction: column; min-width: 0; }
.naber-file-name { font-weight: 600; font-size: 14px; color: var(--naber-text); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.naber-file-info { font-size: 12px; color: var(--naber-text-muted, #6b7280); }
.naber-file-actions { flex: 0 0 auto; display: flex; gap: 6px; }
.naber-file-btn { display: inline-flex; align-items: center; min-height: 36px; padding: 0 12px; border: 1px solid var(--naber-border); border-radius: 999px; font-size: 13px; font-weight: 600; color: var(--naber-text); text-decoration: none; background: transparent; }
.naber-file-btn.is-primary { background: var(--naber-accent); border-color: var(--naber-accent); color: #fff; }
.naber-file-btn:focus-visible { outline: 2px solid var(--naber-accent); outline-offset: 2px; }
@media (max-width: 480px) { .naber-file-card { flex-wrap: wrap; } .naber-file-actions { width: 100%; justify-content: flex-end; } }
.naber-files-ctl { margin: 6px 0; }
.naber-files-drop { display: flex; flex-direction: column; gap: 2px; padding: 14px 16px; border: 1.5px dashed var(--naber-border); border-radius: 12px; background: var(--naber-muted); cursor: pointer; text-align: center; }
.naber-files-drop span { font-size: 12px; color: var(--naber-text-muted, #6b7280); }
.naber-files-drop:hover, .naber-files-drop:focus-visible, .naber-files-drop.is-over { border-color: var(--naber-accent); background: var(--naber-accent-light); outline: none; }
.naber-files-status { margin: 6px 0 0; font-size: 13px; min-height: 0; } .naber-files-status:empty { display: none; } .naber-files-status.is-error { color: #b3261e; }
.naber-files-list { list-style: none; margin: 8px 0 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.naber-files-item { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border: 1px solid var(--naber-border); border-radius: 10px; flex-wrap: wrap; }
.naber-files-item.is-uploading { opacity: .65; } .naber-files-item.is-failed { border-color: #b3261e; }
.naber-files-name { flex: 1 1 160px; display: flex; align-items: center; gap: 4px; min-width: 0; }
.naber-files-name input { flex: 1 1 auto; min-width: 0; }
.naber-files-name em { font-style: normal; font-size: 12px; color: var(--naber-text-muted, #6b7280); }
.naber-files-size, .naber-files-msg, .naber-files-label { font-size: 12px; color: var(--naber-text-muted, #6b7280); }
.naber-files-label { flex: 1 1 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.naber-files-actions { display: flex; gap: 4px; }
.naber-files-actions button { min-height: 32px; min-width: 32px; border: 1px solid var(--naber-border); border-radius: 8px; background: transparent; cursor: pointer; font-size: 12px; }
.naber-attach-details { margin: 8px 0; } .naber-attach-details > summary { cursor: pointer; display: inline-flex; }
.naber-art-files { border: 0; padding: 0; margin: 14px 0; } .naber-art-files legend { font-weight: 600; font-size: 14px; margin-bottom: 4px; }

/* rc.21: six quick actions (Files added) must still fit a 390px phone without clipping. */
@media (max-width: 480px) {
  .naber-composer-quick-icons { gap: 0 !important; width: 100%; }
  .naber-composer-quick-btn { flex: 1 1 0 !important; min-width: 0 !important; width: auto !important; padding: 0 1px !important; }
  .naber-composer-quick-btn span { font-size: 10.5px !important; }
}
.naber-appr-undo { border: 0; background: none; color: var(--naber-link, #2563eb); text-decoration: underline; cursor: pointer; font: inherit; padding: 0 2px; }

/* Naber Discover editorial design, package 01. Intentionally scoped to Discover only. */
.neighbor-wrap.naber-discover{--nd-bg:#F7F9F8;--nd-ink:#1E2E3A;--nd-muted:#6E7F86;--nd-mist:#D6E4E1;--nd-sand:#D9C7B3;max-width:1450px;margin:0 auto;padding:0 24px 45px;background:var(--nd-bg);color:var(--nd-ink)}
.naber-discover h1,.naber-discover h2,.naber-discover h3,.naber-discover .naber-discover-yours-title strong{font-family:Georgia,'Times New Roman',serif;color:var(--nd-ink)}
.naber-discover-top{display:grid;grid-template-columns:190px minmax(0,1fr);border-bottom:1px solid #d9e0df;min-height:485px}
.naber-discover-rail{padding:34px 18px 22px 4px;border-right:1px solid #d9e0df}
.naber-discover-rail h2{font-size:19px;margin:0 0 16px}
.naber-discover-rail a{display:block;padding:9px 10px;border-left:3px solid var(--nd-ink);color:var(--nd-ink);font-size:14px;text-decoration:none}
.naber-discover-rail-note{font-size:12px;color:var(--nd-muted);line-height:1.55;margin-top:22px}
.naber-discover-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,42%);align-items:center;overflow:hidden;min-height:485px;padding-left:36px;background:radial-gradient(circle at 72% 50%,#d9e9e8 0%,#f7f9f8 48%)}
.naber-discover-hero-copy{position:relative;z-index:1;padding:35px 0}
.naber-discover-hero h1{font-size:clamp(56px,7.8vw,112px);font-weight:500;letter-spacing:-.068em;line-height:.83;margin:0 0 22px}
.naber-discover-hero h2{font-size:clamp(28px,3.8vw,54px);font-weight:500;letter-spacing:-.045em;line-height:1.05;margin:0 0 14px}
.naber-discover-hero p{font-size:16px;line-height:1.5;margin:0 0 25px;max-width:420px;color:#3e5260}
.naber-discover-search{max-width:460px;display:flex;align-items:center;background:#fff;border:1px solid #b7c6c9;border-radius:999px;gap:10px;padding:4px 5px 4px 17px;min-height:52px}
.naber-discover-search svg{width:23px;height:23px;flex:none}
.naber-discover-search input{min-width:0;flex:1;outline:none!important;border:0!important;background:transparent!important;box-shadow:none!important;color:var(--nd-ink);font-size:15px;padding:8px 0}
.naber-discover-search button{border:0;border-radius:50%;background:var(--nd-ink);color:#fff;min-width:40px;width:40px;height:40px;font-size:24px;cursor:pointer}
.naber-discover-hero-art{height:100%;min-height:450px;position:relative;background:linear-gradient(90deg,rgba(247,249,248,.8),rgba(214,228,225,.12)),linear-gradient(150deg,#b6cacc,#d9c7b3);overflow:hidden}
.naber-discover-hero-circle{position:absolute;right:10%;top:12%;width:80%;aspect-ratio:1;border-radius:50%;border:1px solid rgba(255,255,255,.8);background:radial-gradient(circle at 55% 35%,#e3e7df,#a8bcc1 63%,#768e98)}
.naber-discover-hero-caption{position:absolute;right:8%;bottom:10%;font:italic 22px Georgia,serif;transform:rotate(-8deg);color:var(--nd-ink)}
.naber-discover-yours{padding:17px 0;display:flex;align-items:center;gap:20px;border-bottom:1px solid #d9e0df}
.naber-discover-yours-title{min-width:155px;border-right:1px solid #d9e0df;padding-right:16px}
.naber-discover-yours-title strong{display:block;font-size:18px}.naber-discover-yours-title small,.naber-discover-yours-item small{display:block;color:var(--nd-muted);font-size:12px;margin-top:5px}
.naber-discover-yours-scroll{display:flex;gap:20px;overflow-x:auto;flex:1;padding:4px 0}
.naber-discover-yours-item{display:flex;align-items:center;gap:10px;min-width:205px;max-width:240px;color:var(--nd-ink);text-decoration:none;font-size:14px}
.naber-discover-yours-item strong{display:block;font-weight:500}.naber-discover-yours-photo{width:72px;height:55px;flex:none;background:var(--nd-mist);background-position:center;background-size:cover;border-radius:5px}
.naber-discover-yours-empty{font-size:13px;color:var(--nd-muted);flex:1}.naber-discover-text-link{color:var(--nd-ink);text-decoration:none;white-space:nowrap;font-size:14px}
.naber-discover-features{display:grid;grid-template-columns:90px minmax(0,1.6fr) minmax(260px,1fr);gap:22px;padding:24px 0;border-bottom:1px solid #d9e0df;min-height:415px}
.naber-discover-feature-label span{font:34px Georgia,serif}.naber-discover-feature-label i{display:block;width:33px;height:1px;background:var(--nd-ink);margin:17px 0}.naber-discover-feature-label h2{font-size:13px;line-height:1.3;text-transform:uppercase;letter-spacing:.1em;font-weight:400}.naber-discover-feature-label p{font:13px/1.5 Georgia,serif;margin-top:34px;color:#65737a}
.naber-discover-tile{color:var(--nd-ink);text-decoration:none;display:block;min-width:0}.naber-discover-tile-photo{display:block;background:linear-gradient(130deg,var(--nd-mist),var(--nd-sand));background-position:center;background-size:cover}
.naber-discover-tile--spotlight{height:100%;position:relative;min-height:365px;overflow:hidden;background:var(--nd-ink)}
.naber-discover-tile--spotlight .naber-discover-tile-photo{position:absolute;inset:0;opacity:.88;transition:transform .25s}.naber-discover-tile--spotlight:hover .naber-discover-tile-photo{transform:scale(1.025)}
.naber-discover-tile--spotlight:after{content:'';position:absolute;inset:25% 0 0;background:linear-gradient(transparent,rgba(10,24,30,.9))}
.naber-discover-tile--spotlight .naber-discover-tile-copy{position:absolute;z-index:1;bottom:24px;left:23px;right:23px;color:white}
.naber-discover-tile--spotlight strong{display:block;font:clamp(28px,3.7vw,52px)/1.0 Georgia,serif;letter-spacing:-.04em;color:white}
.naber-discover-tile--spotlight .naber-discover-tile-copy span{display:block;margin:9px 0;font-size:14px;max-width:440px;line-height:1.45}
.naber-discover-tile--spotlight em{display:inline-block;font:normal 13px Arial,sans-serif;border-radius:6px;background:#d6e4e1;padding:11px 16px;color:#1e2e3a}
.naber-discover-feature-side{display:flex;flex-direction:column;gap:16px}.naber-discover-feature-side-item{flex:1;min-height:0;display:grid;grid-template-columns:32px 1fr;gap:10px;border-bottom:1px solid #d9e0df;padding-bottom:13px}
.naber-discover-feature-num{font:26px Georgia,serif}.naber-discover-tile--feature{display:grid;grid-template-columns:1fr 40%;gap:12px;align-items:stretch}.naber-discover-tile--feature .naber-discover-tile-photo{grid-column:2;grid-row:1;min-height:155px}.naber-discover-tile--feature .naber-discover-tile-copy{grid-column:1;grid-row:1;align-self:center}
.naber-discover-tile--feature strong{display:block;font:25px/1.05 Georgia,serif;letter-spacing:-.035em}.naber-discover-tile--feature .naber-discover-tile-copy span{display:block;font:13px/1.45 Georgia,serif;color:#54636b;margin-top:10px}
.naber-discover-browse{padding:25px 0}.naber-discover-section-head{display:flex;align-items:baseline;gap:25px;margin-bottom:20px}.naber-discover-section-head h2{font-size:24px;font-weight:500;margin:0}.naber-discover-section-head p{font:14px Georgia,serif;color:var(--nd-muted)}
.naber-discover-browse-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.naber-discover-tile--browse .naber-discover-tile-photo{aspect-ratio:1.35}.naber-discover-tile--browse strong{font:17px Georgia,serif;display:block;margin-top:8px}.naber-discover-tile--browse .naber-discover-tile-copy span{font:12px/1.45 Arial,sans-serif;color:var(--nd-muted);display:block;margin-top:6px}
.naber-discover-no-match,.naber-discover-empty{padding:25px;font-size:15px;color:var(--nd-muted)}
.naber-discover-create{margin-top:14px;min-height:255px;display:flex;align-items:center;padding:24px 35px;background:linear-gradient(90deg,#edf4f4 10%,rgba(237,244,244,.9) 52%,rgba(185,204,207,.7)),linear-gradient(145deg,#e0e6e1,#c3b3a2)}
.naber-discover-create h2{font:clamp(35px,4.5vw,61px)/.98 Georgia,serif;letter-spacing:-.05em;margin:0}.naber-discover-create p{font:15px/1.5 Georgia,serif;max-width:350px}.naber-discover-create a{display:inline-block;padding:12px 19px;background:var(--nd-ink);color:#fff;text-decoration:none;border-radius:7px;font-size:14px}
.naber-discover [hidden]{display:none!important}
@media(max-width:1100px){.naber-discover-browse-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.naber-discover-features{grid-template-columns:65px minmax(0,1.3fr) minmax(230px,1fr);gap:12px}.naber-discover-hero{padding-left:22px}.naber-discover-tile--feature{grid-template-columns:1fr}.naber-discover-tile--feature .naber-discover-tile-photo{grid-column:1;grid-row:1;min-height:100px}.naber-discover-tile--feature .naber-discover-tile-copy{grid-column:1;grid-row:2}}
@media(max-width:740px){.neighbor-wrap.naber-discover{padding:0 14px 25px}.naber-discover-top{display:block}.naber-discover-rail{display:none}.naber-discover-hero{display:flex;flex-direction:column-reverse;min-height:0;padding:0;background:#edf4f4}.naber-discover-hero-art{min-height:220px;width:100%;background:linear-gradient(145deg,#bbd1d3,#d9c7b3)}.naber-discover-hero-circle{width:185px;right:8%;top:10%;}.naber-discover-hero-caption{font-size:16px}.naber-discover-hero-copy{width:100%;padding:25px 18px 28px}.naber-discover-hero h1{font-size:clamp(55px,14vw,77px);margin-bottom:15px}.naber-discover-hero h2{font-size:34px}.naber-discover-hero p{font-size:14px}.naber-discover-yours{display:block;padding:20px 0}.naber-discover-yours-title{display:flex;border:0;justify-content:space-between;align-items:center;margin-bottom:12px}.naber-discover-yours-title small{font-size:11px}.naber-discover-yours-scroll{gap:12px}.naber-discover-yours-item{min-width:155px;max-width:170px;display:block}.naber-discover-yours-photo{height:94px;width:100%;margin-bottom:7px}.naber-discover-text-link{display:block;text-align:right;margin-top:8px}.naber-discover-features{display:block;padding:22px 0}.naber-discover-feature-label{display:flex;gap:12px;align-items:center;margin-bottom:12px}.naber-discover-feature-label span{font-size:23px}.naber-discover-feature-label i{margin:0}.naber-discover-feature-label h2{font-size:17px;text-transform:none;letter-spacing:0;margin:0}.naber-discover-feature-label p{display:none}.naber-discover-tile--spotlight{min-height:350px}.naber-discover-feature-side{margin-top:16px}.naber-discover-feature-side-item{grid-template-columns:35px 1fr}.naber-discover-tile--feature{grid-template-columns:100px 1fr;align-items:center}.naber-discover-tile--feature .naber-discover-tile-photo{grid-column:1;grid-row:1;min-height:110px}.naber-discover-tile--feature .naber-discover-tile-copy{grid-column:2;grid-row:1}.naber-discover-section-head{display:block}.naber-discover-section-head h2{font-size:24px}.naber-discover-section-head p{margin:8px 0}.naber-discover-browse-grid{display:block}.naber-discover-tile--browse{display:grid;grid-template-columns:100px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid #d9e0df}.naber-discover-tile--browse .naber-discover-tile-photo{height:100px;aspect-ratio:auto}.naber-discover-tile--browse strong{margin-top:0}.naber-discover-create{min-height:260px;padding:22px}}

/* Discover design package 02 — Coastal Calm photo art and fully responsive category browsing. */
.naber-discover-hero-art{background:linear-gradient(90deg,#f7f9f8 0%,rgba(247,249,248,.05) 42%),#d6e4e1}
.naber-discover-hero-main-photo{position:absolute;inset:0;background:url('../images/discover/hero-person.webp') center 35%/cover no-repeat;mask-image:linear-gradient(to right,transparent 0%,black 31%);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 31%)}
.naber-discover-hero-circle{background-size:cover;background-position:center;border:3px solid #f7f9f8;box-shadow:0 1px 4px rgba(30,46,58,.12)}
.naber-discover-hero-circle--people{width:55%;right:49%;top:4%;background-image:url('../images/discover/hero-community.webp')}
.naber-discover-hero-circle--coffee{width:33%;right:59%;top:48%;background-image:url('../images/discover/hero-coffee.webp')}
.naber-discover-hero-caption{right:36%;bottom:9%;font-size:18px;background:rgba(247,249,248,.7);padding:3px 9px;border-radius:5px}
.naber-discover-create{background:linear-gradient(90deg,#f7f9f8 0%,rgba(247,249,248,.91) 34%,rgba(247,249,248,.15) 64%),url('../images/discover/footer-doors.webp') center center/cover no-repeat;min-height:310px}
.naber-discover-rail button{display:block;width:100%;text-align:left;background:transparent;border:0;border-left:3px solid transparent;padding:8px 10px;color:var(--nd-ink);font:14px/1.25 Georgia,serif;cursor:pointer}
.naber-discover-rail button.is-active{border-left-color:var(--nd-ink);background:rgba(214,228,225,.38)}
.naber-discover-categories-mobile{display:flex;gap:7px;overflow-x:auto;scrollbar-width:thin;padding:0 0 14px;scroll-snap-type:x proximity}
.naber-discover-categories-mobile button{flex:none;border-radius:22px;border:1px solid #c8d4d6;background:transparent;color:var(--nd-ink);padding:8px 13px;font-size:12px;white-space:nowrap;cursor:pointer;scroll-snap-align:start}
.naber-discover-categories-mobile button.is-active{background:#6e929f;color:#fff;border-color:#6e929f}
.naber-discover-card-category{display:block;font-size:10px;letter-spacing:.12em;text-transform:uppercase;margin:0 0 5px;color:inherit}
.naber-discover-tile--spotlight .naber-discover-card-category{color:#f7f9f8}
.naber-discover-yours-scroll{scrollbar-width:thin;min-width:0}
.naber-discover-yours-item{flex:0 0 215px;min-width:0;max-width:none}
.naber-discover-yours-item strong{line-height:1.35;overflow-wrap:anywhere}
.naber-discover-yours-photo{width:82px;min-width:82px}
.naber-discover-tile--feature .naber-discover-card-category{font-size:10px}
@media(min-width:741px){.naber-discover-categories-mobile{display:none}}
@media(max-width:740px){.naber-discover-hero{flex-direction:column}.naber-discover-hero-art{height:240px;min-height:240px;background:#d6e4e1}.naber-discover-hero-main-photo{background-position:center 30%;mask-image:none;-webkit-mask-image:none}.naber-discover-hero-circle--people{width:118px;right:8%;top:8%}.naber-discover-hero-circle--coffee{width:75px;right:23%;top:56%}.naber-discover-hero-caption{right:5%;bottom:5%;font-size:13px}.naber-discover-hero-copy{padding:24px 17px}.naber-discover-create{background-position:56% center;min-height:300px}.naber-discover-create>div{max-width:75%}.naber-discover-yours-scroll{padding-bottom:8px}.naber-discover-yours-item{flex-basis:152px}.naber-discover-yours-photo{width:100%}}

/* Discover design .03 refinements: editorial full bleed, shared Naber navbar, accurate search affordance. */
.neighbor-wrap.naber-discover{max-width:none!important;width:100vw!important;position:relative;left:50%;margin-left:-50vw!important;margin-right:0!important;padding:0 0 45px!important;box-sizing:border-box;overflow:hidden}
.naber-discover>.naber-app-header{width:100%!important;max-width:none!important;margin:0!important;border-radius:0!important;border-left:0!important;border-right:0!important;border-top:0!important;box-shadow:none!important;min-height:66px;padding-left:clamp(20px,3vw,48px)!important;padding-right:clamp(20px,3vw,48px)!important;background:#fff!important}
.naber-discover .naber-brand-mark{display:none}
.naber-discover .naber-brand-name{font-family:Georgia,'Times New Roman',serif;font-size:35px;font-weight:600;letter-spacing:-.06em;color:var(--nd-ink)}
.naber-discover .naber-app-nav a{color:var(--nd-ink);font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:15px}
.naber-discover-top,.naber-discover-yours,.naber-discover-results{width:100%;max-width:none}
.naber-discover-top{grid-template-columns:clamp(190px,18vw,250px) minmax(0,1fr)}
.naber-discover-rail{padding-left:clamp(24px,3vw,52px)}
.naber-discover-hero{grid-template-columns:minmax(0,1.1fr) minmax(340px,42%);min-height:525px;padding-left:clamp(20px,3vw,54px)}
.naber-discover-hero-art{min-height:525px}
.naber-discover-search{box-sizing:border-box;width:min(100%,470px);padding:5px 6px 5px 17px;overflow:hidden}
.naber-discover-search button{display:grid;place-items:center;line-height:1;flex:0 0 40px;min-width:40px;max-width:40px;padding:0!important;margin:0!important;transform:none!important;position:static!important;font-size:22px}
.naber-discover-search button span{display:block;line-height:1;transform:translateY(-1px)}
.naber-discover-include{display:flex;align-items:center;gap:7px;margin-top:12px;font:12px/1.3 Arial,sans-serif;color:var(--nd-ink);cursor:pointer}
.naber-discover-include input{width:15px;height:15px;accent-color:#1E2E3A}
.naber-discover-hero-caption{display:none!important}
.naber-discover-yours{padding:17px clamp(20px,3vw,48px)}
.naber-discover-yours-scroll{scrollbar-width:none;min-width:0}
.naber-discover-yours-scroll::-webkit-scrollbar{display:none}
.naber-discover-yours-item{min-width:215px;max-width:250px;flex:0 0 auto;align-items:center}
.naber-discover-yours-item strong{line-height:1.3}
.naber-discover-results{padding:0 clamp(20px,3vw,48px)}
.naber-discover-create{margin:0}
.naber-discover-owned-result{min-width:0}.naber-discover-owned-result .naber-discover-tile--browse{height:auto}
.naber-discover-owned-result>small{display:block;font-size:11px;color:var(--nd-muted);padding:4px 0}
.naber-category-fields{padding:18px!important;margin:20px 0!important;border-radius:12px!important}
.naber-category-fields>p{margin:3px 0 15px!important}
.naber-category-fields label{display:block;max-width:none}
.naber-category-fields select{width:100%;margin:6px 0 10px}
.naber-category-more{margin-top:9px}.naber-category-more summary{cursor:pointer;color:#1E2E3A;font-weight:600;padding:7px 0;list-style:none}.naber-category-more summary::-webkit-details-marker{display:none}
.naber-category-more summary small{font-weight:400;color:#6E7F86}
.naber-category-secondary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-top:9px}
.naber-category-suggestion{margin-top:10px}.naber-category-suggestion[hidden]{display:none!important}.naber-category-suggestion>small{display:block;color:#6E7F86;font-size:12px}
@media(max-width:740px){.neighbor-wrap.naber-discover{width:100vw!important;margin-left:-50vw!important;padding:0 0 25px!important}.naber-discover>.naber-app-header{padding:0 14px!important}.naber-discover .naber-brand-name{font-size:27px}.naber-discover-hero{padding:0;min-height:0}.naber-discover-hero-art{min-height:270px}.naber-discover-hero-copy{padding:24px 18px 28px}.naber-discover-yours,.naber-discover-results{padding-left:14px;padding-right:14px}.naber-discover-hero h1{font-size:clamp(55px,14vw,77px)}.naber-category-secondary{grid-template-columns:1fr}}

/* Discover .04 — approved copy, editorial image composition, navigation and carousel. */
.naber-discover-hero-art{isolation:isolate}
.naber-discover-hero-main-photo{background-position:58% 32%}
.naber-discover-hero-circle--people{width:42%!important;right:62%!important;top:6%!important;z-index:2}
.naber-discover-hero-circle--coffee{width:25%!important;right:68%!important;top:51%!important;z-index:3}
.naber-discover-yours-scroll{scroll-behavior:smooth;overscroll-behavior-inline:contain;flex:1;min-width:0}
.naber-discover-scroll-arrow{flex:0 0 32px;width:32px;height:32px;border:1px solid #c4d0d3!important;border-radius:50%!important;background:#fff!important;color:#1e2e3a!important;font:24px/1 Georgia,serif!important;cursor:pointer;padding:0!important}
.naber-discover-newest{padding:27px 0 23px;border-bottom:1px solid #d9e0df}
.naber-discover-newest-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.naber-discover-newest-grid .naber-discover-tile-photo{aspect-ratio:1.6}
.naber-discover-create{margin-bottom:0!important}
.neighbor-wrap.naber-discover{padding-bottom:0!important}
body.naber-app .neighbor-wrap.naber-discover>.naber-app-header{margin-top:0!important;margin-bottom:0!important}
.naber-discover-search button{border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important}
.naber-discover-search button span{line-height:1!important;transform:none!important}
@media(max-width:740px){.naber-discover-hero-circle--people{width:108px!important;right:72%!important;top:5%!important}.naber-discover-hero-circle--coffee{width:68px!important;right:76%!important;top:55%!important}.naber-discover-newest-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.naber-discover-scroll-arrow{display:none!important}.naber-discover-yours-scroll{overflow-x:auto!important;touch-action:pan-x}}

/* Discover .05: restore distinct overlapping photo circles and remove inherited page gaps. */
body:has(.naber-discover) .site-content,body:has(.naber-discover) .content-area,body:has(.naber-discover) .entry-content{margin-top:0!important;padding-top:0!important}
body:has(.naber-discover) .nv-single-page-wrap,body:has(.naber-discover) .container.single-page-container{margin-top:0!important;padding-top:0!important}
.neighbor-wrap.naber-discover{overflow:visible!important}
.naber-discover-top{isolation:isolate}
.naber-discover-hero{overflow:visible!important;isolation:isolate}
.naber-discover-hero-copy{z-index:2}
.naber-discover-hero-art{overflow:visible!important;isolation:visible!important;z-index:1}
.naber-discover-hero-main-photo{z-index:0}
.naber-discover-hero-circle--people{width:54%!important;right:77%!important;top:7%!important;z-index:3!important}
.naber-discover-hero-circle--coffee{width:34%!important;right:79%!important;top:53%!important;z-index:4!important}
.naber-discover-hero-circle{box-sizing:border-box;border:4px solid #f7f9f8!important}
.naber-discover-hero-copy{padding-right:10px}
.naber-discover-create{margin-bottom:0!important;padding-bottom:24px!important}
.naber-discover-yours-scroll{overflow-x:auto!important;scrollbar-width:none!important}
@media(max-width:1100px) and (min-width:741px){.naber-discover-hero-circle--people{width:44%!important;right:79%!important}.naber-discover-hero-circle--coffee{width:27%!important;right:84%!important}}
@media(max-width:740px){.naber-discover-hero{overflow:hidden!important}.naber-discover-hero-art{overflow:hidden!important}.naber-discover-hero-circle--people{width:155px!important;right:54%!important;top:4%!important}.naber-discover-hero-circle--coffee{width:94px!important;right:61%!important;top:51%!important}}

/* Discover .06: remove outer theme spacing without changing community pages.
   Neve places margins/padding on multiple wrappers, rather than on the plugin itself. */
body:has(> #wrapper .naber-discover) #content,
body:has(.naber-discover) .site-content,
body:has(.naber-discover) .nv-content-wrap,
body:has(.naber-discover) .nv-single-page-wrap,
body:has(.naber-discover) .single-page-container,
body:has(.naber-discover) .content-area,
body:has(.naber-discover) .entry-content,
body:has(.naber-discover) .wp-block-post-content {
  padding-top:0!important; padding-bottom:0!important;
  margin-top:0!important; margin-bottom:0!important;
}
body:has(.naber-discover) .nv-page-title-wrap:empty,
body:has(.naber-discover) .entry-header:empty {display:none!important}
body:has(.naber-discover) .site-main,
body:has(.naber-discover) #primary {margin-top:0!important;margin-bottom:0!important;padding-top:0!important;padding-bottom:0!important}
body:has(.naber-discover) .nv-single-page-wrap > .entry-content,
body:has(.naber-discover) article > .entry-content {padding:0!important;margin:0!important}
.neighbor-wrap.naber-discover {margin-top:0!important;margin-bottom:0!important;padding-top:0!important;padding-bottom:0!important;}
.naber-discover-create {margin-bottom:0!important;}
/* WordPress block spacing cannot add a trailing gap after the final Discover banner. */
body:has(.naber-discover) .entry-content > .naber-discover:last-child {margin-bottom:0!important;}

/* Discover .07 — single photographic category navigation, no duplicate sidebar. */
.naber-discover-top{display:block!important}
.naber-discover-rail{display:none!important}
.naber-discover-hero{grid-template-columns:minmax(0,1fr) minmax(370px,46%)!important;padding-left:clamp(25px,5vw,85px)!important}
.naber-discover-hero-copy{max-width:820px}
.naber-discover-interests-jump{display:inline-flex;align-items:center;margin:12px 0 0;font:14px/1.5 Georgia,serif;color:#1e2e3a;text-decoration:underline;text-underline-offset:5px}
.naber-discover-interest-gallery{position:relative;max-width:100%}
.naber-discover-interests-track{display:flex;gap:14px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding:2px 0 20px}
.naber-discover-interests-track::-webkit-scrollbar{display:none}
.naber-discover-interest-card{background:transparent!important;color:#1e2e3a!important;box-shadow:none!important;border:0!important;flex:0 0 calc((100% - 70px)/6);min-width:165px;max-width:260px;cursor:pointer;text-align:left;padding:0!important;scroll-snap-align:start;border-radius:0!important;font-family:Georgia,serif}
.naber-discover-interest-photo{display:block;width:100%;aspect-ratio:1.65;background-color:#d6e4e1;background-position:center;background-size:cover;border-radius:5px}
.naber-discover-interest-card strong{display:block;font-size:16px;line-height:1.25;font-weight:500;margin-top:9px}
.naber-discover-interest-card small{display:block;color:#6e7f86;font-size:12px;line-height:1.6;margin-top:3px}
.naber-discover-interest-card:hover .naber-discover-interest-photo,.naber-discover-interest-card:focus-visible .naber-discover-interest-photo{outline:2px solid #527a91;outline-offset:3px}
.naber-discover-interest-controls{display:flex;justify-content:flex-end;gap:8px;position:absolute;right:0;bottom:0}
.naber-discover-interest-controls button{height:32px;width:32px;display:grid;place-items:center;background:#f7f9f8;color:#1e2e3a;border:1px solid #cad6d8;border-radius:50%;cursor:pointer}
.naber-discover-result-controls{display:flex;align-items:center;justify-content:space-between;margin:8px 0 20px;gap:10px}
.naber-discover-result-controls button{background:transparent;border:0;color:#1e2e3a;text-decoration:underline;cursor:pointer;font:14px Georgia,serif}
.naber-discover-result-controls span{font:20px Georgia,serif}
.naber-discover [hidden]{display:none!important}
@media(max-width:740px){.naber-discover-hero{display:flex!important;flex-direction:column!important;padding:0!important}.naber-discover-interest-card{flex-basis:65%;min-width:215px}.naber-discover-interest-controls{display:none}.naber-discover-interests-track{padding-bottom:12px}.naber-discover-interests-jump{margin-top:10px}}

/* Discover .08: controls in the section heading, never over the photos. */
.naber-discover-interest-heading{display:flex;align-items:center;flex-wrap:wrap;gap:12px 22px}
.naber-discover-interest-heading .naber-discover-interest-controls{position:static!important;inset:auto!important;margin-left:auto;display:flex;align-items:center;gap:9px;flex:0 0 auto}
.naber-discover-interest-heading .naber-discover-interest-controls button{width:38px;height:38px;flex-shrink:0;font-size:24px;line-height:1}
.naber-discover-interest-gallery{padding-bottom:0}
.naber-discover-interests-track{padding-bottom:10px}
@media(max-width:740px){.naber-discover-interest-heading .naber-discover-interest-controls{display:none}}

/* Discover .09: interest carousel polish (desktop only except typography/divider). */
.naber-discover .naber-discover-interest-heading{display:flex!important;align-items:center!important;gap:12px 24px!important;flex-wrap:wrap!important;margin-bottom:22px!important}
.naber-discover .naber-discover-interest-heading h2{margin:0!important;line-height:1.3!important;flex:0 0 auto}
.naber-discover .naber-discover-interest-heading p{margin:0!important;line-height:1.45!important;align-self:center!important;flex:0 1 auto}
.naber-discover .naber-discover-interest-heading .naber-discover-interest-controls{margin-left:auto!important;align-self:center!important}
.naber-discover .naber-discover-interest-heading .naber-discover-interest-controls .naber-discover-scroll-arrow{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;padding:0!important;border:1px solid #c4d0d3!important;background:#fff!important;color:#1e2e3a!important;border-radius:50%!important;font:24px/1 Georgia,serif!important;display:grid!important;place-items:center!important;box-shadow:none!important}
.naber-discover .naber-discover-interest-card strong{font-family:Georgia,serif!important;font-size:16px!important;line-height:1.3!important;font-weight:500!important}
.naber-discover .naber-discover-interest-card small{font-family:Arial,Helvetica,sans-serif!important;font-size:12px!important;line-height:1.5!important;font-weight:400!important;letter-spacing:0!important;color:#6e7f86!important;text-transform:none!important;margin-top:3px!important}
.naber-discover .naber-discover-browse{border-bottom:1px solid #d9e0df!important;padding-bottom:26px!important}
@media(max-width:740px){.naber-discover .naber-discover-interest-heading{display:block!important}.naber-discover .naber-discover-interest-heading p{margin-top:8px!important}.naber-discover .naber-discover-interest-heading .naber-discover-interest-controls{display:none!important}}

/* Discover .10: mobile refinement pass and interest row polish. */
.naber-discover .naber-discover-interest-gallery{overflow:visible!important}
.naber-discover .naber-discover-interests-track{padding-top:4px!important;overflow-y:visible!important}
.naber-discover .naber-discover-interest-card{overflow:visible!important}
.naber-discover .naber-discover-interest-card small{display:block!important}
.naber-discover .naber-discover-interest-card:hover .naber-discover-interest-photo,
.naber-discover .naber-discover-interest-card:focus-visible .naber-discover-interest-photo{outline-offset:2px!important}

@media (max-width:740px){
  /* Hero art: move circles to the right side on mobile so they stop covering the face. */
  .naber-discover .naber-discover-hero-art{min-height:270px!important;height:270px!important;position:relative!important;overflow:hidden!important}
  .naber-discover .naber-discover-hero-main-photo{background-position:58% 36%!important}
  .naber-discover .naber-discover-hero-circle--people{width:126px!important;right:5%!important;left:auto!important;top:10%!important}
  .naber-discover .naber-discover-hero-circle--coffee{width:78px!important;right:20%!important;left:auto!important;top:58%!important}
  .naber-discover .naber-discover-hero-caption{right:6%!important;left:auto!important;bottom:6%!important}

  /* Your communities: always visible, horizontally scrollable, circular thumbnails. */
  .naber-discover .naber-discover-yours{display:block!important;padding:18px 14px 20px!important}
  .naber-discover .naber-discover-yours-title{display:flex!important;justify-content:space-between!important;align-items:flex-end!important;gap:12px!important;border:0!important;padding-right:0!important;margin-bottom:14px!important}
  .naber-discover .naber-discover-yours-title strong{font-size:15px!important;line-height:1.2!important}
  .naber-discover .naber-discover-yours-title small{font-size:11px!important;line-height:1.3!important;text-align:right!important;max-width:42%!important}
  .naber-discover .naber-discover-yours-scroll{display:flex!important;gap:14px!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;padding:2px 0 6px!important}
  .naber-discover .naber-discover-yours-scroll::-webkit-scrollbar{display:none!important}
  .naber-discover .naber-discover-yours-item{flex:0 0 86px!important;max-width:86px!important;min-width:86px!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:8px!important;text-align:center!important}
  .naber-discover .naber-discover-yours-photo{display:block!important;width:68px!important;height:68px!important;min-width:68px!important;border-radius:50%!important;margin:0 auto!important;background-position:center!important;background-size:cover!important}
  .naber-discover .naber-discover-yours-item strong{font-size:13px!important;line-height:1.25!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
  .naber-discover .naber-discover-yours-item small{font-size:11px!important;line-height:1.25!important;margin-top:0!important}
  .naber-discover .naber-discover-text-link{display:block!important;text-align:right!important;margin-top:8px!important;font-size:14px!important}

  /* Explore by interest: show more cards and avoid clipping on hover/focus. */
  .naber-discover .naber-discover-interest-heading{display:block!important;margin-bottom:14px!important}
  .naber-discover .naber-discover-interest-heading p{margin-top:6px!important}
  .naber-discover .naber-discover-interests-track{gap:12px!important;padding-top:4px!important;padding-bottom:10px!important}
  .naber-discover .naber-discover-interest-card{flex:0 0 42%!important;min-width:150px!important;max-width:170px!important}
  .naber-discover .naber-discover-interest-photo{aspect-ratio:1.45!important;border-radius:6px!important}
  .naber-discover .naber-discover-interest-card strong{font-size:15px!important;margin-top:8px!important}
  .naber-discover .naber-discover-interest-card small{font-size:12px!important;margin-top:2px!important}

  /* New to Naber: convert to compact clean cards with minimal text. */
  .naber-discover .naber-discover-newest{padding:20px 0 10px!important;border-bottom:0!important}
  .naber-discover .naber-discover-newest-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
  .naber-discover .naber-discover-newest-grid .naber-discover-tile--browse{display:block!important;padding:0 0 10px!important;border:0!important;min-width:0!important}
  .naber-discover .naber-discover-newest-grid .naber-discover-tile-photo{display:block!important;width:100%!important;height:auto!important;aspect-ratio:1.4!important;border-radius:0!important;background-size:cover!important;background-position:center!important;margin-bottom:8px!important}
  .naber-discover .naber-discover-newest-grid .naber-discover-tile-copy{display:block!important;min-width:0!important}
  .naber-discover .naber-discover-newest-grid .naber-discover-card-category{display:block!important;font-size:10px!important;line-height:1.4!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:#6e7f86!important;margin-bottom:4px!important}
  .naber-discover .naber-discover-newest-grid .naber-discover-tile-copy strong{display:block!important;font-size:15px!important;line-height:1.2!important;margin:0 0 3px!important}
  .naber-discover .naber-discover-newest-grid .naber-discover-tile-copy span{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;font-size:12px!important;line-height:1.45!important;color:#4f5f66!important}
  .naber-discover .naber-discover-newest-grid .naber-discover-tile--browse:nth-last-child(-n+2){padding-bottom:0!important}
}

/* Discover .11 — mobile featured divider + hero collage polish.
   Keep the single section boundary; don't duplicate it on the final featured row. */
@media (max-width:740px){
  .naber-discover .naber-discover-feature-side-item:last-child{border-bottom:0!important;padding-bottom:0!important}
  .naber-discover .naber-discover-features{border-bottom:1px solid #d9e0df!important;padding-bottom:22px!important}
  .naber-discover .naber-discover-hero-circle{border-width:2px!important;box-shadow:0 1px 3px rgba(30,46,58,.12)!important}
  .naber-discover .naber-discover-hero-circle--people{width:158px!important;right:3%!important;top:7%!important}
  .naber-discover .naber-discover-hero-circle--coffee{width:100px!important;right:17%!important;top:56%!important}
}

/* Composer .12: Editorial Invitation entry card, scoped to Naber composer. */
.neighbor-create-post:has(.naber-studio-entry-prompt){background:#fff!important;border:1px solid #d6e4e1!important;border-radius:14px!important;padding:15px 17px!important;box-shadow:0 3px 14px rgba(30,46,58,.035)!important}
.neighbor-create-post .naber-studio-entry-prompt{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:4px!important;background:transparent!important;border:0!important;border-radius:0!important;padding:2px 0!important;color:#1e2e3a!important;box-shadow:none!important;transform:none!important;text-align:left!important}
.naber-studio-entry-prompt strong{font:600 15px/1.3 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;color:#1e2e3a!important}
.naber-studio-entry-prompt small{font:400 13px/1.35 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;color:#6e7f86!important}
.neighbor-create-post .naber-studio-entry-plus{width:38px!important;height:38px!important;flex:0 0 38px!important;display:grid!important;place-items:center!important;background:#1e2e3a!important;color:white!important;border:0!important;border-radius:50%!important;padding:0!important;font:300 29px/1 sans-serif!important;cursor:pointer!important}
.neighbor-create-post .naber-studio-entry-plus:hover{background:#527a91!important}
.neighbor-create-post:has(.naber-studio-entry-prompt) .naber-composer-action-row{border-top:1px solid #e2e8e9!important;margin-top:13px!important;padding-top:8px!important;justify-content:space-between!important;gap:10px!important}
.neighbor-create-post .naber-studio-entry-label{font:500 10px/1.35 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;letter-spacing:.06em!important;color:#6e7f86!important;white-space:nowrap!important}
.neighbor-create-post:has(.naber-studio-entry-prompt) .naber-composer-quick-icons{width:auto!important;flex:0 0 auto!important;display:flex!important;gap:5px!important}
.neighbor-create-post:has(.naber-studio-entry-prompt) .naber-composer-quick-btn{flex:0 0 auto!important;width:34px!important;height:32px!important;padding:5px!important;background:transparent!important;color:#527a91!important}
.neighbor-create-post:has(.naber-studio-entry-prompt) .naber-composer-quick-btn span{display:none!important}
.neighbor-create-post:has(.naber-studio-entry-prompt) .naber-composer-quick-btn:not([data-quick-mode="image"]):not([data-quick-mode="video"]):not([data-quick-mode="audio"]){display:none!important}
/* Once composer is open, reveal all permitted tools as before. */
.neighbor-create-post:has(.naber-composer-form.is-open) .naber-studio-entry-plus{display:none!important}
.neighbor-create-post:has(.naber-composer-form.is-open) .naber-studio-entry-label{display:none!important}
.neighbor-create-post:has(.naber-composer-form.is-open) .naber-composer-quick-icons{width:100%!important;flex:1 1 auto!important;gap:5px!important}
.neighbor-create-post:has(.naber-composer-form.is-open) .naber-composer-quick-btn:not([data-quick-mode="image"]):not([data-quick-mode="video"]):not([data-quick-mode="audio"]){display:flex!important}
.neighbor-create-post:has(.naber-composer-form.is-open) .naber-composer-quick-btn{flex:1 1 0!important;width:auto!important;min-width:0!important}
.neighbor-create-post:has(.naber-composer-form.is-open) .naber-composer-quick-btn span{display:inline!important}
@media(max-width:740px){
 .neighbor-create-post:has(.naber-studio-entry-prompt){padding:13px!important}
 .neighbor-create-post .naber-studio-entry-label{font-size:9px!important;letter-spacing:0!important}
 .neighbor-create-post:has(.naber-studio-entry-prompt) .naber-composer-quick-btn{width:28px!important;padding:3px!important}
 .neighbor-create-post .naber-studio-entry-plus{width:34px!important;height:34px!important;flex-basis:34px!important}
 .naber-studio-entry-prompt small{font-size:12px!important}
}


/* Composer .13 — writing-first layout using Naber's existing form handlers. */
.neighbor-create-post .naber-studio-entry-plus{display:flex!important;align-items:center!important;justify-content:center!important;font:400 29px/1 Arial,sans-serif!important;text-indent:0!important;vertical-align:middle!important;transform:none!important}
.naber13-host .naber-composer-action-row{border-top:1px solid #e2e8e9!important}
.naber13-host .naber-composer-action-row .naber-composer-quick-icons{display:none!important}
.naber13-host .naber13-add-items{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4px!important;width:auto!important;min-width:245px!important;padding:10px!important;background:#fff!important;border:1px solid #d6e4e1!important;border-radius:10px!important;box-shadow:0 10px 30px rgba(30,46,58,.12)!important}
.naber13-host .naber13-add-items .naber-composer-quick-btn{display:flex!important;width:100%!important;min-width:0!important;height:auto!important;min-height:42px!important;padding:9px!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;flex:none!important;border-radius:6px!important}
.naber13-host .naber13-add-items .naber-composer-quick-btn span{display:inline!important;font-size:12px!important}
.naber13-host .naber-composer-form.is-open{display:block!important;background:#fff!important;border:1px solid #d6e4e1!important;border-radius:14px!important;padding:24px!important;margin-top:14px!important;box-shadow:0 10px 28px rgba(30,46,58,.07)!important}
.naber13-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.naber13-title{font:normal 30px/1.2 Georgia,serif!important;color:#1e2e3a!important;margin:0!important}
.naber13-close{border:0!important;background:transparent!important;font:32px/1 Arial,sans-serif!important;color:#1e2e3a!important;cursor:pointer;padding:0 5px!important}
.naber13-context{display:flex;gap:12px;align-items:center;margin-bottom:14px;flex-wrap:wrap}
.naber13-avatar{width:43px!important;height:43px!important;border-radius:50%!important;object-fit:cover!important}
.naber13-context-details{flex:1;min-width:160px;display:flex;flex-direction:column;gap:4px}
.naber13-author{font:600 14px/1.35 Arial,sans-serif!important;color:#1e2e3a}
.naber13-community-hint{font:12px/1.35 Arial,sans-serif;color:#6e7f86}
.naber13-visibility{margin:0!important;display:flex!important;align-items:center!important;gap:5px!important}
.naber13-visibility>span:first-child{font-size:12px!important}
.naber13-host .naber-composer-form .naber-composer-body{display:block!important;width:100%!important;min-height:170px!important;border:0!important;background:transparent!important;box-shadow:none!important;outline-offset:2px!important;resize:vertical!important;padding:16px 4px!important;font-size:16px!important;line-height:1.6!important}
.naber13-toolbar{display:flex;flex-wrap:wrap;gap:9px;align-items:center;border-top:1px solid #d9e0e2;padding:14px 0;margin-top:8px;position:relative}
.naber13-menu{position:relative;margin:0}
.naber13-menu>summary{list-style:none;display:flex;align-items:center;cursor:pointer;color:#1e2e3a;background:#fff;border:1px solid #cdd7da;border-radius:8px;padding:9px 12px;font:13px/1.3 Arial,sans-serif;white-space:nowrap}
.naber13-menu>summary::-webkit-details-marker{display:none}
.naber13-menu[open]>summary{background:#f7f9f8}
.naber13-dest{margin-left:auto}
.naber13-menu>.naber13-add-items,.naber13-menu>.naber13-panel,.naber13-menu>fieldset.naber-destinations{position:absolute!important;z-index:50!important;top:calc(100% + 6px);left:0;margin:0!important;max-width:min(370px,85vw);background:#fff!important;box-shadow:0 10px 28px rgba(30,46,58,.14)!important;border:1px solid #d6e4e1!important;border-radius:10px!important}
.naber13-menu>.naber13-panel{min-width:285px;padding:16px!important}
.naber13-menu>fieldset.naber-destinations{min-width:300px;padding:16px!important}
.naber13-dest>fieldset.naber-destinations{left:auto;right:0}
.naber13-option-label{font-size:12px!important;color:#6e7f86;display:block;margin-bottom:7px}
.naber13-panel>*{margin-bottom:12px!important}
.naber13-host .naber-composer-form .neighbor-post-media-fields{display:block!important}
.naber13-host .naber-composer-form .neighbor-post-media-fields>.naber-composer-mode-group[hidden]{display:none!important}
.naber13-host .naber-composer-form .neighbor-post-media-fields>label:not(.naber-composer-mode-group){display:none!important}
.naber13-host .naber-composer-form .neighbor-post-media-fields>.naber-attach-details{display:none!important}
.naber13-host .naber-composer-form .neighbor-post-media-fields>.naber-composer-mode-group:not([hidden]){margin:12px 0!important}
.naber13-host .naber-composer-form .neighbor-form-footer{border-top:0!important;padding-top:0!important;justify-content:flex-end!important}
.naber13-host .naber-composer-form .naber-composer-post-btn{background:#1e2e3a!important;color:#fff!important;border-radius:8px!important}
@media(max-width:740px){
 .naber13-host .naber-composer-form.is-open{padding:18px 14px!important}
 .naber13-title{font-size:26px!important}
 .naber13-visibility{flex:1 1 100%!important}
 .naber13-toolbar{gap:7px!important}
 .naber13-menu>summary{padding:8px!important;font-size:12px!important}
 .naber13-menu>.naber13-panel,.naber13-menu>fieldset.naber-destinations{left:0!important;right:auto!important;max-width:calc(100vw - 44px)!important;min-width:min(280px,calc(100vw - 44px))!important}
 .naber13-dest{margin-left:0!important}
}

/* Composer .14: repair clipped disclosures and hidden tags without altering post handling. */
.naber13-host .naber-composer-form.is-open{overflow:visible!important}
.naber13-host .naber13-toolbar{display:flex!important;align-items:flex-start!important;flex-wrap:wrap!important;overflow:visible!important;gap:8px!important;position:relative!important;isolation:isolate!important}
.naber13-host .naber13-menu{position:static!important;min-width:0!important}
.naber13-host .naber13-menu[open]{flex-basis:100%!important;order:5!important}
.naber13-host .naber13-add{order:1!important}
.naber13-host .naber13-options{order:2!important}
.naber13-host .naber13-dest{order:3!important;margin-left:auto!important}
.naber13-host .naber13-menu[open]>summary{width:max-content!important;margin-bottom:10px!important}
.naber13-host .naber13-menu>.naber13-add-items,
.naber13-host .naber13-menu>.naber13-panel,
.naber13-host .naber13-menu>fieldset.naber-destinations{position:static!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;transform:none!important;float:none!important;clear:both!important;display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;margin:0!important;box-shadow:none!important;border:1px solid #d6e4e1!important;border-radius:10px!important;background:#f7f9f8!important;padding:14px!important;overflow:visible!important}
.naber13-host .naber13-menu:not([open])>.naber13-add-items,
.naber13-host .naber13-menu:not([open])>.naber13-panel,
.naber13-host .naber13-menu:not([open])>fieldset.naber-destinations{display:none!important}
.naber13-host .naber13-menu>.naber13-add-items{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
.naber13-host .naber13-add-items .naber-composer-quick-btn{display:flex!important;align-items:center!important;justify-content:flex-start!important;min-width:0!important;width:100%!important;padding:10px!important;gap:10px!important;white-space:normal!important}
.naber13-host .naber13-add-items .naber-composer-quick-btn svg{width:19px!important;height:19px!important;flex:0 0 19px!important}
.naber13-host .naber13-add-items .naber-composer-quick-btn span{display:inline!important;font-size:13px!important;white-space:normal!important}
.naber13-host .naber13-panel label.naber14-tags{display:block!important;margin:12px 0!important;width:100%!important;visibility:visible!important}
.naber13-host .naber13-panel label.naber14-tags .neighbor-tag-input{display:flex!important;visibility:visible!important;width:100%!important;min-height:40px!important}
.naber13-host .naber13-panel label.naber14-tags .neighbor-tag-entry{display:block!important;visibility:visible!important;min-width:130px!important;flex:1!important}
.naber13-host .naber13-panel .naber-composer-title-wrap{display:block!important;visibility:visible!important}
.naber13-host .naber13-panel .naber-comments-control{display:block!important}
.naber13-host .naber13-panel .naber-attach-details{display:block!important}
.naber13-host .naber13-menu>fieldset.naber-destinations{max-height:none!important}
.naber13-host .naber13-toolbar + .neighbor-form-footer{clear:both!important;margin-top:10px!important}
@media(max-width:740px){.naber13-host .naber13-dest{margin-left:0!important}.naber13-host .naber13-menu[open]{width:100%!important}.naber13-host .naber13-menu>.naber13-add-items{grid-template-columns:1fr!important}}


/* Composer .15: stationary controls / common disclosure region. */
.naber13-host .naber15-toolbar{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;align-items:stretch!important;overflow:visible!important;padding-bottom:12px!important}
.naber13-host .naber15-toolbar>.naber13-menu,.naber13-host .naber15-toolbar>.naber13-menu[open]{display:block!important;position:static!important;order:initial!important;flex-basis:auto!important;width:100%!important;margin:0!important;min-width:0!important}
.naber13-host .naber15-toolbar>.naber13-menu>summary,.naber13-host .naber15-toolbar>.naber13-menu[open]>summary{display:flex!important;justify-content:center!important;align-items:center!important;box-sizing:border-box!important;min-height:42px!important;width:100%!important;margin:0!important;padding:9px 5px!important;white-space:normal!important;text-align:center!important;font-size:12px!important;line-height:1.3!important}
.naber13-host .naber15-toolbar .naber13-dest{margin-left:0!important}
.naber13-host .naber15-panelhost{box-sizing:border-box!important;width:100%!important;margin:0 0 14px!important}
.naber13-host .naber15-panelhost[hidden]{display:none!important}
.naber13-host .naber15-panelhost>.naber13-add-items,
.naber13-host .naber15-panelhost>.naber13-panel,
.naber13-host .naber15-panelhost>fieldset.naber-destinations{display:block!important;position:static!important;box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:14px!important;background:#f7f9f8!important;border:1px solid #d6e4e1!important;border-radius:10px!important;box-shadow:none!important;float:none!important;overflow:visible!important}
.naber13-host .naber15-panelhost>.naber13-add-items{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
.naber13-host .naber15-panelhost>.naber15-visibility-panel .naber13-visibility{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:10px!important;margin:0!important}
.naber13-host .naber15-panelhost>.naber15-visibility-panel .naber13-visibility select{max-width:100%!important}
.naber13-host .naber15-toolbar+.naber15-panelhost+.neighbor-form-footer{clear:both!important;margin-top:8px!important}
@media(max-width:740px){
 .naber13-host .naber15-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .naber13-host .naber15-panelhost>.naber13-add-items{grid-template-columns:1fr!important}
 .naber13-host .naber15-panelhost>.naber13-panel,
 .naber13-host .naber15-panelhost>fieldset.naber-destinations{min-width:0!important;max-width:100%!important}
}


/* Composer .16: single identity-less writing surface, direct Visibility selector, inline media options. */
.naber13-host .naber13-context{display:none!important}
.naber13-host .naber15-toolbar{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.naber13-host .naber16-visibility-direct{width:100%!important;min-width:0!important;display:block!important;margin:0!important;padding:0!important;position:static!important}
.naber13-host .naber16-visibility-direct>.naber-publish-select-wrap{display:block!important;width:100%!important;min-width:0!important}
.naber13-host .naber16-visibility-direct select{box-sizing:border-box!important;display:block!important;width:100%!important;height:42px!important;padding:8px 22px 8px 8px!important;margin:0!important;min-width:0!important;border:1px solid #cdd7da!important;border-radius:8px!important;background:#fff!important;color:#1e2e3a!important;font-size:12px!important;text-align:center!important;appearance:none!important}
.naber13-host .naber16-visibility-direct svg{pointer-events:none!important}
.naber13-host .naber16-add-attachments{grid-column:1/-1!important;display:block!important;min-width:0!important;width:100%!important;margin:0!important}
.naber13-host .naber15-panelhost .naber16-add-attachments{display:block!important}
.naber13-host .naber16-original-field{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;margin:0!important;opacity:0!important;pointer-events:none!important;overflow:hidden!important}
.naber13-host .naber16-editor-shell{width:100%;position:relative;margin:6px 0 14px}
.naber13-host .naber16-format-tools{display:flex;align-items:center;flex-wrap:wrap;gap:5px;padding:4px 0 9px;border-bottom:1px solid #e1e7e8}
.naber13-host .naber16-format-tools select,.naber13-host .naber16-format-tools button{box-sizing:border-box!important;height:33px!important;min-height:33px!important;border:1px solid transparent!important;border-radius:6px!important;background:transparent!important;color:#1e2e3a!important;cursor:pointer!important;padding:4px 8px!important;font-size:15px!important}
.naber13-host .naber16-format-tools select{font-size:12px!important;border-color:#d6e4e1!important;background:#fff!important;width:104px!important}
.naber13-host .naber16-format-tools button:hover,.naber13-host .naber16-format-tools button:focus-visible{background:#edf3f4!important}
.naber13-host .naber16-editor{box-sizing:border-box!important;min-height:160px!important;max-height:55vh!important;overflow:auto!important;padding:20px 4px!important;outline:0!important;font-size:16px!important;line-height:1.65!important;color:#1e2e3a!important;overflow-wrap:anywhere!important;white-space:pre-wrap!important}
.naber13-host .naber16-editor:empty:before{content:attr(data-placeholder);pointer-events:none;color:#89979e}
.naber13-host .naber16-editor h1{font-size:1.65em!important;line-height:1.25!important;margin:8px 0!important}
.naber13-host .naber16-editor h2{font-size:1.4em!important;line-height:1.3!important;margin:8px 0!important}
.naber13-host .naber16-editor h3{font-size:1.2em!important;line-height:1.35!important;margin:8px 0!important}
.naber13-host .naber16-editor ul{padding-left:24px!important;list-style:disc!important}
.naber13-host .naber16-editor a{text-decoration:underline!important;color:#356b87!important}
.naber13-host .naber16-emoji-panel{position:absolute;z-index:20;top:48px;left:0;width:min(290px,95%);display:grid;grid-template-columns:repeat(8,1fr);gap:3px;max-height:170px;overflow:auto;border:1px solid #d6e4e1;border-radius:10px;padding:8px;background:#fff;box-shadow:0 12px 25px rgba(30,46,58,.12)}
.naber13-host .naber16-emoji-panel[hidden]{display:none!important}
.naber13-host .naber16-emoji-panel button{border:0;background:#fff;cursor:pointer;font-size:21px;padding:4px 0}
@media(max-width:740px){.naber13-host .naber15-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))!important}.naber13-host .naber16-editor{min-height:155px!important}.naber13-host .naber16-format-tools{gap:3px}.naber13-host .naber16-format-tools button{padding:3px 6px!important}}

/* Composer .17: concise, image-forward link cards and clipboard-image affordance. */
.naber-embed-card-rich{flex-direction:column!important;max-width:100%!important}
.naber-embed-card-rich .naber-embed-card-img{flex:none!important;max-width:none!important;width:100%!important;aspect-ratio:16/9!important;min-height:0!important}
.naber-embed-card-rich .naber-embed-card-img img{object-fit:cover!important}
.naber-embed-card-rich .naber-embed-card-desc{display:none!important}
.naber-embed-card-rich .naber-embed-card-body{padding:11px 14px!important}
.naber-simple-link{display:flex!important;align-items:center!important;gap:14px!important;padding:12px 16px!important;max-width:none!important;border:1px solid #d6e4e1!important;border-radius:12px!important;background:#f7f9f8!important;text-decoration:none!important}
.naber-simple-link-icon{width:40px;height:40px;flex:none;display:grid;place-items:center;border-radius:10px;background:#d6e4e1;color:#1e2e3a;font-size:21px}
.naber-simple-link-info{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px;color:#1e2e3a}
.naber-simple-link-info strong{font-size:14px}.naber-simple-link-info small{font-size:12px;color:#6e7f86;overflow-wrap:anywhere}
.naber-simple-link-action{font-size:18px;color:#1e2e3a}
.naber-preview-image-prompt{border:1px dashed #bccbd0;background:#f7f9f8;color:#526572;padding:23px 16px;text-align:center;border-radius:10px;font-size:13px;line-height:1.6}
.naber-embed-preview:focus-visible{outline:2px solid #527a91;outline-offset:3px}

/* Composer .18: Visual Edit Post, same lightweight typography as Create. */
.naber-edit-modal .naber18-hidden-textarea{display:none!important}
.naber-edit-modal .naber18-edit-shell{border:1px solid #d6e4e1;border-radius:12px;padding:10px 14px;background:#fff;width:100%;box-sizing:border-box}
.naber-edit-modal .naber18-edit-tools{display:flex;align-items:center;flex-wrap:wrap;gap:5px;border-bottom:1px solid #e1e7e8;padding-bottom:9px}
.naber-edit-modal .naber18-edit-tools button,.naber-edit-modal .naber18-edit-tools select{background:transparent;border:1px solid transparent;color:#1e2e3a;border-radius:6px;font-size:14px;min-height:34px;padding:5px 9px;cursor:pointer}
.naber-edit-modal .naber18-edit-tools select{border-color:#d6e4e1;width:104px;font-size:12px}
.naber-edit-modal .naber18-edit-content{min-height:155px;max-height:40vh;overflow-y:auto;outline:none;padding:14px 2px;font-size:16px;line-height:1.6;color:#1e2e3a;overflow-wrap:anywhere}
.naber-edit-modal .naber18-edit-content h1{font-size:1.65em!important;line-height:1.25!important;margin:8px 0!important}
.naber-edit-modal .naber18-edit-content h2{font-size:1.4em!important;line-height:1.3!important;margin:8px 0!important}
.naber-edit-modal .naber18-edit-content h3{font-size:1.2em!important;line-height:1.35!important;margin:8px 0!important}
.naber-edit-modal .naber18-edit-content p{margin:0 0 9px}
.naber-edit-modal .naber18-edit-content ul{list-style:disc;padding-left:24px}
.naber-edit-modal .naber18-edit-content a{color:#356b87;text-decoration:underline}
.naber-edit-modal .naber18-emoji-panel:not([hidden]){display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:3px;padding:8px}
.naber-edit-modal .naber18-emoji-panel button{background:transparent;border:0;cursor:pointer;font-size:19px}
@media(max-width:740px){.naber-edit-modal .naber18-edit-content{min-height:120px}.naber-edit-modal .naber18-edit-tools{gap:2px}}

/* Composer .19: feed readability and approved link cards. */
.naber-community-view .neighbor-post-content {font-size:15px;line-height:1.65;overflow-wrap:anywhere}
.naber-community-view .neighbor-post-content h1 {font-size:28px!important;line-height:1.2!important;margin:.65em 0 .35em!important;font-weight:700!important}
.naber-community-view .neighbor-post-content h2 {font-size:23px!important;line-height:1.25!important;margin:.65em 0 .35em!important;font-weight:700!important}
.naber-community-view .neighbor-post-content h3 {font-size:19px!important;line-height:1.3!important;margin:.6em 0 .35em!important;font-weight:650!important}
.naber-community-view .neighbor-post-content.naber-post-text-collapsed {max-height:var(--naber-post-preview-max,240px);overflow:hidden;position:relative;mask-image:linear-gradient(to bottom,#000 0%,#000 82%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 82%,transparent 100%)}
.naber-community-view .naber-readmore-toggle{display:inline-block;margin:5px 0 12px;padding:5px 0;background:transparent;border:0;color:#365d70;text-decoration:underline;text-underline-offset:3px;cursor:pointer;font:600 13px/1.5 Arial,Helvetica,sans-serif}
.naber-community-view .naber-readmore-toggle:focus-visible{outline:2px solid #527a91;outline-offset:3px}
@media(max-width:740px){.naber-community-view .neighbor-post-content h1{font-size:24px!important}.naber-community-view .neighbor-post-content h2{font-size:21px!important}.naber-community-view .neighbor-post-content h3{font-size:18px!important}}
/* Card View returns to a compact HORIZONTAL preview on all screen sizes. */
.naber-embed-card-rich{display:flex!important;flex-direction:row!important;align-items:stretch!important;gap:0!important;overflow:hidden!important}
.naber-embed-card-rich .naber-embed-card-img{flex:0 0 34%!important;width:34%!important;max-width:220px!important;min-height:105px!important;aspect-ratio:auto!important;background:#f1f5f5!important}
.naber-embed-card-rich .naber-embed-card-img img{width:100%!important;height:100%!important;object-fit:contain!important}
.naber-embed-card-rich .naber-embed-card-body{flex:1!important;min-width:0!important;padding:12px!important;align-self:center!important}
.naber-embed-card-rich .naber-embed-card-desc{display:-webkit-box!important;-webkit-line-clamp:2!important;overflow:hidden!important}
/* Approved thumbnail simple link, not an oversized source-URL box. */
.naber-simple-link{display:flex!important;align-items:center!important;gap:12px!important;padding:9px 12px!important;max-width:100%!important;background:#fff!important}
.naber-simple-link-thumb{width:58px;height:58px;min-width:58px;flex:none;display:grid;place-items:center;border-radius:7px;overflow:hidden;background:#f1f5f5}
.naber-simple-link-thumb img{display:block;width:100%;height:100%;object-fit:contain}
.naber-simple-link-icon{width:48px!important;height:48px!important;min-width:48px!important;font-size:20px!important}
.naber-simple-link-info strong{font-weight:650!important;line-height:1.3!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media(max-width:480px){.naber-embed-card-rich .naber-embed-card-img{flex-basis:38%!important;width:38%!important;min-height:95px!important}.naber-embed-card-rich .naber-embed-card-body{padding:9px!important}}
/* Full-size image surfaces must preserve flyers and portrait artwork. */
.naber-link-image-a img{max-width:100%;width:auto;height:auto;object-fit:contain!important}

/* Composer .20: full uncropped image fallback and tightly scoped compact simple links. */
.naber-embed-fallback .naber-social-reconstruction,
.naber-embed-preview-body .naber-social-reconstruction,
.naber-post-social .naber-social-reconstruction{display:block;width:100%;max-width:600px;background:#fff;border:1px solid #dce3e5;border-radius:12px;overflow:hidden;text-align:left}
.naber-social-reconstruction-source{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;font:600 13px/1.4 Arial,sans-serif;color:#1e2e3a}
.naber-social-reconstruction-source small{font-size:11px;font-weight:400;color:#687882}
.naber-social-reconstruction-caption{white-space:pre-line;margin:0;padding:6px 14px 13px;font:14px/1.5 Arial,sans-serif;color:#1e2e3a}
.naber-social-reconstruction-image{display:block;width:100%;background:#f7f9f8;text-align:center}
.naber-social-reconstruction-image img{display:block;width:100%;height:auto;max-height:none!important;object-fit:contain!important;aspect-ratio:auto!important;border:0!important;margin:0 auto}
.naber-social-reconstruction-bottom{display:flex;flex-direction:column;gap:6px;padding:12px 14px;color:#1e2e3a;font:13px/1.4 Arial,sans-serif}
.naber-social-reconstruction-bottom a{color:#527a91;text-decoration:none}
.naber-post-social a.naber-simple-link,.naber-embed-preview-body a.naber-simple-link,.naber-community-view a.naber-simple-link{display:flex!important;flex-flow:row nowrap!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;max-width:100%!important;width:100%!important;min-height:74px!important;text-align:left!important;padding:9px 12px!important;box-sizing:border-box!important;border:1px solid #d6e4e1!important;border-radius:12px!important;background:#fff!important}
.naber-post-social a.naber-simple-link .naber-simple-link-thumb,.naber-embed-preview-body a.naber-simple-link .naber-simple-link-thumb{display:flex!important;flex:0 0 58px!important;width:58px!important;height:58px!important;max-width:58px!important;min-width:58px!important;overflow:hidden!important;border-radius:7px!important}
.naber-post-social a.naber-simple-link .naber-simple-link-thumb img,.naber-embed-preview-body a.naber-simple-link .naber-simple-link-thumb img{width:100%!important;height:100%!important;object-fit:contain!important}
.naber-post-social a.naber-simple-link .naber-simple-link-info,.naber-embed-preview-body a.naber-simple-link .naber-simple-link-info{display:flex!important;flex:1 1 auto!important;min-width:0!important;align-items:flex-start!important;text-align:left!important}
.naber-post-social a.naber-simple-link .naber-simple-link-action,.naber-embed-preview-body a.naber-simple-link .naber-simple-link-action{display:grid!important;place-items:center!important;flex:0 0 32px!important;height:32px!important;border-radius:8px!important;background:#f1f5f5!important}

/* Composer .21: edit modal parity with streamlined Create Post. */
.naber21-studio .naber-edit-head{padding:20px 24px 12px;border-bottom:0}
.naber21-studio .naber-edit-head h3{font:400 30px/1.2 Georgia,serif;color:#1e2e3a}
.naber21-studio .naber-edit-body{display:flex;flex-direction:column;gap:0;padding:14px 24px 24px}
.naber21-studio .naber18-edit-shell{order:0;border:0;border-radius:0;margin:0;min-height:230px;width:100%}
.naber21-studio .naber21-toolbar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;order:1;padding-top:14px;border-top:1px solid #d9e0e2;margin-top:8px}
.naber21-studio .naber21-tool,.naber21-studio .naber21-visibility{height:42px;min-width:0;border:1px solid #cdd7da;border-radius:9px;background:#fff;display:flex;align-items:center;justify-content:center;font:13px/1.2 Arial,sans-serif;color:#1e2e3a;padding:0 8px;box-sizing:border-box;cursor:pointer}
.naber21-studio .naber21-tool.is-active{background:#f2f6f6;border-color:#527a91}
.naber21-studio .naber21-visibility{padding:0;overflow:hidden}
.naber21-studio .naber21-visibility select{appearance:auto;width:100%;height:100%;min-height:0;border:0!important;background:transparent!important;box-shadow:none!important;text-align:center;font-size:13px;padding:0 4px!important;margin:0!important}
.naber21-studio .naber21-panel{order:2;margin-top:12px;border:1px solid #d6e4e1;background:#f7f9f8;border-radius:12px;padding:16px;min-width:0}
.naber21-studio .naber21-panel[hidden],.naber21-studio .naber21-panel-section[hidden]{display:none!important}
.naber21-studio .naber21-panel-section{display:grid;gap:14px}
.naber21-studio .naber21-panel-section fieldset{max-width:100%;min-width:0;margin:0}
.naber21-studio .naber21-panel-section label{display:block;font-size:13px;font-weight:600}
.naber21-studio .naber21-panel-section input[type=text]{margin-top:8px}
.naber21-studio .naber21-active-link{order:0;margin:10px 0 14px}
.naber21-studio .naber21-active-link fieldset{margin:0;min-width:0}
.naber21-studio .naber-edit-foot{border-top:0;padding:12px 24px 18px}
.naber21-studio .naber-edit-save{background:#1e2e3a!important;border-color:#1e2e3a!important}
@media(max-width:640px){.naber21-studio .naber-edit-body{padding:12px 15px 20px}.naber21-studio .naber-edit-head{padding:16px 15px 8px}.naber21-studio .naber21-toolbar{gap:5px}.naber21-studio .naber21-tool,.naber21-studio .naber21-visibility select{font-size:11px}.naber21-studio .naber-edit-foot{padding:12px 15px calc(12px + env(safe-area-inset-bottom))}}

/* Composer .23 — official embed and attributed fallback are mutually exclusive.
   Keep provider stage measurable but not visible while rendering. */
.naber-embed[data-naber-embed-state="loading"] > .naber-embed-stage{position:absolute!important;visibility:hidden!important;pointer-events:none!important;max-height:none!important;overflow:hidden!important}
.naber-embed.is-live > .naber-embed-stage{position:static!important;visibility:visible!important;pointer-events:auto!important;max-height:none!important;overflow:visible!important;display:block!important}
.naber-embed.is-live > .naber-embed-fallback{display:none!important}
.naber-embed[data-naber-embed-state="fallback"] > .naber-embed-stage{display:none!important}

.naber-embed[data-naber-embed-state="loading"]{position:relative!important}

/* Naber community.26: approved structural alignment with Discover.
   Scoped to community view only. Keep community-supplied cover and colors;
   never substitute a marketing hero or alter the community's saved branding. */
@media (min-width:961px){
  .naber-community-view .naber-community-search-top{width:calc((100% - 32px) * .64);max-width:660px;margin:16px 0 4px}
  .naber-community-view .naber-tabs-row{width:calc((100% - 32px) * .64);max-width:660px;margin-top:0!important;margin-bottom:16px!important}
}
.naber-community-view .naber-community-search-top .naber-rail-search{background:transparent!important;border:0!important;padding:0!important;margin:0!important;border-radius:0!important;box-shadow:none!important;display:block!important}
.naber-community-view .naber-community-search-top .naber-rail-search-field{min-height:46px;border:1px solid #d4d9dc;border-radius:999px;background:#fff;box-shadow:none;display:flex;align-items:center;overflow:hidden}
.naber-community-view .naber-community-search-top .naber-rail-search-input{min-height:44px!important;border:0!important;background:transparent!important;border-radius:0!important;box-shadow:none!important;font-size:14px!important}
.naber-community-view .naber-community-search-top .naber-rail-search-submit{background:transparent!important;border:0!important;box-shadow:none!important}
.naber-community-view .naber-hero .naber-utility-bar.is-overlay,
body .naber-community-view .naber-hero .naber-utility-bar.is-overlay{position:absolute!important;bottom:14px!important;left:22px!important;right:22px!important;height:auto!important;min-height:30px!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;display:flex!important;align-items:center!important;justify-content:space-between!important;color:#fff!important}
.naber-community-view .naber-hero.has-avatar .naber-utility-bar.is-overlay{left:22px!important}
.naber-community-view .naber-hero .naber-utility-bar.is-overlay .naber-ub-main,
.naber-community-view .naber-hero .naber-utility-bar.is-overlay .naber-ub-stats{background:transparent!important;color:#fff!important}
.naber-community-view .naber-hero .naber-utility-bar.is-overlay .naber-ub-stat,
.naber-community-view .naber-hero .naber-utility-bar.is-overlay .naber-ub-stat *,
.naber-community-view .naber-hero .naber-utility-bar.is-overlay .naber-ub-gear{color:#fff!important}
.naber-community-view .naber-hero .naber-utility-bar.is-overlay svg{stroke:#fff!important}
.naber-community-view .naber-hero .naber-utility-bar.is-overlay .naber-ub-gear{width:32px;height:32px;padding:5px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(0,0,0,.27);border:1px solid rgba(255,255,255,.3)}
.naber-community-view .naber-hero .naber-hero-body{padding-bottom:80px!important}
.naber-community-view .naber-hero .naber-hero-scrim{background:linear-gradient(90deg,rgba(9,20,28,.63) 0%,rgba(9,20,28,.24) 51%,rgba(9,20,28,.03) 100%)!important}
.naber-community-view .naber-hero .naber-hero-name{color:#fff!important;text-shadow:0 2px 14px rgba(0,0,0,.22)}
.naber-community-view .naber-hero .naber-hero-desc{color:#fff!important}
/* Discover global masthead language: typography, spacing and uninterrupted edge. */
.naber-community-view .naber-app-header{margin:0!important;border:0!important;border-bottom:1px solid #e7e2d9!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;min-height:58px!important;padding:7px 28px!important}
.naber-community-view .naber-brand-mark{display:none!important}
.naber-community-view .naber-brand-name{font-family:Georgia,'Times New Roman',serif!important;font-size:34px!important;font-weight:700!important;letter-spacing:-.04em!important;color:#14232d!important}
.naber-community-view .naber-app-nav a{font-family:Georgia,'Times New Roman',serif!important;font-size:15px!important;font-weight:400!important;color:#162732!important}
.naber-community-view .naber-app-header-right{gap:22px}
/* Composer: retain collapsed two-row input, with understated 3 shortcuts and a plus. */
.naber-community-view .naber-composer-quick-icons [data-quick-mode="link"],
.naber-community-view .naber-composer-quick-icons [data-quick-mode="files"],
.naber-community-view .naber-composer-quick-icons .naber-article-launch,
.naber-community-view .naber-composer-quick-icons .naber-locked{display:none!important}
.naber-community-view .naber-composer-quick-icons .naber-composer-quick-btn{padding:4px 6px!important;min-width:28px!important}
.naber-community-view .naber-composer-quick-icons .naber-composer-quick-btn span{display:none!important}
/* Card design: preserve image-first preview, calm footer, compact excerpt. */
.naber-community-view .neighbor-post{border:1px solid #e5e1d9!important;border-radius:19px!important;box-shadow:0 3px 14px rgba(19,29,31,.035)!important;background:#fff!important}
.naber-community-view .naber-article-card{border:1px solid #e5e0d7!important;border-radius:13px!important;margin-top:8px!important}
.naber-community-view .naber-article-card-cover{aspect-ratio:auto!important;max-height:none!important}
.naber-community-view .naber-article-card-cover img{width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important}
.naber-community-view .naber-article-card-body{padding:16px 18px 18px!important}
.naber-community-view .naber-article-card-title{font-family:Georgia,'Times New Roman',serif!important;font-size:clamp(21px,2.15vw,27px)!important;line-height:1.18!important;margin:10px 0 8px!important}
.naber-community-view .naber-article-card-excerpt{font-size:14px!important;line-height:1.56!important;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.naber-community-view .naber-article-readbtn{background:#1d2b36!important;border-color:#1d2b36!important;color:white!important}
.naber-community-view .naber-rail-card{border-radius:16px!important;background:#fff!important;padding:20px!important}
.naber-community-view .naber-rail-card h4{font-family:Georgia,'Times New Roman',serif!important;font-size:21px!important;font-weight:600!important;color:#1d2b36!important}
@media(max-width:960px){.naber-community-view .naber-community-search-top{display:none!important}.naber-community-view .naber-hero .naber-utility-bar.is-overlay{bottom:10px!important;left:12px!important;right:12px!important}.naber-community-view .naber-hero.has-avatar .naber-utility-bar.is-overlay{left:64px!important}}

/* Community .27 — surgical layout corrections based on live screenshot.
   No markup or underlying community functions replaced. */
@media(min-width:961px){
  /* Full-viewport Discover-style masthead without clipping at right edge. */
  .naber-community-view.neighbor-wrap > .naber-app-header{
    position:relative!important;left:auto!important;right:auto!important;
    width:100vw!important;max-width:100vw!important;
    margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;
    padding-left:clamp(18px,2.5vw,38px)!important;
    padding-right:clamp(18px,2.5vw,38px)!important;
    box-sizing:border-box!important;overflow:visible!important;gap:14px!important;
  }
  .naber-community-view .naber-app-header-right{min-width:0!important;flex-shrink:0!important;gap:14px!important}
  .naber-community-view .naber-app-header .naber-app-nav{gap:20px!important}
  /* Keep sidebar first card aligned with the search row, not composer. */
  /* Sidebar now follows normal feed-column top alignment; no hero overlap. */
  .naber-community-view .naber-community-search-top{margin-top:0!important;margin-bottom:0!important}
  .naber-community-view .naber-tabs-row{margin-bottom:12px!important}
}
/* Reduce post-hero whitespace without touching image height. */
.naber-community-view .naber-hero{margin-bottom:0!important}
.naber-community-view .naber-community-search-top{padding-top:0!important}
.naber-community-view .naber-rail .naber-rail-card{margin-bottom:16px!important}
.naber-community-view .naber-rail .naber-rail-card h4{font-family:Georgia,'Times New Roman',serif!important;font-size:21px!important;line-height:1.2!important}
/* The first post-type filter is a header, not a tiny form field. */
.naber-community-view .naber-rail .naber-format-heading,
.naber-community-view .naber-rail .naber-formats-title,
.naber-community-view .naber-rail .naber-format-label,
.naber-community-view .naber-rail .naber-format-filters h4,
.naber-community-view .naber-rail .naber-rail-formats h4{
  font-family:Georgia,'Times New Roman',serif!important;font-size:20px!important;font-weight:600!important;letter-spacing:-.02em!important;
}
/* Fix inherited composer.13 rule suppressing all three collapsed shortcuts. */
.naber-community-view .naber13-host .naber-composer-action-row .naber-composer-quick-icons,
.naber-community-view .neighbor-create-post:not(:has(.naber-composer-form.is-open)) .naber-composer-action-row .naber-composer-quick-icons{
  display:flex!important;visibility:visible!important;opacity:1!important;align-items:center!important;justify-content:flex-end!important;
  width:auto!important;flex:0 0 auto!important;overflow:visible!important;gap:8px!important;
}
.naber-community-view .neighbor-create-post:not(:has(.naber-composer-form.is-open)) .naber-composer-quick-icons [data-quick-mode="image"],
.naber-community-view .neighbor-create-post:not(:has(.naber-composer-form.is-open)) .naber-composer-quick-icons [data-quick-mode="video"],
.naber-community-view .neighbor-create-post:not(:has(.naber-composer-form.is-open)) .naber-composer-quick-icons [data-quick-mode="audio"]{display:inline-flex!important;visibility:visible!important;flex:0 0 32px!important;width:32px!important;height:28px!important;align-items:center!important;justify-content:center!important}
.naber-community-view .neighbor-create-post:not(:has(.naber-composer-form.is-open)) .naber-composer-quick-icons svg{display:block!important;width:18px!important;height:18px!important}
/* Approved slim footer — familiar four zones, preserve all click handlers. */
.naber-community-view .neighbor-post-footer{background:#f5f2ec!important;border:0!important;border-top:1px solid #e7e0d6!important;border-radius:0 0 12px 12px!important;margin-top:10px!important;padding:5px 12px!important}
.naber-community-view .naber-post-meta-row{min-height:40px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important}
.naber-community-view .naber-post-icons{gap:8px!important}
.naber-community-view .naber-post-icons .naber-icon-btn{width:34px!important;height:34px!important}
@media(max-width:960px){
 .naber-community-view .naber13-host .naber-composer-action-row .naber-composer-quick-icons{display:flex!important;visibility:visible!important;justify-content:flex-end!important;width:auto!important}
}
.naber-community-view .naber-rail .naber-formats-head,
.naber-community-view .naber-rail .naber-formats-head span{font-family:Georgia,'Times New Roman',serif!important;font-size:20px!important;font-weight:600!important;line-height:1.3!important;letter-spacing:-.02em!important}

/* Community .28 — targeted live-screen corrections; keep existing theme and handlers. */
@media (min-width:961px){
  /* Both first columns begin at the same distance below the cover. */
  .naber-community-view .naber-community-search-top{margin-top:24px!important;margin-bottom:4px!important;padding-top:0!important;}
  /* Previously negative rail offset removed in .48. */
}
.naber-community-view .naber-rail .naber-rail-card{margin-bottom:16px!important;}
/* Membership remains a real dropdown; only the visual chrome goes away. */
.naber-community-view .naber-hero .naber-utility-bar.is-overlay .naber-membership-summary,
.naber-community-view .naber-hero .naber-utility-bar.is-overlay .neighbor-joined,
.naber-community-view .naber-hero .naber-utility-bar.is-overlay .naber-join-state{
  background:transparent!important;border:0!important;border-radius:0!important;outline:0!important;box-shadow:none!important;backdrop-filter:none!important;
  color:#fff!important;padding:0 2px!important;min-height:26px!important;text-decoration:none!important;
}
.naber-community-view .naber-hero .naber-utility-bar.is-overlay .naber-membership-summary *,
.naber-community-view .naber-hero .naber-utility-bar.is-overlay .neighbor-joined *{color:#fff!important;stroke:#fff!important;}
.naber-community-view .naber-hero .naber-utility-bar.is-overlay .naber-membership-summary:focus-visible{outline:2px solid #fff!important;outline-offset:4px!important;}
.naber-community-view .naber-hero .naber-utility-bar.is-overlay .naber-ub-stat,
.naber-community-view .naber-hero .naber-utility-bar.is-overlay .naber-ub-stat *,
.naber-community-view .naber-hero .naber-utility-bar.is-overlay .naber-stat-members{border:0!important;border-bottom:0!important;text-decoration:none!important;box-shadow:none!important;}
/* Quick actions are separate buttons because Composer .13 moves the old ones. */
.naber-community-view .neighbor-create-post .naber28-entry-shortcuts{display:flex!important;gap:5px;align-items:center;justify-content:flex-end;margin-left:auto;}
.naber-community-view .neighbor-create-post .naber28-entry-shortcut{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:0;background:transparent;color:#527a91;border-radius:7px;cursor:pointer;}
.naber-community-view .neighbor-create-post .naber28-entry-shortcut:hover{background:#edf3f3;}
.naber-community-view .neighbor-create-post .naber28-entry-shortcut svg{width:19px;height:19px;stroke:currentColor;}
.naber-community-view .neighbor-create-post .naber-composer-action-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;}
.naber-community-view .neighbor-create-post .naber-composer-action-row .naber-studio-entry-label{flex:1 1 auto;}
/* Remove the heavy colored footer strip; keep the real controls and readable states. */
.naber-community-view .neighbor-post-footer{background:transparent!important;border:0!important;border-top:1px solid #e7e3dd!important;border-radius:0!important;margin-top:12px!important;padding:10px 2px 2px!important;box-shadow:none!important;}
.naber-community-view .naber-post-meta-row{background:transparent!important;border:0!important;min-height:38px!important;}
.naber-community-view .naber-post-icons .naber-icon-btn{background:transparent!important;border:0!important;border-radius:8px!important;}
@media(max-width:960px){.naber-community-view .neighbor-create-post .naber28-entry-shortcuts{gap:2px;}.naber-community-view .neighbor-create-post .naber28-entry-shortcut{width:29px;height:29px;}}

/* Community .29 — mobile-first visual corrections; functionality remains unchanged. */
.naber-community-view .naber-create-post-logged-out .neighbor-create-post-trigger{display:flex!important;align-items:center!important;gap:13px!important;padding:16px 18px!important;background:#fff!important;}
.naber-community-view .naber-create-post-logged-out .naber29-login-avatar{display:flex;align-items:center;justify-content:center;flex:0 0 42px;width:42px;height:42px;border-radius:50%;background:#e5eeeb;color:#253a46;}
.naber-community-view .naber29-login-avatar svg{width:21px;height:21px;}
.naber-community-view .naber-create-post-logged-out .neighbor-create-post-placeholder{display:flex!important;flex-direction:column!important;gap:4px!important;flex:1!important;min-width:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#1e2e3a!important;text-align:left!important;text-decoration:none!important;line-height:1.4!important;}
.naber-community-view .naber-create-post-logged-out .neighbor-create-post-placeholder strong{font-size:15px;font-weight:650;}
.naber-community-view .naber-create-post-logged-out .neighbor-create-post-placeholder>span{font-size:12px;color:#6b7780;}
.naber-community-view .naber-create-post-logged-out .neighbor-create-post-placeholder:focus-visible{outline:2px solid #385b70!important;outline-offset:5px!important;}
@media(max-width:960px){
  html,body{max-width:100%;overflow-x:clip;}
  .naber-community-view.neighbor-wrap{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box!important;overflow-x:clip!important;}
  .naber-community-view .naber-app-header,.naber-community-view.neighbor-wrap>.naber-app-header{width:100%!important;max-width:100%!important;left:0!important;right:0!important;transform:none!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box!important;padding-left:14px!important;padding-right:14px!important;}
  .naber-community-view .naber-hero .naber-hero-scrim{background:linear-gradient(90deg,rgba(8,17,24,.58),rgba(8,17,24,.32))!important;}
  .naber-community-view .naber-hero-tools .naber-join-action,.naber-community-view .naber-hero-tools a.naber-join-action,body .naber-community-view .naber-hero-tools a.naber-join-action,body.naber-app .naber-community-view .naber-hero-tools a.naber-join-action{border:0!important;outline:0!important;box-shadow:none!important;border-radius:0!important;background:transparent!important;backdrop-filter:none!important;color:#fff!important;padding:0 3px!important;min-height:30px!important;text-shadow:0 1px 3px rgba(0,0,0,.5)!important;}
  .naber-community-view .naber-hero-tools .naber-join-action *{color:#fff!important;stroke:#fff!important;}
  .naber-community-view .naber-mobile-tools button,.naber-community-view .naber-mobile-tools .naber-mobile-format-toggle,.naber-community-view .naber-mobile-tools .naber-mobile-topics-toggle,.naber-community-view .naber-mobile-tools .naber-mobile-search-toggle{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;outline-offset:2px!important;width:34px!important;min-width:34px!important;height:36px!important;flex:0 0 34px!important;padding:5px!important;}
  .naber-community-view .naber-mobile-tools button:hover,.naber-community-view .naber-mobile-tools button[aria-expanded=true]{background:transparent!important;color:#284d61!important;}
  .naber-community-view .neighbor-post{border-radius:0!important;margin-left:0!important;margin-right:0!important;overflow:visible!important;}
  .naber-community-view .neighbor-post .naber-article-preview,.naber-community-view .neighbor-post .naber-article-preview img,.naber-community-view .neighbor-post .naber-post-media img,.naber-community-view .neighbor-post .naber-post-image,.naber-community-view .neighbor-post .naber-post-photo{border-radius:0!important;}
  .naber-community-view .neighbor-post .naber-article-preview,.naber-community-view .neighbor-post .naber-post-media{margin-left:calc(-1 * var(--naber-post-pad,16px))!important;margin-right:calc(-1 * var(--naber-post-pad,16px))!important;width:calc(100% + 2 * var(--naber-post-pad,16px))!important;max-width:none!important;}
  .naber-community-view .neighbor-post.is-pinned{position:relative!important;}
  .naber-community-view .neighbor-post.is-pinned::before{content:'';position:absolute;z-index:5;top:8px;left:50%;width:9px;height:9px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#ffd9ae 0 12%,#b46d42 35%,#713b27 100%);transform:translateX(-50%) rotate(-15deg);box-shadow:1px 2px 3px rgba(0,0,0,.25);pointer-events:none;}
  .naber-community-view .neighbor-post.is-pinned::after{content:'';position:absolute;z-index:4;top:15px;left:calc(50% + 1px);height:20px;width:2px;background:linear-gradient(#8c604e,#c3a48d);transform:rotate(-24deg);transform-origin:top;pointer-events:none;}
}


/* Naber Community .30 — narrow mobile layout stabilization; no data/handlers changed. */
@media(max-width:960px){
  html,body{margin:0!important;max-width:100%!important;overflow-x:hidden!important;}
  body.naber-app,body.naber-app #page,body.naber-app .site,body.naber-app .site-content,body.naber-app main,body.naber-app .entry-content{min-width:0!important;max-width:100%!important;box-sizing:border-box!important;}
  .naber-community-view.neighbor-wrap{position:relative!important;left:0!important;right:0!important;transform:none!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding-left:0!important;padding-right:0!important;overflow-x:clip!important;}
  .naber-community-view *{box-sizing:border-box;}
  .naber-community-view .naber-app-header,.naber-community-view.neighbor-wrap>.naber-app-header{position:relative!important;left:0!important;right:0!important;transform:none!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:0 14px!important;}
  .naber-community-view .naber-hero,.naber-community-view .naber-tabs-row,.naber-community-view .naber-feed-layout,.naber-community-view .naber-feed-main,.naber-community-view .naber-feed-column{max-width:100%!important;min-width:0!important;box-sizing:border-box!important;}
  .naber-community-view .naber-hero .naber-hero-scrim{background:linear-gradient(90deg,rgba(9,18,25,.55),rgba(9,18,25,.48))!important;}
  .naber-community-view .naber-utility-bar.is-overlay .naber-join-action,.naber-community-view .naber-utility-bar.is-overlay a.naber-join-action,.naber-community-view .naber-utility-bar.is-overlay button.naber-join-action,.naber-community-view .naber-utility-bar.is-overlay .naber-membership-summary,.naber-community-view .naber-utility-bar.is-overlay summary,.naber-community-view .naber-utility-bar.is-overlay .naber-join-state{border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;border-radius:0!important;color:#fff!important;text-shadow:0 1px 3px rgba(0,0,0,.65)!important;padding:0 3px!important;backdrop-filter:none!important;}
  .naber-community-view .naber-utility-bar.is-overlay .naber-join-action *, .naber-community-view .naber-utility-bar.is-overlay .naber-membership-summary *{color:#fff!important;stroke:#fff!important;}
  .naber-community-view .naber-ub-stat{border-bottom:0!important;text-decoration:none!important;box-shadow:none!important;}
  .naber-community-view .neighbor-post,.naber-community-view .neighbor-post.is-pinned,.naber-community-view .naber-article-wrap .neighbor-post{border-radius:0!important;box-shadow:none!important;max-width:100%!important;min-width:0!important;}
  .naber-community-view .neighbor-post.is-pinned::before,.naber-community-view .neighbor-post.is-pinned::after{content:none!important;display:none!important;}
  .naber-community-view .naber-feed-layout{width:100%!important;max-width:100%!important;overflow:visible!important;}
  .naber-community-view .naber-feed-layout>.naber-feed-main,.naber-community-view .naber-feed-layout>.naber-main{padding-left:0!important;padding-right:0!important;}
  .naber-community-view .neighbor-post .naber-article-card,.naber-community-view .neighbor-post .naber-article-card-cover,.naber-community-view .neighbor-post .naber-article-card-cover img,.naber-community-view .neighbor-post .naber-post-social,.naber-community-view .neighbor-post .naber-post-media,.naber-community-view .neighbor-post .naber-post-media img{border-radius:0!important;max-width:100%!important;}
  .naber-community-view .neighbor-post img,.naber-community-view .neighbor-post iframe{max-width:100%!important;}
}
/* Logged-out composer: approved option 1 with option 4 group icon. */
.naber-community-view .naber-create-post-logged-out .neighbor-create-post-trigger{display:flex!important;flex-direction:row!important;align-items:center!important;gap:13px!important;padding:16px!important;min-height:90px!important;background:#fff!important;border-radius:14px!important;}
.naber-community-view .naber-create-post-logged-out .naber29-login-avatar{flex:0 0 44px;width:44px;height:44px;border-radius:50%;background:#e6efed;color:#1e3440;display:flex;align-items:center;justify-content:center;}
.naber-community-view .naber-create-post-logged-out .naber29-login-avatar svg{width:25px;height:25px;}
.naber-community-view .naber-create-post-logged-out .naber30-login-copy{display:flex;flex-direction:column;gap:3px;flex:1 1 auto;min-width:0;color:#1e2e3a;}
.naber-community-view .naber-create-post-logged-out .naber30-login-copy strong{font-family:Georgia,'Times New Roman',serif;font-size:18px;line-height:1.18;font-weight:600;}
.naber-community-view .naber-create-post-logged-out .naber30-login-copy span{font-size:12px;line-height:1.4;color:#697784;}
.naber-community-view .naber-create-post-logged-out a.naber30-login-button{display:inline-flex!important;flex:0 0 auto!important;flex-direction:row!important;justify-content:center!important;align-items:center!important;gap:8px!important;background:#1d2d38!important;border:0!important;border-radius:999px!important;padding:10px 14px!important;color:#fff!important;font-size:13px!important;font-weight:600!important;white-space:nowrap!important;text-decoration:none!important;}
.naber-community-view .naber-create-post-logged-out a.naber30-login-button span{color:#fff!important;}
@media(max-width:420px){.naber-community-view .naber-create-post-logged-out .neighbor-create-post-trigger{gap:9px!important;padding:12px!important;}.naber-community-view .naber-create-post-logged-out .naber29-login-avatar{flex-basis:38px;width:38px;height:38px}.naber-community-view .naber-create-post-logged-out .naber30-login-copy strong{font-size:16px}.naber-community-view .naber-create-post-logged-out .naber30-login-copy span{font-size:11px}.naber-community-view .naber-create-post-logged-out a.naber30-login-button{padding:9px 11px!important;font-size:12px!important}}

/* Community .31 — social embed centering and mobile footer spacing. */
@media(max-width:700px){
  /* Undo the legacy negative-bleed social-embed rule; mobile posts themselves remain edge-to-edge. */
  .naber-community-view .neighbor-post .naber-post-social,
  .naber-community-view .neighbor-post > .naber-post-social:has(iframe, .naber-embed-instagram, .naber-embed-tiktok, .naber-oembed),
  .naber-community-view .neighbor-post .naber-post-media:has(.naber-embed-facebook),
  .naber-community-view .neighbor-post .naber-post-media:has(.naber-embed-tiktok){
    margin-left:auto!important;margin-right:auto!important;width:100%!important;
    max-width:100%!important;min-width:0!important;padding-left:0!important;padding-right:0!important;
    box-sizing:border-box!important;overflow:hidden!important;
  }
  .naber-community-view .naber-post-social .naber-embed,
  .naber-community-view .naber-post-social .naber-embed-facebook,
  .naber-community-view .naber-post-social .naber-embed-tiktok,
  .naber-community-view .naber-post-social .naber-embed-fallback,
  .naber-community-view .naber-post-social .naber-social-reconstruction,
  .naber-community-view .naber-post-social .fb-post,
  .naber-community-view .naber-post-social .fb-video{
    display:block;max-width:100%!important;min-width:0!important;width:100%!important;
    margin-left:auto!important;margin-right:auto!important;box-sizing:border-box!important;
  }
  .naber-community-view .naber-post-social iframe,
  .naber-community-view .naber-post-social .naber-embed-stage,
  .naber-community-view .naber-post-social .naber-embed-stage iframe{
    max-width:100%!important;min-width:0!important;margin-left:auto!important;margin-right:auto!important;
    box-sizing:border-box!important;
  }
  /* One divider only: post-media/embed frame supplies its own bottom rule. */
  .naber-community-view .neighbor-post-footer{border-top:0!important;box-shadow:none!important;}
  .naber-community-view .naber-post-meta-row{padding-right:14px!important;box-sizing:border-box!important;}
  .naber-community-view .naber-post-visibility{margin-right:4px!important;padding-right:4px!important;}
}

/* COMMUNITY .32 — fixed collapsed controls, compact writer, tags, image alignment */
.naber-community-view .neighbor-create-post .naber32-shortcuts{display:flex!important;position:relative!important;gap:10px;align-items:center;justify-content:flex-end;z-index:2;float:right;margin:-34px 1px 4px auto;min-height:29px}
.naber-community-view .neighbor-create-post .naber32-shortcut{display:grid!important;place-items:center!important;width:32px;height:30px;padding:5px;border:0!important;border-radius:0!important;background:transparent!important;color:#526f85;cursor:pointer;box-shadow:none!important}
.naber-community-view .neighbor-create-post .naber32-shortcut svg{display:block;width:19px;height:19px;pointer-events:none}
.naber-community-view .neighbor-create-post:has(.naber-composer-form.is-open) .naber32-shortcuts{display:none!important}
/* Suppress moved legacy quick group on the collapsed entry; static controls take its place. */
.naber-community-view .neighbor-create-post:not(:has(.naber-composer-form.is-open)) .naber-composer-action-row .naber-composer-quick-icons,
.naber-community-view .neighbor-create-post .naber28-entry-shortcuts{display:none!important}
.naber-community-view .neighbor-create-post .naber-composer-form.is-open{margin-top:5px!important;padding-top:8px!important}
.naber-community-view .neighbor-create-post:has(.naber-composer-form.is-open) .neighbor-create-post-trigger{margin-bottom:4px!important;padding-bottom:0!important;border-bottom:0!important}
.naber-community-view .neighbor-create-post .naber-composer-form.is-open h2,
.naber-community-view .neighbor-create-post .naber-composer-form.is-open .naber-composer-title{font-size:24px!important;line-height:1.2!important;margin:4px 0 9px!important}
.naber-community-view .neighbor-create-post .naber16-editor{min-height:125px!important;padding:11px 4px!important}
.naber-community-view .neighbor-create-post .naber16-editor-shell{margin:2px 0 7px!important}
.naber-community-view .neighbor-post-tags{border-top:1px solid #e6e1d9!important;padding-top:12px!important;margin-top:12px!important}
.naber-community-view .naber-article-cat{text-decoration:none!important;cursor:pointer}
.naber-community-view .naber-article-cat:hover{text-decoration:underline!important}
@media(max-width:740px){
 .naber-community-view .neighbor-create-post .naber-composer-form.is-open h2,.naber-community-view .neighbor-create-post .naber-composer-form.is-open .naber-composer-title{font-size:22px!important}
 .naber-community-view .neighbor-create-post .naber16-editor{min-height:115px!important}
 .naber-community-view .naber-link-image,.naber-community-view .naber-link-image-a{max-width:100%!important;box-sizing:border-box!important;margin-left:0!important;margin-right:0!important;transform:none!important;left:auto!important;right:auto!important}
 .naber-community-view .naber-link-image img,.naber-community-view .naber-link-image-a img{max-width:100%!important;height:auto!important;object-fit:contain!important}
}

/* COMMUNITY .33 — compact entry, stable inline shortcuts and targeted mobile gallery alignment */
.naber-community-view .neighbor-create-post .neighbor-create-post-trigger{
  display:flex!important;align-items:center!important;gap:11px!important;min-height:0!important;
}
.naber-community-view .neighbor-create-post .neighbor-create-post-trigger > .neighbor-avatar,
.naber-community-view .neighbor-create-post .neighbor-create-post-trigger > .neighbor-avatar-initial{
  width:40px!important;height:40px!important;flex:0 0 40px!important;align-self:center!important;margin:0!important;
}
.naber-community-view .neighbor-create-post .naber-studio-entry-prompt{align-self:center!important;justify-content:center!important;margin:0!important;min-height:40px!important;}
.naber-community-view .neighbor-create-post:has(.naber-studio-entry-prompt) .naber-composer-action-row{
  display:flex!important;flex-flow:row nowrap!important;align-items:center!important;justify-content:space-between!important;
  padding:4px 0 0!important;margin-top:8px!important;min-height:28px!important;gap:8px!important;
}
.naber-community-view .neighbor-create-post .naber32-shortcuts{
  float:none!important;position:static!important;display:flex!important;flex:0 0 auto!important;
  margin:0!important;padding:0!important;min-height:0!important;gap:8px!important;align-items:center!important;justify-content:flex-end!important;
}
.naber-community-view .neighbor-create-post .naber32-shortcut{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  flex:0 0 28px!important;width:28px!important;height:28px!important;padding:4px!important;
  border:0!important;background:transparent!important;box-shadow:none!important;
}
.naber-community-view .neighbor-create-post .naber32-shortcut svg{width:18px!important;height:18px!important;display:block!important}
.naber-community-view .neighbor-create-post:has(.naber-composer-form.is-open) .naber32-shortcuts{display:none!important}
.naber-community-view .neighbor-create-post .naber-studio-entry-plus{padding:1px 0 0 1px!important;line-height:1!important}
.naber-community-view .neighbor-create-post:has(.naber-composer-form.is-open) .neighbor-create-post-trigger{margin-bottom:0!important;padding-bottom:0!important;border:0!important}
.naber-community-view .neighbor-create-post .naber-composer-form.is-open{margin-top:0!important;padding-top:5px!important}
.naber-community-view .neighbor-create-post .naber-composer-form.is-open .naber16-editor-shell{margin-top:0!important}
.naber-community-view .neighbor-create-post .naber-composer-form.is-open .naber-composer-title,
.naber-community-view .neighbor-create-post .naber-composer-form.is-open h2{margin-top:0!important;margin-bottom:5px!important}
@media(max-width:740px){
 .naber-community-view .neighbor-create-post .neighbor-create-post-trigger{gap:9px!important}
 .naber-community-view .neighbor-create-post .naber32-shortcuts{gap:5px!important}
 /* Gallery uploads are already full-width; override older negative-margin expansion for ONLY photo posts. */
 .naber-community-view .neighbor-post > .neighbor-post-image.naber-post-media{
   display:block!important;width:100%!important;max-width:100%!important;
   margin-left:0!important;margin-right:0!important;left:auto!important;right:auto!important;
   position:relative!important;transform:none!important;box-sizing:border-box!important;overflow:hidden!important;
 }
 .naber-community-view .neighbor-post > .neighbor-post-image.naber-post-media img{
   width:100%!important;max-width:100%!important;display:block!important;height:auto!important;object-fit:contain!important;
 }
 .naber-community-view .neighbor-post > .neighbor-post-image.naber-post-media + .naber-post-media{max-width:100%!important;}
}

/* community.36 Series management accessibility and mobile header correction */
@media(max-width:700px){.naber-community-view .naber-hero .naber-hero-desc,.naber-hero-desc{display:none!important}}
.naber-community-view .naber-ctx-item:hover,.naber-community-view .naber-ctx-item:focus-visible,.naber-sc-menu-pop .naber-text-btn:hover{background:#f0eee9!important;color:#1d2b34!important;opacity:1!important}
.naber-series-delete{border-top:0!important;padding-top:0!important;margin-top:12px!important}
.naber-series-delete .naber-text-danger,.naber-series-delete .naber-text-danger:hover,.naber-series-delete .naber-text-danger:focus-visible{background:transparent!important;border:0!important;color:#26323a!important;opacity:1!important;text-decoration:none!important;box-shadow:none!important}
.naber-series-delete .naber-text-danger:hover{text-decoration:underline!important;text-underline-offset:4px!important}
.naber-sc-search-area{display:grid;gap:12px}.naber-sc-search-area .naber-field{margin:0}
.naber-sc-pagination{display:flex;align-items:center;justify-content:space-between;gap:8px}
.naber-sc-pagination button{background:#f4f1ed;border:1px solid #e4ded6;border-radius:9px;color:#24323c;padding:8px 12px;cursor:pointer}
.naber-sc-pagination button:disabled{opacity:.45;cursor:default}
.naber-sc-candidates{max-height:390px;overflow:auto;overscroll-behavior:contain}
.naber-sc-candidates .naber-sc-pick-row{display:flex;align-items:center;gap:10px;padding:8px;border:1px solid #e7e2d9;border-radius:11px}
.naber-sc-pick-row .naber-sc-thumb{width:48px;height:48px}
.naber-sc-pick-copy{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.naber-sc-pick-copy small{font-size:11px;color:#66737a}
.naber-sc-row .naber-sc-tags{color:#647079}
.naber-sc-selected{font-size:12px;color:#596b74}

/* Community .37: intentionally quiet Series library and creation dialog. */
.naber-series .naber-series-head{align-items:center;flex-wrap:nowrap;gap:16px;margin-bottom:16px}
.naber-series .naber-series-head>div:first-child{min-width:0;flex:1}
.naber-series .naber-series-create{flex:0 0 auto;position:static}
.naber-series .naber-series-create>summary.neighbor-button{display:inline-flex;align-items:center;justify-content:center;min-width:0;min-height:36px;padding:8px 13px!important;border:1px solid #cfcac2!important;background:transparent!important;color:#283541!important;border-radius:9px!important;font-size:13px!important;font-weight:600!important;box-shadow:none!important;line-height:1.2!important}
.naber-series .naber-series-create>summary.neighbor-button:hover,.naber-series .naber-series-create>summary.neighbor-button:focus-visible{background:#f0eeea!important;color:#182b35!important;border-color:#aea89e!important;outline-offset:2px}
.naber-series-create[open]::before{content:"";position:fixed;inset:0;background:rgba(17,29,36,.48);z-index:99990}
.naber-series .naber-series-create[open]>.naber-series-form{position:fixed;z-index:99991;left:50%;top:50%;transform:translate(-50%,-50%);margin:0!important;width:min(520px,calc(100vw - 32px));min-width:0;max-height:calc(100dvh - 32px);overflow:auto;padding:24px!important;background:#fff;border:1px solid #e0dad2;box-shadow:0 22px 70px rgba(15,25,32,.22);border-radius:16px;box-sizing:border-box}
.naber-series-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}
.naber-series-dialog-head h3{font-size:21px;font-weight:650;line-height:1.3;color:#1c2e39;margin:0}
.naber-series-dialog-close{font-size:25px!important;line-height:1!important;width:32px;height:32px;min-height:0!important;padding:0!important;border:0!important;background:transparent!important;color:#5a6269!important;cursor:pointer;border-radius:7px}
.naber-series-dialog-close:hover{background:#f2f1ee!important;color:#1c2e39!important}
.naber-series-dialog-actions{display:flex;justify-content:flex-end;gap:10px;align-items:center;margin-top:20px}
.naber-series-dialog-actions button{width:auto!important;min-width:0!important;min-height:38px!important;padding:9px 15px!important;border-radius:9px!important;font-size:13px!important;box-shadow:none!important}
.naber-series-dialog-cancel{border:1px solid #d6d2ca!important;background:#fff!important;color:#283541!important;cursor:pointer}
.naber-series-dialog-cancel:hover{background:#f1f0ec!important}
.naber-series-dialog-actions .neighbor-button{background:#203541!important;color:#fff!important}
.naber-series-dialog-actions .neighbor-button:hover{background:#304953!important}
.naber-series-search-wrap{margin:0 0 18px}
.naber-series input.naber-series-library-search{display:block;box-sizing:border-box;width:min(100%,440px);min-height:40px;padding:9px 13px;border:1px solid #dad6d0;border-radius:10px;background:#fff;color:#23333f;box-shadow:none;font-size:14px}
.naber-series input.naber-series-library-search:focus{outline:2px solid #778f9a;outline-offset:1px}
.naber-series .naber-series-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:18px}
.naber-series .naber-series-card[hidden],.naber-series .naber-series-search-empty[hidden]{display:none!important}
.naber-series .naber-series-card{max-width:none;box-shadow:0 2px 7px rgba(15,25,30,.035)}
.naber-series .naber-series-card:hover{transform:none;box-shadow:0 4px 12px rgba(15,25,30,.075)}
.naber-series .naber-series-card-body{padding:14px}
.naber-series .naber-series-card-title{font-size:16px}
.naber-series-search-empty{font-size:14px;color:#64727a;margin:12px 0}
.naber-series .naber-series-actions .naber-series-follow{min-width:0!important;width:auto!important;min-height:34px!important;padding:7px 12px!important;font-size:13px!important;box-shadow:none!important}
@media(max-width:640px){.naber-series .naber-series-head{align-items:flex-start}.naber-series .naber-series-heading{font-size:21px}.naber-series .naber-series-head .naber-series-sub{font-size:12px}.naber-series .naber-series-create>summary.neighbor-button{font-size:12px!important;padding:8px 10px!important}.naber-series .naber-series-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr))}.naber-series .naber-series-create[open]>.naber-series-form{padding:18px!important}}

/* Community .38 — Series visibility, compact follow, entry search, neutral editor actions. */
.naber-series .naber-series-create > summary.neighbor-button,
.naber-series .naber-series-create > summary.neighbor-button .naber-series-new-label {
  color:#263843!important;-webkit-text-fill-color:#263843!important;opacity:1!important;
  text-decoration:none!important;font-weight:650!important;
}
.naber-series .naber-series-create > summary.neighbor-button {
  background:#f7f6f3!important;border:1px solid #c9c4bb!important;
  padding:9px 14px!important;box-shadow:none!important;
}
.naber-series .naber-series-create > summary.neighbor-button:hover,
.naber-series .naber-series-create > summary.neighbor-button:focus-visible {background:#eceae5!important;border-color:#a9a59e!important;}
/* Place follow with metadata, not in a separate tall action band. */
.naber-series .naber-series-page-head{position:relative;}
.naber-series .naber-series-meta{display:inline-flex;align-items:center;flex-wrap:wrap;gap:4px;margin-right:12px!important;vertical-align:middle;}
.naber-series .naber-series-actions{display:inline-flex!important;align-items:center;vertical-align:middle;margin:0!important;padding:0!important;gap:0!important;}
.naber-series .naber-series-actions form{margin:0!important;}
.naber-series .naber-series-actions .naber-series-follow,
.naber-series .naber-series-actions .naber-series-follow:not(.is-following),
.naber-series .naber-series-actions .naber-series-follow.is-following {
  display:inline-flex!important;align-items:center;justify-content:center;
  min-height:28px!important;height:auto!important;min-width:0!important;width:auto!important;
  padding:5px 10px!important;margin:0!important;border-radius:8px!important;
  font-size:12px!important;font-weight:600!important;line-height:1.3!important;
  background:#f6f5f1!important;color:#34454d!important;-webkit-text-fill-color:#34454d!important;
  border:1px solid #d8d3ca!important;box-shadow:none!important;
}
.naber-series .naber-series-actions .naber-series-follow:hover,
.naber-series .naber-series-actions .naber-series-follow:focus-visible {background:#eae8e2!important;color:#20323b!important;-webkit-text-fill-color:#20323b!important;}
.naber-series .naber-series-editor-actions .naber-series-editor-cancel,
.naber-series .naber-series-editor-actions .naber-series-editor-cancel:hover,
.naber-series .naber-series-editor-actions .naber-series-editor-cancel:focus-visible {
  text-decoration:none!important;text-decoration-line:none!important;
  background:transparent!important;border:0!important;box-shadow:none!important;
  color:#626c70!important;-webkit-text-fill-color:#626c70!important;
  padding:7px 10px!important;border-radius:7px!important;
}
.naber-series .naber-series-editor-actions .naber-series-editor-cancel:hover,
.naber-series .naber-series-editor-actions .naber-series-editor-cancel:focus-visible {background:#efeeea!important;color:#263843!important;-webkit-text-fill-color:#263843!important;}
.naber-series-content-toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin:24px 0 14px;}
.naber-series-content-toolbar .naber-series-posts-heading{margin:0!important;}
.naber-series input.naber-series-entry-search{box-sizing:border-box;width:min(100%,310px);min-height:38px;padding:8px 12px;border:1px solid #d7d2ca;border-radius:9px;background:#fff;color:#263843;box-shadow:none;font-size:13px;}
.naber-series input.naber-series-entry-search:focus{outline:2px solid #82969c;outline-offset:1px;}
.naber-series .naber-series-post[hidden],.naber-series .naber-series-entry-noresults[hidden]{display:none!important;}
.naber-series-entry-noresults{color:#68747a;font-size:14px;margin:12px 0;}
@media(max-width:640px){.naber-series-content-toolbar{align-items:stretch;}.naber-series input.naber-series-entry-search{width:100%;}.naber-series .naber-series-actions{margin-top:4px!important;}}

/* .39: Compact on-demand post tags. No tag dividers / separate post section. */
.naber-community-view .neighbor-post-tags{display:none!important}
.naber-community-view .naber-footer-tags{position:relative;display:inline-flex;align-items:center;margin-left:auto;flex-shrink:0}
.naber-community-view .naber-footer-tags>summary{list-style:none;display:flex;align-items:center;gap:4px;border:0;border-radius:7px;background:transparent;color:#66717b;cursor:pointer;padding:6px 7px;font-size:12px;line-height:1.1;min-height:32px}
.naber-community-view .naber-footer-tags>summary::-webkit-details-marker{display:none}
.naber-community-view .naber-footer-tags>summary svg{width:16px;height:16px}
.naber-community-view .naber-footer-tags>summary:hover,.naber-community-view .naber-footer-tags[open]>summary{background:#f1eee9;color:#213440}
.naber-community-view .naber-footer-tags>summary:focus-visible{outline:2px solid #466a84;outline-offset:2px}
.naber-community-view .naber-footer-tags-popup{position:absolute;z-index:18;right:0;bottom:calc(100% + 7px);min-width:148px;max-width:min(280px,80vw);display:flex;gap:6px;flex-wrap:wrap;background:#fff;border:1px solid #e5e0d9;box-shadow:0 9px 26px rgba(18,30,40,.12);padding:12px;border-radius:11px}
.naber-community-view .naber-footer-tags-popup .neighbor-tag{font-size:12px;text-decoration:none}
.naber-community-view .naber-footer-tags-popup .neighbor-tag:hover{background:#e9eff0!important;color:#203541!important}


/* Community .40 — mobile media and compact action footer.
   Preserve the separate link-preview image, its original proportions, and
   Smart Paste (pasting a URL into the body automatically creates a preview). */
.naber-community-view .neighbor-post .naber-link-image {
  width:100%!important; max-width:100%!important; min-width:0!important;
  margin-left:auto!important; margin-right:auto!important;
  box-sizing:border-box!important;
}
.naber-community-view .neighbor-post .naber-link-image-a {
  display:flex!important; align-items:center!important; justify-content:center!important;
  width:100%!important; max-width:100%!important; min-width:0!important;
  margin:0 auto!important; padding:0!important; box-sizing:border-box!important;
  overflow:hidden!important; background:#f3f0ea!important;
}
.naber-community-view .neighbor-post .naber-link-image-a img {
  display:block!important; width:auto!important; height:auto!important;
  max-width:100%!important; max-height:680px!important;
  object-fit:contain!important; object-position:center center!important;
  margin:0 auto!important; flex:0 1 auto!important;
}
@media(max-width:700px){
  /* Videos fill the available post width. Keep 16:9 without cropping. */
  .naber-community-view .neighbor-post .neighbor-post-video:has(iframe.naber-youtube-embed),
  .naber-community-view .neighbor-post .naber-post-media:has(iframe.naber-youtube-embed){
    display:block!important; position:relative!important; width:100%!important;
    max-width:100%!important; min-width:0!important; margin:0!important;
    padding:0!important; box-sizing:border-box!important; overflow:hidden!important;
    border-radius:0!important; aspect-ratio:16/9!important;
  }
  .naber-community-view .neighbor-post iframe.naber-youtube-embed {
    display:block!important; width:100%!important; max-width:100%!important;
    min-width:0!important; height:100%!important; min-height:0!important;
    aspect-ratio:16/9!important; margin:0 auto!important; padding:0!important;
    border:0!important; box-sizing:border-box!important;
  }
  /* Social actions stay usable for thumbs, but don't create a tall blank strip. */
  .naber-community-view .neighbor-post-footer {
    margin-top:0!important; padding:3px 12px 3px!important;
    min-height:0!important; border-top:1px solid #e9e5df!important;
  }
  .naber-community-view .naber-post-meta-row {
    min-height:36px!important; height:36px!important; gap:4px!important;
    padding:0!important; margin:0!important;
  }
  .naber-community-view .naber-post-icons{gap:2px!important;}
  .naber-community-view .naber-post-icons .naber-icon-btn {
    width:31px!important;height:34px!important;min-height:34px!important;
    padding:4px!important;margin:0!important;
  }
  .naber-community-view .naber-post-icons .naber-icon-btn svg{width:19px!important;height:19px!important;}
  .naber-community-view .naber-post-comment-count{padding:3px!important;}
  .naber-community-view .naber-post-visibility{margin:0!important;padding:0!important;}
  .naber-community-view .naber-link-image-a img{max-height:none!important;}
}


/* Community .41: targeted mobile finishing corrections. */
@media (max-width:700px) {
  /* Keep readable, touch-friendly actions without an oversized empty footer. */
  .naber-community-view .neighbor-post .neighbor-post-footer {
    margin:0!important; padding:1px 12px!important; min-height:0!important;
    border-top:1px solid #e9e5df!important; border-bottom:0!important;
  }
  .naber-community-view .neighbor-post .naber-post-meta-row {
    min-height:42px!important; height:42px!important; padding:0!important; margin:0!important;
    display:flex!important; align-items:center!important;
  }
  .naber-community-view .neighbor-post .naber-post-icons {gap:5px!important;}
  .naber-community-view .neighbor-post .naber-post-icons .naber-icon-btn {
    width:38px!important;height:38px!important;min-height:38px!important;
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    padding:5px!important;
  }
  .naber-community-view .neighbor-post .naber-post-icons .naber-icon-btn svg {width:22px!important;height:22px!important;}
  .naber-community-view .neighbor-post .naber-post-icons .naber-icon-btn svg.naber-share-icon {width:23px!important;height:23px!important;}
  .naber-community-view .neighbor-post .naber-post-comment-count {padding:3px 5px!important;min-height:32px!important;}

  /* Reader-facing Series and linked photos use square mobile media edges. */
  .naber-community-view .naber-series-page-cover,
  .naber-community-view .naber-series-page-cover img,
  .naber-community-view .naber-series-cover,
  .naber-community-view .naber-series-cover img,
  .naber-community-view .neighbor-post .naber-link-image,
  .naber-community-view .neighbor-post .naber-link-image-a,
  .naber-community-view .neighbor-post .naber-link-image-a img,
  .naber-community-view .neighbor-post .naber-audio,
  .naber-community-view .neighbor-post .naber-audio-card,
  .naber-community-view .neighbor-post .naber-audio-cover {border-radius:0!important;}

  /* Video fully bleeds to the mobile post edges; iframe remains centred/16:9. */
  .naber-community-view .neighbor-post > .neighbor-post-video:has(iframe.naber-youtube-embed),
  .naber-community-view .neighbor-post > .naber-post-media:has(iframe.naber-youtube-embed) {
    width:calc(100% + 32px)!important; max-width:none!important;
    margin-left:-16px!important; margin-right:-16px!important; padding:0!important;
    overflow:hidden!important;border-radius:0!important;aspect-ratio:16/9!important;
  }
  .naber-community-view .neighbor-post iframe.naber-youtube-embed {
    display:block!important;width:100%!important;height:100%!important;max-width:none!important;
    margin:0!important;aspect-ratio:16/9!important;object-fit:contain!important;
  }
  /* Embedded Facebook cards should never be displaced right by inherited padding. */
  .naber-community-view .neighbor-post > .naber-post-social:has(.naber-embed-facebook),
  .naber-community-view .neighbor-post > .naber-post-media:has(.naber-embed-facebook) {
    margin-left:-16px!important;margin-right:-16px!important;width:calc(100% + 32px)!important;
    max-width:none!important;padding:0!important;border-radius:0!important;box-sizing:border-box!important;
  }
  .naber-community-view .neighbor-post .naber-embed-facebook,
  .naber-community-view .neighbor-post .naber-embed-facebook .naber-embed-stage,
  .naber-community-view .neighbor-post .naber-embed-facebook .naber-embed-fallback {
    box-sizing:border-box!important;width:100%!important;max-width:100%!important;
    margin:0 auto!important;padding-left:0!important;padding-right:0!important;
  }

  /* Article headline follows the same inset as kicker/excerpt; CTA sits at right. */
  .naber-community-view .neighbor-post .naber-article-card-body .naber-article-card-title {
    padding-left:0!important;padding-right:0!important;text-indent:0!important;
    margin-left:0!important;margin-right:0!important;
  }
  .naber-community-view .neighbor-post .naber-article-card-body .naber-article-readbtn {
    display:flex!important; width:max-content!important; margin-left:auto!important; margin-right:0!important;
  }
}


/* Community .42: consistent article CTA and footer sizing on all devices. */
.naber-community-view .neighbor-post .naber-article-card-body .naber-article-readbtn {
  display:flex!important; width:max-content!important; max-width:100%!important;
  margin-left:auto!important; margin-right:0!important;
  justify-content:center!important; text-align:center!important;
}
@media (max-width:700px) {
  /* Preserve desktop typography and pictogram proportions on mobile. */
  .naber-community-view .neighbor-post .naber-post-comment-count {
    font-size:13px!important; line-height:1.25!important;
    font-weight:600!important; padding:4px 6px!important;
    min-height:32px!important;
  }
  .naber-community-view .neighbor-post .naber-post-visibility {
    font-size:12px!important; line-height:1.25!important;
    font-weight:600!important;
  }
  .naber-community-view .neighbor-post .naber-footer-tags>summary {
    font-size:12px!important; line-height:1.25!important;
    padding:4px 5px!important; min-height:32px!important;
  }
  .naber-community-view .neighbor-post .naber-footer-tags>summary svg {
    width:16px!important; height:16px!important;
  }
  .naber-community-view .neighbor-post .naber-post-icons .naber-icon-btn svg {
    width:20px!important; height:20px!important;
  }
  .naber-community-view .neighbor-post .naber-post-icons .naber-icon-btn svg.naber-share-icon {
    width:22px!important; height:22px!important;
  }
  .naber-community-view .neighbor-post .neighbor-post-footer {
    padding-top:2px!important; padding-bottom:2px!important;
  }
}

/* Community .43: optional chapter navigation and mobile feed polish. */
.naber-series-chapter-layout{display:grid;grid-template-columns:minmax(185px,235px) minmax(0,1fr);gap:22px;align-items:start;margin-top:20px}
.naber-series-chapters{border:1px solid #e7e2d9;border-radius:12px;padding:14px;background:#faf9f7;position:sticky;top:18px}
.naber-series-chapters h3{font-size:15px;margin:0 0 12px;color:#1d2b34}
.naber-series-chapter-link{display:flex;flex-direction:column;gap:2px;padding:11px;border-radius:8px;text-decoration:none!important;color:#293741!important;font-size:13px}
.naber-series-chapter-link small{font-size:11px;color:#63727a}
.naber-series-chapter-link:hover,.naber-series-chapter-link:focus-visible{background:#eeeae4!important;color:#172d37!important}
.naber-series-chapter-link.is-active{background:#e6eeef!important;font-weight:700}
.naber-series-chapter-main{min-width:0}
.naber-series-chapter-intro{padding:22px;border:1px solid #e7e2d9;border-radius:12px;background:#f9f8f6;margin-bottom:18px}
.naber-series-chapter-intro h3{font-size:25px;margin:6px 0 10px;color:#20313a}
.naber-chapter-kicker{font-size:10px;letter-spacing:.14em;color:#66777c}
.naber-series-chapter-intro p{margin:5px 0;line-height:1.55}
.naber-chapter-manager{border-top:1px solid #e7e2d9;padding-top:20px}
.naber-optional{font-size:11px;color:#6b777e;font-weight:400}
.naber-chapter-add,.naber-chapter-edit-form{display:grid;gap:10px;margin:12px 0}
.naber-chapter-add label,.naber-chapter-edit-form label{display:grid;gap:5px;font-size:12px;font-weight:600}
.naber-chapter-add input,.naber-chapter-add textarea,.naber-chapter-edit-form input,.naber-chapter-edit-form textarea{width:100%;box-sizing:border-box;padding:11px;border:1px solid #ddd7cf;border-radius:9px;background:#fff;color:#21323c}
.naber-chapter-subtle{background:#f2f0ec!important;color:#233540!important;border:1px solid #ddd7cf!important;border-radius:9px;padding:8px 12px;cursor:pointer;font-size:12px}
.naber-chapter-subtle:hover{background:#e7e3dd!important;color:#233540!important}
.naber-chapter-edit{border:1px solid #e7e2d9;border-radius:10px;padding:12px;margin:8px 0}
.naber-chapter-edit summary{cursor:pointer;font-weight:650;color:#22313c;display:flex;justify-content:space-between;gap:8px}
.naber-chapter-edit summary small{font-weight:400;color:#62727b}
.naber-chapter-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:12px}
.naber-chapter-link{border:0;background:none;color:#526574;text-decoration:none;cursor:pointer;padding:6px;font-size:12px}
.naber-chapter-link:hover{color:#263840;text-decoration:none}
.naber-chapter-assignment{display:flex;gap:8px;align-items:center;padding:9px 0;border-bottom:1px solid #ece8e2}
.naber-chapter-entry-name{display:flex;gap:9px;align-items:center;flex:1;min-width:0;font-size:12px}
.naber-chapter-entry-name>span:last-child{overflow-wrap:anywhere}
.naber-chapter-entry-name .naber-sc-thumb{flex-shrink:0}
.naber-chapter-assignment select{max-width:150px;padding:9px;border:1px solid #ddd7cf;border-radius:7px}
.naber-community-view .neighbor-post .naber-post-icons .naber-icon-btn svg{width:22px!important;height:22px!important}
.naber-community-view .neighbor-post .naber-post-icons .naber-icon-btn svg.naber-share-icon{width:23px!important;height:23px!important}
.naber-community-view .neighbor-post .neighbor-post-footer{padding-top:4px!important;padding-bottom:4px!important;margin-top:5px!important}
.naber-community-view .neighbor-post .naber-post-meta-row{padding-top:0!important;padding-bottom:0!important;min-height:0!important}
.naber-community-view .neighbor-post{margin-bottom:12px!important}
.naber-community-view .naber-social-reconstruction,.naber-community-view .naber-embed-facebook,.naber-community-view .naber-embed-fallback{margin-left:auto!important;margin-right:auto!important}
@media(max-width:700px){
.naber-series-chapter-layout{display:flex;flex-direction:column;gap:12px}
.naber-series-chapters{width:100%;box-sizing:border-box;position:static;display:flex;gap:6px;overflow-x:auto;align-items:center;padding:9px}
.naber-series-chapters h3{white-space:nowrap;margin:0 6px 0 0}
.naber-series-chapter-link{flex:0 0 auto;white-space:nowrap;padding:9px}
.naber-series-chapter-main{width:100%}
.naber-chapter-assignment{flex-wrap:wrap}
.naber-chapter-assignment .naber-chapter-entry-name{flex-basis:100%}
.naber-community-view .neighbor-post .neighbor-post-footer{padding-top:3px!important;padding-bottom:3px!important}
.naber-community-view .neighbor-post .naber-post-icons .naber-icon-btn svg{width:22px!important;height:22px!important}
.naber-community-view .neighbor-post .naber-post-icons .naber-icon-btn svg.naber-share-icon{width:23px!important;height:23px!important}
}
.naber-chapter-empty{padding:18px;border:1px dashed #ded9d0;border-radius:10px;color:#68757b;font-size:13px}


/* Community .44 — authoritative FEED MEDIA + FOOTER layout.
 * The post surface uses a bounded Facebook preview on desktop, full width on
 * mobile; all controls retain identical typography and icon geometry across
 * breakpoints. Chapters and their navigation are intentionally untouched.
 */
.naber-community-view .neighbor-post .naber-post-social:has(.naber-embed-facebook),
.naber-community-view .neighbor-post .naber-post-media:has(.naber-embed-facebook),
.naber-community-view .neighbor-post .naber-post-social:has(.naber-social-reconstruction),
.naber-community-view .neighbor-post .naber-post-media:has(.naber-social-reconstruction) {
  display:flex!important;flex-direction:column!important;align-items:center!important;
  justify-content:flex-start!important; width:100%!important;max-width:100%!important;
  min-width:0!important;margin-left:auto!important;margin-right:auto!important;
  padding-left:0!important;padding-right:0!important;box-sizing:border-box!important;
}
.naber-community-view .neighbor-post .naber-embed-facebook,
.naber-community-view .neighbor-post .naber-embed-fallback,
.naber-community-view .neighbor-post .naber-social-reconstruction,
.naber-community-view .neighbor-post .naber-embed-stage,
.naber-community-view .neighbor-post .naber-embed-preview-body .naber-social-reconstruction,
.naber-community-view .neighbor-post .naber-embed-fallback .naber-social-reconstruction {
  width:100%!important;max-width:600px!important;min-width:0!important;
  margin-left:auto!important;margin-right:auto!important;box-sizing:border-box!important;
}
.naber-community-view .neighbor-post .naber-embed-facebook .naber-embed-fallback,
.naber-community-view .neighbor-post .naber-embed-facebook .naber-embed-stage {
  width:100%!important;max-width:100%!important;
}
/* A single geometry for icons, counts and labels, regardless of viewport. */
.naber-community-view .neighbor-post .neighbor-post-footer {
  display:block!important;height:auto!important;min-height:0!important;
  margin:10px 0 0!important;padding:0 12px 0!important;background:transparent!important;
  border:0!important;border-top:1px solid #e7e3dd!important;border-radius:0!important;
}
.naber-community-view .neighbor-post .naber-post-meta-row {
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  width:100%!important;box-sizing:border-box!important;height:32px!important;
  min-height:32px!important;max-height:32px!important;margin:0!important;padding:0!important;
  gap:6px!important;
}
.naber-community-view .neighbor-post .naber-post-icons{display:flex!important;align-items:center!important;gap:4px!important;}
.naber-community-view .neighbor-post .naber-post-icons .naber-icon-btn {
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  width:30px!important;height:30px!important;min-height:30px!important;
  margin:0!important;padding:5px!important;flex-shrink:0!important;box-sizing:border-box!important;
}
.naber-community-view .neighbor-post .naber-post-icons .naber-icon-btn svg,
.naber-community-view .neighbor-post .naber-post-icons .naber-icon-btn svg.naber-share-icon {
  width:19px!important;height:19px!important;min-width:19px!important;min-height:19px!important;
  flex-shrink:0!important;display:block!important;
}
.naber-community-view .neighbor-post .naber-post-comment-count,
.naber-community-view .neighbor-post .naber-post-visibility,
.naber-community-view .neighbor-post .naber-footer-tags>summary,
.naber-community-view .neighbor-post .naber-footer-tags>summary span {
  font-family:inherit!important;font-size:12px!important;font-weight:600!important;
  line-height:16px!important;letter-spacing:0!important;
}
.naber-community-view .neighbor-post .naber-post-comment-count {
  position:absolute!important;left:50%!important;top:50%!important;
  transform:translate(-50%,-50%)!important;padding:4px 5px!important;
  min-height:0!important;height:auto!important;white-space:nowrap!important;
}
.naber-community-view .neighbor-post .naber-post-visibility {padding:0!important;margin:0!important;}
.naber-community-view .neighbor-post .naber-footer-tags{margin-left:auto!important;margin-right:4px!important;}
.naber-community-view .neighbor-post .naber-footer-tags>summary{
  display:flex!important;align-items:center!important;gap:4px!important;
  min-height:30px!important;padding:3px 4px!important;
}
.naber-community-view .neighbor-post .naber-footer-tags>summary svg{width:16px!important;height:16px!important;flex-shrink:0!important;}
.naber-community-view .neighbor-post{margin-bottom:8px!important;}
@media(max-width:700px){
  .naber-community-view .neighbor-post .naber-post-social:has(.naber-embed-facebook),
  .naber-community-view .neighbor-post .naber-post-media:has(.naber-embed-facebook),
  .naber-community-view .neighbor-post .naber-post-social:has(.naber-social-reconstruction),
  .naber-community-view .neighbor-post .naber-post-media:has(.naber-social-reconstruction){
    display:flex!important;width:100%!important;max-width:100%!important;
    margin-left:0!important;margin-right:0!important;padding:0!important;
  }
  .naber-community-view .neighbor-post .naber-embed-facebook,
  .naber-community-view .neighbor-post .naber-social-reconstruction,
  .naber-community-view .neighbor-post .naber-embed-fallback,
  .naber-community-view .neighbor-post .naber-embed-stage {
    max-width:100%!important;width:100%!important;margin-left:auto!important;margin-right:auto!important;
  }
  .naber-community-view .neighbor-post .neighbor-post-footer{padding:0 10px 0!important;}
  .naber-community-view .neighbor-post .naber-post-icons{gap:2px!important;}
  .naber-community-view .neighbor-post .naber-post-icons .naber-icon-btn{width:30px!important;height:30px!important;min-height:30px!important;}
}

/* Community .45: preserve the separator ABOVE actions; remove ONLY space BELOW actions. */
.naber-community-view .neighbor-feed { gap: 5px!important; }
.naber-community-view .neighbor-feed > .neighbor-post { margin-bottom:0!important; padding-bottom:5px!important; }
@media(max-width:700px){.naber-community-view .neighbor-feed > .neighbor-post{padding-bottom:0!important;}}
.naber-community-view .neighbor-post .neighbor-post-footer {
  margin-top:10px!important;  /* breathing room before divider stays */
  padding-top:0!important;padding-bottom:0!important;
  border-top:1px solid #e7e3dd!important;
}
.naber-community-view .neighbor-post .naber-post-meta-row {
  height:32px!important;min-height:32px!important;max-height:32px!important;
}
.naber-community-view .neighbor-post .naber-post-icons .naber-icon-btn svg,
.naber-community-view .neighbor-post .naber-post-icons .naber-icon-btn svg.naber-share-icon {
  width:19px!important;height:19px!important;min-width:19px!important;min-height:19px!important;
}
/* Feed search is desktop-only in the rail, after About and before Post Type. */
.naber-community-view .naber-rail-search-after-about { margin:0 0 12px; }
.naber-community-view .naber-rail-search-after-about .naber-rail-search { display:block!important; margin:0!important; }
@media(max-width:960px){.naber-community-view .naber-rail-search-after-about{display:none!important;}}

/* Community .46: authoritative desktop search placement.
   Remove the legacy above-feed search; keep one visible control in the
   RIGHT sidebar directly after About and before Post Type. */
@media (min-width:961px) {
  .naber-community-view .naber-community-search-top,
  .naber-community-view .naber-tabs-search { display:none!important; }
  .naber-community-view .naber-feed-layout > .naber-rail > .naber-rail-search-after-about {
    display:block!important;
    position:static!important;
    order:initial!important;
    width:100%!important;
    max-width:none!important;
    box-sizing:border-box!important;
    padding:12px!important;
    margin:0 0 16px!important;
    background:#fff!important;
    border:1px solid #e4dfd8!important;
    border-radius:16px!important;
  }
  .naber-community-view .naber-rail-search-after-about .naber-rail-search {
    display:block!important;width:100%!important;box-sizing:border-box!important;
    background:transparent!important;border:0!important;box-shadow:none!important;
    padding:0!important;margin:0!important;
  }
  .naber-community-view .naber-rail-search-after-about .naber-rail-search-field {
    display:flex!important;align-items:center!important;width:100%!important;
    min-height:44px!important;background:#fff!important;
    border:1px solid #d4d9dc!important;border-radius:999px!important;
    box-sizing:border-box!important;
  }
}
@media (max-width:960px) {
  .naber-community-view .naber-rail-search-after-about{display:none!important;}
}

/* Community .47 — About rail card: compact content + quieter View more CTA.
   Scoped exclusively to the About card; search and other rail cards unchanged. */
@media (min-width: 961px) {
  .naber-community-view .naber-rail .naber-rail-about-compact {
    padding: 15px 18px 13px !important;
  }
  .naber-community-view .naber-rail .naber-rail-about-compact h4 {
    margin: 0 0 6px !important;
  }
  .naber-community-view .naber-rail .naber-rail-about-compact .naber-rail-desc {
    margin: 0 0 7px !important;
    line-height: 1.42 !important;
  }
  .naber-community-view .naber-rail .naber-rail-about-compact .naber-rail-link {
    padding: 4px 10px !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    font-weight: 400 !important;
    min-height: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    text-decoration: none !important;
  }
}

/* Community .48: legacy initial alignment; scrolling offset is controlled below. */

/* Community .52 — align sidebar below hero at rest, but eliminate the
   76px empty band during scroll. The sidebar sticks close to the viewport
   top; the starting placement is governed independently by margin-top. */
@media (min-width:961px) {
  .naber-community-view .naber-feed-layout > .naber-rail {
    position: sticky !important;
    top: 8px !important;
    bottom: auto !important;
    margin-top: -46px !important;
    align-self: flex-start !important;
  }
}

/* Community .53: dedicated Series Studio workspace */
.naber-series-head-top .naber-series-studio-open{flex:none;align-self:center;border:1px solid #d8d3ca;background:#fff;color:#253542;border-radius:9px;padding:7px 11px;font:500 12px/1.4 inherit;cursor:pointer;white-space:nowrap}
.naber-series-head-top .naber-series-studio-open:hover{background:#f3f1eb;color:#253542}
.naber-series-studio:not([hidden]){position:fixed;inset:3vh 3vw;z-index:100010;background:#fffdfb;border:1px solid #dfdad3;border-radius:17px;box-shadow:0 20px 90px #18212a55;padding:0;display:flex;flex-direction:column;overflow:hidden;margin:0}
.naber-series-studio::before{content:'';position:fixed;inset:0;background:#16232a8c;z-index:-1;pointer-events:none}
.naber-studio-top{display:flex;align-items:center;justify-content:space-between;padding:17px 23px;border-bottom:1px solid #ece7df;gap:15px;background:white}
.naber-studio-top h3{font:600 24px/1.2 Georgia,serif;margin:3px 0}.naber-studio-top p{margin:0;color:#717982;font-size:12px}.naber-studio-kicker{font:600 10px/1.5 sans-serif;letter-spacing:.1em;color:#687b85}
.naber-studio-close{border:0;background:transparent;font-size:28px;color:#263843;cursor:pointer}
.naber-studio-shell{display:grid;grid-template-columns:205px minmax(0,1fr);min-height:0;flex:1;overflow:hidden}
.naber-studio-nav{background:#f6f4f0;padding:18px 12px;display:flex;flex-direction:column;gap:5px;border-right:1px solid #ebe4da;overflow:auto}
.naber-studio-tab{display:block;width:100%;text-align:left;background:transparent;border:0;border-radius:9px;padding:12px 14px;color:#37454d;font-size:14px;font-weight:500;cursor:pointer}
.naber-studio-tab:hover,.naber-studio-tab.is-active{background:white;color:#162c3a}.naber-studio-tab.is-active{font-weight:700;box-shadow:inset 3px 0 0 #263f50}
.naber-studio-main{padding:24px;overflow:auto;min-height:0}.naber-studio-main .naber-series-form{max-width:760px}.naber-studio-panel[hidden]{display:none!important}.naber-studio-panel h4{margin:0 0 9px;font:600 23px Georgia,serif;color:#1c2d39}.naber-studio-help{margin:0 0 23px;color:#65717b;font-size:13px}.naber-studio-main .naber-field{margin-bottom:20px}.naber-studio-info{background:#f6f4f0;border:1px solid #e8e3dc;border-radius:12px;padding:17px;font-size:14px}
.naber-studio-manage-content{background:#243a47;color:#fff;border:0;border-radius:9px;padding:12px 16px;cursor:pointer}
.naber-series-studio .naber-series-delete{margin-top:28px;border-top:1px solid #eee8e2;padding-top:14px}
.naber-series-studio .naber-chapter-manager{border:0;padding:0;margin:0}
@media(max-width:650px){.naber-series-studio:not([hidden]){inset:0;border-radius:0}.naber-studio-shell{display:block;overflow:auto}.naber-studio-nav{flex-direction:row;overflow-x:auto;padding:8px 12px;border-right:0;border-bottom:1px solid #eee}.naber-studio-tab{width:auto;white-space:nowrap;padding:10px}.naber-studio-main{padding:18px}.naber-series-head-top .naber-series-studio-open{font-size:11px;padding:6px 8px}}

/* Community .54: Series Studio corrected visual hierarchy (replaces .53 modal layout) */
.naber-series-head-card{position:relative}
.naber-series-head-top .naber-series-studio-open{position:absolute!important;right:53px;bottom:16px;top:auto;display:grid;place-items:center;width:32px;height:32px;min-width:32px;padding:0!important;border:1px solid #e1ddd5!important;border-radius:50%!important;background:#fff!important;color:#263843!important;font-size:19px!important;line-height:1!important;z-index:3;box-shadow:none!important}
.naber-series-head-top .naber-series-studio-open:hover{background:#f3f1ed!important;color:#263843!important}
.naber-series-studio:not([hidden]){position:fixed!important;inset:3vh 3vw!important;z-index:100010!important;display:flex!important;flex-direction:column!important;background:#fffdfb!important;border:1px solid #dfdad3!important;box-shadow:0 0 0 100vmax rgba(22,35,42,.46),0 22px 65px rgba(22,35,42,.18)!important;overflow:hidden!important;color:#20323e!important}
.naber-series-studio::before,.naber-series-studio::after{content:none!important;display:none!important}
.naber-series-studio .naber-studio-top{flex:0 0 auto!important;padding:17px 26px!important;background:#fff!important;z-index:1!important}
.naber-series-studio .naber-studio-shell{display:flex!important;flex-direction:column!important;flex:1 1 auto!important;min-height:0!important;overflow:hidden!important;background:#fffdfb!important}
.naber-series-studio .naber-studio-nav{display:flex!important;flex-direction:row!important;align-items:center!important;flex-wrap:nowrap!important;flex:0 0 auto!important;gap:6px!important;padding:9px 22px 0!important;overflow-x:auto!important;overflow-y:hidden!important;background:#fff!important;border-right:0!important;border-bottom:1px solid #e6e1da!important}
.naber-series-studio .naber-studio-tab{width:auto!important;flex:0 0 auto!important;min-height:42px!important;padding:10px 15px!important;text-align:center!important;font-size:13px!important;font-weight:500!important;color:#37454d!important;background:transparent!important;border:0!important;border-radius:8px 8px 0 0!important;box-shadow:none!important;white-space:nowrap!important}
.naber-series-studio .naber-studio-tab:hover{color:#20323e!important;background:#f6f4f0!important}
.naber-series-studio .naber-studio-tab.is-active{color:#20323e!important;background:#f5f3ef!important;font-weight:650!important;box-shadow:inset 0 -2px 0 #263f50!important}
.naber-series-studio .naber-studio-main{display:block!important;flex:1 1 auto!important;min-height:0!important;padding:24px 30px 30px!important;overflow-y:auto!important;overflow-x:hidden!important;background:#fffdfb!important;color:#20323e!important}
.naber-series-studio .naber-studio-main .naber-series-form{max-width:780px!important;margin:0!important;padding:0!important;background:transparent!important}
.naber-series-studio .naber-studio-panel{max-width:820px!important;margin:0!important;padding:0!important;position:static!important;background:transparent!important;color:#20323e!important;opacity:1!important;filter:none!important}
.naber-series-studio .naber-studio-panel[hidden],.naber-series-studio .naber-series-editor-actions[hidden],.naber-series-studio .naber-series-delete[hidden]{display:none!important}
.naber-series-studio .naber-studio-help{color:#5b6973!important}
.naber-series-studio .naber-studio-panel h4{color:#20323e!important}
.naber-series-studio .naber-series-editor-actions{display:flex!important;align-items:center!important;gap:12px!important;margin-top:24px!important;padding:0!important;position:static!important;float:none!important;background:transparent!important}
.naber-series-studio .naber-series-delete{border-top:0!important;margin-top:18px!important;padding-top:0!important}
.naber-series-studio .naber-studio-main label,.naber-series-studio .naber-studio-main p,.naber-series-studio .naber-studio-main span{opacity:1}
@media(max-width:650px){.naber-series-studio:not([hidden]){inset:0!important;border-radius:0!important}.naber-series-studio .naber-studio-top{padding:13px 16px!important}.naber-series-studio .naber-studio-nav{padding:7px 10px 0!important}.naber-series-studio .naber-studio-tab{padding:10px 11px!important}.naber-series-studio .naber-studio-main{padding:20px 16px!important}.naber-series-head-top .naber-series-studio-open{right:49px;bottom:12px}}

/* Community .55: Series Studio organization — contextual content manager, clear Chapters. */
.naber-series-studio .naber-studio-panel[hidden], .naber-series-studio .naber-series-danger-zone[hidden] {display:none!important}
.naber-series-studio .naber-studio-rule {border:0;border-top:1px solid #e4ded6;margin:22px 0}
.naber-series-studio .naber-chapter-manager>h5 {font-size:1rem;margin:0 0 14px;color:#22313a}
.naber-series-studio .naber-series-danger-zone {padding-top:4px;margin-top:15px}
.naber-series-studio .naber-series-danger-zone p {font-size:.82rem;color:#5d6970;margin:5px 0 0}
.naber-series-studio .naber-sc-inline {position:static!important;display:block!important;inset:auto!important;background:transparent!important;z-index:auto!important;overflow:visible!important;max-height:none!important;padding:0!important}
.naber-series-studio .naber-sc-inline-body {position:static;display:block;width:100%;max-width:none;box-shadow:none;border:0;padding:0;background:transparent;max-height:none;overflow:visible}
.naber-series-studio .naber-sc-inline .naber-modal-body {overflow:visible;max-height:none;padding:0}
.naber-series-studio .naber-sc-inline .naber-sc-section {padding:14px 0;border:0;border-top:1px solid #e6e0d8}
.naber-series-studio .naber-sc-inline .naber-sc-list {max-height:500px;overflow:auto}
.naber-dest-chapter-label {display:flex!important;align-items:center;gap:12px;margin:9px 0 7px 30px!important;font-size:.8rem;color:#59636b}
.naber-dest-chapter-label select {max-width:300px;min-width:150px}
.naber-series-audio-intro {margin:10px 0;padding:10px 0;font-size:.9rem}
.naber-series-audio-intro audio,.naber-studio-intro-audio audio {width:100%;max-width:380px;display:block;margin-top:8px}

.naber-series-studio .naber-chapter-order-row {display:flex;align-items:center;gap:6px;padding:10px 12px;border:1px solid #e7e1da;border-radius:10px;background:#fff;margin-top:8px}
.naber-series-studio .naber-chapter-order-title {flex:1;min-width:0;font-weight:600;font-size:.91rem;color:#24323a}
.naber-series-studio .naber-chapter-order-title small {font-weight:400;font-size:.77rem;color:#738087;padding-left:8px}
.naber-series-studio .naber-chapter-order-form {margin:0!important;display:inline-flex}
.naber-series-studio .naber-chapter-order-form button {border:1px solid #ddd7d0;border-radius:7px;background:#fff;color:#22313a;padding:5px 10px;min-width:32px;cursor:pointer}
.naber-series-studio .naber-chapter-order-form button:disabled {opacity:.35;cursor:default}
.naber-series-studio .naber-chapter-edit {margin:0 0 8px 0;border:0}
.naber-series-studio .naber-chapter-edit>summary {font-size:.8rem;background:transparent;padding:4px 12px;text-align:right;color:#4d606a}
/* Community .56: Series Studio consistent controls */
.naber-series-head-card{position:relative!important}
.naber-series-head-card .naber-series-studio-open{position:absolute!important;top:auto!important;bottom:12px!important;right:52px!important;left:auto!important;transform:none!important;}
.naber-series-studio .naber-studio-close{color:#293a45!important;background:transparent!important;border:0!important;box-shadow:none!important;}
.naber-chapter-order-row{display:flex!important;align-items:center;gap:8px!important}
.naber-series-studio .naber-chapter-dialog-open{float:right;border:1px solid #ded8ce;border-radius:7px;background:#fff;color:#253843;min-width:34px;min-height:34px;margin-top:-39px;margin-right:92px;cursor:pointer}
.naber-chapter-edit-dialog{width:min(540px,calc(100vw - 32px));max-width:100%;max-height:85vh;overflow-y:auto;border:1px solid #dcd7cf;border-radius:14px;padding:24px;background:#fffdfb;color:#223442;box-shadow:0 16px 50px rgba(17,30,40,.23)}
.naber-chapter-edit-dialog::backdrop{background:rgba(20,30,35,.45)}
.naber-chapter-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
.naber-chapter-dialog-head h4{margin:0!important}
.naber-chapter-dialog-close{border:0!important;background:transparent!important;color:#293a45!important;font-size:24px;cursor:pointer}
.naber-chapter-bulk-tools{padding:12px;border:1px solid #e5dfd5;border-radius:10px;margin:12px 0;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.naber-chapter-bulk-form{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.naber-chapter-assignment-line{display:flex;gap:8px;align-items:center}
.naber-chapter-assignment-line .naber-chapter-assignment{flex:1;min-width:0}
.naber-studio-video-label{display:block;margin-top:16px}
.naber-studio-video-label input{display:block;width:100%;margin-top:6px}
.naber-recorder{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:8px}
.naber-recorder button{border:1px solid #d8d4cc;border-radius:8px;padding:7px 12px;background:#f9f8f6;color:#253843;cursor:pointer}

/* .57 — One destination hero + guaranteed Series art; icon anchored to information card footer. */
.naber-destination-community{padding:12px max(18px,calc((100% - 1160px)/2));font-size:12px;color:#6b7781;display:flex;gap:8px;align-items:center;border-bottom:1px solid #eee7df;background:#fcfaf7}
.naber-destination-community a{color:#273d49;text-decoration:none;font-weight:600}
.naber-series-head-card{position:relative!important}
.naber-series-page-head{position:relative!important;padding-right:56px!important;padding-bottom:9px!important}
.naber-series-page-head > .naber-series-studio-open{position:absolute!important;right:3px!important;bottom:5px!important;left:auto!important;top:auto!important;transform:none!important;z-index:2;display:grid!important;place-items:center;width:31px;height:31px;border:1px solid #e5dfd7;border-radius:50%;background:white;color:#233846;font-size:17px;cursor:pointer}
.naber-series-page-head > .naber-series-studio-open:hover{background:#f5f2ec;color:#233846}
.naber-series-cover-fallback{background:linear-gradient(130deg,#e8e9e2 0%,#c9d9d2 42%,#e8ded1 100%);min-height:140px}
.naber-series-default-art{display:block;width:100%;height:100%;min-height:140px;background:radial-gradient(ellipse at 80% 20%,rgba(255,255,255,.65),transparent 45%),linear-gradient(140deg,#ebeee6,#cbdcd4 46%,#dbcfc0)}
.naber-series-card .naber-series-cover-fallback{aspect-ratio:16/9}
.naber-series-preset-picker{border:1px solid #e5dfd7;border-radius:12px;padding:14px;margin:14px 0}
.naber-series-preset-picker legend{font-weight:600;font-size:13px;padding:0 8px}
.naber-series-preset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(125px,1fr));gap:10px}
.naber-series-preset{display:flex;flex-direction:column;align-items:flex-start;gap:4px;font-size:12px;cursor:pointer}
.naber-series-preset img,.naber-series-preset-placeholder{display:block;width:100%;height:75px;object-fit:cover;border-radius:7px;background:#e6eae5}
.naber-series-preset-placeholder{display:grid;place-items:center;text-align:center;font-size:12px;color:#50636b}
@media(max-width:650px){.naber-series-page-head{padding-right:48px!important}.naber-series-page-head>.naber-series-studio-open{right:2px!important;bottom:4px!important}.naber-destination-community{padding:10px 14px}}

/* .57 Chapter rows: one row, one right-edge edit control, accessible reordering buttons. */
.naber-series-studio .naber-chapter-order-row{display:flex!important;align-items:center!important;gap:8px!important;min-height:46px;box-sizing:border-box;margin:8px 0!important}
.naber-series-studio .naber-chapter-order-row .naber-chapter-dialog-open{display:grid!important;place-items:center!important;width:32px!important;height:32px!important;min-width:32px!important;margin:0!important;padding:0!important;border:0!important;border-radius:7px!important;background:transparent!important;color:#263943!important;font-size:18px!important;cursor:pointer;box-shadow:none!important}
.naber-series-studio .naber-chapter-order-row .naber-chapter-dialog-open:hover{background:#f3f1ec!important}

/* Community .58: Series Studio voice recorder feedback */
.naber-recorder{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px}.naber-record-timer{font-variant-numeric:tabular-nums;font-weight:600;color:#243440}.naber-record-preview{width:100%;max-width:420px;margin-top:8px}.naber-record-status{font-size:12px;color:#4b606a}

/* .59 Single-source final placement: edit icon in information panel, menu upper-right. */
.naber-series-head-card .naber-series-page-head{position:relative!important;padding-bottom:12px!important;padding-right:42px!important}
.naber-series-page-head>.naber-series-studio-open{position:absolute!important;bottom:9px!important;right:7px!important;top:auto!important;left:auto!important;width:26px!important;height:26px!important;min-width:26px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;color:#304653!important;transform:none!important}
.naber-series-page-head>.naber-series-studio-open:hover{background:transparent!important;color:#132a38!important}
.naber-series-page-head .naber-series-head-top{position:relative!important;display:flex!important;align-items:flex-start!important;justify-content:space-between!important}
.naber-series-page-head .naber-series-head-top .naber-series-menu{position:relative!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;transform:none!important;margin:0!important;flex:0 0 auto!important}
.naber-series-head-card{position:relative!important}
.naber-series-head-card>.naber-series-audio-intro{position:absolute;top:12px;left:14px;z-index:5;margin:0;padding:0}
.naber-series-head-card>.naber-series-audio-intro>summary{display:inline-flex;align-items:center;gap:6px;list-style:none;padding:7px 11px;border-radius:22px;background:rgba(18,35,44,.83);color:#fff;font:500 12px/1.2 inherit;cursor:pointer}
.naber-series-head-card>.naber-series-audio-intro>summary::-webkit-details-marker{display:none}
.naber-series-head-card>.naber-series-audio-intro audio{background:#fff;border-radius:8px;margin-top:8px;max-width:min(350px,calc(100vw - 50px))}
.naber-studio-intro-audio{background:#f7f6f2;border:1px solid #e4dfd7;padding:12px 14px;border-radius:10px;margin:12px 0}
.naber-studio-intro-audio p,.naber-studio-audio-empty{font-size:12px;color:#65717a;margin:6px 0}
.naber-studio-intro-audio label{display:flex;gap:7px;align-items:center;font-size:12px;margin-top:9px}

/* .60 — cohesive chapter reader layout and independently aligned header controls. */
.naber-series-page-head{position:relative!important;padding-right:45px!important;padding-bottom:16px!important}
.naber-series-page-head .naber-series-head-top .naber-series-menu{position:absolute!important;right:0!important;top:0!important;margin:0!important;z-index:3}
.naber-series-page-head>.naber-series-studio-open{position:absolute!important;right:0!important;bottom:8px!important;top:auto!important;left:auto!important;border:0!important;background:transparent!important;border-radius:0!important;box-shadow:none!important;padding:0!important;width:24px!important;height:24px!important;min-width:24px!important}
.naber-series-chapter-layout{display:grid!important;grid-template-columns:minmax(210px,27%) minmax(0,1fr)!important;gap:26px!important;align-items:start!important;margin-top:20px!important}
.naber-series-chapters{position:sticky!important;top:12px!important;padding:17px!important;border-radius:12px!important;background:#fff!important;display:block!important;overflow:visible!important;max-width:100%!important;box-sizing:border-box!important}
.naber-series-chapters>h3{font-size:17px!important;margin:0 0 15px!important}
.naber-series-chapters .naber-series-chapter-link{display:flex!important;flex-direction:column!important;white-space:normal!important;padding:11px 12px!important}
.naber-series-chapters .naber-chapter-nav-label{font-size:10px;letter-spacing:.15em;color:#6c7c86;font-weight:700;margin:18px 8px 8px}
.naber-series-chapters .naber-series-entry-search{display:block;width:100%!important;max-width:100%!important;margin:18px 0 10px!important;font-size:13px!important}
.naber-series-contribute-toggle{display:block;width:100%;border:0;border-radius:7px;padding:12px;background:#1c303c;color:white;font:600 13px/1.3 inherit;cursor:pointer}
.naber-series-sidebar-composer:not([hidden]){display:block;margin-top:13px;max-width:100%;overflow:visible}
.naber-series-sidebar-composer[hidden]{display:none!important}
.naber-series-chapter-intro{padding:8px 0 17px!important;margin:0 0 15px!important;background:transparent!important;border:0!important;border-radius:0!important;border-bottom:1px solid #e5e1da!important}
.naber-series-chapter-intro h3{font-size:27px!important;margin:8px 0!important}
.naber-series-chapter-main .naber-series-content-toolbar{margin-top:0!important;padding-top:0!important}
.naber-series-chapter-main .naber-series-posts-heading{font-size:16px!important}
.naber-audio-field>input[type=file]{display:block;margin:12px 0 24px!important;max-width:100%;}
.naber-audio-field .naber-recorder{display:flex;margin-top:0!important;padding-top:4px!important;gap:13px!important}
.naber-studio-intro-audio{margin-top:20px;padding:14px;background:#f7f6f3;border-radius:10px}
.naber-studio-intro-audio audio{display:block;max-width:100%;margin:10px 0 14px}
@media(max-width:760px){
.naber-series-chapter-layout{display:flex!important;flex-direction:column!important;gap:18px!important}
.naber-series-chapters{width:100%!important;position:static!important;padding:14px!important}
.naber-series-chapters .naber-series-chapter-link{width:100%!important;box-sizing:border-box!important}
.naber-series-chapter-main{width:100%!important}
.naber-series-page-head .naber-series-head-top .naber-series-menu{right:0!important;top:0!important}
}

/* Community .61: library identity lives with the Series / Articles heading, not in a redundant full-width row. */
.naber-library-community-link{display:inline-block;margin:0 0 6px;color:#60717b;font-size:12px;font-weight:600;line-height:1.35;text-decoration:none}
.naber-library-community-link:hover,.naber-library-community-link:focus-visible{color:#20333f;text-decoration:underline}
.naber-articles-title-group{display:flex;flex-direction:column;align-items:flex-start;margin-right:auto}
.naber-articles-head .naber-articles-title-group h2{margin:0}

/* Community .62: mobile library and chapter reader hierarchy */
.naber-series-mobile-explore{display:none}
.naber-series-composer-close{position:absolute;right:12px;top:10px;border:0;background:transparent;color:#273742;font-size:30px;cursor:pointer;z-index:6}
.naber-series-sidebar-composer:not([hidden]){position:fixed!important;inset:0!important;z-index:10020!important;background:rgba(15,25,30,.46)!important;display:flex!important;align-items:flex-start!important;justify-content:center!important;overflow-y:auto!important;padding:5vh 14px!important;margin:0!important;box-sizing:border-box}
.naber-series-sidebar-composer:not([hidden])>.neighbor-form,.naber-series-sidebar-composer:not([hidden])>.naber-post-composer,.naber-series-sidebar-composer:not([hidden])>form{background:white;max-width:720px;width:100%;margin:auto;position:relative;border-radius:14px;padding:32px 18px 20px;box-shadow:0 15px 48px rgba(10,20,30,.22)}
body.naber-series-compose-modal-open{overflow:hidden}
.naber-series-page-head .naber-series-head-top .naber-series-menu{right:0!important}
.naber-series-page-head>.naber-series-studio-open{right:0!important}
.naber-series-heading .naber-library-community-link,.naber-articles-title-group h2 .naber-library-community-link{font-size:inherit!important;color:inherit!important;font-weight:inherit!important;margin:0!important;line-height:inherit!important;text-decoration:none}
@media(max-width:760px){
 .naber-series-mobile-explore{display:flex;width:100%;align-items:center;justify-content:space-between;border:0;background:transparent;padding:7px 0 11px;color:#1c303c;font:650 16px/1.4 inherit;cursor:pointer;text-align:left}
 .naber-series-mobile-explore span{font-size:22px;transition:transform .15s}
 .naber-series-mobile-explore[aria-expanded=true] span{transform:rotate(180deg)}
 .naber-series-desktop-explore{display:none!important}
 .naber-series-chapter-options{display:none!important}
 .naber-series-chapter-options.is-mobile-open{display:block!important}
 .naber-series-chapters{padding:10px 14px 14px!important}
 .naber-series-chapters .naber-series-entry-search{margin:8px 0!important}
 .naber-series-chapter-layout{margin-top:12px!important;gap:12px!important}
 .naber-series-page-head .naber-series-head-top .naber-series-menu{right:0!important}
 .naber-series-page-head>.naber-series-studio-open{right:0!important}
 .naber-series .naber-series-grid{grid-template-columns:1fr 1fr!important;gap:0!important}
 .naber-series .naber-series-card{border-radius:0!important;box-shadow:none!important;border-left:0!important;border-right:0!important;margin:0!important}
 .naber-series .naber-series-card .naber-series-cover{border-radius:0!important}
 .naber-series .naber-series-head{margin-top:0!important}
 .naber-series .naber-series-head .naber-series-heading{line-height:1.22!important}
 .naber-articles-tab .naber-articles-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0!important}
 .naber-articles-tab .naber-articles-grid>*{border-radius:0!important;margin:0!important;box-shadow:none!important}
 .naber-articles-tab .naber-articles-grid img{border-radius:0!important}
 .naber-community-view .neighbor-tabs{margin-top:0!important;padding-top:0!important}
 .naber-series-page .naber-series-head-card{border-radius:0!important}
 .naber-series-page .naber-series-head-card .naber-series-cover,.naber-series-page .naber-series-head-card .naber-series-cover img{border-radius:0!important}
}
@media(max-width:420px){.naber-series .naber-series-card-body{padding:12px!important}.naber-series .naber-series-card-title{font-size:15px!important}.naber-series .naber-series-card-meta{font-size:11px!important}.naber-series .naber-series-card-desc{font-size:12px!important}}

/* .62 final: the existing shared composer root, not its nested form, is the modal surface. */
.naber-series-sidebar-composer:not([hidden])>.neighbor-create-post{position:relative;display:block!important;width:min(100%,700px)!important;max-width:700px!important;margin:auto!important;padding:34px 18px 18px!important;box-sizing:border-box;background:#fff!important;border-radius:14px!important;box-shadow:0 16px 45px rgba(0,0,0,.18)!important}
@media(max-width:760px){
 .naber-series-sidebar-composer:not([hidden]){padding:12px 0!important;align-items:flex-start!important}
 .naber-series-sidebar-composer:not([hidden])>.neighbor-create-post{border-radius:0!important;min-height:calc(100dvh - 24px)!important;padding:48px 14px 22px!important}
 .naber-series-composer-close{top:11px;right:14px}
 .naber-community-view .naber-tabs-row{margin-top:0!important;margin-bottom:8px!important;padding-top:0!important}
 .naber-community-view .naber-tabs{padding-top:0!important;margin-top:0!important}
 .naber-series .naber-series-head{gap:6px!important}
 .naber-series .naber-series-sub{margin-top:4px!important}
}

/* Community .63 — Series matches the full Community application canvas.
   The previous 880px Series cap made both the library and chapter reader
   noticeably narrower than Feed and Articles. Keep width controlled by
   the 1240px Community wrapper instead of imposing a second inner cap. */
.naber-community-view .neighbor-tab-content.naber-series {
  width: 100%;
  max-width: 100% !important;
  min-width: 0;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
}
.naber-community-view .naber-series-page,
.naber-community-view .naber-series-chapter-layout {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}
@media (max-width:760px) {
  .naber-community-view .neighbor-tab-content.naber-series {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/* Community .64 — keep uploaded Community identity images INSIDE the hero.
   Never let the image overlap the member counts, the navigation tabs, or
   the hero's lower edge.  Rules deliberately target the rendered hero and
   utility elements, superseding historical overlapping-avatar styling. */
.naber-community-view .naber-hero.has-avatar > .naber-hero-avatar {
  position:absolute!important;
  left:22px!important;
  bottom:48px!important;
  top:auto!important;
  right:auto!important;
  transform:none!important;
  width:92px!important;
  height:92px!important;
  box-sizing:border-box!important;
  border:3px solid #fff!important;
  border-radius:50%!important;
  z-index:5!important;
}
.naber-community-view .naber-hero.has-avatar .naber-hero-identity {
  margin-left:112px!important;
}
.naber-community-view .naber-hero.has-avatar .naber-utility-bar.is-overlay {
  left:132px!important;
  right:20px!important;
}
@media (max-width:700px) {
  .naber-community-view .naber-hero.has-avatar > .naber-hero-avatar {
    width:58px!important;
    height:58px!important;
    left:14px!important;
    bottom:46px!important;
  }
  .naber-community-view .naber-hero.has-avatar .naber-hero-identity {
    margin-left:0!important;
  }
  .naber-community-view .naber-hero.has-avatar .naber-utility-bar.is-overlay {
    left:82px!important;
    right:12px!important;
    bottom:10px!important;
  }
  .naber-community-view .naber-hero.has-avatar .naber-hero-scrim {
    padding-bottom:18px!important;
  }
  .naber-community-view .naber-hero.has-avatar .naber-hero-body {
    padding-bottom:70px!important;
  }
}

/* Community .65 — coordinated Series reader and responsive corrections.
   Deliberately scope spacing and menu fixes to Series; leave Feed untouched. */
/* Close to the sole working rich Composer rather than showing an extra collapsed prompt. */
.naber-series-sidebar-composer .neighbor-create-post-trigger,
.naber-series-sidebar-composer .naber-composer-action-row{display:none!important}
.naber-series-sidebar-composer:not([hidden])>.neighbor-create-post{padding-top:18px!important}
/* Both controls align on the SAME inset from the actual Series information panel. */
.naber-series .naber-series-page-head{position:relative!important;padding-right:48px!important}
.naber-series .naber-series-page-head .naber-series-head-top{position:static!important}
.naber-series .naber-series-page-head .naber-series-head-top .naber-series-menu{position:absolute!important;right:11px!important;top:12px!important;left:auto!important;bottom:auto!important;margin:0!important;transform:none!important;z-index:5!important}
.naber-series .naber-series-page-head>.naber-series-studio-open{position:absolute!important;right:11px!important;bottom:10px!important;left:auto!important;top:auto!important;border:0!important;background:transparent!important;border-radius:0!important;box-shadow:none!important}
/* Series cards: keep the same useful border, radius and spacing for multi-card mobile grids. */
@media(max-width:760px){
 .naber-series .naber-series-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;padding:0 10px!important}
 .naber-series .naber-series-grid>.naber-series-card{border:1px solid #e5dfd7!important;border-radius:16px!important;box-shadow:0 2px 8px rgba(0,0,0,.04)!important;overflow:hidden!important;margin:0!important}
 .naber-series .naber-series-grid>.naber-series-card .naber-series-cover{border-radius:0!important}
 .naber-articles-tab .naber-articles-grid{gap:12px!important;padding:0 10px!important}
 .naber-articles-tab .naber-articles-grid>*{border:1px solid #e5dfd7!important;border-radius:14px!important;overflow:hidden!important}
 /* Exactly one card: a single full-width row is permitted to run edge-to-edge. */
 .naber-series .naber-series-grid:has(>.naber-series-card:only-child),
 .naber-articles-tab .naber-articles-grid:has(>:only-child){grid-template-columns:1fr!important;gap:0!important;padding:0!important}
 .naber-series .naber-series-grid>.naber-series-card:only-child,
 .naber-articles-tab .naber-articles-grid>:only-child{border-radius:0!important;border-left:0!important;border-right:0!important;box-shadow:none!important}
 .naber-series-chapter-main .naber-chapter-kicker,
 .naber-series-chapter-main .naber-series-chapter-intro h3,
 .naber-series-chapter-main .naber-series-chapter-intro p,
 .naber-series-chapter-main .naber-series-content-toolbar{padding-left:14px!important;padding-right:14px!important;box-sizing:border-box!important}
 .naber-series-chapter-main .naber-series-posts-heading{padding-left:0!important;padding-right:0!important}
}
/* Only Series entries: tighter card geometry while keeping the action controls usable. */
.naber-series-page .naber-series-posts{gap:8px!important}
.naber-series-page .naber-series-post{margin:0!important;padding:0!important}
.naber-series-page .naber-series-post>.neighbor-post{margin:0!important;padding-top:9px!important;padding-bottom:5px!important}
.naber-series-page .naber-series-post .neighbor-post-footer{margin-top:6px!important;padding-top:0!important;padding-bottom:0!important}
.naber-series-page .naber-series-post .naber-post-meta-row{min-height:30px!important;height:30px!important;max-height:30px!important}
.naber-series-page .naber-series-post:has(.naber-youtube-embed) .neighbor-post-footer{border-top:0!important}
/* Facebook source attribution has breathing space on every breakpoint. */
.naber-series-page .naber-social-reconstruction-bottom{padding:12px 14px!important}
.naber-series-page .naber-social-reconstruction-bottom a{display:inline-flex;align-items:center;gap:4px;line-height:1.45}

.naber-series-page .naber-link-image-host{display:flex!important;align-items:center;gap:5px;padding:10px 14px 9px!important;margin:0!important;font-size:12px!important}
.naber-series-page .naber-link-image-host .naber-ext-arrow{display:inline-block;width:12px;height:12px;flex:none}

/* .66: Contribute to Series is a real sized modal, not a full-height mobile screen. */
@media (max-width:760px) {
  .naber-series-sidebar-composer:not([hidden]) {
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:16px 12px!important;
    overflow-y:auto!important;
  }
  .naber-series-sidebar-composer:not([hidden]) > .neighbor-create-post {
    width:100%!important;
    max-width:560px!important;
    min-height:0!important;
    height:auto!important;
    max-height:calc(100dvh - 32px)!important;
    overflow-y:auto!important;
    margin:auto!important;
    border-radius:14px!important;
    padding:18px 14px 16px!important;
    box-sizing:border-box!important;
  }
}


/* Community .68: Series controls use one true layout rail, independent hit targets.
   This supersedes earlier absolute positioning on .naber-series-head-top and
   on the pencil as a direct child of the header. */
.naber-series .naber-series-page-head {position:relative!important;padding-right:64px!important;min-height:96px;}
.naber-series .naber-series-page-head .naber-series-head-top {position:static!important;display:block!important;}
.naber-series .naber-series-control-rail {position:absolute;top:8px;bottom:8px;right:8px;width:40px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;z-index:8;pointer-events:none;}
.naber-series .naber-series-control-rail > * {pointer-events:auto;}
.naber-series .naber-series-control-rail .naber-series-menu {position:relative!important;inset:auto!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;margin:0!important;transform:none!important;width:36px;height:36px;flex:0 0 36px;z-index:9!important;}
.naber-series .naber-series-control-rail .naber-series-menu .naber-ctx-trigger {width:36px;height:36px;border:0!important;background:transparent!important;box-shadow:none!important;border-radius:6px!important;}
.naber-series .naber-series-control-rail .naber-series-menu .naber-ctx-trigger:hover {background:#f1f0ec!important;}
.naber-series .naber-series-control-rail .naber-series-studio-open {position:static!important;inset:auto!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;transform:none!important;display:grid!important;place-items:center!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;flex:0 0 36px;padding:0!important;margin:0!important;border:0!important;border-radius:6px!important;background:transparent!important;box-shadow:none!important;color:#304653!important;font-size:19px!important;line-height:1!important;z-index:9!important;cursor:pointer;}
.naber-series .naber-series-control-rail .naber-series-studio-open:hover {background:#f1f0ec!important;}
.naber-series .naber-series-control-rail .naber-ctx-list {right:0;top:calc(100% + 4px);}
.naber-series .naber-series-overview-audio {margin-top:20px;max-width:460px;}
.naber-series .naber-series-overview-audio-label {display:flex;align-items:center;gap:8px;font-weight:600;color:#20323b;font-size:14px;margin-bottom:10px;}
.naber-series .naber-series-overview-audio audio {display:block;width:100%;max-width:460px;}
.naber-series .naber-series-simple-audio {margin:10px 0 20px;}
@media(max-width:650px){
 .naber-series .naber-series-page-head {padding-right:56px!important;min-height:92px;}
 .naber-series .naber-series-control-rail {right:6px;top:5px;bottom:5px;}
}

/* Community .69 — one Content workspace, three focused workflows */
.naber-content-tabs{display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid #e7e0d7;margin:0 0 18px}
.naber-content-tabs button{background:transparent!important;border:0!important;border-radius:8px 8px 0 0!important;color:#4e5b64!important;padding:12px 18px!important;font-weight:600;cursor:pointer}
.naber-content-tabs button.is-active{background:#f3f1ed!important;border-bottom:2px solid #20323e!important;color:#20323e!important}
.naber-content-view[hidden],.naber-organize-group[hidden],.naber-sc-row[hidden]{display:none!important}
.naber-organize-rows{padding:0;list-style:none;max-height:580px;overflow:auto}
.naber-organize-row{display:flex;align-items:center;gap:12px;padding:9px 10px;border:1px solid #e8e1d8;border-radius:10px;margin:6px 0;background:#fff}
.naber-organize-row>span:not(.naber-sc-thumb){flex:1;min-width:0;font-size:13px;overflow-wrap:anywhere}
.naber-organize-row button{background:#f8f7f5!important;border:1px solid #e0d9d0!important;border-radius:7px;padding:6px 10px!important;color:#263944!important}
.naber-content-view .naber-chapter-bulk-tools{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px;border-radius:10px;background:#f8f7f5}
.naber-content-view .naber-chapter-bulk-submit{background:#20323e!important;color:white!important;border:0!important;border-radius:8px!important;padding:8px 14px!important}
.naber-destination-open{font-size:12px!important;border:1px solid #e2dad0!important;border-radius:8px!important;background:#fff!important;color:#20323e!important;padding:7px 10px!important}
.naber-destination-dialog{border:1px solid #e5ded5;border-radius:14px;padding:24px;width:min(500px,calc(100vw - 32px));max-height:85vh;overflow:auto;box-shadow:0 20px 80px #0003}
.naber-destination-dialog::backdrop{background:#13212e80}
.naber-dest-dialog-inner{display:grid;gap:16px}
.naber-dest-dialog-inner label{display:grid;gap:8px}
.naber-dest-actions{display:flex;justify-content:end;gap:12px}
.naber-content-view .naber-sc-inline-head h3{margin:0}
@media(max-width:650px){.naber-content-tabs{flex-wrap:nowrap;overflow-x:auto}.naber-content-tabs button{padding:11px 12px!important;white-space:nowrap}.naber-organize-row{gap:7px}.naber-destination-open{padding:6px!important}}

/* Community .70: unified Series Manage workspace */
.naber-manage-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:10px 0;margin:10px 0;border-top:1px solid #e8e1d8;border-bottom:1px solid #e8e1d8}
.naber-manage-actions[hidden]{display:none!important}
.naber-manage-bulk-move{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.naber-manage-bulk-remove{display:inline-flex}
.naber-manage-count{font-size:12px;color:#52616b}
.naber-manage-clear{border:0!important;background:transparent!important;color:#52616b!important;text-decoration:none!important}
.naber-manage-select-all-label{display:flex;align-items:center;gap:5px;font-size:12px;margin:12px 0}
.naber-organize-row .naber-manage-select{flex:0 0 auto}
.naber-organize-grip{flex:0 0 auto;cursor:grab;font-size:21px;color:#9a9a95;line-height:1}
.naber-organize-row:active .naber-organize-grip{cursor:grabbing}
.naber-organize-row{min-width:0}
@media(max-width:620px){.naber-manage-actions{align-items:flex-start}.naber-organize-row{gap:5px;padding:8px 5px}.naber-organize-row button{padding:6px!important}.naber-organize-row>span:not(.naber-sc-thumb){font-size:12px}}

/* .71: Community settings gear on destination/Home tabs, without a duplicate on Feed. */
.naber-community-view .naber-tabs-row{display:flex!important;align-items:center!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}
.naber-community-view .naber-tabs-row>.naber-tabs{flex:1 1 auto!important;min-width:0!important;max-width:none!important}
.naber-community-view .naber-tabs-settings-gear{flex:0 0 36px;margin-left:auto;display:flex;justify-content:center;align-items:center;width:36px;height:36px;color:#465460;text-decoration:none;border-radius:8px}
.naber-community-view .naber-tabs-settings-gear svg{width:19px;height:19px}
.naber-community-view .naber-tabs-settings-gear:hover,.naber-community-view .naber-tabs-settings-gear:focus-visible{background:#f1efea;color:#1c303d}
.naber-community-view[data-view="home"] .naber-hero .naber-ub-gear{display:none!important}

/* .72 Regression repair: custom-link attribution and mobile Article library.
   The external link icon has explicit dimensions at every breakpoint, and never inherits full-size SVG rules. */
.naber-community-view .naber-link-image-host {
  display:flex!important; align-items:center!important; justify-content:flex-end!important;
  gap:6px!important; padding:8px 14px 9px!important; margin:0!important;
  text-align:right!important; font-size:12px!important; line-height:1.3!important;
  color:#718298!important; box-sizing:border-box!important; width:100%!important;
}
.naber-community-view .naber-link-image-host svg.naber-ext-arrow {
  display:inline-block!important; width:15px!important; height:15px!important;
  min-width:15px!important; max-width:15px!important; min-height:15px!important; max-height:15px!important;
  flex:0 0 15px!important; vertical-align:middle!important; stroke:currentColor!important;
}
@media (max-width:760px) {
  /* Articles are always one per row on phones; no tile gutters or rounded image/card edges. */
  .naber-community-view .naber-articles-tab .naber-articles-grid,
  .naber-community-view .naber-embedded-articles .naber-articles-grid {
    display:grid!important; grid-template-columns:minmax(0,1fr)!important;
    gap:12px!important; padding:0!important; width:100%!important; max-width:100%!important;
  }
  .naber-community-view .naber-articles-tab .naber-articles-grid > .naber-art-tile,
  .naber-community-view .naber-embedded-articles .naber-articles-grid > .naber-art-tile {
    width:100%!important; min-width:0!important; margin:0!important;
    border-left:0!important; border-right:0!important; border-radius:0!important;
    box-shadow:none!important; overflow:hidden!important;
  }
  .naber-community-view .naber-articles-grid .naber-art-tile-cover,
  .naber-community-view .naber-articles-grid .naber-art-tile-cover img {
    border-radius:0!important; width:100%!important; max-width:100%!important;
  }
}

/* Community .75 — Overview is a true landing destination; Chapter reading keeps the sidebar. */
.naber-series-chapter-layout.is-overview{display:block!important;margin-top:22px!important}
.naber-series-chapter-layout.is-overview>.naber-series-chapters{display:none!important}
.naber-series-chapter-layout.is-overview>.naber-series-chapter-main{width:100%!important;max-width:100%!important}
.naber-series-chapter-layout.is-overview .naber-series-posts,.naber-series-chapter-layout.is-overview .naber-series-content-toolbar{display:none!important}
.naber-series-welcome{padding:clamp(20px,3vw,42px);border:1px solid #e8e1d8;border-radius:16px;background:#fff;color:#20313a}
.naber-welcome-heading{max-width:850px;margin-bottom:26px}
.naber-welcome-heading h3{font-family:Georgia,serif;font-size:clamp(27px,3vw,42px);line-height:1.15;margin:9px 0 14px}
.naber-welcome-description{font-size:16px;line-height:1.7;color:#45525b;margin:0}
.naber-welcome-media{display:grid;gap:18px;margin:0 0 24px}
.naber-welcome-video{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:12px;background:#efede8}
.naber-welcome-video iframe{position:absolute;inset:0;width:100%!important;height:100%!important;border:0}
.naber-series-welcome .naber-series-overview-audio{margin:0!important;max-width:550px}
.naber-welcome-statline{color:#65717a;font-size:13px;margin:16px 0 28px}
.naber-welcome-chapter-section{border-top:1px solid #e8e1d8;padding-top:24px}
.naber-welcome-chapter-section>h3{font-family:Georgia,serif;font-size:26px;margin:0 0 6px}
.naber-welcome-chapter-section>p{color:#67727c;margin:0 0 20px}
.naber-welcome-chapter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.naber-welcome-chapter-card{display:flex;flex-direction:column;gap:9px;min-height:145px;padding:22px;border:1px solid #e5ddd3;border-radius:12px;background:#faf9f7;text-decoration:none!important;color:#20313a!important;box-sizing:border-box}
.naber-welcome-chapter-card:hover,.naber-welcome-chapter-card:focus-visible{border-color:#81969b;background:#f2f6f5}
.naber-welcome-chapter-number{font-size:10px;letter-spacing:.12em;color:#667780;font-weight:700}
.naber-welcome-chapter-card strong{font-size:20px;line-height:1.25}
.naber-welcome-chapter-about{font-size:13px;color:#64717a;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.naber-welcome-chapter-foot{display:flex;justify-content:space-between;margin-top:auto;font-size:12px;color:#586970}
.naber-welcome-all-link{margin-top:16px;padding:16px 20px;display:flex;justify-content:space-between;gap:12px;color:#20313a!important;background:#f7f5f2;border:1px solid #e5ddd3;border-radius:10px;text-decoration:none!important;font-weight:600}
@media(max-width:760px){.naber-series-welcome{border-radius:0;border-left:0;border-right:0;padding:24px 16px}.naber-welcome-chapter-grid{grid-template-columns:1fr}.naber-welcome-chapter-card{min-height:110px;padding:18px}.naber-welcome-video{border-radius:0;margin:0 -16px}.naber-welcome-chapter-section>h3{font-size:24px}}

/* Community .76 — Series Overview chapter gallery and separated mobile reader controls. */
.naber-series-chapter-layout.is-overview .naber-series-welcome{padding:clamp(20px,3vw,40px);background:transparent;border:0;border-radius:0}
.naber-series-chapter-layout.is-overview .naber-welcome-chapter-section{border-top:0;padding-top:0}
.naber-series-chapter-layout.is-overview .naber-welcome-chapters-header{text-align:center;margin:0 auto 28px;max-width:640px}
.naber-series-chapter-layout.is-overview .naber-welcome-chapters-header h3{font:600 clamp(27px,3vw,38px)/1.2 Georgia,serif;color:#1f303b;margin:12px 0 7px}
.naber-series-chapter-layout.is-overview .naber-welcome-chapters-header p{font-size:15px;line-height:1.5;color:#66737d;margin:0}
.naber-series-chapter-layout.is-overview .naber-welcome-media{max-width:950px;margin:0 auto 32px}
.naber-series-chapter-layout.is-overview .naber-welcome-chapter-grid{gap:20px}
.naber-series-chapter-layout.is-overview .naber-welcome-chapter-card{padding:0 0 18px;overflow:hidden;background:#fff;gap:10px;min-height:0;border:1px solid #e5ddd4;box-shadow:0 3px 13px rgba(29,41,45,.055);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.naber-series-chapter-layout.is-overview .naber-welcome-chapter-card:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(29,41,45,.1);background:#fff}
.naber-series-chapter-layout.is-overview .naber-welcome-chapter-card>.naber-welcome-chapter-number{display:none}
.naber-series-chapter-layout.is-overview .naber-welcome-chapter-card>strong,.naber-series-chapter-layout.is-overview .naber-welcome-chapter-card>.naber-welcome-chapter-about,.naber-series-chapter-layout.is-overview .naber-welcome-chapter-card>.naber-welcome-chapter-foot{margin-left:20px;margin-right:20px}
.naber-welcome-chapter-art{display:flex;align-items:flex-end;box-sizing:border-box;min-height:155px;width:100%;padding:18px;background-size:cover;background-position:center;color:#fff;position:relative}
.naber-welcome-chapter-art span{background:rgba(14,33,41,.68);color:white;border-radius:20px;padding:6px 10px;font-size:10px;font-weight:700;letter-spacing:.12em}
.naber-welcome-chapter-art-1{background-image:linear-gradient(125deg,#aab8a9,#657d77 65%,#d8c0a0)}
.naber-welcome-chapter-art-2{background-image:linear-gradient(125deg,#c3b3a1,#a68565 55%,#647c80)}
.naber-welcome-chapter-art-3{background-image:linear-gradient(125deg,#8ea4ac,#537b7d 55%,#c2bc9e)}
.naber-welcome-chapter-art-4{background-image:linear-gradient(125deg,#b5ada8,#797983 55%,#c8a98f)}
.naber-series-chapter-layout.is-overview .naber-welcome-chapter-about{display:-webkit-box}
.naber-series-chapter-layout.is-overview .naber-welcome-all-link{margin-top:24px}
.naber-series-search-standalone{width:100%;box-sizing:border-box}
@media(max-width:760px){
 .naber-series-chapter-layout:not(.is-overview)>.naber-series-chapters{border:0!important;background:transparent!important;padding:0 12px!important;display:flex!important;flex-direction:column!important;gap:10px!important;box-shadow:none!important}
 .naber-series-chapter-layout:not(.is-overview) .naber-series-mobile-explore{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:64px!important;width:100%!important;box-sizing:border-box!important;background:#f0f3f2!important;color:#1e3340!important;border:1px solid #cbd8d7!important;border-radius:12px!important;padding:11px 16px!important;text-align:left!important;box-shadow:0 2px 6px rgba(20,35,40,.045)!important}
 .naber-series-mobile-explore .naber-mobile-chapter-control{display:flex;flex-direction:column;gap:3px;min-width:0}
 .naber-series-mobile-explore .naber-mobile-chapter-control strong{font-size:15px;font-weight:600;line-height:1.35;color:#1e3340;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .naber-series-mobile-explore .naber-mobile-chapter-eyebrow{font-size:10px!important;letter-spacing:.12em;color:#526b73!important;font-weight:700}
 .naber-series-mobile-explore .naber-mobile-chapter-chevron{font-size:21px!important;flex-shrink:0;margin-left:10px;color:#284653}
 .naber-series-chapter-layout:not(.is-overview) .naber-series-chapter-options.is-mobile-open{border:1px solid #e4e0d9;border-radius:12px;background:#fff;padding:8px!important;width:100%;box-sizing:border-box}
 .naber-series-chapter-layout:not(.is-overview) .naber-series-search-standalone{display:block!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important}
 .naber-series-chapter-layout:not(.is-overview) .naber-series-search-standalone .naber-series-entry-search{margin:0!important;width:100%!important;min-height:44px!important;border-radius:9px!important;background:white!important;border:1px solid #d7d8d3!important;padding:10px 13px!important}
 .naber-series-chapter-layout:not(.is-overview) .naber-series-contribute-toggle{margin:0!important}
 .naber-series-chapter-layout.is-overview .naber-series-welcome{padding:24px 12px!important}
 .naber-series-chapter-layout.is-overview .naber-welcome-chapter-art{min-height:125px}
 .naber-series-chapter-layout.is-overview .naber-welcome-chapter-card{border-radius:12px!important;border:1px solid #e5ddd4!important;margin:0!important}
 .naber-series-chapter-layout.is-overview .naber-welcome-chapter-grid{gap:14px}
}

/* Community .77 — Compact unified Series Overview panel. */
.naber-series-chapter-layout.is-overview{margin-top:12px!important}
.naber-series-chapter-layout.is-overview .naber-series-welcome{background:#fff!important;border:1px solid #e8e1d8!important;border-radius:14px!important;padding:22px 24px 24px!important;box-shadow:0 2px 10px rgba(31,48,59,.035)}
.naber-series-chapter-layout.is-overview .naber-welcome-chapters-header{margin:0 auto 16px!important;max-width:none!important}
.naber-series-chapter-layout.is-overview .naber-welcome-chapters-header h3{font-size:clamp(24px,2.6vw,31px)!important;margin:0 0 3px!important;line-height:1.16!important}
.naber-series-chapter-layout.is-overview .naber-welcome-chapters-header p{font-size:13px!important;line-height:1.4!important;margin:0!important}
.naber-series-chapter-layout.is-overview .naber-welcome-chapter-grid{gap:12px!important}
.naber-series-chapter-layout.is-overview .naber-welcome-chapter-card{gap:6px!important;padding-bottom:12px!important}
.naber-series-chapter-layout.is-overview .naber-welcome-chapter-art{min-height:108px!important;padding:12px!important}
.naber-series-chapter-layout.is-overview .naber-welcome-chapter-card>strong{font-size:17px!important;margin-left:14px!important;margin-right:14px!important}
.naber-series-chapter-layout.is-overview .naber-welcome-chapter-card>.naber-welcome-chapter-foot{margin-left:14px!important;margin-right:14px!important}
.naber-series-chapter-layout.is-overview .naber-welcome-all-link{margin-top:12px!important;padding:11px 14px!important;font-size:13px!important}
.naber-series-chapter-layout.is-overview .naber-welcome-media{margin-bottom:16px!important}
@media(max-width:760px){
 .naber-series-chapter-layout.is-overview .naber-series-welcome{padding:18px 12px!important;border-radius:10px!important;border-left:1px solid #e8e1d8!important;border-right:1px solid #e8e1d8!important}
 .naber-series-chapter-layout.is-overview .naber-welcome-chapters-header{margin-bottom:13px!important}
 .naber-series-chapter-layout.is-overview .naber-welcome-chapters-header h3{font-size:25px!important}
 .naber-series-chapter-layout.is-overview .naber-welcome-chapter-art{min-height:95px!important}
 .naber-series-chapter-layout.is-overview .naber-welcome-chapter-grid{gap:10px!important}
}


/* Community .78 — approved B editorial chapter rows + C scenic browse banner. */
.naber-series-chapter-layout.is-overview .naber-welcome-chapter-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important}
.naber-series-chapter-layout.is-overview .naber-welcome-chapter-card{
 display:grid!important;grid-template-columns:minmax(150px,38%) minmax(0,1fr) 42px!important;align-items:center!important;
 padding:0!important;gap:16px!important;min-height:108px!important;overflow:hidden!important;
 border:1px solid #e9e3da!important;border-radius:12px!important;background:#fff!important;
 text-align:left!important;box-shadow:0 2px 10px rgba(28,45,48,.045)!important;
}
.naber-series-chapter-layout.is-overview .naber-welcome-chapter-card:hover{transform:none!important;background:#faf9f6!important;box-shadow:0 5px 17px rgba(28,45,48,.09)!important}
.naber-series-chapter-layout.is-overview .naber-welcome-chapter-card>.naber-welcome-chapter-art{
 display:block!important;height:108px!important;min-height:108px!important;width:100%!important;
 padding:0!important;background-position:center!important;background-size:cover!important;align-self:stretch!important;
}
.naber-series-chapter-layout.is-overview .naber-welcome-chapter-details{display:flex;flex-direction:column;min-width:0;gap:5px;padding:10px 0}
.naber-series-chapter-layout.is-overview .naber-welcome-chapter-card .naber-welcome-chapter-number{
 display:block!important;margin:0!important;font:700 10px/1.4 inherit!important;letter-spacing:.1em!important;color:#6f7b7d!important;
}
.naber-series-chapter-layout.is-overview .naber-welcome-chapter-card .naber-welcome-chapter-details strong{
 display:block!important;margin:0!important;font-size:clamp(15px,1.7vw,19px)!important;line-height:1.25!important;color:#1c303b!important;
}
.naber-series-chapter-layout.is-overview .naber-welcome-chapter-details small{font-size:12px;color:#62717a}
.naber-series-chapter-layout.is-overview .naber-welcome-chapter-next,
.naber-series-chapter-layout.is-overview .naber-welcome-all-arrow{
 display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:34px;height:34px;
 background:#ead7b3;border-radius:50%;color:#1b303b;font-size:20px;font-weight:400;margin-right:12px;
}
.naber-series-chapter-layout.is-overview .naber-welcome-all-link{
 display:flex!important;align-items:center!important;gap:14px!important;margin-top:12px!important;
 min-height:95px!important;padding:16px 18px!important;background-size:cover!important;background-position:center!important;
 color:#fff!important;border:0!important;border-radius:12px!important;text-decoration:none!important;
}
.naber-series-chapter-layout.is-overview .naber-welcome-all-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid #f4efe3;border-radius:50%;font-size:22px;color:white;flex-shrink:0}
.naber-series-chapter-layout.is-overview .naber-welcome-all-text{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}
.naber-series-chapter-layout.is-overview .naber-welcome-all-text strong{color:#fff;font:600 clamp(18px,2.2vw,25px)/1.25 Georgia,serif}
.naber-series-chapter-layout.is-overview .naber-welcome-all-text small{font-size:12px;color:#fff}
.naber-series-chapter-layout.is-overview .naber-welcome-all-arrow{margin:0;background:#f4e6cb}
@media(max-width:760px){
 .naber-series-chapter-layout.is-overview .naber-series-welcome{padding:16px 12px!important}
 .naber-series-chapter-layout.is-overview .naber-welcome-chapter-card{grid-template-columns:105px minmax(0,1fr) 31px!important;gap:10px!important;min-height:96px!important;border-radius:10px!important}
 .naber-series-chapter-layout.is-overview .naber-welcome-chapter-card>.naber-welcome-chapter-art{height:100px!important;min-height:100px!important}
 .naber-series-chapter-layout.is-overview .naber-welcome-chapter-details{gap:4px;padding:7px 0}
 .naber-series-chapter-layout.is-overview .naber-welcome-chapter-card .naber-welcome-chapter-details strong{font-size:14px!important}
 .naber-series-chapter-layout.is-overview .naber-welcome-chapter-next{width:27px;height:27px;font-size:16px;margin-right:7px}
 .naber-series-chapter-layout.is-overview .naber-welcome-all-link{min-height:82px!important;padding:12px!important;gap:10px!important}
 .naber-series-chapter-layout.is-overview .naber-welcome-all-icon{width:35px;height:35px;font-size:18px}
 .naber-series-chapter-layout.is-overview .naber-welcome-all-arrow{width:30px;height:30px;font-size:17px}
 .naber-series-chapter-layout.is-overview .naber-welcome-all-text strong{font-size:17px}
}

/* Community .79 — Option 3: editorial mobile Series journey navigation.
   Restrict chevron rotation to the chevron, never the chapter label. */
@media(max-width:760px){
 .naber-series-chapter-layout:not(.is-overview)>.naber-series-chapters{gap:10px!important}
 .naber-series-chapter-layout:not(.is-overview) .naber-series-mobile-explore{background:#fff!important;border:1px solid #dfd9d0!important;border-radius:12px!important;min-height:64px!important;padding:12px 15px!important;box-shadow:0 1px 7px rgba(20,35,40,.035)!important}
 .naber-series-mobile-explore span,.naber-series-mobile-explore[aria-expanded=true] span{transform:none!important;transition:none!important;font-size:inherit}
 .naber-series-mobile-explore .naber-mobile-chapter-control{display:flex!important;flex-direction:column!important;gap:2px!important;min-width:0}
 .naber-series-mobile-explore .naber-mobile-chapter-control strong{font-family:Georgia,serif!important;font-size:19px!important;line-height:1.2!important;font-weight:600!important;color:#20323d!important;white-space:normal!important}
 .naber-series-mobile-explore .naber-mobile-chapter-control small{display:block;font-size:12px;line-height:1.3;color:#62717a;font-weight:500;white-space:normal}
 .naber-series-mobile-explore .naber-mobile-chapter-chevron{font-size:23px!important;transform:none!important;transition:transform .16s!important}
 .naber-series-mobile-explore[aria-expanded=true] .naber-mobile-chapter-chevron{transform:rotate(180deg)!important}
 .naber-series-chapter-layout:not(.is-overview) .naber-series-chapter-options.is-mobile-open{padding:7px!important;border:1px solid #e5dfd8!important;border-radius:12px!important;box-shadow:0 4px 13px rgba(31,48,59,.04)}
 .naber-series-chapter-layout:not(.is-overview) .naber-series-chapter-options .naber-series-chapter-link{display:flex!important;align-items:center!important;gap:10px!important;padding:8px!important;margin:2px 0!important;min-height:64px!important;border:1px solid #eee9e3!important;background:#fff!important;border-radius:10px!important;box-sizing:border-box!important;text-decoration:none!important}
 .naber-series-chapter-layout:not(.is-overview) .naber-series-chapter-options .naber-series-chapter-link.is-active{background:#e6eeee!important;border-color:#d6e4e3!important}
 .naber-series-chapter-options .naber-nav-thumb{display:block!important;flex:0 0 72px!important;width:72px!important;height:52px!important;border-radius:8px!important;background-size:cover!important;background-position:center!important;background-color:#e2e7e5!important}
 .naber-series-chapter-options .naber-nav-thumb-icon{display:flex!important;align-items:center!important;justify-content:center!important;font-size:22px!important;color:#2e535a!important;background:#edf1ef!important}
 .naber-series-chapter-options .naber-nav-entry{display:flex!important;flex:1!important;min-width:0!important;flex-direction:column!important;gap:4px!important}
 .naber-series-chapter-options .naber-nav-title{display:block!important;font-size:13px!important;font-weight:650!important;line-height:1.35!important;color:#223541!important;white-space:normal!important}
 .naber-series-chapter-options .naber-nav-number{font-weight:500!important;color:#58717a!important}
 .naber-series-chapter-options .naber-nav-entry small{font-size:11px!important;color:#718089!important;margin:0!important;display:block!important}
 .naber-series-chapter-options .naber-nav-next{display:block!important;flex:0 0 auto!important;margin-left:auto!important;font-size:24px!important;line-height:1!important;color:#2b4855!important}
 .naber-series-chapter-options .naber-nav-current{font-size:10px!important;border-radius:999px!important;background:#d7e8e4!important;padding:4px 7px!important;color:#22545b!important;font-weight:700!important;flex-shrink:0}
 .naber-series-chapter-options .naber-chapter-nav-label{font-size:10px!important;letter-spacing:.13em!important;padding:9px 9px 3px!important;margin:0!important}
 .naber-series-chapter-layout:not(.is-overview) .naber-series-search-standalone{margin-top:1px!important}
}
@media(min-width:761px){
 /* Keep desktop sidebar as before, suppress the mobile-only thumbnails and arrows. */
 .naber-series-chapter-options .naber-nav-thumb,.naber-series-chapter-options .naber-nav-next,.naber-series-chapter-options .naber-nav-current{display:none!important}
 .naber-series-chapter-options .naber-nav-entry{display:block}
}


/* Community .80 — unified Series table of contents and ultrawide Discover.
   Overrides earlier legacy flex-column chapter row rules at their source of conflict. */
@media (min-width:761px){
 .naber-series-chapter-layout:not(.is-overview){grid-template-columns:minmax(230px,25%) minmax(0,1fr)!important;gap:22px!important}
 .naber-series-chapter-layout:not(.is-overview) .naber-series-chapters{padding:16px!important}
 .naber-series-chapter-layout:not(.is-overview) .naber-series-chapters .naber-series-chapter-link{
   display:flex!important;flex-direction:row!important;align-items:flex-start!important;justify-content:flex-start!important;
   min-width:0!important;white-space:normal!important;padding:10px 11px!important;margin:2px 0!important;gap:8px!important;
   line-height:1.4!important;overflow-wrap:anywhere!important;
 }
 .naber-series-chapter-layout:not(.is-overview) .naber-series-chapter-options .naber-nav-entry{
   display:flex!important;flex-direction:column!important;gap:4px!important;min-width:0!important;flex:1 1 auto!important;
 }
 .naber-series-chapter-options .naber-nav-title{display:block!important;font-size:12.5px!important;font-weight:600!important;line-height:1.4!important;white-space:normal!important;overflow-wrap:anywhere!important}
 .naber-series-chapter-options .naber-nav-entry small{display:block!important;margin:0!important;font-size:11px!important;line-height:1.3!important;color:#657680!important}
 .naber-series-chapter-options .naber-nav-number{margin-right:5px!important;white-space:nowrap!important}
 .naber-series-chapters .naber-chapter-nav-label{margin:12px 8px 6px!important}
 .naber-series-chapters .naber-series-chapter-link.is-active{border-left:3px solid #779b9c!important;padding-left:8px!important;background:#e5eeee!important}
 .naber-series-chapters .naber-series-entry-search{margin-top:12px!important}
}
.naber-series-contribute-toggle{background:#e5eeee!important;color:#203440!important;border:1px solid #d4e2e0!important;font-weight:650!important;box-shadow:none!important}
.naber-series-contribute-toggle:hover{background:#d8e8e6!important;color:#203440!important}
.naber-series-contribute-toggle:focus-visible{outline:2px solid #557b85!important;outline-offset:2px!important}
@media (max-width:760px){
 .naber-series-chapter-layout:not(.is-overview) .naber-series-chapters{padding:0 5px!important;gap:8px!important}
 .naber-series-chapter-layout:not(.is-overview) .naber-series-mobile-explore{box-shadow:none!important;min-height:59px!important;padding:10px 13px!important;border-color:#deded8!important}
 .naber-series-chapter-layout:not(.is-overview) .naber-series-mobile-explore:hover{border-color:#c1d0cf!important;background:#f7faf9!important}
 .naber-series-chapter-layout:not(.is-overview) .naber-series-mobile-explore:focus:not(:focus-visible){outline:none!important;box-shadow:none!important}
 .naber-series-chapter-layout:not(.is-overview) .naber-series-mobile-explore:focus-visible{outline:2px solid #547a81!important;outline-offset:2px!important;box-shadow:none!important}
 .naber-series-chapter-layout:not(.is-overview) .naber-series-chapter-options.is-mobile-open{display:block!important;padding:6px!important;box-shadow:none!important}
 .naber-series-chapter-layout:not(.is-overview) .naber-series-chapter-options .naber-series-chapter-link{
   display:grid!important;grid-template-columns:66px minmax(0,1fr) auto auto!important;
   flex-direction:row!important;align-items:center!important;justify-items:stretch!important;
   gap:10px!important;padding:7px 9px!important;min-height:66px!important;margin:3px 0!important;
   border:1px solid #eee9e3!important;background:#fff!important;border-radius:9px!important;
 }
 .naber-series-chapter-layout:not(.is-overview) .naber-series-chapter-options .naber-series-chapter-link.is-active{background:#e5eeee!important;border-color:#dae5e3!important}
 .naber-series-chapter-layout:not(.is-overview) .naber-series-chapter-options .naber-nav-thumb{
   display:block!important;width:66px!important;height:52px!important;min-height:52px!important;flex:none!important;
   border-radius:7px!important;margin:0!important;padding:0!important;align-self:center!important;
 }
 .naber-series-chapter-layout:not(.is-overview) .naber-series-chapter-options .naber-nav-thumb-icon{display:flex!important;align-items:center!important;justify-content:center!important}
 .naber-series-chapter-layout:not(.is-overview) .naber-series-chapter-options .naber-nav-entry{
   display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;
   min-width:0!important;gap:4px!important;flex:1 1 auto!important;text-align:left!important;margin:0!important;
 }
 .naber-series-chapter-layout:not(.is-overview) .naber-series-chapter-options .naber-nav-title{
   display:block!important;font-size:13px!important;font-weight:650!important;line-height:1.3!important;text-align:left!important;white-space:normal!important;overflow-wrap:anywhere!important;
 }
 .naber-series-chapter-layout:not(.is-overview) .naber-series-chapter-options .naber-nav-entry small{font-size:11px!important;line-height:1.3!important;text-align:left!important;margin:0!important}
 .naber-series-chapter-layout:not(.is-overview) .naber-series-chapter-options .naber-nav-current{margin:0!important;justify-self:end!important}
 .naber-series-chapter-layout:not(.is-overview) .naber-series-chapter-options .naber-nav-next{display:block!important;margin:0!important;justify-self:end!important;line-height:1!important;font-size:21px!important}
 .naber-series-chapter-layout:not(.is-overview) .naber-series-chapter-options .naber-chapter-nav-label{padding:8px 8px 2px!important;margin:0!important}
 .naber-series-chapter-layout:not(.is-overview) .naber-series-search-standalone{margin-top:2px!important}
 .naber-series-chapter-layout:not(.is-overview) .naber-series-content-toolbar .naber-series-posts-heading{display:none!important}
 .naber-series-chapter-layout:not(.is-overview) .naber-series-content-toolbar{margin:0!important;padding:0!important;min-height:0!important;border:0!important}
 .naber-series-chapter-layout:not(.is-overview) .naber-series-chapter-main{margin-top:0!important}
 .naber-series-chapter-layout:not(.is-overview) .naber-series-chapter-intro{margin-bottom:8px!important;padding-bottom:12px!important}
}
/* Discover scales as an editorial composition, not as a fluid illustration.
   Keep mobile rules unchanged. */
@media(min-width:1600px){
 .naber-discover .naber-discover-hero{height:clamp(480px,29vw,565px)!important;min-height:0!important;max-height:565px!important;grid-template-columns:minmax(0,1fr) minmax(560px,48%)!important}
 .naber-discover .naber-discover-hero-art{height:100%!important;min-height:0!important;max-height:565px!important;overflow:hidden!important}
 .naber-discover .naber-discover-hero-circle--people{width:clamp(270px,25vw,440px)!important;right:25%!important;top:5%!important;left:auto!important}
 .naber-discover .naber-discover-hero-circle--coffee{width:clamp(155px,15vw,265px)!important;right:31%!important;top:51%!important;left:auto!important}
 .naber-discover .naber-discover-hero h1{font-size:clamp(78px,5.4vw,110px)!important}
 .naber-discover .naber-discover-hero-copy{padding-left:max(0px,calc((100vw - 1600px)/2))!important;box-sizing:border-box!important}
 .naber-discover .naber-discover-results,.naber-discover .naber-discover-yours{max-width:1600px!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box!important}
 .naber-discover .naber-discover-features{grid-template-columns:76px minmax(0,1.85fr) minmax(340px,1fr)!important;gap:22px!important}
 .naber-discover .naber-discover-yours-scroll{max-width:calc(100% - 140px)!important}
}

/* Community .81 — Series reader refinement. */
.naber-series-chapter-layout:not(.is-overview) .naber-series-chapters>.naber-series-search-standalone{order:-2!important;margin:0 0 4px!important;}
.naber-series-chapter-layout:not(.is-overview) .naber-series-chapters>.naber-series-desktop-explore{order:-1!important;}
.naber-series-chapter-layout:not(.is-overview) .naber-series-chapters>.naber-series-mobile-explore{order:-1!important;}
.naber-series-chapter-layout:not(.is-overview) .naber-series-chapters>.naber-series-chapter-options{order:0!important;}
.naber-series-chapter-layout:not(.is-overview) .naber-series-chapters>.naber-series-contribute-toggle{order:1!important;}
.naber-series-contribute-toggle{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;width:100%!important;min-height:42px!important;padding:8px 13px!important;background:#f4f7f6!important;border:1px solid #dce7e5!important;border-radius:9px!important;color:#203440!important;font-size:13px!important;font-weight:550!important;line-height:1.3!important;text-align:left!important;}
.naber-series-contribute-toggle:hover{background:#eaf1ef!important;}
.naber-series-contribute-toggle .naber-contribute-plus{width:25px;height:25px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#e3edeb;color:#203440;font-size:19px;font-weight:500;line-height:1;flex:none;}
.naber-series-chapter-pager{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0 24px;}
.naber-series-pager-link{display:flex;align-items:center;gap:12px;min-width:0;padding:14px 15px;border:1px solid #e7e1d8;border-radius:11px;background:#fff;color:#203440;text-decoration:none!important;transition:background .15s,border-color .15s;}
.naber-series-pager-link:hover{background:#f4f7f6;border-color:#bfd3d0;}
.naber-series-pager-link span:nth-child(2),.naber-series-pager-link span:first-child:not(:last-child){min-width:0;}
.naber-series-pager-link small{display:block;color:#6b7a80;font-size:11px;font-weight:500;line-height:1.3;margin-bottom:4px;}
.naber-series-pager-link strong{display:block;font-size:13px;line-height:1.35;overflow-wrap:anywhere;}
.naber-series-pager-link.is-next{grid-column:2;justify-content:flex-end;text-align:right;}
.naber-series-pager-link.is-prev{grid-column:1;}
.naber-series-pager-link>span[aria-hidden]{font-size:20px;flex:none;}
@media(max-width:760px){.naber-series-chapter-pager{gap:8px;margin:13px 10px 20px;}.naber-series-pager-link{padding:10px;gap:7px;}.naber-series-pager-link strong{font-size:12px;}.naber-series-contribute-toggle{min-height:43px!important;}}

/* Community .82 — Intro media are optional actions beside Follow; players open in dialogs. */
.naber-series-page .naber-series-actions{gap:10px!important;flex-wrap:wrap!important}
.naber-series-page .naber-series-intro-launch{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;background:transparent;border:0;border-radius:7px;color:#203440;font-size:12px;font-weight:550;line-height:1.3;cursor:pointer;white-space:nowrap;box-shadow:none}
.naber-series-page .naber-series-intro-launch span{font-size:16px;line-height:1}
.naber-series-page .naber-series-intro-launch:hover{background:#f2f5f4}
.naber-series-page .naber-series-intro-launch:focus-visible{outline:2px solid #537a84;outline-offset:2px}
.naber-series-intro-dialog[hidden]{display:none!important}
.naber-series-intro-dialog{position:fixed;z-index:999999;inset:0;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(10,26,34,.68);box-sizing:border-box}
.naber-series-intro-dialog-panel{background:#fff;border-radius:14px;box-shadow:0 18px 60px rgba(0,0,0,.24);width:min(92vw,850px);max-height:calc(100dvh - 36px);padding:18px;box-sizing:border-box;overflow:auto}
.naber-series-intro-dialog-panel.is-audio{width:min(92vw,440px)}
.naber-series-intro-dialog-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:12px}
.naber-series-intro-dialog-top h3{font-size:19px;margin:0;color:#203440}
.naber-series-intro-close{border:0;background:transparent;color:#203440;font-size:27px;line-height:1;cursor:pointer;padding:3px 7px}
.naber-series-intro-video{aspect-ratio:16/9;width:100%;overflow:hidden;border-radius:8px;background:#10232b}
.naber-series-intro-video iframe{display:block;width:100%!important;height:100%!important;max-width:100%!important}
.naber-series-intro-dialog-panel audio{display:block;width:100%;max-width:100%}
@media(max-width:640px){.naber-series-intro-dialog-panel{padding:12px}.naber-series-page .naber-series-intro-launch{font-size:12px;padding:5px}}
/* Fix maximized/ultrawide Discover without altering tablet or mobile. */
@media(min-width:1600px){
 .naber-discover .naber-discover-hero{display:grid!important;grid-template-columns:minmax(700px,52%) minmax(0,48%)!important;height:clamp(510px,28vw,565px)!important;min-height:510px!important;max-height:565px!important;padding:0!important;overflow:hidden!important;align-items:stretch!important}
 .naber-discover .naber-discover-hero-copy{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;min-width:0!important;max-width:none!important;padding:22px 26px 22px clamp(45px,5vw,100px)!important;box-sizing:border-box!important}
 .naber-discover .naber-discover-hero h1{font-size:clamp(76px,4.8vw,108px)!important;white-space:nowrap!important;line-height:.89!important;margin:0 0 15px!important}
 .naber-discover .naber-discover-hero h2{font-size:clamp(35px,2.5vw,53px)!important;margin:0 0 10px!important}
 .naber-discover .naber-discover-hero p{margin:0 0 18px!important;max-width:440px!important}
 .naber-discover .naber-discover-search{width:min(100%,470px)!important;flex:none!important}
 .naber-discover .naber-discover-include{margin-top:10px!important}
 .naber-discover .naber-discover-hero-art{height:100%!important;min-height:0!important;max-height:565px!important;overflow:hidden!important;isolation:isolate!important}
 .naber-discover .naber-discover-hero-circle--people{width:min(53%,440px)!important;right:25%!important;top:7%!important}
 .naber-discover .naber-discover-hero-circle--coffee{width:min(32%,265px)!important;right:33%!important;top:53%!important}
}

/* Community .83: align Feed/About and standardize management gear. */
.naber-community-view .naber-hero.naber-feed-hero .naber-ub-gear{display:none!important}
.naber-community-view .naber-tabs-settings-gear{color:#465460!important;background:transparent!important;border:0!important;box-shadow:none!important}
.naber-community-view .naber-tabs-settings-gear svg{display:block;width:20px!important;height:20px!important;stroke:currentColor!important}
.naber-community-view .naber-tabs-settings-gear:hover{background:#f2f0eb!important}
.naber-community-view .naber-tabs-settings-gear:focus-visible{outline:2px solid #657b86;outline-offset:2px}
@media(min-width:961px){
 .naber-community-view .naber-feed-layout>.naber-rail{margin-top:0!important;position:sticky!important;top:8px!important;align-self:flex-start!important}
}
/* Keep Discover circles over the LEFT portion of hero photography when the
   viewport grows, instead of letting them drift across the subject's face. */
@media(min-width:1600px){
 .naber-discover .naber-discover-hero-art{overflow:visible!important;isolation:auto!important}
 .naber-discover .naber-discover-hero{overflow:hidden!important;isolation:isolate!important}
 .naber-discover .naber-discover-hero-main-photo{z-index:0!important}
 .naber-discover .naber-discover-hero-circle--people{width:clamp(260px,22vw,410px)!important;right:63%!important;top:7%!important;left:auto!important;z-index:3!important}
 .naber-discover .naber-discover-hero-circle--coffee{width:clamp(150px,13vw,245px)!important;right:69%!important;top:54%!important;left:auto!important;z-index:4!important}
}
/* .84 Chapter thumbnail source picker */
.naber-chapter-thumb-picker{margin:16px 0;display:grid;gap:9px}
.naber-chapter-thumb-picker strong{font-size:14px}
.naber-chapter-thumb-picker .naber-thumb-help{margin:0;color:#62727a;font-size:12px;line-height:1.5}
.naber-chapter-thumb-preview{width:100%;height:146px;background:#e7efec center/cover no-repeat;border:1px solid #d9e0dc;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#60716c;font-size:12px}
.naber-chapter-thumb-actions{display:flex;gap:8px;flex-wrap:wrap}
.naber-chapter-thumb-actions button{background:#f6f5f2;color:#223742;border:1px solid #dcd8d1;padding:9px 11px;border-radius:8px;cursor:pointer;font:inherit;font-size:12px}
.naber-chapter-thumb-actions button:hover{background:#eaf0ee}
.naber-chapter-thumb-presets:not([hidden]){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:220px;overflow:auto;padding:8px;border:1px solid #ddd8ce;border-radius:10px}
.naber-chapter-thumb-preset{min-width:0;padding:4px;background:white;border:1px solid #e3ded7;border-radius:7px;cursor:pointer;text-align:left}
.naber-chapter-thumb-preset img{width:100%;height:65px;object-fit:cover;border-radius:4px;display:block}
.naber-chapter-thumb-preset span{display:block;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:4px}

/* Community .86: visible tab-level save controls for Chapters and Content. */
.naber-series-studio .naber-tab-save-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:24px;padding:18px 0 10px;border-top:1px solid #e6e0d8}
.naber-series-studio .naber-tab-save-actions .naber-tab-save{min-width:145px}
.naber-series-studio .naber-tab-save-message{font-size:12px;color:#596975;max-width:460px;line-height:1.55}
.naber-series-studio .naber-save-hint{font-size:12px;margin:9px 0 0;color:#596975}

/* Community .87 — compact thumbnails on existing Chapter management rows. */
.naber-series-studio .naber-chapter-order-row .naber-chapter-row-thumb{width:68px;height:48px;flex:0 0 68px;display:block;object-fit:cover;border-radius:7px;background:#e9eee9;border:1px solid #e5e2dc}
.naber-series-studio .naber-chapter-order-title{display:flex;flex-direction:column;gap:3px;overflow:hidden}
.naber-series-studio .naber-chapter-order-title .naber-chapter-row-name{white-space:normal;overflow-wrap:anywhere;line-height:1.35}
.naber-series-studio .naber-chapter-order-title small{display:block;padding-left:0!important}
.naber-series-studio .naber-tab-save:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:600px){.naber-series-studio .naber-chapter-order-row .naber-chapter-row-thumb{width:54px;height:44px;flex-basis:54px}.naber-series-studio .naber-chapter-order-row{gap:5px!important;padding:8px!important}.naber-series-studio .naber-chapter-order-form button{min-width:27px}}

/* Community .88 — clear thumbnail save state */
.naber-chapter-thumb-status{margin:2px 0 0;color:#536875;font-size:12px;line-height:1.45}
.naber-chapter-thumb-actions button:disabled{opacity:.58;cursor:wait}

/* .89 Chapter picker adopts the explicit Series General gallery/save workflow. */
.naber-chapter-thumb-presets{min-width:0;margin:10px 0 0;padding:13px 12px 15px;border:1px solid #ded9d1;border-radius:12px;display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:12px;max-height:none;overflow:visible}
.naber-chapter-thumb-presets legend{font-size:12px;font-weight:650;color:#273844;padding:0 7px}
.naber-chapter-thumb-picker .naber-chapter-thumb-preset{border:0;padding:0;position:relative;background:transparent;text-align:left;border-radius:8px;display:flex;flex-direction:column;gap:5px;min-width:0}
.naber-chapter-thumb-picker .naber-chapter-thumb-preset img{height:78px;width:100%;object-fit:cover;border-radius:7px;border:2px solid transparent;box-sizing:border-box}
.naber-chapter-thumb-picker .naber-chapter-thumb-preset[aria-pressed="true"] img{border-color:#365c60}
.naber-chapter-thumb-picker .naber-chapter-thumb-preset span:not(.naber-thumb-select-circle){font-size:12px;white-space:normal;overflow-wrap:anywhere;line-height:1.25;margin:0}
.naber-chapter-thumb-picker .naber-thumb-select-circle{display:block;width:13px;height:13px;border-radius:50%;border:1px solid #929a98;background:#fff;flex:none;margin-bottom:1px}
.naber-chapter-thumb-picker .naber-chapter-thumb-preset[aria-pressed="true"] .naber-thumb-select-circle{background:#365c60;box-shadow:inset 0 0 0 3px #fff;border-color:#365c60}
.naber-chapter-thumb-picker .naber-chapter-thumb-preset:focus-visible{outline:2px solid #365c60;outline-offset:3px}
@media(max-width:600px){.naber-chapter-thumb-presets{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}

/* .91 — Existing Chapter: one real form, visible save in its sticky header. */
.naber-series-studio .naber-chapter-edit-dialog{padding:0!important;overflow-y:auto;overscroll-behavior:contain;max-height:min(85dvh,760px)}
.naber-series-studio .naber-chapter-edit-form{display:block!important;margin:0!important;padding:0 20px 18px!important}
.naber-series-studio .naber-chapter-dialog-head.naber-chapter-save-header{position:sticky!important;top:0!important;z-index:10;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;background:#fffdfb!important;margin:0 -20px 16px!important;padding:12px 20px!important;border-bottom:1px solid #e4e0d8!important}
.naber-series-studio .naber-chapter-dialog-controls{display:flex;align-items:center;gap:10px;flex-shrink:0}
.naber-series-studio .naber-chapter-save-primary{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:36px!important;padding:8px 13px!important;border:0!important;border-radius:7px!important;background:#263b48!important;color:#fff!important;font-size:13px!important;font-weight:600!important;line-height:1.2!important;cursor:pointer!important;white-space:nowrap}
.naber-series-studio .naber-chapter-save-primary:hover{background:#344e5d!important}
.naber-series-studio .naber-chapter-dialog-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0 5px;border-top:1px solid #e5e0d7;margin-top:16px}
.naber-series-studio .naber-chapter-save-note{font-size:12px;color:#586c74}
.naber-series-studio .naber-chapter-edit-dialog .naber-chapter-thumb-presets{max-height:240px!important;overflow-y:auto!important}
@media(max-width:480px){.naber-series-studio .naber-chapter-edit-form{padding:0 12px 14px!important}.naber-series-studio .naber-chapter-dialog-head.naber-chapter-save-header{margin:0 -12px 14px!important;padding:10px 12px!important}.naber-series-studio .naber-chapter-save-primary{font-size:12px!important;padding:8px 9px!important}.naber-series-studio .naber-chapter-dialog-footer{flex-wrap:wrap}}

/* .93: explicit saving for the main Chapters tab default image. */
.naber-series-studio .naber-chapter-default-form{display:block;margin:12px 0 20px}
.naber-series-studio .naber-chapter-default-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:18px 0 8px}
.naber-series-studio .naber-chapter-default-save-note{font-size:12px;color:#586c74}
.naber-series-studio .naber-chapter-dialog-footer{position:sticky;bottom:0;z-index:9;background:#fffdfb;padding:12px 4px!important;border-top:1px solid #e4e0d8}

/* Community .94 — editorial Articles library presentation */
.naber-community-view .naber-articles-tab .naber-articles-head{align-items:flex-end!important;margin:8px 0 18px!important;gap:14px!important}
.naber-articles-title-group{gap:0!important}
.naber-articles-eyebrow{margin:0 0 5px!important;color:#9b7c49!important;font-size:10px!important;font-weight:750!important;letter-spacing:.14em!important;text-transform:uppercase!important}
.naber-articles-title-group h2{font-family:Georgia,'Times New Roman',serif!important;font-size:clamp(27px,3vw,34px)!important;font-weight:500!important;line-height:1.12!important;letter-spacing:-.02em!important}
.naber-articles-intro{margin:6px 0 0!important;color:#737c80!important;font-size:13px!important}
.naber-community-view .naber-create-article{display:inline-flex!important;align-items:center!important;gap:8px!important;min-height:42px!important;padding:0 15px!important;border-radius:8px!important;background:#4e6b8a!important;color:#fff!important;text-decoration:none!important;font-weight:650!important;white-space:nowrap!important}
.naber-create-article svg{width:17px!important;height:17px!important}
.naber-articles-toolbar-row{display:flex;align-items:center;gap:11px;flex-wrap:wrap;border-top:1px solid #e9e6e1;border-bottom:1px solid #e9e6e1;padding:10px 0;margin:0 0 16px}
.naber-articles-toolbar-row .naber-articles-search{flex:1 1 250px;max-width:420px;border-radius:8px!important;border-color:#e1dfda!important}
.naber-articles-toolbar-row .naber-articles-search input{width:100%;min-width:0!important;min-height:36px!important;font-size:12px!important}
.naber-articles-toolbar-row .naber-articles-search button{height:36px!important;width:38px!important}
.naber-articles-result-count{margin-right:auto;color:#737c80;font-size:11px;white-space:nowrap}
.naber-articles-sort{display:flex;align-items:center;gap:7px;color:#737c80;font-size:11px}
.naber-articles-sort select{height:34px;border:1px solid #e1dfda;border-radius:7px;background:#fff;padding:0 24px 0 9px;color:#455158;font-size:11px}
.naber-articles-view-switch{display:flex;align-items:center;gap:2px;padding:3px;border:1px solid #e1dfda;border-radius:8px}
.naber-articles-view-switch button{display:grid;place-items:center;width:30px;height:28px;padding:0;border:0;border-radius:5px;background:transparent;color:#798188;cursor:pointer}
.naber-articles-view-switch button:hover{background:#f1f3f5;color:#455158}
.naber-articles-view-switch button.is-active{background:#e8eff8;color:#4e6b8a}
.naber-articles-view-switch svg{width:15px;height:15px}
.naber-community-view .naber-art-cats{gap:7px!important;margin-bottom:18px!important}
.naber-community-view .naber-art-catchip{min-height:32px!important;padding:0 11px!important;border-radius:999px!important;background:#fff!important;border-color:#e6e3dd!important;color:#5f6b71!important;font-size:11px!important}
.naber-community-view .naber-art-catchip.is-current{background:#27343b!important;border-color:#27343b!important;color:#fff!important}
.naber-articles-layout{min-width:0}
.naber-articles-layout.has-sidebar{display:grid;grid-template-columns:minmax(0,1fr) 268px;gap:28px;align-items:start}
.naber-articles-main{min-width:0}
.naber-articles-grid[data-layout="full"]{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}
.naber-articles-grid[data-layout="full"]>.naber-art-tile:first-child{grid-column:1/-1}
.naber-articles-grid[data-layout="grid"]{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:15px!important}
.naber-articles-grid[data-layout="list"]{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:0!important}
.naber-articles-grid[data-layout="masonry"]{display:block!important;columns:2 230px;column-gap:15px}
.naber-articles-grid[data-layout="masonry"]>.naber-art-tile{display:inline-flex!important;width:100%!important;margin:0 0 15px!important;break-inside:avoid;vertical-align:top}
.naber-community-view .naber-articles-grid>.naber-art-tile{min-width:0!important;border:1px solid #e8e5df!important;border-radius:12px!important;overflow:hidden!important;background:#fff!important;box-shadow:0 2px 8px rgba(19,33,44,.04)!important}
.naber-community-view .naber-art-tile-cover{position:relative!important;display:block!important;aspect-ratio:16/10!important;max-height:none!important;overflow:hidden!important;background:#e9e6df!important}
.naber-community-view .naber-art-tile-cover img{display:block!important;width:100%!important;height:100%!important;max-height:none!important;object-fit:cover!important;transition:transform .35s ease}
.naber-community-view .naber-art-tile:hover .naber-art-tile-cover img{transform:scale(1.025)}
.naber-art-tile-cover.is-empty{background:linear-gradient(135deg,#dce3e7,#b8c6cd 52%,#718795)!important}
.naber-art-cover-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(15,25,26,.76) 100%);opacity:0;transition:opacity .2s}
.naber-art-cover-title{position:absolute;left:19px;right:19px;bottom:15px;display:flex;flex-direction:column;gap:5px;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.35);opacity:0;transform:translateY(5px);transition:opacity .2s,transform .2s}
.naber-art-cover-title>span{font-size:9px;font-weight:750;letter-spacing:.13em;text-transform:uppercase}
.naber-art-cover-title strong{font:500 23px/1.14 Georgia,'Times New Roman',serif;max-width:620px}
.naber-articles-grid[data-layout="full"] .naber-art-cover-shade,.naber-articles-grid[data-layout="full"] .naber-art-cover-title{opacity:1;transform:none}
.naber-articles-grid[data-layout="full"]>.naber-art-tile:first-child .naber-art-tile-cover{aspect-ratio:2.05/1!important}
.naber-articles-grid[data-layout="full"]>.naber-art-tile:first-child .naber-art-cover-title strong{font-size:clamp(26px,3vw,36px)}
.naber-articles-grid[data-layout="full"]>.naber-art-tile:not(:first-child) .naber-art-tile-body h3{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.naber-articles-grid[data-layout="full"]>.naber-art-tile:not(:first-child) .naber-art-tile-excerpt{display:none}
.naber-articles-grid[data-layout="grid"] .naber-art-tile-cover,.naber-articles-grid[data-layout="masonry"] .naber-art-tile-cover{aspect-ratio:16/10!important}
.naber-articles-grid[data-layout="grid"] .naber-art-cover-title,.naber-articles-grid[data-layout="masonry"] .naber-art-cover-title{left:13px;right:13px;bottom:11px}
.naber-articles-grid[data-layout="grid"] .naber-art-cover-title strong,.naber-articles-grid[data-layout="masonry"] .naber-art-cover-title strong{font-size:17px}
.naber-articles-grid[data-layout="list"]>.naber-art-tile{display:grid!important;grid-template-columns:minmax(130px,210px) minmax(0,1fr)!important;gap:16px!important;align-items:center!important;padding:12px 0!important;border:0!important;border-bottom:1px solid #e9e6e1!important;border-radius:0!important;box-shadow:none!important}
.naber-articles-grid[data-layout="list"] .naber-art-tile-cover{aspect-ratio:1.45/1!important;border-radius:8px!important}
.naber-articles-grid[data-layout="list"] .naber-art-cover-title{display:none}
.naber-articles-grid[data-layout="list"] .naber-art-tile-body{padding:2px 0!important}
.naber-community-view .naber-art-tile-body{padding:13px 15px 14px!important;gap:6px!important}
.naber-community-view .naber-art-tile-body .naber-article-kicker{display:flex!important;align-items:center!important;gap:8px!important;margin:0!important;color:#7e878b!important;font-size:10px!important}
.naber-community-view .naber-art-tile-body .naber-article-cat{color:#65727a!important;font-size:10px!important;font-weight:750!important;letter-spacing:.06em!important;text-transform:uppercase!important}
.naber-community-view .naber-art-tile-body .naber-article-read{color:#899194!important;font-size:10px!important}
.naber-community-view .naber-art-tile-body h3{margin:0!important;font:600 18px/1.25 Georgia,'Times New Roman',serif!important;letter-spacing:-.01em!important}
.naber-community-view .naber-art-tile-body h3 a{color:#242b31!important;text-decoration:none!important}
.naber-community-view .naber-art-tile-body h3 a:hover{text-decoration:underline!important}
.naber-community-view .naber-art-tile-excerpt{margin:0!important;color:#687278!important;font-size:12px!important;line-height:1.55!important;-webkit-line-clamp:3!important}
.naber-community-view .naber-art-tile-by{margin:4px 0 0!important;color:#858b8f!important;font-size:10px!important}
.naber-articles-sidebar{min-width:0;border-left:1px solid #e9e6e1;padding-left:21px}
.naber-article-side-section{margin:0 0 18px;padding:0 0 17px;border-bottom:1px solid #e9e6e1}
.naber-article-side-section:last-child{border-bottom:0}
.naber-article-side-section>h3{margin:0 0 10px!important;color:#4e5c63!important;font-size:10px!important;font-weight:800!important;letter-spacing:.1em!important;text-transform:uppercase!important}
.naber-article-side-search{position:relative}
.naber-article-side-search input{width:100%;height:37px;padding:0 37px 0 11px;border:1px solid #e1dfda;border-radius:7px;background:#fff;color:#242b31;font-size:11px}
.naber-article-side-search input:focus{outline:0;border-color:#4e6b8a;box-shadow:0 0 0 3px rgba(78,107,138,.12)}
.naber-article-side-search button{position:absolute;top:4px;right:4px;display:grid;place-items:center;width:29px;height:29px;border:0;background:transparent;color:#6c767b;cursor:pointer}
.naber-article-side-search svg{width:15px;height:15px}
.naber-article-side-categories{list-style:none!important;margin:0!important;padding:0!important}
.naber-article-side-categories li{margin:0!important;padding:0!important}
.naber-article-side-categories a{display:flex;justify-content:space-between;gap:8px;padding:6px 0;color:#5d686e;font-size:11px;text-decoration:none}
.naber-article-side-categories a>span:last-child{color:#a3a8a8;font-size:10px}
.naber-article-side-categories a:hover,.naber-article-side-categories a.is-active{color:#4e6b8a;font-weight:700}
.naber-article-archives details{padding:7px 0;border-bottom:1px solid #f0efec}
.naber-article-archives summary{display:flex;justify-content:space-between;color:#5b666c;font-size:11px;cursor:pointer;list-style:none}
.naber-article-archives summary::-webkit-details-marker{display:none}
.naber-article-archives summary:after{content:'＋';color:#9ba3a7}
.naber-article-archives details[open]>summary:after{content:'−'}
.naber-article-archives ul{list-style:none!important;margin:6px 0 0!important;padding:0 0 0 10px!important}
.naber-article-archives li{margin:0!important}
.naber-article-archives li a{display:block;padding:3px 0;color:#7e878b;font-size:10px;text-decoration:none}
.naber-article-archives li a:hover{color:#4e6b8a}
.naber-article-featured{display:grid;grid-template-columns:62px minmax(0,1fr);align-items:center;gap:9px;margin:10px 0;color:#242b31;text-decoration:none}
.naber-article-featured-cover{display:block;width:62px;height:50px;overflow:hidden;border-radius:6px;background:#e7e4dc}
.naber-article-featured-cover img{width:100%;height:100%;object-fit:cover}
.naber-article-featured strong{display:block;font:600 12px/1.28 Georgia,'Times New Roman',serif}
.naber-article-featured small{display:block;margin-top:3px;color:#8c9292;font-size:9px}
.naber-article-sponsor{padding:12px!important;border:1px solid #ebe7df!important;border-radius:9px;background:#f7f5f0}
.naber-article-sponsor>span{color:#9a8c74;font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.naber-article-sponsor>h3{margin:5px 0!important;color:#30383a!important;font:600 16px/1.2 Georgia,'Times New Roman',serif!important;letter-spacing:0!important;text-transform:none!important}
.naber-article-sponsor>p{margin:0!important;color:#727b7b;font-size:10px;line-height:1.5}
@media(max-width:1000px){.naber-articles-layout.has-sidebar{grid-template-columns:minmax(0,1fr) 230px;gap:18px}.naber-article-layout.has-sidebar{grid-template-columns:minmax(0,1fr) 230px;gap:18px}.naber-articles-sidebar{padding-left:15px}}
@media(max-width:760px){
 .naber-article-layout.has-sidebar{display:flex;flex-direction:column;gap:18px}
 .naber-article-page .naber-article-layout .naber-articles-sidebar{position:static;width:100%;max-width:100%;border-left:0;border-top:1px solid #e9e6e1;padding:17px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
 .naber-article-page .naber-article-side-section{margin:0;padding-bottom:12px}
 .naber-article-page .naber-article-archives,.naber-article-page .naber-article-sponsor{grid-column:1/-1}
 .naber-articles-layout.has-sidebar{display:flex!important;flex-direction:column!important;gap:18px!important}
 .naber-articles-main,.naber-articles-sidebar{width:100%!important;max-width:100%!important}
 .naber-articles-sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;border-left:0;border-top:1px solid #e9e6e1;padding:17px 0 0}
 .naber-article-side-section{margin:0;padding-bottom:12px}
 .naber-article-archives,.naber-article-sponsor{grid-column:1/-1}
 .naber-articles-toolbar-row{gap:8px}
 .naber-articles-toolbar-row .naber-articles-search{flex-basis:100%;max-width:none}
 .naber-articles-result-count{margin-right:auto}
 .naber-articles-grid[data-layout="full"]{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
 .naber-articles-grid[data-layout="full"]>.naber-art-tile:first-child{grid-column:auto}
 .naber-articles-grid[data-layout="full"]>.naber-art-tile:first-child .naber-art-tile-cover{aspect-ratio:1.42/1!important}
 .naber-articles-grid[data-layout="full"]>.naber-art-tile:first-child .naber-art-cover-title strong{font-size:29px}
 .naber-articles-grid[data-layout="grid"]{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 .naber-articles-grid[data-layout="grid"] .naber-art-tile-body{padding:10px!important}
 .naber-articles-grid[data-layout="grid"] .naber-art-tile-body h3{font-size:15px!important}
 .naber-articles-grid[data-layout="list"]>.naber-art-tile{grid-template-columns:112px minmax(0,1fr)!important;gap:11px!important}
 .naber-articles-grid[data-layout="list"] .naber-art-tile-cover{aspect-ratio:1/1!important}
 .naber-articles-grid[data-layout="list"] .naber-art-tile-excerpt{display:none!important}
 .naber-articles-grid[data-layout="masonry"]{columns:2 150px}
 .naber-articles-grid[data-layout="masonry"] .naber-art-tile-body{padding:9px!important}
 .naber-articles-grid[data-layout="masonry"] .naber-art-tile-excerpt{display:none!important}
}
@media(max-width:400px){.naber-articles-grid[data-layout="grid"]{grid-template-columns:minmax(0,1fr)!important}.naber-articles-grid[data-layout="masonry"]{columns:1}.naber-articles-sort label{display:none}}
.naber-articles-grid[data-layout="full"] .naber-art-tile-body h3{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Community .99 — Series index follows the Articles Library structure. */
.naber-community-view .naber-series-index{width:100%!important;max-width:1120px!important;margin:0 auto!important;padding:8px 0 40px!important}
.naber-series-list-page{min-width:0}
.naber-series-list-page .naber-series-head{align-items:center!important;gap:14px!important;margin:0 0 10px!important}
.naber-community-view .naber-series-title-group{display:flex;align-items:baseline;gap:10px;min-width:0;flex:1}
.naber-community-view .naber-series-title-group .naber-series-heading{margin:0!important;font-size:27px!important;line-height:1.12!important}
.naber-community-view .naber-series-title-group .naber-series-sub{margin:0!important;color:#7b858a!important;font-size:12px!important}
.naber-community-view .naber-series-create>summary.neighbor-button{min-height:38px!important;border-radius:999px!important;background:#eaf0f3!important;border-color:#d9e3e8!important;color:#4c687a!important;box-shadow:0 2px 5px rgba(39,59,72,.04)!important}
.naber-series-toolbar{display:flex;align-items:center;gap:9px;padding:8px 0;margin-bottom:12px;border-bottom:1px solid #eeeae4}
.naber-series-filters{display:flex;align-items:center;gap:6px;min-width:0;flex-wrap:wrap}
.naber-series-filter{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:0 10px;border:1px solid #e6e3dd;border-radius:999px;background:#fff;color:#5f6b71;font-size:10px;text-decoration:none;white-space:nowrap}
.naber-series-filter:hover{background:#f0f5f8;border-color:#ccd9e1;color:#42637a}
.naber-series-filter.is-current{background:#344e5d;border-color:#344e5d;color:#fff}
.naber-series-filter span{opacity:.75}
.naber-series-result-count{margin-right:auto;color:#748087;font-size:11px;white-space:nowrap}
.naber-series-sort{display:flex;align-items:center;gap:7px;color:#737c80;font-size:11px}
.naber-series-sort select{height:34px;border:1px solid #dfe5e7;border-radius:7px;background:#fff;padding:0 24px 0 9px;color:#43545d;font-size:11px}
.naber-series-sort select:focus{outline:0;border-color:#9aafbd;box-shadow:0 0 0 3px rgba(78,107,138,.09)}
.naber-series-view-switch{display:flex;align-items:center;gap:2px;padding:3px;border:1px solid #e1dfda;border-radius:8px}
.naber-series-view-switch button{display:grid;place-items:center;width:30px;height:28px;padding:0;border:0;border-radius:5px;background:transparent;color:#798188;cursor:pointer}
.naber-series-view-switch button:hover{background:#f1f3f5;color:#455158}
.naber-series-view-switch button.is-active{background:#e8eff8;color:#4e6b8a}
.naber-series-view-switch svg{width:15px;height:15px}
.naber-series-layout{display:grid;grid-template-columns:minmax(0,1fr) 246px;gap:27px;align-items:start;min-width:0}
.naber-series-main{min-width:0}
.naber-series-grid[data-layout="full"],.naber-series-grid[data-layout="grid"]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.naber-series-grid[data-layout="full"]>.naber-series-tile:first-child{grid-column:1/-1}
.naber-series-grid[data-layout="list"]{display:grid;grid-template-columns:minmax(0,1fr);gap:0}
.naber-series-tile{display:block;min-width:0;overflow:hidden;border:1px solid #e8e5df;border-radius:12px;background:#fff;box-shadow:0 2px 8px rgba(19,33,44,.04)}
.naber-series-tile-cover{position:relative;display:block;aspect-ratio:16/10;max-height:none;overflow:hidden;background:linear-gradient(135deg,#dce3e7,#b8c6cd 52%,#718795);text-decoration:none}
.naber-series-tile-cover .naber-series-cover{width:100%;height:100%;aspect-ratio:auto!important;background:transparent!important}
.naber-series-tile-cover .naber-series-cover-img{display:block;width:100%;height:100%;max-height:none;object-fit:cover;transition:transform .35s ease}
.naber-series-tile:hover .naber-series-cover-img{transform:scale(1.025)}
.naber-series-cover-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(15,25,26,.77) 100%);opacity:0;transition:opacity .2s}
.naber-series-cover-title{position:absolute;left:18px;right:18px;bottom:14px;display:flex;flex-direction:column;gap:5px;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.35);opacity:0;transform:translateY(5px);transition:opacity .2s,transform .2s}
.naber-series-cover-title>span{font-size:9px;font-weight:750;letter-spacing:.13em;text-transform:uppercase}
.naber-series-cover-title strong{font:500 23px/1.14 Georgia,'Times New Roman',serif}
.naber-series-grid[data-layout="full"] .naber-series-cover-shade,.naber-series-grid[data-layout="full"] .naber-series-cover-title{opacity:1;transform:none}
.naber-series-grid[data-layout="full"]>.naber-series-tile:first-child .naber-series-tile-cover{aspect-ratio:2.05/1}
.naber-series-grid[data-layout="full"]>.naber-series-tile:first-child .naber-series-cover-title strong{font-size:clamp(26px,3vw,36px)}
.naber-series-tile-body{display:flex;flex-direction:column;gap:6px;padding:13px 15px 14px}
.naber-series-kicker{margin:0;color:#7e878b;font-size:10px;font-weight:750;letter-spacing:.06em}
.naber-series-tile-body h3{margin:0;font:600 18px/1.25 Georgia,'Times New Roman',serif}
.naber-series-tile-body h3 a{color:#242b31;text-decoration:none}
.naber-series-tile-body h3 a:hover{color:#4e6b8a}
.naber-series-tile-desc{margin:0;color:#687278;font-size:12px;line-height:1.55}
.naber-series-tile-meta{margin:4px 0 0;color:#858b8f;font-size:10px}
.naber-series-open{align-self:flex-start;margin-top:4px;color:#4e6b8a;font-size:11px;font-weight:700;text-decoration:none}
.naber-series-open:hover{color:#344e5d;text-decoration:underline}
.naber-series-grid[data-layout="full"]>.naber-series-tile:not(:first-child) .naber-series-tile-body h3{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.naber-series-grid[data-layout="full"]>.naber-series-tile:not(:first-child) .naber-series-tile-desc{display:none}
.naber-series-grid[data-layout="grid"] .naber-series-tile-cover{aspect-ratio:16/10}
.naber-series-grid[data-layout="grid"] .naber-series-cover-title{left:13px;right:13px;bottom:11px}
.naber-series-grid[data-layout="grid"] .naber-series-cover-title strong{font-size:17px}
.naber-series-grid[data-layout="list"]>.naber-series-tile{display:grid;grid-template-columns:minmax(125px,205px) minmax(0,1fr);gap:15px;align-items:center;padding:11px 0;border:0;border-bottom:1px solid #e9e6e1;border-radius:0;box-shadow:none}
.naber-series-grid[data-layout="list"] .naber-series-tile-cover{aspect-ratio:1.45/1;border-radius:8px}
.naber-series-grid[data-layout="list"] .naber-series-cover-title,.naber-series-grid[data-layout="list"] .naber-series-cover-shade{display:none}
.naber-series-grid[data-layout="list"] .naber-series-tile-body{padding:2px 0}
.naber-series-sidebar{min-width:0;border-left:1px solid #e9e6e1;padding-left:20px}
.naber-series-side-section{margin:0 0 18px;padding:0 0 17px;border-bottom:1px solid #e9e6e1}
.naber-series-side-section:last-child{border-bottom:0}
.naber-series-side-section>h3{margin:0 0 10px;color:#4e5c63;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.naber-series-side-search{position:relative}
.naber-series-side-search input{width:100%;height:37px;padding:0 37px 0 11px;border:1px solid #e1dfda;border-radius:7px;background:#fff;color:#242b31;font-size:11px}
.naber-series-side-search input:focus{outline:0;border-color:#4e6b8a;box-shadow:0 0 0 3px rgba(78,107,138,.12)}
.naber-series-side-search button{position:absolute;top:4px;right:4px;display:grid;place-items:center;width:29px;height:29px;border:0;border-radius:5px;background:transparent;color:#6c767b;cursor:pointer}
.naber-series-side-search button:hover{background:#eaf0f4;color:#3f6077}
.naber-series-side-search svg{width:15px;height:15px}
.naber-series-side-list{list-style:none;margin:0;padding:0}
.naber-series-side-list li{margin:0;padding:0}
.naber-series-side-list a{display:flex;justify-content:space-between;gap:8px;padding:6px 0;color:#5d686e;font-size:11px;text-decoration:none}
.naber-series-side-list a>span:last-child{color:#a3a8a8;font-size:10px}
.naber-series-side-list a:hover,.naber-series-side-list a.is-active{color:#4e6b8a;font-weight:700}
.naber-series-latest{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:9px;margin:10px 0;color:#242b31;text-decoration:none}
.naber-series-latest .naber-sc-thumb{display:grid;place-items:center;width:48px;height:42px;overflow:hidden;border-radius:6px;background:#e7e4dc;color:#748087}
.naber-series-latest .naber-sc-thumb img{width:100%;height:100%;object-fit:cover}
.naber-series-latest strong{display:block;font:600 11px/1.3 Georgia,'Times New Roman',serif}
.naber-series-latest small{display:block;margin-top:3px;color:#8c9292;font-size:9px}
.naber-series-latest:hover strong{color:#4e6b8a}
.naber-series-sponsor{padding:12px!important;border:1px solid #ebe7df!important;border-radius:9px;background:#f7f5f0}
.naber-series-sponsor>span{color:#9a8c74;font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.naber-series-sponsor>h3{margin:5px 0!important;color:#30383a!important;font:600 16px/1.2 Georgia,'Times New Roman',serif!important;letter-spacing:0!important;text-transform:none!important}
.naber-series-sponsor>p{margin:0;color:#727b7b;font-size:10px;line-height:1.5}
@media(max-width:1000px){.naber-series-layout{grid-template-columns:minmax(0,1fr) 220px;gap:18px}.naber-series-sidebar{padding-left:15px}}
@media(max-width:760px){.naber-community-view .naber-series-title-group{align-items:flex-start;flex-direction:column;gap:3px}.naber-community-view .naber-series-title-group .naber-series-sub{font-size:11px!important}.naber-series-toolbar{gap:8px;flex-wrap:wrap}.naber-series-filters{flex:1 1 100%}.naber-series-result-count{margin-right:auto}.naber-series-layout{display:flex;flex-direction:column;gap:18px}.naber-series-main,.naber-series-sidebar{width:100%;max-width:100%}.naber-series-sidebar{display:grid;grid-template-columns:minmax(0,1fr);gap:13px;border-left:0;border-top:1px solid #e9e6e1;padding:17px 0 0}.naber-series-side-section{margin:0;padding-bottom:12px}.naber-series-sponsor{grid-column:1/-1}.naber-series-grid[data-layout="full"]{grid-template-columns:minmax(0,1fr)}.naber-series-grid[data-layout="full"]>.naber-series-tile:first-child{grid-column:auto}.naber-series-grid[data-layout="full"]>.naber-series-tile:first-child .naber-series-tile-cover{aspect-ratio:1.42/1}.naber-series-grid[data-layout="grid"]{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.naber-series-grid[data-layout="grid"] .naber-series-tile-body{padding:10px}.naber-series-grid[data-layout="grid"] .naber-series-tile-body h3{font-size:15px}.naber-series-grid[data-layout="list"]>.naber-series-tile{grid-template-columns:112px minmax(0,1fr);gap:11px}.naber-series-grid[data-layout="list"] .naber-series-tile-cover{aspect-ratio:1/1}}
@media(max-width:400px){.naber-series-grid[data-layout="grid"]{grid-template-columns:minmax(0,1fr)}.naber-series-sort label{display:none}}

/* Community .95 — compact article heading, calm controls, and correctly sized emoji. */
.naber-community-view .naber-articles-tab .naber-articles-head{align-items:center!important;margin:0 0 10px!important;gap:14px!important}
.naber-community-view .naber-articles-title-group{flex-direction:row!important;align-items:baseline!important;gap:10px!important}
.naber-community-view .naber-articles-eyebrow{display:none!important}
.naber-community-view .naber-articles-title-group h2{font-size:27px!important;line-height:1.12!important}
.naber-community-view .naber-articles-intro{margin:0!important;font-size:12px!important;color:#7b858a!important}
.naber-community-view .naber-articles-toolbar-row{gap:9px!important;padding:8px 0!important;margin-bottom:12px!important}
.naber-community-view .naber-articles-toolbar-row .naber-articles-search{flex:1 1 230px!important;max-width:360px!important;min-height:40px!important;border:1px solid #dfe5e7!important;border-radius:999px!important;background:#f8fafb!important;transition:border-color .15s,box-shadow .15s!important}
.naber-community-view .naber-articles-toolbar-row .naber-articles-search:focus-within{border-color:#9aafbd!important;box-shadow:0 0 0 3px rgba(78,107,138,.09)!important}
.naber-community-view .naber-articles-toolbar-row .naber-articles-search input{min-height:38px!important;padding:0 14px!important;background:transparent!important;color:#34434b!important;font-size:12px!important}
.naber-community-view .naber-articles-toolbar-row .naber-articles-search input::placeholder{color:#90999e!important}
.naber-community-view .naber-articles-toolbar-row .naber-articles-search button{height:38px!important;width:40px!important;color:#637680!important;border-radius:50%!important;transition:background .15s,color .15s!important}
.naber-community-view .naber-articles-toolbar-row .naber-articles-search button:hover{background:#eaf0f4!important;color:#3f6077!important}
.naber-community-view .naber-articles-result-count{color:#748087!important}
.naber-community-view .naber-articles-sort select{border-color:#dfe5e7!important;background-color:#fff!important;color:#43545d!important}
.naber-community-view .naber-articles-sort select:focus{outline:0!important;border-color:#9aafbd!important;box-shadow:0 0 0 3px rgba(78,107,138,.09)!important}
.naber-community-view .naber-art-tile-cover img:not(.wp-smiley):not(.emoji){display:block!important;width:100%!important;height:100%!important;max-height:none!important;object-fit:cover!important;transition:transform .35s ease}
.naber-community-view .naber-art-tile-cover img.wp-smiley,
.naber-community-view .naber-art-tile-cover img.emoji{display:inline!important;width:1em!important;height:1em!important;min-width:0!important;min-height:0!important;max-width:1em!important;max-height:1em!important;object-fit:contain!important;vertical-align:-.15em!important;transform:none!important}
.naber-community-view .naber-art-tile:hover{border-color:#d4dee4!important;box-shadow:0 5px 16px rgba(39,59,72,.09)!important}
.naber-community-view .naber-art-tile:hover .naber-art-tile-cover img:not(.wp-smiley):not(.emoji){transform:scale(1.025)}
.naber-community-view .naber-art-tile-body h3 a:hover{color:#4e6b8a!important;text-decoration:none!important}
.naber-community-view .naber-art-catchip:hover{border-color:#ccd9e1!important;background:#f0f5f8!important;color:#42637a!important}
.naber-community-view .naber-art-catchip.is-current:hover{background:#344e5d!important;border-color:#344e5d!important;color:#fff!important}
@media(max-width:760px){
 .naber-community-view .naber-articles-title-group{align-items:flex-start!important;flex-direction:column!important;gap:3px!important}
 .naber-community-view .naber-articles-intro{font-size:11px!important}
 .naber-community-view .naber-articles-toolbar-row .naber-articles-search{max-width:none!important}
}

/* Community .96 — category filters share the toolbar with sort and layout controls. */
.naber-community-view .naber-articles-toolbar-row .naber-art-cats{display:flex!important;align-items:center!important;flex:0 1 auto!important;gap:6px!important;min-width:0!important;margin:0!important;flex-wrap:nowrap!important}
.naber-community-view .naber-articles-toolbar-row .naber-art-catchip{min-height:30px!important;padding:0 9px!important;font-size:10px!important;white-space:nowrap!important}
.naber-community-view .naber-articles-toolbar-row .naber-articles-result-count{margin-right:auto!important}
@media(max-width:980px){
 .naber-community-view .naber-articles-toolbar-row{gap:8px!important}
 .naber-community-view .naber-articles-toolbar-row .naber-art-cats{flex-wrap:wrap!important}
}
@media(max-width:760px){
 .naber-community-view .naber-articles-toolbar-row .naber-art-cats{flex:1 1 100%!important;order:0;flex-wrap:wrap!important}
 .naber-community-view .naber-articles-toolbar-row .naber-articles-result-count{order:1}
 .naber-community-view .naber-articles-toolbar-row .naber-articles-sort{order:2}
 .naber-community-view .naber-articles-toolbar-row .naber-articles-view-switch{order:3}
}

/* Community .97 — softer pill treatment for the Create Article action. */
.naber-community-view .naber-create-article{min-height:40px!important;padding:0 17px!important;border:1px solid #d9e3e8!important;border-radius:999px!important;background:#eaf0f3!important;color:#4c687a!important;box-shadow:0 2px 5px rgba(39,59,72,.04)!important;font-weight:600!important;transition:background .16s,border-color .16s,color .16s,transform .16s,box-shadow .16s!important}
.naber-community-view .naber-create-article:hover{border-color:#cbdbe3!important;background:#dfe9ee!important;color:#3f5d70!important;box-shadow:0 4px 9px rgba(39,59,72,.08)!important;transform:translateY(-1px)!important}
.naber-community-view .naber-create-article:focus-visible{outline:3px solid rgba(78,107,138,.2)!important;outline-offset:2px!important}
.naber-community-view .naber-create-article svg{width:17px!important;height:17px!important;padding:3px!important;box-sizing:content-box!important;border-radius:50%!important;background:rgba(78,107,138,.1)!important}
/* community.116 — Community utility bar as its own layer:
   hero (identity only) → this bar → content nav/tools → content.
   [Join · members · posts] ............ [gear] [account] */
body .naber-community-view .naber-utility-bar.is-inflow{position:static;display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:10px;box-sizing:border-box;max-width:100%;min-height:48px;margin:0;padding:6px 14px;background:transparent;border:0;border-bottom:1px solid var(--naber-border,#ece9e1);border-radius:0;box-shadow:none}
body .naber-community-view .naber-utility-bar.is-inflow .naber-ub-main{flex:1 1 auto;min-width:0}
body .naber-community-view .naber-utility-bar.is-inflow .naber-ub-gear{margin:0}
.naber-community-view .naber-ub-tools{display:flex;align-items:center;gap:6px;flex:0 0 auto;margin-left:auto}
.naber-community-view .naber-ub-account{position:relative;display:block}
.naber-community-view .naber-ub-account>summary{list-style:none;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;overflow:hidden;cursor:pointer;border:1px solid var(--naber-border,#e3e0d8);background:#fff;color:var(--naber-text,#1a1d21);font-size:14px;font-weight:600;box-sizing:border-box}
.naber-community-view .naber-ub-account>summary::-webkit-details-marker{display:none}
.naber-community-view .naber-ub-account>summary::marker{content:''}
.naber-community-view .naber-ub-account>summary>*{width:100%;height:100%;max-width:32px;max-height:32px;border-radius:50%;object-fit:cover;display:flex;align-items:center;justify-content:center;margin:0}
.naber-community-view .naber-ub-account>summary:focus-visible{outline:2px solid #657b86;outline-offset:2px}
.naber-community-view .naber-ub-account-panel{position:absolute;right:0;top:calc(100% + 6px);z-index:40;display:flex;flex-direction:column;min-width:200px;max-width:min(260px,calc(100vw - 24px));padding:6px;background:#fff;border:1px solid var(--naber-border,#e3ddd1);border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.12)}
.naber-community-view .naber-ub-account-name{padding:8px 10px 6px;font-size:13px;font-weight:600;color:var(--naber-text,#1a1d21);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.naber-community-view .naber-ub-account-panel a,.naber-community-view .naber-ub-account-panel button{display:flex;align-items:center;min-height:38px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:var(--naber-text,#1a1d21);font:inherit;font-size:13px;text-align:left;text-decoration:none;cursor:pointer}
.naber-community-view .naber-ub-account-panel a:hover,.naber-community-view .naber-ub-account-panel button:hover{background:rgba(0,0,0,.05)}
.naber-community-view .naber-ub-account-panel [hidden]{display:none}
.naber-community-view .naber-ub-signin{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border:1px solid var(--naber-border,#e3e0d8);border-radius:999px;background:#fff;color:var(--naber-text,#1a1d21);font-size:13px;font-weight:500;text-decoration:none;white-space:nowrap;box-sizing:border-box}
.naber-community-view .naber-ub-signin svg{width:16px;height:16px;flex:none}
@media (max-width:600px){
  body .naber-community-view .naber-utility-bar.is-inflow{padding:6px 12px;gap:8px}
  .naber-community-view .naber-ub-signin{width:32px;padding:0;justify-content:center;border-radius:50%}
  .naber-community-view .naber-ub-signin-word{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
}
/* community.116: the nav row no longer needs room for a bar overhanging the hero's bottom edge. */
@media (max-width:960px){ body .naber-community-view .naber-tabs-row{margin-top:0!important} }

/* Staging deployment transport benchmark: 2026-10-26. */
/* Naber My Content: scoped author-management panel (Article phase). */
.naber-my-content{padding:16px 0 30px;color:#30383d}
.naber-my-content-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:22px}
.naber-my-content-head h2{font-size:clamp(23px,3.5vw,30px);margin:0 0 4px;line-height:1.25}
.naber-my-content-head p{margin:0;color:#697680;font-size:14px}
.naber-my-content-back,.naber-my-content-open{border:1px solid #ded5c6;border-radius:24px;padding:9px 16px;background:#fff;color:#30383d;text-decoration:none;font-size:13px;font-weight:650;white-space:nowrap}
.naber-my-content-filters{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}
.naber-my-content-filter{padding:8px 13px;border:1px solid #e3dbce;border-radius:22px;background:#fff;color:#45525b;text-decoration:none;font-size:13px}
.naber-my-content-filter.is-current{background:#30383d;color:#fff;border-color:#30383d}
.naber-my-content-total{font-size:13px;color:#6b7378;margin:10px 0}
.naber-my-content-list{padding:0;margin:0;list-style:none;display:grid;gap:10px}
.naber-my-content-item{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:#fff;border:1px solid #ece6dc;border-radius:14px;padding:16px 18px}
.naber-my-content-item h3{margin:0 0 6px;font-size:17px;color:#27323a}
.naber-my-content-item p{margin:0;font-size:12px;color:#778187;line-height:1.5}
.naber-my-content-edit{display:inline-flex;align-items:center;justify-content:center;padding:9px 14px;border:1px solid #d8cdbd;border-radius:24px;text-decoration:none;font-size:13px;font-weight:650;color:#30383d;white-space:nowrap}
.naber-my-content-edit:hover,.naber-my-content-back:hover,.naber-my-content-filter:hover{background:#f5f3ef}
.naber-my-content-empty{padding:32px 20px;border:1px dashed #d7cfc4;border-radius:14px;color:#697680;text-align:center}
.naber-my-content-pages{display:flex;gap:14px;align-items:center;justify-content:center;margin-top:20px;font-size:13px}
@media(max-width:600px){.naber-my-content-item{align-items:flex-start}.naber-my-content-edit{width:100%}}
/* My Content workspace: compact management layout (scoped; Feed remains unchanged). */
.naber-my-content-workspace{--nmc-border:#e7e4df;--nmc-ink:#232b36}
.naber-my-content-workspace .naber-content-type-tabs{display:flex;gap:24px;flex-wrap:wrap;margin:0 0 16px;border-bottom:1px solid var(--nmc-border);padding:0 2px}
.naber-my-content-workspace .naber-content-type-tabs a{border:0!important;border-bottom:2px solid transparent!important;background:transparent!important;border-radius:0!important;box-shadow:none!important;padding:10px 5px 11px!important;margin:0!important;min-height:0!important;font-size:13px!important;font-weight:550!important;color:#65707b!important}
.naber-my-content-workspace .naber-content-type-tabs a.is-active{color:var(--nmc-ink)!important;border-bottom-color:var(--nmc-ink)!important;font-weight:700!important}
.naber-my-content-workspace .naber-content-tools{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:20px;padding:14px 16px;border:1px solid var(--nmc-border);border-radius:13px;background:#faf9f7}
.naber-my-content-workspace .naber-content-tools-label{font-size:12px;font-weight:700;color:#697480}
.naber-my-content-workspace .naber-content-status-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:0!important}
.naber-my-content-workspace .naber-content-status-tabs a{margin:0!important;padding:7px 11px!important;min-height:0!important;border:1px solid #e2dfd9!important;border-radius:30px!important;background:#fff!important;box-shadow:none!important;font-size:11px!important;font-weight:600!important;line-height:1.3!important;color:#434951!important}
.naber-my-content-workspace .naber-content-status-tabs a.is-active{background:#25282e!important;color:#fff!important;border-color:#25282e!important}
.naber-my-content-workspace .naber-my-content-community-filter{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:0!important;padding-left:16px;border-left:1px solid var(--nmc-border)}
.naber-my-content-workspace .naber-my-content-community-filter label{font-size:12px;color:#68727e;font-weight:650}
.naber-my-content-workspace #naber-my-community-select{max-width:215px;min-height:34px;padding:5px 28px 5px 10px;border:1px solid #dedbd5;border-radius:8px;background:#fff;font-size:12px}
.naber-my-content-workspace .naber-content-filter-submit{display:none!important}
.naber-my-content-workspace .naber-content-list-heading{display:flex;align-items:end;justify-content:space-between;gap:8px;margin:0 0 12px}
.naber-my-content-workspace .naber-content-list-heading h2{margin:0;color:var(--nmc-ink);font-size:18px;font-weight:750;line-height:1.3}
.naber-my-content-workspace .naber-content-list-heading h2 span{display:inline-flex;align-items:center;justify-content:center;min-width:23px;padding:3px 8px;margin-left:5px;background:#f0efec;border-radius:20px;font-size:11px;color:#69717a}
.naber-my-content-workspace .naber-content-list-heading p{margin:0;color:#8b9298;font-size:12px}
.naber-my-content-workspace .neighbor-feed{display:grid;gap:10px!important}
.naber-my-content-workspace .naber-content-manage-card{display:grid!important;grid-template-columns:116px minmax(0,1fr) auto;align-items:center;gap:17px;min-height:122px;margin:0!important;padding:15px 17px!important;border:1px solid var(--nmc-border)!important;border-radius:13px!important;background:#fff!important;box-shadow:0 1px 3px rgba(30,34,40,.035)!important;float:none!important}
.naber-my-content-workspace .naber-content-thumb{width:116px;height:90px;flex-shrink:0;overflow:hidden;border-radius:9px;background:#f5f4f1}
.naber-my-content-workspace .naber-content-thumb:empty{background:linear-gradient(135deg,#f5f3ee,#ece8df)}
.naber-my-content-workspace .naber-content-thumb img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;float:none!important;margin:0!important;border-radius:9px!important}
.naber-my-content-workspace .naber-content-card-body{min-width:0}
.naber-my-content-workspace .naber-content-card-kicker{margin-bottom:5px;font-size:10px;font-weight:750;letter-spacing:.035em;color:#8b929b;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.naber-my-content-workspace .naber-content-card-body h3{margin:0 0 4px;color:var(--nmc-ink);font-size:15px;font-weight:730;line-height:1.32;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.naber-my-content-workspace .naber-content-excerpt{margin:0 0 9px!important;font-size:12px!important;line-height:1.5!important;color:#697581!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.naber-my-content-workspace .naber-content-card-meta{font-size:11px;color:#87919a}
.naber-my-content-workspace .naber-content-card-side{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;gap:26px;align-self:stretch}
.naber-my-content-workspace .naber-content-card-side .neighbor-badge{margin:0!important;padding:5px 9px!important;font-size:10px!important;border-radius:30px!important;white-space:nowrap}
.naber-my-content-workspace .naber-content-card-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.naber-my-content-workspace .naber-content-action{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:6px 13px;border:1px solid #d8d5cf;border-radius:26px;background:#fff;color:#303841!important;font-size:12px;font-weight:700;text-decoration:none!important;white-space:nowrap;box-shadow:none!important}
.naber-my-content-workspace .naber-content-action:hover{background:#f5f3ef}
/* My Content draft cards: the whole card opens the existing editor through the title link (stretched link);
   Edit Draft and the other actions stay above it and keep their own targets. */
.naber-my-content-workspace .naber-content-manage-card.is-draft-editable{position:relative;cursor:pointer;transition:border-color .15s,box-shadow .15s}
.naber-my-content-workspace .naber-content-manage-card.is-draft-editable:hover{border-color:#cfd8dc!important;box-shadow:0 3px 10px rgba(30,34,40,.07)!important}
.naber-my-content-workspace .naber-content-manage-card.is-draft-editable:focus-within{border-color:#4e6b8a!important;box-shadow:0 0 0 3px rgba(78,107,138,.18)!important}
.naber-my-content-workspace .naber-content-card-link{color:inherit!important;text-decoration:none!important;outline:none}
.naber-my-content-workspace .naber-content-card-link::after{content:"";position:absolute;inset:0;z-index:1;border-radius:13px}
.naber-my-content-workspace .naber-content-card-link:focus-visible{text-decoration:underline!important}
.naber-my-content-workspace .naber-content-manage-card.is-draft-editable .naber-content-card-actions{position:relative;z-index:2}
.naber-my-content-workspace .naber-content-edit-draft:focus-visible{outline:2px solid #4e6b8a;outline-offset:2px}
.naber-my-content-workspace .naber-content-action.is-primary{border-color:#303238;background:#303238;color:white!important}
.naber-my-content-workspace .naber-content-series-card{grid-template-columns:minmax(0,1fr) auto}
@media(max-width:760px){.naber-my-content-workspace .naber-content-tools{align-items:start;gap:10px}.naber-my-content-workspace .naber-my-content-community-filter{width:100%;padding:10px 0 0;border-left:0;border-top:1px solid var(--nmc-border)}.naber-my-content-workspace .naber-content-manage-card{grid-template-columns:75px minmax(0,1fr);gap:12px;padding:12px!important}.naber-my-content-workspace .naber-content-thumb{width:75px;height:72px}.naber-my-content-workspace .naber-content-card-side{grid-column:2;flex-direction:row;gap:10px;align-items:center;align-self:auto}.naber-my-content-workspace .naber-content-list-heading p{display:none}.naber-my-content-workspace .naber-content-series-card{grid-template-columns:1fr}.naber-my-content-workspace .naber-content-series-card .naber-content-card-side{grid-column:1}}

/* Filled bookmarks and hearts: presentation-only; keep accessible labels on the links. */
.naber-my-content-workspace .naber-content-type-tabs a[href*="neighbor_profile_tab=saved"]:not(.naber-content-icon-tab),
.naber-my-content-workspace .naber-content-type-tabs a[href*="neighbor_profile_tab=hearted"]:not(.naber-content-icon-tab){font-size:0!important;min-width:39px;min-height:38px;display:inline-flex;align-items:center;justify-content:center;padding:7px 10px}
.naber-my-content-workspace .naber-content-type-tabs a[href*="neighbor_profile_tab=saved"]:not(.naber-content-icon-tab)>* ,
.naber-my-content-workspace .naber-content-type-tabs a[href*="neighbor_profile_tab=hearted"]:not(.naber-content-icon-tab)>*{display:none!important}
.naber-my-content-workspace .naber-content-type-tabs a[href*="neighbor_profile_tab=saved"]:not(.naber-content-icon-tab)::before{content:"";width:18px;height:20px;background:currentColor;clip-path:polygon(0 0,100% 0,100% 100%,50% 76%,0 100%)}
.naber-my-content-workspace .naber-content-type-tabs a[href*="neighbor_profile_tab=hearted"]:not(.naber-content-icon-tab)::before{content:"♥";font-size:22px;line-height:1;font-weight:700}
.naber-my-content-workspace .naber-content-type-tabs .naber-content-icon-tab{display:inline-flex;align-items:center;justify-content:center;min-width:39px;min-height:38px;padding:7px 10px}
.naber-my-content-workspace .naber-content-type-tabs .naber-content-icon-tab svg{width:19px;height:19px;fill:currentColor;display:block}
.naber-my-content-workspace .naber-content-type-tabs .naber-content-icon-tab[aria-label="Hearted"] svg{width:28px!important;height:28px!important;min-width:28px;min-height:28px;flex:none}
.naber-my-content-workspace .naber-content-type-tabs .naber-content-icon-tab.is-active{border-bottom:2px solid #252932;color:#252932}
/* Naber My Content: compact account-workspace tabs (workflow validation + approved UI refinement). */
.naber-my-content .naber-my-subnav a{padding:7px 12px;font-size:12px;min-height:32px}
/* Article editor: management actions in sidebar sections. */
.naber-art-editor .naber-art-sidebar-action{margin-top:14px;padding-top:12px;border-top:1px solid #eae5dd}
.naber-art-editor .naber-art-sidebar-action>.naber-art-btn{display:inline-flex;align-items:center;justify-content:center;max-width:100%;min-height:36px;text-decoration:none;cursor:pointer}
.naber-art-editor .naber-art-sidebar-action>.naber-art-btn:focus-visible{outline:2px solid #496e87;outline-offset:3px}
/* Approved Naber refinement: consistent publishing and compact workspace actions. */
.naber-series .naber-series-create>summary.neighbor-button{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:40px!important;padding:0 17px!important;border:1px solid #d9e3e8!important;border-radius:999px!important;background:#eaf0f3!important;color:#4c687a!important;box-shadow:0 2px 5px rgba(39,59,72,.04)!important;font-weight:600!important;gap:8px!important}
.naber-series .naber-series-create>summary.neighbor-button .naber-series-new-label{color:inherit!important;-webkit-text-fill-color:currentColor!important;font-weight:600!important}
.naber-series .naber-series-create>summary.neighbor-button:hover{background:#dfe9ee!important;border-color:#cbdbe3!important;color:#3f5d70!important}
.naber-series .naber-series-create>summary.neighbor-button:focus-visible{outline:3px solid rgba(78,107,138,.2)!important;outline-offset:2px!important}
.naber-my-content-workspace .naber-content-action{min-height:30px!important;padding:4px 10px!important;border-radius:16px!important;font-size:11px!important;line-height:1.2!important}
.naber-my-content-workspace .naber-content-card-actions{gap:6px!important}
.naber-my-content-workspace .naber-content-series-card{grid-template-columns:116px minmax(0,1fr) auto}
.naber-my-content-workspace .naber-content-series-card .naber-content-thumb{display:block}
@media(max-width:760px){.naber-my-content-workspace .naber-content-series-card{grid-template-columns:75px minmax(0,1fr)}.naber-my-content-workspace .naber-content-series-card .naber-content-card-side{grid-column:2}}
body:has(.naber-my-content-workspace) .naber-my-subnav[aria-label="Posts views"]{display:none!important}




/* Naber My Workspace: shared visual hierarchy across Content, Comments, Communities. */
.naber-my-main>.naber-my-heading{margin-bottom:28px}
.naber-my-main>.naber-my-heading h1{font-size:34px;line-height:1.18;letter-spacing:-.025em;font-weight:750}
.naber-my-main>.naber-my-heading p{font-size:16px;line-height:1.5;margin-top:8px}
.naber-my-main .naber-my-subnav[aria-label="Comments views"],
.naber-my-content-workspace .naber-content-type-tabs{display:flex;align-items:center;gap:28px;flex-wrap:wrap;border-bottom:1px solid #e5e2dd;margin-bottom:20px;padding:0 2px}
.naber-my-main .naber-my-subnav[aria-label="Comments views"] a,
.naber-my-content-workspace .naber-content-type-tabs a{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0!important;border-bottom:2px solid transparent!important;border-radius:0!important;background:transparent!important;color:#65707b!important;padding:11px 5px 14px!important;font-size:16px!important;font-weight:650!important;min-height:46px!important;box-shadow:none!important}
.naber-my-main .naber-my-subnav[aria-label="Comments views"] a.is-active,
.naber-my-content-workspace .naber-content-type-tabs a.is-active{border-bottom-color:#252932!important;color:#252932!important;background:transparent!important}
.naber-my-main .naber-my-subnav[aria-label="Comments views"] svg{width:24px;height:24px;vertical-align:middle!important}
.naber-my-content-workspace .naber-content-type-tabs .naber-content-icon-tab{min-width:44px}
.naber-my-content-workspace .naber-content-type-tabs .naber-content-icon-tab[aria-label="Saved"] svg{width:24px;height:24px}
.naber-my-content-workspace .naber-content-type-tabs .naber-content-icon-tab[aria-label="Hearted"] svg{width:28px!important;height:28px!important}
.naber-my-main .neighbor-community-filters{gap:10px;margin:12px 0 20px}
.naber-my-main .neighbor-community-filters .neighbor-filter-chip{font-size:15px;padding:10px 17px}
@media(max-width:760px){.naber-my-main .naber-my-subnav[aria-label="Comments views"],.naber-my-content-workspace .naber-content-type-tabs{gap:12px}.naber-my-main .naber-my-subnav[aria-label="Comments views"] a,.naber-my-content-workspace .naber-content-type-tabs a{font-size:14px!important}.naber-my-main>.naber-my-heading h1{font-size:30px}}


/* Naber Communities workspace: consistent header, search and underline tabs. */
.naber-my-main .naber-comm-search{display:flex;align-items:center;gap:10px;margin:0 0 20px;max-width:none}
.naber-my-main .naber-comm-search input[type="search"]{flex:1;min-width:0;min-height:46px;border:1px solid #e3dfd9;border-radius:12px;background:#fff;padding:11px 15px 11px 40px;font-size:15px}
.naber-my-main .naber-comm-search .neighbor-button{min-height:46px;border-radius:12px;padding:10px 18px;font-size:14px}
.naber-my-main .neighbor-community-filters{display:flex;align-items:center;gap:28px;flex-wrap:wrap;border-bottom:1px solid #e5e2dd;margin:0 0 22px;padding:0 2px}
.naber-my-main .neighbor-community-filters .neighbor-filter-chip{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 5px 14px!important;margin:0;border:0!important;border-bottom:2px solid transparent!important;border-radius:0!important;background:transparent!important;color:#65707b!important;box-shadow:none!important;text-decoration:none!important;font-size:16px!important;font-weight:650!important}
.naber-my-main .neighbor-community-filters .neighbor-filter-chip.is-active{border-bottom-color:#252932!important;background:transparent!important;color:#252932!important}
@media(max-width:760px){.naber-my-main .neighbor-community-filters{gap:14px}.naber-my-main .neighbor-community-filters .neighbor-filter-chip{font-size:14px!important}.naber-my-main .naber-comm-search{flex-wrap:wrap}}


/* Naber mockup icons: consistent rail and content tabs */
.naber-my-rail-card>nav>a{justify-content:flex-start;gap:14px}
.naber-my-rail-card>nav>a svg{width:24px;height:24px;min-width:24px;flex:none;display:block}
.naber-my-rail-card>nav>a span{min-width:0}
.naber-my-content-workspace .naber-content-type-tabs a:not(.naber-content-icon-tab){gap:10px}
.naber-my-content-workspace .naber-content-type-tabs a:not(.naber-content-icon-tab) svg{width:24px;height:24px;min-width:24px;display:block;flex:none}
.naber-my-content-workspace .naber-content-type-tabs .naber-content-icon-tab[aria-label="Saved"] svg{width:24px;height:24px}
.naber-my-content-workspace .naber-content-type-tabs .naber-content-icon-tab[aria-label="Hearted"] svg{width:28px!important;height:28px!important}
@media(max-width:640px){.naber-my-rail-card>nav>a{gap:10px}.naber-my-content-workspace .naber-content-type-tabs a:not(.naber-content-icon-tab){gap:7px}}


/* Naber comment history: match compact My Content cards in both comment views. */
.naber-my-comments .naber-comment-history{gap:10px}
.naber-my-comments .naber-comment-history-item{display:grid;grid-template-columns:116px minmax(0,1fr) auto;align-items:center;gap:17px;min-height:122px;padding:15px 17px;border:1px solid #e7e4df;border-radius:13px;background:#fff;box-shadow:0 2px 5px rgba(30,35,42,.035)}
.naber-my-comments .naber-ch-thumbnail{width:116px;height:90px;overflow:hidden;border-radius:9px;background:#f5f4f1}
.naber-my-comments .naber-ch-thumbnail img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;border-radius:9px!important;float:none!important;margin:0!important}
.naber-my-comments .naber-ch-body{min-width:0;display:grid;gap:5px}
.naber-my-comments .naber-ch-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0;color:#87919a;font-size:11px}
.naber-my-comments .naber-ch-community{font-size:10px;font-weight:750;letter-spacing:.035em;text-transform:uppercase;color:#8b929b}
.naber-my-comments .naber-ch-post{font-size:15px;font-weight:730;line-height:1.32;color:#232b36}
.naber-my-comments .naber-ch-text{font-size:12px;line-height:1.5;color:#697581}
.naber-my-comments .naber-ch-author,.naber-my-comments .naber-ch-kind{font-size:11px;color:#87919a}
.naber-my-comments .naber-ch-actions{align-self:end;justify-self:end;display:flex;align-items:center}
.naber-my-comments .naber-ch-view{min-height:30px!important;padding:6px 13px!important;border-radius:26px!important;font-size:12px!important;white-space:nowrap}
@media(max-width:760px){.naber-my-comments .naber-comment-history-item{grid-template-columns:75px minmax(0,1fr);gap:12px;padding:13px}.naber-my-comments .naber-ch-thumbnail{width:75px;height:75px}.naber-my-comments .naber-ch-actions{grid-column:2;justify-self:start}.naber-my-comments .naber-ch-meta{flex-wrap:wrap}}


/* Profile/Comments previews: shared image and missing-link fallback */
.naber-content-thumb img,.naber-ch-thumbnail img{width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;display:block!important;float:none!important;margin:0!important;border-radius:inherit!important}
.naber-content-thumb .naber-link-thumb-fallback,.naber-ch-thumbnail .naber-link-thumb-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f2f1ee;color:#6c7580;border-radius:inherit}
.naber-content-thumb .naber-link-thumb-fallback svg,.naber-ch-thumbnail .naber-link-thumb-fallback svg{width:31px;height:31px}


/* Unified Naber master header: reuse Discover's serif wordmark/navigation
   on all app-owned pages instead of a second utility-page design. */
.naber-app .naber-app-header{background:#fff!important;border:0!important;border-bottom:1px solid #e7e2d9!important;border-radius:0!important;box-shadow:none!important;min-height:66px!important;padding:10px clamp(20px,3vw,48px)!important}
.naber-app .naber-app-header .naber-brand-mark{display:none!important}
.naber-app .naber-app-header .naber-brand-name{font-family:Georgia,'Times New Roman',serif!important;font-size:35px!important;font-weight:600!important;letter-spacing:-.06em!important;color:#14232d!important}
.naber-app .naber-app-header .naber-app-nav a{font-family:Georgia,'Times New Roman',serif!important;font-weight:400!important;font-size:15px!important;color:#14232d!important}
.naber-app .naber-app-header .naber-app-nav a:hover{text-decoration:underline}
.naber-app .naber-app-header .naber-app-header-right{gap:24px}
.naber-ch-actions{gap:8px}
.naber-ch-action-form{margin:0;display:inline-flex;align-items:center}
.naber-ch-trash{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:#7c8590;border:1px solid #e5e2dd;border-radius:50%;background:#fff;padding:6px}
.naber-ch-trash svg{width:18px;height:18px}
.naber-ch-trash:hover,.naber-ch-trash:focus-visible{color:#ad3f3f;border-color:#ad3f3f}
@media(max-width:740px){.naber-app .naber-app-header{padding:10px 14px!important}.naber-app .naber-app-header .naber-brand-name{font-size:29px!important}}


/* My Content: compact centered pagination below cards */
.naber-my-content-workspace .naber-content-pagination{display:flex!important;justify-content:center!important;align-items:center!important;gap:10px!important;flex-wrap:wrap;margin:24px auto 6px!important;padding:0!important;border:0!important;width:100%;font-size:13px;color:#626c76}
.naber-my-content-workspace .naber-content-pagination a{display:inline-flex!important;align-items:center;justify-content:center;min-height:36px;padding:7px 17px!important;border:1px solid #dedbd5!important;border-radius:999px!important;background:#fff!important;color:#222d39!important;text-decoration:none!important;font-size:13px!important;font-weight:600!important;box-shadow:none!important}
.naber-my-content-workspace .naber-content-pagination a:hover,.naber-my-content-workspace .naber-content-pagination a:focus-visible{background:#f2f1ee!important;border-color:#aab0b6!important}
.naber-my-content-workspace .naber-content-pagination span{min-width:86px;text-align:center;font-weight:600;white-space:nowrap}
/* Full-bleed master header: keep the inner page content constrained only. */
body.naber-app{margin:0!important}
body.naber-app #naber-app-root{margin:0!important;padding:0!important}
body.naber-app .neighbor-wrap>.naber-app-header{position:relative!important;width:100vw!important;max-width:none!important;left:auto!important;right:auto!important;transform:none!important;margin:0 0 18px calc(50% - 50vw)!important;padding:10px clamp(20px,3vw,48px)!important;border-radius:0!important;border-top:0!important;border-left:0!important;border-right:0!important;box-sizing:border-box!important;background:#fff!important}
@media(max-width:740px){body.naber-app .neighbor-wrap>.naber-app-header{padding:10px 14px!important}}


/* App pages: remove content-wrapper spacing above the shared header.
   My Account places the header at the canvas root so its sticky boundary is
   the document, not the constrained, vertically margined content wrapper. */
body.naber-app #naber-app-root>.neighbor-wrap:has(>.naber-app-header){margin-top:0!important;padding-top:0!important;overflow:visible!important}
body.naber-app .neighbor-wrap>.naber-app-header{position:sticky!important;top:0!important;z-index:1100!important;margin-top:0!important;align-self:stretch}
body.naber-app #naber-app-root>.naber-app-header{position:sticky;top:0;z-index:1100;width:100%;margin:0;box-sizing:border-box}
body.naber-app #naber-app-root{padding-top:0!important;margin-top:0!important}
html:has(body.naber-app){scroll-padding-top:76px}


/* Notification history: align with My Content/Comments compact cards. */
body.naber-app .neighbor-notification-list{gap:10px!important}
body.naber-app .neighbor-notification-list .neighbor-notification{display:grid!important;grid-template-columns:18px 76px minmax(0,1fr);align-items:center!important;column-gap:14px!important;min-height:104px;padding:13px 16px!important;border:1px solid #e7e4df!important;border-radius:13px!important;background:#fff!important;box-shadow:0 2px 5px rgba(30,35,42,.035)!important}
body.naber-app .neighbor-notification-list .neighbor-notification.is-unread{border-left:3px solid #4e6b8a!important;background:#f7f9fc!important}
body.naber-app .neighbor-notification-list .neighbor-notification-checkbox{margin:0!important;align-self:start;margin-top:11px!important}
body.naber-app .neighbor-notification-list .neighbor-notification-icon{display:grid!important;place-items:center;width:76px;height:70px;margin:0!important;border-radius:9px;overflow:hidden;background:#f2f1ee;color:#657381;font:700 19px/1 system-ui,sans-serif}
body.naber-app .neighbor-notification-list .neighbor-notification-icon img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;border-radius:0!important}
body.naber-app .neighbor-notification-list .neighbor-notification-body{min-width:0;gap:7px!important}
body.naber-app .neighbor-notification-list .neighbor-notification-body>a,
body.naber-app .neighbor-notification-list .neighbor-notification-body>span:first-child{font-size:15px!important;line-height:1.35;font-weight:700!important;color:#232b36!important}
body.naber-app .neighbor-notification-list .neighbor-notification-time{font-size:11px!important;color:#87919a!important}
body.naber-app .neighbor-notification-list .neighbor-notification-actions{display:flex;gap:12px;margin-top:3px}
body.naber-app .neighbor-notification-list .neighbor-notification-actions button{font-size:11px!important;font-weight:650!important}
@media(max-width:640px){body.naber-app .neighbor-notification-list .neighbor-notification{grid-template-columns:16px 58px minmax(0,1fr);gap:9px!important;padding:11px!important}body.naber-app .neighbor-notification-list .neighbor-notification-icon{width:58px;height:58px}body.naber-app .neighbor-notification-list .neighbor-notification-body>a,body.naber-app .neighbor-notification-list .neighbor-notification-body>span:first-child{font-size:13px!important}}

/* Approved Notifications workspace: readable, aligned cards and functional filter bar. */
body.naber-app .naber-notifications-workspace{max-width:1100px}
body.naber-app .naber-notifications-workspace .neighbor-notification-heading{margin:26px 0 16px}
body.naber-app .naber-notifications-workspace .neighbor-notification-heading h2{font-size:32px;line-height:1.2}
body.naber-app .naber-notifications-workspace .neighbor-notification-bulk-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:13px 18px;margin:0 0 12px;border:1px solid #e7e4df;border-radius:12px;background:#fff}
body.naber-app .naber-notifications-workspace .neighbor-notification-bulk-tools label{display:inline-flex;align-items:center;gap:9px;font-size:15px;font-weight:600}
body.naber-app .naber-notifications-workspace .neighbor-notification-bulk-tools .neighbor-mark-all-read{margin-left:auto}
body.naber-app .naber-notifications-workspace .neighbor-action-btn{font-size:14px;min-height:38px;border:1px solid #dedbd6;border-radius:9px;background:#fff;color:#303b46}
body.naber-app .naber-notification-filters{padding:15px 18px;margin-bottom:13px;border:1px solid #e7e4df;border-radius:12px;background:#fff}
body.naber-app .naber-notification-filter-label{display:block;margin-bottom:12px;font-size:14px;font-weight:700;color:#243c52}
body.naber-app .naber-notification-filter-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
body.naber-app .naber-notification-status{display:flex;align-items:stretch;border:1px solid #dedbd6;border-radius:9px;overflow:hidden}
body.naber-app .naber-notification-status button{padding:11px 16px;border:0;border-right:1px solid #dedbd6;background:#fff;color:#58636f;font-size:14px;font-weight:600;cursor:pointer}
body.naber-app .naber-notification-status button:last-child{border-right:0}
body.naber-app .naber-notification-status button.is-active{background:#274b69;color:#fff}
body.naber-app .naber-notification-filter-controls select{flex:1 1 185px;min-width:0;max-width:300px;min-height:43px;padding:9px 13px;border:1px solid #dedbd6;border-radius:9px;background:#fff;color:#303b46;font-size:14px}
body.naber-app .naber-notifications-workspace .neighbor-notification-list{gap:11px!important}
body.naber-app .naber-notifications-workspace .neighbor-notification-list .neighbor-notification{display:grid!important;grid-template-columns:22px 94px minmax(0,1fr) auto;align-items:center!important;gap:17px!important;min-height:126px;padding:16px 20px!important;border:1px solid #e7e4df!important;border-radius:13px!important;background:#fff!important}
body.naber-app .naber-notifications-workspace .neighbor-notification-list .neighbor-notification.is-unread{background:#f1f6fb!important;border-color:#dce7f0!important;border-left:3px solid #4e6b8a!important}
body.naber-app .naber-notifications-workspace .neighbor-notification-list .neighbor-notification[hidden]{display:none!important}
body.naber-app .naber-notifications-workspace .neighbor-notification-list .neighbor-notification-checkbox{align-self:center!important;margin:0!important}
body.naber-app .naber-notifications-workspace .neighbor-notification-list .neighbor-notification-icon{width:94px;height:88px;margin:0!important;border-radius:10px;background:#eef0f2;font-size:23px}
body.naber-app .naber-notifications-workspace .neighbor-notification-list .neighbor-notification-icon img{width:100%!important;height:100%!important;object-fit:cover!important}
body.naber-app .naber-notifications-workspace .neighbor-notification-list .neighbor-notification-body{gap:9px!important}
body.naber-app .naber-notifications-workspace .neighbor-notification-list .neighbor-notification-body>a,body.naber-app .naber-notifications-workspace .neighbor-notification-list .neighbor-notification-body>span:first-child{font-size:17px!important;font-weight:700!important;line-height:1.4!important}
body.naber-app .naber-notifications-workspace .neighbor-notification-list .neighbor-notification-time{font-size:13px!important;color:#75808c!important}
body.naber-app .naber-notifications-workspace .neighbor-notification-list .neighbor-notification-actions{align-self:center;display:flex;align-items:center;gap:13px;margin:0;white-space:nowrap}
body.naber-app .naber-notifications-workspace .neighbor-notification-list .neighbor-notification-actions button{font-size:14px!important;font-weight:600!important;cursor:pointer}
body.naber-app .naber-notification-empty-filter{padding:25px;text-align:center;font-size:15px;color:#6d7782}
@media(max-width:760px){body.naber-app .naber-notifications-workspace .neighbor-notification-list .neighbor-notification{grid-template-columns:20px 68px minmax(0,1fr);gap:11px!important;padding:13px!important}body.naber-app .naber-notifications-workspace .neighbor-notification-list .neighbor-notification-icon{width:68px;height:68px}body.naber-app .naber-notifications-workspace .neighbor-notification-list .neighbor-notification-actions{grid-column:3;justify-self:start;flex-wrap:wrap}body.naber-app .naber-notifications-workspace .neighbor-notification-list .neighbor-notification-body>a,body.naber-app .naber-notifications-workspace .neighbor-notification-list .neighbor-notification-body>span:first-child{font-size:16px!important}body.naber-app .naber-notifications-workspace .neighbor-notification-bulk-tools .neighbor-mark-all-read{margin-left:0}body.naber-app .naber-notification-filter-controls select{max-width:none}}

/* Naber interaction standard: neutral hover for utility actions, never theme orange.
   Keep destructive, selected, and primary CTA states governed by their own styles. */
body.naber-app .neighbor-notification-single-action,
body.naber-app .neighbor-notification-single-action:hover,
body.naber-app .neighbor-notification-single-action:focus-visible,
body.naber-app .naber-notifications-workspace .neighbor-notification-list .neighbor-notification-actions button:hover,
body.naber-app .naber-notifications-workspace .neighbor-notification-list .neighbor-notification-actions button:focus-visible{
  background:transparent!important;background-color:transparent!important;
  color:#354b5c!important;border-color:transparent!important;box-shadow:none!important;
}
body.naber-app .neighbor-notification-single-action:hover,
body.naber-app .neighbor-notification-single-action:focus-visible{text-decoration:underline!important;text-underline-offset:3px}
body.naber-app .neighbor-action-btn:not(.neighbor-button-danger):hover,
body.naber-app .neighbor-action-btn:not(.neighbor-button-danger):focus-visible,
body.naber-app .naber-notifications-workspace .neighbor-action-btn:hover,
body.naber-app .naber-notifications-workspace .neighbor-action-btn:focus-visible{
  background:#f1f0ed!important;background-color:#f1f0ed!important;
  color:#25313b!important;border-color:#cfd3d5!important;box-shadow:none!important;
}
body.naber-app .neighbor-action-btn:focus-visible,
body.naber-app .neighbor-notification-single-action:focus-visible{outline:2px solid #647d90!important;outline-offset:2px}

/* Community header V1: cover flush with app header and a single navigation band. */
body.naber-app .naber-community-view{padding-top:0!important;margin-top:0!important}
body.naber-app .naber-community-view>.neighbor-app-nav,
body.naber-app .naber-community-view>.naber-app-nav{margin-bottom:0!important}
body.naber-app .naber-community-view>.naber-hero{margin-top:0!important}
body.naber-app .naber-community-view>.naber-tabs-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;flex-wrap:nowrap!important;margin-top:0!important;padding:0 18px!important;border-bottom:1px solid #e7e4df}
body.naber-app .naber-community-view>.naber-tabs-row>.naber-tabs{flex:1 1 auto!important;min-width:0!important;border-bottom:0!important}
body.naber-app .naber-community-view>.naber-tabs-row>.naber-utility-bar.is-inflow{flex:0 1 auto!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;gap:12px!important}
body.naber-app .naber-community-view>.naber-tabs-row .naber-ub-stat{white-space:nowrap}
@media(max-width:700px){
 body.naber-app .naber-community-view>.naber-tabs-row{gap:7px!important;padding:0 10px!important}
 body.naber-app .naber-community-view>.naber-tabs-row>.naber-tabs{overflow-x:auto;scrollbar-width:none}
 body.naber-app .naber-community-view>.naber-tabs-row>.naber-tabs::-webkit-scrollbar{display:none}
 body.naber-app .naber-community-view>.naber-tabs-row>.naber-utility-bar.is-inflow{gap:6px!important}
 body.naber-app .naber-community-view>.naber-tabs-row .naber-ub-stat{display:none!important}
}

/* Community pages: remove the shared header's 18px bottom margin.
   Keep the margin on other pages (My Account, etc.) unchanged. */
body.naber-app .naber-community-view.neighbor-wrap > .naber-app-header{
  margin-bottom:0!important;
}

/* Page-type Community header controls; only reveal overrides for Custom mode. */
body.naber-app .naber-page-hero-config{margin:0 0 20px;padding:20px;border:1px solid #e7e4df;border-radius:13px;background:#fff}
body.naber-app .naber-page-hero-config>legend{font-size:19px;font-weight:700;color:#263542}
body.naber-app .naber-page-hero-config .naber-page-hero-custom{display:none}
body.naber-app .naber-page-hero-config:has(select[name="naber_page_hero_mode"] option[value="custom"]:checked) .naber-page-hero-custom{display:block}
body.naber-app .naber-page-hero-position{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:12px 0}
body.naber-app .naber-page-hero-position input[type="range"]{width:100%}
@media(max-width:640px){body.naber-app .naber-page-hero-position{grid-template-columns:1fr}body.naber-app .naber-page-hero-config{padding:14px}}

/* Community Settings: three primary groups with contextual secondary navigation. */
body.naber-app .naber-settings-group-nav{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin:12px 0 5px;padding:5px;border:1px solid #e8e6e0;border-radius:12px;background:#f7f6f3}
body.naber-app .naber-settings-group-link{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 18px;border-radius:9px;color:#42505a;text-decoration:none;font-size:15px;font-weight:650;white-space:nowrap;transition:background .12s ease}
body.naber-app .naber-settings-group-link:hover,body.naber-app .naber-settings-group-link:focus-visible{background:#e9e8e3!important;color:#23323d!important}
body.naber-app .naber-settings-group-link.is-active{background:#fff!important;color:#1f303b!important;box-shadow:0 1px 4px rgba(25,35,44,.09)}
body.naber-app .naber-settings-nav{display:flex!important;flex-wrap:wrap!important;overflow:visible!important;max-width:100%;gap:3px 10px;margin:0 0 18px;padding:4px 0;border-bottom:1px solid #e7e4df}
body.naber-app .naber-settings-nav .naber-settings-tab[hidden]{display:none!important}
body.naber-app .naber-settings-nav .naber-settings-tab{white-space:nowrap;min-height:39px;padding:9px 12px;font-size:14px}
@media(max-width:680px){
 body.naber-app .naber-settings-group-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;padding:4px}
 body.naber-app .naber-settings-group-link{padding:9px 5px;min-height:43px;font-size:12px;white-space:normal;text-align:center;line-height:1.3}
 body.naber-app .naber-settings-nav{gap:2px 5px;padding-bottom:8px}
 body.naber-app .naber-settings-nav .naber-settings-tab{font-size:13px;padding:9px 8px}
}

/* Home settings uses the same Community Settings shell as Feed/Series/Articles.
   The Home Builder remains an editor within that panel, not a separate page shell. */
body.naber-app .naber-settings:has(#naber-set-home:not([hidden])) .neighbor-settings-card{
 max-width:100%!important;margin:0 auto!important;padding:clamp(15px,2.5vw,30px)!important;
 border:1px solid #e9e4dc!important;border-radius:16px!important;background:#fff!important;
 box-shadow:none!important;box-sizing:border-box!important;
}
body.naber-app .naber-settings:has(#naber-set-home:not([hidden])) .neighbor-settings-card>h3{
 display:block!important;
}
body.naber-app .naber-settings:has(#naber-set-home:not([hidden])) .naber-settings-nav{
 display:flex!important;
}
body.naber-app .naber-settings:has(#naber-set-home:not([hidden])) #naber-set-home{
 padding:0!important;min-width:0;max-width:100%;gap:15px;
}
@media(max-width:680px){
 body.naber-app .naber-settings:has(#naber-set-home:not([hidden])) .neighbor-settings-card{padding:14px!important}
}

/* Compact Community Settings shell; Moderation is a Management destination. */
body.naber-app .naber-settings .neighbor-settings-card{padding:clamp(14px,2vw,24px)!important}
body.naber-app .naber-settings .neighbor-settings-card>h3{font-size:21px!important;line-height:1.3!important;margin:0 0 12px!important}
body.naber-app .naber-settings .naber-settings-group-nav{margin-top:4px!important}
body.naber-app .naber-settings-nav .naber-settings-moderation-link{
 display:inline-flex;align-items:center;min-height:39px;padding:9px 12px;
 color:#42505a;font-size:14px;font-weight:600;text-decoration:none;border-bottom:2px solid transparent;
}
body.naber-app .naber-settings-nav .naber-settings-moderation-link[hidden]{display:none!important}
body.naber-app .naber-settings-nav .naber-settings-moderation-link:hover,
body.naber-app .naber-settings-nav .naber-settings-moderation-link:focus-visible{background:#f0efec!important;color:#20313e!important}

/* Settings consistency: identical frame/padding across all grouped panels. */
body.naber-app .naber-settings .neighbor-settings-card,
body.naber-app .naber-settings:has(#naber-set-home:not([hidden])) .neighbor-settings-card{
 box-sizing:border-box!important;width:100%!important;max-width:100%!important;
 margin:0 auto!important;padding:clamp(14px,2vw,24px)!important;
 background:#fff!important;border:1px solid #e9e4dc!important;border-radius:16px!important;
}
body.naber-app .naber-settings .neighbor-settings-card>h3,
body.naber-app .naber-settings:has(#naber-set-home:not([hidden])) .neighbor-settings-card>h3{
 display:block!important;font-size:21px!important;margin:0 0 12px!important;
}
body.naber-app .naber-settings .naber-settings-panel:not([hidden]),
body.naber-app .naber-settings:has(#naber-set-home:not([hidden])) .naber-settings-panel:not([hidden]){
 padding:0!important;margin:0!important;width:100%!important;min-width:0!important;
}
body.naber-app .naber-settings .neighbor-fieldset,
body.naber-app .naber-settings .naber-page-hero-config{
 box-sizing:border-box!important;max-width:100%;outline:none!important;
}
/* A focused container must not receive the theme's orange ring.
   Leave focused form controls with accessible, neutral blue-gray focus styling. */
body.naber-app .naber-settings .neighbor-fieldset:focus,
body.naber-app .naber-settings .neighbor-fieldset:focus-within,
body.naber-app .naber-settings .naber-page-hero-config:focus,
body.naber-app .naber-settings .naber-page-hero-config:focus-within,
body.naber-app .naber-settings .naber-settings-panel:focus,
body.naber-app .naber-settings .naber-settings-panel:focus-within,
body.naber-app .naber-settings .neighbor-settings-card:focus-within{
 outline:none!important;outline-color:transparent!important;box-shadow:none!important;
 border-color:#e7e4df!important;
}
body.naber-app .naber-settings :is(input,textarea,select,button,a):focus-visible{
 outline:2px solid #647d90!important;outline-offset:2px!important;
 box-shadow:none!important;
}

/* Community page navigation: consistent icon/label spacing on desktop and mobile. */
body.naber-app .naber-community-view .naber-tabs .neighbor-tab{
 display:inline-flex!important;align-items:center;justify-content:center;gap:7px!important;
}
body.naber-app .naber-community-view .naber-tabs .naber-nav-page-icon{
 display:block;flex:none;width:17px;height:17px;margin:0!important;
}
body.naber-app .naber-community-view .naber-tabs .naber-nav-page-label{
 display:inline-block;white-space:nowrap;
}

/* Simple conditional navigation controls in Pages & Content. */
body.naber-app .naber-page-navigation-label :is(.naber-nav-icon-choice,.naber-nav-label-choice)[hidden]{display:none!important}
body.naber-app .naber-page-navigation-label :is(.naber-nav-icon-choice,.naber-nav-label-choice){margin:0;padding:0}

/* Page Navigation Yes/No radios: match the compact example, not dropdowns. */
body.naber-app .naber-page-navigation-label .naber-nav-radio-field{display:grid;gap:10px;margin:12px 0 16px}
body.naber-app .naber-page-navigation-label .naber-nav-radio-title{font-size:13px;font-weight:650;color:#283541}
body.naber-app .naber-page-navigation-label .naber-nav-radio-options{display:flex;align-items:center;flex-wrap:wrap;gap:22px}
body.naber-app .naber-page-navigation-label .naber-nav-radio-options label{display:inline-flex;align-items:center;gap:7px;margin:0;width:auto;cursor:pointer;font-weight:500}
body.naber-app .naber-page-navigation-label .naber-nav-radio-options input[type=radio]{width:17px;height:17px;margin:0;accent-color:#344b59}
body.naber-app .naber-page-navigation-label .naber-nav-radio-options input[type=radio]:focus-visible{outline:2px solid #647d90!important;outline-offset:3px!important}

/* Compact searchable grid picker for page navigation icons. */
body.naber-app .naber-page-navigation-label select.naber-nav-icon-native[data-icon-picker-ready="1"]{display:none!important}
body.naber-app .naber-page-navigation-label .naber-icon-picker{position:relative;max-width:340px;margin-top:6px}
body.naber-app .naber-icon-picker-trigger{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:9px 11px;background:#fff;border:1px solid #d7d7d2;border-radius:9px;color:#25323c;cursor:pointer;text-align:left}
body.naber-app .naber-icon-picker-trigger span:nth-child(2){flex:1;font-size:13px}
body.naber-app .naber-picker-chevron{font-size:17px}
body.naber-app .naber-icon-picker-panel{position:absolute;top:calc(100% + 5px);left:0;z-index:100;width:min(310px,calc(100vw - 48px));max-height:340px;overflow:auto;padding:10px;background:#fff;border:1px solid #dddeda;border-radius:10px;box-shadow:0 9px 25px rgba(24,35,42,.16)}
body.naber-app .naber-icon-picker-panel[hidden]{display:none!important}
body.naber-app .naber-icon-picker-search{width:100%!important;margin:0 0 10px!important;padding:9px!important;border:1px solid #d3d9dd!important;border-radius:7px!important;font-size:13px}
body.naber-app .naber-icon-picker-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}
body.naber-app .naber-icon-picker-item{display:grid;place-items:center;aspect-ratio:1;min-width:0;background:#fff;border:1px solid #e0e3e5;border-radius:7px;color:#3b4854;cursor:pointer}
body.naber-app .naber-icon-picker-item:hover,body.naber-app .naber-icon-picker-item:focus-visible{background:#edf1f3!important;border-color:#8b9aa5!important;color:#243d4d!important}
body.naber-app .naber-icon-picker-item.is-selected{background:#e8eff2!important;border-color:#536e80!important}
body.naber-app .naber-icon-picker-item[hidden]{display:none!important}

/* Page navigation: paired choices and equally sized fields. */
body.naber-app .naber-page-navigation-label{
 display:grid!important;
 grid-template-columns:repeat(2,minmax(0,340px));
 grid-template-areas:"icon-toggle label-toggle" "icon-picker label-input";
 column-gap:22px;row-gap:10px;align-content:start;align-items:start;
}
body.naber-app .naber-page-navigation-label>.naber-nav-radio-field:nth-of-type(1){grid-area:icon-toggle}
body.naber-app .naber-page-navigation-label>.naber-nav-radio-field:nth-of-type(2){grid-area:label-toggle}
body.naber-app .naber-page-navigation-label>.naber-nav-icon-choice{grid-area:icon-picker;min-width:0;width:100%}
body.naber-app .naber-page-navigation-label>.naber-nav-label-choice{grid-area:label-input;min-width:0;width:100%}
body.naber-app .naber-page-navigation-label .naber-nav-radio-field{margin:2px 0 0}
body.naber-app .naber-page-navigation-label .naber-icon-picker{max-width:none;width:100%}
body.naber-app .naber-page-navigation-label .naber-nav-label-choice input[type=text]{width:100%!important;max-width:none!important;box-sizing:border-box}
body.naber-app .naber-page-navigation-label>:is(.naber-nav-icon-choice,.naber-nav-label-choice)[hidden]{display:none!important}
@media(max-width:700px){
 body.naber-app .naber-page-navigation-label{
  grid-template-columns:minmax(0,1fr);
  grid-template-areas:"icon-toggle" "icon-picker" "label-toggle" "label-input";
  row-gap:12px;
 }
}

/* Compact Page Navigation card — no oversized blank footer. */
body.naber-app .naber-settings fieldset.naber-page-navigation-label{
 padding:12px 18px 14px!important;margin-bottom:12px!important;
 min-height:0!important;height:auto!important;
 row-gap:5px!important;align-content:start!important;
}
body.naber-app .naber-page-navigation-label>.naber-nav-radio-field{
 gap:6px!important;margin:0 0 4px!important;
}
body.naber-app .naber-page-navigation-label>.naber-nav-icon-choice,
body.naber-app .naber-page-navigation-label>.naber-nav-label-choice{
 margin:0!important;padding:0!important;align-self:start!important;
}
body.naber-app .naber-page-navigation-label .naber-icon-picker{margin-top:3px}
body.naber-app .naber-page-navigation-label .naber-nav-label-choice label{margin-bottom:0!important}

/* Community > Administration: calm, compact cards inside the standard Settings shell. */
body.naber-app .naber-settings .naber-settings-advanced:not([hidden]){
 display:grid;grid-template-columns:minmax(0,1fr);gap:14px;
 padding:18px 0 4px!important;margin:0!important;
}
body.naber-app .naber-settings .naber-settings-advanced>.neighbor-lifecycle-card{
 margin:0!important;padding:18px 20px!important;max-width:none!important;
 border:1px solid #e7e4de!important;border-radius:12px!important;background:#fff!important;
 box-shadow:none!important;
}
body.naber-app .naber-settings .naber-settings-advanced>.neighbor-lifecycle-card>h3{
 font-size:16px!important;margin:0 0 7px!important;
}
body.naber-app .naber-settings .naber-settings-advanced>.neighbor-lifecycle-card>.neighbor-muted{
 font-size:13px!important;line-height:1.55!important;margin:0 0 13px!important;
}
body.naber-app .naber-settings .naber-settings-advanced>.neighbor-danger-card{
 border-color:#e1d2d0!important;background:#fdfbfa!important;
}
@media(max-width:680px){
 body.naber-app .naber-settings .naber-settings-advanced>.neighbor-lifecycle-card{padding:15px!important}
}

/* Personal Media Library: reuse the article picker thumbnail-grid visual language. */
body.naber-app .naber-personal-media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:10px;margin:16px 0}
body.naber-app .naber-personal-media-tile{display:block;aspect-ratio:1;overflow:hidden;border:1px solid #e2e1db;border-radius:9px;background:#f8f8f6}
body.naber-app .naber-personal-media-tile img{display:block;width:100%;height:100%;object-fit:cover}
body.naber-app .naber-personal-media-tile:hover,body.naber-app .naber-personal-media-tile:focus-visible{border-color:#788e9d!important;outline:2px solid #788e9d!important;outline-offset:1px}
body.naber-app .naber-personal-media .naber-media-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:12px}
body.naber-app .naber-personal-media .naber-media-actions>label{display:inline-flex;align-items:center;cursor:pointer}
body.naber-app .naber-personal-media [data-media-status]{color:#566574;font-size:12px}

/* Creator Media Library — images and private audio in one workspace. */
body.naber-app .naber-personal-media [data-personal-media-images][hidden],
body.naber-app .naber-personal-media [data-personal-media-audio][hidden]{display:none!important}
body.naber-app .naber-media-tabs{display:flex;gap:8px;margin:14px 0 18px;border-bottom:1px solid #e5e3dd}
body.naber-app .naber-media-tabs button{padding:10px 16px;background:transparent;border:0;border-bottom:2px solid transparent;color:#52616a;font-weight:650;cursor:pointer}
body.naber-app .naber-media-tabs button.is-active{color:#203744;border-color:#203744}
body.naber-app .naber-media-tabs button:hover,body.naber-app .naber-media-tabs button:focus-visible{background:#f1f1ed!important;color:#203744!important}
body.naber-app .naber-my-audio-list{display:grid;gap:10px;margin:12px 0}
body.naber-app .naber-my-audio-item{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:13px;border:1px solid #e2e1db;border-radius:11px}
body.naber-app .naber-my-audio-item>div{flex:1 1 160px;min-width:0}
body.naber-app .naber-my-audio-item strong{display:block;overflow-wrap:anywhere;font-size:14px}
body.naber-app .naber-my-audio-item small{display:block;color:#68767a;margin-top:4px}
body.naber-app .naber-my-audio-item audio{width:clamp(180px,35%,310px);max-width:100%}
@media(max-width:680px){body.naber-app .naber-my-audio-item audio{width:100%}}

/* Policies within the existing Management settings shell. */
body.naber-app .naber-settings-policies:not([hidden]){display:grid;gap:14px;padding:18px 0 4px}
body.naber-app .naber-settings-policies>h3{margin:0;font-size:19px}
body.naber-app .naber-settings-policies>.neighbor-muted{margin:0 0 6px}
body.naber-app .naber-policy-form{margin:0}
body.naber-app .naber-policy-form .neighbor-fieldset{margin:0;padding:18px;border:1px solid #e2e1db;border-radius:12px}
body.naber-app .naber-policy-form textarea{min-height:150px;resize:vertical}
body.naber-app .naber-policy-form .naber-settings-footer{margin-top:12px}

/* Full-bleed settings save bar inside the padded Community Settings card. */
body.naber-app .naber-settings .naber-settings-panel:not([hidden]) > .naber-settings-footer,
body.naber-app .naber-settings .naber-settings-panel:not([hidden]) > .naber-settings-footer{
  box-sizing:border-box!important;
  width:calc(100% + 2 * clamp(14px,2vw,24px))!important;
  max-width:none!important;
  margin:14px calc(-1 * clamp(14px,2vw,24px)) calc(-1 * clamp(14px,2vw,24px))!important;
  padding:12px clamp(14px,2vw,24px) calc(12px + env(safe-area-inset-bottom))!important;
  position:sticky!important;
  bottom:0!important;
  left:auto!important;
  right:auto!important;
  border:0!important;
  border-top:1px solid #e6e1d8!important;
  border-radius:0 0 15px 15px!important;
  background:#fff!important;
  display:flex!important;
  justify-content:flex-end!important;
}

/* Keep Save Changes anchored on the left even without an unsaved-changes notice. */
body.naber-app .naber-settings .naber-settings-panel:not([hidden]) > .naber-settings-footer{
  justify-content:flex-start!important;
}
body.naber-app .naber-settings .naber-settings-panel:not([hidden]) > .naber-settings-footer > .naber-settings-dirty{
  margin-right:0!important;
}



/* Enhanced Community About page — adaptable to every Community. */
body.naber-app .naber-about-enhanced{display:block;max-width:1180px;margin:0 auto;padding:10px 0 30px}
body.naber-app .naber-about-columns{display:grid;grid-template-columns:minmax(0,1fr) 270px;align-items:start;gap:24px}
body.naber-app .naber-about-primary{min-width:0;padding:26px 30px;border:1px solid var(--naber-border,#e9e6e1);border-radius:16px;background:#fff}
body.naber-app .naber-about-eyebrow{margin:0 0 8px;color:#68777a;font-size:11px;font-weight:750;letter-spacing:.12em}
body.naber-app .naber-about-primary>h2{font-size:clamp(23px,2.7vw,31px);margin:0 0 22px;line-height:1.25}
body.naber-app .naber-community-about-body{line-height:1.75;overflow-wrap:anywhere}
body.naber-app .naber-community-about-body p{margin:0 0 17px}
body.naber-app .naber-community-about-body h2,body.naber-app .naber-community-about-body h3{margin:24px 0 10px}
body.naber-app .naber-community-about-body ul,body.naber-app .naber-community-about-body ol{padding-left:24px}
body.naber-app .naber-about-aside{display:grid;gap:14px;min-width:0}
body.naber-app .naber-about-side-card{background:#f6f7f5;border:1px solid #e9e9e4;border-radius:14px;padding:18px}
body.naber-app .naber-about-side-card h3{font-size:16px;margin:0 0 14px}
body.naber-app .naber-about-details{margin:0;display:grid;gap:12px}
body.naber-app .naber-about-details>div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;border-bottom:1px solid #e4e7e2;padding-bottom:8px}
body.naber-app .naber-about-details dt{color:#66727b;font-size:13px}
body.naber-app .naber-about-details dd{margin:0;font-size:13px;font-weight:700;text-align:right}
body.naber-app .naber-about-action{display:block;text-align:center;background:#253d34;color:#fff!important;text-decoration:none;border-radius:10px;padding:10px 12px;margin-top:18px;font-size:13px;font-weight:700}
body.naber-app .naber-about-links{display:grid}
body.naber-app .naber-about-links a{display:flex;justify-content:space-between;gap:8px;text-decoration:none;color:#253342;border-bottom:1px solid #e4e7e2;padding:10px 2px;font-size:13px}
body.naber-app .naber-about-links a:last-child{border:0}
body.naber-app .naber-about-links a:hover{text-decoration:underline}
body.naber-app .naber-about-discover{margin:26px 0;padding:20px 22px;border-radius:16px;border:1px solid #e9e6e1;background:#fff}
body.naber-app .naber-about-discover h3{margin:0 0 18px;font-size:21px}
body.naber-app .naber-about-features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
body.naber-app .naber-about-features a{display:flex;align-items:center;flex-direction:column;gap:6px;text-align:center;text-decoration:none;color:#263443;padding:8px;border-radius:12px}
body.naber-app .naber-about-features a:hover{background:#f5f6f2}
body.naber-app .naber-about-feature-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#e8eee9;color:#305247;font-size:25px}
body.naber-app .naber-about-features strong{font-size:13px}
body.naber-app .naber-about-features a>span:last-child{font-size:12px;color:#6b7280}
body.naber-app .naber-about-cta{display:flex;justify-content:space-between;align-items:center;gap:20px;border-radius:15px;padding:24px 28px;background:#eaece7}
body.naber-app .naber-about-cta strong{font-size:19px}
body.naber-app .naber-about-cta p{font-size:13px;color:#53605b;margin:5px 0 0}
body.naber-app .naber-about-cta a{flex-shrink:0;background:#253d34;color:#fff!important;border-radius:9px;padding:11px 16px;font-weight:700;font-size:13px;text-decoration:none}
@media(max-width:830px){body.naber-app .naber-about-columns{grid-template-columns:1fr}body.naber-app .naber-about-aside{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:570px){body.naber-app .naber-about-primary{padding:20px 18px}body.naber-app .naber-about-aside{grid-template-columns:1fr}body.naber-app .naber-about-features{grid-template-columns:repeat(2,minmax(0,1fr))}body.naber-app .naber-about-cta{align-items:stretch;flex-direction:column;padding:20px}body.naber-app .naber-about-cta a{text-align:center}}

/* ---- Newsletters (Trello #136): public signup + Subscribers dashboards ---- */
.naber-nl{margin:18px 0;padding:18px;border:1px solid #e4e3de;border-radius:14px;background:#fbfaf7}
.naber-nl h3{margin:0 0 4px;font-size:18px}.naber-nl>.neighbor-muted{margin:0 0 12px;font-size:14px}
.naber-nl-admin{display:grid;gap:14px}
.naber-nl-filters{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}
.naber-nl-filters label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:650;color:#57544f;min-width:160px;flex:1 1 160px}
.naber-nl-filters select{width:100%}
.naber-nl-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.naber-nl-stats>div{background:#fff;border:1px solid #e4e3de;border-radius:13px;padding:14px;display:flex;flex-direction:column;gap:2px}
.naber-nl-stats strong{font-size:26px;line-height:1.1;color:#24262b}
.naber-nl-stats span{font-size:13px;font-weight:650;color:#45433f}.naber-nl-stats small{display:block;font-weight:400;color:#8b8882;font-size:12px}
.naber-nl-h{margin:8px 0 0;font-size:16px;color:#24262b}.naber-nl-h small{font-weight:400;color:#8b8882}
.naber-nl-h-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center}
.naber-nl-note{margin:0;font-size:13px}
.naber-nl-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid #e4e3de;border-radius:13px;background:#fff}
.naber-nl-table{width:100%;border-collapse:collapse;font-size:14px}
.naber-nl-table th,.naber-nl-table td{padding:10px 12px;text-align:left;border-bottom:1px solid #efeee9;vertical-align:top}
.naber-nl-table thead th{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:#8b8882;font-weight:650;background:#faf9f6}
.naber-nl-table tbody tr:last-child>*{border-bottom:0}
.naber-nl-table tbody th{font-weight:650;overflow-wrap:anywhere}
.naber-nl-link{font-weight:650;white-space:nowrap}
.naber-nl-pill{display:inline-block;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:650;background:#edebe8;color:#45433f;margin-left:6px}
.naber-nl-pill.is-confirmed{background:#e6efe9;color:#2c5a3f}.naber-nl-pill.is-pending{background:#f4eedc;color:#6b5414}.naber-nl-pill.is-unsubscribed,.naber-nl-pill.is-off{background:#edebe8;color:#6a6862}
.naber-nl-warn{display:block;color:#8a4b13;font-size:12px;margin-top:2px}
.naber-nl-toggles{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.naber-nl-toggles li{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;background:#fff;border:1px solid #e4e3de;border-radius:13px;padding:12px 14px}
.naber-nl-toggles form{margin:0}
.naber-nl-sender{display:grid;gap:12px;max-width:560px}.naber-nl-sender label{display:flex;flex-direction:column;gap:4px;font-weight:650}
.naber-nl-pages{display:flex;gap:14px;align-items:center;justify-content:center;font-size:14px}
@media(max-width:760px){
 .naber-nl-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
 .naber-nl-table-wrap{border:0;background:transparent;overflow:visible}
 .naber-nl-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
 .naber-nl-table,.naber-nl-table tbody,.naber-nl-table tr,.naber-nl-table th,.naber-nl-table td{display:block;width:100%}
 .naber-nl-table tr{background:#fff;border:1px solid #e4e3de;border-radius:13px;margin-bottom:8px;padding:6px 0}
 .naber-nl-table th,.naber-nl-table td{border:0;padding:6px 14px;display:flex;gap:10px;justify-content:space-between}
 .naber-nl-table td[data-label]:not([data-label=""])::before,.naber-nl-table tbody th[data-label]::before{content:attr(data-label);font-size:12px;color:#8b8882;font-weight:650;flex:0 0 auto}
 .naber-nl-table td[data-label=""]{justify-content:flex-end}
}

/* ---- Follow & email updates (public) ---- */
.naber-sub{margin:14px 0;border:1px solid #e4e3de;border-radius:14px;background:#fbfaf7}
.naber-sub>summary{cursor:pointer;list-style:none;padding:12px 16px;font-weight:650;color:#24262b;display:flex;align-items:center;gap:8px;border-radius:14px}
.naber-sub>summary::-webkit-details-marker{display:none}
.naber-sub>summary:hover{background:#f3f1ec}
.naber-sub-ico{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:999px;background:#edebe8;font-size:14px}
.naber-sub[open]>summary .naber-sub-ico{background:#24262b;color:#fff}
.naber-sub-body{padding:4px 16px 16px;display:grid;gap:12px}
.naber-sub-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.naber-sub-list>li{background:#fff;border:1px solid #e4e3de;border-radius:12px;padding:12px 14px;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center}
.naber-sub-what{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.naber-sub-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start}
.naber-sub-inline{margin:0;display:flex;flex-direction:column;gap:6px;max-width:320px}
.naber-sub-consent{display:flex;gap:8px;align-items:flex-start;font-size:12.5px;color:#57544f;font-weight:400}
.naber-sub-pick{border:0;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 16px}.naber-sub-pick legend{font-weight:650;font-size:13px;margin-bottom:4px}
.naber-sub-pick label{display:flex;gap:6px;align-items:center;font-size:14px}
.naber-sub-fields{display:flex;flex-wrap:wrap;gap:8px}.naber-sub-fields label{flex:1 1 200px}.naber-sub-fields input{width:100%}
.naber-sub .naber-nl-form{display:grid;gap:10px}
.naber-sub-signin{margin:0;display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:13px}

/* ---- Members & Followers (managers) ---- */
.naber-mem{display:grid;gap:12px}
.naber-mem-bar{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:flex-end}
.naber-mem-filters{flex-wrap:wrap;margin:0}
.naber-mem-filters a:hover{background:#edebe8}
.naber-mem-filters a.is-active:hover{background:#24262b}
.naber-mem-n{opacity:.7;font-weight:500;margin-left:2px}
.naber-mem-community{flex:0 1 260px}
.naber-mem-note{margin:0;font-size:13px}
.naber-mem-person{display:inline-flex;align-items:center;gap:8px}.naber-mem-person img{border-radius:999px}
.naber-mem-actions{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.naber-mem-actions .neighbor-inline-form{margin:0}
.naber-mem-chips{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.naber-mem-chips li{display:flex;flex-wrap:wrap;gap:4px 8px;font-size:13px}.naber-mem-chips span{color:#6a6862}
@media(max-width:760px){.naber-sub-list>li{flex-direction:column;align-items:stretch}.naber-sub-inline{max-width:none}.naber-mem-actions{justify-content:flex-start}.naber-mem-chips li{justify-content:flex-end;text-align:right}}


/* Post composer — consistent editorial title hierarchy and visible title field. */
.naber-community-view .naber-composer-form .naber13-header{display:grid!important;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin-bottom:12px}
.naber-community-view .naber-composer-form .naber13-header:before{content:"";height:1px;background:#ddd9d3;grid-column:1}
.naber-community-view .naber-composer-form .naber13-title{grid-column:2;font-family:inherit!important;font-weight:700!important;font-size:16px!important;line-height:1.35!important;text-align:center}
.naber-community-view .naber-composer-form .naber13-close{grid-column:3;justify-self:end}
.naber-community-view .naber-composer-form .naber-composer-title-wrap{display:block!important;visibility:visible!important;margin:10px 0 14px}
.naber-community-view .naber-composer-form .naber-composer-title{box-sizing:border-box;width:100%;min-height:44px;border:1px solid #d9d5cd;border-radius:10px;padding:11px 14px;font-size:16px;line-height:1.35;background:#fff}
.naber-community-view .naber-composer-form .naber-composer-title:focus{outline:2px solid #788b98;outline-offset:1px}
.naber-community-view .naber21-studio input[name="neighbor_edit_post_title"]{box-sizing:border-box;width:100%;min-height:44px;border:1px solid #d9d5cd;border-radius:10px;padding:11px 14px;font-size:16px;margin:0 0 14px}

/* Article editor: give draft state and topbar actions breathing room. */
.naber-art-editor .naber-art-topbar{padding-left:16px;padding-right:16px}


/* Composer unified control polish — page scoped, without changing behavior. */
.naber-community-view .naber-composer-form .naber13-header{display:flex!important;align-items:center;justify-content:center!important;position:relative;margin:0 0 14px!important;min-height:30px}
.naber-community-view .naber-composer-form .naber13-header::before{content:none!important;display:none!important}
.naber-community-view .naber-composer-form .naber13-title{font-family:inherit!important;font-size:16px!important;line-height:1.35!important;font-weight:600!important;color:#4d5862!important;letter-spacing:0!important;text-align:center!important}
.naber-community-view .naber-composer-form .naber13-close{position:absolute!important;right:0;top:50%;transform:translateY(-50%);color:#7c8790!important;font:normal 23px/1 Arial,sans-serif!important;width:30px;height:30px;padding:0!important;display:grid;place-items:center;border-radius:8px}
.naber-community-view .naber-composer-form .naber13-close:hover{background:#f1f3f2!important;color:#34434f!important}
.naber-community-view .naber-composer-form .naber-composer-title-wrap{margin:8px 0 14px!important}
.naber-community-view .neighbor-create-post .naber-composer-form.is-open .naber-composer-title,
.naber-community-view .naber-composer-form .naber-composer-title{box-sizing:border-box!important;width:100%!important;min-height:44px!important;border:1px solid #d3dadb!important;border-radius:999px!important;padding:10px 19px!important;font-size:15px!important;font-weight:400!important;line-height:1.45!important;background:#fff!important;margin:0!important;box-shadow:none!important}
.naber-community-view .naber-composer-form .naber-composer-title::placeholder{color:#8a969f!important;opacity:1}
.naber-community-view .naber-composer-form .naber-composer-title:focus{outline:2px solid #a4b6bc!important;outline-offset:1px!important}
.naber-community-view .naber13-host .naber15-toolbar>.naber13-menu>summary,
.naber-community-view .naber13-host .naber15-toolbar>.naber13-menu[open]>summary{border-radius:11px!important;border:1px solid #cbd6da!important;background:#fff!important;color:#263745!important;min-height:42px!important;padding:8px 10px!important;display:flex!important;gap:6px!important;align-items:center!important;justify-content:center!important;white-space:nowrap}
.naber-community-view .naber13-host .naber15-toolbar>.naber13-menu>summary:hover{background:#f5f7f7!important}
.naber-community-view .naber13-host .naber15-toolbar>.naber13-menu>summary svg{flex:none}
.naber-community-view .naber13-host .naber15-toolbar select[name="neighbor_post_visibility"]{border-radius:11px!important;min-height:42px!important;border:1px solid #cbd6da!important;background-color:#fff!important;color:#263745!important;font-size:13px!important;padding:8px 27px 8px 12px!important}


/* Composer refinements: flatter layout and consistent toolbar alignment. */
.naber-community-view .neighbor-create-post .naber-composer-form.is-open{border:0!important;box-shadow:none!important;background:transparent!important;border-radius:0!important;padding:14px 10px 10px!important;margin-top:4px!important}
.naber-community-view .neighbor-create-post .naber-composer-form .naber13-header{margin:5px 0 15px!important;min-height:31px}
.naber-community-view .neighbor-create-post .naber-composer-form .naber13-title{font-size:17px!important;font-weight:600!important;color:#505d67!important}
.naber-community-view .naber13-host .naber15-toolbar>.naber13-menu>summary,
.naber-community-view .naber13-host .naber15-toolbar>.naber13-menu[open]>summary{font-weight:600!important;font-size:13px!important;line-height:1.3!important}
.naber-community-view .naber13-host .naber15-toolbar>.naber13-dest>summary{transform:translateY(2px)}
.naber-community-view .naber13-host .naber15-toolbar .naber16-visibility-direct{position:relative!important;display:block!important}
.naber-community-view .naber13-host .naber15-toolbar .naber-visibility-native{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;overflow:hidden!important}
.naber-community-view .naber13-host .naber15-toolbar .naber-visibility-picker{position:relative;width:100%;font-size:13px;font-weight:600;color:#263745}
.naber-community-view .naber13-host .naber15-toolbar .naber-visibility-picker>summary{list-style:none;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:42px;border:1px solid #cbd6da;border-radius:11px;background:#fff;cursor:pointer;padding:8px 12px}
.naber-community-view .naber13-host .naber15-toolbar .naber-visibility-picker>summary::-webkit-details-marker{display:none}
.naber-community-view .naber13-host .naber15-toolbar .naber-visibility-picker>summary:hover,.naber-community-view .naber13-host .naber15-toolbar .naber-visibility-picker[open]>summary{background:#f5f7f7}
.naber-community-view .naber-visibility-caret{position:absolute;right:11px;font-size:16px;font-weight:400;color:#697b83}
.naber-community-view .naber-visibility-options{position:absolute;right:0;top:calc(100% + 5px);z-index:100;width:max-content;min-width:100%;max-width:min(280px,90vw);padding:6px;border:1px solid #dce3e2;border-radius:12px;background:#fff;box-shadow:0 12px 26px rgba(35,48,56,.14)}
.naber-community-view .naber-visibility-picker:not([open]) .naber-visibility-options{display:none}
.naber-community-view .naber-visibility-options button{display:block;width:100%;border:0;border-radius:7px;background:transparent;color:#263745;cursor:pointer;padding:10px 12px;text-align:left;font:500 13px/1.35 inherit}
.naber-community-view .naber-visibility-options button:hover,.naber-community-view .naber-visibility-options button:focus-visible{background:#edf2f1}
.naber-community-view .naber-visibility-options button[aria-current="true"]{background:#e8eeec;font-weight:700}
@media(max-width:570px){.naber-community-view .neighbor-create-post .naber-composer-form.is-open{padding-left:2px!important;padding-right:2px!important}}


/* Composer: compact header spacing and fully visible visibility menu. */
.naber-community-view .neighbor-create-post .naber-composer-form.is-open{padding-top:0!important;margin-top:0!important}
.naber-community-view .neighbor-create-post .naber-composer-form .naber13-header{margin:0 0 11px!important;min-height:27px!important;transform:translateY(-6px)}
.naber-community-view .neighbor-create-post .naber-composer-form .naber13-title{font-size:15px!important;font-weight:600!important}
.naber-community-view .naber13-host .naber15-toolbar>.naber13-add>summary{transform:translateY(1px)}
.naber-community-view .naber-visibility-options{top:auto!important;bottom:calc(100% + 6px)!important;max-height:min(230px,55vh)!important;overflow-y:auto!important;z-index:200!important}
.naber-community-view .naber-visibility-options button{font-family:inherit!important;font-size:14px!important;font-weight:500!important;line-height:1.4!important;padding:10px 12px!important}
.naber-community-view .naber-visibility-options button[aria-current="true"]{font-weight:650!important}
.naber-community-view .naber15-toolbar,.naber-community-view .naber16-visibility-direct,.naber-community-view .naber15-panelhost{overflow:visible!important}


/* Post Composer final controls: comments at left, matching pill actions. */
.naber-community-view .neighbor-create-post .neighbor-form-footer{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:9px!important}
.naber-community-view .neighbor-create-post .neighbor-form-footer .naber-footer-comments{margin-right:auto!important;display:flex!important;align-items:center!important;min-height:40px!important;font-size:13px!important;white-space:nowrap}
.naber-community-view .neighbor-create-post .neighbor-form-footer .naber-composer-cancel,
.naber-community-view .neighbor-create-post .neighbor-form-footer .naber-composer-post-btn{border-radius:999px!important;min-height:40px!important;padding:9px 18px!important}
.naber-community-view .neighbor-create-post .neighbor-form-footer .naber-composer-post-btn{background:#505d67!important;border-color:#505d67!important;color:#fff!important}
.naber-community-view .neighbor-create-post .neighbor-form-footer .naber-composer-post-btn:hover{background:#3e4952!important}
.naber-community-view .naber13-host .naber13-add-items .naber-composer-quick-btn span{font-weight:600!important}
.naber-community-view .naber13-host .naber16-format-tools .naber16-emoji-toggle{font-size:21px!important;line-height:1!important}
.naber-community-view .naber13-host .naber16-format-tools button[data-naber-format="italic"] i{font-family:Georgia,serif;font-size:19px;font-weight:600}
@media(max-width:430px){.naber-community-view .neighbor-create-post .neighbor-form-footer .naber-footer-comments{flex-basis:100%;margin-right:0!important}}


/* Approved composer toolbar: compact, matching icon button surfaces. */
.naber-community-view .neighbor-create-post .naber-composer-form.is-open{padding-top:0!important}
.naber-community-view .neighbor-create-post .naber-composer-form .naber13-header{margin:-7px 0 8px!important;min-height:25px!important;transform:none!important}
.naber-community-view .neighbor-create-post .naber-composer-form .naber13-title{font-size:15px!important;font-weight:600!important}
.naber-community-view .naber13-host .naber16-format-tools{gap:7px!important;padding:5px 0 9px!important;align-items:center!important}
.naber-community-view .naber13-host .naber16-format-tools button[data-naber-format],
.naber-community-view .naber13-host .naber16-format-tools .naber16-emoji-toggle{width:35px!important;height:35px!important;min-height:35px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:5px!important;border:1px solid #dce4e6!important;border-radius:9px!important;background:#f8faf9!important;color:#344d62!important}
.naber-community-view .naber13-host .naber16-format-tools button[data-naber-format] svg,
.naber-community-view .naber13-host .naber16-format-tools .naber16-emoji-toggle svg{width:20px!important;height:20px!important;display:block!important}
.naber-community-view .naber13-host .naber16-format-tools button[data-naber-format]:hover,
.naber-community-view .naber13-host .naber16-format-tools .naber16-emoji-toggle:hover{background:#edf2f2!important;border-color:#c6d3d7!important}
.naber-community-view .naber13-host .naber16-format-tools button[data-naber-format="italic"] i{font-size:20px!important;font-weight:600!important}
.naber-community-view .naber13-host .naber16-format-tools select.naber16-format-type{height:35px!important;min-height:35px!important;width:126px!important;border:1px solid #dce4e6!important;border-radius:9px!important;background-color:#fff!important;font-size:13px!important;padding-left:11px!important;padding-right:29px!important;background-position:right 10px center!important}
.naber-community-view .naber-visibility-current,.naber-community-view .naber-visibility-options button{display:flex!important;align-items:center!important;gap:9px!important}
.naber-community-view .naber-visibility-current svg,.naber-community-view .naber-visibility-options button svg{width:18px!important;height:18px!important;flex:0 0 18px!important}
.naber-community-view .naber-visibility-options{min-width:210px!important}
.naber-community-view .naber-visibility-options button{font-size:14px!important;font-weight:500!important;padding:10px 12px!important}
@media(max-width:420px){.naber-community-view .naber13-host .naber16-format-tools{gap:4px!important}.naber-community-view .naber13-host .naber16-format-tools select.naber16-format-type{width:115px!important}}

/* ---- Community header: Updates (Follow + email) — beside the Joined menu ---- */
.naber-community-view .naber-ub-membership{gap:8px}
.naber-updates{position:relative;display:inline-flex}
.naber-updates-btn{display:inline-flex;align-items:center;gap:6px;border:1px solid #e3e1dd;background:#fff;color:#24262b;border-radius:999px;padding:7px 12px;font-weight:650;font-size:13px;line-height:1;cursor:pointer;white-space:nowrap}
.naber-updates-btn:hover,.naber-updates-btn[aria-expanded="true"]{background:#edebe8}
.naber-updates-btn:focus-visible{outline:2px solid #24262b;outline-offset:2px}
.naber-updates-btn svg{width:16px;height:16px}
.naber-updates-btn.is-on svg{fill:currentColor}
.naber-updates-pop{position:fixed;z-index:1000;background:#fff;border:1px solid #e4e3de;border-radius:16px;box-shadow:0 14px 40px rgba(0,0,0,.16);padding:14px 16px 16px;overflow:auto;overscroll-behavior:contain;text-align:left}
.naber-updates-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px}
.naber-updates-head h2{font-size:16px;margin:0;color:#24262b;line-height:1.3}
.naber-updates-close{border:0;background:transparent;border-radius:999px;width:32px;height:32px;font-size:22px;line-height:1;cursor:pointer;color:#57544f;flex:0 0 auto}
.naber-updates-close:hover{background:#edebe8}
.naber-updates-msg{margin:0 0 8px;padding:8px 10px;border-radius:10px;background:#f3f1ec;font-size:13px}
.naber-updates-sec{border-top:1px solid #efeee9;padding-top:10px;margin-top:10px}
.naber-updates-sec h3{margin:0 0 8px;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#8b8882}
.naber-updates-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:8px 0;font-size:14px}
.naber-updates-row+.naber-updates-row{border-top:1px solid #f4f3ef}
.naber-updates-row.is-sub{font-size:13px}
.naber-updates-actions{display:flex;flex-wrap:wrap;gap:6px;align-items:flex-start}
.naber-upd-form{margin:0;display:flex;flex-direction:column;gap:6px;max-width:100%}
.naber-upd-form .neighbor-button{padding:7px 14px;font-size:13px}
.naber-updates-note{margin:8px 0 0;font-size:12.5px;color:#6a6862}
.naber-updates-guest{display:grid;gap:10px}.naber-updates-guest input[type=email]{width:100%}
/* contextual (Series / category / Article) email signup: compact pill that expands */
.naber-sub.is-compact{display:inline-block;max-width:100%;border:0;background:transparent;margin:10px 0}
.naber-sub.is-compact>summary{display:inline-flex;padding:7px 14px;border:1px solid #e3e1dd;background:#fff;border-radius:999px;font-size:13px}
.naber-sub.is-compact>summary:hover{background:#edebe8}
.naber-sub.is-compact>summary .naber-sub-ico{width:18px;height:18px;font-size:12px}
.naber-sub.is-compact[open]{display:block}
.naber-sub.is-compact[open]>.naber-sub-body{margin-top:8px;border:1px solid #e4e3de;border-radius:14px;background:#fbfaf7;padding:14px 16px}
@media(max-width:560px){.naber-updates-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.naber-updates-btn{padding:7px 9px}}


/* Post composer heading shares avatar row when expanded. */
.naber-community-view .neighbor-create-post .naber-studio-entry-prompt{display:flex!important;align-items:center!important;justify-content:flex-start!important;min-width:0!important;text-align:left!important}
.naber-community-view .neighbor-create-post .naber-studio-entry-prompt .naber13-title{display:none!important}
.naber-community-view .neighbor-create-post:not(:has(.naber-composer-form.is-open)) .naber-studio-entry-prompt{flex:1 1 auto!important;min-height:42px!important}
.naber-community-view .neighbor-create-post:has(.naber-composer-form.is-open) .naber-studio-entry-prompt .naber13-title{display:block!important;margin:0!important;font-family:inherit!important;font-size:16px!important;line-height:1.35!important;font-weight:600!important;color:#505d67!important}
.naber-community-view .neighbor-create-post:has(.naber-composer-form.is-open) .naber-studio-entry-plus{display:none!important}
.naber-community-view .neighbor-create-post .naber-composer-form .naber13-header{height:0!important;min-height:0!important;margin:0!important;padding:0!important;position:relative!important;transform:none!important}
.naber-community-view .neighbor-create-post .naber-composer-form .naber13-header .naber13-close{position:absolute!important;top:-29px!important;right:1px!important;transform:none!important;z-index:3}
.naber-community-view .neighbor-create-post .naber-composer-form .naber-composer-title-wrap{margin-top:2px!important}


/* Composer header: restore collapsed introduction; expanded title replaces it. */
.naber-community-view .neighbor-create-post .neighbor-create-post-trigger{position:relative!important}
.naber-community-view .neighbor-create-post .naber-studio-entry-prompt .naber-entry-original{display:block!important}
.naber-community-view .neighbor-create-post:not(:has(.naber-composer-form.is-open)) .naber-studio-entry-prompt .naber13-title{display:none!important}
.naber-community-view .neighbor-create-post:has(.naber-composer-form.is-open) .naber-studio-entry-prompt .naber-entry-original{display:none!important}
.naber-community-view .neighbor-create-post:has(.naber-composer-form.is-open) .neighbor-create-post-trigger{min-height:62px!important;align-items:center!important;padding-right:40px!important}
.naber-community-view .neighbor-create-post:has(.naber-composer-form.is-open) .naber-studio-entry-prompt{align-self:center!important;min-height:48px!important;display:flex!important;align-items:center!important}
.naber-community-view .neighbor-create-post:has(.naber-composer-form.is-open) .naber-studio-entry-prompt .naber13-title{font-size:18px!important;line-height:1.3!important;transform:translateY(2px)}
.naber-community-view .neighbor-create-post .neighbor-create-post-trigger>.naber13-close{display:none!important}
.naber-community-view .neighbor-create-post:has(.naber-composer-form.is-open) .neighbor-create-post-trigger>.naber13-close{display:grid!important;position:absolute!important;top:50%!important;right:4px!important;transform:translateY(-50%)!important;z-index:6!important}
.naber-community-view .naber13-host .naber15-toolbar>.naber13-menu[open]>summary,
.naber-community-view .naber13-host .naber15-toolbar>.naber13-menu>summary[aria-expanded="true"],
.naber-community-view .naber13-host .naber15-toolbar .naber-visibility-picker[open]>summary{background:#505d67!important;border-color:#505d67!important;color:#fff!important}
.naber-community-view .naber13-host .naber15-toolbar .naber-visibility-picker[open]>summary svg{color:#fff!important}


/* Composer position restoration (2026-10-30): no publishing behavior changes. */
.naber-community-view .neighbor-create-post .naber-studio-entry-prompt .naber-entry-original{
 display:flex!important;flex-direction:column!important;align-items:flex-start!important;
 justify-content:center!important;gap:3px!important;white-space:normal!important;
}
.naber-community-view .neighbor-create-post .naber-studio-entry-prompt .naber-entry-original strong,
.naber-community-view .neighbor-create-post .naber-studio-entry-prompt .naber-entry-original small{
 display:block!important;width:100%!important;margin:0!important;text-align:left!important;
}
.naber-community-view .neighbor-create-post:has(.naber-composer-form.is-open) .neighbor-create-post-trigger{
 min-height:0!important;padding-top:0!important;padding-bottom:0!important;margin-top:0!important;
}
.naber-community-view .neighbor-create-post:has(.naber-composer-form.is-open) .naber-studio-entry-prompt{
 min-height:42px!important;margin-top:0!important;margin-bottom:0!important;
}
.naber-community-view .neighbor-create-post:has(.naber-composer-form.is-open) .naber-studio-entry-prompt .naber13-title{transform:none!important}
.naber-community-view .neighbor-create-post .naber-composer-form.is-open{margin-top:0!important;padding-top:0!important}

/* Community sidebar typography: consistent Naber sans-serif headings. */
.naber-community-view .naber-rail .naber-rail-card h4,
.naber-community-view .naber-rail .naber-format-filters h4,
.naber-community-view .naber-rail .naber-rail-formats h4,
.naber-community-view .naber-rail .naber-formats-head span,
.naber-community-view .naber-rail .naber-explore-topics h4,
.naber-community-view .naber-rail .naber-topics-head h4{
 font-family:Arial,Helvetica,sans-serif!important;
 font-weight:600!important;
 letter-spacing:normal!important;
}

/* Naber community feed spacing — Oct 30 (Facebook width override reverted). */
.naber-community-view .neighbor-create-post{margin-bottom:calc(var(--naber-composer-feed-gap, 24px) - 5px)!important}
.naber-community-view .neighbor-post:not(.naber-conversation-post){padding-top:calc(24px - 5px)!important}
.naber-community-view .neighbor-post .neighbor-post-header{align-items:center!important}
.naber-community-view .neighbor-post .neighbor-post-author{align-items:center!important}
.naber-community-view .neighbor-post .neighbor-post-author-name,
.naber-community-view .neighbor-post .neighbor-post-date{line-height:1.25!important;margin:0!important}
.naber-community-view .neighbor-post .neighbor-post-author-name+.neighbor-post-date{margin-top:3px!important}
@media(max-width:700px){
 .naber-community-view .neighbor-post:not(.naber-conversation-post){padding-top:11px!important}
}

/* Official Facebook embed replaces, never overlays, its attributed preview. */
.naber-embed-facebook.is-live > .naber-embed-fallback,
.naber-embed-facebook > .naber-embed-fallback[hidden]{
 display:none!important;
}
.naber-embed-facebook[data-naber-embed-state="loading"] > .naber-embed-stage{
 visibility:hidden!important;
 pointer-events:none!important;
}
.naber-embed-facebook[data-naber-embed-state="fallback"] > .naber-embed-stage{
 display:none!important;
}

/* Collapsed post prompt stays immediately beside avatar, not centered in row. */
.naber-community-view .neighbor-create-post:not(:has(.naber-composer-form.is-open)) .neighbor-create-post-trigger{
  display:flex!important;align-items:center!important;justify-content:flex-start!important;
}
.naber-community-view .neighbor-create-post:not(:has(.naber-composer-form.is-open)) .naber-studio-entry-prompt{
  flex:1 1 auto!important;width:auto!important;min-width:0!important;
  margin:0!important;padding:0!important;text-align:left!important;
  justify-content:flex-start!important;align-items:center!important;
}
.naber-community-view .neighbor-create-post:not(:has(.naber-composer-form.is-open)) .naber-studio-entry-prompt .naber-entry-original{
  width:100%!important;align-items:flex-start!important;text-align:left!important;
}
.naber-community-view .neighbor-create-post:not(:has(.naber-composer-form.is-open)) .naber-studio-entry-plus{
  margin-left:auto!important;flex-shrink:0!important;
}

/* TikTok feed presentation: square corners and no tinted video backdrop. */
.naber-community-view .neighbor-post .naber-embed-tiktok,
.naber-community-view .neighbor-post .naber-embed-tiktok .naber-tiktok-frame{
 border-radius:0!important;
}
.naber-community-view .neighbor-post .naber-post-media:has(.naber-embed-tiktok),
.naber-community-view .neighbor-post .naber-post-social:has(.naber-embed-tiktok),
.naber-community-view .neighbor-post .naber-embed-tiktok{
 background:transparent!important;
 background-image:none!important;
}

/* Keep sticky community search clear of Naber's fixed top navigation.
   Earlier desktop rail top:8px scrolled the search beneath the header. */
@media (min-width:961px){
  .naber-community-view .naber-feed-layout > .naber-rail{
    top:76px!important;
  }
}

/* Series readability pass: broader rail, legible controls, visible create CTA. */
@media(min-width:1001px){
 .naber-community-view .naber-series-layout{grid-template-columns:minmax(0,1fr) 315px!important;gap:24px!important}
}
@media(min-width:761px) and (max-width:1000px){
 .naber-community-view .naber-series-layout{grid-template-columns:minmax(0,1fr) 275px!important;gap:18px!important}
}
.naber-community-view .naber-series-sidebar .naber-series-side-section>h3{font-size:13px!important;line-height:1.4!important;letter-spacing:.045em!important}
.naber-community-view .naber-series-sidebar .naber-series-side-search input{font-size:14px!important;min-height:42px!important}
.naber-community-view .naber-series-sidebar .naber-series-side-section a,
.naber-community-view .naber-series-sidebar .naber-series-side-section p,
.naber-community-view .naber-series-sidebar .naber-series-side-section button,
.naber-community-view .naber-series-sidebar .naber-series-side-section span{font-size:13px!important;line-height:1.5!important}
.naber-community-view .naber-series-toolbar,
.naber-community-view .naber-series-toolbar button,
.naber-community-view .naber-series-toolbar select,
.naber-community-view .naber-series-toolbar label{font-size:13px!important}
.naber-community-view .naber-series-create>summary.neighbor-button,
.naber-series .naber-series-create>summary.neighbor-button{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 min-height:40px!important;padding:0 17px!important;opacity:1!important;visibility:visible!important;
 background:#243540!important;border:1px solid #243540!important;color:#fff!important;
 -webkit-text-fill-color:#fff!important;border-radius:999px!important;font-size:13px!important;
 box-shadow:none!important;
}
.naber-community-view .naber-series-create>summary.neighbor-button .naber-series-new-label,
.naber-series .naber-series-create>summary.neighbor-button .naber-series-new-label{
 color:#fff!important;-webkit-text-fill-color:#fff!important;opacity:1!important;
}
.naber-community-view .naber-series-create>summary.neighbor-button:hover,
.naber-series .naber-series-create>summary.neighbor-button:hover{
 background:#354853!important;border-color:#354853!important;color:#fff!important;
}

/* Series typography and card hierarchy — readable collection design. */
.naber-community-view .naber-series-title-group{align-items:center!important;gap:12px!important;flex-wrap:wrap}
.naber-community-view .naber-series-title-group .naber-series-heading{font-size:28px!important;line-height:1.2!important}
.naber-community-view .naber-series-title-group .naber-series-sub{font-size:15px!important;line-height:1.5!important;color:#6b7580!important}
.naber-community-view .naber-series-toolbar{padding:12px 0 14px!important;gap:13px!important}
.naber-community-view .naber-series-filter{min-height:38px!important;padding:0 14px!important;font-size:14px!important;line-height:1.3!important;gap:8px!important}
.naber-community-view .naber-series-filter span{font-size:13px!important}
.naber-community-view .naber-series-result-count{font-size:14px!important}
.naber-community-view .naber-series-sort{font-size:14px!important;gap:9px!important}
.naber-community-view .naber-series-sort select{min-height:40px!important;font-size:14px!important;padding:0 29px 0 12px!important}
.naber-community-view .naber-series-view-switch button{width:38px!important;height:36px!important}
.naber-community-view .naber-series-view-switch svg{width:18px!important;height:18px!important}
.naber-community-view .naber-series-tile-cover{aspect-ratio:16/8!important}
.naber-community-view .naber-series-grid[data-layout="full"]>.naber-series-tile:first-child .naber-series-tile-cover{aspect-ratio:16/8!important}
.naber-community-view .naber-series-grid[data-layout="grid"] .naber-series-tile-cover{aspect-ratio:16/10!important}
.naber-community-view .naber-series-grid[data-layout="list"] .naber-series-tile-cover{aspect-ratio:1.45/1!important}
.naber-community-view .naber-series-grid[data-layout="full"] .naber-series-cover-title,
.naber-community-view .naber-series-grid[data-layout="full"] .naber-series-cover-shade{display:none!important}
.naber-community-view .naber-series-tile-body{padding:20px 22px 22px!important;gap:10px!important}
.naber-community-view .naber-series-kicker{font-size:13px!important;line-height:1.4!important}
.naber-community-view .naber-series-tile-body h3{font-family:inherit!important;font-size:22px!important;font-weight:700!important;line-height:1.3!important;color:#24313c!important}
.naber-community-view .naber-series-grid[data-layout="full"]>.naber-series-tile:not(:first-child) .naber-series-tile-body h3{position:static!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;overflow:visible!important;clip:auto!important;white-space:normal!important;border:0!important}
.naber-community-view .naber-series-grid[data-layout="full"]>.naber-series-tile:not(:first-child) .naber-series-tile-desc{display:block!important}
.naber-community-view .naber-series-tile-desc{font-size:15px!important;line-height:1.55!important;color:#626c75!important}
.naber-community-view .naber-series-tile-meta{font-size:13px!important;line-height:1.5!important;margin-top:2px!important}
.naber-community-view .naber-series-open{display:inline-flex!important;align-items:center!important;align-self:flex-start!important;min-height:39px!important;margin-top:7px!important;padding:8px 15px!important;border-radius:999px!important;background:#243540!important;color:#fff!important;font-size:14px!important;font-weight:650!important;text-decoration:none!important}
.naber-community-view .naber-series-open:hover{background:#354853!important;color:#fff!important;text-decoration:none!important}
@media(max-width:760px){
 .naber-community-view .naber-series-title-group .naber-series-sub{font-size:15px!important}
 .naber-community-view .naber-series-tile-body{padding:16px!important}
 .naber-community-view .naber-series-grid[data-layout="full"]>.naber-series-tile:first-child .naber-series-tile-cover{aspect-ratio:16/10!important}
}

/* Series cover overlay: one compact image-led card, no second white details panel.
   List view keeps its separate horizontal information layout. */
.naber-community-view .naber-series-grid:not([data-layout="list"]) .naber-series-tile{
 position:relative!important;isolation:isolate!important;
 background:#243540!important;overflow:hidden!important;
}
.naber-community-view .naber-series-grid:not([data-layout="list"]) .naber-series-tile-cover{
 display:block!important;aspect-ratio:16/9!important;min-height:270px!important;
}
.naber-community-view .naber-series-grid[data-layout="grid"] .naber-series-tile-cover{
 aspect-ratio:4/3!important;min-height:260px!important;
}
.naber-community-view .naber-series-grid:not([data-layout="list"]) .naber-series-tile-body{
 position:absolute!important;z-index:2!important;left:0!important;right:0!important;bottom:0!important;
 padding:46px 20px 18px!important;gap:5px!important;
 background:linear-gradient(to bottom,transparent,rgba(14,29,38,.87) 38%,rgba(14,29,38,.96))!important;
 color:#fff!important;pointer-events:none!important;
}
.naber-community-view .naber-series-grid:not([data-layout="list"]) .naber-series-tile-body a{
 pointer-events:auto!important;
}
.naber-community-view .naber-series-grid:not([data-layout="list"]) .naber-series-tile-body h3,
.naber-community-view .naber-series-grid:not([data-layout="list"]) .naber-series-tile-body h3 a{
 color:#fff!important;font-size:clamp(20px,2vw,25px)!important;line-height:1.2!important;
}
.naber-community-view .naber-series-grid:not([data-layout="list"]) .naber-series-kicker,
.naber-community-view .naber-series-grid:not([data-layout="list"]) .naber-series-tile-desc,
.naber-community-view .naber-series-grid:not([data-layout="list"]) .naber-series-tile-meta{
 color:#f0f2f3!important;font-size:13px!important;line-height:1.35!important;
}
.naber-community-view .naber-series-grid:not([data-layout="list"]) .naber-series-tile-desc{
 display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden!important;
 font-size:14px!important;
}
.naber-community-view .naber-series-grid:not([data-layout="list"]) .naber-series-open{
 align-self:flex-end!important;min-height:36px!important;margin:5px 0 0!important;
 background:rgba(36,53,64,.70)!important;border:1px solid rgba(255,255,255,.375)!important;
 color:#fff!important;padding:7px 15px!important;font-size:13px!important;
}
.naber-community-view .naber-series-grid:not([data-layout="list"]) .naber-series-open:hover{
 background:#fff!important;color:#243540!important;
}
.naber-community-view .naber-series-grid:not([data-layout="list"]) .naber-series-cover-title,
.naber-community-view .naber-series-grid:not([data-layout="list"]) .naber-series-cover-shade{
 display:none!important;
}
@media(max-width:760px){
 .naber-community-view .naber-series-grid:not([data-layout="list"]) .naber-series-tile-cover{
  aspect-ratio:4/3!important;min-height:300px!important;
 }
 .naber-community-view .naber-series-grid:not([data-layout="list"]) .naber-series-tile-body{
  padding:38px 15px 14px!important;
 }
}

/* Series overlay refinement: lighter fade and aligned text/button baseline. */
.naber-community-view .naber-series-grid:not([data-layout="list"]) .naber-series-tile-body{
 display:grid!important;
 grid-template-columns:minmax(0,1fr) auto!important;
 grid-template-rows:repeat(4,auto)!important;
 align-items:end!important;
 column-gap:16px!important;
 row-gap:4px!important;
 padding:36px 20px 18px!important;
 background:linear-gradient(to bottom,rgba(36,38,43,0) 0%,rgba(36,38,43,.19) 18%,rgba(36,38,43,.54) 48%,rgba(36,38,43,.75) 75%,rgba(36,38,43,.89) 100%)!important;
}
.naber-community-view .naber-series-grid:not([data-layout="list"]) .naber-series-tile-body > .naber-series-kicker,
.naber-community-view .naber-series-grid:not([data-layout="list"]) .naber-series-tile-body > h3,
.naber-community-view .naber-series-grid:not([data-layout="list"]) .naber-series-tile-body > .naber-series-tile-desc,
.naber-community-view .naber-series-grid:not([data-layout="list"]) .naber-series-tile-body > .naber-series-tile-meta,
.naber-community-view .naber-series-grid:not([data-layout="list"]) .naber-series-tile-body > .naber-series-card-pending{
 grid-column:1!important;margin-top:0!important;margin-bottom:0!important;
}
.naber-community-view .naber-series-grid:not([data-layout="list"]) .naber-series-open{
 grid-column:2!important;grid-row:1/-1!important;
 align-self:end!important;justify-self:end!important;
 margin:0!important;white-space:nowrap!important;text-transform:capitalize!important;
}
.naber-community-view .naber-series-grid:not([data-layout="list"]) .naber-series-open span[aria-hidden="true"]{
 display:none!important;
}
@media(max-width:640px){
 .naber-community-view .naber-series-grid:not([data-layout="list"]) .naber-series-tile-body{
  grid-template-columns:minmax(0,1fr)!important;padding:32px 15px 14px!important;
 }
 .naber-community-view .naber-series-grid:not([data-layout="list"]) .naber-series-open{
  grid-column:1!important;grid-row:auto!important;justify-self:start!important;margin-top:6px!important;
 }
}

/* Align only the left community navigation with the page content edge.
   The utility controls on the right retain their existing position. */
@media(min-width:701px){
 body.naber-app .naber-community-view>.naber-tabs-row>.naber-tabs{
  transform:translateX(-30px)!important;
 }
}

/* Series sidebar latest entries: readable, consistent sans-serif typography. */
.naber-community-view .naber-series-sidebar .naber-series-latest{
 grid-template-columns:48px minmax(0,1fr)!important;gap:12px!important;
 margin:12px 0!important;
}
.naber-community-view .naber-series-sidebar .naber-series-latest strong{
 font-family:Arial,Helvetica,sans-serif!important;
 font-size:15px!important;font-weight:650!important;line-height:1.4!important;color:#344e5d!important;
}
.naber-community-view .naber-series-sidebar .naber-series-latest small{
 font-family:Arial,Helvetica,sans-serif!important;
 font-size:13px!important;line-height:1.4!important;margin-top:3px!important;
}

/* Series reader: chapter introduction and course-style contents navigation. */
.naber-community-view .naber-series-chapter-intro{
 padding:22px 24px 20px!important;margin:0 0 22px!important;
 background:#fff!important;border:1px solid #e8e4dd!important;border-radius:16px!important;
}
.naber-community-view .naber-chapter-intro-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.naber-community-view .naber-chapter-kicker{font:700 12px/1.4 Arial,Helvetica,sans-serif!important;letter-spacing:.07em!important;color:#526775!important}
.naber-community-view .naber-chapter-intro-count{font:500 13px/1.4 Arial,Helvetica,sans-serif;color:#6c747a}
.naber-community-view .naber-series-chapter-intro h2{margin:0!important;font:700 clamp(23px,2.5vw,30px)/1.24 Arial,Helvetica,sans-serif!important;color:#23333d!important}
.naber-community-view .naber-chapter-intro-description{font:400 15px/1.6 Arial,Helvetica,sans-serif!important;color:#596771;margin-top:12px}
.naber-community-view .naber-chapter-intro-description p{margin:0 0 8px}
.naber-community-view .naber-chapter-entry-links{display:grid;gap:3px;padding:5px 8px 12px 24px}
.naber-community-view .naber-chapter-entry-link{display:block;padding:8px 10px;border-radius:7px;font:500 13px/1.4 Arial,Helvetica,sans-serif;color:#445967;text-decoration:none;overflow-wrap:anywhere}
.naber-community-view .naber-chapter-entry-link:hover,.naber-community-view .naber-chapter-entry-link:focus-visible{background:#eaf0f0;color:#243540}
.naber-community-view .naber-series-post{scroll-margin-top:100px}
@media(min-width:961px){
 .naber-community-view .naber-series-chapters{position:sticky;top:76px;max-height:calc(100vh - 92px);overflow-y:auto;overscroll-behavior:contain}
}
@media(max-width:760px){
 .naber-community-view .naber-series-chapter-intro{padding:18px!important;margin-bottom:16px!important}
 .naber-community-view .naber-chapter-entry-links{padding-left:14px}
}

/* Community Settings controls: neutral tabs, right-anchored save action. */
body.naber-app .naber-settings .naber-settings-panel:not([hidden]) > .naber-settings-footer{
 justify-content:flex-end!important;
}
body.naber-app .naber-settings .naber-settings-panel:not([hidden]) > .naber-settings-footer > .naber-settings-dirty{
 margin-right:auto!important;
 color:#62717a!important;
}
body.naber-app .naber-settings .naber-settings-footer > .naber-settings-save{
 background:#243540!important;color:#fff!important;
 border:1px solid #243540!important;border-radius:999px!important;
 padding:11px 20px!important;min-height:42px!important;
 font-size:14px!important;font-weight:650!important;line-height:1.2!important;box-shadow:none!important;
}
body.naber-app .naber-settings .naber-settings-footer > .naber-settings-save:hover{
 background:#354853!important;border-color:#354853!important;
}
body.naber-app .naber-settings .naber-settings-footer > .naber-settings-save:focus-visible{
 outline:2px solid #344e5d!important;outline-offset:2px!important;
}
body.naber-app .naber-settings [role="tab"]:hover,
body.naber-app .naber-settings [role="tab"]:focus-visible{
 color:#243540!important;background:#f0f3f3!important;
 border-color:#c9d3d5!important;box-shadow:none!important;
}
body.naber-app .naber-settings [role="tab"][aria-selected="true"]{
 color:#243540!important;border-color:#c9d3d5!important;
 box-shadow:none!important;
}
body.naber-app .naber-settings [role="tab"]:focus-visible{
 outline:2px solid #344e5d!important;outline-offset:2px!important;
}

/* Settings subnavigation: prevent orange click/focus outline and status dot. */
body.naber-app .naber-settings .naber-settings-tab:focus,
body.naber-app .naber-settings .naber-settings-tab:focus-visible{
 outline:2px solid #344e5d!important;outline-offset:-2px!important;
 box-shadow:none!important;border-color:#c9d3d5!important;
}
body.naber-app .naber-settings .naber-settings-tab.is-active{
 color:#243540!important;border-bottom-color:#243540!important;
}
body.naber-app .naber-settings .naber-settings-tab-dot{
 background:#344e5d!important;
}

/* Settings page subtabs: active indicator is the underline only, never a focus box. */
body.naber-app .naber-settings .naber-settings-nav .naber-settings-tab,
body.naber-app .naber-settings .naber-settings-nav .naber-settings-tab:hover,
body.naber-app .naber-settings .naber-settings-nav .naber-settings-tab:focus,
body.naber-app .naber-settings .naber-settings-nav .naber-settings-tab:focus-visible{
 outline:none!important;outline-offset:0!important;box-shadow:none!important;
 border:0!important;border-bottom:2px solid transparent!important;
 border-radius:0!important;background:transparent!important;
}
body.naber-app .naber-settings .naber-settings-nav .naber-settings-tab.is-active{
 border-bottom-color:#243540!important;color:#243540!important;
}

/* Chapter readability: title first, compact bottom, chapters only in rail. */
.naber-community-view .naber-series-chapter-intro{
 padding:20px 24px 12px!important;
 margin-bottom:14px!important;
}
.naber-community-view .naber-series-chapter-intro h2{
 font-size:30px!important;line-height:1.25!important;margin:0 0 8px!important;
}
.naber-community-view .naber-series-chapter-intro .naber-chapter-intro-meta{
 margin:0!important;gap:12px!important;
}
.naber-community-view .naber-series-chapter-intro .naber-chapter-kicker,
.naber-community-view .naber-series-chapter-intro .naber-chapter-intro-count{
 font-size:14px!important;line-height:1.4!important;
}
.naber-community-view .naber-series-chapters .naber-series-chapter-link,
.naber-community-view .naber-series-chapters .naber-nav-title{
 font-size:15px!important;line-height:1.45!important;
}
.naber-community-view .naber-series-chapters .naber-nav-entry small{
 font-size:13px!important;line-height:1.5!important;
}
.naber-community-view .naber-series-chapters .naber-chapters-label,
.naber-community-view .naber-series-chapters .naber-series-side-heading{
 font-size:13px!important;
}
@media(max-width:760px){
 .naber-community-view .naber-series-chapter-intro{padding:17px 18px 10px!important}
 .naber-community-view .naber-series-chapter-intro h2{font-size:25px!important}
}

/* Chapter navigation refinement: roomier rail, independent search, top-right contribution. */
@media(min-width:761px){
 .naber-community-view .naber-series-chapter-layout{grid-template-columns:250px minmax(0,1fr)!important}
}
.naber-community-view .naber-series-chapters .naber-series-search-standalone{
 background:#fff!important;border:1px solid #e7e2d9!important;
 border-radius:12px!important;padding:12px!important;
 margin:-2px -2px 20px!important;box-shadow:0 1px 3px rgba(36,38,43,.03)!important;
}
.naber-community-view .naber-series-chapters .naber-series-search-standalone input{
 width:100%!important;font-size:15px!important;min-height:44px!important;
}
.naber-community-view .naber-series-chapter-intro{position:relative!important}
.naber-community-view .naber-chapter-intro-action{
 position:absolute;right:22px;top:18px;
}
.naber-community-view .naber-chapter-intro-action .naber-series-contribute-toggle{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
 width:auto!important;min-height:40px!important;padding:8px 16px!important;
 background:#243540!important;color:#fff!important;border:1px solid #243540!important;
 border-radius:999px!important;font-size:14px!important;font-weight:650!important;
}
.naber-community-view .naber-chapter-intro-action .naber-contribute-plus{
 color:#fff!important;background:transparent!important;border:0!important;font-size:17px!important;
}
.naber-community-view .naber-chapter-intro-action .naber-series-contribute-toggle:hover{
 background:#354853!important;border-color:#354853!important;
}
@media(min-width:761px){
 .naber-community-view .naber-series-chapter-intro:has(.naber-chapter-intro-action) h2{padding-right:220px!important}
}
@media(max-width:760px){
 .naber-community-view .naber-chapter-intro-action{position:static;margin-bottom:12px}
}

/* Series chapter rail: 280px wide, search card sits OUTSIDE navigation card. */
@media(min-width:761px){
 .naber-community-view .naber-series-chapter-layout{grid-template-columns:280px minmax(0,1fr)!important}
}
.naber-community-view .naber-series-chapter-rail{min-width:0;display:flex;flex-direction:column;gap:16px}
.naber-community-view .naber-series-chapter-rail>.naber-series-search-standalone{
 display:block!important;background:#fff!important;border:1px solid #e7e2d9!important;
 border-radius:12px!important;padding:16px!important;margin:0!important;
 box-shadow:none!important;
}
.naber-community-view .naber-series-chapter-rail>.naber-series-search-standalone input{
 display:block!important;width:100%!important;min-height:46px!important;
 box-sizing:border-box!important;font-size:15px!important;margin:0!important;
}
.naber-community-view .naber-series-chapter-rail>.naber-series-chapters{
 margin:0!important;width:100%!important;box-sizing:border-box!important;
}
@media(min-width:961px){
 .naber-community-view .naber-series-chapter-rail{
  position:sticky!important;top:76px!important;max-height:calc(100vh - 92px)!important;
  overflow-y:auto!important;overscroll-behavior:contain!important;
 }
 .naber-community-view .naber-series-chapter-rail>.naber-series-chapters{
  position:static!important;max-height:none!important;overflow:visible!important;
 }
}

/* Chapter rail final sizing: +30px, distinct search card and centered CTA. */
@media(min-width:761px){
 body.naber-app .naber-community-view .naber-series-chapter-layout{
  grid-template-columns:310px minmax(0,1fr)!important;
 }
}
body.naber-app .naber-community-view .naber-series-chapter-rail>.naber-series-search-standalone{
 background:#fff!important;border:1px solid #ded9d1!important;
 border-radius:14px!important;padding:15px!important;
 margin:0 0 4px!important;box-sizing:border-box!important;
 box-shadow:0 2px 7px rgba(36,38,43,.055)!important;
}
body.naber-app .naber-community-view .naber-series-chapter-rail>.naber-series-search-standalone input{
 border:1px solid #d8d5cf!important;border-radius:9px!important;background:#fff!important;
}
@media(min-width:761px){
 body.naber-app .naber-community-view .naber-chapter-intro-action{top:23px!important}
}

/* Chapter rail finishing touches: search magnifier and faint chapter separators. */
body.naber-app .naber-community-view .naber-series-chapter-rail>.naber-series-search-standalone{
 position:relative!important;
}
body.naber-app .naber-community-view .naber-series-chapter-rail>.naber-series-search-standalone::after{
 content:""!important;position:absolute!important;right:29px!important;top:50%!important;
 transform:translateY(-50%)!important;width:17px!important;height:17px!important;
 background:currentColor!important;color:#728390!important;pointer-events:none!important;
 -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='10.8' cy='10.8' r='7.3'/%3E%3Cpath d='m16.3 16.3 5 5'/%3E%3C/svg%3E") center/contain no-repeat!important;
 mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='10.8' cy='10.8' r='7.3'/%3E%3Cpath d='m16.3 16.3 5 5'/%3E%3C/svg%3E") center/contain no-repeat!important;
}
body.naber-app .naber-community-view .naber-series-chapter-rail>.naber-series-search-standalone input{
 padding-right:43px!important;
}
body.naber-app .naber-community-view .naber-series-chapters .naber-series-chapter-options>a.naber-series-chapter-link:has(.naber-nav-number)+a.naber-series-chapter-link:has(.naber-nav-number){
 border-top:1px solid rgba(36,53,64,.10)!important;
 border-radius:0 0 8px 8px!important;
 margin-top:5px!important;padding-top:15px!important;
}

/* Series chapter rail: subtle dividers after last chapter and unassigned entries. */
body.naber-app .naber-community-view .naber-series-chapter-options > a.naber-series-chapter-link:has(.naber-nav-number):not(:has(+ a.naber-series-chapter-link .naber-nav-number)){
 border-bottom:1px solid rgba(36,53,64,.10)!important;
 border-radius:0 0 8px 8px!important;
 padding-bottom:15px!important;
 margin-bottom:8px!important;
}
body.naber-app .naber-community-view .naber-series-chapter-options > a.naber-series-unassigned-link{
 border-bottom:1px solid rgba(36,53,64,.10)!important;
 border-radius:0 0 8px 8px!important;
 padding-bottom:15px!important;
 margin-bottom:8px!important;
}

/* Restore Series landing overview: only chapter cards, no chapter-reader rail.
   The nav/search rail is reserved for chapter and all-entry reading views. */
body.naber-app .naber-community-view .naber-series-chapter-layout.is-overview > .naber-series-chapter-rail{
 display:none!important;
}
body.naber-app .naber-community-view .naber-series-chapter-layout.is-overview > .naber-series-chapter-main{
 display:block!important;width:100%!important;max-width:100%!important;
}

/* Series chapter/All Entries on phones (Kingwood P0, 2026-11-14): the layout becomes one column at ≤760px, but the
   desktop align-items:start stayed in force, so the rail (search, Explore this Series, Contribute) shrank to its
   content width (~68% of a 375px phone). Stretch the rail to the same full width as the posts below it. */
@media(max-width:760px){
 .naber-community-view .naber-series-chapter-layout:not(.is-overview){align-items:stretch!important}
 .naber-community-view .naber-series-chapter-layout:not(.is-overview)>.naber-series-chapter-rail{
  width:100%!important;max-width:100%!important;align-self:stretch!important;box-sizing:border-box!important;
 }
}

/* Series actions: dropdown overlays the edit pencil instead of sitting beneath it. */
.naber-series .naber-series-control-rail .naber-series-menu:has(.naber-ctx-list:not([hidden])){
 z-index:30!important;
}
.naber-series .naber-series-control-rail .naber-series-menu .naber-ctx-list{
 z-index:31!important;
}
.naber-series .naber-series-control-rail .naber-series-studio-open{
 z-index:1!important;
}

/* Series actions menu: quiet icons aligned with each existing action. */
.naber-series .naber-series-menu .naber-ctx-list [data-naber-action="copy-link"],
.naber-series .naber-series-menu .naber-ctx-list [data-naber-action="qr"],
.naber-series .naber-series-menu .naber-ctx-list [data-naber-action="embed"]{
 display:flex!important;align-items:center!important;gap:11px!important;
}
.naber-series .naber-series-menu .naber-ctx-list [data-naber-action="copy-link"]::before,
.naber-series .naber-series-menu .naber-ctx-list [data-naber-action="qr"]::before,
.naber-series .naber-series-menu .naber-ctx-list [data-naber-action="embed"]::before{
 content:"";display:block;flex:0 0 17px;width:17px;height:17px;background:#526775;
 -webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;
 mask-position:center;mask-repeat:no-repeat;mask-size:contain;
}
.naber-series .naber-series-menu .naber-ctx-list [data-naber-action="copy-link"]::before{
 -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71'/%3E%3Cpath d='M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71'/%3E%3C/svg%3E")!important;
 mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71'/%3E%3Cpath d='M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71'/%3E%3C/svg%3E")!important;
}
.naber-series .naber-series-menu .naber-ctx-list [data-naber-action="qr"]::before{
 -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M3 3h7v7H3zM14 3h7v7h-7zM3 14h7v7H3zM14 14h3v3h-3zM21 14v3M17 21h4M14 19v2M20 19h1'/%3E%3C/svg%3E");
 mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M3 3h7v7H3zM14 3h7v7h-7zM3 14h7v7H3zM14 14h3v3h-3zM21 14v3M17 21h4M14 19v2M20 19h1'/%3E%3C/svg%3E");
}
.naber-series .naber-series-menu .naber-ctx-list [data-naber-action="embed"]::before{
 -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m8 17-5-5 5-5M16 7l5 5-5 5m-6 3 4-16'/%3E%3C/svg%3E");
 mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m8 17-5-5 5-5M16 7l5 5-5 5m-6 3 4-16'/%3E%3C/svg%3E");
}

/* Articles listing chrome aligned with approved Series page; Article cards untouched. */
@media(min-width:961px){
 body.naber-app .naber-community-view .naber-articles-layout.has-sidebar{
  grid-template-columns:minmax(0,1fr) 300px!important;gap:24px!important;
 }
 body.naber-app .naber-community-view .naber-articles-layout.has-sidebar>.naber-articles-sidebar{
  min-width:0!important;
 }
}
body.naber-app .naber-community-view .naber-articles-head{
 margin-bottom:16px!important;gap:14px!important;align-items:center!important;
}
body.naber-app .naber-community-view .naber-articles-title-group h2{
 font-family:inherit!important;font-size:28px!important;font-weight:700!important;line-height:1.2!important;
}
body.naber-app .naber-community-view .naber-articles-intro{
 font-size:15px!important;line-height:1.5!important;color:#66757f!important;
}
body.naber-app .naber-community-view .naber-create-article{
 min-height:40px!important;padding:0 17px!important;border:1px solid #243540!important;
 border-radius:999px!important;background:#243540!important;color:#fff!important;
 font-size:14px!important;font-weight:650!important;box-shadow:none!important;
}
body.naber-app .naber-community-view .naber-create-article:hover{
 background:#354853!important;border-color:#354853!important;color:#fff!important;
}
body.naber-app .naber-community-view .naber-articles-toolbar-row{
 gap:12px!important;padding:12px 0 14px!important;
}
body.naber-app .naber-community-view .naber-art-catchip{
 min-height:38px!important;padding:7px 12px!important;border-radius:999px!important;
 font-size:14px!important;line-height:1.3!important;
}
body.naber-app .naber-community-view .naber-articles-result-count{
 font-size:14px!important;
}
body.naber-app .naber-community-view .naber-articles-sort,
body.naber-app .naber-community-view .naber-articles-sort select{
 font-size:14px!important;
}
body.naber-app .naber-community-view .naber-articles-sort select{
 min-height:40px!important;padding:0 28px 0 12px!important;
}
body.naber-app .naber-community-view .naber-articles-view-switch button{
 width:38px!important;height:36px!important;
}
body.naber-app .naber-community-view .naber-articles-view-switch svg{
 width:18px!important;height:18px!important;
}
body.naber-app .naber-community-view .naber-articles-sidebar .naber-article-side-section{
 padding-bottom:18px!important;margin-bottom:18px!important;
}
body.naber-app .naber-community-view .naber-articles-sidebar .naber-article-side-section h3,
body.naber-app .naber-community-view .naber-articles-sidebar .naber-article-side-section h4{
 font-family:inherit!important;font-size:14px!important;line-height:1.4!important;
}
body.naber-app .naber-community-view .naber-articles-sidebar .naber-article-side-search input{
 font-size:14px!important;height:44px!important;padding-left:12px!important;
}
body.naber-app .naber-community-view .naber-articles-sidebar a,
body.naber-app .naber-community-view .naber-articles-sidebar button{
 font-size:14px!important;
}
body.naber-app .naber-community-view .naber-articles-sidebar small{
 font-size:13px!important;line-height:1.4!important;
}

/* Articles sidebar polish: readable Fresh Reads and Community Sponsor; cards untouched. */
body.naber-app .naber-community-view .naber-articles-sidebar .naber-article-featured strong{
 font-family:Arial,Helvetica,sans-serif!important;font-size:15px!important;
 font-weight:650!important;line-height:1.35!important;color:#344e5d!important;
}
body.naber-app .naber-community-view .naber-articles-sidebar .naber-article-featured small{
 font-family:Arial,Helvetica,sans-serif!important;font-size:13px!important;line-height:1.4!important;
}
body.naber-app .naber-community-view .naber-articles-sidebar .naber-article-featured{
 gap:12px!important;margin:12px 0!important;
}
body.naber-app .naber-community-view .naber-articles-sidebar .naber-article-sponsor{
 padding:18px!important;
}
body.naber-app .naber-community-view .naber-articles-sidebar .naber-article-sponsor>span{
 font-family:Arial,Helvetica,sans-serif!important;font-size:12px!important;line-height:1.4!important;
}
body.naber-app .naber-community-view .naber-articles-sidebar .naber-article-sponsor>h3{
 font-family:Arial,Helvetica,sans-serif!important;font-size:17px!important;
 font-weight:700!important;line-height:1.35!important;margin:9px 0!important;
}
body.naber-app .naber-community-view .naber-articles-sidebar .naber-article-sponsor>p{
 font-family:Arial,Helvetica,sans-serif!important;font-size:14px!important;line-height:1.55!important;
}

/* Article card information: no repeated category/read time below covers. */
body.naber-app .naber-community-view .naber-articles-grid .naber-art-tile-body .naber-article-kicker{
 display:none!important;
}
body.naber-app .naber-community-view .naber-articles-grid .naber-art-tile-excerpt{
 font-size:15px!important;line-height:1.55!important;color:#5f6971!important;
}

/* Articles views: full image means every article is full width.
   Grid and list retain their established card layouts. */
@media(min-width:761px){
 body.naber-app .naber-community-view .naber-articles-grid[data-layout="full"]{
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:16px!important;
 }
 body.naber-app .naber-community-view .naber-articles-grid[data-layout="full"]>.naber-art-tile{
  grid-column:1/-1!important;
 }
}
/* Retire redundant fourth masonry view control; preserve the three distinct modes. */
body.naber-app .naber-community-view .naber-articles-view-switch button:nth-child(4){
 display:none!important;
}

/* Article card content consistency: summary and Read Article in every view. */
body.naber-app .naber-community-view .naber-articles-grid[data-layout="full"] .naber-art-tile-excerpt,
body.naber-app .naber-community-view .naber-articles-grid[data-layout="grid"] .naber-art-tile-excerpt,
body.naber-app .naber-community-view .naber-articles-grid[data-layout="list"] .naber-art-tile-excerpt{
 display:-webkit-box!important;-webkit-box-orient:vertical!important;
 -webkit-line-clamp:3!important;overflow:hidden!important;
 font-size:15px!important;line-height:1.55!important;
}
body.naber-app .naber-community-view .naber-articles-grid .naber-art-read-link{
 display:inline-flex!important;align-items:center;justify-content:center;
 align-self:flex-end;margin:8px 0 0 auto;padding:9px 15px;min-height:38px;
 border-radius:999px;background:#243540;color:#fff!important;
 font-family:inherit;font-size:14px;font-weight:650;line-height:1.2;
 text-decoration:none!important;white-space:nowrap;
}
body.naber-app .naber-community-view .naber-articles-grid .naber-art-read-link:hover,
body.naber-app .naber-community-view .naber-articles-grid .naber-art-read-link:focus-visible{
 background:#354853!important;color:#fff!important;
}
body.naber-app .naber-community-view .naber-articles-grid[data-layout="full"] .naber-art-tile-body h3{
 position:absolute!important;width:1px!important;height:1px!important;
 overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;
}
@media(max-width:600px){
 body.naber-app .naber-community-view .naber-articles-grid .naber-art-read-link{
  min-height:36px;padding:8px 13px;font-size:13px;
 }
}

/* Compact article action: inline with author/date, no extra button row. */
body.naber-app .naber-community-view .naber-articles-grid .naber-art-tile-by{
 display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important;
}
body.naber-app .naber-community-view .naber-articles-grid .naber-art-read-link{
 display:inline-flex!important;align-items:center!important;min-height:0!important;
 margin:0 0 0 auto!important;padding:2px 0!important;border:0!important;
 border-radius:0!important;background:transparent!important;box-shadow:none!important;
 color:#4c687a!important;font-size:13px!important;font-weight:650!important;
 text-decoration:none!important;
}
body.naber-app .naber-community-view .naber-articles-grid .naber-art-read-link:hover,
body.naber-app .naber-community-view .naber-articles-grid .naber-art-read-link:focus-visible{
 background:transparent!important;color:#243540!important;text-decoration:underline!important;
}

/* Article cards: reader link in footer right; editor pencil discreetly in content top-right. */
body.naber-app .naber-community-view .naber-articles-grid .naber-art-tile-body{
 position:relative!important;
}
body.naber-app .naber-community-view .naber-articles-grid .naber-art-tile-edit-row{
 position:absolute!important;right:12px!important;top:10px!important;
 margin:0!important;z-index:2!important;
}
body.naber-app .naber-community-view .naber-articles-grid .naber-art-tile-edit{
 width:28px!important;height:28px!important;border-radius:7px!important;
 background:rgba(255,255,255,.86)!important;
}
body.naber-app .naber-community-view .naber-articles-grid .naber-art-tile-edit:hover{
 background:#eef2f3!important;
}
body.naber-app .naber-community-view .naber-articles-grid .naber-art-tile-footer{
 display:flex!important;align-items:center!important;justify-content:space-between!important;
 gap:12px!important;
}
body.naber-app .naber-community-view .naber-articles-grid .naber-art-tile-footer>.naber-art-read-link{
 margin-left:auto!important;flex:none!important;
}

/* Articles: reserve space for upper-right edit control without growing the card. */
body.naber-app .naber-community-view .naber-articles-grid .naber-art-tile-body > .naber-art-tile-excerpt{
 padding-right:35px!important;box-sizing:border-box!important;
}
body.naber-app .naber-community-view .naber-articles-grid .naber-art-tile-category-link{
 color:#4c687a!important;text-decoration:none!important;font:inherit!important;
}
body.naber-app .naber-community-view .naber-articles-grid .naber-art-tile-category-link:hover,
body.naber-app .naber-community-view .naber-articles-grid .naber-art-tile-category-link:focus-visible{
 color:#243540!important;text-decoration:underline!important;
}

/* Article card compact spacing: tighten excerpt-to-byline, trim bottom 2px. */
body.naber-app .naber-community-view .naber-articles-grid .naber-art-tile-body .naber-art-tile-excerpt{
 margin-bottom:5px!important;
}
body.naber-app .naber-community-view .naber-articles-grid .naber-art-tile-footer{
 margin-top:0!important;
}
body.naber-app .naber-community-view .naber-articles-grid .naber-art-tile-body{
 padding-bottom:calc(16px - 2px)!important;
}

/* Article date and footer fine-tuning: legible image date, tighter byline. */
body.naber-app .naber-community-view .naber-articles-grid .naber-art-cover-title > span{
 font-size:14px!important;line-height:1.4!important;letter-spacing:.035em!important;
}
body.naber-app .naber-community-view .naber-articles-grid .naber-art-tile-body .naber-art-tile-excerpt{
 margin-bottom:3px!important;
}
body.naber-app .naber-community-view .naber-articles-grid .naber-art-tile-body{
 padding-bottom:12px!important;
}

/* Series Full Image view: every tile uses the approved full-width overlay design. */
@media(min-width:761px){
 body.naber-app .naber-community-view .naber-series-grid[data-layout="full"]{
  grid-template-columns:minmax(0,1fr)!important;gap:16px!important;
 }
 body.naber-app .naber-community-view .naber-series-grid[data-layout="full"]>.naber-series-tile{
  grid-column:1/-1!important;
 }
 body.naber-app .naber-community-view .naber-series-grid[data-layout="full"]>.naber-series-tile .naber-series-tile-cover{
  aspect-ratio:2.05/1!important;
 }
}

/* Articles final view metadata: date in list byline, on image for visual views. */
body.naber-app .naber-community-view .naber-articles-grid:not([data-layout="list"]) .naber-art-list-date{
 display:none!important;
}
body.naber-app .naber-community-view .naber-articles-grid[data-layout="list"] .naber-art-list-date{
 display:inline!important;
}
body.naber-app .naber-community-view .naber-articles-grid[data-layout="grid"] .naber-art-cover-title > span{
 display:block!important;font-size:14px!important;line-height:1.4!important;
}
/* Keep reader action comfortably inset without changing footer height. */
body.naber-app .naber-community-view .naber-articles-grid .naber-art-tile-footer > .naber-art-read-link{
 margin-right:12px!important;
}

/* Grid article cover: show publication date without repeating the title overlay. */
body.naber-app .naber-community-view .naber-articles-grid[data-layout="grid"] .naber-art-cover-title{
 opacity:1!important;transform:none!important;pointer-events:none!important;
}
body.naber-app .naber-community-view .naber-articles-grid[data-layout="grid"] .naber-art-cover-title strong{
 display:none!important;
}
body.naber-app .naber-community-view .naber-articles-grid[data-layout="grid"] .naber-art-cover-title > span{
 display:inline-block!important;align-self:flex-start!important;
 background:rgba(20,31,37,.48)!important;padding:3px 6px!important;border-radius:4px!important;
}

/* Series: smaller Explore action; compact list matches Articles' scan-friendly rows. */
body.naber-app .naber-community-view .naber-series-grid:not([data-layout="list"]) .naber-series-open{
 font-size:12px!important;min-height:34px!important;padding:7px 12px!important;
 line-height:1.3!important;border-radius:999px!important;
}
body.naber-app .naber-community-view .naber-series-grid[data-layout="list"]>.naber-series-tile{
 grid-template-columns:210px minmax(0,1fr)!important;gap:16px!important;
 align-items:center!important;padding:12px 0!important;min-height:0!important;
 border:0!important;border-bottom:1px solid #e9e6e1!important;
 border-radius:0!important;box-shadow:none!important;background:transparent!important;
}
body.naber-app .naber-community-view .naber-series-grid[data-layout="list"] .naber-series-tile-cover{
 width:100%!important;aspect-ratio:1.45/1!important;border-radius:8px!important;
 overflow:hidden!important;
}
body.naber-app .naber-community-view .naber-series-grid[data-layout="list"] .naber-series-tile-body{
 display:flex!important;flex-direction:column!important;gap:5px!important;
 padding:0!important;margin:0!important;min-height:0!important;
 background:transparent!important;color:#243540!important;
}
body.naber-app .naber-community-view .naber-series-grid[data-layout="list"] .naber-series-tile-body h3{
 position:static!important;width:auto!important;height:auto!important;
 overflow:visible!important;clip:auto!important;white-space:normal!important;
 font-family:inherit!important;font-size:19px!important;line-height:1.3!important;margin:0!important;
}
body.naber-app .naber-community-view .naber-series-grid[data-layout="list"] .naber-series-tile-desc{
 display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important;
 overflow:hidden!important;font-size:15px!important;line-height:1.5!important;margin:0!important;
}
body.naber-app .naber-community-view .naber-series-grid[data-layout="list"] .naber-series-tile-meta{
 font-size:13px!important;line-height:1.4!important;margin:0!important;
}
body.naber-app .naber-community-view .naber-series-grid[data-layout="list"] .naber-series-open{
 display:inline-flex!important;align-self:flex-end!important;align-items:center!important;
 min-height:0!important;margin:0!important;padding:3px 0!important;
 border:0!important;background:transparent!important;color:#4c687a!important;
 font-size:13px!important;font-weight:650!important;text-decoration:none!important;
}
body.naber-app .naber-community-view .naber-series-grid[data-layout="list"] .naber-series-open:hover{
 color:#243540!important;text-decoration:underline!important;
}
body.naber-app .naber-community-view .naber-series-grid[data-layout="list"] .naber-series-open span[aria-hidden="true"]{
 display:none!important;
}
@media(max-width:700px){
 body.naber-app .naber-community-view .naber-series-grid[data-layout="list"]>.naber-series-tile{
  grid-template-columns:120px minmax(0,1fr)!important;gap:12px!important;
 }
}

/* Shared Updates control: readable in all normal, hover, focus, and active states. */
body .naber-updates-btn,
body .naber-updates-btn:hover,
body .naber-updates-btn:focus-visible,
body .naber-updates-btn[aria-expanded="true"]{
 color:#243540!important;border-color:#dce2e1!important;text-shadow:none!important;box-shadow:none!important;
}
body .naber-updates-btn{background:#fff!important;background-color:#fff!important}
body .naber-updates-btn:hover,
body .naber-updates-btn:focus-visible,
body .naber-updates-btn[aria-expanded="true"]{background:#e9efee!important;background-color:#e9efee!important}
body .naber-updates-btn svg{color:inherit!important;stroke:currentColor!important}

/* Community Settings → Prayer: landing actions and Faith First Prayer Management dialog */
.naber-ff-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin:0 0 20px}
.naber-ff-action-card{border:1px solid var(--naber-border,#e2e5e9);border-radius:12px;padding:18px 20px;background:var(--naber-surface,#fff);display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.naber-ff-action-card h4{margin:0;font-size:1.05rem}
.naber-ff-action-card p{margin:0}
.naber-ff-action-card .neighbor-button{margin-top:auto;text-decoration:none}
.naber-ff-config{margin-top:4px}
dialog.naber-ff-manage{width:min(94vw,1400px);max-width:94vw;max-height:90vh;padding:0;border:0;border-radius:16px;overflow:auto;overscroll-behavior:contain;box-shadow:0 24px 80px rgba(15,23,42,.35);background:#f7f5ef;color:inherit}
dialog.naber-ff-manage:not([open]){display:none}
dialog.naber-ff-manage::backdrop{background:rgba(15,23,42,.55)}
dialog.naber-ff-manage[open]:not(:modal){position:relative;width:100%;max-width:100%;max-height:none;box-shadow:none;margin:16px 0}
.naber-ff-manage-close{position:sticky;top:12px;float:right;margin:12px 12px -56px 0;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#fff;border:1px solid #d4e0df;color:#153d43;font-size:26px;line-height:1;text-decoration:none;box-shadow:0 2px 8px rgba(0,0,0,.12)}
.naber-ff-manage-close:hover,.naber-ff-manage-close:focus-visible{background:#eaf2f1;outline:2px solid #1d5156;outline-offset:2px}
.naber-ff-manage-body{min-width:0}
.naber-ff-manage-body .ff-admin-workspace{padding-top:28px}
.naber-ff-manage-body .ff-admin-tabs{flex-wrap:wrap;overflow-x:auto}
html.naber-ff-manage-active,html.naber-ff-manage-active body{overflow:hidden}
@media (max-width:720px){
  dialog.naber-ff-manage{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;border-radius:0}
  .naber-ff-manage-body .ff-admin-workspace{padding:20px 14px 40px}
  .naber-ff-manage-body .ff-admin-columns{grid-template-columns:1fr}
}

/* Naber community page consistency: shared navigation and creation controls. */
body.naber-app .naber-community-view .naber-tabs a,
body.naber-app .naber-community-view .naber-tabs button{
 font-size:calc(1em + 2px)!important;
}
/* Match New Series to the Create Article pill, including typography and plus icon. */
body.naber-app .naber-community-view .naber-series-create>summary.neighbor-button{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;
 font-family:inherit!important;font-size:13px!important;font-weight:700!important;line-height:1.25!important;
 min-height:40px!important;padding:9px 15px!important;border-radius:999px!important;
 background:#243540!important;color:#fff!important;border:1px solid #243540!important;
}
body.naber-app .naber-community-view .naber-series-create>summary.neighbor-button:hover{
 background:#354853!important;color:#fff!important;border-color:#354853!important;
}
/* Articles-style divider below Series title and create action. */
body.naber-app .naber-community-view .naber-series-title-group{
 border-bottom:1px solid #e7e3dc!important;padding-bottom:15px!important;margin-bottom:0!important;
}

/* Shared community navigation: restore readable compact size, not a 2px em expansion. */
body.naber-app .naber-community-view .naber-tabs a,
body.naber-app .naber-community-view .naber-tabs button{
 font-size:14px!important;
}
/* Full-width divider belongs to the Series header, never just its title column. */
body.naber-app .naber-community-view .naber-series-title-group{
 border-bottom:0!important;padding-bottom:0!important;
}
body.naber-app .naber-community-view .naber-series-head{
 align-items:center!important;position:relative!important;
 border-bottom:1px solid #e7e3dc!important;
 padding-bottom:13px!important;margin-bottom:0!important;
}
body.naber-app .naber-community-view .naber-series-toolbar{
 padding-top:9px!important;
}
body.naber-app .naber-community-view .naber-series-create{
 display:flex!important;align-items:center!important;align-self:center!important;
}

/* Series header action row: compact Create + Manage, vertically centered. */
body.naber-app .naber-community-view .naber-series-header-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;flex-shrink:0!important}
body.naber-app .naber-community-view .naber-series-header-actions .naber-series-create{margin:0!important}
body.naber-app .naber-community-view .naber-series-header-actions .naber-series-manage{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:36px!important;padding:7px 13px!important;border-radius:999px!important;background:#f3f4f2!important;color:#243540!important;border:1px solid #e1e4e1!important;font:650 12px/1.2 system-ui,sans-serif!important;text-decoration:none!important}
body.naber-app .naber-community-view .naber-series-header-actions .naber-series-manage:hover{background:#e9efee!important;color:#243540!important}

/* Series/Articles: identical compact action sizing and header-to-filters rhythm. */

body.naber-app .naber-community-view .naber-series-title-group{padding:0!important;margin:0!important;border:0!important}
body.naber-app .naber-community-view .naber-series-toolbar{padding:12px 0 14px!important;margin:0!important}
body.naber-app .naber-community-view .naber-series-header-actions{display:flex!important;align-items:center!important;gap:8px!important}
body.naber-app .naber-community-view .naber-series-header-actions .naber-series-create>summary.neighbor-button,
body.naber-app .naber-community-view .naber-series-header-actions .naber-series-manage,
body.naber-app .naber-community-view .naber-articles-header-actions .naber-create-article,
body.naber-app .naber-community-view .naber-articles-header-actions .naber-articles-manage,
body.naber-app .naber-community-view .naber-articles-header-actions .naber-articles-manage-articles{box-sizing:border-box!important;display:inline-flex!important;justify-content:center!important;align-items:center!important;height:40px!important;min-height:40px!important;padding:0 16px!important;border-radius:999px!important;font:650 13px/1.2 system-ui,sans-serif!important;white-space:nowrap!important}
body.naber-app .naber-community-view .naber-articles-header-actions{display:flex!important;align-items:center!important;gap:8px!important}
body.naber-app .naber-community-view .naber-articles-header-actions .naber-articles-manage,
body.naber-app .naber-community-view .naber-articles-header-actions .naber-articles-manage-articles{background:#f3f4f2!important;color:#243540!important;border:1px solid #e1e4e1!important;text-decoration:none!important}
body.naber-app .naber-community-view .naber-articles-header-actions .naber-articles-manage:hover,
body.naber-app .naber-community-view .naber-articles-header-actions .naber-articles-manage-articles:hover{background:#e9efee!important;color:#243540!important}


/* Series listing: compact, Articles-aligned header and filter row.
   Single final rule set; no extra minimum height or double divider. */
body.naber-app .naber-community-view .naber-series:has(>.naber-series-list-page){
 padding-top:0!important;
}
body.naber-app .naber-community-view .naber-series-list-page>.naber-series-head{
 display:flex!important;align-items:center!important;justify-content:space-between!important;
 min-height:0!important;height:auto!important;
 margin:0!important;padding:4px 0!important;gap:14px!important;
 border:0!important;
}
body.naber-app .naber-community-view .naber-series-list-page .naber-series-title-group{
 display:flex!important;align-items:center!important;gap:10px!important;
 margin:0!important;padding:0!important;border:0!important;
}
body.naber-app .naber-community-view .naber-series-list-page .naber-series-heading,
body.naber-app .naber-community-view .naber-series-list-page .naber-series-sub{
 margin:0!important;align-self:center!important;
}
body.naber-app .naber-community-view .naber-series-list-page .naber-series-sub{
 line-height:1.3!important;
}
body.naber-app .naber-community-view .naber-series-list-page .naber-series-header-actions{
 align-self:center!important;align-items:center!important;
}
body.naber-app .naber-community-view .naber-series-list-page .naber-series-header-actions .naber-series-create,
body.naber-app .naber-community-view .naber-series-list-page .naber-series-header-actions .naber-series-manage{
 align-self:center!important;margin:0!important;
}
body.naber-app .naber-community-view .naber-series-list-page>.naber-series-toolbar{
 margin:5px 0 12px!important;padding:8px 0 10px!important;
 border-top:1px solid #e7e3dc!important;
 border-bottom:1px solid #e7e3dc!important;
}

/* Full Image + Link — large visual treatment for rich website previews. */
.naber-full-image-link{display:flex!important;flex-direction:column!important;overflow:hidden;border-radius:13px;text-decoration:none!important}
.naber-full-image-link .naber-full-image-media{display:block;width:100%;overflow:hidden;background:#f1f2f0}
.naber-full-image-link .naber-full-image-media img{display:block;width:100%;height:auto;max-height:540px;object-fit:contain}
.naber-full-image-link .naber-full-image-info{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:12px 15px}
.naber-full-image-link .naber-full-image-info small{font-size:11px;letter-spacing:.03em;text-transform:uppercase;color:#6c7780}
.naber-full-image-link .naber-full-image-info strong{font-size:16px;line-height:1.35;color:#243541}
.naber-full-image-link .naber-full-image-info>span{font-size:12px;color:#456686}
@media(max-width:600px){.naber-full-image-link .naber-full-image-info{padding:11px 12px}.naber-full-image-link .naber-full-image-info strong{font-size:14px}}

/* Article editor interactive tags */
.naber-art-tag-box{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-height:43px;padding:6px 10px;border:1px solid #dcd7cd;border-radius:10px;background:#fff}
.naber-art-tag-chips{display:flex;flex-wrap:wrap;gap:5px}
.naber-art-tag-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 7px;background:#eef2f2;border:1px solid #d9e0df;border-radius:999px;color:#263d47;font-size:12px}
.naber-art-tag-chip button{border:0!important;background:transparent!important;color:inherit!important;font-size:16px!important;line-height:1!important;padding:0 2px!important;cursor:pointer}
.naber-art-tag-entry{flex:1 1 130px;min-width:90px;max-width:100%;padding:4px!important;border:0!important;background:transparent!important;box-shadow:none!important;outline:none!important;font-size:13px!important}
.naber-art-tag-box:focus-within{border-color:#597e91;box-shadow:0 0 0 2px rgba(89,126,145,.13)}

/* One clean Tags field: override theme/editor input chrome inside the chip container. */
body.naber-app .naber-art-field .naber-art-tag-box input.naber-art-tag-entry,
.naber-art-field .naber-art-tag-box input[type="text"].naber-art-tag-entry{
 appearance:none!important;-webkit-appearance:none!important;
 border:0!important;border-radius:0!important;outline:0!important;
 box-shadow:none!important;background:transparent!important;
 margin:0!important;padding:4px 2px!important;
 height:auto!important;min-height:25px!important;
 width:auto!important;flex:1 1 120px!important;
}
body.naber-app .naber-art-field .naber-art-tag-box input.naber-art-tag-entry:focus{
 border:0!important;outline:0!important;box-shadow:none!important;
}

/* Article publishing actions: match the existing rounded settings cards.
   Keep community navigation outside the editor unchanged. */
.naber-art-editor .naber-art-topbar{
  background:#fff;
  border:1px solid #e4ded4;
  border-radius:16px;
  padding:12px 15px;
  margin-bottom:12px;
  box-sizing:border-box;
}
@media(max-width:700px){
  .naber-art-editor .naber-art-topbar{padding:10px 12px;border-radius:14px;}
}

/* Mobile-only post composer: full-screen editing sheet and contained visibility controls. */
@media(max-width:740px){
 .naber-community-view .neighbor-create-post .naber-composer-form.is-open{
  position:fixed!important;inset:0!important;inset:0 0 0 0!important;
  width:100vw!important;max-width:100vw!important;height:100dvh!important;
  max-height:100dvh!important;z-index:100000!important;
  overflow-y:auto!important;overscroll-behavior:contain!important;
  padding:calc(16px + env(safe-area-inset-top,0px)) 14px calc(88px + env(safe-area-inset-bottom,0px))!important;
  border:0!important;border-radius:0!important;background:#fff!important;
  box-sizing:border-box!important;
 }
 .naber-community-view .neighbor-create-post .naber-composer-form.is-open .naber16-editor-shell{min-height:175px!important}
 .naber-community-view .neighbor-create-post .naber-composer-form.is-open .naber-composer-body{min-height:140px!important}
 .naber-community-view .neighbor-create-post .naber-composer-form.is-open .neighbor-form-footer{
  position:sticky!important;bottom:0!important;z-index:9!important;
  background:#fff!important;padding:10px 0 calc(10px + env(safe-area-inset-bottom,0px))!important;
 }
 .naber-community-view .naber-visibility-picker{position:relative!important;max-width:100%!important}
 .naber-community-view .naber-visibility-picker .naber-visibility-options{
  position:absolute!important;right:0!important;top:calc(100% + 4px)!important;
  width:min(280px,calc(100vw - 28px))!important;max-width:calc(100vw - 28px)!important;
  box-sizing:border-box!important;z-index:50!important;
 }
 .naber-community-view .naber-visibility-current svg,
 .naber-community-view .naber-visibility-options button svg{
  width:18px!important;height:18px!important;min-width:18px!important;max-width:18px!important;
  min-height:18px!important;max-height:18px!important;flex:0 0 18px!important;
 }
 .naber-community-view .naber-visibility-picker:not([open])>.naber-visibility-options{display:none!important}
}

/* A glass Create Post card creates a fixed-position containing block via
   backdrop-filter. Temporarily remove that containing block while its mobile
   composer is open, so the dialog is fixed to the viewport rather than
   clipped into the feed card. Closed glass cards retain their normal effect. */
@media (max-width:740px){
 body.naber-app .naber-community-view.naber-cards-glass .neighbor-create-post:has(.naber-composer-form.is-open){
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
 }
}

/* Mobile composer polish: inset dialog, backdrop and no horizontal overflow. */
@media(max-width:740px){
 body:has(.naber-community-view .neighbor-create-post .naber-composer-form.is-open)::before{
  content:"";position:fixed;inset:0;background:rgba(20,31,38,.52);
  z-index:99998;pointer-events:auto;
 }
 /* Batch 1: "Contribute to Series" opens this same composer inside its own dialog (which has its own backdrop and
    stacking context); the page-level backdrop would sit above that dialog, so it is not drawn while it is open. */
 body:has(.naber-series-sidebar-composer:not([hidden]) .naber-composer-form.is-open)::before{content:none!important;display:none!important}
 .naber-community-view .neighbor-create-post .naber-composer-form.is-open{
  inset:calc(10px + env(safe-area-inset-top,0px)) 10px calc(10px + env(safe-area-inset-bottom,0px)) 10px!important;
  position:fixed!important;width:auto!important;max-width:none!important;
  height:auto!important;max-height:none!important;z-index:99999!important;
  border:1px solid #d9e2e2!important;border-radius:20px!important;
  padding:14px 13px 16px!important;overflow-x:hidden!important;overflow-y:auto!important;
  box-shadow:0 20px 65px rgba(13,29,36,.24)!important;background:#fff!important;
 }
 .naber-community-view .neighbor-create-post .naber-composer-form.is-open,
 .naber-community-view .neighbor-create-post .naber-composer-form.is-open *{box-sizing:border-box}
 .naber-community-view .neighbor-create-post .naber-composer-form.is-open .naber15-toolbar,
 .naber-community-view .neighbor-create-post .naber-composer-form.is-open .naber13-toolbar,
 .naber-community-view .neighbor-create-post .naber-composer-form.is-open .naber15-panelhost{
  max-width:100%!important;min-width:0!important;
 }
 .naber-community-view .neighbor-create-post .naber-composer-form.is-open .naber16-editor-shell{
  min-height:135px!important;max-width:100%!important;
 }
 .naber-community-view .neighbor-create-post .naber-composer-form.is-open .naber-composer-body{
  min-height:105px!important;
 }
 .naber-community-view .neighbor-create-post .naber-composer-form.is-open .neighbor-form-footer{
  background:#fff!important;border-top:1px solid #e9e6e1;
  padding:9px 0 3px!important;bottom:0!important;
 }
 .naber-community-view .neighbor-create-post .naber-composer-form.is-open .naber-sched-when,
 .naber-community-view .neighbor-create-post .naber-composer-form.is-open .naber-sched-when-at{
  position:relative;z-index:10;max-width:100%!important;
 }
 .naber-community-view .neighbor-create-post .naber-composer-form.is-open .naber-sched-when-select{
  position:relative;z-index:11;max-width:100%!important;
 }
}

/* Mobile composer acceptance polish: compact centered sheet, visible close, no sideways scroll. */
@media(max-width:740px){
 .naber-community-view .neighbor-create-post .naber-composer-form.is-open{
  top:50%!important;bottom:auto!important;left:50%!important;right:auto!important;
  transform:translate(-50%,-50%)!important;
  width:calc(100vw - 20px)!important;max-width:420px!important;
  height:auto!important;max-height:min(90dvh,760px)!important;
  overflow-x:hidden!important;overflow-y:auto!important;
  padding:12px 12px 14px!important;
 }
 .naber-community-view .neighbor-create-post .naber-composer-form.is-open .naber13-header{
  display:flex!important;position:sticky!important;top:-12px!important;z-index:30!important;
  align-items:center!important;justify-content:space-between!important;
  background:#fff!important;min-height:46px!important;
 }
 .naber-community-view .neighbor-create-post .naber-composer-form.is-open .naber13-close{
  display:grid!important;place-items:center!important;position:relative!important;
  width:36px!important;height:36px!important;min-width:36px!important;
  border-radius:50%!important;border:1px solid #dce2e1!important;
  font-size:24px!important;line-height:1!important;color:#273743!important;background:#fff!important;
  visibility:visible!important;opacity:1!important;pointer-events:auto!important;
 }
 .naber-community-view .neighbor-create-post .naber-composer-form.is-open .naber13-title{
  display:block!important;font-size:19px!important;line-height:1.3!important;margin:0!important;
 }
 .naber-community-view .neighbor-create-post .naber-composer-form.is-open .naber13-toolbar,
 .naber-community-view .neighbor-create-post .naber-composer-form.is-open .naber15-toolbar,
 .naber-community-view .neighbor-create-post .naber-composer-form.is-open .naber15-panelhost{
  overflow-x:hidden!important;max-width:100%!important;
 }
 .naber-community-view .neighbor-create-post .naber-composer-form.is-open .naber16-editor-shell{min-height:100px!important;}
 .naber-community-view .neighbor-create-post .naber-composer-form.is-open .naber-composer-body{min-height:85px!important;}
}

/* Mobile composer: restore header suppressed by desktop studio rules. */
@media(max-width:740px){
 .naber-community-view .neighbor-create-post .naber-composer-form.is-open .naber13-header{
  height:46px!important;min-height:46px!important;max-height:none!important;
  padding:0 2px!important;margin:0 0 10px!important;
  display:flex!important;visibility:visible!important;overflow:visible!important;
  transform:none!important;
 }
 .naber-community-view .neighbor-create-post .naber-composer-form.is-open .naber13-header .naber13-title{
  display:block!important;visibility:visible!important;font-size:19px!important;
 }
 .naber-community-view .neighbor-create-post .naber-composer-form.is-open .naber13-header .naber13-close{
  display:grid!important;visibility:visible!important;opacity:1!important;
  top:auto!important;right:auto!important;transform:none!important;position:relative!important;
 }
 .naber-community-view .naber-sched-when .naber-sched-mobile-native{display:none!important}
 .naber-community-view .naber-sched-mobile-choice{display:block;position:relative;min-width:160px;max-width:100%;z-index:45}
 .naber-community-view .naber-sched-mobile-trigger{
  min-height:40px;min-width:160px;width:100%;padding:8px 30px 8px 12px;
  text-align:left;background:#fff!important;color:#243541!important;
  border:1px solid #d8d4cc!important;border-radius:10px!important;
  font:inherit;font-size:13px;cursor:pointer;position:relative;
 }
 .naber-community-view .naber-sched-mobile-trigger:after{
  content:"⌄";position:absolute;right:12px;top:50%;transform:translateY(-55%);font-size:17px;
 }
 .naber-community-view .naber-sched-mobile-menu{
  position:absolute;top:calc(100% + 5px);left:0;z-index:100;min-width:215px;
  width:max-content;max-width:calc(100vw - 72px);padding:5px;border:1px solid #d8d4cc;
  border-radius:11px;background:#fff;box-shadow:0 9px 26px rgba(20,30,38,.18);
 }
 .naber-community-view .naber-sched-mobile-menu[hidden]{display:none!important}
 .naber-community-view .naber-sched-mobile-menu button{
  display:block;width:100%;padding:11px 12px;border:0!important;border-radius:7px;
  background:#fff!important;text-align:left;color:#243541!important;font-size:13px;cursor:pointer;
 }
 .naber-community-view .naber-sched-mobile-menu button:hover,
 .naber-community-view .naber-sched-mobile-menu button:focus-visible{background:#edf2f1!important}
 .naber-community-view .naber-sched-when{overflow:visible!important}
}

/* Mobile composer: override old zero-height header and hidden close across all editor variants. */
@media(max-width:740px){
 body .naber-community-view .neighbor-create-post form.naber-composer-form.is-open > .naber13-header{
  display:flex!important;align-items:center!important;justify-content:flex-end!important;
  height:44px!important;min-height:44px!important;max-height:44px!important;
  padding:0!important;margin:0 0 8px!important;overflow:visible!important;
  visibility:visible!important;position:relative!important;transform:none!important;
 }
 body .naber-community-view .neighbor-create-post form.naber-composer-form.is-open > .naber13-header > .naber13-close{
  display:grid!important;place-items:center!important;position:relative!important;
  top:auto!important;right:auto!important;transform:none!important;
  height:36px!important;width:36px!important;flex:0 0 36px!important;
  opacity:1!important;visibility:visible!important;pointer-events:auto!important;
  background:#fff!important;color:#263745!important;border:1px solid #d9dfdf!important;
  border-radius:50%!important;z-index:40!important;
 }
 body .naber-community-view .neighbor-create-post form.naber-composer-form.is-open .naber-sched-mobile-choice{
  display:block!important;visibility:visible!important;
 }
}


/* Mobile visibility options live above clipped composer scroll layers. */
@media(max-width:740px){
 body>.naber-visibility-mobile-portal{
  position:fixed!important;z-index:2147483000!important;box-sizing:border-box!important;
  border:1px solid #dce3e2!important;border-radius:12px!important;
  background:#fff!important;box-shadow:0 12px 32px rgba(20,32,40,.22)!important;
  padding:6px!important;max-height:min(290px,70dvh)!important;overflow-y:auto!important;
 }
 body>.naber-visibility-mobile-portal[hidden]{display:none!important}
 body>.naber-visibility-mobile-portal .naber-visibility-options{
  position:static!important;display:block!important;visibility:visible!important;
  min-width:0!important;width:100%!important;max-width:100%!important;
  padding:0!important;margin:0!important;border:0!important;box-shadow:none!important;
  background:transparent!important;
 }
 body>.naber-visibility-mobile-portal .naber-visibility-options button{
  display:flex!important;align-items:center!important;gap:10px!important;
  width:100%!important;min-height:43px!important;padding:9px 11px!important;
  color:#263745!important;background:transparent!important;border:0!important;
  text-align:left!important;font-size:14px!important;
 }
 body>.naber-visibility-mobile-portal .naber-visibility-options button svg{
  width:18px!important;height:18px!important;flex:0 0 18px!important;
 }
}

/* Edit Post mobile matches the centered Create Post modal, not the old bottom sheet. */
@media(max-width:740px){
 body .naber-edit-backdrop{
  position:fixed!important;inset:0!important;display:flex!important;
  align-items:center!important;justify-content:center!important;
  padding:16px!important;box-sizing:border-box!important;
 }
 body .naber-edit-backdrop .naber-edit-modal.is-open{
  width:100%!important;max-width:420px!important;max-height:calc(100dvh - 32px)!important;
  min-height:0!important;margin:auto!important;border-radius:20px!important;
  overflow:hidden!important;
 }
 body .naber-edit-modal .naber-edit-head{flex:0 0 auto!important;padding:12px 14px!important}
 body .naber-edit-modal .naber-edit-body{min-height:0!important;overflow-y:auto!important;overscroll-behavior:contain!important}
 body .naber-edit-modal .naber-edit-foot{flex:0 0 auto!important;position:relative!important;bottom:auto!important}
 body .naber-edit-modal.naber21-studio .naber-edit-body>input[name="neighbor_edit_post_title"]{
  display:block!important;order:-2!important;width:100%!important;
  border:1px solid #d6e0e2!important;border-radius:22px!important;
  min-height:42px!important;padding:10px 14px!important;
  font-size:14px!important;background:#fff!important;color:#243541!important;
 }
 body .naber-edit-modal.naber21-studio .naber-edit-body>.naber18-edit-shell{
  order:-1!important;min-width:0!important;
 }
}

/* Unified mobile Create/Edit Post header and formatting toolbar. */
@media(max-width:740px){
 body .naber-community-view .neighbor-create-post form.naber-composer-form.is-open > .naber13-header{
  justify-content:space-between!important;padding:0 2px!important;
 }
 body .naber-community-view .neighbor-create-post form.naber-composer-form.is-open > .naber13-header > .naber13-title{
  display:block!important;visibility:visible!important;position:static!important;
  margin:0!important;transform:none!important;font-size:17px!important;line-height:1.3!important;
  font-weight:600!important;color:#243541!important;text-align:left!important;
 }
 body .naber-edit-modal .naber-edit-head{min-height:0!important;padding:10px 14px 4px!important;border-bottom:0!important}
 body .naber-edit-modal .naber-edit-head h3{
  font-family:inherit!important;font-size:17px!important;line-height:1.3!important;
  font-weight:600!important;margin:0!important;
 }
 body .naber-edit-modal .naber-edit-body{padding-top:8px!important;gap:8px!important}
 body .naber-edit-modal .naber18-edit-shell{padding:0!important;border:0!important;border-radius:0!important}
 body .naber-edit-modal .naber18-edit-tools{
  flex-wrap:nowrap!important;gap:4px!important;padding:5px 0 9px!important;
  border-bottom:1px solid #e1e7e8!important;
 }
 body .naber-edit-modal .naber18-edit-tools select{
  width:102px!important;min-width:0!important;max-width:102px!important;
  background:#fff!important;border:1px solid #d6e0e2!important;border-radius:9px!important;
  font-size:12px!important;min-height:36px!important;padding:6px 7px!important;
 }
 body .naber-edit-modal .naber18-edit-tools button{
  display:grid!important;place-items:center!important;flex:0 0 32px!important;
  width:32px!important;height:34px!important;min-height:34px!important;
  padding:4px!important;background:#f7f9f9!important;border:1px solid #dce5e7!important;
  border-radius:8px!important;color:#243541!important;
 }
 body .naber-edit-modal .naber18-edit-tools button svg{width:17px!important;height:17px!important}
 body .naber-edit-modal .naber18-edit-content{padding:12px 2px!important}
}

/* Mobile composer final spacing and full Paragraph label. */
@media(max-width:740px){
 body .naber-community-view .neighbor-create-post form.naber-composer-form.is-open > .naber13-header{
  margin-bottom:0!important;min-height:34px!important;height:34px!important;max-height:34px!important;
 }
 body .naber-community-view .neighbor-create-post form.naber-composer-form.is-open .naber13-title{font-size:16px!important}
 body .naber-community-view .neighbor-create-post form.naber-composer-form.is-open .naber13-header + *{margin-top:0!important}
 body .naber-edit-modal .naber-edit-head{padding-bottom:0!important}
 body .naber-edit-modal .naber-edit-body{padding-top:2px!important}
 body .naber-edit-modal .naber18-edit-tools select.naber18-block{
  width:112px!important;min-width:112px!important;max-width:112px!important;
  text-overflow:clip!important;padding-left:8px!important;padding-right:18px!important;
 }
}

/* Unified mobile dropdowns and tighter headings — 2026-10-31 */
@media(max-width:740px){
 body .naber-mobile-select-trigger{
  display:inline-flex!important;align-items:center!important;justify-content:space-between!important;
  gap:9px!important;box-sizing:border-box!important;min-width:112px!important;max-width:100%!important;
  height:37px!important;padding:7px 10px!important;
  border:1px solid #dce3e4!important;border-radius:9px!important;
  background:#fff!important;color:#243541!important;font-family:inherit!important;font-size:12px!important;font-weight:500!important;line-height:1.2!important;
  white-space:nowrap!important;cursor:pointer!important;
 }
 body .naber-mobile-select-trigger:after{content:"⌄";font-size:16px;line-height:1}
 body select.naber16-format-type[data-naber-popover-ready],
 body select.naber18-block[data-naber-popover-ready],
 body select.naber-sched-when-select[data-naber-popover-ready]{
  position:absolute!important;width:1px!important;height:1px!important;
  padding:0!important;opacity:0!important;pointer-events:none!important;
 }
 body .naber-sched-mobile-choice:has(~ select[data-naber-popover-ready]){display:none!important}
 body .naber-sched-when:has(select.naber-sched-when-select[data-naber-popover-ready]) .naber-sched-mobile-choice{display:none!important}
 body .naber-edit-modal .naber18-edit-tools .naber-mobile-select-trigger{flex:0 0 112px!important}
 body .naber-community-view .naber16-format-tools .naber-mobile-select-trigger{flex:0 0 auto!important}
 body .naber-edit-modal .naber-edit-head{padding:5px 12px 0!important;min-height:0!important}
 body .naber-edit-modal .naber-edit-head h3{font-size:16px!important;line-height:1.2!important}
 body .naber-edit-modal .naber-edit-body{padding-top:0!important}
 body .naber-community-view .neighbor-create-post form.naber-composer-form.is-open>.naber13-header>.naber13-close{
  background:transparent!important;border:0!important;border-radius:0!important;
  width:32px!important;height:32px!important;min-width:32px!important;
  font-size:23px!important;color:#5b5348!important;
 }
}
body>.naber-mobile-select-portal{
 position:fixed!important;z-index:2147483000!important;box-sizing:border-box!important;
 border:1px solid #dce3e2!important;border-radius:12px!important;
 background:#fff!important;box-shadow:0 12px 32px rgba(20,32,40,.22)!important;
 padding:6px!important;max-height:min(290px,70dvh)!important;overflow-y:auto!important;
}
body>.naber-mobile-select-portal[hidden]{display:none!important}
body>.naber-mobile-select-portal button{
 display:block!important;width:100%!important;min-height:43px!important;padding:10px 12px!important;
 border:0!important;border-radius:8px!important;background:transparent!important;
 text-align:left!important;color:#243541!important;font-family:inherit!important;font-size:13px!important;font-weight:600!important;line-height:1.3!important;
}
body>.naber-mobile-select-portal button[aria-selected=true]{background:#edf3f3!important}

/* Scheduled Posts workspace: modal overlay preserves unfinished composer state. */
body.naber-sched-popup-open{overflow:hidden!important}
.naber-sched-popup-overlay{position:fixed;inset:0;z-index:2147483001;display:flex;align-items:center;justify-content:center;background:rgba(20,31,39,.60);padding:20px;box-sizing:border-box}
.naber-sched-popup-dialog{display:flex;flex-direction:column;width:min(980px,100%);height:min(790px,calc(100dvh - 40px));min-height:0;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 16px 60px rgba(0,0,0,.25)}
.naber-sched-popup-head{display:flex;align-items:center;justify-content:space-between;flex:0 0 auto;padding:9px 16px;border-bottom:1px solid #e1e7e8;color:#243541;font-size:16px}
.naber-sched-popup-close{width:36px;height:36px;display:grid;place-items:center;border:0;background:transparent;color:#34434c;font:normal 27px/1 sans-serif;cursor:pointer}
.naber-sched-popup-frame{flex:1 1 auto;min-height:0;width:100%;border:0;background:#fff}
@media(max-width:740px){
 .naber-sched-popup-overlay{padding:10px}
 .naber-sched-popup-dialog{width:100%;height:calc(100dvh - 20px);border-radius:16px}
 .naber-sched-popup-head{padding:7px 12px}
}

/* Consistent compact select triggers: a single centered chevron. */
@media(max-width:740px){
 body .naber-mobile-select-trigger{position:relative!important;justify-content:flex-start!important;padding-right:26px!important;line-height:20px!important}
 body .naber-mobile-select-trigger:after{content:""!important;position:absolute!important;right:11px!important;top:50%!important;width:6px!important;height:6px!important;border-right:1.5px solid currentColor!important;border-bottom:1.5px solid currentColor!important;transform:translateY(-65%) rotate(45deg)!important;font-size:0!important}
 body .naber-sched-when:has(.naber-mobile-select-trigger) .naber-sched-mobile-choice{display:none!important}
 body .naber-sched-when:has(.naber-mobile-select-trigger) .naber-sched-mobile-trigger{display:none!important}
 body .naber18-edit-tools .naber-mobile-select-trigger{min-width:112px!important}
}

/* Desktop must never show mobile custom selector proxies alongside native controls. */
@media(min-width:741px){
 .naber-mobile-select-trigger,.naber-sched-mobile-choice{display:none!important}
 select.naber16-format-type[data-naber-popover-ready],
 select.naber18-block[data-naber-popover-ready],
 select.naber-sched-when-select[data-naber-popover-ready]{
  position:static!important;width:auto!important;height:auto!important;
  opacity:1!important;pointer-events:auto!important;
 }
 .naber-community-view .neighbor-create-post .naber-composer-form.is-open>.naber13-header>.naber13-title{display:none!important}
}

/* Unified Publish actions — desktop and mobile, no theme-orange native menu. */
.naber-sched-when.naber-publish-compact{display:none!important}
.naber-composer-post-btn.naber-publish-original-submit{display:none!important}
.naber-publish-actions{position:relative;display:flex;align-items:center;justify-content:flex-end;min-width:0;flex:1 1 auto}
.naber-publish-action-button{min-height:40px;padding:9px 17px!important;background:#243541!important;color:#fff!important;border:1px solid #243541!important;border-radius:999px!important;font:600 13px/1.3 inherit;cursor:pointer}
.naber-publish-action-menu{position:absolute;bottom:calc(100% + 7px);right:0;z-index:200;width:220px;max-width:calc(100vw - 44px);padding:6px;background:#fff!important;border:1px solid #dce3e2;border-radius:13px;box-shadow:0 13px 34px rgba(18,32,40,.2)}
.naber-publish-action-menu[hidden],.naber-publish-schedule-panel[hidden]{display:none!important}
.naber-publish-action-menu button{display:block;width:100%;min-height:43px;padding:10px 12px!important;text-align:left!important;border:0!important;border-radius:8px!important;background:#fff!important;color:#263745!important;font:500 13px/1.3 inherit;cursor:pointer}
.naber-publish-action-menu button:hover,.naber-publish-action-menu button:focus-visible{background:#edf2f1!important;color:#263745!important}
.naber-publish-schedule-panel{position:absolute;right:0;bottom:calc(100% + 7px);z-index:200;width:min(340px,calc(100vw - 44px));padding:14px;background:#fff;border:1px solid #dce3e2;border-radius:13px;box-shadow:0 13px 34px rgba(18,32,40,.2)}
.naber-publish-schedule-panel .naber-sched-when-at{display:flex;flex-direction:column;gap:8px}
.naber-publish-schedule-panel input,.naber-publish-schedule-panel select{width:100%;max-width:100%;min-height:39px}
.naber-publish-schedule-buttons{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}
.naber-publish-schedule-buttons button{background:#f1efea!important;color:#263745!important;border:0!important;border-radius:9px!important;padding:9px 12px!important;cursor:pointer}
.naber-publish-schedule-buttons button:last-child{background:#243541!important;color:#fff!important}
@media(max-width:740px){
 .naber-publish-actions{flex:1 1 47%;min-width:0}
 .naber-publish-action-button{width:100%;min-height:40px}
 .naber-publish-action-menu{bottom:calc(100% + 6px)}
}

/* Publishing workflow visual polish — preserve working submission handlers. */
.naber-publish-actions{flex:0 0 auto!important;min-width:135px}
.naber-publish-action-button{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;min-height:42px!important;padding:10px 18px!important;border-radius:999px!important;font-family:inherit!important;font-size:14px!important;font-weight:600!important;letter-spacing:0!important}
.naber-publish-action-menu{min-width:210px!important;padding:6px!important;border-radius:12px!important}
.naber-publish-action-menu button{font-family:inherit!important;font-weight:500!important;font-size:14px!important}
.naber-publish-schedule-panel{width:min(350px,calc(100vw - 38px))!important;padding:16px!important;border-radius:15px!important;background:#fff!important}
.naber-publish-schedule-panel .naber-sched-when-at{display:flex!important;flex-direction:column;gap:10px!important;position:static!important;max-width:100%!important}
.naber-publish-schedule-panel input[type="datetime-local"],.naber-publish-schedule-panel select{box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-height:42px!important;border:1px solid #dce3e2!important;border-radius:10px!important;padding:8px 10px!important;background:#fff!important;color:#243541!important;font-family:inherit!important;font-size:13px!important}
.naber-publish-schedule-buttons{flex-wrap:wrap;gap:8px!important}
.naber-publish-schedule-buttons button{font-family:inherit!important;font-size:13px!important;font-weight:600!important;white-space:nowrap}
.naber-sched-popup-overlay{background:rgba(23,31,38,.52)!important}
.naber-sched-popup-dialog{border:1px solid #e1e7e8!important;border-radius:18px!important}
.naber-sched-popup-head{min-height:48px!important;padding:8px 16px!important;background:#fff!important;font-family:inherit!important}
.naber-sched-popup-head strong{font-size:16px!important;font-weight:600!important}
.naber-sched-popup-close{border:0!important;background:transparent!important;color:#263745!important;font-size:25px!important}
@media(max-width:740px){
 .naber-publish-actions{flex:1 1 48%!important;min-width:0!important}
 .naber-publish-action-button{width:100%!important}
 .naber-publish-schedule-panel{right:0!important;bottom:calc(100% + 9px)!important;max-height:min(58dvh,350px)!important;overflow-y:auto!important}
 .naber-sched-popup-overlay{padding:12px!important}
 .naber-sched-popup-dialog{height:min(760px,calc(100dvh - 24px))!important;max-width:none!important;border-radius:18px!important} /* fills tablets and narrow windows; phones are narrower than 420px anyway */
}

/* Composer finishing pass: consistent compact footer controls and schedule sheet. */
.naber-community-view .neighbor-create-post .neighbor-form-footer:has(.naber-publish-actions){
 display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:flex-end!important;
 column-gap:9px!important;row-gap:6px!important;
}
.naber-community-view .neighbor-create-post .neighbor-form-footer:has(.naber-publish-actions) .naber-composer-cancel{
 margin-left:auto!important;margin-right:0!important;flex:0 0 auto!important;
 min-width:116px!important;width:116px!important;max-width:116px!important;
 height:40px!important;min-height:40px!important;padding:8px 13px!important;
}
.naber-community-view .neighbor-create-post .neighbor-form-footer .naber-publish-actions{
 flex:0 0 auto!important;min-width:116px!important;width:116px!important;max-width:116px!important;
 margin:0!important;
}
.naber-community-view .neighbor-create-post .neighbor-form-footer .naber-publish-action-button{
 width:116px!important;min-width:116px!important;max-width:116px!important;
 height:40px!important;min-height:40px!important;padding:8px 13px!important;
 font-size:13px!important;
}
.naber-publish-schedule-panel{position:absolute!important;padding:16px 14px 12px!important}
.naber-publish-schedule-close{
 position:absolute!important;top:5px!important;right:7px!important;display:grid!important;place-items:center!important;
 width:30px!important;height:30px!important;padding:0!important;border:0!important;
 border-radius:0!important;background:transparent!important;color:#35424a!important;
 font:normal 23px/1 Arial,sans-serif!important;cursor:pointer!important;
}
.naber-publish-schedule-panel .naber-sched-when-at{padding-top:24px!important}
.naber-publish-schedule-buttons{justify-content:flex-end!important}
.naber-publish-schedule-buttons button:last-child{
 border-radius:999px!important;padding:9px 16px!important;min-height:36px!important;
 width:auto!important;font-size:12px!important;
}
@media(max-width:740px){
 .naber-community-view .neighbor-create-post .neighbor-form-footer:has(.naber-publish-actions){
  padding-top:5px!important;row-gap:4px!important;column-gap:8px!important;
 }
 .naber-community-view .neighbor-create-post .neighbor-form-footer:has(.naber-publish-actions) .naber-comments-control{
  margin-top:0!important;margin-bottom:2px!important;padding-top:0!important;padding-bottom:0!important;
 }
 .naber-community-view .neighbor-create-post .neighbor-form-footer:has(.naber-publish-actions) .naber-composer-cancel{
  width:112px!important;min-width:112px!important;max-width:112px!important;
 }
 .naber-community-view .neighbor-create-post .neighbor-form-footer .naber-publish-actions,
 .naber-community-view .neighbor-create-post .neighbor-form-footer .naber-publish-action-button{
  width:112px!important;min-width:112px!important;max-width:112px!important;flex:0 0 auto!important;
 }
}

/* Mobile edit controls use Create Post's consistent grid and reveal panels. */
@media(max-width:740px){
 body .naber-edit-modal.naber21-studio .naber21-toolbar{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;margin-top:8px!important;padding-top:9px!important;
  border-top:1px solid #dce4e6!important;align-items:center!important;
 }
 body .naber-edit-modal.naber21-studio .naber21-tool,
 body .naber-edit-modal.naber21-studio .naber21-visibility{
  display:flex!important;align-items:center!important;justify-content:center!important;
  min-height:40px!important;height:40px!important;width:100%!important;min-width:0!important;
  padding:7px 9px!important;border:1px solid #d0dcdf!important;border-radius:10px!important;
  background:#fff!important;color:#243541!important;
  font-family:inherit!important;font-size:12px!important;font-weight:600!important;
 }
 body .naber-edit-modal.naber21-studio .naber21-visibility{overflow:visible!important}
 body .naber-edit-modal.naber21-studio .naber21-visibility select{
  width:100%!important;min-height:38px!important;text-align:center!important;
  border:0!important;color:#243541!important;background:#fff!important;
  font-family:inherit!important;font-size:12px!important;font-weight:600!important;
 }
 body .naber-edit-modal.naber21-studio .naber21-panel{
  width:100%!important;box-sizing:border-box!important;
  max-height:min(38dvh,310px)!important;overflow-y:auto!important;
  margin:8px 0 0!important;padding:12px!important;position:relative!important;
  border:1px solid #dce4e6!important;border-radius:12px!important;background:#fff!important;
 }
 body .naber-community-view .neighbor-create-post form.naber-composer-form.is-open .naber-comments-control{
  margin-top:0!important;margin-bottom:0!important;padding-top:0!important;padding-bottom:0!important;
 }
 body .naber-community-view .neighbor-create-post form.naber-composer-form.is-open .neighbor-form-footer{
  margin-top:0!important;padding-top:3px!important;
 }
}

/* Edit Post uses Create Post action styling; custom visibility portal sits above scrollers. */
.naber-edit-modal.naber21-studio .naber21-toolbar{column-gap:8px!important;row-gap:8px!important}
.naber-edit-modal.naber21-studio .naber21-tool,
.naber-edit-modal.naber21-studio .naber21-visibility{
 border:1px solid #d0dcdf!important;border-radius:10px!important;background:#fff!important;
 color:#243541!important;font-family:inherit!important;font-weight:600!important;
 min-height:40px!important;height:40px!important;padding:7px 9px!important;
}
.naber-edit-modal.naber21-studio .naber21-visibility-enhanced{padding:0!important;overflow:visible!important;position:relative!important}
.naber-edit-modal.naber21-studio .naber21-visibility-enhanced select{
 position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;
 pointer-events:none!important;padding:0!important;overflow:hidden!important;
}
.naber-edit-modal.naber21-studio .naber21-visibility-trigger{
 display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
 width:100%!important;height:100%!important;min-height:38px!important;
 border:0!important;border-radius:10px!important;background:transparent!important;color:#243541!important;
 font-family:inherit!important;font-size:13px!important;font-weight:600!important;
 padding:6px 8px!important;cursor:pointer!important;
}
.naber-edit-modal.naber21-studio .naber21-visibility-trigger:before{
 content:""!important;display:inline-block!important;width:15px!important;height:15px!important;
 border:1.5px solid currentColor!important;border-radius:50%!important;flex:0 0 15px!important;
 background:linear-gradient(90deg,transparent 43%,currentColor 44%,currentColor 49%,transparent 50%,transparent 54%,currentColor 55%,transparent 56%) center/100% 100%!important;opacity:.75!important;
}
body>.naber21-visibility-portal{
 position:fixed!important;z-index:2147483000!important;box-sizing:border-box!important;
 border:1px solid #dce3e2!important;border-radius:12px!important;
 padding:6px!important;background:#fff!important;box-shadow:0 12px 32px rgba(20,32,40,.22)!important;
 max-height:min(300px,70dvh)!important;overflow-y:auto!important;
}
body>.naber21-visibility-portal[hidden]{display:none!important}
body>.naber21-visibility-portal button{
 display:block!important;width:100%!important;min-height:43px!important;
 border:0!important;border-radius:8px!important;padding:10px 12px!important;
 background:transparent!important;color:#243541!important;
 font-family:inherit!important;font-size:13px!important;font-weight:600!important;text-align:left!important;
}
body>.naber21-visibility-portal button[aria-selected=true]{background:#edf3f3!important}
@media(max-width:740px){
 body .naber-edit-modal.naber21-studio .naber21-tool,
 body .naber-edit-modal.naber21-studio .naber21-visibility{font-size:12px!important}
 body .naber-edit-modal.naber21-studio .naber21-visibility-trigger{font-size:12px!important}
}

/* Edit Post quick actions — visually identical to Create Post mobile toolbar. */
@media(max-width:740px){
 body .naber-edit-modal.naber21-studio .naber21-toolbar{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;padding:0!important;margin:8px 0 0!important;
  border-top:0!important;
 }
 body .naber-edit-modal.naber21-studio .naber21-tool,
 body .naber-edit-modal.naber21-studio .naber21-visibility{
  display:flex!important;align-items:center!important;justify-content:center!important;
  gap:7px!important;box-sizing:border-box!important;min-width:0!important;width:100%!important;
  height:39px!important;min-height:39px!important;padding:6px 9px!important;
  border:1px solid #d1dce0!important;border-radius:10px!important;
  background:#fff!important;color:#263745!important;
  font-family:inherit!important;font-size:12px!important;font-weight:600!important;
  line-height:1.25!important;letter-spacing:0!important;
 }
 body .naber-edit-modal.naber21-studio .naber21-tool svg,
 body .naber-edit-modal.naber21-studio .naber21-visibility-trigger svg{
  display:block!important;width:15px!important;height:15px!important;flex:0 0 15px!important;
 }
 body .naber-edit-modal.naber21-studio .naber21-visibility-trigger{
  display:flex!important;align-items:center!important;justify-content:center!important;
  gap:7px!important;width:100%!important;height:100%!important;
  font-size:12px!important;font-weight:600!important;
 }
 body .naber-edit-modal.naber21-studio .naber21-visibility-trigger:before{content:none!important;display:none!important}
}

/* Scheduler modal header: consistent close control and current-post action. */
.naber-sched-popup-head{display:flex!important;align-items:center!important;gap:10px!important;min-height:48px!important;box-sizing:border-box!important}
.naber-sched-popup-head strong{margin-right:auto!important;align-self:center!important}
.naber-sched-popup-head .naber-sched-popup-close{
 display:grid!important;place-items:center!important;position:static!important;flex:0 0 32px!important;
 width:32px!important;height:32px!important;min-height:32px!important;line-height:1!important;
 margin:0!important;padding:0!important;transform:none!important;top:auto!important;right:auto!important;
 border:0!important;border-radius:0!important;background:transparent!important;
 font-family:Arial,sans-serif!important;font-size:25px!important;color:#263745!important;
}

@media(max-width:740px){
 .naber-sched-popup-head{gap:6px!important;padding:7px 10px!important}
 
}

/* Optional multi-post workflow: subordinate to the primary publishing actions. */
.naber-publish-scheduler-shortcut{
 display:flex!important;align-items:center!important;justify-content:center!important;
 gap:6px!important;flex-wrap:wrap!important;text-align:center!important;
 margin:6px 0 0!important;padding:10px 5px 2px!important;
 border-top:1px solid #e8e9e7!important;
 color:#7b858d!important;font-family:inherit!important;font-size:12px!important;line-height:1.45!important;
}
.naber-publish-scheduler-shortcut .naber-publish-scheduler-link{
 color:#415c70!important;text-decoration:underline!important;text-underline-offset:2px!important;
 font-size:12px!important;font-weight:600!important;white-space:nowrap!important;
}
.naber-publish-scheduler-shortcut .naber-publish-scheduler-link:hover{color:#263745!important}
@media(max-width:740px){
 .naber-publish-scheduler-shortcut{margin-top:4px!important;padding:8px 3px 1px!important;font-size:11px!important;gap:5px!important}
 .naber-publish-scheduler-shortcut .naber-publish-scheduler-link{font-size:11px!important}
}

/* Naber phone library layout — Series and Articles are single-column reading surfaces. */
@media(max-width:740px){
 body.naber-app .naber-community-view .naber-series-list-page,
 body.naber-app .naber-community-view .naber-articles-index{min-width:0!important;width:100%!important;max-width:100%!important}
 body.naber-app .naber-community-view .naber-series-head{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  gap:10px!important;flex-wrap:wrap!important;padding:12px 0!important;margin:0!important;
 }
 body.naber-app .naber-community-view .naber-series-title-group{
  flex:1 1 auto!important;min-width:0!important;align-items:center!important;
 }
 body.naber-app .naber-community-view .naber-series-header-actions{
  display:flex!important;align-items:center!important;justify-content:flex-end!important;
  gap:7px!important;flex:0 0 auto!important;max-width:100%!important;
 }
 body.naber-app .naber-community-view .naber-series-header-actions .neighbor-button,
 body.naber-app .naber-community-view .naber-series-create>summary.neighbor-button{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-height:36px!important;box-sizing:border-box!important;padding:8px 12px!important;
  line-height:1.25!important;white-space:nowrap!important;
 }
 body.naber-app .naber-community-view .naber-series-toolbar{
  display:flex!important;align-items:center!important;flex-wrap:wrap!important;
  column-gap:8px!important;row-gap:10px!important;padding:10px 0 12px!important;
 }
 body.naber-app .naber-community-view .naber-series-filters{flex:1 1 auto!important;min-width:0!important}
 body.naber-app .naber-community-view .naber-series-result-count{margin-right:auto!important}
 body.naber-app .naber-community-view .naber-series-sort{
  flex:1 1 145px!important;min-width:0!important;justify-content:flex-end!important;
 }
 body.naber-app .naber-community-view .naber-series-sort select{max-width:100%!important;min-width:0!important}
 body.naber-app .naber-community-view .naber-series-view-switch{flex:0 0 auto!important}
 body.naber-app .naber-community-view .naber-series-layout{display:flex!important;flex-direction:column!important;gap:16px!important}
 body.naber-app .naber-community-view .naber-series-main{width:100%!important;max-width:100%!important}
 body.naber-app .naber-community-view .naber-series-grid[data-layout="full"],
 body.naber-app .naber-community-view .naber-series-grid[data-layout="grid"],
 body.naber-app .naber-community-view .naber-series-grid[data-layout="list"]{
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;
  gap:12px!important;padding:0!important;
 }
 body.naber-app .naber-community-view .naber-series-grid>.naber-series-tile{
  grid-column:auto!important;width:100%!important;max-width:100%!important;
  min-width:0!important;box-sizing:border-box!important;
 }
 body.naber-app .naber-community-view .naber-articles-layout{display:flex!important;flex-direction:column!important;gap:16px!important}
 body.naber-app .naber-community-view .naber-articles-main{width:100%!important;min-width:0!important}
 body.naber-app .naber-community-view .naber-articles-grid[data-layout="full"],
 body.naber-app .naber-community-view .naber-articles-grid[data-layout="grid"],
 body.naber-app .naber-community-view .naber-articles-grid[data-layout="list"]{
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important;
 }
 body.naber-app .naber-community-view .naber-articles-grid>.naber-art-tile{
  grid-column:auto!important;min-width:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;
 }
}

/* Phone libraries: full-width covers, readable insets, no multi-card grid mode. */
@media(max-width:740px){
 body.naber-app .naber-community-view .naber-articles-grid .naber-art-tile,
 body.naber-app .naber-community-view .naber-series-grid .naber-series-tile{
  border-radius:0!important;overflow:hidden!important;
 }
 body.naber-app .naber-community-view .naber-articles-grid .naber-art-tile-cover,
 body.naber-app .naber-community-view .naber-articles-grid .naber-art-tile-cover img,
 body.naber-app .naber-community-view .naber-articles-grid .naber-art-tile-media,
 body.naber-app .naber-community-view .naber-series-grid .naber-series-tile-cover,
 body.naber-app .naber-community-view .naber-series-grid .naber-series-cover,
 body.naber-app .naber-community-view .naber-series-grid .naber-series-tile-cover img{
  border-radius:0!important;max-width:100%!important;width:100%!important;
 }
 body.naber-app .naber-community-view .naber-articles-grid .naber-art-tile-body{
  box-sizing:border-box!important;padding-left:16px!important;padding-right:16px!important;
 }
 body.naber-app .naber-community-view .naber-articles-view-switch button[data-article-layout="grid"],
 body.naber-app .naber-community-view .naber-series-view-switch button[data-series-layout="grid"]{
  display:none!important;
 }
 body.naber-app .naber-community-view .naber-articles-grid,
 body.naber-app .naber-community-view .naber-series-grid{
  grid-template-columns:minmax(0,1fr)!important;
 }
}

/* Mobile article reading and library sidebars: one full-width section per row. */
@media(max-width:760px){
 body.naber-app .naber-community-view .naber-articles-layout.has-sidebar,
 body.naber-app .naber-community-view .naber-article-layout.has-sidebar{
  display:flex!important;flex-direction:column!important;grid-template-columns:minmax(0,1fr)!important;
  gap:14px!important;align-items:stretch!important;width:100%!important;
 }
 body.naber-app .naber-community-view .naber-articles-layout .naber-articles-sidebar,
 body.naber-app .naber-community-view .naber-article-layout .naber-articles-sidebar,
 body.naber-app .naber-article-page .naber-article-layout .naber-articles-sidebar{
  display:flex!important;flex-direction:column!important;grid-template-columns:minmax(0,1fr)!important;
  gap:0!important;position:static!important;top:auto!important;
  width:100%!important;max-width:100%!important;min-width:0!important;
  box-sizing:border-box!important;padding:12px 16px!important;margin:0!important;
  border-left:0!important;border-top:1px solid #e9e6e1!important;
 }
 body.naber-app .naber-community-view .naber-articles-sidebar>.naber-article-side-section,
 body.naber-app .naber-article-page .naber-articles-sidebar>.naber-article-side-section,
 body.naber-app .naber-articles-sidebar>.naber-article-side-section{
  display:block!important;flex:0 0 auto!important;grid-column:1/-1!important;
  width:100%!important;min-width:0!important;box-sizing:border-box!important;
  margin:0!important;padding:14px 0!important;border-bottom:1px solid #ebe8e4!important;
 }
 body.naber-app .naber-community-view .naber-articles-sidebar .naber-articles-search,
 body.naber-app .naber-articles-sidebar input[type="search"]{
  width:100%!important;max-width:100%!important;box-sizing:border-box!important;
 }
 body.naber-app .naber-community-view .naber-art-tile,
 body.naber-app .naber-article-page .naber-article-full{border-radius:0!important;overflow:hidden!important}
 body.naber-app .naber-community-view .naber-art-tile-cover,
 body.naber-app .naber-community-view .naber-art-tile-cover img,
 body.naber-app .naber-article-page .naber-article-cover,
 body.naber-app .naber-article-page .naber-article-cover img{
  width:100%!important;max-width:100%!important;border-radius:0!important;
  margin-left:0!important;margin-right:0!important;
 }
 body.naber-app .naber-community-view .naber-art-tile-body{
  padding:12px 16px 16px!important;box-sizing:border-box!important;
 }
 body.naber-app .naber-article-page .naber-article-full>:not(.naber-article-cover),
 body.naber-app .naber-article-page .naber-article-wrap .naber-article-full>:not(.naber-article-cover){
  box-sizing:border-box!important;padding-left:16px!important;padding-right:16px!important;
 }
 body.naber-app .naber-article-page .naber-article-full .naber-article-body{
  padding-left:16px!important;padding-right:16px!important;box-sizing:border-box!important;
 }
}

/* Mobile library sort menus use Naber's established popover treatment. */
@media(max-width:740px){
 body .naber-series-sort select[data-naber-popover-ready],
 body .naber-articles-sort select[data-naber-popover-ready]{
  position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;
  pointer-events:none!important;padding:0!important;margin:0!important;
 }
 body .naber-series-sort .naber-mobile-select-trigger,
 body .naber-articles-sort .naber-mobile-select-trigger{
  min-width:142px!important;height:40px!important;min-height:40px!important;
  padding:9px 30px 9px 13px!important;border-radius:10px!important;
  border:1px solid #dce3e2!important;background:#fff!important;
  color:#263745!important;font-family:inherit!important;font-size:13px!important;
  font-weight:500!important;line-height:1.2!important;
 }
 body>.naber-mobile-select-portal{min-width:190px!important}
 body>.naber-mobile-select-portal button{
  font-family:inherit!important;font-size:13px!important;font-weight:500!important;
  min-height:42px!important;padding:10px 12px!important;
 }
}

/* Communities directory: mobile single-column square cards and accessible sort. */
@media(max-width:740px){
 body.naber-app .naber-community-view .naber-conn-grid,
 body .naber-conn-grid{
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;
  gap:12px!important;--naber-conn-columns:1!important;
 }
 body.naber-app .naber-community-view .naber-conn-grid>.naber-conn-card,
 body .naber-conn-grid>.naber-conn-card{
  width:100%!important;max-width:100%!important;min-width:0!important;
  border-radius:0!important;overflow:hidden!important;
 }
 body .naber-conn-grid .naber-conn-card img,
 body .naber-conn-grid .naber-conn-card-cover,
 body .naber-conn-grid .naber-conn-card-image{
  border-radius:0!important;
 }
 body .naber-conn-view-options select[data-conn-columns]{
  display:none!important;
 }
 body .naber-conn-sort-label select[data-conn-sort][data-naber-popover-ready]{
  position:absolute!important;width:1px!important;height:1px!important;
  opacity:0!important;pointer-events:none!important;padding:0!important;
 }
 body .naber-conn-sort-label .naber-mobile-select-trigger{
  display:inline-flex!important;min-height:40px!important;min-width:152px!important;
  padding:9px 29px 9px 12px!important;border:1px solid #dce3e2!important;
  border-radius:10px!important;background:#fff!important;color:#263745!important;
  font-family:inherit!important;font-size:13px!important;font-weight:500!important;
 }
}

/* Community directory phone toolbar: inset text/controls, full-bleed cards. */
@media(max-width:740px){
 body.naber-app .naber-community-view .naber-conn-directory,
 body .naber-conn-directory{min-width:0!important}
 body .naber-conn-directory>.naber-conn-head{
  box-sizing:border-box!important;padding:0 16px 14px!important;
  margin:0!important;display:flex!important;flex-direction:column!important;
  align-items:stretch!important;gap:12px!important;
 }
 body .naber-conn-directory .naber-conn-head>div:first-child,
 body .naber-conn-directory .naber-conn-head h2,
 body .naber-conn-directory .naber-conn-head p{margin-left:0!important;margin-right:0!important}
 body .naber-conn-directory .naber-conn-head-actions{
  display:flex!important;align-items:center!important;gap:8px!important;
  width:100%!important;box-sizing:border-box!important;
 }
 body .naber-conn-directory .naber-conn-head-actions>.neighbor-button{
  flex:1 1 0!important;min-width:0!important;min-height:38px!important;
  padding:9px 10px!important;text-align:center!important;justify-content:center!important;
 }
 body .naber-conn-directory>.naber-conn-tools{
  box-sizing:border-box!important;display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;
  column-gap:9px!important;row-gap:9px!important;
  margin:0!important;padding:12px 16px!important;min-width:0!important;
 }
 body .naber-conn-directory .naber-conn-search{
  grid-column:1!important;grid-row:1!important;min-width:0!important;width:100%!important;
  max-width:none!important;margin:0!important;
 }
 body .naber-conn-directory .naber-conn-search input[type="search"]{
  box-sizing:border-box!important;width:100%!important;min-width:0!important;
  height:41px!important;padding-left:37px!important;padding-right:12px!important;
 }
 body .naber-conn-directory .naber-conn-view-toolbar{
  grid-column:2!important;grid-row:1!important;min-width:0!important;
  margin:0!important;padding:0!important;display:flex!important;align-items:center!important;
 }
 body .naber-conn-directory .naber-conn-sort-label{
  display:flex!important;align-items:center!important;gap:5px!important;
  white-space:nowrap!important;font-size:11px!important;
 }
 body .naber-conn-directory .naber-conn-sort-label .naber-mobile-select-trigger{
  min-width:116px!important;max-width:132px!important;width:132px!important;
  height:41px!important;min-height:41px!important;box-sizing:border-box!important;
  padding-left:9px!important;padding-right:24px!important;font-size:12px!important;
 }
 body .naber-conn-directory .naber-conn-view-options{display:none!important}
 body .naber-conn-directory>.naber-conn-group,
 body .naber-conn-directory .naber-conn-grid{margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}
}
@media(max-width:360px){
 body .naber-conn-directory>.naber-conn-tools{column-gap:6px!important;padding-left:12px!important;padding-right:12px!important}
 body .naber-conn-directory .naber-conn-sort-label .naber-mobile-select-trigger{width:112px!important;min-width:112px!important}
 body .naber-conn-directory .naber-conn-sort-label{font-size:10px!important}
}


/* Communities mobile: hide only the visible sort text, keep the select. */
@media(max-width:740px){
 body .naber-conn-directory .naber-conn-sort-label{
   font-size:0!important;
 }
 body .naber-conn-directory .naber-conn-sort-label .naber-mobile-select-trigger{
   font-size:12px!important;
 }
 body .naber-conn-directory .naber-conn-head-actions .neighbor-button-light{
   background:#e5e7e6!important;
   border-color:#d9dddb!important;
   color:#263745!important;
 }
}

/* Series mobile footer: inset text sections, keep sponsor presentation unchanged. */
@media(max-width:760px){
 .naber-community-view .naber-series-sidebar>.naber-series-side-section:not(.naber-series-sponsor){
  box-sizing:border-box;
  width:100%;
  padding-left:16px;
  padding-right:16px;
 }
}

/* Articles mobile header: match Communities spacing and controls. */
@media(max-width:740px){
 body.naber-app .naber-community-view .naber-articles-tab .naber-articles-head{
  display:flex!important;flex-direction:column!important;align-items:stretch!important;
  padding:0 14px 14px!important;gap:12px!important;margin:0!important;
 }
 body.naber-app .naber-community-view .naber-articles-title-group{
  display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:4px!important;
 }
 body.naber-app .naber-community-view .naber-articles-title-line{
  display:flex;align-items:baseline;gap:11px;min-width:0;
 }
 body.naber-app .naber-community-view .naber-articles-title-line h2{
  margin:0!important;font-family:inherit!important;font-size:23px!important;font-weight:750!important;
 }
 body.naber-app .naber-community-view .naber-articles-heading-count{
  color:#748087;font-size:11px;white-space:nowrap;
 }
 body.naber-app .naber-community-view .naber-articles-intro{margin:0!important}
 body.naber-app .naber-community-view .naber-articles-header-actions{
  display:flex!important;justify-content:center!important;width:100%!important;gap:8px!important;
 }
 body.naber-app .naber-community-view .naber-articles-header-actions>a{
  flex:1 1 0!important;min-width:0!important;max-width:none!important;
 }
 /* Create Article · Manage Articles · Customize Page: wrap instead of clipping on narrow phones. */
 body.naber-app .naber-community-view .naber-articles-header-actions{flex-wrap:wrap!important}
 body.naber-app .naber-community-view .naber-articles-header-actions>a{flex:1 1 auto!important;padding:0 12px!important}
 body.naber-app .naber-community-view .naber-articles-toolbar-row{
  display:flex!important;flex-wrap:nowrap!important;align-items:center!important;
  gap:9px!important;padding:10px 14px!important;margin:0!important;
 }
 body.naber-app .naber-community-view .naber-art-cats,
 body.naber-app .naber-community-view .naber-articles-result-count{display:none!important}
 body.naber-app .naber-community-view .naber-articles-category-mobile{
  display:block!important;min-width:0!important;flex:1 1 0!important;
 }
 body.naber-app .naber-community-view .naber-articles-sort{
  flex:1 1 0!important;min-width:0!important;display:flex!important;
 }
 body.naber-app .naber-community-view .naber-articles-sort>label{display:none!important}
 body.naber-app .naber-community-view .naber-articles-category-mobile .naber-mobile-select-trigger,
 body.naber-app .naber-community-view .naber-articles-sort .naber-mobile-select-trigger{
  display:flex!important;width:100%!important;max-width:none!important;min-width:0!important;
  justify-content:space-between!important;align-items:center!important;min-height:40px!important;
  padding:8px 25px 8px 10px!important;font-size:12px!important;white-space:nowrap!important;
  overflow:hidden!important;text-overflow:ellipsis!important;
  border:1px solid #dce3e2!important;border-radius:10px!important;background:#fff!important;color:#263745!important;
 }
 body.naber-app .naber-community-view .naber-articles-category-mobile select[data-naber-popover-ready]{
  position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;
 }
}
@media(min-width:741px){
 .naber-articles-heading-count,.naber-articles-category-mobile{display:none!important}
}

/* Mobile Series library: aligned with the Articles header and filter controls. */
@media(max-width:740px){
 body.naber-app .naber-community-view .naber-series-list-page>.naber-series-head{
  display:flex!important;flex-direction:column!important;align-items:stretch!important;
  padding:0 14px 14px!important;gap:12px!important;margin:0!important;
 }
 body.naber-app .naber-community-view .naber-series-list-page .naber-series-title-group{
  display:flex!important;flex-direction:column!important;align-items:stretch!important;
  width:100%!important;gap:4px!important;
 }
 body.naber-app .naber-community-view .naber-series-title-line{display:flex;align-items:baseline;gap:11px;min-width:0}
 body.naber-app .naber-community-view .naber-series-title-line .naber-series-heading{
  margin:0!important;font-family:inherit!important;font-size:23px!important;font-weight:750!important;line-height:1.12!important;
 }
 body.naber-app .naber-community-view .naber-series-heading-count{font-size:11px;color:#748087;white-space:nowrap}
 body.naber-app .naber-community-view .naber-series-list-page .naber-series-sub{
  display:block!important;margin:0!important;font:400 13px/1.5 inherit!important;color:#6b7580!important;
 }
 body.naber-app .naber-community-view .naber-series-list-page .naber-series-header-actions{
  display:flex!important;justify-content:center!important;width:100%!important;gap:8px!important;
 }
 body.naber-app .naber-community-view .naber-series-list-page .naber-series-header-actions .naber-series-create,
 body.naber-app .naber-community-view .naber-series-list-page .naber-series-header-actions .naber-series-manage{
  flex:1 1 0!important;min-width:0!important;width:auto!important;max-width:none!important;
 }
 body.naber-app .naber-community-view .naber-series-list-page .naber-series-header-actions .naber-series-create>summary{
  width:100%!important;min-height:40px!important;box-sizing:border-box!important;
 }
 body.naber-app .naber-community-view .naber-series-list-page .naber-series-header-actions .naber-series-manage{
  min-height:40px!important;box-sizing:border-box!important;
 }
 body.naber-app .naber-community-view .naber-series-list-page .naber-series-toolbar{
  display:flex!important;flex-wrap:nowrap!important;align-items:center!important;
  gap:9px!important;padding:10px 14px!important;margin:0!important;
 }
 body.naber-app .naber-community-view .naber-series-list-page .naber-series-filters,
 body.naber-app .naber-community-view .naber-series-list-page .naber-series-result-count{display:none!important}
 body.naber-app .naber-community-view .naber-series-filter-mobile{display:block!important;flex:1 1 0!important;min-width:0!important}
 body.naber-app .naber-community-view .naber-series-list-page .naber-series-sort{flex:1 1 0!important;min-width:0!important;display:flex!important}
 body.naber-app .naber-community-view .naber-series-list-page .naber-series-sort>label{display:none!important}
 body.naber-app .naber-community-view .naber-series-filter-mobile .naber-mobile-select-trigger,
 body.naber-app .naber-community-view .naber-series-list-page .naber-series-sort .naber-mobile-select-trigger{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  width:100%!important;min-width:0!important;max-width:none!important;min-height:40px!important;
  padding:8px 25px 8px 10px!important;font-size:12px!important;white-space:nowrap!important;
  overflow:hidden!important;text-overflow:ellipsis!important;
  border:1px solid #dce3e2!important;border-radius:10px!important;background:#fff!important;color:#263745!important;
 }
 body.naber-app .naber-community-view .naber-series-filter-mobile select[data-naber-popover-ready]{
  position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;
 }
}
@media(min-width:741px){.naber-series-heading-count,.naber-series-filter-mobile{display:none!important}}


/* Keep the established mobile Filter + Sort row; restore only the existing view switch. */
@media(max-width:740px){
 body.naber-app .naber-community-view .naber-articles-toolbar-row .naber-articles-view-switch,
 body.naber-app .naber-community-view .naber-series-list-page .naber-series-toolbar .naber-series-view-switch{
  display:flex!important;flex:0 0 auto!important;align-items:center!important;
 }
}

/* Mobile library search: icon in the approved toolbar, input reveals below it. */
.naber-library-search-toggle,.naber-library-mobile-search{display:none}
@media(max-width:740px){
 body.naber-app .naber-community-view .naber-library-search-toggle{
  display:inline-flex!important;flex:0 0 30px!important;align-items:center;justify-content:center;
  width:30px;height:40px;padding:0;border:0;background:transparent;color:#435663;cursor:pointer;
 }
 body.naber-app .naber-community-view .naber-library-search-toggle[aria-expanded="true"]{color:#253b49}
 body.naber-app .naber-community-view .naber-library-mobile-search:not([hidden]){
  display:flex!important;align-items:center;gap:8px;padding:9px 14px 12px;
  border-bottom:1px solid #e9e6e1;box-sizing:border-box;width:100%;
 }
 body.naber-app .naber-community-view .naber-library-mobile-search input[type="search"]{
  min-width:0;flex:1 1 auto;box-sizing:border-box;height:40px;padding:0 12px;
  border:1px solid #dce3e2;border-radius:10px;background:#fff;font:inherit;font-size:13px;
 }
 body.naber-app .naber-community-view .naber-library-mobile-search button[type="submit"]{
  flex:0 0 40px;height:40px;display:grid;place-items:center;border:1px solid #dce3e2;
  border-radius:10px;background:#fff;color:#435663;cursor:pointer;
 }
}

/* Articles + Series mobile: Search is the final boxed toolbar control. */
@media(max-width:740px){
 body.naber-app .naber-community-view .naber-articles-toolbar-row .naber-library-search-toggle,
 body.naber-app .naber-community-view .naber-series-list-page .naber-series-toolbar .naber-library-search-toggle{
  display:inline-flex!important;order:10!important;flex:0 0 36px!important;
  box-sizing:border-box!important;width:36px!important;height:40px!important;
  min-width:36px!important;margin:0!important;padding:0!important;
  align-items:center!important;justify-content:center!important;
  border:1px solid #dce3e2!important;border-radius:9px!important;
  background:#fff!important;color:#435663!important;
 }
 body.naber-app .naber-community-view .naber-articles-toolbar-row .naber-library-search-toggle[aria-expanded="true"],
 body.naber-app .naber-community-view .naber-series-list-page .naber-series-toolbar .naber-library-search-toggle[aria-expanded="true"]{
  background:#e8eff8!important;color:#4e6b8a!important;
 }
}

/* Mobile libraries use toolbar search; omit redundant sidebar search sections. */
@media(max-width:740px){
 body.naber-app .naber-community-view .naber-series-sidebar>.naber-series-side-section:has(.naber-series-side-search),
 body.naber-app .naber-community-view .naber-articles-sidebar>.naber-article-side-section:has(input[name="neighbor_asearch"]){
  display:none!important;
 }
}

/* Community mobile nav: one page dropdown, existing membership/alert and Feed-only tools. */
.naber-mobile-page-menu{display:none}
@media(max-width:740px){
 body.naber-app .naber-community-view>.naber-tabs-row{
  display:flex!important;align-items:center!important;flex-wrap:nowrap!important;
  gap:5px!important;padding:0 8px!important;min-height:43px!important;
 }
 body.naber-app .naber-community-view>.naber-tabs-row>.naber-tabs{display:none!important}
 body.naber-app .naber-community-view .naber-mobile-page-menu{
  display:block!important;position:relative;flex:1 1 0!important;min-width:0!important;
  max-width:165px!important;order:0!important;
 }
 body.naber-app .naber-community-view .naber-mobile-page-menu>summary{
  display:flex;align-items:center;justify-content:space-between;gap:5px;
  box-sizing:border-box;width:100%;height:34px;padding:0 9px;
  border:1px solid #e2e4e3;border-radius:999px;background:#fff;
  color:#273845;font-size:12px;font-weight:650;list-style:none;cursor:pointer;
 }
 body.naber-app .naber-community-view .naber-mobile-page-menu>summary::-webkit-details-marker{display:none}
 body.naber-app .naber-community-view .naber-mobile-page-menu>summary span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 body.naber-app .naber-community-view .naber-mobile-page-menu>summary svg{width:13px;height:13px;flex:0 0 auto}
 body.naber-app .naber-community-view .naber-mobile-page-options{
  position:absolute;top:calc(100% + 5px);left:0;z-index:60;
  min-width:190px;max-width:calc(100vw - 20px);padding:5px;
  display:flex;flex-direction:column;background:#fff;border:1px solid #e1e4e1;
  border-radius:11px;box-shadow:0 12px 28px rgba(23,38,47,.16);
 }
 body.naber-app .naber-community-view .naber-mobile-page-options a{
  display:block;padding:10px 12px;text-decoration:none!important;
  border-radius:7px;color:#273845;font-size:13px;font-weight:500;
 }
 body.naber-app .naber-community-view .naber-mobile-page-options a[aria-current="page"]{background:#f1f3f2;font-weight:700}
 body.naber-app .naber-community-view>.naber-tabs-row>.naber-utility-bar.is-inflow{
  display:flex!important;flex:0 0 auto!important;order:2!important;
  margin:0!important;padding:0!important;gap:3px!important;
 }
 body.naber-app .naber-community-view>.naber-tabs-row .naber-ub-main{flex:0 0 auto!important;gap:3px!important}
 body.naber-app .naber-community-view>.naber-tabs-row .naber-ub-membership{flex:0 0 auto!important}
 body.naber-app .naber-community-view>.naber-tabs-row .naber-ub-stats{display:none!important}
 body.naber-app .naber-community-view>.naber-tabs-row .naber-ub-tools{gap:3px!important}
 body.naber-app .naber-community-view>.naber-tabs-row .naber-ub-gear{order:99!important;margin-left:auto!important}
 body.naber-app .naber-community-view>.naber-tabs-row>.naber-mobile-tools{
  order:1!important;flex:0 0 auto!important;gap:0!important;margin:0!important;
 }
 body.naber-app .naber-community-view>.naber-tabs-row>.naber-mobile-tools button,
 body.naber-app .naber-community-view>.naber-tabs-row>.naber-mobile-tools .naber-mobile-format-toggle{
  flex:0 0 28px!important;width:28px!important;height:34px!important;
  min-width:28px!important;padding:5px!important;border:0!important;border-radius:7px!important;
 }
 body.naber-app .naber-community-view>.naber-tabs-row>.naber-mobile-tools svg{width:17px!important;height:17px!important}
}

/* Mobile Feed composer card: edge-to-edge square corners; retain round inner actions. */
@media(max-width:740px){
 body.naber-app .naber-community-view .neighbor-create-post:not(.naber-series-sidebar-composer .neighbor-create-post),
 body.naber-app .naber-community-view .naber-create-post-logged-out{
  border-radius:0!important;
 }
}

/* Shared Instagram links use a compact Naber card, not Instagram's nested UI. */
.naber-post-social .naber-instagram-preview,
.naber-embed-preview-body .naber-instagram-preview,
.naber-instagram-preview{
 box-sizing:border-box;width:100%;max-width:520px;margin:0 auto;
 border:1px solid #dce3e5;border-radius:12px;overflow:hidden;background:#fff;
 color:#263745;text-align:left;
}
.naber-instagram-preview-head{
 display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;
 column-gap:12px;row-gap:3px;padding:12px 14px;font-size:12px;font-weight:650;
}
.naber-instagram-preview-head span:last-child{color:#6b7580;font-size:11px;font-weight:400}
.naber-instagram-preview-image{display:block;width:100%;max-height:440px;overflow:hidden;background:#f1f3f2}
.naber-instagram-preview-image img{
 display:block;width:100%;max-height:440px;object-fit:contain;margin:0 auto;
}
.naber-instagram-preview-info{display:flex;flex-direction:column;gap:7px;padding:12px 14px;font-size:13px}
.naber-instagram-preview-info strong{font-size:13px;font-weight:650;overflow-wrap:anywhere}
.naber-instagram-preview-info p{margin:0;color:#687882;line-height:1.45}
.naber-instagram-preview-info a{color:#40647c;text-decoration:none;font-weight:650}
@media(max-width:740px){
 body.naber-app .naber-community-view .naber-post-social .naber-instagram-preview{
  max-width:100%;border-radius:0;
 }
 .naber-instagram-preview-image,.naber-instagram-preview-image img{max-height:380px}
}

/* Keep post actions clean: no divider above heart/save/share/comment/visibility row. */
body.naber-app .naber-community-view .neighbor-post .neighbor-post-footer{border-top:0!important;}

/* Compact Feed text previews and tighter spacing for pasted paragraph blocks. */
body.naber-app .naber-community-view .neighbor-post .neighbor-post-content{line-height:1.3!important}
body.naber-app .naber-community-view .neighbor-post .neighbor-post-content p{margin-top:0!important;margin-bottom:5px!important}
body.naber-app .naber-community-view .neighbor-post .neighbor-post-content p:last-child{margin-bottom:0!important}

/* Feed read-more action: right aligned and comfortably separated from preview text. */
body.naber-app .naber-community-view .neighbor-post .naber-readmore-toggle{
 display:block!important;width:max-content!important;max-width:calc(100% - 24px)!important;
 margin:10px 12px 14px auto!important;padding:5px 0!important;text-align:right!important;
}

/* Media-first Instagram preview: compact attribution footer, no duplicate caption block. */
.naber-instagram-preview .naber-instagram-preview-info{gap:7px;padding:9px 12px 10px}
.naber-instagram-preview .naber-instagram-preview-info>strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12px;line-height:1.35}
.naber-instagram-preview-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;color:#687882}
.naber-instagram-preview-bottom a{font-size:12px;white-space:nowrap}
.naber-instagram-preview-image,.naber-instagram-preview-image img{max-height:560px}
@media(max-width:740px){.naber-instagram-preview-image,.naber-instagram-preview-image img{max-height:480px}}

/* Instagram preview: square card and media corners on all screen sizes. */
body.naber-app .naber-community-view .naber-instagram-preview,
body.naber-app .naber-community-view .naber-instagram-preview-image,
body.naber-app .naber-community-view .naber-instagram-preview-image img{border-radius:0!important;}

/* Match portrait Instagram previews to TikTok's 9:16 sizing; square all corners. */
body.naber-app .naber-community-view .neighbor-post .naber-post-social .naber-instagram-preview,
body.naber-app .naber-community-view .neighbor-post .naber-post-media .naber-instagram-preview{
 width:100%!important;max-width:400px!important;margin-left:auto!important;margin-right:auto!important;
 border-radius:0!important;overflow:hidden!important;
}
body.naber-app .naber-community-view .neighbor-post .naber-instagram-preview .naber-instagram-preview-image{
 display:block!important;width:100%!important;max-height:none!important;
 aspect-ratio:9/16!important;overflow:hidden!important;border-radius:0!important;
 background:transparent!important;
}
body.naber-app .naber-community-view .neighbor-post .naber-instagram-preview .naber-instagram-preview-image img{
 display:block!important;width:100%!important;height:100%!important;max-height:none!important;
 aspect-ratio:9/16!important;object-fit:cover!important;object-position:center!important;
 border-radius:0!important;margin:0!important;
}
@media(max-width:740px){
 body.naber-app .naber-community-view .neighbor-post .naber-post-social .naber-instagram-preview,
 body.naber-app .naber-community-view .neighbor-post .naber-post-media .naber-instagram-preview{
  max-width:100%!important;border-radius:0!important;
 }
}

/* Instagram preview media: force square corners regardless of post wrapper or theme. */
html body .naber-instagram-preview,
html body .naber-instagram-preview .naber-instagram-preview-image,
html body .naber-instagram-preview .naber-instagram-preview-image > img,
html body .naber-instagram-preview a.naber-instagram-preview-image img{
 border-radius:0!important;-webkit-border-radius:0!important;
 clip-path:none!important;-webkit-clip-path:none!important;
 mask-image:none!important;-webkit-mask-image:none!important;
}

/* Facebook public metadata preview: square outer card corners on every screen. */
body.naber-app .naber-community-view .naber-social-reconstruction,
body.naber-app .naber-community-view .naber-social-reconstruction-image,
body.naber-app .naber-community-view .naber-social-reconstruction-image img{
 border-radius:0!important;-webkit-border-radius:0!important;
}

/* Instagram's public preview thumbnail can contain baked-in rounded black corners.
   Trim a small edge from the image itself; CSS border-radius alone cannot remove those pixels. */
body.naber-app .naber-community-view .neighbor-post .naber-instagram-preview .naber-instagram-preview-image{
 overflow:hidden!important;border-radius:0!important;
}
body.naber-app .naber-community-view .neighbor-post .naber-instagram-preview .naber-instagram-preview-image>img{
 transform:scale(1.075)!important;transform-origin:center center!important;
 border-radius:0!important;
}


/* Feed: one post surface, not a bordered card nested inside another.
   Presentation only: preserve source attribution, content, links and actions. */
body.naber-app .naber-community-view .neighbor-post .naber-article-card,
body.naber-app .naber-community-view .neighbor-post .naber-post-social .naber-social-reconstruction{
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:transparent!important;
  margin-left:0!important;
  margin-right:0!important;
  max-width:100%!important;
  width:100%!important;
}
body.naber-app .naber-community-view .neighbor-post .naber-article-card{
  margin-top:0!important;
  margin-bottom:0!important;
  overflow:visible!important;
}
body.naber-app .naber-community-view .neighbor-post .naber-post-social .naber-social-reconstruction{
  overflow:hidden;
}
body.naber-app .naber-community-view .neighbor-post .naber-article-card-cover,
body.naber-app .naber-community-view .neighbor-post .naber-article-card-cover img,
body.naber-app .naber-community-view .neighbor-post .naber-post-social .naber-social-reconstruction-image,
body.naber-app .naber-community-view .neighbor-post .naber-post-social .naber-social-reconstruction-image img{
  border-radius:0!important;
}


/* Linked-image posts: square media corners, preserving the clickable link and image. */
body.naber-app .naber-community-view .neighbor-post .naber-link-image-a,
body.naber-app .naber-community-view .neighbor-post .naber-link-image-a img{
  border-radius:0!important;
  -webkit-border-radius:0!important;
}


/* Feed full-image website links: remove the inset secondary card and center media. */
body.naber-app .naber-community-view .neighbor-post .naber-full-image-link{
  width:100%!important;
  max-width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:transparent!important;
  box-sizing:border-box!important;
}
body.naber-app .naber-community-view .neighbor-post .naber-full-image-link .naber-full-image-media{
  display:flex!important;
  justify-content:center!important;
  width:100%!important;
  border-radius:0!important;
  background:transparent!important;
}
body.naber-app .naber-community-view .neighbor-post .naber-full-image-link .naber-full-image-media img{
  display:block!important;
  max-width:100%!important;
  height:auto!important;
  border-radius:0!important;
}
body.naber-app .naber-community-view .neighbor-post .naber-full-image-link .naber-full-image-info{
  width:100%!important;
  box-sizing:border-box!important;
  padding:12px 0!important;
  border:0!important;
  background:transparent!important;
}


/* Feed Article compactness: keep category and CTA but reduce dead space. */
body.naber-app .naber-community-view .neighbor-post .naber-article-card-body{
  padding-top:10px!important;
  padding-bottom:4px!important;
}
body.naber-app .naber-community-view .neighbor-post .naber-article-kicker{
  gap:6px!important;
  margin-bottom:4px!important;
}
body.naber-app .naber-community-view .neighbor-post .naber-article-card-title{
  margin-top:5px!important;
  margin-bottom:6px!important;
}
body.naber-app .naber-community-view .neighbor-post .naber-article-card-excerpt{
  margin-bottom:7px!important;
}
body.naber-app .naber-community-view .neighbor-post .naber-article-readbtn{
  margin-top:0!important;
  margin-bottom:0!important;
}


/* Compact feed link treatment: one-line source/title/action and less dead space. */
body.naber-app .naber-community-view .neighbor-post .naber-readmore-toggle{
  margin:2px 12px 5px auto!important;
  padding:1px 0!important;
  line-height:1.35!important;
}
body.naber-app .naber-community-view .neighbor-post .naber-full-image-link{
  margin-top:0!important;
  margin-bottom:0!important;
}
body.naber-app .naber-community-view .neighbor-post .naber-full-image-link .naber-full-image-info{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:4px 10px!important;
  padding:6px 0 2px!important;
  line-height:1.3!important;
}
body.naber-app .naber-community-view .neighbor-post .naber-full-image-info small,
body.naber-app .naber-community-view .neighbor-post .naber-full-image-info strong,
body.naber-app .naber-community-view .neighbor-post .naber-full-image-info>span{
  margin:0!important;
  line-height:1.3!important;
}
body.naber-app .naber-community-view .neighbor-post .naber-full-image-info strong{
  font-size:13px!important;
}
body.naber-app .naber-community-view .neighbor-post .naber-full-image-info small{
  font-size:10px!important;
}
body.naber-app .naber-community-view .neighbor-post .naber-full-image-info>span{
  margin-left:auto!important;
  font-size:11px!important;
}


/* Feed article controls: slim Newsletter pill and Full Article action. */
body.naber-app .naber-community-view .neighbor-post .naber-article-card .naber-article-cat{
  display:inline-flex!important;
  align-items:center!important;
  min-height:0!important;
  padding:2px 7px!important;
  font-size:11px!important;
  line-height:1.2!important;
}
body.naber-app .naber-community-view .neighbor-post .naber-article-card .naber-article-readbtn{
  min-height:30px!important;
  padding:0 12px!important;
  gap:5px!important;
  font-size:12px!important;
  line-height:1.2!important;
}
body.naber-app .naber-community-view .neighbor-post .naber-article-card .naber-article-readbtn svg{
  width:13px!important;
  height:13px!important;
}


/* Feed expansion control: understated slim pill, inset from the right edge. */
body.naber-app .naber-community-view .neighbor-post .naber-readmore-toggle{
  display:block!important;
  width:max-content!important;
  max-width:calc(100% - 32px)!important;
  margin:3px 36px 6px auto!important;
  padding:3px 11px!important;
  min-height:0!important;
  border:1px solid #e2e6e5!important;
  border-radius:999px!important;
  background:#f4f6f5!important;
  color:#607781!important;
  font-size:11px!important;
  font-weight:600!important;
  line-height:1.35!important;
  text-decoration:none!important;
  box-shadow:none!important;
}
body.naber-app .naber-community-view .neighbor-post .naber-readmore-toggle:hover{
  background:#eaf0ef!important;
  color:#415e6b!important;
}


/* Full Image + Link: display the same boxed external-link artwork as image-link posts.
   Original visible label remains in the DOM for accessibility and links remain clickable. */
body.naber-app .naber-community-view .neighbor-post .naber-full-image-info>span{
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  font-size:0!important;
}
body.naber-app .naber-community-view .neighbor-post .naber-full-image-info>span::before{
  content:"Open website";
  font-size:11px;
  line-height:1.3;
}
body.naber-app .naber-community-view .neighbor-post .naber-full-image-info>span::after{
  content:"";
  display:inline-block;
  flex:none;
  width:15px;
  height:15px;
  background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='3.5' width='17' height='17' rx='3.5'/%3E%3Cpath d='M9 15 15 9M10 9h5v5'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='3.5' width='17' height='17' rx='3.5'/%3E%3Cpath d='M9 15 15 9M10 9h5v5'/%3E%3C/svg%3E") center/contain no-repeat;
}


/* Feed full-image website preview: stretch custom artwork to post width without cropping. */
body.naber-app .naber-community-view .neighbor-post .naber-full-image-link .naber-full-image-media img{
 width:100%!important;
 max-width:100%!important;
 max-height:none!important;
 height:auto!important;
 object-fit:contain!important;
 border-radius:0!important;
}


/* Naber feed single-image standard: full available width, natural ratio, square corners.
   Do not target multi-photo galleries or the editor previews. */
body.naber-app .naber-community-view .neighbor-post .naber-article-card-cover,
body.naber-app .naber-community-view .neighbor-post .naber-social-reconstruction-image,
body.naber-app .naber-community-view .neighbor-post .naber-link-image-a,
body.naber-app .naber-community-view .neighbor-post .naber-full-image-media,
body.naber-app .naber-community-view .neighbor-post > .neighbor-post-image.naber-post-media{
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  border-radius:0!important;
}
body.naber-app .naber-community-view .neighbor-post .naber-article-card-cover img,
body.naber-app .naber-community-view .neighbor-post .naber-social-reconstruction-image img,
body.naber-app .naber-community-view .neighbor-post .naber-link-image-a img,
body.naber-app .naber-community-view .neighbor-post .naber-full-image-media img,
body.naber-app .naber-community-view .neighbor-post > .neighbor-post-image.naber-post-media img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  border-radius:0!important;
  -webkit-border-radius:0!important;
  margin-left:auto!important;
  margin-right:auto!important;
}


/* Compact audio artwork: always fill its thumbnail without stretching the source. */
body.naber-app .naber-community-view .neighbor-post .naber-audio-card .naber-audio-cover:not(.is-placeholder){
  overflow:hidden!important;
}
body.naber-app .naber-community-view .neighbor-post .naber-audio-card .naber-audio-cover:not(.is-placeholder) .naber-audio-cover-img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
}


/* Audio publishing: choose between existing compact cover and a full-width editorial cover. */
.naber-audio-display-picker{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:10px 0 0;font-size:13px;font-weight:600;color:#263745}
.naber-audio-display-picker select{min-height:36px;border:1px solid #d9dedc;border-radius:9px;background:#fff;color:#263745;padding:5px 10px;font:inherit}
body.naber-app .naber-community-view .neighbor-post .naber-audio-card-compact .naber-audio-cover:not(.is-placeholder) .naber-audio-cover-img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center}
body.naber-app .naber-community-view .neighbor-post .naber-audio-card-full{
 display:flex!important;flex-direction:column!important;gap:0!important;
 border:0!important;border-radius:0!important;background:transparent!important;
 box-shadow:none!important;padding:0!important;overflow:visible!important;
}
body.naber-app .naber-community-view .neighbor-post .naber-audio-card-full .naber-audio-cover{
 flex:none!important;width:100%!important;height:auto!important;max-height:none!important;
 aspect-ratio:auto!important;border-radius:0!important;background:transparent!important;
 align-self:stretch!important;
}
body.naber-app .naber-community-view .neighbor-post .naber-audio-card-full .naber-audio-cover-img{
 width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;
 border-radius:0!important;display:block!important;
}
body.naber-app .naber-community-view .neighbor-post .naber-audio-card-full .naber-audio{
 width:100%!important;box-sizing:border-box!important;padding:12px 2px 4px!important;
}
body.naber-app .naber-community-view .neighbor-post .naber-audio-card-full .naber-audio-cover.is-placeholder{
 display:none!important;
}


/* Recorder status: obvious live state and pause/resume in both composer and edit. */
.naber-ac-rec{flex-wrap:wrap;gap:9px;padding:9px 11px;border:1px solid #e5ded6;border-radius:10px;background:#faf8f5}
.naber-ac-status{font-size:12px;font-weight:700;color:#963e40}
.naber-ac-rec.is-paused .naber-ac-status{color:#5f6975}
.naber-ac-rec.is-paused .naber-ac-dot{animation:none!important;background:#9ca3af;opacity:1}
.naber-ac-rec .naber-ac-timer{margin-right:auto;font-size:13px;font-variant-numeric:tabular-nums}
.naber-ac-rec .naber-ac-pause,.naber-ac-rec .naber-ac-stop{min-height:32px;padding:5px 12px;font-size:12px}


/* Vimeo feed media: one responsive sizing context, not overlapping iframe rules.
   Preserve Vimeo metadata aspect ratio and keep controls inside the post. */
body.naber-app .naber-community-view .neighbor-post .neighbor-post-video.is-landscape:has(iframe.naber-vimeo-embed){
  display:block!important;
  position:relative!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:auto!important;
  margin-left:0!important;
  margin-right:0!important;
  padding:0!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
body.naber-app .naber-community-view .neighbor-post .neighbor-post-video.is-landscape iframe.naber-vimeo-embed{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:auto!important;
  aspect-ratio:var(--naber-ar,16 / 9)!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  box-sizing:border-box!important;
}


/* YouTube feed media: same containment as the Vimeo rule above. On phones the older edge-to-edge
   rule (margin -16px, width +32px) widened the player past the post card, which clipped its edges
   and controls. Keep the player exactly the post's media width; the aspect ratio is unchanged. */
body.naber-app .naber-community-view .neighbor-post .neighbor-post-video.is-landscape:has(iframe.naber-youtube-embed){
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
body.naber-app .naber-community-view .neighbor-post .neighbor-post-video.is-landscape iframe.naber-youtube-embed{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
}


/* Audio cover layout selector: match Naber inputs in the mobile Edit Post modal. */
.naber-community-view .naber-audio-display-picker{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:7px!important;
  width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  margin:10px 0 0!important;
  font-size:12px!important;
  font-weight:600!important;
  color:#394653!important;
}
.naber-community-view .naber-audio-display-picker select{
  appearance:none!important;
  -webkit-appearance:none!important;
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  min-height:42px!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:9px 42px 9px 14px!important;
  border:1px solid #d9dedc!important;
  border-radius:12px!important;
  background-color:#fff!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23394653' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;
  background-position:right 16px center!important;
  background-size:16px 16px!important;
  color:#263745!important;
  font-size:13px!important;
  font-weight:500!important;
  line-height:1.4!important;
}
.naber-community-view .naber-audio-display-picker select:focus-visible{
  outline:2px solid #4e6b8a!important;
  outline-offset:2px!important;
}


/* Audio compact mode stays horizontal on mobile; full-image mode remains stacked. */
@media (max-width:700px){
  body.naber-app .naber-community-view .neighbor-post .naber-audio-card-compact{
    display:flex!important;flex-direction:row!important;align-items:center!important;
    gap:10px!important;min-width:0!important;
  }
  body.naber-app .naber-community-view .neighbor-post .naber-audio-card-compact .naber-audio-cover{
    flex:0 0 88px!important;width:88px!important;height:88px!important;
    max-height:none!important;aspect-ratio:1 / 1!important;align-self:center!important;
    overflow:hidden!important;
  }
  body.naber-app .naber-community-view .neighbor-post .naber-audio-card-compact .naber-audio-cover-img{
    display:block!important;width:100%!important;height:100%!important;
    object-fit:cover!important;object-position:center!important;
  }
  body.naber-app .naber-community-view .neighbor-post .naber-audio-card-compact .naber-audio{
    flex:1 1 0!important;min-width:0!important;width:auto!important;max-width:100%!important;
  }
}


/* Audio cover display: custom Naber popup instead of platform-native select menu. */
.naber-community-view .naber-audio-display-picker{position:relative}
.naber-community-view .naber-audio-display-native{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;overflow:hidden!important}
.naber-community-view .naber-audio-display-menu{position:relative;width:100%;min-width:0}
.naber-community-view .naber-audio-display-menu summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:42px;box-sizing:border-box;border:1px solid #d9dedc;border-radius:12px;background:#fff;padding:9px 16px 9px 14px;color:#263745;font-size:13px;font-weight:500}
.naber-community-view .naber-audio-display-menu summary::-webkit-details-marker{display:none}
.naber-community-view .naber-audio-display-menu summary::after{content:"";width:16px;height:16px;flex:none;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center/contain no-repeat}
.naber-community-view .naber-audio-display-menu[open] summary::after{transform:rotate(180deg)}
.naber-community-view .naber-audio-display-menu summary:focus-visible,.naber-community-view .naber-audio-display-options button:focus-visible{outline:2px solid #4e6b8a;outline-offset:2px}
.naber-community-view .naber-audio-display-options{position:absolute;bottom:calc(100% + 5px);left:0;right:0;z-index:100;display:grid;gap:3px;padding:5px;border:1px solid #ddd9d2;border-radius:12px;background:#fff;box-shadow:0 8px 24px rgba(25,34,43,.12)}
.naber-community-view .naber-audio-display-options button{width:100%;border:0;border-radius:8px;text-align:left;background:transparent;color:#263745;font-family:inherit;font-size:13px;font-weight:500;line-height:1.4;padding:10px 12px;cursor:pointer}
.naber-community-view .naber-audio-display-options button:hover,.naber-community-view .naber-audio-display-options button[aria-pressed="true"]{background:#f0f3f2}

/* Audio layout menu in portaled Edit Post dialogs: selector is not always under .naber-community-view. */
.naber-edit-modal .naber-audio-display-native,
.naber-audio-composer .naber-audio-display-native{
 position:absolute!important;width:1px!important;height:1px!important;
 opacity:0!important;pointer-events:none!important;clip-path:inset(50%)!important;
}
.naber-edit-modal .naber-audio-display-menu,
.naber-audio-composer .naber-audio-display-menu{width:100%;position:relative}
.naber-edit-modal .naber-audio-display-menu summary,
.naber-audio-composer .naber-audio-display-menu summary{
 display:flex;justify-content:space-between;align-items:center;list-style:none;
 min-height:42px;padding:9px 16px 9px 14px;border:1px solid #d9dedc;
 border-radius:12px;background:#fff;color:#263745;cursor:pointer;box-sizing:border-box;
}
.naber-edit-modal .naber-audio-display-menu summary::-webkit-details-marker,
.naber-audio-composer .naber-audio-display-menu summary::-webkit-details-marker{display:none}
.naber-edit-modal .naber-audio-display-options,
.naber-audio-composer .naber-audio-display-options{
 display:grid;position:absolute;bottom:calc(100% + 6px);left:0;right:0;
 z-index:999;padding:5px;gap:2px;border:1px solid #d9dedc;border-radius:12px;
 background:#fff;box-shadow:0 8px 22px rgba(20,35,45,.13);
}
.naber-edit-modal .naber-audio-display-options button,
.naber-audio-composer .naber-audio-display-options button{
 width:100%;padding:10px 12px;text-align:left;background:transparent;
 border:0;border-radius:8px;color:#263745;font-size:13px;cursor:pointer;
}
.naber-edit-modal .naber-audio-display-options button:hover,
.naber-edit-modal .naber-audio-display-options button[aria-pressed="true"],
.naber-audio-composer .naber-audio-display-options button:hover,
.naber-audio-composer .naber-audio-display-options button[aria-pressed="true"]{background:#eff3f2}


/* Audio V2: three polished presentations, one shared accessible playback engine. */
body.naber-app .naber-community-view .neighbor-post .naber-audio-layout-full,
body.naber-app .naber-community-view .neighbor-post .naber-audio-layout-full-wave{
  position:relative!important;
  display:block!important;
  width:100%!important;
  background:transparent!important;
  padding:0!important;
  border:0!important;
  overflow:hidden!important;
  border-radius:0!important;
}
body.naber-app .naber-community-view .neighbor-post .naber-audio-layout-full .naber-audio-cover,
body.naber-app .naber-community-view .neighbor-post .naber-audio-layout-full-wave .naber-audio-cover{
  width:100%!important;height:auto!important;aspect-ratio:auto!important;
  max-height:none!important;border-radius:0!important;overflow:hidden!important;
}
body.naber-app .naber-community-view .neighbor-post .naber-audio-layout-full .naber-audio-cover-img,
body.naber-app .naber-community-view .neighbor-post .naber-audio-layout-full-wave .naber-audio-cover-img{
  display:block!important;width:100%!important;height:auto!important;max-height:none!important;
  object-fit:contain!important;border-radius:0!important;
}
body.naber-app .naber-community-view .neighbor-post .naber-audio-layout-full .naber-audio,
body.naber-app .naber-community-view .neighbor-post .naber-audio-layout-full-wave .naber-audio{
  position:absolute!important;bottom:10px!important;left:10px!important;right:10px!important;
  width:auto!important;min-width:0!important;max-width:none!important;
  margin:0!important;padding:10px 12px!important;
  background:rgba(31,39,48,.76)!important;color:#fff!important;
  border:1px solid rgba(255,255,255,.16)!important;border-radius:16px!important;
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
}
body.naber-app .naber-community-view .neighbor-post .naber-audio-layout-full .naber-audio-btn,
body.naber-app .naber-community-view .neighbor-post .naber-audio-layout-full-wave .naber-audio-btn{
  background:#fff!important;color:#1d2b36!important;width:38px!important;height:38px!important;
}
body.naber-app .naber-community-view .neighbor-post .naber-audio-layout-full .naber-audio-times,
body.naber-app .naber-community-view .neighbor-post .naber-audio-layout-full-wave .naber-audio-times{
  color:#fff!important;
}
body.naber-app .naber-community-view .neighbor-post .naber-audio-layout-full .naber-audio-seek,
body.naber-app .naber-community-view .neighbor-post .naber-audio-layout-full-wave .naber-audio-seek{accent-color:#fff!important}
body.naber-app .naber-community-view .neighbor-post .naber-audio-layout-compact-wave{
  display:flex!important;flex-direction:row!important;align-items:center!important;
  gap:12px!important;padding:10px!important;background:#f7f6f3!important;border:0!important;
  border-radius:12px!important;
}
body.naber-app .naber-community-view .neighbor-post .naber-audio-layout-compact-wave .naber-audio-cover{
  flex:0 0 clamp(78px,22vw,124px)!important;
  width:clamp(78px,22vw,124px)!important;height:clamp(78px,22vw,124px)!important;
  max-height:none!important;aspect-ratio:1 / 1!important;overflow:hidden!important;
}
body.naber-app .naber-community-view .neighbor-post .naber-audio-layout-compact-wave .naber-audio-cover-img{
  width:100%!important;height:100%!important;object-fit:cover!important;
}
body.naber-app .naber-community-view .neighbor-post .naber-audio-layout-compact-wave .naber-audio{
  display:flex!important;flex:1 1 0!important;min-width:0!important;
  width:auto!important;background:transparent!important;border:0!important;
  margin:0!important;padding:0!important;
}
.naber-audio-waveform{display:none;width:100%;height:38px;pointer-events:none}
.naber-audio-waveform.is-ready{display:block}
.naber-audio-waveform.is-ready + .naber-audio-seek{
  display:block;position:relative;margin-top:-38px!important;height:38px!important;
  opacity:0.035;cursor:pointer;
}
.naber-audio-main{min-width:0!important}
.naber-audio-layout-full-wave .naber-audio-waveform.is-ready + .naber-audio-seek,
.naber-audio-layout-compact-wave .naber-audio-waveform.is-ready + .naber-audio-seek{opacity:0.035}
/* Full image · Waveform: never expose the old seek-bar presentation before
   asynchronous waveform decoding. Keep the seek input operable and accessible.
   Show its native fallback only if waveform decoding cannot complete. */
.naber-audio-layout-full-wave .naber-audio-seek{opacity:.035!important}
.naber-audio-layout-full-wave.naber-audio-wave-fallback .naber-audio-seek{opacity:1!important}
.naber-audio-layout-full-wave .naber-audio-times{display:none!important}

@media(max-width:540px){
  body.naber-app .naber-community-view .neighbor-post .naber-audio-layout-compact-wave{gap:8px!important;padding:7px!important}
  body.naber-app .naber-community-view .neighbor-post .naber-audio-layout-compact-wave .naber-audio-btn{width:36px!important;height:36px!important}
  body.naber-app .naber-community-view .neighbor-post .naber-audio-layout-full .naber-audio,
  body.naber-app .naber-community-view .neighbor-post .naber-audio-layout-full-wave .naber-audio{left:7px!important;right:7px!important;bottom:7px!important;padding:7px 9px!important;gap:9px!important}
}

/* No cover selected: keep full-layout audio controls visible in normal flow. */
body.naber-app .naber-community-view .neighbor-post .naber-audio-card-full:has(.naber-audio-cover.is-placeholder){
  display:block!important;min-height:64px!important;padding:8px!important;
}
body.naber-app .naber-community-view .neighbor-post .naber-audio-card-full:has(.naber-audio-cover.is-placeholder) .naber-audio{
  position:relative!important;inset:auto!important;width:100%!important;box-sizing:border-box!important;
}


/* Audio presentation refinement: preserve whole artwork and distinguish the chosen layout.
   Constrained to Naber audio cards, never general image/video posts. */
body.naber-app .naber-community-view .neighbor-post .naber-audio-layout-full .naber-audio-cover,
body.naber-app .naber-community-view .neighbor-post .naber-audio-layout-full-wave .naber-audio-cover{
  display:flex!important;align-items:center!important;justify-content:center!important;
  background:#f7f6f3!important;min-height:0!important;
  max-height:clamp(205px,55vw,430px)!important;
}
body.naber-app .naber-community-view .neighbor-post .naber-audio-layout-full .naber-audio-cover-img,
body.naber-app .naber-community-view .neighbor-post .naber-audio-layout-full-wave .naber-audio-cover-img{
  width:100%!important;height:auto!important;max-height:clamp(205px,55vw,430px)!important;
  aspect-ratio:auto!important;object-fit:contain!important;object-position:center!important;
}
body.naber-app .naber-community-view .neighbor-post .naber-audio-layout-full .naber-audio{
  display:flex!important;flex-wrap:nowrap!important;align-items:center!important;
  box-shadow:0 6px 22px rgba(15,23,33,.17)!important;
}
body.naber-app .naber-community-view .neighbor-post .naber-audio-layout-full-wave .naber-audio{
  background:rgba(20,27,35,.59)!important;
  border-color:rgba(255,255,255,.25)!important;
}
body.naber-app .naber-community-view .neighbor-post .naber-audio-layout-compact-wave{
  background:#f7f6f3!important;overflow:hidden!important;
}
body.naber-app .naber-community-view .neighbor-post .naber-audio-layout-compact-wave .naber-audio-cover{
  flex-shrink:0!important;border-radius:12px!important;
}
body.naber-app .naber-community-view .neighbor-post .naber-audio-layout-compact-wave .naber-audio-btn{
  flex-shrink:0!important;background:#27323b!important;color:#fff!important;
  border-radius:50%!important;
}
body.naber-app .naber-community-view .neighbor-post .naber-audio-layout-compact-wave .naber-audio-main{
  flex:1 1 0!important;min-width:0!important;
}
@media(max-width:540px){
 body.naber-app .naber-community-view .neighbor-post .naber-audio-layout-full .naber-audio-cover,
 body.naber-app .naber-community-view .neighbor-post .naber-audio-layout-full-wave .naber-audio-cover,
 body.naber-app .naber-community-view .neighbor-post .naber-audio-layout-full .naber-audio-cover-img,
 body.naber-app .naber-community-view .neighbor-post .naber-audio-layout-full-wave .naber-audio-cover-img{
   max-height:260px!important;
 }
}


/* Audio controls: presentation-specific title, volume and responsive polish. */
body.naber-app .naber-community-view .neighbor-post .naber-audio-title{
  display:none;font-size:15px;font-weight:700;line-height:1.35;color:#1d2933;
  margin:0 0 7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
body.naber-app .naber-community-view .neighbor-post .naber-audio-layout-compact-wave .naber-audio-title{
  display:block;
}
body.naber-app .naber-community-view .neighbor-post .naber-audio-volume{
  flex:0 0 auto!important;display:inline-flex!important;align-items:center;justify-content:center;
  width:34px;height:34px;border:0;border-radius:50%;padding:7px;
  background:rgba(255,255,255,.12);color:inherit;cursor:pointer;
}
body.naber-app .naber-community-view .neighbor-post .naber-audio-volume svg{
  display:block;width:100%;height:100%;
}
body.naber-app .naber-community-view .neighbor-post .naber-audio-layout-full .naber-audio-volume,
body.naber-app .naber-community-view .neighbor-post .naber-audio-layout-full-wave .naber-audio-volume{
  color:#fff!important;background:rgba(255,255,255,.17)!important;
}
body.naber-app .naber-community-view .neighbor-post .naber-audio-layout-compact-wave .naber-audio-volume{
  color:#27323b!important;background:#e8e8e6!important;
}
body.naber-app .naber-community-view .neighbor-post .naber-audio-layout-compact-wave .naber-audio{
  align-items:center!important;gap:10px!important;
}
body.naber-app .naber-community-view .neighbor-post .naber-audio-layout-compact-wave .naber-audio-times{
  display:flex!important;justify-content:space-between!important;
}
body.naber-app .naber-community-view .neighbor-post .naber-audio-layout-compact-wave .naber-audio-waveform.is-ready{
  height:34px!important;
}
body.naber-app .naber-community-view .neighbor-post .naber-audio-layout-compact-wave .naber-audio-waveform.is-ready + .naber-audio-seek{
  height:34px!important;margin-top:-34px!important;
}
@media(max-width:420px){
  body.naber-app .naber-community-view .neighbor-post .naber-audio-layout-compact-wave{
    gap:7px!important;padding:7px!important;
  }
  body.naber-app .naber-community-view .neighbor-post .naber-audio-layout-compact-wave .naber-audio-cover{
    flex-basis:82px!important;width:82px!important;height:82px!important;
  }
  body.naber-app .naber-community-view .neighbor-post .naber-audio-layout-compact-wave .naber-audio{
    gap:6px!important;
  }
  body.naber-app .naber-community-view .neighbor-post .naber-audio-layout-compact-wave .naber-audio-title{
    font-size:12px!important;margin-bottom:3px!important;
  }
  body.naber-app .naber-community-view .neighbor-post .naber-audio-layout-compact-wave .naber-audio-volume{
    width:27px;height:27px;padding:5px;
  }
}


/* Compact overlay: landscape cover with a small, floating waveform player.
   A fourth layout; full-image and compact-thumbnail styles remain unchanged. */
body.naber-app .naber-community-view .neighbor-post .naber-audio-layout-compact-overlay{
  position:relative!important;display:block!important;width:100%!important;
  max-width:100%!important;aspect-ratio:2.65 / 1!important;
  min-height:126px!important;max-height:250px!important;
  padding:0!important;margin:0!important;overflow:hidden!important;
  border:0!important;border-radius:13px!important;
  background:#f7f6f3!important;box-shadow:none!important;
}
body.naber-app .naber-community-view .neighbor-post .naber-audio-layout-compact-overlay .naber-audio-cover{
  display:block!important;width:100%!important;height:100%!important;
  min-height:0!important;max-height:none!important;
  aspect-ratio:auto!important;overflow:hidden!important;border-radius:inherit!important;
}
body.naber-app .naber-community-view .neighbor-post .naber-audio-layout-compact-overlay .naber-audio-cover-img{
  display:block!important;width:100%!important;height:100%!important;
  max-height:none!important;object-fit:cover!important;object-position:center!important;
  border-radius:inherit!important;
}
body.naber-app .naber-community-view .neighbor-post .naber-audio-layout-compact-overlay .naber-audio{
  position:absolute!important;left:12px!important;right:12px!important;bottom:12px!important;
  display:flex!important;align-items:center!important;gap:10px!important;
  width:auto!important;min-width:0!important;box-sizing:border-box!important;
  padding:8px 11px!important;margin:0!important;
  color:#23323c!important;background:rgba(255,255,255,.14)!important;
  border:1px solid rgba(255,255,255,.24)!important;
  border-radius:13px!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
}
body.naber-app .naber-community-view .neighbor-post .naber-audio-layout-compact-overlay .naber-audio-btn{
  flex:0 0 38px!important;width:38px!important;height:38px!important;
  background:rgba(255,255,255,.95)!important;color:#1e2b34!important;border-radius:50%!important;
}
body.naber-app .naber-community-view .neighbor-post .naber-audio-layout-compact-overlay .naber-audio-main{
  flex:1 1 0!important;min-width:0!important;
}
body.naber-app .naber-community-view .neighbor-post .naber-audio-layout-compact-overlay .naber-audio-title{
  display:none!important;
}
body.naber-app .naber-community-view .neighbor-post .naber-audio-layout-compact-overlay .naber-audio-times{
  color:#23323c!important;display:flex!important;justify-content:space-between!important;
  font-size:11px!important;
}
body.naber-app .naber-community-view .neighbor-post .naber-audio-layout-compact-overlay .naber-audio-waveform.is-ready{
  height:30px!important;filter:brightness(1.7);
}
body.naber-app .naber-community-view .neighbor-post .naber-audio-layout-compact-overlay .naber-audio-waveform.is-ready + .naber-audio-seek{
  height:30px!important;margin-top:-30px!important;opacity:.035!important;
}
body.naber-app .naber-community-view .neighbor-post .naber-audio-layout-compact-overlay .naber-audio-seek{
  accent-color:#fff!important;
}
body.naber-app .naber-community-view .neighbor-post .naber-audio-layout-compact-overlay .naber-audio-volume{
  flex:0 0 30px!important;width:30px!important;height:30px!important;
  color:#fff!important;background:rgba(255,255,255,.2)!important;
}
body.naber-app .naber-community-view .neighbor-post .naber-audio-layout-compact-overlay:has(.naber-audio-cover.is-placeholder){
  aspect-ratio:auto!important;min-height:66px!important;
}
body.naber-app .naber-community-view .neighbor-post .naber-audio-layout-compact-overlay:has(.naber-audio-cover.is-placeholder) .naber-audio{
  position:relative!important;inset:auto!important;margin:7px!important;
}
@media(max-width:540px){
  body.naber-app .naber-community-view .neighbor-post .naber-audio-layout-compact-overlay{
    aspect-ratio:2.35 / 1!important;min-height:132px!important;
  }
  body.naber-app .naber-community-view .neighbor-post .naber-audio-layout-compact-overlay .naber-audio{
    left:7px!important;right:7px!important;bottom:7px!important;
    gap:7px!important;padding:6px 8px!important;
  }
  body.naber-app .naber-community-view .neighbor-post .naber-audio-layout-compact-overlay .naber-audio-btn{
    flex-basis:33px!important;width:33px!important;height:33px!important;
  }
}


/* Legacy portrait/tall-canvas ARTICLE previews: use a predictable wide media window.
   Scoped to image sources identified as unusually tall by public.js. */
body.naber-app .naber-community-view .neighbor-post .naber-article-card-cover.naber-article-cover-tall-source{
  display:block!important;width:100%!important;aspect-ratio:16 / 9!important;
  height:auto!important;max-height:none!important;overflow:hidden!important;
  background:#f3f0ea!important;
}
body.naber-app .naber-community-view .neighbor-post .naber-article-card-cover.naber-article-cover-tall-source img{
  display:block!important;width:100%!important;height:100%!important;
  max-height:none!important;aspect-ratio:16 / 9!important;
  object-fit:cover!important;object-position:center center!important;
}


/* Feed article covers: enforce the same landscape viewport for old and new posts.
   Prior natural-image heuristic missed legacy landscape canvases containing blank space.
   This is only the feed article preview, never the full article reader or other media. */
@media(max-width:740px){
 body.naber-app .naber-community-view .neighbor-post .naber-article-card > .naber-article-card-cover{
   display:block!important;position:relative!important;
   width:100%!important;max-width:100%!important;
   height:auto!important;min-height:0!important;max-height:none!important;
   aspect-ratio:16 / 9!important;overflow:hidden!important;
   background:#f3f0ea!important;
 }
 body.naber-app .naber-community-view .neighbor-post .naber-article-card > .naber-article-card-cover > img{
   display:block!important;position:absolute!important;inset:0!important;
   width:100%!important;height:100%!important;min-height:0!important;
   max-height:100%!important;aspect-ratio:auto!important;
   object-fit:cover!important;object-position:center!important;
 }
}


/* Embedded mobile article reader: share the standard article's 16px content gutters.
   Keep cover images edge-to-edge; eliminate the older full-width Back to Articles bar. */
@media(max-width:760px){
 body.naber-embedded .naber-community-view.naber-embedded-article .naber-article-wrap{
   width:100%!important;max-width:100%!important;margin:0!important;
 }
 body.naber-embedded .naber-community-view.naber-embedded-article .naber-article-full>:not(.naber-article-cover),
 body.naber-embedded .naber-community-view.naber-embedded-article .naber-article-full .naber-article-body{
   box-sizing:border-box!important;padding-left:16px!important;padding-right:16px!important;
 }
 body.naber-embedded .naber-community-view.naber-embedded-article .neighbor-post-header{
   box-sizing:border-box!important;padding-left:16px!important;padding-right:16px!important;
 }
 body.naber-embedded .naber-community-view.naber-embedded-article .naber-article-cover{
   width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;
 }
}
body.naber-embedded .naber-community-view .naber-embed-return{
 position:fixed!important;z-index:999!important;
 left:max(15px,env(safe-area-inset-left))!important;
 bottom:calc(18px + env(safe-area-inset-bottom,0px))!important;
 width:auto!important;height:auto!important;margin:0!important;padding:0!important;
 pointer-events:none!important;
}
body.naber-embedded .naber-community-view .naber-embed-return-pill{
 box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;
 width:52px!important;height:27px!important;min-width:52px!important;min-height:27px!important;
 background:rgba(250,249,247,.38)!important;color:#243039!important;
 border:0!important;outline:0!important;border-radius:999px!important;box-shadow:none!important;
 background-image:linear-gradient(145deg,rgba(255,255,255,.26),rgba(255,255,255,.04))!important;
 backdrop-filter:blur(22px) saturate(150%)!important;-webkit-backdrop-filter:blur(22px) saturate(150%)!important;
 text-decoration:none!important;pointer-events:auto!important;
}
body.naber-embedded .naber-community-view .naber-embed-return-pill svg{
 display:block!important;width:17px!important;height:17px!important;
}
body.naber-embedded .naber-community-view .naber-embed-return-pill:focus-visible{
 outline:2px solid #263745!important;outline-offset:3px!important;
}


/* Audio recording ready state: no capture until Start is pressed. */
.naber-audio-composer .naber-ac-rec [hidden],
.naber-edit-modal .naber-ac-rec [hidden],
.naber-ac-rec .naber-ac-start[hidden],
.naber-ac-rec .naber-ac-pause[hidden],
.naber-ac-rec .naber-ac-stop[hidden]{display:none!important}
.naber-ac-rec:has(.naber-ac-start:not([hidden])) .naber-ac-dot{
 background:#9ca3af!important;animation:none!important;opacity:1!important;
}
.naber-ac-rec .naber-ac-start{
 background:#233440!important;border-color:#233440!important;color:#fff!important;
}


/* Audio card sizing and tonal refinements — shared across Feed, Series and detail views. */
body.naber-app .naber-community-view .neighbor-post .naber-audio-card,
body.naber-app .naber-community-view .neighbor-post .naber-audio,
body.naber-app .naber-community-view .neighbor-post .naber-audio-main{
 box-sizing:border-box!important;max-width:100%!important;min-width:0!important;
}
body.naber-app .naber-community-view .neighbor-post .naber-audio-layout-compact-wave{
 width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important;
}
body.naber-app .naber-community-view .neighbor-post .naber-audio-layout-compact-wave .naber-audio-cover{
 flex:0 0 clamp(70px,20%,96px)!important;width:clamp(70px,20%,96px)!important;
 height:auto!important;aspect-ratio:1 / 1!important;
}
body.naber-app .naber-community-view .neighbor-post .naber-audio-layout-compact-wave .naber-audio{
 flex:1 1 0!important;width:0!important;max-width:100%!important;min-width:0!important;overflow:hidden!important;
}
body.naber-app .naber-community-view .neighbor-post .naber-audio-layout-compact-wave .naber-audio-main{
 flex:1 1 0!important;min-width:0!important;max-width:100%!important;overflow:hidden!important;
}
body.naber-app .naber-community-view .neighbor-post .naber-audio-layout-compact-wave .naber-audio-waveform,
body.naber-app .naber-community-view .neighbor-post .naber-audio-layout-compact-wave .naber-audio-seek{
 width:100%!important;max-width:100%!important;min-width:0!important;
}
body.naber-app .naber-community-view .neighbor-post .naber-audio-layout-compact-wave .naber-audio-title{
 overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
}
body.naber-app .naber-community-view .neighbor-post .naber-audio-layout-full .naber-audio,
body.naber-app .naber-community-view .neighbor-post .naber-audio-layout-full-wave .naber-audio{
 background:rgba(241,239,236,.76)!important;color:#1f2d35!important;
 border:1px solid rgba(255,255,255,.25)!important;
 backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;
}
body.naber-app .naber-community-view .neighbor-post .naber-audio-layout-full .naber-audio-volume,
body.naber-app .naber-community-view .neighbor-post .naber-audio-layout-full-wave .naber-audio-volume{
 color:#25323b!important;background:rgba(255,255,255,.52)!important;
}
body.naber-app .naber-community-view .neighbor-post .naber-audio-layout-full .naber-audio-times,
body.naber-app .naber-community-view .neighbor-post .naber-audio-layout-full-wave .naber-audio-times{
 color:#25323b!important;
}
body.naber-app .naber-community-view .neighbor-post .naber-audio-layout-full .naber-audio-seek,
body.naber-app .naber-community-view .neighbor-post .naber-audio-layout-full-wave .naber-audio-seek{
 accent-color:#263640!important;
}
body.naber-embedded .naber-community-view .naber-embed-return{
 z-index:99999!important;
}
body.naber-embedded .naber-community-view .naber-embed-return-pill{
 background:rgba(250,249,247,.66)!important;
 background-image:linear-gradient(145deg,rgba(255,255,255,.33),rgba(255,255,255,.08))!important;
 color:#111b23!important;
}
@media(max-width:540px){
 body.naber-app .naber-community-view .neighbor-post .naber-audio-layout-compact-wave .naber-audio-cover{
   flex-basis:clamp(65px,24%,88px)!important;width:clamp(65px,24%,88px)!important;
 }
}


/* Auto-height embeds scroll with the parent page: position the return pill
   within the article at a predictable visible point rather than fixing it
   to the bottom of an iframe that may be several screens tall. */
@media(max-width:760px){
 html.naber-resize-ok body.naber-embedded .naber-community-view .naber-embed-return{
   position:absolute!important;top:15px!important;bottom:auto!important;
   left:max(15px,env(safe-area-inset-left))!important;
 }
 html.naber-resize-ok body.naber-embedded .naber-community-view.naber-embedded-article{
   position:relative!important;
 }
}


/* Article PREVIEW only: constrain legacy oversized cover canvases on desktop as well
   as mobile. The actual article reader and its original image are untouched. */
body.naber-app .naber-community-view .neighbor-post .naber-article-card > a.naber-article-card-cover{
 display:block!important;position:relative!important;width:100%!important;max-width:100%!important;
 aspect-ratio:16 / 9!important;height:auto!important;min-height:0!important;
 max-height:none!important;overflow:hidden!important;background:#f3f0ea!important;
}
body.naber-app .naber-community-view .neighbor-post .naber-article-card > a.naber-article-card-cover > img{
 display:block!important;position:absolute!important;inset:0!important;
 width:100%!important;height:100%!important;max-height:100%!important;min-height:0!important;
 object-fit:cover!important;object-position:center!important;aspect-ratio:auto!important;
}


/* Contextual Article return: regular desktop/mobile Naber navigation.
   This is intentionally separate from parent-scrolled iframe controls. */
body.naber-app .naber-contextual-return{
 position:fixed;bottom:calc(20px + env(safe-area-inset-bottom,0px));left:22px;
 z-index:9999;pointer-events:none;
}
body.naber-app .naber-contextual-return-pill{
 display:flex;align-items:center;justify-content:center;
 width:52px;height:28px;box-sizing:border-box;border:1px solid rgba(255,255,255,.50);border-radius:999px;
 background:rgba(218,220,220,.83);color:#15242c;text-decoration:none;
 box-shadow:none;outline:0;pointer-events:auto;
 backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);
}
body.naber-app .naber-contextual-return-pill svg{width:20px;height:20px;display:block;stroke-width:2.5}
body.naber-app .naber-contextual-return-pill:focus-visible{outline:2px solid #263745;outline-offset:3px}
@media(min-width:1024px){
 body.naber-app .naber-contextual-return{left:22px;bottom:24px}
}


/* Author-only audio download: unobtrusive utility outside the playback controls. */
body.naber-app .naber-community-view .neighbor-post .naber-audio-author-download{
 display:inline-flex;align-items:center;gap:5px;margin:7px 0 0;
 font-size:12px;font-weight:550;line-height:1.5;color:#53616a;
 text-decoration:none;background:transparent;border:0;box-shadow:none;
}
body.naber-app .naber-community-view .neighbor-post .naber-audio-author-download:hover{
 color:#1c2c37;text-decoration:underline;
}
body.naber-app .naber-community-view .neighbor-post .naber-audio-author-download:focus-visible{
 outline:2px solid #263745;outline-offset:3px;
}


/* Edit Post parity correction — 2026-11-02.
   Keep existing post-edit semantics; make its quick actions match Create a Post.
   Desktop rules were previously missing; mobile alone had the unified treatment. */
body.naber-app .naber-edit-modal.naber21-studio .naber21-toolbar{
 display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
 gap:8px!important;margin:8px 0 0!important;padding:0!important;
 border:0!important;background:transparent!important;
}
body.naber-app .naber-edit-modal.naber21-studio .naber21-tool,
body.naber-app .naber-edit-modal.naber21-studio .naber21-visibility{
 box-sizing:border-box!important;display:flex!important;align-items:center!important;
 justify-content:center!important;gap:7px!important;min-width:0!important;
 width:100%!important;min-height:42px!important;padding:8px 12px!important;
 border:1px solid #cfdae0!important;border-radius:10px!important;
 background:#fff!important;color:#263745!important;
 font-family:inherit!important;font-size:13px!important;font-weight:600!important;line-height:1.3!important;box-shadow:none!important;
}
body.naber-app .naber-edit-modal.naber21-studio .naber21-tool:hover,
body.naber-app .naber-edit-modal.naber21-studio .naber21-visibility:hover{
 background:#f4f6f6!important;border-color:#bacbd2!important;color:#263745!important;
}
body.naber-app .naber-edit-modal.naber21-studio .naber21-visibility-trigger{
 display:flex!important;align-items:center!important;justify-content:center!important;
 gap:7px!important;width:100%!important;min-width:0!important;
 background:transparent!important;border:0!important;box-shadow:none!important;
 color:inherit!important;
}
body.naber-app .naber-edit-modal.naber21-studio .naber21-visibility-trigger::before,
body.naber-app .naber-edit-modal.naber21-studio .naber21-visibility-trigger::after{
 content:none!important;display:none!important;
}
body.naber-app .naber-edit-modal .naber-edit-x,
body.naber-app .naber-edit-modal .naber-edit-x:hover,
body.naber-app .naber-edit-modal .naber-edit-x:active{
 display:grid!important;place-items:center!important;
 width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;
 padding:0!important;border:0!important;border-radius:8px!important;
 background:transparent!important;color:#263745!important;box-shadow:none!important;
 font-size:26px!important;line-height:1!important;
}
body.naber-app .naber-edit-modal .naber-edit-x:hover{background:#f1f3f3!important}
body.naber-app .naber-edit-modal .naber-edit-x:focus-visible{
 outline:2px solid #344e5d!important;outline-offset:2px!important;
}
@media(max-width:740px){
 body.naber-app .naber-edit-modal.naber21-studio .naber21-toolbar{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
 }
 body.naber-app .naber-edit-modal.naber21-studio .naber21-tool,
 body.naber-app .naber-edit-modal.naber21-studio .naber21-visibility{
  min-height:39px!important;padding:6px 9px!important;font-size:12px!important;
 }
}


/* Edit Post toolbar parity with Create a Post — 2026-11-02.
   The editor can be portaled outside .naber-community-view on desktop;\n   scope to its modal directly so its controls receive the styled buttons.
   Apply the same outlined rounded controls to editing, without modifying editor behavior. */
body .naber-edit-modal .naber18-edit-tools button{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 flex:0 0 35px!important;width:35px!important;height:35px!important;min-width:35px!important;min-height:35px!important;
 margin:0!important;padding:5px!important;box-sizing:border-box!important;
 border:1px solid #dce4e6!important;border-radius:9px!important;
 background:#f8faf9!important;color:#344d62!important;
 box-shadow:none!important;line-height:1!important;
}
body .naber-edit-modal .naber18-edit-tools button:hover{
 background:#edf2f2!important;color:#263745!important;border-color:#c6d3d7!important;
}
body .naber-edit-modal .naber18-edit-tools button:focus-visible{
 outline:2px solid #344e5d!important;outline-offset:2px!important;
}
body .naber-edit-modal .naber18-edit-tools select.naber18-block{
 box-sizing:border-box!important;width:126px!important;min-width:126px!important;
 height:35px!important;min-height:35px!important;padding:5px 26px 5px 12px!important;
 border:1px solid #dce4e6!important;border-radius:9px!important;
 background-color:#fff!important;color:#263745!important;font-size:13px!important;
}
@media(max-width:740px){
 body .naber-edit-modal .naber18-edit-tools select.naber18-block{
  width:112px!important;min-width:112px!important;
 }
}

/* Edit Post unsaved-changes confirmation: centered Naber dialog, not browser chrome. */
.naber-edit-discard-layer{
 position:fixed!important;inset:0!important;z-index:2147482000!important;
 display:flex!important;align-items:center!important;justify-content:center!important;
 padding:20px!important;background:rgba(22,30,36,.52)!important;
}
.naber-edit-discard-dialog{
 box-sizing:border-box!important;width:min(100%,420px)!important;
 padding:24px!important;border:1px solid #e1e5e6!important;border-radius:18px!important;
 background:#fff!important;color:#263745!important;
 box-shadow:0 18px 55px rgba(0,0,0,.22)!important;
 font-family:inherit!important;text-align:left!important;
}
.naber-edit-discard-dialog h3{margin:0 0 10px!important;font-size:21px!important;line-height:1.3!important;color:#263745!important}
.naber-edit-discard-dialog p{margin:0 0 22px!important;font-size:14px!important;line-height:1.5!important;color:#596a74!important}
.naber-edit-discard-actions{display:flex!important;gap:10px!important;justify-content:flex-end!important;flex-wrap:wrap!important}
.naber-edit-discard-actions button{
 border:1px solid #d5dfe3!important;border-radius:22px!important;padding:10px 16px!important;
 min-height:42px!important;font-family:inherit!important;font-size:13px!important;font-weight:600!important;line-height:1.3!important;cursor:pointer!important;
 background:#f3f1ed!important;color:#263745!important;box-shadow:none!important;
}
.naber-edit-discard-actions .naber-edit-discard-yes{background:#263745!important;border-color:#263745!important;color:#fff!important}
.naber-edit-discard-actions .naber-edit-discard-keep:hover{background:#e8ecec!important}
.naber-edit-discard-actions .naber-edit-discard-yes:hover{background:#394f5e!important}
.naber-edit-discard-actions button:focus-visible{outline:2px solid #344e5d!important;outline-offset:2px!important}

/* Naber post/article three-dot menu: contemporary compact, accessible styling. */
body .naber-community-view .neighbor-post .naber-post-menu-panel{
 min-width:210px!important;max-width:min(280px,calc(100vw - 32px))!important;
 padding:7px!important;gap:3px!important;
 border:1px solid #e3e6e5!important;border-radius:15px!important;
 background:#fff!important;
 box-shadow:0 12px 34px rgba(32,42,48,.13),0 2px 7px rgba(32,42,48,.05)!important;
}
body .naber-community-view .neighbor-post .naber-post-menu-item{
 box-sizing:border-box!important;width:100%!important;min-height:39px!important;
 display:flex!important;align-items:center!important;gap:11px!important;
 padding:9px 11px!important;border:0!important;border-radius:9px!important;
 background:transparent!important;box-shadow:none!important;
 color:#273541!important;font-size:13px!important;font-weight:500!important;
 line-height:1.35!important;text-align:left!important;
 text-decoration:none!important;white-space:normal!important;
}
body .naber-community-view .neighbor-post .naber-post-menu-item svg{
 flex:0 0 17px!important;width:17px!important;height:17px!important;stroke-width:1.75!important;
}
body .naber-community-view .neighbor-post .naber-post-menu-item:hover,
body .naber-community-view .neighbor-post .naber-post-menu-item:focus-visible{
 background:#f0f3f2!important;color:#243540!important;
}
body .naber-community-view .neighbor-post .naber-post-menu-item:focus-visible{
 outline:2px solid #516c76!important;outline-offset:-2px!important;
}
body .naber-community-view .neighbor-post .naber-post-menu-item-danger{
 color:#bd3e3b!important;
}
body .naber-community-view .neighbor-post .naber-post-menu-item-danger:hover,
body .naber-community-view .neighbor-post .naber-post-menu-item-danger:focus-visible{
 background:#fff1ef!important;color:#a92c29!important;
}
body .naber-community-view .neighbor-post .naber-post-menu-sep{
 height:1px!important;margin:5px 7px!important;background:#e8ebea!important;
}

/* Audio-specific metadata: Series at left; author download at the bottom right. */
body.naber-app .neighbor-post .naber-audio-meta-row{
 display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;
 gap:8px 18px;margin:9px 0 13px;
}
body.naber-app .neighbor-post .naber-audio-meta-row .naber-series-ref{
 margin:0;flex:1 1 auto;min-width:0;
}
body.naber-app .neighbor-post .naber-audio-meta-row .naber-audio-author-download{
 margin:0 0 0 auto;white-space:nowrap;
}

/* Full-image audio: transparent glass controls with subtle image-edge contrast.
   Only actual image covers receive the overlay gradient. Preserve placeholder fallback. */
body.naber-app .naber-community-view .neighbor-post .naber-audio-layout-full:not(:has(.naber-audio-cover.is-placeholder)) .naber-audio-cover::after,
body.naber-app .naber-community-view .neighbor-post .naber-audio-layout-full-wave:not(:has(.naber-audio-cover.is-placeholder)) .naber-audio-cover::after{
 content:"";position:absolute;inset:auto 0 0;height:34%;pointer-events:none;
 background:linear-gradient(to bottom,rgba(9,17,22,0),rgba(9,17,22,.27))!important;
 z-index:1;
}
body.naber-app .naber-community-view .neighbor-post .naber-audio-layout-full:not(:has(.naber-audio-cover.is-placeholder)) .naber-audio-cover,
body.naber-app .naber-community-view .neighbor-post .naber-audio-layout-full-wave:not(:has(.naber-audio-cover.is-placeholder)) .naber-audio-cover{
 position:relative!important;
}
body.naber-app .naber-community-view .neighbor-post .naber-audio-layout-full:not(:has(.naber-audio-cover.is-placeholder)) .naber-audio,
body.naber-app .naber-community-view .neighbor-post .naber-audio-layout-full-wave:not(:has(.naber-audio-cover.is-placeholder)) .naber-audio{
 background:rgba(241,239,236,.19)!important;
 border-color:rgba(255,255,255,.36)!important;
 box-shadow:0 2px 13px rgba(10,17,22,.12)!important;
 backdrop-filter:blur(4px)!important;-webkit-backdrop-filter:blur(4px)!important;
 z-index:2!important;
}

/* Consistent white audio controls on cover-art overlay layouts.
   Restore the full-wave timestamp row suppressed by the original-bar fix.
   Waveform remains the seek target; the accessible range is retained. */
body.naber-app .naber-community-view .neighbor-post .naber-audio-layout-compact-overlay .naber-audio-times,
body.naber-app .naber-community-view .neighbor-post .naber-audio-layout-full .naber-audio-times,
body.naber-app .naber-community-view .neighbor-post .naber-audio-layout-full-wave .naber-audio-times{
 display:flex!important;justify-content:space-between!important;
 color:#fff!important;font-size:11px!important;
}
body.naber-app .naber-community-view .neighbor-post .naber-audio-layout-full .naber-audio-times span,
body.naber-app .naber-community-view .neighbor-post .naber-audio-layout-full-wave .naber-audio-times span,
body.naber-app .naber-community-view .neighbor-post .naber-audio-layout-compact-overlay .naber-audio-times span{
 color:#fff!important;
}
body.naber-app .naber-community-view .neighbor-post .naber-audio-layout-full .naber-audio-volume,
body.naber-app .naber-community-view .neighbor-post .naber-audio-layout-full-wave .naber-audio-volume{
 color:#fff!important;
 background:rgba(30,39,47,.25)!important;
}

/* Full Image: Overlay Player — align slim seek line with play-button center.
   Keep its timestamps underneath, without changing waveform-based options. */
body.naber-app .naber-community-view .neighbor-post .naber-audio-layout-full .naber-audio-main{
 transform:translateY(5px)!important;
}
body.naber-app .naber-community-view .neighbor-post .naber-audio-layout-full .naber-audio-seek{
 height:3px!important;opacity:.72!important;
 background:rgba(255,255,255,.55)!important;
 border-radius:99px!important;
}
body.naber-app .naber-community-view .neighbor-post .naber-audio-layout-full .naber-audio-seek::-webkit-slider-runnable-track{
 height:3px!important;background:rgba(255,255,255,.65)!important;border-radius:99px!important;
}
body.naber-app .naber-community-view .neighbor-post .naber-audio-layout-full .naber-audio-seek::-moz-range-track{
 height:3px!important;background:rgba(255,255,255,.65)!important;border-radius:99px!important;
}

/* Full Image: Overlay Player — precise white seek thumb centered on 3px rail.
   Explicit native-thumb geometry prevents browser-specific off-center placement. */
body.naber-app .naber-community-view .neighbor-post .naber-audio-layout-full .naber-audio-seek{
 -webkit-appearance:none!important;appearance:none!important;
 height:16px!important;margin:0!important;padding:0!important;
 background:transparent!important;opacity:1!important;
}
body.naber-app .naber-community-view .neighbor-post .naber-audio-layout-full .naber-audio-seek::-webkit-slider-runnable-track{
 height:3px!important;border:0!important;border-radius:99px!important;
 background:rgba(255,255,255,.65)!important;
}
body.naber-app .naber-community-view .neighbor-post .naber-audio-layout-full .naber-audio-seek::-webkit-slider-thumb{
 -webkit-appearance:none!important;appearance:none!important;
 width:12px!important;height:12px!important;margin-top:-4.5px!important;
 border:0!important;border-radius:50%!important;
 background:#fff!important;box-shadow:0 1px 3px rgba(0,0,0,.2)!important;
}
body.naber-app .naber-community-view .neighbor-post .naber-audio-layout-full .naber-audio-seek::-moz-range-track{
 height:3px!important;border:0!important;border-radius:99px!important;
 background:rgba(255,255,255,.65)!important;
}
body.naber-app .naber-community-view .neighbor-post .naber-audio-layout-full .naber-audio-seek::-moz-range-thumb{
 width:12px!important;height:12px!important;
 border:0!important;border-radius:50%!important;
 background:#fff!important;box-shadow:0 1px 3px rgba(0,0,0,.2)!important;
}

/* Creator audio export: MP3 primary with original recording kept as fallback. */
body.naber-app .neighbor-post .naber-audio-meta-row .naber-audio-original-download{
 font-size:11px;color:#65727b;text-decoration:underline;text-underline-offset:2px;
 white-space:nowrap;
}
body.naber-app .neighbor-post .naber-audio-meta-row .naber-audio-original-download:hover{color:#263745}

/* Audio download selector: a single compact action with accessible native disclosure. */
body.naber-app .neighbor-post .naber-audio-meta-row .naber-audio-download-menu{position:relative;margin-left:auto;font-size:12px}
body.naber-app .neighbor-post .naber-audio-download-menu>summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:5px}
body.naber-app .neighbor-post .naber-audio-download-menu>summary::-webkit-details-marker{display:none}
body.naber-app .neighbor-post .naber-audio-download-options{
 position:absolute;z-index:120;right:0;top:calc(100% + 5px);min-width:190px;
 padding:7px;display:flex;flex-direction:column;gap:3px;border:1px solid #e3e6e5;border-radius:15px;background:#fff;
 box-shadow:0 12px 34px rgba(32,42,48,.13),0 2px 7px rgba(32,42,48,.05);
}
body.naber-app .neighbor-post .naber-audio-download-options>a{
 display:flex;align-items:center;min-height:39px;padding:9px 11px;color:#273541;font-size:13px;font-weight:500;line-height:1.35;text-decoration:none;border-radius:9px;white-space:nowrap;
}
body.naber-app .neighbor-post .naber-audio-download-options>a:hover{background:#f1f3f2}
body.naber-app .neighbor-post .naber-audio-download-options>p{margin:6px 8px 4px;white-space:normal;color:#a13c3c;font-size:11px;max-width:260px}

body.naber-app .neighbor-post .naber-audio-download-menu>summary{list-style:none!important;text-decoration:none!important}
body.naber-app .neighbor-post .naber-audio-download-menu>summary::marker{content:''}

/* Community appearance presets — theme class comes from saved Community Settings.
   This replaces the temporary hard-coded glass preview; no duplicate overrides. */
body.naber-app .naber-community-view.naber-bg-ivory{
 --naber-page-bg:#faf9f6;--naber-glass-bg:rgba(255,255,255,.7);
}
body.naber-app .naber-community-view.naber-bg-sage{
 --naber-page-bg:#edf2f0;
 --naber-glass-bg:rgba(255,255,255,.64);
}
body.naber-app .naber-community-view.naber-bg-white{
 --naber-page-bg:#fff;--naber-glass-bg:rgba(255,255,255,.8);
}
body.naber-app .naber-community-view.naber-bg-ivory,
body.naber-app .naber-community-view.naber-bg-sage,
body.naber-app .naber-community-view.naber-bg-white{
 background:var(--naber-page-bg)!important;
}
body.naber-app .naber-community-view .naber-feed-layout{
 background:transparent!important;
}
body.naber-app .naber-community-view.naber-cards-solid .neighbor-feed .neighbor-post,
body.naber-app .naber-community-view.naber-cards-solid .neighbor-post.is-pinned{
 background:#fff!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;
}
body.naber-app .naber-community-view.naber-cards-glass .neighbor-feed .neighbor-post,
body.naber-app .naber-community-view.naber-cards-glass .neighbor-post.is-pinned,
body.naber-app .naber-community-view.naber-cards-glass .naber-article-wrap .neighbor-post{
 background:var(--naber-glass-bg)!important;
 -webkit-backdrop-filter:blur(14px) saturate(1.16)!important;
 backdrop-filter:blur(14px) saturate(1.16)!important;
 border:1px solid rgba(255,255,255,.78)!important;
 box-shadow:0 7px 25px rgba(38,52,58,.09),inset 0 1px rgba(255,255,255,.8)!important;
}
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))) {
 body.naber-app .naber-community-view.naber-cards-glass .neighbor-feed .neighbor-post,
 body.naber-app .naber-community-view.naber-cards-glass .neighbor-post.is-pinned,
 body.naber-app .naber-community-view.naber-cards-glass .naber-article-wrap .neighbor-post{
  background:rgba(255,255,255,.94)!important;
 }
}

/* Appearance v1 refinement: extend preset under page gutters without resizing content. */
body.naber-app .naber-community-view.naber-bg-ivory,
body.naber-app .naber-community-view.naber-bg-sage,
body.naber-app .naber-community-view.naber-bg-white{
  box-shadow:0 0 0 100vmax transparent;
  clip-path:none;
}
body.naber-app:has(.naber-community-view.naber-bg-ivory){background:#faf9f6!important}
body.naber-app:has(.naber-community-view.naber-bg-white){background:#fff!important}
/* Solid Sage: one identical color on both community content and outer gutters. */
body.naber-app:has(.naber-community-view.naber-bg-sage){
 background:#edf2f0!important;
 background-image:none!important;
}
body.naber-app .naber-community-view.naber-bg-sage{
 background:#edf2f0!important;
 background-image:none!important;
}
body.naber-app .naber-community-view.naber-bg-sage{
  --naber-nav-divider:rgba(74,105,110,.31);
}
body.naber-app .naber-community-view.naber-bg-white,
body.naber-app .naber-community-view.naber-bg-ivory{
  --naber-nav-divider:rgba(100,110,113,.21);
}
body.naber-app .naber-community-view .naber-tabs-row{
 border-bottom:1px solid var(--naber-nav-divider)!important;
}
body.naber-app .naber-community-view .naber-rail-card,
body.naber-app .naber-community-view .neighbor-create-post{
 border:1px solid rgba(225,229,226,.76)!important;
 border-radius:18px!important;
 box-shadow:0 7px 25px rgba(38,52,58,.045)!important;
}
body.naber-app .naber-community-view.naber-cards-glass .naber-rail-card,
body.naber-app .naber-community-view.naber-cards-glass .neighbor-create-post{
 background:var(--naber-glass-bg)!important;
 -webkit-backdrop-filter:blur(14px) saturate(1.16)!important;
 backdrop-filter:blur(14px) saturate(1.16)!important;
 border-color:rgba(255,255,255,.78)!important;
 box-shadow:0 7px 25px rgba(38,52,58,.09),inset 0 1px rgba(255,255,255,.8)!important;
}
body.naber-app .naber-community-view.naber-cards-solid .naber-rail-card,
body.naber-app .naber-community-view.naber-cards-solid .neighbor-create-post{
 background:#fff!important;
 -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
}

/* Post type rail filter is a standalone component, not .naber-rail-card.
   Match the existing card treatment without affecting the filter pills. */
body.naber-app .naber-community-view .naber-rail .naber-format-filters,
body.naber-app .naber-community-view .naber-rail .naber-rail-formats{
 border-radius:18px!important;
 border:1px solid rgba(225,229,226,.76)!important;
 box-shadow:0 7px 25px rgba(38,52,58,.045)!important;
}
body.naber-app .naber-community-view.naber-cards-glass .naber-rail .naber-format-filters,
body.naber-app .naber-community-view.naber-cards-glass .naber-rail .naber-rail-formats{
 background:var(--naber-glass-bg)!important;
 -webkit-backdrop-filter:blur(14px) saturate(1.16)!important;
 backdrop-filter:blur(14px) saturate(1.16)!important;
 border-color:rgba(255,255,255,.78)!important;
 box-shadow:0 7px 25px rgba(38,52,58,.09),inset 0 1px rgba(255,255,255,.8)!important;
}
body.naber-app .naber-community-view.naber-cards-solid .naber-rail .naber-format-filters,
body.naber-app .naber-community-view.naber-cards-solid .naber-rail .naber-rail-formats{
 background:#fff!important;
 -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
}

/* Post type panel: use the inspected .naber-formats-head as the dependable marker.
   The component's immediate wrapper did not use the previously guessed class. */
body.naber-app .naber-community-view .naber-rail :has(> .naber-formats-head){
 border-radius:18px!important;
 border:1px solid rgba(225,229,226,.76)!important;
 box-shadow:0 7px 25px rgba(38,52,58,.045)!important;
}
body.naber-app .naber-community-view.naber-cards-glass .naber-rail :has(> .naber-formats-head){
 background:var(--naber-glass-bg)!important;
 -webkit-backdrop-filter:blur(14px) saturate(1.16)!important;
 backdrop-filter:blur(14px) saturate(1.16)!important;
 border-color:rgba(255,255,255,.78)!important;
 box-shadow:0 7px 25px rgba(38,52,58,.09),inset 0 1px rgba(255,255,255,.8)!important;
}
body.naber-app .naber-community-view.naber-cards-solid .naber-rail :has(> .naber-formats-head){
 background:#fff!important;
 -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
}

/* Feed-only Soft Glass controls. Scope to chosen theme and feed tab; 
   retain high contrast for primary actions, preserve their event handlers. */
body.naber-app .naber-community-view.naber-cards-glass[data-view="feed"]{
 --naber-feed-glass-control:rgba(255,255,255,.45);
 --naber-feed-glass-border:rgba(255,255,255,.88);
 --naber-feed-glass-shadow:0 2px 10px rgba(38,52,58,.06),inset 0 1px rgba(255,255,255,.65);
}
body.naber-app .naber-community-view.naber-cards-glass[data-view="feed"] .naber-rail-search-field,
body.naber-app .naber-community-view.naber-cards-glass[data-view="feed"] .naber-updates-btn,
body.naber-app .naber-community-view.naber-cards-glass[data-view="feed"] .naber-rail .naber-tags a,
body.naber-app .naber-community-view.naber-cards-glass[data-view="feed"] .naber-rail .naber-topics a,
body.naber-app .naber-community-view.naber-cards-glass[data-view="feed"] .naber-rail .naber-format-filters a,
body.naber-app .naber-community-view.naber-cards-glass[data-view="feed"] .naber-rail :has(> .naber-formats-head) a,
body.naber-app .naber-community-view.naber-cards-glass[data-view="feed"] .naber-rail .naber-rail-link{
 background:var(--naber-feed-glass-control)!important;
 border:1px solid var(--naber-feed-glass-border)!important;
 box-shadow:var(--naber-feed-glass-shadow)!important;
 -webkit-backdrop-filter:blur(7px)!important;
 backdrop-filter:blur(7px)!important;
}
body.naber-app .naber-community-view.naber-cards-glass[data-view="feed"] .naber-updates-btn:hover,
body.naber-app .naber-community-view.naber-cards-glass[data-view="feed"] .naber-rail a:hover{
 background:rgba(255,255,255,.66)!important;
}
body.naber-app .naber-community-view.naber-cards-glass[data-view="feed"] .neighbor-create-post button[type="button"].naber-composer-plus,
body.naber-app .naber-community-view.naber-cards-glass[data-view="feed"] .neighbor-create-post .naber-composer-plus,
body.naber-app .naber-community-view.naber-cards-glass[data-view="feed"] .neighbor-post .naber-article-readbtn{
 background:rgba(31,47,57,.78)!important;
 border:1px solid rgba(255,255,255,.4)!important;
 color:#fff!important;
 box-shadow:0 4px 15px rgba(31,47,57,.14)!important;
 -webkit-backdrop-filter:blur(8px)!important;
 backdrop-filter:blur(8px)!important;
}
body.naber-app .naber-community-view.naber-cards-glass[data-view="feed"] .neighbor-create-post .naber-composer-plus:hover,
body.naber-app .naber-community-view.naber-cards-glass[data-view="feed"] .neighbor-post .naber-article-readbtn:hover{
 background:rgba(31,47,57,.9)!important;
}

/* Community navigation refresh — approved frosted-glass reference.
   Stats move out of the desktop utility strip into About, mobile hero. */
body.naber-app .naber-community-view .naber-tabs-row{
 border:1px solid rgba(255,255,255,.66)!important;
 border-bottom:1px solid rgba(114,139,143,.28)!important;
 border-radius:17px!important;
 background:rgba(248,251,250,.91)!important;
 /* Avoid a backdrop-filter containing block trapping fixed Updates panel. */
 -webkit-backdrop-filter:none!important;
 backdrop-filter:none!important;
 box-shadow:0 7px 20px rgba(28,45,52,.07)!important;
 padding-left:12px!important;padding-right:12px!important;
}
body.naber-app .naber-community-view .naber-tabs-row .naber-ub-stat{display:none!important}
body.naber-app .naber-community-view .naber-tabs a[aria-selected="true"],
body.naber-app .naber-community-view .naber-tabs a[aria-current="page"]{
 border-bottom-color:#378b90!important;
}
body.naber-app .naber-community-view .naber-rail-about-compact .naber-about-meta-footer{
 display:flex;align-items:center;justify-content:space-between;gap:12px;
 flex-wrap:wrap;margin-top:12px;padding-top:10px;
 border-top:1px solid rgba(100,123,127,.16);
}
body.naber-app .naber-community-view .naber-about-meta-counts,
body.naber-app .naber-community-view .naber-hero-mobile-stats{
 display:flex;align-items:center;gap:12px;flex-wrap:wrap;
}
body.naber-app .naber-community-view .naber-community-stat{
 display:inline-flex;align-items:center;gap:5px;
 color:#697781;font-size:12px;white-space:nowrap;
}
body.naber-app .naber-community-view .naber-rail-about-compact .naber-about-meta-footer .naber-rail-link{
 margin:0 0 0 auto!important;
}
body.naber-app .naber-community-view .naber-hero-mobile-stats{display:none}
@media(max-width:740px){
 body.naber-app .naber-community-view .naber-tabs-row{
  border-radius:12px!important;padding-left:7px!important;padding-right:7px!important;
 }
 body.naber-app .naber-community-view .naber-hero-mobile-stats{
  display:flex!important;gap:8px;margin-top:8px;
 }
 body.naber-app .naber-community-view .naber-hero-mobile-stats .naber-community-stat{
  color:#fff!important;background:rgba(16,28,35,.35);
  border:1px solid rgba(255,255,255,.42);border-radius:999px;
  padding:5px 9px;font-size:11px;
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
 }
}

/* Approved community navigation refinements — desktop and mobile. */
@media(min-width:741px){
 body.naber-app .naber-community-view .naber-tabs-row{
  min-height:57px!important;box-sizing:border-box!important;
  padding-left:21px!important;padding-right:16px!important;
 }
 body.naber-app .naber-community-view .naber-tabs a,
 body.naber-app .naber-community-view .naber-tabs button{
  font-family:inherit!important;font-size:15px!important;font-weight:600!important;
  letter-spacing:-.015em!important;
 }
}
@media(max-width:740px){
 body.naber-app .naber-community-view>.naber-tabs-row{
  width:100%!important;max-width:none!important;box-sizing:border-box!important;
  margin-left:0!important;margin-right:0!important;
  padding-left:8px!important;padding-right:8px!important;
  border-radius:0!important;border-left:0!important;border-right:0!important;
  box-shadow:0 2px 12px rgba(30,48,53,.055)!important;
 }
 body.naber-app .naber-community-view .naber-hero-mobile-stats{
  gap:6px!important;margin-top:6px!important;
 }
 body.naber-app .naber-community-view .naber-hero-mobile-stats .naber-community-stat{
  padding:3px 7px!important;font-size:10px!important;
  color:rgba(255,255,255,.92)!important;
  background:rgba(20,33,39,.16)!important;
  border:1px solid rgba(255,255,255,.24)!important;
  box-shadow:none!important;
 }
 body.naber-app .naber-community-view .naber-hero-mobile-stats .naber-community-stat svg{
  width:12px!important;height:12px!important;
 }
 body.naber-app .naber-community-view .naber-mobile-page-menu>summary{
  background:rgba(255,255,255,.48)!important;
  border:1px solid rgba(255,255,255,.8)!important;
  border-radius:999px!important;
  -webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;
  box-shadow:0 2px 9px rgba(28,46,52,.07)!important;
 }
 body.naber-app .naber-community-view .naber-mobile-page-options{
  background:rgba(248,251,250,.86)!important;
  border:1px solid rgba(255,255,255,.85)!important;
  border-radius:15px!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.1)!important;
  backdrop-filter:blur(18px) saturate(1.1)!important;
  box-shadow:0 12px 30px rgba(28,46,52,.15)!important;
  padding:7px!important;
 }
 body.naber-app .naber-community-view .naber-mobile-page-options a{
  padding:11px 12px!important;border-radius:10px!important;
  font-size:14px!important;letter-spacing:-.01em!important;
 }
 body.naber-app .naber-community-view .naber-mobile-page-options a:hover,
 body.naber-app .naber-community-view .naber-mobile-page-options a[aria-current="page"]{
  background:rgba(219,233,230,.72)!important;
 }
}

/* Keep page menus/popovers above the feed, regardless of theme.
   The former nav backdrop-filter trapped fixed-position Updates overlays. */
body.naber-app .naber-community-view>.naber-tabs-row{
 position:relative!important;z-index:130!important;overflow:visible!important;
}
body.naber-app .naber-community-view>.naber-tabs-row:has(.naber-mobile-page-menu[open]),
body.naber-app .naber-community-view>.naber-tabs-row:has(.naber-updates-btn[aria-expanded="true"]){
 z-index:1400!important;
}
body.naber-app .naber-community-view .naber-mobile-page-menu[open]{
 z-index:1410!important;
}
body.naber-app .naber-community-view .naber-mobile-page-options{
 z-index:1420!important;
}
body.naber-app .naber-community-view .naber-updates-pop{
 z-index:1500!important;
}
@media(max-width:740px){
 body.naber-app .naber-community-view .naber-hero-mobile-stats .naber-community-stat{
  padding:2px 6px!important;
  min-height:0!important;line-height:1.05!important;
  font-size:9px!important;
 }
 body.naber-app .naber-community-view .naber-hero-mobile-stats .naber-community-stat svg{
  width:11px!important;height:11px!important;
 }
}

/* Restore all three Feed mobile tools and consistent glass treatment across presets. */
@media(max-width:740px){
 body.naber-app .naber-community-view[data-view="feed"]>.naber-tabs-row .naber-mobile-tools{
  display:flex!important;align-items:center!important;flex:0 0 auto!important;gap:2px!important;
  visibility:visible!important;opacity:1!important;
 }
 body.naber-app .naber-community-view[data-view="feed"]>.naber-tabs-row .naber-mobile-tools .naber-mobile-search-toggle,
 body.naber-app .naber-community-view[data-view="feed"]>.naber-tabs-row .naber-mobile-tools .naber-mobile-topics-toggle,
 body.naber-app .naber-community-view[data-view="feed"]>.naber-tabs-row .naber-mobile-tools .naber-mobile-format-toggle{
  display:inline-flex!important;visibility:visible!important;opacity:1!important;
  align-items:center!important;justify-content:center!important;
  width:30px!important;min-width:30px!important;height:32px!important;
  padding:5px!important;flex:0 0 30px!important;
  background:rgba(255,255,255,.46)!important;
  border:1px solid rgba(255,255,255,.72)!important;
  border-radius:999px!important;box-shadow:0 2px 9px rgba(30,48,54,.06)!important;
  -webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;
 }
 body.naber-app .naber-community-view[data-view="feed"]>.naber-tabs-row .naber-mobile-tools button svg{
  display:block!important;visibility:visible!important;opacity:1!important;
  width:16px!important;height:16px!important;
 }
 body.naber-app .naber-community-view .naber-mobile-formats:not([hidden]),
 body.naber-app .naber-community-view .naber-mobile-topics:not([hidden]),
 body.naber-app .naber-community-view .naber-mobile-community-search.is-open{
  display:block!important;position:relative!important;z-index:2!important;
  margin:7px 8px 12px!important;padding:8px!important;
  background:rgba(248,251,250,.77)!important;
  border:1px solid rgba(255,255,255,.84)!important;
  border-radius:18px!important;
  box-shadow:0 10px 26px rgba(28,46,52,.09)!important;
  -webkit-backdrop-filter:blur(14px) saturate(1.08)!important;
  backdrop-filter:blur(14px) saturate(1.08)!important;
 }
 body.naber-app .naber-community-view .naber-mobile-formats .naber-formats,
 body.naber-app .naber-community-view .naber-mobile-topics .naber-topics,
 body.naber-app .naber-community-view .naber-mobile-community-search .naber-mobile-community-search-field{
  background:transparent!important;box-shadow:none!important;border:0!important;
 }
 body.naber-app .naber-community-view .naber-mobile-community-search-input{
  background:rgba(255,255,255,.5)!important;
  border-radius:999px!important;
 }
 body.naber-app .naber-community-view .naber-hero-mobile-stats .naber-community-stat{
  font-size:9px!important;line-height:1!important;padding:2px 6px!important;
  border-color:rgba(255,255,255,.20)!important;
  background:rgba(20,33,39,.11)!important;
 }
}

/* Mobile Feed: match filter/topic pills to desktop glass surfaces. */
@media(max-width:740px){
 body.naber-app .naber-community-view[data-view="feed"] .naber-mobile-topics .naber-topics-list a,
 body.naber-app .naber-community-view[data-view="feed"] .naber-mobile-topics .naber-topics-list button,
 body.naber-app .naber-community-view[data-view="feed"] .naber-mobile-topics .naber-tag,
 body.naber-app .naber-community-view[data-view="feed"] .naber-mobile-formats .naber-formats a,
 body.naber-app .naber-community-view[data-view="feed"] .naber-mobile-formats .naber-formats button,
 body.naber-app .naber-community-view[data-view="feed"] .naber-mobile-formats .naber-format-pill{
  background:rgba(255,255,255,.46)!important;
  border:1px solid rgba(255,255,255,.78)!important;
  border-radius:999px!important;
  box-shadow:0 2px 9px rgba(30,48,54,.055)!important;
  -webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;
 }
 body.naber-app .naber-community-view[data-view="feed"] .naber-mobile-topics .naber-topics-list a:hover,
 body.naber-app .naber-community-view[data-view="feed"] .naber-mobile-formats .naber-formats a:hover{
  background:rgba(255,255,255,.72)!important;
 }
 body.naber-app .naber-community-view[data-view="feed"] .naber-mobile-community-search.is-open{
  padding:6px 8px!important;
  border-radius:999px!important;
 }
 body.naber-app .naber-community-view[data-view="feed"] .naber-mobile-community-search .naber-mobile-community-search-field{
  height:36px!important;min-height:36px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.55)!important;
  border:1px solid rgba(255,255,255,.82)!important;
  padding:2px 9px 2px 13px!important;
 }
 body.naber-app .naber-community-view[data-view="feed"] .naber-mobile-community-search-input{
  height:30px!important;min-height:0!important;
  border-radius:999px!important;
  background:transparent!important;
  box-shadow:none!important;
 }
}

/* Mobile nav regression: keep search, topic and type icon buttons visible at all widths. */
@media(max-width:740px){
 body.naber-app .naber-community-view[data-view="feed"] .naber-tabs-row .naber-mobile-tools{
  display:flex!important;flex:0 0 auto!important;visibility:visible!important;opacity:1!important;
  min-width:100px!important;gap:2px!important;overflow:visible!important;
 }
 body.naber-app .naber-community-view[data-view="feed"] .naber-tabs-row .naber-mobile-tools>button{
  display:inline-flex!important;flex:0 0 30px!important;min-width:30px!important;
  width:30px!important;height:32px!important;visibility:visible!important;
  opacity:1!important;color:#324857!important;overflow:visible!important;
 }
 body.naber-app .naber-community-view[data-view="feed"] .naber-tabs-row .naber-mobile-tools>button>svg{
  display:block!important;visibility:visible!important;opacity:1!important;
  width:17px!important;height:17px!important;
  color:inherit!important;stroke:currentColor!important;
 }
 body.naber-app .naber-community-view .naber-hero-mobile-stats{
  justify-content:center!important;align-items:center!important;width:100%!important;
 }
}

/* Navigation appearance follows BOTH community background and card style.
   Never force the Sage Glass teal/nav treatment onto other selected presets.
   Layout, fixed Updates popover and mobile menu stacking stay unchanged. */
body.naber-app .naber-community-view.naber-cards-solid .naber-tabs-row{
 background:#fff!important;
 border-color:#e4e5e3!important;
 border-bottom-color:#d8dcda!important;
 box-shadow:0 2px 10px rgba(30,43,48,.035)!important;
}
body.naber-app .naber-community-view.naber-cards-glass.naber-bg-ivory .naber-tabs-row{
 background:rgba(255,255,255,.82)!important;
 border-color:rgba(255,255,255,.88)!important;
 border-bottom-color:rgba(178,170,157,.20)!important;
 box-shadow:0 5px 17px rgba(55,46,34,.04)!important;
}
body.naber-app .naber-community-view.naber-cards-glass.naber-bg-white .naber-tabs-row{
 background:rgba(255,255,255,.82)!important;
 border-color:rgba(231,235,235,.82)!important;
 border-bottom-color:rgba(109,120,123,.22)!important;
 box-shadow:0 6px 18px rgba(35,45,50,.045)!important;
}
body.naber-app .naber-community-view.naber-cards-glass.naber-bg-sage .naber-tabs-row{
 background:rgba(255,255,255,.82)!important;
 border-color:rgba(255,255,255,.75)!important;
 border-bottom-color:rgba(75,128,127,.27)!important;
 box-shadow:0 7px 20px rgba(30,70,70,.07)!important;
}
body.naber-app .naber-community-view:not(.naber-cards-glass.naber-bg-sage) .naber-tabs a[aria-selected="true"],
body.naber-app .naber-community-view:not(.naber-cards-glass.naber-bg-sage) .naber-tabs a[aria-current="page"]{
 border-bottom-color:#62717a!important;
}
body.naber-app .naber-community-view.naber-cards-glass.naber-bg-sage .naber-tabs a[aria-selected="true"],
body.naber-app .naber-community-view.naber-cards-glass.naber-bg-sage .naber-tabs a[aria-current="page"]{
 border-bottom-color:#378b90!important;
}
@media(max-width:740px){
 body.naber-app .naber-community-view.naber-cards-solid .naber-mobile-page-menu>summary,
 body.naber-app .naber-community-view.naber-cards-solid .naber-mobile-page-options{
  background:#fff!important;border-color:#e3e6e5!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
 }
 body.naber-app .naber-community-view.naber-cards-glass.naber-bg-ivory .naber-mobile-page-menu>summary,
 body.naber-app .naber-community-view.naber-cards-glass.naber-bg-ivory .naber-mobile-page-options{
  background:rgba(255,252,247,.88)!important;
 }
 body.naber-app .naber-community-view.naber-cards-glass.naber-bg-white .naber-mobile-page-menu>summary,
 body.naber-app .naber-community-view.naber-cards-glass.naber-bg-white .naber-mobile-page-options{
  background:rgba(255,255,255,.86)!important;
 }
 body.naber-app .naber-community-view.naber-cards-glass.naber-bg-sage .naber-mobile-page-menu>summary,
 body.naber-app .naber-community-view.naber-cards-glass.naber-bg-sage .naber-mobile-page-options{
  background:rgba(234,245,242,.82)!important;
 }
}

/* Desktop hero-overlap nav preview: preserve popup stacking and appearance presets. */
@media(min-width:741px){
 body.naber-app .naber-community-view:has(> .naber-hero)>.naber-tabs-row{
  margin-top:-76px!important;
  margin-bottom:24px!important;
  position:relative!important;z-index:130!important;
 }
 body.naber-app .naber-community-view:has(> .naber-hero)>.naber-tabs-row .naber-tabs{
  padding-left:20px!important;
 }
 body.naber-app .naber-community-view>.naber-tabs-row .naber-tabs .neighbor-tab{
  position:relative!important;
  border-bottom:0!important;
 }
 body.naber-app .naber-community-view>.naber-tabs-row .naber-tabs .neighbor-tab[aria-selected="true"]::after,
 body.naber-app .naber-community-view>.naber-tabs-row .naber-tabs .neighbor-tab[aria-current="page"]::after{
  content:"";position:absolute;bottom:8px;left:50%;transform:translateX(-50%);
  width:calc(100% - 24px);height:3px;border-radius:999px;
  background:rgba(98,113,122,.37);
 }
 body.naber-app .naber-community-view.naber-cards-glass.naber-bg-sage>.naber-tabs-row .naber-tabs .neighbor-tab[aria-selected="true"]::after,
 body.naber-app .naber-community-view.naber-cards-glass.naber-bg-sage>.naber-tabs-row .naber-tabs .neighbor-tab[aria-current="page"]::after{
  background:rgba(55,139,144,.38);
 }
}

/* Fully inside hero: pill ends, no half-overlap, desktop only.
   Retains appearance-color variants and avoids backdrop-filter on popup ancestor. */
@media(min-width:741px){
 body.naber-app .naber-community-view:has(> .naber-hero)>.naber-tabs-row{
  border-radius:999px!important;
  min-height:58px!important;
  margin-left:0!important;margin-right:0!important;
  width:100%!important;
  box-sizing:border-box!important;
  overflow:visible!important;
 }
}

/* Keep the floating desktop nav in the hero; give first content cards breathing room. */
@media(min-width:741px){
 body.naber-app .naber-community-view:has(> .naber-hero)>.naber-tabs-row{
  margin-bottom:39px!important;
 }
}

/* Desktop pages without a cover hero: same pill navigation and 5px top inset.
   Saved Solid/Glass and background palettes remain authoritative. */
@media(min-width:741px){
 body.naber-app .naber-community-view:not(:has(> .naber-hero))>.naber-tabs-row{
  margin-top:5px!important;
  border-radius:999px!important;
  margin-left:0!important;
  margin-right:0!important;
  width:100%!important;
  min-height:58px!important;
  box-sizing:border-box!important;
  position:relative!important;
  z-index:130!important;
  overflow:visible!important;
 }
}

/* Equal left inset for desktop navigation links on hero and non-hero pages. */
@media(min-width:741px){
 body.naber-app .naber-community-view>.naber-tabs-row .naber-tabs{
  padding-left:34px!important;
 }
}

/* Feed filter pills: borderless flat glass on Post Type and Explore Topics.
   Soft Glass only: avoid changing Solid White state or link handlers. */
body.naber-app .naber-community-view.naber-cards-glass .naber-formats-list a.naber-format,
body.naber-app .naber-community-view.naber-cards-glass .naber-topics a.naber-topic,
body.naber-app .naber-community-view.naber-cards-glass .naber-topics-list a.naber-topic,
body.naber-app .naber-community-view.naber-cards-glass .naber-mobile-formats a.naber-format,
body.naber-app .naber-community-view.naber-cards-glass .naber-mobile-topics a.naber-topic {
 border:0!important;
 border-radius:999px!important;
 background:rgba(255,255,255,.22)!important;
 box-shadow:none!important;
 -webkit-backdrop-filter:blur(9px)!important;
 backdrop-filter:blur(9px)!important;
}
body.naber-app .naber-community-view.naber-cards-glass .naber-formats-list a.naber-format.is-current,
body.naber-app .naber-community-view.naber-cards-glass .naber-topics a.naber-topic.is-current,
body.naber-app .naber-community-view.naber-cards-glass .naber-topics-list a.naber-topic.is-current,
body.naber-app .naber-community-view.naber-cards-glass .naber-mobile-formats a.naber-format.is-current,
body.naber-app .naber-community-view.naber-cards-glass .naber-mobile-topics a.naber-topic.is-current {
 background:rgba(49,112,118,.49)!important;
 border:0!important;
 border-radius:999px!important;
 box-shadow:none!important;
 color:#fff!important;
}
body.naber-app .naber-community-view.naber-cards-glass a.naber-format.is-current .naber-format-n,
body.naber-app .naber-community-view.naber-cards-glass a.naber-topic.is-current .naber-topic-name{
 color:#fff!important;
}
body.naber-app .naber-community-view.naber-cards-glass a.naber-topic.is-current .naber-topic-count {
 color:#264b50!important;
 background:rgba(255,255,255,.76)!important;
}
body.naber-app .naber-community-view.naber-cards-glass .naber-formats-head .naber-formats-clear{
 display:none!important;
}

/* Desktop: legible inactive navigation labels and icons, without altering active states. */
@media(min-width:741px){
 body.naber-app .naber-community-view>.naber-tabs-row .naber-tabs .neighbor-tab:not([aria-selected="true"]):not([aria-current="page"]){
  color:#465560!important;
 }
 body.naber-app .naber-community-view>.naber-tabs-row .naber-tabs .neighbor-tab:not([aria-selected="true"]):not([aria-current="page"]) svg{
  color:inherit!important;stroke:currentColor!important;opacity:1!important;
 }
}

/* Series Studio Settings launcher reuses the Home Builder surface. */
.naber-series-studio-launch-list{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 4px}
.naber-series-studio-launch-list a{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.75);border:1px solid #dfe5e8;color:#263944;font-size:13px;font-weight:600;text-decoration:none}
.naber-series-studio-launch-list a:hover,.naber-series-studio-launch-list a:focus-visible{background:#edf3f4;border-color:#aabec4}

/* Series settings: searchable list of existing Series, one Studio per Series. */
.naber-series-manage-head{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin:20px 0 12px}
.naber-series-manage-head>strong{font-size:17px;color:#24333e}
.naber-series-manage-count{font-size:12px;font-weight:500;padding:4px 9px;background:#eef1f0;border-radius:999px}
.naber-series-manage-search-label{font-size:12px;font-weight:600;display:flex;align-items:center;gap:8px}
.naber-series-manage-search-label input[type=search]{width:min(280px,100%);border-radius:999px!important;min-height:39px!important;padding:8px 14px!important;background:#fff}
.naber-series-manage-list{border:1px solid #e4e7e8;border-radius:14px;overflow:hidden}
.naber-series-manage-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 15px;border-bottom:1px solid #e8ebeb}
.naber-series-manage-row:last-of-type{border-bottom:0}
.naber-series-manage-row[hidden]{display:none!important}
.naber-series-manage-name{font-weight:600;color:#263641;min-width:0;overflow-wrap:anywhere}
.naber-series-manage-row .neighbor-button{flex:none;text-decoration:none}
@media(max-width:600px){.naber-series-manage-search-label{width:100%}.naber-series-manage-search-label input[type=search]{flex:1;width:100%}}

/* Community Settings: one explicit right-hand column for EVERY section.
   General/Appearance live in the main form; Policies, Scheduled, Moderation,
   Subscribers, Members and Advanced are siblings of that form. The shared
   wrapper keeps all of them beside the sidebar, rather than allowing later
   siblings to clear a float or begin below a spanning grid row. */
.naber-settings>.neighbor-settings-card>.naber-settings-main{min-width:0}
@media(min-width:960px){
 body.naber-app .naber-settings>.neighbor-settings-card:has(> .naber-settings-group-nav){
  display:grid!important;
  grid-template-columns:220px minmax(0,1fr)!important;
  grid-template-rows:max-content minmax(0,auto)!important;
  column-gap:24px!important;align-items:start!important;
 }
 body.naber-app .naber-settings>.neighbor-settings-card:has(> .naber-settings-group-nav)>h3{
  grid-column:1/-1!important;grid-row:1!important;
 }
 body.naber-app .naber-settings>.neighbor-settings-card>.naber-settings-group-nav{
  grid-column:1!important;grid-row:2!important;float:none!important;
  box-sizing:border-box!important;width:220px!important;max-width:220px!important;
  display:flex!important;flex-direction:column!important;align-items:stretch!important;
  gap:4px!important;padding:10px!important;margin:0!important;
  position:sticky!important;top:20px!important;
  border-radius:16px!important;background:#f5f6f5!important;
  border:1px solid #e8e9e7!important;min-width:0!important;
 }
 body.naber-app .naber-settings>.neighbor-settings-card>.naber-settings-group-nav .naber-settings-group-link{
  width:100%!important;box-sizing:border-box!important;text-align:left!important;
  justify-content:flex-start!important;padding:12px 14px!important;
  border-radius:11px!important;min-height:42px!important;
 }
 body.naber-app .naber-settings>.neighbor-settings-card>.naber-settings-main{
  grid-column:2!important;grid-row:2!important;min-width:0!important;
  width:100%!important;align-self:start!important;
 }
 body.naber-app .naber-settings>.neighbor-settings-card>.naber-settings-main>.naber-settings-nav{
  margin-top:0!important;min-width:0!important;
 }
 body.naber-app .naber-settings>.neighbor-settings-card>.naber-settings-main>form.neighbor-form{
  width:100%!important;min-width:0!important;margin:0!important;
  display:block!important;box-sizing:border-box!important;
 }
}
@media(max-width:959px){
 body.naber-app .naber-settings>.neighbor-settings-card>.naber-settings-group-nav{
  display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;
  gap:4px!important;padding:5px!important;border-radius:12px!important;
 }
 body.naber-app .naber-settings>.neighbor-settings-card>.naber-settings-group-nav .naber-settings-group-link{
  flex:0 0 auto!important;min-height:38px!important;padding:8px 12px!important;
 }
}

/* Shared Article Back control: thin arrow inside a round frosted-glass button.
   Applies to standalone contextual returns and approved iframe returns.
   Existing link targets, fixed/auto-height positioning and keyboard focus remain. */
body.naber-app .naber-contextual-return-pill,
body.naber-embedded .naber-community-view .naber-embed-return-pill{
  box-sizing:border-box!important;
  width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;
  padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  border-radius:50%!important;
  border:1px solid rgba(255,255,255,.65)!important;
  background:rgba(238,242,241,.38)!important;
  background-image:linear-gradient(145deg,rgba(255,255,255,.48),rgba(255,255,255,.08))!important;
  color:#273940!important;
  box-shadow:0 2px 12px rgba(28,46,54,.08),inset 0 1px 0 rgba(255,255,255,.55)!important;
  -webkit-backdrop-filter:blur(14px) saturate(135%)!important;
  backdrop-filter:blur(14px) saturate(135%)!important;
  text-decoration:none!important;
}
body.naber-app .naber-contextual-return-pill svg,
body.naber-embedded .naber-community-view .naber-embed-return-pill svg{
  width:21px!important;height:21px!important;min-width:21px!important;min-height:21px!important;
  fill:none!important;stroke:currentColor!important;stroke-width:1.35!important;
  stroke-linecap:round!important;stroke-linejoin:round!important;
}
body.naber-app .naber-contextual-return-pill:hover,
body.naber-embedded .naber-community-view .naber-embed-return-pill:hover{
  background:rgba(248,250,249,.63)!important;
}


/* Tablet Feed (741-960px): restore the compact mobile search field and arrange
   navigation controls as Filter, Tags, Search, Updates, Settings. At this width
   the mobile search markup is visible, but its input/button styles were only
   defined through 700px, exposing theme-orange browser/button defaults.
   Preserve phone and desktop breakpoint behavior and existing click handlers. */
@media (min-width:741px) and (max-width:960px){
 body.naber-app .naber-community-view[data-view="feed"]>.naber-tabs-row>.naber-tabs{order:0!important}
 body.naber-app .naber-community-view[data-view="feed"]>.naber-tabs-row>.naber-mobile-tools{
  order:1!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;
  gap:5px!important;margin:0!important;flex:0 0 auto!important;
 }
 body.naber-app .naber-community-view[data-view="feed"]>.naber-tabs-row>.naber-utility-bar.is-inflow{
  order:2!important;flex:0 0 auto!important;margin:0!important;
 }
 body.naber-app .naber-community-view[data-view="feed"] .naber-mobile-tools>.naber-mobile-format-toggle{order:1!important}
 body.naber-app .naber-community-view[data-view="feed"] .naber-mobile-tools>.naber-mobile-topics-toggle{order:2!important}
 body.naber-app .naber-community-view[data-view="feed"] .naber-mobile-tools>.naber-mobile-search-toggle{order:3!important}
 body.naber-app .naber-community-view[data-view="feed"] .naber-ub-gear{order:99!important}

 body.naber-app .naber-community-view[data-view="feed"] .naber-mobile-community-search.is-open{
  display:block!important;width:100%!important;max-width:100%!important;
  box-sizing:border-box!important;margin:12px 0 16px!important;padding:0!important;
  border:0!important;background:transparent!important;box-shadow:none!important;
 }
 body.naber-app .naber-community-view[data-view="feed"] .naber-mobile-community-search-field{
  display:flex!important;align-items:center!important;gap:3px!important;
  box-sizing:border-box!important;width:100%!important;max-width:100%!important;
  min-height:44px!important;padding:4px 5px 4px 15px!important;
  background:rgba(255,255,255,.88)!important;border:1px solid #d9e1e1!important;
  border-radius:999px!important;box-shadow:0 2px 10px rgba(32,48,54,.045)!important;
 }
 body.naber-app .naber-community-view[data-view="feed"] .naber-mobile-community-search-field:focus-within{
  border-color:#81979b!important;box-shadow:0 0 0 2px rgba(111,142,146,.15)!important;
 }
 body.naber-app .naber-community-view[data-view="feed"] input.naber-mobile-community-search-input{
  display:block!important;flex:1 1 0!important;width:0!important;min-width:0!important;
  height:34px!important;min-height:34px!important;margin:0!important;padding:0!important;
  background:transparent!important;border:0!important;border-radius:0!important;
  box-shadow:none!important;outline:0!important;color:#263745!important;
  font-size:15px!important;font-family:inherit!important;
 }
 body.naber-app .naber-community-view[data-view="feed"] .naber-mobile-community-search-submit,
 body.naber-app .naber-community-view[data-view="feed"] .naber-mobile-community-search-close{
  appearance:none!important;-webkit-appearance:none!important;display:inline-flex!important;
  align-items:center!important;justify-content:center!important;
  flex:0 0 34px!important;width:34px!important;min-width:34px!important;
  height:34px!important;min-height:34px!important;
  box-sizing:border-box!important;margin:0!important;padding:6px!important;
  color:#364f59!important;background:transparent!important;
  border:0!important;border-radius:50%!important;box-shadow:none!important;
  font:normal 20px/1 inherit!important;cursor:pointer!important;
 }
 body.naber-app .naber-community-view[data-view="feed"] .naber-mobile-community-search-submit svg{
  display:block!important;width:19px!important;height:19px!important;
  fill:none!important;stroke:currentColor!important;
 }
 body.naber-app .naber-community-view[data-view="feed"] .naber-mobile-community-search-submit:hover,
 body.naber-app .naber-community-view[data-view="feed"] .naber-mobile-community-search-close:hover{
  color:#243944!important;background:rgba(227,235,235,.65)!important;
 }
}

/* Feed single-image upload alignment: the lightbox <a> was inline, so an
   intrinsic-width image could sit against the left edge of a wider post.
   Center the image within the existing full-width media frame. This does
   not affect multi-photo galleries, videos, article previews or lightboxes. */
body.naber-app .naber-community-view .neighbor-post > .neighbor-post-image.naber-post-media:not(.naber-gallery){
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
body.naber-app .naber-community-view .neighbor-post > .neighbor-post-image.naber-post-media:not(.naber-gallery) > a.naber-image-lightbox-trigger{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
body.naber-app .naber-community-view .neighbor-post > .neighbor-post-image.naber-post-media:not(.naber-gallery) > a.naber-image-lightbox-trigger > img{
  display:block!important;
  width:auto!important;
  max-width:100%!important;
  height:auto!important;
  object-fit:contain!important;
  margin-left:auto!important;
  margin-right:auto!important;
}


/* Feed single uploaded image: keep the media breakout width AND offsets paired.
   The original desktop breakout used negative card-padding margins, but a later
   100%-width declaration removed only the extra width. This shifted uploads
   left and left a matching blank gutter on the right. Single images only;
   phone (<=740px), galleries, article covers and embeds are unchanged. */
@media (min-width:741px){
 body.naber-app .naber-community-view .neighbor-post > .neighbor-post-image.naber-post-media:not(.naber-gallery){
  box-sizing:border-box!important;
  width:calc(100% + 2 * var(--naber-post-pad,24px))!important;
  max-width:none!important;
  margin-left:calc(-1 * var(--naber-post-pad,24px))!important;
  margin-right:calc(-1 * var(--naber-post-pad,24px))!important;
 }
 body.naber-app .naber-community-view .neighbor-post > .neighbor-post-image.naber-post-media:not(.naber-gallery) > a.naber-image-lightbox-trigger{
  display:block!important;width:100%!important;max-width:100%!important;
 }
 body.naber-app .naber-community-view .neighbor-post > .neighbor-post-image.naber-post-media:not(.naber-gallery) > a.naber-image-lightbox-trigger > img{
  display:block!important;width:100%!important;max-width:100%!important;
  height:auto!important;object-fit:contain!important;
 }
}

/* Series reader: on narrow phones, the options dropdown must escape the
   header/control-rail stacking context and remain inside the visible viewport.
   Override the later desktop-rail top/right positioning only at phone width. */
@media (max-width:650px){
 body.naber-app .naber-series .naber-series-head-card:has(.naber-series-menu.is-open),
 body.naber-app .naber-series .naber-series-page-head:has(.naber-series-menu.is-open){
  overflow:visible!important;
  position:relative!important;
  z-index:10050!important;
 }
 body.naber-app .naber-series .naber-series-control-rail .naber-series-menu.is-open{
  z-index:10051!important;
 }
 body.naber-app .naber-series .naber-series-control-rail .naber-series-menu .naber-ctx-list:not([hidden]){
  display:grid!important;
  /* Anchor just beneath the Series ellipsis, not at the bottom of the phone.
     The open header is already elevated above the reader and unclipped. */
  position:absolute!important;
  top:calc(100% + 6px)!important;bottom:auto!important;
  left:auto!important;right:0!important;
  width:min(270px,calc(100vw - 32px))!important;
  min-width:0!important;max-width:calc(100vw - 32px)!important;
  max-height:min(65dvh,360px)!important;overflow-y:auto!important;
  z-index:10052!important;
 }
}


/* An open post-actions menu must layer above adjacent Feed cards on phones
   as well as desktop. A short link post can be shorter than its menu; raising
   the owning post prevents the next sibling from covering menu actions.
   Preserve the three-dot anchor and normal stacking for closed cards. */
body.naber-app .naber-community-view .neighbor-post:has(.naber-post-menu[open]){
 position:relative!important;
 z-index:110!important;
 overflow:visible!important;
}
body.naber-app .naber-community-view .neighbor-post .naber-post-menu[open]{
 position:relative!important;
 z-index:111!important;
}
body.naber-app .naber-community-view .neighbor-post .naber-post-menu[open]>.naber-post-menu-panel{
 z-index:112!important;
}


/* Community About — editorial welcome, shared by every Community.
   Visual only: existing description, statistics, policy links, navigation,
   permissions and cover image remain owned by their original components. */
body.naber-app .naber-community-view .naber-about-enhanced{
 max-width:1200px!important;margin:0 auto!important;padding:22px 0 48px!important;
}
body.naber-app .naber-community-view .naber-about-columns{
 display:grid!important;grid-template-columns:minmax(0,1fr) minmax(230px,280px)!important;
 align-items:start!important;gap:clamp(20px,3vw,42px)!important;
}
body.naber-app .naber-community-view .naber-about-primary{
 display:flex!important;flex-direction:column!important;align-items:flex-start!important;
 gap:clamp(26px,3.5vw,48px)!important;min-height:290px!important;
 padding:clamp(28px,4.2vw,56px)!important;
 border:1px solid #e9e7e3!important;border-radius:22px!important;
 background:linear-gradient(145deg,#fff 0%,#fff 72%,#faf9f6 100%)!important;
 box-shadow:0 8px 28px rgba(28,37,42,.035)!important;
}
body.naber-app .naber-community-view .naber-about-intro{width:100%!important;min-width:0!important}
body.naber-app .naber-community-view .naber-about-eyebrow{
 display:flex!important;align-items:center!important;gap:10px!important;
 margin:0 0 18px!important;color:#69787a!important;font-size:11px!important;
 letter-spacing:.16em!important;font-weight:700!important;
}
body.naber-app .naber-community-view .naber-about-eyebrow-mark{
 display:inline-block!important;flex:0 0 22px!important;width:22px!important;
 height:1px!important;background:#8f9a93!important;
}
body.naber-app .naber-community-view .naber-about-primary>h2,
body.naber-app .naber-community-view .naber-about-intro>h2{
 margin:0 0 22px!important;max-width:760px!important;
 font-size:clamp(28px,3.1vw,43px)!important;line-height:1.16!important;
 letter-spacing:-.035em!important;font-weight:650!important;color:#22313e!important;
 overflow-wrap:anywhere!important;
}
body.naber-app .naber-community-view .naber-community-about-body{
 max-width:720px!important;color:#42505a!important;
 font-size:clamp(16px,1.3vw,18px)!important;line-height:1.85!important;
 letter-spacing:.002em!important;
}
body.naber-app .naber-community-view .naber-community-about-body p{margin:0 0 1.1em!important}
body.naber-app .naber-community-view .naber-community-about-body p:last-child{margin-bottom:0!important}
body.naber-app .naber-community-view .naber-about-primary>.naber-about-action{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 align-self:flex-end!important;flex:0 0 auto!important;width:auto!important;
 gap:0!important;margin:0!important;padding:8px 14px!important;
 min-height:36px!important;box-sizing:border-box!important;
 border:1px solid rgba(255,255,255,.75)!important;border-radius:999px!important;
 background:linear-gradient(145deg,rgba(255,255,255,.85),rgba(226,233,233,.55))!important;
 -webkit-backdrop-filter:blur(14px) saturate(125%)!important;
 backdrop-filter:blur(14px) saturate(125%)!important;
 color:#263b49!important;font-size:12px!important;font-weight:600!important;text-decoration:none!important;
 box-shadow:0 2px 10px rgba(30,48,56,.09),inset 0 1px 0 rgba(255,255,255,.72)!important;
 white-space:nowrap!important;
}
body.naber-app .naber-community-view .naber-about-primary>.naber-about-action:hover,
body.naber-app .naber-community-view .naber-about-primary>.naber-about-action:focus-visible{
 background:rgba(227,235,235,.90)!important;color:#1e3340!important;
 border-color:rgba(255,255,255,.85)!important;
}
body.naber-app .naber-community-view .naber-about-primary>.naber-about-action:focus-visible{
 outline:2px solid #516c76!important;outline-offset:3px!important;
}
body.naber-app .naber-community-view .naber-about-aside{
 display:grid!important;grid-template-columns:minmax(0,1fr)!important;
 gap:18px!important;min-width:0!important;
}
body.naber-app .naber-community-view .naber-about-side-card{
 padding:26px 24px!important;border:1px solid #e9e7e3!important;
 border-radius:20px!important;background:#fff!important;
 box-shadow:0 4px 20px rgba(28,37,42,.025)!important;
}
body.naber-app .naber-community-view .naber-about-side-card h3{
 margin:0 0 22px!important;color:#283943!important;
 font-size:15px!important;font-weight:700!important;letter-spacing:.005em!important;
}
body.naber-app .naber-community-view .naber-about-details{gap:0!important}
body.naber-app .naber-community-view .naber-about-details>div{
 display:flex!important;justify-content:space-between!important;align-items:baseline!important;
 gap:12px!important;padding:12px 0!important;
 border-bottom:1px solid #eeece8!important;
}
body.naber-app .naber-community-view .naber-about-details>div:first-child{padding-top:0!important}
body.naber-app .naber-community-view .naber-about-details>div:last-child{border-bottom:0!important;padding-bottom:0!important}
body.naber-app .naber-community-view .naber-about-details dt{font-size:13px!important;color:#778087!important}
body.naber-app .naber-community-view .naber-about-details dd{font-size:13px!important;font-weight:650!important;color:#293942!important}
@media(max-width:830px){
 body.naber-app .naber-community-view .naber-about-columns{
  grid-template-columns:minmax(0,1fr)!important;gap:18px!important;
 }
 body.naber-app .naber-community-view .naber-about-aside{grid-template-columns:minmax(0,1fr)!important}
}
@media(max-width:570px){
 body.naber-app .naber-community-view .naber-about-enhanced{padding:14px 0 30px!important}
 body.naber-app .naber-community-view .naber-about-primary{
  padding:26px 21px!important;gap:27px!important;min-height:0!important;border-radius:17px!important;
 }
 body.naber-app .naber-community-view .naber-about-intro>h2{font-size:clamp(27px,7vw,36px)!important}
 body.naber-app .naber-community-view .naber-community-about-body{font-size:16px!important;line-height:1.75!important}
 body.naber-app .naber-community-view .naber-about-primary>.naber-about-action{width:auto!important;max-width:100%!important;align-self:flex-end!important}
 body.naber-app .naber-community-view .naber-about-side-card{padding:22px!important;border-radius:16px!important}
}

/* Community hero identity — logo and text are one flex group at every width.
   The avatar now lives inside .naber-hero-body (rather than being absolutely
   positioned separately from the title). Keep the glass navigation untouched. */
body.naber-app .naber-community-view .naber-hero.naber-hero-inline .naber-hero-scrim{
 padding:24px 28px 102px!important;
 align-items:flex-end!important;
 justify-content:flex-start!important;
}
body.naber-app .naber-community-view .naber-hero.naber-hero-inline .naber-hero-body{
 display:flex!important;flex-direction:row!important;align-items:center!important;
 justify-content:flex-start!important;gap:17px!important;
 width:100%!important;margin:0!important;padding:0!important;
 text-align:left!important;min-width:0!important;
}
body.naber-app .naber-community-view .naber-hero.naber-hero-inline .naber-hero-body>.naber-hero-avatar{
 position:static!important;display:block!important;flex:0 0 100px!important;
 width:100px!important;height:100px!important;max-width:100px!important;
 margin:0!important;padding:0!important;inset:auto!important;
 transform:none!important;object-fit:cover!important;box-sizing:border-box!important;
 border:0!important;outline:0!important;box-shadow:none!important;
 background:transparent!important;border-radius:50%!important;
}
body.naber-app .naber-community-view .naber-hero.naber-hero-inline .naber-hero-identity{
 margin:0!important;padding:0!important;min-width:0!important;
 max-width:calc(100% - 117px)!important;text-align:left!important;
}
body.naber-app .naber-community-view .naber-hero.naber-hero-inline .naber-hero-kicker{
 margin-bottom:5px!important;
}
@media(max-width:740px){
 body.naber-app .naber-community-view .naber-hero.naber-hero-inline{
  min-height:350px!important;
 }
 body.naber-app .naber-community-view .naber-hero.naber-hero-inline .naber-hero-scrim{
  padding:18px 16px 36px!important;
  align-items:flex-end!important;justify-content:flex-start!important;
 }
 body.naber-app .naber-community-view .naber-hero.naber-hero-inline .naber-hero-body{
  flex-direction:row!important;align-items:center!important;
  justify-content:flex-start!important;gap:12px!important;
 }
 body.naber-app .naber-community-view .naber-hero.naber-hero-inline .naber-hero-body>.naber-hero-avatar{
  flex:0 0 76px!important;width:76px!important;height:76px!important;
  max-width:76px!important;
 }
 body.naber-app .naber-community-view .naber-hero.naber-hero-inline .naber-hero-identity{
  flex:1 1 auto!important;max-width:calc(100% - 88px)!important;
 }
 body.naber-app .naber-community-view .naber-hero.naber-hero-inline .naber-hero-name{
  font-size:clamp(19px,5.5vw,26px)!important;line-height:1.2!important;
 }
 body.naber-app .naber-community-view .naber-hero.naber-hero-inline .naber-hero-mobile-stats{
  justify-content:flex-start!important;align-items:center!important;
  flex-wrap:wrap!important;width:auto!important;
 }
 /* Every mobile navigation control shares the same vertical centerline.
    Do not change order, visibility, focus or click behavior. */
 body.naber-app .naber-community-view>.naber-tabs-row{
  display:flex!important;align-items:center!important;min-height:48px!important;
  column-gap:6px!important;
 }
 body.naber-app .naber-community-view>.naber-tabs-row>.naber-mobile-page-menu,
 body.naber-app .naber-community-view>.naber-tabs-row>.naber-mobile-tools,
 body.naber-app .naber-community-view>.naber-tabs-row>.naber-utility-bar.is-inflow,
 body.naber-app .naber-community-view>.naber-tabs-row .naber-ub-main,
 body.naber-app .naber-community-view>.naber-tabs-row .naber-ub-tools{
  align-self:center!important;align-items:center!important;
 }
 body.naber-app .naber-community-view>.naber-tabs-row .naber-mobile-page-menu>summary{
  height:34px!important;align-items:center!important;
 }
}


/* Community logo appearance / desktop + mobile placement.
   Both the standard hero and Home Builder use the same saved options.
   The logo remains a member of the identity flex row, never an overlay
   against the navigation. Defaults preserve approved lower-left layout. */
body.naber-app :is(.naber-community-view, .nhb-canvas) .naber-hero.naber-logo-managed .naber-hero-scrim{
 display:flex!important;
 padding:24px 28px 102px!important;
 align-items:flex-end!important;
 justify-content:flex-start!important;
}
body.naber-app :is(.naber-community-view, .nhb-canvas) .naber-hero.naber-logo-managed .naber-hero-body{
 display:flex!important;flex-direction:row!important;align-items:center!important;
 justify-content:flex-start!important;gap:17px!important;
 min-width:0!important;width:100%!important;margin:0!important;padding:0!important;
 text-align:left!important;
}
body.naber-app :is(.naber-community-view, .nhb-canvas) .naber-hero.naber-logo-managed .naber-hero-body>.naber-hero-avatar{
 position:static!important;display:block!important;inset:auto!important;
 transform:none!important;flex:0 0 var(--naber-logo-size-desktop)!important;
 width:var(--naber-logo-size-desktop)!important;height:var(--naber-logo-size-desktop)!important;
 max-width:var(--naber-logo-size-desktop)!important;min-width:0!important;
 margin:0!important;padding:var(--naber-logo-padding)!important;
 box-sizing:border-box!important;object-fit:contain!important;
 border-style:solid!important;border-width:var(--naber-logo-border-width)!important;
 border-color:var(--naber-logo-border-color)!important;
 border-radius:var(--naber-logo-radius)!important;
 outline:0!important;box-shadow:none!important;background:transparent!important;
}
body.naber-app :is(.naber-community-view, .nhb-canvas) .naber-hero.naber-logo-managed.naber-logo-bg-solid .naber-hero-body>.naber-hero-avatar{
 background:var(--naber-logo-bg)!important;
}
body.naber-app :is(.naber-community-view, .nhb-canvas) .naber-hero.naber-logo-managed.naber-logo-bg-glass .naber-hero-body>.naber-hero-avatar{
 background:rgba(255,255,255,.86)!important;
 -webkit-backdrop-filter:blur(14px)!important;backdrop-filter:blur(14px)!important;
}
body.naber-app :is(.naber-community-view, .nhb-canvas) .naber-hero.naber-logo-managed .naber-hero-identity{
 margin:0!important;padding:0!important;min-width:0!important;
 max-width:min(560px,calc(100% - var(--naber-logo-size-desktop) - 17px))!important;
 text-align:left!important;
}
body.naber-app :is(.naber-community-view, .nhb-canvas) .naber-hero.naber-logo-managed .naber-hero-mobile-stats{
 justify-content:flex-start!important;
}
@media(min-width:741px){
 body.naber-app :is(.naber-community-view, .nhb-canvas) .naber-hero.naber-logo-managed.naber-logo-desktop-center .naber-hero-body,
 body.naber-app :is(.naber-community-view, .nhb-canvas) .naber-hero.naber-logo-managed.naber-logo-desktop-middle .naber-hero-body{
  justify-content:center!important;
 }
 body.naber-app :is(.naber-community-view, .nhb-canvas) .naber-hero.naber-logo-managed.naber-logo-desktop-right .naber-hero-body{
  justify-content:flex-end!important;
 }
 body.naber-app :is(.naber-community-view, .nhb-canvas) .naber-hero.naber-logo-managed.naber-logo-desktop-middle .naber-hero-scrim{
  align-items:center!important;padding-bottom:80px!important;
 }
}
@media(max-width:740px){
 body.naber-app :is(.naber-community-view, .nhb-canvas) .naber-hero.naber-logo-managed .naber-hero-scrim{
  padding:18px 16px 36px!important;align-items:flex-end!important;
  justify-content:flex-start!important;
 }
 body.naber-app :is(.naber-community-view, .nhb-canvas) .naber-hero.naber-logo-managed .naber-hero-body{
  flex-direction:row!important;align-items:center!important;
  justify-content:flex-start!important;gap:12px!important;
 }
 body.naber-app :is(.naber-community-view, .nhb-canvas) .naber-hero.naber-logo-managed .naber-hero-body>.naber-hero-avatar{
  flex:0 0 var(--naber-logo-size-mobile)!important;
  width:var(--naber-logo-size-mobile)!important;height:var(--naber-logo-size-mobile)!important;
  max-width:var(--naber-logo-size-mobile)!important;
 }
 body.naber-app :is(.naber-community-view, .nhb-canvas) .naber-hero.naber-logo-managed .naber-hero-identity{
  flex:0 1 auto!important;
  max-width:calc(100% - var(--naber-logo-size-mobile) - 12px)!important;
 }
 body.naber-app :is(.naber-community-view, .nhb-canvas) .naber-hero.naber-logo-managed.naber-logo-mobile-center .naber-hero-body,
 body.naber-app :is(.naber-community-view, .nhb-canvas) .naber-hero.naber-logo-managed.naber-logo-mobile-middle .naber-hero-body{
  justify-content:center!important;
 }
 body.naber-app :is(.naber-community-view, .nhb-canvas) .naber-hero.naber-logo-managed.naber-logo-mobile-right .naber-hero-body{
  justify-content:flex-end!important;
 }
 body.naber-app :is(.naber-community-view, .nhb-canvas) .naber-hero.naber-logo-managed.naber-logo-mobile-middle .naber-hero-scrim{
  align-items:center!important;padding-bottom:18px!important;
 }
 body.naber-app :is(.naber-community-view, .nhb-canvas) .naber-hero.naber-logo-managed .naber-hero-mobile-stats{
  justify-content:flex-start!important;flex-wrap:wrap!important;width:auto!important;
 }
}
/* Without a logo, preserve the full-width title and description. */
body.naber-app :is(.naber-community-view, .nhb-canvas) .naber-hero.naber-logo-managed:not(.has-avatar) .naber-hero-identity{
 max-width:100%!important;
}
@media(max-width:740px){
 body.naber-app :is(.naber-community-view, .nhb-canvas) .naber-hero.naber-logo-managed:not(.has-avatar) .naber-hero-identity{
  max-width:100%!important;
 }
}
.naber-logo-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px}
.naber-logo-settings-grid label{display:flex;flex-direction:column;gap:6px;min-width:0}
.naber-logo-settings-grid input[type="color"]{width:70px;min-height:38px;padding:3px}
.naber-logo-settings-grid input[type="range"]{width:100%}
.naber-logo-appearance-controls{margin:18px 0 28px}
.naber-logo-appearance-controls h3{font-size:17px;margin:0 0 6px}
@media(max-width:600px){.naber-logo-settings-grid{grid-template-columns:minmax(0,1fr)}}


/* Community Navigation Bar — shared on Home, Feed, Series, Articles, About.
   The established pill and mobile bar are retained when defaults are selected.
   All controls and Updates popovers keep their original DOM and handlers. */
.naber-nav-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px}
.naber-nav-settings-grid label{display:flex;flex-direction:column;gap:6px;min-width:0}
.naber-nav-settings-grid input[type="color"]{width:70px;min-height:38px;padding:3px}
.naber-nav-settings-grid input[type="range"]{width:100%}
@media(max-width:600px){.naber-nav-settings-grid{grid-template-columns:minmax(0,1fr)}}

/* Surface controls override community card-preset surface only when selected. */
body.naber-app .naber-community-view.naber-nav-configured.naber-nav-background-solid>.naber-tabs-row{
 background:var(--naber-nav-custom-bg)!important;
}
body.naber-app .naber-community-view.naber-nav-configured.naber-nav-background-glass>.naber-tabs-row{
 background:rgba(248,251,250,.78)!important;
 /* No backdrop-filter on this ancestor: fixed Updates panels need viewport positioning. */
 -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
}
body.naber-app .naber-community-view.naber-nav-configured.naber-nav-background-transparent>.naber-tabs-row{
 background:transparent!important;
}
body.naber-app .naber-community-view.naber-nav-configured.naber-nav-border-none>.naber-tabs-row{
 border:0!important;
}
body.naber-app .naber-community-view.naber-nav-configured.naber-nav-border-solid>.naber-tabs-row{
 border:var(--naber-nav-custom-border-width) solid var(--naber-nav-custom-border)!important;
}
body.naber-app .naber-community-view.naber-nav-configured.naber-nav-shadow-none>.naber-tabs-row{
 box-shadow:none!important;
}
body.naber-app .naber-community-view.naber-nav-configured.naber-nav-shadow-subtle>.naber-tabs-row{
 box-shadow:0 7px 20px rgba(28,45,52,.07)!important;
}
body.naber-app .naber-community-view.naber-nav-configured.naber-nav-shadow-elevated>.naber-tabs-row{
 box-shadow:0 16px 30px rgba(19,37,46,.20)!important;
}

/* Desktop: attached/full-width or below-cover choices take precedence over
   the legacy negative hero-overlap margin, including Home Builder heroes. */
@media(min-width:741px){
 body.naber-app .naber-community-view.naber-nav-configured.naber-nav-desktop-layout-rectangle>.naber-tabs-row,
 body.naber-app .naber-community-view.naber-nav-configured.naber-nav-desktop-layout-below>.naber-tabs-row{
  border-radius:var(--naber-nav-custom-radius)!important;
 }
 body.naber-app .naber-community-view.naber-nav-configured.naber-nav-desktop-layout-full>.naber-tabs-row{
  border-radius:0!important;
  width:100%!important;
  margin-left:0!important;margin-right:0!important;
 }
 body.naber-app .naber-community-view.naber-nav-configured.naber-nav-desktop-layout-full:has(>.naber-hero)>.naber-tabs-row{
  margin-top:-58px!important;margin-bottom:24px!important;
 }
 body.naber-app .naber-community-view.naber-nav-configured.naber-nav-desktop-layout-below:has(>.naber-hero)>.naber-tabs-row{
  margin-top:14px!important;margin-bottom:24px!important;
 }
 body.naber-app .naber-community-view.naber-nav-configured.naber-nav-desktop-width-contained>.naber-tabs-row{
  width:calc(100% - 48px)!important;max-width:1100px!important;
  margin-left:auto!important;margin-right:auto!important;
 }
 body.naber-app .naber-community-view.naber-nav-configured.naber-nav-desktop-height-compact>.naber-tabs-row{min-height:46px!important}
 body.naber-app .naber-community-view.naber-nav-configured.naber-nav-desktop-height-standard>.naber-tabs-row{min-height:58px!important}
 body.naber-app .naber-community-view.naber-nav-configured.naber-nav-desktop-height-spacious>.naber-tabs-row{min-height:72px!important}
 body.naber-app .naber-community-view.naber-nav-configured.naber-nav-desktop-sticky-below-header>.naber-tabs-row{
  position:sticky!important;top:64px!important;z-index:135!important;
 }
}
@media(max-width:740px){
 /* Current (default) keeps the existing edge-to-edge mobile layout. */
 body.naber-app .naber-community-view.naber-nav-configured.naber-nav-mobile-layout-pill>.naber-tabs-row,
 body.naber-app .naber-community-view.naber-nav-configured.naber-nav-mobile-layout-rectangle>.naber-tabs-row{
  margin-top:-48px!important;margin-bottom:20px!important;
  width:calc(100% - 20px)!important;margin-left:auto!important;margin-right:auto!important;
  border-left-width:1px!important;border-right-width:1px!important;
 }
 body.naber-app .naber-community-view.naber-nav-configured.naber-nav-mobile-layout-pill>.naber-tabs-row{
  border-radius:999px!important;
 }
 body.naber-app .naber-community-view.naber-nav-configured.naber-nav-mobile-layout-rectangle>.naber-tabs-row,
 body.naber-app .naber-community-view.naber-nav-configured.naber-nav-mobile-layout-below>.naber-tabs-row{
  border-radius:var(--naber-nav-custom-radius)!important;
 }
 body.naber-app .naber-community-view.naber-nav-configured.naber-nav-mobile-layout-full>.naber-tabs-row{
  border-radius:0!important;width:100%!important;
  margin-left:0!important;margin-right:0!important;margin-top:0!important;
 }
 body.naber-app .naber-community-view.naber-nav-configured.naber-nav-mobile-layout-below>.naber-tabs-row{
  margin-top:12px!important;margin-bottom:18px!important;
 }
 body.naber-app .naber-community-view.naber-nav-configured.naber-nav-mobile-width-contained>.naber-tabs-row{
  width:calc(100% - 24px)!important;margin-left:auto!important;margin-right:auto!important;
 }
 body.naber-app .naber-community-view.naber-nav-configured.naber-nav-mobile-height-compact>.naber-tabs-row{min-height:42px!important}
 body.naber-app .naber-community-view.naber-nav-configured.naber-nav-mobile-height-standard>.naber-tabs-row{min-height:48px!important}
 body.naber-app .naber-community-view.naber-nav-configured.naber-nav-mobile-height-spacious>.naber-tabs-row{min-height:60px!important}
 body.naber-app .naber-community-view.naber-nav-configured.naber-nav-mobile-sticky-below-header>.naber-tabs-row{
  position:sticky!important;top:63px!important;z-index:135!important;
 }
}
/* Keep dropdowns above content and sticky headers without introducing a
   new stacking context via backdrop-filter, transform, or overflow:hidden. */
body.naber-app .naber-community-view.naber-nav-configured>.naber-tabs-row{
 overflow:visible!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;
}


/* Attached and below-header layouts should not inherit the hero's legacy
   clearance for a floating pill. Keep the default floating layout untouched. */
@media(min-width:741px){
 body.naber-app .naber-community-view.naber-nav-desktop-layout-full>.naber-hero,
 body.naber-app .naber-community-view.naber-nav-desktop-layout-below>.naber-hero{
  margin-bottom:0!important;
 }
 body.naber-app .naber-community-view.naber-nav-desktop-layout-full:has(>.naber-hero)>.naber-tabs-row{
  margin-top:0!important;margin-bottom:24px!important;
 }
 body.naber-app .naber-community-view.naber-nav-desktop-layout-pill>.naber-tabs-row{
  border-radius:var(--naber-nav-custom-radius)!important;
 }
}
@media(max-width:740px){
 body.naber-app .naber-community-view.naber-nav-mobile-layout-full>.naber-hero,
 body.naber-app .naber-community-view.naber-nav-mobile-layout-below>.naber-hero{
  margin-bottom:0!important;
 }
 body.naber-app .naber-community-view.naber-nav-mobile-layout-pill>.naber-tabs-row{
  border-radius:var(--naber-nav-custom-radius)!important;
 }
}


/* Community Appearance Studio — four visual editor tiles and native dialogs.
   Keeps all existing Appearance form fields / save paths; visual shell only. */
body.naber-app .naber-community-view .naber-appearance-studio{
 width:100%;padding:8px 0 24px;
}
body.naber-app .naber-community-view .naber-appearance-studio-intro{
 margin:0 0 22px;
}
body.naber-app .naber-community-view .naber-appearance-studio-intro h2{
 font-size:clamp(22px,2.4vw,29px);line-height:1.25;
 font-weight:700;color:#253745;margin:0 0 8px;
}
body.naber-app .naber-community-view .naber-appearance-studio-intro p,
body.naber-app .naber-community-view .naber-appearance-studio-note{
 color:#65747a;font-size:13px;line-height:1.6;margin:0;
}
body.naber-app .naber-community-view .naber-appearance-studio-note{margin-top:17px}
body.naber-app .naber-community-view .naber-appearance-tiles{
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;
}
body.naber-app .naber-community-view .naber-appearance-tile{
 appearance:none;-webkit-appearance:none;width:100%;min-width:0;
 display:flex;flex-direction:column;align-items:stretch;overflow:hidden;
 cursor:pointer;text-align:left;background:#fff!important;color:#273842!important;
 border:1px solid #dddeda!important;border-radius:17px!important;
 padding:0!important;box-shadow:0 2px 11px rgba(35,54,61,.05)!important;
 transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease;
 font-family:inherit!important;
}
body.naber-app .naber-community-view .naber-appearance-tile:hover{
 border-color:#729397!important;transform:translateY(-2px);
 box-shadow:0 10px 22px rgba(35,54,61,.10)!important;
}
body.naber-app .naber-community-view .naber-appearance-tile:focus-visible{
 outline:3px solid #4d9196!important;outline-offset:3px;
}
body.naber-app .naber-community-view .naber-appearance-art{
 height:142px;flex:0 0 142px;display:flex;align-items:center;justify-content:center;
 width:100%;position:relative;overflow:hidden;
}
body.naber-app .naber-community-view .naber-appearance-tile-label{
 display:block;font-size:16px;font-weight:700;line-height:1.3;
 padding:15px 17px 3px;
}
body.naber-app .naber-community-view .naber-appearance-tile-desc{
 display:block;color:#66777a;font-size:12px;line-height:1.5;
 padding:0 17px 18px;
}
body.naber-app .naber-community-view .naber-appearance-art-logo{
 background:linear-gradient(125deg,#203747,#304c58);
}
body.naber-app .naber-community-view .naber-appearance-logo-circle{
 width:87px;height:87px;border-radius:50%;background:#fff;display:flex;
 align-items:center;justify-content:center;overflow:hidden;
 box-shadow:0 4px 18px rgba(0,0,0,.13);font-size:48px;font-weight:750;color:#223c4d;
}
body.naber-app .naber-community-view .naber-appearance-logo-circle img{
 display:block;max-width:100%;width:100%;height:100%;object-fit:contain;
}
body.naber-app .naber-community-view .naber-appearance-art-header{
 background-color:#253b4c;background-image:linear-gradient(150deg,#253b4c,#58747a);
 background-size:cover;background-position:center;
}
body.naber-app .naber-community-view .naber-appearance-mountain{
 position:absolute;width:120%;height:76%;bottom:-14%;left:-8%;
 background:#91aaa5;opacity:.65;clip-path:polygon(0 85%,26% 20%,46% 74%,70% 5%,100% 88%,100% 100%,0 100%);
}
body.naber-app .naber-community-view .naber-appearance-mountain-front{
 background:#bdd0c8;opacity:.64;bottom:-33%;
 transform:scaleX(-1);
}
body.naber-app .naber-community-view .naber-appearance-art-nav{
 background:linear-gradient(135deg,#233846,#3e5c66);
 padding:0 20px;
}
body.naber-app .naber-community-view .naber-appearance-mini-nav{
 display:flex;align-items:center;justify-content:space-around;gap:12px;
 width:min(100%,320px);min-height:46px;background:rgba(255,255,255,.95);
 border:1px solid rgba(255,255,255,.9);border-radius:999px;padding:10px 17px;
 color:#263845;font-size:12px;font-weight:650;
 box-shadow:0 8px 18px rgba(0,0,0,.10);
}
body.naber-app .naber-community-view .naber-appearance-mini-home{font-size:24px;line-height:1}
body.naber-app .naber-community-view .naber-appearance-mini-dot{font-size:11px}
body.naber-app .naber-community-view .naber-appearance-art-cards{
 background:#dce9e4;gap:12px;padding:0 20px;
}
body.naber-app .naber-community-view .naber-appearance-mini-card{
 display:flex;flex-direction:column;gap:9px;justify-content:center;
 width:min(44%,128px);height:90px;border-radius:12px;background:#fff;
 padding:15px;box-shadow:0 5px 14px rgba(60,87,85,.07);
}
body.naber-app .naber-community-view .naber-appearance-mini-card-glass{
 background:rgba(255,255,255,.55);border:1px solid #fff;
}
body.naber-app .naber-community-view .naber-appearance-mini-card i{
 height:6px;border-radius:50px;background:#b0c8c5;display:block;
}
body.naber-app .naber-community-view .naber-appearance-mini-card i:nth-child(2){width:85%;background:#d7e3e0}
body.naber-app .naber-community-view .naber-appearance-mini-card i:nth-child(3){width:65%;background:#d7e3e0}

/* Native <dialog> uses the top layer so it cannot be clipped by Home Studio /
   public theme stacking containers; no backdrop filter on modal ancestors. */
body.naber-app .naber-appearance-dialog{
 box-sizing:border-box;position:fixed!important;
 width:min(900px,calc(100vw - 32px));max-width:900px;
 max-height:min(90dvh,920px);margin:auto;padding:0!important;
 background:#fafaf8!important;color:#293a44!important;
 border:1px solid rgba(189,201,197,.75)!important;
 border-radius:18px!important;
 box-shadow:0 24px 75px rgba(17,35,44,.29)!important;
 overflow:hidden!important;
}
body.naber-app .naber-appearance-dialog:not([open]){display:none!important}
body.naber-app .naber-appearance-dialog[open]{
 display:flex!important;flex-direction:column;
}
body.naber-app .naber-appearance-dialog::backdrop{background:rgba(20,34,42,.58)}
body.naber-app .naber-appearance-dialog-head{
 display:flex;align-items:flex-start;justify-content:space-between;gap:20px;
 background:#fff;padding:22px 26px 18px;border-bottom:1px solid #e5e8e4;
 flex:0 0 auto;
}
body.naber-app .naber-appearance-dialog-head h2{
 font-size:21px;color:#253844;margin:0 0 4px;font-weight:700;
}
body.naber-app .naber-appearance-dialog-head p{
 font-size:13px;color:#61757a;margin:0;line-height:1.45;
}
body.naber-app .naber-appearance-dialog-x{
 appearance:none!important;background:#f1f4f2!important;
 border:0!important;border-radius:50%!important;width:36px!important;height:36px!important;
 min-width:36px!important;padding:0!important;color:#374d54!important;
 font-size:26px!important;line-height:1!important;cursor:pointer;
}
body.naber-app .naber-appearance-dialog-content{
 overflow-y:auto;overscroll-behavior:contain;min-height:0;flex:1 1 auto;
 padding:25px 27px;background:#fafaf8;
}
body.naber-app .naber-appearance-dialog-content>.neighbor-fieldset{
 margin:0!important;padding:0!important;border:0!important;
}
body.naber-app .naber-appearance-dialog-content>.neighbor-fieldset>legend{
 font-size:15px;font-weight:700;color:#314b51;padding:0 0 10px;
}
body.naber-app .naber-appearance-dialog-actions{
 display:flex;justify-content:flex-end;align-items:center;gap:12px;
 padding:16px 25px;background:#fff;border-top:1px solid #e5e8e4;
 flex:0 0 auto;
}
body.naber-app .naber-appearance-dialog-actions button{
 min-height:40px;cursor:pointer;
}
@media(max-width:680px){
 body.naber-app .naber-community-view .naber-appearance-tiles{gap:11px}
 body.naber-app .naber-community-view .naber-appearance-art{height:105px;flex-basis:105px}
 body.naber-app .naber-community-view .naber-appearance-tile-label{font-size:13px;padding:11px 12px 3px}
 body.naber-app .naber-community-view .naber-appearance-tile-desc{font-size:11px;padding:0 12px 14px}
 body.naber-app .naber-community-view .naber-appearance-logo-circle{width:68px;height:68px}
 body.naber-app .naber-appearance-dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border:0!important;border-radius:0!important}
 body.naber-app .naber-appearance-dialog-head{padding:17px 18px 13px}
 body.naber-app .naber-appearance-dialog-content{padding:18px}
 body.naber-app .naber-appearance-dialog-actions{padding:12px 16px calc(12px + env(safe-area-inset-bottom))}
}
@media(prefers-reduced-motion:reduce){
 body.naber-app .naber-community-view .naber-appearance-tile{transition:none}
}


/* Cover editor: stable equal-width tiles, no inline image overlap across rows.
   Scope to Appearance Studio to avoid changing other cover pickers. */
body.naber-app .naber-appearance-dialog .naber-cover-editor,
body.naber-app .naber-appearance-dialog .naber-cover-picker{
 min-width:0;max-width:100%;box-sizing:border-box;
}
body.naber-app .naber-appearance-dialog .naber-cover-grid{
 display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
 gap:14px 12px!important;align-items:start!important;
 width:100%!important;max-width:100%!important;min-width:0!important;
}
body.naber-app .naber-appearance-dialog .naber-cover-grid>.naber-cover-tile{
 display:flex!important;flex-direction:column!important;
 position:relative!important;min-width:0!important;max-width:100%!important;
 width:100%!important;box-sizing:border-box!important;
 margin:0!important;padding:0!important;overflow:visible!important;
}
body.naber-app .naber-appearance-dialog .naber-cover-tile>.naber-cover-thumb{
 display:block!important;width:100%!important;max-width:100%!important;
 height:auto!important;aspect-ratio:8/3!important;flex:0 0 auto!important;
 box-sizing:border-box!important;overflow:hidden!important;
 background-position:center!important;background-size:cover!important;
}
body.naber-app .naber-appearance-dialog .naber-cover-tile>.naber-cover-name{
 display:block!important;position:static!important;max-width:100%!important;
 width:100%!important;min-width:0!important;line-height:1.35!important;
 overflow-wrap:anywhere!important;word-break:normal!important;
 white-space:normal!important;margin:7px 0 0!important;
}
body.naber-app .naber-appearance-dialog .naber-cover-tile>input[type="radio"]{
 position:absolute!important;top:0!important;left:0!important;
 width:100%!important;height:100%!important;min-height:0!important;
 margin:0!important;z-index:2!important;opacity:0!important;cursor:pointer!important;
}
body.naber-app .naber-appearance-dialog .naber-cover-tile>.naber-cover-check{
 z-index:1!important;right:7px!important;top:7px!important;
}
body.naber-app .naber-appearance-dialog .naber-header-position-wrap{
 margin-top:23px!important;
}
body.naber-app .naber-appearance-dialog .naber-header-position-wrap h3{
 margin:0 0 5px!important;font-size:17px!important;line-height:1.3!important;color:#273f4e!important;
}
body.naber-app .naber-appearance-dialog .naber-header-position-wrap>.neighbor-field-hint{
 display:block;margin-bottom:13px!important;
}
body.naber-app .naber-appearance-dialog .naber-cover-live-preview{
 width:100%;height:auto;aspect-ratio:3.4/1;min-height:155px;
 position:relative;overflow:hidden;border-radius:13px;
 background:#233a4c;border:1px solid rgba(33,50,59,.14);
}
body.naber-app .naber-appearance-dialog .naber-cover-live-image{
 position:absolute;inset:0;background-color:#263b4b;background-size:cover;
 background-repeat:no-repeat;background-position:center;
}
body.naber-app .naber-appearance-dialog .naber-cover-live-shade{
 position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,25,34,.55),transparent 78%);
 pointer-events:none;
}
body.naber-app .naber-appearance-dialog .naber-cover-live-identity{
 position:absolute;left:22px;bottom:19px;display:flex;flex-direction:column;
 color:#fff;gap:4px;text-shadow:0 1px 8px rgba(0,0,0,.2);pointer-events:none;
}
body.naber-app .naber-appearance-dialog .naber-cover-live-identity span{
 font-size:10px;letter-spacing:.07em;font-weight:700;
}
body.naber-app .naber-appearance-dialog .naber-cover-live-identity strong{
 font-size:clamp(18px,2.4vw,27px);font-weight:750;
}
body.naber-app .naber-appearance-dialog .naber-header-position-wrap .neighbor-position-controls{
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
 gap:16px;margin-top:16px;
}
body.naber-app .naber-appearance-dialog .naber-header-position-wrap .neighbor-position-controls label{
 display:block!important;font-size:12px!important;font-weight:650!important;
 min-width:0!important;
}
body.naber-app .naber-appearance-dialog .naber-header-position-wrap .neighbor-position-controls label span{
 float:right;font-variant-numeric:tabular-nums;color:#667c7f;
}
body.naber-app .naber-appearance-dialog .naber-header-position-wrap .neighbor-position-controls input{
 display:block;width:100%;margin-top:9px;
}
body.naber-app .naber-appearance-dialog .naber-cover-center-btn{
 display:inline-flex;align-items:center;margin-top:13px;padding:7px 14px;
 background:#f2f2ef!important;color:#2b3941!important;
 border:1px solid #dddcd6!important;border-radius:999px!important;
 font-size:12px;font-weight:650;cursor:pointer;
}
@media(max-width:800px){
 body.naber-app .naber-appearance-dialog .naber-cover-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
 }
}
@media(max-width:560px){
 body.naber-app .naber-appearance-dialog .naber-cover-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
 }
 body.naber-app .naber-appearance-dialog .naber-cover-live-preview{
  aspect-ratio:1.9/1;min-height:165px;
 }
 body.naber-app .naber-appearance-dialog .naber-cover-live-identity{left:14px;bottom:14px}
 body.naber-app .naber-appearance-dialog .naber-header-position-wrap .neighbor-position-controls{
  grid-template-columns:minmax(0,1fr);
 }
}


/* Appearance Studio selects — Naber-styled anchored lists inside native dialogs.
   Hide platform-specific popup painting without removing select from form submit. */
body.naber-app .naber-appearance-dialog select.naber-studio-native-select{
 position:absolute!important;width:1px!important;height:1px!important;
 overflow:hidden!important;clip-path:inset(50%)!important;
 opacity:0!important;pointer-events:none!important;
 margin:0!important;padding:0!important;min-height:0!important;
 border:0!important;box-shadow:none!important;
}
body.naber-app .naber-appearance-dialog .naber-studio-select-trigger{
 appearance:none!important;-webkit-appearance:none!important;
 width:100%!important;min-height:44px!important;max-width:100%!important;
 box-sizing:border-box!important;display:flex!important;align-items:center!important;
 justify-content:space-between!important;gap:12px!important;
 padding:10px 15px!important;margin:0!important;
 border:1px solid #d9d5cd!important;border-radius:12px!important;
 background:#fff!important;color:#253543!important;
 font:inherit!important;font-size:14px!important;font-weight:500!important;
 text-align:left!important;line-height:1.4!important;cursor:pointer!important;
 box-shadow:none!important;transform:none!important;
}
body.naber-app .naber-appearance-dialog .naber-studio-select-trigger:hover{
 border-color:#9daeb1!important;background:#fcfdfc!important;
}
body.naber-app .naber-appearance-dialog .naber-studio-select-trigger:focus-visible,
body.naber-app .naber-appearance-dialog .naber-studio-select-trigger[aria-expanded="true"]{
 outline:2px solid rgba(60,105,117,.36)!important;outline-offset:1px!important;
 border-color:#536e7c!important;
}
body.naber-app .naber-appearance-dialog .naber-studio-select-value{
 min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
body.naber-app .naber-appearance-dialog .naber-studio-select-chevron{
 width:9px;height:9px;flex:0 0 9px;display:block;position:relative;
 border-right:1.8px solid #263845;border-bottom:1.8px solid #263845;
 transform:rotate(45deg) translateY(-2px);margin-right:4px;
}
body.naber-app .naber-appearance-dialog .naber-studio-select-menu{
 position:absolute!important;z-index:500!important;
 box-sizing:border-box!important;display:flex!important;flex-direction:column!important;
 overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;
 background:#fff!important;color:#253543!important;
 border:1px solid #d8dedb!important;border-radius:13px!important;
 padding:5px!important;margin:0!important;
 box-shadow:0 12px 34px rgba(26,42,51,.17)!important;
 scrollbar-width:thin;
}
body.naber-app .naber-appearance-dialog .naber-studio-select-option{
 appearance:none!important;display:block!important;width:100%!important;
 flex:0 0 auto!important;min-height:37px!important;
 text-align:left!important;white-space:normal!important;
 font:inherit!important;font-size:13px!important;line-height:1.4!important;
 padding:9px 12px!important;margin:0!important;
 color:#283b45!important;background:transparent!important;
 border:0!important;border-radius:9px!important;
 cursor:pointer!important;box-shadow:none!important;
}
body.naber-app .naber-appearance-dialog .naber-studio-select-option:hover,
body.naber-app .naber-appearance-dialog .naber-studio-select-option.is-focused{
 background:#edf4f2!important;color:#213b46!important;
}
body.naber-app .naber-appearance-dialog .naber-studio-select-option[aria-selected="true"]{
 background:#e3eeeb!important;color:#253c43!important;font-weight:700!important;
}
body.naber-app .naber-appearance-dialog .naber-studio-select-option[aria-selected="true"]::before{
 content:"✓";display:inline-block;color:#406c70;margin-right:9px;font-weight:700;
}
@media(max-width:680px){
 body.naber-app .naber-appearance-dialog .naber-studio-select-trigger{
  min-height:46px!important;padding:11px 13px!important;font-size:14px!important;
 }
 body.naber-app .naber-appearance-dialog .naber-studio-select-option{
  min-height:43px!important;padding:11px 12px!important;font-size:14px!important;
 }
}


/* Community Settings dropdowns (General, Subscribers, Members & Followers).
   Uses the Appearance Studio visual language. The original select remains
   submitted by the existing form and used by inline role-change handlers. */
body.naber-app .naber-settings select.naber-settings-native-select{
 position:absolute!important;width:1px!important;height:1px!important;
 min-height:0!important;min-width:0!important;opacity:0!important;
 clip-path:inset(50%)!important;pointer-events:none!important;
 border:0!important;padding:0!important;margin:0!important;
}
body.naber-app .naber-settings .naber-settings-select-trigger{
 -webkit-appearance:none!important;appearance:none!important;
 display:flex!important;align-items:center!important;justify-content:space-between!important;
 gap:12px!important;width:100%!important;min-width:0!important;max-width:100%!important;
 box-sizing:border-box!important;padding:10px 15px!important;
 margin:0!important;min-height:44px!important;
 border:1px solid #dce5e1!important;border-radius:12px!important;
 background:#fff!important;color:#253543!important;
 font:inherit!important;font-size:14px!important;font-weight:500!important;
 text-align:left!important;line-height:1.4!important;cursor:pointer!important;
 box-shadow:none!important;transform:none!important;
}
body.naber-app .naber-settings .naber-settings-select-trigger:hover{
 border-color:#9daeb1!important;background:#fcfdfc!important;
}
body.naber-app .naber-settings .naber-settings-select-trigger:focus-visible,
body.naber-app .naber-settings .naber-settings-select-trigger[aria-expanded="true"]{
 outline:2px solid rgba(60,105,117,.36)!important;outline-offset:1px!important;
 border-color:#536e7c!important;
}
body.naber-app .naber-settings .naber-settings-select-value{
 flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
body.naber-app .naber-settings .naber-settings-select-chevron{
 display:block;flex:0 0 9px;width:9px;height:9px;margin-right:4px;
 border-right:1.8px solid #263845;border-bottom:1.8px solid #263845;
 transform:rotate(45deg) translateY(-2px);
}
body.naber-app .naber-settings .naber-settings-select-trigger:disabled{
 opacity:.55!important;cursor:not-allowed!important;
}
/* Role selection is a small action, not a full-width filter. */
body.naber-app .naber-settings .naber-mem-actions .naber-settings-select-trigger{
 min-width:128px!important;min-height:36px!important;
 padding:7px 11px!important;font-size:12px!important;
 border-radius:999px!important;
}
body.naber-app .naber-settings-select-menu{
 position:fixed!important;z-index:2147483000!important;display:flex!important;
 flex-direction:column!important;box-sizing:border-box!important;
 margin:0!important;padding:5px!important;
 border:1px solid #dce5e1!important;border-radius:13px!important;
 background:#fff!important;color:#253543!important;
 box-shadow:0 12px 34px rgba(26,42,51,.17)!important;
 overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;
 scrollbar-width:thin;
}
body.naber-app .naber-settings-select-option{
 -webkit-appearance:none!important;appearance:none!important;
 display:block!important;flex:0 0 auto!important;width:100%!important;
 min-height:37px!important;margin:0!important;padding:9px 12px!important;
 border:0!important;border-radius:9px!important;
 text-align:left!important;white-space:normal!important;
 font:inherit!important;font-size:13px!important;line-height:1.4!important;
 color:#283b45!important;background:transparent!important;
 cursor:pointer!important;box-shadow:none!important;transform:none!important;
}
body.naber-app .naber-settings-select-option:hover,
body.naber-app .naber-settings-select-option.is-focused{
 background:#edf4f2!important;color:#213b46!important;
}
body.naber-app .naber-settings-select-option[aria-selected="true"]{
 background:#e3eeeb!important;color:#253c43!important;font-weight:700!important;
}
body.naber-app .naber-settings-select-option[aria-selected="true"]::before{
 content:"✓";display:inline-block;margin-right:9px;font-weight:700;color:#406c70;
}
@media(max-width:740px){
 body.naber-app .naber-settings .naber-settings-select-trigger{
  min-height:46px!important;padding:11px 13px!important;font-size:14px!important;
 }
 body.naber-app .naber-settings-select-option{
  min-height:44px!important;padding:11px 12px!important;font-size:14px!important;
 }
 body.naber-app .naber-settings .naber-mem-actions .naber-settings-select-trigger{
  min-height:40px!important;
 }
}


/* Live Logo & Identity preview in Appearance Studio. The cover image is
   illustrative context; the badge uses current unsaved form properties. */
body.naber-app .naber-appearance-dialog .naber-logo-live-editor{
 margin:18px 0 27px;padding:14px;background:#f1f4f2;
 border:1px solid #dce4e0;border-radius:16px;min-width:0;
}
body.naber-app .naber-appearance-dialog .naber-logo-preview-toolbar{
 display:flex;align-items:center;justify-content:space-between;gap:12px;
 margin-bottom:12px;flex-wrap:wrap;
}
body.naber-app .naber-appearance-dialog .naber-logo-preview-toolbar>strong{
 font-size:14px;line-height:1.4;color:#273d4b;
}
body.naber-app .naber-appearance-dialog .naber-logo-preview-devices{
 display:inline-flex;align-items:center;gap:3px;padding:3px;
 border-radius:999px;border:1px solid #d8e0dd;background:#fff;
}
body.naber-app .naber-appearance-dialog .naber-logo-preview-devices>button{
 appearance:none!important;background:transparent!important;color:#3c5058!important;
 padding:7px 13px!important;margin:0!important;border:0!important;border-radius:999px!important;
 font-size:12px!important;line-height:1.2!important;font-weight:650!important;
 cursor:pointer!important;box-shadow:none!important;
}
body.naber-app .naber-appearance-dialog .naber-logo-preview-devices>button.is-active{
 color:#fff!important;background:#263945!important;
}
body.naber-app .naber-appearance-dialog .naber-logo-preview-devices>button:focus-visible{
 outline:2px solid #52858b;outline-offset:2px;
}
body.naber-app .naber-appearance-dialog .naber-logo-preview-canvas{
 position:relative;display:flex;justify-content:center;
 width:100%;height:224px;overflow:hidden;border-radius:12px;
 background:#182d3e;border:1px solid rgba(43,66,78,.17);
 isolation:isolate;
}
body.naber-app .naber-appearance-dialog .naber-logo-preview-canvas[data-device="mobile"]{
 max-width:260px;height:330px;margin:0 auto;border-radius:16px;
 box-shadow:0 6px 22px rgba(30,48,55,.1);
}
body.naber-app .naber-appearance-dialog .naber-logo-preview-cover{
 position:absolute;inset:0;background-color:#172a3b;
 background-position:center;background-size:cover;background-repeat:no-repeat;
}
body.naber-app .naber-appearance-dialog .naber-logo-preview-shade{
 position:absolute;inset:0;pointer-events:none;
 background:linear-gradient(0deg,rgba(10,23,30,.76) 0%,rgba(10,23,30,.1) 75%);
}
body.naber-app .naber-appearance-dialog .naber-logo-preview-group{
 position:relative;z-index:1;align-self:flex-end;display:flex;
 flex-direction:row;align-items:center;gap:12px;
 width:100%;min-width:0;padding:0 18px 21px;
 justify-content:flex-start;box-sizing:border-box;
}
body.naber-app .naber-appearance-dialog .naber-logo-preview-group.is-center{
 justify-content:center;
}
body.naber-app .naber-appearance-dialog .naber-logo-preview-group.is-right{
 justify-content:flex-end;
}
body.naber-app .naber-appearance-dialog .naber-logo-preview-canvas.is-middle .naber-logo-preview-group{
 align-self:center;
}
body.naber-app .naber-appearance-dialog .naber-logo-preview-badge{
 flex:0 0 auto;display:flex;align-items:center;justify-content:center;
 width:82px;height:82px;box-sizing:border-box;overflow:hidden;
 background:transparent;border-radius:50%;
}
body.naber-app .naber-appearance-dialog .naber-logo-preview-badge img{
 display:block;width:100%;height:100%;max-width:100%;
 min-width:0;object-fit:contain;box-sizing:border-box;
}
body.naber-app .naber-appearance-dialog .naber-logo-preview-badge img[hidden],
body.naber-app .naber-appearance-dialog .naber-logo-preview-badge [hidden]{
 display:none!important;
}
body.naber-app .naber-appearance-dialog .naber-logo-preview-badge [data-logo-preview-fallback]{
 font-size:34px;font-weight:800;color:#fff;text-shadow:0 2px 5px rgba(0,0,0,.35);
}
body.naber-app .naber-appearance-dialog .naber-logo-preview-identity{
 display:flex;flex-direction:column;gap:4px;min-width:0;
 color:#fff;text-align:left;text-shadow:0 1px 9px rgba(0,0,0,.2);
}
body.naber-app .naber-appearance-dialog .naber-logo-preview-identity>span{
 font-size:10px;letter-spacing:.07em;font-weight:700;
}
body.naber-app .naber-appearance-dialog .naber-logo-preview-identity>strong{
 font-size:clamp(16px,2.5vw,25px);line-height:1.2;
 overflow-wrap:anywhere;
}
body.naber-app .naber-appearance-dialog .naber-logo-preview-canvas[data-device="mobile"] .naber-logo-preview-group{
 padding:0 11px 19px;gap:9px;
}
body.naber-app .naber-appearance-dialog .naber-logo-preview-canvas[data-device="mobile"] .naber-logo-preview-identity>strong{
 font-size:16px;
}
body.naber-app .naber-appearance-dialog .naber-logo-preview-canvas[data-device="mobile"] .naber-logo-preview-identity>span{
 font-size:9px;
}
body.naber-app .naber-appearance-dialog .naber-logo-preview-hint{
 display:block!important;margin:10px 0 0!important;font-size:12px!important;
}
@media(max-width:560px){
 body.naber-app .naber-appearance-dialog .naber-logo-live-editor{padding:10px}
 body.naber-app .naber-appearance-dialog .naber-logo-preview-canvas:not([data-device="mobile"]){height:175px}
 body.naber-app .naber-appearance-dialog .naber-logo-preview-group{padding:0 10px 15px;gap:8px}
 body.naber-app .naber-appearance-dialog .naber-logo-preview-identity>strong{font-size:15px}
}


/* Compact Logo Studio: fixed dialog chrome prevents the modal footer from
   drifting into the middle of the screen when range/select controls focus.
   Only the dialog content scrolls; header and Save/Cancel remain anchored. */
body.naber-app #naber-appearance-dialog-logo[open]{
 position:fixed!important;inset:0!important;margin:auto!important;
 width:min(980px,calc(100vw - 24px))!important;
 height:min(96dvh,1040px)!important;max-height:96dvh!important;
 min-height:0!important;display:grid!important;
 grid-template-rows:auto minmax(0,1fr) auto!important;
 flex-direction:unset!important;overflow:hidden!important;
}
body.naber-app #naber-appearance-dialog-logo .naber-appearance-dialog-head{
 grid-row:1;min-height:0;position:relative!important;
 padding:15px 22px 12px!important;
}
body.naber-app #naber-appearance-dialog-logo .naber-appearance-dialog-content{
 grid-row:2;min-height:0!important;max-height:none!important;height:auto!important;
 overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;
 padding:14px 22px 18px!important;scroll-padding:16px;
}
body.naber-app #naber-appearance-dialog-logo .naber-appearance-dialog-actions{
 grid-row:3;position:relative!important;inset:auto!important;
 min-height:0!important;margin:0!important;
 padding:10px 22px!important;flex:0 0 auto!important;
}
body.naber-app #naber-appearance-dialog-logo .naber-appearance-dialog-content>.neighbor-fieldset>legend{
 display:none!important;
}
body.naber-app #naber-appearance-dialog-logo .naber-logo-appearance-controls{
 margin:0!important;
}
body.naber-app #naber-appearance-dialog-logo .naber-logo-appearance-controls>h3,
body.naber-app #naber-appearance-dialog-logo .naber-logo-appearance-controls>.neighbor-field-hint{
 display:none!important;
}
body.naber-app #naber-appearance-dialog-logo .naber-logo-live-editor{
 margin:0 0 12px!important;padding:10px!important;
}
body.naber-app #naber-appearance-dialog-logo .naber-logo-preview-toolbar{
 margin-bottom:7px!important;
}
body.naber-app #naber-appearance-dialog-logo .naber-logo-preview-canvas:not([data-device="mobile"]){
 height:177px!important;
}
body.naber-app #naber-appearance-dialog-logo .naber-logo-preview-canvas[data-device="mobile"]{
 height:220px!important;max-width:220px!important;
}
body.naber-app #naber-appearance-dialog-logo .naber-logo-preview-hint{
 margin-top:5px!important;font-size:11px!important;
}
body.naber-app #naber-appearance-dialog-logo .naber-logo-compact-controls{
 display:flex!important;flex-direction:column!important;gap:10px!important;
 width:100%;min-width:0;
}
body.naber-app #naber-appearance-dialog-logo .naber-logo-control-row{
 display:grid!important;gap:12px!important;align-items:end!important;
 min-width:0!important;width:100%!important;
}
body.naber-app #naber-appearance-dialog-logo .naber-logo-row-background,
body.naber-app #naber-appearance-dialog-logo .naber-logo-row-border{
 grid-template-columns:minmax(0,1.4fr) minmax(98px,.65fr) minmax(0,1fr)!important;
}
body.naber-app #naber-appearance-dialog-logo .naber-logo-row-shape{
 grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
body.naber-app #naber-appearance-dialog-logo .naber-logo-row-placement{
 grid-template-columns:minmax(0,1fr)!important;
}
body.naber-app #naber-appearance-dialog-logo .naber-logo-control-row>label{
 display:flex!important;flex-direction:column!important;gap:5px!important;
 min-width:0!important;margin:0!important;font-size:12px!important;
 font-weight:650!important;line-height:1.35!important;
}
body.naber-app #naber-appearance-dialog-logo .naber-logo-control-row>label[hidden]{
 display:none!important;
}
body.naber-app #naber-appearance-dialog-logo .naber-logo-control-row label>span:first-child{
 display:flex;justify-content:space-between;gap:6px;align-items:center;
}
body.naber-app #naber-appearance-dialog-logo .naber-logo-control-row output{
 float:right;color:#627a7f;font-weight:600;
 font-size:11px;font-variant-numeric:tabular-nums;
}
body.naber-app #naber-appearance-dialog-logo .naber-logo-control-row .naber-studio-select-trigger{
 min-height:39px!important;padding:7px 12px!important;
}
body.naber-app #naber-appearance-dialog-logo .naber-logo-control-row input[type="color"]{
 width:100%!important;max-width:100%!important;
 height:39px!important;min-height:39px!important;
 border:1px solid #d9d5cd!important;border-radius:10px!important;
 padding:4px!important;background:#fff!important;box-sizing:border-box!important;
}
body.naber-app #naber-appearance-dialog-logo .naber-logo-control-row input[type="range"]{
 display:block!important;appearance:none!important;-webkit-appearance:none!important;
 margin:4px 0 9px!important;padding:0!important;
 width:100%!important;max-width:100%!important;
 height:7px!important;min-height:7px!important;
 border-radius:99px!important;outline:0!important;
 background:#d8dedb!important;cursor:pointer!important;
 box-sizing:border-box!important;
}
body.naber-app #naber-appearance-dialog-logo .naber-logo-control-row input[type="range"]::-webkit-slider-runnable-track{
 background:#d8dedb;border-radius:99px;height:7px;
}
body.naber-app #naber-appearance-dialog-logo .naber-logo-control-row input[type="range"]::-moz-range-track{
 background:#d8dedb;border-radius:99px;height:7px;
}
body.naber-app #naber-appearance-dialog-logo .naber-logo-control-row input[type="range"]::-webkit-slider-thumb{
 appearance:none!important;-webkit-appearance:none!important;
 width:17px!important;height:17px!important;
 border-radius:50%!important;border:2px solid #fff!important;
 background:#283d48!important;box-shadow:0 1px 5px rgba(0,0,0,.18);
 margin-top:-5px;
}
body.naber-app #naber-appearance-dialog-logo .naber-logo-control-row input[type="range"]::-moz-range-thumb{
 width:15px;height:15px;border-radius:50%;border:2px solid #fff;
 background:#283d48;box-shadow:0 1px 5px rgba(0,0,0,.18);
}
body.naber-app #naber-appearance-dialog-logo .naber-logo-control-row input[type="range"]:focus-visible{
 outline:2px solid #51848b!important;outline-offset:5px!important;
}
body.naber-app #naber-appearance-dialog-logo .naber-logo-upload-details{
 padding-top:9px;margin-top:0;border-top:1px solid #e2e7e3;
}
body.naber-app #naber-appearance-dialog-logo .naber-logo-upload-details summary{
 font-size:12px;color:#3a6670;font-weight:700;cursor:pointer;
 list-style-position:inside;
}
body.naber-app #naber-appearance-dialog-logo .naber-logo-upload-details .naber-image-field{
 margin-top:12px;
}
@media(max-width:740px){
 body.naber-app #naber-appearance-dialog-logo[open]{
  inset:0!important;margin:0!important;width:100vw!important;
  height:100dvh!important;max-height:100dvh!important;
  border-radius:0!important;
 }
 body.naber-app #naber-appearance-dialog-logo .naber-appearance-dialog-head{
  padding:12px 15px!important;
 }
 body.naber-app #naber-appearance-dialog-logo .naber-appearance-dialog-content{
  padding:12px 14px!important;
 }
 body.naber-app #naber-appearance-dialog-logo .naber-appearance-dialog-actions{
  padding:10px 14px calc(10px + env(safe-area-inset-bottom))!important;
 }
 body.naber-app #naber-appearance-dialog-logo .naber-logo-row-background,
 body.naber-app #naber-appearance-dialog-logo .naber-logo-row-border{
  grid-template-columns:minmax(0,1fr) minmax(70px,.6fr) minmax(0,1fr)!important;
  gap:8px!important;
 }
}
@media(max-width:470px){
 body.naber-app #naber-appearance-dialog-logo .naber-logo-row-background,
 body.naber-app #naber-appearance-dialog-logo .naber-logo-row-border{
  grid-template-columns:minmax(0,1.2fr) minmax(72px,.6fr)!important;
 }
 body.naber-app #naber-appearance-dialog-logo .naber-logo-row-background .naber-logo-device-control,
 body.naber-app #naber-appearance-dialog-logo .naber-logo-row-border>label:last-child{
  grid-column:1/-1!important;
 }
 body.naber-app #naber-appearance-dialog-logo .naber-logo-preview-canvas:not([data-device="mobile"]){
  height:145px!important;
 }
}


/* Logo placement: four compact, light visual controls rather than a dropdown.
   Uses the exact same stored left/center/middle/right values for each device. */
body.naber-app #naber-appearance-dialog-logo .naber-logo-placement-chooser{
 display:block!important;min-width:0!important;width:100%!important;
}
body.naber-app #naber-appearance-dialog-logo .naber-logo-placement-heading{
 display:block;margin:0 0 6px;font-size:12px;font-weight:650;color:#34464d;
}
body.naber-app #naber-appearance-dialog-logo .naber-logo-placement-options{
 display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:100%;
}
body.naber-app #naber-appearance-dialog-logo .naber-logo-placement-option{
 -webkit-appearance:none!important;appearance:none!important;
 display:flex!important;flex-direction:column!important;align-items:stretch!important;
 gap:5px!important;min-width:0!important;width:100%!important;
 padding:7px!important;margin:0!important;
 background:#fff!important;border:1px solid #dce2de!important;
 border-radius:10px!important;box-shadow:none!important;
 cursor:pointer!important;text-align:center!important;color:#3c5058!important;
}
body.naber-app #naber-appearance-dialog-logo .naber-logo-placement-option:hover{
 background:#f5f9f7!important;border-color:#a9bdb9!important;
}
body.naber-app #naber-appearance-dialog-logo .naber-logo-placement-option.is-selected{
 background:#f0f7f5!important;border-color:#477983!important;
 box-shadow:inset 0 0 0 1px #477983!important;
}
body.naber-app #naber-appearance-dialog-logo .naber-logo-placement-option:focus-visible{
 outline:2px solid #477983!important;outline-offset:3px!important;
}
body.naber-app #naber-appearance-dialog-logo .naber-logo-placement-scene{
 display:flex;position:relative;overflow:hidden;
 align-items:flex-end;justify-content:flex-start;
 width:100%;height:54px;box-sizing:border-box;padding:6px 8px;
 border-radius:7px;background:linear-gradient(160deg,#e5eeee,#d9e6e7);
}
body.naber-app #naber-appearance-dialog-logo .naber-logo-placement-scene.position-center,
body.naber-app #naber-appearance-dialog-logo .naber-logo-placement-scene.position-middle{
 justify-content:center;
}
body.naber-app #naber-appearance-dialog-logo .naber-logo-placement-scene.position-right{
 justify-content:flex-end;
}
body.naber-app #naber-appearance-dialog-logo .naber-logo-placement-scene.position-middle{
 align-items:center;
}
body.naber-app #naber-appearance-dialog-logo .naber-logo-placement-mark{
 display:flex;align-items:center;gap:4px;flex:0 0 auto;
 max-width:100%;
}
body.naber-app #naber-appearance-dialog-logo .naber-logo-placement-mark::before{
 content:"";width:19px;height:19px;flex:0 0 19px;
 border-radius:50%;background:#fff;border:1px solid #96b0b3;
 box-shadow:0 1px 3px rgba(32,60,70,.1);
}
body.naber-app #naber-appearance-dialog-logo .naber-logo-placement-mark i{
 display:block;width:15px;height:4px;border-radius:50px;background:#728d93;
}
body.naber-app #naber-appearance-dialog-logo .naber-logo-placement-mark i:last-child{display:none}
body.naber-app #naber-appearance-dialog-logo .naber-logo-placement-caption{
 display:block;font-size:11px;font-weight:650;line-height:1.3;
 white-space:normal!important;
}
body.naber-app #naber-appearance-dialog-logo .naber-logo-upload-visible{
 padding-top:9px;margin-top:0;border-top:1px solid #e2e7e3;
}
body.naber-app #naber-appearance-dialog-logo .naber-logo-upload-visible .naber-image-field{
 margin:4px 0 0!important;
}
body.naber-app #naber-appearance-dialog-logo .naber-logo-upload-visible .naber-image-field-label{
 font-size:12px!important;
}
@media(max-width:470px){
 body.naber-app #naber-appearance-dialog-logo .naber-logo-placement-options{gap:5px}
 body.naber-app #naber-appearance-dialog-logo .naber-logo-placement-option{padding:5px!important}
 body.naber-app #naber-appearance-dialog-logo .naber-logo-placement-scene{height:45px;padding:4px}
 body.naber-app #naber-appearance-dialog-logo .naber-logo-placement-mark::before{
  width:14px;height:14px;flex-basis:14px;
 }
 body.naber-app #naber-appearance-dialog-logo .naber-logo-placement-mark i{width:8px}
 body.naber-app #naber-appearance-dialog-logo .naber-logo-placement-caption{font-size:10px}
}


/* Community logo placement — nine anchoring positions on both desktop and
   mobile. Preserve a clear navigation zone for bottom choices.
   Specificity intentionally supersedes the legacy four-way rules. */
body.naber-app #naber-appearance-dialog-logo .naber-logo-device-control[hidden],
body.naber-app #naber-appearance-dialog-logo .naber-logo-placement-chooser[hidden]{
 display:none!important;
}
body.naber-app #naber-appearance-dialog-logo .naber-logo-placement-options{
 grid-template-columns:repeat(3,minmax(0,1fr))!important;
 gap:8px!important;
}
body.naber-app #naber-appearance-dialog-logo .naber-logo-placement-scene{
 height:42px!important;padding:5px 7px!important;
}
body.naber-app #naber-appearance-dialog-logo .naber-logo-placement-scene[class*="top-"]{
 align-items:flex-start!important;
}
body.naber-app #naber-appearance-dialog-logo .naber-logo-placement-scene[class*="middle-"]{
 align-items:center!important;
}
body.naber-app #naber-appearance-dialog-logo .naber-logo-placement-scene[class*="bottom-"]{
 align-items:flex-end!important;
}
body.naber-app #naber-appearance-dialog-logo .naber-logo-placement-scene[class$="-left"]{
 justify-content:flex-start!important;
}
body.naber-app #naber-appearance-dialog-logo .naber-logo-placement-scene[class$="-center"]{
 justify-content:center!important;
}
body.naber-app #naber-appearance-dialog-logo .naber-logo-placement-scene[class$="-right"]{
 justify-content:flex-end!important;
}
/* Preview vertical anchors. */
body.naber-app #naber-appearance-dialog-logo .naber-logo-preview-canvas.is-top .naber-logo-preview-group{
 align-self:flex-start!important;padding-top:18px!important;
}
body.naber-app #naber-appearance-dialog-logo .naber-logo-preview-canvas.is-middle .naber-logo-preview-group{
 align-self:center!important;
}
body.naber-app #naber-appearance-dialog-logo .naber-logo-preview-canvas:not(.is-top):not(.is-middle) .naber-logo-preview-group{
 align-self:flex-end!important;padding-bottom:25px!important;
}
body.naber-app #naber-appearance-dialog-logo .naber-logo-preview-canvas[data-device="mobile"].is-top .naber-logo-preview-group{
 padding-top:16px!important;
}
body.naber-app #naber-appearance-dialog-logo .naber-logo-preview-canvas[data-device="mobile"]:not(.is-top):not(.is-middle) .naber-logo-preview-group{
 padding-bottom:26px!important;
}
@media(min-width:741px){
 body.naber-app :is(.naber-community-view, .nhb-canvas) .naber-hero.naber-logo-managed[class*="naber-logo-desktop-top-"] .naber-hero-scrim{
  align-items:flex-start!important;padding-top:35px!important;
  padding-bottom:90px!important;
 }
 body.naber-app :is(.naber-community-view, .nhb-canvas) .naber-hero.naber-logo-managed[class*="naber-logo-desktop-middle-"] .naber-hero-scrim{
  align-items:center!important;padding-top:30px!important;padding-bottom:90px!important;
 }
 body.naber-app :is(.naber-community-view, .nhb-canvas) .naber-hero.naber-logo-managed[class*="naber-logo-desktop-bottom-"] .naber-hero-scrim{
  align-items:flex-end!important;padding-top:24px!important;padding-bottom:117px!important;
 }
 body.naber-app :is(.naber-community-view, .nhb-canvas) .naber-hero.naber-logo-managed.naber-logo-desktop-top-left .naber-hero-body,
 body.naber-app :is(.naber-community-view, .nhb-canvas) .naber-hero.naber-logo-managed.naber-logo-desktop-middle-left .naber-hero-body,
 body.naber-app :is(.naber-community-view, .nhb-canvas) .naber-hero.naber-logo-managed.naber-logo-desktop-bottom-left .naber-hero-body{
  justify-content:flex-start!important;
 }
 body.naber-app :is(.naber-community-view, .nhb-canvas) .naber-hero.naber-logo-managed.naber-logo-desktop-top-center .naber-hero-body,
 body.naber-app :is(.naber-community-view, .nhb-canvas) .naber-hero.naber-logo-managed.naber-logo-desktop-middle-center .naber-hero-body,
 body.naber-app :is(.naber-community-view, .nhb-canvas) .naber-hero.naber-logo-managed.naber-logo-desktop-bottom-center .naber-hero-body{
  justify-content:center!important;
 }
 body.naber-app :is(.naber-community-view, .nhb-canvas) .naber-hero.naber-logo-managed.naber-logo-desktop-top-right .naber-hero-body,
 body.naber-app :is(.naber-community-view, .nhb-canvas) .naber-hero.naber-logo-managed.naber-logo-desktop-middle-right .naber-hero-body,
 body.naber-app :is(.naber-community-view, .nhb-canvas) .naber-hero.naber-logo-managed.naber-logo-desktop-bottom-right .naber-hero-body{
  justify-content:flex-end!important;
 }
}
@media(max-width:740px){
 body.naber-app :is(.naber-community-view, .nhb-canvas) .naber-hero.naber-logo-managed[class*="naber-logo-mobile-top-"] .naber-hero-scrim{
  align-items:flex-start!important;padding-top:26px!important;padding-bottom:39px!important;
 }
 body.naber-app :is(.naber-community-view, .nhb-canvas) .naber-hero.naber-logo-managed[class*="naber-logo-mobile-middle-"] .naber-hero-scrim{
  align-items:center!important;padding-top:18px!important;padding-bottom:42px!important;
 }
 body.naber-app :is(.naber-community-view, .nhb-canvas) .naber-hero.naber-logo-managed[class*="naber-logo-mobile-bottom-"] .naber-hero-scrim{
  align-items:flex-end!important;padding-top:18px!important;padding-bottom:68px!important;
 }
 body.naber-app :is(.naber-community-view, .nhb-canvas) .naber-hero.naber-logo-managed.naber-logo-mobile-top-left .naber-hero-body,
 body.naber-app :is(.naber-community-view, .nhb-canvas) .naber-hero.naber-logo-managed.naber-logo-mobile-middle-left .naber-hero-body,
 body.naber-app :is(.naber-community-view, .nhb-canvas) .naber-hero.naber-logo-managed.naber-logo-mobile-bottom-left .naber-hero-body{
  justify-content:flex-start!important;
 }
 body.naber-app :is(.naber-community-view, .nhb-canvas) .naber-hero.naber-logo-managed.naber-logo-mobile-top-center .naber-hero-body,
 body.naber-app :is(.naber-community-view, .nhb-canvas) .naber-hero.naber-logo-managed.naber-logo-mobile-middle-center .naber-hero-body,
 body.naber-app :is(.naber-community-view, .nhb-canvas) .naber-hero.naber-logo-managed.naber-logo-mobile-bottom-center .naber-hero-body{
  justify-content:center!important;
 }
 body.naber-app :is(.naber-community-view, .nhb-canvas) .naber-hero.naber-logo-managed.naber-logo-mobile-top-right .naber-hero-body,
 body.naber-app :is(.naber-community-view, .nhb-canvas) .naber-hero.naber-logo-managed.naber-logo-mobile-middle-right .naber-hero-body,
 body.naber-app :is(.naber-community-view, .nhb-canvas) .naber-hero.naber-logo-managed.naber-logo-mobile-bottom-right .naber-hero-body{
  justify-content:flex-end!important;
 }
}


/* Nine-position correction: anchor against the FULL hero, not its asymmetric
   padded content box. Middle is geometrically centered; bottom sits near the
   actual cover bottom while clearing the separate menu. Applies consistently
   to standard Community and Home Builder hero rendering. */
@media(min-width:741px){
 body.naber-app :is(.naber-community-view, .nhb-canvas) .naber-hero.naber-logo-managed[class*="naber-logo-desktop-middle-"]>.naber-hero-scrim{
  box-sizing:border-box!important;align-items:center!important;
  padding:24px 28px!important;
 }
 body.naber-app :is(.naber-community-view, .nhb-canvas) .naber-hero.naber-logo-managed[class*="naber-logo-desktop-bottom-"]>.naber-hero-scrim{
  box-sizing:border-box!important;align-items:flex-end!important;
  padding:24px 28px 30px!important;
 }
}
@media(max-width:740px){
 body.naber-app :is(.naber-community-view, .nhb-canvas) .naber-hero.naber-logo-managed[class*="naber-logo-mobile-middle-"]>.naber-hero-scrim{
  box-sizing:border-box!important;align-items:center!important;
  padding:18px 16px!important;
 }
 body.naber-app :is(.naber-community-view, .nhb-canvas) .naber-hero.naber-logo-managed[class*="naber-logo-mobile-bottom-"]>.naber-hero-scrim{
  box-sizing:border-box!important;align-items:flex-end!important;
  padding:18px 16px 38px!important;
 }
}
/* Mirror real hero anchors in the Logo Studio's live device preview. */
body.naber-app #naber-appearance-dialog-logo .naber-logo-preview-canvas.is-middle .naber-logo-preview-group{
 align-self:center!important;padding-top:0!important;padding-bottom:0!important;
}
body.naber-app #naber-appearance-dialog-logo .naber-logo-preview-canvas:not(.is-top):not(.is-middle) .naber-logo-preview-group{
 align-self:flex-end!important;padding-bottom:12px!important;padding-top:0!important;
}
body.naber-app #naber-appearance-dialog-logo .naber-logo-preview-canvas[data-device="mobile"]:not(.is-top):not(.is-middle) .naber-logo-preview-group{
 padding-bottom:15px!important;
}


/* Logo Image chooser — in-dialog overlay; upload action sits next to device toggle.
   The original WP logo file and remove inputs remain bound to the main form. */
body.naber-app #naber-appearance-dialog-logo .naber-logo-preview-tools{
 display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap;
}
body.naber-app #naber-appearance-dialog-logo .naber-logo-image-launch{
 appearance:none!important;display:inline-flex!important;align-items:center!important;
 justify-content:center!important;gap:7px!important;
 margin:0!important;padding:9px 14px!important;min-height:38px!important;
 border:1px solid #d8dfdb!important;border-radius:999px!important;
 background:#fff!important;color:#2a414d!important;
 font:inherit!important;font-weight:650!important;font-size:12px!important;
 box-shadow:none!important;cursor:pointer!important;
}
body.naber-app #naber-appearance-dialog-logo .naber-logo-image-launch:hover{
 border-color:#8caeb0!important;background:#f8fbfa!important;
}
body.naber-app #naber-appearance-dialog-logo .naber-logo-image-launch:focus-visible{
 outline:2px solid #477983!important;outline-offset:3px!important;
}
body.naber-app #naber-appearance-dialog-logo .naber-logo-image-launch>span{
 font-size:17px!important;line-height:1!important;
}
/* Fixed relative to the parent dialog, not the scrolling form content. */
body.naber-app #naber-appearance-dialog-logo .naber-logo-image-overlay{
 position:absolute!important;inset:0!important;z-index:300!important;
 display:flex!important;align-items:center!important;justify-content:center!important;
 padding:18px!important;box-sizing:border-box!important;
 background:rgba(22,38,47,.60)!important;
 border-radius:inherit!important;
}
body.naber-app #naber-appearance-dialog-logo .naber-logo-image-overlay[hidden]{
 display:none!important;
}
body.naber-app #naber-appearance-dialog-logo .naber-logo-image-card{
 width:min(480px,100%)!important;max-height:calc(100% - 6px)!important;
 min-width:0!important;display:flex!important;flex-direction:column!important;
 overflow:hidden!important;border-radius:18px!important;
 background:#fff!important;color:#243744!important;
 box-shadow:0 18px 58px rgba(13,32,42,.24)!important;
}
body.naber-app #naber-appearance-dialog-logo .naber-logo-image-head{
 display:flex;align-items:flex-start;justify-content:space-between;gap:14px;
 padding:18px 20px 13px;border-bottom:1px solid #e4e8e5;
}
body.naber-app #naber-appearance-dialog-logo .naber-logo-image-head h3{
 font-size:18px!important;line-height:1.35!important;font-weight:700!important;
 color:#273946!important;margin:0 0 5px!important;
}
body.naber-app #naber-appearance-dialog-logo .naber-logo-image-head p{
 font-size:12px!important;line-height:1.5!important;
 color:#697a80!important;margin:0!important;
}
body.naber-app #naber-appearance-dialog-logo .naber-logo-image-x{
 appearance:none!important;border:0!important;border-radius:50%!important;
 width:34px!important;height:34px!important;min-width:34px!important;
 background:#eff3f1!important;color:#2b4047!important;
 padding:0!important;margin:0!important;font-size:24px!important;cursor:pointer!important;
}
body.naber-app #naber-appearance-dialog-logo .naber-logo-image-body{
 padding:18px 20px;min-height:0;overflow-y:auto;overscroll-behavior:contain;
}
body.naber-app #naber-appearance-dialog-logo .naber-logo-paste-zone{
 display:flex;flex-direction:column;align-items:center;justify-content:center;
 text-align:center;gap:7px;min-height:110px;
 border:2px dashed #adc5c3;border-radius:13px;
 background:#f5faf8;color:#344f55;
 padding:14px;box-sizing:border-box;cursor:text;
}
body.naber-app #naber-appearance-dialog-logo .naber-logo-paste-zone>span{
 font-size:12px;font-weight:750;letter-spacing:.04em;
 background:#fff;border:1px solid #dce5e1;
 padding:5px 10px;border-radius:8px;
}
body.naber-app #naber-appearance-dialog-logo .naber-logo-paste-zone>strong{
 font-size:13px;line-height:1.3;
}
body.naber-app #naber-appearance-dialog-logo .naber-logo-paste-zone>small{
 font-size:11px;line-height:1.45;color:#63787d;
}
body.naber-app #naber-appearance-dialog-logo .naber-logo-paste-zone:focus-visible{
 outline:2px solid #477983;outline-offset:2px;
}
body.naber-app #naber-appearance-dialog-logo .naber-logo-upload-picker{
 padding-top:15px;
}
body.naber-app #naber-appearance-dialog-logo .naber-logo-upload-picker .naber-image-field-label{
 font-size:12px!important;
}
body.naber-app #naber-appearance-dialog-logo .naber-logo-upload-picker .naber-image-field-body{
 gap:12px;
}
body.naber-app #naber-appearance-dialog-logo .naber-logo-image-feedback{
 font-size:11px;line-height:1.5;color:#375d60;
 margin:8px 0 0;min-height:16px;
}
body.naber-app #naber-appearance-dialog-logo .naber-logo-image-actions{
 display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap;
 border-top:1px solid #e4e8e5;padding:12px 20px 15px;
 background:#fff;
}
body.naber-app #naber-appearance-dialog-logo .naber-logo-image-actions .neighbor-button{
 min-height:38px;
}
@media(max-width:540px){
 body.naber-app #naber-appearance-dialog-logo .naber-logo-preview-toolbar{
  align-items:flex-start!important;
 }
 body.naber-app #naber-appearance-dialog-logo .naber-logo-preview-tools{
  justify-content:flex-start;
 }
 body.naber-app #naber-appearance-dialog-logo .naber-logo-image-overlay{
  padding:10px!important;
 }
 body.naber-app #naber-appearance-dialog-logo .naber-logo-image-head{
  padding:14px 15px 11px;
 }
 body.naber-app #naber-appearance-dialog-logo .naber-logo-image-body{
  padding:13px 15px;
 }
 body.naber-app #naber-appearance-dialog-logo .naber-logo-image-actions{
  padding:10px 15px 14px;
 }
}


/* Logo & Identity modal: align toolbar and footer actions to Naber's compact controls. */
body.naber-app #naber-appearance-dialog-logo .naber-logo-image-launch{
  min-height:34px!important;height:34px!important;
  padding:0 12px!important;line-height:1.2!important;
  box-sizing:border-box!important;
}
body.naber-app #naber-appearance-dialog-logo .naber-appearance-dialog-actions .neighbor-button{
  appearance:none!important;display:inline-flex!important;
  align-items:center!important;justify-content:center!important;
  min-height:38px!important;height:38px!important;
  padding:0 17px!important;margin:0!important;
  border-radius:999px!important;font-size:13px!important;
  font-weight:650!important;line-height:1.2!important;
  box-shadow:none!important;transition:background-color .15s,border-color .15s!important;
}
body.naber-app #naber-appearance-dialog-logo .naber-appearance-dialog-actions .neighbor-button-light{
  background:#f1f2ef!important;border:1px solid #e1e5e1!important;
  color:#283b45!important;
}
body.naber-app #naber-appearance-dialog-logo .naber-appearance-dialog-actions .neighbor-button-light:hover{
  background:#e7ebe8!important;border-color:#d0d9d4!important;
}
body.naber-app #naber-appearance-dialog-logo .naber-appearance-dialog-actions .naber-settings-save{
  background:#263945!important;border:1px solid #263945!important;
  color:#fff!important;
}
body.naber-app #naber-appearance-dialog-logo .naber-appearance-dialog-actions .naber-settings-save:hover{
  background:#354e5c!important;border-color:#354e5c!important;
}
body.naber-app #naber-appearance-dialog-logo .naber-appearance-dialog-actions .neighbor-button:focus-visible{
  outline:2px solid #52858b!important;outline-offset:3px!important;
}


/* Logo & Identity dialog: content-sized height rather than a fixed viewport-tall panel. */
body.naber-app #naber-appearance-dialog-logo[open]{
  height:fit-content!important;
  max-height:min(96dvh,1040px)!important;
  grid-template-rows:auto minmax(0,1fr) auto!important;
}


/* Mobile Logo & Identity: center the content-height dialog as a floating popup. */
@media (max-width:740px){
  body.naber-app #naber-appearance-dialog-logo[open]{
    inset:0!important;
    margin:auto!important;
    width:calc(100vw - 20px)!important;
    max-width:480px!important;
    height:fit-content!important;
    max-height:calc(100dvh - 20px)!important;
    border-radius:16px!important;
  }
}


/* Logo image chooser: compact Naber button treatment for all four actions. */
body.naber-app #naber-appearance-dialog-logo .naber-logo-upload-picker .naber-image-field-controls .neighbor-button,
body.naber-app #naber-appearance-dialog-logo .naber-logo-image-actions .neighbor-button{
  appearance:none!important;display:inline-flex!important;
  align-items:center!important;justify-content:center!important;
  box-sizing:border-box!important;min-height:38px!important;height:38px!important;
  padding:0 16px!important;margin:0!important;
  border-radius:999px!important;font-size:13px!important;
  font-weight:650!important;line-height:1.2!important;
  text-decoration:none!important;box-shadow:none!important;
  transition:background-color .15s,border-color .15s!important;
}
body.naber-app #naber-appearance-dialog-logo .naber-logo-upload-picker .naber-image-field-controls .neighbor-button,
body.naber-app #naber-appearance-dialog-logo .naber-logo-image-actions .neighbor-button-light{
  background:#f1f2ef!important;border:1px solid #e1e5e1!important;
  color:#283b45!important;
}
body.naber-app #naber-appearance-dialog-logo .naber-logo-upload-picker .naber-image-field-controls .neighbor-button:hover,
body.naber-app #naber-appearance-dialog-logo .naber-logo-image-actions .neighbor-button-light:hover{
  background:#e7ebe8!important;border-color:#d0d9d4!important;
}
body.naber-app #naber-appearance-dialog-logo .naber-logo-image-actions .neighbor-button:not(.neighbor-button-light){
  background:#263945!important;border:1px solid #263945!important;color:#fff!important;
}
body.naber-app #naber-appearance-dialog-logo .naber-logo-image-actions .neighbor-button:not(.neighbor-button-light):hover{
  background:#354e5c!important;border-color:#354e5c!important;
}
body.naber-app #naber-appearance-dialog-logo .naber-logo-upload-picker .naber-image-field-controls .neighbor-button:focus-within,
body.naber-app #naber-appearance-dialog-logo .naber-logo-image-actions .neighbor-button:focus-visible{
  outline:2px solid #52858b!important;outline-offset:3px!important;
}


/* Header & Cover studio: compact chooser, preview-first layout and Naber controls. */
body.naber-app #naber-appearance-dialog-header .naber-cover-library-footer{
 display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;
 margin-top:10px;
}
body.naber-app #naber-appearance-dialog-header .naber-cover-library-footer .neighbor-field-hint{
 margin:0!important;flex:1 1 220px;
}
body.naber-app #naber-appearance-dialog-header .naber-cover-upload-launch{
 appearance:none!important;display:inline-flex!important;align-items:center!important;
 justify-content:center!important;min-height:36px!important;padding:0 15px!important;
 border:1px solid #d8dfdb!important;border-radius:999px!important;
 background:#fff!important;color:#2a414d!important;font-size:12px!important;
 font-weight:650!important;cursor:pointer!important;box-shadow:none!important;
}
body.naber-app #naber-appearance-dialog-header .naber-cover-upload-launch:hover{
 background:#f1f5f2!important;border-color:#a8c0bb!important;
}
body.naber-app #naber-appearance-dialog-header .naber-header-position-wrap{
 margin-top:14px!important;
}
body.naber-app #naber-appearance-dialog-header .naber-header-position-wrap>.neighbor-field-hint{
 margin:0 0 10px!important;font-size:12px!important;
}
body.naber-app #naber-appearance-dialog-header .neighbor-position-controls{
 gap:14px!important;margin-top:13px!important;
}
body.naber-app #naber-appearance-dialog-header .neighbor-position-controls label{
 color:#2d434e!important;font-size:12px!important;font-weight:650!important;
}
body.naber-app #naber-appearance-dialog-header .neighbor-position-controls input[type="range"]{
 appearance:none!important;-webkit-appearance:none!important;
 display:block!important;width:100%!important;height:6px!important;
 padding:0!important;margin:14px 0 9px!important;
 border:0!important;border-radius:999px!important;
 background:#d7dedb!important;cursor:pointer!important;box-shadow:none!important;
}
body.naber-app #naber-appearance-dialog-header .neighbor-position-controls input[type="range"]::-webkit-slider-thumb{
 -webkit-appearance:none!important;appearance:none!important;
 width:17px!important;height:17px!important;border-radius:50%!important;
 background:#263945!important;border:2px solid #fff!important;
 box-shadow:0 1px 4px rgba(20,40,50,.16)!important;
}
body.naber-app #naber-appearance-dialog-header .neighbor-position-controls input[type="range"]::-moz-range-thumb{
 width:13px!important;height:13px!important;border-radius:50%!important;
 background:#263945!important;border:2px solid #fff!important;
 box-shadow:0 1px 4px rgba(20,40,50,.16)!important;
}
body.naber-app #naber-appearance-dialog-header .naber-cover-center-btn{
 min-height:36px!important;padding:0 15px!important;margin-top:10px!important;
 background:#f1f2ef!important;border:1px solid #e1e5e1!important;
 color:#283b45!important;border-radius:999px!important;font-size:12px!important;
}
body.naber-app #naber-appearance-dialog-header .naber-cover-center-btn:hover{
 background:#e7ebe8!important;border-color:#d0d9d4!important;
}
body.naber-app #naber-appearance-dialog-header .naber-appearance-dialog-actions .neighbor-button{
 appearance:none!important;display:inline-flex!important;align-items:center!important;
 justify-content:center!important;height:38px!important;min-height:38px!important;
 padding:0 17px!important;border-radius:999px!important;
 font-size:13px!important;font-weight:650!important;box-shadow:none!important;
}
body.naber-app #naber-appearance-dialog-header .naber-appearance-dialog-actions .neighbor-button-light{
 background:#f1f2ef!important;color:#283b45!important;border:1px solid #e1e5e1!important;
}
body.naber-app #naber-appearance-dialog-header .naber-appearance-dialog-actions .naber-settings-save{
 background:#263945!important;color:#fff!important;border:1px solid #263945!important;
}
/* The upload overlay belongs to the existing dialog top layer, with the same
   reusable chooser visual design as Logo & Identity. */
body.naber-app #naber-appearance-dialog-header .naber-cover-image-overlay{
 position:absolute!important;inset:0!important;z-index:300!important;
 display:flex!important;align-items:center!important;justify-content:center!important;
 padding:18px!important;box-sizing:border-box!important;
 background:rgba(22,38,47,.60)!important;border-radius:inherit!important;
}
body.naber-app #naber-appearance-dialog-header .naber-cover-image-overlay[hidden]{
 display:none!important;
}
body.naber-app #naber-appearance-dialog-header .naber-cover-image-overlay .naber-logo-image-card{
 width:min(480px,100%)!important;max-height:calc(100% - 6px)!important;
 min-width:0!important;display:flex!important;flex-direction:column!important;
 overflow:hidden!important;border-radius:18px!important;
 background:#fff!important;color:#243744!important;
 box-shadow:0 18px 58px rgba(13,32,42,.24)!important;
}
body.naber-app #naber-appearance-dialog-header .naber-cover-image-overlay .naber-logo-image-head{
 display:flex;align-items:flex-start;justify-content:space-between;gap:14px;
 padding:18px 20px 13px;border-bottom:1px solid #e4e8e5;
}
body.naber-app #naber-appearance-dialog-header .naber-cover-image-overlay .naber-logo-image-head h3{
 font-size:18px!important;font-weight:700!important;color:#273946!important;margin:0 0 5px!important;
}
body.naber-app #naber-appearance-dialog-header .naber-cover-image-overlay .naber-logo-image-head p{
 font-size:12px!important;color:#697a80!important;margin:0!important;
}
body.naber-app #naber-appearance-dialog-header .naber-cover-image-overlay .naber-logo-image-x{
 appearance:none!important;border:0!important;border-radius:50%!important;
 width:34px!important;height:34px!important;min-width:34px!important;
 background:#eff3f1!important;color:#2b4047!important;font-size:24px!important;
 padding:0!important;margin:0!important;cursor:pointer!important;
}
body.naber-app #naber-appearance-dialog-header .naber-cover-image-overlay .naber-logo-image-body{
 padding:18px 20px!important;min-height:0!important;overflow-y:auto!important;
}
body.naber-app #naber-appearance-dialog-header .naber-cover-image-overlay .naber-logo-paste-zone{
 display:flex;flex-direction:column;align-items:center;justify-content:center;
 text-align:center;gap:7px;min-height:110px;padding:14px;
 border:2px dashed #adc5c3;border-radius:13px;
 background:#f5faf8;color:#344f55;box-sizing:border-box;cursor:text;
}
body.naber-app #naber-appearance-dialog-header .naber-cover-image-overlay .naber-logo-paste-zone>span{
 font-size:12px;font-weight:750;background:#fff;border:1px solid #dce5e1;
 padding:5px 10px;border-radius:8px;
}
body.naber-app #naber-appearance-dialog-header .naber-cover-image-overlay .naber-logo-paste-zone>strong{
 font-size:13px!important;
}
body.naber-app #naber-appearance-dialog-header .naber-cover-image-overlay .naber-logo-paste-zone>small{
 font-size:11px!important;color:#63787d!important;
}
body.naber-app #naber-appearance-dialog-header .naber-cover-image-overlay .naber-logo-upload-picker{
 padding-top:15px;
}
body.naber-app #naber-appearance-dialog-header .naber-cover-image-overlay .naber-logo-image-feedback{
 font-size:11px!important;color:#375d60!important;margin:8px 0 0;min-height:16px;
}
body.naber-app #naber-appearance-dialog-header .naber-cover-image-overlay .naber-logo-image-actions{
 display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap;
 border-top:1px solid #e4e8e5;padding:12px 20px 15px;background:#fff;
}
body.naber-app #naber-appearance-dialog-header .naber-cover-image-overlay .naber-logo-upload-picker .naber-image-field-controls .neighbor-button,
body.naber-app #naber-appearance-dialog-header .naber-cover-image-overlay .naber-logo-image-actions .neighbor-button{
 appearance:none!important;display:inline-flex!important;align-items:center!important;
 justify-content:center!important;min-height:38px!important;height:38px!important;
 padding:0 16px!important;border-radius:999px!important;font-size:13px!important;
 font-weight:650!important;text-decoration:none!important;box-shadow:none!important;
}
body.naber-app #naber-appearance-dialog-header .naber-cover-image-overlay .naber-logo-upload-picker .naber-image-field-controls .neighbor-button,
body.naber-app #naber-appearance-dialog-header .naber-cover-image-overlay .naber-logo-image-actions .neighbor-button-light{
 background:#f1f2ef!important;border:1px solid #e1e5e1!important;color:#283b45!important;
}
body.naber-app #naber-appearance-dialog-header .naber-cover-image-overlay .naber-logo-image-actions .neighbor-button:not(.neighbor-button-light){
 background:#263945!important;border:1px solid #263945!important;color:#fff!important;
}
@media(max-width:560px){
 body.naber-app #naber-appearance-dialog-header .naber-cover-image-overlay{padding:10px!important;}
 body.naber-app #naber-appearance-dialog-header .naber-cover-image-overlay .naber-logo-image-head{padding:14px 15px 11px;}
 body.naber-app #naber-appearance-dialog-header .naber-cover-image-overlay .naber-logo-image-body{padding:13px 15px!important;}
 body.naber-app #naber-appearance-dialog-header .naber-cover-image-overlay .naber-logo-image-actions{padding:10px 15px 14px;}
}


/* Header & Cover: preview first, crop controls second, cover library last. */
body.naber-app #naber-appearance-dialog-header .naber-header-position-wrap{
 margin-top:0!important;
}
body.naber-app #naber-appearance-dialog-header .naber-cover-preview-topline{
 display:flex;align-items:center;justify-content:space-between;gap:12px;
 margin-bottom:12px;flex-wrap:wrap;
}
body.naber-app #naber-appearance-dialog-header .naber-cover-preview-topline h3{
 margin:0 0 4px!important;
}
body.naber-app #naber-appearance-dialog-header .naber-cover-preview-topline .neighbor-field-hint{
 margin:0!important;
}
body.naber-app #naber-appearance-dialog-header .naber-cover-picker{
 margin-top:22px!important;
}
body.naber-app #naber-appearance-dialog-header .naber-cover-picker>legend{
 padding-bottom:9px!important;
}
body.naber-app #naber-appearance-dialog-header .naber-cover-library-note{
 display:block!important;margin:10px 0 0!important;font-size:12px!important;
}
@media(max-width:560px){
 body.naber-app #naber-appearance-dialog-header .naber-cover-preview-topline{
  align-items:flex-start;
 }
 body.naber-app #naber-appearance-dialog-header .naber-cover-preview-topline .naber-cover-upload-launch{
  margin-left:auto!important;
 }
}


/* Header & Cover inline title rows: matching headings and concise same-line help. */
body.naber-app #naber-appearance-dialog-header .naber-cover-preview-topline,
body.naber-app #naber-appearance-dialog-header .naber-cover-library-head{
 display:flex!important;align-items:center!important;justify-content:space-between!important;
 gap:10px 16px!important;flex-wrap:wrap!important;
}
body.naber-app #naber-appearance-dialog-header .naber-cover-preview-topline{
 justify-content:flex-start!important;
}
body.naber-app #naber-appearance-dialog-header .naber-cover-library-heading{
 display:flex!important;align-items:baseline!important;gap:10px!important;
 flex-wrap:wrap!important;min-width:0;
}
body.naber-app #naber-appearance-dialog-header .naber-cover-library-head{
 margin-bottom:12px!important;
}
body.naber-app #naber-appearance-dialog-header .naber-cover-preview-topline h3,
body.naber-app #naber-appearance-dialog-header .naber-cover-library-heading h3{
 margin:0!important;padding:0!important;
 font-size:17px!important;line-height:1.3!important;
 font-weight:700!important;color:#273f4e!important;
}
body.naber-app #naber-appearance-dialog-header .naber-cover-preview-topline .neighbor-field-hint,
body.naber-app #naber-appearance-dialog-header .naber-cover-library-heading .neighbor-field-hint{
 display:inline!important;margin:0!important;padding:0!important;
 font-size:12px!important;line-height:1.4!important;color:#708084!important;
}
body.naber-app #naber-appearance-dialog-header .naber-cover-picker>.naber-cover-picker-legend{
 position:absolute!important;width:1px!important;height:1px!important;
 padding:0!important;margin:-1px!important;overflow:hidden!important;
 clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;
}


/* Navigation Studio: live device preview and shared/device control groups. */
body.naber-app #naber-appearance-dialog-navigation[open]{
 width:min(960px,calc(100vw - 24px))!important;
 height:fit-content!important;max-height:96dvh!important;
 margin:auto!important;inset:0!important;display:grid!important;
 grid-template-rows:auto minmax(0,1fr) auto!important;
 flex-direction:unset!important;overflow:hidden!important;
}
body.naber-app #naber-appearance-dialog-navigation .naber-appearance-dialog-content{
 min-height:0!important;max-height:none!important;overflow-y:auto!important;
 padding:16px 22px 20px!important;
}
body.naber-app #naber-appearance-dialog-navigation .naber-nav-settings-fieldset>legend.naber-nav-sr-only{
 position:absolute!important;width:1px!important;height:1px!important;
 margin:-1px!important;padding:0!important;overflow:hidden!important;
 clip:rect(0,0,0,0)!important;white-space:nowrap!important;
}
body.naber-app #naber-appearance-dialog-navigation .naber-nav-live-editor{
 padding:12px!important;margin:0 0 18px!important;
 border:1px solid #dce4e0;border-radius:16px;background:#f0f4f2;
}
body.naber-app #naber-appearance-dialog-navigation .naber-nav-preview-topline{
 display:flex;align-items:center;justify-content:space-between;gap:12px;
 margin-bottom:12px;flex-wrap:wrap;
}
body.naber-app #naber-appearance-dialog-navigation .naber-nav-preview-topline>strong{
 font-size:14px;font-weight:700;color:#273d4b;
}
body.naber-app #naber-appearance-dialog-navigation .naber-nav-preview-devices{
 display:inline-flex;align-items:center;gap:3px;padding:3px;border:1px solid #d8e0dd;
 border-radius:999px;background:#fff;
}
body.naber-app #naber-appearance-dialog-navigation .naber-nav-preview-devices button{
 appearance:none!important;border:0!important;margin:0!important;
 background:transparent!important;color:#3c5058!important;
 border-radius:999px!important;padding:7px 13px!important;
 font-size:12px!important;line-height:1.2!important;font-weight:650!important;
 cursor:pointer!important;box-shadow:none!important;
}
body.naber-app #naber-appearance-dialog-navigation .naber-nav-preview-devices button.is-active{
 background:#263945!important;color:#fff!important;
}
body.naber-app #naber-appearance-dialog-navigation .naber-nav-preview-canvas{
 display:flex;flex-direction:column;justify-content:space-between;
 position:relative;isolation:isolate;overflow:hidden;min-height:185px;
 border-radius:12px;padding:22px 24px 18px;
 background:#162b3b;box-sizing:border-box;
}
body.naber-app #naber-appearance-dialog-navigation .naber-nav-preview-cover{
 position:absolute;inset:0;z-index:-1;background-color:#162b3b;
 background-position:center;background-size:cover;
}
body.naber-app #naber-appearance-dialog-navigation .naber-nav-preview-canvas::before{
 content:"";position:absolute;inset:0;z-index:-1;
 background:linear-gradient(0deg,rgba(8,23,32,.56),rgba(8,23,32,.08));
}
body.naber-app #naber-appearance-dialog-navigation .naber-nav-preview-identity{
 display:flex;flex-direction:column;gap:4px;color:#fff;
 text-shadow:0 1px 9px rgba(0,0,0,.30);
}
body.naber-app #naber-appearance-dialog-navigation .naber-nav-preview-identity span{
 font-size:10px;letter-spacing:.07em;font-weight:700;
}
body.naber-app #naber-appearance-dialog-navigation .naber-nav-preview-identity strong{
 font-size:clamp(17px,2.5vw,24px);font-weight:700;line-height:1.2;
}
body.naber-app #naber-appearance-dialog-navigation .naber-nav-preview-bar{
 display:flex;align-items:center;justify-content:center;gap:clamp(8px,2.2vw,24px);
 box-sizing:border-box;min-width:0;min-height:54px;padding:5px 14px;
 color:#263945;font-size:13px;font-weight:650;
 transition:width .12s,min-height .12s,background-color .12s,border-radius .12s;
}
body.naber-app #naber-appearance-dialog-navigation .naber-nav-preview-bar span{
 flex:0 0 auto;white-space:nowrap;
}
body.naber-app #naber-appearance-dialog-navigation .naber-nav-preview-bar .is-current{
 background:#fff;border-radius:999px;padding:7px 13px;
 box-shadow:0 1px 7px rgba(0,0,0,.08);
}
body.naber-app #naber-appearance-dialog-navigation .naber-nav-preview-canvas[data-device="mobile"]{
 width:min(295px,100%);margin:0 auto;min-height:255px;padding:17px 10px;
}
body.naber-app #naber-appearance-dialog-navigation .naber-nav-preview-canvas[data-device="mobile"] .naber-nav-preview-bar{
 overflow:hidden;gap:10px;padding:5px 8px;font-size:10px;
}
body.naber-app #naber-appearance-dialog-navigation .naber-nav-preview-canvas[data-device="mobile"] .naber-nav-preview-identity strong{font-size:16px}
body.naber-app #naber-appearance-dialog-navigation .naber-nav-preview-canvas[data-device="mobile"] .naber-nav-preview-search,
body.naber-app #naber-appearance-dialog-navigation .naber-nav-preview-canvas[data-device="mobile"] .naber-nav-preview-more{display:none}
body.naber-app #naber-appearance-dialog-navigation .naber-nav-preview-canvas.is-below{
 justify-content:space-around;
}
body.naber-app #naber-appearance-dialog-navigation .naber-nav-preview-hint{
 margin:7px 0 0!important;font-size:11px!important;color:#758580!important;
}
body.naber-app #naber-appearance-dialog-navigation .naber-nav-section-heading{
 display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 12px;
 margin:14px 0 11px;font-size:15px;font-weight:700;color:#273f4e;
}
body.naber-app #naber-appearance-dialog-navigation .naber-nav-section-heading span{
 font-size:11px;font-weight:400;color:#728187;
}
body.naber-app #naber-appearance-dialog-navigation .naber-nav-device-heading{
 margin-top:20px;padding-top:14px;border-top:1px solid #e4e9e5;
}
body.naber-app #naber-appearance-dialog-navigation .naber-nav-settings-grid{
 display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
 column-gap:14px!important;row-gap:12px!important;
}
body.naber-app #naber-appearance-dialog-navigation .naber-nav-settings-grid[hidden]{
 display:none!important;
}
body.naber-app #naber-appearance-dialog-navigation .naber-nav-settings-grid label{
 display:flex!important;flex-direction:column!important;gap:6px!important;
 min-width:0!important;font-size:12px!important;
 color:#33434b!important;font-weight:650!important;
}
body.naber-app #naber-appearance-dialog-navigation .naber-nav-settings-grid select,
body.naber-app #naber-appearance-dialog-navigation .naber-nav-settings-grid input[type="number"]{
 box-sizing:border-box;min-height:40px!important;width:100%!important;
 border-radius:12px!important;border:1px solid #d9d9d4!important;
 padding:8px 12px!important;background-color:#fff!important;color:#283b45!important;
 font-size:13px!important;font-weight:550!important;
}
body.naber-app #naber-appearance-dialog-navigation .naber-nav-settings-grid input[type="color"]{
 width:78px!important;height:38px!important;min-height:38px!important;
 border-radius:10px!important;border:1px solid #d9d9d4!important;
 background:#fff!important;padding:4px!important;
}
body.naber-app #naber-appearance-dialog-navigation .naber-nav-settings-grid [data-nav-radius-value]{
 align-self:flex-end;margin-top:-20px;font-size:11px;font-weight:650;color:#668084;
}
body.naber-app #naber-appearance-dialog-navigation .naber-nav-settings-grid input[type="range"]{
 appearance:none!important;-webkit-appearance:none!important;
 width:100%!important;height:6px!important;margin:12px 0!important;
 border:0!important;border-radius:999px!important;background:#d8dfdc!important;
}
body.naber-app #naber-appearance-dialog-navigation .naber-nav-settings-grid input[type="range"]::-webkit-slider-thumb{
 appearance:none!important;-webkit-appearance:none!important;
 width:17px!important;height:17px!important;border-radius:50%!important;
 border:2px solid #fff!important;background:#263945!important;
 box-shadow:0 1px 4px rgba(20,40,50,.16);
}
body.naber-app #naber-appearance-dialog-navigation .naber-nav-settings-grid input[type="range"]::-moz-range-thumb{
 width:13px!important;height:13px!important;border-radius:50%!important;
 border:2px solid #fff!important;background:#263945!important;
}
body.naber-app #naber-appearance-dialog-navigation .naber-appearance-dialog-actions{
 position:relative!important;min-height:0!important;padding:10px 22px!important;
}
body.naber-app #naber-appearance-dialog-navigation .naber-appearance-dialog-actions .neighbor-button{
 appearance:none!important;display:inline-flex!important;align-items:center!important;
 justify-content:center!important;height:38px!important;min-height:38px!important;
 padding:0 17px!important;border-radius:999px!important;
 font-size:13px!important;font-weight:650!important;box-shadow:none!important;
}
body.naber-app #naber-appearance-dialog-navigation .naber-appearance-dialog-actions .neighbor-button-light{
 background:#f1f2ef!important;color:#283b45!important;border:1px solid #e1e5e1!important;
}
body.naber-app #naber-appearance-dialog-navigation .naber-appearance-dialog-actions .naber-settings-save{
 background:#263945!important;color:#fff!important;border:1px solid #263945!important;
}
@media(max-width:740px){
 body.naber-app #naber-appearance-dialog-navigation[open]{
  width:calc(100vw - 20px)!important;max-height:calc(100dvh - 20px)!important;
  border-radius:16px!important;
 }
 body.naber-app #naber-appearance-dialog-navigation .naber-appearance-dialog-content{
  padding:12px 14px 16px!important;
 }
}
@media(max-width:470px){
 body.naber-app #naber-appearance-dialog-navigation .naber-nav-settings-grid{
  grid-template-columns:minmax(0,1fr)!important;
 }
 body.naber-app #naber-appearance-dialog-navigation .naber-nav-preview-canvas{
  padding:14px 12px;min-height:155px;
 }
 body.naber-app #naber-appearance-dialog-navigation .naber-nav-preview-bar{
  gap:8px;font-size:10px;padding:5px 8px;
 }
}
/* A shared placement setting shifts contained navigation bars, without altering
   existing full-width defaults or their responsive widths. */
@media(min-width:741px){
 body.naber-app .naber-community-view.naber-nav-configured.naber-nav-placement-left.naber-nav-desktop-width-contained>.naber-tabs-row{
  margin-left:24px!important;margin-right:auto!important;
 }
 body.naber-app .naber-community-view.naber-nav-configured.naber-nav-placement-right.naber-nav-desktop-width-contained>.naber-tabs-row{
  margin-left:auto!important;margin-right:24px!important;
 }
}
@media(max-width:740px){
 body.naber-app .naber-community-view.naber-nav-configured.naber-nav-placement-left.naber-nav-mobile-width-contained>.naber-tabs-row{
  margin-left:12px!important;margin-right:auto!important;
 }
 body.naber-app .naber-community-view.naber-nav-configured.naber-nav-placement-right.naber-nav-mobile-width-contained>.naber-tabs-row{
  margin-left:auto!important;margin-right:12px!important;
 }
}


/* Appearance tile previews: real community identity and unadorned active cover. */
body.naber-app .naber-community-view .naber-appearance-logo-name{
 display:block;max-width:calc(100% - 36px);
 color:#fff!important;font-size:clamp(20px,2.6vw,30px)!important;
 line-height:1.2!important;font-weight:750!important;
 text-align:center!important;overflow-wrap:anywhere;
 text-shadow:0 2px 14px rgba(0,0,0,.23);
}
body.naber-app .naber-community-view .naber-appearance-art-header{
 background-size:cover!important;background-position:center!important;
 background-repeat:no-repeat!important;
}


/* Navigation Studio v2: preset/custom compact controls and accurate cover placement. */
body.naber-app #naber-appearance-dialog-navigation .naber-nav-mode-switch{
 display:inline-flex;align-items:center;gap:3px;padding:3px;
 background:#fff;border:1px solid #d8e0dd;border-radius:999px;margin:0 0 10px;
}
body.naber-app #naber-appearance-dialog-navigation .naber-nav-mode-switch label{
 position:relative;cursor:pointer;margin:0;
}
body.naber-app #naber-appearance-dialog-navigation .naber-nav-mode-switch input{
 position:absolute;opacity:0;inset:0;
}
body.naber-app #naber-appearance-dialog-navigation .naber-nav-mode-switch span{
 display:block;padding:8px 17px;border-radius:999px;font-size:12px;
 font-weight:650;color:#3b515b;transition:background .15s;
}
body.naber-app #naber-appearance-dialog-navigation .naber-nav-mode-switch input:checked+span{
 background:#263945;color:white;
}
body.naber-app #naber-appearance-dialog-navigation .naber-nav-mode-switch input:focus-visible+span{
 outline:2px solid #52858b;outline-offset:3px;
}
body.naber-app #naber-appearance-dialog-navigation .naber-nav-mode-hint{
 font-size:12px!important;line-height:1.5;color:#6c7f83!important;margin:0 0 12px!important;
}
body.naber-app #naber-appearance-dialog-navigation .naber-nav-preset-grid{
 display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;
}
body.naber-app #naber-appearance-dialog-navigation .naber-nav-preset-tile{
 display:flex;flex-direction:column;gap:7px;cursor:pointer;position:relative;
 border:1px solid #dce3df;border-radius:12px;padding:7px!important;
 background:#fff;min-width:0;
}
body.naber-app #naber-appearance-dialog-navigation .naber-nav-preset-tile.is-selected{
 border:2px solid #517f87;padding:6px!important;background:#f2f7f5;
}
body.naber-app #naber-appearance-dialog-navigation .naber-nav-preset-tile>input{
 position:absolute;opacity:0;inset:0;width:100%;height:100%;cursor:pointer;
}
body.naber-app #naber-appearance-dialog-navigation .naber-nav-preset-tile:focus-within{
 outline:2px solid #52858b;outline-offset:2px;
}
body.naber-app #naber-appearance-dialog-navigation .naber-nav-preset-art{
 display:flex;justify-content:center;align-items:center;gap:9px;
 min-height:66px;background:linear-gradient(140deg,#2b4454,#456777);
 border-radius:8px;position:relative;
}
body.naber-app #naber-appearance-dialog-navigation .naber-nav-preset-art:before{
 content:"";position:absolute;left:8%;right:8%;top:31%;bottom:29%;
 background:rgba(250,252,250,.92);border-radius:999px;
 box-shadow:0 4px 12px rgba(0,0,0,.18);
}
body.naber-app #naber-appearance-dialog-navigation .naber-nav-preset-art i{
 display:block;width:12px;height:3px;border-radius:3px;background:#34505d;z-index:1;
}
body.naber-app #naber-appearance-dialog-navigation .naber-nav-preset-glass:before{
 background:rgba(250,252,250,.55);border:1px solid rgba(255,255,255,.7);border-radius:12px;
}
body.naber-app #naber-appearance-dialog-navigation .naber-nav-preset-rectangle:before{
 border-radius:4px;
}
body.naber-app #naber-appearance-dialog-navigation .naber-nav-preset-minimal:before{
 border-radius:0;background:rgba(250,252,250,.75);box-shadow:none;left:0;right:0;
}
body.naber-app #naber-appearance-dialog-navigation .naber-nav-preset-name{
 font-size:12px;color:#293e49;font-weight:650;text-align:center;
}
body.naber-app #naber-appearance-dialog-navigation [data-nav-mode-panel][hidden],
body.naber-app #naber-appearance-dialog-navigation [data-nav-controls][hidden],
body.naber-app #naber-appearance-dialog-navigation [data-nav-border-details][hidden]{
 display:none!important;
}
body.naber-app #naber-appearance-dialog-navigation .naber-nav-slider-field{
 position:relative;
}
body.naber-app #naber-appearance-dialog-navigation .naber-nav-slider-field output{
 position:absolute;top:0;right:0;color:#607b82;font-size:11px;font-weight:650;
}
body.naber-app #naber-appearance-dialog-navigation .naber-nav-border-details{
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;
 grid-column:1/-1;padding:12px;border-radius:12px;background:#f2f6f4;
}
body.naber-app #naber-appearance-dialog-navigation .naber-nav-preview-canvas{
 min-height:255px!important;height:255px!important;
 display:block!important;padding:0!important;
 background:#f0f3f3!important;
}
body.naber-app #naber-appearance-dialog-navigation .naber-nav-preview-cover{
 z-index:0!important;inset:0 0 auto 0!important;height:165px!important;
}
body.naber-app #naber-appearance-dialog-navigation .naber-nav-preview-canvas:before{
 z-index:1!important;inset:0 0 auto 0!important;height:165px!important;
}
body.naber-app #naber-appearance-dialog-navigation .naber-nav-preview-identity{
 position:absolute!important;z-index:2!important;top:22px;left:22px;
}
body.naber-app #naber-appearance-dialog-navigation .naber-nav-preview-bar{
 position:absolute!important;z-index:3!important;left:0;right:0;
 margin-left:auto!important;margin-right:auto!important;bottom:auto!important;
 transform:none!important;transition:top .18s,width .12s,min-height .12s;
}
body.naber-app #naber-appearance-dialog-navigation .naber-nav-preview-bar.naber-nav-preview-overlap{
 top:135px!important;
}
body.naber-app #naber-appearance-dialog-navigation .naber-nav-preview-bar.naber-nav-preview-below{
 top:177px!important;
}
body.naber-app #naber-appearance-dialog-navigation .naber-nav-preview-canvas[data-device="mobile"]{
 min-height:270px!important;height:270px!important;
 width:min(295px,100%)!important;margin:0 auto!important;
}
body.naber-app #naber-appearance-dialog-navigation .naber-nav-preview-canvas[data-device="mobile"] .naber-nav-preview-cover,
body.naber-app #naber-appearance-dialog-navigation .naber-nav-preview-canvas[data-device="mobile"]:before{
 height:179px!important;
}
body.naber-app #naber-appearance-dialog-navigation .naber-nav-preview-canvas[data-device="mobile"] .naber-nav-preview-bar.naber-nav-preview-overlap{
 top:155px!important;
}
body.naber-app #naber-appearance-dialog-navigation .naber-nav-preview-canvas[data-device="mobile"] .naber-nav-preview-bar.naber-nav-preview-below{
 top:191px!important;
}
body.naber-app #naber-appearance-dialog-navigation .naber-nav-preview-canvas[data-sticky="below-header"] .naber-nav-preview-bar{
 outline:1px dashed rgba(74,121,132,.6);outline-offset:4px;
}
@media(max-width:600px){
 body.naber-app #naber-appearance-dialog-navigation .naber-nav-preset-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
 }
}
@media(max-width:470px){
 body.naber-app #naber-appearance-dialog-navigation .naber-nav-border-details{
  grid-template-columns:minmax(0,1fr);
 }
}
/* The live community navigation: same percentages, heights, corner treatment,
   placement, border and shadow as the editor. Overrides legacy nav modes only
   when the new v2 Studio settings are active. */
@media(min-width:741px){
 body.naber-app .naber-community-view.naber-nav-studio-v2>.naber-tabs-row{
  width:var(--naber-nav-v2-d-width)!important;max-width:100%!important;
  min-height:var(--naber-nav-v2-d-height)!important;
  border-radius:var(--naber-nav-v2-d-radius)!important;
  margin-left:auto!important;margin-right:auto!important;
 }
 body.naber-app .naber-community-view.naber-nav-studio-v2.naber-nav-v2-d-position-overlap:has(>.naber-hero)>.naber-tabs-row{
  margin-top:-35px!important;margin-bottom:24px!important;
 }
 body.naber-app .naber-community-view.naber-nav-studio-v2.naber-nav-v2-d-position-below:has(>.naber-hero)>.naber-tabs-row{
  margin-top:0!important;margin-bottom:24px!important;
 }
 body.naber-app .naber-community-view.naber-nav-studio-v2.naber-nav-v2-d-sticky-off>.naber-tabs-row{
  position:relative!important;top:auto!important;
 }
 body.naber-app .naber-community-view.naber-nav-studio-v2.naber-nav-v2-d-sticky-below-header>.naber-tabs-row{
  position:sticky!important;top:64px!important;z-index:135!important;
 }
}
@media(max-width:740px){
 body.naber-app .naber-community-view.naber-nav-studio-v2>.naber-tabs-row{
  width:var(--naber-nav-v2-m-width)!important;max-width:100%!important;
  min-height:var(--naber-nav-v2-m-height)!important;
  border-radius:var(--naber-nav-v2-m-radius)!important;
  margin-left:auto!important;margin-right:auto!important;
 }
 body.naber-app .naber-community-view.naber-nav-studio-v2.naber-nav-v2-m-position-overlap:has(>.naber-hero)>.naber-tabs-row{
  margin-top:-24px!important;margin-bottom:20px!important;
 }
 body.naber-app .naber-community-view.naber-nav-studio-v2.naber-nav-v2-m-position-below:has(>.naber-hero)>.naber-tabs-row{
  margin-top:0!important;margin-bottom:20px!important;
 }
 body.naber-app .naber-community-view.naber-nav-studio-v2.naber-nav-v2-m-sticky-off>.naber-tabs-row{
  position:relative!important;top:auto!important;
 }
 body.naber-app .naber-community-view.naber-nav-studio-v2.naber-nav-v2-m-sticky-below-header>.naber-tabs-row{
  position:sticky!important;top:63px!important;z-index:135!important;
 }
}
body.naber-app .naber-community-view.naber-nav-studio-v2.naber-nav-v2-d-surface-solid>.naber-tabs-row{
 background:rgba(249,251,250,.96)!important;
}
body.naber-app .naber-community-view.naber-nav-studio-v2.naber-nav-v2-d-surface-glass>.naber-tabs-row{
 background:rgba(249,251,250,.78)!important;
}
body.naber-app .naber-community-view.naber-nav-studio-v2.naber-nav-v2-d-surface-transparent>.naber-tabs-row{
 background:transparent!important;
}
@media(max-width:740px){
 body.naber-app .naber-community-view.naber-nav-studio-v2.naber-nav-v2-m-surface-solid>.naber-tabs-row{background:rgba(249,251,250,.96)!important}
 body.naber-app .naber-community-view.naber-nav-studio-v2.naber-nav-v2-m-surface-glass>.naber-tabs-row{background:rgba(249,251,250,.78)!important}
 body.naber-app .naber-community-view.naber-nav-studio-v2.naber-nav-v2-m-surface-transparent>.naber-tabs-row{background:transparent!important}
}
@media(min-width:741px){
 body.naber-app .naber-community-view.naber-nav-studio-v2.naber-nav-v2-d-border-on>.naber-tabs-row{
  border:var(--naber-nav-v2-d-border-width) solid var(--naber-nav-v2-d-border-color)!important;
 }
 body.naber-app .naber-community-view.naber-nav-studio-v2.naber-nav-v2-d-border-off>.naber-tabs-row{border:0!important}
 body.naber-app .naber-community-view.naber-nav-studio-v2.naber-nav-v2-d-shadow-none>.naber-tabs-row{box-shadow:none!important}
 body.naber-app .naber-community-view.naber-nav-studio-v2.naber-nav-v2-d-shadow-soft>.naber-tabs-row{box-shadow:0 7px 20px rgba(28,45,52,.13)!important}
 body.naber-app .naber-community-view.naber-nav-studio-v2.naber-nav-v2-d-shadow-elevated>.naber-tabs-row{box-shadow:0 16px 30px rgba(19,37,46,.27)!important}
}
@media(max-width:740px){
 body.naber-app .naber-community-view.naber-nav-studio-v2.naber-nav-v2-m-border-on>.naber-tabs-row{border:var(--naber-nav-v2-m-border-width) solid var(--naber-nav-v2-m-border-color)!important}
 body.naber-app .naber-community-view.naber-nav-studio-v2.naber-nav-v2-m-border-off>.naber-tabs-row{border:0!important}
 body.naber-app .naber-community-view.naber-nav-studio-v2.naber-nav-v2-m-shadow-none>.naber-tabs-row{box-shadow:none!important}
 body.naber-app .naber-community-view.naber-nav-studio-v2.naber-nav-v2-m-shadow-soft>.naber-tabs-row{box-shadow:0 7px 20px rgba(28,45,52,.13)!important}
 body.naber-app .naber-community-view.naber-nav-studio-v2.naber-nav-v2-m-shadow-elevated>.naber-tabs-row{box-shadow:0 16px 30px rgba(19,37,46,.27)!important}
}


/* Navigation Studio v3: four placements, precise offsets, palette/opacity and mobile inheritance. */
body.naber-app #naber-appearance-dialog-navigation .naber-nav-design-toprow{
 display:flex;align-items:flex-end;justify-content:space-between;gap:12px 20px;
 flex-wrap:wrap;margin-bottom:13px;
}
body.naber-app #naber-appearance-dialog-navigation .naber-nav-design-toprow .naber-nav-mode-switch{
 margin:0!important;flex:0 0 auto;
}
body.naber-app #naber-appearance-dialog-navigation .naber-nav-placement-group{
 display:flex;flex:1 1 245px;justify-content:flex-end;min-width:0;
}
body.naber-app #naber-appearance-dialog-navigation .naber-nav-placement-group label{
 display:flex;flex-direction:column;gap:5px;min-width:0;width:min(100%,280px);
 color:#33434b;font-size:12px;font-weight:650;
}
body.naber-app #naber-appearance-dialog-navigation .naber-nav-placement-group label[hidden]{
 display:none!important;
}
body.naber-app #naber-appearance-dialog-navigation .naber-nav-placement-group select{
 min-height:38px;width:100%;box-sizing:border-box;
 border:1px solid #d9d9d4!important;border-radius:12px!important;
 padding:8px 12px!important;background:#fff!important;color:#283b45!important;
 font-size:13px!important;
}
body.naber-app #naber-appearance-dialog-navigation .naber-nav-mobile-inherit{
 margin:10px 0 14px;padding:12px 14px;border:1px solid #dce4e0;
 background:#f1f5f3;border-radius:12px;
}
body.naber-app #naber-appearance-dialog-navigation .naber-nav-mobile-inherit[hidden]{
 display:none!important;
}
body.naber-app #naber-appearance-dialog-navigation .naber-nav-mobile-inherit label{
 display:flex;align-items:center;gap:9px;color:#283f49;
 font-size:13px;font-weight:700;
}
body.naber-app #naber-appearance-dialog-navigation .naber-nav-mobile-inherit input[type="checkbox"]{
 width:17px;height:17px;accent-color:#263945;
}
body.naber-app #naber-appearance-dialog-navigation .naber-nav-mobile-inherit p{
 margin:6px 0 0 26px;font-size:11px;line-height:1.5;color:#718286;
}
body.naber-app #naber-appearance-dialog-navigation .naber-nav-appearance-fields{
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
 gap:12px 14px;grid-column:1/-1;
 border-top:1px solid #e4e9e5;padding-top:14px;margin-top:2px;
}
body.naber-app #naber-appearance-dialog-navigation .naber-nav-appearance-fields[hidden]{
 display:none!important;
}
body.naber-app #naber-appearance-dialog-navigation .naber-nav-appearance-fields>.naber-nav-border-details{
 grid-column:1/-1;
}
body.naber-app #naber-appearance-dialog-navigation .naber-nav-preview-bar{
 /* top is computed from the actual placement, height and fine offset. */
 transition:top .16s,width .12s,min-height .12s,background .12s!important;
}
body.naber-app #naber-appearance-dialog-navigation .naber-nav-preview-bar .is-current{
 color:#263945!important;
}
@media(max-width:470px){
 body.naber-app #naber-appearance-dialog-navigation .naber-nav-appearance-fields{
  grid-template-columns:minmax(0,1fr);
 }
 body.naber-app #naber-appearance-dialog-navigation .naber-nav-placement-group{
  justify-content:flex-start;
 }
 body.naber-app #naber-appearance-dialog-navigation .naber-nav-placement-group label{width:100%;}
}
/* Community navigation placement must correspond to the four preview anchors.
   Above inserts the menu before the cover via flex order, without duplicating it. */
body.naber-app .naber-community-view.naber-nav-studio-v2{
 --naber-nav-offset-current:0px;
}
@media(min-width:741px){
 body.naber-app .naber-community-view.naber-nav-studio-v2{
  --naber-nav-offset-current:var(--naber-nav-v2-d-offset,0px);
 }
 body.naber-app .naber-community-view.naber-nav-studio-v2>.naber-tabs-row{
  background:var(--naber-nav-v2-d-rgba)!important;
  color:var(--naber-nav-v2-d-text)!important;
  border-radius:var(--naber-nav-v2-d-radius)!important;
  width:var(--naber-nav-v2-d-width)!important;
  min-height:var(--naber-nav-v2-d-height)!important;
 }
 body.naber-app .naber-community-view.naber-nav-studio-v2.naber-nav-v2-d-position-above:has(>.naber-hero){
  display:flex;flex-direction:column;
 }
 body.naber-app .naber-community-view.naber-nav-studio-v2.naber-nav-v2-d-position-above:has(>.naber-hero)>.naber-tabs-row{
  order:-1;margin-top:12px!important;margin-bottom:12px!important;
 }
 body.naber-app .naber-community-view.naber-nav-studio-v2.naber-nav-v2-d-position-bottom:has(>.naber-hero)>.naber-tabs-row{
  margin-top:calc(-1 * var(--naber-nav-v2-d-height))!important;margin-bottom:24px!important;
 }
 body.naber-app .naber-community-view.naber-nav-studio-v2.naber-nav-v2-d-position-overlap:has(>.naber-hero)>.naber-tabs-row{
  margin-top:calc(-.5 * var(--naber-nav-v2-d-height))!important;margin-bottom:24px!important;
 }
 body.naber-app .naber-community-view.naber-nav-studio-v2.naber-nav-v2-d-position-below:has(>.naber-hero)>.naber-tabs-row{
  margin-top:0!important;margin-bottom:24px!important;
 }
 body.naber-app .naber-community-view.naber-nav-studio-v2>.naber-tabs-row{
  transform:translateY(var(--naber-nav-offset-current))!important;
 }
}
@media(max-width:740px){
 body.naber-app .naber-community-view.naber-nav-studio-v2{
  --naber-nav-offset-current:var(--naber-nav-v2-m-offset,0px);
 }
 body.naber-app .naber-community-view.naber-nav-studio-v2>.naber-tabs-row{
  background:var(--naber-nav-v2-m-rgba)!important;
  color:var(--naber-nav-v2-m-text)!important;
  border-radius:var(--naber-nav-v2-m-radius)!important;
  width:var(--naber-nav-v2-m-width)!important;
  min-height:var(--naber-nav-v2-m-height)!important;
  transform:translateY(var(--naber-nav-offset-current))!important;
 }
 body.naber-app .naber-community-view.naber-nav-studio-v2.naber-nav-v2-m-position-above:has(>.naber-hero){
  display:flex;flex-direction:column;
 }
 body.naber-app .naber-community-view.naber-nav-studio-v2.naber-nav-v2-m-position-above:has(>.naber-hero)>.naber-tabs-row{
  order:-1;margin-top:10px!important;margin-bottom:10px!important;
 }
 body.naber-app .naber-community-view.naber-nav-studio-v2.naber-nav-v2-m-position-bottom:has(>.naber-hero)>.naber-tabs-row{
  margin-top:calc(-1 * var(--naber-nav-v2-m-height))!important;margin-bottom:20px!important;
 }
 body.naber-app .naber-community-view.naber-nav-studio-v2.naber-nav-v2-m-position-overlap:has(>.naber-hero)>.naber-tabs-row{
  margin-top:calc(-.5 * var(--naber-nav-v2-m-height))!important;margin-bottom:20px!important;
 }
 body.naber-app .naber-community-view.naber-nav-studio-v2.naber-nav-v2-m-position-below:has(>.naber-hero)>.naber-tabs-row{
  margin-top:0!important;margin-bottom:20px!important;
 }
}
/* Apply a predictable menu text/icon color to links and controls, retaining
   current / active tab indicators and their existing semantics. */
@media(min-width:741px){
 body.naber-app .naber-community-view.naber-nav-studio-v2>.naber-tabs-row a,
 body.naber-app .naber-community-view.naber-nav-studio-v2>.naber-tabs-row button{
  color:var(--naber-nav-v2-d-text)!important;
 }
}
@media(max-width:740px){
 body.naber-app .naber-community-view.naber-nav-studio-v2>.naber-tabs-row a,
 body.naber-app .naber-community-view.naber-nav-studio-v2>.naber-tabs-row button{
  color:var(--naber-nav-v2-m-text)!important;
 }
}


/* Preview Above Header reserves a distinct band before the cover image. */
body.naber-app #naber-appearance-dialog-navigation .naber-nav-preview-canvas[data-position="above"] .naber-nav-preview-cover{
 top:71px!important;height:165px!important;
}
body.naber-app #naber-appearance-dialog-navigation .naber-nav-preview-canvas[data-position="above"]::before{
 top:71px!important;height:165px!important;
}
body.naber-app #naber-appearance-dialog-navigation .naber-nav-preview-canvas[data-position="above"] .naber-nav-preview-identity{
 top:92px!important;
}
body.naber-app #naber-appearance-dialog-navigation .naber-nav-preview-canvas[data-device="mobile"][data-position="above"] .naber-nav-preview-cover,
body.naber-app #naber-appearance-dialog-navigation .naber-nav-preview-canvas[data-device="mobile"][data-position="above"]::before{
 top:81px!important;height:179px!important;
}
body.naber-app #naber-appearance-dialog-navigation .naber-nav-preview-canvas[data-device="mobile"][data-position="above"] .naber-nav-preview-identity{
 top:101px!important;
}


/* Restore owner/manager Settings gear as a stable nav action across presets. */
body.naber-app .naber-community-view>.naber-tabs-row>.naber-nav-settings-access{
 display:inline-flex!important;visibility:visible!important;opacity:1!important;
 flex:0 0 36px!important;align-items:center!important;justify-content:center!important;
 align-self:center!important;order:20!important;width:36px!important;height:36px!important;
 min-width:36px!important;min-height:36px!important;padding:6px!important;
 margin:0 4px 0 6px!important;box-sizing:border-box!important;
 border:0!important;border-radius:999px!important;background:transparent!important;
 color:inherit!important;text-decoration:none!important;box-shadow:none!important;
 position:relative!important;z-index:2!important;
}
body.naber-app .naber-community-view>.naber-tabs-row>.naber-nav-settings-access svg{
 display:block!important;width:20px!important;height:20px!important;
 stroke:currentColor!important;fill:none!important;
}
body.naber-app .naber-community-view>.naber-tabs-row>.naber-nav-settings-access:hover,
body.naber-app .naber-community-view>.naber-tabs-row>.naber-nav-settings-access:focus-visible{
 background:rgba(127,145,149,.16)!important;
}
body.naber-app .naber-community-view>.naber-tabs-row>.naber-nav-settings-access:focus-visible{
 outline:2px solid #64858b!important;outline-offset:2px!important;
}
@media(max-width:740px){
 body.naber-app .naber-community-view>.naber-tabs-row>.naber-nav-settings-access{
  flex-basis:32px!important;width:32px!important;min-width:32px!important;
  height:34px!important;min-height:34px!important;margin-left:4px!important;margin-right:4px!important;
 }
}

/* Keep the authorized Settings action inside the navigation flex budget.
   The old order:20 placed the gear after the utility bar, which can push it
   outside a customized narrow Navigation Studio pill. Keep the tabs as the
   only shrinking/scrolling child; the gear is a fixed-size adjacent action. */
body.naber-app .naber-community-view > .naber-tabs-row > a.naber-nav-settings-access {
  order:1!important;
  display:inline-flex!important;
  visibility:visible!important;
  opacity:1!important;
  flex:0 0 36px!important;
  width:36px!important;
  min-width:36px!important;
  height:36px!important;
  min-height:36px!important;
  margin:0 4px!important;
  align-items:center!important;
  justify-content:center!important;
}
body.naber-app .naber-community-view > .naber-tabs-row > .naber-tabs {
  min-width:0!important;
  flex-shrink:1!important;
}
@media(max-width:740px){
 body.naber-app .naber-community-view > .naber-tabs-row > a.naber-nav-settings-access {
  flex-basis:32px!important;
  width:32px!important;
  min-width:32px!important;
  order:1!important;
 }
}

/* Community management is a persistent, non-scrolling navigation action.
   Keep it readable when owner-selected navigation text blends with its surface. */
body.naber-app .naber-community-view.naber-community-view > .naber-tabs-row > a.naber-nav-settings-access {
  flex-shrink: 0 !important;
  margin-left: auto !important;
  color: #34434a !important;
  background-color: rgba(255,255,255,.86) !important;
  isolation: isolate;
}
body.naber-app .naber-community-view.naber-community-view > .naber-tabs-row > a.naber-nav-settings-access svg {
  display: block !important;
  flex: 0 0 20px;
  width: 20px !important;
  height: 20px !important;
  stroke: currentColor !important;
}
body.naber-app .naber-community-view.naber-community-view > .naber-tabs-row > a.naber-nav-settings-access:hover,
body.naber-app .naber-community-view.naber-community-view > .naber-tabs-row > a.naber-nav-settings-access:focus-visible {
  background-color: #e7ebeb !important;
}

/* Navigation Studio placement refinement: the global Naber masthead always
   precedes the Community navigation. Above Header means beneath masthead,
   before the Community hero—not above the master navigation. */
@media (min-width:741px) {
 body.naber-app .naber-community-view.naber-nav-studio-v2.naber-nav-v2-d-position-above:has(>.naber-hero)>.naber-app-header {
  order:-2!important;
 }
 body.naber-app .naber-community-view.naber-nav-studio-v2.naber-nav-v2-d-position-bottom-spaced:has(>.naber-hero)>.naber-tabs-row {
  margin-top:calc(-1 * var(--naber-nav-v2-d-height) - 32px)!important;
  margin-bottom:56px!important;
 }
}
@media (max-width:740px) {
 body.naber-app .naber-community-view.naber-nav-studio-v2.naber-nav-v2-m-position-above:has(>.naber-hero)>.naber-app-header {
  order:-2!important;
 }
 body.naber-app .naber-community-view.naber-nav-studio-v2.naber-nav-v2-m-position-bottom-spaced:has(>.naber-hero)>.naber-tabs-row {
  margin-top:calc(-1 * var(--naber-nav-v2-m-height) - 32px)!important;
  margin-bottom:52px!important;
 }
}
/* The placement preview shows the master header as the first band only when
   Above Header is selected; it must never depict the menu above that band. */
body.naber-app #naber-appearance-dialog-navigation .naber-nav-preview-master-header {
 display:none;
}
body.naber-app #naber-appearance-dialog-navigation .naber-nav-preview-canvas[data-position="above"] {
 height:340px!important;min-height:340px!important;
}
body.naber-app #naber-appearance-dialog-navigation .naber-nav-preview-canvas[data-device="mobile"][data-position="above"] {
 height:355px!important;min-height:355px!important;
}
body.naber-app #naber-appearance-dialog-navigation .naber-nav-preview-canvas[data-position="above"] .naber-nav-preview-master-header {
 position:absolute;z-index:5;top:0;left:0;right:0;
 height:40px;box-sizing:border-box;padding:0 14px;
 display:flex;align-items:center;justify-content:space-between;gap:10px;
 background:#fff;color:#223642;border-bottom:1px solid #dbe2e1;
 font-size:11px;
}
body.naber-app #naber-appearance-dialog-navigation .naber-nav-preview-master-header strong {
 font-family:Georgia,serif;font-size:17px;
}
body.naber-app #naber-appearance-dialog-navigation .naber-nav-preview-master-header span {
 font-size:9px;white-space:nowrap;
}
body.naber-app #naber-appearance-dialog-navigation .naber-nav-preview-canvas[data-position="above"] .naber-nav-preview-cover,
body.naber-app #naber-appearance-dialog-navigation .naber-nav-preview-canvas[data-position="above"]::before {
 top:124px!important;height:165px!important;
}
body.naber-app #naber-appearance-dialog-navigation .naber-nav-preview-canvas[data-position="above"] .naber-nav-preview-identity {
 top:145px!important;
}
body.naber-app #naber-appearance-dialog-navigation .naber-nav-preview-canvas[data-device="mobile"][data-position="above"] .naber-nav-preview-cover,
body.naber-app #naber-appearance-dialog-navigation .naber-nav-preview-canvas[data-device="mobile"][data-position="above"]::before {
 top:130px!important;height:179px!important;
}
body.naber-app #naber-appearance-dialog-navigation .naber-nav-preview-canvas[data-device="mobile"][data-position="above"] .naber-nav-preview-identity {
 top:151px!important;
}

/* 2026-11-04 Navigation Studio corrections: original gear, edge-to-edge 100%,
   and no seam between the Above Header menu and Community hero. */
@media (min-width:741px) {
 body.naber-app .naber-community-view.naber-nav-studio-v2.naber-nav-v2-d-full-bleed > .naber-tabs-row {
  width:100vw!important;max-width:100vw!important;
  margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;
 }
 body.naber-app .naber-community-view.naber-nav-studio-v2.naber-nav-v2-d-position-above:has(>.naber-hero)>.naber-tabs-row {
  margin-top:0!important;margin-bottom:0!important;
 }
}
@media (max-width:740px) {
 body.naber-app .naber-community-view.naber-nav-studio-v2.naber-nav-v2-m-full-bleed > .naber-tabs-row {
  width:100vw!important;max-width:100vw!important;
  margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;
 }
 body.naber-app .naber-community-view.naber-nav-studio-v2.naber-nav-v2-m-position-above:has(>.naber-hero)>.naber-tabs-row {
  margin-top:0!important;margin-bottom:0!important;
 }
}
/* Keep the original SVG's design and a quiet, unboxed utility treatment.
   The authorisation and destination remain on the existing nav link. */
body.naber-app .naber-community-view.naber-community-view>.naber-tabs-row>a.naber-nav-settings-access {
 background:transparent!important;border:0!important;box-shadow:none!important;
 border-radius:8px!important;color:inherit!important;
 width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important;
 flex:0 0 32px!important;padding:5px!important;
}
body.naber-app .naber-community-view.naber-community-view>.naber-tabs-row>a.naber-nav-settings-access svg {
 width:18px!important;height:18px!important;flex:0 0 18px!important;
 stroke:currentColor!important;fill:none!important;
}
body.naber-app .naber-community-view.naber-community-view>.naber-tabs-row>a.naber-nav-settings-access:hover,
body.naber-app .naber-community-view.naber-community-view>.naber-tabs-row>a.naber-nav-settings-access:focus-visible {
 background:rgba(0,0,0,.05)!important;
}
/* Model Above Header as contiguous horizontal bands, including the preview. */
body.naber-app #naber-appearance-dialog-navigation .naber-nav-preview-canvas[data-position="above"] .naber-nav-preview-cover,
body.naber-app #naber-appearance-dialog-navigation .naber-nav-preview-canvas[data-position="above"]::before {
 top:var(--naber-above-cover-top,108px)!important;
}
body.naber-app #naber-appearance-dialog-navigation .naber-nav-preview-canvas[data-position="above"] .naber-nav-preview-identity {
 top:calc(var(--naber-above-cover-top,108px) + 21px)!important;
}
body.naber-app #naber-appearance-dialog-navigation .naber-nav-preview-canvas[data-position="above"][data-device="mobile"] .naber-nav-preview-cover,
body.naber-app #naber-appearance-dialog-navigation .naber-nav-preview-canvas[data-position="above"][data-device="mobile"]::before {
 top:var(--naber-above-cover-top,102px)!important;
}
body.naber-app #naber-appearance-dialog-navigation .naber-nav-preview-canvas[data-position="above"][data-device="mobile"] .naber-nav-preview-identity {
 top:calc(var(--naber-above-cover-top,102px) + 21px)!important;
}

/* Navigation Studio palette owns the menu background in both views.
   Prior legacy surface/card selectors must not override a selected Studio color. */
@media (min-width:741px) {
 body.naber-app .naber-community-view.naber-nav-studio-v2.naber-nav-configured > .naber-tabs-row {
  background:var(--naber-nav-v2-d-rgba)!important;
 }
}
@media (max-width:740px) {
 body.naber-app .naber-community-view.naber-nav-studio-v2.naber-nav-configured > .naber-tabs-row {
  background:var(--naber-nav-v2-m-rgba)!important;
 }
}
/* Opacity is stored as 0=transparent and 100=solid; show solid at the left,
   fading to transparent at the right without reversing saved values. */
body.naber-app #naber-appearance-dialog-navigation .naber-nav-settings-grid .naber-nav-opacity-field input[type="range"] {
 direction:rtl!important;
 background:linear-gradient(to right,rgba(38,57,69,.95),rgba(38,57,69,.08))!important;
}
body.naber-app #naber-appearance-dialog-navigation .naber-nav-opacity-ends {
 display:flex;align-items:center;justify-content:space-between;
 font-size:11px;font-weight:500;color:#687982;
 margin-top:-4px;
}

/* Navigation Studio contrast contract: actual page must match the preview.
   Legacy inactive-link colors are overridden only inside the configured
   navigation, never in the rest of the Community or Updates popover. */
@media (min-width:741px) {
 body.naber-app .naber-community-view.naber-nav-studio-v2.naber-nav-configured > .naber-tabs-row .naber-tabs > a.neighbor-tab,
 body.naber-app .naber-community-view.naber-nav-studio-v2.naber-nav-configured > .naber-tabs-row .naber-tabs > a.neighbor-tab:is(:hover,:focus-visible,.is-active) {
  color:var(--naber-nav-v2-d-text)!important;
  opacity:1!important;
 }
 body.naber-app .naber-community-view.naber-nav-studio-v2.naber-nav-configured > .naber-tabs-row .naber-tabs > a.neighbor-tab :is(.naber-nav-page-label,.naber-nav-page-icon,svg) {
  color:inherit!important;stroke:currentColor!important;opacity:1!important;
 }
 body.naber-app .naber-community-view.naber-nav-studio-v2.naber-nav-configured > .naber-tabs-row > a.naber-nav-settings-access {
  color:var(--naber-nav-v2-d-text)!important;
 }
}
@media (max-width:740px) {
 body.naber-app .naber-community-view.naber-nav-studio-v2.naber-nav-configured > .naber-tabs-row .naber-tabs > a.neighbor-tab,
 body.naber-app .naber-community-view.naber-nav-studio-v2.naber-nav-configured > .naber-tabs-row .naber-tabs > a.neighbor-tab:is(:hover,:focus-visible,.is-active),
 body.naber-app .naber-community-view.naber-nav-studio-v2.naber-nav-configured > .naber-tabs-row .naber-mobile-tools > button {
  color:var(--naber-nav-v2-m-text)!important;
  opacity:1!important;
 }
 body.naber-app .naber-community-view.naber-nav-studio-v2.naber-nav-configured > .naber-tabs-row .naber-tabs > a.neighbor-tab :is(.naber-nav-page-label,.naber-nav-page-icon,svg),
 body.naber-app .naber-community-view.naber-nav-studio-v2.naber-nav-configured > .naber-tabs-row .naber-mobile-tools > button svg {
  color:inherit!important;stroke:currentColor!important;opacity:1!important;
 }
 body.naber-app .naber-community-view.naber-nav-studio-v2.naber-nav-configured > .naber-tabs-row > a.naber-nav-settings-access {
  color:var(--naber-nav-v2-m-text)!important;
 }
}
/* Updates has a white button surface even against Dark Slate: keep its
   lettering/bell dark and fully visible instead of inheriting white text. */
body.naber-app .naber-community-view.naber-nav-studio-v2.naber-nav-configured > .naber-tabs-row .naber-ub-tools button.naber-updates-btn,
body.naber-app .naber-community-view.naber-nav-studio-v2.naber-nav-configured > .naber-tabs-row button.naber-updates-btn {
 color:#243540!important;opacity:1!important;
 background-color:#fff!important;
}
body.naber-app .naber-community-view.naber-nav-studio-v2.naber-nav-configured > .naber-tabs-row button.naber-updates-btn :is(svg,span) {
 color:inherit!important;opacity:1!important;
}

/* Reset is a real secondary action, visually paired with Cancel. */
body.naber-app #naber-appearance-dialog-navigation .naber-appearance-dialog-actions .naber-nav-reset {
 margin-right:auto!important;
 background:#f1f2ef!important;
 border:1px solid #e1e5e1!important;
 color:#283b45!important;
 font-weight:650!important;
}
body.naber-app #naber-appearance-dialog-navigation .naber-appearance-dialog-actions .naber-nav-reset:hover,
body.naber-app #naber-appearance-dialog-navigation .naber-appearance-dialog-actions .naber-nav-reset:focus-visible {
 background:#e7ebea!important;
 border-color:#cdd8d3!important;
}
@media(max-width:520px){
 body.naber-app #naber-appearance-dialog-navigation .naber-appearance-dialog-actions{
  gap:7px!important;padding:10px 12px!important;flex-wrap:wrap!important;
 }
 body.naber-app #naber-appearance-dialog-navigation .naber-appearance-dialog-actions .naber-nav-reset {
  width:100%;justify-content:flex-start!important;
 }
}

/* Compact Navigation Studio controls while keeping their inputs accessible. */
body.naber-app #naber-appearance-dialog-navigation .naber-nav-shared-mobile {
 padding:9px 12px!important;
 margin:7px 0 9px!important;
}
body.naber-app #naber-appearance-dialog-navigation .naber-nav-shared-mobile label {
 font-size:12px!important;
}
body.naber-app #naber-appearance-dialog-navigation .naber-nav-design-toprow {
 margin-bottom:8px!important;
}
body.naber-app #naber-appearance-dialog-navigation .naber-nav-section-heading {
 margin-top:10px!important;
 margin-bottom:8px!important;
}
body.naber-app #naber-appearance-dialog-navigation .naber-nav-preview-hint {
 margin-top:5px!important;
}

/* Community Settings unified shell — reuse Appearance Studio's neutral, rounded
   patterns without changing any specialist renderer or save workflow. */
body.naber-app .naber-settings>.neighbor-settings-card{
  --naber-settings-ink:#273b46;
  --naber-settings-muted:#6c7d84;
  --naber-settings-line:#e1e7e4;
  --naber-settings-soft:#f4f7f5;
}
body.naber-app .naber-settings>.neighbor-settings-card>.naber-settings-main>.naber-settings-context{
 display:flex;align-items:center;justify-content:space-between;gap:12px 28px;
 flex-wrap:wrap;margin:0 0 12px;padding:12px 16px;
 border:1px solid var(--naber-settings-line);
 background:var(--naber-settings-soft);border-radius:14px;
}
body.naber-app .naber-settings .naber-settings-context-eyebrow{
 display:block;color:var(--naber-settings-muted);font-size:11px;
 font-weight:700;text-transform:uppercase;letter-spacing:.065em;
}
body.naber-app .naber-settings .naber-settings-context h4{
 margin:2px 0 0;font-size:17px;line-height:1.25;
 font-weight:750;color:var(--naber-settings-ink);
}
body.naber-app .naber-settings .naber-settings-context p{
 margin:0;color:var(--naber-settings-muted);font-size:12px;
 line-height:1.5;max-width:340px;
}
body.naber-app .naber-settings>.neighbor-settings-card .naber-settings-group-nav .naber-settings-group-link,
body.naber-app .naber-settings>.neighbor-settings-card .naber-settings-nav .naber-settings-tab{
 transition:background-color .14s ease,border-color .14s ease,color .14s ease;
}
body.naber-app .naber-settings>.neighbor-settings-card .naber-settings-group-nav .naber-settings-group-link:hover,
body.naber-app .naber-settings>.neighbor-settings-card .naber-settings-nav .naber-settings-tab:hover{
 background:#eaf0ed!important;color:#273b46!important;
}
body.naber-app .naber-settings>.neighbor-settings-card .naber-settings-group-nav .naber-settings-group-link:focus-visible,
body.naber-app .naber-settings>.neighbor-settings-card .naber-settings-nav .naber-settings-tab:focus-visible{
 outline:2px solid #64858b!important;outline-offset:2px!important;
}
body.naber-app .naber-settings>.neighbor-settings-card>.naber-settings-main>form.neighbor-form>.naber-settings-panel:not([hidden]){
 min-width:0;
}
body.naber-app .naber-settings>.neighbor-settings-card>.naber-settings-main>form.neighbor-form>.naber-settings-panel>.neighbor-fieldset{
 border:1px solid var(--naber-settings-line)!important;
 background:#fff!important;border-radius:15px!important;
 padding:16px 18px!important;margin:0 0 14px!important;
}
body.naber-app .naber-settings>.neighbor-settings-card>.naber-settings-main>form.neighbor-form>.naber-settings-panel>.neighbor-fieldset>legend{
 color:var(--naber-settings-ink)!important;
 font-size:15px!important;font-weight:750!important;
 padding:0 6px!important;
}
body.naber-app .naber-settings .naber-settings-footer{
 display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap;
 margin-top:12px;padding:12px 0 2px;
}
body.naber-app .naber-settings .naber-settings-footer .naber-settings-dirty{
 font-size:12px;color:#65777f;
}
body.naber-app .naber-settings>.neighbor-settings-card .naber-settings-save{
 border-radius:999px!important;min-height:38px!important;
 padding:8px 18px!important;
}
body.naber-app .naber-settings .naber-settings-feedback{
 margin:0 0 14px;
}
@media(max-width:740px){
 body.naber-app .naber-settings>.neighbor-settings-card>.naber-settings-main>.naber-settings-context{
  padding:11px 12px;margin-bottom:9px;
 }
 body.naber-app .naber-settings .naber-settings-context h4{font-size:15px}
 body.naber-app .naber-settings>.neighbor-settings-card>.naber-settings-main>form.neighbor-form>.naber-settings-panel>.neighbor-fieldset{
  padding:13px 12px!important;
 }
 body.naber-app .naber-settings .naber-settings-footer{gap:8px}
}


/* Community Settings: remove the redundant outer frame, not the inner workspace.
   Keep the section heading and category menu anchored. Only lift the sub-tabs. */
body.naber-app .naber-community-view .naber-settings{margin-top:0!important;padding-top:0!important}
body.naber-app .naber-community-view .naber-settings>.neighbor-settings-card,
body.naber-app .naber-community-view .naber-settings:has(#naber-set-home:not([hidden]))>.neighbor-settings-card{
 background:transparent!important;border:0!important;border-radius:0!important;
 box-shadow:none!important;padding:12px 0 0!important;
}
body.naber-app .naber-community-view .naber-settings>.neighbor-settings-card:focus-within{
 border:0!important;box-shadow:none!important;
}
body.naber-app .naber-community-view .naber-settings>.neighbor-settings-card>h3{
 margin:0 0 12px!important;
}
body.naber-app .naber-community-view .naber-settings>.neighbor-settings-card>.naber-settings-group-nav{
 margin-top:0!important;
}
@media(min-width:960px){
 body.naber-app .naber-community-view .naber-settings>.neighbor-settings-card>.naber-settings-main{
  position:relative;top:-17px;margin-bottom:-17px!important;
 }
}
@media(max-width:959px){
 body.naber-app .naber-community-view .naber-settings>.neighbor-settings-card{
  padding-top:10px!important;
 }
 body.naber-app .naber-community-view .naber-settings>.neighbor-settings-card>.naber-settings-main{
  position:relative;top:-10px;margin-bottom:-10px!important;
 }
}
body.naber-app .naber-community-view .naber-settings .naber-settings-nav{
 margin-top:0!important;margin-bottom:12px!important;padding-top:0!important;
}


/* QR dialog: the same restrained blue-gray design as Naber Community Settings. */
body.naber-app .naber-qr-modal{background:rgba(23,39,47,.50)!important;padding:16px!important}
body.naber-app .naber-qr-card{
 width:min(100%,390px)!important;max-width:390px!important;
 padding:24px 22px 20px!important;border:1px solid #dce5e1!important;
 border-radius:16px!important;background:#fff!important;
 box-shadow:0 20px 56px rgba(24,43,51,.19)!important;
 box-sizing:border-box!important;
}
body.naber-app .naber-qr-card h3{
 font-size:21px!important;font-weight:750!important;color:#294653!important;
 line-height:1.3!important;margin:0 35px 5px!important;
}
body.naber-app .naber-qr-name{color:#61757c!important;font-size:13px!important;margin-bottom:16px!important}
body.naber-app .naber-qr-close{
 position:absolute!important;top:12px!important;right:12px!important;
 display:grid!important;place-items:center!important;width:36px!important;height:36px!important;
 min-width:36px!important;min-height:36px!important;
 padding:0!important;border:0!important;border-radius:50%!important;
 background:#f0f4f5!important;color:#294653!important;
 font-size:25px!important;line-height:1!important;font-weight:400!important;
 cursor:pointer!important;z-index:2!important;
}
body.naber-app .naber-qr-close:hover{background:#e2ebec!important}
body.naber-app .naber-qr-close:focus-visible{outline:2px solid #7295a1!important;outline-offset:2px!important}
body.naber-app .naber-qr-img img{
 width:260px!important;max-width:100%!important;height:auto!important;
 padding:10px!important;box-sizing:border-box!important;
 border:1px solid #dce5e1!important;border-radius:12px!important;background:#fff!important;
}
body.naber-app .naber-qr-note{color:#61757c!important;font-size:12px!important;line-height:1.5!important;margin:5px 0 14px!important}
body.naber-app .naber-qr-msg{color:#294653!important;font-size:12px!important;margin:8px 0!important;min-height:1.2em}
body.naber-app .naber-qr-actions{display:flex!important;justify-content:center!important;align-items:center!important;flex-wrap:wrap!important;gap:8px!important}
body.naber-app .naber-qr-actions .naber-eb-btn{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 min-height:38px!important;padding:8px 14px!important;
 border:1px solid #dce5e1!important;border-radius:999px!important;
 background:#fff!important;color:#294653!important;
 font-size:12px!important;line-height:1.2!important;font-weight:650!important;
 text-decoration:none!important;box-shadow:none!important;cursor:pointer!important;
}
body.naber-app .naber-qr-actions .naber-eb-btn:hover{background:#f0f4f5!important}
body.naber-app .naber-qr-actions .naber-eb-btn.is-primary{
 background:#294653!important;color:#fff!important;border-color:#294653!important;
}
body.naber-app .naber-qr-actions .naber-eb-btn.is-primary:hover{background:#365a69!important}
body.naber-app .naber-qr-manual-link:not([hidden]){
 display:block!important;width:100%!important;box-sizing:border-box!important;
 border:1px solid #dce5e1!important;border-radius:9px!important;
 padding:9px 12px!important;margin-top:12px!important;font-size:12px!important;
 background:#fff!important;color:#294653!important;
}
@media(max-width:460px){
 body.naber-app .naber-qr-card{padding:20px 15px 16px!important}
 body.naber-app .naber-qr-card h3{font-size:19px!important}
 body.naber-app .naber-qr-img img{width:min(260px,100%)!important}
}


/* General Settings: match custom select buttons and popup borders to inputs. */
body.naber-app #naber-general-discover .naber-settings-select-trigger,
body.naber-app #naber-general-landing .naber-settings-select-trigger{
 border-color:#dce5e1!important;
 background:#fff!important;
 color:#294653!important;
}
body.naber-app #naber-general-discover .naber-settings-select-trigger:hover,
body.naber-app #naber-general-landing .naber-settings-select-trigger:hover{
 border-color:#b8ccd0!important;
}
body.naber-app #naber-general-discover .naber-settings-select-trigger:focus-visible,
body.naber-app #naber-general-landing .naber-settings-select-trigger:focus-visible,
body.naber-app #naber-general-discover .naber-settings-select-trigger[aria-expanded="true"],
body.naber-app #naber-general-landing .naber-settings-select-trigger[aria-expanded="true"]{
 border-color:#7295a1!important;
 outline:2px solid rgba(73,111,128,.2)!important;
 outline-offset:1px!important;
}


/* Access Permissions — matching Naber blue-gray labels, fields, and custom menus. */
body.naber-app #naber-set-access .naber-access-fields>label,
body.naber-app #naber-set-access .naber-access-fields>label:not(.neighbor-checkbox-label),
body.naber-app #naber-set-access .neighbor-invite-box>strong {
 color:#294653!important;
}
body.naber-app #naber-set-access .neighbor-checkbox-label,
body.naber-app #naber-set-access .naber-hint,
body.naber-app #naber-set-access .neighbor-muted,
body.naber-app #naber-set-access .neighbor-field-hint {
 color:#61757c!important;
}
body.naber-app #naber-set-access .naber-settings-select-trigger {
 border:1px solid #dce5e1!important;color:#294653!important;background:#fff!important;
 box-shadow:none!important;
}
body.naber-app #naber-set-access .naber-settings-select-trigger:hover{
 border-color:#b8ccd0!important;background:#f9fbfa!important;
}
body.naber-app #naber-set-access .naber-settings-select-trigger:focus-visible,
body.naber-app #naber-set-access .naber-settings-select-trigger[aria-expanded="true"]{
 border-color:#7295a1!important;
 outline:2px solid rgba(73,111,128,.2)!important;outline-offset:1px!important;
}


/* Settings secondary navigation — clean Naber blue-gray tab treatment.
   Scope to the four Community tabs and reuse across other setting groups. */
body.naber-app .naber-community-view .naber-settings .naber-settings-main>.naber-settings-nav{
 display:flex!important;align-items:stretch!important;flex-wrap:wrap!important;
 gap:4px 12px!important;overflow:visible!important;
 border-bottom:1px solid #dce5e1!important;
 padding:0!important;margin:0 0 13px!important;
 background:transparent!important;
}
body.naber-app .naber-community-view .naber-settings .naber-settings-nav>.naber-settings-tab{
 -webkit-appearance:none!important;appearance:none!important;
 display:inline-flex!important;position:relative!important;align-items:center!important;
 min-height:42px!important;padding:9px 12px 11px!important;margin:0!important;
 border:0!important;border-bottom:2px solid transparent!important;
 border-radius:8px 8px 0 0!important;
 background:transparent!important;color:#61757c!important;
 font-size:13px!important;font-weight:600!important;line-height:1.35!important;
 text-decoration:none!important;white-space:nowrap!important;
 box-shadow:none!important;transform:none!important;
 transition:color .16s ease,background-color .16s ease,border-color .16s ease!important;
}
body.naber-app .naber-community-view .naber-settings .naber-settings-nav>.naber-settings-tab[hidden]{
 display:none!important;
}
body.naber-app .naber-community-view .naber-settings .naber-settings-nav>.naber-settings-tab:hover{
 color:#294653!important;background:#f0f5f6!important;
 border-bottom-color:transparent!important;
}
body.naber-app .naber-community-view .naber-settings .naber-settings-nav>.naber-settings-tab.is-active,
body.naber-app .naber-community-view .naber-settings .naber-settings-nav>.naber-settings-tab[aria-selected="true"],
body.naber-app .naber-community-view .naber-settings .naber-settings-nav>.naber-settings-tab.is-active:hover{
 color:#294653!important;background:transparent!important;
 border-bottom-color:#294653!important;font-weight:750!important;
}
body.naber-app .naber-community-view .naber-settings .naber-settings-nav>.naber-settings-tab:focus-visible{
 outline:2px solid #7295a1!important;outline-offset:-3px!important;
}
body.naber-app .naber-community-view .naber-settings .naber-settings-nav>.naber-settings-tab-dot{
 background:#7295a1!important;
}
@media(max-width:680px){
 body.naber-app .naber-community-view .naber-settings .naber-settings-main>.naber-settings-nav{
  gap:2px 5px!important;margin-bottom:12px!important;
 }
 body.naber-app .naber-community-view .naber-settings .naber-settings-nav>.naber-settings-tab{
  min-height:40px!important;padding:9px 8px 10px!important;font-size:12px!important;
 }
}
@media(prefers-reduced-motion:reduce){
 body.naber-app .naber-community-view .naber-settings .naber-settings-nav>.naber-settings-tab{transition:none!important}
}

/* ===== Unsaved-changes guard (Community Settings, Article editor, Home Builder) =====
   Shared leave dialog (native <dialog>, top layer), the Settings pending-changes bar and
   group-link dots. Uses the existing settings palette (amber change dot, #24343e primary). */
.naber-leave-dialog{width:min(480px,calc(100vw - 32px));max-height:calc(100vh - 48px);overflow:auto;border:0;border-radius:16px;padding:22px 22px 18px;box-shadow:0 18px 48px rgba(20,32,40,.28);background:#fff;color:#263641;font-size:15px;line-height:1.45}
.naber-leave-dialog::backdrop{background:rgba(20,32,40,.45)}
.naber-leave-dialog.is-fallback{position:fixed;inset:24px 0 auto;margin:0 auto;z-index:100000}
.naber-leave-dialog h2{margin:0 0 6px;font-size:19px;line-height:1.25;color:#1f2d36}
.naber-leave-dialog .naber-leave-intro{margin:0 0 10px;color:#4b5a63}
.naber-leave-list{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:6px}
.naber-leave-list li{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;padding:8px 10px;border-radius:10px;background:#f6f5f0}
.naber-leave-list li strong{font-weight:700}
.naber-leave-list li span{flex:1 1 180px;color:#4b5a63;font-size:14px}
.naber-leave-dialog .naber-leave-jump{border:0;background:none;padding:0;color:#2457a6;font:inherit;font-size:13px;text-decoration:underline;cursor:pointer;min-height:0;box-shadow:none}
.naber-leave-error{margin:0 0 12px;padding:8px 10px;border-radius:8px;background:#fdecea;color:#8a1f11;font-size:14px}
.naber-leave-error[hidden]{display:none}
.naber-leave-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}
.naber-leave-actions .neighbor-button{min-height:40px;border-radius:999px;padding:0 16px;font-size:14px;text-transform:none}
.naber-leave-actions .naber-leave-save{background:#24343e;color:#fff;border:1px solid #24343e}
.naber-leave-actions .neighbor-button-light{background:#f4f4f1;color:#263641;border:1px solid #e4e7e4}
.naber-leave-actions .neighbor-button[disabled]{opacity:.6;cursor:progress}
@media (max-width:520px){.naber-leave-actions{flex-direction:column-reverse}.naber-leave-actions .neighbor-button{width:100%}}
body.naber-app .naber-settings .naber-settings-pending{position:sticky;bottom:12px;z-index:30;display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin:18px 0 0;padding:12px 16px;border:1px solid #edd3ad;border-radius:14px;background:#fffaf2;box-shadow:0 8px 24px rgba(20,32,40,.14)}
body.naber-app .naber-settings .naber-settings-pending[hidden]{display:none}
body.naber-app .naber-settings .naber-settings-pending-text{flex:1 1 260px;min-width:0}
body.naber-app .naber-settings .naber-settings-pending-text strong{display:block;color:#7a4a12;font-size:14px}
body.naber-app .naber-settings .naber-settings-pending-list{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:2px;font-size:13px;color:#4b5a63}
body.naber-app .naber-settings .naber-settings-pending-jump{border:0;background:none;padding:0 6px 0 0;color:#2457a6;font:inherit;font-weight:600;text-decoration:underline;cursor:pointer;min-height:0;box-shadow:none}
body.naber-app .naber-settings .naber-settings-pending-error,body.naber-app .naber-settings .naber-settings-save-error{margin:6px 0 0;padding:6px 10px;border-radius:8px;background:#fdecea;color:#8a1f11;font-size:13px}
body.naber-app .naber-settings .naber-settings-pending-error[hidden]{display:none}
body.naber-app .naber-settings .naber-settings-pending-actions{display:flex;gap:8px;flex-wrap:wrap}
body.naber-app .naber-settings .naber-settings-pending-actions .neighbor-button{min-height:38px;border-radius:999px;padding:0 16px;font-size:13px}
body.naber-app .naber-settings .naber-settings-group-dot{display:inline-block;width:7px;height:7px;margin-left:6px;border-radius:50%;background:#d98b1d;vertical-align:middle}
body.naber-app .naber-settings .naber-settings-group-dot[hidden]{display:none}
body.naber-app .naber-settings .naber-change-flash{outline:3px solid #f0b45c;outline-offset:3px;border-radius:8px;transition:outline-color .6s}
@media (max-width:640px){body.naber-app .naber-settings .naber-settings-pending{bottom:8px;padding:10px 12px}body.naber-app .naber-settings .naber-settings-pending-actions{width:100%}body.naber-app .naber-settings .naber-settings-pending-actions .neighbor-button{flex:1}}


/* Article publishing selectors: reuse the Community Settings dropdown design.
   The original select keeps save handlers, permissions and dynamic category options. */
body.naber-app .naber-art-editor select.naber-settings-native-select{
 position:absolute!important;width:1px!important;height:1px!important;
 min-width:0!important;min-height:0!important;opacity:0!important;
 clip-path:inset(50%)!important;pointer-events:none!important;
 border:0!important;padding:0!important;margin:0!important;
}
body.naber-app .naber-art-editor .naber-settings-select-trigger{
 -webkit-appearance:none!important;appearance:none!important;
 display:flex!important;align-items:center!important;justify-content:space-between!important;
 width:100%!important;min-width:0!important;min-height:44px!important;
 gap:12px!important;padding:10px 15px!important;margin:0!important;
 border:1px solid #dce5e1!important;border-radius:12px!important;
 background:#fff!important;color:#253543!important;
 font:inherit!important;font-size:14px!important;font-weight:500!important;
 line-height:1.4!important;text-align:left!important;
 box-shadow:none!important;transform:none!important;cursor:pointer!important;
}
body.naber-app .naber-art-editor .naber-settings-select-trigger:hover{
 border-color:#9daeb1!important;background:#fcfdfc!important;
}
body.naber-app .naber-art-editor .naber-settings-select-trigger:focus-visible,
body.naber-app .naber-art-editor .naber-settings-select-trigger[aria-expanded="true"]{
 border-color:#536e7c!important;outline:2px solid rgba(60,105,117,.36)!important;outline-offset:1px!important;
}
body.naber-app .naber-art-editor .naber-settings-select-value{
 flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
body.naber-app .naber-art-editor .naber-settings-select-chevron{
 display:block;flex:0 0 9px;width:9px;height:9px;margin-right:4px;
 border-right:1.8px solid #263845;border-bottom:1.8px solid #263845;
 transform:rotate(45deg) translateY(-2px);
}
body.naber-app .naber-art-editor .naber-settings-select-trigger:disabled{
 opacity:.55!important;cursor:not-allowed!important;
}
@media(max-width:740px){
 body.naber-app .naber-art-editor .naber-settings-select-trigger{
  min-height:46px!important;padding:11px 13px!important;font-size:14px!important;
 }
}

/* ------------------------------------------------------------------
   Life Now Video Phase 1 — uploaded video player + composer upload panel (includes/video.php, assets/js/video.js)
   ------------------------------------------------------------------ */
.naber-video { position: relative; margin: 10px 0; border-radius: 12px; overflow: hidden; background: #0d1418; aspect-ratio: var(--naber-video-ratio, 16 / 9); max-height: 78vh; }
.naber-video .naber-video-player { display: block; width: 100%; height: 100%; object-fit: contain; background: #0d1418; }
.naber-video .naber-video-len { position: absolute; top: 8px; right: 8px; padding: 2px 7px; border-radius: 999px; background: rgba(0, 0, 0, .55); color: #fff; font-size: 11px; line-height: 1.5; pointer-events: none; }
.naber-video.naber-video-missing { aspect-ratio: auto; padding: 14px 16px; background: var(--naber-muted, #f3f6f7); color: var(--naber-text-muted, #6b7280); font-size: 13px; }
.naber-video-upload { display: flex; flex-direction: column; gap: 8px; margin-top: 4px; }
.naber-video-upload[hidden] { display: none; }
.naber-video-upload .naber-video-or { margin: 0; text-align: center; font-size: 12px; color: var(--naber-text-muted, #6b7280); }
.naber-video-drop { display: flex; flex-direction: column; gap: 2px; padding: 14px 16px; border: 1.5px dashed var(--naber-border, #d7e1e5); border-radius: 12px; background: var(--naber-muted, #f6f9fa); cursor: pointer; text-align: center; }
.naber-video-drop[hidden] { display: none; }
.naber-video-drop span { font-size: 12px; color: var(--naber-text-muted, #6b7280); }
.naber-video-drop:hover, .naber-video-drop:focus-visible, .naber-video-drop.is-over { border-color: var(--naber-accent, #2f6f86); background: var(--naber-accent-light, #eef5f8); outline: none; }
.naber-video-progress { display: flex; align-items: center; gap: 10px; }
.naber-video-progress[hidden] { display: none; }
.naber-video-progress progress { flex: 1 1 auto; height: 8px; }
.naber-video-pct { min-width: 3em; font-size: 12px; font-variant-numeric: tabular-nums; }
.naber-video-status { margin: 0; font-size: 12px; color: var(--naber-text-muted, #6b7280); }
.naber-video-status:empty { display: none; }
.naber-video-status.is-error { color: #a72e2b; }
.naber-video-preview { display: flex; flex-direction: column; gap: 6px; }
.naber-video-preview[hidden] { display: none; }
.naber-video-preview video { width: 100%; max-height: 320px; border-radius: 10px; background: #0d1418; }
.naber-video-meta { margin: 0; font-size: 12px; color: var(--naber-text-muted, #6b7280); overflow-wrap: anywhere; }
.naber-video-preview .naber-video-remove { align-self: flex-start; }


/* With the Community menu Above Header, restore breathing room between the
   hero image and the first content section (Feed, Series, Articles and Home).
   Do not alter other navigation placements or the menu/cover seam. */
@media (min-width:741px){
 body.naber-app .naber-community-view.naber-nav-studio-v2.naber-nav-v2-d-position-above>.naber-hero{
  margin-bottom:21px!important;
 }
}
@media (max-width:740px){
 body.naber-app .naber-community-view.naber-nav-studio-v2.naber-nav-v2-m-position-above>.naber-hero{
  margin-bottom:15px!important;
 }
}


/* iOS Safari: after sign-in the collapsed logged-in Feed composer is an
   actual button. Remove its browser tap/programmatic-focus blue rectangle,
   without suppressing deliberate keyboard focus-visible indication. */
body.naber-app .naber-community-view .neighbor-create-post .naber-studio-entry-prompt{
 -webkit-tap-highlight-color:transparent!important;
}
body.naber-app .naber-community-view .neighbor-create-post .naber-studio-entry-prompt:focus:not(:focus-visible){
 outline:none!important;
 box-shadow:none!important;
}
/* Touchscreen Safari can report focus-visible after a login redirect; do
   not paint a focus rectangle on a tapped or restored focus target. */
@media (hover:none) and (pointer:coarse){
 body.naber-app .naber-community-view .neighbor-create-post .naber-studio-entry-prompt:focus,
 body.naber-app .naber-community-view .neighbor-create-post .naber-studio-entry-prompt:focus-visible{
  outline:none!important;
  box-shadow:none!important;
 }
}
/* Login can restore focus to the composer prompt. Avoid painting a full
   blue border around the entire collapsed editor. Intentional keyboard focus
   remains distinguishable by underlining the prompt text instead. */
body.naber-app .naber-community-view .neighbor-create-post .naber-studio-entry-prompt:focus,
body.naber-app .naber-community-view .neighbor-create-post .naber-studio-entry-prompt:focus-visible{
 outline:none!important;
 box-shadow:none!important;
}
@media (hover:hover) and (pointer:fine){
 body.naber-app .naber-community-view .neighbor-create-post .naber-studio-entry-prompt:focus-visible strong{
  text-decoration:underline!important;
  text-underline-offset:3px!important;
  text-decoration-color:#526d76!important;
 }
}

/* ===== Internal Naber link cards + Share to Community Feed ===== */
.naber-embed-card-internal.naber-embed-card-rich .naber-embed-card-img img{object-fit:cover!important}
.naber-embed-card-internal .naber-embed-card-img.is-fallback{background:#efe9df!important}
.naber-embed-card-internal .naber-embed-card-img.is-fallback img{opacity:.92}
.naber-embed-card-internal .naber-embed-card-cta{font-weight:600}
.naber-share-compose-banner{display:grid;gap:3px;margin:0 0 12px;padding:12px 14px;border:1px solid #e1dbd0;border-radius:14px;background:#faf7f1;font-size:14px;line-height:1.35}
.naber-share-compose-kind{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#6d7078}
.naber-share-compose-title{font-size:15px;color:#24262b;overflow-wrap:anywhere}
.naber-share-compose-banner small{color:#5d6068}
.naber-share-compose-back{justify-self:start;font-size:13px}
.naber-share-feed-row{margin-top:10px}
.naber-studio-share-feed{margin-left:auto;align-self:center;white-space:nowrap}
.naber-feed-share-what{margin:0;font-weight:700;overflow-wrap:anywhere}
.naber-feed-share-help{margin:0;font-size:14px;color:#5d6068}
.naber-feed-share-list{display:grid;gap:8px}
.naber-feed-share-target{display:grid;gap:2px;min-height:48px;padding:10px 14px;border:1px solid #e1dbd0;border-radius:14px;background:#fff;color:#24262b;text-decoration:none}
.naber-feed-share-target:hover,.naber-feed-share-target:focus-visible{border-color:#24262b;background:#f3f0ea}
.naber-feed-share-target small{color:#6d7078;font-size:12px}
@media(max-width:600px){.naber-studio-share-feed{white-space:normal}.naber-feed-share-modal .naber-modal-dialog{width:100%}}

/* Smart single Link (2026-11-14): compact profile/website link and plain text link. Profiles never render as a post card. */
.naber-community-view .naber-compact-link,.naber-embed-preview .naber-compact-link{display:flex!important;flex-direction:row!important;flex-wrap:nowrap;justify-content:flex-start!important;text-align:left!important;align-items:center!important;gap:12px;width:100%;box-sizing:border-box;padding:12px 14px!important;margin:0!important;border:1px solid #e5ddd4!important;border-radius:12px!important;background:#fff!important;color:#1f303b!important;text-decoration:none!important;min-height:56px;box-shadow:none!important}
.naber-compact-link:hover{border-color:#c9d6d5!important;background:#f8faf9!important}
.naber-compact-link:focus-visible{outline:2px solid #547a81;outline-offset:2px}
.naber-compact-link-icon{flex:0 0 38px;width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#eef3f2;color:#365c63}
.naber-compact-link--instagram .naber-compact-link-icon{background:#f7eef3;color:#8a3f68}
.naber-compact-link--facebook .naber-compact-link-icon{background:#eaf0fa;color:#2f5597}
.naber-compact-link-info{display:flex!important;flex-direction:column!important;align-items:flex-start!important;text-align:left!important;min-width:0;flex:1 1 auto;gap:2px}
.naber-compact-link-info strong{font-size:15px;line-height:1.3;font-weight:600;color:#1f303b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.naber-compact-link-info small{font-size:12.5px;line-height:1.3;color:#66737d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.naber-compact-link-cta{flex:0 0 auto;font-size:13px;font-weight:600;color:#1f303b;background:#f4efe6;border-radius:999px;padding:8px 12px;white-space:nowrap}
@media(max-width:360px){.naber-community-view .naber-compact-link,.naber-embed-preview .naber-compact-link{flex-wrap:wrap!important}.naber-compact-link-cta{margin-left:50px}}
.naber-text-link-wrap{margin:4px 0 0!important}
.naber-text-link{color:#365c63!important;text-decoration:underline!important;text-underline-offset:2px;word-break:break-word;font-size:15px}
.naber-appr-cta{display:flex;flex-direction:column;gap:4px;margin-top:8px;font-size:12.5px;color:#4a5963}
.naber-appr-cta[hidden]{display:none}
.naber-appr-cta input{min-height:38px;border:1px solid #d8d5cf;border-radius:8px;padding:6px 10px;font-size:14px;max-width:320px}

/* Contact row (2026-11-14): + Add → Contact. Rendered row of labelled icon chips + the composer/Edit editor. */
.naber-contact-row{list-style:none!important;margin:12px 0 2px!important;padding:0!important;display:flex;flex-wrap:wrap;gap:8px}
.naber-contact-row li{margin:0!important;padding:0!important;list-style:none!important}
.naber-contact-item{display:inline-flex!important;align-items:center;gap:7px;min-height:40px;padding:6px 13px 6px 7px!important;border:1px solid #e5ddd4;border-radius:999px;background:#fff;color:#1f303b!important;text-decoration:none!important;font-size:14px;font-weight:600;line-height:1}
.naber-contact-item:hover{border-color:#c9d6d5;background:#f8faf9}
.naber-contact-item:focus-visible{outline:2px solid #547a81;outline-offset:2px}
.naber-contact-icon{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#eef3f2;color:#365c63;flex:0 0 28px}
.naber-contact-item--instagram .naber-contact-icon{background:#f7eef3;color:#8a3f68}
.naber-contact-item--facebook .naber-contact-icon{background:#eaf0fa;color:#2f5597}
.naber-contact-item--email .naber-contact-icon,.naber-contact-item--phone .naber-contact-icon{background:#f4efe6;color:#6b5428}
.naber-contact-label{white-space:nowrap;max-width:180px;overflow:hidden;text-overflow:ellipsis}
.naber-contact-editor{margin:10px 0;padding:12px 14px;border:1px solid #e5ddd4;border-radius:12px;background:#faf8f4}
.naber-contact-editor[hidden]{display:none!important}
.naber-contact-editor-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.naber-contact-editor-head strong{font-size:14px;color:#1f303b}
.naber-contact-editor-close{background:none;border:0;color:#66737d;font-size:12.5px;text-decoration:underline;cursor:pointer;padding:4px}
.naber-contact-editor-hint{margin:4px 0 8px!important;font-size:12.5px;color:#66737d;line-height:1.4}
.naber-contact-list{list-style:none!important;margin:0 0 8px!important;padding:0!important;display:flex;flex-direction:column;gap:6px}
.naber-contact-edit-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,150px) auto;gap:8px;align-items:center;padding:6px 8px;border:1px solid #ebe6de;border-radius:9px;background:#fff;margin:0!important}
.naber-contact-text{display:flex;flex-direction:column;min-width:0}
.naber-contact-kind{font-size:12px;font-weight:700;color:#365c63;text-transform:uppercase;letter-spacing:.03em}
.naber-contact-value{font-size:12.5px;color:#4a5963;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.naber-contact-label-input{min-height:34px;border:1px solid #d8d5cf;border-radius:7px;padding:4px 8px;font-size:13.5px;width:100%;box-sizing:border-box}
.naber-contact-tools{display:flex;gap:4px}
.naber-contact-tools button{width:32px;height:32px;border:1px solid #e1dbd2;border-radius:7px;background:#fff;color:#1f303b;cursor:pointer;font-size:14px;line-height:1}
.naber-contact-tools button:disabled{opacity:.35;cursor:default}
.naber-contact-add{display:flex;gap:8px}
.naber-contact-new{flex:1 1 auto;min-width:0;min-height:40px;border:1px solid #d8d5cf;border-radius:8px;padding:6px 10px;font-size:14px}
.naber-contact-add-btn{min-height:40px;padding:0 16px;border:0;border-radius:8px;background:#1f303b;color:#fff;font-weight:600;cursor:pointer}
.naber-contact-msg{margin:6px 0 0!important;font-size:12.5px;color:#4a5963;min-height:1em}
@media(max-width:520px){.naber-contact-edit-row{grid-template-columns:minmax(0,1fr) auto}.naber-contact-label-input{grid-column:1 / -1;grid-row:2}}
.naber-edit-contact .naber-contact-editor-head{justify-content:flex-end}.naber-edit-contact .naber-contact-editor-head strong{display:none} /* the fieldset legend already says Contact */
@media(max-width:760px){.neighbor-post .naber-contact-row{margin-left:16px!important;margin-right:16px!important}} /* phone cards have no side padding; match the 16px inset of text cards/media */

/* Series cover fit on the Series page (2026-11-14, owner request): in Grid and List views an uploaded cover is shown WHOLE —
   text and artwork near its edges stay visible — and the remaining thumbnail space is filled with a soft blurred copy of the
   same image (same treatment as the Home Series tile). Card sizes, layouts and the large-image view are unchanged; Series
   without an uploaded cover keep their fallback artwork. The Grid cover box is held to the card width: its 4:3 ratio plus
   260px minimum height made it wider than narrow cards, which cut the cover's edges off. */
.naber-community-view .naber-series-grid:is([data-layout="grid"],[data-layout="list"]) .naber-series-tile-cover.has-backdrop{position:relative!important;overflow:hidden!important;isolation:isolate;width:100%!important;max-width:100%!important;box-sizing:border-box}
.naber-community-view .naber-series-grid:is([data-layout="grid"],[data-layout="list"]) .naber-series-tile-cover.has-backdrop::before{content:"";position:absolute;inset:-28px;z-index:-1;background:var(--naber-series-backdrop) center/cover no-repeat;filter:blur(22px) saturate(1.05) brightness(.96);transform:scale(1.06);pointer-events:none}
.naber-community-view .naber-series-grid:is([data-layout="grid"],[data-layout="list"]) .naber-series-tile-cover.has-backdrop .naber-series-cover{background:transparent!important;width:100%;height:100%}
.naber-community-view .naber-series-grid:is([data-layout="grid"],[data-layout="list"]) .naber-series-tile-cover.has-backdrop .naber-series-cover-img{object-fit:contain!important;object-position:center!important;transform:none!important}

/* Community page tab order (Settings → Appearance → Navigation Bar). */
.naber-nav-order{list-style:none!important;margin:6px 0 4px!important;padding:0!important;display:flex;flex-direction:column;gap:6px;max-width:460px}
.naber-nav-order-item{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;padding:6px 8px 6px 14px;border:1px solid #e3e0da;border-radius:10px;background:#fff;margin:0!important}
.naber-nav-order-label{font-size:14px;font-weight:600;color:#24313c}
.naber-nav-order-fixed{font-size:12px;color:#66737d}
.naber-nav-order-tools{display:flex;gap:4px}
.naber-nav-order-tools button{width:34px;height:34px;border:1px solid #ddd8d0;border-radius:8px;background:#fff;color:#24313c;font-size:15px;cursor:pointer}
.naber-nav-order-tools button:focus-visible{outline:2px solid #547a81;outline-offset:2px}