.hack-hero.is-wide,.hack.is-fast{--hack-max:88rem;--field:#f8f5ee;--brass-text:#7f6034;max-width:var(--hack-max);font-size:1.0625rem;line-height:1.55}:root[data-theme=night] .hack.is-fast{--field:#24211c;--brass-text:var(--brass)}.hack-hero.is-old h1{font-size:var(--step-3);max-width:18ch;font-weight:350}.hack-hero.is-old .do{font-family:var(--serif);font-size:var(--step-1);max-width:44ch;margin-top:1rem;font-weight:300;line-height:1.35}.hack-hero .marks{color:var(--text-dim);font-size:var(--step--1);flex-wrap:wrap;align-items:center;gap:.35rem .75rem;display:flex}.hack-hero.is-old .marks{margin-top:1rem}.hack-hero .marks .ev{margin:0;font-size:.85em}.hack{padding-top:1.75rem}.hack .tool-link{margin-bottom:1.75rem}.hack .source{border-top:1px solid var(--line);margin-top:1.75rem;padding-top:1rem}.hack .related{margin-top:.75rem}.hack .same{margin-top:2.5rem}.hack .same h2{font-size:var(--step-1);margin-bottom:.75rem;font-weight:400}.band:has(>.hack-hero.is-wide){background:var(--area,var(--area-other));padding-block:2rem 0}html:has(main.hack.is-fast) .masthead,html:has(main.hack.is-fast) .masthead-sub{background:var(--area,var(--area-other));box-shadow:0 0 0 100vmax var(--area,var(--area-other));clip-path:inset(0 -100vmax)}html:has(main.hack.is-fast) .masthead{border-bottom-color:var(--on-area-line)}.hack-hero.is-wide .eyebrow{letter-spacing:0;text-transform:none;margin:0;font-size:.85rem;font-weight:400}.hack-hero.is-wide .eyebrow a{text-decoration:none}@media (hover:hover){.hack-hero.is-wide .eyebrow a:hover{text-decoration:underline}}.hack-hero .head{gap:.75rem;margin:0;padding:.9rem 0 2rem;display:grid}@media (width>=64rem){.hack-hero .head{grid-template-columns:minmax(0,1fr) auto;align-items:end;column-gap:3rem}}.hack-hero .head h1{letter-spacing:-.025em;font-size:2.125rem;font-weight:300;line-height:1.05}.hack-hero .head .marks{white-space:nowrap;flex-wrap:nowrap;font-size:.9rem}.hack-hero .act{z-index:1;background:var(--moss);color:var(--on-accent);border-radius:18px;gap:.5rem;margin-bottom:-1.5rem;padding:1.5rem clamp(1.25rem,4vw,2.5rem) 1.7rem;display:grid;position:relative}@media (width>=64rem){.hack-hero .act{grid-template-columns:auto minmax(0,1fr);align-items:baseline;column-gap:3rem}}.hack-hero .act .lab{font-family:var(--serif);white-space:nowrap;margin:0;font-size:1.15rem;font-weight:500}.hack-hero .act .do{font-family:var(--serif);letter-spacing:-.012em;text-wrap:pretty;max-width:60ch;margin:0;font-size:1.0625rem;font-weight:400;line-height:1.2}.hack.is-fast{padding-top:4.5rem;overflow-x:clip}.hack.is-fast .cols{gap:3rem;display:grid}.hack.is-fast .doing{gap:3rem;min-width:0;display:grid}.hack.is-fast .rail{align-content:start;gap:2rem;min-width:0;display:grid}@media (width>=64rem){.hack.is-fast .cols.has-rail{grid-template-columns:minmax(0,1fr) 20rem;align-items:start;column-gap:5rem}.hack.is-fast .rail{top:var(--rail-top,1.5rem);position:sticky}}@media (width<=63.98rem){.hack.is-fast .cols{gap:2.5rem}.hack.is-fast .doing,.hack.is-fast .rail{display:contents}.hack.is-fast .s-how{order:1}.hack.is-fast .s-gain{order:2}.hack.is-fast .s-brain{order:3}.hack.is-fast .s-why{order:4}.hack.is-fast .s-proof{order:5}.hack.is-fast .s-watch{order:6}.hack.is-fast .s-rest{order:7}}.hack.is-fast h2{justify-content:space-between;align-items:center;gap:1rem;margin:0 0 1rem;font-size:1.35rem;font-weight:600;display:flex}.hack.is-fast h2>span,.hack.is-fast h3>span{align-items:center;gap:.6rem;display:inline-flex}.hack.is-fast h2 small{font-family:var(--sans);color:var(--text-dim);text-align:right;font-size:.85rem;font-weight:400}.hack.is-fast .rail h3{align-items:center;margin:0 0 .25rem;font-size:1.1rem;font-weight:600;display:flex}.hack.is-fast .ic{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:1.35rem;height:1.35rem;color:var(--text-dim);flex:none}.hack.is-fast .s-how .ev,.hack.is-fast .s-brain .ev,.hack.is-fast .s-why .ev,.hack.is-fast .s-gain .ev,.hack.is-fast .s-watch .ev{display:none}.hack.is-fast .how{gap:.7rem;margin:0;padding:0;list-style:none;display:grid}@media (width>=48rem){.hack.is-fast .how{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem 2.5rem}}.hack.is-fast .how li{font-family:var(--serif);align-items:flex-start;gap:.85rem;font-size:1.15rem;line-height:1.35;display:flex}.hack.is-fast .how svg{background:var(--moss);border-radius:50%;flex:none;width:1.4rem;height:1.4rem;margin-top:.1rem;padding:.28rem}.hack.is-fast .how svg path{fill:none;stroke:var(--on-accent);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round}.hack.is-fast .s-how .tool-link{margin:1.5rem 0 0}.hack.is-fast .s-brain{background:var(--field);border-radius:var(--r-card);padding:1.7rem clamp(1.25rem,3vw,2.25rem) 2.1rem;container:brain/inline-size}.hack.is-fast .s-brain h2{margin-bottom:1.4rem}.chain{grid-template-columns:repeat(var(--stops,4), minmax(0, 1fr));gap:0 2rem;margin:0;padding:0;list-style:none;display:grid;position:relative}.chain:before{content:"";background:var(--line-strong);transform-origin:0;height:1.5px;animation:.9s ease-out both chain-line;position:absolute;top:.65rem;left:.65rem;right:.65rem}.chain>li{grid-row:span 3;grid-template-rows:subgrid;align-content:start;row-gap:.25rem;min-width:0;padding-top:1.9rem;animation:.5s ease-out both chain-stop;display:grid;position:relative}.chain>li:first-child{animation-delay:.15s}.chain>li:nth-child(2){animation-delay:.4s}.chain>li:nth-child(3){animation-delay:.65s}.chain>li:nth-child(4){animation-delay:.9s}.chain>li:nth-child(n+5){margin-top:2.25rem;animation-delay:1.1s}@media (width>=48.01rem){.chain.is-wrapped:before{display:none}.chain.is-wrapped>li:after{content:"";background:var(--line-strong);width:calc(100% + 2rem);height:1.5px;position:absolute;top:.65rem;left:.65rem}.chain.is-wrapped>li:nth-child(4n):after,.chain.is-wrapped>li:last-child:after{width:auto;right:.65rem}@container brain (width<=43.5rem){.chain{grid-template-columns:repeat(2,minmax(0,1fr))}.chain:before{display:none}.chain>li:nth-child(n+3){margin-top:2.25rem}.chain>li:after{content:"";background:var(--line-strong);width:calc(100% + 2rem);height:1.5px;position:absolute;top:.65rem;left:.65rem}.chain>li:nth-child(2n):after,.chain>li:last-child:after{width:auto;right:.65rem}}}.chain>li:has(.term[aria-expanded=true]){z-index:6}.chain>li:before{content:"";z-index:1;border:1.5px solid var(--text);background:var(--field);border-radius:50%;width:1.3rem;height:1.3rem;position:absolute;top:0;left:0}.chain>li.is-last:before{background:var(--moss);border-color:var(--moss)}.chain .stop-name{min-width:0;display:block;position:relative}.chain .stop-name b,.chain .stop-name .term{max-width:100%;font-family:var(--serif);letter-spacing:-.01em;color:var(--text);text-align:left;overflow-wrap:anywhere;hyphens:auto;font-size:1.4rem;font-weight:500;line-height:1.1;display:inline}.chain .stop-name .term{cursor:help;text-decoration:underline dotted var(--moss);text-underline-offset:.2em;padding:0;text-decoration-thickness:1.5px}.chain .stop-name a.term{cursor:pointer}.chain .stop-name .term:hover,.chain .stop-name .term[aria-expanded=true],.chain>li.is-last .stop-name b,.chain>li.is-last .stop-name .term{color:var(--moss)}.chain .does{font-family:var(--serif);color:var(--text-dim);align-self:start;font-size:1.02rem;display:block}.chain>li>p{border-top:1px solid var(--line);color:var(--text);align-self:start;margin:.6rem 0 0;padding-top:.6rem;font-size:.95rem;line-height:1.5}@keyframes chain-line{0%{transform:scaleX(0)}}@keyframes chain-stop{0%{opacity:0;transform:translateY(6px)}}@media (width<=48rem){.chain{grid-template-columns:1fr;gap:1.4rem;padding-left:2.2rem}.chain:before{transform-origin:top;width:1.5px;height:auto;animation-name:chain-line-v;inset:.6rem auto .6rem .6rem}.chain>li,.chain>li:nth-child(n+5){grid-row:auto;margin-top:0;padding-top:0;display:block}.chain>li:before{top:.15rem;left:-2.2rem}}@keyframes chain-line-v{0%{transform:scaleY(0)}}@media (prefers-reduced-motion:reduce){.chain:before,.chain>li{animation:none}}.tip{z-index:5;background:var(--bg-raised);width:min(20rem,80vw);color:var(--text);box-shadow:inset 0 0 0 1px var(--line), var(--shadow-lift);font-family:var(--sans);text-align:left;border-radius:10px;gap:.35rem;padding:.9rem 1rem 1rem;font-weight:400;display:grid;position:absolute;top:calc(100% + .6rem);left:0}.tip:focus{outline:none}.tip:before{content:"";height:.6rem;position:absolute;bottom:100%;left:0;right:0}.tip-t{font-family:var(--serif);font-size:1.05rem;font-weight:500}.tip-l{color:var(--text);font-size:.95rem;line-height:1.4}.tip a{color:var(--moss);font-size:.95rem;text-decoration-color:currentColor}@media (width<=48rem){.tip{width:min(22rem,100vw - 6rem)}}.hack.is-fast .s-why .prose{max-width:66ch;font-size:1.1rem;line-height:1.6}.hack.is-fast .rest{max-width:72ch;color:var(--text);border-top:1.5px solid var(--moss);border-bottom:1.5px solid var(--moss);scroll-margin-top:1.5rem}.hack.is-fast .rest summary{cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 0;list-style:none;display:flex}.hack.is-fast .rest summary::-webkit-details-marker{display:none}.hack.is-fast .rest summary:focus-visible{outline:2px solid var(--moss);outline-offset:4px;border-radius:4px}.hack.is-fast .rest summary b{font-family:var(--serif);color:var(--moss);align-items:center;gap:.6rem;font-size:1.2rem;font-weight:500;display:inline-flex}.hack.is-fast .rest summary b .ic{color:var(--moss)}.hack.is-fast .rest summary small{color:var(--text-dim);margin-top:.15rem;font-size:.88rem;display:block}.hack.is-fast .rest .x{background:var(--moss);border-radius:50%;flex:none;width:2.4rem;height:2.4rem;transition:transform .2s;position:relative}.hack.is-fast .rest .x:before,.hack.is-fast .rest .x:after{content:"";background:var(--on-accent);border-radius:1px;width:.95rem;height:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hack.is-fast .rest .x:after{transform:translate(-50%,-50%)rotate(90deg)}.hack.is-fast .rest[open] .x{transform:rotate(45deg)}.hack.is-fast .rest .long{padding:0 0 1.4rem;font-size:1.05rem;line-height:1.6}.hack.is-fast .rest .long>:first-child{margin-top:0}.hack.is-fast .rest .long h2{margin:1.6rem 0 .5rem;font-size:1.15rem;font-weight:600;display:block}.hack.is-fast .rest .long h3{margin:1.2rem 0 .4rem;font-size:1.05rem;font-weight:600}.hack.is-fast .gainbox{border-radius:var(--r-card);background:var(--area,var(--area-other));color:var(--text);padding:1.4rem 1.5rem 1.5rem;position:relative;overflow:hidden}.hack.is-fast .gainbox .art{opacity:.28;stroke-width:1.4px;pointer-events:none;width:6rem;height:6rem;position:absolute;bottom:-1.2rem;right:-1.2rem}.hack.is-fast .gainbox small{color:var(--text-dim);align-items:center;gap:.5rem;margin-bottom:.4rem;font-size:.8rem;display:inline-flex}.hack.is-fast .gainbox small .mark{width:1.5rem;height:auto}.hack.is-fast .gainbox p{font-family:var(--serif);letter-spacing:-.01em;text-wrap:balance;margin:0;padding-right:2.5rem;font-size:1.35rem;font-weight:400;line-height:1.22;position:relative}.hack.is-fast .notes{margin:0;padding:0;list-style:none}.hack.is-fast .notes li{border-top:1px solid var(--line);padding:.8rem 0}.hack.is-fast .notes .n{font-family:var(--serif);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:1.35rem;font-weight:500;line-height:1}.hack.is-fast .notes .n em{letter-spacing:0;color:var(--text-dim);margin-left:.35rem;font-size:.85rem;font-style:normal;font-weight:500}.hack.is-fast .notes .l{color:var(--text);margin-top:.3rem;font-size:.92rem;line-height:1.45;display:block}.hack.is-fast .notes .ev{margin-left:.3rem;font-size:.66rem}.hack.is-fast .s-watch h3{color:var(--brass-text)}.hack.is-fast .watch{border-top:1px solid var(--line);color:var(--text);margin:0;padding-top:.7rem;font-size:.98rem;line-height:1.55}.hack.is-fast .foot{border-top:1px solid var(--line);color:var(--text-dim);gap:.9rem;margin-top:3.5rem;padding:1.5rem 0 0;font-size:.92rem;line-height:1.55;display:grid}.hack.is-fast .foot .actions{border:0;margin:0;padding:0}.hack.is-fast .foot .source,.hack.is-fast .foot .used{border:0;max-width:88ch;margin:0;padding:0}.hack.is-fast .foot a{color:var(--text)}.hack.is-fast .foot .same{max-width:48rem;margin-top:1.5rem}.hack.is-fast .foot .same h2{color:var(--text);margin-bottom:.5rem;font-size:1.15rem;font-weight:400;display:block}.hack.is-fast .foot .stack a{text-decoration:none}.hack.is-fast .foot .stack .t{font-size:1.1rem}.hack.is-fast .foot .turn{max-width:48rem;margin-top:.5rem}@media (width<=63.98rem){.hack.is-fast .foot{margin-top:1rem}}@media (prefers-reduced-motion:reduce){.hack.is-fast .rest .x{transition:none}}.signoff{text-align:center;border-bottom:1px solid var(--line);max-width:30rem;margin:2.5rem auto;padding-bottom:2.5rem}.hack.is-fast .foot .signoff{max-width:none}.signoff .signoff-mark{width:120px;height:auto;color:var(--moss);margin:0 auto 1rem}.signoff b{font:400 var(--step-1) var(--serif);letter-spacing:-.01em;display:block}.signoff span{color:var(--text-dim);font-size:var(--step--1);margin-top:.3rem;display:block}.signoff .mark.is-settle line,.signoff .mark.is-settle circle{animation-play-state:paused}.signoff.is-in .mark.is-settle line,.signoff.is-in .mark.is-settle circle{animation-play-state:running}html:not(.js) .signoff .mark.is-settle line,html:not(.js) .signoff .mark.is-settle circle{animation:none;transform:none}
