:root{
  --paper:#f6f2ea;
  --card:#fffdf8;
  --ink:#24211d;
  --muted:#6f6a60;
  --line:#e2d8ca;
  --accent:#806247;
  --soft:#ede3d5;
  --link:#684a2f;
  --green:#52685a;
  --radius:18px;
  --max:1040px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--ink);
  background:var(--paper);
  font-family: Georgia, 'Times New Roman', serif;
  line-height:1.62;
}
a{color:var(--link);text-decoration-thickness:.08em;text-underline-offset:.18em}
img{max-width:100%;height:auto}
.wrap{width:min(var(--max),calc(100% - 32px));margin-inline:auto}
.topbar{
  border-bottom:1px solid var(--line);
  background:rgba(246,242,234,.94);
  backdrop-filter: blur(10px);
  position:sticky;
  top:0;
  z-index:5;
}
.nav{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  min-height:70px;
}
.brand{
  text-decoration:none;
  color:var(--ink);
  display:grid;
  gap:2px;
}
.brand strong{
  font-size:18px;
  letter-spacing:.02em;
  font-weight:700;
}
.brand span{
  color:var(--muted);
  font-size:12px;
  font-family:Arial, Helvetica, sans-serif;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.menu{display:flex;gap:16px;align-items:center;flex-wrap:wrap;justify-content:flex-end;font-family:Arial, Helvetica, sans-serif;font-size:13px}
.menu a{text-decoration:none;color:var(--muted);font-weight:700}
.menu a:hover{color:var(--ink)}
.lang{display:flex;gap:8px;border-left:1px solid var(--line);padding-left:14px}
.lang a{font-size:12px;color:var(--accent)}
.hero{padding:74px 0 36px;border-bottom:1px solid var(--line)}
.kicker{font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin:0 0 16px}
h1{font-size:clamp(42px,8vw,84px);line-height:.95;letter-spacing:-.045em;margin:0 0 20px;font-weight:500;max-width:900px}
.lead{font-size:clamp(19px,2.3vw,25px);line-height:1.42;max-width:760px;color:#3b362f;margin:0 0 28px}
.disclaimer{
  max-width:820px;
  padding:14px 16px;
  border:1px solid var(--line);
  background:rgba(255,253,248,.62);
  border-radius:14px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:13px;
  color:var(--muted);
}
.grid{display:grid;grid-template-columns:2fr 1fr;gap:28px;align-items:start;padding:38px 0}
.posts{display:grid;gap:18px}
.card{
  background:var(--card);
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:24px;
  box-shadow:0 12px 28px rgba(42,35,26,.04);
}
.card:hover{box-shadow:0 16px 35px rgba(42,35,26,.07)}
.meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:10px;color:var(--muted);font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.tag{padding:4px 9px;border:1px solid var(--line);border-radius:999px;background:var(--soft);color:#5d4a38}
h2{font-size:clamp(25px,3.2vw,40px);line-height:1.08;margin:0 0 12px;font-weight:500;letter-spacing:-.02em}
h3{font-size:25px;line-height:1.18;margin:28px 0 10px;font-weight:500}
p{margin:0 0 16px}
.card p{color:#3e3932}
.readmore{font-family:Arial, Helvetica, sans-serif;font-size:13px;font-weight:800;text-decoration:none}
.sidebar{display:grid;gap:18px;position:sticky;top:96px}
.box{
  background:rgba(255,253,248,.75);
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:20px;
}
.box h2{font-size:23px;margin-bottom:10px}
.box ul{margin:0;padding-left:20px;color:#403a32}
.box li{margin:7px 0}
.cta{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:44px;padding:10px 16px;border-radius:999px;
  background:var(--ink);color:#fff;text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-size:13px;font-weight:800;
}
.article{padding:40px 0 56px;max-width:820px}
.article header{margin-bottom:28px}
.article h1{font-size:clamp(38px,6vw,66px);max-width:820px}
.article .card{padding:32px}
.article ul,.article ol{padding-left:24px}
.article li{margin:8px 0}
.notice{background:#f1eadf;border:1px solid var(--line);border-radius:16px;padding:18px;font-family:Arial, Helvetica, sans-serif;font-size:14px;color:#554f47;margin:24px 0}
.directory{display:grid;gap:14px;margin-top:18px}
.listing{border:1px solid var(--line);border-radius:16px;background:#fffdf8;padding:18px}
.listing h3{margin-top:0;font-size:22px}
.small{font-family:Arial, Helvetica, sans-serif;font-size:13px;color:var(--muted)}
footer{border-top:1px solid var(--line);padding:34px 0 44px;color:var(--muted);font-family:Arial, Helvetica, sans-serif;font-size:13px}
.footgrid{display:flex;gap:14px;justify-content:space-between;flex-wrap:wrap}
.footgrid a{color:var(--muted);text-decoration:none;font-weight:700}
@media(max-width:840px){
  .nav{align-items:flex-start;flex-direction:column;padding:16px 0}.menu{justify-content:flex-start}.lang{border-left:0;padding-left:0}.hero{padding:46px 0 28px}.grid{grid-template-columns:1fr}.sidebar{position:static}h1{font-size:42px}.card,.article .card{padding:20px}
}