/* Scoped reading-room styling for native comments and community widgets. */
.mkc-community{--mkc-ink:#092b3b;--mkc-muted:#526477;--mkc-orange:#bc370a;--mkc-mint:#edf9f6;--mkc-line:#dce8e2;position:relative;min-width:0;padding:24px;border:1px solid #e8e4d9;border-radius:14px;background:linear-gradient(145deg,#fff7e7 0%,#fffefa 53%,#edf9f6 100%);color:var(--mkc-ink);font-size:16px;line-height:1.7;overflow-wrap:anywhere;isolation:isolate}
.mkc-community:before{content:"❧";position:absolute;right:18px;top:10px;font-size:35px;line-height:1;color:#dd713e;opacity:.6;pointer-events:none;z-index:-1}
.mkc-community [hidden]{display:none!important}
.mkc-community h2,.mkc-community h3,.mkc-community .widget-title{margin:0 30px 8px 0;font-size:25px;line-height:1.5;color:var(--mkc-ink)}
.mkc-community p{margin:8px 0 14px}
.mkc-community [data-mkc-status]{color:var(--mkc-muted);font-size:16px;line-height:1.7}
.mkc-community [data-mkc-count]{display:block;width:fit-content;font-size:14px;font-variant-numeric:tabular-nums;background:#d7f2ed;border-radius:30px;padding:3px 12px;margin:12px 0;color:#075e54}
.mkc-community [data-mkc-signin]{min-width:0;max-width:100%}
.mkc-community [data-mkc-google]{box-sizing:border-box;width:100%;max-width:320px;min-width:0;min-height:44px;padding-inline:12px;margin:18px 0 14px}
.mkc-community .mkc-google-caption{display:block;font-size:14px;line-height:1.7;margin:-7px 0 12px;color:var(--mkc-ink)}
.mkc-community [data-mkc-google]:focus-visible{outline:3px solid #087467;outline-offset:4px;border-radius:4px}
.widget:has(.mkc-community){min-width:0}
.mkc-community [data-mkc-member]{margin-top:16px}
.mkc-community [data-mkc-follow]{display:inline-flex;justify-content:center;align-items:center;min-height:44px;max-width:100%;padding:9px 19px;border:1px solid var(--mkc-orange);border-radius:26px;background:var(--mkc-orange);color:#fff;font:inherit;font-weight:650;line-height:1.6;cursor:pointer;transition:background-color .15s}
.mkc-community [data-mkc-follow]:hover{background:#922e0c;border-color:#922e0c}
.mkc-community [data-mkc-follow].is-following{background:#fffefa;color:#92300e;border-color:#cf9f88}
.mkc-community [data-mkc-follow].is-following:hover{background:#fff0e5}
.mkc-community [data-mkc-public-row]{display:flex;align-items:flex-start;gap:10px;margin:17px 0 8px;font-size:15px;line-height:1.65;cursor:pointer}
.mkc-community [data-mkc-public]{flex:0 0 auto;width:19px;height:19px;margin:3px 0 0;accent-color:#087467;cursor:pointer}
.mkc-community [data-mkc-public]:disabled{cursor:default}
.mkc-community [data-mkc-public-row]:has(input:disabled){color:#526477}
.mkc-community [data-mkc-logout]{display:inline-block;min-height:36px;padding:6px 0;color:#8f330f;text-decoration:underline;text-underline-offset:4px;font-size:14px}
.mkc-community [data-mkc-message]{font-size:14px;color:#075e54;margin:12px 0 0;line-height:1.65}
.mkc-community [data-mkc-message]:empty{display:none}
.mkc-community [data-mkc-message].is-error{color:#9b261d;background:#fff0e8;padding:9px 12px;border-left:3px solid #bd4d38;border-radius:4px}
.mkc-community [data-mkc-empty]{font-size:14px;color:var(--mkc-muted);border-top:1px solid var(--mkc-line);padding-top:15px}
.mkc-community .mkc-privacy-note,.mkc-community .mkc-data-note,.mkc-community .mkc-google-notice,.mkc-community .mkc-native-login{font-size:14px;color:var(--mkc-muted);line-height:1.75}
.mkc-community .mkc-privacy-note a,.mkc-community .mkc-data-note a,.mkc-community .mkc-google-notice a,.mkc-community .mkc-native-login a{color:#96320e;text-decoration:underline;text-underline-offset:3px}
.mkc-community [data-mkc-followers]{list-style:none;margin:20px 0 0;padding:18px 0 0;border-top:1px solid var(--mkc-line);display:grid;grid-template-columns:repeat(auto-fit,minmax(64px,1fr));gap:16px 9px}
.mkc-community [data-mkc-followers]:empty{display:none}
.mkc-community .mkc-follower{min-width:0;max-width:110px;margin:0;padding:0;text-align:center;justify-self:center;width:100%}
.mkc-community .mkc-avatar{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:2px solid #fff;outline:1px solid #c1ddd4;border-radius:50%;margin:0 auto 7px;background:#d7f2ed;color:#075e54;font-size:22px;font-weight:600;line-height:1;overflow:hidden}
.mkc-community .mkc-avatar img{display:block;width:100%;height:100%;object-fit:cover}
.mkc-community .mkc-follower-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.7}
.mkc-community :is(a,button,input):focus-visible,.comments-area :is(a,button,input,textarea):focus-visible{outline:3px solid #087467;outline-offset:4px}
.mkc-community button:disabled{opacity:.65;cursor:wait}
.mkc-community.is-busy [data-mkc-google]{pointer-events:none}
.comments-area{margin-top:42px;padding-top:28px;border-top:1px solid #e3e8e1;overflow-wrap:anywhere;min-width:0}
.comments-area>.mkc-community{margin:22px 0 30px}
.comments-area .mk-comments-heading{font-size:30px;margin:0 0 20px;line-height:1.5;display:flex;align-items:center;gap:13px}
.comments-area .mk-comments-heading:before{content:"❧";font-size:32px;color:#dc642d}
.comments-area .comment-list,.comments-area .comment-list .children{list-style:none;margin:0;padding:0}
.comments-area .comment-list .children{padding-left:26px;border-left:2px solid #d7f2ed;margin:0 0 18px 23px}
.comments-area .mk-comment-card{background:#fffefa;border:1px solid #e4e7e0;border-radius:13px;padding:22px;margin-bottom:17px}
.comments-area .mk-comment-header{display:flex;align-items:center;gap:12px;margin-bottom:13px}
.comments-area .mk-comment-avatar{position:relative;display:flex;align-items:center;justify-content:center;flex:0 0 42px;width:42px;height:42px;border-radius:50%;background:#d7f2ed;color:#075e54;font-size:22px;line-height:1;overflow:hidden}
.comments-area .mk-comment-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.comments-area .mk-comment-meta{min-width:0;line-height:1.5}
.comments-area .mk-comment-author{font-weight:650;font-size:18px;color:#092b3b}
.comments-area .mk-comment-meta time{font-size:13px;color:#526477;display:block;font-variant-numeric:tabular-nums}
.comments-area .mk-comment-content{color:#233d4c;line-height:1.85;font-size:18px}
.comments-area .mk-comment-content p{margin:0 0 12px}
.comments-area .mk-comment-content>*:last-child{margin-bottom:0}
.comments-area .mk-comment-content img{max-width:100%;height:auto}
.comments-area .mk-comment-content pre{white-space:pre-wrap}
.comments-area .mk-comment-content a{color:#a3340d;text-decoration:underline;text-underline-offset:3px}
.comments-area .mk-comment-actions{display:flex;flex-wrap:wrap;gap:8px 19px;margin-top:13px;font-size:14px}
.comments-area .mk-comment-actions a{display:inline-block;min-height:36px;padding-block:6px;color:#a3340d;text-decoration:underline;text-underline-offset:4px}
.comments-area .mk-comment-pending{padding:9px 12px;background:#fff3db;border-radius:6px;color:#77501c;font-size:15px;margin:0 0 14px}
.comments-area .comment-respond{background:#edf9f6;border:1px solid #dceae4;border-radius:14px;padding:27px;margin-top:28px}
.comments-area .comment-reply-title{font-size:27px;line-height:1.5;margin:0 0 8px}
.comments-area #cancel-comment-reply-link{display:inline-block;font-size:15px;color:#96320e;margin-left:15px;padding:7px 0;text-decoration:underline;text-underline-offset:3px}
.comments-area .comment-notes,.comments-area .logged-in-as,.comments-area .must-log-in{font-size:15px;color:#526477;line-height:1.7;margin:9px 0 19px}
.comments-area .comment-form p{margin:0 0 17px}
.comments-area .comment-form label{display:block;font-size:16px;font-weight:550;margin-bottom:6px;color:#173d4a}
.comments-area .comment-form .required{color:#a52f0b}
.comments-area .comment-form textarea,.comments-area .comment-form input:not([type=checkbox]):not([type=submit]){box-sizing:border-box;display:block;width:100%;max-width:100%;border:1px solid #aebfb8;border-radius:8px;padding:12px 14px;background:#fff;color:#092b3b;font-size:17px;line-height:1.7}
.comments-area .comment-form textarea{resize:vertical;min-height:160px}
.comments-area .comment-form input[type=email]{direction:ltr;text-align:left}
.comments-area .comment-form-cookies-consent{display:flex;align-items:flex-start;gap:10px}
.comments-area .comment-form-cookies-consent input{flex:0 0 auto;width:18px;height:18px;margin:5px 0 0;accent-color:#087467}
.comments-area .comment-form-cookies-consent label{font-size:14px;font-weight:400;line-height:1.75}
.comments-area .comment-form input[type=submit]{background:#bc370a;color:#fff;border:1px solid #bc370a;border-radius:26px;padding:10px 23px;min-height:44px;max-width:100%;white-space:normal;cursor:pointer;font-weight:650}
.comments-area .comment-form input[type=submit]:hover{background:#922e0c}
.comments-area .comment-form .form-submit{margin-bottom:0}
.comments-area .comment-navigation,.comments-area .comments-pagination{margin:20px 0}
.comments-area .comments-closed{color:#526477;font-size:16px}
@media(min-width:700px){.comments-area>.mkc-community [data-mkc-followers]{grid-template-columns:repeat(10,minmax(0,1fr))}}
@media(max-width:740px){.sidebar .widget:has(.mkc-community),.site-sidebar .widget:has(.mkc-community){grid-column:1/-1}.mkc-community{padding:21px}.comments-area{margin-top:30px}.comments-area .mk-comment-card{padding:18px}.comments-area .comment-list .children{padding-left:13px;margin-left:9px}.comments-area .comment-respond{padding:21px}.comments-area .mk-comments-heading{font-size:26px}.comments-area .comment-reply-title{font-size:24px}}
@media(max-width:380px){.mkc-community{padding:17px}.comments-area .mk-comment-card,.comments-area .comment-respond{padding:16px}.comments-area .comment-list .children{padding-left:7px;margin-left:4px}.comments-area .mk-comment-content{font-size:17px}}
@media(prefers-reduced-motion:reduce){.mkc-community *{transition:none!important;scroll-behavior:auto!important}}
/* Original Blogger followers stay separate from the native reader community. */
.mkc-blogger-followers{box-sizing:border-box;min-width:0;max-width:100%;padding:18px;border:1px solid #e2e8df;border-radius:13px;background:#fffefa;overflow-wrap:anywhere;color:#233d4c}
.mkc-blogger-followers h2{margin:0 0 12px;font-size:23px;line-height:1.5;color:#092b3b}
.mkc-blogger-followers p{margin:0 0 12px;font-size:15px;line-height:1.75}
.mkc-blogger-followers .mkc-blogger-followers__count{margin:14px 0 5px;color:#092b3b;font-size:24px;font-weight:650;font-variant-numeric:tabular-nums}
.mkc-blogger-followers .mkc-blogger-followers__checked{color:#526477;font-size:14px;font-variant-numeric:tabular-nums}
.mkc-blogger-followers .mkc-blogger-followers__link a{display:inline-block;min-height:40px;padding:7px 0;color:#a3340d;text-decoration:underline;text-underline-offset:4px}
.mkc-blogger-followers .mkc-blogger-followers__link a:focus-visible{outline:3px solid #087467;outline-offset:4px}
.mkc-blogger-followers .mkc-blogger-followers__disclaimer{color:#526477;font-size:13px}
.mkc-blogger-followers .mkc-blogger-followers__link:last-child{margin-bottom:0}
@media(max-width:740px){.sidebar .widget:has(.mkc-blogger-followers),.site-sidebar .widget:has(.mkc-blogger-followers){grid-column:1/-1}}
