/* Neuro-Common tool library: base components. Loaded only on tool pages, the Toolkit hub and the saved-data page. */
.nt-crumbs{font-size:.95rem;margin:.8rem 0 0;color:var(--mut)}
.nt-crumbs a{display:inline-block;padding:.5rem .1rem}
.nt-tags{list-style:none;display:flex;flex-wrap:wrap;gap:.35rem;margin:.5rem 0;padding:0}
.nt-tags li{margin:0}
.nt-tags a,.nt-tags span{display:inline-block;font-size:.85rem;border:1px solid var(--ac);border-radius:99px;padding:.15rem .7rem;color:var(--ac);text-decoration:none}
.nt-tags a:hover{background:var(--ac);color:var(--bg)}
.nt-tool{margin:1rem 0 1.5rem;padding:1rem;background:var(--card);border:1px solid var(--bd);border-radius:16px}
@media (max-width:40rem){.nt-tool{padding:.7rem}}
.nt-priv{font-size:.92rem;color:var(--mut);margin:.8rem 0 0}
.nt-after h2{margin-top:2rem}
.nt-after ol,.nt-after ul{padding-left:1.4rem}
.nt-after li{margin:.35rem 0}
.nt-rel{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr))}
.nt-rel a.c h3{margin:0 0 .2rem;font-size:1.05rem;color:var(--ac2)}
.nt-rel a.c p{margin:0}

/* form controls inside tools */
.nt-tool input[type=text],.nt-tool input[type=number],.nt-tool input[type=date],.nt-tool input[type=time],.nt-tool input[type=url],.nt-tool input[type=email],.nt-tool input[type=search],.nt-tool select,.nt-tool textarea{font:inherit;width:100%;box-sizing:border-box;min-height:44px;padding:.45rem .6rem;border-radius:10px;border:1px solid var(--bf);background:var(--bg);color:var(--fg);margin:0}
.nt-tool textarea{resize:vertical;min-height:5.5rem;line-height:1.5}
.nt-tool input[type=color]{width:3.5rem;height:44px;padding:.1rem;border-radius:10px;border:1px solid var(--bf);background:var(--bg);cursor:pointer}
.nt-tool input[type=range]{width:100%;min-height:44px;accent-color:var(--ac)}
.nt-tool input[type=file]{font:inherit;max-width:100%;min-height:44px}
.nt-tool input[type=number]{max-width:9rem}
.nt-tool .wide input[type=number]{max-width:none}
.nt-field{margin:.7rem 0;min-width:0}
.nt-field>label{display:block;font-weight:600;margin:0 0 .2rem}
.nt-hint{color:var(--mut);font-size:.92rem;margin:0 0 .3rem}
.nt-check{display:flex;align-items:center;gap:.6rem;min-height:44px}
.nt-check[hidden],.nt-row[hidden],.nt-warn[hidden]{display:none}
.nt-check input{flex:none;width:1.4rem;height:1.4rem;margin:0;accent-color:var(--ac)}
.nt-check label{display:block;margin:0;min-width:0;overflow-wrap:anywhere}
.nt-row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin:.5rem 0}
.nt-row.top{align-items:flex-start}
.nt-row .grow{flex:1 1 11rem;min-width:0}
.nt-grid{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr))}
.nt-grid>*{min-width:0}
.nt-split{display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,19rem),1fr));align-items:start}
.nt-split>*{min-width:0}
.nt-scroll{overflow-x:auto;max-width:100%}
.nt-tool h3{margin:1.1rem 0 .3rem;font-size:1.15rem}
.nt-tool h4{margin:.9rem 0 .2rem}
.nt-tool p{overflow-wrap:anywhere}

/* buttons */
.nt-tool button.nt-primary,.nt-primary{background:var(--ac);color:var(--bg);border-color:var(--ac);font-weight:600}
.nt-tool button.nt-quiet{background:transparent;border-color:transparent;color:var(--ac2);text-decoration:underline}
.nt-tool button[data-armed]{border-width:2px;border-color:var(--fg);font-weight:700}
.nt-tool button[disabled]{cursor:not-allowed;text-decoration:line-through;color:var(--mut)}
.nt-tool button.nt-icon{min-width:44px;padding:.3rem .5rem}
.nt-btns{display:inline-flex;flex-wrap:wrap;gap:.4rem;max-width:100%}
.nt-hit{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0;cursor:pointer;flex:none}
.nt-hit input{width:1.5rem;height:1.5rem;margin:0;accent-color:var(--ac)}

/* choice buttons made from radio inputs */
.nt-seg{border:0;padding:0;margin:.5rem 0;min-width:0;display:flex;flex-wrap:wrap;gap:.4rem}
.nt-seg legend{font-weight:600;padding:0;margin:0 0 .3rem;width:100%}
.nt-opt{position:relative;display:inline-block}
.nt-opt input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.nt-opt label{display:flex;align-items:center;justify-content:center;min-height:44px;padding:.35rem .9rem;border:1px solid var(--bd);border-radius:999px;background:var(--bg);color:var(--fg);cursor:pointer;margin:0;text-align:center}
.nt-opt input:checked+label{background:var(--ac);color:var(--bg);border-color:var(--ac);font-weight:600}
.nt-opt input:focus-visible+label{outline:3px solid var(--ac2);outline-offset:2px}
:root[data-theme="contrast"] .nt-opt input:checked+label{outline:2px solid #fff;outline-offset:-5px}

/* tabs */
.nt-tablist{display:flex;flex-wrap:wrap;gap:.3rem;margin:0 0 .8rem;padding-bottom:.5rem;border-bottom:2px solid var(--bd)}
.nt-tablist [role=tab]{border-radius:10px;background:var(--bg)}
.nt-tablist [role=tab][aria-selected=true]{background:var(--ac);color:var(--bg);border-color:var(--ac);font-weight:600}
.nt-panel[hidden]{display:none}

/* lists of items */
.nt-list{list-style:none;margin:.5rem 0;padding:0}
.nt-li{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;padding:.5rem .6rem;border:1px solid var(--bd);border-radius:12px;margin:.4rem 0;background:var(--bg)}
.nt-li .grow{flex:1 1 10rem;min-width:0;overflow-wrap:anywhere}
.nt-li.done .grow{text-decoration:line-through;color:var(--mut)}
.nt-li.now{border-color:var(--ac);box-shadow:0 0 0 2px var(--ac)}
.nt-li .time{font-variant-numeric:tabular-nums;font-weight:600}

/* messages */
.nt-status{min-height:1.5em;margin:.4rem 0;color:var(--mut)}
.nt-warn{border-left:4px solid var(--ac);padding:.4rem .9rem;margin:.7rem 0;background:var(--bg);border-radius:0 10px 10px 0}
.nt-warn p{margin:.2rem 0}
.nt-big{font-size:clamp(2.2rem,9vw,3.6rem);font-weight:700;font-variant-numeric:tabular-nums;line-height:1.15;margin:.2rem 0}
.nt-out{border:2px solid var(--bd);border-radius:14px;padding:1rem;background:var(--bg)}
.nt-out h3:first-child{margin-top:0}
.nt-swatch{display:inline-block;width:2.2rem;height:2.2rem;border-radius:8px;border:2px solid var(--fg);vertical-align:middle;flex:none}
.nt-table{width:100%;border-collapse:collapse}
.nt-table th,.nt-table td{border:1px solid var(--bd);padding:.4rem .55rem;text-align:left;vertical-align:top}
.nt-table th{background:var(--bg)}
.nt-meter{height:10px;border-radius:5px;background:var(--bd);overflow:hidden;margin:.4rem 0}
.nt-meter span{display:block;height:100%;background:var(--ac);width:0}
.nt-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin:.4rem 0}
.nt-chips button{border-radius:999px;min-height:44px}

