.spb,.spb *{box-sizing:border-box}.spb{--deep:#2c554f;--sage:#789e8d;--mint:#e5f1e9;--cream:#fffcf6;--blush:#f9ede9;max-width:1100px;margin:0 auto;color:var(--deep);font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;line-height:1.8}.spb h2,.spb h3,.spb h4,.spb p{margin-top:0}.spb__hero{position:relative;overflow:hidden;border-radius:32px;min-height:440px;padding:clamp(55px,7vw,95px) clamp(25px,8vw,95px);text-align:center;background:radial-gradient(circle at 8% 14%,rgba(215,232,222,.8),transparent 30%),radial-gradient(circle at 94% 83%,rgba(247,219,211,.7),transparent 30%),var(--cream);border:1px solid #e0e9dc}.spb__hero:before,.spb__hero:after{content:"✿";position:absolute;color:#cadbb8;opacity:.4;font-size:160px;line-height:1}.spb__hero:before{left:-45px;bottom:-25px}.spb__hero:after{right:-35px;top:-40px;color:#eec8bc}.spb__flower{color:#c99b68;letter-spacing:.5em;font-size:22px}.spb__eyebrow{font-size:.73rem;font-weight:700;letter-spacing:.22em;color:#8b9d7b}.spb__hero h2{font-size:clamp(2.1rem,6vw,3.8rem);line-height:1.4;letter-spacing:.08em;margin:.7rem 0 1rem}.spb__hero h2 span{background:linear-gradient(transparent 78%,#dfeee5 78%)}.spb__hero>p:not(.spb__eyebrow){max-width:640px;margin:0 auto 1.7rem}.spb__hero-link{display:inline-block;color:var(--deep);font-size:.9rem;text-decoration:none;border-bottom:1px solid var(--sage);padding-bottom:3px}.spb__section-head{text-align:center;padding:75px 15px 36px}.spb__section-head h3{font-size:clamp(1.45rem,3.3vw,2.1rem);line-height:1.5;margin:.3rem 0 .5rem}.spb__section-head p:last-child{color:#68766f}.spb__list{display:grid;gap:26px}.spb__book{display:grid;grid-template-columns:minmax(240px,37%) 1fr;gap:clamp(22px,5vw,70px);align-items:center;padding:clamp(26px,5vw,55px);border:1px solid #dde8de;border-radius:28px;background:var(--mint)}.spb__book:nth-child(2){background:#eef3f7}.spb__book:nth-child(4){background:#faf3e5}.spb__book--peach{background:var(--blush)}.spb__cover-wrap{text-align:center}.spb__cover-wrap img{display:block;width:min(100%,310px);height:auto;margin:auto;border-radius:3px;box-shadow:12px 18px 30px rgba(52,71,61,.18);transform:rotate(-1.5deg)}.spb__book:nth-child(2) .spb__cover-wrap img{transform:rotate(1.3deg)}.spb__book-tag{display:inline-block;padding:4px 13px;border:1px solid #98af9c;border-radius:100px;font-size:.76rem;background:rgba(255,255,255,.66);margin:0 0 .7rem}.spb__book h4{font-size:clamp(1.55rem,3vw,2.2rem);line-height:1.4;margin:0 0 .95rem}.spb__blurb{font-size:1rem;margin:0 0 1rem}.spb__for{display:flex;gap:.9rem;align-items:flex-start;flex-wrap:wrap;margin:0 0 .8rem}.spb__for strong{font-size:.78rem;padding:.08rem .65rem;border-radius:5px;background:#fff;color:var(--deep);white-space:nowrap}.spb__for span{font-size:.88rem;flex:1;min-width:180px}.spb__credit{color:#6d786f;font-size:.73rem;margin:0 0 1.25rem}.spb__button{display:inline-flex;align-items:center;gap:.45rem;padding:.66rem 1.45rem;border-radius:100px;background:var(--deep);color:#fff!important;font-weight:700;font-size:.9rem;text-decoration:none!important;transition:transform .15s,background .15s}.spb__button:hover{background:#447569;transform:translateY(-2px)}.spb__button:focus-visible,.spb__hero-link:focus-visible{outline:3px solid #b48662;outline-offset:4px}.spb__closing{margin-top:60px;padding:55px 25px;text-align:center;border-radius:26px;background:linear-gradient(135deg,#f8faf3,#f6eee6)}.spb__closing h3{font-size:clamp(1.3rem,3vw,1.8rem);margin:1rem 0 .5rem}.spb__closing p{margin:0}.spb__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:700px){.spb__hero{border-radius:19px;min-height:0}.spb__book{grid-template-columns:1fr;padding:27px;border-radius:20px}.spb__cover-wrap img{max-width:230px}.spb__book-body{text-align:left}.spb__section-head{padding-top:50px}.spb__closing{margin-top:36px}}