*{box-sizing:border-box}body{margin:0;background:#f7f8f2;color:#153e2e;font-family:Arial,"Malgun Gothic",sans-serif}main{max-width:1120px;margin:auto;padding:40px 32px}header{border-bottom:1px solid #cdd8c9;padding-bottom:24px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:14px;font-weight:700;letter-spacing:.08em}.badge{background:#dfefab;border-radius:30px;padding:9px 15px;font-size:13px}h1{font-size:40px;margin:34px 0 12px;letter-spacing:-.04em}.intro{font-size:17px;color:#536c5d;margin-bottom:30px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:white;border:1px solid #d9e2d2;border-radius:18px;overflow:hidden}.art{height:120px;display:flex;align-items:end;padding:18px;font-size:28px;font-weight:700;background:#dfeabf}.card:nth-child(2) .art{background:#d5e9e5}.card:nth-child(3) .art{background:#eadfcb}.content{padding:22px}.tag{font-size:12px;color:#60745e;font-weight:bold}.card h2{font-size:21px;margin:12px 0 20px;line-height:1.4}.meta{color:#526858;font-size:15px;line-height:1.8}.favorite{width:100%;border:1px solid #97af83;border-radius:9px;padding:12px;margin-top:18px;background:#f4f8eb;color:#153e2e;font:700 15px Arial,"Malgun Gothic",sans-serif;cursor:pointer}.favorite[aria-pressed="true"]{background:#153e2e;color:#e0f0a9}.favorite:focus-visible{outline:3px solid #5676b0;outline-offset:3px}.favorite:disabled{opacity:.4;cursor:not-allowed}footer{font-size:13px;color:#60745e;margin-top:28px;line-height:1.8}.status{min-height:26px;font-weight:bold;margin-top:22px}@media(max-width:700px){main{padding:24px 18px}.grid{grid-template-columns:1fr}h1{font-size:30px}.art{height:80px}}