.cp-score-breakdown{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));border-top:1px solid var(--line)}
.cp-score-breakdown>div{padding:20px 24px;min-width:0}
.cp-score-breakdown>div+div{border-inline-start:1px solid var(--line)}
.cp-score-breakdown span{font:600 12px/1.5 var(--sans);color:var(--muted)}
.cp-score-breakdown strong{display:block;font:600 26px/1.3 var(--serif);font-variant-numeric:tabular-nums;margin-top:7px;color:var(--ink)}
.cp-score-breakdown .cp-cr-recognition{background:#f6f2e7;border-top:2px solid var(--gold);padding-top:18px}
.cp-score-breakdown .cp-cr-recognition strong{color:#806931}
.cp-recognition-label{display:flex;align-items:flex-start;gap:10px;justify-content:space-between}
.cp-recognition-label>span{color:var(--ink);max-width:calc(100% - 28px)}
.cp-recognition-info{flex:0 0 20px;position:relative}
.cp-recognition-info>summary{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:1px solid #b29a5c;border-radius:50%;font:600 12px/1 var(--serif);color:#806931;cursor:pointer;list-style:none}
.cp-recognition-info>summary::-webkit-details-marker{display:none}
.cp-recognition-info>p{position:absolute;z-index:12;inset-inline-end:0;top:29px;width:min(290px,calc(100vw - 70px));background:var(--panel,#fff);color:var(--ink);border:1px solid var(--line);border-top:2px solid var(--gold);box-shadow:0 8px 30px #14291f22;padding:15px 17px;font:400 12px/1.7 var(--sans);margin:0}
.cp-composition-note{border-top:1px solid var(--line);font:400 11px/1.6 var(--sans);color:var(--muted);padding:13px 24px;margin:0}
@media(max-width:600px){.cp-score-breakdown{grid-template-columns:1fr}.cp-score-breakdown>div+div{border-inline-start:0;border-top:1px solid var(--line)}.cp-score-breakdown>div{padding:18px 22px}.cp-score-breakdown strong{font-size:24px}.cp-composition-note{padding-inline:22px}.cp-recognition-info>summary{width:24px;height:24px}.cp-recognition-info{flex-basis:24px}}