/* koira.ai libraries: start-a-business guides, the business plan generator,
   message templates and checklists. Only the pieces tools.css does not have.
   Colours, radii and type come from site.css variables; Koira Sans only. */

/* Sources list at the end of a guide */
.lb-src{margin:12px 0 0;padding-left:20px;list-style:disc;font-size:14.5px;line-height:1.5;color:var(--dim)}
.lb-src li{margin:4px 0}
.lb-src a{color:var(--g1);font-weight:600;overflow-wrap:anywhere}
.lb-help{display:block;font-size:13.5px;color:var(--dim);line-height:1.4;margin-top:-8px}

/* Business plan: cost lines (item, amount, remove) and the plan preview */
.tl-lih.lb-cost,.tl-lir.lb-cost{grid-template-columns:minmax(0,1fr) 128px 40px}
.lb-plan .lb-sub{margin:6px 0 4px}
.lb-plan .lb-h1{font-family:var(--oh);font-size:21px;font-weight:600;letter-spacing:-.03em;line-height:1.2;margin:28px 0 8px;padding-top:18px;border-top:1px solid rgba(16,16,18,.08)}
.lb-plan .lb-h2{font-size:16px;font-weight:600;margin:14px 0 4px}
.lb-plan .lb-p{font-size:15.5px;line-height:1.55;margin:6px 0;white-space:pre-line;overflow-wrap:anywhere}
.lb-plan .lb-ul{margin:6px 0;padding-left:20px;list-style:disc;font-size:15.5px;line-height:1.55}
.lb-plan .lb-ul li{display:list-item;margin:3px 0;padding:0;border:0;overflow-wrap:anywhere}
.lb-plan .lb-ul li:before{content:none;display:none}
.lb-plan .tl-tw{margin:12px 0 8px}
.lb-plan .tl-tb th{white-space:normal}
.lb-plan .lb-tot td{font-weight:600}

