*{box-sizing:border-box}body{margin:0;color:#1a1a1a;font-family:'Helvetica Neue',Arial,sans-serif;background:linear-gradient(135deg,#cfd9df,#e2ebf0 50%,#b8c6db);min-height:100vh;line-height:1.7}a{color:inherit;text-underline-offset:5px}a:focus-visible{outline:3px solid #8c7323;outline-offset:5px}header{display:flex;justify-content:space-between;align-items:center;padding:22px max(24px,calc((100% - 960px)/2));border-bottom:1px solid #bbb;background:#e6ebf0}header a{text-decoration:none}header a:first-child{font-weight:800;letter-spacing:3px}main{max-width:960px;margin:auto;padding:48px 24px 80px}.back{font-size:.9rem}.category{margin-top:64px;color:#806820;letter-spacing:2px;text-transform:uppercase}h1{font-size:clamp(1.8rem,4vw,3rem);line-height:1.4;word-break:keep-all;overflow-wrap:anywhere;margin:16px 0 40px}dl{border-top:1px solid #aaa;padding-top:28px;display:grid;grid-template-columns:100px minmax(0,1fr);gap:20px}dt{font-weight:bold}dd{margin:0;overflow-wrap:anywhere}footer{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:56px}.button{display:inline-block;border:1px solid #777;padding:14px 22px;text-decoration:none;background:#ffffff66}.button:hover{background:#1a1a1a;color:white}@media(max-width:480px){main{padding-top:30px}.category{margin-top:40px}dl{grid-template-columns:1fr;gap:8px}dd{margin-bottom:16px}footer{align-items:stretch;flex-direction:column}}