/* learn.shareyourgroup.com/tables */
.tt-box{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));margin:14px 0}
.tt-box.many{grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr))}
.tt-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:14px 16px}
.tt-h{font-size:1.02rem;margin:0 0 8px;color:var(--accent)}.tt-h a{color:inherit}
.tt{list-style:none;padding:0;margin:0;font:500 1.12rem/1.85 var(--mono)}
.tt b{font-weight:700}
.tt.cols2{columns:2 150px;column-gap:24px;margin:10px 0}
.tt.hi li{line-height:1.5;padding:4px 0;border-bottom:1px dashed var(--line)}.tt.hi li:last-child{border:0}
.tt.hi span{display:block;font:400 1rem/1.5 'Noto Sans Devanagari',var(--font);color:var(--soft)}
.hi{font-size:1.05rem;line-height:1.9}
table.mini{width:auto;font:500 1rem/1.4 var(--mono)}table.mini td{border:0;padding:3px 10px 3px 0;white-space:nowrap}
.nums a small{font-family:var(--mono)}
.mc{font-family:var(--mono);font-size:.9rem;width:auto;min-width:100%}
.mc td,.mc th{text-align:center;padding:7px 5px;border:1px solid var(--line);position:static}
.mc .sq{background:color-mix(in srgb,var(--accent) 22%,transparent);font-weight:700}
.sqc td{font-family:var(--mono)}
.wrap>.acts,.prose .acts,.tt-box+.acts{display:flex}
/* practice */
.q-count{color:var(--soft);text-align:center;margin:0}
.q-big{font:600 clamp(2rem,9vw,3.2rem)/1.2 var(--mono);text-align:center;margin:.2em 0}
.q-ans{font:600 2rem/1.2 var(--mono);text-align:center;min-height:52px;margin:0 auto;max-width:200px;border-bottom:3px solid var(--accent)}
.q-fb{text-align:center;font-weight:700;min-height:1.6em;margin:.4em 0}.q-fb.good{color:var(--ok)}.q-fb.bad{color:var(--bad)}
.pad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-width:330px;margin:8px auto}
.pad button{min-height:56px;font:600 1.35rem var(--mono);border-radius:12px;border:1px solid var(--field-line);background:var(--field);color:var(--ink);cursor:pointer;touch-action:manipulation}
.pad button.ok{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
.pad button:active{transform:scale(.96)}
#q-done{text-align:center}#q-done .acts{justify-content:center}#q-done ul{text-align:left;font-family:var(--mono)}
/* print maker paper */
.paper{background:#fff;color:#000;border:1px solid var(--line);border-radius:10px;padding:18px;margin:16px 0;overflow-x:auto}
.paper h2{margin:0 0 10px;font-size:1.15rem;color:#000}
.paper .p-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px 10px}
.paper caption{font-weight:700;text-align:left;padding-bottom:2px;font-family:var(--font)}
.paper table.mini{font-size:.92rem}.paper table.mini td{color:#000}
.paper i{display:inline-block;width:46px;border-bottom:1px solid #000;height:1em}
.paper .mc{min-width:0;width:100%;font-size:.85rem}.paper .mc td,.paper .mc th{border:1px solid #333;color:#000;background:#fff;height:30px}
.paper .mc .sq{background:#e6e6e6}.paper .mc.small{font-size:.68rem}.paper .mc.small td,.paper .mc.small th{padding:4px 1px;height:26px}
.paper .p-foot{font-size:.85rem;margin:14px 0 0;color:#000}
@media print{
  html.p-only main>*:not(.p-keep):not(:has(.p-keep)){display:none!important}
  html.p-only .p-keep~*,html.p-only .finder>*:not(.p-keep){display:none!important}
  html.p-only .finder{display:block!important;border:0;box-shadow:none;padding:0}
  html.p-only .wrap:not(.p-keep)>*:not(.p-keep):not(.finder){display:none!important}
  html.p-only .acts,html.p-only .hint{display:none!important}
  .tt-card,.paper{border:0;padding:6px}.paper{margin:0}
  .tt-box.many{grid-template-columns:repeat(5,1fr);gap:4px}
  .tbl{border:0;overflow:visible}.mc{font-size:.7rem}.mc td,.mc th{padding:3px 2px}
  th{position:static}
  @page{margin:12mm}
}