*{box-sizing:border-box}body{margin:0;background:#f7f2e7;color:#173b32;font-family:Arial,sans-serif}header{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;background:#fffaf0;border-bottom:1px solid #d8d2c4}header>a{font-weight:800;color:#173b32;text-decoration:none}main{width:min(1100px,92vw);margin:auto;padding-bottom:80px}.hero{padding:64px 0 40px}.hero h1{font:700 clamp(42px,6vw,72px)/1 Georgia,serif;max-width:900px;margin:12px 0}.hero p:last-child,.explain p,.problem{font-size:17px;line-height:1.65;color:#587267}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;color:#697d31}.explain{background:#e8eedb;border:1px solid #ccd6bd;border-radius:20px;padding:24px;margin-bottom:38px}.section-head{display:flex;justify-content:space-between;gap:20px;align-items:end}.section-head h2{font:700 34px Georgia,serif;margin:6px 0}.section-head span{font-size:12px;color:#667970}.problem-feed{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px}.problem-feed article{background:#fffdf7;border:1px solid #ddd7ca;border-radius:18px;padding:22px;box-shadow:0 10px 30px #173b3210}.problem-feed h2{font:700 25px Georgia,serif}.problem-feed h3{font-size:13px}.problem-feed li{margin:8px 0;line-height:1.45}.problem-feed a{display:block;margin-top:18px;color:#173b32;font-weight:800}.tags{display:flex;flex-wrap:wrap;gap:7px}.tags span{background:#e7eee2;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:700}@media(max-width:700px){.section-head{align-items:start;flex-direction:column}header{height:64px}}