/* Shared visual language of the approved index/workspace, applied to reading views. */
:root{--site-accent:var(--active-mask-color,#5b6574);--site-line:color-mix(in srgb,var(--site-accent) 18%,white);--site-soft:color-mix(in srgb,var(--site-accent) 8%,white);--site-ink:#253249;--site-muted:#627187;--site-radius:8px}
body.site-page{background:color-mix(in srgb,var(--site-accent) 3%,white);color:var(--site-ink)}
.site-page .content-reader,.site-page .poll-reader{box-sizing:border-box;width:100%;margin:0 auto;padding:14px 32px 28px;color:var(--site-ink);font-size:14px;line-height:1.45}
.site-page .content-reader,.site-page .poll-reader.has-analysis{max-width:1320px}
.site-page .content-reader *,.site-page .poll-reader *{box-sizing:border-box}
.site-page .aggregate-grid,.site-page .message-grid{grid-template-columns:minmax(0,1fr) 300px;gap:28px;direction:ltr}
.site-page :is(.aggregate-main,.aggregate-sidebar,.message-grid>*,.poll-primary,.poll-analysis,.poll-sidebar){direction:ltr;min-width:0}
html[dir=rtl] .site-page :is(.aggregate-main,.aggregate-sidebar,.message-grid>*,.poll-primary,.poll-analysis,.poll-sidebar){direction:rtl}

/* A title precedes its tabs; neither is presented as a second white card. */
.site-page .reader-heading{margin:0 0 14px;padding:0;border:0;background:transparent}
.site-page .reader-eyebrow{margin:0 0 3px;color:var(--site-muted);font-size:13px;line-height:1.2}
.site-page :is(#readerFeedTitle,#contentHeading>h1,#pollTitle){margin:0 0 4px;font-size:clamp(1.5rem,2.4vw,1.9rem);font-weight:650;line-height:1.2;letter-spacing:-.45px;overflow-wrap:anywhere}
.site-page #readerFeedTitle.stream-label{align-items:flex-start;gap:8px;max-width:100%}
.site-page #readerFeedTitle .stream-language-flag{width:22px;height:16px;flex:none;margin-block-start:.3em}
.site-page #readerFeedTitle .stream-label-name{white-space:normal;overflow-wrap:anywhere}
.site-page #contentHeading>h1{margin-block:6px}
.site-page .poll-byline{font-size:12px;gap:6px 12px;margin-block:6px 12px}
.site-page :is(#pollSchedule,#pollVotingPolicy,#pollResultsPolicy){font-size:12px;line-height:1.45;margin-block:6px}
.site-page :is(#contentStatus,#pollStatus):empty{display:none}

/* Identical line tabs for the index, workspace, public streams and information. */
:root .site-tabs[data-responsive-tabs]{gap:clamp(8px,2.2vw,26px);width:100%;margin:0 0 14px;border:0;border-block-end:1px solid var(--site-line);padding:0}
:root .site-tabs[data-responsive-tabs]>.responsive-tab-slot>:is(button,a),.site-tabs[data-responsive-tabs]>.responsive-tabs-more>button{max-width:260px;margin:0;padding:6px 0;border:0;border-block-end:2px solid transparent;border-radius:0;background:transparent;color:var(--site-muted);font-size:14px;font-weight:600;line-height:1.3;text-align:start;text-decoration:none}
:root .site-tabs[data-responsive-tabs] :is(button,a):is([aria-pressed=true],[aria-selected=true],.active){background:transparent;color:var(--site-accent);border-block-end-color:var(--site-accent)}
:root .site-tabs[data-responsive-tabs] :is(button,a):not(:disabled):not([aria-disabled=true]):hover{background:transparent;color:var(--site-accent);border-block-end-color:color-mix(in srgb,var(--site-accent) 45%,white)}
:root .site-tabs[data-responsive-tabs] :is(button,a):focus-visible{outline:2px solid var(--site-accent);outline-offset:2px}
:root .site-tabs[data-responsive-tabs] .stream-language-flag{flex:none}

/* Sidebar sections use the same compact surfaces as the current workspace. */
.site-page .aggregate-sidebar,.site-page .message-sidebar>.content-heading,.site-page .poll-analysis-section{border:1px solid var(--site-line);border-radius:var(--site-radius);padding:16px;background:#fff;box-shadow:0 2px 5px #20324c03}
.site-page .stream-sidebar>.content-heading{margin:0 0 14px;padding:0;border:0;border-radius:0;background:transparent}
.site-page .stream-sidebar #communityMembership{border-block-start:1px solid var(--site-line);padding-block-start:14px}
.site-page :is(.aggregate-sidebar,.message-sidebar,.poll-analysis-section) :is(h2,h3,summary){margin:0 0 10px;font-size:14px;font-weight:600;line-height:1.35;overflow-wrap:anywhere}
.site-page :is(.aggregate-sidebar,.message-sidebar) p{margin-block:8px;font-size:12px;line-height:1.5}
.site-page .content-meta{font-size:12px;color:var(--site-muted);gap:6px 12px}
.site-page .content-welcome{margin-block-start:10px;font-size:13px;line-height:1.5}
.site-page .aggregate-streams{gap:4px}
.site-page .aggregate-streams>button{width:100%;justify-content:flex-start;gap:6px;min-width:0;text-align:start;border:1px solid var(--site-line);border-radius:5px;background:#fff;color:var(--site-ink);padding:6px 8px}
.site-page .aggregate-streams>button[aria-pressed=true]{background:var(--site-soft);border-color:var(--site-accent);color:var(--site-accent)}
.site-page .aggregate-streams .stream-label-copy{flex:1;min-width:0}
.site-page .aggregate-streams .stream-label-name{white-space:normal;overflow-wrap:anywhere}
.site-page #contentStreamLink{display:inline-flex;background:transparent;border:0;border-radius:0;padding:0;color:var(--site-accent)}
.site-page .stream-sidebar :is(#contentStreamLink,#contentTitle){display:none!important}
.site-page #personalityStreamMenu>summary{cursor:pointer;font-size:13px;font-weight:600;margin-block:10px}
.site-page :is(.aggregate-sidebar,.message-sidebar,.poll-analysis-section) :is(input:not([type=radio]):not([type=checkbox]),select,textarea){width:100%;max-width:100%;min-width:0;min-height:32px;border:1px solid var(--site-line);border-radius:5px;padding:6px 8px;background:#fff;color:inherit;font:inherit;font-size:12px}
.site-page :is(.aggregate-sidebar,.message-sidebar,.poll-analysis-section) label{display:block;margin:10px 0 4px;font-size:12px}
.site-page :is(.aggregate-sidebar,.message-sidebar) label:has(>input:is([type=checkbox],[type=radio])){display:flex;align-items:flex-start;gap:12px}
.site-page :is(.aggregate-sidebar,.message-sidebar) input:is([type=checkbox],[type=radio]){width:16px;height:16px;flex:none;accent-color:var(--site-accent);margin:0}

/* Reading cards retain the index's reading size; editor cards remain compact. */
.site-page .post{padding:24px 24px 0;margin-block-end:20px;border-color:#e0e6ef;border-radius:11px;box-shadow:0 2px 5px #20324c03}
.site-page .post .post-head{margin-block-end:20px}
.site-page .post .post-stream{font-size:15px;font-weight:600}
.site-page .post .post-user{font-size:13px}
.site-page .post .post-times{font-size:12px;gap:6px 12px}
.site-page .post .post-identity{grid-template-columns:42px minmax(0,1fr)}
.site-page .post .post-stream-avatar{width:42px;height:42px;border:0;background:var(--site-soft);color:var(--site-accent)}
.site-page .post :is(.message-text,.content-text){font-size:15px;line-height:1.8}
[data-content=message] .site-page .post .content-text{padding:0;border:0;border-radius:0;background:transparent;margin-block-end:19px}
.site-page .post-cut>summary{color:var(--site-accent)}
.site-page .content-heading:not(.reader-heading){border-color:var(--site-line);border-radius:var(--site-radius)}

/* Secondary forms, lists and dialogs follow the accepted palette/spacing too. */
:is(.site-page,.cabinet-page,.index-ui) :is(.questionnaire-info,.questionnaire-form,.invitation-card,.comment-node){border-color:var(--site-line);border-radius:var(--site-radius)}
.homepage :is(.questionnaire-info,.questionnaire-form){padding:16px;margin-block-end:16px}
.homepage .questionnaire-form{gap:14px}
:is(.site-page,.cabinet-page,.index-ui) :is(.questionnaire-chip,.comment-continuation,.personality-menu-check[aria-checked=true]){background:var(--site-soft)}
:is(.site-page,.cabinet-page,.index-ui) .comment-actions button[aria-pressed=true]{background:var(--site-soft);border-color:var(--site-accent);color:var(--site-accent)}
:is(.site-page,.cabinet-page,.index-ui) #invitationIncoming{border-inline-start-color:var(--site-accent)}
.account-dialog{border-color:var(--site-line);border-radius:var(--site-radius);font-size:14px;color:var(--site-ink)}
.account-dialog h2{margin-block:0 12px;font-size:18px;line-height:1.3}
.account-dialog input:not([type=radio]):not([type=checkbox]){min-height:32px;border-color:var(--site-line);border-radius:5px}
.account-dialog button{border-color:var(--site-line);color:var(--site-accent);font-size:12px;border-radius:5px}
.account-dialog input:is([type=radio],[type=checkbox]){accent-color:var(--site-accent)}
.account-dialog :is(input,select,textarea,button):focus-visible,.site-page main :is(input,select,textarea):focus-visible{outline:2px solid var(--site-accent);outline-offset:2px}
.account-dialog button:not(:disabled):hover{background:var(--site-soft)}

@media(max-width:1100px){.site-page :is(.aggregate-grid,.message-grid){grid-template-columns:minmax(0,1fr) 270px;gap:22px}}
@media(max-width:850px){.site-page .content-reader,.site-page .poll-reader{padding-inline:20px}.site-page :is(.aggregate-grid,.message-grid){grid-template-columns:minmax(0,1fr)}.site-page .aggregate-sidebar{grid-row:1}.site-page .message-sidebar{grid-row:auto}}
@media(max-width:540px){.site-page .content-reader,.site-page .poll-reader{padding:12px 14px 24px}.site-tabs[data-responsive-tabs]>.responsive-tab-slot>:is(button,a),.site-tabs[data-responsive-tabs]>.responsive-tabs-more>button{font-size:13px}.site-page .post{padding:18px 16px 0}.site-page .post :is(.message-text,.content-text,.post-stream){font-size:14px}.site-page .post .post-times{font-size:11px}.site-page .aggregate-sidebar{padding:14px}}

.entry form{box-sizing:border-box;padding:24px;border:1px solid var(--site-line);border-radius:var(--site-radius);background:#fff}.entry input{border-color:var(--site-line)}.entry input:focus-visible{outline-color:var(--site-accent)}

.site-page #pollReader.has-sidebar{max-width:1320px}
.site-page #pollReader.has-sidebar .poll-layout{grid-template-columns:minmax(0,1fr) 300px;gap:28px}
.site-page .poll-sidebar{min-width:0;direction:ltr}.site-page .poll-sidebar :is(p,label){font-size:12px;line-height:1.5}
html[dir=rtl] .site-page .poll-sidebar{direction:rtl}
.site-page #pollSettings p:empty{display:none}
.site-page #pollSettings select{display:block;width:100%;min-width:0;margin-block-start:4px}
@media(max-width:1100px){.site-page #pollReader.has-sidebar .poll-layout{grid-template-columns:minmax(0,1fr) 270px;gap:22px}}
@media(max-width:850px){.site-page #pollReader.has-sidebar .poll-layout{grid-template-columns:minmax(0,1fr)}.site-page .poll-sidebar{grid-row:1}.site-page .poll-sidebar #pollSettings{margin-block-end:12px}}

.poll-result-levels{display:block;min-width:0;border:0;padding:0;margin:0;width:100%}
.poll-result-levels legend{font-size:12px;font-weight:600;margin-block-end:6px}
.poll-result-levels .list-group-item{display:flex!important;align-items:center;gap:12px;margin:0!important;padding:6px 8px;border:1px solid var(--site-line);background:#fff;font-size:12px;line-height:1.4;cursor:pointer}
.poll-result-levels .list-group-item+.list-group-item{border-block-start:0}
.poll-result-levels .list-group-item:first-child{border-radius:5px 5px 0 0}.poll-result-levels .list-group-item:last-child{border-radius:0 0 5px 5px}
.poll-result-levels .is-selected{background:var(--site-soft)}
.poll-result-levels .result-level-name{display:flex;align-items:center;gap:6px;min-width:0;overflow-wrap:anywhere}
.poll-result-levels .personality-icon{width:14px;height:14px;flex:none}
.poll-result-levels .form-text{margin-block:6px;font-size:11px;color:var(--site-muted)}
.poll-result-levels>button{margin-block-start:6px}