.blog-layout{display:grid;grid-template-columns:minmax(220px,1fr) minmax(0,2.2fr);gap:24px;align-items:start}.blog-sources,.blog-writing{min-width:0}.blog-sources{border:1px solid var(--line,#e3e5e8);padding:20px;background:#fafafa;position:sticky;top:20px;max-height:calc(100vh - 80px);overflow:auto}.blog-sources h2,.blog-writing h2{font-size:15px;font-weight:600}.blog-sources a{font-size:12px}.blog-fact{padding:15px 0;border-bottom:1px solid #e3e5e8;overflow-wrap:anywhere}.blog-fact strong{font-size:12px;color:#606773}.blog-fact p{font-size:13px;line-height:1.7;white-space:pre-wrap;margin:5px 0}.blog-meta{display:grid;gap:16px;padding:20px 0 24px}.blog-meta-row{display:grid;grid-template-columns:1fr 1.4fr;gap:16px}.blog-writing label,dialog label{display:grid;gap:7px;font-size:13px;font-weight:500}.blog-writing input:not([type=checkbox]),.blog-writing textarea,.blog-writing select,dialog input,dialog select{width:100%;min-width:0;box-sizing:border-box;font:inherit;color:#232730;border:1px solid #dce0e5;border-radius:5px;background:white;padding:10px 12px}.blog-writing textarea{resize:vertical;line-height:1.8;min-height:96px}.blog-item{border:1px solid #e2e5e9;border-radius:6px;padding:18px;margin:0 0 14px;display:grid;gap:12px}.blog-item-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.blog-item-head input{font-weight:600}.blog-item select[multiple]{height:85px}.blog-evidence summary{cursor:pointer;font-size:12px;color:#626976}.blog-evidence{padding-top:4px}.blog-publish{border-top:1px solid #dce0e5;margin-top:24px;padding-top:22px;display:grid;gap:14px}.blog-publish-actions{display:flex;flex-wrap:wrap;gap:8px}.blog-publish .review-check{display:flex;align-items:center;gap:9px;font-weight:400}.blog-publish .review-check input{width:16px;height:16px}.blog-prose{max-width:720px;margin:24px auto;padding:30px;border:1px solid #e3e5e8;line-height:1.9;overflow-wrap:anywhere}.blog-prose h1{font-size:26px;line-height:1.45;margin-bottom:28px}.blog-prose h2{font-size:18px;margin:28px 0 10px}.blog-prose h3{font-size:15px;margin:22px 0 8px}.blog-prose p{white-space:pre-wrap;font-size:14px}.blog-state{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;background:#f0f1f3;color:#505764}.blog-state[data-state=published]{background:#edf4ef;color:#2c6341}.blog-state[data-state=approved]{background:#eef2fb;color:#365c99}.blog-state[data-state=pending],.blog-state[data-state=conflict]{background:#fff3df;color:#916328}.blog-title-cell{font-weight:500;max-width:440px;overflow-wrap:anywhere}.blog-title-cell small{display:block;font-weight:400;color:#727986;margin-top:4px}#save-note{margin-left:12px}dialog{max-width:560px;width:calc(100vw - 40px);padding:26px;border:1px solid #d9dde3;border-radius:10px;box-sizing:border-box;color:#232730}dialog::backdrop{background:#10151c66}dialog form{display:grid;gap:18px}dialog .panel-title{margin:0 0 5px}dialog h2{font-size:20px}.blog-search{display:flex;gap:8px}.blog-search input{flex:1}.blog-search .button{flex-shrink:0}#board-note{margin:0}#source-name{font-weight:600;margin:14px 0 6px}#source-date{font-size:12px}#connection-note{margin-bottom:20px}#login-needed h1{font-size:24px}#blog-editor .page-heading h1{margin-top:12px}#blog-editor .page-heading{align-items:end}#create-dialog select{min-height:42px}
@media(max-width:1050px){.blog-layout{grid-template-columns:minmax(200px,1fr) minmax(0,2fr);gap:18px}.blog-sources{padding:15px}.blog-prose{padding:20px}}@media(max-width:760px){.blog-layout{grid-template-columns:1fr}.blog-sources{position:static;max-height:280px}.blog-meta-row{grid-template-columns:1fr}.blog-item{padding:14px}.blog-prose{padding:18px;margin:18px 0}.blog-prose h1{font-size:22px}.blog-publish-actions .button{flex:1}.blog-publish-actions .text-button{width:100%;text-align:left}#blog-editor .page-heading{align-items:start;flex-wrap:wrap}#save-note{display:block;margin:10px 0 0}.blog-item-head{align-items:start}.blog-item-head .text-button{flex-shrink:0}}
.blog-evidence-options{border:0;padding:12px 0 0;display:grid;gap:6px;max-height:210px;overflow:auto}.blog-evidence-options legend{font-size:12px;color:#707783;padding-top:12px}.blog-writing .blog-evidence-options label{display:flex;align-items:start;gap:9px;padding:7px 0;font-size:12px;font-weight:400;overflow-wrap:anywhere}.blog-evidence-options input{width:16px;height:16px;min-height:16px;flex:0 0 16px;margin-top:2px}.blog-generation{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:0 0 24px}.blog-generation p{font-size:12px;line-height:1.7}.blog-state[data-state=verification_required],.blog-state[data-state=publishing]{background:#fff3df;color:#916328}#editor-heading{overflow-wrap:anywhere}#blog-list .catalog-table th:last-child{width:70px}.blog-item-head .text-button{flex-shrink:0;white-space:nowrap}
@media(max-width:700px){#blog-list .catalog-table th:last-child,#blog-list .catalog-table td:last-child{display:table-cell;width:54px;text-align:right}#blog-list .catalog-table th:first-child,#blog-list .catalog-table td:first-child{width:auto}#blog-list .catalog-table th:nth-child(3){width:72px}#blog-list .catalog-table .button{font-size:12px;padding:8px 10px}.blog-writing input:not([type=checkbox]),.blog-writing textarea,.blog-writing select,dialog input,dialog select{font-size:16px}.blog-evidence-options label{min-height:40px}.blog-publish-actions .button{min-height:44px}.blog-publish .review-check{align-items:start;line-height:1.7}.blog-publish .review-check input{flex:0 0 16px;margin-top:4px}.blog-generation{gap:10px}#stale-note{flex-wrap:wrap}}
.blog-review-notes{padding-top:20px}.blog-review-notes h3{font-size:12px;color:#806028}.blog-review-notes ul{padding-left:16px;font-size:12px;line-height:1.8;color:#616976;overflow-wrap:anywhere}.blog-review-notes li+li{margin-top:8px}
