/* Modernizacao visual progressiva: preserva imagens e layout existentes. */
:root { color-scheme: light; }
body { background-color:#eee5d5; color:#34281c; line-height:1.5; }
body > table[width="760"] { width:min(100%, 980px); max-width:980px; margin:18px auto; border-collapse:collapse; }
#wrapper { min-height:620px; height:auto; box-shadow:0 12px 40px rgba(37,25,12,.20); border-color:#8c6940; }
#wrapper > center > img { display:block; width:100%; max-width:100%; height:auto; }
#content { overflow-wrap:anywhere; }
a { transition:color .18s ease, background-color .18s ease; }
input, select, textarea, button { font:inherit; max-width:100%; box-sizing:border-box; }
input[type=text], input[type=password], input[type=email], textarea, select { border:1px solid #aa9576; background:#fffaf0; border-radius:4px; padding:6px 8px; }
input[type=submit], button { border:1px solid #6c2e1c; background:linear-gradient(#9c442c,#672718); color:#fff; border-radius:4px; padding:7px 14px; cursor:pointer; }
input[type=submit]:hover, button:hover { filter:brightness(1.12); }
@media(max-width:780px) {
 body > table[width="760"] { width:100%; margin:0; }
 #wrapper { border-width:1px; }
 img { max-width:100%; height:auto; }
 #left, #right { float:none; width:auto; max-width:100%; margin:0; }
 #content { padding:10px; }
 table { max-width:100%; }
}