/* WILESTARS reference-book showcase: scoped to the membership page. */
.booklab{margin:32px 0;padding:clamp(18px,3.6vw,34px);border:1px solid #d7e1dc;border-radius:22px;background:#f4f8f4;color:#173b49}
.booklab *{box-sizing:border-box}.booklab-heading{display:flex;justify-content:space-between;align-items:end;gap:18px;flex-wrap:wrap;margin-bottom:19px}.booklab-eyebrow{font-size:12px;font-weight:850;letter-spacing:.12em;color:#367669;margin:0 0 5px}.booklab h2{font-size:clamp(23px,3vw,32px);line-height:1.35;margin:0}.booklab-lead{margin:8px 0 0;line-height:1.75;max-width:650px;color:#43616b}.booklab-tag{padding:6px 12px;border-radius:999px;background:#fff;color:#367669;font-size:12px;font-weight:750;border:1px solid #d5e7df;white-space:nowrap}
.booklab-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.booklab-card{display:flex;flex-direction:column;min-width:0;border-radius:17px;background:#fff;border:1px solid #dce7e2;overflow:hidden;box-shadow:0 8px 20px #173b4910}.booklab-stage{height:245px;display:flex;align-items:center;justify-content:center;gap:12px;position:relative;padding:20px;background:linear-gradient(135deg,#f6e7e3,#f7f3e7)}.booklab-card[data-kind=security] .booklab-stage{background:linear-gradient(135deg,#dcefed,#f8f2df)}.booklab-stage img{display:block;max-width:45%;height:202px;width:auto;object-fit:contain;box-shadow:0 9px 20px #183c4333;border-radius:3px;background:#fff}.booklab-stage img.booklab-cover{transform:rotate(-3deg)}.booklab-stage img.booklab-page{height:178px;object-fit:cover;object-position:top;transform:rotate(3deg)}.booklab-stage .booklab-caption{position:absolute;right:12px;bottom:10px;font-size:10px;font-weight:700;color:#365d62;background:#fffffff0;border-radius:6px;padding:3px 7px}.booklab-callout{display:flex;flex-direction:column;align-items:flex-start;max-width:44%;gap:8px;padding:14px;border-radius:14px;background:#ffffffd9;line-height:1.45;box-shadow:0 6px 20px #173b4910}.booklab-callout b{font-size:15px}.booklab-callout small{font-size:11px;line-height:1.5;color:#53717b}.booklab-callout em{font-size:11px;font-style:normal;letter-spacing:.08em;font-weight:800;color:#367669}
.booklab-stage:before{content:'';position:absolute;inset:0;background-size:cover;background-position:center 34%;opacity:.13;pointer-events:none}.booklab-card[data-book=grammar-jp] .booklab-stage:before{background-image:url('/membership/assets/reference-covers/grammar-jp.webp')}.booklab-card[data-book=grammar-en] .booklab-stage:before{background-image:url('/membership/assets/reference-covers/grammar-en.webp')}.booklab-card[data-book=security-jp] .booklab-stage:before{background-image:url('/membership/assets/reference-covers/security-jp.webp')}.booklab-card[data-book=security-en] .booklab-stage:before{background-image:url('/membership/assets/reference-covers/security-en.webp')}.booklab-stage img,.booklab-callout{position:relative}
.booklab-copy{display:flex;flex:1;flex-direction:column;padding:20px}.booklab-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:9px}.booklab-lang{background:#dff2e9;color:#1b6857;padding:3px 9px;border-radius:6px;font-size:11px;font-weight:850;letter-spacing:.08em}.booklab-card[data-kind=grammar] .booklab-lang{background:#f9e4e3;color:#9c4a58}.booklab-facts{font-size:12px;font-weight:700;color:#587078}.booklab h3{margin:0 0 6px;font-size:clamp(18px,2vw,22px);line-height:1.4}.booklab-hook{font-weight:800;color:#2e7167;line-height:1.6;margin:2px 0 9px}.booklab-description{font-size:14px;line-height:1.75;color:#49636c;margin:0 0 16px}.booklab-action{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;border-radius:9px;background:#173f4b;color:#fff;padding:11px 14px;text-decoration:none;font-size:14px;font-weight:800;line-height:1.5}.booklab-action:hover{background:#276a66;color:#fff}.booklab-action:focus-visible,.booklab-jump:focus-visible{outline:3px solid #e79b4b;outline-offset:3px}
.booklab-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}.booklab-step{display:flex;align-items:center;gap:10px;padding:12px;background:#fff;border:1px solid #dce7e2;border-radius:12px}.booklab-icon{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;flex:none;background:#e3f1eb;color:#226857;font-size:20px;font-weight:850;line-height:1}.booklab-step b{display:block;font-size:13px;line-height:1.35}.booklab-step small{display:block;font-size:11px;line-height:1.5;margin-top:3px}.booklab-note{margin:12px 0 0;color:#56727a;font-size:12px;line-height:1.65}.booklab-jump{display:none;text-decoration:none;font-weight:800;font-size:14px;color:#216b60;margin:0 0 6px}.member-active .booklab-jump{display:inline-flex}.booklab-jump-public{display:inline-flex;text-decoration:none;font-size:14px;font-weight:800;color:#216b60}.booklab-signed{display:none}
body:has(#member-account:not([hidden])) .booklab-guest{display:none}body:has(#member-account:not([hidden])) .booklab-signed{display:flex}
@media(max-width:750px){.booklab-grid{grid-template-columns:1fr}.booklab-stage{height:230px}.booklab-stage img{height:190px}.booklab-stage img.booklab-page{height:165px}}
@media(max-width:480px){.booklab{padding:18px 14px}.booklab-stage{height:208px;padding:16px}.booklab-stage img{height:174px}.booklab-stage img.booklab-page{height:150px}.booklab-copy{padding:17px}.booklab-steps{grid-template-columns:1fr;gap:8px}.booklab-step{padding:9px 11px}.booklab-icon{width:36px;height:36px;font-size:18px}.booklab h3{font-size:19px}}