[data-page-variant=howto-10] .h10-container{width:100%;max-width:1200px;margin:0 auto;padding:0 15px}[data-page-variant=howto-10] .h10-band{background:var(--color-accent-beige);padding:3.75rem 0 1.5rem}[data-page-variant=howto-10] .h10-band__title{color:var(--color-ink);text-align:center;margin:0;font-size:2.5rem;font-weight:700;line-height:1.25}[data-page-variant=howto-10] .h10-intro{text-align:center;max-width:660px;margin:1.5rem auto 0}[data-page-variant=howto-10] .h10-intro h2{color:var(--color-ink);font-weight:500;line-height:1.5;margin:0!important;font-size:1.125rem!important}[data-page-variant=howto-10] .h10-intro p{color:#515151;margin:1rem 0 0;font-size:1rem;line-height:1.63}[data-page-variant=howto-10] .h10-intro [style*=margin-bottom]{margin-bottom:0!important}[data-page-variant=howto-10] .h10-modes{flex-wrap:wrap;justify-content:center;align-items:flex-start;margin:2.5rem 0 0;display:flex}[data-page-variant=howto-10] .h10-mode{font:inherit;color:var(--color-ink);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:0 2.5rem;display:flex}[data-page-variant=howto-10] .h10-mode__icon{flex:0 0 40px;width:40px;height:40px;display:flex}[data-page-variant=howto-10] .h10-mode__icon svg{stroke-width:1.25px;width:40px;height:40px;transition:transform .3s}[data-page-variant=howto-10] .h10-mode__text{flex-direction:column;display:flex}[data-page-variant=howto-10] .h10-mode__name{border-bottom:1px solid #0000;align-self:flex-start;margin-bottom:.25rem;font-size:1rem;font-weight:700;line-height:1;transition:border-color .2s}[data-page-variant=howto-10] .h10-mode__n{color:#515151;font-size:.875rem;line-height:1.2}[data-page-variant=howto-10] .h10-mode:hover .h10-mode__name,[data-page-variant=howto-10] .h10-mode.is-active .h10-mode__name{border-bottom-color:var(--color-ink)}[data-page-variant=howto-10] .h10-mode:hover .h10-mode__icon svg{transform:translateY(-2px)}[data-page-variant=howto-10] .h10-mode:focus-visible{outline:2px solid var(--color-ink);outline-offset:3px}[data-page-variant=howto-10] .h10-filter:focus-visible{outline:2px solid var(--color-ink);outline-offset:3px}[data-page-variant=howto-10] .h10-modes__sep{border-left:1px solid #00000014;width:0;height:30px;margin:5px 0 1.5rem}[data-page-variant=howto-10] .h10-mode[hidden],[data-page-variant=howto-10] .h10-widget[hidden],[data-page-variant=howto-10] .h10-tools[hidden]{display:none}[data-page-variant=howto-10] .h10-modes:not(:has(.h10-mode:not([hidden]))){display:none}[data-page-variant=howto-10] .h10-main{padding:6.25rem 0 5rem}[data-page-variant=howto-10] .h10-row{grid-template-columns:minmax(0,1fr);gap:0;display:grid}[data-page-variant=howto-10] .h10-sidebar{margin-bottom:4.375rem}[data-page-variant=howto-10] .h10-widget{margin-bottom:2.5rem}[data-page-variant=howto-10] .h10-widget__title,[data-page-variant=howto-10] .h10-rest h2{color:var(--color-ink);font-weight:700;line-height:1.25;text-align:left!important;margin:0 0 1.25rem!important;font-size:1.25rem!important}[data-page-variant=howto-10] .h10-widget__list{margin:0;padding:0;list-style:none}[data-page-variant=howto-10] .h10-widget__list li{margin-bottom:5px}[data-page-variant=howto-10] .h10-filter{font:inherit;cursor:pointer;text-align:left;color:#6d6d6d;background:0 0;border:0;border-bottom:1px solid #fff;padding:2px 0;line-height:1.2;text-decoration:none;display:inline-block}[data-page-variant=howto-10] .h10-filter:hover,[data-page-variant=howto-10] .h10-filter.is-active{color:var(--color-ink);border-bottom-color:var(--color-ink)}[data-page-variant=howto-10] .h10-filter__n{font-size:.875rem}[data-page-variant=howto-10] .h10-rest [style*=border-radius]{border-radius:0!important}[data-page-variant=howto-10] .h10-rest [style*=text-align\:center]{text-align:left!important}[data-page-variant=howto-10] .h10-rest section{margin:0 0 1.5rem!important}[data-page-variant=howto-10] .h10-rest p{margin:.75rem 0 0!important}[data-page-variant=howto-10] .h10-rest .btn{font-size:.875rem}[data-page-variant=howto-10] .h10-tools{margin-bottom:1.25rem}[data-page-variant=howto-10] .h10-search{width:100%;min-height:45px;font:inherit;color:var(--color-ink);border:0;border-bottom:1px solid var(--color-input-border);background:0 0;border-radius:0;padding:.72rem 0;font-size:1rem;transition:border-color .2s}[data-page-variant=howto-10] .h10-search::placeholder{color:#6d6d6d;opacity:1}[data-page-variant=howto-10] .h10-search:focus-visible{border-bottom:2px solid var(--color-ink);outline:none}[data-page-variant=howto-10] .h10-toolbar{scroll-margin-top:calc(var(--header-h,var(--header-compact-h)) + 1rem);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.5rem;margin-bottom:1.875rem;display:flex}[data-page-variant=howto-10] .h10-count{color:var(--color-ink);flex-wrap:wrap;align-items:center;gap:.5rem;margin:0;display:flex}[data-page-variant=howto-10] .h10-chip{text-transform:uppercase;letter-spacing:.5px;background:var(--color-accent-beige);color:var(--color-ink);align-items:center;gap:.35rem;margin-left:.5rem;padding:.2rem .35rem .2rem .75rem;font-size:.75rem;font-weight:500;display:inline-flex}[data-page-variant=howto-10] .h10-chip[hidden],[data-page-variant=howto-10] .h10-sort[hidden],[data-page-variant=howto-10] .h10-sort__menu[hidden]{display:none}[data-page-variant=howto-10] .h10-chip__x{font:inherit;color:var(--color-ink);cursor:pointer;background:0 0;border:0;padding:0 .35rem;font-size:1.1rem;line-height:1;transition:color .2s}[data-page-variant=howto-10] .h10-chip__x:hover{color:#b3261e}[data-page-variant=howto-10] .h10-sort{position:relative}[data-page-variant=howto-10] .h10-sort__toggle{font:inherit;color:var(--color-ink);cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:11px 0;font-size:.875rem;transition:color .2s;display:inline-flex}[data-page-variant=howto-10] .h10-sort__toggle svg{width:14px;height:14px;transition:transform .2s}[data-page-variant=howto-10] .h10-sort__toggle[aria-expanded=true] svg{transform:rotate(180deg)}[data-page-variant=howto-10] .h10-sort__toggle:hover{color:#6d6d6d}[data-page-variant=howto-10] .h10-sort__toggle:focus-visible{outline:2px solid var(--color-ink);outline-offset:4px}[data-page-variant=howto-10] .h10-sort__menu{z-index:3;background:#fff;border:1px solid #00000026;border-radius:4px;min-width:160px;margin:2px 0 0;padding:.5rem 0;list-style:none;animation:.2s ease-out h10-menu;position:absolute;top:100%;right:0;box-shadow:0 8px 16px #0000002d}[data-page-variant=howto-10] .h10-sort__item{text-align:left;width:100%;font:inherit;color:var(--color-ink);cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:.25rem 1.5rem;font-size:.875rem;transition:background-color .2s;display:block}[data-page-variant=howto-10] .h10-sort__item:hover{background:#f7f7f7;outline:none}[data-page-variant=howto-10] .h10-sort__item:focus-visible{background:#f7f7f7;outline:none}[data-page-variant=howto-10] .h10-sort__item[aria-selected=true]{font-weight:500}[data-page-variant=howto-10] .h10-empty{color:#6d6d6d;margin:0 0 1.5rem}[data-page-variant=howto-10] .h10-empty__clear{font:inherit;text-transform:uppercase;letter-spacing:.5px;color:var(--color-ink);cursor:pointer;background:0 0;border:0;border-bottom:1px solid #e4e4e4;margin-left:.5rem;padding:0;font-size:.875rem;font-weight:500;transition:border-color .2s}[data-page-variant=howto-10] .h10-empty__clear:hover{border-bottom-color:var(--color-ink)}[data-page-variant=howto-10] .h10-card.is-fresh{animation:.35s ease-out h10-fade}@keyframes h10-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes h10-menu{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}[data-page-variant=howto-10] .h10-grid{grid-template-columns:minmax(0,1fr);gap:3.125rem 1.875rem;display:grid}[data-page-variant=howto-10] .h10-card{min-width:0}[data-page-variant=howto-10] .h10-card__media{aspect-ratio:4/3;background:#f8f9fa;display:block;overflow:hidden}[data-page-variant=howto-10] .h10-card__img{object-fit:cover;width:100%;height:100%;transition:transform .6s;display:block}[data-page-variant=howto-10] .h10-card--cover:hover .h10-card__img{transform:scale(1.1)}[data-page-variant=howto-10] .h10-card__media--icon{color:var(--color-ink);justify-content:center;align-items:center;transition:background-color .3s;display:flex}[data-page-variant=howto-10] .h10-card__media--icon svg{stroke-width:1.25px;width:56px;height:56px;transition:transform .3s}[data-page-variant=howto-10] .h10-card:hover .h10-card__media--icon{background:var(--color-accent-beige)}[data-page-variant=howto-10] .h10-card:hover .h10-card__media--icon svg{transform:scale(1.08)}[data-page-variant=howto-10] .h10-card__body{padding-top:1.25rem}[data-page-variant=howto-10] .h10-card__type{text-transform:uppercase;letter-spacing:.5px;color:#6d6d6d;margin:0;font-size:.75rem;font-weight:500}[data-page-variant=howto-10] .h10-card__name{color:var(--color-ink);overflow-wrap:anywhere;margin:5px 0 0;font-size:1rem;font-weight:700}[data-page-variant=howto-10] .h10-card--cover .h10-card__name{margin:0;font-size:1.25rem}[data-page-variant=howto-10] .h10-card__name a{color:inherit;text-decoration:none}[data-page-variant=howto-10] .h10-card__name a:hover{text-decoration:underline}[data-page-variant=howto-10] .h10-card__excerpt{color:#6d6d6d;overflow-wrap:anywhere;margin:.5rem 0 0;font-size:.9375rem;line-height:1.63}[data-page-variant=howto-10] .h10-card__excerpt p{margin:0;font-size:inherit!important;color:inherit!important}[data-page-variant=howto-10] .h10-card__excerpt a{color:var(--color-ink)}[data-page-variant=howto-10] .h10-card__actions{flex-wrap:wrap;gap:.5rem 1.25rem;margin:.625rem 0 0;display:flex}[data-page-variant=howto-10] .h10-action{font:inherit;text-transform:uppercase;letter-spacing:.5px;color:#6d6d6d;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #e4e4e4;padding:0;font-size:.875rem;font-weight:500;text-decoration:none}[data-page-variant=howto-10] .h10-action:hover{color:var(--color-ink);border-bottom-color:var(--color-ink)}[data-page-variant=howto-10] .h10-fallback{padding:2.5rem 0 0}[data-page-variant=howto-10] .h10-body{overflow-wrap:anywhere}[data-page-variant=howto-10] .h10-body div[style*=display\:grid]{grid-template-columns:minmax(0,1fr)!important}[data-page-variant=howto-10] .h10-body [style*=border-radius]{border-radius:0!important}@media (prefers-reduced-motion:reduce){[data-page-variant=howto-10] .h10-card.is-fresh,[data-page-variant=howto-10] .h10-sort__menu{animation:none}[data-page-variant=howto-10] .h10-card--cover:hover .h10-card__img,[data-page-variant=howto-10] .h10-card:hover .h10-card__media--icon svg,[data-page-variant=howto-10] .h10-mode:hover .h10-mode__icon svg{transform:none}}@media (max-width:767px){[data-page-variant=howto-10] .h10-sidebar{order:2;margin:3rem 0 0}[data-page-variant=howto-10] .h10-modes__sep{display:none}[data-page-variant=howto-10] .h10-mode{flex:0 0 50%;gap:.75rem;padding:0 .75rem}[data-page-variant=howto-10] .h10-mode__icon{flex-basis:32px;width:32px;height:32px}[data-page-variant=howto-10] .h10-mode__icon svg{width:32px;height:32px}[data-page-variant=howto-10] .h10-band__title{font-size:2rem}}@media (min-width:576px){[data-page-variant=howto-10] .h10-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:768px){[data-page-variant=howto-10] .h10-row{grid-template-columns:25% minmax(0,1fr)}[data-page-variant=howto-10] .h10-sidebar{margin-bottom:0;padding-right:30px}[data-page-variant=howto-10] .h10-sidebar__inner{top:calc(var(--header-compact-h) + 1rem);position:-webkit-sticky;position:sticky}}@media (min-width:992px){[data-page-variant=howto-10] .h10-grid{grid-template-columns:repeat(3,minmax(0,1fr))}[data-page-variant=howto-10] .h10-main{padding-bottom:6.875rem}[data-page-variant=howto-10] .h10-modes{flex-wrap:nowrap;justify-content:space-between}[data-page-variant=howto-10] .h10-mode{padding:0 1.5rem}}