@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@500;600;700&family=Inter:wght@400;500;600&display=swap');

:root{
  --navy:#14213D;
  --navy-deep:#0F1830;
  --amber:#FFB627;
  --cream:#F5F3ED;
  --teal:#2A9D8F;
  --charcoal:#3A3F4B;
  --hairline:#2A3352;
}

*{box-sizing:border-box;margin:0;padding:0;}

body{
  background:var(--navy);
  color:var(--cream);
  font-family:'Inter',sans-serif;
  line-height:1.55;
  min-height:100vh;
  display:flex;
  flex-direction:column;
}

a{color:var(--amber);text-decoration:none;}
a:hover{text-decoration:underline;}
a:focus-visible, button:focus-visible{outline:2px solid var(--amber);outline-offset:2px;}

.wrap{max-width:760px;margin:0 auto;padding:0 24px;width:100%;}

/* Header */
.site-header{
  background:var(--navy-deep);
  border-bottom:3px solid var(--amber);
  padding:28px 0 22px;
}
.site-header .wrap{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;}
.site-header h1{
  font-family:'Oswald',sans-serif;
  font-weight:700;
  font-size:1.7rem;
  letter-spacing:0.02em;
  color:var(--cream);
}
.site-header .tagline{color:var(--amber);font-size:0.95rem;font-family:'Oswald',sans-serif;}
nav.crumbs{margin-left:auto;display:flex;gap:18px;font-size:0.9rem;}

main{flex:1;padding:36px 0 60px;}

/* Board / hero */
.board-label{
  font-family:'Oswald',sans-serif;
  color:var(--amber);
  font-size:0.85rem;
  letter-spacing:0.08em;
  margin-bottom:10px;
}
.today-card{
  border:1px solid var(--hairline);
  border-left:4px solid var(--amber);
  background:var(--navy-deep);
  padding:26px 24px;
}
.today-card h2{
  font-family:'Oswald',sans-serif;
  font-size:1.5rem;
  font-weight:600;
  margin-bottom:6px;
}
.today-card .store{color:var(--teal);font-size:0.9rem;margin-bottom:14px;}
.price-row{display:flex;align-items:baseline;gap:12px;margin-bottom:14px;flex-wrap:wrap;}
.price-now{font-family:'Oswald',sans-serif;font-size:2rem;font-weight:700;color:var(--amber);}
.price-was{color:#9AA3C0;text-decoration:line-through;font-size:1.05rem;}
.savings{background:var(--teal);color:var(--navy-deep);font-family:'Oswald',sans-serif;font-size:0.8rem;font-weight:600;padding:3px 9px;}
.today-card p.desc{margin-bottom:18px;max-width:60ch;}
.cta{
  display:inline-block;
  background:var(--amber);
  color:var(--navy-deep);
  font-family:'Oswald',sans-serif;
  font-weight:600;
  padding:11px 22px;
  border:none;
  cursor:pointer;
}
.cta:hover{background:#ffc958;text-decoration:none;}
.no-deal{color:#9AA3C0;font-style:italic;}

/* Archive */
.archive{margin-top:48px;}
.archive h2{font-family:'Oswald',sans-serif;font-size:1.1rem;margin-bottom:14px;color:var(--cream);}
.deal-row{
  display:flex;
  gap:18px;
  padding:14px 0;
  border-bottom:1px solid var(--hairline);
  align-items:baseline;
}
.deal-row .date{
  font-family:'Oswald',sans-serif;
  color:var(--amber);
  font-size:0.85rem;
  min-width:78px;
}
.deal-row .info{flex:1;}
.deal-row .info a{color:var(--cream);font-weight:500;}
.deal-row .info .meta{color:#9AA3C0;font-size:0.85rem;}
.archive-more{margin-top:16px;font-size:0.9rem;}

/* Ad slot */
.ad-slot{
  margin-top:44px;
  padding:18px;
  border:1px dashed var(--hairline);
  text-align:center;
  color:#7C86AA;
  font-size:0.8rem;
}

/* Static pages */
.page-content{max-width:65ch;}
.page-content h1{font-family:'Oswald',sans-serif;font-size:1.6rem;margin-bottom:18px;}
.page-content h2{font-family:'Oswald',sans-serif;font-size:1.1rem;margin:22px 0 8px;}
.page-content p{margin-bottom:14px;}

/* Footer */
footer{
  background:var(--navy-deep);
  border-top:1px solid var(--hairline);
  padding:22px 0;
  font-size:0.85rem;
  color:#9AA3C0;
}
footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;}
footer nav{display:flex;gap:16px;}

@media(max-width:600px){
  .site-header h1{font-size:1.4rem;}
  .price-now{font-size:1.6rem;}
}

/* Site title links home */
.site-header h1 a{color:inherit;text-decoration:none;}
.site-header h1 a:hover{text-decoration:none;opacity:0.85;}