/* AGD / PIEKARNIKI — układ serwisowych kart i panelu diagnostycznego */
:root {
    --sky:#f1f8fd;
    --white:#ffffff;
    --blue:#31688c;
    --blue-soft:#dcecf6;
    --ink:#365b73;
    --muted:#577c91;
    --line:#b8d5e6;
    --coral:#ef736d;
    --coral-soft:#ffe7e3;
    --mint:#d6f0e7;
    --mint-strong:#53b7a1;
    --lav:#e5e4f9;
    --gold:#fed881;
    --wide:1160px;
}
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--sky); font-family:Arial,Helvetica,sans-serif; font-size:16px; line-height:1.6; }
.wrap { width:min(var(--wide),calc(100% - 76px)); margin-inline:auto; }
a { color:inherit; text-decoration:none; }
a:hover { color:#1178a1; }
a:focus-visible { outline:3px solid var(--coral); outline-offset:4px; }
h1,h2,h3,p,blockquote { margin:0; }
h1 { font-size:40px; line-height:1.15; font-weight:800; letter-spacing:-1.8px; }
h2 { font-size:28px; line-height:1.23; font-weight:800; letter-spacing:-.8px; }
h3 { font-size:20px; line-height:1.3; font-weight:800; }
p { font-size:16px; line-height:1.67; }
.masthead { background:var(--white); border-bottom:1px solid var(--line); }
.mast-line { display:flex; justify-content:space-between; align-items:center; min-height:82px; gap:16px; }
.brand { display:inline-flex; align-items:center; gap:9px; font-size:30px; line-height:1; font-weight:800; letter-spacing:-1.5px; color:var(--blue); }
.brand-symbol { display:grid; place-items:center; width:42px; height:42px; background:var(--coral-soft); color:var(--coral); border-radius:50%; border:2px solid var(--coral); font-size:29px; }
.brand-small { font-size:11px; letter-spacing:1.3px; font-weight:800; align-self:end; margin-bottom:3px; }
.mast-meta { font-size:11px; letter-spacing:1.6px; font-weight:800; color:var(--muted); }
.mast-meta span { color:var(--coral); padding:0 11px; }
.nav-rail { border-top:1px solid var(--line); }
.nav-inside { display:flex; min-height:52px; align-items:stretch; gap:26px; overflow-x:auto; scrollbar-width:thin; }
.nav-inside a { display:grid; place-items:center; border-bottom:3px solid transparent; padding:13px 0 11px; font-size:12px; font-weight:800; flex:0 0 auto; white-space:nowrap; }
.nav-inside a[aria-current] { color:#d45a57; border-color:var(--coral); }
.cover-grid { display:grid; grid-template-columns:minmax(0,1.28fr) minmax(300px,.72fr); gap:26px; padding-block:56px 58px; }
.cover-top { display:flex; flex-direction:column; justify-content:center; padding:20px 0; }
.eyebrow,.small-caps,.section-head>span,.article-label,.topic-rank,.notice-left>span,.source-inner>strong { font-size:11px; font-weight:800; letter-spacing:1.5px; }
.eyebrow { display:flex; align-items:center; gap:9px; color:#ce6760; margin-bottom:22px; }
.eyebrow>span:last-child { margin-left:9px; color:var(--muted); }
.live-point { width:8px; height:8px; background:var(--mint-strong); border-radius:50%; }
.cover-top h1 { max-width:680px; }
.cover-top p { max-width:660px; margin-top:23px; }
.cover-diagram { min-height:350px; display:flex; align-items:center; justify-content:center; flex-direction:column; position:relative; background:var(--lav); overflow:hidden; border-radius:92px 6px 6px 6px; padding:27px; }
.dial-rim { width:208px; height:208px; background:#f6fbff; display:grid; place-items:center; border-radius:50%; border:12px solid #98b8db; box-shadow:inset 0 0 0 2px var(--white); position:relative; }
.dial-rim::before { content:''; position:absolute; inset:18px; border:2px dashed #b9d5e7; border-radius:50%; }
.dial-needle { position:absolute; width:4px; height:45px; background:var(--coral); border-radius:5px; top:17px; left:calc(50% - 2px); transform-origin:2px 76px; transform:rotate(38deg); }
.dial-badge { color:var(--blue); font-size:74px; font-weight:800; letter-spacing:-5px; line-height:1; position:relative; }
.dial-badge span { font-size:30px; color:var(--coral); letter-spacing:-1px; }
.dial-caption { font-size:13px; font-weight:800; line-height:1.45; text-align:center; margin-top:17px; letter-spacing:1px; }
.corner-indicator { position:absolute; bottom:15px; right:19px; font-weight:800; font-size:10px; letter-spacing:1.3px; color:var(--muted); }
.corner-indicator span { margin-left:15px; }
.numbers-band { background:var(--mint); border-block:1px solid #b3e1d1; }
.numbers-row { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }
.num-item { padding:28px 30px; border-right:1px solid #a8dbc9; min-height:150px; }
.num-item:first-child { padding-left:0; }
.num-item:last-child { border:0; }
.num-item strong { display:block; font-size:43px; letter-spacing:-2px; font-weight:800; line-height:1.1; color:var(--blue); }
.num-item strong span { font-size:21px; letter-spacing:-.6px; }
.num-item p { font-size:14px; line-height:1.45; margin-top:8px; }
.overview,.symptom-wrap,.topic-overview { padding-top:75px; }
.section-head { display:flex; flex-wrap:wrap; gap:12px 28px; align-items:baseline; margin-bottom:25px; }
.section-head>span { width:210px; color:#bc6464; }
.repair-stat { display:grid; grid-template-columns:250px minmax(0,1fr); background:var(--white); border:1px solid var(--line); }
.repair-explain { background:var(--blue-soft); padding:30px 27px; display:flex; flex-direction:column; }
.repair-explain>strong { font-size:71px; line-height:1; color:var(--blue); letter-spacing:-4px; }
.repair-explain p { margin-top:16px; font-size:15px; }
.repair-explain a { align-self:start; margin-top:auto; padding-top:23px; font-size:13px; font-weight:800; border-bottom:2px solid var(--coral); }
.repair-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); }
.repair-cell { padding:27px 13px 23px; display:flex; flex-direction:column; gap:17px; border-right:1px solid var(--line); }
.repair-cell:last-child { border:0; }
.repair-cell b { font-size:34px; color:#dc6d67; letter-spacing:-1px; }
.repair-cell span { font-size:14px; font-weight:800; line-height:1.4; }
.data-foot { color:var(--muted); font-size:13px; margin-top:12px; }
.symptoms { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; }
.symptom { padding:27px; background:var(--white); border-top:5px solid var(--mint-strong); display:flex; flex-direction:column; gap:11px; min-height:285px; }
.symptom:nth-child(2) { border-color:var(--coral); }
.symptom:nth-child(3) { border-color:#9b9cda; }
.symptom-no { font-size:13px; color:#cf716b; font-weight:800; }
.symptom p { font-size:15px; flex:1; }
.symptom a { align-self:start; font-size:13px; font-weight:800; border-bottom:2px solid var(--blue); }
.topic-overview { padding-top:68px; }
.directory { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 16px; border-top:2px solid var(--blue); }
.directory-entry { display:grid; grid-template-columns:36px 1fr 50px; align-items:center; gap:16px; border-bottom:1px solid var(--line); padding:19px 8px; min-height:110px; }
.directory-entry:hover { background:var(--blue-soft); }
.entry-index { font-size:13px; font-weight:800; color:var(--coral); }
.entry-main { display:flex; flex-direction:column; gap:2px; }
.entry-main strong { font-size:18px; line-height:1.3; }
.entry-main small { font-size:13px; color:var(--muted); line-height:1.4; }
.entry-mark { justify-self:end; font-size:14px; font-weight:800; color:var(--blue); }
.notice-wide { display:grid; grid-template-columns:260px minmax(0,1fr); margin-top:82px; background:var(--gold); }
.notice-left { padding:30px; background:#f8ce79; display:flex; flex-direction:column; justify-content:center; }
.notice-left>span { color:var(--blue); }
.notice-left>strong { font-size:54px; line-height:1.1; letter-spacing:-2px; margin-top:16px; }
.notice-right { padding:28px 36px; }
.notice-right h2 { margin-bottom:11px; }
.notice-right a { display:inline-block; font-size:13px; font-weight:800; border-bottom:2px solid var(--blue); margin-top:13px; }
.source-notes { margin-top:72px; padding-block:24px 40px; border-top:1px solid var(--line); }
.source-inner { display:flex; align-items:start; gap:26px; }
.source-inner>strong { flex:0 0 112px; color:var(--coral); margin-top:3px; }
.source-inner ul { list-style:none; padding:0; margin:0; }
.source-inner li { font-size:13px; line-height:1.55; color:var(--muted); padding:3px 0; }
.foot { background:var(--white); border-top:1px solid var(--line); }
.foot-line { min-height:92px; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.foot-line>strong { font-size:24px; letter-spacing:-1px; color:var(--blue); }
.foot-line>strong span { font-size:11px; letter-spacing:1.1px; padding-left:8px; }
.foot-links { display:flex; flex-wrap:wrap; gap:22px; font-size:12px; font-weight:800; }
.crumbs { display:flex; gap:12px; align-items:center; color:var(--muted); font-size:12px; padding-top:29px; }
.crumbs a { font-weight:800; color:var(--blue); }
.crumbs>span:nth-child(2) { color:var(--coral); }
.article-head { display:grid; grid-template-columns:106px minmax(0,1fr); gap:18px; padding-block:43px 39px; }
.topic-rank { color:var(--coral); padding-top:8px; }
.topic-rank>span { color:var(--muted); }
.headline .small-caps { display:block; color:#ce6d65; margin-bottom:13px; }
.headline h1 { max-width:900px; }
.headline p { max-width:940px; margin-top:19px; }
.article-insight { background:var(--mint); border:1px solid #b8dfd4; display:grid; grid-template-columns:minmax(190px, .4fr) minmax(0,1fr); gap:20px; align-items:center; padding:24px 33px; }
.insight-value { font-size:50px; font-weight:800; color:var(--blue); letter-spacing:-2px; line-height:1.2; }
.insight-detail { display:flex; flex-direction:column; gap:6px; }
.insight-detail span { font-size:11px; font-weight:800; letter-spacing:1px; color:var(--muted); }
.insight-detail strong { font-size:19px; line-height:1.4; }
.content-sheet { margin-top:36px; background:var(--white); border:1px solid var(--line); display:grid; grid-template-columns:135px minmax(0,1fr); gap:32px; padding:35px 43px 44px 27px; }
.article-label { color:var(--coral); padding-top:5px; line-height:2.1; }
.article-label span { display:block; color:var(--muted); }
.rich-content { min-width:0; }
.rich-content h2 { margin:34px 0 16px; }
.rich-content h2:first-child { margin-top:0; }
.rich-content p { margin:13px 0 17px; }
.rich-content h3 { margin-bottom:8px; }
.rich-content blockquote { background:var(--lav); color:var(--blue); padding:26px; border-left:5px solid #969bd6; font-size:17px; line-height:1.65; margin:23px 0; }
.bar-list { margin:17px 0 29px; display:grid; gap:15px; }
.bar-unit { min-width:0; }
.bar-caption { display:flex; justify-content:space-between; gap:15px; font-size:14px; margin-bottom:7px; }
.bar-caption strong { font-weight:700; }
.bar-caption span { font-weight:800; color:#d36663; white-space:nowrap; }
.bar-track { width:100%; height:13px; background:var(--blue-soft); }
.bar-track>span { display:block; height:100%; background:var(--coral); }
.metric-shelf { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:22px 0 29px; }
.metric-block { display:flex; flex-direction:column; background:var(--lav); min-height:137px; padding:17px; gap:8px; }
.metric-block>strong { font-size:30px; color:var(--blue); letter-spacing:-.9px; line-height:1.1; }
.metric-block>span { font-size:13px; line-height:1.35; }
.triad { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:13px; margin:24px 0; }
.triad-item { padding:20px; background:var(--mint); }
.triad-item>span { font-size:12px; font-weight:800; color:#ca6863; }
.triad-item h3 { margin-top:11px; }
.triad-item p { font-size:14px; line-height:1.55; }
.table-scroll { width:100%; overflow-x:auto; margin:18px 0 28px; }
table { border-collapse:collapse; width:100%; font-size:14px; line-height:1.5; }
thead { background:var(--blue-soft); }
th,td { padding:14px 15px; border-bottom:1px solid var(--line); text-align:left; vertical-align:top; }
thead th { font-size:12px; letter-spacing:.1px; }
tbody th { width:35%; font-weight:800; }
.checklist { padding:0; margin:21px 0 27px; list-style:none; }
.checklist li { position:relative; padding:14px 12px 14px 43px; border-bottom:1px solid var(--line); font-size:15px; }
.checklist li::before { content:'✓'; display:grid; place-items:center; position:absolute; left:5px; top:13px; background:var(--mint); color:var(--blue); font-size:13px; width:24px; height:24px; border-radius:50%; font-weight:800; }
.procedure { margin:23px 0 28px; border-top:1px solid var(--line); }
.procedure-step { display:grid; grid-template-columns:38px 1fr; gap:21px; padding:19px 5px; border-bottom:1px solid var(--line); }
.procedure-step>span { font-size:16px; font-weight:800; color:var(--coral); }
.procedure-step h3 { margin:0 0 6px; }
.procedure-step p { margin:0; }
.margin-note { display:grid; grid-template-columns:85px 1fr; align-items:baseline; gap:15px; margin:25px 0; background:var(--coral-soft); padding:17px 20px; }
.margin-note strong { font-size:11px; color:#c95f5f; letter-spacing:1.1px; }
.margin-note p { margin:0; font-size:14px; }
.tail-links { display:grid; grid-template-columns:1fr 1fr; gap:14px; padding-top:22px; }
.tail-links a { display:flex; flex-direction:column; gap:6px; background:var(--blue-soft); padding:19px 24px; }
.tail-links span { font-size:10px; font-weight:800; letter-spacing:1.2px; color:var(--muted); }
.tail-links strong { font-size:15px; line-height:1.35; }
@media(max-width:1000px) {
    .wrap { width:calc(100% - 48px); }
    .cover-grid { grid-template-columns:minmax(0,1fr) 300px; }
    .repair-stat { grid-template-columns:210px 1fr; }
    .repair-cell { padding:21px 9px; }
    .repair-cell b { font-size:26px; }
    .repair-cell span { font-size:12px; }
    .content-sheet { grid-template-columns:100px minmax(0,1fr); gap:22px; padding-right:26px; }
}
@media(max-width:760px) {
    .wrap { width:calc(100% - 32px); }
    .mast-line { min-height:69px; }
    .mast-meta { font-size:10px; letter-spacing:.5px; }
    .brand { font-size:25px; }
    .brand-symbol { width:37px; height:37px; font-size:24px; }
    .nav-inside { gap:18px; min-height:47px; }
    .cover-grid { display:block; padding-block:34px 29px; }
    .cover-top { padding:0 0 27px; }
    .cover-diagram { min-height:275px; border-radius:58px 4px 4px 4px; }
    .dial-rim { width:175px; height:175px; }
    .dial-rim::before { inset:12px; }
    .dial-badge { font-size:60px; }
    .numbers-row { grid-template-columns:1fr 1fr; }
    .num-item { min-height:132px; padding:20px 16px; border-bottom:1px solid #b0e0d0; }
    .num-item:first-child { padding-left:16px; }
    .num-item:nth-child(2) { border-right:0; }
    .num-item:last-child { grid-column:span 2; min-height:102px; border-bottom:0; }
    .num-item strong { font-size:33px; }
    .overview,.symptom-wrap,.topic-overview { padding-top:52px; }
    .section-head { display:block; }
    .section-head>span { display:block; margin-bottom:9px; }
    .repair-stat { display:block; }
    .repair-explain { padding:22px; }
    .repair-explain>strong { font-size:54px; }
    .repair-explain a { margin-top:12px; padding-top:0; }
    .repair-grid { grid-template-columns:repeat(5,minmax(0,1fr)); }
    .repair-cell b { font-size:20px; }
    .repair-cell span { font-size:11px; }
    .symptoms { grid-template-columns:1fr; }
    .symptom { min-height:0; padding:21px; }
    .directory { grid-template-columns:1fr; }
    .notice-wide { margin-top:52px; grid-template-columns:1fr; }
    .notice-left { padding:20px 24px; }
    .notice-left>strong { margin-top:5px; font-size:44px; }
    .notice-right { padding:23px 24px; }
    .article-head { display:block; padding-block:28px; }
    .topic-rank { padding:0 0 13px; }
    .article-insight { padding:19px 22px; grid-template-columns:1fr; gap:6px; }
    .insight-value { font-size:39px; }
    .content-sheet { display:block; padding:23px 22px 27px; margin-top:20px; }
    .article-label { margin-bottom:18px; }
    .article-label span { display:inline; margin-left:9px; }
    .triad { grid-template-columns:1fr; }
    .metric-shelf { grid-template-columns:1fr 1fr; }
    .metric-block:last-child:nth-child(odd) { grid-column:span 2; }
    .tail-links { gap:10px; }
    .tail-links a { padding:16px; }
    .source-inner { display:block; }
    .source-inner>strong { display:block; margin-bottom:9px; }
    .foot-line { align-items:start; flex-direction:column; justify-content:center; padding-block:23px; gap:13px; }
}
@media(max-width:480px) {
    .mast-meta { display:none; }
    .repair-grid { grid-template-columns:1fr; }
    .repair-cell { display:grid; grid-template-columns:72px 1fr; padding:10px 17px; border-right:0; border-bottom:1px solid var(--line); align-items:center; gap:8px; }
    .repair-cell:last-child { border:0; }
    .repair-cell b { font-size:25px; }
    .repair-cell span { font-size:13px; }
    .num-item strong { font-size:29px; }
    .article-insight { gap:10px; }
    .metric-shelf { grid-template-columns:1fr; }
    .metric-block:last-child:nth-child(odd) { grid-column:auto; }
    .tail-links { grid-template-columns:1fr; }
    .margin-note { grid-template-columns:1fr; gap:5px; }
}