:root{--bg:#f4eee3;--paper:#fffaf1;--chocolate:#4b3528;--olive:#6f7741;--line:rgba(75,53,40,.14)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--chocolate);font-family:Inter,ui-sans-serif,system-ui,sans-serif}.layout{min-height:100vh;display:grid;grid-template-columns:260px 1fr}aside{padding:28px;background:var(--paper);border-right:1px solid var(--line)}aside strong{display:block;font-size:22px}aside span{color:var(--olive);font-size:14px}section{padding:42px}h1{font-family:Georgia,serif;font-size:44px;font-weight:500;margin:0 0 12px}section>p{color:#7d7168;max-width:680px;line-height:1.7}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px;margin-top:34px}article{min-height:180px;padding:22px;border:1px solid var(--line);border-radius:18px;background:rgba(255,250,241,.76)}article h2{margin:28px 0 8px;font-size:20px}article p{color:#7d7168;line-height:1.5}.table{margin-top:36px;padding:24px;border:1px solid var(--line);border-radius:18px;background:rgba(255,250,241,.76)}.table h2{margin:0 0 16px;font-size:24px}.row{min-height:52px;display:grid;grid-template-columns:1fr 120px 120px;grid-gap:12px;gap:12px;align-items:center;border-top:1px solid var(--line)}.row:first-of-type{border-top:0}.row small{color:var(--olive)}.empty{color:#7d7168}@media (max-width:880px){.layout{grid-template-columns:1fr}aside{border-right:0;border-bottom:1px solid var(--line)}.grid,.row{grid-template-columns:1fr}.row{padding:12px 0}}