:root { font-family: system-ui, sans-serif; color: #20302e; background: #f4f6f4; line-height: 1.7; }
body { margin: 0; } header, main { max-width: 960px; margin: auto; padding: 20px; }
header { background: #e5efe9; } h1 { margin: 0; font-size: 1.6rem; }
section { margin: 16px 0; } input, textarea, button { font: inherit; box-sizing: border-box; }
label { display: block; margin: 16px 0; } input, textarea { display: block; width: 100%; padding: 12px; }
#login-panel { max-width: 440px; } button { cursor: pointer; min-height: 48px; padding: 10px 18px; border: 1px solid #40745b; border-radius: 6px; color: #173d2b; background: white; }
button:hover { background: #e5efe9; } button:disabled { opacity: .55; cursor: wait; }
nav, .actions { display: flex; gap: 12px; flex-wrap: wrap; } ul { list-style: none; padding: 0; }
li { margin: 12px 0; } li button { text-align: left; width: 100%; }
article { background: white; padding: 18px; border: 1px solid #d2ddd6; overflow-wrap: anywhere; }
article pre { white-space: pre-wrap; font: inherit; margin: 0; }
#status { min-height: 1.7em; } #copy-fallback { height: 260px; } [hidden] { display: none !important; }
@media (max-width: 500px) { header, main { padding: 16px; } .actions button { width: 100%; } }
table { width: 100%; border-collapse: collapse; } td, th { padding: 8px; border-bottom: 1px solid #d2ddd6; text-align: left; } article h1 { font-size: 1.3rem; } article h2 { font-size: 1.15rem; }
input[type=checkbox] { display: inline; width: auto; } details { margin: 24px 0; } summary { cursor: pointer; padding: 12px; } #publication-form { border: 1px solid #d2ddd6; padding: 16px; }