.mow-atolye {
  
  --paper: #F4EEDF;
  --paper-deep: #E9DFC6;
  --ink: #1E2427;
  --steel: #56636B;
  --olive: #5F6B2B;
  --olive-dark: #2F3519;
  --night: #2A3236;
  --roundel: #B3122D;
  --line: #CDC3A6;
  --tape: #EFE4C4;
  --ok: #4E5B21;
  --warn: #A3670F;
  --font-display: "Barlow Condensed", "Arial Narrow", sans-serif;
  --font-body: "Source Serif 4", Georgia, serif;
  --font-ui: "Barlow", "Helvetica Neue", Arial, sans-serif;
  --font-type: "Special Elite", "Courier New", monospace;
  color-scheme: light;
}
.mow-atolye * { box-sizing: border-box; }
.mow-atolye [hidden] { display: none !important; }
.mow-atolye html, .mow-atolye { margin: 0; }
.mow-atolye {
  
  utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .45  0 0 0 0 .36  0 0 0 0 .2  0 0 0 .09 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
  color: var(--ink);
  font: 400 16px/1.55 var(--font-body);
  
}
.mow-atolye a { color: var(--olive-dark); text-underline-offset: 2px; }
.mow-atolye button { font: inherit; color: inherit; }
.mow-atolye :focus-visible { outline: 2px solid var(--roundel); outline-offset: 2px; }
.mow-atolye .mast {
  background:
    repeating-linear-gradient(0deg, rgba(232,223,196,.06) 0 1px, transparent 1px 24px),
    repeating-linear-gradient(90deg, rgba(232,223,196,.06) 0 1px, transparent 1px 24px),
    linear-gradient(180deg, #343c2a, var(--olive-dark));
  color: var(--paper);
  border-bottom: 3px double rgba(239,228,196,.5);
}
.mow-atolye .mast-inner { max-width: 1240px; margin: 0 auto; padding: 18px 20px 20px; display: grid; grid-template-columns: auto 1fr auto; gap: 18px 28px; align-items: end; }
.mow-atolye .wordmark {
  font: 700 30px/1 var(--font-display); letter-spacing: .08em; text-transform: uppercase;
  background: linear-gradient(180deg, #F1E7CB, #CBBE98); -webkit-background-clip: text; background-clip: text; color: transparent;
  padding: 6px 14px; border: 2px solid rgba(239,228,196,.55); outline: 1px solid rgba(239,228,196,.25); outline-offset: 3px;
}
.mow-atolye .mast-title h1 { margin: 0; font: 600 44px/1 var(--font-display); letter-spacing: .01em; text-wrap: balance; }
.mow-atolye .mast-title .crumb { font: 500 12px/1 var(--font-ui); letter-spacing: .22em; text-transform: uppercase; color: #CFC3A0; margin-bottom: 8px; }
.mow-atolye .mast-title p { margin: 8px 0 0; font: italic 400 16px/1.45 var(--font-body); color: #E3D9BC; max-width: 60ch; }
.mow-atolye .beta { font: 600 12px/1.3 var(--font-ui); letter-spacing: .14em; text-transform: uppercase; color: #E3D9BC; text-align: right; }
.mow-atolye .beta b { display: inline-block; border: 1.5px solid var(--roundel); color: #F3B2BC; padding: 3px 8px; margin-bottom: 6px; transform: rotate(-2deg); }
.mow-atolye .beta span { display: block; letter-spacing: .06em; text-transform: none; font-weight: 400; color: #CFC3A0; }
@media (max-width: 900px) {
.mow-atolye .mast-inner { grid-template-columns: 1fr; }
.mow-atolye .beta { text-align: left; }
}
.mow-atolye .panel-h { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 12px; border-top: 2px solid var(--olive); padding-top: 8px; margin-bottom: 12px; }
.mow-atolye .panel-h h2 { margin: 0; font: 600 24px/1.1 var(--font-display); letter-spacing: .02em; }
.mow-atolye .panel-h .sub { font: 500 12px/1 var(--font-ui); letter-spacing: .16em; text-transform: uppercase; color: var(--steel); }
.mow-atolye .lookup { position: relative; }
.mow-atolye .lookup label { display: block; font: 600 12px/1 var(--font-ui); letter-spacing: .16em; text-transform: uppercase; color: var(--steel); margin-bottom: 8px; }
.mow-atolye .search {
  display: flex; align-items: center; gap: 10px; background: #FBF7EC; border: 1.5px solid var(--ink); padding: 0 12px;
  box-shadow: 3px 3px 0 rgba(47,53,25,.25);
}
.mow-atolye .search input { flex: 1; min-width: 0; border: 0; background: transparent; font: 400 22px/1 var(--font-type); padding: 14px 0; color: var(--ink); }
.mow-atolye .search input:focus { outline: none; }
.mow-atolye .search:focus-within { box-shadow: 3px 3px 0 var(--roundel); }
.mow-atolye .chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
.mow-atolye .chip { border: 1px solid var(--line); background: rgba(251,247,236,.7); padding: 5px 10px; font: 500 13px/1 var(--font-ui); cursor: pointer; }
.mow-atolye .chip:hover { border-color: var(--olive); background: #FBF7EC; }
.mow-atolye .hits { margin-top: 12px; display: grid; gap: 6px; }
.mow-atolye .hit { display: grid; grid-template-columns: 92px 1fr auto; gap: 12px; align-items: center; text-align: left; width: 100%;
  border: 1px solid var(--line); background: #FBF7EC; padding: 8px 12px; cursor: pointer; }
.mow-atolye .hit:hover, .mow-atolye .hit[aria-current="true"] { border-color: var(--ink); box-shadow: 2px 2px 0 rgba(47,53,25,.2); }
.mow-atolye .hit .k { font: 600 18px/1 var(--font-display); letter-spacing: .02em; }
.mow-atolye .hit .t { font: 400 14px/1.3 var(--font-ui); color: var(--steel); }
.mow-atolye .hit .t b { color: var(--ink); font-weight: 600; }
.mow-atolye .kind { font: 600 10px/1 var(--font-ui); letter-spacing: .14em; text-transform: uppercase; color: var(--steel); border: 1px solid var(--line); padding: 3px 6px; }
.mow-atolye .empty { font: italic 15px/1.5 var(--font-body); color: var(--steel); padding: 10px 2px; }
.mow-atolye .sheet {
  position: relative; margin-top: 18px; background: #FCF9F0; border: 1px solid #D8CDAE;
  box-shadow: 0 1px 0 #fff inset, 0 18px 30px -18px rgba(60,44,14,.45), 0 2px 4px rgba(60,44,14,.12);
  padding: 26px 26px 22px;
}
.mow-atolye .sheet::before { content: ""; position: absolute; top: -9px; left: 38px; width: 92px; height: 22px; background: rgba(239,228,196,.85); transform: rotate(-3deg); box-shadow: 0 1px 2px rgba(0,0,0,.12); }
.mow-atolye .sheet-top { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 16px; align-items: start; }
.mow-atolye .code-big { overflow-wrap: anywhere; }
@media (max-width: 520px) {
.mow-atolye .sheet-top { grid-template-columns: minmax(0,1fr); }
.mow-atolye .sheet-top .stamp { justify-self: start; }
}
.mow-atolye .sheet .eyebrow { font: 600 12px/1 var(--font-ui); letter-spacing: .2em; text-transform: uppercase; color: var(--steel); }
.mow-atolye .code-big { font: 700 64px/.95 var(--font-display); letter-spacing: .01em; margin: 6px 0 2px; }
.mow-atolye .code-big small { font-size: 26px; color: var(--steel); font-weight: 600; margin-left: 8px; }
.mow-atolye .names { font: 600 22px/1.25 var(--font-body); }
.mow-atolye .names .tr { display: block; font: 400 15px/1.4 var(--font-ui); color: var(--steel); margin-top: 2px; }
.mow-atolye .stamp {
  --c: var(--olive); color: var(--c); border: 3px solid var(--c); padding: 6px 12px 5px; font: 700 18px/1 var(--font-display);
  letter-spacing: .12em; text-transform: uppercase; transform: rotate(-6deg); white-space: nowrap; opacity: .9;
  -webkit-mask-image: radial-gradient(circle at 30% 40%, #000 60%, rgba(0,0,0,.55) 61%, #000 75%);
          mask-image: radial-gradient(circle at 30% 40%, #000 60%, rgba(0,0,0,.55) 61%, #000 75%);
}
.mow-atolye .stamp.bad { --c: var(--roundel); }
.mow-atolye .stamp.warn { --c: var(--warn); }
.mow-atolye .stamp.mute { --c: var(--steel); }
.mow-atolye .stamp.slam { animation: slam .32s cubic-bezier(.2,.9,.3,1.3) both; }
@keyframes slam { from { transform: rotate(-14deg) scale(1.9); opacity: 0; } to { transform: rotate(-6deg) scale(1); opacity: .9; } }
.mow-atolye .variants { display: flex; gap: 6px; flex-wrap: wrap; margin: 14px 0 4px; }
.mow-atolye .variants button { border: 1px solid var(--line); background: transparent; padding: 5px 10px; font: 600 13px/1 var(--font-ui); cursor: pointer; }
.mow-atolye .variants button[aria-pressed="true"] { background: var(--ink); color: var(--paper); border-color: var(--ink); }
.mow-atolye .facts { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); margin: 16px 0; }
.mow-atolye .facts div { padding: 10px 12px 10px 0; }
.mow-atolye .facts div + div { padding-left: 12px; border-left: 1px solid var(--line); }
.mow-atolye .facts dt { font: 600 11px/1 var(--font-ui); letter-spacing: .16em; text-transform: uppercase; color: var(--steel); margin-bottom: 6px; }
.mow-atolye .facts dd { margin: 0; font: 600 17px/1.2 var(--font-display); letter-spacing: .02em; }
@media (max-width: 520px) {
.mow-atolye .facts { grid-template-columns: 1fr 1fr; }
.mow-atolye .facts div:nth-child(3) { border-left: 0; padding-left: 0; }
.mow-atolye .code-big { font-size: 48px; }
}
.mow-atolye .timeline { margin: 6px 0 4px; }
.mow-atolye .tl-track { position: relative; height: 26px; border-bottom: 1px solid var(--ink); background: repeating-linear-gradient(90deg, transparent 0 calc(100%/13 - 1px), rgba(30,36,39,.18) calc(100%/13 - 1px) calc(100%/13)); }
.mow-atolye .tl-bar { position: absolute; top: 7px; height: 12px; background: var(--olive); }
.mow-atolye .tl-bar.fade-l { -webkit-mask-image: linear-gradient(90deg, transparent, #000 40%); mask-image: linear-gradient(90deg, transparent, #000 40%); }
.mow-atolye .tl-bar.fade-r { -webkit-mask-image: linear-gradient(270deg, transparent, #000 40%); mask-image: linear-gradient(270deg, transparent, #000 40%); }
.mow-atolye .tl-years { display: flex; justify-content: space-between; font: 500 11px/1 var(--font-ui); color: var(--steel); margin-top: 4px; font-variant-numeric: tabular-nums; }
.mow-atolye .tl-note { font: italic 14px/1.45 var(--font-body); color: var(--steel); margin-top: 6px; }
.mow-atolye .sect { margin-top: 18px; }
.mow-atolye .sect h3 { margin: 0 0 8px; font: 600 15px/1 var(--font-ui); letter-spacing: .16em; text-transform: uppercase; color: var(--olive-dark); display: flex; align-items: center; gap: 10px; }
.mow-atolye .sect h3::after { content: ""; flex: 1; height: 1px; background: var(--line); }
.mow-atolye .prose { max-width: 65ch; margin: 0; }
.mow-atolye .note { margin-top: 10px; padding: 10px 12px; background: rgba(163,103,15,.08); border-left: 3px solid var(--warn); font: 400 15px/1.5 var(--font-body); max-width: 65ch; }
.mow-atolye .aka { display: flex; flex-wrap: wrap; gap: 6px; }
.mow-atolye .aka span { font: 500 13px/1 var(--font-ui); border: 1px dashed var(--line); padding: 5px 8px; }
.mow-atolye .aka i { font-style: normal; color: var(--steel); font-size: 11px; margin-left: 4px; }
.mow-atolye .schemes { display: flex; flex-wrap: wrap; gap: 8px; }
.mow-atolye .scheme-btn { border: 1.5px solid var(--ink); background: #FBF7EC; padding: 6px 10px; font: 600 16px/1 var(--font-display); letter-spacing: .04em; cursor: pointer; }
.mow-atolye .scheme-btn small { font: 500 11px/1 var(--font-ui); color: var(--steel); margin-left: 6px; letter-spacing: .04em; }
.mow-atolye .verdict { display: grid; grid-template-columns: 1fr auto; gap: 14px; align-items: center; background: var(--paper-deep); border: 1px solid #D3C59E; padding: 14px 16px; }
.mow-atolye .verdict p { margin: 0; font: 400 15px/1.45 var(--font-body); }
.mow-atolye .rows { display: grid; gap: 6px; margin-top: 10px; }
.mow-atolye .prow { display: grid; grid-template-columns: 26px minmax(0,1fr) auto; gap: 10px; align-items: center; padding: 8px 10px; background: #FBF7EC; border: 1px solid var(--line); }
.mow-atolye .prow .dot { width: 20px; height: 20px; border-radius: 50%; display: grid; place-items: center; font: 700 12px/1 var(--font-ui); color: #fff; background: var(--steel); }
.mow-atolye .prow .dot.have { background: var(--ok); }
.mow-atolye .prow .dot.low { background: var(--warn); }
.mow-atolye .prow .dot.no { background: var(--roundel); }
.mow-atolye .prow .dot.pend { background: transparent; color: var(--steel); border: 1.5px dashed var(--steel); }
.mow-atolye .prow .main { font: 400 14px/1.35 var(--font-ui); }
.mow-atolye .prow .main b { font-family: var(--font-display); font-size: 17px; letter-spacing: .02em; font-weight: 600; }
.mow-atolye .prow .main .src { display: block; color: var(--steel); font-size: 12.5px; }
.mow-atolye .tag { font: 600 10.5px/1 var(--font-ui); letter-spacing: .12em; text-transform: uppercase; padding: 4px 6px; border: 1px solid currentColor; color: var(--steel); white-space: nowrap; }
.mow-atolye .tag.ok { color: var(--ok); }
.mow-atolye .tag.warn { color: var(--warn); }
.mow-atolye .recipe { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 6px 12px; align-items: center; padding: 10px 12px; background: #FBF7EC; border: 1px solid var(--line); border-left: 4px solid var(--line); }
.mow-atolye .recipe.ok { border-left-color: var(--ok); }
.mow-atolye .formula { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; grid-column: 1; }
.mow-atolye .part { display: inline-flex; align-items: baseline; gap: 4px; border: 1.5px solid var(--ink); background: var(--tape); padding: 4px 8px 3px; font: 400 15px/1 var(--font-type); cursor: pointer; transform: rotate(-1deg); }
.mow-atolye .part b { font-weight: 400; }
.mow-atolye .part span { font: 600 13px/1 var(--font-ui); color: var(--steel); }
.mow-atolye .part.have { border-color: var(--ok); box-shadow: inset 0 -3px 0 var(--ok); }
.mow-atolye .part.low { border-color: var(--warn); box-shadow: inset 0 -3px 0 var(--warn); }
.mow-atolye .part.no, .mow-atolye .part.pend { border-style: dashed; color: var(--steel); }
.mow-atolye .plus { font: 600 16px/1 var(--font-display); color: var(--steel); }
.mow-atolye .rmeta { grid-column: 1; font: 400 13.5px/1.4 var(--font-ui); }
.mow-atolye .rmeta .src { display: block; color: var(--steel); font-size: 12.5px; }
.mow-atolye .recipe .tag { grid-column: 2; grid-row: 2 / span 2; }
.mow-atolye .mlabels { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 6px; }
.mow-atolye .mlabel { font: 600 10px/1 var(--font-ui); letter-spacing: .14em; text-transform: uppercase; padding: 3px 6px; background: var(--olive-dark); color: #F3F4F1; }
.mow-atolye .mlabel.mfr { background: var(--steel); }
.mow-atolye .mlabel.community { background: #8A5A2B; }
.mow-atolye .mlabel.build { background: transparent; color: var(--olive-dark); border: 1px solid var(--olive-dark); }
.mow-atolye .mlabel.open { background: transparent; color: var(--warn); border: 1px dashed var(--warn); }
.mow-atolye .prow .mlabels { grid-column: auto; margin-top: 4px; }
.mow-atolye .hit.sug { border-style: dashed; background: transparent; }
.mow-atolye .hit.sug .kind { color: var(--warn); border-color: currentColor; }
.mow-atolye .sheet-verdict { margin-top: 14px; }
.mow-atolye .sheet-verdict > h3 { margin-bottom: 8px; }
@media (max-width: 520px) {
.mow-atolye .recipe { grid-template-columns: 1fr; }
.mow-atolye .recipe .tag { grid-column: 1; grid-row: auto; justify-self: start; }
}
.mow-atolye .queue { margin-top: 8px; padding: 12px 14px; border: 1.5px dashed var(--steel); font: 400 14.5px/1.5 var(--font-ui); color: var(--ink); }
.mow-atolye .queue ol { margin: 6px 0 0; padding-left: 20px; columns: 2; column-gap: 24px; font-size: 13px; color: var(--steel); }
@media (max-width: 520px) {
.mow-atolye .queue ol { columns: 1; }
}
.mow-atolye .srcs { margin: 0; padding: 0; list-style: none; display: grid; gap: 6px; font: 400 13.5px/1.4 var(--font-ui); }
.mow-atolye .srcs li { display: grid; grid-template-columns: auto 1fr; gap: 8px; align-items: baseline; }
.mow-atolye .w { font: 600 10px/1 var(--font-ui); letter-spacing: .12em; text-transform: uppercase; padding: 3px 5px; border: 1px solid var(--line); color: var(--steel); min-width: 74px; text-align: center; }
.mow-atolye .w.primary, .mow-atolye .w.strong { color: var(--olive-dark); border-color: var(--olive); }
.mow-atolye .srcs .claims { color: var(--steel); }
.mow-atolye .tally { display: grid; grid-template-columns: repeat(4, 1fr); border: 1.5px solid var(--ink); background: #FBF7EC; margin-bottom: 12px; }
.mow-atolye .tally div { padding: 8px 10px; text-align: center; }
.mow-atolye .tally div + div { border-left: 1px solid var(--line); }
.mow-atolye .tally b { display: block; font: 700 28px/1 var(--font-display); font-variant-numeric: tabular-nums; }
.mow-atolye .tally span { font: 600 10.5px/1.2 var(--font-ui); letter-spacing: .12em; text-transform: uppercase; color: var(--steel); }
.mow-atolye .audit { display: grid; grid-template-columns: 1fr auto; gap: 10px; align-items: center; background: var(--night); color: var(--paper); padding: 12px 14px; margin-bottom: 14px; }
.mow-atolye .audit p { margin: 0; font: 400 14px/1.4 var(--font-ui); color: #DCD3B8; }
.mow-atolye .audit p b { color: var(--paper); font-weight: 600; }
.mow-atolye .meter { height: 6px; background: rgba(239,228,196,.15); margin-top: 8px; }
.mow-atolye .meter i { display: block; height: 100%; background: #C9B77D; transition: width .3s; }
.mow-atolye .btn { border: 1.5px solid var(--ink); background: var(--ink); color: var(--paper); padding: 9px 14px; font: 600 14px/1 var(--font-ui); letter-spacing: .04em; cursor: pointer; }
.mow-atolye .btn.light { background: #FBF7EC; color: var(--ink); }
.mow-atolye .btn.on-dark { border-color: #C9B77D; background: #C9B77D; color: var(--ink); }
.mow-atolye .btn:hover { filter: brightness(1.1); }
.mow-atolye .cab {
  background: linear-gradient(180deg, #4A3B26, #3B2E1D); padding: 14px 12px 6px; border: 2px solid #2B2115;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.06), 0 14px 24px -14px rgba(0,0,0,.5);
}
.mow-atolye .row { margin-bottom: 12px; }
.mow-atolye .jars { display: flex; flex-wrap: wrap; gap: 8px 6px; align-items: flex-end; padding: 0 4px; min-height: 76px; }
.mow-atolye .plank { height: 14px; background: linear-gradient(180deg, #B58A57, #8C6638 60%, #6E4F2A); box-shadow: 0 4px 6px -2px rgba(0,0,0,.6); border-radius: 1px; }
.mow-atolye .rail { display: flex; justify-content: space-between; font: 600 10.5px/1 var(--font-ui); letter-spacing: .16em; text-transform: uppercase; color: #E7D7AE; padding: 5px 2px 0; }
.mow-atolye .jar { width: 56px; height: 74px; position: relative; border: 0; background: transparent; padding: 0; cursor: pointer; transition: transform .15s; }
.mow-atolye .jar:hover { transform: translateY(-3px); }
.mow-atolye .jar .lid { position: absolute; left: 6px; right: 6px; top: 0; height: 14px; background: linear-gradient(180deg, #3A4247, #1E2427); border-radius: 2px 2px 1px 1px; box-shadow: inset 0 -2px 0 rgba(255,255,255,.08); }
.mow-atolye .jar .lid::after { content: ""; position: absolute; inset: 3px 0 auto; height: 1px; background: rgba(255,255,255,.12); box-shadow: 0 3px 0 rgba(255,255,255,.08), 0 6px 0 rgba(255,255,255,.06); }
.mow-atolye .jar .glass { position: absolute; left: 3px; right: 3px; top: 13px; bottom: 0; border-radius: 4px 4px 6px 6px; background: linear-gradient(90deg, rgba(255,255,255,.25), rgba(255,255,255,.05) 35%, rgba(255,255,255,.18) 80%, rgba(255,255,255,.05)); border: 1px solid rgba(255,255,255,.28); overflow: hidden; }
.mow-atolye .jar .fill { position: absolute; left: 0; right: 0; bottom: 0; height: 0; background: linear-gradient(90deg, #6F6A5C, #8D8673 40%, #6F6A5C); transition: height .35s ease; }
.mow-atolye .jar[data-s="have"] .fill { height: 86%; }
.mow-atolye .jar[data-s="low"] .fill { height: 26%; }
.mow-atolye .jar[data-s="no"] .glass { border-style: dashed; opacity: .55; }
.mow-atolye .jar[data-s="pend"] .glass { border: 1.5px dashed rgba(239,228,196,.65); background: rgba(255,255,255,.04); }
.mow-atolye .jar .label { position: absolute; left: 1px; right: 1px; top: 30px; background: var(--tape); color: var(--ink); font: 400 12px/1.05 var(--font-type); padding: 4px 1px 3px; transform: rotate(-2deg); box-shadow: 0 1px 1px rgba(0,0,0,.25); text-align: center; overflow-wrap: anywhere; }
.mow-atolye .jar[data-s="no"] .label { text-decoration: line-through; text-decoration-color: var(--roundel); }
.mow-atolye .jar .mark { position: absolute; right: -4px; top: 8px; width: 18px; height: 18px; border-radius: 50%; font: 700 11px/18px var(--font-ui); text-align: center; color: #fff; }
.mow-atolye .jar[data-s="pend"] .mark { background: #C9B77D; color: var(--ink); }
.mow-atolye .jar[data-s="low"] .mark { background: var(--warn); }
.mow-atolye .jar[data-s="no"] .mark { background: var(--roundel); }
.mow-atolye .jar.flash { animation: settle .45s ease; }
.mow-atolye .jar.sel::before { content: ""; position: absolute; inset: -5px -4px -4px; border: 2px solid #D9B45A; border-radius: 6px; box-shadow: 0 0 0 1px rgba(30,36,39,.55), 0 0 9px rgba(217,180,90,.5); pointer-events: none; }
.mow-atolye .sel-head { margin: 0 0 12px; padding: 0 0 10px; border-bottom: 1px solid var(--line); font: 400 13.5px/1.4 var(--font-ui); color: var(--steel); }
.mow-atolye .sel-head .eyebrow { display: block; margin-bottom: 6px; color: #8A6A1F; }
.mow-atolye .sel-head p { margin: 0; }
.mow-atolye .sel-head p + p { margin-top: 4px; }
.mow-atolye .sel-head b { color: var(--ink); font-weight: 600; }
.mow-atolye .move-note { margin: 6px 0 0; font: 400 13.5px/1.4 var(--font-ui); color: var(--ok); }
.mow-atolye .move-note.err { color: var(--roundel); }
.mow-atolye .move-note button { margin-left: 8px; font: 600 13px/1 var(--font-ui); padding: 4px 8px; border: 1px solid currentColor; background: transparent; color: inherit; cursor: pointer; }
@keyframes settle { 0% { transform: translateY(-10px); } 60% { transform: translateY(2px); } 100% { transform: none; } }
.mow-atolye .rack-tabs { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 8px; align-items: center; }
.mow-atolye .rack-tabs button { border: 1px solid var(--line); background: transparent; padding: 6px 10px; font: 600 13px/1.1 var(--font-ui); cursor: pointer; color: var(--ink); max-width: 220px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-height: 34px; }
.mow-atolye .rack-tabs button small { font: 500 11px/1 var(--font-ui); color: var(--steel); margin-left: 5px; }
.mow-atolye .rack-tabs button[aria-pressed="true"] { background: #3B2E1D; border-color: #3B2E1D; color: #F3E7C4; }
.mow-atolye .rack-tabs button[aria-pressed="true"] small { color: #CDBB8A; }
.mow-atolye .rack-tabs .rack-add { border-style: dashed; color: var(--steel); }
.mow-atolye .cab-head { display: grid; grid-template-columns: 44px minmax(0, 1fr) 44px; align-items: center; gap: 8px; margin: -4px -2px 14px; }
.mow-atolye .rack-arrow { height: 44px; border: 1px solid rgba(231,215,174,.35); background: rgba(0,0,0,.18); color: #F3E7C4; font: 400 26px/1 var(--font-ui); cursor: pointer; padding: 0 0 3px; }
.mow-atolye .rack-arrow:disabled { opacity: .25; cursor: default; }
.mow-atolye .rack-arrow:not(:disabled):hover { background: rgba(0,0,0,.32); }
.mow-atolye .plate { justify-self: center; display: flex; align-items: center; gap: 10px; min-width: 0; max-width: 100%; background: linear-gradient(180deg, #D8C08A, #B89A5E); color: #2B2115; border: 1px solid #8C6E3A; box-shadow: inset 0 1px 0 rgba(255,255,255,.4), 0 2px 3px rgba(0,0,0,.35); padding: 6px 12px; }
.mow-atolye .plate .pos { font: 500 11px/1 var(--font-type); letter-spacing: .06em; opacity: .75; white-space: nowrap; }
.mow-atolye .plate .nm { border: 0; background: none; padding: 0; color: inherit; font: 600 15px/1.2 var(--font-ui); cursor: text; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mow-atolye .plate .nm::after { content: " ✎"; font-weight: 400; opacity: .55; }
.mow-atolye .plate input { font: 600 15px/1.2 var(--font-ui); width: min(240px, 52vw); border: 1px solid #8C6E3A; background: #FFF8E6; padding: 2px 6px; color: #2B2115; }
.mow-atolye .plate .cap { font: 600 11px/1 var(--font-ui); letter-spacing: .06em; white-space: nowrap; padding: 3px 6px; background: rgba(43,33,21,.12); }
.mow-atolye .plate .cap.full { background: #2B2115; color: #E7D7AE; }
.mow-atolye .rack-foot { display: flex; justify-content: flex-end; padding: 0 2px 8px; }
.mow-atolye .rack-foot button { border: 1px dashed rgba(231,215,174,.45); background: transparent; color: #E7D7AE; font: 600 12.5px/1 var(--font-ui); padding: 7px 10px; cursor: pointer; }
.mow-atolye .move-rack { display: flex; gap: 8px; align-items: center; margin-top: 10px; font: 400 13.5px/1.3 var(--font-ui); }
.mow-atolye .move-rack select { font: 400 14px/1.2 var(--font-ui); padding: 5px 6px; border: 1px solid var(--steel); background: #FFFDF6; max-width: 100%; }
.mow-atolye .cab-empty { min-height: 260px; display: grid; place-content: center; text-align: center; color: #E7D7AE; font: 400 15px/1.5 var(--font-ui); padding: 30px; border: 1.5px dashed rgba(231,215,174,.4); }
.mow-atolye .cab-empty p { margin: 4px 0; }
.mow-atolye .legend { display: flex; flex-wrap: wrap; gap: 12px; font: 400 12.5px/1.3 var(--font-ui); color: var(--steel); margin: 10px 2px 0; }
.mow-atolye .legend i { display: inline-block; width: 10px; height: 10px; margin-right: 5px; vertical-align: -1px; }
.mow-atolye .tools { margin-top: 16px; display: grid; gap: 10px; }
.mow-atolye .tools details { border: 1px solid var(--line); background: rgba(251,247,236,.75); }
.mow-atolye .tools summary { cursor: pointer; padding: 10px 12px; font: 600 14px/1.2 var(--font-ui); }
.mow-atolye .tools .body { padding: 0 12px 12px; display: grid; gap: 8px; font: 400 14px/1.45 var(--font-ui); }
.mow-atolye .tools textarea { width: 100%; min-height: 76px; font: 400 14px/1.4 var(--font-type); padding: 8px; border: 1px solid var(--steel); background: #FFFDF6; resize: vertical; }
.mow-atolye .cat-tabs { display: flex; gap: 6px; flex-wrap: wrap; }
.mow-atolye .cat-tabs button { border: 1px solid var(--line); background: transparent; padding: 5px 10px; font: 600 13px/1 var(--font-ui); cursor: pointer; }
.mow-atolye .cat-tabs button[aria-pressed="true"] { background: var(--ink); color: var(--paper); border-color: var(--ink); }
.mow-atolye .cat-brands { display: flex; flex-wrap: wrap; gap: 0 18px; border-bottom: 1px solid var(--line); margin-bottom: 2px; }
.mow-atolye .cat-brands button { border: 0; border-bottom: 3px solid transparent; background: none; padding: 4px 0 6px; margin-bottom: -1px; font: 600 15px/1 var(--font-head, var(--font-ui)); letter-spacing: .02em; color: var(--steel); cursor: pointer; }
.mow-atolye .cat-brands button[aria-pressed="true"] { color: var(--ink); border-bottom-color: var(--roundel); }
.mow-atolye .cat-brands button span { font: 600 11px/1 var(--font-ui); opacity: .7; margin-left: 4px; }
.mow-atolye .cat-mode { display: flex; gap: 0; }
.mow-atolye .cat-mode:empty { display: none; }
.mow-atolye .cat-mode button { border: 1px solid var(--steel); background: transparent; padding: 5px 10px; font: 600 12px/1 var(--font-ui); letter-spacing: .04em; cursor: pointer; }
.mow-atolye .cat-mode button + button { border-left: 0; }
.mow-atolye .cat-mode button[aria-pressed="true"] { background: var(--olive-dark); border-color: var(--olive-dark); color: #F3F4F1; }
.mow-atolye .cat-grid.sets { max-height: 520px; }
.mow-atolye .set-card { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr auto; gap: 6px 12px; align-items: start; border: 1px solid var(--line); background: #FFFDF6; padding: 9px 10px; font: 400 13px/1.35 var(--font-ui); }
.mow-atolye .set-card.full { border-color: var(--ok); background: rgba(78,91,33,.06); }
.mow-atolye .set-head { display: grid; gap: 2px; min-width: 0; }
.mow-atolye .set-head b { font: 400 15px/1 var(--font-type); }
.mow-atolye .set-head .set-name { font-weight: 600; }
.mow-atolye .set-head .set-meta { color: var(--steel); font-size: 12px; }
.mow-atolye .set-card > .btn { white-space: nowrap; }
.mow-atolye .set-card details { grid-column: 1 / -1; }
.mow-atolye .set-card summary { cursor: pointer; font: 600 12px/1.2 var(--font-ui); letter-spacing: .04em; color: var(--olive-dark); }
.mow-atolye .set-list { list-style: none; margin: 6px 0 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 3px 10px; }
.mow-atolye .set-list li { display: grid; grid-template-columns: auto 1fr auto; gap: 6px; align-items: baseline; font-size: 12.5px; padding: 2px 0; border-bottom: 1px dotted var(--line); }
.mow-atolye .set-list li b { font: 400 12.5px/1 var(--font-type); }
.mow-atolye .set-list li i { font: 600 10px/1 var(--font-ui); font-style: normal; letter-spacing: .1em; text-transform: uppercase; color: var(--steel); }
.mow-atolye .set-list li[data-s="have"] i { color: var(--ok); }
.mow-atolye .set-list li[data-s="low"] i { color: var(--warn); }
.mow-atolye .set-list li[data-s="no"] i { color: var(--bad, var(--roundel)); }
@media (max-width: 520px) {
.mow-atolye .set-card { grid-template-columns: 1fr; }
.mow-atolye .set-card > .btn { justify-self: start; }
}
.mow-atolye .cat-q { width: 100%; border: 1px solid var(--steel); background: #FFFDF6; padding: 8px 10px; font: 400 14px/1.2 var(--font-ui); }
.mow-atolye .cat-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 6px; max-height: 300px; overflow-y: auto; padding-right: 4px; }
.mow-atolye .cat-item { display: grid; grid-template-columns: auto 1fr; gap: 2px 8px; align-items: baseline; text-align: left; border: 1px solid var(--line); background: #FFFDF6; padding: 6px 8px; cursor: pointer; font: 400 12.5px/1.25 var(--font-ui); }
.mow-atolye .cat-item b { font: 400 13px/1 var(--font-type); }
.mow-atolye .cat-item:hover { border-color: var(--ink); }
.mow-atolye .cat-item.on { border-color: var(--ok); background: rgba(78,91,33,.08); }
.mow-atolye .cat-item.on b::after { content: " ✓"; color: var(--ok); font-family: var(--font-ui); font-weight: 700; }
.mow-atolye .msg { font: 400 13.5px/1.4 var(--font-ui); color: var(--olive-dark); }
.mow-atolye .msg.err { color: var(--roundel); }
.mow-atolye .tabs { background: rgba(244,238,223,.92); border-bottom: 1px solid #CDC3A6; position: sticky; top: 0; z-index: 5; backdrop-filter: blur(4px); }
.mow-atolye .tabs-inner { max-width: 1240px; margin: 0 auto; padding: 0 20px; display: flex; gap: 4px; overflow-x: auto; }
.mow-atolye .tabs a { display: flex; align-items: baseline; gap: 8px; padding: 14px 16px 12px; text-decoration: none; color: var(--steel); font: 600 19px/1 var(--font-display); letter-spacing: .03em; border-bottom: 3px solid transparent; white-space: nowrap; }
.mow-atolye .tabs a .tn { font: 500 11px/1 var(--font-type); color: var(--steel); }
.mow-atolye .tabs a em { font: 600 11px/1 var(--font-ui); font-style: normal; letter-spacing: .08em; color: var(--steel); border: 1px solid var(--line); padding: 3px 6px; }
.mow-atolye .tabs a:hover { color: var(--ink); }
.mow-atolye .tabs a[aria-current="page"] { color: var(--ink); border-bottom-color: var(--roundel); }
.mow-atolye .tabs a[aria-current="page"] em { border-color: var(--ink); color: var(--ink); }
.mow-atolye .mwa-main { max-width: 1240px; margin: 0 auto; padding: 22px 20px 48px; }
.mow-atolye .view { display: none; }
.mow-atolye .view.on { display: grid; }
.mow-atolye .v-raf { grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); gap: 26px; align-items: start; }
.mow-atolye .v-masa { max-width: 900px; margin: 0 auto; grid-template-columns: minmax(0, 1fr); }
.mow-atolye .v-arsiv { grid-template-columns: minmax(0, 1fr); }
@media (max-width: 900px) {
.mow-atolye .v-raf { grid-template-columns: minmax(0, 1fr); }
}
.mow-atolye .raf-side { display: grid; gap: 14px; position: sticky; top: 64px; }
@media (max-width: 900px) {
.mow-atolye .raf-side { position: static; }
}
.mow-atolye .raf-side .tally, .mow-atolye .raf-side .audit { margin: 0; }
.mow-atolye .sheet.compact { margin: 0; padding: 18px 18px 16px; }
.mow-atolye .sheet.compact .code-big { font-size: 46px; }
.mow-atolye .sheet.compact::before { left: 24px; }
.mow-atolye .sheet.compact:empty { display: none; }
.mow-atolye .mini { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 10px; background: var(--night); color: #DCD3B8; padding: 10px 14px; margin-bottom: 16px; font: 400 14px/1.4 var(--font-ui); }
.mow-atolye .mini b { color: var(--paper); }
.mow-atolye .mini a { color: #E7D7AE; font-weight: 600; }
.mow-atolye .stds { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 14px; }
.mow-atolye .std { display: grid; gap: 3px; text-align: left; min-width: 132px; padding: 10px 12px 9px; border: 1.5px solid var(--ink); background: #FBF7EC; cursor: pointer; position: relative; }
.mow-atolye .std b { font: 700 22px/1 var(--font-display); letter-spacing: .03em; }
.mow-atolye .std span { font: 500 12px/1.2 var(--font-ui); color: var(--steel); }
.mow-atolye .std i { font: 600 10px/1 var(--font-ui); font-style: normal; letter-spacing: .12em; text-transform: uppercase; color: var(--olive-dark); }
.mow-atolye .std[aria-selected="true"] { background: var(--olive-dark); color: var(--paper); border-color: var(--olive-dark); box-shadow: 3px 3px 0 rgba(47,53,25,.3); }
.mow-atolye .std[aria-selected="true"] span, .mow-atolye .std[aria-selected="true"] i { color: #DCD3B8; }
.mow-atolye .std.planned { border-style: dashed; border-color: var(--steel); background: transparent; }
.mow-atolye .std.planned b { color: var(--steel); }
.mow-atolye .std.planned i { color: var(--warn); }
.mow-atolye .std.planned[aria-selected="true"] { background: var(--paper-deep); color: var(--ink); border-color: var(--ink); box-shadow: none; }
.mow-atolye .std.planned[aria-selected="true"] span { color: var(--steel); }
.mow-atolye .std-card { display: grid; grid-template-columns: auto minmax(0,1fr); gap: 4px 20px; align-items: start; background: #FCF9F0; border: 1px solid #D8CDAE; border-left: 6px solid var(--olive); padding: 16px 18px; margin-bottom: 18px; }
.mow-atolye .std-card .big { grid-column: 1; grid-row: 1 / span 4; font: 700 56px/.9 var(--font-display); letter-spacing: .02em; }
.mow-atolye .std-card > :not(.big) { grid-column: 2; }
.mow-atolye .std-card h3 { margin: 0; font: 600 22px/1.15 var(--font-display); }
.mow-atolye .std-card .meta { font: 500 12px/1.3 var(--font-ui); letter-spacing: .12em; text-transform: uppercase; color: var(--steel); }
.mow-atolye .std-card p { margin: 6px 0 0; font: 400 15px/1.5 var(--font-body); }
.mow-atolye .std-card .builds { font: 400 13.5px/1.4 var(--font-ui); color: var(--steel); margin-top: 6px; }
.mow-atolye .std-card.planned { border-left-color: var(--warn); border-style: dashed; border-left-style: solid; }
@media (max-width: 520px) {
.mow-atolye .std-card { grid-template-columns: 1fr; }
.mow-atolye .std-card .big { grid-row: auto; font-size: 44px; }
.mow-atolye .std-card > :not(.big) { grid-column: 1; }
}
.mow-atolye .strip-h { margin: 4px 0 8px; font: 600 13px/1 var(--font-ui); letter-spacing: .16em; text-transform: uppercase; color: var(--olive-dark); }
.mow-atolye .ccard .std-tag { font: 600 11px/1 var(--font-ui); letter-spacing: .14em; color: var(--olive-dark); text-transform: uppercase; }
.mow-atolye .schemes-strip { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 14px; }
.mow-atolye .filters { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 16px; }
.mow-atolye .filters button { border: 1px solid var(--line); background: rgba(251,247,236,.7); padding: 6px 11px; font: 600 13px/1 var(--font-ui); cursor: pointer; }
.mow-atolye .filters button[aria-pressed="true"] { background: var(--ink); color: var(--paper); border-color: var(--ink); }
.mow-atolye .cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 12px; }
.mow-atolye .ccard { position: relative; text-align: left; background: #FCF9F0; border: 1px solid #D8CDAE; padding: 14px 14px 12px; cursor: pointer; display: grid; gap: 4px; align-content: start; box-shadow: 0 6px 12px -10px rgba(60,44,14,.5); min-height: 150px; }
.mow-atolye .ccard:hover { border-color: var(--ink); transform: translateY(-2px); }
.mow-atolye .ccard .num { font: 700 34px/1 var(--font-display); }
.mow-atolye .ccard .num small { font-size: 15px; color: var(--steel); margin-left: 4px; }
.mow-atolye .ccard .num.word { font-size: 22px; margin-top: 12px; overflow-wrap: anywhere; }
.mow-atolye .ccard .foot .tag { white-space: normal; max-width: 100%; line-height: 1.35; }
.mow-atolye .cswatch { display: inline-block; width: .62em; height: .62em; margin-right: .3em; vertical-align: .06em; border: 1px solid rgba(0,0,0,.35); background: var(--sw); box-shadow: inset 0 1px 0 rgba(255,255,255,.2); }
.mow-atolye dd .cswatch { width: 16px; height: 16px; vertical-align: -3px; margin-right: 6px; }
.mow-atolye dd .swnote { display: block; margin-top: 4px; font: 400 12.5px/1.4 var(--font-ui); color: var(--steel); letter-spacing: 0; text-transform: none; }
.mow-atolye .mlabel.near { background: #A06A1E; }
.mow-atolye .ccard .lk-line { font: 500 11.5px/1.35 var(--font-ui); color: var(--olive-dark); }
.mow-atolye .link-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4px 10px; align-items: start; }
.mow-atolye .link-row .lk-go { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 10px; text-align: left; background: none; border: 0; padding: 0; cursor: pointer; color: inherit; font: inherit; }
.mow-atolye .link-row .lk-go:hover b { text-decoration: underline; }
.mow-atolye .link-row .lk-src { grid-column: 1 / -1; font: 400 12px/1.35 var(--font-ui); color: var(--steel); padding-left: 34px; }
.mow-atolye .link-row .lk-src a { color: inherit; }
.mow-atolye .lk-note { color: var(--steel); font-size: 13px; margin-top: 6px; }
@media (max-width: 520px) {
.mow-atolye .link-row { grid-template-columns: 1fr; }
.mow-atolye .link-row .tag { justify-self: start; margin-left: 34px; }
.mow-atolye .link-row .lk-src { padding-left: 34px; }
}
.mow-atolye .mlabel.mix { background: #5B4A7A; }
.mow-atolye .ccard .de { font: 600 16px/1.2 var(--font-body); }
.mow-atolye .ccard .tr2 { font: 400 13px/1.3 var(--font-ui); color: var(--steel); }
.mow-atolye .ccard .per { font: 500 12px/1 var(--font-ui); color: var(--steel); font-variant-numeric: tabular-nums; margin-top: 4px; }
.mow-atolye .ccard .foot { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.mow-atolye .ccard .mstamp { position: absolute; top: 12px; right: 10px; font: 700 10px/1 var(--font-display); letter-spacing: .12em; text-transform: uppercase; border: 2px solid currentColor; padding: 3px 5px; transform: rotate(-6deg); color: var(--olive); }
.mow-atolye .ccard .mstamp.bad { color: var(--roundel); }
.mow-atolye .ccard .mstamp.warn { color: var(--warn); }
.mow-atolye .ccard .mstamp.mute { color: var(--steel); }
.mow-atolye .ccard.dim { opacity: .72; }
.mow-atolye .overlay { position: fixed; inset: 0; background: rgba(20,24,18,.72); display: none; place-items: center; padding: 16px; z-index: 10; }
.mow-atolye .overlay.open { display: grid; }
.mow-atolye .card { width: min(440px, 100%); background: #FCF9F0; border: 1px solid #D8CDAE; padding: 22px; box-shadow: 0 30px 60px -20px rgba(0,0,0,.7); position: relative; }
.mow-atolye .card .count { font: 600 12px/1 var(--font-ui); letter-spacing: .18em; text-transform: uppercase; color: var(--steel); }
.mow-atolye .card .big { display: flex; gap: 18px; align-items: center; margin: 14px 0 6px; }
.mow-atolye .card .big .jar { transform: scale(1.5); transform-origin: left bottom; margin: 20px 30px 0 4px; cursor: default; }
.mow-atolye .card .big .jar:hover { transform: scale(1.5); }
.mow-atolye .card h4 { margin: 0; font: 700 40px/1 var(--font-display); }
.mow-atolye .card .nm { font: 400 17px/1.3 var(--font-body); }
.mow-atolye .card .meta { font: 400 13px/1.4 var(--font-ui); color: var(--steel); margin-top: 4px; }
.mow-atolye .card .answer { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-top: 18px; }
.mow-atolye .card .answer button { padding: 12px 6px; border: 1.5px solid var(--ink); background: #FBF7EC; font: 600 16px/1 var(--font-display); letter-spacing: .06em; text-transform: uppercase; cursor: pointer; }
.mow-atolye .card .answer button kbd { display: block; font: 500 11px/1 var(--font-ui); color: var(--steel); margin-top: 5px; letter-spacing: .08em; }
.mow-atolye .card .answer .a-have { background: var(--ok); color: #fff; border-color: var(--ok); }
.mow-atolye .card .answer .a-have kbd, .mow-atolye .card .answer .a-no kbd { color: rgba(255,255,255,.75); }
.mow-atolye .card .answer .a-no { background: var(--roundel); color: #fff; border-color: var(--roundel); }
.mow-atolye .card .close { position: absolute; top: 10px; right: 12px; border: 0; background: transparent; font: 600 13px/1 var(--font-ui); color: var(--steel); cursor: pointer; padding: 6px; }
.mow-atolye .card .done { text-align: center; padding: 10px 0; }
.mow-atolye footer { max-width: 1240px; margin: 0 auto; padding: 0 20px 36px; font: 400 13px/1.5 var(--font-ui); color: var(--steel); }
.mow-atolye footer p { margin: 0; max-width: 90ch; }
.mow-atolye .v-raf .jars { display: grid; grid-template-columns: repeat(auto-fill, 78px); justify-content: start; gap: 12px 8px; }
.mow-atolye .v-raf .jar { width: 78px; height: 104px; }
.mow-atolye .v-raf .jar .lid { left: 10px; right: 10px; height: 15px; }
.mow-atolye .v-raf .jar .glass { left: 4px; right: 4px; top: 14px; }
.mow-atolye .v-raf .jar .label { top: 38px; left: 0; right: 0; padding: 4px 3px 3px; display: grid; gap: 2px; font: 400 13px/1.05 var(--font-type); overflow-wrap: normal; }
.mow-atolye .jar .label b { font-weight: 400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mow-atolye .jar .label small { display: block; font: 500 10.5px/1.15 var(--font-ui); letter-spacing: .01em; color: #3A4247; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mow-atolye .jar.tinted .fill { background: linear-gradient(90deg, rgba(0,0,0,.24), rgba(0,0,0,0) 30%, rgba(255,255,255,.07) 62%, rgba(0,0,0,.22)), var(--tint); box-shadow: inset 0 2px 0 rgba(255,255,255,.12); }
.mow-atolye .jar.tinted .label { box-shadow: inset 6px 0 0 var(--tint), inset 7px 0 0 rgba(0,0,0,.18), 0 1px 1px rgba(0,0,0,.25); padding-left: 9px; }
.mow-atolye .jar[data-s="have"] .mark { background: var(--ok); }
.mow-atolye .v-raf .jar .mark { right: -5px; top: 6px; width: 20px; height: 20px; font-size: 12px; line-height: 20px; box-shadow: 0 1px 2px rgba(0,0,0,.35); }
.mow-atolye .jar[data-s="no"] .fill { height: 0; }
.mow-atolye .cab.counting { outline: 2px dashed #C9B77D; outline-offset: 4px; }
.mow-atolye .cab.counting .jar { cursor: cell; }
.mow-atolye .legend .lm { display: inline-grid; place-items: center; width: 17px; height: 17px; border-radius: 50%; font: 700 10.5px/1 var(--font-ui); font-style: normal; color: #fff; margin-right: 5px; vertical-align: -3px; }
.mow-atolye .legend .lm.have { background: var(--ok); }
.mow-atolye .legend .lm.low { background: var(--warn); }
.mow-atolye .legend .lm.no { background: var(--roundel); }
.mow-atolye .legend .lm.pend { background: #C9B77D; color: var(--ink); }
.mow-atolye .legend-note { flex-basis: 100%; font-style: italic; }
.mow-atolye .panel-h .add-paint { margin-left: auto; padding: 7px 12px; }
.mow-atolye .audit-btns { display: flex; flex-wrap: wrap; gap: 8px; }
.mow-atolye .desk-nav { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; margin: 18px 0 -6px; }
.mow-atolye .desk-nav[hidden] { display: none; }
.mow-atolye .desk-nav .back { border: 1.5px solid var(--ink); background: #FBF7EC; padding: 8px 12px; font: 600 14px/1 var(--font-ui); cursor: pointer; }
.mow-atolye .desk-nav .back:hover { background: var(--ink); color: var(--paper); }
.mow-atolye .desk-nav .trail { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 6px; font: 500 13px/1.3 var(--font-ui); color: var(--steel); }
.mow-atolye .desk-nav .crumb { border: 0; background: none; padding: 2px 0; font: inherit; color: var(--olive-dark); cursor: pointer; text-decoration: underline; text-decoration-color: var(--line); text-underline-offset: 3px; }
.mow-atolye .desk-nav .crumb.now { color: var(--ink); text-decoration: none; font-weight: 600; cursor: default; }
.mow-atolye .desk-nav .sep { color: var(--steel); }
.mow-atolye .plink { border: 0; background: none; padding: 0; font: 600 17px/1 var(--font-display); letter-spacing: .02em; color: var(--ink); cursor: pointer; text-decoration: underline; text-decoration-color: var(--line); text-underline-offset: 3px; }
.mow-atolye .fold > summary { list-style: none; cursor: pointer; }
.mow-atolye .fold > summary::-webkit-details-marker { display: none; }
.mow-atolye .fold > summary h3 { margin-bottom: 0; }
.mow-atolye .fold > summary h3::before { content: "▸"; font-size: 12px; color: var(--steel); }
.mow-atolye .fold[open] > summary h3::before { content: "▾"; }
.mow-atolye .fold[open] > summary h3 { margin-bottom: 8px; }
.mow-atolye .drawer { position: fixed; inset: 0; z-index: 20; display: none; }
.mow-atolye .drawer.open { display: block; }
.mow-atolye .drawer-bg { position: absolute; inset: 0; background: rgba(20,24,18,.45); }
.mow-atolye .drawer-card { position: absolute; top: 0; right: 0; bottom: 0; width: min(440px, 100%); overflow-y: auto; background: var(--paper); box-shadow: -20px 0 40px -20px rgba(0,0,0,.6); padding: 14px 14px 24px; }
.mow-atolye .drawer-x { display: block; margin: 0 0 14px auto; border: 1.5px solid var(--ink); background: #FBF7EC; padding: 7px 12px; font: 600 14px/1 var(--font-ui); cursor: pointer; }
@media (max-width: 600px) {
.mow-atolye .drawer-card { top: auto; width: 100%; max-height: 86vh; border-top: 3px solid var(--olive); box-shadow: 0 -20px 40px -20px rgba(0,0,0,.6); }
}
.mow-atolye .tools .body { container-type: inline-size; }
@container (max-width: 520px) {
.mow-atolye .set-card { grid-template-columns: minmax(0, 1fr); }
.mow-atolye .set-card > .btn { justify-self: start; }
.mow-atolye .set-list { grid-template-columns: minmax(0, 1fr); }
}
@media (prefers-reduced-motion: reduce) {
.mow-atolye *, .mow-atolye *::before, .mow-atolye *::after { animation: none !important; transition: none !important; }
}
.mow-atolye .cat-else { grid-column: 1 / -1; font: 600 12.5px/1.3 var(--font-ui); color: var(--steel); margin: 6px 0 0; }
.mow-atolye .cat-item em { font: 600 10.5px/1 var(--font-ui); font-style: normal; letter-spacing: .06em; text-transform: uppercase; color: var(--steel); border: 1px solid var(--line); padding: 2px 4px; margin-left: auto; white-space: nowrap; }
.mow-atolye .v-raf .cab .row { margin: 0 0 12px; max-width: none; }
.mow-atolye .v-raf .cab .jars { grid-template-columns: repeat(auto-fill, 78px); gap: 12px 7px; padding: 0 2px; }
.mow-atolye .v-raf .cab .jars { background: linear-gradient(180deg, transparent 0 104px, #A57C4B 104px, #7E5C33 109px, rgba(0,0,0,.35) 111px, transparent 113px) 0 0 / 100% 116px repeat-y; }
.mow-atolye .v-raf .cab { position: relative; margin: 16px 6px 22px; border: 0; padding: 14px 14px 6px;
  background:
    linear-gradient(90deg, #2E2316 0 10px, #4A3923 10px 12px, transparent 12px calc(100% - 12px), #4A3923 calc(100% - 12px) calc(100% - 10px), #2E2316 calc(100% - 10px)),
    repeating-linear-gradient(90deg, rgba(255,255,255,.018) 0 1px, transparent 1px 7px, rgba(0,0,0,.035) 7px 8px, transparent 8px 19px),
    linear-gradient(180deg, rgba(0,0,0,.28), rgba(0,0,0,0) 46px),
    linear-gradient(180deg, #46372A, #3A2D1F);
  box-shadow: 0 16px 26px -16px rgba(0,0,0,.55); }
.mow-atolye .v-raf .cab::before, .mow-atolye .v-raf .cab::after { content: ""; position: absolute; left: -6px; right: -6px; pointer-events: none; }
.mow-atolye .v-raf .cab::before { top: -12px; height: 12px; border-radius: 3px 3px 0 0; background: linear-gradient(180deg, #8A6A40, #5E4528 55%, #3B2B19); box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 2px 3px rgba(0,0,0,.3); }
.mow-atolye .v-raf .cab::after { bottom: -16px; height: 16px; border-radius: 0 0 2px 2px; background: linear-gradient(180deg, #3B2B19, #2A1F12); box-shadow: inset 0 1px 0 rgba(255,255,255,.08); }
.mow-atolye .v-raf .cab .plank { margin: 0 -6px; border-radius: 0; }
.mow-atolye .v-raf .cab.counting { outline-offset: 10px; }
@media (max-width: 520px) {
.mow-atolye .v-raf .cab { margin: 14px 4px 20px; padding: 10px 10px 4px; }
.mow-atolye .cab-head { grid-template-columns: 40px minmax(0, 1fr) 40px; gap: 6px; margin: -2px -2px 10px; }
.mow-atolye .rack-arrow { height: 40px; }
.mow-atolye .plate { padding: 5px 8px; gap: 7px; }
.mow-atolye .plate .pos { display: none; }
.mow-atolye .v-raf .cab .row { margin-bottom: 8px; }
.mow-atolye .v-raf .cab .jars { grid-template-columns: repeat(5, 59px); gap: 8px 5px; justify-content: center; padding: 0; min-height: 0; background-size: 100% 70px; background-image: linear-gradient(180deg, transparent 0 62px, #A57C4B 62px, #7E5C33 66px, rgba(0,0,0,.35) 67px, transparent 69px); }
.mow-atolye .v-raf .jar { width: 59px; height: 62px; }
.mow-atolye .v-raf .jar .lid { left: 7px; right: 7px; height: 10px; }
.mow-atolye .v-raf .jar .glass { left: 2px; right: 2px; top: 9px; border-radius: 3px 3px 5px 5px; }
.mow-atolye .v-raf .jar .label { top: 16px; font-size: 11px; padding: 2px 2px 2px; gap: 1px; }
.mow-atolye .v-raf .jar .label small { font-size: 9px; }
.mow-atolye .v-raf .jar .mark { width: 15px; height: 15px; font-size: 9.5px; line-height: 15px; right: -3px; top: 2px; }
.mow-atolye .v-raf .cab .plank { height: 10px; }
.mow-atolye .v-raf .cab .rail { padding-top: 4px; }
}
.mow-atolye .v-sema { max-width: 1000px; margin: 0 auto; grid-template-columns: minmax(0, 1fr); }
.mow-atolye .sema-lead { margin: 0 0 14px; max-width: 70ch; font: 400 16px/1.55 var(--font-body); color: var(--steel); }
.mow-atolye .sema-tools { display: grid; gap: 10px; margin-bottom: 8px; }
.mow-atolye .sema-tools .search input { font-size: 19px; padding: 12px 0; }
.mow-atolye .sema-fil { display: flex; flex-wrap: wrap; gap: 6px; }
.mow-atolye .sema-fil button { border: 1px solid var(--line); background: rgba(251,247,236,.7); padding: 6px 10px; font: 500 13px/1.2 var(--font-ui); cursor: pointer; }
.mow-atolye .sema-fil button[aria-pressed="true"] { border-color: var(--ink); background: var(--ink); color: var(--paper); }
.mow-atolye .sema-msg { margin: 10px 0 4px; font: 400 15px/1.5 var(--font-body); max-width: 70ch; }
.mow-atolye .sema-msg:empty { display: none; }
.mow-atolye .sema-msg.info { padding: 10px 12px; border-left: 3px solid var(--warn); background: rgba(163,103,15,.08); }
.mow-atolye .sema-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); gap: 12px; margin-top: 12px; }
.mow-atolye .sc-card { display: grid; gap: 7px; align-content: start; text-align: left; padding: 14px 14px 12px; background: #FCF9F0; border: 1px solid #D8CDAE; border-top: 4px solid var(--olive); cursor: pointer; font: inherit; color: var(--ink); min-width: 0; }
.mow-atolye .sc-card:hover, .mow-atolye .sc-card:focus-visible { border-color: var(--ink); }
.mow-atolye .sc-card.air { border-top-color: var(--steel); background: repeating-linear-gradient(135deg, #FCF9F0 0 14px, #F7F2E4 14px 28px); }
.mow-atolye .sc-card .sc-eye { display: flex; flex-wrap: wrap; gap: 6px 10px; justify-content: space-between; align-items: baseline; font: 600 11px/1.2 var(--font-ui); letter-spacing: .12em; text-transform: uppercase; color: var(--steel); }
.mow-atolye .sc-card .sc-name { font: 600 22px/1.1 var(--font-display); letter-spacing: .02em; overflow-wrap: anywhere; }
.mow-atolye .sc-card .sc-per { font: 500 13px/1.3 var(--font-ui); color: var(--steel); font-variant-numeric: tabular-nums; }
.mow-atolye .sc-card .sc-app { font: 400 14.5px/1.45 var(--font-body); color: var(--ink); }
.mow-atolye .sc-card .sc-cols { display: flex; flex-wrap: wrap; gap: 4px 6px; font: 500 12.5px/1.3 var(--font-ui); }
.mow-atolye .sc-card .sc-cols span { border: 1px solid var(--line); padding: 2px 6px; background: #FFFDF6; }
.mow-atolye .sc-card .sc-cols span i { font-style: normal; color: var(--steel); margin-right: 4px; }
.mow-atolye .sc-card .sc-air { font: 400 13px/1.4 var(--font-ui); color: var(--steel); }
.mow-atolye .sc-card .sc-foot { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 2px; }
.mow-atolye .rel { display: inline-block; font: 600 10.5px/1 var(--font-ui); letter-spacing: .12em; text-transform: uppercase; padding: 4px 6px; border: 1.5px solid currentColor; white-space: nowrap; }
.mow-atolye .rel.documented { color: var(--ok); }
.mow-atolye .rel.strong { color: var(--olive-dark); }
.mow-atolye .rel.probable { color: var(--warn); }
.mow-atolye .rel.disputed { color: var(--roundel); }
.mow-atolye .rel.research { color: var(--steel); border-style: dashed; }
.mow-atolye .sema-detail { max-width: 900px; }
.mow-atolye .sema-back { margin: 2px 0 12px; }
.mow-atolye .rel-box { margin-top: 12px; padding: 10px 12px; border: 1px solid var(--line); background: #FBF7EC; font: 400 14.5px/1.5 var(--font-body); max-width: 70ch; }
.mow-atolye .rel-box .rel { margin-right: 8px; vertical-align: 1px; }
.mow-atolye .shelf-sum { margin: 8px 0 0; font: 400 15px/1.5 var(--font-body); max-width: 70ch; }
.mow-atolye .air-list { margin: 0; padding: 0; list-style: none; display: grid; gap: 6px; font: 400 14px/1.4 var(--font-ui); }
.mow-atolye .air-list li { display: grid; grid-template-columns: minmax(110px, auto) minmax(0, 1fr); gap: 4px 12px; padding: 7px 10px; background: #FBF7EC; border: 1px solid var(--line); }
.mow-atolye .air-list li.hit { border-color: var(--ok); box-shadow: inset 3px 0 0 var(--ok); }
.mow-atolye .air-list b { font: 600 16px/1.2 var(--font-display); letter-spacing: .02em; }
.mow-atolye .air-list small { display: block; color: var(--steel); font-size: 12px; margin-top: 2px; }
@media (max-width: 520px) {
.mow-atolye .air-list li { grid-template-columns: minmax(0, 1fr); }
}
.mow-atolye .viz { margin-top: 6px; }
.mow-atolye .viz-tabs { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 8px; }
.mow-atolye .viz-fig { position: relative; margin: 0; border: 1px solid var(--line); background: #FFFDF6; }
.mow-atolye .viz-stage { position: relative; width: 100%; }
.mow-atolye .viz-stage img { display: block; width: 100%; height: auto; }
.mow-atolye .viz-spot { position: absolute; width: 8%; aspect-ratio: 1; transform: translate(-50%, -50%); border-radius: 50%; border: 0; background: transparent; cursor: pointer; padding: 0; min-width: 34px; }
.mow-atolye .viz-spot:focus-visible, .mow-atolye .viz-spot:hover { outline: 3px solid var(--roundel); outline-offset: 1px; }
.mow-atolye .viz-bar { display: flex; justify-content: flex-end; margin-top: 6px; }
.mow-atolye .viz-cap { margin: 8px 0 0; font: italic 14px/1.45 var(--font-body); color: var(--steel); max-width: 70ch; }
.mow-atolye .viz-legend { margin: 10px 0 0; padding: 0; list-style: none; display: grid; gap: 6px; }
.mow-atolye .viz-legend button { width: 100%; display: grid; grid-template-columns: 30px minmax(0, 1fr) auto; gap: 10px; align-items: center; text-align: left; padding: 7px 10px; background: #FBF7EC; border: 1px solid var(--line); cursor: pointer; font: 400 14px/1.35 var(--font-ui); color: var(--ink); }
.mow-atolye .viz-legend button:hover { border-color: var(--ink); }
.mow-atolye .viz-legend .n { width: 26px; height: 26px; border-radius: 50%; border: 2px solid var(--ink); display: grid; place-items: center; font: 700 14px/1 var(--font-ui); background: #FFFDF6; }
.mow-atolye .viz-legend b { font: 600 17px/1.1 var(--font-display); letter-spacing: .02em; }
.mow-atolye .viz-claim { margin-top: 10px; }
.mow-atolye .viz-none { padding: 18px 16px; border: 1.5px dashed var(--steel); font: 400 15px/1.5 var(--font-body); color: var(--steel); }
.mow-atolye .viz-none b { display: block; font: 600 13px/1.2 var(--font-ui); letter-spacing: .14em; text-transform: uppercase; color: var(--ink); margin-bottom: 6px; }
.mow-atolye .zoom { position: fixed; inset: 0; z-index: 100000; background: rgba(30,36,39,.92); display: grid; grid-template-rows: auto minmax(0, 1fr); }
.mow-atolye .zoom[hidden] { display: none; }
.mow-atolye .zoom-bar { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; justify-content: space-between; padding: 8px 10px; background: var(--ink); color: var(--paper); font: 500 13px/1.2 var(--font-ui); }
.mow-atolye .zoom-bar .grp { display: flex; gap: 6px; }
.mow-atolye .zoom-bar button { border: 1.5px solid #C9B77D; background: transparent; color: var(--paper); min-width: 40px; height: 36px; padding: 0 10px; font: 600 15px/1 var(--font-ui); cursor: pointer; }
.mow-atolye .zoom-stage-wrap { overflow: auto; -webkit-overflow-scrolling: touch; touch-action: pan-x pan-y pinch-zoom; }
.mow-atolye .zoom-stage-wrap .viz-stage { margin: 10px auto; background: #FFFDF6; }
.mow-atolye .dos-list { margin: 0; padding: 0; list-style: none; display: grid; gap: 6px; font: 400 14px/1.45 var(--font-ui); }
.mow-atolye .plate-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 320px), 1fr)); gap: 12px; }
.mow-atolye .plate-card { display: grid; grid-template-columns: minmax(0, 1fr); gap: 6px; align-content: start; text-align: left; padding: 10px 10px 12px; width: 100%; box-sizing: border-box; background: #FCF9F0; border: 1px solid #D8CDAE; border-top: 4px solid var(--roundel); cursor: pointer; font: inherit; color: var(--ink); min-width: 0; }
.mow-atolye .plate-card:hover { border-color: var(--ink); }
.mow-atolye .plate-card .pc-img { display: block; width: 100%; aspect-ratio: 5 / 2; object-fit: contain; background: #FFFDF6; border: 1px solid var(--line); }
.mow-atolye .plate-card .pc-t { font: 600 18px/1.15 var(--font-display); letter-spacing: .02em; }
.mow-atolye .plate-card .tag { white-space: normal; line-height: 1.3; }
.mow-atolye .plate-card .pc-p { font: 400 13.5px/1.35 var(--font-ui); color: var(--steel); }
.mow-atolye .plate-stage { background: #FFFDF6; padding: 10px; }
.mow-atolye .plate-notes { margin: 0; padding: 0 0 0 18px; display: grid; gap: 6px; font: 400 15px/1.5 var(--font-body); max-width: 72ch; }
.mow-atolye .plate-modes { margin-top: -2px; }
.mow-atolye .sc-card .sc-plate { display: grid; grid-template-columns: minmax(0, 1fr); gap: 4px; margin-top: 2px; padding: 6px; background: #FFFDF6; border: 1px solid var(--line); border-left: 3px solid var(--roundel); }
.mow-atolye .sc-card .sc-plate img { display: block; width: 100%; aspect-ratio: 5 / 2; object-fit: contain; }
.mow-atolye .sc-card .sc-plate span { font: 400 12.5px/1.35 var(--font-ui); color: var(--steel); }
.mow-atolye .sc-card .sc-plate b { color: var(--ink); font-weight: 600; }
.mow-atolye .viz-tabs .chip[aria-pressed="true"] { background: var(--ink); color: var(--paper); border-color: var(--ink); }
.mow-atolye .dos-list li { padding: 8px 10px; border: 1px solid var(--line); background: #FBF7EC; }
.mow-atolye .rel-legend { margin-top: 22px; font: 400 14px/1.5 var(--font-ui); color: var(--steel); }
.mow-atolye .rel-legend summary { cursor: pointer; font: 600 12px/1.2 var(--font-ui); letter-spacing: .14em; text-transform: uppercase; }
.mow-atolye .rel-legend dl { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 8px 12px; margin: 10px 0 0; align-items: baseline; }
.mow-atolye .rel-legend dd { margin: 0; }
@media (max-width: 560px) {
.mow-atolye .tabs a { padding: 12px 11px 10px; font-size: 17px; gap: 6px; }
.mow-atolye .tabs a em { display: none; }
.mow-atolye .sema-list { grid-template-columns: minmax(0, 1fr); }
.mow-atolye .sc-card .sc-name { font-size: 20px; }
}
/* ---- site integration ---- */
@font-face { font-family: "Special Elite"; font-style: normal; font-weight: 400; font-display: swap;
  src: url("fonts/special-elite-latin-ext-400-normal.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Special Elite"; font-style: normal; font-weight: 400; font-display: swap;
  src: url("fonts/special-elite-latin-400-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
.mow-atolye { background: none; position: relative; }
.mow-atolye .tabs { position: static; background: rgba(244,238,223,.6); }
.mow-atolye .tabs-inner { max-width: none; padding: 0; }
.mow-atolye .mwa-main { max-width: none; padding: 22px 0 40px; }
.mow-atolye .raf-side { top: 24px; }
.mow-atolye .overlay { z-index: 99999; }
.mow-atolye .mwa-head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 6px 16px; margin: 0 0 6px; }
.mow-atolye .mwa-crumb { font: 500 12px/1 var(--font-ui); letter-spacing: .22em; text-transform: uppercase; color: var(--steel); }
.mow-atolye .mwa-beta { font: 600 11px/1.3 var(--font-ui); letter-spacing: .1em; text-transform: uppercase; color: var(--steel); }
.mow-atolye .mwa-beta b { color: var(--roundel); border: 1.5px solid var(--roundel); padding: 2px 6px; margin-right: 8px; display: inline-block; transform: rotate(-2deg); }
.mow-atolye .mwa-loading { font: italic 15px/1.5 var(--font-body); color: var(--steel); padding: 30px 0; }
.mow-atolye footer { max-width: none; padding: 0 0 20px; }
.mow-atolye .mwa-crumb a { color: inherit; text-decoration: none; border-bottom: 1px solid var(--line); }
.mow-atolye .mwa-crumb a:hover { color: var(--ink); border-color: var(--ink); }
.mow-atolye .tabs a.mwa-home, .mow-atolye .tabs a.mwa-builds { font-size: 17px; color: var(--olive-dark); }
.mow-atolye .tabs a.mwa-home .tn { font-size: 14px; }
.mow-atolye .mwa-sep { align-self: center; margin: 0 4px 0 10px; padding: 3px 0 3px 14px; border-left: 2px solid var(--line); font: 600 11px/1 var(--font-ui); letter-spacing: .16em; text-transform: uppercase; color: var(--steel); white-space: nowrap; }
.mow-atolye.mwa-navwrap { margin: 0 0 18px; }
/* four sections: the row wraps instead of hiding a section off-screen; counters go first, phones get a 2 × 2 grid */
.mow-atolye .tabs-inner { flex-wrap: wrap; overflow-x: visible; }
@media (max-width: 1439px) { .mow-atolye .tabs a em { display: none; } .mow-atolye .tabs a { padding-left: 11px; padding-right: 11px; } .mow-atolye .mwa-sep { margin-left: 4px; } }
@media (max-width: 560px) {
  .mow-atolye .tabs-inner { gap: 0; }
  .mow-atolye .mwa-sep { display: none; }
  .mow-atolye .tabs a.mwa-home, .mow-atolye .tabs a.mwa-builds { flex: 0 0 auto; padding: 10px 14px 8px 0; }
  .mow-atolye .tabs a:not(.mwa-home):not(.mwa-builds) { flex: 0 0 50%; box-sizing: border-box; padding: 11px 8px 9px 0; font-size: 16.5px; white-space: normal; line-height: 1.15; }
}
.mow-atolye.mwa-navwrap .tabs { border-bottom: 1px solid var(--line); }
.mwa-ozet { margin: 8px 0 34px; }
.mwa-ozet .mwa-ozet-head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 8px 18px; border-top: 2px solid #5F6B2B; padding-top: 10px; margin-bottom: 4px; }
.mwa-ozet .mwa-ozet-head h2 { margin: 0; }
.mwa-ozet .mwa-ozet-lead { margin: 6px 0 14px; color: #56636B; font-family: "Source Serif 4", Georgia, serif; }
.mwa-ozet .mwa-next { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; margin: 4px 0 26px; padding: 10px 12px; border: 1px dashed #CDC3A6; background: rgba(251,247,236,.6); }
.mwa-ozet .mwa-next-label { font: 600 12px/1 "Barlow", "Helvetica Neue", Arial, sans-serif; letter-spacing: .16em; text-transform: uppercase; color: #A3670F; }
.mwa-ozet .mwa-next ul { display: flex; flex-wrap: wrap; gap: 10px 18px; margin: 0; padding: 0; list-style: none; }
.mwa-ozet .mwa-next a { display: flex; align-items: center; gap: 10px; text-decoration: none; color: #1E2427; font: 600 16px/1.2 "Barlow Condensed", "Arial Narrow", sans-serif; letter-spacing: .02em; }
.mwa-ozet .mwa-next img { width: 54px; height: 40px; object-fit: cover; border: 1px solid #CDC3A6; }
.mwa-ozet .mwa-next a:hover span { text-decoration: underline; }
.mwa-ozet .mwa-all { font: 600 15px/1.2 "Barlow", "Helvetica Neue", Arial, sans-serif; color: #2F3519; }
.mow-atolye.mwa-cards-wrap { margin: 18px 0 28px; }
.mow-atolye .mwa-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 14px; margin-top: 10px; }
.mow-atolye .mwa-card { position: relative; display: grid; gap: 6px; align-content: start; min-height: 150px; padding: 18px 18px 40px; text-decoration: none; color: var(--ink); background: #FCF9F0; border: 1px solid #D8CDAE; border-top: 4px solid var(--olive); box-shadow: 0 10px 18px -14px rgba(60,44,14,.55); transition: transform .15s; }
.mow-atolye .mwa-card:hover { transform: translateY(-3px); border-color: var(--ink); }
.mow-atolye .mwa-card .tn { font: 400 12px/1 var(--font-type); color: var(--steel); }
.mow-atolye .mwa-card .ttl { font: 600 26px/1.05 var(--font-display); letter-spacing: .02em; }
.mow-atolye .mwa-card .dsc { font: 400 15px/1.45 var(--font-body); color: var(--steel); }
.mow-atolye .mwa-card .go { position: absolute; right: 16px; bottom: 12px; font: 600 22px/1 var(--font-display); color: var(--roundel); }

/* 0.9.15: shelf backup file (export / import) */
.mow-atolye .bk-btns { display: flex; gap: 8px; flex-wrap: wrap; align-items: stretch; }
.mow-atolye .bk-btns .btn, .mow-atolye .bk-pick { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; text-align: center; }
.mow-atolye .bk-pick { cursor: pointer; }
.mow-atolye .bk-file { position: absolute; width: 1px; height: 1px; opacity: 0; overflow: hidden; clip: rect(0 0 0 0); pointer-events: none; }
.mow-atolye .bk-pick:focus-within { outline: 2px solid var(--ink); outline-offset: 2px; }
.mow-atolye .bk-btns:has(.bk-file:focus-visible) .bk-pick { outline: 2px solid var(--ink); outline-offset: 2px; }
.mow-atolye .bk-panel { border: 1px solid var(--steel); background: #FFFDF6; padding: 12px; display: grid; gap: 10px; }
.mow-atolye .bk-panel[hidden] { display: none; }
.mow-atolye .bk-sum { display: grid; gap: 4px; }
.mow-atolye .bk-warn { color: var(--roundel); }
.mow-atolye .bk-rows summary { padding: 4px 0; font-weight: 400; color: var(--steel); }
.mow-atolye .bk-rows ul { margin: 4px 0 0; padding-left: 18px; font-size: 13px; }
.mow-atolye .bk-opts { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.mow-atolye .bk-opt { border: 1px solid var(--line); padding: 10px; display: grid; gap: 6px; align-content: start; }
.mow-atolye .bk-opt p, .mow-atolye .bk-confirm p { margin: 0; font-size: 13.5px; }
.mow-atolye .bk-opt .btn { min-height: 44px; }
.mow-atolye .bk-confirm { display: grid; gap: 10px; border-left: 4px solid var(--roundel); padding-left: 10px; }
.mow-atolye .bk-check { display: flex; gap: 10px; align-items: flex-start; cursor: pointer; }
.mow-atolye .bk-check input { width: 22px; height: 22px; flex: none; margin: 0; }
.mow-atolye .bk-danger { background: var(--roundel); border-color: var(--roundel); color: #fff; }
.mow-atolye .bk-danger:disabled { opacity: .45; cursor: not-allowed; filter: none; }
.mow-atolye .bk-undo { margin-left: 8px; min-height: 36px; }
.mow-atolye .bk-code { background: transparent; }
@media (max-width: 520px) {
  .mow-atolye .bk-opts { grid-template-columns: 1fr; }
  .mow-atolye .bk-btns .btn, .mow-atolye .bk-pick { flex: 1 1 100%; }
}