/* Maintenance report: example report card; lines slide in, meter fills, stamp lands. */
.jp-maint-report{position:relative;background:var(--blue);color:var(--ink);padding:110px 0;overflow:hidden}
.jp-maint-report::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(28,29,30,.12) 1.6px,transparent 1.8px);background-size:28px 28px;pointer-events:none}
.jp-maint-report .rep-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:50px;align-items:center}
.jp-maint-report .mt-title{color:var(--ink);margin-bottom:22px}
.jp-maint-report .rep-grid > div > p{font-size:clamp(17px,1.6vw,19px);font-weight:500;max-width:28em;margin-bottom:16px;color:var(--ink)}
.jp-maint-report .doc{position:relative;background:#fff;color:var(--ink);border:3px solid var(--ink);border-radius:26px;box-shadow:10px 10px 0 var(--ink);padding:26px 26px 24px;margin:0;transform:rotate(-1.5deg)}
.jp-maint-report .doc-top{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center;border-bottom:3px dashed #d6dde2;padding-bottom:14px;margin-bottom:14px}
.jp-maint-report .doc-top b{font:800 22px/1 var(--jp-display)}
.jp-maint-report .doc-top span{font-size:13px;font-weight:600;background:var(--sky);border:2px solid var(--ink);border-radius:999px;padding:4px 10px}
.jp-maint-report .log li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:9px 0;border-bottom:1px solid #edf0f2;font-size:14.5px}
.jp-maint-report .log time{font:600 12.5px/1 ui-monospace,Consolas,monospace;color:var(--grey)}
.jp-maint-report .log .ok{font-size:12px;font-weight:700;background:#d9f6e6;color:#126b3c;border-radius:8px;padding:3px 8px}
.js-motion .jp-maint-report .log li{opacity:0;transform:translateX(-14px)}
.js-motion .jp-maint-report .log.go li{opacity:1;transform:none;transition:opacity .3s,transform .6s var(--spring);transition-delay:calc(var(--i,0) * 260ms)}
.jp-maint-report .used{margin-top:18px}
.jp-maint-report .used p{display:flex;justify-content:space-between;gap:10px;font-size:14px;font-weight:600;margin-bottom:8px}
.jp-maint-report .meter{height:18px;border:2.5px solid var(--ink);border-radius:999px;background:var(--light);overflow:hidden}
.jp-maint-report .meter i{display:block;height:100%;background:var(--sun);border-right:2.5px solid var(--ink);transform-origin:0 50%}
.js-motion .jp-maint-report .meter i{transform:scaleX(0)}
.js-motion .jp-maint-report .log.go ~ .used .meter i{transform:scaleX(1);transition:transform 1.4s var(--spring) 1.9s}
.jp-maint-report .stamp{position:absolute;right:18px;bottom:-26px;width:96px;height:96px;border-radius:50%;border:3px solid var(--ink);background:var(--sun);color:var(--ink);display:grid;place-items:center;align-content:center;text-align:center;font:800 15px/1 var(--jp-display);transform:rotate(12deg);box-shadow:4px 4px 0 var(--ink)}
.js-motion .jp-maint-report .stamp{scale:0}
.js-motion .jp-maint-report .log.go ~ .stamp{animation:jp-maint-report-stamp .7s var(--spring) 2.4s both}
@keyframes jp-maint-report-stamp{from{scale:2.2;opacity:0}to{scale:1;opacity:1}}
.jp-maint-report .doc small{display:block;margin-top:30px;font-size:12.5px;color:var(--grey)}

@media (max-width:980px){
  .jp-maint-report .rep-grid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:560px){
  .jp-maint-report .doc{padding:20px 16px;transform:none;box-shadow:6px 6px 0 var(--ink)}
  .jp-maint-report .log li{grid-template-columns:minmax(0,1fr) auto;font-size:14px}
  .jp-maint-report .log time{grid-column:1/-1}
}