/* printing: only the chosen area is printed (the rest is hidden by the script), in plain black on white */
@media print{
  .nt-ph,.nt-noprint{display:none!important}
  body.nt-print-on{background:#fff!important;color:#000!important;padding:0!important}
  body.nt-print-on main{max-width:none!important;padding:0!important;margin:0!important}
  .nt-pa{--bg:#fff;--fg:#000;--mut:#222;--card:#fff;--bd:#000;--ac:#000;--ac2:#000;color:#000!important;background:#fff!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important}
  .nt-pa *{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  body.nt-print-on .nt-tool{border:0!important;border-radius:0!important;padding:0!important;margin:0!important;background:#fff!important;box-shadow:none!important}
}

/* ---- visual timer ---- */
.vt-stage{width:min(100%,21rem);margin:.4rem auto}
.vt-dial{display:block;width:100%;height:auto}
.vt-track{fill:var(--bg);stroke:var(--fg);stroke-width:2}
.vt-wedge{fill:var(--ac)}
.vt-tick{stroke:var(--fg);stroke-width:2}
.vt-num{fill:var(--fg);font:600 12px system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
.vt-hub{fill:var(--fg)}
.vt-stage[data-state=done] .vt-track{stroke-width:5}
.vt-read{text-align:center}
.vt-phase{margin:.2rem 0;font-weight:600}
.vt-digits{margin:0}
.vt-hide{position:absolute;left:-999px;width:1px;height:1px;overflow:hidden}
.vt-ctl{justify-content:center}
.vt-go{min-width:8rem}
.vt-opts{margin:.8rem 0}

/* ---- hub ---- */
.th-list{list-style:none;margin:.6rem 0;padding:0;display:grid;gap:.8rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),1fr))}
.th-card{margin:0;display:flex;flex-direction:column;gap:.2rem;min-width:0}
.th-card h3{margin:0;font-size:1.1rem;line-height:1.35}
.th-card p{margin:.2rem 0;overflow-wrap:anywhere}
.th-card .nt-tags{margin:.4rem 0 0}
.th-card .nt-tags span{font-size:.8rem;padding:.05rem .55rem}
.th-card[hidden],.th-group[hidden]{display:none!important}
#quick .c h3{font-size:1.2rem;margin:.2rem 0 .4rem;color:var(--fg)}

/* ---- leave-on-time ---- */
.lot-key{font-size:1.15rem}
.lot-now{margin-top:.6rem;font-weight:600}
.lot-rows .time{min-width:5.5rem}


/* ---- brain dump ---- */
.bd-card{font-size:1.35rem;font-weight:600;margin:.6rem 0;overflow-wrap:anywhere}
.bd-choices button{flex:1 1 9rem}
.bd-ctl{display:flex;gap:.4rem;flex-wrap:wrap;align-items:center}
.bd-ctl select{width:auto;min-width:9rem;max-width:100%}
.bd-pick{margin:.6rem 0}

/* ---- get started ---- */
.st-step{font-size:1.5rem;font-weight:600;margin:.6rem 0;overflow-wrap:anywhere}
.st-why{border:0;padding:0;margin:1rem 0;min-width:0}
.st-why legend{font-weight:600;padding:0;margin:0 0 .3rem}
.st-timer{margin-top:1.2rem;border-top:2px solid var(--bd);padding-top:.2rem}

/* ---- routine builder ---- */
.rb-edit{align-items:flex-start}
.rb-n{min-width:1.6rem;padding-top:.7rem}
.rb-fields{display:flex;flex:1 1 16rem;gap:.4rem;align-items:center;flex-wrap:wrap;min-width:0}
.rb-fields select{width:auto;min-width:8rem;max-width:100%}
.rb-fields .grow{flex:1 1 10rem}
.rb-min{width:5.5rem;flex:none}
.rb-thumb{width:48px;height:48px;object-fit:cover;border-radius:8px;border:1px solid var(--bd);flex:none}
.rb-pic{width:40px;height:40px;object-fit:cover;border-radius:8px;flex:none}
.rb-emoji{display:inline-flex;align-items:center;justify-content:center;font-size:1.7rem;line-height:1}
.rb-lab{display:flex;align-items:center;gap:.7rem;width:100%;min-height:56px;cursor:pointer;margin:0;flex-wrap:wrap}
.rb-lab input{width:1.6rem;height:1.6rem;flex:none;accent-color:var(--ac);margin:0}
.rb-lab .grow{flex:1 1 8rem;font-size:1.1rem}
.rb-step.done .rb-t{text-decoration:line-through;color:var(--mut)}
.rb-next{font-weight:600}
.rb-count{font-weight:600;margin:.4rem 0 0}
.rb-chart{padding:.5rem}
.rb-title{margin-top:0;font-size:1.5rem}
.rb-grid{list-style:none;margin:0;padding:0;display:grid;gap:.8rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,11rem),1fr))}
.rb-card{border:2px solid var(--fg);border-radius:14px;padding:.6rem;display:flex;flex-direction:column;align-items:center;gap:.3rem;text-align:center;break-inside:avoid;position:relative;background:var(--card)}
.rb-num{position:absolute;top:.3rem;left:.5rem;font-weight:700}
.rb-bigpic{width:96px;height:96px;object-fit:cover;border-radius:12px}
.rb-bigpic.rb-emoji{font-size:3.6rem}
.rb-ct{font-weight:700;font-size:1.1rem;overflow-wrap:anywhere}
.rb-cm{color:var(--mut);font-size:.95rem}
.rb-tick{width:1.6rem;height:1.6rem;border:2px solid var(--fg);border-radius:6px;margin-top:.3rem}
@media print{.rb-grid{grid-template-columns:repeat(3,1fr)}}

