/*
Theme Name: Woubet Kassa
Theme URI: https://woubetkassa.com
Author: Woubet Kassa
Description: Editorial research portfolio — trade, macroeconomics, and development. Warm-paper palette, Newsreader serif, brick-red accents.
Version: 1.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: woubet-kassa
Tags: portfolio, one-column, custom-menu, editor-style
*/

* { box-sizing: border-box; }

body {
  margin: 0;
  background: #E9E4D7;
  font-family: 'Newsreader', Georgia, serif;
  color: #191816;
  -webkit-font-smoothing: antialiased;
}

a { color: #A8342A; text-decoration: none; }
a:hover { text-decoration: underline; }

.lbl {
  font-family: system-ui, -apple-system, 'Segoe UI', sans-serif;
  font-weight: 700;
  letter-spacing: .15em;
  text-transform: uppercase;
}

.shell {
  max-width: 1180px;
  margin: 0 auto;
  background: #FBFAF6;
  box-shadow: 0 30px 80px -30px rgba(25,24,22,.35);
  border-left: 1px solid #E0DACB;
  border-right: 1px solid #E0DACB;
}

.masthead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 22px 56px;
  border-bottom: 1.5px solid #191816;
}

.masthead nav { display: flex; gap: 26px; }
.masthead nav a { font-size: 12px; color: #191816; }
.masthead nav a.current { color: #A8342A; }

.sitefoot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 26px 56px;
  border-top: 1.5px solid #191816;
}

.sitefoot nav { display: flex; gap: 22px; }
.sitefoot nav a { font-size: 11px; color: #191816; }

.rule { border-bottom: 1px solid #E6E1D3; }
.pad { padding: 52px 56px; }
.cream { background: #F2ECDD; }

.entry { max-width: 780px; font-size: 19px; line-height: 1.62; color: #26241F; }
.entry p { margin: 0 0 22px; }
.entry h2 { font-family: 'Newsreader', serif; font-weight: 600; font-size: 26px; margin: 30px 0 18px; }
.entry h3 { font-family: 'Newsreader', serif; font-weight: 600; font-size: 22px; margin: 26px 0 14px; }
.entry ul, .entry ol { margin: 0 0 22px; padding-left: 24px; }
.entry li { margin-bottom: 8px; }
.entry img { max-width: 100%; height: auto; border: 1px solid #E0DACB; }
.entry blockquote {
  margin: 0 0 22px;
  padding: 4px 0 4px 24px;
  border-left: 2px solid #A8342A;
  font-style: italic;
  color: #3E3A33;
}
.entry table { border-collapse: collapse; width: 100%; font-size: 16px; margin: 0 0 22px; }
.entry th, .entry td { text-align: left; padding: 9px 12px; border-bottom: 1px solid #E6E1D3; }
.entry th { font-family: system-ui, sans-serif; font-size: 11px; letter-spacing: .12em; text-transform: uppercase; }

.btn {
  font-size: 12px;
  color: #191816;
  border: 1.5px solid #191816;
  padding: 11px 18px;
  display: inline-block;
}
.btn:hover { background: #191816; color: #FBFAF6; text-decoration: none; }

@media (max-width: 900px) {
  .masthead, .sitefoot, .pad { padding-left: 24px; padding-right: 24px; }
  .masthead { flex-direction: column; gap: 14px; align-items: flex-start; }
  .masthead nav { flex-wrap: wrap; gap: 16px; }
  .sitefoot { flex-direction: column; gap: 12px; align-items: flex-start; }
}