:root{--green:#173f34;--ink:#18372e;--cream:#f7f1e5;--paper:#fffdf7;--amber:#d99832;--line:#d8cebc}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Noto Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif;line-height:1.8}header,main,footer{width:min(940px,calc(100% - 32px));margin:auto}header{min-height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}header a{color:inherit;font-weight:800}.tag{padding:5px 10px;border-radius:999px;background:#efe1c9;color:#875817;font-size:12px;font-weight:800}.hero{padding:64px 0 34px}.hero h1{max-width:720px;margin:14px 0;font-size:clamp(38px,7vw,68px);line-height:1.13;letter-spacing:-.04em}.hero p{max-width:680px;color:#566960;font-size:18px}.day{margin:28px 0;padding:clamp(22px,5vw,46px);background:var(--paper);border:1px solid var(--line);border-radius:9px 30px 9px 30px;box-shadow:9px 10px 0 #e4aa50}.meta{display:flex;gap:8px;flex-wrap:wrap}.day h2{margin:20px 0 8px;font-size:30px;line-height:1.35}.box{margin-top:18px;padding:16px;border-right:4px solid var(--amber);background:#f2e7d5}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.replies{margin:66px 0;padding:clamp(24px,5vw,48px);background:var(--green);color:white;border-radius:30px 8px 30px 8px}.replies h2{font-size:34px}.reply{padding:16px;border:1px solid #ffffff2b;border-radius:13px;background:#ffffff0b}.reply strong{color:#f2c46e;display:block}.end{margin:50px 0;padding:32px;text-align:center;border:1px solid var(--line);background:var(--paper)}.end a{display:inline-flex;min-height:48px;align-items:center;margin-top:10px;padding:0 22px;border-radius:999px;background:var(--green);color:white;font-weight:800;text-decoration:none}footer{padding:30px 0;text-align:center;color:#66756e;font-size:13px}@media(max-width:650px){.grid{grid-template-columns:1fr}.hero{padding-top:42px}.day{box-shadow:5px 7px 0 #e4aa50}}
