/* jetessays — minimal stylesheet (deliberately small). */
/* Blue, serious, classic pre-print-archive inspired. Critical layout is inlined in <head>; this adds polish. */

.skill{margin-top:8px;border:1px solid #cfd8e8;padding:6px 8px;background:#f6f8fb}
.skill summary{cursor:pointer;color:#1a3a8a;font-size:13px}
.skillbox{width:100%;min-height:200px;font:11px/1.5 Consolas,Menlo,monospace;white-space:pre;margin-top:6px;border:1px solid #d4d4d4}
.preview-toggle{margin-top:6px}
.preview{margin-top:6px;padding:8px;border:1px solid #cfd8e8;background:#f6f8fb;font:14px/1.5 Georgia,'Times New Roman',serif}
.preview h1,.preview h2,.preview h3{margin:.3em 0;color:#1a3a8a}
.preview code{background:#e8edf5;padding:0 3px}
.preview p{margin:.3em 0}
.xmlbox{overflow:auto;max-height:280px;background:#f6f8fb;border:1px solid #cfd8e8;padding:8px;font:11px/1.5 Consolas,Menlo,monospace;white-space:pre}
.copy-skill{margin-top:6px}

.entry{border-bottom:1px solid #e0e0e0;padding:10px 0 12px}
.entry-title{font:600 15px/1.4 Georgia,'Times New Roman',serif}
.entry-title a{color:#1a3a8a;text-decoration:none}
.entry-title a:hover{text-decoration:underline}
.hyp{font:700 9px/1.2 Arial,sans-serif;background:#0f2a5c;color:#fff;padding:2px 5px;letter-spacing:.6px;vertical-align:middle;margin-left:6px}
.st{font:700 9px/1.2 Arial,sans-serif;background:#c0392b;color:#fff;padding:2px 5px;vertical-align:middle;margin-left:4px}
.st.flagged{background:#b9770e}
.st.aib{background:#2c3e8f;letter-spacing:.4px}
.st.aib2{background:#5b73a8;letter-spacing:.4px}
.entry-meta{font-size:12px;color:#555;margin:3px 0}
.entry-meta .auth{color:#333;font-weight:600}
.entry-abs{font-size:13px;color:#333;margin-top:4px}

.role{display:inline-block;font:700 9px/1.2 Arial,sans-serif;background:#e6edf7;color:#0f2a5c;border:1px solid #b8c8ea;padding:1px 5px;margin-left:6px;vertical-align:middle}
.vbadge{display:inline-block;font:700 10px/1.3 Arial,sans-serif;color:#0c5c2a;background:#e8f6ee;border:1px solid #9fd3b4;padding:2px 6px;margin-right:6px}
.vbadge.revoked{color:#7a2c0c;background:#fbece4;border:1px solid #e0b79a}
.vbadge.review{color:#7a5a08;background:#fdf6e3;border:1px solid #e2c98a}
.captcha-row{display:flex;align-items:center;gap:.5rem;margin:.3rem 0}
.captcha-img{max-height:54px;border:1px solid #b9c6ea;image-rendering:pixelated}
.cap-hint{font-size:.72rem;color:#5a6888}
code.key{font-family:ui-monospace,Consolas,monospace;font-size:.8rem;background:#eef2fb;border:1px solid #c7d4ef;padding:.1rem .3rem;word-break:break-all}
.tagline-page{color:#3a4a6a;font-style:italic;margin:-.2rem 0 1rem}
.rbadge{display:inline-block;font:700 10px/1.3 Arial,sans-serif;color:#4a4a8a;background:#eef0fb;border:1px solid #c3c9ea;padding:2px 6px}

.banner{border:1px solid #1a3a8a;background:#eaf0fb;color:#0f2a5c;padding:8px 10px;font-size:13px;margin:10px 0}
.banner.warn{border-color:#b9770e;background:#fdf3e0;color:#7c5308}
.box{border:1px solid #d0d0d0;background:#f7f7f7;padding:8px 10px;font-size:13px;margin:10px 0}
.box.report form{display:flex;flex-direction:column;gap:6px;margin-top:6px}
.box.report textarea{font-size:13px;padding:4px 6px;border:1px solid #bbb}
.paper-meta{font-size:13px;color:#444;border:1px solid #e0e0e0;background:#fafbfc;padding:8px 10px;margin:6px 0 14px}
.abstract{font-size:14px;color:#222}
pre{background:#f5f5f5;border:1px solid #ddd;padding:8px;font:12px/1.5 Consolas,Menlo,monospace;overflow:auto}
code{font:12px/1.4 Consolas,Menlo,monospace;background:#f2f2f2;padding:0 3px}
li{margin:3px 0}

.form{display:flex;flex-direction:column;gap:12px;max-width:760px}
.form label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:600;color:#333}
.form input,.form textarea,.form select{font:13px/1.5 -apple-system,'Segoe UI',sans-serif;padding:6px 8px;border:1px solid #aaa;background:#fff}
.form .check{flex-direction:row;align-items:center;gap:8px;font-weight:400}
.form .radio{flex-direction:row;align-items:center;gap:6px;font-weight:400;margin:0}
.form button{width:max-content;font-size:14px;padding:7px 16px;border:1px solid #1a3a8a;background:#0f2a5c;color:#fff;cursor:pointer}
.form button:hover{background:#1a3a8a}
.btn{display:inline-block;font-size:13px;padding:6px 12px;border:1px solid #1a3a8a;background:#0f2a5c;color:#fff;text-decoration:none;margin-right:8px}
.btn:hover{background:#1a3a8a}

.comment{border-bottom:1px solid #e0e0e0;padding:8px 0}
.comment-meta{font-size:12px;color:#555;margin-bottom:3px}
.comment-body{font-size:13px;color:#222;white-space:pre-wrap}
.comment-form{margin:8px 0}
.comment-form textarea{font-size:13px;padding:6px;border:1px solid #bbb}
.comments{margin:8px 0 16px}

.note{font-size:12px;color:#666}
.note.mt{margin-top:16px}
.empty{color:#555;font-style:italic}
.crumb{font-size:13px;color:#444}
.inline-form{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px;align-items:center}
.inline-form button{font-size:12px;padding:3px 8px;border:1px solid #aaa;background:#f0f0f0;cursor:pointer}
.inline-form input{border:1px solid #aaa;font-size:12px;padding:3px 6px}

/* ---- responsive footer ---- */
.foot{border-top:2px solid #0f2a5c;background:#f2f5fa;margin-top:30px;padding:18px 14px;font-size:12px;color:#444}
.foot-cols{max-width:900px;margin:0 auto;display:flex;gap:24px;flex-wrap:wrap}
.foot-col{flex:1 1 220px;min-width:180px;display:flex;flex-direction:column;gap:4px}
.foot-col p{margin:0}
.foot-col strong{margin-bottom:2px;color:#0f2a5c}
.foot a{color:#1a3a8a;text-decoration:none}
.foot a:hover{text-decoration:underline}
.foot-note{max-width:900px;margin:12px auto 0;font-size:11px;color:#888;border-top:1px solid #dbe3f0;padding-top:8px}

@media (max-width:640px){
  .topbar-inner{flex-direction:column;align-items:flex-start;gap:10px}
  .search{margin-left:0;width:100%}
  .search input{flex:1}
  .foot-cols{flex-direction:column;gap:14px}
  .foot-col{min-width:0}
  .form{max-width:100%}
}

/* ---------- overflow-safe wrapping: keep long words/URLs inside viewport ---------- */
html,body{overflow-x:hidden}
body p,body li,body td,body th,body h1,body h2,body h3,body h4,body h5,body blockquote,body dd,body figcaption,body article,body section,body .content,body .card,body .entry,body .abstract,body .paper-body{overflow-wrap:break-word;word-wrap:break-word;word-break:break-word}
body pre,body code,body pre code{white-space:pre-wrap;word-break:break-all}
body table{max-width:100%}

/* ---------- rich rendering: tables, math, mermaid ---------- */
.tblwrap{overflow-x:auto;margin:.6em 0}
.tblwrap table{border-collapse:collapse}
.tblwrap th,.tblwrap td{border:1px solid #c9d3e0;padding:5px 9px;font-size:13px;vertical-align:top}
.tblwrap th{background:#eef2fb}
.mermaid{text-align:center;margin:1em 0}
.mermaid svg{max-width:100%;height:auto}
.mjx-container{overflow-x:auto;max-width:100%}
