*{box-sizing:border-box}body{margin:0;background:#f4f8fc;color:#1d2945;font-family:system-ui,-apple-system,sans-serif;line-height:1.7}a{color:#0758f5;text-decoration:none}a:hover{text-decoration:underline}header,footer{background:#fff;padding:22px max(20px,calc((100vw - 1100px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;border-bottom:1px solid #e5ecf5}header img{display:block;max-width:100%;height:auto}nav,footer{display:flex;gap:24px}main{max-width:1100px;margin:28px auto;padding:0 20px}.breadcrumb{font-size:14px;margin-bottom:22px;gap:10px}article{padding:36px;background:white;border:1px solid #e5ecf5;border-radius:24px;margin-bottom:24px}h1{font-size:clamp(24px,4vw,40px);line-height:1.4;margin:18px 0 28px;overflow-wrap:anywhere}.tag{color:#0758f5;font-size:14px}.gallery{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory}.gallery img{max-width:85%;height:320px;object-fit:contain;border-radius:14px;background:#f4f8fc;scroll-snap-align:start}.facts{display:flex;gap:24px;flex-wrap:wrap;margin:28px 0;padding:22px;background:#f4f8fc;border-radius:14px}.facts span{display:block;color:#687a94;font-size:14px}.facts strong{font-size:24px}.description{white-space:normal;overflow-wrap:anywhere}.button{display:inline-block;background:#0758f5;color:white;padding:15px 24px;border-radius:12px;margin-top:28px}.note{font-size:13px;color:#687a94}footer{justify-content:center;font-size:14px}@media(max-width:600px){article{padding:22px 18px}.gallery img{height:230px}.button{display:block;text-align:center}header nav{font-size:13px}header img{width:170px}}