.content-nav { display:flex; gap:22px; align-items:center; }
.content-nav a { color:inherit; text-decoration:none; font-size:14px; }
.content-nav a[aria-current=page] { color:var(--mint); }
.content-shell { max-width:1080px; margin:auto; padding:36px 24px 80px; }
.content-shell h1 { font-size:28px; margin-bottom:12px; }
.content-shell h2 { font-size:20px; }
.muted { color:var(--muted); font-size:14px; }
.content-toolbar { display:flex; gap:12px; margin:24px 0; flex-wrap:wrap; }
.content-toolbar input { flex:1; min-width:180px; }
.content-shell input,.content-shell select,.content-shell textarea { border:1px solid var(--line); border-radius:8px; padding:10px 12px; background:white; color:var(--ink); font:inherit; max-width:100%; }
.content-shell textarea { width:100%; resize:vertical; line-height:1.8; }
.content-shell label { display:grid; gap:6px; font-size:14px; margin-bottom:16px; }
.content-shell button { min-height:40px; }
.article-card,.manage-card { display:block; background:white; border:1px solid var(--line); border-radius:12px; padding:24px; margin:16px 0; color:inherit; text-decoration:none; }
.article-card:hover { border-color:var(--green-2); }
.article-card h2 { margin:8px 0; }
.article-card p { margin-bottom:0; }
.article-body { overflow-wrap:anywhere; font-size:17px; line-height:1.95; margin:28px 0; }
.plain-text { white-space:pre-wrap; }
.markdown-body h1,.markdown-body h2,.markdown-body h3 { line-height:1.45; margin:1.6em 0 .7em; }
.markdown-body h1 { font-size:26px; }
.markdown-body h2 { font-size:23px; }
.markdown-body h3 { font-size:20px; }
.markdown-body p { margin:0 0 1.2em; }
.markdown-body ul,.markdown-body ol { padding-left:1.6em; }
.markdown-body li { margin:.45em 0; }
.markdown-body a { color:var(--green-2); }
.markdown-body blockquote { margin:1.3em 0; padding:12px 20px; background:var(--soft); border-left:3px solid var(--green-2); }
.markdown-body pre { background:var(--soft); border:1px solid var(--line); border-radius:8px; padding:16px; overflow:auto; white-space:pre; font-size:14px; }
.markdown-body code { background:var(--soft); padding:2px 5px; border-radius:4px; }
.markdown-body pre code { padding:0; }
.markdown-table { overflow-x:auto; margin:24px 0; max-width:100%; }
.markdown-table table { border-collapse:collapse; width:100%; min-width:520px; font-size:15px; line-height:1.7; }
.markdown-table th,.markdown-table td { padding:12px 14px; border:1px solid var(--line); vertical-align:top; }
.markdown-table th { background:var(--soft); text-align:left; }
.markdown-body img { display:block; max-width:100%; height:auto; margin:20px auto; border-radius:8px; cursor:zoom-in; }
.image-warning { color:#a03022; font-size:14px; }
.article-tools { display:flex; align-items:end; flex-wrap:wrap; gap:12px; padding:16px; border:1px solid var(--line); border-radius:8px; background:var(--soft); }
.article-tools label { margin:0; min-width:0; flex:1 1 200px; }
.article-tools input { width:100%; font-size:13px; }
.markdown-tools { margin-bottom:10px; }
.folder-import { padding:16px; margin:16px 0; border:1px solid var(--line); border-radius:8px; }
.folder-import summary { cursor:pointer; color:var(--green-2); }
.folder-import select { width:100%; }
.markdown-tools button { min-height:32px; padding:4px 12px; font-size:13px; }
.image-viewer { border:0; border-radius:12px; max-width:94vw; max-height:94vh; padding:20px; background:white; }
.image-viewer::backdrop { background:rgba(0,0,0,.75); }
.image-viewer button { display:block; margin:0 0 12px auto; }
.image-viewer img { display:block; max-width:86vw; max-height:72vh; object-fit:contain; }
.image-viewer p { margin:12px 0 0; text-align:center; }
.article-reader { max-width:800px; margin:auto; }
.article-reader h1 { overflow-wrap:anywhere; }
.back-link { color:var(--green-2); display:inline-block; margin-bottom:22px; }
.admin-tabs { display:flex; border-bottom:1px solid var(--line); gap:24px; margin-top:24px; }
.admin-tabs button { background:none; border:0; border-bottom:3px solid transparent; padding:12px 0; color:var(--muted); }
.admin-tabs button[aria-selected=true] { color:var(--green); border-bottom-color:var(--green); font-weight:700; }
.manage-grid { display:grid; grid-template-columns:250px minmax(0,1fr); gap:24px; margin-top:24px; }
.article-list-button { width:100%; text-align:left; background:white; border:1px solid var(--line); border-radius:8px; padding:12px; margin-bottom:8px; }
.article-list-button strong,.article-list-button small { display:block; overflow-wrap:anywhere; }
.article-list-button small { color:var(--muted); }
.field-pair { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.button-row { display:flex; flex-wrap:wrap; gap:10px; margin:16px 0; }
.status-message { padding:10px 0; color:var(--green-2); white-space:pre-wrap; }
.status-message.error { color:#a03022; }
.diff-stats { display:flex; gap:12px; flex-wrap:wrap; margin:18px 0; }
.diff-stats span { background:var(--soft); padding:10px 16px; border-radius:8px; }
.diff-list { max-height:480px; overflow:auto; border-top:1px solid var(--line); }
.diff-list details { padding:12px 0; border-bottom:1px solid var(--line); }
.diff-list summary { cursor:pointer; overflow-wrap:anywhere; }
.diff-columns { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.diff-columns pre { white-space:pre-wrap; overflow-wrap:anywhere; font-size:12px; background:var(--soft); padding:12px; }
.release-row { display:flex; justify-content:space-between; align-items:center; gap:16px; border-bottom:1px solid var(--line); padding:16px 0; }
.release-row p { margin:0; overflow-wrap:anywhere; }
.release-row button { flex-shrink:0; }
[hidden] { display:none !important; }
@media(max-width:760px) {
 .content-shell { padding:24px 17px 60px; }
 .content-nav { gap:12px; }
 .manage-grid,.field-pair,.diff-columns { grid-template-columns:1fr; }
 .manage-card,.article-card { padding:18px; }
 .release-row { flex-wrap:wrap; }
}