:root{
  --cream:#F7EFE2; --cream-2:#F2E5D2; --card:#FFFBF4;
  --green:#1E5B37; --green-2:#2C7A4B; --green-soft:#DCE9DE;
  --ink:#22301F; --muted:#6E7568; --line:rgba(30,91,55,.14);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:'Montserrat',system-ui,sans-serif;background:var(--cream);color:var(--ink);
  line-height:1.7;-webkit-font-smoothing:antialiased;
}
a{color:var(--green)}
.wrap{max-width:820px;margin:0 auto;padding:0 20px 72px}
.top{display:flex;align-items:center;gap:12px;padding:20px 0 26px;flex-wrap:wrap}
.top__logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--green)}
.top__logo img{width:34px;height:34px;border-radius:50%}
.top__logo span{font-family:'Cormorant Garamond',Georgia,serif;font-size:1.45rem;letter-spacing:.03em}
.top__back{margin-left:auto;font-size:.82rem;text-decoration:none;color:var(--muted);border:1px solid var(--line);
  padding:8px 16px;border-radius:100px}
.top__back:hover{background:var(--green-soft);color:var(--green)}
.doc{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:40px 38px}
h1{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;font-size:2.35rem;line-height:1.15;margin-bottom:10px}
.doc__meta{font-size:.8rem;color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin-bottom:28px}
h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;font-size:1.5rem;margin:34px 0 12px;color:var(--green)}
h3{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;font-size:1.12rem;margin:20px 0 8px}
p{margin-bottom:12px;font-size:.94rem}
ul,ol{margin:0 0 14px 0;padding-left:22px}
li{font-size:.94rem;margin-bottom:7px}
.lead{font-size:1rem;color:#3D4A38;background:var(--green-soft);border-radius:14px;padding:16px 18px;margin-bottom:22px}
.note{border-left:2px solid var(--green-2);padding:10px 0 10px 16px;font-size:.88rem;color:var(--muted);margin:16px 0}
table{width:100%;border-collapse:collapse;margin:8px 0 18px;font-size:.88rem}
th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}
th{color:var(--green);font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}
.eco{display:inline-block;background:var(--green);color:#FBF6EA;font-size:.72rem;font-weight:700;
  letter-spacing:.1em;padding:3px 9px;border-radius:100px;margin-right:8px;vertical-align:2px}
.back{display:inline-flex;align-items:center;gap:8px;margin-top:34px;font-size:.86rem;text-decoration:none;
  border:1px solid var(--line);padding:11px 20px;border-radius:100px;color:var(--green)}
.back:hover{background:var(--green-soft)}
.doc-nav{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.doc-nav a{font-size:.82rem;text-decoration:none;color:var(--muted);border:1px solid var(--line);
  padding:8px 15px;border-radius:100px;background:transparent}
.doc-nav a:hover{background:var(--green-soft);color:var(--green)}
@media(max-width:560px){
  .doc{padding:26px 20px;border-radius:18px}
  h1{font-size:1.9rem}
  h2{font-size:1.3rem}
  table{display:block}
  thead,tr{display:block}
  th{display:none}
  tr{border-bottom:1px solid var(--line);padding:12px 0}
  td{display:block;border:none;padding:3px 0}
  td:first-child{font-weight:600;color:var(--green);font-size:.82rem;text-transform:uppercase;letter-spacing:.04em}
}