.fr-post{min-height:24px}.fr-counts{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.fr-chip,.fr-choice,.fr-close{font:inherit;cursor:pointer;color:#cbd9ea}.fr-chip{display:inline-flex;gap:6px;align-items:center;border:1px solid #41516a;background:#29303b;border-radius:18px;padding:3px 10px 3px 5px;min-height:38px}.fr-chip.fr-selected{background:#304b6a;border-color:#82bdf7;color:#fff}.fr-chip .fr-emoji{width:30px!important;height:30px!important;object-fit:contain}.fr-emoji{width:40px!important;height:40px!important;object-fit:contain;display:block;max-width:none!important}.fr-heart{font-size:28px;line-height:1;display:inline-block}.fr-picker{position:fixed;z-index:10050;width:320px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);overflow:auto;padding:12px;border:1px solid #455568;border-radius:16px;background:#1c2630;box-shadow:0 10px 35px #0008;box-sizing:border-box}.fr-picker-heading{display:flex;align-items:center;justify-content:space-between;color:#b7c9dd;font-size:13px;padding:0 0 8px}.fr-close{background:none;border:0;font-size:24px;padding:0 6px}.fr-picker-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.fr-choice{display:flex;align-items:center;justify-content:center;min-height:48px;border:1px solid transparent;border-radius:10px;background:transparent;padding:3px}.fr-choice:hover,.fr-choice[aria-pressed=true]{background:#34465b;border-color:#6998c7}.fr-chip:focus-visible,.fr-choice:focus-visible,.fr-close:focus-visible{outline:2px solid #8dc5ff;outline-offset:2px}.fr-error{font-size:12px;color:#e8b1ab;margin-top:6px}.fr-post[aria-busy=true]{opacity:.65;pointer-events:none}@media(max-width:600px){.fr-counts{gap:5px}.fr-chip{min-height:40px}.fr-picker{width:300px}} 

/* Compact forum reactions */
.fr-post{min-height:0}.fr-counts{gap:4px}.fr-chip{gap:4px;min-height:28px;padding:2px 7px 2px 3px;border-radius:14px;font-size:12px;line-height:1}.fr-chip .fr-emoji{width:22px!important;height:22px!important}.fr-picker{width:252px;padding:8px;border-radius:12px;max-height:calc(100vh - 16px)}.fr-picker-heading{font-size:12px;padding-bottom:4px}.fr-picker-grid{gap:3px}.fr-choice{min-height:40px;padding:2px;border-radius:8px}.fr-choice .fr-emoji{width:32px!important;height:32px!important}@media(max-width:600px){.fr-picker{width:260px}.fr-counts{gap:4px}.fr-chip{min-height:32px}.fr-choice{min-height:44px}}

/* Breathing room between the divider and reaction badges. */
.fr-counts:not(:empty){padding:8px 0;gap:6px}
.fr-chip{box-sizing:border-box;min-height:30px;padding:3px 9px 3px 5px;gap:5px;border-radius:15px;border-color:#3c4859;background:#272f3a;line-height:1.2;transition:background-color .15s,border-color .15s}
.fr-chip>span{font-weight:600;font-variant-numeric:tabular-nums}
.fr-chip:hover{background:#303d4d;border-color:#6383a8}
.fr-chip.fr-selected{background:#304b6a;border-color:#82bdf7;color:#fff}
@media(max-width:600px){.fr-chip{min-height:32px}.fr-counts:not(:empty){padding:8px 0}}

.fr-picker-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:3px}.fr-picker{max-height:calc(100vh - 16px);overflow-y:auto}.fr-emoji.fr-unicode{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-size:27px;font-weight:400;line-height:1}.fr-chip>.fr-emoji.fr-unicode{width:24px;height:24px;font-size:21px;font-weight:400}.fr-choice{min-width:0}

.new > p.news-publication-meta {
 margin-top:15px;
 padding-top:15px;
 border-top:1px solid #2a2931;
 color:#aeaeae;
}
.new > p.news-publication-meta > span {display:inline-block;margin-right:10px;}
.new > .news-reaction-bar {display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:8px;padding-top:0;}
.new > .news-reaction-bar .fr-counts:not(:empty) {padding:4px 0;}

/* Keep the author's badges aligned with the login. */
.new > p.news-publication-meta > .news-author-meta {display:inline-flex;align-items:center;gap:4px;vertical-align:middle;}
.new > p.news-publication-meta .news-author-login {display:inline-block;}
.new > p.news-publication-meta .news-user-badges {display:inline-flex;align-items:center;gap:4px;margin:0 0 0 2px;padding:0;vertical-align:middle;}
.new > p.news-publication-meta .news-user-badge {display:inline-flex;align-items:center;justify-content:center;margin:0;padding:0;line-height:1;vertical-align:middle;}
.new > p.news-publication-meta .news-user-badge img {display:block;width:20px;height:20px;object-fit:contain;margin:0;vertical-align:middle;transform:none;position:static;}

.comment .news-comment-reaction-bar {display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:8px 0 2px;}
.comment .news-comment-reaction-bar .fr-counts:not(:empty) {padding:0;}
.comment .news-add-reaction {display:inline-flex;align-items:center;justify-content:center;flex:none;width:32px;height:32px;padding:5px;border:1px solid transparent;border-radius:50%;background:transparent;color:#9299a5;cursor:pointer;}
.comment .news-add-reaction:hover,.comment .news-add-reaction[aria-expanded=true] {color:#a9cef5;background:#2b3440;border-color:#41516a;}
.comment .news-add-reaction:focus-visible {outline:2px solid #8dc5ff;outline-offset:2px;}
.comment .news-add-reaction svg {display:block;flex:none;}
@media(max-width:600px){.comment .news-add-reaction{width:40px;height:40px;}}

/* Compact spacing for news comments only. */
#comments .comment {padding-top:12px;padding-bottom:10px;}
.comment .news-comment-reaction-bar {margin-top:4px;margin-bottom:0;}
.comment .news-add-reaction {color:#aeb8c7;}



/* The add button has its own fixed column, even when reactions wrap. */
.comment .news-comment-reaction-bar {display:grid;grid-template-columns:32px minmax(0,1fr);align-items:start;gap:6px;}
.comment .news-comment-reaction-bar > .news-add-reaction {box-sizing:border-box;grid-column:1;grid-row:1;justify-content:center;align-items:center;padding:0;width:32px;height:32px;}
.comment .news-comment-reaction-bar > .fr-post {grid-column:2;grid-row:1;min-width:0;}
@media(max-width:600px){.comment .news-comment-reaction-bar{grid-template-columns:40px minmax(0,1fr)}.comment .news-comment-reaction-bar > .news-add-reaction{width:40px;height:40px}}

/* Same fixed add-reaction control below the news article. */
.new > .news-reaction-bar {display:grid;grid-template-columns:32px minmax(0,1fr);align-items:start;gap:6px;}
.new > .news-reaction-bar > .news-add-reaction {display:inline-flex;box-sizing:border-box;grid-column:1;grid-row:1;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid transparent;border-radius:50%;background:transparent;color:#aeb8c7;cursor:pointer;}
.new > .news-reaction-bar > .fr-post {grid-column:2;grid-row:1;min-width:0;}
.new > .news-reaction-bar .fr-counts:not(:empty) {padding:0;}
.new > .news-reaction-bar .news-add-reaction:hover,.new > .news-reaction-bar .news-add-reaction[aria-expanded=true] {color:#a9cef5;background:#2b3440;border-color:#41516a;}
.new > .news-reaction-bar .news-add-reaction:focus-visible {outline:2px solid #8dc5ff;outline-offset:2px;}
.new > .news-reaction-bar .news-add-reaction svg {display:block;flex:none;}
@media(max-width:600px){.new > .news-reaction-bar{grid-template-columns:40px minmax(0,1fr)}.new > .news-reaction-bar > .news-add-reaction{width:40px;height:40px}}

/* Forum-like action footer, scoped to news comments. */
#comments .news-comment-card {display:grid;grid-template-columns:76px minmax(0,1fr);column-gap:12px;row-gap:10px;}
#comments .news-comment-card > a {grid-column:1;grid-row:1;float:none;justify-self:center;align-self:start;}
#comments .news-comment-card > .news-comment-content {grid-column:2;grid-row:1;float:none;width:auto;min-width:0;}
#comments .news-comment-card > .news-comment-footer {grid-column:1 / -1;float:none;width:auto;min-width:0;display:grid;grid-template-columns:76px minmax(0,1fr);column-gap:12px;border-top:1px solid #2a2931;padding-top:8px;overflow:visible;}
.news-comment-footer .news-comment-tools {display:flex;align-items:flex-start;justify-content:center;gap:4px;}
.news-comment-footer .news-comment-tools .news-add-reaction {box-sizing:border-box;padding:0;justify-content:center;}
.news-comment-footer > .fr-post {min-width:0;align-self:start;}
.news-comment-footer .fr-counts:not(:empty) {padding:0;}
@media(max-width:600px){#comments .news-comment-card,#comments .news-comment-card > .news-comment-footer{grid-template-columns:84px minmax(0,1fr);column-gap:8px;}}

/* Individual comment cards; no repeated internal separator lines. */
#comments .comment.news-comment-card {box-sizing:border-box;padding:14px;margin:0 0 12px;border:1px solid #33323c;border-radius:10px;background:#1d1d24;row-gap:6px;}
#comments .news-comment-card > .news-comment-footer {border-top:0;padding-top:0;}
#comments .news-comment-card .news-comment-tools .news-add-reaction {width:28px;height:28px;}
#comments .news-comment-card .news-comment-tools .news-add-reaction svg {width:16px;height:16px;}
#comments .news-comment-card .with_code blockquote {margin:8px 0;padding:10px 12px;border-left:3px solid #628cb9;border-radius:5px;background:#272731;}
#comments .news-comment-card:target {border-color:#628cb9;}
@media(max-width:600px){#comments .comment.news-comment-card{padding:10px;column-gap:8px}#comments .news-comment-card .news-comment-tools .news-add-reaction{width:36px;height:36px;}}

/* Internal dividers meet the outer card border. */
#comments .comment.news-comment-card {--avatar-column:76px;--card-inset:14px;--column-gap:12px;position:relative;}
#comments .comment.news-comment-card::before {content:"";position:absolute;top:0;bottom:0;left:calc(var(--card-inset) + var(--avatar-column) + var(--column-gap) / 2);width:1px;background:#33323c;pointer-events:none;}
#comments .news-comment-card > .news-comment-footer {position:relative;padding-top:8px;}
#comments .news-comment-card > .news-comment-footer::before {content:"";position:absolute;top:0;left:calc(-1 * var(--card-inset));right:calc(-1 * var(--card-inset));height:1px;background:#33323c;pointer-events:none;}
@media(max-width:600px){#comments .comment.news-comment-card{--avatar-column:84px;--card-inset:10px;--column-gap:8px;}}

/* Reduce unused space while keeping both internal dividers aligned. */
#comments .comment.news-comment-card {--avatar-column:60px;--card-inset:10px;--column-gap:10px;grid-template-columns:var(--avatar-column) minmax(0,1fr);column-gap:var(--column-gap);row-gap:5px;padding:10px 10px 4px;margin-bottom:10px;}
#comments .news-comment-card > .news-comment-footer {grid-template-columns:var(--avatar-column) minmax(0,1fr);column-gap:var(--column-gap);padding-top:4px;align-items:center;}
#comments .news-comment-card .news-comment-tools {gap:2px;align-items:center;}
#comments .news-comment-card .news-comment-tools .news-add-reaction {width:28px;height:28px;}
#comments .news-comment-card > a > .news-comment-avatar-image {margin-right:0;}
@media(max-width:600px){#comments .comment.news-comment-card{--avatar-column:68px;--card-inset:8px;--column-gap:8px;padding:8px 8px 4px;}#comments .news-comment-card .news-comment-tools .news-add-reaction{width:32px;height:32px;}}

/* Comfortable text inset and a separate, compact article reaction footer. */
#comments .news-comment-card > .news-comment-content,
#comments .news-comment-footer > .fr-post {padding-left:7px;box-sizing:border-box;}
.new > .news-reaction-bar {border-top:1px solid #33323c;margin-top:12px;padding-top:6px;column-gap:12px;align-items:center;}
.new > .news-reaction-bar > .fr-post {border-left:1px solid #33323c;padding-left:12px;min-height:32px;display:flex;align-items:center;min-width:0;}
.news-composer-actions.smile_input_forum {display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.news-composer-actions #send_btn {width:auto;min-width:120px;margin:0;padding:7px 20px;}
.news-composer-actions #news_smile_picker,
.news-composer-actions .news-attach-image {flex:0 0 32px;width:32px;height:32px;margin:0;float:none;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;border:1px solid transparent;border-radius:50%;cursor:pointer;}
.news-composer-actions .news-attach-image {padding:0;background:transparent;color:#aeb8c7;}
.news-composer-actions .news-attach-image svg {width:20px;height:20px;display:block;}
.news-composer-actions #news_smile_picker:hover,
.news-composer-actions .news-attach-image:hover {background:rgba(102,159,215,.12);border-color:rgba(102,159,215,.35);}
.news-composer-actions .news-attach-image:focus-visible {outline:2px solid #77b8ed;outline-offset:2px;}
@media(max-width:600px){.news-composer-actions #news_smile_picker,.news-composer-actions .news-attach-image{width:40px;height:40px;flex-basis:40px;}}

/* News composer: one surface and matched icon controls. */
.news-composer {border:1px solid #383b48;border-radius:12px;background:#1b1c23;box-shadow:0 4px 16px rgba(0,0,0,.12);}
.news-composer:focus-within {border-color:#628db8;}
.news-composer .tox.tox-tinymce {border:0!important;border-radius:12px 12px 0 0;height:260px!important;}
.news-composer .tox .tox-editor-header,
.news-composer .tox .tox-toolbar,
.news-composer .tox .tox-toolbar__primary,
.news-composer .tox .tox-toolbar-overlord {background:#252731!important;box-shadow:none!important;}
.news-composer .tox .tox-toolbar__group {border-color:#3b3e49!important;}
.news-composer .tox .tox-tbtn {color:#b8c1ce!important;background:transparent;}
.news-composer .tox .tox-tbtn svg {fill:currentColor!important;}
.news-composer .tox .tox-tbtn:hover,
.news-composer .tox .tox-tbtn--enabled {background:#394657!important;color:#dceaff!important;}
.news-composer .tox .tox-tbtn--disabled {opacity:.4;}
.news-composer .tox .tox-edit-area__iframe {background:#1b1c23!important;}
.news-composer .tox .tox-statusbar {background:#1b1c23!important;border-color:#30333e!important;color:#9ba6b6!important;}
.news-composer .tox .tox-statusbar a,
.news-composer .tox .tox-statusbar__path-item {color:#9ba6b6!important;}
.news-composer .news-composer-actions {margin:0!important;padding:10px 12px;border-top:1px solid #353844;gap:8px;min-height:60px;}
.news-composer .news-composer-actions #send_btn {border:1px solid #497caf!important;border-radius:8px;background:#326a9f!important;box-shadow:none!important;color:#fff;letter-spacing:0;font-size:14px;line-height:20px;min-height:38px;padding:8px 20px;}
.news-composer .news-composer-actions #send_btn:hover {background:#3c7ab5!important;}
.news-composer .news-composer-actions #news_smile_picker,
.news-composer .news-composer-actions #news_attach_button {display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 38px;width:38px;height:38px;min-width:38px;padding:0!important;margin:0!important;border:1px solid transparent;border-radius:8px;background:transparent!important;color:#b1bdcd!important;line-height:1;position:static;box-shadow:none;}
.news-composer #news_smile_picker::before,.news-composer #news_smile_picker::after {content:none!important;display:none!important;}
.news-composer .news-composer-actions #news_smile_picker svg,
.news-composer .news-composer-actions #news_attach_button svg {display:block;width:22px;height:22px;margin:0;flex:none;}
.news-composer .news-composer-actions #news_smile_picker:hover,
.news-composer .news-composer-actions #news_attach_button:hover {color:#d6e8ff!important;background:#2d3949!important;border-color:#455b73;}
.news-composer .news-composer-actions button:focus-visible {outline:2px solid #83b8ef;outline-offset:2px;}
.news-composer #news_upload_status {font-size:12px;color:#aebbd0;}
.news-composer #news_upload_status:empty {display:none;}
.news-composer button:disabled,.news-composer #send_btn:disabled {opacity:.5;cursor:wait;}
@media(max-width:600px){.news-composer .news-composer-actions{padding:8px;gap:6px;}.news-composer #news_upload_status{flex-basis:100%;}.news-composer .tox.tox-tinymce{height:280px!important;}}

/* Reserve editor space before TinyMCE hides the textarea. */
.news-composer .news-editor-slot {height:260px!important;min-height:260px!important;}
.news-composer .news-editor-slot .tox.tox-tinymce {height:260px!important;}
.news-composer .news-composer-actions #news_smile_picker,
.news-composer .news-composer-actions #news_attach_button {background-image:none!important;opacity:1!important;filter:none!important;color:#b1bdcd!important;font-size:0!important;}
.news-composer .news-composer-actions #news_smile_picker svg,
.news-composer .news-composer-actions #news_attach_button svg {width:22px!important;height:22px!important;opacity:1!important;filter:none!important;fill:none!important;stroke:#b1bdcd!important;stroke-width:1.7!important;}
.news-composer .news-composer-actions #news_smile_picker svg *,
.news-composer .news-composer-actions #news_attach_button svg * {fill:none!important;stroke:inherit!important;stroke-width:inherit!important;}

/* Hide the technical element breadcrumb in the comment editor. */
.news-composer .tox .tox-statusbar__path {display:none!important;}

/* Profile wall-specific controls and author decoration. */
.profile-wall-composer .news-composer-actions #smile_btn,
.profile-wall-composer .news-composer-actions #profile_wall_attach{display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 38px;width:38px;height:38px;padding:0!important;margin:0!important;border:1px solid transparent;border-radius:8px;background:transparent!important;color:#b1bdcd!important;font-size:0!important;box-sizing:border-box}
.profile-wall-composer .news-composer-actions #smile_btn svg,.profile-wall-composer .news-composer-actions #profile_wall_attach svg{display:block;width:22px;height:22px;stroke:currentColor;fill:none}
.profile-wall-composer .news-composer-actions #smile_btn:hover,.profile-wall-composer .news-composer-actions #profile_wall_attach:hover{color:#d6e8ff!important;background:#2d3949!important;border-color:#455b73}
.profile-wall-composer #profile_wall_upload_status{font-size:12px;color:#aebbd0}
.pwr-comment-card .author{display:flex!important;align-items:center;gap:4px;flex-wrap:wrap}.pwr-comment-card .news-user-badge img{display:block;width:18px;height:18px;object-fit:contain}.pwr-avatar{position:relative;display:block;width:54px;height:54px}.pwr-avatar .news-comment-avatar-image{width:54px!important;height:54px!important;border-radius:50%;object-fit:cover}.pwr-avatar .news-comment-avatar-frame{position:absolute;inset:-5px;width:64px;height:64px;z-index:2;pointer-events:none}.pwr-reply{width:28px;height:28px;border:0;background:transparent;color:#aeb8c7;border-radius:50%;cursor:pointer}.pwr-reply:hover{background:#2d3949;color:#d6e8ff}
@media(max-width:600px){#comments .pwr-comment-card{grid-template-columns:52px minmax(0,1fr)!important}.pwr-avatar,.pwr-avatar .news-comment-avatar-image{width:46px!important;height:46px!important}.pwr-avatar .news-comment-avatar-frame{width:56px;height:56px}.pwr-comment-card .date{font-size:11px}.profile-wall-composer .news-composer-actions #smile_btn,.profile-wall-composer .news-composer-actions #profile_wall_attach{width:40px;height:40px;flex-basis:40px}}


/* Match the news card geometry; avatar occupies real grid height. */
#comments .pwr-comment-card > .pwr-avatar{position:relative;display:block;box-sizing:border-box;width:50px!important;height:50px!important;min-height:50px;float:none;margin:0;align-self:start;justify-self:center}
#comments .pwr-comment-card > .pwr-avatar > .news-comment-avatar-image{position:relative;display:block;width:50px!important;height:50px!important;margin:0!important;object-fit:cover;border-radius:50%}
#comments .pwr-comment-card > .pwr-avatar > .news-comment-avatar-frame{position:absolute;inset:-5px;width:60px!important;height:60px!important;max-width:none;margin:0!important;z-index:2;pointer-events:none}
#comments .pwr-comment-card > .news-comment-content{min-height:50px;overflow:visible}
#comments .pwr-comment-card .info{height:auto;min-height:18px;display:flow-root}
#comments .pwr-comment-card .news-user-badges{display:inline-flex;align-items:center;gap:4px}
#comments .pwr-comment-card .news-user-badge img{width:18px;height:18px;max-width:18px;display:block;object-fit:contain}
#comments .pwr-comment-card > .news-comment-footer{clear:both;overflow:visible}
@media(max-width:600px){#comments .pwr-comment-card{--avatar-column:68px;grid-template-columns:var(--avatar-column) minmax(0,1fr)!important}#comments .pwr-comment-card .date{float:none;clear:both;padding-top:3px}}
