/* A small, old-web-inspired home for a command-line program. */
html { background: #b5cfb5; }
body { color: #111; font-family: Georgia, "Times New Roman", serif; font-size: 16px; line-height: 1.48; margin: 0; }
.page { box-sizing: border-box; max-width: 1024px; min-height: 100vh; margin: auto; padding: 18px 28px 28px; background: #e3f3df; }
a { color: #145c35; }
a:visited { color: #52652f; }
a:hover { color: #8b3c1b; }
a:focus-visible, summary:focus-visible { outline: 2px solid #145c35; outline-offset: 3px; }
.intro { display: flex; gap: 20px; align-items: flex-start; }
.intro p { margin: 0 0 .7em; }
h1 { font-size: 1.8em; line-height: 1; margin: 0 0 .35em; }
h2 { font-size: 1.2em; margin: .8em 0 .35em; }
p { margin: .6em 0; }
hr { border: 0; border-top: 1px solid #91aa8c; margin: 1em 0; }
.mark { flex: 0 0 70px; box-sizing: border-box; border: 2px solid #496b48; background: #f2fbef; color: #284e2a; text-align: center; font: bold 20px monospace; padding: 7px 3px 4px; line-height: 1; }
.mark span { display: block; margin-top: 4px; font-size: 13px; color: #63845c; }
ul { padding-left: 2em; margin: .5em 0; }
li + li { margin-top: .3em; }
pre { background: #f8fcf5; border: 1px solid #b8cfb0; padding: .7em .9em; overflow-x: auto; line-height: 1.45; }
code, kbd, pre { font-family: "Courier New", monospace; font-size: .95em; }
pre code { font-size: 1em; }
summary { color: #145c35; cursor: pointer; text-decoration: underline; }
.demo { display: block; max-width: 100%; height: auto; border: 1px solid #91aa8c; }
footer { font-size: .85em; }
@media (max-width: 480px) { .page { padding: 15px; } .intro { gap: 12px; } .mark { flex-basis: 57px; font-size: 17px; } }