:root{--sidebar-width: 300px;--bg-color: #f5f5f5;--sidebar-bg: #ffffff;--text-color: #333333;--text-muted: #666666;--border-color: #e0e0e0;--link-color: #0066cc;--link-hover: #004499;--accent-color: #0066cc}*{box-sizing:border-box}html{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-color)}body{margin:0;padding:0;color:var(--text-color)}.layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);border-right:1px solid var(--border-color);position:fixed;top:0;left:0;height:100vh;overflow-y:auto;flex-shrink:0}.sidebar-header{padding:1rem;border-bottom:1px solid var(--border-color);background:var(--sidebar-bg);position:sticky;top:0;z-index:10}.logo{font-size:1.1rem;font-weight:700;color:var(--text-color);text-decoration:none}.logo:hover{color:var(--link-color)}.sidebar-nav{padding:.5rem 0}.project-section{margin-bottom:.5rem}.project-row{display:flex;align-items:center;justify-content:space-between;transition:all .15s;border-left:3px solid transparent}.project-row:hover{background:#0066cc0d}.project-row:hover .project-link,.project-row:hover .project-toggle{color:var(--link-color)}.project-row.active{background:#0066cc1a;border-left-color:var(--link-color)}.project-row.active .project-link,.project-row.active .project-toggle{color:var(--link-color)}.project-link{display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-width:0;flex:1;padding:.6rem .25rem .6rem .85rem;color:var(--text-color);text-decoration:none;font-size:.95rem;font-weight:600}.project-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-toggle{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.35rem;border:0;padding:0;color:var(--text-muted);background:transparent;cursor:pointer}.project-toggle svg{width:1rem;height:1rem;transition:transform .15s ease}.project-toggle[aria-expanded=true] svg{transform:rotate(90deg)}.project-toggle:focus-visible{outline:2px solid var(--link-color);outline-offset:-2px}.article-count{font-size:.75rem;color:var(--text-muted);font-weight:400;flex-shrink:0}.article-list{list-style:none;padding:0;margin:0}.article-list li{margin:0}.article-list a{display:flex;align-items:center;gap:.5rem;padding:.4rem 1rem .4rem 1.5rem;color:var(--text-muted);text-decoration:none;font-size:.85rem;transition:all .15s}.article-list a:hover{background:#0066cc14;color:var(--link-color)}.article-list li.active a{background:#0066cc1f;color:var(--link-color);font-weight:500}.badge{font-size:.65rem;flex-shrink:0}.badge-new{color:#22c55e}.badge-updated{color:#f59e0b}.workflow-select{height:34px;border-radius:6px;border:1px solid #d1d5db;padding:0 2rem 0 .75rem;font:inherit;font-size:.85rem;font-weight:500;color:var(--text-color);background-color:#fff;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .55rem center;background-size:.9rem;appearance:none;-webkit-appearance:none;cursor:pointer}.workflow-select:disabled{opacity:.65;cursor:wait}.status-select-draft{background-color:#f9fafb;border-color:#d1d5db}.status-select-posting{background-color:#fef2f2;border-color:#fca5a5;color:#991b1b}.status-select-done{background-color:#f0fdf4;border-color:#86efac;color:#166534}.assignee-select{min-width:92px;background-color:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.content{flex:1;margin-left:var(--sidebar-width);padding:2rem;width:calc(100% - var(--sidebar-width))}.page-title,h1{font-size:2rem;font-weight:700;line-height:1.3;margin-top:0;margin-bottom:1.5rem;color:var(--text-color)}h2{font-size:1.5rem;font-weight:600;margin-top:2rem;margin-bottom:1rem;color:var(--text-color)}h3{font-size:1.25rem;font-weight:600;margin-top:1.5rem;margin-bottom:.75rem;color:var(--text-color)}p{line-height:1.8;margin-bottom:1rem}a{color:var(--link-color)}a:hover{color:var(--link-hover)}ul,ol{line-height:1.8;padding-left:1.5rem}li{margin-bottom:.5rem}code{background:#e8e8e8;padding:.2rem .4rem;border-radius:3px;font-size:.9em}pre{background:#2d2d2d;color:#f8f8f2;padding:1rem;border-radius:6px;overflow-x:auto}pre code{background:none;padding:0}blockquote{border-left:4px solid var(--accent-color);margin:1rem 0;padding:.5rem 1rem;background:#0066cc0d;color:var(--text-muted)}table{width:100%;border-collapse:collapse;margin:1rem 0}th,td{border:1px solid var(--border-color);padding:.75rem;text-align:left}th{background:#f0f0f0;font-weight:600}