.paper-overall-analysis{
  margin:18px 0;
  border:1px solid #d9e4e2;
  border-radius:15px;
  background:#fff;
  box-shadow:0 7px 24px rgba(28,55,62,.07);
  overflow:hidden;
}
.paper-overall-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:18px;
  padding:18px 20px;
  background:linear-gradient(125deg,#f3faf8,#f8fafc);
  border-bottom:1px solid #e1e9e8;
}
.paper-overall-head>div>span{
  color:#13776b;
  font-size:9px;
  font-weight:800;
  letter-spacing:.12em;
}
.paper-overall-head h3{
  margin:4px 0 5px;
  color:#20383d;
  font-size:18px;
}
.paper-overall-head p{
  margin:0;
  color:#6c7c82;
  font-size:11px;
  line-height:1.65;
}
.paper-overall-save-state{
  flex:0 0 auto;
  padding:6px 9px;
  border-radius:20px;
  background:#eef3f4;
  color:#708087;
  font-size:9px;
  font-weight:700;
}
.paper-overall-save-state.saving{background:#fff4db;color:#966719}
.paper-overall-save-state.saved{background:#e3f4ee;color:#17785f}
.paper-overall-save-state.error{background:#fff0ed;color:#b54c3e}
.paper-analysis-block{padding:17px 20px;border-bottom:1px solid #edf1f1}
.paper-analysis-block:last-child{border-bottom:0}
.paper-analysis-block-title{
  display:flex;
  justify-content:space-between;
  align-items:baseline;
  gap:14px;
  margin-bottom:11px;
}
.paper-analysis-block-title strong{font-size:13px;color:#294248}
.paper-analysis-block-title small{color:#819096;font-size:9px}
.paper-analysis-subtitle{display:flex;align-items:baseline;gap:9px;margin:15px 0 8px;padding:7px 9px;border-left:3px solid #5c9d92;border-radius:0 7px 7px 0;background:#f3f8f7;color:#567078}
.paper-analysis-subtitle b{font-size:11px;color:#28564f}
.paper-analysis-subtitle span{font-size:10px;color:#77898d}
.paper-analysis-grid{display:grid;gap:11px}
.paper-analysis-grid.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}
.paper-analysis-grid.four-columns{grid-template-columns:repeat(4,minmax(0,1fr))}
.paper-analysis-grid label{
  display:block;
  min-width:0;
  padding:11px;
  border:1px solid #e0e7e8;
  border-radius:10px;
  background:#fbfcfc;
}
.paper-analysis-grid label>span{
  display:block;
  margin-bottom:7px;
  color:#5b6c73;
  font-size:10px;
  font-weight:600;
}
.paper-analysis-grid label>span b{color:#243d43;font-size:11px;margin-right:4px}
.paper-analysis-grid textarea{
  display:block;
  width:100%;
  min-height:76px;
  box-sizing:border-box;
  padding:9px 10px;
  border:1px solid #d8e1e3;
  border-radius:7px;
  background:#fff;
  color:#2e4148;
  font:12px/1.65 inherit;
  resize:vertical;
}
.paper-analysis-grid.long-fields textarea{min-height:112px}
.paper-analysis-grid textarea:focus{
  outline:0;
  border-color:#2b8a7e;
  box-shadow:0 0 0 3px rgba(43,138,126,.09);
}
.paper-analysis-grid textarea::placeholder{color:#a0aaae}
.paper-analysis-grid .difficulty-easy{border-top:3px solid #52a66d}
.paper-analysis-grid .difficulty-medium{border-top:3px solid #4c86cc}
.paper-analysis-grid .difficulty-advanced{border-top:3px solid #d59a3c}
.paper-analysis-grid .difficulty-challenge{border-top:3px solid #be6257}
.paper-score-reconciliation{background:linear-gradient(90deg,#fbfefd,#f3faf8)}
.paper-score-reconciliation-grid{display:grid;grid-template-columns:1fr 1.15fr 1.4fr;gap:11px;align-items:stretch}
.paper-score-total-card,.paper-score-input-card,.paper-score-check-card{min-width:0;padding:13px 14px;border:1px solid #d5e4e0;border-radius:10px;background:#fff}
.paper-score-total-card span,.paper-score-input-card>span{display:block;color:#5d7272;font-size:10px;font-weight:700}
.paper-score-total-card b{display:block;margin:5px 0 3px;color:#13776b;font-size:24px;line-height:1.1}
.paper-score-total-card small,.paper-score-input-card small{display:block;color:#819096;font-size:9px;line-height:1.55}
.paper-score-input-card em{margin-left:4px;color:#c35d2d;font-size:9px;font-style:normal}
.paper-score-input-card input{display:block;width:100%;min-height:37px;box-sizing:border-box;margin:7px 0 5px;padding:6px 10px;border:1px solid #afcec6;border-radius:7px;background:#fbfefd;color:#184b44;font:700 16px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.paper-score-input-card input:focus{outline:0;border-color:#258b7c;box-shadow:0 0 0 3px rgba(37,139,124,.11)}
.paper-score-check-card{display:flex;align-items:center;color:#78611d;font-size:11px;font-weight:700;line-height:1.6;background:#fffdf6}
.paper-score-check-card.is-match{border-color:#b6ded3;background:#f4fcf8;color:#17785f}
.paper-score-check-card.is-mismatch{border-color:#eed09a;background:#fff9ed;color:#a46916}
@media(max-width:1050px){
  .paper-analysis-grid.four-columns{grid-template-columns:repeat(2,minmax(0,1fr))}
  .paper-score-reconciliation-grid{grid-template-columns:1fr 1fr}
  .paper-score-check-card{grid-column:1/-1}
}
@media(max-width:720px){
  .paper-overall-head,.paper-analysis-block-title{flex-direction:column}
  .paper-analysis-grid.two-columns,.paper-analysis-grid.four-columns{grid-template-columns:1fr}
  .paper-score-reconciliation-grid{grid-template-columns:1fr}
  .paper-score-check-card{grid-column:auto}
  .paper-analysis-block{padding:15px}
}
