@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrains-mono-variable.woff2)format("woff2-variations");font-style:normal;font-weight:100 800;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrains-mono-italic-variable.woff2)format("woff2-variations");font-style:italic;font-weight:100 800;font-display:swap}:root{--paper:#fff;--ink:#0a0a0a;--muted:#555;--blue:#0057ff;--red:#e0003c;--yellow:#ffd60a;--line:#0a0a0a;--soft:#f3f3f3;--note:#fff7bf}*{box-sizing:border-box}html{print-color-adjust:exact;font-size:10.5pt}body{color:var(--ink);background:var(--paper);letter-spacing:-.015em;font-variant-ligatures:contextual;word-spacing:-.1em;margin:0;font-family:JetBrains Mono,Cascadia Mono,Consolas,monospace;line-height:1.62}pre,code,kbd,samp{letter-spacing:normal;word-spacing:normal}::selection{color:var(--paper);background:var(--blue)}main{width:100%}h1,h2,h3,h4{color:var(--ink);letter-spacing:-.035em;page-break-after:avoid;break-after:avoid-page;scroll-margin-top:72px;font-weight:800;line-height:1.22}h1:before{content:"# ";color:var(--blue)}h2:before{content:"## ";color:var(--red)}h3:before{content:"### ";color:var(--blue)}h4:before{content:"#### ";color:var(--red)}h1{border-bottom:4px solid var(--ink);margin:0 0 18pt;padding-bottom:9pt;font-size:24pt}h2{border-bottom:2px solid var(--ink);margin:26pt 0 10pt;padding-bottom:5pt;font-size:17pt}h3{margin:18pt 0 7pt;font-size:13.5pt}h4{margin:13pt 0 5pt;font-size:11.5pt}h2.source-h1{border-bottom:4px solid var(--ink);margin:0 0 18pt;padding-bottom:9pt;font-size:24pt}h2.source-h1:before{content:"# ";color:var(--blue)}h3.source-h2{border-bottom:2px solid var(--ink);margin:26pt 0 10pt;padding-bottom:5pt;font-size:17pt}h3.source-h2:before{content:"## ";color:var(--red)}h4.source-h3{margin:18pt 0 7pt;font-size:13.5pt}h4.source-h3:before{content:"### ";color:var(--blue)}h5.source-h4{color:var(--ink);margin:13pt 0 5pt;font-size:11.5pt;font-weight:800}h5.source-h4:before{content:"#### ";color:var(--red)}p{margin:0 0 9pt}ul,ol{margin:5pt 0 11pt;padding-left:25pt}li{margin:3pt 0}ul li::marker{color:var(--blue);content:"> ";font-weight:800}ol li::marker{color:var(--red);font-weight:800}a{color:var(--blue);text-underline-offset:3px;font-weight:700;text-decoration-line:underline;text-decoration-thickness:2px}a:hover{color:var(--paper);background:var(--blue);text-decoration:none}strong{color:var(--ink);background:linear-gradient(transparent 67%, var(--yellow) 67%)}hr{background:var(--ink);border:0;height:5px;margin:20pt 0}blockquote{background:var(--note);border:2px solid var(--ink);border-left:8px solid var(--yellow);box-shadow:4px 4px 0 var(--ink);page-break-inside:avoid;margin:12pt 0;padding:28pt 12pt 10pt;position:relative}blockquote:before{content:"NOTE";color:var(--red);letter-spacing:.12em;font-size:8.5pt;font-weight:800;position:absolute;top:7pt;left:10pt}blockquote p:last-child{margin-bottom:0}code{color:var(--red);background:var(--paper);border:1px solid var(--ink);padding:1px 4px;font-family:inherit;font-size:9.2pt;font-weight:650}pre{color:#f7f7f7;background:var(--ink);border:2px solid var(--ink);border-left:8px solid var(--blue);box-shadow:4px 4px 0 var(--yellow);overflow-wrap:anywhere;white-space:pre-wrap;tab-size:2;page-break-inside:avoid;margin:10pt 4px 15pt 0;padding:13pt 14pt;position:relative}pre code{color:inherit;background:0 0;border:0;padding:0;font-size:8.5pt;font-weight:450}table{border-collapse:collapse;border:2px solid var(--ink);page-break-inside:auto;width:100%;margin:11pt 0 15pt;font-size:9pt}table:focus-visible{outline:4px solid var(--blue);outline-offset:4px}thead{display:table-header-group}tr{page-break-inside:avoid}th,td{border:1px solid var(--ink);text-align:left;vertical-align:top;padding:6pt 7pt}th{color:var(--paper);background:var(--ink);border-top:5px solid var(--blue)}th:nth-child(3n+2){border-top-color:var(--red)}th:nth-child(3n){border-top-color:var(--yellow)}tbody tr:nth-child(2n){background:var(--soft)}figure.handbook-image{text-align:center;background:var(--paper);border:2px solid var(--ink);box-shadow:6px 6px 0 var(--blue);page-break-inside:avoid;break-inside:avoid-page;max-width:100%;margin:17pt auto 19pt;padding:9pt;display:block}figure.handbook-image img{object-fit:contain;border:1px solid var(--ink);width:auto;max-width:100%;height:auto;max-height:205mm;margin:0 auto;display:block}figure.handbook-image img,.mermaid-figure svg{cursor:zoom-in}figure.handbook-image img:focus-visible,.mermaid-figure svg:focus-visible{outline:4px solid var(--yellow);outline-offset:4px}figure.handbook-image figcaption{color:var(--muted);margin-top:7pt;font-size:8.6pt;font-style:normal}figure.handbook-image figcaption:before{content:"// ";color:var(--red);font-weight:800}.mermaid-figure{background:var(--paper);border:2px solid var(--ink);max-width:100%;box-shadow:6px 6px 0 var(--yellow);page-break-inside:avoid;break-inside:avoid-page;margin:18pt auto 20pt;padding:11pt;display:block;overflow-x:auto}.mermaid-figure svg{width:100%;min-width:520px;height:auto;margin:0 auto;font-family:JetBrains Mono,Cascadia Mono,Consolas,monospace;display:block}.mermaid-figure figcaption{color:var(--muted);text-align:center;margin-top:8pt;font-size:8.6pt}body.image-viewer-open{overflow:hidden}.image-viewer[hidden]{display:none!important}.image-viewer{z-index:9999;color:var(--paper);background:#0a0a0af5;grid-template-rows:auto minmax(0,1fr) auto;gap:10px;padding:14px;display:grid;position:fixed;inset:0}.image-viewer__toolbar{align-items:center;gap:8px;min-width:0;display:flex}.image-viewer__title{min-width:0;color:var(--paper);text-overflow:ellipsis;white-space:nowrap;margin-right:auto;font-size:9pt;font-weight:700;overflow:hidden}.image-viewer__toolbar button,.image-viewer__zoom{min-height:44px;color:var(--paper);background:var(--ink);border:1px solid var(--paper);font:inherit;border-radius:0;padding:7px 11px;font-size:9pt;font-weight:800}.image-viewer__toolbar button{cursor:pointer}.image-viewer__toolbar button:hover,.image-viewer__toolbar button:focus-visible{color:var(--ink);background:var(--yellow);border-color:var(--yellow);outline:none}.image-viewer__zoom{min-width:68px;color:var(--yellow);text-align:center}.image-viewer__viewport{border:2px solid var(--paper);cursor:grab;touch-action:none;background-color:#181818;background-image:linear-gradient(#303030 1px,#0000 1px),linear-gradient(90deg,#303030 1px,#0000 1px);background-size:24px 24px;min-width:0;min-height:0;position:relative;overflow:hidden}.image-viewer__viewport.is-dragging{cursor:grabbing}.image-viewer__canvas{transform-origin:50%;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.image-viewer__media{background:var(--paper);border:1px solid var(--paper);pointer-events:none;user-select:none;-webkit-user-drag:none;width:auto;max-width:none;height:auto;max-height:none;display:block}.image-viewer__hint{color:#cfcfcf;text-align:center;font-size:8pt}.cover{min-height:245mm;color:var(--paper);background:var(--ink);text-align:left;border-top:12px solid var(--blue);border-right:12px solid var(--red);border-bottom:12px solid var(--yellow);page-break-after:always;flex-direction:column;justify-content:center;padding:22mm;display:flex}.cover h1{color:var(--paper);border:0;margin-bottom:14pt;font-size:30pt}.cover h1:before{content:">_ ";color:var(--yellow)}.cover .subtitle{color:var(--paper);border-left:6px solid var(--blue);padding-left:12pt;font-size:14pt}.cover .meta{color:#d0d0d0;margin-top:42pt;font-size:9.5pt}.cover strong{color:var(--yellow);background:0 0}.cover .meta a{color:var(--yellow)}.cover__start{color:var(--ink);background:var(--yellow);border:2px solid var(--paper);box-shadow:5px 5px 0 var(--blue);align-self:flex-start;margin-top:24pt;padding:8px 11px;text-decoration:none}.cover__start:hover,.cover__start:focus-visible{color:var(--paper);background:var(--blue);outline:3px solid var(--yellow);outline-offset:3px}.page-break{page-break-after:always}.no-break{page-break-inside:avoid}@page{size:A4;margin:17mm 15mm 19mm}@media screen{html{font-size:11.25pt}body{background-color:#ededed;background-image:linear-gradient(#d8d8d8 1px,#0000 1px),linear-gradient(90deg,#d8d8d8 1px,#0000 1px);background-size:24px 24px;padding:28px}main{background:var(--paper);border:2px solid var(--ink);max-width:210mm;box-shadow:10px 10px 0 var(--ink);margin:auto;padding:17mm 15mm 19mm}.cover{min-height:min(780px,100svh - 150px);padding:clamp(48px,7vw,84px)}}@media screen and (width<=760px){html{font-size:12pt}body{background:var(--paper);padding:0}main{box-shadow:none;border:0;padding:24px 18px}.cover{min-height:calc(100svh - 85px);padding:32px 22px}.cover h1{font-size:23pt}h1{font-size:21pt}h2{font-size:15pt}table{display:block;overflow-x:auto}table:before,.mermaid-figure:before{content:"Vuốt ngang để xem toàn bộ";color:var(--muted);margin-bottom:8px;font-size:9pt;font-weight:800;display:block}pre{font-size:8pt}pre code{font-size:10pt}.image-viewer{padding:8px}.image-viewer__toolbar{flex-wrap:wrap}.image-viewer__title{flex-basis:100%}.image-viewer__toolbar button,.image-viewer__zoom{flex:auto}}@media print{.image-viewer,.cover__start{display:none!important}figure.handbook-image img,.mermaid-figure svg{cursor:default}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.skip-link{z-index:10000;color:var(--paper);background:var(--blue);border:2px solid var(--ink);padding:8px 12px;position:fixed;top:8px;left:8px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.site-header{width:100%;max-width:210mm;color:var(--paper);background:var(--ink);border:2px solid var(--ink);box-shadow:10px 10px 0 var(--blue);justify-content:space-between;align-items:center;gap:18px;margin:0 auto 18px;padding:12px 16px;font-size:9pt;display:flex}.site-brand{color:var(--yellow);letter-spacing:-.035em;text-decoration:none}.site-header nav{flex-wrap:wrap;gap:14px;display:flex}.site-header nav a{color:var(--paper);text-decoration:none}.site-header nav a:hover,.site-header nav a:focus-visible,.site-header nav a[aria-current=page]{color:var(--ink);background:var(--yellow);outline-offset:3px}.archive-hero{color:var(--paper);background:var(--ink);border-top:12px solid var(--blue);border-right:12px solid var(--red);border-bottom:12px solid var(--yellow);margin:-17mm -15mm 24pt;padding:22mm 15mm 18mm}.archive-hero h1,.archive-hero p{color:var(--paper)}.archive-hero h1{border-color:var(--paper)}.archive-hero h1:before{content:">_ ";color:var(--yellow)}.archive-hero__prompt{font-weight:800;color:var(--yellow)!important}.archive-intro{color:var(--muted);margin-bottom:18pt}.button-link{min-height:44px;color:var(--paper);background:var(--blue);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--yellow);padding:7px 10px;text-decoration:none;display:inline-block}.button-link:hover{color:var(--ink);background:var(--yellow)}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.button-link--secondary{background:var(--red);box-shadow-color:var(--blue)}.post-list{gap:18px;display:grid}.post-card{background:var(--paper);border:2px solid var(--ink);border-left:8px solid var(--blue);box-shadow:6px 6px 0 var(--ink);grid-template-columns:minmax(0,1fr) 210px;align-items:stretch;gap:18px;padding:16px 18px;transition:transform .12s,box-shadow .12s;display:grid;position:relative}.post-card:hover,.post-card:focus-within{box-shadow:8px 8px 0 var(--ink);transform:translate(-2px,-2px)}.post-card:focus-within{outline:4px solid var(--blue);outline-offset:4px}.post-card:not(.post-card--with-image){grid-template-columns:1fr}.post-card[hidden]{display:none}.post-card__body{min-width:0}.post-card__media{background:var(--ink);border:2px solid var(--ink);align-self:stretch;min-height:138px;overflow:hidden}.post-card__media img{object-fit:cover;width:100%;height:100%;display:block}.post-card--1{border-left-color:var(--red)}.post-card--2{border-left-color:var(--yellow)}.post-card h2{margin-top:5pt}.post-card h2 a{color:var(--ink);text-decoration:none}.post-card h2 a:after{content:"";z-index:2;position:absolute;inset:0}.post-card h2 a:focus-visible{outline:none}.post-card h2 a:hover{color:var(--paper)}.post-card__meta{color:var(--muted);font-size:8.5pt;font-weight:700}.post-card__type{color:var(--paper);background:var(--blue);border:1px solid var(--ink);text-transform:uppercase;padding:2px 5px}.post-card__type--post{background:var(--red)}.post-card__type--interview{color:var(--ink);background:var(--yellow)}.post-card__type--series{background:var(--ink)}.post-card__tag-link{z-index:3;position:relative}.post-filter{background:var(--soft);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--yellow);flex-wrap:wrap;align-items:center;gap:9px;margin:0 0 20px;padding:10px;display:flex}.post-filter a{min-height:44px;color:var(--ink);background:var(--paper);border:2px solid var(--ink);place-items:center;padding:7px 10px;font-weight:800;text-decoration:none;display:grid}.post-filter a:hover,.post-filter a:focus-visible,.post-filter a[aria-current=page]{color:var(--paper);background:var(--blue);outline-offset:2px}.post-filter span{color:var(--muted);margin-left:auto;font-size:8.5pt;font-weight:800}.series-picker{grid-template-columns:auto minmax(220px,360px);align-items:center;gap:10px;margin:-8px 0 20px;display:grid}.series-picker label{font-size:9pt;font-weight:800}.series-picker select{width:100%;min-height:44px;color:var(--ink);background:var(--paper);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--red);font:inherit;border-radius:0;padding:7px 38px 7px 10px;font-weight:800}.series-picker select:hover,.series-picker select:focus-visible{border-color:var(--blue);outline:3px solid var(--yellow);outline-offset:2px}.search-panel form{background:var(--soft);border:3px solid var(--ink);box-shadow:6px 6px 0 var(--yellow);padding:16px}.search-panel form label{margin-bottom:8px;font-weight:800;display:block}.search-panel form>div{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.search-panel input,.search-panel button{border:2px solid var(--ink);min-height:48px;font:inherit;border-radius:0}.search-panel input{width:100%;color:var(--ink);background:var(--paper);padding:8px 10px}.search-panel button{color:var(--paper);background:var(--blue);cursor:pointer;padding:8px 14px;font-weight:800}.search-panel input:focus-visible,.search-panel button:focus-visible{outline:4px solid var(--yellow);outline-offset:2px}.search-panel form>p{color:var(--muted);margin:10px 0 0;font-size:8.5pt}.search-panel kbd{color:var(--paper);background:var(--ink);border:1px solid var(--ink);padding:1px 4px}.search-status{margin:26px 0 14px;font-weight:800}.search-results{gap:16px;display:grid}.search-result{border:2px solid var(--ink);border-left:8px solid var(--blue);box-shadow:5px 5px 0 var(--ink);padding:14px 16px}.search-result:nth-child(3n+2){border-left-color:var(--red)}.search-result:nth-child(3n){border-left-color:var(--yellow)}.search-result h2{margin:5px 0 8px;font-size:15pt}.search-result h2 a{color:var(--ink)}.search-result__meta{color:var(--red);text-transform:uppercase;margin:0;font-size:8pt;font-weight:800}.search-more{box-shadow:4px 4px 0 var(--yellow);margin:20px auto 0;display:block}.search-more[hidden]{display:none}.pagination{border-top:4px solid var(--ink);grid-template-columns:minmax(120px,1fr) auto minmax(120px,1fr);align-items:center;gap:12px;margin-top:28px;padding-top:18px;display:grid}.pagination>a:last-child,.pagination>span:last-child{justify-self:end}.pagination a,.pagination__disabled{border:2px solid var(--ink);place-items:center;min-height:44px;padding:7px 10px;font-weight:800;text-decoration:none;display:inline-grid}.pagination a{color:var(--ink);background:var(--paper)}.pagination a:hover,.pagination a:focus-visible,.pagination a[aria-current=page]{color:var(--paper);background:var(--blue)}.pagination__disabled{color:#666;background:var(--soft)}.pagination ol{gap:7px;margin:0;padding:0;list-style:none;display:flex}.pagination li{margin:0}.pagination li a{min-width:44px;padding-inline:5px}.post-header{color:var(--paper);background:var(--ink);border-top:12px solid var(--blue);border-right:12px solid var(--red);border-bottom:12px solid var(--yellow);margin:-17mm -15mm 24pt;padding:18mm 15mm 14mm}.post-header--with-image{grid-template-columns:minmax(0,1fr) 260px;align-items:center;gap:24px;display:grid}.post-header h1,.post-header p{color:var(--paper)}.post-header h1{border-color:var(--paper);margin-bottom:12pt}.post-header h1:before{content:">_ ";color:var(--yellow)}.post-header__type{letter-spacing:.15em;margin:0 0 7px;font-size:9pt;font-weight:800;color:var(--yellow)!important}.post-header--interview{border-top-color:var(--yellow);border-right-color:var(--blue);border-bottom-color:var(--red)}.post-header--series{border-top-color:var(--red);border-right-color:var(--yellow);border-bottom-color:var(--blue)}.series-content{max-width:82ch}.code-playground{background:var(--paper);border:3px solid var(--ink);box-shadow:7px 7px 0 var(--yellow);margin:22px 0;overflow:hidden}.code-playground__header{color:var(--paper);background:var(--ink);justify-content:flex-end;padding:9px 12px;display:flex}.code-playground__header span{color:var(--yellow);text-transform:uppercase}.code-playground__editor{border-left:8px solid var(--blue);background:#101010;min-height:130px}.code-playground__editor .cm-editor{color:#f8f8f2;background:#101010;min-height:130px;font:10pt/1.55 JetBrains Mono,Cascadia Mono,Consolas,monospace}.code-playground__editor .cm-gutters{color:#aaa;background:#181818;border:0}.code-playground__editor .cm-activeLine,.code-playground__editor .cm-activeLineGutter{background:#252525}.code-playground__editor .cm-content{caret-color:var(--yellow);padding:10px 0}.code-playground__editor .cm-content span{color:#f7f7f7!important}.code-playground__controls{background:var(--soft);border-top:2px solid var(--ink);flex-wrap:wrap;gap:8px;padding:10px;display:flex}.code-playground__controls button{min-height:44px;color:var(--paper);background:var(--blue);border:2px solid var(--ink);font:inherit;cursor:pointer;border-radius:0;padding:7px 10px;font-weight:800}.code-playground__controls button:nth-child(2){background:var(--red)}.code-playground__controls button:nth-child(3){color:var(--ink);background:var(--yellow)}.code-playground__controls button:disabled{cursor:wait;opacity:.55}.code-playground__output{white-space:pre-wrap;min-height:58px;overflow:auto;color:#d7ffd7!important;background:var(--ink)!important;border:0!important;border-top:2px solid var(--ink)!important;box-shadow:none!important;margin:0!important;padding:10px 12px!important}.code-playground__output.is-error{color:#ff9ab5!important}.interview-content>h2:first-child{margin-top:0}.post-header__description{border-left:5px solid var(--blue);padding-left:10px;font-size:12pt}.post-header__meta{margin:18px 0 0;font-size:8.5pt;font-weight:700;color:#d0d0d0!important}.post-header__meta a{color:var(--yellow)}.post-header img{border:3px solid var(--paper);width:100%;height:auto;box-shadow:7px 7px 0 var(--blue);display:block}.post-content{max-width:72ch;margin:0 auto}#article-content{scroll-margin-top:62px}.reading-progress{z-index:5000;pointer-events:none;height:4px;position:fixed;top:0;left:0;right:0}.reading-progress span{background:var(--blue);transform-origin:0;width:100%;height:100%;display:block;transform:scaleX(0)}.reading-nav{z-index:100;background:var(--paper);border:2px solid var(--ink);max-width:320px;box-shadow:4px 4px 0 var(--yellow);margin:0 0 24px auto;position:sticky;top:10px}.reading-nav summary{min-height:44px;color:var(--paper);background:var(--ink);cursor:pointer;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;font-weight:800;display:flex}.reading-nav summary::marker{color:var(--yellow)}.reading-nav__count{color:var(--yellow);font-size:8.5pt}.reading-nav nav{max-height:min(55vh,520px);overflow-y:auto}.reading-nav ol{margin:0;padding:8px 10px 10px 34px}.reading-nav li{margin:2px 0}.reading-nav a{color:var(--ink);padding:5px 4px;font-size:8.5pt;line-height:1.35;text-decoration:none;display:block}.reading-nav a:hover,.reading-nav a:focus-visible,.reading-nav a.is-active{color:var(--paper);background:var(--blue)}.error-paper{min-height:65vh}.error-code{color:var(--red);margin:0;font-size:56pt;font-weight:800;line-height:1}.breadcrumbs{border-bottom:2px solid var(--ink);margin:0 0 20px;padding-bottom:10px}.breadcrumbs ol{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.breadcrumbs li{color:var(--muted);align-items:center;gap:6px;margin:0;font-size:8.5pt;display:inline-flex}.breadcrumbs a{color:var(--blue)}.related-posts{border-top:5px solid var(--ink);margin-top:38px;padding-top:22px}.series-navigation{border-top:5px solid var(--ink);margin-top:38px;padding-top:16px}.series-navigation__label{letter-spacing:.04em;margin:0 0 12px;font-size:9pt;font-weight:800}.series-navigation__label a{color:var(--blue)}.series-navigation__label a:hover,.series-navigation__label a:focus-visible{color:var(--paper)}.series-navigation>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.series-navigation>div>a,.series-navigation__empty{border:2px solid var(--ink);min-height:88px;padding:12px}.series-navigation>div>a{color:var(--ink);background:var(--paper);box-shadow:5px 5px 0 var(--yellow);flex-direction:column;gap:6px;text-decoration:none;display:flex}.series-navigation>div>a:last-child{text-align:right;box-shadow:5px 5px 0 var(--blue)}.series-navigation>div>a:hover,.series-navigation>div>a:focus-visible{color:var(--paper);background:var(--ink)}.series-navigation>div>a span{color:var(--red);text-transform:uppercase;font-size:8.5pt;font-weight:800}.series-navigation>div>a strong{color:inherit;background:0 0;line-height:1.35}.series-navigation__empty{color:var(--muted);background:var(--soft);text-align:center;place-items:center;display:grid}.site-footer{width:100%;max-width:210mm;color:var(--paper);background:var(--ink);border:2px solid var(--ink);text-align:center;margin:18px auto 0;padding:10px 14px}.site-footer p{margin:0}.site-footer a{color:var(--yellow)}.privacy-page{min-height:60vh}.about-hero{color:var(--paper);background:var(--ink);border-top:12px solid var(--blue);border-right:12px solid var(--red);border-bottom:12px solid var(--yellow);grid-template-columns:180px minmax(0,1fr);align-items:center;gap:28px;margin:-17mm -15mm 26pt;padding:20mm 15mm 16mm;display:grid}.about-hero img{object-fit:cover;border:4px solid var(--paper);width:180px;height:180px;box-shadow:8px 8px 0 var(--blue)}.about-hero h1,.about-hero p{color:var(--paper)}.about-hero h1{border-color:var(--paper);margin-bottom:10pt}.about-hero h1:before{content:">_ ";color:var(--yellow)}.about-kicker{letter-spacing:.12em;margin:0;font-weight:800;color:var(--yellow)!important}.about-lead{border-left:5px solid var(--blue);padding-left:10px;font-weight:800}.about-links{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.about-links a{min-height:44px;color:var(--paper);border:2px solid var(--paper);align-items:center;padding:7px 9px;text-decoration:none;display:inline-flex}.about-links a:hover,.about-links a:focus-visible{color:var(--ink);background:var(--yellow);border-color:var(--yellow)}.about-timeline,.skill-grid{gap:16px;display:grid}.about-timeline article,.skill-grid article{border:2px solid var(--ink);border-left:8px solid var(--blue);box-shadow:5px 5px 0 var(--ink);padding:14px 16px}.about-timeline article:nth-child(3n+2),.skill-grid article:nth-child(3n+2){border-left-color:var(--red)}.about-timeline article:nth-child(3n),.skill-grid article:nth-child(3n){border-left-color:var(--yellow)}.about-timeline h3,.skill-grid h3{margin-top:0}.about-date{color:var(--red);margin:0 0 5px;font-size:8.5pt;font-weight:800}.skill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.follow-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.follow-card{border:2px solid var(--ink);border-left:8px solid var(--blue);box-shadow:5px 5px 0 var(--ink);padding:16px 18px}.follow-card:nth-child(2){border-left-color:var(--red)}.feed-address{overflow-wrap:anywhere;color:var(--paper);background:var(--ink);border-left:7px solid var(--blue);margin:10px 0 14px;padding:10px;display:block}.back-to-top{z-index:1000;width:44px;height:44px;color:var(--paper);background:var(--blue);border:2px solid var(--ink);box-shadow:5px 5px 0 var(--yellow);opacity:0;pointer-events:none;place-items:center;font-size:20px;font-weight:800;line-height:1;text-decoration:none;transition:opacity .14s,transform .14s;display:grid;position:fixed;bottom:28px;right:max(12px,50vw - 454.85px);transform:translateY(12px)}.back-to-top.is-visible{opacity:.9;pointer-events:auto;transform:translateY(0)}.back-to-top:hover,.back-to-top:focus-visible{color:var(--ink);background:var(--yellow);outline:3px solid var(--ink);outline-offset:2px}@media screen and (width<=760px){.site-header{box-shadow:none;border-width:0 0 2px;flex-direction:column;align-items:flex-start;gap:4px;margin:0;padding:8px 12px 0}.site-footer{border-width:2px 0 0;margin-top:0}.site-brand{align-items:center;min-height:40px;display:inline-flex}.site-header nav{grid-template-columns:repeat(5,minmax(0,1fr));gap:0;width:100%;display:grid}.site-header nav a{text-align:center;place-items:center;min-height:44px;padding:5px 3px;display:grid}.archive-hero{margin:-24px -18px 22pt;padding:42px 18px 34px}.archive-hero h1{overflow-wrap:anywhere;font-size:18pt}.archive-hero p,.post-card h2,.post-card p{overflow-wrap:anywhere}.post-card h2{font-size:13.5pt}.post-card{grid-template-columns:1fr;padding:14px}.post-card__media{aspect-ratio:2.2;grid-row:1;min-height:0}.post-filter span{flex-basis:100%;margin-left:0}.series-picker,.search-panel form>div{grid-template-columns:1fr}.pagination{grid-template-columns:1fr 1fr}.pagination ol{grid-area:1/1/auto/-1;justify-content:center}.post-header,.post-header--with-image{grid-template-columns:1fr;gap:16px;margin:-24px -18px 22pt;padding:30px 18px 28px}.post-header img{object-fit:cover;width:100%;max-width:420px;max-height:120px}.about-hero{grid-template-columns:1fr;margin:-24px -18px 22pt;padding:42px 18px 34px}.about-hero img{width:140px;height:140px}.skill-grid,.follow-grid{grid-template-columns:1fr}.reading-nav{max-width:none;top:4px}.series-navigation>div{grid-template-columns:1fr}.series-navigation>div>a:last-child{text-align:left}.back-to-top{right:4px;bottom:max(12px, env(safe-area-inset-bottom));width:40px;height:40px;box-shadow:3px 3px 0 var(--yellow)}.image-viewer__hint-desktop{display:none}}@media screen and (width>=1200px){.reading-nav{width:200px;max-width:200px;margin:0;position:fixed;top:110px;left:max(12px,50vw - 616.85px)}}@media screen and (width>=761px){.image-viewer__hint-mobile{display:none}}@media screen and (width<=420px){.post-filter{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.post-filter a{padding-inline:3px;font-size:10.5pt}.post-filter span{grid-column:1/-1}.post-card__tags{display:none}}@media screen and (width<=360px){.post-card__body>p:last-child{display:none}}@media print{.site-header,.back-to-top,.skip-link,.reading-nav,.reading-progress,.site-footer{display:none!important}}