*, *::before, *::after {	margin: 0; padding: 0; 	box-sizing: border-box;}
body, h1, h2, h3, h4, p, figure, blockquote, dl, dd {  margin: 0;  }
ul[role='list'], ol[role='list'] {  list-style: none;}
html:focus-within {  scroll-behavior: smooth;}
body {  min-height: 100vh;  text-rendering: optimizeSpeed;  line-height: 1.8; -webkit-text-size-adjust: 100%;  font-size: 18px; font-family: system-ui, -apple-system, sans-serif;}
a:not([class]) {  text-decoration-skip-ink: auto;}
img,picture {  max-width: 100%;  display: block;}
input,button,textarea,select {  font: inherit;}
:any-link {    color: ;   font-weight: 600; }
:root {	-moz-tab-size: 4;	tab-size: 4;
            
--glowny-kolor-tla: #434343;  

}
p  {margin: 1rem 0;}

h1, h2, h3 { margin: 1rem 0;   color: #2c3e50;}

.container { width: min(95%, 1200px);  margin-inline: auto;	padding-bottom: 4rem;}

img {margin: 1rem 0; }

ul, ol {margin-left: 3rem}

.method-box {    background-color: #f8f9fa;    border-left: 4px solid #4CAF50;    padding: 20px;    margin: 1.5rem 0;   }

.example {    background-color: #e3f2fd;    padding: 1rem;        margin: 1rem 0;}

.warning {    background-color: #fff3e0;    border-left: 4px solid #ff9800;    padding: 1rem;    margin: 1rem 0;    }

.step {    background-color: #f5f5f5;    padding: 1rem;    margin: 1rem 0;    }

.screenshot {    border: 1px solid #ddd;        padding: .5rem;    margin: 1rem 0;}

.tip {    background-color: #f8f9fa;    border-left: 4px solid #17a2b8;    padding: 1rem;    margin: 1rem 0;}