/* Maintenance checklist: clipboard whose ticks draw in on view. */
.jp-maint-checklist{position:relative;background:var(--sky);color:var(--ink);padding:110px 0}
.jp-maint-checklist .incl-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:50px;align-items:center}
.jp-maint-checklist .mt-title{color:var(--ink);margin-bottom:22px}
.jp-maint-checklist .incl-grid > div > p{font-size:17px;color:#2e3d48;max-width:28em;margin-bottom:16px}
.jp-maint-checklist .extras{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.jp-maint-checklist .extras li{background:#fff;border:2px dashed #7d8a93;border-radius:12px;padding:8px 12px;font-size:14px;font-weight:600}
.jp-maint-checklist .board{position:relative;background:#c58b4a;border:3px solid var(--ink);border-radius:26px;padding:40px 18px 18px;box-shadow:10px 10px 0 var(--ink);transform:rotate(1.2deg)}
.jp-maint-checklist .clip{position:absolute;left:50%;top:-22px;width:150px;height:44px;margin-left:-75px;background:linear-gradient(#ffd34d,#e0a400);border:3px solid var(--ink);border-radius:14px 14px 10px 10px;box-shadow:0 4px 0 var(--ink)}
.jp-maint-checklist .clip::after{content:"";position:absolute;left:50%;top:-14px;width:40px;height:22px;margin-left:-20px;border:3px solid var(--ink);border-bottom:0;border-radius:20px 20px 0 0;background:var(--sky)}
.jp-maint-checklist .paper{background:#fff;border:3px solid var(--ink);border-radius:14px;padding:26px 24px 20px;background-image:repeating-linear-gradient(transparent 0 43px,#d8e7f1 43px 45px)}
.jp-maint-checklist .paper-title{color:var(--ink);font-size:24px;margin-bottom:14px}
.jp-maint-checklist .todo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 20px}
.jp-maint-checklist .todo li{display:flex;align-items:center;gap:12px;min-height:44px;font-weight:500;font-size:15.5px;line-height:1.25}
.jp-maint-checklist .todo svg{flex-shrink:0;width:26px;height:26px;border:2.5px solid var(--ink);border-radius:8px;background:var(--blue)}
.jp-maint-checklist .todo svg path{fill:none;stroke:var(--ink);stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:24;stroke-dashoffset:0}
.js-motion .jp-maint-checklist .todo svg path{stroke-dashoffset:24}
.js-motion .jp-maint-checklist .todo.go svg path{stroke-dashoffset:0;transition:stroke-dashoffset .45s var(--out);transition-delay:calc(var(--i,0) * 120ms + .2s)}
.js-motion .jp-maint-checklist .todo svg{background:#fff}
.js-motion .jp-maint-checklist .todo.go svg{background:var(--blue);transition:background .3s;transition-delay:calc(var(--i,0) * 120ms + .2s)}

@media (max-width:980px){
  .jp-maint-checklist .incl-grid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:700px){
  .jp-maint-checklist .todo{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:560px){
  .jp-maint-checklist .board{padding:36px 10px 10px;transform:none;box-shadow:6px 6px 0 var(--ink)}
  .jp-maint-checklist .paper{padding:20px 16px 16px}
}