/* Booklet skin: scoped so shared navigation, tools and CMS pages stay intact. */
.community-rich-content img[src*="missing-legacy-image.svg"] { width:640px; max-width:100%; height:auto; border-radius:3px; }
:root { --mu-community-top: 75px; }
:is(.community-page,.community-post-page,.community-compose-page,.community-modal) {
    --community-panel:#fff; --community-soft:#f4f2ed; --community-head:#f7f5f0;
    --community-text:#302e29; --community-muted:#777064; --community-accent:#896700;
    --community-line:rgba(115,101,76,.18);
    color:var(--community-text);
}
:is(html.dark,html.tw-dark) :is(.community-page,.community-post-page,.community-compose-page,.community-modal) {
    --community-panel:#302e29; --community-soft:#3b3832; --community-head:#2b2925;
    --community-text:#eee7da; --community-muted:#b6ad9d; --community-accent:#dbc188;
    --community-line:rgba(219,193,136,.14);
}
.community-post-page { padding-inline:0; }
.community-page :is(.community-nav-panel,.community-feed-sticky,.community-feed-list,.community-side-sticky>div>section),
.community-post-page :is(.community-post-actions,.community-post-card,.community-reply-panel,.community-related-card,.community-author-card),
.community-compose-page section { background:var(--community-panel)!important; border:0; border-radius:3px; box-shadow:none; }
.community-page :is(.community-nav-panel,.community-feed-sticky) { background:var(--community-head)!important; }
.community-side-sticky,.community-feed-sticky,.community-post-actions { top:var(--mu-community-top); }
.community-page :is(.community-feed-search,.community-feed-mine,.community-nav-count,.community-latest-reply),
.community-post-page :is(.community-post-chip,.community-post-action strong,.community-inline-reply) { background:var(--community-soft)!important; color:var(--community-muted)!important; border-radius:3px; }
.community-page .community-feed-tag,
.community-post-page .community-post-chip.is-tag {
    display:inline-flex; align-items:center; gap:5px;
    padding:2px 7px; border:1px solid var(--community-line); border-radius:3px;
    background:var(--community-soft)!important; color:var(--community-accent)!important;
    font-size:11px; font-weight:500; line-height:16px;
}
:is(.community-page,.community-compose-page,.community-post-page) :is(.tw-rounded-md,.tw-rounded-lg) { border-radius:3px; }
.community-page :is(.community-feed-publish,.community-feed-mine,.community-feed-search) { min-height:36px; height:36px; font-size:13px; }
.community-page .community-side-sticky nav>a { height:36px; }
.community-nav-panel>div:first-child>a { color:var(--community-accent)!important; font-size:20px; }
.community-nav-panel>div:first-child>a>span:first-child { font-size:24px; }
.community-page :is(.community-feed-publish,.community-discuss-link),
.community-post-page .community-post-action:is(:hover,.is-active) { color:var(--community-accent)!important; }
.community-page .community-feed-publish { background:var(--community-soft)!important; }
.community-page .community-side-sticky nav>a[aria-current=page] { background:var(--community-soft)!important; color:var(--community-accent)!important; }
.community-page :is(.tw-text-sky-300,.tw-text-brand-600), .community-post-page :is(.community-reply-submit,.community-author-link) { color:var(--community-accent)!important; }
.community-page .community-feed-post { border-color:var(--community-line)!important; }
.community-post-page :is(.community-post-content,.community-rich-content) { color:var(--community-text); }
.community-post-page :is(.community-post-stats,.community-post-byline,.community-reply-login) { color:var(--community-muted); }
.community-page :is(input,button,a):focus-visible,.community-post-page :is(input,button,a):focus-visible { outline:2px solid var(--community-accent); outline-offset:2px; }
.community-modal :is(.community-modal__panel,.community-dropdown__menu,.community-dropdown__trigger,.community-editor),
.community-compose-page :is(.community-dropdown__menu,.community-dropdown__trigger,.community-editor),
.community-post-page .community-editor { background:var(--community-panel)!important; color:var(--community-text); border-color:var(--community-line)!important; border-radius:3px; }
.community-modal :is(.community-modal__head,.community-modal__foot,.community-editor__toolbar),
.community-compose-page .community-editor__toolbar,.community-post-page .community-editor__toolbar { background:var(--community-head)!important; border-color:var(--community-line)!important; }
.community-modal :is(.community-modal__submit,.community-modal__cancel,.community-modal__title-input),
.community-dropdown__trigger { height:36px; min-height:36px; border-radius:3px; font-size:13px; }
.community-modal :is(.community-modal__submit,.community-modal__cancel) { background:var(--community-soft)!important; color:var(--community-accent)!important; border-color:transparent; }
.community-login-button { margin:8px 0 0; padding:6px 12px; border-radius:3px; background:var(--community-soft); color:var(--community-accent); font-size:13px; }
.community-service-error { margin:0 0 10px; padding:12px; background:var(--community-panel); border-radius:3px; }
.community-service-error a { color:var(--community-accent); text-decoration:underline; }
.community-mobile-channel { display:none; }
@media(max-width:1023px) {
    .community-mobile-channel { display:block; height:36px; min-width:0; flex:1; border:0; border-radius:3px; background:var(--community-soft); color:var(--community-text); padding:0 8px; font-size:13px; }
    .community-feed-controls { flex:1; }
}
@media(max-width:640px) { :root { --mu-community-top:75px; } .community-compose-page { padding-top:12px; } .community-compose-page .layout-shell { min-width:0; } }