*{box-sizing:border-box}
html{background:#000;color:#dedede;color-scheme:dark;-webkit-text-size-adjust:100%}
body{margin:0;width:100%;font-family:"Courier New",Courier,monospace;background:#000}
.page{width:calc(100% - 48px);width:min(calc(100% - 48px),111.111111vh,2000px);max-width:2000px;margin:0 auto;min-width:0;overflow-wrap:break-word}
/* Jeden pionowy układ dla wszystkich szerokości ekranu. */
.intro-layout,.cv-content{display:block;width:100%;max-width:1120px;margin:0 auto;padding:32px 64px 24px;min-width:0}
.hero{display:block;width:100%;margin:0;min-width:0}
.hero>img{display:block;width:100%;max-width:520px;height:auto;margin:0 auto}
.hero-copy{display:block;position:static;width:100%;margin:32px 0 0;padding:0;background:#000;color:#eee;font-size:20px;line-height:1.85}
.hero-copy .hero-label,.eyebrow,.section-number{font-size:13px;color:#999;letter-spacing:.04em;text-align:left;margin:0 0 20px}
h1{font-size:34px;font-weight:400;line-height:1.5;margin:12px 0 24px}
h2{font-size:25px;line-height:1.55;font-weight:400;color:#eee;margin:0 0 24px}
p{margin:0 0 1.6em;text-align:justify;text-justify:inter-word}
.skills-intro{display:block;width:100%;margin:36px 0 0;padding:32px 0 0;border-top:1px solid #333;font-size:20px;line-height:1.85}
.intro-topics{list-style:none;padding:0;margin:24px 0;font-size:17px;line-height:1.8;color:#bbb}
.intro-topics li{border-bottom:1px solid #303030;padding:12px 0;margin:0}
.intro-link{display:inline-block;padding:10px 0;border-bottom:1px solid #777;font-size:17px;text-decoration:none;line-height:1.6}
.intro-link span{margin-left:10px}
.cv-content{padding-top:16px;font-size:20px;line-height:1.85}
.cv-content section+section{margin-top:48px;padding-top:34px;border-top:1px solid #333}
#competencies-title{scroll-margin-top:24px}
table{width:100%;max-width:100%;border-collapse:collapse;table-layout:fixed;margin:28px 0 38px;font-size:18px;line-height:1.8}
caption{font-size:21px;text-align:left;color:#ddd;margin-bottom:18px}
th,td{text-align:left;vertical-align:top;padding:16px 14px;border-bottom:1px solid #333;overflow-wrap:break-word;hyphens:auto}
thead th{font-weight:400;font-size:15px;color:#aaa}
tr th:first-child{width:32%}
tbody th{font-weight:400;color:#eee}
tbody td{color:#c6c6c6}
ul{padding-left:1.2em;margin:22px 0}
li{margin-bottom:12px}
a{color:inherit}
.end-note{margin-top:42px;padding-top:32px;border-top:1px solid #333;text-align:left}
.end-note a{display:inline-block;margin-top:12px;text-decoration:none;border-bottom:1px solid #777;padding-bottom:4px}
footer{text-align:center;padding:40px 24px 100px}
.back{display:inline-block;width:auto;max-width:100%;font-size:clamp(16px,1.2vw,24px);font-weight:400;line-height:1.5;padding:10px 0;color:#eee;border-bottom:1px solid #666;text-decoration:none}
.back:hover{color:#fff;border-color:#aaa}
a:focus-visible{outline:1px solid #ddd;outline-offset:6px}
@media(max-width:800px){
 .page{width:100%;max-width:2000px}
 .intro-layout,.cv-content{padding:24px 22px}
 .hero>img{max-width:400px}
 .hero-copy,.skills-intro,.cv-content{font-size:18px;line-height:1.8}
 .hero-copy{margin-top:28px}
 .skills-intro{padding:28px 0 0;margin-top:30px}
 .eyebrow,.section-number,.hero-copy .hero-label{font-size:12px}
 h1{font-size:30px}
 h2{font-size:23px}
 p{text-align:left}
 table{font-size:17px}
 caption{font-size:20px}
 th,td{padding:14px 8px}
 footer{padding:32px 22px 64px}
 .back{width:auto;font-size:16px;min-height:44px}
}
@media(max-width:600px){
 table,caption,tbody,tr,tbody th,tbody td{display:block;width:100%}
 thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
 tbody tr{padding:18px 0;border-bottom:1px solid #333}
 tr th:first-child{width:100%}
 tbody th{padding:0 0 8px;border:0;font-size:19px}
 tbody td{padding:0;border:0;font-size:17px}
 caption{padding:0}
}