/* Sweepstakes List - styling that echoes the original FrontPage "blank-arda" theme
   (white page, Arial, gray banner with black top edge, left column of gray nav buttons),
   rebuilt as a fluid, responsive layout (no fixed page width/height). */
:root{
  --paper:#fff; --ink:#111; --rule:#888; --accent:#db6751;
  --btn:#cccccc; --btn-hi:#ffffff; --btn-lo:#888888; --btn-cur:#8a8a8a;
  --link:#6a6a6a; --visited:#900000;
  --maxw:none; --pad:clamp(.75rem,3vw,1.5rem);
  --font:Arial,Helvetica,sans-serif;
}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);
  font-size:16px;line-height:1.5}
img{max-width:100%;height:auto}
a{color:var(--link)} a:visited{color:var(--visited)} a:hover{color:var(--accent)}
.hl{color:#c0392b}
.container{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--pad)}
/* widen the nav column a touch on large screens so the full-width content has room */
@media(min-width:1200px){ .sidebar{flex-basis:170px} }
.skip-link{position:absolute;left:-9999px;top:0;background:#000;color:#fff;padding:.5rem .75rem;z-index:10}
.skip-link:focus{left:0}

/* Banner - gray bar, black top edge, centered black Arial title (like blbnr750.gif) */
header{padding-top:1rem}
.banner{background:var(--btn);border-top:4px solid #000;
  border-left:1px solid var(--btn-hi);border-right:1px solid var(--btn-lo);
  border-bottom:1px solid var(--btn-lo)}
.banner h1{margin:0;padding:.9rem 1rem;text-align:center;color:#000;font-weight:bold;
  font-size:clamp(1.25rem,.9rem + 1.8vw,2rem);line-height:1.2}

/* Layout: left nav column + content, stacks on small screens */
.layout{display:flex;gap:1.25rem;align-items:flex-start;margin-top:1.25rem}
.sidebar{flex:0 0 150px}
.content{flex:1;min-width:0;padding-bottom:2rem}

/* Nav buttons - gray beveled rectangles like the original hbtn gifs */
.btns{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}
.btns a{display:block;text-align:center;text-decoration:none;color:#000;font-size:14px;
  padding:.5rem .4rem;background:var(--btn);
  border:1px solid var(--btn-lo);border-top-color:var(--btn-hi);border-left-color:var(--btn-hi)}
.btns a:visited{color:#000}
.btns a:hover{background:#dcdcdc;color:#000}
.btns a[aria-current="page"]{background:var(--btn-cur);color:#fff;
  border-top-color:#555;border-left-color:#555}
@media(max-width:700px){
  .layout{flex-direction:column}
  .sidebar{flex:auto;width:100%}
  .btns{flex-direction:row;flex-wrap:wrap}
  .btns a{flex:1 1 auto;min-width:120px}
}

/* Content */
.content h2{color:#000;margin-top:1.75rem;font-size:1.25rem}
blockquote{margin:1.25rem 0;padding:.5rem 1rem;border-left:3px solid var(--accent);background:#f5f5f5;color:#333;font-style:italic}
.cite{display:block;margin-top:.4rem;font-style:normal;font-weight:bold;color:#000}
.cta{display:inline-block;background:var(--btn);border:1px solid var(--btn-lo);border-top-color:var(--btn-hi);border-left-color:var(--btn-hi);
  color:#000;text-decoration:none;padding:.5rem 1rem;margin:.4rem .4rem .4rem 0;font-size:14px}
.cta:hover{background:#dcdcdc;color:#000}
.note{background:#fff8e8;border:1px solid #f0dca8;padding:.6rem .9rem}
.content table{max-width:100%;border-collapse:collapse;margin:1rem 0}
.content td{padding:.35rem .5rem;vertical-align:top}
.content img{height:auto}
form label{display:block;font-weight:bold;margin:1rem 0 .25rem}
form select,form input,form textarea{max-width:100%;padding:.5rem;border:1px solid var(--rule);font:inherit;background:#fff}
form textarea{width:100%;min-height:8rem;resize:vertical}
form button,form input[type="submit"]{margin-top:1rem;background:var(--btn);border:1px solid var(--btn-lo);
  border-top-color:var(--btn-hi);border-left-color:var(--btn-hi);cursor:pointer;font:inherit;padding:.5rem 1.1rem;color:#000}

/* Footer link bar - centered gray, like the original bottom border */
.site-footer{border-top:1px solid var(--rule);background:#f1f1f1;margin-top:1rem}
.site-footer .container{padding-block:1.25rem}
.footer-nav ul{list-style:none;margin:0 0 .6rem;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:.3rem 1.1rem;font-size:13px}
.footer-nav a{text-decoration:none}
.footer-nav a:hover{text-decoration:underline}
.copyright{margin:0;text-align:center;color:#666;font-size:12px}

/* Secondary (section) nav - horizontal button row like the original sub-nav */
.subnav ul{list-style:none;margin:0 0 1.1rem;padding:0 0 .6rem;display:flex;flex-wrap:wrap;gap:.4rem;border-bottom:1px solid #ddd}
.subnav a{display:inline-block;background:var(--btn);color:#000;text-decoration:none;font-size:13px;padding:.4rem .75rem;
  border:1px solid var(--btn-lo);border-top-color:var(--btn-hi);border-left-color:var(--btn-hi)}
.subnav a:visited{color:#000}
.subnav a:hover{background:#dcdcdc;color:#000}
.subnav a[aria-current="page"]{background:var(--btn-cur);color:#fff;border-top-color:#555;border-left-color:#555}

/* Hall of Fame - formal data table (picture | sweepstakes | value | prize) */
.hof{width:100%;border-collapse:collapse;margin:1rem 0;font-size:14px}
.hof th,.hof td{border:1px solid #ccc;padding:.5rem .6rem;vertical-align:top;text-align:left}
.hof thead th{background:var(--btn);color:#000;font-size:12px;text-transform:uppercase;letter-spacing:.04em}
.hof tbody tr:nth-child(even){background:#f7f7f7}
.hof-c-pic,.hof-pic{width:150px}
.hof-pic img{max-width:130px;height:auto;display:block;margin:0 0 .35rem;border:1px solid #ddd}
.hof-c-sweep{width:22rem}
.hof-level{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.03em;color:#777;margin-bottom:.15rem}
.hof-c-arv,.hof-arv{text-align:right;white-space:nowrap;font-weight:bold;width:6.5rem}
.hof-prize a,.hof-sweep a{color:var(--link)}
.hof-list{margin:0;padding-left:1.1rem}
.hof-list li{margin:.12rem 0}
@media(max-width:760px){
  .hof,.hof thead,.hof tbody,.hof tr,.hof td{display:block;width:auto}
  .hof thead{display:none}
  .hof tr{border:1px solid #ccc;padding:.6rem;margin-bottom:.9rem}
  .hof td{border:0;padding:.2rem 0;width:auto}
  .hof-arv{text-align:left}
  .hof-arv::before{content:"Retail Value: "}
  .hof-pic img{max-width:170px}
}

/* Home page - text left, pictures stacked on the right */
.home{display:flex;gap:1.5rem;align-items:flex-start}
.home-text{flex:1;min-width:0}
.home-pics{flex:0 0 auto;max-width:45%;display:flex;flex-direction:column;gap:1rem}
.home-pics img{display:block;width:auto;max-width:100%;height:auto}
@media(max-width:700px){.home{flex-direction:column}.home-pics{max-width:100%}}

/* News list */
.news{width:100%}
.news td{padding:.5rem .5rem .9rem}
.news-new{width:40px;text-align:center}

.footer-nav li{display:flex;align-items:center}
.mail-icon{display:inline-flex;align-items:center;color:var(--link)}
.mail-icon:hover{color:var(--accent)}
/* Footer on one line: links, then copyright (wraps on narrow screens) */
.site-footer .container{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem 1.5rem}
.site-footer .footer-nav ul{margin:0}
.site-footer .copyright{margin:0;white-space:nowrap}
/* Footer links as buttons (X follow widget left as-is) */
.footer-nav ul{gap:.4rem .5rem}
.footer-nav li > a:not(.twitter-follow-button){display:inline-flex;align-items:center;justify-content:center;min-height:28px;
  padding:.3rem .75rem;background:var(--btn);color:#000;text-decoration:none;font-size:13px;
  border:1px solid var(--btn-lo);border-top-color:var(--btn-hi);border-left-color:var(--btn-hi)}
.footer-nav li > a:not(.twitter-follow-button):visited{color:#000}
.footer-nav li > a:not(.twitter-follow-button):hover{background:#dcdcdc;color:#000;text-decoration:none}
.footer-nav .mail-icon{color:#000;padding:.3rem .6rem}
.footer-nav .mail-icon:hover{color:#000}
/* Footer buttons: rounded pills like the X follow button */
.footer-nav li > a:not(.twitter-follow-button){min-height:28px;padding:0 .95rem;border:0;border-radius:999px;
  background:#0f1419;color:#fff;font-weight:bold;font-size:13px}
.footer-nav li > a:not(.twitter-follow-button):visited{color:#fff}
.footer-nav li > a:not(.twitter-follow-button):hover{background:#272c30;color:#fff}
.footer-nav .mail-icon{color:#fff;padding:0 .8rem}
.footer-nav .mail-icon:hover{color:#fff}
.footer-nav .mail-icon rect{fill:none}
/* Footer pills: same height as the X follow button (about 20px) */
.footer-nav li > a:not(.twitter-follow-button){min-height:0;height:20px;line-height:20px;padding:0 .75rem;font-size:12px}
.footer-nav .mail-icon{padding:0 .65rem}
.footer-nav .mail-icon svg{width:16px;height:11px}

/* FAQ */
.faq dt{font-weight:bold;margin-top:1.5rem}
.faq dd{margin:.4rem 0 0 1.5rem}
.faq ol{margin:0;padding-left:1.4rem}
.faq li{margin-bottom:.6rem}
.faq p{margin:.4rem 0 .8rem}

/* Features list */
.features dt{font-weight:bold;margin-top:1rem}
.features dd{margin:.2rem 0 0 1.5rem}

/* Hall of Fame: allow wider prize pictures (up to 200px) */
.hof-c-pic,.hof-pic{width:220px}
.hof-pic img{max-width:200px}
/* Hall of Fame picture column: shrink to the widest picture, never wider than 220px */
.hof-c-pic,.hof-pic{width:1%;max-width:220px}

/* Winners page */
.winners{margin:0 0 1.75rem}
.winners h3{margin:0 0 .5rem;font-size:1.15rem}
.winners dl{margin:0}
.winners dt{font-weight:bold;margin-top:.5rem}
.winners dd{margin:.1rem 0 0 1.5rem}

/* Prizes page */
.prize-current h2{margin-top:0}
.prize-rules{margin:1rem 0 1.75rem;padding-left:1.2rem}
.prize-prev{border:1px solid #ccc;margin:.5rem 0;padding:.5rem .8rem}
.prize-prev summary{cursor:pointer;font-weight:bold}
.prize-prev[open] summary{margin-bottom:.6rem}
.prize-current img{max-width:200px;height:auto}

.hof-pic{text-align:center}
.hof-pic img{margin-left:auto;margin-right:auto}