/* Local help sheet builder (/commons/sessions/local-help). Builds on tools.css (layout, preview frame) and tools2.css (.doc). */

/* ---------- The form ---------- */
.lh-sub,.lh-entry{display:block!important;margin-top:1.2rem!important;padding:0!important;border:0!important;min-width:0}
.lh-sublegend{font:600 .9rem/1.4 var(--f-sans)!important;letter-spacing:0!important;margin:0 0 .45rem!important;padding:0;color:var(--text)}
.lh-sublegend .hint{display:block;font-weight:400;color:var(--muted);font-size:.85rem;margin-top:.15rem}
.lh-checks{display:flex;flex-wrap:wrap;gap:.2rem 1.4rem}
.lh-check{align-items:center;min-height:44px}
.lh-check input{margin-top:0}
.lh-check-sub{color:var(--muted);font-size:.88em}
.lh-req{font-weight:400;color:var(--muted);font-size:.85em}
.lh-empty{margin:0;padding:1rem;border:1px dashed var(--line-2);border-radius:12px;color:var(--muted);font-size:.92rem}
.lh-empty[data-kind="err"]{border-style:solid;border-color:var(--err-ink);color:var(--err-ink);font-weight:500}
.lh-desc{margin-top:1rem}

/* National services: a tick each */
#lh-nat{display:grid;gap:1.2rem}
#lh-nat:empty{display:none}
.lh-natgroup{display:block;margin:0;padding:.6rem 1rem;border:1px solid var(--line);border-radius:16px;background:var(--paper);min-width:0}
.lh-natgroup-h{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.1rem .8rem;align-items:center;min-height:44px;padding:.2rem 0;cursor:pointer;list-style:none;overflow-wrap:anywhere}
.lh-natgroup-h::-webkit-details-marker{display:none}
.lh-natgroup-h::after{content:"";grid-column:2;grid-row:1/span 3;width:.6rem;height:.6rem;border-right:2px solid var(--text);border-bottom:2px solid var(--text);transform:rotate(45deg);margin:0 .3rem .25rem}
.lh-natgroup[open] > .lh-natgroup-h::after{transform:rotate(-135deg);margin-bottom:-.2rem}
.lh-natgroup-h:focus-visible{outline:2px solid var(--sun);outline-offset:4px;border-radius:6px}
.lh-natgroup-name{font-weight:600;font-size:1rem;color:var(--text)}
.lh-natgroup-count,.lh-natgroup-on{font-size:.85rem;color:var(--muted)}
.lh-natgroup-on{color:var(--text)}
.lh-natgroup-body{padding-top:.5rem}
.lh-nat-acts{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.4rem}
.lh-nat-h{margin:.9rem 0 .3rem;font:600 .7rem/1.3 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.lh-nat-h--urgent{color:var(--err-ink)}
.lh-natlist{list-style:none;margin:0;padding:0;display:grid;gap:.1rem}
.lh-nat-item{align-items:flex-start;min-height:44px;padding:.35rem 0;font-size:.92rem;cursor:pointer}
.lh-nat-item > span{display:grid;min-width:0}
.lh-nat-name{color:var(--text);font-weight:500;overflow-wrap:anywhere}
.lh-nat-url{font-family:var(--f-mono);font-size:.74rem;color:var(--muted);overflow-wrap:anywhere}
.lh-nat-item:has(input:not(:checked)) .lh-nat-name{color:var(--muted);text-decoration:line-through;text-decoration-color:var(--line-2)}
.lh-nat-more{margin:.8rem 0 0;font-size:.86rem;color:var(--muted)}
.lh-nat-more a{color:var(--text);text-decoration-color:var(--sun)}

/* Local services: the list and the entry form */
.lh-local{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}
.lh-local:empty{display:none}
.lh-item{display:grid;gap:.4rem;padding:.8rem 1rem;border:1px solid var(--line);border-radius:14px;background:var(--paper);min-width:0}
.lh-item.is-editing{border-color:var(--sun);box-shadow:inset 3px 0 0 var(--sun)}
.lh-item-title{margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:.2rem .7rem;font-weight:600;color:var(--text);overflow-wrap:anywhere;min-width:0}
.lh-item-title > span:last-child{min-width:0}
.lh-item-n{font-size:.72rem;color:var(--sun-ink)}
.lh-item-meta{margin:0;font-size:.86rem;color:var(--muted);overflow-wrap:anywhere}
.lh-item-acts{display:flex;flex-wrap:wrap;gap:.4rem}
.lh-btn{min-height:44px;padding:0 .9rem;border:1px solid var(--line-2);border-radius:999px;background:transparent;font:500 .86rem/1 var(--f-sans);color:var(--text);cursor:pointer}
.lh-btn:hover:not(:disabled){border-color:var(--text)}
.lh-btn:disabled{opacity:.45;cursor:not-allowed}
.ip-form .lh-entry{padding:1.1rem 1.1rem 1rem!important;border:1px solid var(--line)!important;border-radius:16px;background:var(--paper)}
.lh-entry.is-editing{border-color:var(--sun)!important}
.lh-entry > legend{display:block;max-width:100%;padding:0;white-space:normal;overflow-wrap:anywhere}
.lh-entry > * + *{margin-top:.9rem}
.lh-entry .row{gap:.9rem}
.lh-entry .row > *{margin:0}
.lh-entry-acts{display:flex;flex-wrap:wrap;gap:.6rem}
.lh-entry-acts .btn{height:44px;padding:0 1.2rem;font-size:.92rem}
.lh-entry-acts [hidden]{display:none}
.lh-jump{display:none;margin:1.2rem 0 0;font-size:.92rem}
.lh-jump a{color:var(--text);text-decoration-color:var(--sun)}
@media (max-width:980px){.lh-jump{display:block}}
@media (max-width:560px){.lh-entry .row{grid-template-columns:minmax(0,1fr)}}

/* ---------- Status ---------- */
#lh-status[data-kind="err"]{color:var(--err-ink);font-weight:500}
#lh-status[data-kind="ok"]{color:var(--text);font-weight:500}
.lh-nojs{margin-bottom:2rem}

/* ---------- The sheet (a printed page) ---------- */
.lh-doc-empty{margin:0;padding:1.4rem 0;color:var(--soft);font-size:1rem}
.lh-doc-empty[hidden],#lh-attrib[hidden]{display:none}
.lh-sec + .lh-sec{margin-top:1.1rem}
.lh-sec-note{margin:-.2rem 0 .5rem;font-size:.88em;color:var(--soft)}
.lh-loclist,.lh-natsheet{list-style:none;margin:0;padding:0}
.lh-loclist{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.55rem 1.4rem}
.lh-loclist li,.lh-natsheet li{display:grid;gap:.05rem;min-width:0;overflow-wrap:anywhere;break-inside:avoid}
.lh-loclist li{padding-left:.6rem;border-left:2px solid var(--sun)}
.lh-it-name{font-weight:600}
.lh-it-what{color:var(--ink)}
.lh-it-facts{display:flex;flex-wrap:wrap;gap:0 .9rem;color:var(--soft)}
.lh-it-facts a,.lh-natsheet a{font-family:var(--f-mono);font-size:.88em;color:var(--soft);text-decoration:none;overflow-wrap:anywhere}
.lh-flow{columns:2;column-gap:1.4rem}
.lh-group{break-inside:auto}
.lh-group + .lh-group{margin-top:.5rem}
.lh-group-h{margin:0 0 .25rem;font:600 .6rem/1.3 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--soft);break-after:avoid}
.lh-group--urgent .lh-group-h{color:#9a2a12}
.lh-natsheet li{margin-bottom:.4rem}
.lh-flow--short .lh-natsheet li{margin-bottom:.25rem}
.lh-foot{grid-template-columns:minmax(0,1fr)}
#lh-attrib{color:var(--ink);font-weight:500}
@media (max-width:640px){
  .lh-loclist{grid-template-columns:minmax(0,1fr)}
  .lh-flow{columns:1}
}

/* ---------- Print: the sheet only, one page for typical use ---------- */
@media print{
  @page{margin:11mm 12mm}
  body:has(.lh-page) main > :not(.lh-page){display:none!important}
  .lh-page .lh-form,.lh-page .ip-bar,.lh-page .ip-tip,.lh-nojs{display:none!important}
  .lh-page{padding:0!important}
  .lh-doc{font-size:8.6pt;line-height:1.35;padding:0!important;border-top:0!important;box-shadow:none!important}
  .lh-doc a{text-decoration:none;color:#000}
  .lh-doc .doc-head{padding-bottom:5pt;margin-bottom:6pt}
  .lh-doc .doc-title{font-size:17pt}
  .lh-loclist{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5pt 12pt}
  .lh-doc .doc-meta{display:flex;flex-wrap:wrap;gap:2pt 12pt}
  .lh-flow{columns:2!important;column-gap:12pt}
  .lh-natsheet li{margin-bottom:3pt}
  .lh-flow--short .lh-natsheet li{margin-bottom:1.5pt}
  .lh-sec + .lh-sec{margin-top:8pt}
  .lh-sec h3{break-after:avoid}
  .lh-group--urgent .lh-group-h{font:600 1em/1.3 var(--f-sans);letter-spacing:0;text-transform:none;color:#9a2a12}
  .lh-foot{border-top:.5pt solid #999!important}
  /* Large print (the "Print in large print" button adds html.print-large, as on handouts): 16pt, one column. */
  html.print-large{font-size:16pt}
  html.print-large .lh-doc{font-size:16pt;line-height:1.45}
  html.print-large .lh-doc .doc-title{font-size:26pt}
  html.print-large .lh-doc h3,html.print-large .lh-group-h,html.print-large .lh-doc dt{font-size:12pt}
  html.print-large .lh-loclist{grid-template-columns:minmax(0,1fr)!important;gap:8pt}
  html.print-large .lh-flow{columns:1!important}
  html.print-large .lh-natsheet li{margin-bottom:6pt}
  html.print-large .lh-it-facts a,html.print-large .lh-natsheet a{font-size:1em}
}