/* HOMER classic brand theme: dark brand frame (banner / nav / footer) + light content panel for white-background product photos */
:root{--black:#000;--brown:#804000;--orange:#ca6500;--dred:#990000;--red:#ff0000;--yellow:#ffff00;
      --panel:#f4f4f1;--card:#fff;--line:#d9d6cf;--ink:#222;--muted:#6b6b6b;--link:#a85400}
body{background:#000;color:var(--ink)}
.topbanner{display:flex;background:var(--brown);justify-content:center}
.topbanner img{display:block;max-width:50%;height:auto}
nav.main{background:#000;border-top:2px solid var(--brown);border-bottom:2px solid var(--brown);display:flex;justify-content:center;gap:0;flex-wrap:wrap}
nav.main a{color:var(--orange);font-weight:bold;font-size:18px;padding:12px 34px;text-decoration:none;border-right:1px solid #3a2000}
nav.main a:hover{background:var(--brown);color:#fff}
nav.main .note{margin-left:auto;align-self:center;font-size:12px;color:#8a6a3a;padding-right:14px}
header{display:none}

/* light content panel */
main{max-width:1200px;margin:0 auto;padding:18px 20px 24px;background:var(--panel);color:var(--ink);min-height:60vh}
h2,h3{color:var(--brown);font-family:Georgia,"Times New Roman",serif}
a{color:var(--link)}
.stat{background:var(--card);border:1px solid var(--line);color:var(--ink)}.stat b{color:var(--dred)}
input,select,textarea{background:#fff;color:var(--ink);border:1px solid #bdb7aa}
input::placeholder,textarea::placeholder{color:#8a8a8a}
button{background:var(--dred);border-color:var(--dred);color:#fff;font-weight:bold}button:hover{background:#c00000}
.card{background:var(--card);border:1px solid var(--line);color:var(--ink)}
.card:hover{border-color:var(--brown)}
.card .im{background:#fff;border:1px solid #eee;border-radius:4px}
.card b{color:var(--dred)}.card small{color:var(--muted)}
.cardw.on .card{border-color:var(--dred);box-shadow:0 0 0 2px #e0b99a}
.box{background:var(--card);border:1px solid var(--line);color:var(--ink)}
.pill{background:var(--brown);color:#fff}
table{background:var(--card);color:var(--ink)}th{background:var(--brown);color:#fff}th,td{border-color:var(--line)}
pre{color:var(--ink)}
.pg a{color:var(--dred);font-weight:bold}
.sel{background:var(--brown);border:1px solid var(--orange);color:#fff}.sel button{background:#fff;color:#000}.sel .go{background:var(--dred);color:#fff;border-color:var(--dred)}
footer.site{background:var(--brown);color:#fff;text-align:center;padding:14px;margin:0 auto;font-weight:bold}

/* home page */
.hero{display:flex;gap:24px;flex-wrap:wrap;align-items:center;margin:4px 0 18px}
.welcome{flex:1 1 260px;text-align:center}
.welcome h1{color:var(--dred);font-family:Georgia,"Times New Roman",serif;font-size:34px;line-height:1.5;margin:10px 0 22px}
.dl{display:block;border:2px solid var(--brown);color:var(--brown);background:#fff;text-decoration:none;font-weight:bold;font-family:Georgia,serif;padding:10px;margin:10px auto;max-width:260px}
.dl small{color:var(--muted)}.dl:hover{background:var(--brown);color:#fff}.dl:hover small{color:#fff}
.spoga{flex:2 1 420px;text-align:center}.spoga img{max-width:100%;border:4px solid #ddd}.spoga p{color:var(--muted);font-style:italic;margin:6px 0 0}
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;margin-bottom:20px}
.tile{display:block;background:var(--card);border:1px solid var(--line);text-decoration:none;color:var(--ink);overflow:hidden}
.tile:hover{border-color:var(--brown);box-shadow:0 2px 8px rgba(0,0,0,.15)}.tile img{display:block;width:100%;height:auto}
.tile div{padding:10px 12px}.tile b{display:block;color:var(--brown);font-size:20px;font-family:Georgia,serif}.tile span{color:var(--muted);font-size:13px}

nav.main .linkbtn{background:none;border:0;border-right:1px solid #3a2000;color:var(--orange);font-weight:bold;font-size:18px;padding:12px 24px;cursor:pointer;border-radius:0}
nav.main .linkbtn:hover{background:var(--brown);color:#fff}