:root{color-scheme:light;--bg: #f7f3e8;--bg-grid: #e9dfc8;--surface: #fffaf0;--surface-strong: #fff4d6;--surface-sunken: #eee4cf;--text: #171914;--muted: #58615a;--border: #272d25;--border-soft: #b7ad96;--accent: #007a66;--accent-strong: #005f73;--accent-soft: #d8efe7;--highlight: #f4b942;--highlight-soft: #fff0bd;--link: #005f73;--link-hover: #8a4f00;--code-bg: #18201d;--code-text: #eef8ef;--inline-code-bg: #e8ddc4;--focus: #b65c00;--shadow: 6px 6px 0 #1f241d;--shadow-soft: 4px 4px 0 rgba(31, 36, 29, .18);--body-font: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono-font: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;font-family:var(--body-font)}:root[data-theme=dark]{color-scheme:dark;--bg: #101418;--bg-grid: #27313a;--surface: #171d22;--surface-strong: #20282f;--surface-sunken: #0b0f12;--text: #edf2e7;--muted: #aeb9b3;--border: #d3dfcf;--border-soft: #53605a;--accent: #64d6c1;--accent-strong: #89e8ff;--accent-soft: #153c37;--highlight: #ffc857;--highlight-soft: #3a3015;--link: #89e8ff;--link-hover: #ffd37a;--code-bg: #050807;--code-text: #dcffe9;--inline-code-bg: #26312d;--focus: #ffc857;--shadow: 6px 6px 0 #000000;--shadow-soft: 4px 4px 0 rgba(0, 0, 0, .35)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(90deg,rgba(0,0,0,.035) 1px,transparent 1px),linear-gradient(rgba(0,0,0,.035) 1px,transparent 1px),var(--bg);background-size:32px 32px;color:var(--text);font-family:var(--body-font);line-height:1.65}:root[data-theme=dark] body{background:linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),var(--bg);background-size:32px 32px}a{color:var(--link);text-decoration-thickness:.08em;text-underline-offset:.18em}a:hover{color:var(--link-hover)}a:focus-visible,button:focus-visible{outline:3px solid var(--focus);outline-offset:3px}img{display:block;max-width:100%;height:auto}.skip-link{position:absolute;left:16px;top:12px;z-index:20;transform:translateY(-150%);border:2px solid var(--border);background:var(--highlight);color:#171914;font-family:var(--mono-font);font-weight:800;padding:8px 12px}.skip-link:focus{transform:translateY(0)}.site-header,.site-footer,main{width:min(1120px,calc(100% - 32px));margin:0 auto}.site-header{padding:18px 0 0}.header-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;border:2px solid var(--border);background:var(--surface);box-shadow:var(--shadow);padding:10px}.header-bar:before{content:"ONLINE";align-self:stretch;display:grid;place-items:center;border:2px solid var(--border);background:var(--highlight);color:#171914;font-family:var(--mono-font);font-size:.78rem;font-weight:800;padding:0 10px}.brand,nav a,.theme-toggle,.button,.contact-links a,.tag-list a,.back-link,.eyebrow,.post-meta,.company{font-family:var(--mono-font)}.brand{display:inline-flex;align-items:center;gap:8px;color:var(--text);font-weight:800;text-decoration:none}.brand-mark{border:2px solid var(--border);background:var(--accent-soft);color:var(--accent-strong);padding:2px 6px}.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-left:auto}nav{display:flex;flex-wrap:wrap;gap:6px;font-size:.92rem}nav a,.theme-toggle{border:2px solid transparent;color:var(--text);min-height:38px;padding:7px 10px;text-decoration:none}nav a:hover,nav a:focus-visible{border-color:var(--border);background:var(--surface-strong);color:var(--text)}.theme-toggle{display:inline-flex;align-items:center;gap:7px;border-color:var(--border);background:var(--surface-sunken);color:var(--text);cursor:pointer;font-size:.88rem;font-weight:800}.theme-toggle:hover{background:var(--highlight-soft)}.theme-toggle-icon{display:grid;place-items:center;width:1.35rem;height:1.35rem;border:2px solid var(--border);background:var(--surface);line-height:1}section,.post{padding:52px 0}.hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:48px;min-height:520px}.hero:before{content:"cristian-cordero.dev";position:absolute;top:18px;right:0;border-bottom:2px solid var(--border);color:var(--muted);font-family:var(--mono-font);font-size:.86rem}.hero img{border:3px solid var(--border);border-radius:0;background:var(--surface);box-shadow:var(--shadow);image-rendering:auto}h1,h2,h3{margin:0 0 12px;line-height:1.15}h1,h2{font-family:var(--mono-font)}h1{max-width:860px;font-size:clamp(2.15rem,4vw,4.35rem)}h2{font-size:clamp(1.7rem,2.6vw,2.25rem)}h3{font-size:1.15rem}p{margin:0 0 16px}ul{margin:0;padding-left:1.2rem}li+li{margin-top:8px}.eyebrow,.post-meta{color:var(--muted);font-size:.88rem}.eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:10px;font-weight:800;text-transform:uppercase}.eyebrow:before{content:">";color:var(--accent)}.post-meta{border-left:3px solid var(--border-soft);padding-left:10px}.lede{max-width:720px;color:var(--muted);font-size:1.14rem}.actions,.contact-links,.tag-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.button,.contact-links a,.tag-list a{align-items:center;border:2px solid var(--border);border-radius:0;background:var(--surface);color:var(--text);display:inline-flex;min-height:40px;padding:9px 13px;text-decoration:none;box-shadow:var(--shadow-soft)}.button{background:var(--accent);color:#fff;font-weight:800}.button.secondary{background:var(--surface);color:var(--text)}.button:hover,.button:focus-visible,.contact-links a:hover,.contact-links a:focus-visible,.tag-list a:hover,.tag-list a:focus-visible{background:var(--highlight-soft);color:var(--text);transform:translate(-1px,-1px)}.button:hover,.button:focus-visible{border-color:var(--border)}.section-heading{margin-bottom:24px}.section-heading.inline,.role-heading{display:flex;align-items:end;justify-content:space-between;gap:24px}.grid{display:grid;gap:16px}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.card,.timeline article,.post-list article{border:2px solid var(--border);border-radius:0;background:var(--surface);box-shadow:var(--shadow-soft);padding:20px}.card h3,.timeline h3,.post-list h2,.post-list h3{font-family:var(--mono-font)}.post-list article{position:relative}.post-list article:before{content:"";position:absolute;inset:0 auto 0 0;width:7px;background:var(--accent)}.company{color:var(--accent-strong);font-weight:800}.timeline,.post-list{display:grid;gap:16px}.page-heading,.post-header,.not-found{max-width:820px}.page-heading{border-bottom:2px dashed var(--border-soft);padding-bottom:36px}.post{max-width:880px}.post-header h1{font-size:clamp(2rem,4vw,3.65rem)}.prose{max-width:760px;font-size:1.03rem}.prose h2{margin-top:42px;border-bottom:2px solid var(--border-soft);padding-bottom:8px}.prose h3{margin-top:30px}.prose p,.prose li{color:var(--text)}.prose a{font-weight:650}.prose pre{overflow-x:auto;border:2px solid var(--border);border-radius:0;background:var(--code-bg);color:var(--code-text);box-shadow:var(--shadow-soft);line-height:1.55;padding:16px}.prose code{border:1px solid var(--border-soft);border-radius:0;background:var(--inline-code-bg);color:var(--text);font-family:var(--mono-font);font-size:.92em;padding:.12rem .28rem}.prose pre code{border:0;background:transparent;color:inherit;padding:0}.prose blockquote{border:2px solid var(--border);border-left-width:8px;background:var(--accent-soft);margin:24px 0;padding:16px 18px;box-shadow:var(--shadow-soft)}.prose blockquote p:last-child{margin-bottom:0}.tag-list{list-style:none;padding:0}.tag-list li+li{margin-top:0}.tag-list a:before{content:"#";color:var(--accent)}.tag-list.compact{gap:8px;margin-top:16px}.tag-list.compact a{min-height:34px;padding:5px 9px}.back-link{display:inline-flex;margin-bottom:24px;color:var(--link);font-weight:800;text-decoration:none}.back-link:hover,.back-link:focus-visible{color:var(--link-hover);text-decoration:underline}.post-footer{border-top:2px dashed var(--border-soft);margin-top:48px;padding-top:24px}.post-footer .back-link{margin-bottom:0}.site-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;border-top:2px solid var(--border);color:var(--muted);font-family:var(--mono-font);font-size:.92rem;margin-top:24px;padding:24px 0 40px}@media(max-width:860px){.header-bar,.header-actions,.site-header,.section-heading.inline,.role-heading{align-items:flex-start;flex-direction:column}.header-bar:before{align-self:flex-start;min-height:32px}.header-actions,nav{width:100%}nav a{flex:1 1 auto}.hero,.three{grid-template-columns:1fr}.hero{min-height:auto}.hero:before{position:static;justify-self:start;grid-row:1}.hero img{width:156px;height:156px}}@media(max-width:520px){.site-header,.site-footer,main{width:min(100% - 24px,1120px)}.header-bar,.card,.timeline article,.post-list article,.prose pre,.prose blockquote,.button,.contact-links a,.tag-list a{box-shadow:none}section,.post{padding:38px 0}h1{font-size:2rem}.post-header h1{font-size:1.9rem}.lede{font-size:1.04rem}.theme-toggle{width:100%;justify-content:center}}