/* A shared, bounded conversation surface: editorial space, familiar actions. */
.ed-reader>.d27-discussion{width:calc(100% - 88px)}
@media(max-width:700px){.ed-reader>.d27-discussion{width:calc(100% - 44px)}}
.d27-discussion{--d27-line:var(--line,#d1d9d8);--d27-ink:var(--ink,#182326);--d27-muted:var(--muted,#566268);--d27-accent:var(--accent,#176c89);color:var(--d27-ink);font:400 16px/1.55 var(--ui,-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif);margin:64px auto 32px;max-width:1080px;width:100%;border-top:1px solid var(--d27-line);padding-top:36px;scroll-margin-top:100px;box-sizing:border-box}
.d27-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:26px}.d27-eyebrow{font-size:16px;letter-spacing:.12em;text-transform:uppercase;color:var(--d27-accent);margin:0 0 10px}.d27-heading h2{font:500 clamp(27px,3vw,36px)/1.13 var(--ui,-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif);letter-spacing:-.035em;margin:0 0 12px}.d27-intro{margin:0;max-width:58ch;color:var(--d27-muted);font-size:17px}.d27-count{white-space:nowrap;font-size:16px;color:var(--d27-muted);padding-top:26px}
body .d27-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;max-width:100%;padding:8px 12px;border:1px solid transparent;border-radius:22px;background:transparent;color:var(--accent,#176c89);font:400 16px/1.4 var(--ui,-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif);letter-spacing:0;text-decoration:none;cursor:pointer;box-sizing:border-box;text-transform:none;white-space:normal}body .d27-action:hover{background:color-mix(in srgb,var(--accent,#176c89) 7%,transparent)}body .d27-action:focus-visible{outline:2px solid var(--accent,#176c89);outline-offset:3px}.d27-action svg{flex:none;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.d27-action[aria-pressed=true] svg{fill:color-mix(in srgb,var(--accent,#176c89) 16%,transparent)}body .d27-action:disabled{opacity:.48;cursor:default}.d27-engagement{display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px}.d27-engagement .d27-action{border-color:var(--line,#d1d9d8)}.d27-action-status{font-size:16px;line-height:1.5;color:var(--muted,#566268)}
.d27-composer{border:1px solid var(--d27-line);border-radius:20px;padding:24px;background:color-mix(in srgb,var(--paper,#fafaf7) 92%,var(--d27-accent));margin-bottom:30px}.d27-identity{display:flex;align-items:center;gap:13px;margin-bottom:18px}.d27-identity strong{display:block;font-size:17px;font-weight:550}.d27-mode{display:block;color:var(--d27-muted);font-size:16px}.d27-avatar{display:grid;place-items:center;width:42px;height:42px;aspect-ratio:1;min-width:42px;flex:none;border:1px solid var(--d27-line);border-radius:50%;background:var(--paper,#fafaf7);color:var(--d27-accent);font-size:18px;box-sizing:border-box}
.d27-discussion label{display:block;font-size:16px;line-height:1.5;font-weight:400;letter-spacing:0;color:var(--d27-ink);margin:0 0 8px}.d27-name{max-width:350px;margin-bottom:16px!important}.d27-discussion input,.d27-discussion textarea{display:block;box-sizing:border-box;width:100%;max-width:100%;min-height:46px;background:var(--paper,#fafaf7);color:var(--d27-ink);border:1px solid var(--d27-line);border-radius:10px;padding:12px 14px;font:400 16px/1.6 var(--ui,-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif);letter-spacing:0;margin:7px 0 0;resize:vertical}.d27-discussion textarea{min-height:116px}.d27-discussion input:focus,.d27-discussion textarea:focus{outline:2px solid var(--d27-accent);outline-offset:3px}.d27-discussion input::placeholder,.d27-discussion textarea::placeholder{color:var(--d27-muted);opacity:.85}
.d27-experience{margin:12px 0 14px;max-width:350px}.d27-experience summary{cursor:pointer;min-height:44px;display:flex;align-items:center;color:var(--d27-accent);font-size:16px}.d27-experience summary:after{content:'+';margin-left:10px}.d27-experience[open] summary:after{content:'−'}.d27-form-bottom{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;margin-top:16px}body .d27-primary{color:var(--paper,#fafaf7);background:var(--d27-accent,var(--accent,#176c89));border-color:transparent;padding-inline:22px;font-weight:500}body .d27-primary:hover{background:var(--ink,#182326);color:var(--paper,#fafaf7)}.d27-draft-state{font-size:16px;color:var(--d27-muted)}.d27-mode-note{font-size:16px;color:var(--d27-muted);margin:12px 0 0}.d27-mode-note a{color:var(--d27-accent);text-underline-offset:3px}.d27-status{font-size:16px;color:var(--d27-accent);margin:12px 0 0}.d27-status:empty{display:none}.d27-reply-context{display:flex;align-items:center;justify-content:space-between;gap:12px;border-left:2px solid var(--d27-accent);padding:4px 0 4px 14px;margin-bottom:16px;font-size:16px}.d27-reply-context>span{max-width:65ch;overflow-wrap:anywhere}.d27-pending{border-left:2px solid var(--d27-accent);padding:10px 18px;margin-bottom:28px}.d27-pending p{margin:4px 0 0;color:var(--d27-muted)}
.d27-list-tools{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:14px;scroll-margin-top:100px}.d27-list-tools>label{width:260px;margin:0}.d27-list-tools>a{align-self:center;color:var(--d27-accent);font-size:16px;text-decoration:none}.d27-list-tools>.d27-action{margin-left:auto}.d27-list-tools .tsl-select{margin-top:8px}.d27-comments{transition:opacity .15s}.d27-comments[aria-busy=true]{opacity:.65}.d27-comment{border-bottom:1px solid var(--d27-line);padding:28px 0;scroll-margin-top:100px;overflow-wrap:anywhere}.d27-comment:target{background:color-mix(in srgb,var(--d27-accent) 4%,transparent)}.d27-comment:focus{outline:none}.d27-comment:focus-visible{outline:2px solid var(--d27-accent);outline-offset:6px}.d27-comment-header{display:flex;gap:13px;align-items:center;margin-bottom:15px}.d27-comment-header strong{font-size:17px;font-weight:550;display:block}.d27-comment-header span:not(.d27-avatar){display:block;color:var(--d27-muted);font-size:16px}.d27-comment-prose{max-width:76ch;padding-left:55px;font-size:18px;line-height:1.65;white-space:pre-wrap}.d27-comment-prose p{margin:0 0 14px}.d27-comment-prose p:last-child{margin-bottom:0}.d27-comment-experience{margin:0 0 12px 55px;color:var(--d27-accent);font-size:16px}.d27-parent{display:block;margin:0 0 16px 55px;padding:10px 14px;border-left:2px solid var(--d27-line);color:var(--d27-muted);font-size:16px;text-decoration:none;max-width:68ch}.d27-comment-actions{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;margin:12px 0 0 43px}.d27-comment-actions .d27-action{font-size:16px}.d27-more{position:relative;font-size:16px;color:var(--d27-muted)}.d27-more summary{display:flex;align-items:center;min-height:44px;cursor:pointer;padding:8px 12px;box-sizing:border-box}.d27-more[open]>div{display:flex;flex-wrap:wrap;border:1px solid var(--d27-line);border-radius:12px;background:var(--paper,#fafaf7);padding:4px}.d27-report-form{margin:16px 0 0 55px;padding:18px;border:1px solid var(--d27-line);border-radius:12px}.d27-report-form textarea{min-height:70px}.d27-load-state{color:var(--d27-muted);max-width:60ch;font-size:17px;margin:25px 0}.d27-load-state:empty{display:none}.d27-pagination{margin-top:24px}.d27-discussion [hidden]{display:none!important}
@media(max-width:700px){.d27-discussion{margin-top:40px;padding-top:28px}.d27-heading{gap:12px;flex-wrap:wrap}.d27-count{padding:0}.d27-composer{padding:18px 15px;border-radius:16px}.d27-name{max-width:none}.d27-list-tools{flex-wrap:wrap;align-items:flex-end}.d27-list-tools>label{flex:1;min-width:180px}.d27-list-tools>a{flex-basis:100%;text-align:right}.d27-comment-prose{padding-left:0;font-size:17px}.d27-comment-actions{margin-left:0}.d27-parent,.d27-comment-experience,.d27-report-form{margin-left:0}.d27-reply-context{flex-wrap:wrap}.d27-form-bottom{gap:8px}.d27-draft-state{flex-basis:100%}.d27-engagement .d27-action{font-size:16px}}
@media(prefers-reduced-motion:reduce){.d27-comments{transition:none}}
.d27-moderation{max-width:1280px;width:calc(100% - 64px);margin:60px auto;color:var(--ink);border-top:1px solid var(--line);padding-top:32px;font:16px/1.5 var(--ui,-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif)}.d27-moderation h2{font-size:32px;letter-spacing:-.035em;font-weight:500;margin:0 0 12px}.d27-moderation header>p:last-child{color:var(--muted)}.d27-review-item{border-bottom:1px solid var(--line);padding:16px 0}.d27-review-item summary{cursor:pointer;display:grid;grid-template-columns:170px 1fr;gap:4px 24px;min-height:60px;align-items:start}.d27-review-item summary>span:last-child{grid-column:2;color:var(--muted);font-size:16px}.d27-review-item summary>span:first-child{font-size:16px;color:var(--accent)}.d27-review-item summary strong{font-weight:500}.d27-review-content{margin:22px 0 8px 194px}.d27-review-content .d27-comment-prose{white-space:pre-wrap;padding:0;overflow-wrap:anywhere}.d27-review-content .d27-comment-actions{margin-left:0}.d27-review-reason{border-left:2px solid var(--accent);padding-left:12px;color:var(--muted);font-size:16px}@media(max-width:700px){.d27-moderation{width:calc(100% - 36px)}.d27-review-item summary{grid-template-columns:1fr}.d27-review-item summary>span:last-child{grid-column:1}.d27-review-content{margin-left:0}}

/* Reader entry prioritises replies; the composer stays one explicit action away. */
.d27-discussion>.d27-composer{margin-top:28px}.d27-list-tools{flex-wrap:wrap}.d27-list-tools>.d27-primary{margin-left:0}.d27-list-tools>.d27-action:not(.d27-primary){margin-left:auto}
@media(max-width:700px){.d27-list-tools>.d27-primary{margin-left:0}.d27-list-tools>.d27-action{flex-shrink:0}}

.d28-examples{margin:10px 0 24px}.d28-example-label{font:400 16px/1.5 var(--ui);color:var(--muted);margin:0;padding:12px 0;border-bottom:1px solid var(--line)}
/* Keep reusable controls consistent inside legacy community page wrappers. */
body :is(.d27-engagement,.d27-discussion,.d27-moderation) .d27-action{border-radius:22px}
body .d27-discussion :is(input,textarea){border-radius:10px;padding:12px 14px;min-height:46px;font:400 16px/1.6 var(--ui,-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif)}
body .d27-discussion textarea{min-height:116px}
