/* Identity and resource context remain semantic, compact and readable. */
.cream-body .ct-role-badge,.cream-body .supporter-badge{display:inline-flex;align-items:center;gap:3px;flex:none;vertical-align:middle;white-space:nowrap;padding:1px 6px;margin:0 0 0 4px;border:1px solid #c4cee1;border-radius:5px;background:#f0f3fa;color:#536483;font-size:11px!important;font-weight:600;font-style:normal;line-height:18px;letter-spacing:.02em;box-shadow:none;text-shadow:none}
.cream-body .ct-role-supporter,.cream-body .supporter-badge{background:#fbf2f4;border-color:#e7cbd3;color:#98556c}
.cream-body .ct-role-badge i{font-size:11px;color:inherit;line-height:1}
.cream-body .ct-resource-total{display:inline-flex;align-items:baseline;gap:5px;min-height:25px;margin-top:7px;padding:1px 8px;border:1px solid var(--line);border-radius:5px;background:var(--paper);color:var(--muted);font-size:12px;line-height:20px}
.ct-resource-total b{font-size:14px;color:var(--ink);font-weight:650;font-variant-numeric:tabular-nums}
.cream-body .cloudtail-masthead .hero-copy{display:flex;flex-wrap:wrap;align-items:center;column-gap:12px;row-gap:4px}
.cream-body .cloudtail-masthead .hero-copy>h1{flex-basis:100%}
.cream-body .cloudtail-masthead .hero-copy>p{margin:0}
.cream-body .cloudtail-masthead .ct-resource-total{margin:0}
.cream-body .ct-resource-total{align-items:center;padding-left:3px}.ct-resource-total img{width:32px;height:32px;object-fit:contain;border-radius:4px;flex:none}
.cream-body .ct-result-count{display:block!important;font-size:12px;line-height:1.7;white-space:normal;font-variant-numeric:tabular-nums}
.cream-body :is(.platform-tag,.release-tag,.detail-badges>span,.ct-dl-language-badge,.comment-floor){border:1px solid var(--line);border-radius:5px;box-shadow:none}
.cream-body .comment-floor{padding:0 5px;font-size:11px;line-height:18px;background:var(--oat);color:var(--muted)}
.ct-reader-decoration{width:112px;height:112px;object-fit:contain;display:block;margin:0 auto 12px;border-radius:12px}
:root[data-color-mode=dark] .cream-body .ct-role-staff{background:#2b3548;border-color:#4b5c7b;color:#c4d4f4}
:root[data-color-mode=dark] .cream-body .ct-role-supporter,:root[data-color-mode=dark] .cream-body .supporter-badge{background:#402f3b;border-color:#71515f;color:#f0bdce}
@media(max-width:760px){.cream-body .library-head{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center}.cream-body .library-head>div:first-child{flex:1;min-width:0}.cream-body .ct-result-count{flex-basis:100%;margin:0}.cream-body .ct-resource-total{margin:5px 0 0;min-height:24px}.cream-body .ct-role-badge{margin-left:2px;padding-inline:5px;font-size:10px!important;line-height:17px}.ct-reader-decoration{width:88px;height:88px}}