.hero-inline{padding:1.2rem 0 .4rem}
.hero-inline .lead{font-size:1.1rem;color:var(--muted);max-width:62ch}
.ck-h{font-size:1.05rem;margin:0 0 .6rem}
.ck-toggle{display:flex;align-items:center;gap:.55rem;font-weight:550;min-height:44px;margin:0}
.ck-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem 1rem;margin:1rem 0;position:sticky;top:58px;background:var(--base);padding:.5rem 0;z-index:5}
.ck-progress{flex:1 1 160px;height:12px;background:var(--rule);border-radius:99px;overflow:hidden}
.ck-progress span{display:block;height:100%;background:var(--accent);transition:width .2s}
.ck-count{margin:0;font-size:.95rem}
.ck-actions{display:flex;flex-wrap:wrap;gap:.4rem}
.ck-sections{columns:1;column-gap:1.2rem}
@media (min-width:760px){.ck-sections{columns:2}}
.ck-sec{break-inside:avoid;background:var(--surface);border:1px solid var(--rule);border-radius:14px;padding:.4rem 1rem .6rem;margin:0 0 1rem}
.ck-sec h2{font-size:1.05rem;margin:.7rem 0 .3rem}
.ck-sec ul{list-style:none;margin:0;padding:0}
.ck-sec li{display:flex;align-items:flex-start;gap:.4rem;border-bottom:1px solid var(--rule)}
.ck-sec li:last-child{border-bottom:0}
.ck-sec li label{flex:1;display:block;font-weight:500;margin:0;padding:.55rem 0;min-height:44px;cursor:pointer}
.ck-sec li input{margin:.15rem .5rem 0 0;vertical-align:top}
.ck-qty{font-weight:700;color:var(--accent)}
.ck-note,.ck-due{display:block;font-size:.85rem;color:var(--muted);margin-left:1.7rem}
.ck-due{font-weight:600;color:var(--accent)}
.is-done .ck-text{text-decoration:line-through;color:var(--muted)}
.ck-x{background:none;border:0;font-size:1.3rem;line-height:1;color:var(--muted);cursor:pointer;min-width:44px;min-height:44px}
.ck-add-row{display:flex;gap:.5rem}
@media print{
  .ck-sections{columns:2}
  .ck-sec{border:0;padding:0;break-inside:avoid}
  .ck-sec li input{appearance:none;-webkit-appearance:none;width:.9em;height:.9em;border:1.5px solid #000;border-radius:2px}
  .ck-note,.ck-due{color:#333}
  .is-done .ck-text{text-decoration:none;color:#000}
}