/* =====================================================================
   stepaniah · GNU Emacs 出厂风（stock）
   设计稿: sketches/002-emacs-org
   出厂 face 取值: Emacs 31.1 源码（faces/org-faces/font-lock/outline）+ batch 探针
   标题色链: org-level-N → outline-N → font-lock-*-face
   ===================================================================== */
:root{
  color-scheme:light;      /* 设计固定为浅色（出厂白底） */
  --bg:#ffffff;            /* default: 黑字白底 */
  --fg:#000000;
  --menubar-bg:#f2f2f2;    /* GTK 菜单栏（系统绘制，近似值） */
  --toolbar-bg:#bfbfbf;    /* tool-bar / mode-line: grey75 */
  --shadow:#7f7f7f;        /* shadow: grey50 */
  --title:#191970;         /* org-document-title / org-document-info: midnight blue */
  --meta:#b22222;          /* org-meta-line: Firebrick */
  --keyword:#a020f0;       /* org-special-keyword / org-date: Purple */
  --link:#3a5fcd;          /* link: RoyalBlue3 */
  --blue1:#0000ff;         /* org-level-1 / org-table / org-drawer: Blue1 */
  --sienna:#a0522d;        /* org-level-2 → font-lock-variable-name-face: sienna */
  --todo:#ff0000;          /* org-todo: Red1 */
  --done:#228b22;          /* org-done: ForestGreen */
  --ellipsis:#b8860b;      /* org-ellipsis: DarkGoldenrod */
}
*{box-sizing:border-box}
body{
  margin:0;background:var(--bg);color:var(--fg);
  font-family:"Noto Sans Mono","Noto Sans CJK SC","Sarasa Mono SC",monospace;
  font-size:14px;line-height:1.4;
  padding-bottom:52px; /* 给底部 mode line + echo area 让位 */
}

