:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--parchment:#f4ecd8;--navy:#1b2a4a;--ink:#201a12;--muted:#6b6252;--orange:#ff6648;--circuit-blue:#0259dd;--card:#fffdf8;--border:#e3d7bb}*{box-sizing:border-box}body{background:var(--parchment);color:var(--ink);margin:0;font-family:Lato,Helvetica Neue,Arial,sans-serif;line-height:1.6}h1,h2,h3,h4{color:var(--navy);letter-spacing:.01em;font-family:Georgia,Times New Roman,serif}a{color:var(--circuit-blue)}.wrap{max-width:960px;margin:0 auto;padding:0 20px}header.site{border-bottom:2px solid var(--navy);background:var(--card);padding:20px 0}header.site .wrap{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}header.site .logo{color:var(--navy);align-items:center;text-decoration:none;display:flex}header.site .logo img{width:auto;height:48px;display:block}header.site nav a{color:var(--muted);margin-left:18px;font-size:.95rem;text-decoration:none}header.site nav a:hover{color:var(--circuit-blue)}main{padding:40px 0 80px}footer.site{border-top:1px solid var(--border);color:var(--muted);padding:24px 0;font-size:.85rem}.grid-books{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:28px;display:grid}.book-card{background:var(--card);border:1px solid var(--border);color:var(--ink);border-radius:10px;padding:18px;text-decoration:none;display:block}.book-card .cover{aspect-ratio:3/4;color:var(--muted);background:#ece1c8;border-radius:6px;justify-content:center;align-items:center;margin-bottom:12px;font-size:.8rem;display:flex;overflow:hidden}.book-card .cover img{object-fit:cover;width:100%;height:100%}.book-card h3{margin:0 0 4px;font-size:1.05rem}.book-card p.price{color:var(--orange);margin:6px 0 0;font-weight:700}.book-detail{grid-template-columns:minmax(200px,280px) 1fr;gap:36px;display:grid}@media (max-width:640px){.book-detail{grid-template-columns:1fr}}.book-detail .cover{aspect-ratio:3/4;background:#ece1c8;border-radius:8px;overflow:hidden}.book-detail .cover img{object-fit:cover;width:100%;height:100%}.variant-picker{flex-wrap:wrap;gap:12px;margin:20px 0;display:flex}.variant-card{border:1px solid var(--border);cursor:pointer;background:var(--card);border-radius:8px;min-width:180px;padding:14px 16px}.variant-card input{margin-right:8px}.variant-card .btw-note{color:var(--muted);margin-top:4px;font-size:.8rem;display:block}form.checkout-form{gap:14px;max-width:480px;margin-top:24px;display:grid}form.checkout-form label{color:var(--muted);gap:6px;font-size:.9rem;display:grid}form.checkout-form input{border:1px solid var(--border);border-radius:6px;padding:10px 12px;font-family:inherit;font-size:1rem}button.btn,a.btn{background:var(--orange);color:#fff;cursor:pointer;border:none;border-radius:6px;width:fit-content;padding:12px 22px;font-size:1rem;text-decoration:none;display:inline-block}button.btn:disabled{opacity:.6;cursor:default}button.btn:hover,a.btn:hover{background:#e5573d}.notice{border:1px solid var(--border);background:#fffaf0;border-radius:8px;margin:16px 0;padding:14px 16px;font-size:.92rem}.notice.error{color:#7a2c1d;background:#fdf1ee;border-color:#e0b4ab}.notice.success{color:#375c2b;background:#f2f8ef;border-color:#b9d3b0}table.order-table{border-collapse:collapse;background:var(--card);width:100%;font-size:.9rem}table.order-table th,table.order-table td{border:1px solid var(--border);text-align:left;vertical-align:top;padding:8px 10px}table.order-table th{background:#efe6cd}
