/* monitorujmaszyny.pl – podgląd systemu wizualnego (Projektant, 17.10.2026). Statyczny HTML+CSS, NIE kod produkcyjny.
   Klasy mm-* odpowiadają klasom bloków w Raft (className) – patrz design-brief.md, „Wdrożenie w Raft”. */

:root{--mm-yellow:#FED136;--mm-yellow-hover:#FFDC5E;--mm-ochre:#7A5F00;--mm-ink:#222222;--mm-ink-2:#16181A;--mm-graphite:#2E3033;
 --mm-muted:#555555;--mm-muted-dark:#BDBDBD;--mm-line:#E9ECEF;--mm-soft:#F5F5F5;--mm-tint:#FFF6D6;--mm-radius:10px;
 --mm-wide:1400px;--mm-content:1200px;--mm-font:"Readex Pro",system-ui,sans-serif}
html{scroll-behavior:smooth}
body{-webkit-font-smoothing:antialiased}
.mm-shot img,.mm-phone img,.mm-browser img{max-width:100%;display:block}
a{color:var(--mm-ochre);text-underline-offset:3px}a:hover{color:var(--mm-ink)}
:focus-visible{outline:2px solid var(--mm-ink);outline-offset:3px;border-radius:4px}
.mm-dark :focus-visible,.mm-header :focus-visible,.mm-footer :focus-visible{outline-color:var(--mm-yellow)}



