/* Brand and public card conversations. */
.sidebar{overflow-y:auto}.brand{flex-shrink:0}body:has(dialog[open]){overflow:hidden}dialog{max-height:90dvh}
.brand{display:flex;flex-direction:column;gap:3px;align-items:center;padding:0 0 24px}
.brand-logo{display:grid;place-items:center;width:150px;height:140px;flex-shrink:0}
.brand-logo img{display:block;width:140px;height:140px;max-width:100%;object-fit:contain}
.brand small{font-size:10px;letter-spacing:.18em;color:var(--muted)}
.brand-compact{display:none}
.breadcrumb{display:flex;align-items:center;gap:10px;min-width:0;font-size:16px}
.brand-name{white-space:nowrap;font-size:18px;font-weight:650;color:#203e61}.header-logo{display:none;width:31px;height:31px;flex-shrink:0}.top-meta{font-size:14px}
.report-dialog{font-size:14px}.report-context{font-size:16px;font-weight:650;margin:0;overflow-wrap:anywhere}
.report-public,.report-deck{font-size:12px;color:var(--muted)}.report-public{margin:6px 0 22px}
.report-item{padding:18px 0;border-top:1px solid var(--border)}
.report-meta{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted)}.report-meta strong{color:#294466}
.report-status{margin-left:auto;font-size:11px}.report-status.resolved{color:var(--green)}
.report-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}
.report-reply{margin:14px 0 0;padding-left:14px;border-left:3px solid #93b8db}.report-reply strong{color:var(--blue);font-size:12px}
.report-reply p{margin-top:4px}.report-original{margin:12px 0;color:var(--muted);font-size:12px;overflow-wrap:anywhere}
.report-form{border-top:1px solid var(--border);padding-top:18px;margin-top:8px}.report-form .field{margin-bottom:10px}
.reply-form{margin-top:12px}.reply-actions{display:flex;gap:12px;justify-content:space-between;align-items:center;flex-wrap:wrap}
.reply-actions label{display:flex;align-items:center;gap:8px;font-size:12px}.reply-actions select{padding:8px;border:1px solid var(--border);border-radius:6px;background:white;color:inherit}
.report-inbox{display:grid;gap:16px;margin-top:22px}.report-inbox h2{font-size:18px;margin-top:6px;overflow-wrap:anywhere}
.report-inbox .report-text{margin-bottom:14px}.report-filters{display:inline-flex}
.study-card-tools{gap:10px}.study-card-tools .button{font-size:12px;color:var(--muted)}
@media(min-width:681px) and (max-width:900px){.brand-logo,.brand small{display:none}.brand-compact{display:block;width:42px;height:42px}.brand{padding:0 0 24px}}
@media(max-width:680px){.brand{display:none}.header-logo{display:block}.breadcrumb-section{display:none}.brand-name{font-size:17px}.topbar{padding:0 16px;gap:10px}.top-meta{font-size:11px}.top-meta .icon{display:none}.page-heading:has([data-view="reports"]){flex-direction:column}.page-heading:has([data-view="reports"]) .actions{flex-wrap:wrap}.report-context{font-size:15px}.report-form textarea,.reply-form textarea{font-size:16px}.report-meta{gap:7px}.report-inbox h2{font-size:16px}.study-header h1{font-size:19px}.dialog-body:has(.report-dialog){padding-top:16px}}
@media(max-width:360px){.brand-name{font-size:16px}.header-logo{width:28px;height:28px}.topbar{padding:0 12px}.top-meta{font-size:10px}}
@media(max-width:680px){.sidebar{overflow:hidden;height:calc(70px + env(safe-area-inset-bottom));padding-bottom:calc(10px + env(safe-area-inset-bottom))}.sidebar>.nav-button{display:none}.main{padding-bottom:calc(104px + env(safe-area-inset-bottom))}}
.sr-only{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}

/* Personal colors: pastel surfaces retain readable text on both sides. */
.flip-face{color:var(--card-ink,#173753)}.flip-back .flip-title{color:var(--card-ink,#127765)}.flip-detail{color:var(--card-muted,#496b69)}.flip-reference{color:var(--card-muted,#607b78)}.flip-question{color:var(--card-muted,#65767e)}.flip-cue{color:var(--card-muted,#758aa3)}
.color-field{border:0;padding:0;margin:18px 0}.color-field legend{font-weight:650;margin-bottom:10px}.color-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.color-option{display:flex;flex-direction:column;align-items:center;gap:5px;border:1px solid transparent;border-radius:12px;background:transparent;padding:7px 3px;color:#173753;font:inherit;font-size:12px;cursor:pointer;min-height:68px}.color-option[aria-pressed=true]{border-color:#214f85;background:#f3f6fb}.color-option:focus-visible{outline:3px solid #326ec6;outline-offset:2px}.color-swatch{display:grid;place-items:center;width:34px;height:30px;border:1px solid #b8c6d3;border-radius:9px;font-size:20px;color:#173753}.color-help{font-size:13px;color:#53677c;line-height:1.5;margin:12px 0}.color-preview{display:grid;grid-template-columns:1fr 1fr;gap:12px}.color-preview span{display:grid;place-items:center;min-height:65px;border:1px solid #d3dfec;border-radius:12px;color:#173753;font-weight:600}.color-scope{display:flex}.color-scope button{flex:1}dialog:has(.color-field){max-width:480px}dialog:has(.color-field) .dialog-body{padding-top:10px}
@media(max-width:600px){.page-heading:has([data-action=card-colors]) .actions{flex-wrap:wrap;gap:6px}.page-heading:has([data-action=card-colors]){flex-wrap:wrap;gap:10px}}