:root{--fashion-1: #734930;--fashion-2: #bf8a6b;--fashion-3: #d9c6ba;--fashion-4: #f2eeeb;--fashion-5: #0d0d0d;--bg: #0d0d0d;--bg-top: #0a0a0a;--bg-bottom: #090909;--surface: #131313;--surface-2: #1a1a1a;--text: #f2eeeb;--text-strong: #f2eeeb;--text-body: color-mix(in srgb, var(--fashion-3) 86%, var(--fashion-4));--text-subtle: color-mix(in srgb, var(--fashion-3) 65%, var(--fashion-4));--muted: color-mix(in srgb, var(--fashion-3) 72%, var(--fashion-4));--title-color: color-mix(in srgb, var(--fashion-3) 92%, var(--fashion-4));--title-hover: var(--fashion-2);--glow-a: color-mix(in srgb, var(--fashion-1) 38%, transparent);--glow-b: color-mix(in srgb, var(--fashion-2) 25%, transparent);--card-from: color-mix(in srgb, var(--surface-2) 84%, var(--fashion-1) 16%);--card-to: var(--surface);--shell-from: color-mix(in srgb, var(--surface-2) 90%, var(--fashion-1) 10%);--shell-to: var(--surface);--elev-shadow: 0 20px 40px color-mix(in srgb, black 45%, transparent);--copy-bg: color-mix(in srgb, var(--fashion-1) 35%, var(--surface));--copy-text: color-mix(in srgb, var(--fashion-4) 94%, white);--copy-border: color-mix(in srgb, var(--fashion-2) 52%, transparent);--copy-focus: color-mix(in srgb, var(--fashion-2) 72%, var(--fashion-4));--code-bg: #101010;--code-text: var(--fashion-4)}:root[data-theme=fashion-noir]{--fashion-1: #734930;--fashion-2: #bf8a6b;--fashion-3: #d9c6ba;--fashion-4: #f2eeeb;--fashion-5: #0d0d0d;--bg: #0d0d0d;--bg-top: #0a0a0a;--bg-bottom: #090909;--surface: #131313;--surface-2: #1a1a1a;--text: #f2eeeb;--text-strong: #f2eeeb;--text-body: color-mix(in srgb, var(--fashion-3) 86%, var(--fashion-4));--text-subtle: color-mix(in srgb, var(--fashion-3) 65%, var(--fashion-4));--card-from: color-mix(in srgb, var(--surface-2) 84%, var(--fashion-1) 16%);--card-to: var(--surface);--shell-from: color-mix(in srgb, var(--surface-2) 90%, var(--fashion-1) 10%);--shell-to: var(--surface);--elev-shadow: 0 20px 40px color-mix(in srgb, black 45%, transparent);--copy-bg: color-mix(in srgb, var(--fashion-1) 35%, var(--surface));--copy-text: color-mix(in srgb, var(--fashion-4) 94%, white);--copy-border: color-mix(in srgb, var(--fashion-2) 52%, transparent);--code-bg: #101010;--code-text: var(--fashion-4)}:root[data-theme=late-summer-vietnam]{--swatch-1: #769da6;--swatch-2: #888c03;--swatch-3: #f2be5c;--swatch-4: #8c6637;--swatch-5: #a65814;--fashion-1: var(--swatch-1);--fashion-2: var(--swatch-2);--fashion-3: var(--swatch-4);--fashion-4: var(--swatch-3);--fashion-5: #2f2114;--bg: #f8f3e8;--bg-top: #fcf8ef;--bg-bottom: #efe3cd;--surface: #fff9ee;--surface-2: #f5ead8;--text: #3f2d1b;--text-strong: #332415;--text-body: #5c4328;--text-subtle: #7d5f3f;--muted: #7d5f3f;--title-color: #43301e;--title-hover: var(--swatch-5);--glow-a: color-mix(in srgb, var(--swatch-1) 26%, transparent);--glow-b: color-mix(in srgb, var(--swatch-3) 30%, transparent);--card-from: #fff9ee;--card-to: #f0e4cd;--shell-from: #fffdf8;--shell-to: #f3e9d9;--elev-shadow: 0 16px 28px color-mix(in srgb, #5d452f 16%, transparent);--copy-bg: color-mix(in srgb, var(--swatch-3) 44%, white);--copy-text: #3c2a19;--copy-border: color-mix(in srgb, var(--swatch-5) 38%, transparent);--copy-focus: color-mix(in srgb, var(--swatch-5) 64%, var(--swatch-3));--code-bg: #2a2217;--code-text: #f8e4bf}:root[data-theme=mango-mambo]{--swatch-1: #8c7c2b;--swatch-2: #d9c5a0;--swatch-3: #f2780c;--swatch-4: #d92d07;--swatch-5: #8c0707;--fashion-1: var(--swatch-1);--fashion-2: var(--swatch-3);--fashion-3: var(--swatch-4);--fashion-4: var(--swatch-2);--fashion-5: #2b0707;--bg: #130707;--bg-top: #180909;--bg-bottom: #0f0505;--surface: #22100e;--surface-2: #2e1511;--text: #f4e2c0;--text-strong: #f8e9cb;--text-body: #e7d1ad;--text-subtle: #c59f74;--muted: #c59f74;--title-color: #f1d7a9;--title-hover: var(--swatch-4);--glow-a: color-mix(in srgb, var(--swatch-3) 30%, transparent);--glow-b: color-mix(in srgb, var(--swatch-5) 25%, transparent);--card-from: color-mix(in srgb, var(--surface-2) 80%, var(--swatch-3) 20%);--card-to: var(--surface);--shell-from: color-mix(in srgb, var(--surface-2) 88%, var(--swatch-1) 12%);--shell-to: var(--surface);--elev-shadow: 0 20px 38px color-mix(in srgb, black 50%, transparent);--copy-bg: color-mix(in srgb, var(--swatch-3) 34%, var(--surface));--copy-text: #ffedd1;--copy-border: color-mix(in srgb, var(--swatch-4) 54%, transparent);--copy-focus: color-mix(in srgb, var(--swatch-4) 70%, var(--swatch-2));--code-bg: #1a0a09;--code-text: #ffe0b6}:root[data-theme=portrait-copy-space]{--swatch-1: #6ba7bf;--swatch-2: #a0c9d9;--swatch-3: #a66249;--swatch-4: #f2a88d;--swatch-5: #59352d;--fashion-1: var(--swatch-1);--fashion-2: var(--swatch-4);--fashion-3: var(--swatch-3);--fashion-4: var(--swatch-2);--fashion-5: var(--swatch-5);--bg: #fdf8f4;--bg-top: #ffffff;--bg-bottom: #f4e9e3;--surface: #ffffff;--surface-2: #f3ebe6;--text: #3f2c24;--text-strong: #3a2922;--text-body: #5e4437;--text-subtle: #846357;--muted: #846357;--title-color: #4a352c;--title-hover: var(--swatch-3);--glow-a: color-mix(in srgb, var(--swatch-1) 28%, transparent);--glow-b: color-mix(in srgb, var(--swatch-4) 26%, transparent);--card-from: #fffdfc;--card-to: #f4ebe6;--shell-from: #ffffff;--shell-to: #f5ece7;--elev-shadow: 0 16px 30px color-mix(in srgb, #6e4f44 16%, transparent);--copy-bg: color-mix(in srgb, var(--swatch-2) 58%, white);--copy-text: #412d25;--copy-border: color-mix(in srgb, var(--swatch-3) 42%, transparent);--copy-focus: color-mix(in srgb, var(--swatch-4) 68%, var(--swatch-2));--code-bg: #2b1c18;--code-text: #f8e2d8}*{box-sizing:border-box}::selection{background:color-mix(in srgb,var(--fashion-2) 55%,transparent);color:var(--fashion-5)}body{margin:0;min-height:100vh;color:var(--text);font-family:Bricolage Grotesque,Trebuchet MS,sans-serif;line-height:1.6;background:radial-gradient(circle at 10% 0%,var(--glow-a),transparent 34%),radial-gradient(circle at 85% 0%,var(--glow-b),transparent 36%),linear-gradient(170deg,var(--bg-top) 0%,var(--bg) 55%,var(--bg-bottom) 100%)}a{color:color-mix(in srgb,var(--fashion-2) 78%,var(--fashion-4));text-underline-offset:.15em;text-decoration-color:color-mix(in srgb,var(--fashion-2) 46%,transparent)}a:hover{color:var(--fashion-2)}main{width:min(920px,92vw);margin:0 auto;padding:2.2rem 0 4rem}.blog-hero{text-align:center;padding:1rem 0 2rem}.site-title{margin:0;letter-spacing:.01em;color:var(--title-color);font-weight:700;font-size:clamp(2rem,3.5vw,3.2rem);display:inline-flex;align-items:center;gap:.45rem;text-shadow:0 0 26px color-mix(in srgb,var(--fashion-2) 16%,transparent)}.title-mark{color:var(--fashion-1);transform:translateY(-1px)}.subtitle{color:var(--muted);font-size:1.2rem;max-width:62ch;margin:.75rem auto 0;font-family:"Source Serif 4",Georgia,serif}.author-strip{display:flex;align-items:center;gap:.85rem;margin:0 0 2rem;padding:.65rem .85rem .65rem .75rem;border:1px solid color-mix(in srgb,var(--fashion-2) 14%,transparent);border-radius:12px;background:color-mix(in srgb,var(--surface) 28%,transparent)}.author-avatar{flex-shrink:0;width:2.75rem;height:2.75rem;border-radius:50%;object-fit:cover;object-position:center 25%;border:1.5px solid color-mix(in srgb,var(--fashion-2) 30%,transparent);opacity:.9}.author-body{flex:1;min-width:0}.author-head{display:flex;align-items:baseline;gap:.45rem;flex-wrap:wrap;margin-bottom:.2rem}.author-name{font-size:.92rem;font-weight:600;color:var(--text-strong);white-space:nowrap}.author-sep{color:color-mix(in srgb,var(--text-subtle) 48%,transparent);font-size:.82rem}.author-role{font-size:.72rem;color:var(--text-subtle);font-family:JetBrains Mono,Courier New,monospace;letter-spacing:.06em;text-transform:uppercase}.author-bio{margin:0;font-size:.9rem;color:var(--text-body);font-family:"Source Serif 4",Georgia,serif;line-height:1.55;opacity:.88}.author-linkedin{flex-shrink:0;margin-left:auto;display:inline-flex;align-items:center;padding:.3rem .7rem;border:1px solid color-mix(in srgb,var(--fashion-2) 26%,transparent);border-radius:6px;color:var(--fashion-2);font-family:JetBrains Mono,Courier New,monospace;font-size:.74rem;text-decoration:none;white-space:nowrap;transition:border-color .16s ease,background .16s ease}.author-linkedin:hover{border-color:color-mix(in srgb,var(--fashion-2) 55%,transparent);background:color-mix(in srgb,var(--fashion-2) 7%,transparent);color:var(--fashion-2)}.author-linkedin:focus-visible{outline:2px solid var(--copy-focus);outline-offset:3px;border-radius:6px}.post-list{display:grid;gap:1.4rem}.post-card{border:1px solid color-mix(in srgb,var(--fashion-2) 24%,transparent);border-radius:18px;padding:1.8rem;background:linear-gradient(160deg,var(--card-from),var(--card-to));box-shadow:var(--elev-shadow);transition:border-color .18s ease,transform .18s ease}.post-card:hover{border-color:color-mix(in srgb,var(--fashion-2) 48%,transparent);transform:translateY(-2px)}.post-meta{margin:0;display:flex;gap:.65rem;align-items:center;color:var(--text-subtle);font-size:.98rem;font-family:JetBrains Mono,Courier New,monospace}.post-card h2{margin:1.1rem 0 .8rem;font-size:clamp(1.5rem,2.4vw,2rem);line-height:1.25}.post-card a{color:var(--title-color);text-decoration:none;transition:color .18s ease}.post-card a:hover{color:var(--title-hover)}.post-card a:focus-visible{outline:2px solid var(--copy-focus);outline-offset:4px;border-radius:4px}.post-description{margin:0;color:var(--text-body);font-size:1.14rem;line-height:1.65}.post-shell{border:1px solid color-mix(in srgb,var(--fashion-2) 22%,transparent);background:linear-gradient(160deg,var(--shell-from),var(--shell-to));box-shadow:var(--elev-shadow);border-radius:18px;padding:clamp(1.25rem,2vw + 1rem,2.5rem)}.post-shell .back-home{display:inline-flex;align-items:center;gap:.35rem;margin-bottom:.95rem;font-size:.92rem;color:var(--text-subtle);text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--fashion-2) 34%,transparent);transition:color .15s ease,border-color .15s ease}.post-shell .back-home:hover{color:var(--fashion-2);border-color:color-mix(in srgb,var(--fashion-2) 68%,transparent)}.post-shell h1{color:var(--text-strong);margin-top:0;font-size:clamp(1.8rem,3vw,2.5rem)}.post-shell h2{color:var(--fashion-2);margin-top:2.1rem;margin-bottom:.65rem;font-size:clamp(1.35rem,2vw,1.85rem)}.post-shell h3{color:color-mix(in srgb,var(--fashion-2) 68%,var(--text-strong));margin-top:1.8rem;margin-bottom:.5rem}.post-shell h4,.post-shell h5,.post-shell h6{color:var(--text-subtle);margin-top:1.4rem;margin-bottom:.35rem}.post-shell .meta{color:var(--text-subtle);margin-top:-.6rem;margin-bottom:1.35rem;font-family:JetBrains Mono,Courier New,monospace}.post-shell :where(p,li){font-size:1.08rem;line-height:1.8;color:var(--text-body);font-family:"Source Serif 4",Georgia,serif}.post-shell a{color:var(--fashion-2);text-decoration-color:color-mix(in srgb,var(--fashion-2) 68%,transparent)}.post-shell a:hover{color:var(--text-strong)}.post-shell :where(ul,ol){padding-left:1.35rem}.post-shell :where(ul li,ol li)::marker{color:color-mix(in srgb,var(--fashion-2) 78%,var(--fashion-3))}.post-shell input[type=checkbox]{accent-color:var(--fashion-2)}.post-shell blockquote{margin:1.5rem 0;padding:.85rem 1rem;border-left:3px solid var(--fashion-2);background:color-mix(in srgb,var(--fashion-1) 24%,transparent);border-radius:0 10px 10px 0}.post-shell blockquote p{margin:0}.post-shell hr{border:0;height:1px;margin:2rem 0;background:linear-gradient(90deg,transparent,var(--fashion-2),transparent)}.post-shell pre{position:relative;border:1px solid color-mix(in srgb,var(--fashion-2) 35%,transparent);border-radius:12px;padding:1rem 4.9rem 1rem 1rem;background:var(--code-bg);overflow-x:auto;color:var(--code-text)}.post-shell pre code{display:block}.post-shell code{font-family:JetBrains Mono,Courier New,monospace}.copy-code-btn{position:absolute;top:.7rem;right:.7rem;border:1px solid var(--copy-border);border-radius:999px;background:var(--copy-bg);color:var(--copy-text);font-family:JetBrains Mono,Courier New,monospace;font-size:.72rem;line-height:1;padding:.32rem .58rem;cursor:pointer;z-index:1;transition:transform .14s ease,filter .14s ease}.copy-code-btn:hover{transform:translateY(-1px);filter:brightness(1.08)}.copy-code-btn:focus-visible{outline:2px solid var(--copy-focus);outline-offset:2px}.post-shell :not(pre)>code{border:1px solid color-mix(in srgb,var(--fashion-2) 26%,transparent);border-radius:6px;padding:.13rem .34rem;background:color-mix(in srgb,var(--fashion-1) 30%,var(--surface));color:var(--text-strong);font-size:.9em}.post-shell mark{background:color-mix(in srgb,var(--fashion-2) 58%,transparent);color:var(--fashion-5);padding:.05rem .2rem}.post-shell kbd{border:1px solid color-mix(in srgb,var(--fashion-3) 40%,transparent);border-bottom-width:2px;border-radius:5px;padding:.08rem .35rem;font-family:JetBrains Mono,Courier New,monospace;font-size:.88em;background:color-mix(in srgb,#171717 92%,black);color:var(--fashion-3)}.post-shell table{width:100%;margin:1.5rem 0;border-collapse:collapse;border:1px solid color-mix(in srgb,var(--fashion-2) 24%,transparent);border-radius:12px;overflow:hidden}.post-shell thead{background:color-mix(in srgb,var(--fashion-1) 70%,black)}.post-shell th,.post-shell td{padding:.7rem .8rem;border-bottom:1px solid color-mix(in srgb,var(--fashion-3) 22%,transparent);text-align:left}.post-shell th{color:var(--fashion-4);font-family:Bricolage Grotesque,Trebuchet MS,sans-serif;font-size:.95rem}.post-shell td{color:var(--text-body);font-family:"Source Serif 4",Georgia,serif}.post-shell .footnotes{margin-top:2rem;padding-top:1rem;border-top:1px dashed color-mix(in srgb,var(--fashion-2) 35%,transparent)}.post-shell .footnotes :where(p,li){font-size:.98rem}.post-shell img{width:100%;border-radius:14px;border:1px solid color-mix(in srgb,var(--fashion-3) 22%,transparent);margin:1rem 0}.post-shell img.hero-gif{width:min(100%,760px);display:block;margin:1.15rem auto 1.35rem;box-shadow:0 16px 32px color-mix(in srgb,#000 35%,transparent)}.post-shell iframe{width:100%;aspect-ratio:16 / 9;border:0;border-radius:14px;margin:1rem 0;box-shadow:0 12px 25px color-mix(in srgb,#000 45%,transparent)}footer{margin-top:2rem;color:var(--text-subtle);font-size:.95rem;font-family:JetBrains Mono,Courier New,monospace;text-align:center}@media(max-width:760px){main{width:min(100%,94vw);padding:1.4rem 0 2.7rem}.blog-hero{padding-bottom:1.35rem}.site-title{font-size:clamp(1.7rem,8.2vw,2.35rem)}.subtitle{font-size:1.03rem;line-height:1.65;max-width:34ch}.author-strip{flex-wrap:wrap;gap:.5rem .7rem;padding:.7rem .75rem;border-radius:10px;margin-bottom:1.5rem}.author-linkedin{margin-left:0}.post-card{padding:1.2rem;border-radius:14px}.post-card h2{font-size:clamp(1.25rem,6.5vw,1.65rem)}.post-description{font-size:1.02rem;line-height:1.62}.post-shell{border-radius:14px;padding:1rem .95rem 1.2rem}.post-shell :where(p,li){font-size:1rem;line-height:1.75}.post-shell pre{border-radius:10px;padding:.9rem .78rem .78rem;overflow:hidden}.post-shell pre code{max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;padding-bottom:0}.copy-code-btn{display:none}.post-shell table{display:table;table-layout:fixed;white-space:normal;border-radius:10px}.post-shell th,.post-shell td{overflow-wrap:anywhere}}