:root{--paper:#f5f3ed;--ink:#171917;--muted:#60655d;--line:#d5d8cd;--lime:#dfff79;--white:#fff;--radius:22px;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #42721d;outline-offset:5px}::selection{background:var(--lime);color:var(--ink)}.wrap{width:min(1180px,calc(100% - 96px));margin-inline:auto}.site-header{height:114px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;align-items:center;gap:13px;font-size:17px;font-weight:800;letter-spacing:-.7px}.brand-symbol{font-size:37px;font-weight:900;line-height:1;letter-spacing:-4px;padding-right:5px}.brand-dot{color:#49722d}.brand-sub{display:block;font-size:8px;font-weight:600;letter-spacing:1.65px;margin-top:5px}.site-header nav{display:flex;align-items:center;gap:30px;font-size:13px}.site-header nav>a:hover{text-decoration:underline;text-underline-offset:6px}.hero{display:grid;grid-template-columns:1.04fr 1fr;gap:60px;align-items:center;padding-block:74px 72px}.eyebrow{display:flex;align-items:center;gap:9px;font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin:0 0 27px}.status-dot{width:7px;height:7px;background:#567c27;border-radius:50%;display:inline-block}.hero h1{font-size:clamp(42px,5.5vw,76px);font-weight:500;letter-spacing:-4.5px;line-height:1.03;margin:0 0 26px}.hero h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-3.5px}.hero-description{font-size:16px;line-height:1.65;max-width:390px;color:var(--muted);margin:0 0 29px}.cta{display:inline-flex;align-items:center;justify-content:space-between;gap:29px;background:var(--ink);color:var(--paper);padding:17px 22px;border-radius:99px;font-size:12px;font-weight:600}.cta:hover{background:#38412e}.hero-art{background:#101110;border-radius:var(--radius);padding:36px 24px 22px;position:relative;overflow:hidden;min-height:334px;display:flex;flex-direction:column;justify-content:center;transform:rotate(-1.6deg);box-shadow:0 10px 0 #e6e7dd}.hero-art img{width:100%;height:auto;display:block;border-radius:5px}.art-caption{border-top:1px solid #383b35;display:flex;justify-content:space-between;margin-top:28px;padding-top:16px;color:#c6cbbf;font-size:9px;letter-spacing:1.8px}.art-caption span:last-child{color:var(--lime)}.running-line{display:flex;justify-content:space-between;align-items:center;border-block:1px solid var(--line);padding:19px 0;gap:12px;font-size:11px;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted)}.running-line b{font-weight:400;color:#668530;font-size:19px}.journal{padding:70px 0 74px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px}.section-heading .eyebrow{margin:0 0 12px}.section-heading h2{margin:0;font-weight:500;font-size:36px;letter-spacing:-1.5px}.section-heading>p{font-size:12px;color:var(--muted);margin:0 0 5px}.journal-controls{display:flex;gap:22px;justify-content:space-between;align-items:center;margin-bottom:25px;flex-wrap:wrap}.filters{display:flex;flex-wrap:wrap;gap:7px}.filter{cursor:pointer;border:1px solid var(--line);background:transparent;border-radius:99px;padding:10px 17px;font-size:11px;color:var(--muted)}.filter[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.filter:hover{border-color:#737c66}.search{display:flex;align-items:center;border-bottom:1px solid #aeb6a6;padding:9px 0;gap:12px;font-size:14px}.search input{border:0;background:transparent;width:175px;font-size:12px;color:var(--ink);outline-offset:4px}.search input::placeholder{color:#697161}.post-list{display:grid;gap:16px}.post-card{display:grid;grid-template-columns:230px 1fr;gap:35px;border:1px solid var(--line);padding:24px;background:#faf9f5;border-radius:18px;transition:border-color .2s}.post-card:hover{border-color:#7b876e}.post-art{background:#e7ecd9;min-height:207px;position:relative;overflow:hidden;border-radius:11px;padding:22px;display:flex;flex-direction:column;justify-content:space-between}.post-art .km{font-size:9px;letter-spacing:1.8px;color:#4f613d}.post-art .zero{font-size:95px;letter-spacing:-7px;line-height:.9;font-weight:600;z-index:1}.post-art .art-word{font-size:10px;letter-spacing:2px;color:#4f613d}.track-lines{position:absolute;width:260px;height:260px;right:-135px;top:0;border:1px solid #a1b880;border-radius:50%;box-shadow:0 0 0 14px #e7ecd9,0 0 0 15px #a1b880,0 0 0 29px #e7ecd9,0 0 0 30px #a1b880,0 0 0 44px #e7ecd9,0 0 0 45px #a1b880}.post-copy{padding:5px 8px 2px 0;display:flex;flex-direction:column}.post-meta{display:flex;align-items:center;gap:12px;font-size:10px;color:var(--muted);margin-bottom:16px;flex-wrap:wrap}.tag{background:#e8eddd;color:#385328;border-radius:99px;padding:6px 10px}.post-copy h3{font-size:29px;line-height:1.15;letter-spacing:-1px;font-weight:500;margin:0 0 14px;max-width:460px}.post-copy h3 a:hover{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}.post-copy p{font-size:13px;line-height:1.65;color:var(--muted);max-width:535px;margin:0 0 19px}.read-link{font-size:11px;font-weight:700;margin-top:auto;align-self:start}.read-link span{margin-left:11px}.empty-state{border:1px dashed #aeb6a6;padding:35px;border-radius:16px;color:var(--muted);line-height:1.7;font-size:14px}.empty-state strong{color:var(--ink);display:block}.about{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;border-block:1px solid var(--line);padding:53px 0 58px;margin-bottom:62px}.about-title .eyebrow{margin-bottom:17px}.about-title h2{font-size:40px;line-height:1.08;letter-spacing:-1.8px;font-weight:500;margin:0}.about-title h2 em{font-family:Georgia,'Times New Roman',serif;font-weight:400}.about-copy p{font-size:14px;line-height:1.8;color:var(--muted);margin:0 0 22px;max-width:490px}.about-tags{display:flex;gap:10px;flex-wrap:wrap}.about-tags span{font-size:9px;letter-spacing:1px;border:1px solid #bcc3b1;padding:8px 12px;border-radius:99px}.site-footer{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:18px;border-top:1px solid var(--line);padding:27px 0 30px;font-size:11px}.footer-name{font-size:19px;letter-spacing:-1px;font-weight:800}.site-footer p{color:var(--muted);margin:0 0 0 15px}.copyright{grid-column:1/-1;font-size:9px;color:var(--muted);margin-top:8px}.article{max-width:740px;margin-inline:auto;padding:53px 0 85px}.back-link{font-size:12px;color:var(--muted);display:inline-block;margin-bottom:43px}.article-header h1{font-size:clamp(39px,6vw,60px);font-weight:500;line-height:1.06;letter-spacing:-2.6px;margin:20px 0 23px}.article-header .lead{font-size:19px;line-height:1.65;color:var(--muted);margin-bottom:38px}.article-header{border-bottom:1px solid var(--line);padding-bottom:4px;margin-bottom:32px}.article-body{font-family:Georgia,'Times New Roman',serif;font-size:20px;line-height:1.85}.article-body p{margin:0 0 25px}.article-body h2{font-family:Arial,Helvetica,sans-serif;font-size:29px;font-weight:500;letter-spacing:-.8px;line-height:1.25;margin:43px 0 22px}.article-body li{margin-bottom:8px}.article-body blockquote{border-left:3px solid #6c873d;margin:30px 0;padding-left:25px;color:#5c6654;font-style:italic}.article-body figure{margin:30px 0}.article-body img{max-width:100%;height:auto;border-radius:14px}.article-body figcaption{font:12px/1.6 Arial,sans-serif;color:var(--muted);margin-top:12px}.article-end{font-size:11px;letter-spacing:1px;display:flex;align-items:center;gap:10px;margin-top:45px}.article-end span{width:26px;height:2px;background:#7b8b5a}.error-page{padding:80px 0 110px;max-width:700px}.error-page h1{font-size:53px;letter-spacing:-2px;font-weight:500;line-height:1.1}.error-page p{color:var(--muted);line-height:1.7}.error-page .eyebrow{color:#6b803e}.skip-link{position:fixed;top:-80px;left:20px;z-index:100;background:var(--ink);color:white;padding:15px}.skip-link:focus{top:10px}[hidden]{display:none!important}
@media(min-width:1500px){.hero{gap:85px}}
@media(max-width:1000px){.wrap{width:calc(100% - 56px)}.hero{gap:30px;padding-block:58px}.hero h1{font-size:56px;letter-spacing:-3.4px}.hero-art{min-height:280px;padding:25px 20px}.art-caption{font-size:8px;letter-spacing:1px}.post-card{grid-template-columns:190px 1fr;gap:27px}.about{gap:35px}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.site-header{height:91px;gap:12px}.brand{font-size:14px;gap:8px}.brand-symbol{font-size:31px}.brand-sub{font-size:6px;letter-spacing:1px}.site-header nav{gap:16px;font-size:11px}.hero{grid-template-columns:1fr;gap:38px;padding:43px 0}.hero h1{font-size:61px;letter-spacing:-3.6px}.hero-description{font-size:15px;max-width:350px}.hero-art{min-height:230px;max-width:500px;padding:25px 24px 20px;transform:rotate(-1deg)}.hero-art img{max-width:400px;margin:auto}.art-caption{margin-top:20px}.running-line{font-size:8px;letter-spacing:.8px;padding:17px 0}.running-line b{font-size:15px}.journal{padding:42px 0}.section-heading{align-items:start}.section-heading h2{font-size:30px}.section-heading>p{font-size:10px;margin-top:29px;white-space:nowrap}.journal-controls{gap:20px}.filters{gap:5px}.filter{padding:9px 12px;font-size:10px}.search{width:100%;padding:10px 3px}.search input{width:100%}.post-card{grid-template-columns:1fr;padding:17px;gap:20px}.post-art{min-height:180px;padding:19px}.post-art .zero{font-size:86px}.track-lines{right:-60px;top:-25px;width:240px;height:240px}.post-copy{padding:0 3px 7px}.post-copy h3{font-size:27px;max-width:330px}.post-meta{margin-bottom:14px}.post-copy p{font-size:13px}.about{grid-template-columns:1fr;gap:24px;padding:35px 0 38px;margin-bottom:35px}.about-title h2{font-size:36px}.about-copy p{font-size:14px}.site-footer{grid-template-columns:1fr;gap:17px;padding-top:24px}.site-footer p{grid-column:1;grid-row:2;margin:0;font-size:10px}.copyright{grid-column:1/-1}.article{padding:34px 0 60px}.back-link{margin-bottom:30px}.article-header h1{font-size:43px;letter-spacing:-2.2px}.article-header .lead{font-size:17px;margin-bottom:28px}.article-body{font-size:18px;line-height:1.8}.article-body h2{font-size:25px}.error-page{padding-top:40px}.error-page h1{font-size:42px}}
@media(max-width:380px){.site-header nav{gap:10px;font-size:10px}.brand-sub{font-size:5px}.hero h1{font-size:52px}.running-line{font-size:7px;letter-spacing:.4px}.section-heading{flex-direction:column;gap:10px}.section-heading>p{margin:0}.filter{padding:8px 10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Long prompts and installation instructions stay readable on small screens. */
.article-body h3{font-family:Arial,Helvetica,sans-serif;font-size:22px;font-weight:600;line-height:1.4;letter-spacing:-.3px;margin:34px 0 16px}
.article-body a{text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.article-body p,.article-body li{overflow-wrap:anywhere}
.copy-block{margin:27px 0;border:1px solid var(--line);border-radius:14px;background:#faf9f5;overflow:hidden;font-family:Arial,Helvetica,sans-serif}
.copy-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:15px 18px;border-bottom:1px solid var(--line);font-size:12px;font-weight:600}
.copy-button{border:1px solid #adba96;background:var(--lime);color:var(--ink);border-radius:99px;font-size:12px;padding:8px 15px;cursor:pointer;flex-shrink:0}
.copy-button:hover{background:#cee969}.copy-button:disabled{opacity:.6;cursor:wait}
.copy-block pre{font-family:Consolas,Monaco,'Courier New',monospace;font-size:13px;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere;overflow:auto;max-height:36rem;margin:0;padding:20px;tab-size:4}
.copy-block code{font:inherit}.copy-block summary{cursor:pointer;padding:17px 20px;font-size:13px;font-weight:600}.copy-block summary:hover{background:#edf0e3}
.copy-block .copy-status{font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:1.6;color:#385328;margin:0;padding:0 20px 16px}
.copy-block .copy-status:empty{padding:0}
.article-table{overflow-x:auto;margin:28px 0;font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.65;border:1px solid var(--line);border-radius:12px}
.article-table table{border-collapse:collapse;width:100%;text-align:left}.article-table caption{text-align:left;font-weight:600;padding:16px;background:#e8eddd}
.article-table th{background:#faf9f5;font-weight:600}.article-table th,.article-table td{vertical-align:top;padding:13px 16px;border-bottom:1px solid var(--line)}
.article-table th:first-child,.article-table td:first-child{width:31%;font-weight:600}.article-table tr:last-child td{border-bottom:0}
.reference-list{font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.7;padding-left:21px}
summary:focus-visible,pre:focus-visible,.article-table:focus-visible{outline:3px solid #42721d;outline-offset:3px}
@media(max-width:700px){.article-body h3{font-size:20px}.copy-toolbar{padding:13px 14px;gap:10px;font-size:11px}.copy-block pre{padding:16px;font-size:12px;max-height:30rem}.article-table{font-size:12px}.article-table th,.article-table td{padding:10px}.article-table td:first-child{width:35%}}