@charset "UTF-8";
/* Instrukcja obsługi: komponenty strony i wersja do druku / PDF. Wymaga /styles.css.
   CSP strony nie dopuszcza stylów inline — wszystkie style ilustracji są tutaj. */

.g-page{--soft:#eceee7;--card:#fbfaf7;--ui-line:#c6cbc2;--ok:#246442;--info:#1d5c8f;--warn:#8f5200;--app-text:#202936;--app-muted:#616c7b;--app-line:#dde2e8;--app-red:#c72635}
.g-sprite{position:absolute;width:0;height:0;overflow:hidden}
.g-i{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;display:inline-block;vertical-align:-3px}
.print-only{display:none}

/* Hero */
.g-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 30px;margin-top:32px}
.g-hero-actions .button{gap:18px}
.g-facts{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px;padding:0;list-style:none}
.g-facts li{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:40px;padding:7px 14px;font-size:11px;font-weight:650;color:var(--muted);background:#fbfaf7}
.g-facts .g-i{width:14px;height:14px;color:var(--red)}

/* Spis treści */
.g-page .article-toc{max-height:calc(100vh - var(--header) - 48px);overflow-y:auto;padding-bottom:12px;scrollbar-width:thin}
.g-page .article-toc nav{gap:9px}
.g-page .article-toc nav a{display:grid;grid-template-columns:22px 1fr;gap:6px}
.g-page .article-toc nav a span{font-variant-numeric:tabular-nums;color:#9aa096;font-weight:700;font-size:10px;line-height:2}
.g-toc-pdf{display:inline-flex;align-items:center;gap:10px;margin-top:22px;font-size:12px;font-weight:700;text-decoration:none}
.g-toc-pdf:hover{color:var(--red)}

/* Rozdziały */
.g-chapter{scroll-margin-top:calc(var(--header) + 20px)}
.article-content .g-chapter+.g-chapter{margin-top:0;padding-top:64px;border-top:1px solid var(--line)}
.g-chapter:first-child{padding-top:0}
.g-kicker{display:flex;align-items:center;gap:14px;margin-bottom:16px!important;font-size:11px!important;font-weight:750;letter-spacing:1.6px;text-transform:uppercase;color:var(--red)!important;line-height:1.5!important}
.g-kicker span{display:grid;place-items:center;min-width:40px;height:40px;border-radius:50%;background:var(--red);color:#fff;font-size:14px;letter-spacing:0}
.article-content .g-lead{font-size:16px;color:var(--ink);line-height:1.85;margin-bottom:8px}
.article-content h3{scroll-margin-top:calc(var(--header) + 20px)}
.article-content h4{font-size:15px;font-weight:750;margin:24px 0 8px;letter-spacing:-.2px}
.article-content strong{color:var(--ink)}

/* Elementy interfejsu w tekście */
.ui{display:inline;padding:1px 7px;border:1px solid var(--ui-line);border-radius:5px;background:#fff;color:var(--ink);font-weight:700;font-size:.93em;line-height:1.9;box-decoration-break:clone;-webkit-box-decoration-break:clone;white-space:normal}
.ui-red{background:var(--red);border-color:var(--red);color:#fff}
.ui .g-i{width:13px;height:13px;vertical-align:-2px}
.g-path{display:inline;font-weight:700;color:var(--ink)}
.g-path>span+span::before{content:"›";margin:0 7px;color:var(--red);font-weight:800}
kbd{display:inline-block;min-width:22px;padding:0 6px;border:1px solid var(--ui-line);border-bottom-width:2px;border-radius:5px;background:#fff;font:700 11px/1.8 Manrope,system-ui,sans-serif;text-align:center;color:var(--ink)}
.g-msg{font-style:normal;font-weight:650;color:var(--ink)}
.g-msg::before{content:"„"}
.g-msg::after{content:"”"}

/* Szybki start */
.g-quick{list-style:none;padding:0!important;margin:26px 0!important;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;counter-reset:quick}
.article-content .g-quick li{margin:0;padding:22px 20px 20px;background:var(--card);border:1px solid var(--line);border-radius:10px;counter-increment:quick;position:relative}
.g-quick li::before{content:counter(quick,decimal-leading-zero);display:block;font-size:30px;font-weight:800;letter-spacing:-1.5px;color:var(--red);line-height:1;margin-bottom:14px}
.g-quick strong{display:block;font-size:15px;line-height:1.45;margin-bottom:6px}
.article-content .g-quick p{font-size:12.5px;line-height:1.7}
.g-quick a{font-size:12px}

/* Lista kroków */
.g-steps{list-style:none;padding:0!important;margin:24px 0!important;counter-reset:step}
.article-content .g-steps>li{position:relative;padding:0 0 22px 54px;margin:0;counter-increment:step}
.g-steps>li::before{content:counter(step);position:absolute;left:0;top:0;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;border:2px solid var(--red);color:var(--red);font-weight:800;font-size:14px;background:var(--paper);z-index:1}
.g-steps>li:not(:last-child)::after{content:"";position:absolute;left:16px;top:36px;bottom:2px;width:2px;background:#e3d6d0}
.g-steps>li>strong:first-child{display:block;font-size:15px;line-height:1.5;margin:5px 0 4px}
.article-content .g-steps ul{margin:8px 0 0;padding-left:18px}
.article-content .g-steps ul li{margin:4px 0;font-size:13.5px}

/* Ramki */
.g-callout{border:1px solid var(--line);border-left:4px solid var(--ok);background:#f1f4ee;border-radius:0 8px 8px 0;padding:18px 22px;margin:24px 0}
.g-callout-info{border-left-color:var(--info);background:#eef3f7}
.g-callout-warn{border-left-color:#c77a00;background:#fbf4e8}
.g-callout-red{border-left-color:var(--red);background:#f8ecea}
.g-callout-label{display:flex!important;align-items:center;gap:8px;font-size:10.5px!important;font-weight:800;letter-spacing:1.3px;text-transform:uppercase;margin-bottom:6px!important;line-height:1.5!important;color:var(--ok)!important}
.g-callout-info .g-callout-label{color:var(--info)!important}
.g-callout-warn .g-callout-label{color:var(--warn)!important}
.g-callout-red .g-callout-label{color:var(--red)!important}
.article-content .g-callout p,.article-content .g-callout li{font-size:13.5px;line-height:1.8}
.article-content .g-callout ul{margin:8px 0 0}
.article-content .g-callout li{margin:4px 0}

/* Wzór */
.g-formula{background:var(--ink);color:#fff;border-radius:10px;padding:24px 26px;margin:24px 0;display:grid;gap:10px}
.g-formula>span{font-size:10px;font-weight:750;letter-spacing:1.6px;text-transform:uppercase;color:#f09a8c}
.article-content .g-formula p{color:#fff;font-size:17px;line-height:1.6;letter-spacing:-.2px}
.g-formula b{color:#ffb4a6;font-weight:750}
.article-content .g-formula small{color:#c9d0c6;font-size:12px;line-height:1.6}

/* Karty wyboru */
.g-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:14px;margin:24px 0}
.g-card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:22px 20px;display:flex;flex-direction:column;gap:8px}
.g-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.g-card-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:#f6e1dd;color:var(--red)}
.g-card-icon .g-i{width:20px;height:20px}
.g-badge{white-space:nowrap;display:inline-flex;align-items:center;gap:6px;font-size:9.5px;font-weight:800;letter-spacing:1px;text-transform:uppercase;border-radius:30px;padding:4px 10px;background:#e2e6dc;color:var(--ink)}
.g-badge-red{background:var(--red);color:#fff}
.g-card h4{margin:6px 0 0!important;font-size:16px!important}
.article-content .g-card p{font-size:12.5px;line-height:1.7}
.g-card dl{margin:6px 0 0;display:grid;gap:6px;font-size:12px;line-height:1.6}
.g-card dt{font-weight:750;color:var(--ink)}
.g-card dd{margin:0;color:var(--muted)}

/* Makiety interfejsu */
.g-figure{margin:28px 0}
.g-figure figcaption{font-size:11.5px;color:var(--muted);line-height:1.7;margin-top:12px}
.g-figure figcaption strong{color:var(--ink)}
.pin{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--red);color:#fff;font:800 10.5px/1 Manrope,system-ui,sans-serif;font-style:normal;flex:none;box-shadow:0 0 0 3px rgba(201,55,43,.18);vertical-align:middle}
.g-legend{list-style:none;padding:0!important;margin:18px 0 0!important;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:8px 22px}
.article-content .g-legend li{display:grid;grid-template-columns:24px 1fr;gap:10px;margin:0;font-size:13px;line-height:1.7;padding-left:0}
.g-legend .pin{margin-top:3px}

/* Zrzuty ekranu aplikacji */
.g-shot-fig>a{display:block;border-radius:12px;overflow:hidden;border:1px solid var(--line);background:#fff;box-shadow:0 18px 40px -26px rgba(32,41,54,.45),0 2px 6px rgba(32,41,54,.05);transition:box-shadow .2s,transform .2s}
.g-shot-fig>a:hover{box-shadow:0 22px 46px -24px rgba(32,41,54,.55),0 0 0 3px rgba(201,55,43,.25)}
.g-shot-fig img{display:block;width:100%;height:auto}
.g-shot-fig.is-medium>a{max-width:560px;margin-inline:auto}
.g-shot-fig.is-narrow>a{max-width:340px;margin-inline:auto}
.g-shot-fig.is-medium figcaption,.g-shot-fig.is-narrow figcaption{text-align:center}
.g-shot-fig figcaption .pin,.g-legend+.g-shot-fig .pin{width:18px;height:18px;font-size:10px}
.g-shot-fig+.g-shot-fig{margin-top:18px}

/* Sekcje parametrów */
.article-content .g-params{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:22px 0;padding:0;list-style:none}
.article-content .g-params li{margin:0;padding:16px 16px 14px;border:1px solid var(--line);border-radius:10px;background:var(--card)}
.g-params li>span{display:flex;align-items:center;gap:8px;font-weight:750;color:var(--ink);font-size:14px;margin-bottom:4px}
.g-params li>span .g-i{color:var(--red)}
.article-content .g-params p{font-size:12px;line-height:1.7}

/* Legenda kolorów i sterowanie mapą */
.g-keys{list-style:none;padding:0!important;margin:18px 0!important;display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:8px 18px}
.article-content .g-keys li{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:start;margin:0;padding:0;font-size:13px;line-height:1.65}
.g-key{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink)}
.g-key .g-i{width:17px;height:17px}
.g-dot{width:14px;height:14px;border-radius:50%;margin:5px auto 0;border:2px solid #fff;box-shadow:0 0 0 1px var(--line)}
.g-dot-drive{background:#16a34a}.g-dot-idle{background:#9aa6b6}.g-dot-rest{background:#0284c7}.g-dot-alert{background:#dc2626}.g-dot-unknown{background:#64748b}
.g-dot-fast{background:#00a486}.g-dot-mid{background:#f7a20e}.g-dot-slow{background:#960a0a}

/* Rozwiązywanie problemów */
.g-trouble{display:grid;gap:10px;margin:22px 0}
.g-trouble>div{border:1px solid var(--line);border-radius:10px;background:var(--card);padding:16px 18px}
.article-content .g-trouble p{font-size:13px;line-height:1.75}
.article-content .g-trouble p.g-q{font-weight:750;color:var(--ink);font-size:13.5px;margin-bottom:4px;display:flex;gap:10px}
.g-q::before{content:"!";display:grid;place-items:center;flex:none;width:20px;height:20px;border-radius:50%;background:#f6e1dd;color:var(--red);font-size:11px;font-weight:800;margin-top:2px}
.g-trouble h4{margin:30px 0 4px!important}
.g-trouble h4:first-child{margin-top:0!important}

/* Słowniczek */
.g-glossary{display:grid;grid-template-columns:minmax(120px,190px) 1fr;margin:22px 0;border-top:1px solid var(--line)}
.g-glossary dt,.g-glossary dd{padding:13px 0;border-bottom:1px solid var(--line);margin:0;font-size:13px;line-height:1.75}
.g-glossary dt{font-weight:750;color:var(--ink);padding-right:18px}
.g-glossary dd{color:#515951}

/* Ściągawka */
.g-cheat{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:24px 0}
.g-cheat>div{border-radius:10px;padding:18px;background:var(--ink);color:#fff}
.g-cheat>div:nth-child(3n+2){background:#3a423d}
.g-cheat>div:nth-child(3n+3){background:var(--red)}
.g-cheat h4{margin:0 0 10px!important;color:#fff;font-size:14px!important}
.article-content .g-cheat ul{margin:0;padding-left:16px}
.article-content .g-cheat li{color:#e8ece5;font-size:12px;line-height:1.65;margin:5px 0;padding-left:2px}
.g-cheat>div:nth-child(3n+3) li{color:#ffeae6}

.g-help{display:grid;grid-template-columns:1fr auto;gap:20px 30px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:26px;background:var(--card);margin-top:34px}
.g-help strong{display:block;font-size:18px;line-height:1.4;margin-bottom:6px}
.article-content .g-help p{font-size:13px}

.article-content table.g-table{min-width:0}
.article-content .g-table td:first-child{color:var(--ink);font-weight:650}
.article-content .g-table td small{display:block;color:var(--muted);font-weight:400;font-size:11px;margin-top:3px}

@media(max-width:940px){
  .g-page .article-toc{max-height:none;overflow:visible}
  .g-page .article-toc nav a{display:inline-grid}
}
@media(max-width:600px){
  .g-hero-actions{flex-direction:column;align-items:flex-start;gap:6px}
  .g-facts li{font-size:10px;padding:6px 11px}
  .article-content .g-lead{font-size:14px}
  .article-content .g-chapter+.g-chapter{padding-top:44px}
  .g-kicker span{min-width:34px;height:34px;font-size:12px}
  .article-content .g-steps>li{padding-left:46px}
  .g-steps>li::before{width:30px;height:30px;font-size:13px}
  .g-steps>li:not(:last-child)::after{left:14px;top:32px}
  .g-glossary{grid-template-columns:1fr}
  .g-glossary dt{border-bottom:0;padding-bottom:0}
  .g-help{grid-template-columns:1fr;padding:20px}
  .article-content .g-formula p{font-size:15px}
}

/* ---------- Wersja do druku i PDF (A4) ---------- */
@page{size:A4;margin:17mm 16mm 19mm;
  @bottom-left{content:"ObliczmyTo · Instrukcja obsługi";font-family:Manrope,sans-serif;font-size:7.5pt;color:#8a8f88}
  @bottom-right{content:counter(page) " / " counter(pages);font-family:Manrope,sans-serif;font-size:7.5pt;color:#8a8f88}}
@page :first{margin:0;@bottom-left{content:none}@bottom-right{content:none}}
@media print{
  :root{--header:0px;background:#fff}
  html{scroll-padding-top:0}
  body{background:#fff;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .site-header,.site-footer,.closing,.breadcrumbs,.article-toc,.skip-link,.screen-only,.article-hero{display:none!important}
  .print-only{display:block}
  .wrap{width:auto}
  .article-layout{display:block;padding:0}
  .article-content .g-chapter+.g-chapter{border-top:0;padding-top:0}
  .g-chapter{break-before:page}
  h2,h3,h4,.g-kicker{break-after:avoid}
  .g-figure,.g-callout,.g-card,.g-quick li,.g-steps>li,.g-params li,.g-trouble>div,.g-formula,.g-cheat>div,.g-help,tr,.g-glossary dt{break-inside:avoid}
  p,li{orphans:3;widows:3}
  a{text-decoration:none}
  .article-content h2{font-size:22pt;letter-spacing:-.6pt;margin-bottom:12pt}
  .article-content h3{font-size:13.5pt;margin:18pt 0 6pt}
  .article-content p,.article-content li{font-size:9.6pt;line-height:1.62;color:#3a403b}
  .article-content .g-lead{font-size:11pt;line-height:1.6}
  .article-content p,.article-content li{line-height:1.55}
  .article-content .g-steps>li{padding-bottom:12px}
  .g-callout{margin:14pt 0;padding:12pt 16pt}
  .g-keys,.g-legend{break-inside:avoid}
  .g-quick{grid-template-columns:repeat(5,1fr);gap:8px;margin:14pt 0!important}
  .article-content .g-quick li{padding:12px 11px}
  .g-quick li::before{font-size:20px;margin-bottom:8px}
  .g-quick strong{font-size:9.5pt}
  .article-content .g-quick p{font-size:8pt;line-height:1.5}
  .g-quick a{font-size:7.5pt}
  .g-trouble{gap:6px;margin:12pt 0}
  .g-trouble>div{padding:9pt 12pt}
  .article-content .g-trouble p{font-size:9pt;line-height:1.5}
  .article-content .g-trouble p.g-q{font-size:9.4pt;margin-bottom:2pt}
  .g-trouble h4{margin:14pt 0 2pt!important}
  .g-glossary dt,.g-glossary dd{padding:6.5pt 0;font-size:9.4pt;line-height:1.5}
  .g-shot-fig>a{box-shadow:none}
  .g-shot-fig img{width:auto;max-width:100%;max-height:200mm;margin-inline:auto}
  .g-shot-fig.is-narrow img{max-height:150mm}
  .g-shot-fig.is-compact img{max-height:105mm}
  .table-scroll{break-inside:avoid}
  .g-figure{margin:16pt 0}
  .table-scroll{overflow:visible!important}
  .article-content table{font-size:8.6pt}
  .article-content th,.article-content td{padding:7pt 9pt}

  /* Okładka: pierwsza strona bez marginesów */
  .g-cover{display:flex;flex-direction:column;justify-content:space-between;width:210mm;height:297mm;padding:24mm 20mm 20mm;background:#212723;color:#fff;break-after:page;position:relative;overflow:hidden}
  .g-cover-brand{font-size:24pt;font-weight:800;letter-spacing:-1.2pt}
  .g-cover-brand span{color:#ef715b}
  .g-cover-art{position:absolute;right:16mm;top:30mm;width:96mm;height:auto}
  .g-cover-main{position:relative;margin-top:auto;margin-bottom:16mm}
  .g-cover-eyebrow{font-size:8.5pt;font-weight:800;letter-spacing:2pt;text-transform:uppercase;color:#f09a8c;margin-bottom:8mm}
  .g-cover h2{font-size:46pt;line-height:1.02;letter-spacing:-2.5pt;font-weight:750;margin:0 0 8mm;max-width:150mm}
  .g-cover-lead{font-size:12pt;line-height:1.6;color:#d8ddd4;max-width:128mm}
  .g-cover-foot{display:flex;justify-content:space-between;align-items:flex-end;gap:10mm;border-top:1px solid #4a534c;padding-top:6mm;font-size:8.5pt;color:#b9c2b5;line-height:1.7}
  .g-cover-foot strong{color:#fff}

  /* Spis treści do druku */
  .g-print-toc{break-after:page}
  .g-print-toc h2{font-size:22pt;letter-spacing:-.8pt;margin-bottom:5mm}
  .g-print-toc ol{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
  .g-print-toc li{display:grid;grid-template-columns:13mm 1fr;gap:3mm;padding:2.2mm 0;border-bottom:1px solid var(--line);break-inside:avoid}
  .g-print-toc li b{font-size:12pt;color:var(--red);font-weight:800}
  .g-print-toc li strong{display:block;font-size:10pt;line-height:1.35;color:var(--ink)}
  .g-print-toc li span{display:block;font-size:8.3pt;color:#6b706a;line-height:1.4;margin-top:.6mm}
  .g-print-note{margin-top:5mm;font-size:8.6pt;color:#6b706a;line-height:1.6}
}