/* Shared content surfaces, aligned to the approved four design boards. */
:root{--content-line:#e8edf4;--content-muted:#7d8ba0;--content-soft:#f6f8fb}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.field-error{display:block;margin:6px 0 0;color:#b42318;font-size:12px;font-weight:400;line-height:1.6}
[aria-invalid=true],.ui-select-trigger[aria-invalid=true]{border-color:#d96b60!important}.content-editor:has(textarea[aria-invalid=true]){border-color:#d96b60}
dialog{box-shadow:0 24px 80px #152b4d26;border-color:var(--content-line)}dialog::backdrop{background:#13233c66;backdrop-filter:blur(3px)}
#post-editor,#experience-editor,#share-dialog{width:min(920px,calc(100vw - 48px));max-width:calc(100vw - 48px);max-height:calc(100dvh - 48px);padding:0;overflow:hidden;border-radius:16px}
#experience-editor,#share-dialog{width:min(800px,calc(100vw - 48px))}
#experience-form,#post-form,#share-form{display:flex;flex-direction:column;min-height:0;max-height:inherit;margin:0}
#experience-editor .composer-heading,#post-editor .composer-heading,#share-dialog .composer-heading{display:flex;align-items:center;position:static;flex:none;gap:14px;margin:0;padding:20px 28px;border-bottom:1px solid var(--content-line);background:#fff}
.composer-heading-title{display:flex;align-items:center;gap:12px;min-width:0;flex:none}.composer-heading-title>.ui-icon{width:22px;height:22px;color:#344b6d}
#post-editor .composer-heading h2,#experience-editor .composer-heading h2,#share-dialog .composer-heading h2{margin:0;font-size:19px;line-height:1.5;letter-spacing:0;font-weight:650}
#post-editor .composer-heading .close,#experience-editor .composer-heading .close,#share-dialog .composer-heading .close{display:grid;place-items:center;flex:none;margin:0;padding:0;width:32px;height:32px;font-size:25px;border-radius:6px;color:#61738b}.composer-heading .close:hover{background:#f5f7fa}
.composer-heading-status{min-width:0;flex:1;display:flex;justify-content:flex-end}.composer-heading-status .composer-draft{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:4px 9px;margin:0;padding:0;border:0;border-radius:0;background:transparent;font-size:11px;line-height:1.6;color:#61738b}
.composer-heading-status .composer-draft[hidden]{display:none}.composer-heading-status .composer-draft>.ui-icon{width:20px;height:20px;color:var(--primary);flex:none}.composer-heading-status [data-composer-draft-status]{min-width:0;max-width:290px;flex:none}
.composer-heading-status .composer-draft button{padding:3px 0;font-size:10px;white-space:nowrap;color:var(--content-muted)}.composer-heading-status .composer-draft button:hover{color:var(--primary)}.composer-heading-status .composer-draft pre{flex-basis:100%;max-height:100px;overflow:auto;white-space:pre-wrap}
#post-editor .post-editor-content,#share-dialog .question-editor-content,#experience-editor .editor-content{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scroll-padding:24px}
.composer-dialog fieldset{min-width:0;margin:0;padding:0;border:0}#post-editor .post-editor-content,#share-dialog .question-editor-content{padding:20px 28px}
.composer-dialog label{min-width:0;font-size:12px;font-weight:500;color:var(--text-secondary)}.composer-dialog em{font-style:normal;color:var(--primary)}.composer-dialog small{font-size:11px;font-weight:400;color:var(--content-muted)}
#post-fields .composer-title,#share-fields .composer-title,#experience-editor .composer-title{display:block;position:relative;margin:0 0 16px;padding:0 0 13px;border-bottom:1px solid var(--content-line)}
#post-fields .composer-title input,#share-fields .composer-title input,#experience-editor .composer-title input{width:100%;height:48px;min-height:48px;margin:0;padding:6px 72px 6px 0;border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--text-primary);font-size:24px;line-height:1.5;font-weight:600;letter-spacing:-.4px}
.composer-dialog .composer-title input::placeholder{color:#9ba7b6;font-weight:500}.composer-dialog .composer-title:focus-within{border-bottom-color:#9bb8fa}.composer-counter{position:absolute;right:0;top:17px;color:#8796ad;font-size:11px;font-weight:400;font-variant-numeric:tabular-nums}
#post-fields .composer-category{display:inline-block;width:auto;margin:0 0 14px}.composer-category .ui-select,.chip-select,.composer-taxonomy .ui-select{width:auto;margin:0}
#post-fields .composer-category .ui-select-trigger,.composer-dialog .chip-select .ui-select-trigger{height:32px;min-height:32px;padding:6px 12px;gap:8px;border:0;border-radius:10px;background:#edf3ff;color:var(--primary);font-size:12px;white-space:nowrap}
.composer-category .ui-select-trigger .ui-icon,.chip-select .ui-select-trigger .ui-icon{color:var(--primary);width:13px;height:13px}
.composer-meta{padding:14px 16px;background:var(--content-soft);border:0;border-radius:10px;margin:14px 0 0}.composer-meta-heading{font-size:12px;font-weight:500;margin-bottom:10px;color:var(--text-secondary)}
.composer-meta-grid{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.composer-meta-grid>label{display:block;margin:0!important;flex:none;min-width:0}.composer-meta-grid .meta-company{width:135px}.composer-meta-grid .meta-role{width:132px}.composer-meta-grid .meta-round{width:116px}.composer-meta-grid .meta-date{width:122px}.composer-meta-grid .meta-team{width:143px;position:relative}
.composer-meta .ui-select,.composer-meta .ui-autocomplete,.composer-meta .date-input{margin:0}body.content-v6 :is(#experience-editor,#share-dialog) .composer-meta :is(input,.ui-select-trigger,.date-input){height:36px!important;min-height:36px!important;background:transparent!important;border:0;border-bottom:1px solid transparent;border-radius:5px;margin:0;font-size:12px!important;padding:7px 9px;line-height:1.5;box-shadow:none;outline:none}
body.content-v6 :is(#experience-editor,#share-dialog) .composer-meta :is(input,.ui-select-trigger,.date-input):is(:hover,:focus,:focus-visible,[aria-expanded=true]){background:#edf2fa!important;border-bottom-color:#9bb8fa;box-shadow:none;outline:none}
body.content-v6 :is(#experience-editor,#share-dialog) .composer-meta :is(input,.ui-select-trigger,.date-input)[aria-invalid=true]{border-bottom-color:#ce6858}
body.content-v6 :is(#experience-editor,#share-dialog) .composer-meta .ui-select.has-icon>.ui-select-trigger{padding-left:32px!important;padding-right:9px!important;height:auto!important;min-height:36px!important}
.composer-meta-grid>.meta-role,.composer-meta-grid>.meta-round{width:auto;max-width:100%}
.composer-meta-grid :is(.meta-role,.meta-round) .ui-select{width:auto;max-width:100%;min-width:112px}
.composer-meta-grid :is(.meta-role,.meta-round) .ui-select-value{white-space:normal;overflow:visible;overflow-wrap:anywhere;text-overflow:clip}
.composer-meta .ui-select.has-icon>.ui-icon{left:9px}
.composer-meta .ui-select-trigger{gap:7px;justify-content:flex-start}.composer-meta .ui-select-trigger>.ui-icon:last-child{margin-left:auto;width:12px;height:12px}.composer-meta .ui-select-trigger>.ui-icon:first-child{width:16px;height:16px;color:#4d6381;transform:none}
.ui-autocomplete.has-icon>.ui-icon{position:absolute;left:9px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:#4d6381;pointer-events:none}.composer-meta .ui-autocomplete.has-icon input{padding-left:31px!important;padding-right:25px!important}.composer-meta .ui-autocomplete-toggle{width:24px;height:28px;right:2px}.composer-meta .ui-autocomplete-toggle .ui-icon{width:12px;height:12px}
.composer-meta .date-input{display:flex;align-items:center;justify-content:flex-start;gap:7px}.composer-meta .date-input .ui-icon,.composer-meta .date-input-icon{width:16px;height:16px;order:-1;flex:none}.composer-meta .meta-team input{width:100%}body.content-v6 :is(#experience-editor,#share-dialog) .composer-meta .meta-team input{padding-left:31px}.meta-team-icon{position:absolute;left:9px;top:50%;transform:translateY(-50%);width:16px;height:16px;pointer-events:none}.meta-team-icon .ui-icon{width:16px;height:16px}
.composer-extra{margin:0;padding:0;border:0;flex:1 1 156px;min-width:0}.composer-extra>summary{display:flex;align-items:center;gap:6px;padding:0 9px;list-style:none;cursor:pointer;font-size:11px;font-weight:500;min-height:36px;color:var(--primary);white-space:nowrap}.composer-extra>summary::-webkit-details-marker{display:none}.composer-extra>summary .ui-icon{width:16px;height:16px;flex:none}.composer-extra[open]{flex-basis:100%}.composer-extra .form-grid{margin-top:8px;padding:0 9px 0 31px}.composer-extra .form-grid input{width:100%;margin-top:6px}.composer-extra .source-field-help{display:none}
/* Match supplemental labels and values to the company field's text, rather than its icon. */
.composer-meta-heading{padding-left:31px}
body.content-v6 #experience-editor .composer-extra .form-grid input{padding-left:0;padding-right:0}
.composer-taxonomy{display:flex;align-items:center;gap:10px;margin:0 0 18px}.composer-taxonomy>label{display:block;flex:none;margin:0!important}.composer-taxonomy .ui-select-trigger,.difficulty-select .ui-select-trigger{height:32px;min-height:32px;padding:6px 12px;font-size:12px;border:0;border-radius:9px;background:#fff;gap:7px}
.difficulty-select[data-value="中等"] .ui-select-trigger{color:#cc7a19;background:#fff4e2!important;border:0!important}.difficulty-select[data-value="基础"] .ui-select-trigger{color:#3c8870;background:#edf8f3!important;border:0!important}.difficulty-select[data-value="困难"] .ui-select-trigger{color:#b95653;background:#fff0ef!important;border:0!important}.difficulty-select .ui-icon{color:inherit!important;width:12px;height:12px}
.composer-source{display:flex!important;align-items:center;gap:12px;padding:13px 15px;background:var(--content-soft);border-radius:10px;margin:16px 0 24px!important}.composer-source>[data-ui-icon]{flex:none}.composer-source .ui-icon{width:20px;height:20px;color:#4d6381}.source-input{display:block;flex:1;min-width:0}.source-input>span{font-size:12px;font-weight:400}.composer-source input{width:100%;height:36px;min-height:36px;padding:8px 10px;border-radius:7px;background:white;font-size:12px;margin-top:5px}.composer-source>button{font-size:20px;color:#8898ad;align-self:flex-end;width:28px;height:36px}
.composer-source:has(input:placeholder-shown)>[data-clear-source]{visibility:hidden;pointer-events:none}
.composer-source>[data-clear-source]:hover{color:var(--primary);background:#eaf1ff;border-radius:6px}
.algorithm-writing-section{margin:24px 0 0}.algorithm-writing-section h3{font-size:17px;margin:0 0 10px}.algorithm-writing-section h3 small{font-size:11px;margin-left:7px}
.content-editor{position:relative;border:1px solid var(--content-line);border-radius:9px;background:#fff;overflow:visible;transition:border-color .15s,box-shadow .15s;min-width:0;margin-top:0}.content-editor:focus-within{border-color:#9bb8fa;box-shadow:0 0 0 3px #2e63ee0a}
.content-editor textarea{font-size:14px;line-height:1.85;resize:vertical;padding:12px 14px!important;color:var(--text-primary);min-height:88px}.content-editor textarea::placeholder{color:#8c9aaf;font-weight:400}
.content-toolbar{display:flex;align-items:center;gap:8px;padding:7px 10px;border-bottom:0;border-top:1px solid var(--content-line);background:#fff;border-radius:0 0 9px 9px;flex-wrap:nowrap}.content-format-tools,.content-insert-tools{display:flex;align-items:center;gap:4px;min-width:0}.content-insert-tools{padding-left:9px;border-left:1px solid var(--content-line)}
.content-toolbar button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:28px;min-height:32px;padding:5px 6px;color:#344b6d;font-size:12px;font-weight:500;border:0;background:transparent;border-radius:6px;line-height:1.5}.content-toolbar button:hover:not(:disabled),.content-toolbar button[aria-pressed=true]{background:#f0f5ff;color:var(--primary)}.content-icon{display:block;width:17px;height:17px;flex:none}.content-toolbar [data-preview]{padding-left:7px;padding-right:7px;white-space:nowrap}.content-toolbar [data-poll-add]{margin:0!important;border:0!important;font-size:12px!important}.content-more-trigger>span{display:none}.content-toolbar-spacer{flex:1;min-width:0}
.content-more-popover,.question-actions-menu{position:fixed;inset:auto;margin:0;padding:6px;border:1px solid #e0e7f1;border-radius:10px;background:#fff;box-shadow:0 10px 30px #2038591c;max-width:calc(100vw - 24px);overflow:auto;min-width:165px}.content-more-popover:not(:popover-open),.question-actions-menu:not(:popover-open){display:none}.content-more-popover::backdrop,.question-actions-menu::backdrop{background:transparent;backdrop-filter:none}.content-more-popover [role=menuitem],.question-actions-menu [role=menuitem]{display:flex;width:100%;align-items:center;justify-content:flex-start;gap:9px;padding:9px 10px;min-height:36px;color:#344b6d;font-size:12px;border:0;background:white;border-radius:6px}.content-more-popover [role=menuitem]:hover,.question-actions-menu [role=menuitem]:hover{background:#f1f5fb}.content-more-popover [role=menuitem]::after{content:attr(title)}.content-more-popover [role=menuitem]:has(span)::after{content:none}.question-actions-menu button:disabled{color:#a7b1bf}
.content-editor-hint{margin:0;padding:3px 12px 8px;border:0;background:#fff;font-size:10px;line-height:1.5;color:#8b98ad}.content-preview{min-height:88px;padding:12px 14px;margin:0;max-height:450px;overflow:auto}.content-editor.is-readonly .content-toolbar button:disabled{opacity:.4}
#post-fields>.content-editor{border:0;border-radius:0;box-shadow:none;margin-top:0}#post-fields>.content-editor textarea{height:220px;min-height:160px;max-height:none;padding:7px 0 26px!important;resize:vertical}#post-fields>.content-editor .content-preview{min-height:220px;padding:7px 0 26px}#post-fields>.content-editor .content-toolbar{padding:10px 0;border-radius:0}#post-fields>.content-editor .content-editor-hint{position:absolute;top:44px;left:0;padding:0;pointer-events:none;background:transparent;font-size:11px}#post-fields>.content-editor.has-content .content-editor-hint,#post-fields>.content-editor:has(.content-preview:not([hidden])) .content-editor-hint{display:none}
#share-fields .algorithm-writing-section>.content-editor{border:0;box-shadow:none;border-radius:0}.algorithm-writing-section .content-editor textarea{padding:0 0 12px!important;min-height:90px}.algorithm-writing-section:first-of-type .content-editor textarea{height:136px}.algorithm-writing-section:first-of-type .content-toolbar,.algorithm-writing-section:first-of-type .content-editor-hint{display:none}.algorithm-writing-section .content-preview{padding:0 0 12px}.algorithm-writing-section .content-toolbar{padding:8px 0;border-radius:0}.algorithm-writing-section .content-editor-hint{padding:4px 0}
#post-editor .forum-editor-footer,#share-dialog .composer-footer,#experience-editor .editor-footer{display:flex;align-items:center;justify-content:space-between;gap:8px 16px;flex-wrap:wrap;flex:none;position:static;margin:0;padding:14px 28px;border-top:1px solid var(--content-line);background:#fff}
.composer-dialog .editor-publish-status{min-width:0;flex:1}.composer-dialog .editor-publish-status>span{display:block;margin:4px 0 0 26px;font-size:10px;color:var(--content-muted)}.composer-dialog .identity-control{display:flex;align-items:center;flex-wrap:wrap;margin:0;gap:6px 10px}.composer-dialog .identity-control label{margin:0;font-size:12px;min-height:22px;color:var(--text-primary);font-weight:600}.identity-control .identity-hint{border-left:1px solid #dce4f0;padding-left:10px;font-size:11px;color:var(--content-muted)}.identity-help{display:flex;align-items:center;flex:none;color:#8495ae}.identity-help .ui-icon{width:14px;height:14px}
.composer-submit-actions{display:flex;align-items:center;gap:10px;flex:none}#post-editor .forum-editor-footer .button,#share-dialog .composer-footer .button,#experience-editor .editor-footer .button{min-height:42px;padding:10px 18px;font-size:13px;border-radius:8px;white-space:nowrap}.composer-dialog .draft-save{border:1px solid #d8e1ee;background:#fff;color:var(--primary)}.composer-dialog .form-error{flex-basis:100%;margin:0;font-size:12px;line-height:1.6}.composer-dialog .form-error:empty{display:none}
#experience-editor .editor-section{padding:20px 28px;border-bottom:0}#experience-editor .editor-section:first-child{padding-bottom:16px}#experience-editor .editor-section:nth-child(2){padding-top:0}#experience-editor .editor-section h3{font-size:15px;gap:10px}#experience-editor .editor-section h3>span{display:none}#experience-editor .editor-section-title{border-top:1px solid var(--content-line);padding-top:18px;margin-bottom:12px}#experience-editor .editor-section-title>span{display:none}#experience-question-count{font-size:12px;font-weight:500;min-width:28px;height:24px;border-radius:12px;color:var(--primary);background:#eaf1ff;display:inline-grid;place-items:center}
#experience-editor .experience-question-editor{margin-top:12px;padding:12px 14px;border:1px solid var(--content-line);border-radius:9px;background:#fff}#experience-editor .question-editor-heading{padding:0;border:0;margin:0;gap:10px}#experience-editor .question-number{width:24px;height:24px;background:transparent;color:#344b6d;font-size:12px}#experience-editor .question-editor-heading .ui-select.question-kind{width:auto}#experience-editor .question-editor-heading .ui-select-trigger{height:28px;min-height:28px;font-size:11px;padding:4px 10px;border:0;background:#edf3ff;color:var(--primary);border-radius:9px;gap:6px}#experience-editor .question-kind .ui-icon{color:inherit;width:12px;height:12px}#experience-editor .question-editor-heading .question-actions{display:flex;align-items:center;gap:5px;margin-left:auto}#experience-editor .question-actions>button{display:grid;place-items:center;width:26px;height:28px;padding:0;color:#657b98}#experience-editor .question-actions .ui-icon{width:17px;height:17px}.question-grip{cursor:grab}.question-grip:active{cursor:grabbing}
#experience-editor .question-editor-line{display:flex;align-items:flex-start;gap:12px;margin:7px 0 2px 34px;flex-wrap:wrap}#experience-editor .question-editor-title{display:block;flex:1 1 240px;margin:0!important;min-width:0}#experience-editor .question-editor-title textarea{height:32px;min-height:32px;max-height:100px;border:0;border-radius:0;background:#fff;box-shadow:none;resize:none;margin:0;padding:3px 0;font-size:15px;font-weight:600;line-height:1.6;width:100%}#experience-editor .question-editor-settings{display:flex;gap:8px;margin:0;align-items:center}#experience-editor .question-editor-settings label{margin:0}#experience-editor .question-editor-settings .ui-select{margin:0;width:auto;max-width:155px}#experience-editor .question-editor-settings .ui-select-trigger{height:30px;min-height:30px;padding:4px 10px;font-size:11px;background:#fff;border:1px solid #e4eaf3;border-radius:7px;gap:8px}
#experience-editor .question-followup-label{display:block;font-size:12px;font-weight:400;margin:6px 0 0 34px;color:#61738b}#experience-editor .question-followup-label>span{display:none}#experience-editor .experience-question-editor>.content-editor--followup{margin-left:34px;border:0;border-radius:0;box-shadow:none}#experience-editor .content-editor--followup textarea{height:28px;min-height:28px;padding:0!important;font-size:12px;line-height:1.8;resize:none;background:#fff!important}#experience-editor .content-editor--followup .content-toolbar,#experience-editor .content-editor--followup .content-editor-hint{display:none}
#experience-editor .question-source-link{display:flex;align-items:center;gap:7px;margin:6px 0 5px 34px}#experience-editor .question-source-link>.ui-icon{width:15px;height:15px;flex:none;color:var(--primary)}#experience-editor .question-source-link input{height:28px;min-height:28px;margin:0;padding:2px 0;font-size:12px;color:var(--primary);background:#fff;border:0;box-shadow:none}.question-source-link .field-error{flex-basis:100%}
#experience-editor .add-question-actions{gap:10px;margin-top:12px}#experience-editor .add-question-actions button{border:1px solid #afc5ff;background:#fff;color:var(--primary);padding:8px 15px;font-size:12px;border-radius:7px}#experience-editor .editor-help{font-size:10px;margin-bottom:0;color:#99a5b6}#experience-editor .editor-review{margin:0 28px 20px;padding:11px 13px;background:var(--content-soft);border:1px solid var(--content-line);border-radius:9px}#experience-editor .editor-review summary{justify-content:flex-start;gap:9px;padding:0;list-style:none}#experience-editor .editor-review summary>span{font-size:0}#experience-editor .editor-review summary .ui-icon{width:13px;height:13px;color:#657b98}#experience-editor .editor-review summary h3{font-size:12px;font-weight:500;margin:0}#experience-editor .editor-review>.content-editor{margin-top:9px}#experience-editor .editor-review .content-editor textarea{height:65px;min-height:65px;font-size:12px;padding:10px 12px!important}#experience-editor .editor-review .content-editor-hint{display:none}
.poll-editor{padding:14px 16px;border:1px solid #e5ebf3;background:var(--content-soft);border-radius:9px;margin:16px 0 0}.poll-editor-heading{display:flex;align-items:center;gap:12px;margin:0 0 3px}.poll-editor-heading>span{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:400;color:#344b6d}.poll-editor-heading .ui-icon{width:16px;height:16px;flex:none}.poll-editor-heading>[data-poll-remove]{width:26px;height:28px;min-width:26px;order:3;font-size:20px;color:#7d8fa8;padding:0}.poll-editor .poll-settings{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;margin:0 0 0 auto}.poll-settings label{margin:0!important}.poll-settings .ui-select{width:auto;margin:0}.poll-settings .ui-select-trigger{height:30px;min-height:30px;font-size:11px;padding:5px 10px;border-radius:8px;background:white;gap:10px}.poll-settings .ui-icon{width:12px;height:12px}.poll-editor .poll-question-field{margin:0!important}.poll-editor [data-poll-question]{border:0;background:transparent;box-shadow:none;height:33px;min-height:33px;padding:3px 0;margin:0;font-size:15px;font-weight:600}.poll-option-editor{display:flex;gap:10px;margin:6px 0}.poll-editor .poll-option-editor>input{height:32px;min-height:32px;padding:5px 10px;border:1px solid #e1e8f2;background:white;border-radius:6px;font-size:12px;margin:0}.poll-option-editor>button{width:22px;height:32px;min-width:22px;padding:0;color:#7d8fa8;font-size:18px}.poll-option-grip{cursor:grab}.poll-option-grip .ui-icon{width:14px;height:14px}.poll-editor [data-poll-option-add]{margin-top:3px;border:1px solid #e1e8f2;background:#fff;border-radius:7px;padding:6px 11px;font-size:11px;color:#4f6c99}.poll-custom-deadline{font-size:11px;margin:10px 0 0}.poll-custom-deadline input{margin-top:6px;background:white}.poll-editor [hidden]{display:none!important}

.rich-content{font-size:14px;line-height:1.85;color:var(--text-secondary);overflow-wrap:anywhere}
.rich-content h2,.rich-content h3{color:var(--text-primary);font-weight:600;line-height:1.6}
.rich-content blockquote{border-left:3px solid #d6e2f7;background:#f8fafc;color:#63738a;padding:8px 14px;border-radius:0 6px 6px 0}
.content-code{border-color:var(--content-line);border-radius:9px}.content-code-heading{background:#f5f7fa;color:#738095;border-bottom-color:var(--content-line)}
.content-code pre{background:#f8fafc;font-size:12px;line-height:1.8}
.content-table th{background:#f7f9fc}
.comment-thread{border-top:0;padding-top:0;margin-top:0}
.comment,.experience-comment.comment,.forum-reply.comment{display:flex;align-items:flex-start;gap:12px;padding:18px 0;border-bottom:1px solid var(--content-line)}
.comment-main{flex:1;min-width:0}.comment-main>.rich-content{margin-top:8px;font-size:13px;line-height:1.85}
.comment .comment-avatar{display:grid;place-items:center;width:30px;height:30px;flex:none;margin:0;padding:0;border-radius:50%;background:#f0f4fa;color:#637a9c;font-size:12px}
.comment-main>.comment-meta{display:flex;align-items:center;flex-wrap:wrap;gap:7px 10px;min-height:28px}
.comment-main>.comment-meta time{margin-left:auto;font-size:11px;color:#8c97a7}
.comment-main>.comment-actions{margin-top:8px}
.thread-content>.comment:last-child{border-bottom:0}
.comment-main>blockquote{margin:8px 0;font-size:12px;color:#778397;border-left:2px solid #dce5f3;padding:6px 10px;background:#f8fafc}
.comment-main>blockquote p{margin:4px 0 0;line-height:1.6}
.comment-replies{margin:12px 0 14px 42px;border:0;border-left:2px solid #e7edf5;border-radius:0;background:transparent;overflow:visible}
.comment-replies>summary{padding:5px 0 5px 15px;font-size:12px;font-weight:500;min-height:34px}
.comment-replies .thread-content{padding:0 0 0 16px;border-top:0;background:transparent}
.comment-meta,.experience-comment-meta,.forum-reply-meta{gap:8px;font-size:12px}
.comment-meta time,.experience-comment-meta time,.forum-reply-meta time{font-size:11px;color:#8c97a7}
.comment .author-avatar,.experience-comment .author-avatar,.forum-reply .author-avatar{width:30px;height:30px;flex:none;font-size:12px;background:#f0f4fa;color:#637a9c}
.comment-actions,.forum-reply-actions,.experience-comment-actions{font-size:11px;color:var(--content-muted);gap:12px}
.reply-context,.parent-comment{border-left:2px solid #dce5f3;background:#f8fafc;padding:6px 10px;border-radius:0 5px 5px 0;font-size:12px}
#comment-form,#experience-comment-form,#post-reply-form{margin-top:20px}
#comment-form>.content-editor,#experience-comment-form>.content-editor,#post-reply-form>.content-editor{border-color:#e2e9f2}
#comment-form .content-editor textarea,#experience-comment-form .content-editor textarea,#post-reply-form .content-editor textarea{min-height:104px;font-size:13px}
.comment-form-footer,.experience-comment-footer,.forum-reply-footer{padding-top:10px;align-items:center}
.comment-form-footer .button,.experience-comment-footer .button,.forum-reply-footer .button{border-radius:8px;min-height:40px;font-size:12px}
#note-dialog .content-editor{margin-top:14px}#note-dialog #note-body{min-height:240px}
#note-status{font-size:12px;color:var(--content-muted)}
.private-badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;border-radius:5px;padding:4px 7px;background:#f0f4fa;color:#657792}
#note-dialog .note-private{display:inline-flex;align-items:center;border-radius:5px;padding:5px 9px;font-size:11px;background:#f0f4fa;color:#657792}
#detail-content>h2,#experience-detail-content>h2,#post-heading h2{font-size:25px;line-height:1.6;letter-spacing:-.4px;margin-top:18px;margin-bottom:14px}
.detail-meta,.experience-tags{gap:8px;font-size:12px}.detail-knowledge{background:#fafbfd;border-color:var(--content-line)}
.detail-body.rich-content,.forum-post-body.rich-content{font-size:14px;line-height:1.9}
.experience-detail-questions>section{border-color:var(--content-line);border-radius:9px;background:#fafbfd}
.experience-detail-questions .question-number{background:#edf2f9;color:#72829b;font-size:12px}
.experience-evaluations{border-color:var(--content-line);background:#fafbfd;padding:17px;border-radius:10px}
.experience-evaluations h3{font-size:14px}.experience-evaluations p{font-size:11px}
.discussion-heading h3{font-size:16px}.discussion-note{font-size:12px;color:var(--content-muted)}
.learning-summary{background:#f8fafc;border-color:var(--content-line);border-radius:9px}
.learning-notes button{border-bottom-color:var(--content-line)}
.notification-item{border-color:var(--content-line);border-radius:9px}.notification-item.is-unread{background:#f8faff}
.notification-item>p{color:var(--content-muted);line-height:1.8}
.page-heading h1,.algorithm-view .page-heading h1,.forum-view .page-heading h1{font-size:28px;letter-spacing:-.7px}
.page-heading .eyebrow{margin-bottom:6px}.page-heading{margin-bottom:18px}
.metrics{padding:12px 0;margin-bottom:14px}.metrics strong{font-size:23px}
.library-view #question-list{border-color:var(--content-line);box-shadow:none;border-radius:10px}
.library-list-heading{background:#fafbfd;border-bottom-color:var(--content-line)}
#question-list article.library-row{min-height:105px;border-bottom-color:var(--content-line);padding-top:18px;padding-bottom:18px}
#question-list article.library-row.is-reviewed{background:#edf4ff;box-shadow:inset 4px 0 0 #4b83ef}
#question-list article.library-row:hover{background:#fafcff}
#question-list article.library-row.is-reviewed:hover{background:#e3eeff}
#question-list .is-reviewed .review-button{color:#1d4ed8;background:#dce9ff;padding:6px 9px;border-radius:6px}
#question-list .library-row .question-title,#question-list .library-row .experience-title{font-size:16px;font-weight:600}
.forum-card{border-color:var(--content-line);box-shadow:none;border-radius:10px}
.forum-title{font-size:17px;font-weight:600}.forum-excerpt{line-height:1.8;color:#718095}
.company-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.company-tile{padding:20px;min-height:150px;border-color:var(--content-line);border-radius:10px;box-shadow:none;background:#fff}.company-tile:hover{box-shadow:0 5px 18px #18365908;background:#fafcff}
.company-tile .company-logo{width:36px;height:36px;font-size:18px}.company-tile h3{font-size:16px;margin:14px 0 8px}.company-tile p{font-size:12px}
.feedback-conversation{border-color:var(--content-line);background:#fafbfd}.feedback-conversation.admin-reply{background:#f5f8ff}
.catalog-add-fields{background:#f8fafc;border:1px solid var(--content-line)}
/* Reading, notes and conversation use the same compact scale. */
#experience-detail-dialog,#detail-dialog,#post-detail{width:min(780px,calc(100vw - 48px));padding:22px 28px;border-radius:14px}
#experience-detail-content>.modal-heading,#detail-content>.modal-heading,#post-content>.modal-heading{border-bottom:1px solid var(--content-line);padding-bottom:16px;margin-bottom:20px;top:-22px;font-size:15px}
#experience-detail-content>.experience-card-meta,#post-heading>.forum-card-meta{margin:10px 0 12px;font-size:12px}#experience-detail-content>.experience-tags{margin-bottom:20px}.experience-section-label{font-size:16px;margin:22px 0 12px}
.experience-detail-questions>section{display:flex;align-items:center;gap:12px;padding:11px 13px;margin:7px 0;border-color:var(--content-line);border-radius:8px;background:#fafbfd}.experience-detail-questions>section>.question-number{width:24px;height:24px;flex:none;background:transparent;color:var(--primary)}.experience-detail-questions>section>div{display:flex;align-items:center;flex-wrap:wrap;gap:6px 18px;flex:1}.experience-detail-questions>section>div>button{font-size:14px;flex:1;text-align:left}.experience-detail-questions .experience-tags{font-size:10px;color:#8493a8}.experience-detail-questions .experience-tags>span:nth-child(n+3){display:none}.experience-detail-questions .open-question{font-size:16px;color:#8493a8}
.experience-evaluations{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;border:0;border-top:1px solid var(--content-line);border-bottom:1px solid var(--content-line);background:white;border-radius:0}.experience-evaluations h3{font-size:12px;font-weight:500}.experience-evaluations p{display:none}.experience-evaluations .evaluation-button{font-size:12px;padding:7px 10px;border-color:#e3eaf4}.detail-knowledge{display:none}.detail-meta .tag{border-radius:7px;background:#f0f4fa;font-size:11px}
.comment-main>.comment-meta time{margin-left:2px}.comment-replies{margin-top:0;margin-bottom:10px}.comment-replies>summary{color:var(--primary);padding:4px 0 4px 14px}.comment-replies .thread-content{border-left:0}.comment-thread>.comment{padding:14px 0 10px}.comment-replies .comment{padding:10px 0}.comment-actions button{display:inline-flex;align-items:center;gap:5px}.comment-actions button>.ui-icon{width:13px;height:13px}.discussion-note{display:none}
#comment-form,#experience-comment-form,#post-reply-form{position:relative;padding-left:42px;margin-top:16px}.comment-composer-avatar{position:absolute;left:0;top:0;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#edf3ff;color:#536f9d;font-size:12px}#comment-form>label,#experience-comment-form>label,#post-reply-form>label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#comment-form .content-editor textarea,#experience-comment-form .content-editor textarea,#post-reply-form .content-editor textarea{height:64px;min-height:64px;padding:9px 12px!important;font-size:12px;background:#f8fafc!important;border-radius:8px 8px 0 0!important}.comment-compose .content-editor-hint{display:none}.comment-compose .content-toolbar{padding:4px 7px;gap:4px}.comment-compose .content-toolbar button{min-height:28px;min-width:27px;padding:4px}.comment-compose .content-toolbar button>span{display:none}.comment-compose .content-icon{width:15px;height:15px}.comment-compose .content-insert-tools{border:0;padding-left:0;gap:2px}.comment-compose .content-counter{margin-left:auto;font-size:10px;white-space:nowrap;color:#8c9bb0}.comment-form-footer,.experience-comment-footer,.forum-reply-footer{margin-top:0;padding-top:8px;gap:8px}.comment-compose .identity-control{gap:5px 8px;flex:1 1 auto}.comment-compose .identity-control label{font-size:11px}.comment-compose .identity-hint{font-size:10px;padding-left:8px}.comment-compose .identity-help{display:none}.comment-compose .content-toolbar-spacer,.comment-compose [data-preview],#comment-length{display:none}.comment-form-footer .button,.experience-comment-footer .button,.forum-reply-footer .button{min-height:32px;padding:7px 12px;font-size:11px}.comment-compose .identity-control input{width:14px;height:14px}
#note-dialog{width:min(700px,calc(100vw - 48px));padding:0;max-height:calc(100dvh - 48px);border-radius:14px;overflow:auto}#note-dialog .modal-heading{top:0;padding:18px 24px;border-bottom:1px solid var(--content-line);margin:0}#note-dialog .eyebrow{display:none}#note-dialog h2{font-size:18px;margin:0}#note-question-title{margin:22px 24px 10px;font-size:16px}#note-dialog .note-private{float:right;margin:20px 24px 0;font-size:10px;padding:4px 8px;background:#f0f4fa}#note-form>label{display:none}#note-form>.content-editor{border:0;margin:0 24px;border-radius:0;box-shadow:none}#note-form #note-body{min-height:230px;font-size:14px;padding:8px 0 15px!important}.note-status-line{margin:8px 24px;font-size:10px}#note-form .content-editor-hint{display:none}#note-dialog .note-footer{border-top:1px solid var(--content-line);padding:12px 24px;margin:0}.note-footer .button{font-size:12px;padding:9px 16px;border-radius:7px}#note-error,#note-conflict,#note-discard{margin-left:24px;margin-right:24px}
#question-list article.library-row{padding-top:15px;padding-bottom:15px;min-height:92px}.library-list-heading{background:white}.library-list-heading>span{color:#7a8aa0}.forum-card{padding:18px 0;border:0;border-bottom:1px solid var(--content-line);border-radius:0}.forum-title{font-size:16px}.forum-card>p{font-size:12px;margin:8px 0 12px}.forum-card-meta{font-size:11px}.forum-card-footer{font-size:11px}.forum-card-footer>button{color:#617b9e}.forum-category,.experience-tags>span{border-radius:6px}.forum-post-body{margin:18px 0 22px}.company-tile{display:grid;grid-template-columns:38px 1fr;column-gap:12px;min-height:90px;padding:16px}.company-tile .company-logo{grid-row:1 / 3;align-self:center}.company-tile h3{margin:0;font-size:15px}.company-tile p{margin:4px 0 0;font-size:11px}
@media(max-width:700px){
 body.content-v6 :is(#post-editor,#experience-editor,#share-dialog) .composer-heading-title{flex:1;min-width:0}
 #post-editor,#experience-editor,#share-dialog{width:calc(100vw - 16px);max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:12px}
 #post-editor .composer-heading,#experience-editor .composer-heading,#share-dialog .composer-heading{padding:13px 16px;gap:8px;flex-wrap:wrap}.composer-heading-title{flex:1;gap:8px}.composer-heading-title>.ui-icon{width:19px;height:19px}#post-editor .composer-heading h2,#experience-editor .composer-heading h2,#share-dialog .composer-heading h2{font-size:17px}.composer-heading-status{order:3;flex-basis:100%;justify-content:flex-start}.composer-heading-status .composer-draft{justify-content:flex-start;font-size:10px;gap:3px 7px}.composer-heading-status .composer-draft>.ui-icon{width:17px;height:17px}.composer-heading-status .composer-draft button{font-size:10px}
 #post-editor .post-editor-content,#share-dialog .question-editor-content,#experience-editor .editor-section{padding:18px 16px}#experience-editor .editor-section:nth-child(2){padding-top:0}#experience-editor .editor-review{margin:0 16px 16px;padding:11px}
 #post-fields .composer-title input,#share-fields .composer-title input,#experience-editor .composer-title input{font-size:19px;height:46px;min-height:46px;padding-right:54px}.composer-counter{font-size:10px}.composer-dialog input:not([type=checkbox]),.composer-dialog textarea{font-size:16px!important}
 #post-fields .composer-category .ui-select-trigger{min-height:36px;height:36px;font-size:12px;padding:7px 11px}.composer-meta{padding:12px;margin-top:12px}.composer-meta-heading{font-size:11px;margin-bottom:8px}.composer-meta-grid{gap:8px}.composer-meta-grid>.meta-company,.composer-meta-grid>.meta-role{width:calc(50% - 4px)}.composer-meta-grid>.meta-round{width:calc(50% - 4px);min-width:108px;flex:1 0 108px}.composer-meta-grid>.meta-date{width:calc(50% - 4px);min-width:122px;flex:1 0 122px}.composer-meta-grid>.meta-team{width:100%}.composer-meta input,.composer-meta .ui-select-trigger,.composer-meta .date-input{min-height:40px!important;height:40px!important}.composer-meta input{font-size:16px!important}.composer-meta .ui-select-trigger{font-size:12px!important}.composer-meta .date-input{font-size:12px!important}.composer-extra{flex-basis:100%}.composer-extra>summary{font-size:11px;min-height:36px}.composer-extra .form-grid{grid-template-columns:1fr!important;gap:10px}.composer-taxonomy{margin-bottom:16px}.composer-taxonomy .ui-select-trigger{font-size:12px!important;min-height:36px;height:36px}.composer-source{padding:12px!important;gap:8px}.composer-source input{font-size:16px!important}.composer-source .source-input>span{font-size:11px}.composer-source>button{width:20px}.algorithm-writing-section{margin-top:20px}.algorithm-writing-section h3{font-size:16px}
 .content-toolbar{gap:3px;padding:6px}.content-toolbar button{min-height:44px;min-width:44px;padding:7px}.content-toolbar .content-insert-tools{display:flex;flex:3;border:0;padding:0;justify-content:space-around}.content-toolbar .content-insert-tools>button{flex:1;flex-direction:column;gap:4px;font-size:11px}.content-toolbar .content-more-trigger{display:flex;flex:1;flex-direction:column;gap:4px;font-size:11px}.content-more-trigger>span{display:block}.content-toolbar-spacer{display:none}.content-more-popover .content-format-tools{display:block;border:0;padding:0}.content-more-popover [role=menuitem]{min-height:44px;font-size:13px;padding:10px}.content-more-popover [role=menuitem]>span{display:inline}.content-editor textarea{font-size:16px!important}.content-icon{width:18px;height:18px}#post-fields>.content-editor textarea{height:180px;min-height:140px}#post-fields>.content-editor .content-preview{min-height:180px}#post-fields>.content-editor .content-editor-hint{top:47px;line-height:1.7;font-size:10px;max-width:100%}#post-fields>.content-editor .content-toolbar{padding:8px 0}.algorithm-writing-section .content-editor textarea{min-height:100px}.content-editor-hint{font-size:10px}
 #post-editor .forum-editor-footer,#share-dialog .composer-footer,#experience-editor .editor-footer{padding:12px 16px calc(12px + env(safe-area-inset-bottom));gap:8px;align-items:center}.composer-dialog .editor-publish-status{flex:1 1 125px}.composer-dialog .identity-control{gap:2px 7px;align-items:center}.composer-dialog .identity-control label{font-size:11px;min-height:24px}.composer-dialog .identity-control input{width:17px;height:17px}.composer-dialog .identity-control .identity-hint{font-size:10px;border-left:0;padding-left:0;flex-basis:100%;margin-left:24px;line-height:1.5}.composer-dialog .identity-help{display:none}.composer-dialog .editor-publish-status>span{font-size:9px;margin-left:24px}.composer-dialog .draft-save{display:none}.composer-submit-actions{gap:0}#post-editor .forum-editor-footer .button,#share-dialog .composer-footer .button,#experience-editor .editor-footer .button{min-height:44px;padding:10px 12px;font-size:12px}
 #experience-editor .experience-question-editor{padding:11px 10px}#experience-editor .question-editor-heading .ui-select-trigger{min-height:32px;height:32px;font-size:11px}#experience-editor .question-actions>button{width:32px;height:36px}#experience-editor .question-editor-line{margin-left:0;gap:4px 8px}#experience-editor .question-editor-title{flex-basis:100%}#experience-editor .question-editor-title textarea{font-size:16px!important}#experience-editor .question-editor-settings .ui-select-trigger{font-size:12px;min-height:34px;height:34px}#experience-editor .question-followup-label,#experience-editor .experience-question-editor>.content-editor--followup,#experience-editor .question-source-link{margin-left:0}#experience-editor .content-editor--followup textarea{font-size:16px!important;line-height:1.65}#experience-editor .editor-help{display:none}#experience-editor .add-question-actions button{font-size:12px;min-height:40px;padding:9px 13px}#experience-editor .content-editor--followup .content-toolbar{flex-wrap:nowrap}
 .poll-editor{position:relative;padding:12px;margin-top:14px;display:flex;flex-direction:column}.poll-editor-heading{display:contents}.poll-editor-heading>span{order:0;font-size:11px;margin-bottom:6px}.poll-editor-heading>[data-poll-remove]{position:absolute;top:5px;right:7px;width:34px;height:34px}.poll-editor .poll-settings{order:3;margin:8px 0 0;align-self:flex-start}.poll-settings .ui-select-trigger{height:36px;min-height:36px;font-size:11px!important;gap:8px}.poll-question-field{order:1}.poll-options-editor{order:2}.poll-editor [data-poll-option-add]{order:4;align-self:flex-start;margin-top:8px;min-height:36px}.poll-custom-deadline{order:5}.poll-editor [data-poll-question]{font-size:16px!important;min-height:36px}.poll-editor .poll-option-editor>input{height:38px;min-height:38px;font-size:16px!important}.poll-option-editor{gap:7px}.poll-option-editor>button{height:38px;width:22px;min-width:22px}.poll-help{order:1}
 #experience-detail-dialog,#detail-dialog,#post-detail{width:calc(100vw - 16px);max-width:calc(100vw - 16px);padding:18px 16px;border-radius:12px}#experience-detail-content>.modal-heading,#detail-content>.modal-heading,#post-content>.modal-heading{top:-18px}.experience-detail-questions>section>div{gap:5px;display:block}.experience-detail-questions .experience-tags{margin-top:5px}.experience-evaluations{flex-wrap:wrap;gap:8px}.comment{gap:9px}.comment .comment-avatar{width:28px;height:28px}.comment-replies{margin-left:17px}.comment-replies .thread-content{padding-left:10px}.comment-main>.comment-meta time{font-size:10px}.comment-main>.rich-content{font-size:13px}#comment-form,#experience-comment-form,#post-reply-form{padding-left:0}.comment-composer-avatar{display:none}.comment-compose .content-toolbar button{min-width:35px;min-height:40px;padding:6px}.comment-compose .content-toolbar .content-insert-tools{justify-content:flex-start;flex:none}.comment-compose .content-toolbar .content-insert-tools>button{flex:none;flex-direction:row}.comment-compose .content-toolbar .content-more-trigger{flex:none;flex-direction:row}.comment-compose .content-toolbar .content-insert-tools>button>span,.comment-compose .content-toolbar .content-more-trigger>span{display:none}.comment-compose .content-counter{font-size:9px;margin-left:auto}.comment-compose .identity-control{flex-basis:auto}.comment-compose .identity-control label{font-size:10px}.comment-compose .identity-hint{font-size:9px;border:0;padding-left:0}.comment-compose .identity-control input{width:14px;height:14px}.comment-form-footer .button,.experience-comment-footer .button,.forum-reply-footer .button{min-height:40px;padding:8px 10px;font-size:11px}#comment-form .content-editor textarea,#experience-comment-form .content-editor textarea,#post-reply-form .content-editor textarea{height:75px;font-size:16px}
 #note-dialog{width:calc(100vw - 16px);max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}#note-dialog .modal-heading{padding:16px}#note-question-title{margin-left:16px;margin-right:16px}#note-dialog .note-private{margin:18px 16px 0}#note-form>.content-editor{margin:0 16px}#note-body{font-size:16px!important}.note-status-line{margin-left:16px;margin-right:16px}#note-dialog .note-footer{padding:12px 16px}.company-grid{grid-template-columns:1fr}.page-heading h1,.algorithm-view .page-heading h1,.forum-view .page-heading h1{font-size:24px}
}
@media(prefers-reduced-motion:reduce){.content-editor{transition:none}html{scroll-behavior:auto}}
@media(max-width:700px){
 .composer-meta-grid :is(.meta-role,.meta-round) .ui-select{width:100%;min-width:0}
 body.content-v6 :is(#experience-editor,#share-dialog) .composer-meta .ui-select.has-icon>.ui-select-trigger{min-height:44px!important}
}
/* Keep optional editing tools from moving the controls under the pointer. */
#post-editor .composer-heading h2,#experience-editor .composer-heading h2,#share-dialog .composer-heading h2{font-size:20px}
#post-fields .composer-title input,#share-fields .composer-title input,#experience-editor .composer-title input{font-size:26px}
#post-fields>.content-editor textarea{font-size:15px}#post-fields>.content-editor .content-editor-hint{font-size:12px}.poll-editor [data-poll-question]{font-size:16px}.poll-editor .poll-option-editor>input{font-size:13px}.poll-editor-heading>span{font-size:13px}
@media(max-width:700px){#post-editor .composer-heading h2,#experience-editor .composer-heading h2,#share-dialog .composer-heading h2{font-size:17px}#post-fields .composer-title input,#share-fields .composer-title input,#experience-editor .composer-title input{font-size:19px}#post-fields>.content-editor textarea,#post-fields>.content-editor .content-preview{height:155px;min-height:140px}#post-fields>.content-editor .content-editor-hint{font-size:10px}}
/* Override legacy form rules at their original specificity. */
#experience-editor .editor-section .composer-title{margin:0 0 16px;padding:0 0 13px}
#experience-editor .editor-section .composer-title input{height:48px;min-height:48px;margin:0;padding:6px 72px 6px 0;border:0;border-radius:0;background:transparent;box-shadow:none;font-size:26px;font-weight:600}
#experience-editor .editor-section .question-source-link{display:flex;gap:7px;flex-wrap:wrap}
#experience-editor .editor-section .question-source-link input{flex:1;min-width:0;height:28px;min-height:28px;margin:0;padding:2px 0;border:0;border-radius:0;background:white;box-shadow:none;font-size:12px;color:var(--primary)}
#experience-editor .add-question-actions button{flex:none;min-height:36px}
#experience-editor .editor-section h3>#experience-question-count{background:#eaf1ff;color:var(--primary);border-radius:12px}
#share-fields .algorithm-writing-section:first-of-type .content-editor:focus-within .content-toolbar{display:flex}
#share-fields .algorithm-writing-section:first-of-type .content-preview{cursor:text;min-height:150px}
#share-fields .algorithm-writing-section .content-editor textarea{height:auto;overflow:auto;max-height:360px}
#share-fields .algorithm-writing-section .content-preview .content-code-heading{display:none}
#share-fields .algorithm-writing-section .content-preview .content-code pre{padding:12px 14px;font-size:13px}
#share-fields .algorithm-writing-section .content-preview .content-code{margin:12px 0 0}
#experience-editor .question-actions svg,.poll-option-grip svg{stroke-width:2.5}
@media(max-width:700px){#experience-editor .editor-section .composer-title input{font-size:19px;padding-right:54px}#experience-editor .editor-section .question-source-link input{font-size:16px}#experience-editor .add-question-actions button{min-height:40px}}
.detail-reading-nav{display:flex;align-items:center;gap:32px;margin:18px 0 16px;border-bottom:1px solid var(--content-line)}.detail-reading-nav button{display:flex;align-items:center;gap:6px;font-size:13px;color:#607592;padding:10px 3px;position:relative}.detail-reading-nav button[aria-current]{color:var(--primary)}.detail-reading-nav button[aria-current]::after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--primary)}.detail-reading-nav span{font-size:10px;border-radius:9px;padding:2px 5px;background:#f0f4fa;color:#8b9ab0}.detail-meta>span:first-child{color:#8494aa;font-size:12px}.detail-actions{border-top:1px solid var(--content-line);padding:12px 0;gap:22px}.detail-actions .review-button.reviewed{background:#edf3ff;border:1px solid #dae5ff;color:var(--primary)}.detail-actions .button,.detail-actions .note-button,.detail-actions .review-button{font-size:12px;padding:8px 10px}.detail-share-row{margin:0;min-height:0}.detail-share{font-size:11px;padding:4px 0}.source-experience{padding:7px 9px;font-size:11px;margin:9px 0;border-color:var(--content-line);background:#fafbfd}.detail-source-links{font-size:12px;margin:8px 0}.detail-meta{margin-top:10px;gap:8px}.detail-meta .tag.difficulty{background:#fff4e2;color:#c58428}.comment-thread:has(.comment-replies)>.comment{border-bottom:0}.comment-thread:has(.comment-replies){border-bottom:1px solid var(--content-line)}
#experience-editor .question-editor-line{align-items:center}
@media(max-width:700px){.detail-reading-nav{gap:24px}.detail-actions{gap:8px}.detail-actions .button,.detail-actions .note-button,.detail-actions .review-button{font-size:11px}.detail-reading-nav button{font-size:12px;min-height:40px}}
/* Follow-up formatting opens on demand, without covering other form actions on focus. */
#experience-editor .content-editor--followup .content-followup-popover:not(:popover-open){display:none!important}
#experience-editor .content-editor--followup .content-followup-popover:popover-open{display:flex!important;position:fixed!important;inset:auto;margin:0;z-index:auto;width:max-content;max-width:calc(100vw - 24px);padding:6px 8px;border:1px solid var(--content-line);border-radius:9px;background:white;box-shadow:0 10px 28px #172b4d1c}
.content-followup-popover::backdrop{background:transparent;backdrop-filter:none}
.content-followup-tools{position:absolute;right:0;top:0;height:28px;padding:3px 5px;font-size:10px;color:#7890b2;background:white;opacity:0}.content-editor--followup:hover .content-followup-tools,.content-editor--followup:focus-within .content-followup-tools{opacity:1}
#experience-editor .content-editor--followup textarea{padding-right:35px!important}
#experience-editor .content-followup-popover .content-toolbar-spacer{display:none}
/* Compact reading hierarchy, matching the approved reading and list boards. */
.reading-title-row{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:4px 0 12px;min-width:0}
#detail-content .reading-title-row>h2,#post-heading .reading-title-row>h2{flex:0 1 auto;min-width:0;margin:0;font-size:22px;line-height:1.55;overflow-wrap:anywhere}
.reading-title-row>.tag{flex:none;font-size:11px;padding:4px 8px;border-radius:6px}.reading-title-row>.difficulty{background:#fff4e3;color:#ab721f}.reading-title-row>.difficulty.hard{background:#fff0ed;color:#b45a43}.reading-title-row>.reading-topic{background:#edf3ff;color:var(--primary)}
.reading-title-row>.detail-share-row{margin:0 0 0 auto;flex:none}.detail-share{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;font-size:11px}.detail-share>.ui-icon{width:14px;height:14px}
#experience-detail-dialog h2{font-size:22px;line-height:1.55;margin:4px 0 12px}.reading-author-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;padding-bottom:15px;border-bottom:1px solid var(--content-line)}.reading-author-row>.experience-card-meta,.reading-author-row>.experience-tags{margin:0;font-size:11px}.reading-author-row .author-avatar{width:24px;height:24px}.reading-author-row .experience-card-meta>strong{font-size:11px}.reading-author-row .experience-tags{gap:6px}.reading-author-row .experience-tags>span{padding:3px 6px;font-size:10px}.reading-author-row .experience-tags .ui-icon{width:12px;height:12px;vertical-align:-2px}
.experience-reading-actions{display:flex;align-items:center;flex-wrap:wrap;gap:6px 16px;padding:10px 0;margin-top:16px;border-top:1px solid var(--content-line);border-bottom:1px solid var(--content-line)}
.experience-reading-actions>.experience-evaluations{display:block;flex:none;padding:0;margin:0;border:0;background:transparent;border-radius:0}.experience-reading-actions .experience-evaluations>div{gap:16px}.experience-reading-actions button{display:inline-flex;align-items:center;gap:5px;min-height:32px;padding:5px 0;font-size:11px;color:#61758f}.experience-reading-actions .ui-icon{width:14px;height:14px}.experience-reading-actions .evaluation-button{border:0;border-radius:5px;background:transparent;padding:5px 0;font-size:11px;color:#61758f}.experience-reading-actions .evaluation-button.selected{color:var(--primary);background:#edf3ff;padding:5px 8px}.experience-reading-actions .evaluation-button:disabled{opacity:.55}.experience-reading-actions .experience-owner-actions{margin:0 0 0 auto;padding:0;border:0;gap:12px}.experience-reading-actions .delete-link{color:#ad6852}
#experience-comments{border:0;padding-top:18px;scroll-margin-top:64px}.experience-detail-questions{margin-top:10px}
#detail-content .detail-meta{gap:6px 12px;font-size:11px;padding-bottom:13px;margin-bottom:12px}.detail-meta .reading-date{color:#8191a6}.detail-actions{margin:20px 0 8px;padding:10px 0;border-top:1px solid var(--content-line);border-bottom:1px solid var(--content-line);gap:8px 14px}.detail-actions>.button,.detail-actions>.note-button,.detail-actions>.review-button{display:inline-flex;align-items:center;gap:5px;min-height:32px;border:0;border-radius:5px;background:transparent;padding:5px 0;font-size:11px;color:#61758f}.detail-actions .ui-icon{width:14px;height:14px}.detail-actions>.reading-save.saved,.detail-actions>.review-button.reviewed,.detail-actions>.note-button.has-note{color:var(--primary);background:#edf3ff;padding:5px 8px}.detail-actions>.reading-original{margin-left:auto}.reading-original>.source-link{padding:6px 9px;border:1px solid var(--content-line);border-radius:6px;font-size:10px;white-space:nowrap}.source-experience{display:flex;align-items:center;gap:6px;width:auto;margin:15px 0 0;padding:7px 10px;border-color:var(--content-line);background:#f8fafc;font-size:11px;color:var(--primary)}.source-experience>.ui-icon{width:14px;height:14px}.detail-source-links{margin:12px 0;font-size:11px}
/* One white browse surface and quiet summary information. */
.metrics{display:flex;align-items:center;flex-wrap:wrap;gap:10px 24px;padding:0;margin:0 0 18px;border:0;background:transparent;box-shadow:none}.metrics>div{display:flex;align-items:center;gap:7px;padding:0;border:0;min-width:0}.metrics>div>div{display:flex;align-items:baseline;gap:5px}.metrics strong{font-size:14px;font-weight:600}.metrics p{font-size:11px;margin:0;color:#8191a6}.metrics .metric-icon{width:16px;height:16px;background:transparent;border-radius:0;color:#8495ad}.metrics .metric-icon .ui-icon{width:16px;height:16px}.metrics .metric-tip{font-size:9px;background:transparent;padding:0;color:#9aa7b9}
.learning-entry{margin:0 0 15px;padding:8px 0;gap:8px 18px;background:transparent;border:0;border-radius:0;font-size:11px}.learning-entry .learning-label{font-size:11px}.learning-entry button{font-size:11px}.learning-entry button:last-child{margin-left:auto}
body.library-view .main-column,body.forum-view .main-column{padding:20px 24px;background:white;border:1px solid var(--content-line);border-radius:12px;min-width:0}.library-view .search-box,.forum-view .search-box{height:42px;background:#f8fafc;border-color:var(--content-line);box-shadow:none}.library-view .list-controls,.forum-view .list-controls{background:white;margin-bottom:0}.library-view .compact-filters,.forum-view .compact-filters{background:white;border:0;padding:10px 0 3px}.library-view .list-toolbar,.forum-view .list-toolbar{padding-bottom:12px}.library-list-heading,#question-list article.library-row{padding-left:0;padding-right:0}.library-list-heading{font-size:10px}.library-view #pagination,.forum-view #pagination{border-color:var(--content-line)}
.experience-view.library-view .library-list-heading{display:none}.experience-view.library-view #question-list article.experience-row{grid-template-columns:minmax(0,1fr) 62px 96px 95px;column-gap:14px;min-height:120px}.experience-view.library-view #question-list .experience-row .library-main>.experience-card-meta{margin:0 0 8px;font-size:11px}.experience-view.library-view #question-list .experience-row .experience-card-meta>strong{font-size:11px}.experience-view.library-view #question-list .experience-row .author-avatar{width:24px;height:24px}.experience-view.library-view #question-list .experience-row .experience-title{margin-bottom:6px;font-size:16px}.experience-view.library-view #question-list .experience-excerpt{font-size:12px;margin:0 0 8px;line-height:1.7}.experience-view.library-view .experience-tags{gap:6px}.experience-view.library-view .experience-tags>span{padding:3px 6px;font-size:10px}.experience-view.library-view .library-actions{justify-content:flex-end;gap:9px}.experience-view.library-view .library-date{font-size:11px}.experience-view.library-view .library-count>strong{font-size:15px}.experience-view.library-view .library-count>span{font-size:10px}
.forum-card{margin:0;padding:17px 0}.forum-card-meta{gap:7px;font-size:11px}.forum-card-meta .author-avatar{width:24px;height:24px}.forum-card-meta>strong{font-size:11px}.forum-title{margin:8px 0 6px}.forum-card>p{margin:0;font-size:12px}.forum-card-footer{margin-top:10px;padding:0;border:0;gap:12px}.forum-card-footer>button{min-height:28px}.forum-card-footer>button>.ui-icon{width:14px;height:14px}.forum-card:last-child{border-bottom:0}
/* Private learning and conversations use the shared reading scale. */
#learning-dialog,#notifications-dialog,dialog#feedback-list,#feedback-thread{width:min(620px,calc(100vw - 48px));max-height:calc(100dvh - 48px);padding:22px 24px;border-radius:14px}#learning-dialog .modal-heading,#notifications-dialog .modal-heading,dialog#feedback-list .modal-heading,#feedback-thread .modal-heading{top:-22px;border-bottom:1px solid var(--content-line);margin:0 0 16px;padding:0 0 14px}#learning-dialog h2,#notifications-dialog h2,#feedback-list h2,#feedback-thread h2{font-size:18px;margin:0}#learning-dialog .modal-intro,#notifications-dialog .modal-intro{display:flex;align-items:center;gap:5px;font-size:11px;margin:6px 0 0;line-height:1.7}#learning-dialog .modal-intro>.ui-icon{width:12px;height:12px}.learning-summary{padding:12px 14px;font-size:12px;border:1px solid var(--content-line)}.learning-summary>span{display:flex;align-items:center;gap:6px}.learning-summary .ui-icon{width:15px;height:15px}.learning-summary button{font-size:12px}.learning-section-title{font-size:13px;margin:22px 0 4px}.learning-notes button{gap:12px;padding:14px 0}.learning-notes button>.ui-icon{width:26px;height:26px;flex:none;padding:5px;box-sizing:content-box;border-radius:8px;background:#edf3ff;color:var(--primary)}.learning-notes button>span{flex:1;min-width:0}.learning-notes strong{font-size:13px}.learning-notes small{font-size:11px}.learning-notes time{font-size:10px}.notification-toolbar{font-size:11px;margin-bottom:12px}.notification-list{gap:6px}.notification-item{border:0;border-radius:7px;padding:14px}.notification-item .notification-actor{font-size:11px}.notification-actor time{font-size:10px}.notification-item>strong{font-size:13px;margin-top:7px}.notification-item>p{font-size:12px;margin-top:5px}.notification-pages{font-size:11px}.notification-pages button{min-height:32px}
#feedback-list .eyebrow{display:none}#feedback-list-intro{font-size:12px;line-height:1.8;color:var(--content-muted);margin:0 0 16px}.feedback-history-title{font-size:13px;margin-top:24px}.feedback-footer{font-size:11px;gap:12px}.feedback-footer .button{font-size:12px;min-height:36px}.feedback-card{border:0;border-bottom:1px solid var(--content-line);border-radius:0;padding:14px 0;background:transparent}.feedback-card .feedback-body{font-size:13px}.feedback-card-heading{font-size:10px}.feedback-card>.button{border:0;font-size:11px;padding:5px 0;color:var(--primary)}.feedback-conversation{border:0;border-radius:8px;padding:13px 15px;margin:10px 0}.feedback-conversation>div:first-child{font-size:11px}.feedback-conversation time{font-size:10px}.feedback-conversation .rich-content{font-size:13px;line-height:1.85}.feedback-conversation .rich-content>p{margin:8px 0 0}#feedback-reply-form{margin-top:18px}#feedback-form label,#feedback-reply-form label{font-size:12px}
@media(max-width:900px) and (min-width:701px){.experience-view.library-view #question-list article.experience-row{grid-template-columns:minmax(0,1fr) 60px 95px}.experience-view.library-view #question-list .experience-row .library-main{grid-column:1;grid-row:1 / 3}.experience-view.library-view #question-list .experience-row .library-count{grid-column:2;grid-row:1}.experience-view.library-view #question-list .experience-row .library-date{grid-column:3;grid-row:1}.experience-view.library-view #question-list .experience-row .library-actions{grid-column:2 / 4;grid-row:2}}
@media(max-width:700px){
 #detail-content .reading-title-row>h2,#post-heading .reading-title-row>h2,#experience-detail-dialog h2{font-size:19px}.reading-title-row{gap:7px}.reading-title-row>.detail-share-row{flex-basis:100%;justify-content:flex-start;margin:0}.reading-author-row{gap:8px;padding-bottom:12px}.reading-author-row>.experience-card-meta{flex-basis:100%}.experience-reading-actions{gap:4px 12px}.experience-reading-actions .experience-evaluations>div{gap:12px}.experience-reading-actions button{min-height:40px}.experience-reading-actions .experience-owner-actions{margin-left:0}.detail-actions{gap:4px 12px}.detail-actions>.button,.detail-actions>.note-button,.detail-actions>.review-button,.detail-actions>.detail-share{min-height:40px}.reading-original>.source-link{min-height:36px;display:inline-flex;align-items:center}.detail-actions>.reading-original{margin-left:0}
 .metrics{gap:8px 16px;margin-bottom:14px}.metrics>div{gap:5px}.metrics strong{font-size:12px}.metrics p{font-size:10px}.metrics .metric-tip{display:none}.metrics .metric-icon{width:13px;height:13px}.metrics .metric-icon .ui-icon{width:13px;height:13px}.learning-entry{gap:6px 12px}.learning-entry button:last-child{margin-left:0}.learning-entry button{min-height:32px}body.library-view .main-column,body.forum-view .main-column{padding:12px 14px;border-radius:10px}.library-view .search-box,.forum-view .search-box{height:40px}.library-view .compact-filters,.forum-view .compact-filters{padding:8px 0 3px}#question-list article.library-row{padding:14px 0}.experience-view.library-view #question-list article.experience-row{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;min-height:0}.experience-view.library-view #question-list .experience-row .library-main{grid-column:1 / 3;grid-row:1}.experience-view.library-view #question-list .experience-row .library-date{grid-column:1;grid-row:2;flex-direction:row;font-size:10px}.experience-view.library-view #question-list .experience-row .library-count{grid-column:2;grid-row:2}.experience-view.library-view #question-list .experience-row .library-actions{grid-column:1 / 3;grid-row:3;justify-content:flex-start}.experience-view.library-view #question-list .experience-row .experience-title{font-size:15px}.forum-card{padding:15px 0}.forum-card-footer>button,.forum-card-footer>div button{min-height:36px}
 #learning-dialog,#notifications-dialog,dialog#feedback-list,#feedback-thread{width:calc(100vw - 16px);max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:18px 16px;border-radius:12px}#learning-dialog .modal-heading,#notifications-dialog .modal-heading,dialog#feedback-list .modal-heading,#feedback-thread .modal-heading{top:-18px}.learning-summary{gap:8px;padding:12px}.learning-summary button,.notification-toolbar button{min-height:40px}.learning-notes button{gap:9px}.learning-notes button>.ui-icon{width:20px;height:20px}.learning-notes time{font-size:9px}.notification-item{padding:12px}.notification-pages button{min-height:40px}.feedback-footer{align-items:center;flex-wrap:wrap;font-size:10px}.feedback-footer .button{min-height:40px}.feedback-card>.button{min-height:40px}.feedback-conversation{padding:12px}.feedback-conversation>div:first-child{gap:7px;flex-wrap:wrap}#feedback-form textarea,#feedback-reply-form textarea{font-size:16px}
}

.library-view #question-list{border:0;border-radius:0;box-shadow:none;background:white}.metrics .metric-icon{border:0}.detail-actions>.button{font-weight:500}.detail-actions>.reading-save>span{font-size:inherit;margin:0}

#feedback-form fieldset,#feedback-reply-form fieldset{border:0;padding:0;margin:0;min-width:0}#feedback-form .content-editor,#feedback-reply-form .content-editor{border:1px solid var(--content-line);border-radius:9px}#feedback-form label,#feedback-reply-form label{display:block;margin-bottom:8px}#feedback-form .content-editor textarea,#feedback-reply-form .content-editor textarea{padding:12px!important;font-size:13px}
@media(max-width:700px){.topbar .top-right #publish-button{min-height:40px;gap:4px;padding:8px 10px;font-size:11px}.topbar #publish-button>span{display:inline-flex;font-size:inherit;margin:0}.topbar #publish-button .ui-icon{width:14px;height:14px}.topbar #publish-button .publish-chevron>.ui-icon{width:10px;height:10px}#feedback-form .content-editor textarea,#feedback-reply-form .content-editor textarea{font-size:16px}}

/* The global navigation and list use the same clear, spaced hierarchy. */
:root{--topbar-height:64px}
.topbar{height:var(--topbar-height);gap:28px;flex-wrap:nowrap;padding:0 max(24px,calc((100vw - 1320px)/2));box-shadow:0 2px 10px #23355304}
.topbar .brand{gap:8px}.topbar .brand-icon{width:32px;height:32px}.topbar .brand strong{font-size:20px}
.topbar .main-nav{order:0;width:auto;height:auto;gap:6px;align-items:stretch;overflow-x:auto}
.topbar .main-nav button{display:inline-flex;align-items:center;justify-content:center;gap:6px;align-self:stretch;margin:8px 0;padding:0 14px;border-radius:7px;font-size:13px;font-weight:500;color:#617087;transition:background .16s,color .16s}
.topbar .main-nav button:hover{background:#f3f6fb;color:#1b355a}
.topbar .main-nav button.active{color:var(--primary);font-weight:650}
.topbar .main-nav button.active::after{left:50%;right:auto;bottom:-8px;width:30px;height:3px;transform:translateX(-50%);border-radius:3px 3px 0 0}
.topbar .main-nav button[data-view=companies]{margin-left:12px}
.topbar .main-nav button[data-view=companies]::before{content:'';position:absolute;left:-9px;top:50%;width:1px;height:18px;background:#e4eaf2;transform:translateY(-50%)}
.topbar .main-nav b{margin:0;min-width:19px;height:19px;padding:0 5px;font-size:10px;border-radius:6px}
.topbar .top-right{margin-left:0;gap:16px}.topbar .top-publish{min-height:38px;border-radius:8px;padding:9px 14px}
.library-title-row{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 12px;margin-bottom:10px;min-width:0}
#question-list .library-title-row>.question-title{margin:0}
.library-reviewed-badge{display:inline-flex;align-items:center;flex:none;padding:3px 7px;border-radius:5px;background:#d5e5ff;color:#1748b5;font-size:11px;font-weight:600;line-height:1.4;white-space:nowrap}
#question-list .library-meta{gap:6px 12px;line-height:1.8}
#question-list .library-meta>span{display:inline-flex;align-items:center;gap:12px}
#question-list .library-meta>span+span::before{content:'·';color:#9aa7ba;font-weight:400;flex:none}
#question-list .library-topics{margin-top:8px;gap:7px 16px;line-height:1.8}
#question-list .library-topics>a,#question-list .library-topics>button{display:inline-flex;align-items:center;gap:5px;min-height:22px}
@media(min-width:701px){
 .library-list-heading,#question-list article.question-row{padding-left:20px;padding-right:20px}
 #question-list article.question-row{padding-top:20px;padding-bottom:20px}
}
@media(min-width:701px) and (max-width:1000px){
 .topbar{gap:16px;padding:0 20px}.topbar .main-nav{gap:2px}.topbar .main-nav button{padding:0 9px;font-size:12px}.topbar .main-nav button[data-view=companies]{margin-left:8px}.topbar .top-right{gap:12px}
}
@media(max-width:700px){
 :root{--topbar-height:94px}
 .topbar{height:var(--topbar-height);padding:8px 14px 0;gap:6px 12px;grid-template-columns:auto minmax(0,1fr)}
 .topbar .brand-icon{width:28px;height:28px}.topbar .brand strong{font-size:18px}
 .topbar .main-nav{height:40px;min-height:40px;gap:4px;align-self:stretch;overscroll-behavior-x:contain}
 .topbar .main-nav button{margin:0;padding:0 11px;font-size:12px;min-height:40px}
 .topbar .main-nav button.active::after{bottom:0;width:26px}
 .topbar .main-nav button[data-view=companies]{margin-left:8px}.topbar .main-nav button[data-view=companies]::before{left:-6px;height:16px}
 .topbar .top-right{gap:12px}.topbar .main-nav b{height:17px;min-width:17px;font-size:9px}
 .library-title-row{gap:7px 9px;margin-bottom:9px}.library-reviewed-badge{font-size:10px;padding:3px 6px}
 #question-list article.question-row{padding:17px 12px}
 #question-list .library-meta{gap:5px 9px;font-size:11px}.library-meta>span{max-width:100%;overflow-wrap:anywhere}
 #question-list .library-meta>span{gap:9px}
 #question-list .library-topics{margin-top:7px;gap:6px 13px;font-size:11px}
 body.library-view .filter-navigation{flex-wrap:nowrap;align-items:center;gap:8px}
 body.library-view .compact-selects{flex:1 1 auto;min-width:0;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain;gap:5px}
 body.library-view .filter-trigger{flex:none;min-height:36px}
 body.library-view .more-filters{flex:none;margin-left:0;width:36px;height:36px;min-width:36px;justify-content:center;padding:0;font-size:0;gap:0}
 body.library-view .more-filters>.ui-icon{width:16px;height:16px}
}
@media(prefers-reduced-motion:reduce){.topbar .main-nav button{transition:none}}

/* Navigation, private workspace and site information — approved v3. */
.topbar .main-nav{gap:10px}.topbar .main-nav button{padding:0 18px;font-weight:600}.topbar .top-right{margin-left:auto;gap:18px}
.topbar #profile-button{background:transparent;padding:5px 0;gap:8px;max-width:170px;border:0}.topbar #profile-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:14px;background:#eaf1ff;color:#2563eb}.topbar #profile-short-name{font-size:12px;font-weight:600;max-width:85px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.header-notifications{position:relative;width:36px;height:36px;display:grid;place-items:center;border:0;background:transparent;border-radius:8px;color:#64748b}.header-notifications:hover{background:#f0f5ff;color:#2563eb}.header-notifications .ui-icon{width:21px;height:21px}.header-notifications b{position:absolute;right:-3px;top:-3px;background:#2563eb;color:white;border:2px solid white;border-radius:12px;font-size:9px;line-height:16px;min-width:18px;padding:0 3px}.topbar #account-unread{display:none}
#account-menu.personal-account-menu{width:350px;padding:0;border:1px solid #e4eaf2;border-radius:14px;box-shadow:0 16px 50px #172b4d20;overflow:auto;background:white;color:#172b4d}
.personal-account-menu .account-menu-heading{padding:22px 20px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #edf0f6;margin:0}.personal-account-menu #account-menu-avatar{flex:none;width:44px;height:44px;border-radius:50%;background:#eaf1ff;color:#2563eb;font-size:18px;display:grid;place-items:center}.personal-account-menu .account-menu-heading>div{min-width:0;flex:1}.personal-account-menu #profile-name{display:block;font-size:15px;max-width:none;white-space:normal;overflow-wrap:anywhere}.personal-account-menu #account-menu-role{display:block;margin-top:5px;color:#718096;font-size:11px}.personal-account-menu #learning-button{color:#2563eb;white-space:nowrap;font-size:11px;display:flex;gap:3px;align-items:center;background:transparent;border:0;padding:8px 0}.personal-account-menu #learning-button .ui-icon{width:13px;height:13px}
.account-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 4px;padding:18px 12px}.account-shortcuts>button{display:flex;align-items:center;flex-direction:column;justify-content:center;gap:9px;min-height:80px;padding:10px 4px;position:relative;border:0;border-radius:10px;background:transparent;color:#43536c;font-size:12px}.account-shortcuts>button:hover,.account-shortcuts>button:focus-visible{background:#f0f5ff;color:#2563eb}.account-shortcuts .shortcut-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#edf3ff;color:#2563eb}.account-shortcuts .shortcut-icon .ui-icon{width:22px;height:22px}.account-shortcuts>button:nth-child(2) .shortcut-icon{background:#ebf7f4;color:#228877}.account-shortcuts>button:nth-child(3) .shortcut-icon{background:#fff6e5;color:#b07a20}.account-shortcuts>button:nth-child(4) .shortcut-icon{background:#f1edff;color:#8060d2}.account-shortcuts>button:nth-child(6) .shortcut-icon{background:#eef5fd;color:#4280c6}.account-shortcuts b{position:absolute;right:19px;top:9px;border-radius:8px;color:#2563eb;background:#e6efff;font-size:9px;padding:1px 4px}.account-menu-bottom{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #edf0f6;padding:10px 12px;gap:8px}.account-menu-bottom>button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:40px;border:0;border-radius:7px;color:#65748a;background:transparent;font-size:12px}.account-menu-bottom>button:hover{background:#f4f6fa}.account-menu-bottom .ui-icon{width:16px;height:16px}.personal-account-menu #admin-button{display:flex;align-items:center;gap:8px;margin:0 12px 10px;padding:10px;border-radius:8px;font-size:12px}
body.personal-view main{max-width:1248px;padding-top:30px;padding-bottom:50px}.pc-layout{display:grid;grid-template-columns:228px minmax(0,1fr);gap:28px;align-items:start}.pc-sidebar{border:1px solid #e4eaf3;background:#fff;border-radius:12px;overflow:hidden}.pc-profile{padding:25px 20px 20px;text-align:center;border-bottom:1px solid #edf0f6}.pc-avatar{display:grid;place-items:center;width:60px;height:60px;margin:0 auto 12px;background:#eaf1ff;color:#2563eb;font-size:24px;font-weight:650;border-radius:50%}.pc-profile h2{font-size:17px;margin:0 0 7px}.pc-profile p{font-size:12px;color:#64748b;line-height:1.8;margin:0}.pc-profile-tags{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin:10px 0}.pc-profile-tags>span{padding:3px 7px;border-radius:5px;background:#f4f6fa;font-size:10px;color:#7b889c}.pc-profile .pc-bio{font-size:11px;margin:12px 0}.pc-edit-profile{display:inline-flex;gap:5px;align-items:center;font-size:11px;color:#2563eb;padding:7px 10px;margin-top:10px;background:transparent;border:0}.pc-edit-profile .ui-icon{width:14px;height:14px}
.pc-side-nav{padding:12px}.pc-side-nav>button{display:flex;align-items:center;gap:12px;width:100%;min-height:43px;padding:0 14px;margin:4px 0;border:0;border-radius:8px;background:transparent;color:#65748b;font-size:12px;text-align:left}.pc-side-nav>button .ui-icon{width:17px;height:17px}.pc-side-nav>button:hover{background:#f5f8fc}.pc-side-nav>button[aria-current]{background:#eaf1ff;color:#2563eb;font-weight:650}.pc-main{min-width:0}.pc-page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;margin:5px 0 25px}.pc-eyebrow{font-size:10px;color:#8b98ad;letter-spacing:1px}.pc-page-heading h1{font-size:25px;letter-spacing:-.5px;color:#172b4d;margin:10px 0 9px;line-height:1.4}.pc-page-heading p{font-size:12px;color:#718096;margin:0}.pc-privacy{display:inline-flex;align-items:center;gap:5px;color:#92a0b3;font-size:10px;white-space:nowrap}.pc-privacy .ui-icon{width:12px;height:12px}
.pc-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:24px}.pc-stats>button{display:grid;grid-template-columns:36px 1fr;column-gap:12px;align-items:center;text-align:left;background:white;border:1px solid #e4eaf3;border-radius:10px;padding:19px 17px;min-height:96px;transition:border-color .15s,transform .15s}.pc-stats>button:hover{border-color:#b4cbff;transform:translateY(-2px)}.pc-stat-icon{grid-row:1 / 3;display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#edf3ff;color:#2563eb}.pc-stats strong{font-size:25px;line-height:1.1;color:#172b4d}.pc-stats>button>span:last-child{font-size:11px;color:#8090a6;margin-top:7px}.pc-stats>button:nth-child(2) .pc-stat-icon{background:#ebf7f4;color:#228877}.pc-stats>button:nth-child(3) .pc-stat-icon{background:#fff6e5;color:#b07a20}.pc-stats>button:nth-child(4) .pc-stat-icon{background:#f1edff;color:#8060d2}
.pc-panel{background:#fff;border:1px solid #e4eaf3;border-radius:12px;padding:20px 24px;margin-bottom:20px}.pc-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.pc-panel-heading h2{font-size:15px;font-weight:650;color:#172b4d;margin:0;display:flex;align-items:center;gap:10px}.pc-text-link{display:inline-flex;align-items:center;gap:5px;color:#2563eb;background:transparent;border:0;padding:6px 0;font-size:11px}.pc-text-link .ui-icon{width:13px;height:13px}.pc-count{display:inline-flex;font-size:10px;color:#2563eb;background:#edf3ff;border-radius:5px;padding:3px 6px;font-weight:500}.pc-tabs{display:flex;align-items:center;gap:25px;border-bottom:1px solid #edf0f6;margin:0 0 5px}.pc-tabs>button{background:transparent;border:0;padding:3px 0 13px;position:relative;font-size:12px;color:#718096}.pc-tabs>button[aria-pressed=true]{color:#2563eb;font-weight:600}.pc-tabs>button[aria-pressed=true]::after{content:'';height:2px;position:absolute;left:0;right:0;bottom:-1px;border-radius:2px;background:#2563eb}.pc-tabs>button>span{margin-left:5px;font-size:10px}
.pc-record{display:flex;align-items:center;gap:13px;padding:18px 0;border-bottom:1px solid #edf0f6;min-width:0}.pc-record:last-child{border-bottom:0}.pc-record-icon{display:grid;place-items:center;flex:none;width:35px;height:35px;border-radius:9px;color:#8394ae;background:#f4f7fb}.pc-record-icon .ui-icon{width:19px;height:19px}.pc-record-body{flex:1;min-width:0}.pc-record-title{display:block;max-width:100%;color:#243958;font-size:13px;font-weight:600;text-align:left;background:transparent;border:0;padding:0;line-height:1.7;overflow-wrap:anywhere}.pc-record-title:hover{color:#2563eb}.pc-record-meta{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:10px;color:#94a0b3;margin:5px 0}.pc-record-meta>span+span::before{content:'·';margin-right:10px;color:#bac3d0}.pc-record-body p{font-size:11px;color:#7a899f;line-height:1.8;margin:4px 0 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere}.pc-record>time{flex:none;font-size:10px;color:#a0aabb}.pc-row-arrow{display:grid;place-items:center;width:28px;height:32px;background:transparent;border:0;color:#a0aabb}.pc-row-arrow .ui-icon{width:15px;height:15px}.pc-record-actions{display:flex;align-items:center;gap:15px;flex:none}.pc-record-actions>button{display:inline-flex;align-items:center;gap:5px;font-size:11px;border:0;background:transparent;color:#2563eb;padding:7px 0}.pc-record-actions .ui-icon{width:16px;height:16px}.pc-reviewed-label{display:inline-flex;align-items:center;gap:5px;background:#e0edff!important;color:#174ab5!important;font-size:10px;border-radius:5px;padding:4px 7px!important}.pc-record-reviewed{background:#f5f8ff;margin:0 -12px;padding:18px 12px;border-left:3px solid #7da7f2}.pc-private-note{display:inline-flex;align-items:center;gap:5px;font-size:10px;color:#97a3b5;font-weight:400}.pc-private-note .ui-icon{width:12px;height:12px}
.pc-feedback-row{display:flex;width:100%;justify-content:space-between;align-items:center;gap:16px;background:#f7f9fc;border:1px solid #edf1f7;border-radius:8px;padding:13px 15px;text-align:left;margin-top:10px;color:#62718a}.pc-feedback-row>span:first-child{display:flex;flex-wrap:wrap;align-items:center;gap:7px 10px;min-width:0;flex:1}.pc-feedback-row .ui-icon{width:16px;height:16px;flex:none}.pc-feedback-row strong{font-size:11px;font-weight:500;flex:1;overflow-wrap:anywhere;line-height:1.7}.pc-feedback-row small{font-size:9px;color:#9aa7b8;flex:none}.pc-feedback-status{display:inline-flex;align-items:center;gap:5px;font-size:10px;white-space:nowrap}.pc-feedback-status.has-replies{color:#2563eb}.pc-feedback-row:hover{border-color:#c6d7f5}.pc-feedback-empty{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border-radius:8px;background:#f7f9fc;font-size:11px;color:#8390a4}.pc-feedback-empty p{margin:0}.pc-feedback-empty button{color:#2563eb;border:0;background:transparent;font-size:11px;white-space:nowrap;display:inline-flex;gap:4px}.pc-feedback-empty .ui-icon{width:14px;height:14px}
.pc-empty{text-align:center;padding:42px 18px;color:#8b98ad}.pc-empty>.ui-icon{width:32px;height:32px;color:#b9c7db}.pc-empty h3{font-size:14px;color:#60728f;font-weight:500;margin:15px 0 8px}.pc-empty p{font-size:11px;line-height:1.9;max-width:400px;margin:0 auto 17px}.pc-empty .button{font-size:11px;display:inline-flex;align-items:center;gap:6px}.pc-empty .ui-icon{width:17px;height:17px}.pc-loading{padding:40px;text-align:center;color:#92a0b5;font-size:12px}.pc-guest{max-width:640px;margin:40px auto 60px;text-align:center;background:#fff;border:1px solid #e4eaf3;padding:70px 25px;border-radius:12px}.pc-guest>.ui-icon{width:42px;height:42px;color:#2563eb}.pc-guest h1{font-size:25px;margin-top:22px}.pc-guest p{font-size:12px;color:#8290a6;line-height:1.8;margin-bottom:25px}
.pc-pagination{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:17px 0 0;font-size:11px;color:#8796ac}.pc-pagination>span:first-child{margin-right:auto}.pc-pagination button{padding:7px 10px;border:1px solid #e3eaf4;border-radius:6px;background:white;color:#63758f}.pc-pagination button:disabled{opacity:.4;cursor:default}.pc-section-intro{display:flex;gap:6px;align-items:center;font-size:11px;color:#8c9aae;line-height:1.8}.pc-section-intro>.ui-icon{width:13px;height:13px}.pc-settings dl{margin:0}.pc-settings dl>div{display:grid;grid-template-columns:100px minmax(0,1fr);gap:15px;padding:15px 0;border-top:1px solid #edf0f6;font-size:12px;line-height:1.8}.pc-settings dt{color:#8c9aae}.pc-settings dd{margin:0;color:#536783;overflow-wrap:anywhere}.pc-settings .button{font-size:11px;padding:7px 12px;display:inline-flex;align-items:center;gap:6px}.pc-settings .ui-icon{width:14px;height:14px}
.pc-notification{display:flex;align-items:flex-start;gap:12px;position:relative;width:100%;padding:20px 0;background:transparent;text-align:left;border:0;border-bottom:1px solid #edf0f6;color:#718096}.pc-notification>span:nth-child(2){min-width:0;flex:1}.pc-notification strong{display:block;font-size:11px;font-weight:500;margin-bottom:7px}.pc-notification b{display:block;font-size:13px;color:#273e60;font-weight:600;overflow-wrap:anywhere}.pc-notification p{margin:6px 0 0;font-size:11px;line-height:1.8;overflow-wrap:anywhere}.pc-notification time{flex:none;font-size:10px;color:#99a5b7}.pc-notification.is-unread{background:#f6f9ff;padding:20px 12px;margin:0 -12px;width:calc(100% + 24px)}.pc-unread-dot{width:6px;height:6px;border-radius:50%;background:#2563eb;flex:none;margin-top:4px}.pc-mobile-shortcuts{display:none}
.site-footer{display:block;margin:0;padding:0;background:#fff;border-top:1px solid #e5ebf4;color:#8190a6}.footer-inner{max-width:1248px;padding:40px 42px 0;margin:auto}.footer-main{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:48px;padding-bottom:32px}.footer-brand .brand{display:inline-flex;margin:0;color:#172b4d}.footer-brand .brand-icon{width:33px;height:33px}.footer-brand .brand strong{font-size:20px}.footer-brand h2{font-size:15px;margin:20px 0 10px;color:#465b7a;font-weight:550}.footer-brand p{font-size:11px;line-height:1.9;margin:0;color:#8c99ad}.footer-note{display:block;font-size:10px;margin-top:13px;color:#a0aabb}.footer-group summary{list-style:none;font-size:12px;font-weight:650;color:#4f627e;padding:6px 0 14px;cursor:pointer}.footer-group summary::-webkit-details-marker{display:none}.footer-group summary>span{display:none}.footer-group>div{display:flex;flex-direction:column;gap:12px;align-items:flex-start}.footer-group button,.footer-group a{font-size:11px;color:#8896ab;background:transparent;border:0;padding:0;line-height:1.8;text-align:left}.footer-group button:hover,.footer-group a:hover{color:#2563eb}.footer-bottom{border-top:1px solid #edf0f6;padding:20px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px;color:#9aa6b7}.footer-bottom>div{display:flex;gap:22px}.footer-bottom button{background:transparent;border:0;padding:0;font-size:10px;color:#93a0b4}.footer-bottom button:hover{color:#2563eb}#site-info-dialog{width:580px;max-width:calc(100vw - 24px);border-radius:14px;padding:26px}#site-info-dialog h2{font-size:20px;margin:0}#site-info-body p{color:#728198;font-size:13px;line-height:2;margin:20px 0}#site-info-body>.button{font-size:12px;display:inline-flex;gap:5px;align-items:center}#site-info-body .ui-icon{width:15px;height:15px}
@media(min-width:701px) and (max-width:1050px){body.personal-view main{padding:24px}.pc-layout{grid-template-columns:190px minmax(0,1fr);gap:20px}.pc-stats{gap:10px}.pc-stats>button{padding:14px 10px;grid-template-columns:28px 1fr;column-gap:8px}.pc-stat-icon{width:28px;height:28px}.pc-stat-icon .ui-icon{width:18px;height:18px}.pc-stats strong{font-size:21px}.pc-page-heading{display:block}.pc-page-heading>.pc-privacy{margin-top:12px}.footer-main{gap:28px}.footer-inner{padding:35px 24px 0}.pc-record>time{display:none}}
@media(max-width:700px){
 .topbar .main-nav{gap:18px}.topbar .main-nav button{padding:0 12px;font-size:13px}.topbar .top-right{gap:10px;margin-left:auto}.topbar #profile-short-name{display:none}.topbar #profile-button{padding:0;gap:3px}.topbar #profile-avatar{width:30px;height:30px;font-size:12px}.topbar #profile-button .account-chevron .ui-icon{width:10px;height:10px}.header-notifications{width:28px;height:32px}.header-notifications .ui-icon{width:18px;height:18px}.header-notifications b{top:0;right:-3px;font-size:8px;line-height:13px;min-width:15px}.topbar .demo-label{display:none}.topbar .auth-button{font-size:10px;padding:8px;min-height:36px}
 #account-menu.personal-account-menu{width:min(350px,calc(100vw - 24px))}.personal-account-menu .account-menu-heading{padding:18px}.personal-account-menu #profile-name{font-size:14px}.account-shortcuts{padding:14px 10px;gap:5px 2px}.account-shortcuts>button{min-height:75px;font-size:11px}.account-menu-bottom>button{min-height:40px}.personal-account-menu #account-menu-role{font-size:10px}
 body.personal-view main{padding:18px 14px 30px}.pc-layout{display:block}.pc-sidebar{border-radius:12px;margin-bottom:18px}.pc-profile{padding:18px;text-align:left;display:grid;grid-template-columns:46px minmax(0,1fr) auto;column-gap:12px;border:0}.pc-avatar{grid-column:1;grid-row:1 / 4;width:46px;height:46px;font-size:20px;margin:0}.pc-profile h2{grid-column:2;grid-row:1;font-size:16px;margin:0 0 5px}.pc-profile>p:not(.pc-bio){grid-column:2;grid-row:2;font-size:11px}.pc-profile-tags{grid-column:2 / 4;justify-content:flex-start;margin:7px 0 0;gap:5px}.pc-edit-profile{grid-column:3;grid-row:1 / 3;font-size:10px;margin:0;padding:3px;align-self:start}.pc-profile .pc-bio{grid-column:1 / 4;grid-row:4;font-size:11px;margin:12px 0 0}.pc-side-nav{display:none}.pc-page-heading{margin:0 0 18px;display:block}.pc-eyebrow{display:none}.pc-page-heading h1{font-size:20px;margin:0 0 8px}.pc-page-heading p{font-size:11px;line-height:1.7}.pc-page-heading>.pc-privacy{margin-top:9px;font-size:9px}.pc-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:18px}.pc-stats>button{padding:16px;min-height:83px;column-gap:11px}.pc-stats strong{font-size:24px}.pc-stats>button>span:last-child{font-size:10px}.pc-mobile-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;background:white;border:1px solid #e4eaf3;border-radius:12px;padding:12px 10px;margin-bottom:18px}.pc-mobile-shortcuts>button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:9px 4px;min-height:66px;color:#7b8da8;border:0;border-radius:8px;background:transparent;font-size:10px}.pc-mobile-shortcuts .ui-icon{width:20px;height:20px;color:#5b84d5}.pc-mobile-shortcuts>button[aria-current]{background:#edf3ff;color:#2563eb;font-weight:600}.pc-panel{border-radius:12px;padding:17px 16px;margin-bottom:16px}.pc-panel-heading{gap:10px;margin-bottom:15px;align-items:flex-start}.pc-panel-heading h2{font-size:14px;flex-wrap:wrap;gap:6px}.pc-panel-heading>.pc-privacy{display:none}.pc-text-link{font-size:10px}.pc-tabs{gap:22px}.pc-tabs>button{font-size:11px;padding-bottom:12px}.pc-record{padding:16px 0;gap:9px;flex-wrap:wrap}.pc-record-icon{width:29px;height:29px;border-radius:7px}.pc-record-icon .ui-icon{width:16px;height:16px}.pc-record-title{font-size:12px}.pc-record-meta{font-size:9px;gap:4px 7px}.pc-record-meta>span+span::before{margin-right:7px}.pc-record-body p{font-size:10px}.pc-record>time{font-size:9px;max-width:55px;text-align:right;line-height:1.7}.pc-record>.pc-row-arrow{display:none}.pc-record-actions{width:100%;justify-content:flex-end;gap:18px;padding-top:5px}.pc-record-actions>button{font-size:10px;min-height:34px}.pc-record-reviewed{margin:0 -8px;padding:16px 8px}.pc-feedback-row{padding:11px;gap:8px;align-items:flex-start;flex-direction:column}.pc-feedback-row>span:first-child{width:100%}.pc-feedback-row strong{font-size:10px}.pc-feedback-status{align-self:flex-end;font-size:9px}.pc-private-note{font-size:9px}.pc-feedback-empty{display:block;font-size:10px;line-height:1.8}.pc-feedback-empty button{padding:8px 0 0;font-size:10px}.pc-empty{padding:30px 5px}.pc-empty h3{font-size:12px}.pc-empty p{font-size:10px}.pc-pagination{font-size:9px;gap:8px}.pc-pagination button{min-height:34px;font-size:10px}.pc-section-intro{font-size:10px;align-items:flex-start}.pc-section-intro .ui-icon{flex:none;margin-top:3px}.pc-notification{gap:9px;flex-wrap:wrap;padding:17px 0}.pc-notification strong{font-size:10px}.pc-notification b{font-size:12px}.pc-notification p{font-size:10px}.pc-notification time{width:100%;text-align:right;font-size:9px}.pc-notification .pc-unread-dot{position:absolute;right:0;top:12px}.pc-settings dl>div{grid-template-columns:70px minmax(0,1fr);gap:10px;font-size:11px}.pc-guest{margin:10px 0;padding:50px 20px}.pc-guest h1{font-size:20px}
 .footer-inner{padding:26px 20px 0}.footer-main{display:block;padding-bottom:10px}.footer-brand{padding-bottom:22px}.footer-brand .brand strong{font-size:20px}.footer-brand h2{font-size:13px;margin:14px 0 8px}.footer-brand p{font-size:10px}.footer-note{font-size:9px;margin-top:10px}.footer-group{border-top:1px solid #edf0f6}.footer-group summary{display:flex;justify-content:space-between;align-items:center;padding:16px 0;font-size:11px}.footer-group summary>span{display:inline-flex}.footer-group summary .ui-icon{width:14px;height:14px;color:#95a3b8}.footer-group[open] summary .ui-icon{transform:rotate(180deg)}.footer-group>div{padding:0 0 16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 20px}.footer-group button,.footer-group a{font-size:10px;min-height:26px}.footer-bottom{display:block;padding:17px 0 22px;font-size:9px}.footer-bottom>div{margin-top:14px;gap:20px}.footer-bottom button{font-size:9px;min-height:24px}#site-info-dialog{padding:20px}#site-info-dialog h2{font-size:18px}#site-info-body p{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.pc-stats>button{transition:none}.pc-stats>button:hover{transform:none}}
.personal-account-menu #learning-button{width:auto;min-width:0;flex:0 0 auto;justify-content:flex-end}.personal-account-menu .account-menu-heading>div{flex:1 1 auto;min-width:0}.personal-account-menu #profile-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* Keep physical header height independent from the measured scroll offset. */
.topbar{height:64px;min-height:64px;box-sizing:border-box}
@media(max-width:700px){.topbar{height:94px;min-height:94px}.pc-main{padding-top:0}}
/* The list owns its pagination, so the footer stays fully visible. */
#pagination{position:sticky;bottom:0;left:auto;right:auto;z-index:12;width:auto;min-height:64px;margin-top:8px;padding:14px 0;background:#fff;border-radius:0;border-width:1px 0 0;box-shadow:0 -6px 12px -12px #172b4d35}
body:not(.personal-view) .page main{padding-bottom:36px}
@media(max-width:700px){#pagination{min-height:76px;padding:10px 0 calc(10px + env(safe-area-inset-bottom))}body:not(.personal-view) .page main{padding-bottom:24px}}

/* Content v4: content-first lists, one sorting control and real detail panels. */
body.content-v4{background:#f6f8fc;color:#172b4d}
body.content-v4:not(.personal-view) .page main{max-width:1184px;padding:32px 32px 40px}
.content-v4 .page-heading{margin-bottom:24px;gap:24px;align-items:center}
.content-v4 .page-heading .eyebrow{display:none}
.content-v4 .page-heading h1{font-size:28px;line-height:1.4;letter-spacing:0;margin:0 0 8px}
.content-v4 .page-heading p{display:block;font-size:15px;line-height:1.7;max-width:none;color:#64748b;margin:0}
.content-v4 .heading-actions{font-size:13px}
.content-v4 #account-summary{display:none}
.content-v4 .metrics{display:none}
.content-v4 .learning-entry{margin:0 0 20px;font-size:13px;gap:12px 20px}
.content-v4 .learning-entry button{font-size:13px}
.content-v4 .plaza-tabs{margin:0 0 20px;gap:32px;border-bottom:1px solid #e5eaf1}
.content-v4 .plaza-tabs>button{font-size:15px;min-height:44px;padding:10px 0 14px}
.content-v4 .plaza-tabs>span{display:none}
.content-v4 #experience-scope{font-size:13px}
.content-v4 #experience-scope>button{font-size:13px;min-height:36px}
body.content-v4.library-view .main-column,body.content-v4.forum-view .main-column{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.content-v4 .content-grid{display:block}
.content-v4 .right-column{display:none}
.content-v4 .search-box{height:46px;border:1px solid #e5eaf1;border-radius:10px;background:#fff;box-shadow:none;margin:0}
.content-v4 .search-box input{font-size:15px}
.content-v4 .search-box>.ui-icon,.content-v4 .search-box>span>.ui-icon{width:20px;height:20px}
.content-v4 .list-controls{position:static;display:flex;align-items:flex-start;gap:16px;flex-wrap:nowrap;background:transparent;padding:0;margin:16px 0 24px;border:0;box-shadow:none;min-width:0}
.content-v4 .compact-filters{flex:1;min-width:0;padding:0;margin:0;background:transparent;border:0;border-radius:0}
.content-v4 .filter-navigation{display:flex;align-items:center;justify-content:flex-start;gap:8px;flex-wrap:wrap}
.content-v4 .compact-selects{display:flex;align-items:center;flex-wrap:wrap;gap:8px;flex:0 1 auto;min-width:0}
body.content-v4.library-view .filter-trigger,.content-v4 .filter-trigger{height:38px;min-height:38px;border:1px solid #e5eaf1;border-radius:8px;background:#fff;padding:0 12px;gap:8px;font-size:13px}
.content-v4 .filter-trigger>span{font-size:13px}
.content-v4 .filter-trigger:hover,.content-v4 .filter-trigger[aria-expanded=true],.content-v4 .filter-trigger.is-filtered{border-color:#bfdbfe;background:#eff5ff;color:#2563eb}
body.content-v4.library-view .more-filters,.content-v4 .more-filters{margin:0;height:38px;min-width:0;width:auto;min-height:38px;padding:0 12px;font-size:13px;gap:8px;border:1px solid #e5eaf1;background:white;border-radius:8px}
.content-v4 .more-filters>.ui-icon{width:16px;height:16px}
.content-v4 .list-controls .list-toolbar{display:flex;align-items:center;flex-wrap:nowrap;gap:12px;min-height:38px;flex:0 0 auto;padding:0;border:0;margin:0;background:transparent;box-shadow:none}
.content-v4 .list-meta{margin:0;white-space:nowrap;font-size:13px;color:#64748b}
.content-v4 .list-sort-trigger{height:38px;display:inline-flex;align-items:center;gap:8px;padding:0 12px;border:1px solid #e5eaf1;border-radius:8px;background:white;color:#172b4d;font-size:13px;white-space:nowrap}
.content-v4 .list-sort-trigger>.ui-icon{width:16px;height:16px}
.content-v4 .list-sort-trigger>.ui-icon:last-child{width:13px;height:13px;color:#64748b}
.content-v4 .list-sort-trigger:hover,.content-v4 .list-sort-trigger[aria-expanded=true]{color:#2563eb;border-color:#bfdbfe;background:#eff5ff}
.content-v4 .forum-category-filter{height:38px;font-size:13px;padding:0 12px;border-radius:8px;white-space:nowrap}
.content-v4 .forum-category-filter.active{background:#e8f0ff;color:#2563eb}
.content-v4 .applied-filters,.content-v4 .saved-filter-presets{margin-top:12px}
.content-v4 #question-list{border:0;border-radius:0;box-shadow:none;background:transparent;overflow:visible}
body.content-v4 #question-list article.content-list-row{position:relative;margin:0 0 12px;padding:20px 24px;min-height:0;border:1px solid #e5eaf1;border-radius:12px;background:white;box-shadow:none;overflow:visible;transition:background .15s,border-color .15s}
body.content-v4.library-view #question-list article.library-row{display:flex;align-items:center;gap:24px;grid-template-columns:none}
body.content-v4.experience-view.library-view #question-list article.experience-row{display:block;grid-template-columns:none}
body.content-v4 #question-list article.content-list-row:last-child{border-bottom:1px solid #e5eaf1}
body.content-v4 #question-list article.content-list-row:hover{background:#fbfcff;border-color:#d5deee}
body.content-v4 #question-list article.question-row.is-reviewed{background:#eff5ff;border-color:#dbe8ff;box-shadow:inset 3px 0 0 #2563eb}
body.content-v4 #question-list article.question-row.is-reviewed:hover{background:#e8f1ff}
.content-v4 #question-list .library-main{min-width:0;flex:1}
.content-v4 #question-list .library-title-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin:0 0 10px}
.content-v4 #question-list .library-row .question-title,.content-v4.experience-view.library-view #question-list .experience-row .experience-title,.content-v4 #question-list .forum-title{font-size:20px;line-height:1.45;font-weight:650;margin:0;color:#172b4d;text-decoration:none;overflow-wrap:anywhere;letter-spacing:0}
.content-v4 #question-list .library-row .question-title:hover,.content-v4 #question-list .experience-title:hover,.content-v4 #question-list .forum-title:hover{color:#2563eb}
.content-v4 .difficulty{display:inline-flex;align-items:center;flex:none;border:0;font-weight:500;font-size:12px;line-height:1.6;padding:3px 9px;border-radius:7px;white-space:nowrap;background:#fff3db;color:#9a5b0a}
.content-v4 .difficulty.easy{background:#e7f7ee;color:#18794e}.content-v4 .difficulty.hard{background:#fff0f0;color:#c43c3c}
.content-v4 .library-reviewed-badge,.content-v4 .library-pending-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;line-height:1.6;font-size:12px;border-radius:7px;background:#dbeafe;color:#2563eb;font-weight:500}
.content-v4 .library-reviewed-badge>.ui-icon,.content-v4 .library-pending-badge>.ui-icon{width:14px;height:14px}
.content-v4 .library-pending-badge{background:#f0f3f8;color:#64748b}
.content-v4 .v4-interview-meta,.content-v4 .qd-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;color:#64748b;font-size:13px;line-height:1.7}
.content-v4 .v4-interview-meta>span,.content-v4 .qd-meta>span{display:inline-flex;align-items:center;gap:12px;min-width:0;overflow-wrap:anywhere}
.content-v4 .v4-interview-meta>span+span::before,.content-v4 .qd-meta>span+span::before{content:'·';color:#a2afc1;flex:none}
.content-v4 .v4-question-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px}
.content-v4 #question-list .library-topics{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;margin:0;color:#64748b;font-size:13px;line-height:1.7}
.content-v4 #question-list .library-topics button{display:inline-flex;align-items:center;gap:4px;padding:0;font-size:13px;color:#2563eb}
.content-v4 #question-list .library-topics .v4-topic{color:#64748b}
.content-v4 #question-list .library-topics .source-link{font-size:13px}
.content-v4 #question-list .library-topics .ui-icon{width:14px;height:14px}
.content-v4 .v4-record-meta{margin-top:8px;font-size:13px;color:#64748b;line-height:1.6}
.content-v4 .v4-exam-date{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.content-v4 .v4-exam-date>.ui-icon{width:15px;height:15px;flex:none}
.content-v4 .v4-record-meta .encounter-count{font-size:13px;display:inline-flex;align-items:center;gap:4px;color:#64748b;padding:0 0 0 10px;margin:0;border:0;border-left:1px solid #dbe2ed;border-radius:0;background:transparent}
.content-v4 .v4-record-meta>.encounter-count{border:0;padding:0}
.content-v4 .v4-record-meta .encounter-count strong{font-size:13px;color:inherit;font-weight:500}
.content-v4 .v4-record-meta .encounter-count:hover{color:#2563eb}
.content-v4 .v4-empty-records{display:inline-flex;gap:6px;align-items:center}
.content-v4 .v4-empty-records>.ui-icon{width:15px;height:15px}
.content-v4 #question-list .library-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:nowrap;gap:8px;flex:none;margin:0;padding:0;grid-column:auto;grid-row:auto;border:0}
.content-v4 #question-list .library-actions>button{display:inline-flex;align-items:center;justify-content:center;min-height:36px;min-width:36px;padding:7px 8px;margin:0;border:0;border-radius:7px;background:transparent;font-size:13px;gap:6px;color:#64748b;text-decoration:none}
.content-v4 #question-list .library-actions>.review-button{color:#2563eb;padding:7px 10px;border:1px solid #b8cefa;background:white}
.content-v4 #question-list .library-actions>.review-button::before,.content-v4 #question-list .library-actions>.review-button::after{content:none}
.content-v4 #question-list .library-actions>.note-button.has-note{color:#2563eb}
.content-v4 #question-list .library-actions .save-button.saved{color:#2563eb}
.content-v4 #question-list .library-actions .save-button.saved svg{fill:#2563eb;stroke:#2563eb}
.content-v4 #question-list .library-actions .ui-icon{display:block;width:18px;height:18px;flex:none}
.content-v4 #question-list .library-actions>button:hover{color:#2563eb;background:#e6efff;text-decoration:none}
.content-v4 .v4-feed-title{display:flex;align-items:flex-start;gap:12px;margin:0 0 10px;min-width:0}
.content-v4 .v4-feed-title>a{flex:1;min-width:0}
.content-v4 .v4-feed-title>.forum-category{align-self:center;flex:none;margin:0;font-size:12px;padding:4px 9px;border-radius:7px;background:#eff5ff;color:#52749d}
.content-v4 #question-list .experience-row .experience-excerpt,.content-v4 .v4-feed-excerpt{font-size:15px;line-height:1.7;color:#52647e;margin:12px 0 16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.content-v4 .v4-feed-author{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px;font-size:13px;line-height:1.6;min-width:0;color:#64748b}
.content-v4 .v4-feed-author strong{font-weight:500;color:#405779}
.content-v4 #question-list .v4-feed-author .author-avatar,.content-v4.experience-view.library-view #question-list .experience-row .author-avatar{width:30px;height:30px;flex:none;font-size:12px;margin:0;border-radius:50%}
.content-v4 .v4-feed-footer{display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px;margin-top:16px;font-size:13px;line-height:1.7;color:#64748b}
.content-v4 .v4-feed-stats{margin-left:auto;display:flex;align-items:center;flex-wrap:wrap;gap:16px;font-size:13px;color:#64748b}
.content-v4 .v4-feed-stats>span,.content-v4 .v4-feed-stats>button,.content-v4 .v4-reply-count{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#64748b;white-space:nowrap}
.content-v4 .v4-feed-stats>button,.content-v4 .v4-reply-count{min-height:36px;padding:0;border:0;background:transparent}
.content-v4 .v4-feed-stats .ui-icon,.content-v4 .v4-reply-count>.ui-icon{width:17px;height:17px}
.content-v4 .v4-feed-stats .source-link{font-size:13px}
.content-v4 .v4-feed-stats>button:hover,.content-v4 .v4-reply-count:hover{color:#2563eb}
.content-v4 #question-list .forum-card>.v4-feed-author{margin-bottom:12px}
.content-v4 .forum-card>.v4-feed-author>.list-owner-menu{margin-left:auto}
.content-v4 .v4-poll-preview{display:flex;align-items:center;gap:8px;width:100%;max-width:540px;background:#f6f8fc;border:1px solid #e5eaf1;border-radius:8px;padding:12px 16px;color:#52647e;font-size:13px;text-align:left}
.content-v4 .v4-poll-preview>.ui-icon{width:17px;height:17px;flex:none;color:#2563eb}
.content-v4 .v4-poll-preview>span:last-child{margin-left:auto;display:inline-flex;align-items:center;gap:4px}
.content-v4 .v4-poll-preview span>.ui-icon{width:14px;height:14px}
.content-v4 .list-owner-menu{position:relative;flex:none;margin:0;padding:0;color:#64748b}
.content-v4 .list-owner-menu>summary{display:grid;place-items:center;list-style:none;cursor:pointer;width:36px;height:36px;margin:-4px 0;border-radius:7px;background:transparent}
.content-v4 .list-owner-menu>summary::-webkit-details-marker{display:none}
.content-v4 .list-owner-menu>summary>.ui-icon{width:20px;height:20px}
.content-v4 .list-owner-menu[open]>summary,.content-v4 .list-owner-menu>summary:hover{background:#e8f0ff;color:#2563eb}
.content-v4 .list-owner-options{position:absolute;top:calc(100% + 7px);right:0;z-index:30;display:flex;flex-direction:column;gap:3px;width:185px;padding:6px;border:1px solid #e5eaf1;border-radius:9px;background:white;box-shadow:0 8px 24px #172b4d20}
.content-v4 .list-owner-options>button{font-size:13px;line-height:1.7;min-height:38px;text-align:left;white-space:normal;padding:8px 12px;border:0;border-radius:5px;background:transparent;color:#52647e}
.content-v4 .list-owner-options>button:hover{background:#eff5ff;color:#2563eb}
.content-v4 .list-owner-options>.delete-link{color:#b42318}
.content-v4 .owner-menu-status{font-size:11px;line-height:1.7;color:#64748b;padding:8px 12px;border-bottom:1px solid #edf0f6}
.content-v4 #pagination{position:static;padding:12px 0;margin-top:8px;border:0;background:transparent;box-shadow:none;font-size:13px;min-height:56px}
.content-v4 #pagination .pagination-meta,.content-v4 #pagination .page-size{font-size:13px}
.content-v4 #pagination .page-buttons>button{font-size:14px;border-radius:7px;min-width:38px;height:38px}
/* Sorting is anchored on desktop and a bottom sheet on small screens. */
.list-sort-menu{position:fixed;inset:auto;margin:0;padding:8px;border:1px solid #e5eaf1;border-radius:12px;background:#fff;color:#172b4d;box-shadow:0 14px 40px #172b4d20;box-sizing:border-box;max-height:calc(100dvh - 24px);overflow:auto}
.list-sort-menu::backdrop{background:transparent}
.sort-menu-heading{display:flex;align-items:center;justify-content:space-between;padding:5px 10px 9px;font-size:12px;color:#64748b}
.sort-menu-heading strong{font-weight:500}
.sort-menu-close{display:none}
.sort-menu-options{display:grid;gap:4px}
.sort-menu-options>button{display:flex;align-items:center;gap:10px;width:100%;min-height:62px;border:0;border-radius:7px;padding:10px;color:#52647e;background:transparent;text-align:left}
.sort-menu-options>button>.ui-icon{width:18px;height:18px;flex:none}
.sort-menu-options>button>span:not(.sort-check){flex:1;min-width:0}
.sort-menu-options strong{display:block;font-size:14px;font-weight:550;line-height:1.5;color:#172b4d}
.sort-menu-options small{display:block;font-size:12px;line-height:1.6;color:#64748b;margin-top:3px}
.sort-menu-options>button[aria-checked=true]{background:#eff5ff;color:#2563eb}
.sort-menu-options>button:hover{background:#f3f6fc}
.sort-menu-options>button[aria-checked=true]:hover{background:#e8f1ff}
.sort-check{display:grid;place-items:center;width:18px;flex:none;color:#2563eb}
.sort-check>.ui-icon{width:18px;height:18px}
.content-v4 :is(.list-sort-trigger,.sort-menu-options>button,.list-owner-menu>summary,.qd-tabs>button,.qd-footer button,.qd-sidebar button,.question-title,.experience-title,.forum-title):focus-visible{outline:2px solid #2563eb;outline-offset:3px}
/* The title and tabs stay separate from the active reading panel. */
body.content-v4 #detail-dialog{width:min(1060px,calc(100vw - 48px));max-width:calc(100vw - 48px);max-height:calc(100dvh - 48px);padding:0;border:1px solid #e5eaf1;border-radius:14px;box-sizing:border-box;scrollbar-width:thin;overscroll-behavior:contain}
.content-v4 #detail-content{padding:0}
.content-v4 .qd-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 28px;border-bottom:1px solid #e5eaf1;background:white}
.content-v4 .qd-header>span{display:inline-flex;align-items:center;gap:12px;font-size:16px;font-weight:600}
.content-v4 .qd-header>span>.ui-icon{width:21px;height:21px;color:#2563eb}
.content-v4 .qd-header>.close{position:static;margin:0;width:36px;height:36px;display:grid;place-items:center;padding:0;border:0;color:#64748b;background:transparent;border-radius:8px}
.content-v4 .qd-header>.close .ui-icon{width:22px;height:22px}
.content-v4 .qd-header>.close:hover{background:#f0f5ff}
.content-v4 .qd-heading{padding:28px 28px 16px}
.content-v4 .qd-title-line{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 12px}
.content-v4 .qd-title-line h2{font-size:26px;font-weight:650;line-height:1.45;margin:0;color:#172b4d;overflow-wrap:anywhere}
.content-v4 .qd-author{font-size:13px;color:#64748b;display:flex;gap:12px;margin-top:10px;line-height:1.7;flex-wrap:wrap}
.content-v4 .qd-meta .tag{font-size:12px;border-radius:7px;margin:0}
.content-v4 .qd-meta .qd-topic{background:#e8f1ff;color:#2563eb;padding:3px 9px}
.content-v4 .qd-tabs{display:flex;align-items:center;gap:28px;margin:0 28px;border-bottom:1px solid #e5eaf1}
.content-v4 .qd-tabs>button{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:10px 4px;background:transparent;border:0;font-size:15px;color:#64748b;white-space:nowrap}
.content-v4 .qd-tabs>button[aria-selected=true]{color:#2563eb;font-weight:600}
.content-v4 .qd-tabs>button[aria-selected=true]::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#2563eb}
.content-v4 .qd-tabs>button>span{font-size:12px;line-height:19px;min-width:19px;text-align:center;padding:0 4px;background:#f0f3f8;border-radius:12px;color:#64748b}
.content-v4 .qd-panels{padding:24px 28px 28px;min-height:240px}
.content-v4 .qd-panels>[hidden]{display:none!important}
.content-v4 .qd-read-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:28px;align-items:start}
.content-v4 .qd-body{font-size:16px;line-height:1.8;color:#354968;min-width:0;overflow-wrap:anywhere}
.content-v4 .qd-body>p:first-child,.content-v4 .qd-body>h2:first-child,.content-v4 .qd-body>h3:first-child{margin-top:0}
.content-v4 .qd-body h2,.content-v4 .qd-body h3{font-size:20px;color:#172b4d;line-height:1.5;margin:28px 0 12px}
.content-v4 .qd-body pre{font-size:13px;line-height:1.8;padding:18px;border:0;background:#f6f8fc;border-radius:9px;max-width:100%;overflow:auto}
.content-v4 .qd-sidebar{display:grid;gap:16px;min-width:0}
.content-v4 .qd-side-card{border:1px solid #e5eaf1;border-radius:10px;padding:16px;background:white;font-size:13px;line-height:1.7;min-width:0}
.content-v4 .qd-side-card h3{margin:0 0 14px;font-size:15px;line-height:1.5;display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-weight:600;color:#172b4d}
.content-v4 .qd-side-card h3>.ui-icon{width:16px;height:16px}
.content-v4 .qd-side-card h3>span{display:inline-flex;gap:4px;align-items:center;margin-left:auto;color:#64748b;font-size:11px;font-weight:400}
.content-v4 .qd-side-card h3>span>.ui-icon{width:12px;height:12px}
.content-v4 .qd-side-card dl{margin:0}
.content-v4 .qd-side-card dl>div{display:flex;justify-content:space-between;gap:12px;margin:10px 0}
.content-v4 .qd-side-card dt{color:#64748b}
.content-v4 .qd-side-card dd{margin:0;min-width:0;overflow-wrap:anywhere}
.content-v4 .qd-side-card dd>button{display:inline-flex;gap:4px;align-items:center;color:#2563eb;font-size:13px;padding:0}
.content-v4 .qd-side-card dd .ui-icon{width:12px;height:12px}
.content-v4 .qd-source,.content-v4 .qd-note-edit{display:flex;align-items:center;gap:8px;width:100%;min-height:36px;padding:8px 10px;border:1px solid #e5eaf1;border-radius:7px;color:#2563eb;background:white;font-size:13px;text-align:left}
.content-v4 .qd-source .ui-icon,.content-v4 .qd-note-edit .ui-icon{width:16px;height:16px;flex:none}
.content-v4 .qd-source .ui-icon:last-child,.content-v4 .qd-note-edit .ui-icon:last-child{margin-left:auto;width:12px}
.content-v4 .qd-source-links{display:flex;flex-direction:column;gap:10px;margin:12px 0 0;font-size:13px}
.content-v4 .qd-source-links:empty{display:none}
.content-v4 .qd-source-links .source-link{font-size:13px;line-height:1.6;overflow-wrap:anywhere}
.content-v4 .qd-note-preview{font-size:13px;color:#52647e;line-height:1.8;margin:0 0 14px;overflow-wrap:anywhere}
.content-v4 .qd-footer{position:sticky;bottom:0;z-index:10;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 28px;border-top:1px solid #e5eaf1;background:white;border-radius:0 0 14px 14px}
.content-v4 .qd-footer-actions{display:flex;align-items:center;gap:10px;width:100%;min-width:0}
.content-v4 .qd-footer-actions>button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:9px 14px;border:1px solid #e5eaf1;border-radius:8px;font-size:13px;color:#52647e;background:white;white-space:nowrap}
.content-v4 .qd-footer-actions>button>.ui-icon{width:17px;height:17px;flex:none}
.content-v4 .qd-footer-actions>.review-button{order:5;margin-left:auto;color:white;background:#2563eb;border-color:#2563eb}
.content-v4 .qd-footer-actions>.review-button.reviewed{color:#2563eb;background:#eff5ff;border-color:#c4d8fd}
.content-v4 .qd-footer-actions>.reading-save.saved{color:#2563eb;background:#eff5ff;border-color:#c4d8fd}
.content-v4 .qd-footer .list-owner-options{top:auto;bottom:calc(100% + 7px)}
.content-v4 #encounter-history{margin:0;padding:0;border:0}
.content-v4 .encounter-heading h3,.content-v4 #discussion h3{font-size:18px;margin:0}
.content-v4 .encounter-heading>span{font-size:12px}
.content-v4 .encounter-help{font-size:13px;line-height:1.7;margin:12px 0 20px}
.content-v4 .encounter-records li{font-size:14px;grid-template-columns:100px minmax(70px,1fr) 60px 160px;padding:16px 0;gap:16px}
.content-v4 .encounter-source{font-size:12px}
.content-v4 .encounter-empty{font-size:14px;padding:28px}
.content-v4 #encounter-form label{font-size:13px}
.content-v4 #encounter-history .encounter-panel{font-size:14px;padding:16px 20px}
.content-v4 #discussion{margin:0;padding:0;border:0}
.content-v4 #discussion .discussion-heading{margin:0 0 12px}
.content-v4 #discussion .discussion-note{font-size:13px;line-height:1.7}
.content-v4 #discussion .comment-meta strong{font-size:14px}
.content-v4 #discussion .comment-meta time{font-size:12px}
.content-v4 #discussion .comment-main .rich-content{font-size:15px;line-height:1.75}
.content-v4 #discussion .comment-actions button{font-size:13px;min-height:36px}
.content-v4 #discussion .discussion-empty{font-size:14px;padding:24px}
.content-v4 #discussion #comment-form{margin-top:24px}
.content-v4 #discussion #comment-form>label{font-size:14px;margin-bottom:12px}
.content-v4 #discussion #comment-body{font-size:15px;line-height:1.7;min-height:120px}
.content-v4 #discussion .comment-form-footer{font-size:12px;gap:12px}
.content-v4 #discussion .comment-form-footer>.button{font-size:13px;min-height:38px}
@media(min-width:701px) and (max-width:1050px){
 .content-v4 .list-controls{flex-wrap:wrap;gap:12px}
 .content-v4 .compact-filters{flex-basis:100%}
 .content-v4 .list-controls .list-toolbar{margin-left:auto}
 body.content-v4.library-view #question-list article.question-row{flex-wrap:wrap;gap:12px}
 .content-v4 #question-list .library-actions{width:100%;justify-content:flex-start}
 .content-v4 #question-list .library-actions>.review-button{margin-left:auto}
 .content-v4 .qd-read-layout{grid-template-columns:minmax(0,1fr) 225px;gap:20px}
}
@media(max-width:700px){
 body.content-v4:not(.personal-view) .page main{padding:24px 16px 28px}
 .content-v4 .page-heading{align-items:flex-start;gap:14px;margin-bottom:20px;flex-wrap:wrap}
 .content-v4 .page-heading h1{font-size:24px;line-height:1.4;margin-bottom:8px}
 .content-v4 .page-heading p{display:block;font-size:14px;line-height:1.65}
 .content-v4 .heading-actions{flex-direction:row;align-items:center;gap:10px;font-size:12px;width:auto;flex:none}
 .content-v4 .heading-actions:has(#experience-scope:not([hidden])){width:100%}
 .content-v4 #experience-scope>button{font-size:12px;min-height:36px}
 .content-v4 .heading-actions #algorithm-share{display:none}
 .content-v4 #study-progress{font-size:12px}
 .content-v4 #study-progress strong{font-size:20px}
 .content-v4 .learning-entry{gap:8px 14px;font-size:12px;margin-bottom:16px}
 .content-v4 .learning-entry button{font-size:12px;min-height:36px}
 .content-v4 .search-box{height:44px;padding:0 12px;border-radius:9px}
 .content-v4 .search-box input{font-size:16px;min-width:0}
 .content-v4 .search-box kbd{display:none}
 .content-v4 .plaza-tabs{margin-bottom:16px;gap:28px}
 .content-v4 .plaza-tabs>button{font-size:14px;min-height:44px}
 .content-v4 .list-controls{position:static;display:flex;align-items:flex-start;flex-wrap:nowrap;gap:12px;margin:12px 0 16px;padding:0;border:0}
 .content-v4 .compact-filters{flex:1;min-width:0;flex-basis:auto;padding:0}
 body.content-v4.library-view #compact-selects{display:none}
 .content-v4 .filter-navigation{gap:0}
 body.content-v4.library-view #more-filters,.content-v4 #more-filters{min-height:44px;height:44px;padding:0 14px;font-size:13px;width:auto;gap:8px}
 .content-v4 .list-controls .list-toolbar{display:flex;align-items:center;min-height:44px;padding:0;margin:0;gap:0;flex-wrap:nowrap;flex:none}
 .content-v4 .list-toolbar .list-meta{display:none}
 .content-v4 .list-sort-trigger{height:44px;font-size:13px;padding:0 12px}
 .content-v4 .filter-chip>button{min-height:36px;font-size:12px}
 .content-v4.forum-view .list-controls{flex-wrap:wrap}
 .content-v4.forum-view .compact-filters{flex-basis:100%;overflow:hidden}
 .content-v4.forum-view #compact-selects{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;width:100%;flex:1;gap:8px}
 .content-v4.forum-view .forum-category-filter{font-size:13px;height:44px;min-height:44px;flex:none;padding:0 12px}
 .content-v4.forum-view .list-controls .list-toolbar{margin-left:auto;gap:12px}
 .content-v4.forum-view .list-toolbar .list-meta{display:block;font-size:12px}
 body.content-v4 #question-list article.content-list-row{padding:16px;margin-bottom:12px;border-radius:10px}
 body.content-v4.library-view #question-list article.question-row{display:block}
 .content-v4 #question-list .library-title-row{gap:7px 8px;margin-bottom:10px}
 .content-v4 #question-list .library-row .question-title,.content-v4.experience-view.library-view #question-list .experience-row .experience-title,.content-v4 #question-list .forum-title{font-size:18px;line-height:1.45}
 .content-v4 #question-list .question-title{flex:0 1 auto;max-width:100%}
 .content-v4 .difficulty,.content-v4 .library-reviewed-badge,.content-v4 .library-pending-badge{font-size:12px;padding:3px 8px}
 .content-v4 .v4-interview-meta,.content-v4 .qd-meta{font-size:12px;gap:5px 8px}
 .content-v4 .v4-interview-meta>span,.content-v4 .qd-meta>span{gap:8px}
 .content-v4 .v4-question-meta{display:block}
 .content-v4 #question-list .library-topics{font-size:12px;gap:6px 12px;margin-top:6px}
 .content-v4 #question-list .library-topics button,.content-v4 #question-list .library-topics .source-link{font-size:12px;min-height:26px}
 .content-v4 .v4-record-meta,.content-v4 .v4-record-meta .encounter-count,.content-v4 .v4-record-meta .encounter-count strong{font-size:12px}
 .content-v4 #question-list .library-actions{display:flex;justify-content:flex-start;width:100%;gap:4px;margin:12px -16px -16px;padding:8px 12px;border-top:1px solid #e5eaf1;box-sizing:content-box;background:#ffffff75;border-radius:0 0 10px 10px}
 .content-v4 #question-list .library-actions>button{min-height:44px;min-width:36px;padding:8px 6px;font-size:12px;gap:5px}
 .content-v4 #question-list .library-actions>.review-button{margin-left:auto;padding:6px 9px;min-height:44px}
 .content-v4 #question-list .library-actions>.note-button{padding:8px}
 .content-v4 #question-list .library-actions .ui-icon{width:18px;height:18px}
 .content-v4 #question-list .library-actions>.list-owner-menu{margin-left:auto}
 .content-v4 .v4-feed-title{gap:8px;margin-bottom:10px}
 .content-v4 .v4-feed-title>.forum-category{font-size:11px;align-self:flex-start;max-width:95px;white-space:normal}
 .content-v4 #question-list .experience-row .experience-excerpt,.content-v4 .v4-feed-excerpt{font-size:16px;line-height:1.65;margin:12px 0 16px}
 .content-v4 .v4-feed-footer{gap:12px;margin-top:12px;font-size:12px}
 .content-v4 .v4-feed-author{font-size:12px;gap:6px 8px}
 .content-v4 .v4-feed-author>time{font-size:12px}
 .content-v4 .v4-feed-stats{margin-left:0;width:100%;gap:14px;font-size:12px}
 .content-v4 .v4-feed-stats>span,.content-v4 .v4-feed-stats>button,.content-v4 .v4-reply-count{font-size:12px;min-height:36px}
 .content-v4 .v4-feed-stats .source-link{font-size:12px}
 .content-v4 .list-owner-menu>summary{width:44px;height:44px;margin:-8px -8px}
 .content-v4 .list-owner-options>button{min-height:44px;font-size:14px}
 .content-v4 #pagination{padding:8px 0 0;gap:12px;flex-wrap:wrap;min-height:0}
 .content-v4 #pagination .page-buttons>button{min-width:40px;height:44px}
 .content-v4 #pagination .pagination-meta{font-size:12px}
 .content-v4 #pagination .page-size{margin-left:auto;font-size:12px}
 .list-sort-menu{border-radius:16px 16px 0 0;padding:12px 12px calc(16px + env(safe-area-inset-bottom));box-shadow:0 -8px 40px #172b4d26}
 .list-sort-menu::backdrop{background:#172b4d4d}
 .list-sort-menu::before{content:'';display:block;width:36px;height:4px;border-radius:2px;background:#d1d9e6;margin:0 auto 10px}
 .sort-menu-heading{font-size:16px;color:#172b4d;padding:0 8px 12px}
 .sort-menu-heading strong{font-weight:600}
 .sort-menu-close{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:8px;background:transparent;color:#64748b}
 .sort-menu-close>.ui-icon{width:20px;height:20px}
 .sort-menu-options>button{min-height:68px;padding:12px;gap:12px}
 .sort-menu-options strong{font-size:16px}
 .sort-menu-options small{font-size:13px}
 body:has(.list-sort-menu:popover-open){overflow:hidden}
 body.content-v4 #detail-dialog{width:calc(100vw - 16px);max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:12px}
 .content-v4 .qd-header{padding:12px 16px;gap:12px}
 .content-v4 .qd-header>span{font-size:14px;gap:8px}
 .content-v4 .qd-header>span>.ui-icon{width:18px;height:18px}
 .content-v4 .qd-header>.close{width:44px;height:44px}
 .content-v4 .qd-heading{padding:20px 16px 12px}
 .content-v4 .qd-title-line{gap:8px;margin-bottom:12px}
 .content-v4 .qd-title-line h2{font-size:22px;line-height:1.5;flex-basis:100%}
 .content-v4 .qd-author{font-size:12px;margin-top:10px;gap:8px}
 .content-v4 .qd-tabs{gap:16px;margin:0 16px;justify-content:space-between}
 .content-v4 .qd-tabs>button{font-size:14px;min-height:48px;gap:5px;padding:10px 2px}
 .content-v4 .qd-tabs>button>span{font-size:11px;min-width:18px}
 .content-v4 .qd-panels{padding:20px 16px 24px;min-height:240px}
 .content-v4 .qd-read-layout{display:block}
 .content-v4 .qd-body{font-size:16px;line-height:1.75}
 .content-v4 .qd-body h2,.content-v4 .qd-body h3{font-size:18px;margin:24px 0 12px}
 .content-v4 .qd-body pre{font-size:12px;padding:14px}
 .content-v4 .qd-sidebar{margin-top:24px;gap:12px}
 .content-v4 .qd-side-card{padding:16px;font-size:13px}
 .content-v4 .qd-side-card h3{font-size:15px}
 .content-v4 .qd-source,.content-v4 .qd-note-edit{min-height:44px}
 .content-v4 .qd-footer{padding:12px 12px calc(12px + env(safe-area-inset-bottom));gap:6px}
 .content-v4 .qd-footer-actions{gap:6px;flex-wrap:wrap}
 .content-v4 .qd-footer-actions>button{font-size:12px;padding:9px 10px;min-height:44px;gap:5px}
 .content-v4 .qd-footer-actions>.detail-share{display:none}
 .content-v4 .qd-footer-actions>.review-button{margin-left:auto}
 .content-v4 .qd-footer-actions>button>.ui-icon{width:16px;height:16px}
 .content-v4 .encounter-heading{align-items:flex-start;gap:8px}
 .content-v4 .encounter-heading h3,.content-v4 #discussion h3{font-size:17px}
 .content-v4 .encounter-heading>span{font-size:11px;max-width:68px;text-align:right}
 .content-v4 .encounter-help{font-size:13px;line-height:1.7}
 .content-v4 .encounter-records li{grid-template-columns:92px minmax(0,1fr) auto;font-size:13px;gap:8px;padding:14px 0}
 .content-v4 .encounter-source{grid-column:2 / -1;font-size:12px;text-align:left}
 .content-v4 #encounter-history .encounter-panel{padding:16px;font-size:14px}
 .content-v4 #encounter-form .encounter-fields{display:flex;flex-direction:column;gap:0}
 .content-v4 #encounter-form label{font-size:13px}
 .content-v4 #encounter-form .date-input{font-size:14px;min-height:44px}
 .content-v4 #encounter-form input,.content-v4 #encounter-form select{font-size:16px;height:44px}
 .content-v4 .encounter-form-footer small{font-size:12px}
 .content-v4 .encounter-form-footer>.button{font-size:13px;min-height:44px}
 .content-v4 #discussion .comment-main .rich-content{font-size:16px;line-height:1.7}
 .content-v4 #discussion #comment-body{font-size:16px}
 .content-v4 #discussion .comment-form-footer{flex-wrap:wrap}
 .content-v4 #discussion .comment-form-footer>.button{min-height:44px}
}
@media(prefers-reduced-motion:reduce){body.content-v4 #question-list article.content-list-row{transition:none}}
.content-v4 .qd-meta>span.tag::before,.content-v4 .qd-meta>span.difficulty+span::before{content:none}
.content-v4 .qd-source-title{font-size:14px;font-weight:550;color:#172b4d;line-height:1.7;margin:0 0 12px;overflow-wrap:anywhere}
.content-v4 .qd-source-links{margin:0}
.content-v4 .v4-poll-preview.has-options{display:block;padding:14px 16px}
.content-v4 .v4-poll-heading{display:flex;align-items:center;gap:8px;min-width:0}
.content-v4 .v4-poll-heading>.ui-icon{width:16px;height:16px;flex:none;color:#2563eb}
.content-v4 .v4-poll-heading>strong{font-weight:550;font-size:14px;line-height:1.6;color:#172b4d;overflow-wrap:anywhere}
.content-v4 .v4-poll-heading>span{margin-left:auto;font-size:12px;flex:none;color:#64748b}
.content-v4 .v4-poll-options{display:flex;flex-direction:column;gap:8px;margin:12px 0}
.content-v4 .v4-poll-options>span{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid #e5eaf1;border-radius:6px;background:#fff;font-size:13px;color:#52647e;overflow-wrap:anywhere}
.content-v4 .v4-poll-options .ui-icon{width:14px;height:14px;flex:none;color:#94a3b8}
.content-v4 .v4-poll-preview.has-options>.v4-poll-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;color:#64748b;font-size:12px}
.content-v4 .v4-poll-summary>span{display:flex;align-items:center;gap:4px;color:#2563eb}
.content-v4 .v4-poll-preview:hover{border-color:#bfdbfe;background:#eff5ff}
@media(max-width:700px){.content-v4 #question-list .library-actions{width:calc(100% + 8px)}.content-v4 .v4-poll-options>span{font-size:14px}.content-v4 .v4-poll-preview.has-options>.v4-poll-summary{font-size:12px}}
.content-v4 .qd-header-tools{display:flex;align-items:center;gap:8px;flex:none}
.content-v4 .qd-header-tools>.close,.content-v4 .qd-header-share{position:static;margin:0;width:36px;height:36px;padding:0;display:grid;place-items:center;border:0;border-radius:8px;background:transparent;color:#64748b}
.content-v4 .qd-header-tools>.close .ui-icon{width:22px;height:22px}
.content-v4 .qd-header-share>.ui-icon{width:18px;height:18px}
.content-v4 .qd-header-tools>.close:hover,.content-v4 .qd-header-share:hover{background:#eff5ff;color:#2563eb}
.content-v4 .qd-source-links:empty{display:none}
@media(max-width:700px){.content-v4 .qd-header-tools{gap:4px}.content-v4 .qd-header-tools>.close,.content-v4 .qd-header-share{width:44px;height:44px}.content-v4 .qd-header-tools .list-owner-menu>summary{margin:0}}
@media(max-width:380px){.content-v4 #question-list .library-actions>.note-button>span{display:none}.content-v4 #question-list .library-actions>.note-button{min-width:36px;padding:8px 6px}.content-v4 #question-list .library-actions>.review-button{padding:7px 8px}}

@media(max-width:380px){.content-v4 .qd-footer-actions>.note-button{min-width:44px;padding:9px}.content-v4 .qd-footer-actions>.note-button>span{display:none}}

.catalog-role-trigger{display:flex;align-items:center;flex-wrap:wrap;gap:5px;max-width:100%;min-height:30px;margin-top:5px;text-align:left;color:var(--text-secondary);font-size:12px}
.catalog-role-trigger>.ui-icon{width:13px;height:13px;flex-shrink:0;color:var(--text-muted)}
.catalog-role-trigger:hover:not(:disabled){color:var(--primary)}
.catalog-role-chip{display:inline-block;background:var(--surface-subtle);border:1px solid var(--border);padding:3px 7px;border-radius:5px;font-size:11px;line-height:1.5;overflow-wrap:anywhere}
.catalog-role-more,.catalog-role-placeholder{font-size:12px;color:var(--text-muted)}
.catalog-add-fields .catalog-role-trigger{border:1px solid var(--border);border-radius:6px;background:var(--surface);padding:5px 8px;min-height:36px;width:100%}
.catalog-role-picker{position:fixed;inset:auto;margin:0;padding:16px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);box-shadow:0 12px 36px #172b4d18;box-sizing:border-box;overflow:auto}
.catalog-role-picker header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;font-size:14px}
.catalog-role-picker header span,.catalog-role-picker footer>span{font-size:12px;color:var(--text-muted)}
.catalog-role-picker>input{width:100%;padding:9px 11px;border:1px solid var(--border);border-radius:6px;background:var(--surface-subtle);font-size:13px}
.catalog-role-choices{max-height:260px;overflow:auto;overscroll-behavior:contain;padding:8px 0}
.catalog-role-picker .catalog-role-choices label{display:flex;align-items:center;gap:9px;padding:10px 6px;margin:0;cursor:pointer;font-size:13px;border-radius:6px}
.catalog-role-picker .catalog-role-choices label:hover{background:var(--surface-subtle)}
.catalog-role-picker .catalog-role-choices input{width:16px;height:16px;margin:0;padding:0;accent-color:var(--primary);flex-shrink:0}
.catalog-role-picker footer{display:flex;gap:8px;align-items:center;border-top:1px solid var(--border);padding-top:12px}
.catalog-role-picker footer>span{margin-right:auto}
.catalog-role-picker .button{padding:7px 10px;font-size:12px}
@media(max-width:700px){.catalog-role-picker>input{font-size:16px}}
#catalog-dialog .catalog-role-picker .catalog-role-choices label{flex-direction:row!important;justify-content:flex-start;align-items:center;text-align:left;font-weight:400;min-height:40px}
#catalog-dialog .catalog-role-picker .catalog-role-choices input{width:16px!important;height:16px;min-height:0;margin:0!important;flex:none}
#catalog-dialog .catalog-role-picker .catalog-role-choices span{font-size:13px;line-height:1.5;font-weight:400}

/* The same catalog order controls are used in the dialog and the admin page. */
#catalog-dialog .catalog-name-line{display:flex;align-items:center;gap:8px;min-width:0}
#catalog-dialog .catalog-rename{display:inline-flex;align-items:center;justify-content:center;flex:0 0 28px;width:28px;height:28px;padding:0;border:0;border-radius:5px;background:transparent;color:var(--text-muted)}
#catalog-dialog .catalog-rename:hover:not(:disabled),#catalog-dialog .catalog-rename:focus-visible{color:var(--primary);background:var(--primary-soft)}
#catalog-dialog .catalog-rename .ui-icon{width:14px;height:14px}
#catalog-dialog .catalog-fixed-name{font-size:10px;color:var(--text-muted);font-weight:400;white-space:nowrap}
#catalog-dialog .catalog-name-dialog{box-sizing:border-box;width:min(420px,calc(100vw - 32px));max-width:none;padding:24px;border:1px solid var(--border);border-radius:14px;background:var(--surface);color:var(--text);box-shadow:0 12px 48px #193d7426}
#catalog-dialog .catalog-name-dialog::backdrop{background:#13284840;backdrop-filter:none}
#catalog-dialog .catalog-name-dialog h2{margin:0 0 20px;font-size:18px}
#catalog-dialog .catalog-name-dialog label{display:flex;flex-direction:column;gap:8px;font-size:12px;color:var(--text-secondary)}
#catalog-dialog .catalog-name-dialog input{box-sizing:border-box;width:100%;min-width:0;padding:10px 12px;font-size:16px;border:1px solid var(--border);border-radius:7px}
#catalog-dialog .catalog-name-dialog p{margin:12px 0;font-size:12px;line-height:1.6;color:var(--text-muted)}
#catalog-dialog .catalog-name-dialog .form-error{color:var(--danger,#b84c3b)}
#catalog-dialog .catalog-name-dialog footer{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}
#catalog-dialog .catalog-edit-group{margin-top:16px}
#catalog-dialog .catalog-edit-group select{width:100%;padding:10px;font-size:14px;border:1px solid var(--border);border-radius:7px;background:var(--surface)}
.catalog-role-group{padding:12px 6px 4px;font-size:11px;color:var(--text-muted);font-weight:600}
#catalog-dialog .catalog-drag{display:inline-flex;align-items:center;justify-content:center;flex:0 0 24px;width:24px;height:32px;padding:0;border:0;background:transparent;color:var(--text-muted);cursor:grab}
#catalog-dialog .catalog-drag:active{cursor:grabbing}
#catalog-dialog .catalog-drag .ui-icon{width:16px;height:16px}
#catalog-dialog .catalog-order-controls{display:flex;align-items:center;justify-content:flex-start;gap:2px;min-width:0}
#catalog-dialog .catalog-order-number{min-width:26px;text-align:center;color:var(--text-muted);font-size:12px;font-variant-numeric:tabular-nums}
#catalog-dialog .catalog-order-controls button{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--text-secondary)}
#catalog-dialog .catalog-order-controls button:hover:not(:disabled){border-color:var(--border);background:var(--primary-soft);color:var(--primary)}
#catalog-dialog .catalog-order-controls button:disabled{opacity:.25;cursor:default}
#catalog-dialog .catalog-order-controls [data-catalog-move=up] .ui-icon{transform:rotate(180deg)}
#catalog-dialog .catalog-order-controls .ui-icon{width:16px;height:16px}
#catalog-dialog .catalog-order-context{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:6px 0 14px;padding:0 0 12px;border-bottom:1px solid var(--border)}
#catalog-dialog .catalog-order-context>div{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px}
#catalog-dialog .catalog-order-context strong{font-size:13px;color:var(--text)}
#catalog-dialog .catalog-order-context span{font-size:12px;color:var(--text-muted)}
#catalog-dialog .catalog-order-context .button{font-size:12px;white-space:nowrap}
#catalog-dialog .catalog-group-heading{padding:16px 12px 8px;font-size:12px;font-weight:600;color:var(--text-muted);background:var(--surface-subtle)}
#catalog-dialog .catalog-role-chip{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#catalog-dialog .catalog-new-group{max-width:180px}
/* One compact preview for menu rows and question cards, above modal dialogs. */
.sort-drag-layer[popover]{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;overflow:visible;pointer-events:none;box-shadow:none;color:var(--text);z-index:10000}
.sort-drag-layer::backdrop{background:transparent;backdrop-filter:none;pointer-events:none}
.sort-floating-preview{position:fixed;box-sizing:border-box;display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid #d7e3fb;border-radius:10px;background:var(--surface,#fff);box-shadow:0 8px 28px #193d741c,0 2px 6px #193d740a;pointer-events:none}
.sort-floating-grip{display:flex;flex:none;color:var(--primary)}
.sort-floating-grip .ui-icon{width:16px;height:16px}
.sort-floating-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:4px}
.sort-floating-copy strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;line-height:1.5;font-weight:600;overflow-wrap:anywhere}
.sort-floating-copy small{font-size:11px;line-height:1.5;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sort-floating-kind{flex:none;padding:3px 6px;border-radius:4px;background:var(--surface-subtle,#f6f8fc);color:var(--text-muted);font-size:10px;font-weight:400}
.sort-drop-marker{position:fixed;height:2px;border-radius:2px;background:var(--primary);pointer-events:none}
.sort-drop-marker::before{content:"";position:absolute;left:-3px;top:-2px;width:6px;height:6px;border-radius:50%;background:var(--primary)}
.sort-drop-marker>span{position:absolute;right:0;bottom:6px;padding:2px 6px;background:var(--surface,#fff);border-radius:4px;color:var(--primary);font-size:11px;line-height:1.5;font-weight:500;white-space:nowrap}
.sort-drag-source{position:relative!important;outline:1px dashed #d5dfef;outline-offset:-1px;background:var(--surface-subtle,#f7f9fc)!important;border-radius:8px}
.sort-drag-source>*{opacity:.18;pointer-events:none}
.sort-drag-source :focus{outline:none!important;box-shadow:none!important}
.sort-drag-source::after{content:attr(data-sort-placeholder);position:absolute;inset:0;display:grid;place-items:center;color:var(--text-muted);font-size:12px;font-weight:400;pointer-events:none}
body.sort-pointer-active,body.sort-pointer-active *{cursor:grabbing!important;user-select:none!important}
#catalog-dialog .catalog-drag,#experience-editor .question-grip{display:inline-flex;align-items:center;justify-content:center;flex:0 0 24px;width:24px;height:32px;padding:0;border:0;border-radius:6px;box-shadow:none;background:transparent;color:var(--text-muted);cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}
#catalog-dialog .catalog-drag:hover:not(:disabled),#experience-editor .question-grip:hover:not(:disabled){background:var(--primary-soft);color:var(--primary)}
#catalog-dialog .catalog-drag:focus-visible,#experience-editor .question-grip:focus-visible{outline:2px solid var(--primary);outline-offset:2px}
#experience-editor .question-grip .ui-icon{width:16px;height:16px}
@media(pointer:coarse){#catalog-dialog .catalog-drag,#experience-editor .question-grip{height:44px;flex-basis:32px;width:32px}}
@media(max-width:700px){
 #catalog-dialog .catalog-order-controls{grid-column:2}
 #catalog-dialog .catalog-new-group{max-width:none}
 #catalog-dialog .catalog-order-context{align-items:flex-start}
 #catalog-dialog .catalog-order-context>div{display:block}
 #catalog-dialog .catalog-order-context span{display:block;margin-top:5px;line-height:1.5}
 #catalog-dialog .catalog-order-controls button{width:36px;height:36px}
}