@charset "UTF-8";header .caption p{font-size:75%}.tool li p{margin:0}.tool .content p{font-size:1.1rem}.tool .content ol,.tool .content ul{margin-block:1rem}.tool .content p>img{padding:1rem;background:white;border-top:.25rem solid var(--bg-xlight);border-inline-start:.25rem solid var(--bg-xlight)}.tool .content a:link,.tool .content a:visited{color:var(--color-dark)}.tool .content blockquote p{padding:0 2rem;color:var(--color-dark)}.tool .content blockquote.pull-quote p{font-size:2rem;font-style:italic;line-height:1.2;padding:1rem 2rem}.tool .epigraph .attribution p{margin-top:.5rem}.tool .epigraph .quote p{margin-bottom:.5rem;line-height:.9;font-weight:400}.tool .content h6,.tool .how-to h6{margin-top:-1rem;font-size:.75rem;margin-bottom:2rem}.tool .content img,.tool .how-to img{max-width:100%}[data-v-90ecd150]:root{--text: #444;--color: var(--bg-light);--color-dark: black;--color-overlay: rgba(72, 171, 204, .65);--color-overlay-dark: rgba(38, 112, 136, .65);--bg-xxlight: #f3f3f3;--bg-xlight: #ececec;--bg-light: #d2d2d2;--bg-med: #666666;--bg-xmed: #bbbbbb;--bg-dark: #2b2b2b;--rotation: -.5deg;--tool-spacing: 1px;--language-switcher-size: 1.5rem;--z-tool-card: 1;--z-language-switcher: 2;--z-filter-pane: 3;--z-loader: 4}.tactic[data-v-90ecd150]{--color-xdark: #a55309;--color-dark: #ce680b;--color: #f48c2d;--color-mid: #fbd1ab;--color-light: #fde8d5;--color-flat: #995b23;--color-overlay: rgba(244, 140, 45, .65);--color-overlay-light: #f8ba81;--color-overlay-dark: rgba(178, 90, 9, .65);--color-overlay-very-dark: rgba(129, 65, 7, .65)}.tactic a[data-v-90ecd150]:link,.tactic a[data-v-90ecd150]:visited,.tactic h1[data-v-90ecd150],.tactic h2[data-v-90ecd150],.tactic h3[data-v-90ecd150],.tactic h4[data-v-90ecd150],.tactic h5[data-v-90ecd150],.tactic h6[data-v-90ecd150]{color:var(--color)}@media screen and (min-width: 950px){.tactic .filter-button:hover h4[data-v-90ecd150]{text-decoration-color:var(--color);text-decoration-line:underline}}.theory[data-v-90ecd150]{--color-xdark: #850f23;--color-dark: #a7132c;--color: #de193b;--color-mid: #f4a0af;--color-light: #fad0d7;--color-flat: #7d2333;--color-overlay: rgba(222, 25, 59, .65);--color-overlay-light: #ef7187;--color-overlay-dark: rgba(130, 15, 35, .65);--color-overlay-very-dark: rgba(84, 10, 22, .65)}.theory a[data-v-90ecd150]:link,.theory a[data-v-90ecd150]:visited,.theory h1[data-v-90ecd150],.theory h2[data-v-90ecd150],.theory h3[data-v-90ecd150],.theory h4[data-v-90ecd150],.theory h5[data-v-90ecd150],.theory h6[data-v-90ecd150]{color:var(--color)}@media screen and (min-width: 950px){.theory .filter-button:hover h4[data-v-90ecd150]{text-decoration-color:var(--color);text-decoration-line:underline}}.story[data-v-90ecd150]{--color-xdark: #3b842e;--color-dark: #49a53a;--color: #70c861;--color-mid: #c6e9c0;--color-light: #e2f4df;--color-flat: #498140;--color-overlay: rgba(112, 200, 97, .65);--color-overlay-light: #a9dea0;--color-overlay-dark: rgba(64, 145, 50, .65);--color-overlay-very-dark: rgba(47, 107, 37, .65)}.story a[data-v-90ecd150]:link,.story a[data-v-90ecd150]:visited,.story h1[data-v-90ecd150],.story h2[data-v-90ecd150],.story h3[data-v-90ecd150],.story h4[data-v-90ecd150],.story h5[data-v-90ecd150],.story h6[data-v-90ecd150]{color:var(--color)}@media screen and (min-width: 950px){.story .filter-button:hover h4[data-v-90ecd150]{text-decoration-color:var(--color);text-decoration-line:underline}}.principle[data-v-90ecd150]{--color-xdark: #246a82;--color-dark: #2d85a2;--color: #48abcc;--color-mid: #b6ddeb;--color-light: #daeef5;--color-flat: #366b7d;--color-overlay: rgba(72, 171, 204, .65);--color-overlay-light: #91cde0;--color-overlay-dark: rgba(38, 112, 136, .65);--color-overlay-very-dark: rgba(27, 79, 96, .65)}.principle a[data-v-90ecd150]:link,.principle a[data-v-90ecd150]:visited,.principle h1[data-v-90ecd150],.principle h2[data-v-90ecd150],.principle h3[data-v-90ecd150],.principle h4[data-v-90ecd150],.principle h5[data-v-90ecd150],.principle h6[data-v-90ecd150]{color:var(--color)}@media screen and (min-width: 950px){.principle .filter-button:hover h4[data-v-90ecd150]{text-decoration-color:var(--color);text-decoration-line:underline}}.methodology[data-v-90ecd150]{--color-xdark: #512958;--color-dark: #65336e;--color: #874493;--color-mid: #d3aeda;--color-light: #e9d7ec;--color-flat: #523458;--color-overlay: rgba(135, 68, 147, .65);--color-overlay-light: #bd86c7;--color-overlay-dark: rgba(71, 36, 77, .65);--color-overlay-very-dark: rgba(39, 20, 42, .65)}.methodology a[data-v-90ecd150]:link,.methodology a[data-v-90ecd150]:visited,.methodology h1[data-v-90ecd150],.methodology h2[data-v-90ecd150],.methodology h3[data-v-90ecd150],.methodology h4[data-v-90ecd150],.methodology h5[data-v-90ecd150],.methodology h6[data-v-90ecd150]{color:var(--color)}@media screen and (min-width: 950px){.methodology .filter-button:hover h4[data-v-90ecd150]{text-decoration-color:var(--color);text-decoration-line:underline}}.all[data-v-90ecd150]{--color-xdark: #3d3d3d;--color-dark: #4d4d4d;--color: #666666;--color-mid: #c2c2c2;--color-light: #e0e0e0;--color-flat: #424242;--color-overlay: rgba(102, 102, 102, .65);--color-overlay-light: #a3a3a3;--color-overlay-dark: rgba(51, 51, 51, .65);--color-overlay-very-dark: rgba(26, 26, 26, .65)}.all a[data-v-90ecd150]:link,.all a[data-v-90ecd150]:visited,.all h1[data-v-90ecd150],.all h2[data-v-90ecd150],.all h3[data-v-90ecd150],.all h4[data-v-90ecd150],.all h5[data-v-90ecd150],.all h6[data-v-90ecd150]{color:var(--color)}@media screen and (min-width: 950px){.all .filter-button:hover h4[data-v-90ecd150]{text-decoration-color:var(--color);text-decoration-line:underline}}.set[data-v-90ecd150]{--color-xdark: #3d3d3d;--color-dark: #4d4d4d;--color: #666666;--color-mid: #c2c2c2;--color-light: #e0e0e0;--color-flat: #424242;--color-overlay: rgba(102, 102, 102, .65);--color-overlay-light: #a3a3a3;--color-overlay-dark: rgba(51, 51, 51, .65);--color-overlay-very-dark: rgba(26, 26, 26, .65)}.set a[data-v-90ecd150]:link,.set a[data-v-90ecd150]:visited,.set h1[data-v-90ecd150],.set h2[data-v-90ecd150],.set h3[data-v-90ecd150],.set h4[data-v-90ecd150],.set h5[data-v-90ecd150],.set h6[data-v-90ecd150]{color:var(--color)}@media screen and (min-width: 950px){.set .filter-button:hover h4[data-v-90ecd150]{text-decoration-color:var(--color);text-decoration-line:underline}}.methodology[data-v-90ecd150]{--color-overlay-dark: rgba(103, 52, 112, .65);--color-overlay-very-dark: rgba(71, 36, 77, .65)}.ar[data-v-90ecd150]{--rotation: .5deg}*[data-v-90ecd150],*[data-v-90ecd150]:before,*[data-v-90ecd150]:after{box-sizing:border-box;margin:0;position:relative}body[data-v-90ecd150]{min-height:100vh;line-height:1.2;font-size:16px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:aktiv-grotesk,sans-serif}#page[data-v-90ecd150]{font-weight:400}h1[data-v-90ecd150],h2[data-v-90ecd150],h3[data-v-90ecd150],h4[data-v-90ecd150],h5[data-v-90ecd150],h6[data-v-90ecd150]{font-weight:600}a[data-v-90ecd150]{text-decoration:none}blockquote[data-v-90ecd150],figcaption[data-v-90ecd150]{border-color:var(--color)}figcaption[data-v-90ecd150]{border-inline-start:.5rem solid;padding:.5rem 1rem}h1[data-v-90ecd150]{line-height:.9;font-size:3rem}h4[data-v-90ecd150]{font-size:1.4rem}.transparent-no-events[data-v-90ecd150]{pointer-events:none;opacity:0}.spacer[data-v-90ecd150]{flex:999 0 auto}@keyframes pulse-90ecd150{0%{opacity:0;transform:scale(2)}to{opacity:1;transform:scale(1)}}.tool[data-v-90ecd150]{--h-pad: 2rem}header[data-v-90ecd150]{position:relative;width:100%;background-size:cover;background-position:50% 30%;text-shadow:1px 0 .5rem rgba(0,0,0,.5)}@media screen and (min-width: 750px){header[data-v-90ecd150]{height:60vh}}@media screen and (max-width: 749px){header[data-v-90ecd150]{height:80vh}}header .overlay[data-v-90ecd150]{position:absolute;inset:0 0 0 0;display:flex;flex-direction:column;justify-content:center;align-items:center}header .overlay[data-v-90ecd150]:before{background:linear-gradient(180deg,transparent,rgba(0,0,0,.3) 60%,rgba(0,0,0,.7));position:absolute;content:"";inset:0 0 0 0}header .overlay .caption[data-v-90ecd150]{color:var(--bg-light);width:100%;padding-inline:2rem;background:rgba(0,0,0,.4);position:absolute;inset-block-end:0}header h1[data-v-90ecd150]{flex:0 1 auto;line-height:.8;width:min-content;min-width:100%;margin-inline:2rem 0;--tsize: 4rem;font-size:calc(var(--tsize) + 5vw)}header h1.xs[data-v-90ecd150]{--tsize: 0rem}header h1.sm[data-v-90ecd150]{--tsize: 1rem}header h1.md[data-v-90ecd150]{--tsize: 2rem}header h1.lg[data-v-90ecd150]{--tsize: 3rem}header h1[data-v-90ecd150]::selection{background:transparent}@media screen and (max-width: 749px){header h1[data-v-90ecd150]{margin-inline:0;width:initial;text-align:center}header h1.xs[data-v-90ecd150]{--tsize: 2rem}header h1.sm[data-v-90ecd150]{--tsize: 2rem}}header .heading[data-v-90ecd150]{display:flex;flex-direction:row;justify-content:center;align-items:flex-end;margin:0 2rem}header .heading h1[data-v-90ecd150],header .heading h3[data-v-90ecd150]{color:#fff}@media screen and (max-width: 749px){header .heading[data-v-90ecd150]{flex-direction:column;align-items:center}}header .type[data-v-90ecd150]{display:flex;flex-direction:column;align-items:center;margin-block:.25rem}header .type img[data-v-90ecd150]{width:12rem;filter:drop-shadow(0 0 .5rem rgba(0,0,0,.3))}header .type h3[data-v-90ecd150]{text-align:center}article[data-v-90ecd150]{background:black;display:flex;flex-wrap:wrap;flex-direction:row;align-items:stretch;--write-up-width: 40rem}article>div[data-v-90ecd150]{overflow-x:hidden}@media screen and (min-width: 750px){article[data-v-90ecd150]{--wide-side: 65%;--narrow-side: 35%}}@media screen and (min-width: 950px){article[data-v-90ecd150]{--wide-side: 70%;--narrow-side: 30%}}@media screen and (min-width: 1920px){article[data-v-90ecd150]{--wide-side: 60%;--narrow-side: 20%}}.breadcrumbs[data-v-90ecd150],.write-up[data-v-90ecd150]{padding-inline:var(--h-pad) calc(var(--h-pad) * 2);flex:0 0 var(--wide-side)}@media screen and (max-width: 749px){.breadcrumbs[data-v-90ecd150],.write-up[data-v-90ecd150]{padding-inline:var(--h-pad);flex:0 0 100%}}.actions[data-v-90ecd150],.sidebar[data-v-90ecd150]{color:#fff;padding-inline:var(--h-pad);flex:0 0 var(--narrow-side)}@media screen and (max-width: 749px){.actions[data-v-90ecd150],.sidebar[data-v-90ecd150]{flex:0 0 100%}}.write-up[data-v-90ecd150]{display:flex;justify-content:flex-end;background:var(--bg-xxlight);background:linear-gradient(90deg,white 0%,var(--bg-xxlight) 40%);overflow:hidden}@media screen and (max-width: 749px){.write-up[data-v-90ecd150]{padding-bottom:1rem}}@media screen and (min-width: 750px){.write-up[data-v-90ecd150]:before{content:"";position:absolute;width:2rem;background:var(--bg-light);inset-block:0 0;inset-inline:auto 0rem}.write-up[data-v-90ecd150]:after{content:"";position:absolute;inset-block:0 auto;inset-inline:auto -2rem;border:2rem solid transparent;border-top:2rem solid black}}.write-up .inner[data-v-90ecd150]{margin-block:1rem;display:flex;flex-direction:column;flex:0 1 100%}@media screen and (min-width: 950px){.write-up .inner[data-v-90ecd150]{flex:0 1 var(--write-up-width)}}.write-up .origins[data-v-90ecd150]{margin-top:1rem;display:flex;opacity:.6}.write-up .origins .icon[data-v-90ecd150]{margin-inline-end:1rem;flex:0 0 7rem;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.write-up .origins .icon img[data-v-90ecd150]{margin-bottom:.5rem;max-height:3rem}@media screen and (max-width: 749px){.write-up .origins[data-v-90ecd150]{flex-direction:column;margin-inline:1rem}.write-up .origins .icon[data-v-90ecd150]{flex-direction:row;flex:0 0 auto;height:unset;justify-content:flex-start}.write-up .origins .icon img[data-v-90ecd150]{margin-inline-end:.5rem}}.write-up .box[data-v-90ecd150]{padding:1rem 3rem;margin-block:1rem 1rem;background:var(--color-light);border-top:.5rem solid var(--color-mid);border-inline-start:.5rem solid var(--color-mid);box-shadow:.2rem .2rem .5rem var(--color-overlay-light) inset;color:var(--color-xdark)}.ar .write-up .box[data-v-90ecd150]{box-shadow:-.2rem .2rem .5rem var(--color-overlay-light) inset}@media screen and (max-width: 749px){.write-up .box[data-v-90ecd150]{margin-inline-start:-3.5rem;margin-inline-end:-3rem}}@media screen and (min-width: 1366px){.write-up .box[data-v-90ecd150]{margin-inline-start:-3.5rem;margin-inline-end:-3rem}.write-up .box[data-v-90ecd150]:after{content:"";border:2rem solid transparent;border-top:1rem solid var(--bg-light);position:absolute;inset-inline:auto -2.9rem;inset-block:-.5rem auto}}.write-up .box a[data-v-90ecd150]{font-weight:700}.write-up .box h4[data-v-90ecd150]{display:inline-block}.write-up .box img[data-v-90ecd150]{max-width:1.5rem;margin-inline-end:.5rem}.write-up .box.unwritten[data-v-90ecd150],.write-up .box.untranslated[data-v-90ecd150]{margin-block:1rem;background:repeating-linear-gradient(135deg,white,white 2rem,#fff2ab 2rem,#fff2ab 4rem);border-top:.5rem solid var(--bg-mid);border-inline-start:.5rem solid var(--bg-mid);box-shadow:.2rem .2rem .5rem #ddd inset;color:#000;font-style:italic;padding:0rem 3rem}.write-up .box.snapshot[data-v-90ecd150]{font-size:1.25rem}.write-up .box.learn>div>div[data-v-90ecd150]{inset-inline-start:1rem}.write-up .box.rwe[data-v-90ecd150],.write-up .box.learn[data-v-90ecd150]{--edge: var(--bg-xmid);--shadow: var(--bg-light)}.write-up .box.rwe .example[data-v-90ecd150],.write-up .box.learn .example[data-v-90ecd150]{align-items:center;display:flex}.write-up .box.rwe .example img[data-v-90ecd150],.write-up .box.learn .example img[data-v-90ecd150]{max-width:100%;margin-inline-end:2rem;padding:.25rem;background:white;border-top:.2rem solid var(--bg-light);border-inline-start:.2rem solid var(--bg-light)}.write-up .box.rwe .example a.image[data-v-90ecd150],.write-up .box.learn .example a.image[data-v-90ecd150]{flex:1 0 30%}.write-up .box.rwe .example .description[data-v-90ecd150],.write-up .box.learn .example .description[data-v-90ecd150]{display:flex;flex-direction:column;flex:1 1 70%;margin-inline-start:1.5rem}@media screen and (max-width: 749px){.write-up .box.rwe .example[data-v-90ecd150],.write-up .box.learn .example[data-v-90ecd150]{flex-direction:column}.write-up .box.rwe .example img[data-v-90ecd150],.write-up .box.learn .example img[data-v-90ecd150]{margin-inline:0}.write-up .box.rwe .example .description[data-v-90ecd150],.write-up .box.learn .example .description[data-v-90ecd150]{margin-block-start:.5rem;margin-inline-start:0}}.write-up .box.rwe[data-v-90ecd150],.write-up .box.learn[data-v-90ecd150],.write-up .box.epigraph[data-v-90ecd150]{background:var(--bg-xlight);color:var(--bg-dark);border-top:.25rem solid var(--edge);border-inline-start:.25rem solid var(--edge);box-shadow:.2rem .2rem .5rem var(--shadow) inset}.write-up .box.rwe a[data-v-90ecd150],.write-up .box.rwe h4[data-v-90ecd150],.write-up .box.learn a[data-v-90ecd150],.write-up .box.learn h4[data-v-90ecd150],.write-up .box.epigraph a[data-v-90ecd150],.write-up .box.epigraph h4[data-v-90ecd150]{color:var(--bg-dark)}.write-up .box.epigraph[data-v-90ecd150]{--edge: var(--bg-light);--shadow: var(--bg-xmed)}.write-up .box.epigraph .quote[data-v-90ecd150]{transform:skew(-8deg);position:relative;font-family:ff-good-headline-web-pro-condensed;font-size:2rem;inset-inline-start:1rem}.ar .write-up .box.epigraph .quote[data-v-90ecd150]{transform:skew(8deg)}.write-up .box.epigraph .quote.sm[data-v-90ecd150]{font-size:1.5rem}.write-up .box.epigraph .quote[data-v-90ecd150]:before{position:absolute;content:open-quote;font-size:4rem;color:var(--color);line-height:1rem;inset-inline-start:-2rem;inset-block-start:.5rem}.write-up .box.epigraph .quote[data-v-90ecd150]:after{content:no-close-quote}@media screen and (max-width: 749px){.write-up .box.epigraph .quote[data-v-90ecd150]{transform:skew(-4deg)}.ar .write-up .box.epigraph .quote[data-v-90ecd150]{transform:skew(4deg)}}.write-up .box.epigraph .attribution[data-v-90ecd150]{color:var(--bg-med);text-align:end}.write-up .box .example[data-v-90ecd150],.write-up .box .learn[data-v-90ecd150],.write-up .box .key-tool[data-v-90ecd150]{margin-top:1rem}.write-up .youtube[data-v-90ecd150]{margin-block:1rem}.sidebar[data-v-90ecd150]{overflow-x:hidden}@media screen and (max-width: 749px){.sidebar[data-v-90ecd150]{margin-top:1rem}}.sidebar h3[data-v-90ecd150]{color:#fff;margin-block:1rem;display:inline-block}.sidebar hr[data-v-90ecd150]{margin-block:1rem;border:1px solid var(--color);max-width:var(--h-pad)}.sidebar .risks img[data-v-90ecd150]{max-width:2rem;margin-inline-end:.5rem}.sidebar .related[data-v-90ecd150]{display:flex;flex-direction:column;position:relative}.sidebar .related a[data-v-90ecd150]{color:#fff}.sidebar .related a h4[data-v-90ecd150]{margin:.25rem .5rem}.sidebar .related img[data-v-90ecd150]{max-width:2rem}.sidebar .related .inner[data-v-90ecd150]{margin-block:1rem}.sidebar .related .links[data-v-90ecd150]{display:flex;flex-direction:column;margin-block-end:1rem}.sidebar .related .links>a[data-v-90ecd150]{display:flex}.sidebar .related .links ul[data-v-90ecd150]{border-inline-start:2px solid var(--color);padding-inline-start:.5rem;margin-inline-start:.9rem}.sidebar .related .links li.hide[data-v-90ecd150]{background:red}.sidebar .related .links li[data-v-90ecd150]::marker{color:var(--color);content:"\2013"}.sidebar .contributors h4[data-v-90ecd150]{margin-block-start:1rem}.sidebar .contributors img[data-v-90ecd150]{border-radius:50% 50% 50% 0;max-width:100%;max-width:75%}.sidebar .contributor[data-v-90ecd150]{display:flex;flex-direction:column}.sidebar .promo[data-v-90ecd150]{margin-block:1rem 3rem}.sidebar .promo h4[data-v-90ecd150]{margin-block-end:1rem}.sidebar .promo img[data-v-90ecd150]{display:block;margin-block-end:.5rem}.breadcrumbs[data-v-90ecd150]{padding-block:1rem;display:flex;flex-wrap:wrap;align-items:center;max-width:100%}.breadcrumbs h4[data-v-90ecd150]{text-shadow:0 0 .2rem rgb(0 0 0 / 25%);color:#fff}.breadcrumbs h4.title[data-v-90ecd150]{color:var(--color);margin-block:.5rem}.breadcrumbs a[data-v-90ecd150]{padding-block:.5rem;padding-inline:1.5rem 1rem;color:#fff;background:var(--color);position:relative;margin-inline-end:1rem}.breadcrumbs a[data-v-90ecd150]:before,.breadcrumbs a[data-v-90ecd150]:after{content:"";position:absolute;height:100%;border-block:1rem solid transparent}.breadcrumbs a[data-v-90ecd150]:before{inset-inline:0 auto;inset-block:0 auto;border-inline-start:.5rem solid black}.breadcrumbs a[data-v-90ecd150]:after{inset-block:0 auto;inset-inline:auto -.5rem;border-inline-start:.5rem solid var(--color)}.actions[data-v-90ecd150]{display:flex;align-items:flex-end;margin-block-end:1rem}@media screen and (min-width: 1366px){.actions[data-v-90ecd150]{margin-block-end:0}}.actions img[data-v-90ecd150]{max-width:2rem;min-width:2rem;margin-inline-end:.5rem;cursor:pointer}.actions .save.active[data-v-90ecd150]{animation-name:pulse-90ecd150;animation-duration:.5s;animation-iteration-count:1}#header-compensation-spacer{width:100%}section.tools{min-height:100vh;width:100%;display:flex;flex-flow:row wrap;align-content:start;margin-block-end:2rem;overflow:hidden}@media screen and (max-width: 749px){.type-column{flex:1 0 100%}}@media screen and (min-width: 750px){.type-column{flex:1 0 50%}}@media screen and (min-width: 950px){.type-column{flex:1 0 20%}}@media screen and (min-width: 950px){.inner-columns{display:grid;grid-auto-flow:column}}.index .type-header{display:flex;align-items:center;background:var(--color)}.index .type-header img{margin:.5rem;max-width:1.5rem}.index .type-header h4{margin:0;margin-inline-end:1rem;color:#fff}.hero{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;position:relative;background-size:contain!important;background:url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAYEBAQFBAYFBQYJBgUGCQsIBgYICwwKCgsKCgwQDAwMDAwMEAwODxAPDgwTExQUExMcGxsbHB8fHx8fHx8fHx//2wBDAQcHBw0MDRgQEBgaFREVGh8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx//wAARCAABB30DAREAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAAEC/8QAFRABAQAAAAAAAAAAAAAAAAAAAAH/xAAZAQEBAQEBAQAAAAAAAAAAAAAAAQIDBgf/xAAVEQEBAAAAAAAAAAAAAAAAAAAAAf/aAAwDAQACEQMRAD8Aw9i+TgCKIKCoogCqgICKoKiiAiqgIogqKqAKqAiqiqgIogqKIKiqgIqxlVQEVUUQWIqoCKsRRBUVWVEUQVFVFIgqKqKRFVkEVUVUBFVFVARRFWIqsgigqsqqAiqKRlVQEVUURQVWRUUFVFEUQVFEUFVFEBFUURRBUUFVFGWosStQZbistwRuCNRWW4I6QRuCNwRuCNwRuCOkRG4DcEbgjpBG4DcEbiI3AagjcEbgjUBuCNRUagjUBoRVRoQBVQBQBFUBABUUBQEAFQAAVAAiCgQBBYAIRBQEFARAFQAUQQWACKgAqAIIKCiCACoiwBBQBAFQERQUBEAUBBRBBYACogCoEEAUBBRAAFQAEQBQAAUBAggAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD//Z)}.hero .inner{padding:1vw 3vw;width:100%;max-width:1200px}@media screen and (max-width: 749px){.hero .inner{padding:1rem 2rem}}.hero h1,.hero p{color:#fff}.hero h1{font-size:3.9rem;margin:0}.hero p{margin:.25rem 0}.hero:before{content:"";inset:0 0 0 0;position:absolute;background:linear-gradient(180deg,rgba(200,200,200,.9),rgba(255,255,255,.2) 100%)}@media screen and (min-width: 950px){.filter-panel.sticky{position:sticky;inset:1.5rem auto auto auto}}.filter-panel{user-select:none;display:flex;flex-direction:column;align-items:center;z-index:var(--z-language-switcher);color:#fff}.filter-panel p,.filter-panel h4{margin:0}.filter-button{padding-inline:.75rem;padding-block:.25rem .75rem;display:flex;align-items:center}.filter-button img{block-size:3rem;inline-size:3rem}.filter-button.custom-set{border:.25rem dashed var(--bg-med)}.filter-button.custom-set .saved{display:flex;flex-direction:row;align-items:center}.filter-button.custom-set img{block-size:1.5rem;margin:0}.active .filter-button{background:var(--color)}.filter-button h4{color:#fff!important}.pane-1{display:flex;justify-content:center;flex-flow:row wrap;inline-size:100%;padding-block:.5rem 0;z-index:1;background:black;box-shadow:0 .5rem 2rem .1rem #000000b3}.pane-1>div{display:flex;flex-flow:row wrap}.pane-1 .filter-button{flex:0 0 auto;flex-direction:column;min-inline-size:5rem}.pane-1 .filter-button h4{letter-spacing:-.6px}@media screen and (max-width: 749px){.pane-1 .filter-button{width:100%}}.pane-1 img{margin-block:0 .2rem}.pane-1>a{display:flex;align-items:flex-end}@media screen and (max-width: 749px){.pane-1>a{justify-content:center;flex:0 0 33%}}.pane-1 .description{max-width:11rem;font-size:80%;padding-inline:.5rem;padding-block:0 .5rem;line-height:1.2}@media screen and (max-width: 749px){.pane-1 .description{display:none}}.pane-2-wrapper{transition:all .2s ease;background:var(--bg-dark);opacity:0;inline-size:100%;box-shadow:0 0 1.5rem .1rem #000000e6}.pane-2-wrapper.visible{opacity:1}.pane-2{display:flex;justify-content:center;flex-flow:row wrap;position:relative;overflow:hidden}.pane-2 .filter-button{padding:.5rem}.pane-2 .filter-button.router-link-active{background:black}.pane-2 img{min-inline-size:3rem;margin-inline-end:.5rem}.pane-2 .filter-button{flex:0 0 20%;flex-direction:column;align-items:flex-start;padding-inline:1rem}.pane-2 .filter-button p{font-size:80%;margin-top:.25rem;color:#fff}@media screen and (max-width: 749px){.pane-2 .filter-button{flex:0 0 50%}}@media screen and (min-width: 1920px){.pane-2 .filter-button{flex:0 0 10%}}.pane-2 .download-pdf{display:flex;flex-direction:row;padding-inline:1rem;background-color:var(--bg-med);flex:0 3 100%;align-items:flex-end;justify-content:flex-start;color:#fff}.pane-2 .download-pdf p{font-size:1rem;cursor:pointer;z-index:1}.pane-2 .download-pdf img{max-height:1.5rem;margin-block:.25rem;cursor:pointer;z-index:1}@media screen and (max-width: 749px){.pane-2.story{justify-content:start}}@media screen and (min-width: 1920px){.pane-2.story img{block-size:6rem;min-inline-size:6rem;margin-inline-end:.5rem}}.pane-2.story .filter-button{flex:0 0 10%;flex-direction:row;align-items:center}@media screen and (max-width: 749px){.pane-2.story .filter-button{flex:0 0 50%;padding-inline:.5rem;padding-block:0}}@media screen and (min-width: 950px){.pane-2.story .filter-button{padding-inline:.5rem}}@media screen and (min-width: 1920px){.pane-2.story .filter-button{flex:0 0 10%}}form.toolbox-search{display:flex;flex-direction:column;justify-content:flex-end;padding-block:.5rem}form.toolbox-search input[type=text]{max-width:12rem;background:var(--bg-light);border:0;margin-inline-start:1rem;margin-block-end:.75rem;color:#000;padding:.5rem}form.toolbox-search input[type=text]::placeholder{color:var(--bg-med)}form.toolbox-search input[type=text]:focus{outline:2px solid var(--bg-light)}@media screen and (max-width: 749px){form.toolbox-search{flex:0 1 66%;align-items:center}}.toolbox-mode{display:flex;align-items:center;justify-content:flex-end;transition:opacity .4s ease}.toolbox-mode input[type=checkbox]{height:0;width:0;visibility:hidden}.toolbox-mode label{cursor:pointer;width:3rem;height:1.6rem;background:var(--bg-med);display:block;border-radius:1.6rem;position:relative}.toolbox-mode label:after{content:"";position:absolute;top:.2rem;left:.2rem;width:1.2rem;height:1.2rem;background:white;border-radius:1.2rem;transition:all .2s ease}.toolbox-mode input:checked+label{background:#70c861}.toolbox-mode input:checked+label:after{left:calc(100% - .2rem);transform:translate(-100%)}.toolbox-mode label:active:after{width:1.5rem}.toolbox-mode span{cursor:pointer;padding-inline-end:.5rem;font-size:80%}.fade-in-enter-active{transition:opacity .4s ease}.fade-in-enter-from{opacity:0}.fade-in-leave-active{transition:none;opacity:0;position:absolute}.slide-move,.slide-enter-active,.slide-leave-active{transition:all .2s ease}.slide-enter-from,.slide-leave-to{opacity:0;transform:translate(2rem)}.ar .slide-enter-from,.ar .slide-leave-to{transform:translate(-2rem)}.slide-leave-active{position:absolute}.loader-wrapper{position:fixed;inset:0 0 0 0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:var(--z-loader)}.loader-wrapper .loader-ripple{display:inline-block;position:relative;width:20rem;height:20rem}.loader-wrapper .loader-ripple div{position:absolute;border:.5rem solid white;opacity:.35;border-radius:50%;animation:loader-ripple 1.5s cubic-bezier(0,.2,.8,1) infinite}.loader-wrapper .loader-ripple div:nth-child(2){animation-delay:-.25s}@keyframes loader-ripple{0%{top:10rem;left:10rem;width:0;height:0;opacity:0}4.9%{top:10rem;left:10rem;width:0;height:0;opacity:0}5%{top:10rem;left:10rem;width:0;height:0;opacity:.35}to{top:0;left:0;width:20rem;height:20rem;opacity:0}}body{background:black!important}main#page{display:flex;flex-direction:column;background:var(--bg-dark);background-image:url(https://beautifultrouble.org/assets/btbg.png);background-repeat:no-repeat;background-position:50% 35vh;min-block-size:100vh}@media screen and (max-width: 749px){main#page{background-size:85vw;background-position:50% 75vh}}main#page:before{content:"";inset:auto 0 0 0;block-size:50vh;background:linear-gradient(180deg,transparent 0%,black 100%);position:absolute}main#page h1,main#page h3{transform:skew(-8deg)}#weglot-language-switcher{display:none!important}#language-switcher{position:fixed;text-align:right;inset:0 0 auto 0;display:flex;align-items:center;justify-content:flex-end;z-index:var(--z-language-switcher);block-size:var(--language-switcher-size);background:black;color:#fff}#language-switcher a{color:#fff}#language-switcher .router-link-exact-active{text-decoration:underline;font-weight:800}@media screen and (max-width: 749px){#language-switcher{justify-content:space-evenly}#language-switcher .by-name{display:none}#language-switcher .by-code{display:inline}}@media screen and (min-width: 750px){#language-switcher .by-name{display:inline;margin-inline-end:.5rem}#language-switcher .by-code{display:none}}.page-transition-enter-active,.page-transition-leave-active{transition:transform .5s ease}.page-transition-enter-from,.page-transition-leave-to{transform:scale(.8)}:root{--text: #444;--color: var(--bg-light);--color-dark: black;--color-overlay: rgba(72, 171, 204, .65);--color-overlay-dark: rgba(38, 112, 136, .65);--bg-xxlight: #f3f3f3;--bg-xlight: #ececec;--bg-light: #d2d2d2;--bg-med: #666666;--bg-xmed: #bbbbbb;--bg-dark: #2b2b2b;--rotation: -.5deg;--tool-spacing: 1px;--language-switcher-size: 1.5rem;--z-tool-card: 1;--z-language-switcher: 2;--z-filter-pane: 3;--z-loader: 4}.tactic{--color-xdark: #a55309;--color-dark: #ce680b;--color: #f48c2d;--color-mid: #fbd1ab;--color-light: #fde8d5;--color-flat: #995b23;--color-overlay: rgba(244, 140, 45, .65);--color-overlay-light: #f8ba81;--color-overlay-dark: rgba(178, 90, 9, .65);--color-overlay-very-dark: rgba(129, 65, 7, .65)}.tactic a:link,.tactic a:visited,.tactic h1,.tactic h2,.tactic h3,.tactic h4,.tactic h5,.tactic h6{color:var(--color)}@media screen and (min-width: 950px){.tactic .filter-button:hover h4{text-decoration-color:var(--color);text-decoration-line:underline}}.theory{--color-xdark: #850f23;--color-dark: #a7132c;--color: #de193b;--color-mid: #f4a0af;--color-light: #fad0d7;--color-flat: #7d2333;--color-overlay: rgba(222, 25, 59, .65);--color-overlay-light: #ef7187;--color-overlay-dark: rgba(130, 15, 35, .65);--color-overlay-very-dark: rgba(84, 10, 22, .65)}.theory a:link,.theory a:visited,.theory h1,.theory h2,.theory h3,.theory h4,.theory h5,.theory h6{color:var(--color)}@media screen and (min-width: 950px){.theory .filter-button:hover h4{text-decoration-color:var(--color);text-decoration-line:underline}}.story{--color-xdark: #3b842e;--color-dark: #49a53a;--color: #70c861;--color-mid: #c6e9c0;--color-light: #e2f4df;--color-flat: #498140;--color-overlay: rgba(112, 200, 97, .65);--color-overlay-light: #a9dea0;--color-overlay-dark: rgba(64, 145, 50, .65);--color-overlay-very-dark: rgba(47, 107, 37, .65)}.story a:link,.story a:visited,.story h1,.story h2,.story h3,.story h4,.story h5,.story h6{color:var(--color)}@media screen and (min-width: 950px){.story .filter-button:hover h4{text-decoration-color:var(--color);text-decoration-line:underline}}.principle{--color-xdark: #246a82;--color-dark: #2d85a2;--color: #48abcc;--color-mid: #b6ddeb;--color-light: #daeef5;--color-flat: #366b7d;--color-overlay: rgba(72, 171, 204, .65);--color-overlay-light: #91cde0;--color-overlay-dark: rgba(38, 112, 136, .65);--color-overlay-very-dark: rgba(27, 79, 96, .65)}.principle a:link,.principle a:visited,.principle h1,.principle h2,.principle h3,.principle h4,.principle h5,.principle h6{color:var(--color)}@media screen and (min-width: 950px){.principle .filter-button:hover h4{text-decoration-color:var(--color);text-decoration-line:underline}}.methodology{--color-xdark: #512958;--color-dark: #65336e;--color: #874493;--color-mid: #d3aeda;--color-light: #e9d7ec;--color-flat: #523458;--color-overlay: rgba(135, 68, 147, .65);--color-overlay-light: #bd86c7;--color-overlay-dark: rgba(71, 36, 77, .65);--color-overlay-very-dark: rgba(39, 20, 42, .65)}.methodology a:link,.methodology a:visited,.methodology h1,.methodology h2,.methodology h3,.methodology h4,.methodology h5,.methodology h6{color:var(--color)}@media screen and (min-width: 950px){.methodology .filter-button:hover h4{text-decoration-color:var(--color);text-decoration-line:underline}}.all{--color-xdark: #3d3d3d;--color-dark: #4d4d4d;--color: #666666;--color-mid: #c2c2c2;--color-light: #e0e0e0;--color-flat: #424242;--color-overlay: rgba(102, 102, 102, .65);--color-overlay-light: #a3a3a3;--color-overlay-dark: rgba(51, 51, 51, .65);--color-overlay-very-dark: rgba(26, 26, 26, .65)}.all a:link,.all a:visited,.all h1,.all h2,.all h3,.all h4,.all h5,.all h6{color:var(--color)}@media screen and (min-width: 950px){.all .filter-button:hover h4{text-decoration-color:var(--color);text-decoration-line:underline}}.set{--color-xdark: #3d3d3d;--color-dark: #4d4d4d;--color: #666666;--color-mid: #c2c2c2;--color-light: #e0e0e0;--color-flat: #424242;--color-overlay: rgba(102, 102, 102, .65);--color-overlay-light: #a3a3a3;--color-overlay-dark: rgba(51, 51, 51, .65);--color-overlay-very-dark: rgba(26, 26, 26, .65)}.set a:link,.set a:visited,.set h1,.set h2,.set h3,.set h4,.set h5,.set h6{color:var(--color)}@media screen and (min-width: 950px){.set .filter-button:hover h4{text-decoration-color:var(--color);text-decoration-line:underline}}.methodology{--color-overlay-dark: rgba(103, 52, 112, .65);--color-overlay-very-dark: rgba(71, 36, 77, .65)}.ar{--rotation: .5deg}*,*:before,*:after{box-sizing:border-box;margin:0;position:relative}body{min-height:100vh;line-height:1.2;font-size:16px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:aktiv-grotesk,sans-serif}#page{font-weight:400}h1,h2,h3,h4,h5,h6{font-weight:600}a{text-decoration:none}blockquote,figcaption{border-color:var(--color)}figcaption{border-inline-start:.5rem solid;padding:.5rem 1rem}h1{line-height:.9;font-size:3rem}h4{font-size:1.4rem}.transparent-no-events{pointer-events:none;opacity:0}.spacer{flex:999 0 auto}@keyframes pulse{0%{opacity:0;transform:scale(2)}to{opacity:1;transform:scale(1)}}.tool-card{overflow:hidden}.tool-card>a{padding:var(--tool-spacing);height:100%;display:flex;flex-direction:column}.tool-card p,.tool-card h3,.tool-card h4{color:#fff}.tool-card-title{cursor:pointer;flex:0 0 calc(1% * var(--size))}@media screen and (max-width: 749px){.tool-card-title{--size: 50}}@media screen and (min-width: 750px){.tool-card-title{--size: 33.3}}@media screen and (min-width: 950px){.tool-card-title{--size: 25}}@media screen and (min-width: 1366px){.tool-card-title{--size: 16.66}}@media screen and (min-width: 1920px){.tool-card-title{--size: 12.5}}.tool-card-title h4{margin:.25rem;color:var(--color)}.tool-card-title .title-inner{display:block;height:100%;padding-block-start:var(--tool-spacing);padding-inline:calc(var(--tool-spacing) / 2)}.tool-card-title .title-inner>div{display:flex;flex-direction:row;height:100%;background:black}.tool-card-title .title-inner .icons{margin-block:.25rem;margin-inline:.25rem 0;display:flex;flex-direction:column}.tool-card-title .title-inner a{width:100%;margin-block-end:.25rem}.tool-card-title .title-inner img{margin:.25rem .25rem 0;max-width:1.5rem}.tool-card{height:calc(1.3vw * var(--size));height:calc(1.2vw * var(--size));flex:0 0 calc(1% * var(--size))}@media screen and (max-width: 749px){.tool-card{--size: 50}}@media screen and (min-width: 750px){.tool-card{--size: 33.3}}@media screen and (min-width: 950px){.tool-card{--size: 25}}@media screen and (min-width: 1366px){.tool-card{--size: 20}}@media screen and (min-width: 1920px){.tool-card{--size: 12.5}}.top{border-radius:1rem 1rem 0 0;border-top:.5rem solid var(--color);display:flex;flex-direction:row;align-items:center;background-color:#000;user-select:none}.top h4{margin:.5rem;margin-inline:.5rem .5rem;color:var(--color);flex:1 0 auto}.top .type{max-inline-size:2rem;margin-inline:.5rem 0}.top .save{max-inline-size:3rem;padding-inline:1rem .5rem;padding-block:.5rem}.top .save.active{animation-name:pulse;animation-duration:.5s;animation-iteration-count:1}.bottom{border-radius:0 0 1rem 1rem;flex:1 1 auto;display:flex;flex-direction:column;position:relative;background-position:50% 0%;background-size:cover;overflow:hidden}.bottom:before{content:"";position:absolute;background:linear-gradient(180deg,rgba(0,0,0,.7) 0%,rgba(255,255,255,.3) 100%);inset:0;border-radius:inherit}.bottom h3{opacity:1;margin-inline:1rem;margin-block:.5rem}.bottom .text{opacity:0;position:absolute;inset:0}.bottom .text p{margin-inline:1rem 1rem}@media screen and (max-width: 749px){.bottom .text p{font-size:90%;line-height:.9}}.bottom .text:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,var(--color) 0%,var(--color-overlay) 100%)}@media screen and (min-width: 750px){.hovered .bottom .text{opacity:1}}