/* ---- communication board ---- */
.cb-msg{border:2px solid var(--bd);border-radius:14px;padding:.6rem .7rem;background:var(--bg);margin:0 0 .8rem}
.cb-strip{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem;min-height:3.2rem;align-items:center}
.cb-empty{color:var(--mut)}
.cb-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.2rem .7rem;border:2px solid var(--fg);border-radius:12px;background:var(--card);font-size:1.3rem;font-weight:600;overflow-wrap:anywhere}
.cb-chip-pic.cb-emoji{font-size:1.6rem}
.cb-chip-pic.cb-img{width:2rem;height:2rem}
.cb-large .cb-chip{font-size:2.4rem;padding:.3rem .9rem}
.cb-large .cb-chip-pic.cb-emoji{font-size:2.9rem}
.cb-large .cb-chip-pic.cb-img{width:3.4rem;height:3.4rem}
.cb-act{margin-bottom:0}
.cb-opts{margin:.6rem 0}
.cb-title{margin:.6rem 0 .4rem}
.cb-grid{list-style:none;margin:.4rem 0;padding:0;display:grid;gap:.6rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,8.5rem),1fr))}
.cb-board[data-size=s] .cb-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,6.5rem),1fr))}
.cb-board[data-size=l] .cb-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,12rem),1fr))}
.cb-grid li{margin:0;min-width:0}
.cb-tile{width:100%;height:100%;min-height:6.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;padding:.5rem .4rem;border:2px solid var(--fg);border-radius:14px;background:var(--card);color:var(--fg);text-align:center;line-height:1.2}
.cb-tile:active{background:var(--ac);color:var(--bg)}
.cb-t{font-weight:600;font-size:1.05rem;overflow-wrap:anywhere}
.cb-board[data-size=l] .cb-t{font-size:1.3rem}
.cb-board[data-size=s] .cb-t{font-size:.95rem}
.cb-emoji{font-size:2.3rem;line-height:1}
.cb-board[data-size=l] .cb-emoji{font-size:3.2rem}
.cb-board[data-size=s] .cb-emoji{font-size:1.8rem}
.cb-img{width:4rem;height:4rem;object-fit:cover;border-radius:10px}
.cb-board[data-size=l] .cb-img{width:6rem;height:6rem}
.cb-board[data-size=s] .cb-img{width:3rem;height:3rem}
.cb-thumb{width:56px;height:56px;object-fit:cover;border-radius:10px;border:1px solid var(--bd)}
.cb-row{align-items:flex-start}
.cb-rowpic{display:inline-flex;align-items:center;justify-content:center;width:3rem;min-height:2.75rem;flex:none}
.cb-rowpic .cb-emoji{font-size:1.8rem}
.cb-rowpic .cb-img{width:44px;height:44px}
.cb-rowfields{display:flex;flex:1 1 16rem;gap:.4rem;flex-wrap:wrap;min-width:0}
.cb-rowfields select{width:auto;min-width:8rem;max-width:100%}
.cb-rowfields .grow{flex:1 1 9rem}
@media print{.cb-title{margin-top:0}.cb-grid{grid-template-columns:repeat(4,1fr)!important}.cb-tile{break-inside:avoid;border-color:#000}.cb-board .cb-t{font-size:1.1rem!important}}

/* ---- script builder ---- */
.sb-page{border:2px solid var(--bd);border-radius:14px;padding:.8rem 1rem;background:var(--bg);margin:.6rem 0}
.sb-title{margin:0 0 .5rem;font-size:1.25rem}
.sb-lines{list-style:none;margin:0;padding:0}
.sb-line{margin:.45rem 0;padding:.45rem .7rem;border-left:5px solid var(--bd);border-radius:0 10px 10px 0;overflow-wrap:anywhere}
.sb-me{border-left-color:var(--ac);font-weight:600}
.sb-them{color:var(--mut)}
.sb-who{font-weight:700}
.sb-alt{display:block;margin-top:.25rem;font-weight:400}
.sb-blank{background:var(--ac);color:var(--bg);padding:0 .3rem;border-radius:4px}
.sb-todo{margin:.5rem 0 0;font-weight:600}
.sb-picks{border:0;padding:0;margin:.8rem 0;min-width:0}
.sb-picks legend{font-weight:600;padding:0;margin:0 0 .3rem}
.sb-extras{margin:.8rem 0}
.sb-edit{align-items:flex-start}
.sb-editn{min-width:1.6rem;padding-top:.7rem}
.sb-editf{display:flex;flex-direction:column;gap:.4rem;flex:1 1 16rem;min-width:0}
.sb-editf select{width:auto;max-width:100%;min-width:8rem}
.sb-card{border:3px solid var(--bd);border-radius:16px;padding:1rem;margin:.6rem 0;background:var(--bg)}
.sb-card.sb-me{border-color:var(--ac)}
.sb-cardwho{margin:0 0 .3rem;font-weight:700;font-size:1.05rem}
.sb-cardtext{margin:0;font-size:1.5rem;font-weight:600;overflow-wrap:anywhere}
.sb-cardalt{margin:.8rem 0 0;font-size:1.05rem}
@media print{.sb-page{border:0;padding:0}.sb-line{font-size:1.15rem;break-inside:avoid;border-left-color:#000}.sb-them{color:#222}.sb-blank{background:none;color:#000;border:1px solid #000}}

/* ---- accommodation letter ---- */
.al-group{border:0;padding:0;margin:1rem 0;min-width:0}
.al-group legend{font-weight:700;font-size:1.1rem;padding:0;margin:0 0 .2rem}
.al-count{font-weight:600;margin:.2rem 0 .6rem}
.al-text{font-size:1rem;line-height:1.5;min-height:22rem}
.al-print{display:none}
@media print{.al-print.nt-pa{display:block;white-space:pre-wrap;font:12pt/1.5 Georgia,"Times New Roman",serif;color:#000}}

/* ---- dictation-pad.css ---- */
/* dictation pad (dpd-) */
.dpd-main{margin:.4rem 0}
.dpd-box{border:2px solid var(--bd);border-radius:14px;padding:.1rem 1rem .8rem;margin:.8rem 0;background:var(--card)}
.dpd-box h3{margin:.8rem 0 .4rem;font-size:1.15rem}
.dpd-box p{margin:.4rem 0}
.dpd-tog{margin:.2rem 0 .5rem}
.dpd-thint{margin:0 0 .2rem 2rem}
.dpd-microw{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1rem;margin:.9rem 0 .4rem}
.dpd-mic{min-height:56px;padding:.6rem 1.5rem;font-size:1.15rem}
.dpd-state{display:inline-block;border:2px solid var(--fg);border-radius:99px;padding:.2rem .9rem;font-weight:600}
.dpd-state[data-s=on]{background:var(--ac);color:var(--bg);border-color:var(--ac)}
.dpd-state[data-s=starting]{border-style:dashed}
.dpd-hear{margin:.3rem 0;overflow-wrap:anywhere}
.dpd-hear[hidden]{display:none}
.dpd-hearnote{color:var(--mut);font-size:.92rem}
.nt-tool textarea.dpd-text{min-height:14rem;font-size:1.1rem}
.dpd-meta{margin:.3rem 0;color:var(--mut);font-size:.92rem}
.dpd-acts{margin:.5rem 0}
.dpd-other h3{margin:1rem 0 .3rem;font-size:1.15rem}
.dpd-other ul,.dpd-blocked ul{margin:.3rem 0 .6rem;padding-left:1.3rem}
.dpd-other li,.dpd-blocked li{margin:.3rem 0}
.dpd-print{display:none}
@media print{
.dpd-print.nt-pa{display:block!important;background:#fff!important;color:#000!important;padding:0!important}
.dpd-ptitle{font-size:11pt;font-weight:700;margin:0 0 6mm!important}
.dpd-ptext{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13pt;line-height:1.5;margin:0!important}
}

/* ---- exposure-ladder.css ---- */
/* ---- exposure ladder worksheet ---- */
.exl-wrap{min-width:0}
.exl-wrap [hidden]{display:none!important}
.exl-top{margin:0 0 .7rem;padding-bottom:.5rem;border-bottom:1px solid var(--bd)}
.exl-top .nt-hint{margin:0}
.exl-ladder{list-style:decimal;margin:.5rem 0;padding:0 0 0 2.2rem}
.exl-ladder>li::marker{font-weight:700}
.exl-row{padding:.6rem .7rem;margin:.5rem 0;border:1px solid var(--bd);border-radius:12px;background:var(--bg)}
.exl-text{margin:0 0 .25rem;font-weight:600;white-space:pre-wrap;overflow-wrap:anywhere}
.exl-meta{margin:.1rem 0;color:var(--mut);font-size:.95rem}
.exl-notes{margin:.25rem 0;white-space:pre-wrap;overflow-wrap:anywhere}
.exl-bar{height:10px;border:1px solid var(--bd);border-radius:5px;margin:.4rem 0;overflow:hidden}
.exl-bar span{display:block;height:100%;background:var(--ac)}
.exl-row .nt-btns{margin-top:.45rem}
.exl-aside{margin:1rem 0}
.exl-aside summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:600}
.exl-raterow{display:grid;grid-template-columns:7rem minmax(0,1fr);gap:.6rem;align-items:center}
.exl-num{max-width:7rem}
.exl-err{min-height:1.4em;margin:.3rem 0;font-weight:600}
.exl-err:not(:empty){border-left:4px solid var(--ac);padding:.3rem .7rem;background:var(--bg);border-radius:0 10px 10px 0}
.exl-form{margin:.5rem 0 1rem}
.exl-recs{margin:.5rem 0}
.exl-rec{display:block;padding:.6rem .7rem;margin:.5rem 0;border:1px solid var(--bd);border-radius:12px;background:var(--bg)}
.exl-rwhen{margin:0;font-weight:700}
.exl-rnums{margin:.15rem 0;color:var(--mut)}
.exl-rtext{margin:.2rem 0;white-space:pre-wrap;overflow-wrap:anywhere}
.exl-rec .nt-btns{margin-top:.4rem}
.exl-facts{padding-left:1.3rem}
.exl-facts li{margin:.5rem 0}
.exl-sum{font-weight:600}
.exl-pshow{margin:.2rem 0}

/* chart of the person's own numbers */
.exl-chart{display:block;width:100%;max-width:34rem;height:auto;margin:.5rem 0}
.exl-grid{stroke:var(--mut);stroke-width:.6}
.exl-tick{fill:var(--fg);font:12px system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
.exl-line{fill:none;stroke-width:2.2;stroke-linejoin:round;stroke-linecap:round}
.exl-sb{stroke:var(--fg)}
.exl-sp{stroke:var(--ac);stroke-dasharray:7 4}
.exl-sa{stroke:var(--ac2);stroke-dasharray:2 4}
svg .exl-mk{stroke-width:2;stroke-dasharray:none}
svg .exl-mk.exl-sb{fill:var(--fg)}
svg .exl-mk.exl-sp{fill:var(--ac)}
svg .exl-mk.exl-sa{fill:var(--bg)}
.exl-legend{list-style:none;display:flex;flex-wrap:wrap;gap:.3rem 1.2rem;padding:0;margin:.4rem 0}
.exl-legend li{display:flex;align-items:center;gap:.4rem;margin:0}
.exl-key{flex:none;width:30px;height:14px;overflow:visible}
.exl-ntable{min-width:19rem}
.exl-ntable caption{text-align:left;font-weight:600;padding:.2rem 0}
.exl-ntable th{white-space:nowrap;overflow-wrap:normal}
.exl-when{grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr))}
.exl-nums{grid-template-columns:repeat(auto-fit,minmax(min(100%,8rem),1fr))}

/* printing for a therapist */
.exl-print{display:none}
@media print{
  .exl-print.nt-pa{display:block!important;background:#fff!important;color:#000!important;font:11pt/1.4 Georgia,"Times New Roman",serif}
  .exl-print h2{font-size:18pt;margin:0 0 .5rem}
  .exl-print h3{font-size:14pt;margin:1.1rem 0 .3rem}
  .exl-print h4{font-size:11.5pt;margin:.9rem 0 .3rem;white-space:pre-wrap;overflow-wrap:anywhere}
  .exl-print p{margin:.25rem 0}
  .exl-pl{padding-left:1.5rem;margin:.4rem 0}
  .exl-pl li{break-inside:avoid;margin:.5rem 0}
  .exl-pt{font-weight:700;white-space:pre-wrap;overflow-wrap:anywhere}
  .exl-pn{white-space:pre-wrap;overflow-wrap:anywhere}
  .exl-ptable{width:100%;border-collapse:collapse;font-size:10pt}
  .exl-ptable th,.exl-ptable td{border:1px solid #000;padding:.25rem .4rem;vertical-align:top;text-align:left;overflow-wrap:anywhere}
  .exl-ptable tr{break-inside:avoid}
}
@media (max-width:30rem){
  .exl-raterow{grid-template-columns:5.5rem minmax(0,1fr)}
  .exl-num{max-width:5.5rem}
}

/* ---- ocd-log.css ---- */
/* ---- OCD notebook ---- */
.ocl-wrap{min-width:0}
.ocl-wrap [hidden]{display:none!important}
.ocl-top{margin:0 0 .7rem;padding-bottom:.5rem;border-bottom:1px solid var(--bd)}
.ocl-top .nt-hint{margin:0}
.ocl-list{margin:.5rem 0}
.ocl-card{display:block;padding:.6rem .7rem;margin:.5rem 0;border:1px solid var(--bd);border-radius:12px;background:var(--bg)}
.ocl-when{margin:0 0 .2rem;font-weight:700}
.ocl-line{margin:.15rem 0;white-space:pre-wrap;overflow-wrap:anywhere}
.ocl-card .nt-btns{margin-top:.45rem}
.ocl-filter{margin:1rem 0}
.ocl-fgrid{grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr))}
.ocl-when-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr))}
.ocl-chips{margin:.7rem 0}
.ocl-num{max-width:7rem}
.ocl-quick{margin:.2rem 0 .5rem}
.ocl-err{min-height:1.4em;margin:.3rem 0;font-weight:600}
.ocl-err:not(:empty){border-left:4px solid var(--ac);padding:.3rem .7rem;background:var(--bg);border-radius:0 10px 10px 0}
.ocl-more{margin:.5rem 0}

/* weekly summary */
.ocl-sumlist{padding-left:1.3rem}
.ocl-sumlist li{margin:.45rem 0}
.ocl-table{min-width:36rem}
.ocl-table caption{text-align:left;font-weight:600;padding:.2rem 0}
.ocl-table th,.ocl-table td{overflow-wrap:normal}
.ocl-chartctl{margin:1rem 0 .3rem}
.ocl-bars{list-style:none;margin:.5rem 0;padding:0}
.ocl-bars li{display:grid;grid-template-columns:minmax(7rem,10rem) minmax(0,1fr) 6rem;gap:.6rem;align-items:center;margin:.35rem 0}
.ocl-bt{display:block;height:14px;border:1px solid var(--mut);border-radius:7px;overflow:hidden;background:var(--bg)}
.ocl-bf{display:block;height:100%;background:var(--ac)}
.ocl-bn{font-variant-numeric:tabular-nums;text-align:right}

/* delay timer */
.ocl-timer{text-align:center;margin:.6rem 0}
.ocl-tstate{margin:.2rem 0;font-weight:600}
.ocl-digits{margin:0}
.ocl-ctl{justify-content:center}
.ocl-setup{margin:.5rem 0}
.ocl-last{margin:1rem 0;padding:.6rem .8rem;border:1px solid var(--bd);border-radius:12px;background:var(--bg)}
.ocl-last:empty{display:none}
.ocl-last h3{margin-top:0}
.ocl-tnote{margin:.7rem 0}
.ocl-tnote p{margin:.2rem 0 .4rem}
.ocl-shareinfo{font-weight:600}

/* printing for a therapist */
.ocl-print{display:none}
@media print{
  .ocl-print.nt-pa{display:block!important;background:#fff!important;color:#000!important;font:11pt/1.4 Georgia,"Times New Roman",serif}
  .ocl-print h2{font-size:18pt;margin:0 0 .5rem}
  .ocl-print h3{font-size:14pt;margin:1.1rem 0 .3rem}
  .ocl-print p{margin:.25rem 0}
  .ocl-pl{padding-left:1.5rem;margin:.4rem 0}
  .ocl-pl li{break-inside:avoid;margin:.25rem 0}
  .ocl-pn{white-space:pre-wrap;overflow-wrap:anywhere}
  .ocl-ptable{width:100%;border-collapse:collapse;font-size:9.5pt;margin:.4rem 0}
  .ocl-ptable th,.ocl-ptable td{border:1px solid #000;padding:.25rem .4rem;vertical-align:top;text-align:left}
  .ocl-ptable td{overflow-wrap:anywhere}
  .ocl-ptable th{overflow-wrap:normal;word-break:normal}
  .ocl-nw{white-space:nowrap}
  .ocl-ptable tr{break-inside:avoid}
}
@media (max-width:30rem){
  .ocl-bars li{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"l n" "b b"}
  .ocl-bl{grid-area:l}
  .ocl-bn{grid-area:n}
  .ocl-bt{grid-area:b}
}

/* ---- pacing-metronome.css ---- */
/* ---- pacing metronome ---- */
.pmt-wrap{min-width:0}
.pmt-wrap [hidden]{display:none!important}
.pmt-bar{border:1px solid var(--bd);border-radius:14px;background:var(--card);padding:.8rem;margin:0 0 .8rem}
.pmt-start{width:100%;min-height:56px;font-size:1.3rem}
.pmt-start.pmt-going{background:var(--card);color:var(--fg);border:3px solid var(--fg)}
.pmt-big{margin:.6rem 0 .3rem;font-size:2rem;font-weight:800;line-height:1.2;min-height:2.4rem;text-align:center;overflow-wrap:anywhere}
.pmt-track{position:relative;display:flex;justify-content:space-between;align-items:center;height:30px;margin:.2rem 1rem .5rem}
.pmt-slot{width:14px;height:14px;border:2px solid var(--mut);border-radius:50%;box-sizing:border-box}
.pmt-mk{position:absolute;top:2px;left:calc(7px + (100% - 14px) * var(--k, 0));width:26px;height:26px;margin-left:-13px;border-radius:7px;background:var(--fg);transition:left .12s linear}
html.calm .pmt-track{display:none}
.pmt-rate{margin:0;text-align:center;color:var(--mut)}
.pmt-tempo{margin-top:.6rem}
.pmt-tempo label{display:block;font-weight:600;margin-bottom:.25rem}
.pmt-step{display:flex;gap:.5rem;align-items:center;justify-content:center}
.pmt-num{width:5.5rem;text-align:center;font-size:1.3rem;font-weight:700}
.pmt-minus,.pmt-plus{min-width:52px;min-height:48px;font-size:1.5rem;font-weight:700;line-height:1}
.pmt-tempo input[type=range]{width:100%;margin-top:.6rem}
.pmt-presets button{min-width:3.4rem}
.pmt-presets{margin-bottom:1rem}
.pmt-tap{min-width:6rem}
.pmt-facts{padding-left:1.3rem}
.pmt-facts li{margin:.5rem 0}
.pmt-linebox{position:relative;max-height:14rem;overflow:auto;border:1px solid var(--bd);border-radius:12px;padding:.7rem .8rem;margin:.5rem 0;background:var(--bg);scroll-behavior:auto}
.pmt-line{font-size:1.5rem;line-height:2.3;overflow-wrap:anywhere}
.pmt-u{padding:.05em .14em;margin:0 .05em;border-bottom:3px solid var(--bd);border-radius:4px}
.pmt-on{background:var(--fg);color:var(--bg);border-bottom-color:var(--fg);text-decoration:underline;text-underline-offset:.18em}
.pmt-none{color:var(--mut);font-size:1rem}
.pmt-cap{margin:.4rem 0;padding:.4rem .7rem;border-left:4px solid var(--ac);background:var(--bg);border-radius:0 10px 10px 0}

/* ---- printable-paper.css ---- */
/* Printable paper */
.ppr-wrap{display:grid;gap:.2rem 1.6rem;grid-template-columns:minmax(0,1fr);grid-template-areas:"type" "presets" "space" "preview" "more" "print"}
.ppr-a-type{grid-area:type}
.ppr-a-presets{grid-area:presets}
.ppr-a-space{grid-area:space}
.ppr-a-preview{grid-area:preview}
.ppr-a-more{grid-area:more}
.ppr-a-print{grid-area:print}
.ppr-sec{min-width:0}
.ppr-sec h2{margin:1.1rem 0 .4rem;font-size:1.3rem}
.ppr-sec h3{margin:1rem 0 .3rem;font-size:1.1rem}
.ppr-wrap [hidden]{display:none!important}
.ppr-desc{margin:.4rem 0 .2rem}
.ppr-presets{display:flex;flex-wrap:wrap;gap:.5rem;margin:.3rem 0}
.ppr-numrow{display:flex;gap:.4rem;align-items:center}
.ppr-numrow input[type=text]{flex:0 1 8rem;min-width:0;text-align:center}
.ppr-step{font-size:1.4rem;line-height:1;padding:.2rem .6rem}
.ppr-unit{min-width:1.6rem;color:var(--mut)}
.ppr-msg{margin:.2rem 0 0}
.ppr-margins{display:grid;gap:.1rem .8rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,12.5rem),1fr))}
.ppr-margins>*{min-width:0}
.ppr-page{width:100%;max-width:min(100%,26rem);margin:.5rem auto;background:#fff;border:1px solid var(--bf);box-shadow:0 2px 10px rgba(0,0,0,.28);line-height:0}
.ppr-page svg{display:block;width:100%;height:auto}
:root[data-theme="contrast"] .ppr-page{border:2px solid #fff;box-shadow:none}
.ppr-facts{margin:.5rem 0;padding-left:1.2rem}
.ppr-facts li{margin:.15rem 0}
.ppr-sw{display:inline-block;width:.9em;height:.9em;border-radius:50%;margin-right:.4em;vertical-align:-.1em;border:1px solid currentColor;box-sizing:border-box}
.ppr-tips{margin:.3rem 0;padding-left:1.2rem}
.ppr-tips li{margin:.35rem 0}
@media (min-width:58rem){
  .ppr-wrap{grid-template-columns:minmax(0,26rem) minmax(0,1fr);grid-template-areas:"type preview" "presets preview" "space preview" "more preview" "print preview";grid-template-rows:auto auto auto auto 1fr}
  .ppr-a-preview{align-self:start}
  .ppr-page{max-width:min(100%,21rem)}
  .ppr-page[data-orient="landscape"]{max-width:min(100%,30rem)}
}
@media (min-width:58rem) and (min-height:50rem){
  .ppr-a-preview{position:sticky;top:5rem}
}
/* the pages that are printed: hidden on screen */
.ppr-print{display:none}
.ppr-sheet{position:relative;overflow:hidden;margin:0;padding:0;border:0;background:#fff;break-after:page;page-break-after:always}
.ppr-sheet:last-child{break-after:auto;page-break-after:auto}
.ppr-sheet svg{display:block}
@media print{
  body.nt-print-on .ppr-print{display:block}
}

/* ---- reading-studio.css ---- */
/* reading studio (rst-) */
.rst-num .rst-numrow{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}
.rst-num input[type=number]{width:6.5rem;min-height:44px}
.rst-num input[type=range]{flex:1 1 10rem;min-width:8rem;min-height:44px;margin:0}
.rst-pickrow{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}
.rst-pickrow input[type=color]{width:56px;height:44px;min-height:44px;padding:2px;cursor:pointer}
.rst-pickrow input[type=text]{width:8.5rem;min-height:44px}
.rst-colors .nt-opt label,.rst-bands .nt-opt label{background:var(--sw-bg,var(--bg));color:var(--sw-fg,var(--fg));border:2px solid var(--bd);font-weight:500}
.rst-colors .nt-opt input:checked+label,.rst-bands .nt-opt input:checked+label{background:var(--sw-bg,var(--bg));color:var(--sw-fg,var(--fg));outline:3px solid var(--ac);outline-offset:2px;font-weight:700}
.rst-colors .nt-opt input:checked+label::before,.rst-bands .nt-opt input:checked+label::before{content:"\2713\00a0"}
.rst-contrast{margin:.5rem 0}
.rst-view{position:relative;box-sizing:border-box;background:var(--rst-bg);color:var(--rst-fg);font-family:var(--rst-font);font-size:calc(1rem * var(--rst-sz));line-height:var(--rst-lh);letter-spacing:var(--rst-ls);word-spacing:var(--rst-ws);text-align:left;padding:1rem 1.1rem;border:1px solid var(--bd);border-radius:10px;overflow-wrap:anywhere}
.rst-view p{margin:0 0 var(--rst-ps);max-width:var(--rst-w)}
.rst-view p:last-child{margin-bottom:0}
.rst-view:focus-visible{outline:3px solid var(--ac2);outline-offset:3px}
.rst-pv{position:sticky;top:0;z-index:2;max-height:30vh;overflow:auto;margin:.5rem 0 1rem}
.rst-one{font-size:1.15em}
.rst-s{cursor:pointer;border-radius:3px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.rst-s.rst-cur{outline:2px dotted currentColor;outline-offset:2px}
.rst-s.rst-on{background:rgba(128,128,128,.28);background:color-mix(in srgb,currentColor 18%,transparent);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.2em}
.rst-wrap{position:relative;margin:.8rem 0}
.rst-ov{position:absolute;inset:0;overflow:hidden;pointer-events:none;border-radius:10px}
.rst-ov[hidden]{display:none}
.rst-band{position:absolute;left:0;right:0;top:0;pointer-events:none;box-sizing:border-box;border-top:2px solid var(--rst-rc);border-bottom:2px solid var(--rst-rc);background:var(--rst-rt);box-shadow:0 0 0 100vmax rgba(0,0,0,var(--rst-dim))}
.rst-prog{font-weight:600;margin:.5rem 0}
.rst-print{display:none}
@media print{
.rst-print.nt-pa{display:block;background:var(--rst-bg)!important;color:var(--rst-fg)!important;font-family:var(--rst-font);font-size:calc(12pt * var(--rst-sz));line-height:var(--rst-lh);letter-spacing:var(--rst-ls);word-spacing:var(--rst-ws);text-align:left;padding:.8cm!important;overflow-wrap:break-word;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.rst-pi{max-width:var(--rst-w)}
.rst-print p{margin:0 0 var(--rst-ps);orphans:2;widows:2}
}

/* ---- speaking-ladder.css ---- */
/* ---- speaking steps worksheet ---- */
.spl-wrap{min-width:0}
.spl-wrap [hidden]{display:none!important}
.spl-top{margin:0 0 .7rem;padding-bottom:.5rem;border-bottom:1px solid var(--bd)}
.spl-top .nt-hint{margin:0}
.spl-ladder{list-style:decimal;margin:.5rem 0;padding:0 0 0 2.2rem}
.spl-ladder>li::marker{font-weight:700}
.spl-row{padding:.6rem .7rem;margin:.5rem 0;border:1px solid var(--bd);border-radius:12px;background:var(--bg)}
.spl-text{margin:0 0 .25rem;font-weight:600;white-space:pre-wrap;overflow-wrap:anywhere}
.spl-meta{margin:.1rem 0;color:var(--mut);font-size:.95rem}
.spl-try,.spl-notes{margin:.25rem 0;white-space:pre-wrap;overflow-wrap:anywhere}
.spl-bar{height:10px;border:1px solid var(--bd);border-radius:5px;margin:.4rem 0;overflow:hidden}
.spl-bar span{display:block;height:100%;background:var(--ac)}
.spl-row .nt-btns{margin-top:.45rem}
.spl-aside{margin:1rem 0}
.spl-aside summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:600}
.spl-num{max-width:7rem}
.spl-chips{margin:.7rem 0}
.spl-err{min-height:1.4em;margin:.3rem 0;font-weight:600}
.spl-err:not(:empty){border-left:4px solid var(--ac);padding:.3rem .7rem;background:var(--bg);border-radius:0 10px 10px 0}
.spl-form{margin:.5rem 0 1rem}
.spl-atts{margin:.5rem 0}
.spl-attc{display:block;padding:.6rem .7rem;margin:.5rem 0;border:1px solid var(--bd);border-radius:12px;background:var(--bg)}
.spl-awhen{margin:0;font-weight:700}
.spl-anums{margin:.15rem 0;color:var(--mut)}
.spl-atext{margin:.2rem 0;white-space:pre-wrap;overflow-wrap:anywhere}
.spl-attc .nt-btns{margin-top:.4rem}
.spl-facts{padding-left:1.3rem}
.spl-facts li{margin:.5rem 0}
.spl-sum{font-weight:600}
.spl-pshow{margin:.2rem 0}
.spl-ntable{min-width:24rem}
.spl-ntable caption{text-align:left;font-weight:600;padding:.2rem 0}
.spl-ntable th{overflow-wrap:normal}
.spl-when{grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr))}
.spl-nw{white-space:nowrap}

/* printing for a speech-language pathologist */
.spl-print{display:none}
@media print{
  .spl-print.nt-pa{display:block!important;background:#fff!important;color:#000!important;font:11pt/1.4 Georgia,"Times New Roman",serif}
  .spl-print h2{font-size:18pt;margin:0 0 .5rem}
  .spl-print h3{font-size:14pt;margin:1.1rem 0 .3rem}
  .spl-print h4{font-size:11.5pt;margin:.9rem 0 .3rem;white-space:pre-wrap;overflow-wrap:anywhere}
  .spl-print p{margin:.25rem 0}
  .spl-pl{padding-left:1.5rem;margin:.4rem 0}
  .spl-pl li{break-inside:avoid;margin:.5rem 0}
  .spl-pt{font-weight:700;white-space:pre-wrap;overflow-wrap:anywhere}
  .spl-pn{white-space:pre-wrap;overflow-wrap:anywhere}
  .spl-ptable{width:100%;border-collapse:collapse;font-size:9.5pt}
  .spl-ptable th,.spl-ptable td{border:1px solid #000;padding:.25rem .4rem;vertical-align:top;text-align:left}
  .spl-ptable td{overflow-wrap:anywhere}
  .spl-ptable th{overflow-wrap:normal;word-break:normal}
  .spl-ptable tr{break-inside:avoid}
}

/* ---- synesthesia-chooser.css ---- */
/* The color chooser shared by the three synesthesia tools. The colors a person chooses are content, so they are the only hard-coded colors; everything else uses the site's theme colors. */
.syc{display:grid;gap:1rem;min-width:0}
.syc-prev{border:2px solid var(--fg);border-radius:14px;padding:.7rem 1rem;min-height:4.2rem;display:flex;flex-direction:column;justify-content:center;gap:.1rem;min-width:0}
.syc-prev.none{border-style:dashed;background:var(--card);color:var(--mut)}
.syc-nm{font-weight:700;font-size:1.15rem;overflow-wrap:anywhere}
.syc-hx{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1rem}
.syc-pal,.syc-mix{border:0;padding:0;margin:0;min-width:0}
.syc-pal legend,.syc-mix legend{font-weight:600;padding:0;margin:0 0 .4rem}
.syc-mix{border:1px solid var(--bd);border-radius:12px;padding:.5rem .8rem .7rem}
.syc-mix legend{padding:0 .3rem}
.syc-grid{display:grid;gap:.4rem;grid-template-columns:repeat(auto-fill,minmax(4.6rem,1fr))}
.syc-sw{position:relative;display:block;min-width:0}
.syc-sw input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;z-index:1}
.syc-sw label{display:flex;flex-direction:column;gap:.2rem;height:100%;box-sizing:border-box;padding:.3rem;border:2px solid var(--bd);border-radius:10px;background:var(--bg);color:var(--fg);text-align:center;cursor:pointer;margin:0;min-height:44px;font-size:.84rem;line-height:1.2}
.syc-chip{display:block;height:1.7rem;border-radius:6px;border:1px solid var(--fg);flex:none}
.syc-pn{font-weight:600;overflow-wrap:anywhere}
.syc-ph{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.78rem;color:var(--mut)}
.syc-sw input:checked+label{border-color:var(--fg);box-shadow:0 0 0 3px var(--ac)}
.syc-sw input:checked+label .syc-pn::before{content:"\2713\00a0"}
.syc-sw input:focus-visible+label{outline:3px solid var(--ac2);outline-offset:2px}
.syc-row{display:grid;grid-template-columns:minmax(0,3.6rem) minmax(0,1fr) minmax(0,4.6rem);gap:.5rem;align-items:center;margin:.1rem 0}
.syc-ch{font-weight:600}
.syc-row input[type=range]{min-width:0;width:100%}
.syc-row input[type=number]{min-width:0;width:100%}
.syc-hexrow{grid-template-columns:minmax(0,5rem) minmax(0,1fr) minmax(0,3.6rem);margin-top:.4rem}
.syc-hexrow label{font-weight:600;margin:0}
.syc-hexrow input[type=text]{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;min-width:0;width:100%}
.syc-hexrow input[type=color]{width:100%;min-width:0}
/* on a phone (and at large text sizes) each slider gets a line of its own, so nothing is squeezed or pushed past the edge */
@media (max-width:26rem){
  .syc-row{grid-template-columns:minmax(0,1fr) minmax(0,5rem);grid-template-areas:"ch nb" "sl sl"}
  .syc-row .syc-ch{grid-area:ch}
  .syc-row input[type=number]{grid-area:nb}
  .syc-row input[type=range]{grid-area:sl}
  .syc-hexrow{grid-template-columns:minmax(0,1fr) minmax(0,3.6rem);grid-template-areas:"lb lb" "tx pk"}
  .syc-hexrow label{grid-area:lb}
  .syc-hexrow input[type=text]{grid-area:tx}
  .syc-hexrow input[type=color]{grid-area:pk}
}
.syc-msg{min-height:1.3em;margin:0}
html.calm .syc-sw label{transition:none}

/* ---- synesthesia-colorizer.css ---- */
/* ---- synesthesia colorizer (scz-) ---- */
.scz-wrap{min-width:0}
.scz-srcnote{margin:.3rem 0 .8rem}
.scz-ta{width:100%;box-sizing:border-box;min-height:9rem}
.scz-range{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:.6rem;align-items:baseline}
.scz-range>label{grid-column:1;margin:0}
.scz-range>.scz-val{grid-column:2;font-weight:600;text-align:right}
.scz-range>input{grid-column:1/-1}
.scz-printbox{margin:.5rem 0}
.scz-out{border:2px solid var(--bd);border-radius:14px;padding:1rem;background:var(--bg);color:var(--fg);white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;min-height:6rem;font-weight:600;box-sizing:border-box}
.scz-out.scz-empty{color:var(--mut);font-weight:400;border-style:dashed}
.scz-tile{padding:0 .04em;border-radius:.14em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.scz-foot{font-size:.85rem;color:var(--mut);margin:.4rem 0 0}
.scz-cover{margin:.6rem 0}
.scz-cover p{margin:.25rem 0}
.scz-legend{margin:.8rem 0}
.scz-legend>summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-weight:600}
.scz-legend-list{list-style:none;margin:.4rem 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:.3rem .8rem}
.scz-legend-list>li{display:flex;gap:.5rem;align-items:center;min-width:0;overflow-wrap:anywhere}
.scz-chip{display:inline-block;flex:none;width:1.2rem;height:1.2rem;border:1px solid var(--fg);border-radius:4px}
.scz-nochip{background:var(--card) repeating-linear-gradient(135deg,transparent 0 3px,var(--bd) 3px 4px)}
.scz-exports{margin:.5rem 0}
.scz-exportmsg{min-height:1.3em;font-weight:600;color:var(--fg)}
@media print{.scz-out{font-size:inherit}}

/* ---- synesthesia-consistency.css ---- */
/* Color consistency check. The colors a person chooses are the only hard-coded colors. Everything else uses the site's theme colors. */
.scn-main,.scn-box{min-width:0}
.scn-sets{flex-direction:column;align-items:stretch;gap:.4rem}
.scn-sets .nt-opt{display:block}
.scn-sets .nt-opt label{justify-content:flex-start;text-align:left;border-radius:12px;padding:.5rem .9rem}
.scn-plan{margin:.6rem 0}
.scn-top{display:flex;flex-wrap:wrap;gap:.2rem 1rem;align-items:center;justify-content:space-between}
.scn-top h2{margin:.5rem 0}
.scn-card{border:2px solid var(--fg);border-radius:18px;background:var(--card);color:var(--fg);padding:1rem;text-align:center;margin:.6rem 0}
.scn-item{font-size:clamp(4.5rem,22vw,8rem);font-weight:700;line-height:1.05;margin:0;overflow-wrap:anywhere}
.scn-item.scn-word{font-size:clamp(2rem,9vw,3.6rem);line-height:1.15}
.scn-kind{margin:.2rem 0 0;color:var(--mut);font-size:1rem}
.scn-ask{margin:.4rem 0 .8rem}
.scn-bar{display:grid;gap:.4rem;padding:.6rem 0;background:var(--bg);border-top:2px solid var(--bd);margin-top:1rem}
.scn-bar .nt-btns{display:flex;flex-wrap:wrap}
.scn-bar .nt-btns button{flex:1 1 8rem}
/* on a screen that is tall enough, the choice and the buttons stay in view while the colors are scrolled */
@media (min-height:36rem){
  .scn-bar{position:sticky;bottom:0;z-index:5}
  .scn-box .syc input,.scn-box .syc label{scroll-margin-bottom:calc(var(--scn-bar-h,9rem) + .6rem)}
}
.scn-bar.scn-flow{position:static}
.scn-pv{display:flex;align-items:center;gap:.6rem;min-width:0}
.scn-pvchip{flex:none;width:2.4rem;height:2.4rem;border-radius:8px;border:2px solid var(--fg)}
.scn-pvchip.none{border-style:dashed;background:var(--card)}
.scn-pvtxt{font-weight:600;overflow-wrap:anywhere;min-width:0}
.scn-msg{margin:0;min-height:1.3em;font-weight:600}
.scn-sum{margin:.8rem 0}
.scn-lab{margin:0;font-weight:600;color:var(--mut)}
.scn-facts{margin:.4rem 0 0;padding-left:1.2rem}
.scn-keep{margin:.8rem 0}
.scn-keep summary{min-height:44px;padding:.5rem 0;font-weight:600;cursor:pointer}
.scn-tablebox{margin:.5rem 0}
.scn-tablebox:focus-visible{outline:3px solid var(--ac2);outline-offset:2px}
.scn-table{min-width:31rem}
.scn-table th,.scn-table td{vertical-align:middle}
.scn-table td{min-width:6.5rem}
.scn-table tbody th,.scn-table thead th:first-child{min-width:6rem}
.scn-table tbody th,.scn-table thead th:first-child{position:sticky;left:0;background:var(--bg);z-index:1}
.scn-table thead th:first-child{z-index:2}
.scn-chip{display:block;width:100%;max-width:5rem;height:1.4rem;border-radius:5px;border:1px solid var(--fg);margin-bottom:.2rem}
.scn-hx{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85rem}
.scn-nm{display:block;font-size:.85rem;color:var(--mut)}
.scn-num{font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap}
.scn-none{color:var(--mut)}
.scn-exportmsg{min-height:1.3em;margin:.4rem 0 0}

/* ---- synesthesia-map.css ---- */
/* ---- synesthesia map (smp-) ---- */
.smp-wrap{min-width:0}
.smp-intro{margin:0 0 .6rem}
.smp-count{font-weight:600;margin:.4rem 0 .6rem}
.smp-grid{list-style:none;margin:.3rem 0 .8rem;padding:0;display:grid;gap:.45rem}
.smp-chars{grid-template-columns:repeat(auto-fill,minmax(3.5rem,1fr))}
.smp-words{grid-template-columns:repeat(auto-fill,minmax(7.2rem,1fr))}
.smp-grid>li{min-width:0}
.smp-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.05rem;width:100%;min-height:44px;padding:.2rem;border:2px solid var(--fg);border-radius:10px;font:inherit;line-height:1.1;cursor:pointer;box-sizing:border-box;overflow-wrap:anywhere}
.smp-sq{aspect-ratio:1/1;min-height:auto}   /* a square when the text fits, taller when the person's text settings make it bigger */
.smp-wd{min-height:3.4rem;font-size:.95rem}
.smp-ch{font-weight:700;font-size:1.5rem}
.smp-wd .smp-ch{font-size:1rem}
.smp-cap{font-size:.68rem;font-weight:600}
.smp-empty{background:var(--bg);color:var(--mut);border-style:dashed;border-color:var(--bd)}
.smp-none{background:var(--card);color:var(--fg);border-color:var(--bd);background-image:repeating-linear-gradient(135deg,transparent 0 6px,var(--bd) 6px 7px)}
.smp-lowsec[hidden]{display:none}
.smp-edhead{margin:.8rem 0 .4rem;font-size:1.35rem}
.smp-edtop{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;margin:.5rem 0 1rem}
.smp-edinfo{flex:1 1 14rem;min-width:0}
.smp-bigtile{display:flex;align-items:center;justify-content:center;width:6.5rem;height:6.5rem;flex:none;border:2px solid var(--fg);border-radius:16px;font-size:3.2rem;font-weight:700;text-align:center;overflow-wrap:anywhere;padding:.2rem;box-sizing:border-box;line-height:1.05}
.smp-bigword{font-size:1.15rem}
.smp-bigtile.smp-empty{border-style:dashed;border-color:var(--bd)}
.smp-state{margin:0 0 .5rem;font-weight:600}
.smp-edbtns,.smp-ednav,.smp-itemrow,.smp-foot,.smp-exports{margin:.5rem 0}
.smp-ednav{margin-top:1rem}
.smp-seq{border:2px solid var(--bd);border-radius:14px;padding:.4rem .9rem .8rem;margin:1rem 0;background:var(--bg)}
.smp-seq h4{margin:.5rem 0 .2rem;font-size:1.1rem}
.smp-room{margin:.2rem 0}
.smp-form{border:2px solid var(--bd);border-radius:14px;padding:.4rem .9rem .9rem;margin:1rem 0;background:var(--bg)}
.smp-form h3{margin-top:.5rem}
.smp-lbl{font-weight:600;margin:.8rem 0 .2rem}
.smp-colsum{margin:.2rem 0 .4rem}
.smp-colbox{margin:.6rem 0}
.smp-colbox[hidden]{display:none}
.smp-colline{display:inline-flex;gap:.4rem;align-items:center;flex-wrap:wrap}
.smp-chip{display:inline-block;flex:none;width:1.2rem;height:1.2rem;border:1px solid var(--fg);border-radius:4px;vertical-align:-.2em}
.smp-nochip{background:var(--card) repeating-linear-gradient(135deg,transparent 0 3px,var(--bd) 3px 4px)}
.smp-emptychip{border-style:dashed;background:transparent}
.smp-err{min-height:1.3em;margin:.4rem 0 0;font-weight:600}
.smp-ents{list-style:none;margin:.4rem 0;padding:0}
.smp-ent{border:2px solid var(--bd);border-radius:12px;padding:.5rem .8rem;margin:.5rem 0;background:var(--bg)}
.smp-ent p{margin:.15rem 0}
.smp-e1{font-weight:700}
.smp-types{border:0;padding:0;margin:.8rem 0;min-width:0}
.smp-types legend{font-weight:600;padding:0;margin:0 0 .3rem}
.smp-sheetbox{margin:.6rem 0}
.smp-sheet{border:2px solid var(--bd);border-radius:14px;padding:.8rem 1rem;background:var(--bg);min-width:0}
.smp-sheet h4{margin:.2rem 0;font-size:1.3rem}
.smp-sheet h5{margin:1.1rem 0 .3rem;font-size:1.05rem}
.smp-tbl{font-size:.88rem}
.smp-tbl th,.smp-tbl td{padding:.25rem .4rem}
.smp-lab{font-weight:700}
.smp-sother{padding-left:1.3rem;margin:.3rem 0}
.smp-sother li{margin:.4rem 0}
.smp-about dt{font-weight:700;margin-top:.5rem}
.smp-about dd{margin:.1rem 0 0 1rem}
.smp-pre{white-space:pre-wrap}
html.calm .smp-tile{transition:none}
@media print{.smp-sheet{font-size:10pt;border:0}.smp-sheet h5{break-after:avoid}.smp-tbl tr,.smp-sother li{break-inside:avoid}.smp-tbl{font-size:9pt}.smp-chip{border-color:#000}}

/* ---- tic-log.css ---- */
/* ---- Tic notes ---- */
.tcl-wrap{min-width:0}
.tcl-wrap [hidden]{display:none!important}
.tcl-top{margin:0 0 .7rem;padding-bottom:.5rem;border-bottom:1px solid var(--bd)}
.tcl-top .nt-hint{margin:0}
.tcl-list{margin:.5rem 0}
.tcl-card{display:block;padding:.6rem .7rem;margin:.5rem 0;border:1px solid var(--bd);border-radius:12px;background:var(--bg)}
.tcl-when{margin:0 0 .2rem;font-weight:700}
.tcl-line{margin:.15rem 0;white-space:pre-wrap;overflow-wrap:anywhere}
.tcl-card .nt-btns{margin-top:.45rem}
.tcl-filter{margin:1rem 0}
.tcl-fgrid{grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr))}
.tcl-when-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr))}
.tcl-chips{margin:.7rem 0}
.tcl-datehint{margin:.2rem 0 .6rem}
.tcl-err{min-height:1.4em;margin:.3rem 0;font-weight:600}
.tcl-err:not(:empty){border-left:4px solid var(--ac);padding:.3rem .7rem;background:var(--bg);border-radius:0 10px 10px 0}
.tcl-dmore,.tcl-tmore,.tcl-daymore{margin:.5rem 0}
.tcl-shareinfo{font-weight:600}