/* Message templates */
.lb-blanks{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.lb-msgs{display:flex;flex-direction:column;gap:12px;margin-top:12px}
.lb-msg{margin-top:0}
.lb-msgh{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.lb-msgh>div{min-width:0}
.lb-msgh small{display:block;font-size:12.5px;font-weight:600;color:var(--g1);margin-top:4px}
.lb-msgh .tl-cp{flex:none}
.lb-subj{margin-top:14px;font-size:15px;overflow-wrap:anywhere}
.lb-body{margin-top:12px;background:var(--off);border-radius:18px;padding:16px 18px;font-size:15.5px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere;color:#2c2c2c}
.lb-body.lb-sms{background:var(--gl);color:var(--gd);border-radius:18px 18px 18px 6px;max-width:560px}

/* Checklists: the green summary bar, then the sheet */
.lb-bar{position:relative;top:auto;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 24px}
.lb-bar>div:first-child{min-width:0}
.lb-bar .tl-act{flex:1 1 320px;justify-content:flex-end}
.lb-bar .tl-act small{text-align:right}
.lb-sheet{margin-top:12px}
.lb-sheeth{display:flex;align-items:baseline;justify-content:space-between;gap:8px 16px;flex-wrap:wrap}
.lb-sheeth small{font-size:13px;color:var(--dim)}
.lb-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;margin-top:18px}
.lb-field{display:flex;flex-direction:column;gap:4px;min-width:0}
.lb-field span{font-size:13px;font-weight:600;color:var(--dim)}
.lb-field input,.lb-note{width:100%;border:0;outline:0;background:transparent;border-bottom:1px solid rgba(16,16,18,.25);font:inherit;font-size:16px;padding:6px 2px;color:#2c2c2c;border-radius:0}
.lb-field input:focus,.lb-note:focus{border-bottom-color:var(--g2)}
.lb-sec{border:0;margin:26px 0 0;padding:0;min-width:0}
.lb-sec legend{font-family:var(--oh);font-size:19px;font-weight:600;letter-spacing:-.03em;padding:0;margin-bottom:6px}
.lb-item{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;align-items:start;padding:11px 0;border-top:1px solid rgba(16,16,18,.08);cursor:pointer;font-size:15.5px;line-height:1.4}
.lb-item input{position:absolute;opacity:0;width:1px;height:1px}
.lb-item i{width:24px;height:24px;border-radius:7px;box-shadow:inset 0 0 0 2px rgba(16,16,18,.3);background:#fff;position:relative;margin-top:-1px}
.lb-item input:checked+i{background:var(--g2);box-shadow:none}
.lb-item input:checked+i:after{content:"";position:absolute;left:8px;top:4px;width:6px;height:11px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}
.lb-item input:focus-visible+i{outline:2px solid var(--g1);outline-offset:2px}
.lb-item input:checked~span{color:var(--dim)}
.lb-rep{padding:12px 0;border-top:1px solid rgba(16,16,18,.08)}
.lb-reph{display:flex;align-items:center;justify-content:space-between;gap:8px 16px;flex-wrap:wrap;font-size:15.5px;line-height:1.4}
.lb-reph>span{flex:1 1 220px;min-width:0}
.lb-st{display:flex;flex-wrap:wrap;gap:6px}
.lb-st button{flex:none;min-height:36px;padding:6px 12px;border-radius:10px;border:0;background:#f2f2f0;color:#2c2c2c;font:inherit;font-size:13.5px;font-weight:600;cursor:pointer}
.lb-st .lb-s-ok[aria-checked="true"]{background:var(--gl);color:var(--gd)}
.lb-st .lb-s-fix[aria-checked="true"]{background:var(--out);color:#2c2c2c}
.lb-st .lb-s-na[aria-checked="true"]{background:var(--soft2);color:#2c2c2c;box-shadow:inset 0 0 0 2px rgba(16,16,18,.3)}
.lb-note{margin-top:6px;font-size:15px}
.lb-qs{margin-top:20px;background:var(--off);border-radius:16px;padding:14px 16px;font-size:15px;line-height:1.5}
.lb-jha{display:flex;flex-direction:column;gap:8px;margin-top:16px}
.lb-jhah,.lb-jhar{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.1fr) minmax(0,1.1fr);gap:8px}
.lb-jhah span{font-size:13px;font-weight:600;color:var(--dim)}
.lb-jhar textarea{width:100%;min-width:0;border:0;outline:0;border-radius:12px;box-shadow:inset 0 0 0 1px rgba(16,16,18,.18);padding:10px 12px;font:inherit;font-size:15px;line-height:1.4;resize:vertical;color:#2c2c2c;background:#fff}
.lb-jhar textarea:focus{box-shadow:inset 0 0 0 2px var(--g2)}
.lb-sign{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:24px;margin-top:36px}
.lb-sign span{display:block;border-bottom:1px solid rgba(16,16,18,.4);height:30px}
.lb-sign small{display:block;font-size:13px;color:var(--dim);margin-top:6px}

@media (max-width:700px){
  .lb-blanks,.lb-fields{grid-template-columns:minmax(0,1fr)}
  .lb-jhah{display:none}
  .lb-jhar{grid-template-columns:minmax(0,1fr);padding-bottom:10px;border-bottom:1px solid rgba(16,16,18,.08)}
  .lb-bar .tl-act{justify-content:flex-start}
  .lb-bar .tl-act small{text-align:left}
  .tl-lih.lb-cost,.tl-lir.lb-cost{grid-template-columns:minmax(0,1fr) 104px 40px}
}

@media print{
  body:has(.lb-sheet) .t-hero,body:has(.lb-sheet) .ar-top,body:has(.lb-sheet) .k-faq,body:has(.lb-sheet) .tl-rel,body:has(.lb-sheet) .lb-bar,body:has(.lb-sheet) .lb-noprint{display:none!important}
  body:has(.lb-sheet) .tl-tool,body:has(.lb-sheet) .tl-tool .o-w{padding:0!important;margin:0!important;max-width:none!important;background:#fff!important}
  .lb-sheet{margin:0!important;padding:0!important;border-radius:0!important;box-shadow:none!important}
  .lb-sec{break-inside:auto}
  .lb-item,.lb-rep,.lb-jhar{break-inside:avoid}
  .lb-item i,.lb-st button{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .lb-st button:not([aria-checked="true"]){background:#fff;box-shadow:inset 0 0 0 1px rgba(16,16,18,.3)}
  .lb-field input,.lb-note{border-bottom-color:rgba(16,16,18,.4)}
  .lb-jhar textarea{resize:none;box-shadow:inset 0 0 0 1px rgba(16,16,18,.4)}
  .lb-plan .lb-h1{break-after:avoid}
}