.kubuku-main{max-width:1280px;margin:auto;padding:26px 32px 48px}.kubuku-breadcrumb{display:flex;flex-wrap:wrap;gap:10px;align-items:center;color:#6b8178;font-size:12px;margin:0 0 22px}.kubuku-breadcrumb a:hover{color:var(--green);text-decoration:underline}.kubuku-breadcrumb>span[aria-hidden]{color:#b1c3b9}.kubuku-book{display:grid;grid-template-columns:270px minmax(0,1fr);gap:48px;padding:38px;background:#fff;border:1px solid #e0eae4;border-radius:18px;box-shadow:0 10px 36px #234e3610}.kubuku-cover-panel{min-width:0}.kubuku-cover{padding:24px 20px;min-height:350px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#eaf4ef,#fbf5e7);border-radius:14px}.kubuku-cover img{display:block;max-width:100%;width:auto;height:auto;max-height:330px;object-fit:contain;box-shadow:5px 9px 20px #10372226;border-radius:3px}.kubuku-cover>span{color:#46745e;text-align:center;font-weight:700;font-size:24px}.kubuku-format{display:block;text-align:center;color:#6b8178;font-size:11px;margin:15px 0}.kubuku-back{display:block;color:var(--green)!important;text-align:center;font-size:12px;margin-top:22px}.kubuku-content{min-width:0}.kubuku-badge{display:inline-flex;align-items:center;gap:7px;padding:5px 11px;background:#fff3d7;border:1px solid #f4dfae;color:#956012;border-radius:20px;letter-spacing:.7px;font-size:10px;font-weight:700}.kubuku-badge::before{content:'';width:6px;height:6px;background:#e6a51d;border-radius:50%}.kubuku-content h1{font-size:clamp(24px,2.5vw,34px);line-height:1.25;letter-spacing:-.7px;margin:14px 0 12px;overflow-wrap:anywhere}.kubuku-author{color:#567263;font-size:15px;margin:0 0 24px;overflow-wrap:anywhere}.kubuku-metadata{display:grid;grid-template-columns:1fr 1fr;gap:16px 28px;padding:23px 0;border-top:1px solid #e5ede7;border-bottom:1px solid #e5ede7;margin:0 0 25px}.kubuku-metadata div{min-width:0}.kubuku-metadata dt{font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:#7d9085;margin-bottom:4px}.kubuku-metadata dd{margin:0;font-size:13px;overflow-wrap:anywhere}.kubuku-content h2{font-size:17px;line-height:1.35;margin:0 0 10px;letter-spacing:-.2px}.kubuku-synopsis>p{color:#657b71;font-size:13px;line-height:1.85;overflow-wrap:anywhere}.kubuku-access{display:flex;gap:16px;background:#f0f8f3;border:1px solid #d7e9dd;border-radius:12px;padding:22px;margin-top:28px;scroll-margin-top:30px}.kubuku-access-icon{width:40px;height:40px;flex:none;display:flex;align-items:center;justify-content:center;background:#deeee3;border-radius:10px;color:var(--green)}.kubuku-access-icon svg{width:25px;height:25px}.kubuku-access h2{color:var(--green);font-size:16px}.kubuku-access p{color:#617b6d;font-size:12px;margin:0 0 16px;line-height:1.75}.kubuku-button{display:inline-flex;align-items:center;justify-content:center;gap:14px;background:var(--green);color:#fff!important;border-radius:7px;padding:11px 15px;font-size:12px;font-weight:600}.kubuku-button:hover{background:#007656}.kubuku-source-note{font-size:10px;color:#839389;line-height:1.7;margin-top:20px}.kubuku-empty{background:#fff;border:1px solid #e0eae4;border-radius:16px;padding:45px}.kubuku-empty h1{font-size:28px}.kubuku-empty p{color:#6b8178;margin:20px 0}.kubuku-detail-page .catalog-footer{margin-top:0}
@media(max-width:800px){.kubuku-main{padding:20px 18px 32px}.kubuku-book{grid-template-columns:200px minmax(0,1fr);gap:26px;padding:26px}.kubuku-cover{min-height:270px;padding:18px}.kubuku-content h1{font-size:25px}.kubuku-metadata{column-gap:18px}.kubuku-access{padding:18px;gap:12px}.kubuku-access-icon{display:none}}
@media(max-width:600px){.kubuku-main{padding:18px 12px 28px}.kubuku-breadcrumb{font-size:11px;margin-bottom:16px}.kubuku-book{grid-template-columns:1fr;gap:24px;padding:22px 18px}.kubuku-cover-panel{max-width:230px;width:100%;margin:auto}.kubuku-cover{min-height:270px}.kubuku-cover img{max-height:280px}.kubuku-back{margin-top:12px}.kubuku-content h1{font-size:25px}.kubuku-metadata{gap:18px 14px}.kubuku-metadata dd{font-size:12px}.kubuku-access{padding:18px}.kubuku-button{max-width:100%;font-size:11px}.kubuku-source-note{font-size:10px}.kubuku-empty{padding:28px 20px}}
