*{box-sizing:border-box}body{margin:0;color:#1c322f;background:#f5f7f4;font-family:system-ui,"Yu Gothic",sans-serif;line-height:1.8}header,main,footer{max-width:1140px;margin:auto;padding:28px}header{display:flex;align-items:center;justify-content:space-between}header img{width:190px;height:auto}a{color:#17574b;text-underline-offset:4px}.preview{background:#fff0c8;text-align:center;font-size:13px;padding:7px}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;padding:35px 0 55px}.hero h1{font-size:clamp(30px,4vw,48px);line-height:1.5;letter-spacing:.08em}.hero img{width:100%;height:auto;border-radius:3px}.tag{font-size:13px;letter-spacing:.18em;color:#63796e}.hero .cta{display:inline-block;background:#17574b;color:white;padding:10px 24px;border-radius:3px;text-decoration:none}h2{font-size:27px}section>p{color:#53665e}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:26px}article{background:white;border:1px solid #e0e7e0;border-radius:4px;overflow:hidden}article>img{width:100%;height:180px;object-fit:cover}article>div{padding:14px 20px}h3{margin:0;font-size:19px}article p{display:flex;gap:16px;flex-wrap:wrap;font-size:14px}.book{font-weight:bold}.recruit{margin:45px 0;background:#e7eee8;padding:24px}footer{font-size:12px;color:#63796e;border-top:1px solid #dce3da}footer p{margin:0}@media(max-width:760px){header,main,footer{padding:20px}.hero{grid-template-columns:1fr;gap:20px;padding-top:0}.hero h1{margin:12px 0}.grid{grid-template-columns:repeat(2,1fr)}article>img{height:140px}article>div{padding:14px}h3{font-size:17px}}@media(max-width:460px){.grid{grid-template-columns:1fr}article>img{height:190px}}