.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}:root{--bg: #F5F1E8;--paper: #FFFFFF;--ink: #0A0A0A;--muted: #404040;--soft: #737373;--border: #0A0A0A;--bw: 3px;--shadow-sm: 4px 4px 0 var(--ink);--shadow: 8px 8px 0 var(--ink);--shadow-lg: 12px 12px 0 var(--ink);--cyan: #00E5FF;--yellow: #FFE600;--magenta: #FF2D95;--lime: #C2F900;--kat-stack: var(--cyan);--kat-bundle: var(--yellow);--kat-tool: var(--magenta);--kat-format: var(--lime);--kat-workflow: #C0C0C0;--v-recommended: var(--lime);--v-conditional: var(--yellow);--v-skip: var(--magenta);--v-watch: var(--cyan);--font-display: "Archivo Black", "Space Grotesk", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "IBM Plex Mono", "JetBrains Mono", ui-monospace, "SF Mono", monospace}*{box-sizing:border-box}html,body{margin:0;padding:0}html{background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:16px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{min-height:100vh;background-image:repeating-linear-gradient(0deg,transparent 0,transparent 39px,rgba(10,10,10,.04) 39px,rgba(10,10,10,.04) 40px)}h1,h2,h3,h4{font-family:var(--font-display);font-weight:900;color:var(--ink);margin:0;letter-spacing:-.02em;line-height:1.05;text-transform:uppercase}p{margin:0;line-height:1.65}a{color:var(--ink);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}a:hover{background:var(--yellow);color:var(--ink)}::selection{background:var(--magenta);color:var(--paper)}.container{max-width:1280px;margin:0 auto;padding:0 1.25rem}@media(min-width:768px){.container{padding:0 2rem}}.reading{max-width:760px;margin:0 auto}.site-header{border-bottom:var(--bw) solid var(--ink);background:var(--paper);position:sticky;top:0;z-index:50}.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:.9rem 0;flex-wrap:wrap}.brand{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-display);font-size:1.35rem;text-transform:uppercase;letter-spacing:-.01em;text-decoration:none;color:var(--ink)}.brand:hover{background:var(--yellow)}.brand__chip{display:inline-block;padding:.1rem .45rem;background:var(--ink);color:var(--cyan);font-family:var(--font-mono);font-size:.75rem;font-weight:600;border:var(--bw) solid var(--ink);text-transform:lowercase}.nav{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.nav__link{font-family:var(--font-mono);font-size:.85rem;font-weight:600;text-decoration:none;color:var(--ink);padding:.4rem .7rem;border:var(--bw) solid transparent}.nav__link:hover,.nav__link[aria-current=page]{background:var(--cyan);border-color:var(--ink)}.hero{padding:3rem 0 2rem}.hero__pre{font-family:var(--font-mono);font-size:.8rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;display:inline-block;padding:.25rem .55rem;background:var(--ink);color:var(--paper);margin-bottom:1.25rem}.hero__title{font-size:clamp(2.4rem,7vw,5rem);line-height:.95;margin-bottom:1.25rem;max-width:18ch}.hero__title em{font-style:normal;background:var(--magenta);color:var(--paper);padding:0 .2em;display:inline-block;transform:rotate(-1deg)}.hero__lead{font-family:var(--font-body);font-size:1.15rem;line-height:1.55;max-width:42rem;margin-bottom:1.75rem;color:var(--ink)}.hero__cta{display:flex;gap:.75rem;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.1rem;font-family:var(--font-mono);font-size:.9rem;font-weight:700;text-transform:uppercase;text-decoration:none;background:var(--paper);color:var(--ink);border:var(--bw) solid var(--ink);box-shadow:var(--shadow-sm);transition:transform 80ms ease-out,box-shadow 80ms ease-out;cursor:pointer}.btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink);background:var(--yellow)}.btn:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--ink)}.btn--primary{background:var(--cyan)}.btn--primary:hover{background:var(--yellow)}.btn--ink{background:var(--ink);color:var(--paper)}.btn--ink:hover{background:var(--magenta);color:var(--paper)}.bento{display:grid;grid-template-columns:1fr;gap:1.5rem;padding:1rem 0 3rem}@media(min-width:720px){.bento{grid-template-columns:repeat(2,1fr);gap:1.75rem}}@media(min-width:1080px){.bento{grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(220px,auto)}}.tile{grid-column:span 1;grid-row:span 1}@media(min-width:1080px){.tile[data-size=hero]{grid-column:span 2;grid-row:span 2}.tile[data-size=wide]{grid-column:span 2;grid-row:span 1}.tile[data-size=tall]{grid-column:span 1;grid-row:span 2}}@media(min-width:720px)and (max-width:1079px){.tile[data-size=hero],.tile[data-size=wide]{grid-column:span 2}}.tile{position:relative;display:flex;flex-direction:column;background:var(--paper);border:var(--bw) solid var(--ink);box-shadow:var(--shadow);padding:1.4rem 1.5rem;text-decoration:none;color:var(--ink);transition:transform .1s ease-out,box-shadow .1s ease-out;overflow:hidden}.tile:before{content:"";position:absolute;inset:0;background:var(--tile-accent, transparent);opacity:0;pointer-events:none;transition:opacity .12s;z-index:0}.tile:hover{transform:translate(-3px,-3px);box-shadow:11px 11px 0 var(--ink)}.tile:hover:before{opacity:.12}.tile:active{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--ink)}.tile>*{position:relative;z-index:1}.tile__head{display:flex;align-items:center;gap:.5rem;margin-bottom:.85rem;flex-wrap:wrap}.tile__title{font-size:clamp(1.05rem,2.1vw,1.4rem);line-height:1.05;margin-bottom:.55rem}.tile[data-size=hero] .tile__title{font-size:clamp(1.6rem,3.5vw,2.4rem)}.tile[data-size=wide] .tile__title{font-size:clamp(1.3rem,2.4vw,1.7rem)}.tile__excerpt{font-family:var(--font-body);font-size:.92rem;line-height:1.55;color:var(--muted);margin-bottom:1rem}.tile[data-size=hero] .tile__excerpt{font-size:1.05rem}.tile__foot{margin-top:auto;display:flex;align-items:center;gap:.6rem;font-family:var(--font-mono);font-size:.72rem;color:var(--soft);font-weight:500;letter-spacing:.02em;flex-wrap:wrap}.tile__stacks{display:flex;flex-wrap:wrap;gap:.35rem}.tile__stack{font-family:var(--font-mono);font-size:.7rem;font-weight:600;padding:.18rem .5rem;background:var(--bg);border:2px solid var(--ink);color:var(--ink)}.cat{display:inline-flex;align-items:center;font-family:var(--font-mono);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:.28rem .55rem;border:2px solid var(--ink);color:var(--ink)}.cat[data-cat="Stack Comparison"]{background:var(--cyan)}.cat[data-cat="Bundle Recipe"]{background:var(--yellow)}.cat[data-cat="Tool Review"]{background:var(--magenta);color:var(--paper)}.cat[data-cat="Format Compare"]{background:var(--lime)}.cat[data-cat=Workflow]{background:var(--ink);color:var(--paper)}.verdict{display:inline-flex;align-items:center;font-family:var(--font-mono);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:.28rem .55rem;border:2px solid var(--ink);color:var(--ink)}.verdict[data-v=Recommended]{background:var(--lime)}.verdict[data-v=Conditional]{background:var(--yellow)}.verdict[data-v=Skip]{background:var(--magenta);color:var(--paper)}.verdict[data-v=Watch]{background:var(--cyan)}.verdict:before{content:"";display:inline-block;width:8px;height:8px;background:var(--ink);margin-right:.4rem}.verdict[data-v=Skip]:before{background:var(--paper)}.verdict[data-v=Workflow]:before{background:var(--paper)}.filter-bar{display:flex;gap:.5rem;flex-wrap:wrap;padding:.5rem 0 1.5rem}.filter-btn{font-family:var(--font-mono);font-size:.78rem;font-weight:600;padding:.4rem .8rem;border:var(--bw) solid var(--ink);background:var(--paper);color:var(--ink);cursor:pointer;box-shadow:var(--shadow-sm);transition:transform 80ms ease-out,box-shadow 80ms ease-out;text-transform:uppercase;letter-spacing:.03em}.filter-btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink);background:var(--yellow)}.filter-btn[aria-pressed=true]{background:var(--ink);color:var(--paper);transform:translate(2px,2px);box-shadow:0 0 0 var(--ink)}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin:2rem 0 1rem;padding-bottom:.5rem;border-bottom:var(--bw) solid var(--ink);flex-wrap:wrap}.section-head__title{font-size:clamp(1.4rem,3vw,1.9rem)}.section-head__meta{font-family:var(--font-mono);font-size:.78rem;color:var(--muted);font-weight:600}.detail-hero{position:relative;background:var(--paper);border:var(--bw) solid var(--ink);box-shadow:var(--shadow-lg);padding:2rem 1.75rem;margin:1.5rem 0 2rem}@media(min-width:720px){.detail-hero{padding:2.5rem}}.detail-hero__head{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.25rem}.detail-hero__title{font-size:clamp(2rem,5vw,3.4rem);line-height:1.02;margin-bottom:1rem}.detail-hero__excerpt{font-size:1.1rem;line-height:1.55;color:var(--muted);margin-bottom:1.25rem;max-width:56rem}.detail-hero__meta{display:flex;gap:1rem;flex-wrap:wrap;font-family:var(--font-mono);font-size:.8rem;color:var(--muted);padding-top:1rem;border-top:2px solid var(--ink)}.body{font-family:var(--font-body);font-size:1.02rem;line-height:1.7;color:var(--ink);margin:0 0 2rem}.body p{margin:0 0 1.1rem}.body h2{font-size:clamp(1.4rem,2.5vw,1.7rem);margin:2.5rem 0 1rem;padding-left:.5rem;border-left:6px solid var(--magenta)}.body h3{font-size:1.18rem;margin:1.75rem 0 .65rem}.body ul,.body ol{padding-left:1.4rem;margin:0 0 1.1rem}.body li{margin-bottom:.4rem;line-height:1.65}.body code:not(pre code){font-family:var(--font-mono);font-size:.88em;padding:.1em .35em;background:var(--yellow);border:2px solid var(--ink);color:var(--ink)}.body pre{position:relative;background:var(--ink)!important;border:var(--bw) solid var(--ink);box-shadow:var(--shadow-sm);padding:1rem 1.2rem;margin:1.5rem 0;overflow-x:auto;font-family:var(--font-mono);font-size:.87rem;line-height:1.6;color:var(--paper)}.body pre code{background:transparent!important;border:none;padding:0;font-family:inherit}.body blockquote{margin:1.5rem 0;padding:1rem 1.25rem;background:var(--cyan);border:var(--bw) solid var(--ink);box-shadow:var(--shadow-sm)}.body blockquote p{margin:0;font-weight:600}.body hr{border:0;border-top:var(--bw) solid var(--ink);margin:2.5rem 0}.copy-btn{position:absolute;top:.5rem;right:.5rem;padding:.25rem .55rem;font-family:var(--font-mono);font-size:.7rem;font-weight:700;text-transform:uppercase;background:var(--magenta);color:var(--paper);border:2px solid var(--paper);cursor:pointer}.copy-btn:hover{background:var(--yellow);color:var(--ink)}.site-footer{border-top:var(--bw) solid var(--ink);background:var(--ink);color:var(--paper);margin-top:4rem;padding:2.5rem 0}.site-footer a{color:var(--cyan);text-decoration-thickness:2px}.site-footer a:hover{background:var(--cyan);color:var(--ink)}.site-footer__row{display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap;justify-content:space-between}.site-footer__meta{font-family:var(--font-mono);font-size:.78rem;color:var(--paper);opacity:.7}@media(prefers-reduced-motion:reduce){.tile,.btn,.filter-btn{transition:none}.tile:hover,.btn:hover,.filter-btn:hover{transform:none}::view-transition-old(root),::view-transition-new(root){animation:none}}::view-transition-old(root),::view-transition-new(root){animation-duration:.32s;animation-timing-function:cubic-bezier(.2,0,0,1)}@media(max-width:720px){.tool-body input[type=text],.tool-body input[type=number],.tool-body input[type=password],.tool-body input[type=url],.tool-body input[type=color],.tool-body textarea,.tool-body select{font-size:16px}}.btn{min-height:44px}.filter-btn{min-height:40px;padding:10px 14px}.nav__link{padding:10px 12px}.tool-body button{min-height:44px}@media(max-width:720px){.container{padding:0 16px}.hero{padding:1.75rem 0 1.25rem}.hero__title{font-size:clamp(2rem,8vw,3rem);margin-bottom:1rem;max-width:18ch}.hero__lead{font-size:1rem}.hero__cta{gap:.5rem}.section-head{flex-wrap:wrap;gap:.5rem}.tile{padding:1.1rem 1.2rem}.tile__title{font-size:1.05rem}.tile[data-size=hero] .tile__title{font-size:1.4rem}.tile__excerpt{font-size:.88rem}.tile{box-shadow:5px 5px 0 var(--ink)}.tile:hover{box-shadow:7px 7px 0 var(--ink)}.body{font-size:.98rem}.body h2{font-size:1.3rem;margin:1.75rem 0 .75rem}.body h3{font-size:1.08rem;margin:1.25rem 0 .5rem}.body pre{padding:.85rem 1rem;font-size:.82rem;margin:1rem 0}.body blockquote{padding:.75rem 1rem}.body table{display:block;overflow-x:auto;white-space:nowrap;max-width:100%}.body th,.body td{white-space:normal;min-width:8rem}.detail-hero{padding:1.25rem;box-shadow:6px 6px 0 var(--ink)}.detail-hero__title{font-size:clamp(1.6rem,8vw,2.4rem)}.detail-hero__excerpt{font-size:1rem}.filter-bar{gap:6px;padding:.5rem 0 1.25rem}.filter-btn{font-size:.78rem;padding:9px 12px}.btn{padding:12px 16px;box-shadow:3px 3px 0 var(--ink)}.btn:hover{box-shadow:5px 5px 0 var(--ink)}.site-header__inner{padding:.6rem 0;gap:.5rem;flex-wrap:wrap}.brand{font-size:1.15rem}.nav{gap:.25rem;flex-wrap:wrap}.nav__link{font-size:.8rem;padding:8px 10px;border-width:2px}.site-footer{margin-top:2.5rem;padding:1.75rem 0}.site-footer__row{gap:.75rem}}@media(max-width:1080px)and (min-width:721px){.container{padding:0 1.5rem}}@media(max-width:380px){.container{padding:0 12px}.hero__title{font-size:clamp(1.7rem,9vw,2.2rem)}}.tile__excerpt,.tile__title,.detail-hero__excerpt,.body p,.body li{overflow-wrap:anywhere}img,video,iframe{max-width:100%;height:auto}*:focus-visible{outline:3px solid var(--magenta);outline-offset:2px}