/* WordPad: a formatting toolbar over a white page on a grey desk */
.wordpad-window { min-width: 300px; }
.wp-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: 2px 3px; padding: 3px 4px; background: #ece9d8; border-bottom: 1px solid #aca899; font: 11px Tahoma, sans-serif; }
.wp-toolbar button { min-width: 24px; height: 22px; padding: 0 4px; border: 1px solid transparent; border-radius: 3px; background: transparent; font: 12px Tahoma, sans-serif; cursor: pointer; color: #000; }
.wp-toolbar button:hover { border-color: #316ac5; background: #c1d2ee; }
.wp-toolbar button.on, .wp-toolbar button:active { border-color: #316ac5; background: #98b8ea; }
.wp-toolbar select { height: 21px; font: 11px Tahoma, sans-serif; border: 1px solid #7f9db9; background: #fff; max-width: 130px; }
.wp-sep { width: 1px; height: 18px; background: #aca899; margin: 0 2px; }
.wp-page-wrap { flex: 1; min-height: 0; overflow: auto; background: #808080; padding: 10px; }
.wp-page { min-height: 100%; box-sizing: border-box; max-width: 740px; margin: 0 auto; padding: 18px 22px; background: #fff; color: #000; outline: 0; font: 12pt "Times New Roman", Times, serif; line-height: 1.3; overflow-wrap: anywhere; }
.wp-page ul { margin: 4px 0 4px 22px; padding: 0; }
@media (max-width: 600px) { .wp-page-wrap { padding: 4px; } .wp-page { padding: 10px; } }