:root{--ink:#26302B; --muted:#5B655F; --green:#0C7E34; --green-l:#29C766; --forest:#14283F; --line:#DDE3E8; --paper:#F4F6F8}
*{box-sizing:border-box; margin:0; padding:0}
body{font-family:'Hanken Grotesk','Inter',system-ui,sans-serif; color:var(--ink); background:var(--paper); line-height:1.65; -webkit-font-smoothing:antialiased}
header.top{background:var(--forest); color:#fff; padding:16px clamp(18px,5vw,56px); display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap}
header.top a{color:#fff; text-decoration:none}
.brand{display:flex; align-items:center; gap:10px; font-weight:800; letter-spacing:.04em; text-transform:uppercase; font-size:1rem}
.brand img{height:36px; border-radius:6px}
.back{font-size:.9rem; opacity:.85}
.back:hover{opacity:1; text-decoration:underline}
main{max-width:860px; margin:0 auto; padding:clamp(28px,5vw,56px) clamp(18px,5vw,40px) 72px}
.kick{font-size:.72rem; letter-spacing:.18em; text-transform:uppercase; color:var(--green); font-weight:700; margin-bottom:10px}
h1{font-size:clamp(1.8rem,4vw,2.5rem); line-height:1.1; margin-bottom:10px; color:var(--forest)}
.meta{color:var(--muted); font-size:.9rem; margin-bottom:28px}
.box{background:#fff; border:1px solid var(--line); border-radius:10px; padding:20px 22px; margin:0 0 28px; font-size:.95rem}
.box b{color:var(--forest)}
h2{font-size:1.2rem; margin:34px 0 10px; color:var(--forest)}
p{margin:0 0 12px}
ul{margin:0 0 14px 1.2em}
li{margin-bottom:6px}
a{color:var(--green)}
table{width:100%; border-collapse:collapse; margin:0 0 16px; font-size:.92rem; background:#fff}
th,td{border:1px solid var(--line); padding:9px 12px; text-align:left; vertical-align:top}
th{background:#EEF2F5; color:var(--forest)}
footer{border-top:1px solid var(--line); padding:22px clamp(18px,5vw,56px); text-align:center; color:var(--muted); font-size:.85rem}
footer a{margin:0 8px}
@media(max-width:560px){th,td{padding:7px 8px}}