/* ---------- 菜单栏（menu bar） ---------- */
.menubar{
  position:sticky;top:0;z-index:30;display:flex;align-items:stretch;
  height:26px;background:var(--menubar-bg);border-bottom:1px solid #d9d9d9;
  font-size:13px;
}
.menubar span{display:flex;align-items:center;padding:0 10px;cursor:default}
.menubar span:hover{background:#e0e0e0}
.menubar a{display:flex;align-items:center;padding:0 10px;color:inherit;text-decoration:none}
.menubar a:hover{background:#e0e0e0}
.menubar .menubar-sibling{margin-left:auto}   /* 右侧：回链主站 */
@media (max-width:480px){.menubar span,.menubar a{padding:0 7px}}

/* ---------- 工具栏（tool bar） ---------- */
.toolbar{
  position:sticky;top:26px;z-index:29;display:flex;align-items:center;
  height:38px;padding:0 8px;background:var(--toolbar-bg);
  box-shadow:inset 1px 1px 0 rgba(255,255,255,.55), inset -1px -1px 0 rgba(0,0,0,.22);
}
.toolbar .btn{
  width:30px;height:30px;display:flex;align-items:center;justify-content:center;
  border-radius:2px;cursor:default;
}
.toolbar .btn:hover{background:rgba(0,0,0,.08)}
.toolbar .sep{width:1px;height:22px;background:rgba(0,0,0,.28);margin:0 6px}
.toolbar svg{display:block}

/* ---------- 文档区 ---------- */
.page{max-width:640px;margin:0 auto;padding:12px 12px 0}

.dik{color:var(--shadow)}                /* #+title: 等关键词部分 */
.doc-title{color:var(--title);font-weight:700}
.doc-info{color:var(--title)}
.meta-line{color:var(--meta)}
.cursor{
  display:inline-block;width:8px;height:15px;margin-left:3px;background:#000;
  vertical-align:-2px;animation:blink 1.06s step-end infinite;
}
@keyframes blink{0%,49%{opacity:1}50%,100%{opacity:0}}

.headline{
  margin:1.5em 0 .35em;font-size:14px;font-weight:400;color:var(--blue1);
  cursor:pointer;user-select:none;
}
.headline .ell{display:none;color:var(--ellipsis);text-decoration:underline}
section.folded .headline .ell{display:inline}
section.folded .body{display:none}
.body{margin:0}

.drawer{white-space:pre-wrap;margin:.2em 0 .6em}
.drawer .d{color:var(--blue1)}           /* :PROPERTIES: / :END: */
.drawer .k{color:var(--keyword)}         /* :ROLE: 等属性键 */

p{margin:.3em 0}
.table{white-space:pre;color:var(--blue1);margin:.4em 0 .5em;line-height:1.5}
.table a{color:var(--link)}
.item{white-space:pre-wrap;margin:.12em 0}
a{color:var(--link);text-decoration:underline;text-underline-offset:2px}
.item .date{color:var(--keyword);text-decoration:underline;text-underline-offset:2px}
.todo{color:var(--todo);font-weight:700}
.done{color:var(--done);font-weight:700}

/* ---------- 文章正文（org 文档渲染，仅文章页用到） ---------- */
.content{margin-top:.2em}
.content h2,.content h3,.content h4,.content h5,.content h6{
  font-size:14px;font-weight:400;line-height:1.4;
}
.content h2{color:var(--blue1);margin:1.5em 0 .35em}            /* org-level-1: Blue1 */
.content h3{color:var(--sienna);margin:1.3em 0 .3em}            /* org-level-2: sienna */
.content h4{color:var(--keyword);margin:1.2em 0 .25em}          /* org-level-3: Purple */
.content h5,.content h6{color:var(--meta);margin:1.1em 0 .25em} /* org-level-4+: Firebrick */
.content p{margin:.55em 0}
.content ul,.content ol{margin:.5em 0;padding-left:1.8em}
.content li{margin:.15em 0}
.content code{color:var(--shadow)}                              /* org-code / org-verbatim: shadow */
.content pre{
  background:#f8f8f8;border:1px solid #e4e4e4;padding:8px 10px;
  margin:.7em 0;overflow-x:auto;line-height:1.45;
}
.content pre code{color:inherit;background:none}
.content blockquote{margin:.6em 0;padding:.1em 0 .1em 12px;border-left:3px solid #d9d9d9}
.content table{border-collapse:collapse;margin:.7em 0}
.content th,.content td{border:1px solid #d9d9d9;padding:3px 10px;text-align:left}
.content th{color:var(--blue1);font-weight:400}                 /* org-table: Blue1 */
.content img{max-width:100%;height:auto}
.content hr{border:0;border-top:1px solid #d9d9d9;margin:1.2em 0}

/* ---------- org 文档信息行（文章页 docinfo） ---------- */
.d-date{color:var(--keyword);text-decoration:underline;text-underline-offset:2px}  /* org-date: Purple 下划线 */
.org-tag{font-weight:700;color:inherit;text-decoration:none}                        /* org-tag: 粗体 */
.org-tag:hover{text-decoration:underline}

/* ---------- 文末 / 分页 ---------- */
.post-foot{margin:1.5em 0 .6em;color:var(--shadow)}
.pager{margin:1.1em 0;color:var(--shadow);white-space:pre-wrap}
.pager a{color:var(--link)}
.pager .pg{margin:0 .9em}
.pager .off{color:#bbb}

/* ---------- 底部：mode line + echo area ---------- */
.bottombar{position:fixed;left:0;right:0;bottom:0;z-index:30}
.modeline{
  height:22px;line-height:22px;padding:0 8px;white-space:pre;
  background:var(--toolbar-bg);color:#000;font-size:14px;
  box-shadow:inset 1px 1px 0 rgba(255,255,255,.55), inset -1px -1px 0 rgba(0,0,0,.22);
}
.modeline .buf{font-weight:700}
.echo{
  height:24px;line-height:24px;padding:0 8px;
  background:var(--bg);color:#000;font-size:14px;
}