/* A collector's condition report. Keep the detail hierarchy readable at every width. */
#conditionPanel.condition-simple-panel{padding:clamp(18px,3vw,30px)}
#conditionPanel .condition-simple-heading{margin:0 0 22px}
#conditionPanel .condition-simple-heading h2{font-size:clamp(25px,3vw,32px);letter-spacing:-.025em;margin:7px 0}
#conditionPanel .condition-simple-heading p{font-size:16px;line-height:1.55;max-width:65ch;margin:0}
#conditionPanel .condition-result-simple{border:1px solid #d8e2df;border-radius:16px;background:#fff;overflow:visible}
#conditionPanel .condition-result-hero{padding:24px 26px 14px;border:0;align-items:center;background:#f5f9f7;border-radius:16px 16px 0 0}
#conditionPanel .condition-result-hero h2{font-size:clamp(30px,4vw,42px);line-height:1.2;letter-spacing:-.035em;margin:8px 0}
#conditionPanel .condition-result-hero p{font-size:15px;font-weight:500;color:#475f56}
#conditionPanel .condition-unofficial-badge{font-size:12px;font-weight:600;white-space:nowrap;border-radius:5px;padding:7px 10px}
#conditionPanel .condition-result-intro{margin:0;padding:0 26px 22px;background:#f5f9f7;color:#4d625a;font-size:15px;line-height:1.65;max-width:none}
#conditionPanel .condition-score-grid{padding:24px 26px;gap:12px}
#conditionPanel .condition-score-grid article{padding:16px;border-radius:10px;gap:8px;background:#fff}
#conditionPanel .condition-score-grid article>span{font-size:12px;font-weight:650;color:#51655e;letter-spacing:.04em}
#conditionPanel .condition-score-grid article>strong{font-size:29px;line-height:1.2}
#conditionPanel .condition-score-grid article>strong.not-measured{font-size:16px}
#conditionPanel .condition-score-grid article>small{font-size:14px;line-height:1.55;color:#586b64}
#conditionPanel .condition-limitations{margin:0 26px 24px;padding:18px 20px;border:1px solid #e7dece;border-left:3px solid #b19660;border-radius:8px;background:#fcfaf5;color:#514c40;font-size:15px;line-height:1.65}
#conditionPanel .condition-limitations h3{margin:0 0 8px;font-size:16px;color:#514c40}
#conditionPanel .condition-limitations ul{margin:0;padding-left:20px}
#conditionPanel .condition-limitations li+li{margin-top:6px}
#conditionPanel .condition-result-details{margin:0;padding:0;border-top:1px solid #d8e2df}
#conditionPanel .condition-result-details>summary{padding:19px 26px;margin:0;font-size:16px;color:#244c3d;font-weight:650;cursor:pointer}
#conditionPanel .condition-result-details[open]>summary{margin:0;border-bottom:1px solid #d8e2df;background:#f5f9f7}
.condition-details-body{padding:0 26px 26px}
.condition-report-section{padding:26px 0;border-bottom:1px solid #e2e8e5;min-width:0}
.condition-section-heading{display:flex;gap:12px;align-items:flex-start;margin-bottom:18px}
.condition-section-number{font:600 12px/1.4 system-ui;color:#6d8278;letter-spacing:.05em;padding-top:6px;flex:0 0 auto}
#conditionPanel .condition-section-heading h3{margin:0 0 5px;font-size:20px;line-height:1.35;color:#233e32}
#conditionPanel .condition-section-heading p{margin:0;color:#586b64;font-size:15px;line-height:1.6}
.condition-company-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.condition-company-card{padding:18px;border:1px solid #dbe4df;border-top:3px solid #557769;border-radius:8px;background:#fff;min-width:0}
#conditionPanel .condition-company-card h4{margin:0 0 12px;font-size:14px;color:#4a6156;font-weight:650}
.condition-company-grade{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.condition-company-grade strong{font-size:32px;font-weight:650;letter-spacing:-.03em;color:#233e32;line-height:1.2}
.condition-company-grade span{font-size:14px;color:#536b60}
#conditionPanel .condition-company-card p{font-size:13px;line-height:1.6;color:#64756d;margin:12px 0 0}
#conditionPanel .condition-section-note,#conditionPanel .condition-empty-note{color:#617068;font-size:14px;line-height:1.65;margin:14px 0 0}
.condition-clean-finding{padding:17px 20px;border-radius:8px;border:1px solid #dce7e1;background:#f7faf8}
.condition-clean-finding strong{color:#315643;font-size:16px}
#conditionPanel .condition-clean-finding p{margin:7px 0 0;font-size:15px;line-height:1.65;color:#53695d}
.condition-auth-note{margin-top:20px;padding:0 0 0 16px;border-left:2px solid #c1cec7}
#conditionPanel .condition-auth-note h4{margin:0 0 6px;font-size:15px;color:#3d5347}
#conditionPanel .condition-auth-note p{font-size:15px;line-height:1.65;margin:0;color:#596b61}
.condition-findings{display:grid;gap:12px}
.condition-finding{border:1px solid #e4d7be;border-radius:8px;padding:18px;background:#fffdf8}
.condition-finding>div{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
#conditionPanel .condition-finding h4{margin:0;font-size:16px}
.condition-finding span{font-size:13px;color:#725d32}
#conditionPanel .condition-finding p{margin:8px 0 0;font-size:15px;line-height:1.6;overflow-wrap:anywhere}
.condition-centering{margin-top:22px}
#conditionPanel .condition-centering>h4{font-size:16px;margin:0}
#conditionPanel .condition-centering>.condition-section-note{margin:6px 0 14px}
.condition-border-grid,.condition-photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.condition-border-grid article,.condition-photo-grid article{background:#f7f9f8;padding:16px 18px;border-radius:8px;border:1px solid #e1e7e3;min-width:0}
#conditionPanel .condition-border-grid h4,#conditionPanel .condition-photo-grid h4{margin:0 0 12px;font-size:15px;color:#385444}
.condition-border-grid dl{margin:0;display:grid;gap:8px}
.condition-border-grid dl>div{display:flex;justify-content:space-between;gap:12px}
.condition-border-grid dt{color:#607269;font-size:14px}
.condition-border-grid dd{margin:0;font-size:15px;font-weight:600;color:#253e30}
.condition-photo-heading{display:flex;gap:16px;justify-content:space-between;align-items:baseline;flex-wrap:wrap;margin-bottom:14px}
#conditionPanel .condition-photo-heading p{margin:0;font-size:16px;color:#355540;font-weight:600}
.condition-photo-heading>span{font-size:14px;color:#66766c}
#conditionPanel .condition-photo-grid p{font-size:15px;line-height:1.6;margin:0;color:#5e7065}
.condition-technical{margin-top:18px;padding:14px 16px;border:1px solid #e1e7e3;border-radius:8px;color:#526558;font-size:14px;line-height:1.6}
.condition-technical>summary{cursor:pointer;font-weight:550;font-size:14px}
.condition-table-scroll{overflow-x:auto;margin:16px 0}
.condition-table-scroll table{width:100%;border-collapse:collapse;min-width:460px;font-size:13px}
.condition-table-scroll caption{text-align:left;margin-bottom:8px;font-weight:600}
.condition-table-scroll th,.condition-table-scroll td{text-align:left;padding:9px 10px;border-bottom:1px solid #dce4df}
.condition-technical-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}
.condition-technical-facts dt{font-size:12px;color:#64766a}
.condition-technical-facts dd{margin:4px 0;font-size:14px;overflow-wrap:anywhere}
.condition-review-card{margin-top:24px;padding:22px;border:1px solid #d7e2da;border-radius:10px;background:#f6f9f7}
#conditionPanel .condition-review-card h3{font-size:20px;margin:0 0 8px;color:#2e4e39}
#conditionPanel .condition-review-card p{font-size:15px;line-height:1.65;margin:8px 0 16px}
.condition-review-card .action-row{gap:10px;flex-wrap:wrap}
.condition-review-card button:not(.collector-help-trigger){min-height:42px;border-radius:7px}
.condition-correction{margin-top:20px;padding-top:16px;border-top:1px solid #dce5df}
.condition-correction>summary{font-size:15px;font-weight:600;color:#395b45;cursor:pointer}
.condition-correction-fields{display:grid;grid-template-columns:minmax(150px,1fr) minmax(0,2fr);gap:18px;margin:18px 0 14px}
.condition-correction-fields label{display:block;font-size:14px;color:#3f5848;min-width:0}
.condition-correction-fields input,.condition-correction-fields textarea{display:block;box-sizing:border-box;width:100%;margin-top:8px;padding:11px 12px;border:1px solid #bccbc1;border-radius:6px;background:#fff;font:inherit;line-height:1.5}
.condition-correction-fields textarea{resize:vertical;min-height:90px}
#conditionPanel #conditionReviewStatus{margin:12px 0 0;font-weight:600;color:#365643}
#conditionPanel #conditionReviewStatus:empty{display:none}
@media(max-width:850px){#conditionPanel .condition-score-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.condition-company-grid{grid-template-columns:1fr}.condition-company-grade strong{font-size:28px}.condition-company-card{padding:16px}}
@media(max-width:600px){#conditionPanel.condition-simple-panel{padding:14px}#conditionPanel .condition-result-hero{padding:20px 16px 12px;align-items:flex-start;gap:12px}#conditionPanel .condition-result-intro{padding:0 16px 18px}#conditionPanel .condition-score-grid{padding:16px;gap:10px}#conditionPanel .condition-score-grid article{padding:12px}#conditionPanel .condition-score-grid article>small{font-size:13px}#conditionPanel .condition-limitations{margin:0 16px 18px;padding:15px}#conditionPanel .condition-result-details>summary{padding:18px 16px}.condition-details-body{padding:0 16px 18px}.condition-report-section{padding:22px 0}.condition-border-grid,.condition-photo-grid,.condition-technical-facts,.condition-correction-fields{grid-template-columns:1fr}.condition-review-card{padding:17px}.condition-company-card p{font-size:14px}}

/* Keep a help mark attached to its action, including narrow screens. */
#conditionPanel .condition-review-card .collector-help-action{flex-wrap:nowrap;gap:4px;width:auto;max-width:100%}
#conditionPanel .condition-review-card .collector-help-action>button:not(.collector-help-trigger){width:auto;min-width:0;flex:1 1 auto;font-size:14px;white-space:normal}