/* summary */
.tcl-sumlist{padding-left:1.3rem}
.tcl-sumlist li{margin:.45rem 0}
.tcl-table{min-width:36rem}
.tcl-daytable{min-width:30rem}
.tcl-table caption,.tcl-gtable caption{text-align:left;font-weight:600;padding:.2rem 0}
.tcl-table th,.tcl-table td,.tcl-gtable th,.tcl-gtable td{overflow-wrap:normal}
.tcl-nw{white-space:nowrap}
.tcl-group{margin:.8rem 0}
.tcl-gtable{min-width:0;width:100%;max-width:34rem;table-layout:fixed}
.tcl-gtable th[scope=row]{text-align:left;font-weight:400;width:62%}
.tcl-gtable td{overflow-wrap:anywhere}
.tcl-chartctl{margin:1rem 0 .3rem}
.tcl-chartbox:empty,.tcl-daybox:empty,.tcl-cntbox:empty{display:none}

/* chart of the person's own 1 to 5 choices */
.tcl-chart{display:block;width:100%;max-width:380px;height:auto;margin:.5rem 0}
.tcl-grid{stroke:var(--mut);stroke-width:.6}
.tcl-tick{fill:var(--fg);font:16px system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
.tcl-ln{fill:none;stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}
.tcl-st{stroke:var(--fg)}
.tcl-sw{stroke:var(--ac);stroke-dasharray:7 4}
svg .tcl-mk{stroke-width:2;stroke-dasharray:none}
svg .tcl-mk.tcl-st{fill:var(--fg)}
svg .tcl-mk.tcl-sw{fill:var(--ac)}
.tcl-legend{list-style:none;display:flex;flex-wrap:wrap;gap:.3rem 1.2rem;padding:0;margin:.4rem 0}
.tcl-legend li{display:flex;align-items:center;gap:.4rem;margin:0}
.tcl-key{flex:none;width:30px;height:14px;overflow:visible}

/* printing for a clinician */
.tcl-print{display:none}
@media print{
  .tcl-print.nt-pa{display:block!important;background:#fff!important;color:#000!important;font:11pt/1.4 Georgia,"Times New Roman",serif}
  .tcl-print h2{font-size:18pt;margin:0 0 .5rem}
  .tcl-print h3{font-size:14pt;margin:1.1rem 0 .3rem}
  .tcl-print p{margin:.25rem 0}
  .tcl-pl{padding-left:1.5rem;margin:.4rem 0}
  .tcl-pl li{break-inside:avoid;margin:.25rem 0}
  .tcl-pn{white-space:pre-wrap;overflow-wrap:anywhere}
  .tcl-ptable{width:100%;border-collapse:collapse;font-size:9.5pt;margin:.4rem 0}
  .tcl-ptable th,.tcl-ptable td{border:1px solid #000;padding:.25rem .4rem;vertical-align:top;text-align:left}
  .tcl-ptable td{overflow-wrap:anywhere}
  .tcl-ptable th{overflow-wrap:normal;word-break:normal}
  .tcl-ptable tr{break-inside:avoid}
  .tcl-pe{break-inside:avoid;border-top:1px solid #000;padding:.3rem 0;margin:.2rem 0}
  .tcl-print .tcl-pwhen{font-weight:700;margin:0}
  .tcl-print .tcl-pline{margin:.1rem 0}
  .tcl-plab{font-weight:700}
}

/* ---- word-helper.css ---- */
/* word helper (whp-) */
.whp-count{margin:.3rem 0;font-weight:600;color:var(--fg)}
.whp-sets{margin:.6rem 0;padding:0;list-style:none}
.whp-set{border:1px solid var(--bd);border-radius:14px;padding:.1rem 1rem 1rem;margin:.8rem 0;background:var(--bg)}
.whp-set[hidden],.whp-none[hidden]{display:none}
.whp-set h3{margin:.8rem 0 .5rem;font-size:1.2rem}
.whp-words{margin:0;display:grid;gap:.7rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr))}
.whp-word{border:1px solid var(--bd);border-radius:10px;padding:.55rem .75rem;background:var(--card);min-width:0}
.whp-word dt{font-size:1.4rem;font-weight:700;margin:0 0 .2rem;overflow-wrap:anywhere}
.whp-word dd{margin:.25rem 0;overflow-wrap:anywhere}
.whp-lbl{font-weight:600}
.whp-hl{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.15em}
.whp-exb{display:flex;margin-top:.2rem}
.whp-hint,.whp-note{margin:.7rem 0 0}
.whp-none{margin:.6rem 0}
.whp-form .nt-field{max-width:34rem}
.whp-top{margin:.4rem 0 .2rem}
.whp-lh{outline:none}
.whp-lh:focus-visible{outline:3px solid var(--ac2);outline-offset:3px}
.whp-empty{margin:.5rem 0;color:var(--mut)}
.whp-list{margin:.5rem 0;padding:0;list-style:none}
.whp-row{display:block;padding:.7rem .9rem}
.whp-rt{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}
.whp-w{font-size:1.5rem;font-weight:700;overflow-wrap:anywhere}
.whp-tag{display:inline-block;font-size:.85rem;font-weight:600;border:2px solid var(--fg);border-radius:99px;padding:.05rem .6rem}
.whp-meta{margin:.3rem 0}
.whp-last{color:var(--mut);font-size:.92rem}
.whp-easier .whp-w{font-weight:500}
.whp-act{display:flex;flex-wrap:wrap;gap:.3rem .9rem;align-items:center;margin-top:.4rem}
.whp-easy{min-height:44px}
.whp-edit .nt-field{max-width:34rem}
.whp-delhost{margin:.6rem 0 0}
.whp-practice{border:2px solid var(--bd);border-radius:14px;padding:.3rem 1rem 1rem;background:var(--bg);margin:.6rem 0}
.whp-practice[hidden],.whp-main[hidden]{display:none}
.whp-ph{margin:.8rem 0 .3rem;font-size:1.3rem}
.whp-stepline{font-weight:600;margin:.3rem 0}
.whp-big{font-size:clamp(2.2rem,11vw,4.2rem);font-weight:700;letter-spacing:.04em;text-align:center;margin:.6rem 0;overflow-wrap:anywhere}
.whp-big:focus-visible,.whp-result:focus-visible{outline:3px solid var(--ac2);outline-offset:4px}
.whp-covered{font-size:1.15rem;margin:.6rem 0}
.whp-result{margin:.4rem 0;font-size:1.25rem}
.whp-pair{margin:.3rem 0}
.whp-diff{margin:.6rem 0}
.whp-dline{display:flex;flex-wrap:wrap;gap:.4rem .7rem;align-items:center;margin:.3rem 0}
.whp-dl{min-width:5.2rem;font-weight:600}
.whp-letters{display:inline-flex;flex-wrap:wrap;gap:.25rem}
.whp-ch{display:inline-flex;align-items:center;justify-content:center;min-width:2.2rem;height:2.7rem;padding:0 .25rem;border:1px solid var(--bd);border-radius:6px;font-size:1.5rem;background:var(--card);box-sizing:border-box}
.whp-ch.whp-x{border:3px solid var(--fg);font-weight:800;text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:.15em}
.whp-ch.whp-gap{border:2px dashed var(--fg);background:transparent}
.whp-nh{font-weight:600;margin:.6rem 0 .1rem}
.whp-notes{margin:.2rem 0 .6rem;padding-left:1.3rem}
.whp-lrow{display:flex;flex-wrap:wrap;gap:.2rem;align-items:center;margin:.7rem 0}
.whp-lrow[hidden]{display:none}
.whp-lt{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:44px;min-height:56px;padding:.2rem .5rem;font:inherit;font-size:1.7rem;font-weight:600;border:2px solid var(--bd);border-radius:10px;background:var(--bg);color:var(--fg)}
.whp-lt[aria-pressed=true]{background:var(--ac);color:var(--bg);border-color:var(--ac)}
.whp-lastlt{background:var(--card);cursor:default}
.whp-bar{display:inline-block;width:6px;height:3.4rem;border-radius:3px;background:var(--fg);margin:0 .4rem}
.whp-bar[hidden]{display:none}
.whp-parts{display:flex;flex-wrap:wrap;gap:.4rem;margin:.5rem 0}
.whp-part{display:inline-block;border:2px solid var(--fg);border-radius:10px;padding:.3rem .8rem;font-size:1.6rem;font-weight:600;overflow-wrap:anywhere}
.whp-partsline{margin:.4rem 0;font-weight:600}
.whp-print{display:none}
@media print{
.whp-print.nt-pa{display:block!important;background:#fff!important;color:#000!important;padding:0!important}
.whp-pnote{font-size:10pt;margin:0 0 4mm!important}
.whp-cards{display:grid;grid-template-columns:1fr 1fr;gap:0}
.whp-card{display:flex;flex-direction:column;min-height:60mm;box-sizing:border-box;border:1px dashed #000;break-inside:avoid;page-break-inside:avoid}
.whp-cf{flex:1 1 50%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:26pt;font-weight:700;overflow-wrap:anywhere;border-bottom:1px solid #000;padding:2mm}
.whp-cb{flex:1 1 50%;padding:2mm 3mm;font-size:10.5pt}
.whp-cb p{margin:0 0 1.5mm}
}

/* ---- writing-planner.css ---- */
/* writing planner (wpl-) */
.wpl-ctx{margin:.3rem 0 .6rem;color:var(--mut);overflow-wrap:anywhere}
.wpl-types{border:0;padding:0;margin:.6rem 0;min-width:0}
.wpl-types legend{font-weight:600;padding:0;margin:0 0 .4rem}
.wpl-type{display:flex;align-items:flex-start;gap:.7rem;border:2px solid var(--bd);border-radius:12px;padding:.4rem .8rem;margin:.4rem 0;background:var(--bg)}
.wpl-type input{flex:none;width:1.4rem;height:1.4rem;margin:.65rem 0 0;accent-color:var(--ac)}
.wpl-type label{display:block;min-width:0;padding:.3rem 0;cursor:pointer;overflow-wrap:anywhere}
.wpl-type:has(input:checked){border-color:var(--ac);box-shadow:0 0 0 2px var(--ac)}
.wpl-type:focus-within{outline:3px solid var(--ac2);outline-offset:2px}
.wpl-tdesc{display:block;color:var(--mut);font-size:.95rem}
.wpl-frame{margin:.15rem 0;font-weight:600;overflow-wrap:anywhere}
.wpl-framebox{border:2px solid var(--bd);border-radius:12px;padding:.4rem .9rem;margin:.4rem 0 .8rem;background:var(--bg)}
.wpl-q{margin:.9rem 0}
.wpl-qbtns{margin:.3rem 0}
.nt-tool textarea.wpl-ta{min-height:5rem;font-size:1.05rem}
.nt-tool textarea.wpl-draft{min-height:18rem;font-size:1.1rem}
.wpl-hear{margin:.2rem 0;color:var(--mut);overflow-wrap:anywhere}
.wpl-hear[hidden]{display:none}
.wpl-skipped{margin:.2rem 0}
.wpl-group{margin:1.2rem 0;padding-top:.2rem;border-top:2px solid var(--bd)}
.wpl-item{border:1px solid var(--bd);border-radius:12px;padding:.1rem .9rem .5rem;margin:.7rem 0;background:var(--bg)}
.wpl-progress{font-weight:600;margin:.6rem 0}
.wpl-cards{list-style:none;margin:.8rem 0;padding:0;display:grid;gap:.9rem}
.wpl-card{border:2px solid var(--bd);border-radius:14px;padding:.7rem .9rem .8rem;background:var(--bg);min-width:0}
.wpl-chead{margin:0 0 .3rem}
.wpl-chead label{font-weight:700;display:block}
.wpl-role{font-weight:600;color:var(--ac2)}
.wpl-reads{margin:.2rem 0 .5rem;padding:.4rem .7rem;border-left:4px solid var(--ac);background:var(--card);overflow-wrap:anywhere}
.wpl-reads[hidden]{display:none}
.wpl-more{margin:.4rem 0}
.wpl-more summary,.wpl-check summary{display:list-item;padding:.7rem 0;cursor:pointer;font-weight:600}
.wpl-cardmsg{margin:.3rem 0 0;overflow-wrap:anywhere}
.wpl-count{font-weight:600;margin:.3rem 0}
.wpl-check{margin:.8rem 0}
.wpl-card [hidden],.wpl-q [hidden]{display:none!important}
.wpl-print,.wpl-sheet{display:none}
@media print{
.wpl-print.nt-pa{display:block!important;background:#fff!important;color:#000!important;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13pt;line-height:1.6}
.wpl-sheet.nt-pa{display:block!important;background:#fff!important;color:#000!important;font-size:11pt;line-height:1.35}
.wpl-stitle{font-size:16pt;font-weight:700;margin:0 0 4mm!important}
.wpl-sname{margin:0 0 5mm!important;font-size:12pt}
.wpl-sbox{break-inside:avoid;margin:0 0 4mm!important}
.wpl-slabel{font-weight:700;margin:0 0 .5mm!important;font-size:11.5pt}
.wpl-shint{margin:0 0 1mm!important;font-size:9.5pt;color:#222}
.wpl-line{height:8mm;border-bottom:.3mm solid #000}
.wpl-sgroup{font-weight:700;font-size:13pt;margin:4mm 0 2mm!important;break-after:avoid}
}