@font-face{font-family:system-local;src:local('Arial')}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:#f7f7f1;color:#202b29;font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}a{color:inherit;text-underline-offset:4px}button,input{font:inherit}a,button,input,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #b77635;outline-offset:4px}[hidden]{display:none!important}.skip{position:fixed;top:-80px;left:16px;z-index:50;background:#203e34;color:white;padding:16px}.skip:focus{top:16px}header{max-width:1360px;margin:auto;padding:24px 40px;display:flex;gap:30px;align-items:center;justify-content:space-between;border-bottom:1px solid #d9ddd3}.brand{font-size:22px;font-weight:700;letter-spacing:-1px;text-decoration:none;white-space:nowrap}.brand b{color:#537658}header nav{display:flex;align-items:center;gap:25px;font-size:13px}header nav a{text-decoration:none}.try{border:1px solid #cbd4c6;border-radius:99px;padding:10px 16px}main{max-width:1280px;margin:auto;padding:0 40px}.crumb{font-size:12px;color:#67726b;display:flex;gap:10px;flex-wrap:wrap;padding:25px 0}.crumb a{text-decoration:none}.hero{display:grid;grid-template-columns:1.25fr 1fr;gap:55px;align-items:center;padding:35px 0 65px}.hero h1{font-size:clamp(36px,4.8vw,64px);line-height:1.06;letter-spacing:-2.6px;margin:24px 0}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:750;color:#5b735d;line-height:1.5}.lead{font-size:19px;line-height:1.7;color:#5c6960;max-width:650px}.meta{display:flex;gap:12px 22px;flex-wrap:wrap;color:#687369;font-size:12px;margin-top:25px}.meta span+span:before{content:'·';margin-right:20px}.hero figure{margin:0}.hero img{border-radius:100px 10px 10px 10px}figure{margin:32px 0}figure img{width:100%;height:auto;display:block;object-fit:cover;border-radius:12px;aspect-ratio:640/420}figcaption{font-size:10px;color:#748075;line-height:1.4;margin-top:9px}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:65px}.category-grid>a{padding:25px 20px;background:#ecf0e5;border:1px solid #d9e0d0;border-radius:13px;text-decoration:none}.category-grid>a:hover{background:#e3ebd8}.category-grid h2{font-size:19px;line-height:1.35;letter-spacing:-.5px;margin:15px 0}.category-grid p{font-size:13px;color:#667460;line-height:1.6}.directory{padding:25px 0 65px}.section-top{display:flex;gap:20px;justify-content:space-between;align-items:center}.section-top>span{font-size:12px;color:#6d776e;white-space:nowrap}h2{font-size:28px;letter-spacing:-.8px;line-height:1.25;font-weight:650}.search-row{display:flex;align-items:center;gap:16px;margin:23px 0 16px}.search-row label{position:absolute;left:-9999px}.search-row input{width:100%;border:1px solid #bdc9b8;border-radius:10px;padding:17px 20px;background:#fff;color:#202b29;font-size:16px}.search-row button{background:transparent;border:0;border-bottom:1px solid #879882;padding:8px 2px;cursor:pointer;font-size:13px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 30px}.filters button{background:transparent;border:1px solid #d6ddcf;border-radius:99px;padding:10px 17px;font-size:12px;cursor:pointer}.filters button.active{background:#304e3f;color:white;border-color:#304e3f}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:white;border:1px solid #dfe4d8;border-radius:13px;padding:25px;display:flex;flex-direction:column;align-items:flex-start;min-height:265px}.card h3{font-size:20px;line-height:1.3;letter-spacing:-.6px;margin:16px 0}.card h3 a{text-decoration:none}.card h3 a:hover{text-decoration:underline}.card p{font-size:13px;line-height:1.65;color:#6d776d;margin:0 0 20px;white-space:pre-line}.card .eyebrow{font-size:9px;letter-spacing:1.3px}.read{font-size:12px;font-weight:650;display:flex;justify-content:space-between;width:100%;margin-top:auto;text-decoration:none;padding-top:12px}.editorial{border-top:1px solid #cfd8c9;padding:30px 0 55px;max-width:850px}.editorial p{font-size:15px;color:#697467}.promo{background:#294b3c;color:#f4f6ed;padding:45px 50px;border-radius:15px;margin:30px 0 70px;max-width:100%}.promo .eyebrow{color:#cae0a7}.promo h2{font-size:34px;line-height:1.15;max-width:770px;margin:18px 0}.promo p{color:#d1dfcc;max-width:770px;font-size:16px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;border:0;border-radius:7px;padding:14px 20px;background:#e1edc5;color:#223c2b;font-size:13px;font-weight:650;text-decoration:none;cursor:pointer}.promo small{display:block;color:#bdd0b8;font-size:11px;max-width:740px;margin-top:20px;line-height:1.6}.article-head{max-width:900px;padding:25px 0 40px}.article-head h1{font-size:clamp(34px,4.8vw,58px);letter-spacing:-2px;line-height:1.1;margin:20px 0 25px}.answer{font-size:19px;color:#52634f;line-height:1.8;border-left:3px solid #7d956a;padding-left:25px;margin-top:30px}.answer p{margin:0 0 15px}.article-layout{display:grid;grid-template-columns:230px minmax(0,770px);gap:65px;align-items:start}.toc{position:sticky;top:30px;display:flex;flex-direction:column;gap:12px;border-top:1px solid #cbd6c3;padding:23px 0;font-size:12px}.toc a{text-decoration:none;color:#63705d;padding:2px 0}.toc a:hover{color:#223a28;text-decoration:underline}.prose{min-width:0}.prose section{scroll-margin-top:25px;margin:35px 0}.prose h2{margin:0 0 20px}.prose p{margin:14px 0;line-height:1.85;color:#4e5f50}.prose ul{padding-left:24px}.prose li{margin:12px 0;line-height:1.85;color:#4e5f50}.scope{background:#eaf0e2;padding:22px 25px;border-radius:10px;font-size:13px}.scope b{font-size:12px;letter-spacing:.4px}.scope p{margin:6px 0;line-height:1.7}.steps{padding:0;counter-reset:steps;list-style:none}.steps>li{counter-increment:steps;background:#fff;border:1px solid #dce3d3;border-radius:11px;padding:25px;position:relative;margin:15px 0;color:#344332}.steps>li:before{content:counter(steps,decimal-leading-zero);display:block;font-size:11px;color:#819078;letter-spacing:1px;margin-bottom:12px}.steps label{display:flex;gap:15px;align-items:flex-start;cursor:pointer}.steps input{width:19px;height:19px;min-width:19px;margin:4px 0;accent-color:#456545}.steps b{font-weight:650;color:#263f2b;line-height:1.5;display:block}.steps p{font-size:15px;margin-bottom:0}.steps li:has(input:checked){background:#edf2e7;border-color:#a6bd92}.muted{font-size:13px;color:#7c8676!important}.ticket{background:#eceee5;border-radius:12px;padding:25px}.ticket h3{font-size:22px;margin:0;line-height:1.3}.ticket pre{white-space:pre-wrap;font:12px/1.9 system-ui;color:#4f604d;margin:20px 0;background:#f7f8f1;border-radius:8px;padding:20px}.ticket p{font-size:13px}.secondary{border:1px solid #b2c3a3;background:#f4f7ee}.ticket [role=status]{font-size:12px;display:block;margin-top:10px}.native{border-top:1px solid #bacbb0;border-bottom:1px solid #bacbb0;padding:25px 0}.native h2{font-size:24px}details{border-bottom:1px solid #d8dfd0;padding:18px 0}summary{font-size:16px;cursor:pointer;font-weight:600}.sources{font-size:13px}.sources a{overflow-wrap:anywhere}.text-button{border:0;border-bottom:1px solid #94a18b;background:none;font-size:12px;color:#64735f;padding:0;cursor:pointer}footer{border-top:1px solid #d4ddcc;max-width:1280px;margin:auto;padding:40px;display:flex;align-items:flex-start;gap:25px;font-size:11px;color:#6e7968}footer p{margin:0;max-width:430px}footer a:not(.brand){white-space:nowrap}.reading-progress{position:fixed;top:0;left:0;height:3px;background:#6f9164;width:0;z-index:40}.empty{padding:30px;border:1px dashed #bfcbb4;border-radius:10px}.nojs-hint{font-size:12px}
.search-jump{margin-top:24px}.promo-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.demo-link{font-size:13px;color:#e0efcc;text-underline-offset:5px}.prose .scope+.scope{margin-top:12px}.quick-table{border:1px solid #d8e2ce;border-radius:12px;overflow:hidden}.quick-table table{border-collapse:collapse;width:100%;font-size:13px;line-height:1.65;background:#fff;table-layout:fixed}.quick-table caption{text-align:left;padding:15px 20px;font-size:12px;color:#697761;background:#eef3e6}.quick-table td,.quick-table th{padding:18px 15px;text-align:left;vertical-align:top;border-top:1px solid #dbe4d2;overflow-wrap:anywhere}.quick-table th{background:#e6eddc;font-size:12px;font-weight:650;color:#365133}.quick-table tbody tr:nth-child(even){background:#f5f8f0}
@media(max-width:650px){.quick-table table,.quick-table tbody,.quick-table tr,.quick-table td{display:block;width:100%}.quick-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.quick-table caption{display:block}.quick-table td{padding:12px 16px;border-top:0}.quick-table td:before{content:attr(data-label);display:block;font-size:10px;font-weight:700;letter-spacing:.4px;color:#4e6b43;margin-bottom:4px}.quick-table tr+tr{border-top:1px solid #dbe4d2}.quick-table td+td{padding-top:4px}.quick-table td:last-child{padding-bottom:20px}}
@media(max-width:1000px){header{padding:20px 25px}header nav{gap:15px;font-size:11px}.hero{gap:25px}.category-grid{grid-template-columns:repeat(2,1fr)}.article-layout{grid-template-columns:185px minmax(0,1fr);gap:30px}.cards{grid-template-columns:repeat(2,1fr)}footer{flex-wrap:wrap}.hero h1{letter-spacing:-1.5px}}
@media(max-width:650px){main{padding:0 20px}header{padding:18px 20px;flex-wrap:wrap;gap:14px}.brand{font-size:20px}header nav{width:100%;gap:16px;flex-wrap:wrap}.try{padding:7px 11px}.hero{grid-template-columns:1fr;padding:15px 0 40px;gap:20px}.hero h1{font-size:39px;margin:16px 0;letter-spacing:-1.5px}.hero figure{max-width:100%}.hero img{border-radius:45px 9px 9px 9px;max-height:250px}.hero figcaption{display:none}.lead{font-size:16px}.meta{gap:10px 14px;font-size:10px}.meta span+span:before{margin-right:10px}.category-grid{gap:9px;margin-bottom:35px}.category-grid>a{padding:18px 15px}.category-grid h2{font-size:17px}.category-grid p{font-size:11px}.eyebrow{font-size:9px}.section-top{display:block}.section-top>span{display:block;margin-bottom:15px}h2{font-size:25px}.search-row input{font-size:14px;padding:15px;min-width:0}.search-row{gap:12px}.filters{gap:7px}.filters button{padding:9px 12px;font-size:11px}.cards{grid-template-columns:1fr}.card{min-height:220px;padding:23px}.card h3{font-size:22px}.card p{font-size:14px}.article-head{padding:10px 0 25px}.article-head h1{font-size:37px;letter-spacing:-1.3px}.answer{font-size:17px;padding-left:18px}.article-layout{display:block}.toc{position:static;border-bottom:1px solid #cbd6c3;display:block;padding:20px 0;margin-bottom:30px}.toc .eyebrow{display:block;margin-bottom:10px}.toc a{display:inline-block;margin:5px 12px 5px 0;font-size:11px}.prose{font-size:15px}.prose h2{font-size:25px}.prose section{margin:30px 0}.steps>li{padding:20px 18px}.steps label{gap:12px}.steps p{font-size:14px}.promo{padding:30px 25px;margin:30px 0 45px}.promo h2{font-size:28px}.promo p{font-size:14px}.promo .button{gap:20px}.directory{padding-bottom:40px}footer{padding:30px 20px;gap:20px}.scope{padding:20px}.ticket{padding:20px}.button{font-size:12px}.crumb{font-size:10px;padding:20px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}@media print{header,footer,.toc,.promo,.native,.ticket button,.text-button,.reading-progress,.crumb,.directory,.skip{display:none!important}body{background:white;color:black}main{padding:0;max-width:none}.article-layout{display:block}.article-head h1{font-size:28px}.prose{max-width:none;font-size:11px}.prose h2{font-size:18px}.steps>li{break-inside:avoid;padding:12px}.steps label{display:block}.steps input{display:none}.prose figure{max-width:300px}.ticket{break-inside:avoid}.answer{font-size:13px}.sources{font-size:10px}a{color:black}}
/* Searchable, responsive diagnostic infographics, built from each article. */
.prose .instruction-visual{margin:28px 0;padding:26px;border:1px solid #cad8c4;border-radius:20px;background:#f1f5eb;max-width:none;overflow:visible}
.visual-kicker{font-size:10px;font-weight:800;letter-spacing:1.5px;color:#48633c;margin-bottom:18px}
.route-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0!important;margin:0!important;list-style:none!important;counter-reset:none}
.route-grid>li{margin:0!important;padding:0!important;min-width:0;list-style:none!important}
.route-grid>li:before{display:none!important}
.route-grid a{display:grid;grid-template-columns:32px 1fr 12px;align-items:start;gap:10px;border:1px solid #d3dfca;background:#fff;border-radius:12px;padding:16px;min-height:116px;text-decoration:none;color:#233b26;font-size:13px;line-height:1.5;overflow-wrap:anywhere;height:100%;box-sizing:border-box}
.route-grid a:hover,.route-grid a:focus-visible{border-color:#4c733b;background:#e8f0df;outline:2px solid #4c733b;outline-offset:2px}
.route-number{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#284f32;color:#fff;font-weight:800;font-size:11px}
.route-open{color:#608348;font-weight:800}
.prose .instruction-visual figcaption{font-size:11px;line-height:1.6;color:#52644b;margin:16px 0 0;text-align:left}
.prose .result-visual{background:#f5f4ec;border-color:#dbdacb}
.prose .result-visual h2{margin:0 0 18px;font-size:26px;line-height:1.2}
.result-question{border-radius:12px;padding:16px;background:#fff;text-align:center;font-size:16px;font-weight:700;border:1px solid #d6d9cc;margin-bottom:12px}
.result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.prose .result-card{margin:0;padding:18px;border-radius:12px;background:#fff;border-top:4px solid #58834c;min-width:0;overflow-wrap:anywhere}
.prose .result-support{border-top-color:#ac7d37}
.result-label{font-size:9px;letter-spacing:.7px;font-weight:800;color:#46623b}
.result-support .result-label{color:#875f28}
.prose .result-card h3{font-size:17px;line-height:1.3;margin:12px 0}
.prose .result-card p,.prose .result-card li{font-size:13px;line-height:1.65;margin:10px 0}
.prose .result-card a{font-size:12px}
[id^="step-"],#verification,#escalation,#support-ticket{scroll-margin-top:90px}
.steps>li:target{outline:3px solid #61864d;outline-offset:4px}
@media(max-width:650px){.prose .instruction-visual{padding:17px;border-radius:16px}.route-grid,.result-grid{grid-template-columns:1fr}.route-grid a{min-height:0;padding:14px}.prose .result-visual h2{font-size:23px}.result-question{font-size:14px}}
@media print{.prose .instruction-visual{padding:12px;background:white;break-inside:auto}.route-grid a{min-height:0;padding:8px;font-size:9px}.prose .result-card p,.prose .result-card li{font-size:10px}.prose .result-card{break-inside:avoid}.route-grid a:after{display:none}}
/* Photographs and documented iiko screens inside step-by-step guides. */
.prose .official-screenshot{margin:28px 0;padding:18px;background:#fff;border:1px solid #cad8c4;border-radius:16px}
.prose .official-screenshot img{display:block;width:auto;max-width:100%;height:auto;margin:0 auto;object-fit:contain;border:1px solid #d5ddd2;border-radius:4px}
.prose .official-screenshot figcaption{font-size:12px;line-height:1.6;text-align:left;margin-top:14px;overflow-wrap:anywhere}
.steps>li .step-illustration{margin:22px 0 0 31px}
.steps>li .step-illustration figure{margin:0}
.steps>li .step-illustration img{width:100%;height:auto;max-height:330px;object-fit:cover;border-radius:12px}
.steps>li .step-illustration figcaption{font-size:11px}
@media(max-width:650px){.prose .official-screenshot{padding:12px;margin:22px 0}.steps>li .step-illustration{margin-left:0}.prose .official-screenshot figcaption{font-size:12px}}

/* Scoped styles for diagnostic_visuals.py. No dependency on site CSS. */
.dv.instruction-visual{box-sizing:border-box;margin:34px 0;padding:23px 20px 18px;border:1px solid #ccdad2;border-radius:23px;background:#fff;overflow:hidden;color:#183c45;isolation:isolate;box-shadow:0 7px 26px #183c4508}
.dv *{box-sizing:border-box}.dv .dv-heading{max-width:580px;margin:0 auto 4px}.dv .dv-kicker{display:block;color:#47796c;font:700 11px/1.4 Arial,sans-serif;letter-spacing:.11em;text-transform:uppercase;margin-bottom:9px}.dv .dv-heading h3{font-size:clamp(22px,3vw,29px);font-weight:720;letter-spacing:-.035em;line-height:1.16;margin:0 0 10px;color:#183c45}
.dv .dv-svg{display:block;width:100%;height:auto;max-width:480px;margin:0 auto;overflow:visible}.dv .dv-svg a{cursor:pointer;outline-offset:3px}.dv .dv-svg a:hover{filter:drop-shadow(0 2px 3px #16766b25)}.dv .dv-svg a:focus-visible{outline:3px solid #d4a745}
.prose .dv.instruction-visual figcaption{display:flex;gap:14px;align-items:flex-start;justify-content:space-between;max-width:580px;margin:8px auto 0;padding-top:15px;border-top:1px solid #dce5df;color:#536c73;font-size:14px;line-height:1.55}.dv figcaption>span{max-width:460px}.dv .dv-step-link{flex:none;border-radius:50px;background:#eaf4ef;padding:8px 11px;color:#176d5e;text-decoration:none;font-weight:700;white-space:nowrap}.dv .dv-step-link:hover{background:#dbece3}.dv .dv-step-link:focus-visible,.dv summary:focus-visible{outline:3px solid #c38c33;outline-offset:3px}
.dv .dv-source{max-width:580px;margin:12px auto 0;border:0;color:#536c73;font-size:13px;line-height:1.65}.dv .dv-source summary{cursor:pointer;width:fit-content;text-decoration:underline;text-underline-offset:3px}.prose .dv .dv-source p{font-size:14px;line-height:1.65;margin:10px 0 0;padding:12px 14px;border-left:3px solid #b8d4c4;background:#f4f8f4}.dv.dv-causes{border-color:#ead7b9}.dv.dv-causes .dv-kicker{color:#97641e}.dv.dv-step2,.dv.dv-support{border-color:#cbd9ea}.dv.dv-step2 .dv-kicker,.dv.dv-support .dv-kicker{color:#4b7194}
@media(max-width:520px){.dv.instruction-visual{padding:18px 9px 14px;margin:26px 0;border-radius:18px}.dv .dv-heading{padding:0 7px}.dv .dv-heading h3{font-size:23px}.prose .dv.instruction-visual figcaption{margin:6px 7px 0;display:block;font-size:14px}.dv .dv-step-link{display:inline-block;margin-top:11px}.dv .dv-source{margin:12px 7px 0}.dv .dv-svg{min-width:0}}
@media(prefers-reduced-motion:reduce){.dv *{scroll-behavior:auto!important}}
@media print{.dv.instruction-visual{box-shadow:none;break-inside:avoid}.dv .dv-source{display:none}.dv .dv-step-link{display:none}.dv .dv-svg{max-width:360px}}