:root{--blue:#0b2d64;--gold:#caa54d;--red:#bc2835;--bg:#f7f8fb}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#17233a;background:var(--bg)}header{background:var(--blue);color:white}nav{max-width:1100px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 22px;flex-wrap:wrap}nav strong{font-size:1.45rem;color:#f5d57d}nav a{color:white;text-decoration:none;margin-left:18px;font-size:.95rem}nav a:hover{text-decoration:underline}.banner{width:100%;display:block;max-height:420px;object-fit:contain;background:#fff}.wrap{max-width:1100px;margin:auto;padding:48px 22px}.hero{text-align:center;background:white;padding:48px 20px;border-bottom:4px solid var(--gold)}h1{color:var(--blue);font-size:clamp(2rem,4vw,3rem);margin:0 0 14px}h2{color:var(--blue)}p{line-height:1.65}.lead{font-size:1.2rem;max-width:760px;margin:0 auto 26px}.button{display:inline-block;background:var(--blue);color:#fff;text-decoration:none;border-radius:8px;padding:14px 23px;font-weight:bold}.button.gold{background:var(--gold);color:#17233a}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:18px;margin:28px 0}.card{background:white;padding:25px;border-radius:12px;box-shadow:0 3px 15px #142c4b12;border-top:4px solid var(--gold)}.price{font-size:2rem;color:var(--blue);font-weight:bold}.notice{background:#fff7e5;border-left:4px solid var(--gold);padding:18px 22px;border-radius:5px}.redline{height:5px;background:linear-gradient(90deg,var(--blue) 0 33%,white 33% 66%,var(--red) 66%)}footer{background:var(--blue);color:#fff;text-align:center;padding:28px 20px;font-size:.9rem}footer a{color:#fff}.pill{display:inline-block;background:#f4e7c5;color:#533c0b;padding:7px 12px;border-radius:20px;font-size:.85rem}label{display:block;margin-top:14px;font-weight:bold}input,select{width:100%;padding:12px;border:1px solid #b9c3d2;border-radius:6px;margin-top:5px;font:inherit}button:disabled{opacity:.5;cursor:not-allowed}button{border:0;font:inherit}.formbox{background:white;border-radius:12px;padding:25px;max-width:650px;box-shadow:0 3px 15px #142c4b12}.small{font-size:.9rem;color:#5b6677}

.book-list{display:grid;gap:26px}.book{display:grid;grid-template-columns:190px 1fr;gap:30px;background:white;border-radius:12px;padding:25px;box-shadow:0 3px 15px #142c4b12}.book-cover{min-height:245px;background:linear-gradient(145deg,#0b2d64,#17477e 65%,#caa54d);color:#fff;border-radius:5px;display:flex;flex-direction:column;justify-content:space-between;padding:24px 14px;font-size:1.15rem;font-weight:bold;line-height:1.4;text-align:center;box-shadow:5px 7px 14px #142c4b22}.book-cover span{font-size:.68rem;letter-spacing:1px;color:#f5d57d}.book h2{margin-top:14px}@media(max-width:600px){.book{grid-template-columns:1fr}.book-cover{max-width:210px}}

.cover-image{display:block;width:100%;max-width:220px;height:auto;object-fit:contain;align-self:start;border-radius:5px;box-shadow:5px 7px 16px #142c4b25}.book{grid-template-columns:220px 1fr}.book .small{margin-top:22px}@media(max-width:600px){.book{grid-template-columns:1fr}.cover-image{max-width:230px;margin:auto}}