/* Music DNA Lab v1.8 | Behind the Album. A deliberate small layer over the proven v1.7.2 visuals. */
.kb-sheet{background:#f5ecdf;color:#392f27;scroll-behavior:auto;overscroll-behavior:contain}
.kb-sheet .sheethead .cover.large{box-shadow:0 10px 24px #34291e22;width:106px;height:106px}
.kb-sheet .sheethead h2{font-family:Anybody,system-ui,sans-serif;font-weight:800;font-size:clamp(21px,6vw,29px)}
.kb-sheet .sheetcontent{padding-bottom:16px}
.kb-tabs{margin-top:16px!important;padding-bottom:9px;scrollbar-width:none;position:sticky;top:-15px;z-index:4;background:#f5ecdf;padding-top:9px;margin-left:-4px;margin-right:-4px;padding-left:4px;box-shadow:0 2px 5px #f5ecdf90}
.kb-tabs::-webkit-scrollbar{display:none}
.kb-tabs button{font-family:Anybody,system-ui,sans-serif;font-size:11px;padding:10px 13px;border:1px solid transparent}
.kb-tabs button.active{background:#373129;color:#f4e7d4}
.kb-main{margin-top:16px;animation:kb-in .2s ease both}
@keyframes kb-in{from{opacity:.55;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
.kb-badge{background:#d5e2ce;border:1px solid #b6c8af;color:#354632;display:inline-flex;font-size:10px;font-weight:800;letter-spacing:.2px;line-height:1.2;padding:7px 9px;border-radius:20px;max-width:56%;text-align:center;flex:none}
.kb-badge.soft{background:#ece0cd;border-color:#dfd0ba;color:#675746}
.kb-hero{background:linear-gradient(132deg,#3d3933,#655847 120%);color:#f1dfc7;border-radius:21px;padding:23px 20px 22px;min-height:225px;position:relative;overflow:hidden;isolation:isolate}
.kb-hero:after{content:'';width:260px;height:260px;border:1px solid #e5c6a120;border-radius:50%;position:absolute;right:-119px;top:-75px;box-shadow:0 0 0 36px #e5c6a10b,0 0 0 71px #e5c6a109;z-index:-1}
.kb-kicker{font-size:10px;font-weight:850;letter-spacing:1.7px;color:#d1baa0;text-transform:uppercase}
.kb-editorial-title{font-family:Anybody,system-ui,sans-serif;font-weight:850;font-size:clamp(33px,9vw,52px);line-height:.96;letter-spacing:-2px;margin:18px 0 15px;max-width:330px}
.kb-editorial-title span{color:#d0b390}
.kb-hero p{font-size:13px;line-height:1.65;max-width:580px;color:#ebdfcd;margin:0}
.kb-hero .kb-annotation{border-top:1px solid #e6d6bf39;margin-top:15px;padding-top:12px;font-size:11px;color:#ddc9ae}
.kb-insight{border:1px solid #dac8b3;background:#efe2d1;border-radius:16px;padding:16px;margin-top:15px}
.kb-insight p{margin:10px 0 2px;font-size:13px;line-height:1.7;color:#574c42;white-space:pre-line;overflow-wrap:anywhere}
.kb-actions{display:flex;gap:7px;flex-wrap:wrap;margin:15px 0}
.kb-link-button,.kb-actions button{background:#e1d2bd;border:1px solid #d1bfa7;border-radius:40px;padding:10px 12px;font-family:inherit;font-size:11px;font-weight:750;color:#4c4137;cursor:pointer}
.kb-actions .kb-source-link{padding:8px 9px}
.kb-section-head{margin:12px 0 18px}
.kb-section-head h3{font-family:Anybody,system-ui,sans-serif;letter-spacing:-1.1px;line-height:1.05;font-size:28px;margin:9px 0 9px;color:#382f28}
.kb-section-head p{font-size:12px;color:#645649;line-height:1.5;margin:0}
.kb-review{background:#f9f2e8;border:1px solid #dbcebe;border-radius:17px;padding:16px;margin-bottom:11px}
.kb-review-head{display:flex;align-items:start;justify-content:space-between;gap:9px}
.kb-review-head b{font-family:Anybody,system-ui,sans-serif;font-size:17px}
.kb-review-by{color:#6e6052;font-size:11px;margin-top:3px}
.kb-review p{font-size:12px;line-height:1.65;color:#62554a;margin:13px 0}
.kb-score{font-family:Anybody,system-ui,sans-serif;font-size:26px;font-weight:900;color:#384335;white-space:nowrap}
.kb-score span{font-size:12px;color:#7e8277;font-weight:600}
.kb-compare{font-size:10px;background:#edf0e5;padding:9px 10px;border-radius:9px;color:#536148;margin-top:12px}
.kb-stat{background:#e6eadf;color:#485344;padding:12px;border-radius:12px;margin-bottom:13px;font-size:12px}
.kb-smallprint{font-size:11px;color:#6e604f;line-height:1.6;margin:16px 0}
.kb-empty{background:#efe6d7;border:1px dashed #c8b7a1;padding:18px;border-radius:13px;color:#796a59;font-size:13px;line-height:1.65}
.kb-source-link{font-size:11px;display:inline-block;color:#52684f;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.kb-legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.kb-legend div{background:#efe5d7;border-radius:10px;padding:11px}
.kb-legend b{display:block;font-size:11px}
.kb-legend span{display:block;color:#776b5e;font-size:10px;line-height:1.4;margin-top:5px}
.kb-source-row{padding:12px 0;border-bottom:1px solid #ddcebb}
.kb-lens{background:#d4dece;border-left:4px solid #82987c;color:#344334;border-radius:0 15px 15px 0;padding:19px;font-size:15px;font-weight:650;line-height:1.55}
.kb-track{display:flex;gap:15px;border-bottom:1px solid #ddcdbd;padding:14px 0}
.kb-track span{font-family:Anybody,system-ui,sans-serif;font-size:22px;color:#b1a28d;font-weight:750}
.kb-track b{font-size:13px}
.kb-track p{font-size:12px;color:#786b5d;line-height:1.5;margin:5px 0 0}
.kb-fetch{border:1px solid #d5c8b8;border-radius:16px;padding:14px;margin-top:19px}
.kb-fetch p{font-size:12px;line-height:1.5;color:#736859;margin:10px 0 0}
.kb-reference{background:#e6eadf;padding:14px;border-radius:14px;margin:12px 0}
.kb-reference p{font-size:12px;color:#455243;line-height:1.6}
.kb-sheet .sheethead .meta{overflow-wrap:anywhere}
@media(max-width:360px){.kb-sheet{padding-left:12px;padding-right:12px}.kb-badge{font-size:9px}.kb-hero{padding:20px 16px}.kb-legend{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.kb-main{animation:none}}
.kb-deep-dive{background:#eee4d5;border-radius:16px;border:1px solid #ded0ba;padding:17px;margin-top:13px}
.kb-deep-dive p{font-size:13px;line-height:1.75;color:#514538;margin:12px 0 17px}

/* v1.8.1 research and review polish */
.kb-research-links{border-top:1px solid #dccfbc;padding-top:14px;margin-top:16px}
.kb-research-links .kb-actions{margin:8px 0 0}
.kb-research-links .kb-source-link{display:inline-block;padding:9px 11px;border:1px solid #d1bfa7;border-radius:22px;background:#e8decf;text-decoration:none;font-size:11px;font-weight:700;color:#514d3e}
.kb-research-links .kb-source-link:focus-visible,.kb-tabs button:focus-visible,.kb-review a:focus-visible{outline:3px solid #456c8d;outline-offset:3px}
.kb-sample-title{display:block;font-size:10px;letter-spacing:.7px;text-transform:uppercase;font-weight:800;margin-bottom:4px}
.kb-stat b{font-size:19px}
.kb-stat small{font-size:11px;line-height:1.4;display:inline}
.kb-critic-delta{margin-top:9px;border-top:1px solid #b7c7aa;padding-top:9px;font-size:11px}
.kb-unscored{font-family:inherit;font-weight:700;font-size:10px;white-space:normal;text-align:right;max-width:90px;color:#7c6750}
.kb-fetch .kb-research-links{margin-top:12px}
@media (max-width:360px){.kb-review-head b{font-size:15px}.kb-research-links .kb-source-link{font-size:10px}}
