/*
Theme Name: XENIUS 3h
Theme URI: https://xenius.law
Author: XENIUS
Description: Ησυχο κυρος — τυπογραφία, λεπτές γραμμές, πολύς αέρας. Φάκελος φιλοξενίας και δικαίου.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.6
Text Domain: xenius-3h
*/

:root{
  --paper:#F4EEE1;
  --paper-quiet:#FBF8F1;
  --ink:#16222F;
  --copper:#9A5B2E;
  --copper-dark:#C07A44;
  --limestone:#E7DFCC;
  --cinnabar:#C0391B;
  --slate:#46525F;
  --dust:#8A8272;
  --rule:rgba(22,34,47,0.14);
  --rule-soft:rgba(22,34,47,0.10);
  --measure:680px;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  background:var(--paper-quiet);
  color:var(--ink);
  font-family:'Commissioner',system-ui,sans-serif;
  font-weight:400;
  font-size:16.5px;
  line-height:1.85;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none;}
a:hover{opacity:.72;}
::selection{background:var(--copper);color:var(--paper);}

.xn-logo{font-family:'GFS Didot',serif;letter-spacing:.14em;}
.xn-logo .ius{color:var(--copper);}
.xn-mark{font-family:'GFS Didot',serif;letter-spacing:.08em;}
.xn-mark .ius{color:var(--copper);}

.xn-header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:0 56px;
  height:72px;
  border-bottom:1px solid var(--rule);
  background:var(--paper-quiet);
  gap:24px;
}
.xn-header .xn-logo{font-size:26px;}
.xn-nav{display:flex;gap:6px;flex-wrap:wrap;}
.xn-nav a{
  padding:14px 12px;
  font-size:10.5px;
  letter-spacing:.16em;
  text-transform:uppercase;
  font-weight:500;
  color:var(--slate);
  min-height:44px;
  display:inline-flex;
  align-items:center;
}
.xn-nav a[aria-current="page"],
.xn-nav a.is-active{color:var(--copper);}

.xn-wrap{max-width:var(--measure);margin:0 auto;padding:88px 24px 76px;}
.xn-kicker{
  font-size:10px;
  letter-spacing:.28em;
  text-transform:uppercase;
  color:var(--copper);
}
.xn-kicker .live{color:var(--cinnabar);}
.xn-title,h1,h2,.xn-h{
  font-family:'GFS Didot',serif;
  font-weight:400;
  line-height:1.22;
}
.xn-title,h1{font-size:clamp(30px,5vw,46px);margin:26px 0;}
h2{font-size:clamp(22px,3.4vw,28px);margin:36px 0 16px;}
.xn-dek{font-size:18px;line-height:1.75;color:var(--slate);margin:0 0 24px;}
.xn-prose p{margin:0 0 1.15em;}
.xn-cite{
  font-size:10px;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--copper);
  border-top:1px solid var(--rule);
  padding-top:18px;
  margin-top:8px;
}

.xn-catalog{max-width:var(--measure);margin:0 auto;padding:0 24px 80px;}
.xn-sec{
  font-size:10px;
  letter-spacing:.28em;
  text-transform:uppercase;
  color:var(--dust);
  margin-bottom:8px;
}
.xn-row{
  display:flex;
  gap:22px;
  align-items:baseline;
  padding:22px 0;
  border-bottom:1px solid var(--rule-soft);
  min-height:44px;
}
.xn-row .no{
  font-family:'GFS Didot',serif;
  font-size:18px;
  color:var(--copper);
  min-width:30px;
}
.xn-row .ttl{
  flex:1;
  font-family:'GFS Didot',serif;
  font-size:21px;
  line-height:1.4;
}

.xn-footer{
  border-top:1px solid var(--rule);
  padding:26px 56px 36px;
  display:flex;
  justify-content:space-between;
  gap:20px;
  flex-wrap:wrap;
  align-items:baseline;
}
.xn-footer .disc{font-size:12px;color:var(--dust);max-width:360px;line-height:1.5;}

.xn-article{max-width:var(--measure);margin:0 auto;padding:72px 24px 96px;}
.xn-article h1{margin-top:12px;}
.xn-article ul,.xn-article ol{padding-left:1.2em;margin:0 0 1.2em;}

@media (max-width:880px){
  .xn-header{padding:0 18px;height:auto;flex-wrap:wrap;padding-top:14px;}
  .xn-nav{width:100%;overflow-x:auto;flex-wrap:nowrap;border-top:1px solid var(--rule);}
  .xn-nav a{white-space:nowrap;padding:17px 12px;font-size:10px;}
  .xn-footer{padding:20px 24px 26px;}
  .xn-wrap{padding:40px 24px 36px;}
}