.mm-c{max-width:var(--mm-content);margin:0 auto;padding:0 24px}
.mm-w{max-width:var(--mm-wide);margin:0 auto;padding:0 24px}
:where(section.wp-block-group){padding:88px 0}
.mm-dark{background:var(--mm-ink);color:#fff}.mm-dark a:not(.wp-block-button__link){color:var(--mm-yellow)}.mm-dark .mm-muted{color:var(--mm-muted-dark)}
.mm-soft{background:var(--mm-soft)}
.mm-muted{color:var(--mm-muted)}
.mm-eyebrow{display:inline-block;font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--mm-ochre);margin-bottom:12px}
.mm-dark .mm-eyebrow{color:var(--mm-yellow)}
.mm-h2c{text-align:left;max-width:760px;margin-bottom:44px}
.mm-h2c p{font-size:19px}
/* przyciski */
.mm-btn{display:inline-flex;align-items:center;gap:.5em;font:600 16px/1 var(--mm-font);padding:15px 26px;border-radius:8px;text-decoration:none;border:2px solid transparent;cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.mm-btn--primary{background:var(--mm-yellow);color:var(--mm-ink)}.mm-btn--primary:hover{background:var(--mm-yellow-hover);color:var(--mm-ink)}
.mm-btn--dark{background:var(--mm-ink);color:#fff}.mm-btn--dark:hover{background:#000;color:var(--mm-yellow)}
.mm-btn--ghost{border-color:currentColor;color:var(--mm-ink);background:transparent}.mm-btn--ghost:hover{background:var(--mm-ink);color:#fff;border-color:var(--mm-ink)}
.mm-dark .mm-btn--ghost{color:#fff}.mm-dark .mm-btn--ghost:hover{background:#fff;color:var(--mm-ink);border-color:#fff}
.mm-btn--sm{padding:10px 16px;font-size:15px}
.mm-link{font-weight:600;color:var(--mm-ochre);text-decoration:none}.mm-link::after{content:" →"}.mm-link:hover{text-decoration:underline}
.mm-dark .mm-link{color:var(--mm-yellow)}
.mm-btns{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:28px}
/* nagłówek – pełna szerokość */
.mm-header{background:var(--mm-ink);color:#fff;width:100%;position:relative;z-index:10}
.mm-header .mm-w{display:flex;align-items:center;justify-content:space-between;gap:28px;height:76px}
.mm-logo img{height:30px;width:auto}
.mm-nav{display:flex;align-items:center;gap:26px;font-size:16px}
.mm-nav>ul{display:flex;gap:24px;list-style:none;margin:0;padding:0}
.mm-nav li{position:relative}
.mm-nav a{color:#fff;text-decoration:none;white-space:nowrap;padding:8px 0;display:inline-flex;align-items:center;gap:6px}
.mm-nav .has-child>a::after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-3px);opacity:.8}
.mm-nav a:hover,.mm-nav .current-menu-item>a,.mm-nav .current-menu-ancestor>a{color:var(--mm-yellow)}
.mm-nav>ul>.current-menu-item>a,.mm-nav>ul>.current-menu-ancestor>a{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:10px}
.mm-nav .sub{display:none;position:absolute;top:calc(100% + 10px);left:-14px;background:#fff;border-radius:var(--mm-radius);box-shadow:0 16px 40px rgba(0,0,0,.25);padding:8px;min-width:300px;list-style:none;margin:0}
.mm-nav .sub::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.mm-nav li:hover>.sub,.mm-nav li.is-open>.sub{display:block}
.mm-nav .sub a{color:var(--mm-ink);display:block;padding:8px 12px;border-radius:6px;font-size:15px;white-space:normal}
.mm-nav .sub a:hover{background:var(--mm-soft);color:var(--mm-ink)}
.mm-nav .sub .current-menu-item>a{background:var(--mm-tint);color:var(--mm-ochre);font-weight:600;box-shadow:inset 3px 0 0 var(--mm-yellow)}
.mm-nav-cta{display:flex;gap:10px;align-items:center;padding-left:22px;border-left:1px solid rgba(255,255,255,.18)}
.mm-nav-cta .mm-login{color:#fff;text-decoration:none;font-size:15px}.mm-nav-cta .mm-login:hover{color:var(--mm-yellow)}
.mm-burger{display:none;background:none;border:0;color:#fff;padding:8px;cursor:pointer}
.mm-burger span{display:block;width:24px;height:2px;background:currentColor;margin:5px 0;border-radius:2px}
/* hero */
.mm-hero{background:radial-gradient(1200px 500px at 85% 0%,rgba(254,209,54,.12),transparent 60%),linear-gradient(180deg,#222 0%,#1b1c1e 100%);color:#fff;padding:84px 0 96px;position:relative;overflow:hidden}
.mm-hero::after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.06) 1px,transparent 1px);background-size:22px 22px;pointer-events:none}
.mm-hero .mm-c{display:grid;grid-template-columns:1fr 1.1fr;gap:56px;align-items:center;position:relative;z-index:1}
.mm-hero h1{color:#fff}.mm-hero h1 strong{color:var(--mm-yellow)}
.mm-hero .mm-lead{font-size:20px;color:#E6E6E6}
.mm-hero .mm-lead strong{color:#fff}
.mm-hero small{display:block;margin-top:18px;color:var(--mm-muted-dark);font-size:15px}
.mm-browser{background:#2E3033;border-radius:12px;padding:10px;box-shadow:0 30px 60px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.06)}
.mm-browser i{display:flex;gap:6px;padding:2px 4px 10px}.mm-browser i b{width:10px;height:10px;border-radius:50%;background:#555}
.mm-browser img{border-radius:6px}
.mm-cap{font-size:13px;color:var(--mm-muted-dark);margin-top:10px}
/* pasek liczb */
.mm-stats{background:var(--mm-yellow);color:var(--mm-ink);padding:22px 0}
.mm-stats .mm-c{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;align-items:center;font-size:17px}
.mm-stats b{font-size:28px;font-weight:700;margin-right:8px}
/* karty */
.mm-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.mm-grid2{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.mm-card{background:#fff;border:1px solid var(--mm-line);border-radius:var(--mm-radius);padding:30px;transition:box-shadow .15s,transform .15s}
.mm-card:hover{box-shadow:0 14px 34px rgba(34,34,34,.10);transform:translateY(-2px)}
.mm-ico{width:56px;height:56px;border-radius:14px;background:var(--mm-yellow);display:grid;place-items:center;margin-bottom:18px}
.mm-ico svg{width:30px;height:30px;stroke:var(--mm-ink);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.mm-card h3{font-size:20px}
.mm-card p:last-child{margin-bottom:0}
.mm-fcard{background:#2B2D30;border-radius:var(--mm-radius);overflow:hidden;border-top:4px solid var(--mm-yellow);display:flex;flex-direction:column}
.mm-fcard .mm-shot{aspect-ratio:16/10;background:#1b1c1e;overflow:hidden}.mm-fcard .mm-shot img{width:100%;height:100%;object-fit:cover;object-position:left top}
.mm-fcard div.mm-b{padding:24px 26px 28px}.mm-fcard h3{color:var(--mm-yellow)}.mm-fcard p{color:#E0E0E0;margin:0}
.mm-ph{display:grid;place-items:center;text-align:center;background:repeating-linear-gradient(45deg,#f0f0f0 0 12px,#e9e9e9 12px 24px);color:#555;font-size:14px;border:2px dashed #c9c9c9;border-radius:8px;padding:18px;min-height:120px}
.mm-dark .mm-ph{background:repeating-linear-gradient(45deg,#2b2d30 0 12px,#303236 12px 24px);color:#BDBDBD;border-color:#4a4c50}
.mm-chips{display:flex;flex-wrap:wrap;gap:10px}
.mm-chip{border:1px solid var(--mm-line);background:#fff;border-radius:999px;padding:8px 16px;font-size:15px;font-weight:500}
.mm-quote{background:#fff;border:1px solid var(--mm-line);border-radius:var(--mm-radius);padding:30px;position:relative}
.mm-quote::before{content:"“";position:absolute;top:6px;right:22px;font-size:84px;line-height:1;color:var(--mm-yellow);font-weight:700}
.mm-quote p{font-size:16px}.mm-quote footer{margin-top:16px;font-size:15px}.mm-quote footer b{display:block}
.mm-branze{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
.mm-branze div{text-align:left}.mm-branze .mm-ph{min-height:110px;font-size:12px;padding:8px}
.mm-branze b{display:block;margin-top:10px;color:var(--mm-yellow);font-weight:500;font-size:16px}
.mm-form{background:#2B2D30;border-radius:var(--mm-radius);padding:30px;display:grid;gap:14px}
.mm-form label{font-size:14px;color:#E0E0E0;display:grid;gap:6px}
.mm-form input{font:16px var(--mm-font);padding:13px 14px;border-radius:8px;border:1px solid #4a4c50;background:#1b1c1e;color:#fff}
.mm-note{font-size:13px;color:#BDBDBD}
.mm-cta{background:var(--mm-yellow);color:var(--mm-ink);border-radius:14px;padding:40px 44px;display:flex;justify-content:space-between;align-items:center;gap:28px;flex-wrap:wrap}
.mm-cta h2{font-size:28px;margin:0}
/* podstrona */
.mm-pagehead{background:var(--mm-soft);border-bottom:1px solid var(--mm-line);padding:36px 0 30px}
.mm-pagehead h1{font-size:40px;font-weight:600;margin:0}
.mm-bc{font-size:14px;color:var(--mm-muted);margin-bottom:8px}.mm-bc a{color:var(--mm-muted)}.mm-bc span{margin:0 6px}
.mm-layout{display:grid;grid-template-columns:290px 1fr;gap:56px;align-items:start;padding-top:48px;padding-bottom:88px}
.mm-side{position:sticky;top:24px}
.mm-side details>summary{display:none}
.mm-side details::details-content{content-visibility:visible;block-size:auto}
.mm-side h2{font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:var(--mm-muted);margin:0 0 12px;padding-left:14px;font-weight:600}
.mm-side ul{list-style:none;margin:0;padding:0;border-left:2px solid var(--mm-line)}
.mm-side li a{display:block;padding:10px 14px;color:var(--mm-ink);text-decoration:none;font-size:16px;line-height:1.35;border-radius:0 8px 8px 0;margin-left:-2px;border-left:2px solid transparent}
.mm-side li a:hover{background:var(--mm-soft);border-left-color:var(--mm-ink)}
.mm-side li.current-menu-item>a{background:var(--mm-ink);color:var(--mm-yellow);font-weight:600;border-left-color:var(--mm-yellow)}
.mm-side .mm-sidecta{margin-top:24px;background:var(--mm-tint);border-radius:var(--mm-radius);padding:20px}
.mm-side .mm-sidecta p{font-size:15px;margin-bottom:12px}
.mm-content{max-width:780px}
.mm-content h2{font-size:32px}
.mm-content ol{padding-left:1.2em}.mm-content li{margin:.35em 0}
.mm-content figure{margin:32px 0}
.mm-callout{border-left:4px solid var(--mm-yellow);background:var(--mm-soft);padding:18px 22px;border-radius:0 8px 8px 0;margin:28px 0}
.mm-callout p:last-child{margin:0}
/* stopka – pełna szerokość */
.mm-footer{background:var(--mm-ink);color:#E0E0E0;width:100%;font-size:15px;border-top:4px solid var(--mm-yellow)}
.mm-footer .mm-w{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;padding-top:64px;padding-bottom:48px}
.mm-footer h4{color:var(--mm-yellow);font-size:16px;margin-bottom:14px}
.mm-footer a{color:#fff;text-decoration:none}.mm-footer a:hover{color:var(--mm-yellow);text-decoration:underline}
.mm-footer ul{list-style:none;margin:0;padding:0}.mm-footer li{margin:0 0 9px}
.mm-footer .mm-bottom{background:var(--mm-ink-2);color:var(--mm-muted-dark);font-size:14px}
.mm-footer .mm-bottom .mm-w{display:flex;justify-content:space-between;gap:20px;padding-top:18px;padding-bottom:18px;grid-template-columns:none}
.mm-footer .mm-bottom a{color:var(--mm-muted-dark)}
.mm-todo{background:#FFF6D6;color:#5a4600;border:1px dashed #B8960A;border-radius:6px;padding:2px 8px;font-size:13px;font-weight:500}
.mm-dark .mm-todo{background:#3a3423;color:#FED136;border-color:#8a7426}
/* responsywność */
@media(max-width:1099px){.mm-nav>ul,.mm-nav-cta .mm-login{display:none}.mm-nav-cta{border:0;padding:0}.mm-burger{display:block}}
@media(max-width:959px){
 :where(section.wp-block-group){padding:56px 0}
 .mm-hero{padding:48px 0 56px}.mm-hero .mm-c,.mm-grid2{grid-template-columns:1fr;gap:32px}.mm-hero .mm-lead{font-size:18px}
 .mm-grid3{grid-template-columns:1fr}.mm-branze{grid-template-columns:repeat(2,1fr)}
 .mm-stats .mm-c{justify-content:flex-start}
 .mm-layout{grid-template-columns:1fr;gap:20px;padding-top:20px}
 .mm-side{position:static}
 .mm-side details{border:1px solid var(--mm-line);border-radius:var(--mm-radius);background:#fff}
 .mm-side details::details-content{content-visibility:hidden;block-size:0}
 .mm-side details[open]::details-content{content-visibility:visible;block-size:auto}
 .mm-side details>summary{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;font-weight:600;cursor:pointer;list-style:none}
 .mm-side details>summary::-webkit-details-marker{display:none}
 .mm-side details>summary small{display:block;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--mm-muted);font-weight:600}
 .mm-side details>summary::after{content:"";width:9px;height:9px;border-right:2px solid var(--mm-ink);border-bottom:2px solid var(--mm-ink);transform:rotate(45deg);margin-right:4px}
 .mm-side details h2{display:none}.mm-side ul{border-left:0;padding:0 8px 10px}.mm-side li a{border-radius:8px;margin:0}
 .mm-side .mm-sidecta{display:none}
 .mm-pagehead h1{font-size:30px}
 .mm-footer .mm-w{grid-template-columns:1fr 1fr;gap:28px}
 .mm-cta{padding:28px}
}
@media(max-width:560px){.mm-stats .mm-c{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}.mm-stats span{display:flex;flex-direction:column;line-height:1.25}.mm-content h2{font-size:24px}.mm-footer .mm-w{grid-template-columns:1fr}.mm-footer .mm-bottom .mm-w{flex-direction:column}.mm-header .mm-w{height:64px}.mm-nav-cta .mm-btn{padding:9px 12px;font-size:14px}.mm-stats b{font-size:24px}}
/* ===== v2 (17.10.2026, decyzje Krzysztofa) ===== */
.mm-header{position:sticky;top:0;box-shadow:0 1px 0 rgba(255,255,255,.06),0 6px 18px rgba(0,0,0,.18)}
.mm-side{top:100px} /* 76 px nagłówek sticky + 24 px */
.mm-side ul ul{border-left:0;margin:2px 0 6px 14px;padding:0}
.mm-side ul ul a{font-size:15px;padding:6px 12px;color:#444}
.mm-side li.is-collapsed>ul{display:none}
.mm-side li.has-children>a::after{content:" ▾";font-size:12px;color:var(--mm-muted)}
.mm-side li.current-menu-ancestor>a{font-weight:600}
.mm-side li.current-menu-item>a::after{color:var(--mm-yellow)}
.mm-side nav{max-height:calc(100vh - 160px);overflow:auto}
.mm-ext::after{content:" ↗";font-size:.85em}
.mm-logo{display:flex;align-items:center;gap:10px}
.mm-logo .mm-todo{font-size:10px;padding:1px 6px;white-space:nowrap}
/* wideo YouTube – lekki facade */
.mm-yt{position:relative;display:block;width:100%;aspect-ratio:16/9;border:0;padding:0;border-radius:12px;overflow:hidden;background:#000;cursor:pointer;box-shadow:0 30px 60px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.08)}
.mm-yt img{width:100%;height:100%;object-fit:cover;transition:filter .2s}
.mm-yt:hover img{filter:brightness(.8)}
.mm-yt .mm-play{position:absolute;left:50%;top:50%;width:84px;height:84px;margin:-42px 0 0 -42px;border-radius:50%;background:var(--mm-yellow);display:grid;place-items:center;box-shadow:0 8px 24px rgba(0,0,0,.4);transition:transform .15s}
.mm-yt:hover .mm-play{transform:scale(1.06)}
.mm-yt .mm-play::before{content:"";margin-left:6px;border-left:26px solid var(--mm-ink);border-top:16px solid transparent;border-bottom:16px solid transparent}
.mm-yt .mm-yt-t{position:absolute;left:0;right:0;bottom:0;padding:28px 18px 14px;text-align:left;color:#fff;font:500 15px/1.3 var(--mm-font);background:linear-gradient(transparent,rgba(0,0,0,.75))}
.mm-yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
/* hero: 2 kolumny tylko od 960 px (poprawka v5.1 → przegląd new v2; wcześniej ta reguła nadpisywała 1 kolumnę z media query i na telefonie film miał 0 px) */
@media(min-width:960px){.mm-hero .mm-c{grid-template-columns:1fr 1.15fr}}
.mm-hero .mm-c>*{min-width:0}
/* siatki */
.mm-grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.mm-quotes{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.mm-phones{display:flex;gap:18px;justify-content:center;align-items:flex-start}
.mm-phone{width:200px;border-radius:26px;background:#111;padding:8px;box-shadow:0 20px 40px rgba(0,0,0,.25)}
.mm-phone img{border-radius:19px}
.mm-phone:nth-child(2){margin-top:36px}
.mm-gp{display:inline-flex;align-items:center;gap:10px}
.mm-branze2{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.mm-branze2 div{border-left:4px solid var(--mm-yellow);background:#2B2D30;border-radius:0 8px 8px 0;padding:18px 20px;font-weight:500;font-size:18px}
.mm-formslot{border:2px dashed #8a7426;border-radius:var(--mm-radius);padding:32px;background:rgba(254,209,54,.06);color:#E0E0E0}
.mm-formslot b{color:var(--mm-yellow)}
.mm-forum{display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center}
.mm-forum .mm-ico{margin:0}
.mm-checks{list-style:none;padding:0;margin:0 0 1em}.mm-checks li{position:relative;padding-left:26px;margin:6px 0}.mm-checks li::before{content:"";position:absolute;left:2px;top:9px;width:12px;height:7px;border-left:2px solid var(--mm-ochre);border-bottom:2px solid var(--mm-ochre);transform:rotate(-45deg)}
.mm-gallery{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:28px 0}.mm-gallery figure{margin:0}
@media(max-width:1199px){.mm-grid4{grid-template-columns:1fr 1fr}}
@media(max-width:959px){.mm-quotes,.mm-branze2,.mm-gallery{grid-template-columns:1fr}.mm-grid4{grid-template-columns:1fr}.mm-forum{grid-template-columns:1fr}.mm-phone{width:31%}.mm-phone:nth-child(2){margin-top:20px}.mm-side{top:auto}.mm-side nav{max-height:none}.mm-yt .mm-play{width:64px;height:64px;margin:-32px 0 0 -32px}.mm-yt .mm-play::before{border-left-width:20px;border-top-width:12px;border-bottom-width:12px}}
@media(max-width:560px){.mm-logo .mm-todo{display:none}.mm-header .mm-w{height:64px}}

/* ===== v3 (18.10.2026): Zasoby, tabela systemów sterowania ===== */
.mm-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.mm-zas{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:28px}
.mm-zcard{display:flex;flex-direction:column;text-decoration:none;color:var(--mm-ink)}.mm-zcard:hover{color:var(--mm-ink);box-shadow:0 10px 28px rgba(0,0,0,.08);transform:translateY(-2px)}
.mm-zcard h3{margin:0 0 8px}.mm-zcard p{margin:0 0 16px;font-size:16px;flex:1}
.mm-content--wide{max-width:none}
.mm-systools{display:grid;grid-template-columns:minmax(220px,320px) 1fr;gap:12px 16px;align-items:center;margin:28px 0 14px}
.mm-systools input{font:16px var(--mm-font);padding:12px 14px 12px 42px;border:1px solid #BDBDBD;border-radius:8px;width:100%;box-sizing:border-box;
 background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23555' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-4-4'/%3E%3C/svg%3E") 14px 50%/18px no-repeat}
.mm-systools input:focus{outline:2px solid var(--mm-ink);outline-offset:1px;border-color:var(--mm-ink)}
.mm-filters{display:flex;flex-wrap:wrap;gap:8px}
.mm-filters button{font:500 15px var(--mm-font);border:1px solid #BDBDBD;background:#fff;color:var(--mm-ink);border-radius:999px;padding:8px 14px;cursor:pointer}
.mm-filters button span{color:var(--mm-muted);margin-left:2px}.mm-filters button:hover{border-color:var(--mm-ink)}
.mm-filters button[aria-pressed="true"]{background:var(--mm-ink);color:var(--mm-yellow);border-color:var(--mm-ink)}.mm-filters button[aria-pressed="true"] span{color:#BDBDBD}
.mm-count{grid-column:1/-1;margin:0;font-size:14px;color:var(--mm-muted)}
.mm-systab table{width:100%;border-collapse:collapse;font-size:16px;line-height:1.5}
.mm-systab table thead th{text-align:left;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--mm-muted);padding:10px 14px;border-bottom:2px solid var(--mm-ink)}
.mm-systab table td,.mm-systab table tbody th{padding:12px 14px;border-bottom:1px solid var(--mm-line);vertical-align:top;text-align:left}
.mm-systab table tbody th{font-weight:600;white-space:nowrap}.mm-systab table tbody th a{color:var(--mm-ink);text-decoration:none}.mm-systab table tbody th a:hover{text-decoration:underline}
.mm-systab table tbody tr:not(.mm-grp):hover{background:#FAFAFA}
.mm-systab table td:last-child{white-space:nowrap;text-align:right}
.mm-systab table td:nth-child(3){color:#333}
.mm-systab table tr.mm-grp th{background:var(--mm-soft);font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:var(--mm-ink);padding:9px 14px;border-bottom:1px solid var(--mm-line);box-shadow:inset 3px 0 0 var(--mm-yellow)}
.mm-systab table tr.mm-grp th span{color:var(--mm-muted);font-weight:500;margin-left:6px}
.mm-tag{display:inline-block;font-size:13px;font-weight:500;padding:2px 10px;border-radius:999px;background:var(--mm-tint);color:var(--mm-ochre);white-space:nowrap}
.mm-sysempty{margin-top:16px}
/* mobile: tabela → lista (bez data-label: nazwa, rodzaj, opis, link) */
@media (max-width:720px){
 .mm-systools{grid-template-columns:1fr}
 .mm-systab table thead{display:none}.mm-systab table,.mm-systab table tbody{display:block}
 .mm-systab table tbody tr:not(.mm-grp){display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:14px 2px;border-bottom:1px solid var(--mm-line)}
 .mm-systab table tbody tr[hidden]{display:none}
 .mm-systab table tbody tr:not(.mm-grp)>*{padding:0;border:0}
 .mm-systab table tbody th{white-space:normal;font-size:17px}.mm-systab table td:nth-child(2){text-align:right}
 .mm-systab table td:nth-child(3){grid-column:1/-1;font-size:15px}.mm-systab table td:last-child{grid-column:1/-1;text-align:left}
 .mm-systab table tr.mm-grp{display:block}.mm-systab table tr.mm-grp th{display:block;margin-top:14px}
 .mm-zas{grid-template-columns:1fr}
}
.mm-sysblock--list .mm-systools{grid-template-columns:1fr}
.mm-sysblock--list thead{display:none}.mm-sysblock--list .mm-systab table,.mm-sysblock--list tbody{display:block}
.mm-sysblock--list tbody tr:not(.mm-grp){display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:14px 2px;border-bottom:1px solid var(--mm-line)}
.mm-sysblock--list tbody tr[hidden]{display:none}
.mm-sysblock--list tbody tr:not(.mm-grp)>*{padding:0;border:0}
.mm-sysblock--list tbody th{white-space:normal;font-size:17px}.mm-sysblock--list td:nth-child(2){text-align:right}
.mm-sysblock--list td:nth-child(3){grid-column:1/-1;font-size:15px}.mm-sysblock--list td:last-child{grid-column:1/-1;text-align:left}
.mm-sysblock--list tr.mm-grp{display:block}.mm-sysblock--list tr.mm-grp th{display:block;margin-top:14px}
/* v3 – zwarta tabela: kolumna „Rodzaj” służy jako dane dla JS (grupy/filtry); po zgrupowaniu ukryta wizualnie */
.mm-systab table{font-size:15px}
.mm-systab table td,.mm-systab table tbody th{padding:9px 12px}
.mm-systab table tbody th{width:190px}
.mm-systab table td:last-child{width:96px}
.mm-systab.is-grouped table th:nth-child(2),.mm-systab.is-grouped table td:nth-child(2){display:none}
.mm-systools{grid-template-columns:minmax(0,1fr) auto}.mm-systools input{max-width:none}.mm-filters{justify-content:flex-end}
.mm-systab table tbody th{width:160px}
@media (max-width:1100px){.mm-systools{grid-template-columns:1fr}.mm-filters{justify-content:flex-start}}
.mm-sysblock--list .mm-filters{justify-content:flex-start}
@media (max-width:720px){.mm-systab table tr.mm-grp th{width:auto;box-sizing:border-box}.mm-systab table tbody th{width:auto}.mm-systab table td:last-child{width:auto}}
.mm-sysblock--list tr.mm-grp th{width:auto;box-sizing:border-box}.mm-sysblock--list tbody th{width:auto}.mm-sysblock--list td:last-child{width:auto}

/* ===== v4 (18.10.2026): architektura SEO/GEO – wzorce Powiązane, Obsługiwane sterowania, wpis Czytelni, stopka ===== */
.mm-cond{display:inline-block;font:600 12px/1.3 var(--mm-font);color:#7A1F00;background:#FFE9DE;border:1px dashed #C2410C;border-radius:6px;padding:3px 8px;vertical-align:middle;margin:4px 0}
.mm-related{margin:48px 0 8px}.mm-related h2{font-size:24px;margin:0 0 18px}
.mm-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.mm-rcard{background:#fff;border:1px solid var(--mm-line);border-top:3px solid var(--mm-yellow);border-radius:var(--mm-radius);padding:18px 20px}
.mm-rtype{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--mm-muted)}
.mm-rcard h3{font-size:17px;line-height:1.35;margin:6px 0 8px}.mm-rcard h3 a{color:var(--mm-ink);text-decoration:none}.mm-rcard h3 a:hover{text-decoration:underline}
.mm-rcard p{font-size:15px;margin:0;color:#444}
.mm-soft .mm-rcard{background:#fff}
.mm-more-links{margin:22px 0 0;font-size:16px}
.mm-chips a.mm-chip{color:var(--mm-ink);text-decoration:none}.mm-chips a.mm-chip:hover{border-color:var(--mm-ink);background:var(--mm-tint)}
.mm-obs{background:var(--mm-soft);border-left:4px solid var(--mm-yellow);border-radius:0 var(--mm-radius) var(--mm-radius) 0;padding:16px 20px;margin:28px 0}
.mm-obs-h{font-weight:600;margin:0 0 10px}.mm-obs ul{list-style:none;margin:0 0 10px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.mm-obs li{margin:0}.mm-obs li a{display:inline-block;background:#fff;border:1px solid var(--mm-line);border-radius:999px;padding:5px 12px;font-size:15px;color:var(--mm-ink);text-decoration:none}.mm-obs li a:hover{border-color:var(--mm-ink)}
.mm-narrow{max-width:828px}
.mm-pagehead--post h1{font-size:clamp(28px,3.2vw,40px);line-height:1.2}
.mm-postmeta{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:14px;color:var(--mm-muted);margin:14px 0 0;align-items:center}
.mm-post{padding-top:36px}.mm-post .mm-content{max-width:none}
.mm-tldr{background:var(--mm-tint);border-radius:var(--mm-radius);padding:18px 22px;margin:0 0 28px}.mm-tldr-h{font-weight:700;margin:0 0 6px;font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--mm-ochre)}.mm-tldr p:last-child{margin:0}
.mm-skip{color:var(--mm-muted);font-style:italic;font-size:15px}
.mm-faq{margin-top:40px}.mm-faq h3{font-size:18px;margin:20px 0 6px}
.mm-intro{font-size:18px}
.mm-footer .mm-more{color:var(--mm-yellow)!important;font-weight:600}
.mm-foot-cond{padding-top:0!important;padding-bottom:16px!important;display:block!important}
@media (max-width:959px){.mm-related-grid{grid-template-columns:1fr}}
@media (max-width:560px){.mm-bc{font-size:13px;line-height:1.5}}
.mm-related,.mm-faq{padding:0}.mm-faq{margin-top:36px}.mm-related{margin-top:40px}

/* ===== v4.1 (18.10.2026): teksty Redaktora – [DO POTWIERDZENIA], W skrócie (lista), Czytelnia (działy, Najnowsze, paginacja), ScoutDrive ===== */
.mm-dp{background:#FDE2E2;color:#8A1414;border:1px dashed #B91C1C;border-radius:6px;padding:1px 7px;font-size:.88em;font-weight:600}
.mm-dpitem{background:#FFF5F5;border-radius:6px;padding:4px 8px}.mm-dpnote{color:#8A1414;font-size:.9em}
.mm-condblock{border:2px dashed #C2410C;border-radius:var(--mm-radius);padding:12px 18px;margin:22px 0;background:#FFF8F3;opacity:.92}.mm-condblock h3{margin-top:10px}
.mm-tldr ul{margin:0;padding-left:1.15em}.mm-tldr li{margin:.3em 0}
.mm-fcard h3 a{color:inherit;text-decoration:none}.mm-fcard h3 a:hover{text-decoration:underline}
.mm-lead2{font-size:18px;max-width:820px;margin:10px 0 6px;color:#444}
section.mm-czyt{padding:56px 0 40px}
.mm-dzgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.mm-dz{background:#fff;border:1px solid var(--mm-line);border-radius:var(--mm-radius);padding:26px 28px;border-top:4px solid var(--mm-yellow)}
.mm-dz h2{font-size:24px;margin:0 0 8px}.mm-dz>p{font-size:16px;margin:0 0 12px;color:#333}
.mm-dz-lead{font-weight:600;margin:6px 0 8px!important}.mm-dz-lead a{color:var(--mm-ink)}
.mm-dz ul{margin:0;padding-left:1.1em}.mm-dz li{margin:.32em 0;font-size:16px}.mm-dz li a{color:var(--mm-ink)}
.mm-dz-note{margin:0 0 8px!important}
section.mm-czyt-naj{padding:56px 0 72px}.mm-czyt-naj h2{font-size:32px;margin:0 0 20px}
.mm-postlist{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.mm-pcard{background:#fff;border:1px solid var(--mm-line);border-radius:var(--mm-radius);padding:20px 24px}
.mm-pcard time{font-size:13px;color:var(--mm-muted)}.mm-pcard h3{font-size:19px;line-height:1.35;margin:6px 0 8px}.mm-pcard h3 a{color:var(--mm-ink);text-decoration:none}.mm-pcard h3 a:hover{text-decoration:underline}.mm-pcard p{font-size:15px;color:#444;margin:0 0 10px}
.mm-pag{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0 10px;align-items:center}
.mm-pag a,.mm-pag span{display:inline-block;min-width:40px;text-align:center;padding:8px 12px;border:1px solid var(--mm-line);border-radius:8px;background:#fff;color:var(--mm-ink);text-decoration:none;font-weight:500}
.mm-pag [aria-current]{background:var(--mm-ink);color:#fff;border-color:var(--mm-ink)}.mm-pag .mm-pag-dis{color:#9a9a9a}
.mm-pagnote{margin:6px 0 0}
@media (max-width:959px){.mm-dzgrid,.mm-postlist{grid-template-columns:1fr}.mm-dz{padding:20px}}

/* ===== v5 (18.10.2026): decyzje Krzysztofa – pigułki bez instrukcji (MQTT, Inveo), slot Everest Forms we wpisie ===== */
.mm-chip--txt{background:transparent;border-style:dashed;color:#444}.mm-chip--txt small{font-size:12px;color:var(--mm-muted);margin-left:4px}
.mm-evf{background:var(--mm-soft);border-radius:var(--mm-radius);padding:22px 24px;margin:32px 0}
.mm-evf-h{font-weight:700;font-size:20px;margin:0 0 6px}.mm-evf .mm-formslot{margin-top:14px;color:#444;background:#fff}

/* ===== v5.1 (18.10.2026, 17:38): Czytelnia z 5 działami (E ukryty do 1. wpisu), zdanie do potwierdzenia w treści wpisu ===== */
.mm-dzgrid>.mm-dz:last-child:nth-child(odd){grid-column:1/-1}
.mm-dpwrap{background:#FDE2E2;box-shadow:0 0 0 2px #FDE2E2;border-radius:3px}

/* ===== raft-scout: adapter makiety do bloków WordPress ===== */
@font-face{font-family:"Readex Pro";src:url(../fonts/ReadexPro.woff2) format("woff2");font-weight:160 700;font-display:swap}
body .wp-site-blocks .alignfull{margin-left:0!important;margin-right:0!important;max-width:none}
.wp-site-blocks{padding:0}
:root :where(.is-layout-flow)>.mm-grid2>*,body .mm-grid2>*,body .mm-grid3>*,body .mm-grid4>*,body .mm-quotes>*,body .mm-zas>*,body .mm-related-grid>*,body .mm-dzgrid>*,body .mm-postlist>*,body .mm-branze2>*,body .mm-phones>*,body .mm-hero .mm-c>*,body .mm-layout>*,body .mm-forum>*,body .mm-cta>*,body .mm-stats .mm-c>*,body .mm-footer .mm-w>*,body .mm-chips,body .mm-btns{margin-block:0}
body .mm-card>*,body .mm-rcard>*,body .mm-dz>*,body .mm-pcard>*,body .mm-fcard>*,body .mm-quote>*{margin-block-start:0}
.mm-card>:last-child,.mm-rcard>:last-child,.mm-dz>:last-child,.mm-pcard>:last-child{margin-bottom:0}
/* przyciski core/button z klasami makiety */
.wp-block-button__link{display:inline-flex;align-items:center;gap:.5em;font:600 16px/1 var(--mm-font);padding:15px 26px;border-radius:8px;text-decoration:none;border:2px solid transparent;background:var(--mm-yellow);color:var(--mm-ink);transition:background .15s,color .15s,border-color .15s}
.wp-block-button__link:hover{background:var(--mm-yellow-hover);color:var(--mm-ink)}
.wp-block-button.mm-btn--dark>.wp-block-button__link{background:var(--mm-ink);color:#fff}.wp-block-button.mm-btn--dark>.wp-block-button__link:hover{background:#000;color:var(--mm-yellow)}
.wp-block-button.mm-btn--ghost>.wp-block-button__link{background:transparent;border-color:currentColor;color:var(--mm-ink)}.wp-block-button.mm-btn--ghost>.wp-block-button__link:hover{background:var(--mm-ink);color:#fff;border-color:var(--mm-ink)}
.mm-dark .wp-block-button.mm-btn--ghost>.wp-block-button__link{color:#fff}.mm-dark .wp-block-button.mm-btn--ghost>.wp-block-button__link:hover{background:#fff;color:var(--mm-ink);border-color:#fff}
.wp-block-button.mm-btn--sm>.wp-block-button__link{padding:10px 16px;font-size:15px}
.wp-block-button.mm-link>.wp-block-button__link{background:none;border:0;padding:0;color:var(--mm-ochre)}.wp-block-button.mm-link>.wp-block-button__link::after{content:" →"}.wp-block-button.mm-link>.wp-block-button__link:hover{text-decoration:underline;background:none}
.mm-dark .wp-block-button.mm-link>.wp-block-button__link{color:var(--mm-yellow)}
.wp-block-buttons.mm-btns{gap:14px}
.mm-dark .mm-cta .wp-block-button__link,.mm-cta .wp-block-button.mm-btn--dark>.wp-block-button__link{background:var(--mm-ink);color:#fff}
/* nagłówek (core/navigation) */
.wp-site-blocks>header.wp-block-template-part{position:sticky;top:0;z-index:100}
.admin-bar .wp-site-blocks>header.wp-block-template-part{top:32px}
@media(max-width:782px){.admin-bar .wp-site-blocks>header.wp-block-template-part{top:46px}}
.mm-header .mm-w{flex-wrap:nowrap}
.mm-header .mm-logo{margin:0}.mm-header .mm-logo img{height:30px;width:auto}
.mm-header .wp-block-navigation{font-size:16px;gap:24px;color:#fff}
.mm-header .wp-block-navigation .wp-block-navigation-item__content{color:#fff;padding:8px 0;text-decoration:none}
.mm-header .wp-block-navigation-item:hover>.wp-block-navigation-item__content,.mm-header .current-menu-item>.wp-block-navigation-item__content,.mm-header .current-menu-ancestor>.wp-block-navigation-item__content{color:var(--mm-yellow)}
.mm-header .wp-block-navigation__container>.current-menu-item>.wp-block-navigation-item__content,.mm-header .wp-block-navigation__container>.current-menu-ancestor>.wp-block-navigation-item__content{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:10px}
.mm-header .wp-block-navigation__submenu-container{background:#fff!important;border:0!important;border-radius:var(--mm-radius);box-shadow:0 16px 40px rgba(0,0,0,.25);padding:8px!important;min-width:300px!important}
.mm-header .wp-block-navigation__submenu-container .wp-block-navigation-item__content{color:var(--mm-ink)!important;padding:8px 12px!important;border-radius:6px;font-size:15px;white-space:normal}
.mm-header .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover{background:var(--mm-soft)}
.mm-header .wp-block-navigation__submenu-container .current-menu-item>.wp-block-navigation-item__content{background:var(--mm-tint);color:var(--mm-ochre)!important;font-weight:600;box-shadow:inset 3px 0 0 var(--mm-yellow)}
.mm-header .wp-block-navigation__responsive-container-open,.mm-header .wp-block-navigation__responsive-container-close{color:#fff}
.mm-header .wp-block-navigation__responsive-container.is-menu-open{background:var(--mm-ink)!important;color:#fff!important;padding:24px}
.mm-header .is-menu-open .wp-block-navigation__submenu-container{background:transparent!important;box-shadow:none;min-width:0!important}
.mm-header .is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content{color:#E0E0E0!important}
/* hamburger poniżej 1100 px (domyślnie WP przełącza przy 600 px) */
@media (min-width:600px) and (max-width:1099px){
 .mm-header .wp-block-navigation__responsive-container-open:not(.always-shown){display:flex}
 .mm-header .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open){display:none}
}
/* pasek tytułu i okruszki (Yoast) */
.mm-pagehead .yoast-breadcrumbs,.mm-pagehead .mm-bc{font-size:14px;color:var(--mm-muted);margin:0 0 8px}
.mm-pagehead .yoast-breadcrumbs a{color:var(--mm-muted)}
.mm-pagehead .wp-block-post-title{font-size:40px;font-weight:600;margin:0}
.mm-pagehead--post .wp-block-post-title{font-size:clamp(28px,3.2vw,40px);line-height:1.2}
.mm-postmeta{gap:6px 18px!important}.mm-postmeta>*{margin:0!important}.mm-postmeta .wp-block-post-date{display:inline}
@media(max-width:959px){.mm-pagehead .wp-block-post-title{font-size:30px}}
/* menu boczne: core/details + core/list */
.mm-side .wp-block-details>summary{display:none}
@media(max-width:959px){.mm-side .wp-block-details>summary{display:flex}}
.mm-sd-funkcje summary::before{content:"Funkcje Scout:"}.mm-sd-o-systemie summary::before{content:"Poznaj Scout:"}.mm-sd-zasoby summary::before{content:"Zasoby:"}.mm-sd-pomoc summary::before{content:"Tematy pomocy:"}
.mm-side summary{flex-wrap:wrap}.mm-side summary::before{display:block;width:100%;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--mm-muted);font-weight:600}
.mm-side li:not(.current-menu-item):not(.current-menu-ancestor)>ul{display:none}
.mm-side li{margin:0}.mm-side h2.wp-block-heading{font-size:14px}
.mm-side .mm-sidecta .wp-block-buttons{margin:0}
/* treść */
.mm-content>.wp-block-post-content>*:first-child{margin-top:0}
.mm-content .wp-block-image{margin:28px 0}
.mm-content .wp-block-table{margin:24px 0;overflow-x:auto}.mm-content .wp-block-table td,.mm-content .wp-block-table th{border:1px solid var(--mm-line);padding:8px 12px}
.mm-content .mm-systab td,.mm-content .mm-systab th{border:0;border-bottom:1px solid var(--mm-line)}
.mm-systab table{width:100%}
.mm-card--wide{grid-column:1/-1;margin-bottom:24px}
.mm-card--wide .mm-chips{margin-top:12px}.mm-chip.mm-more{border-color:var(--mm-ink);font-weight:600}
.mm-shot,.mm-phone,.mm-browser{margin:0}
.mm-fcard .mm-shot{margin:0}.mm-fcard .mm-shot img{aspect-ratio:auto}
.mm-gallery{display:grid}.mm-gallery.wp-block-gallery{gap:18px}
.mm-quote.wp-block-quote{border-left:1px solid var(--mm-line);margin:0}
.mm-quote cite{display:block;margin-top:16px;font-size:15px;font-style:normal}.mm-quote cite b{display:block}
.mm-eyebrow+.wp-block-heading{margin-top:0}
p:has(>.mm-eyebrow:only-child){margin:0}
.mm-dz h2.wp-block-heading{font-size:24px}
.mm-dz.is-hidden{display:none}
body.paged .mm-czyt{display:none}
.mm-pcard .wp-block-post-title{font-size:19px;line-height:1.35;margin:6px 0 8px}.mm-pcard .wp-block-post-title a{color:var(--mm-ink);text-decoration:none}
.mm-pcard .wp-block-post-date{font-size:13px;color:var(--mm-muted)}.mm-pcard .wp-block-post-excerpt{font-size:15px;color:#444}
.mm-pcard .wp-block-post-excerpt__more-link{font-weight:600;color:var(--mm-ochre);text-decoration:none}
.wp-block-query-pagination{gap:8px;margin-top:28px}.wp-block-query-pagination a,.wp-block-query-pagination .page-numbers{display:inline-block;min-width:40px;text-align:center;padding:8px 12px;border:1px solid var(--mm-line);border-radius:8px;background:#fff;color:var(--mm-ink);text-decoration:none}
.wp-block-query-pagination .page-numbers.current{background:var(--mm-ink);color:#fff;border-color:var(--mm-ink)}
.mm-evf .everest-forms{margin-top:14px}
.mm-landing{padding-top:48px;padding-bottom:88px}
.mm-dark .everest-forms label,.mm-dark .everest-forms .evf-label{color:#E0E0E0}
.mm-footer .wp-block-list{list-style:none;padding:0}.mm-footer .wp-block-heading{color:var(--mm-yellow);font-size:16px}
.mm-footer .mm-bottom p{margin:0}
.mm-yt-wrap{margin:0}

/* ===== przegląd new v1 (Projektant, 18.10.2026) – poprawki do assets/css/mm.css (dopisać na końcu) ===== */
/* K1 sticky header: Raft (style.css) ustawia html,body{height:100%} i .wp-site-blocks{height:100%} → sticky kończy się po 1 ekranie */
html,body{height:auto}
.wp-site-blocks{height:auto;min-height:100vh;min-height:100dvh}
.wp-site-blocks>main{flex:1 0 auto}
/* K2 hero mobile: reguła v2 „.mm-hero .mm-c{grid-template-columns:1fr 1.15fr}” nadpisuje media query → 2 kolumny na telefonie, film ma 0 px */
@media(max-width:959px){.mm-hero .mm-c{grid-template-columns:minmax(0,1fr)}}
/* K2/K3 nagłówki na mobile (w makiecie były w bazowym CSS, w motywie wypadły; theme.json ma stałe 52/36 px) */
h1 strong{font-weight:700}
@media(max-width:959px){h1.wp-block-heading,.mm-hero h1{font-size:36px}h2.wp-block-heading{font-size:28px}}
@media(max-width:400px){.mm-hero h1{font-size:32px}}
.mm-hero h1,p:has(>.mm-eyebrow:only-child)+.wp-block-heading{margin-top:0}
/* W1 przerwy 17 px między sekcjami (blockGap 1em z layoutu flow) – białe paski pod nagłówkiem i między sekcjami */
.wp-site-blocks>*,.mm-front>*,.mm-main>*{margin-block-start:0}
/* W2 poziomy scroll na 360 px (tabela modeli Fanuc): element siatki nie może być szerszy niż kolumna */
.mm-layout>*{min-width:0}
.mm-content{overflow-wrap:break-word}
/* W3 podpis zrzutu w ramce przeglądarki: ciemny tekst na #2E3033 (kontrast 1,2:1) */
.mm-browser .wp-element-caption{color:var(--mm-muted-dark);font-size:13px;margin:10px 4px 2px;text-align:left}
/* W4 podwójna strzałka / pionowa kreska przy pozycjach z podmenu (reguła makiety .mm-nav .has-child>a::after + ikona SVG WP) */
.mm-header .wp-block-navigation .has-child>a::after{content:none}
/* W5 Branże: dzieci .mm-branze2 to <p>, nie <div> */
.mm-branze2>*{border-left:4px solid var(--mm-yellow);background:#2B2D30;border-radius:0 8px 8px 0;padding:18px 20px;font-weight:500;font-size:18px;margin:0}
/* W6 żółta karta CTA pod treścią funkcji (w makiecie inline style) */
.mm-card.mm-card--yellow{background:var(--mm-yellow);border-color:var(--mm-yellow)}
/* W7 tabela sterowań: szeroka treść jak w makiecie (.mm-content--wide) */
.mm-content:has(.mm-sysblock){max-width:none}
/* W8 menu mobilne (overlay): do lewej, hierarchia */
.mm-header .is-menu-open .wp-block-navigation__responsive-container-content,
.mm-header .is-menu-open .wp-block-navigation__container,
.mm-header .is-menu-open .wp-block-navigation-item{align-items:flex-start!important;text-align:left}
.mm-header .is-menu-open .wp-block-navigation__container{gap:18px!important;width:100%}
.mm-header .is-menu-open .wp-block-navigation__container>li>.wp-block-navigation-item__content{font-size:20px;font-weight:600}
.mm-header .is-menu-open .wp-block-navigation__submenu-container{padding:2px 0 0 14px!important;border-left:2px solid #444!important;margin-top:6px}
.mm-header .is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content{font-size:16px;padding:5px 0!important}
/* K4 dopasowanie: Czytelnia – dział F na pełną szerokość, gdy E ukryty (nth-child liczy ukryty E) */
.mm-dzgrid>.mm-dz.is-hidden~.mm-dz:last-child{grid-column:1/-1}
/* kosmetyczne: ramka przeglądarki – kropki, cytat Raft w treści Pomocy */
.mm-content .wp-block-quote:not(.mm-quote){font-size:17px;font-style:normal;border-left:4px solid var(--mm-line);padding:6px 0 6px 18px;margin:20px 0}
.mm-systools{grid-template-columns:minmax(280px,1fr) auto}

/* ===== raft-scout 1.1.0: uzupełnienia do przeglądu v1 ===== */
/* W10 menu mobilne: podmenu zwinięte domyślnie (decyzja robocza, do potwierdzenia przez Krzysztofa), przycisk rozwijania */
.mm-subtog{display:none}
.mm-header .is-menu-open .wp-block-navigation-submenu.has-child{position:relative;width:100%}
.mm-header .is-menu-open .wp-block-navigation-submenu.has-child>.wp-block-navigation__submenu-container{display:none!important}
.mm-header .is-menu-open .wp-block-navigation-submenu.has-child.mm-open>.wp-block-navigation__submenu-container{display:flex!important}
.mm-header .is-menu-open .mm-subtog{display:flex;align-items:center;justify-content:center;position:absolute;right:0;top:-6px;width:44px;height:44px;background:none;border:0;color:inherit;cursor:pointer;padding:0}
.mm-header .is-menu-open .mm-subtog::before{content:"";width:10px;height:10px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .15s}
.mm-header .is-menu-open .mm-open>.mm-subtog::before{transform:rotate(-135deg)}
.mm-header .is-menu-open .wp-block-navigation-submenu.has-child>.wp-block-navigation-item__content{padding-right:52px}
/* W11 facade YouTube z bloku embed (landing) */
.wp-block-embed.mm-yt-embed{margin:24px 0}
.wp-block-embed.mm-yt-embed .mm-yt{width:100%}
/* C4 ramka przeglądarki: trzy kropki */
.mm-browser{position:relative}
.mm-browser::before{content:"";display:block;height:10px;margin:2px 0 10px 4px;background:radial-gradient(circle at 5px 5px,#FF5F57 4px,transparent 4.5px),radial-gradient(circle at 21px 5px,#FEBC2E 4px,transparent 4.5px),radial-gradient(circle at 37px 5px,#28C840 4px,transparent 4.5px);background-repeat:no-repeat}
/* C7 404 */
.mm-404links{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:20px 0 28px}
.mm-404links li a{display:inline-block;padding:10px 16px;border:1px solid var(--mm-line);border-radius:8px;text-decoration:none;font-weight:500}
.mm-404links li a:hover{border-color:var(--mm-yellow);background:#FFF8DC}
/* W9 korekta: na węższych ekranach wyszukiwarka i filtry jedna pod drugą (minmax(280px…) z patcha rozpychało stronę przy 360 px) */
.mm-systools{grid-template-columns:minmax(0,1fr)}.mm-systools input{max-width:480px}.mm-sysblock .mm-filters{justify-content:flex-start}
/* przy 806 px kolumny treści pole (placeholder ~300 px) i 4 filtry (~560 px) nie mieszczą się w jednym rzędzie bez ucinania – pole nad filtrami */
/* K2: szerokie elementy w hero nie mogą rozpychać siatki */
.mm-hero .mm-c>*{min-width:0}
.mm-hero .mm-yt,.mm-hero .mm-yt img{max-width:100%}

/* ===== przegląd new v2 (Projektant, 18.10.2026) – dopisać na końcu assets/css/mm.css (źródło: build_theme.py) ===== */

/* R1 (K3 cd.) formularz na stronie głównej: wpautop owija wynik shortcode'u w <p>, przeglądarka
   rozbija <p><div> na puste <p></p> + div + <p></p> → 4 dzieci siatki, formularz ląduje pod tekstem */
.mm-grid2>p:empty{display:none}

/* R2 menu mobilne: bieżąca podstrona – jasny tekst (#E0E0E0 !important) na jasnym tle tint z reguły dropdownu desktop */
.mm-header .is-menu-open .wp-block-navigation__submenu-container .current-menu-item>.wp-block-navigation-item__content{background:transparent!important;color:var(--mm-yellow)!important;box-shadow:inset 3px 0 0 var(--mm-yellow);padding-left:10px!important;font-weight:600}

/* R3 (W8) żółta karta tylko z klasy – reguła nth-child(2) do usunięcia z mm.css:
   .mm-grid2>.mm-card:nth-child(2){…} i .mm-grid2>.mm-card:nth-child(2) .wp-block-heading{…} */
.mm-card.mm-card--yellow,.mm-card.mm-card--yellow .wp-block-heading{color:#1C1C1C}

/* R4 tabele w treści (Fanuc i inne podstrony sterowań) na telefonie: zamiast łamania „FANUC / Series / 31i-” po słowie
   – czytelna minimalna szerokość i przewijanie wewnątrz ramki tabeli (strona nadal bez poziomego scrolla) */
@media(max-width:599px){.mm-content .wp-block-table table{min-width:520px}.mm-content .wp-block-table{overflow-x:auto;-webkit-overflow-scrolling:touch}}

/* ===== C6 Everest Forms w stylu v5.1 ===== */
.everest-forms .evf-field-container,.everest-forms .evf-honeypot-container,.everest-forms .evf-submit-container{padding-left:0;padding-right:0}
.everest-forms .evf-field-container .evf-frontend-row:not(.wp-list-table){margin-left:0;margin-right:0}
.everest-forms .evf-field-container .evf-frontend-row .evf-frontend-grid{padding-left:0;padding-right:0}
.everest-forms .evf-field{margin:0 0 14px}
.everest-forms label.evf-field-label{display:block;margin:0 0 6px;font:600 14px/1.4 var(--mm-font);color:var(--mm-ink)}
.everest-forms abbr.required{color:var(--mm-ochre);text-decoration:none;border:0}
/* pola */
.everest-forms input[type=text],.everest-forms input[type=email],.everest-forms input[type=tel],.everest-forms input[type=url],.everest-forms input[type=number],.everest-forms select,.everest-forms textarea{width:100%;min-height:48px;margin:0;padding:12px 14px;font:400 16px/1.4 var(--mm-font);color:var(--mm-ink);background:#fff;border:1px solid #C9CDD2;border-radius:8px;box-shadow:none;transition:border-color .15s,box-shadow .15s}
.everest-forms textarea{min-height:128px;resize:vertical}
.everest-forms input::placeholder,.everest-forms textarea::placeholder{color:#6B6F73;opacity:1}
/* focus: ciemna ramka + żółta poświata (żółty tylko jako tło/obrys, nie tekst) */
.everest-forms input:focus,.everest-forms select:focus,.everest-forms textarea:focus{outline:0;border-color:var(--mm-ink);box-shadow:0 0 0 3px rgba(254,209,54,.6)}
/* przycisk: żółte tło, tekst #222 (kontrast 11,9:1), jak .mm-btn--primary */
.everest-forms .evf-submit-container button.evf-submit[type=submit],.everest-forms .evf-submit-container input[type=submit]{display:inline-flex;align-items:center;gap:.5em;min-height:48px;margin:4px 0 0;padding:15px 26px;font:600 16px/1 var(--mm-font);color:#222;background:var(--mm-yellow);border:2px solid var(--mm-yellow);border-radius:8px;box-shadow:none;cursor:pointer;transition:background .15s,border-color .15s}
.everest-forms .evf-submit-container button.evf-submit[type=submit]:hover,.everest-forms .evf-submit-container input[type=submit]:hover{color:#222;background:var(--mm-yellow-hover);border-color:var(--mm-yellow-hover)}
.everest-forms button[type=submit]:focus-visible,.everest-forms input[type=submit]:focus-visible{outline:2px solid var(--mm-ink);outline-offset:3px}
.everest-forms button[type=submit]:disabled,.everest-forms input[type=submit]:disabled{opacity:.6;cursor:wait}
/* błędy: czerwień #B42318 (7:1 na białym), komunikat pod polem */
.everest-forms label.evf-error{display:block;margin:6px 0 0;padding:0;font:500 14px/1.4 var(--mm-font);color:#B42318}
.everest-forms .evf-field-container .evf-frontend-row .evf-frontend-grid .evf-field.everest-forms-invalid>label{color:#B42318}
.everest-forms .evf-field-container .evf-frontend-row .evf-frontend-grid .evf-field.everest-forms-invalid input.evf-error,.everest-forms .evf-field.everest-forms-invalid select,.everest-forms .evf-field.everest-forms-invalid textarea{border-color:#B42318;box-shadow:0 0 0 1px #B42318}
/* komunikaty po wysłaniu */
.everest-forms .everest-forms-notice{margin:0 0 16px;padding:14px 18px;border-radius:8px;font-size:15px;line-height:1.5}
.everest-forms .everest-forms-notice--success{background:var(--mm-tint);border-left:4px solid var(--mm-yellow);color:var(--mm-ink)}
.everest-forms .everest-forms-notice--error{background:#FDECEC;border-left:4px solid #B42318;color:#7A1A12}
/* wariant na ciemnym tle (.mm-dark: strona główna „Bezpłatny test”) – białe pola, jasne etykiety, jasna czerwień błędów */
.mm-dark .everest-forms label.evf-field-label{color:#E0E0E0}
.mm-dark .everest-forms abbr.required{color:var(--mm-yellow)}
.mm-dark .everest-forms input[type=text],.mm-dark .everest-forms input[type=email],.mm-dark .everest-forms input[type=tel],.mm-dark .everest-forms textarea{border-color:#fff}
.mm-dark .everest-forms input:focus,.mm-dark .everest-forms textarea:focus{border-color:var(--mm-yellow);box-shadow:0 0 0 3px rgba(254,209,54,.45)}
.mm-dark .everest-forms button[type=submit]:focus-visible{outline-color:#fff}
.mm-dark .everest-forms label.evf-error,.mm-dark .everest-forms .evf-field-container .evf-frontend-row .evf-frontend-grid .evf-field.everest-forms-invalid>label{color:#FF8A80}
.mm-dark .everest-forms .evf-field-container .evf-frontend-row .evf-frontend-grid .evf-field.everest-forms-invalid input.evf-error{border-color:#FF8A80;box-shadow:0 0 0 1px #FF8A80}
/* wpis (.mm-evf, jasnoszare tło #F5F5F5) i landing: pola na białym, bez zmian poza bazą */
.mm-evf .everest-forms{max-width:560px}
