:root{--color-bg: #2473b7;--color-headings: #f8f4e6;--color-outlines: #eee0e0;--color-outlines-dark: #111;--color-text: #f8f4e6;--color-text-dark: #111;--accent: #dd1313;--accent-second: #f8f4e6;--max-width: 1200px;--font-heading: "Anton", sans-serif;--font-body: "Inter", sans-serif}body{font-family:var(--font-body);font-optical-sizing:auto;font-weight:400;margin:0;padding:0;text-align:left;background-color:var(--color-bg);word-wrap:break-word;overflow-wrap:break-word;color:var(--color-text);font-size:18px;line-height:1.6}main{width:100%;max-width:var(--max-width);margin-inline:auto;padding-inline:64px}@media (max-width: 980px){main{padding-inline:0px}}h1,h2,h3,h4,h5,h6{margin:0 0 .5rem;color:var(--color-headings);line-height:1.2;font-family:var(--font-heading);font-weight:400;font-style:normal;text-transform:uppercase;letter-spacing:.03em}h1{font-size:clamp(2rem,5vw,4rem);line-height:1;font-weight:500}h2{font-size:clamp(1.5rem,4vw,2.5rem);line-height:1.2;font-weight:500}h3{font-size:clamp(1.1rem,4vw,2rem);font-weight:500}h4{font-size:clamp(1rem,4vw,1.5rem);font-weight:500}h5{font-size:18px;font-weight:500}strong,b{font-weight:700}a{color:var(--color-text);text-decoration:underline;text-decoration-color:var(--color-text-dark);text-decoration-thickness:1.5px;text-underline-offset:2px;transition:text-decoration-color .15s ease}a:hover{text-decoration-color:var(--accent)}.on-paper a,.experience-item a,.certification-card a,.project-section a{color:var(--color-text-dark);text-decoration-color:var(--color-text-dark);text-underline-offset:2px}.on-paper a:hover,.experience-item a:hover,.certification-card a:hover,.project-section a:hover{text-decoration-color:var(--accent)}.blog-card a,post-item a{text-underline-offset:1px}a:focus-visible,button:focus-visible,[role=button]:focus-visible,input:focus-visible,.selectable:focus-visible{outline:3px solid var(--accent-second);outline-offset:2px}.on-paper a:focus-visible,.experience-item a:focus-visible,.certification-card a:focus-visible,.project-section a:focus-visible,.on-paper button:focus-visible{outline-color:var(--color-outlines)}p{margin-bottom:1em;max-width:65ch}.prose p{margin-bottom:2em}textarea{width:100%;font-size:16px}input{font-size:16px}table{width:100%}img{max-width:100%;height:auto;border-radius:0}code{padding:.2em .4em}pre{background:var(--accent);padding:1.25rem;font-size:.95rem;overflow-x:auto;border-radius:0}pre>code{all:unset}blockquote{border-left:4px solid var(--accent);font-style:italic;margin:2rem 0;padding-left:20px}hr{border:0;padding:0}:root{--hr-height: 10px;--hr-margin: 2.5rem;--hr-red-size: 160px}.hr-1,.hr-3,.hr-4{position:relative;height:var(--hr-height);width:100%;background:var(--color-outlines-dark);margin:var(--hr-margin) 0}.hr-1:after{content:"";position:absolute;top:0;right:0;height:100%;width:var(--hr-red-size);background:var(--accent)}.hr-3:after{content:"";position:absolute;top:0;left:0;height:100%;width:var(--hr-red-size);background:var(--accent)}.hr-3:after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);height:100%;width:var(--hr-red-size);background:var(--accent)}@media (max-width: 980px){body{font-size:16px}main{padding:0 16px}}.sr-only{border:0;padding:0;margin:0;position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);clip-path:inset(50%);white-space:nowrap}main.content{position:relative}.corner-decoration{position:absolute;width:60px;height:60px;z-index:1;pointer-events:none;background-color:var(--accent);clip-path:polygon(0 0,100% 0,0 100%)}.top-left{top:0;left:0}.top-right{top:0;right:0;transform:rotate(180deg)}.bottom-left{bottom:0;left:0;transform:rotate(-90deg)}.bottom-right{bottom:0;right:0;transform:rotate(90deg)}html,body{max-width:100vw;overflow-x:hidden}*,*:before,*:after{box-sizing:border-box}.cookie-banner{position:fixed;bottom:0;width:100%;background:var(--color-bg);border-top:4px solid var(--accent);padding:1rem;font-family:var(--font-body);font-size:1rem;color:var(--color-text);display:flex;justify-content:center;z-index:9999}.cookie-button{margin-left:1rem;padding:.5rem 1rem;background:transparent;border:2px solid var(--accent);background:var(--accent-second);color:var(--accent);font-weight:700;text-transform:uppercase;cursor:pointer;transition:all .2s ease}.cookie-button:hover{background:var(--accent);color:var(--color-text)}.cookie-button.cancel{border-color:var(--color-text);color:var(--color-text);background:var(--color-background)}.cookie-button.cancel:hover{background:var(--color-text);color:var(--color-bg)}.tag-list{margin-top:.25rem;display:flex;flex-wrap:wrap;gap:.5rem}.tag{border:2px solid var(--color-outlines-dark);background-color:var(--accent-second);color:var(--color-text-dark);padding:.15rem .45rem;font-size:.8rem;white-space:nowrap;border-radius:0;gap:.4em;display:inline-flex;align-items:center}.tag svg,.tag i{width:1em;height:1em}.tag:hover{background-color:var(--accent);color:var(--color-text);text-decoration:none}ul{padding-inline:20px}.full-width{width:100%;max-width:100%}article{max-width:var(--max-width);margin-inline:auto;padding-inline:64px}@media (max-width: 980px){article{padding-inline:0px}}.hero-image{margin:2rem auto 1.25rem;max-width:1000px}.hero-image img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border:6px solid var(--color-outlines-dark)}.article-card{position:relative;background:var(--accent-second);color:var(--color-text-dark);border:3px solid var(--color-outlines-dark);padding:1.25rem 1.5rem 1.4rem;margin:0 auto 2rem;max-width:70rem}.article-card:before{content:"";position:absolute;left:-3px;right:-3px;top:-3px;height:10px;background:var(--accent)}.article-header{max-width:70ch;margin:0 auto .75rem}.article-header .meta{font-size:.9rem;margin:.25rem 0 .5rem;color:var(--color-text-dark)}.article-header .meta .read-time{margin-left:.5rem}.article-header h1{font-family:var(--font-heading);text-transform:uppercase;font-size:clamp(2rem,5vw,3.2rem);line-height:1.05;margin:1.4rem 0 1rem;color:var(--color-text-dark)}.article-header .tag-list{display:flex;flex-wrap:wrap;gap:.4rem;margin:.25rem 0 .5rem}.article-card hr{border:0;height:8px;background:var(--color-outlines-dark);margin:2rem 0}.article-body{max-width:65ch;margin:0 auto}.toc-card{border:3px solid var(--color-outlines-dark);padding:1rem 1.25rem 1.2rem;color:var(--color-text-dark);box-shadow:8px 8px 0 var(--color-outlines-dark);max-width:65ch;margin:auto;margin-bottom:2rem}.toc-title{font-family:var(--font-heading);color:var(--color-text-dark);text-transform:uppercase;font-size:1.1rem;margin:0 0 .5rem}.toc-list{padding:0;margin:0;padding-left:1rem;display:flex;flex-direction:column;gap:.3rem}.toc-item a{color:inherit}.toc-item a:hover,.toc-item a:focus-visible{color:var(--accent);text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:3px}.toc-item.depth-3{margin-left:1rem;font-size:.95rem}.article-body p{margin:.9rem 0 1.1rem;line-height:1.72}.article-body a{color:var(--color-text-dark);text-decoration:underline;text-decoration-color:var(--color-text-dark);text-underline-offset:3px}.article-body a:hover{text-decoration-color:var(--accent)}.article-body h2,.article-body h3{font-family:var(--font-heading);text-transform:uppercase;color:var(--color-text-dark)!important;margin:2rem 0 .6rem;line-height:1.15}.article-body h2{font-size:clamp(1.5rem,4vw,2.3rem)}.article-body h3{font-size:clamp(1.3rem,4vw,2rem)}.article-body ul,.article-body ol{padding-left:1.2rem;margin:.4rem 0 1.1rem}.article-body li{margin:.35rem 0;list-style:none;position:relative}.article-body li:before{content:"";position:absolute;left:-1.05rem;top:.6em;width:.5rem;height:.5rem;background:var(--color-outlines-dark)}.article-body blockquote{margin:1.1rem 0;padding:.7rem .9rem;border:2px solid var(--color-outlines-dark);background:transparent;font-style:normal}.article-body pre{margin:1rem 0;padding:1rem;border:2px solid var(--color-outlines-dark);background:var(--accent);color:#fff;font-size:.9rem;overflow-x:auto}.article-body code{background:transparent;padding:0}.back-to-index{text-align:center;margin:1.5rem 0}.back-to-index a{display:inline-block;text-transform:uppercase;font-weight:800;font-size:.9rem;padding:.45rem .8rem;border:2px solid var(--accent);color:var(--accent);background:transparent;text-decoration:none}.back-to-index a:hover{background:var(--accent);color:#fff}.article-card a:focus-visible,.back-to-index a:focus-visible{outline:3px solid var(--color-outlines-dark);outline-offset:2px}@media (max-width: 980px){.article-card{padding:1rem 1rem 1.1rem}.article-header h1{font-size:clamp(1.8rem,7vw,2.5rem)}}.detail-links a{color:var(--color-text-dark);text-decoration-color:var(--color-text-dark)}.post-content a.tag:hover{text-decoration:underline;text-decoration-color:var(--color-text)}.image-text,article-body p .image-text{margin:auto 0 0;margin-top:0rem!important;padding-top:0rem;font-size:.85rem;color:var(--color-text-dark);opacity:.7;text-align:center;max-width:100%;width:100%}.keyword-list{margin-top:2rem;padding-top:2rem;display:flex;flex-wrap:wrap;gap:.5rem;border-top:2px solid lightgray}.keyword{padding:4px 10px;border-radius:6px;font-size:.85rem;opacity:.8}.certification-card p{margin-bottom:0;margin-block-start:0}.certification-card .button{margin-top:.5rem}