.instruction-page{background:var(--cream);color:var(--text)}.instruction-page :where(a,button,summary):focus-visible{outline:2px solid var(--accent);outline-offset:4px}.instruction-hero{position:relative;display:flex;min-height:min(43rem,88svh);flex-direction:column;overflow:visible;isolation:isolate;background:var(--ink);color:var(--cream-hi)}.instruction-hero__image,.instruction-hero__veil{position:absolute;z-index:-1;inset:0;width:100%;height:100%}.instruction-hero__image{object-fit:cover;object-position:center}.instruction-hero__veil{background:linear-gradient(90deg,#0a0908db,#0a09087a 55%,#0a09084d),linear-gradient(180deg,rgb(10 9 8 / 48%) 0%,transparent 32%,rgb(10 9 8 / 74%) 100%),radial-gradient(ellipse at 20% 110%,rgb(var(--accent-rgb) / 20%),transparent 52%)}.instruction-hero__veil:after{position:absolute;inset:0;background:repeating-linear-gradient(118deg,rgb(255 250 242 / 2.5%) 0 1px,transparent 1px 6px);content:""}.instruction-header{position:relative;z-index:10;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding-block:clamp(1.3rem,2.5vw,2.5rem)}.instruction-header>a img{width:clamp(9rem,16vw,14rem);height:auto}.instruction-header__tools{display:flex;align-items:flex-start;gap:.55rem}.instruction-dropdown{position:relative}.instruction-dropdown summary{display:flex;min-height:2.75rem;align-items:center;justify-content:center;gap:.55rem;padding:.55rem .9rem;border:1px solid rgb(255 250 242 / 27%);border-radius:999px;background:#14120f7f;color:var(--cream-hi);cursor:pointer;font-size:.8rem;font-weight:600;list-style:none;backdrop-filter:blur(.7rem)}.instruction-dropdown summary::-webkit-details-marker{display:none}.instruction-dropdown[open] summary{border-color:#fffaf2ad}.instruction-dropdown>div{position:absolute;top:calc(100% + .5rem);right:0;display:grid;min-width:12rem;padding:.4rem;border:1px solid rgb(255 250 242 / 18%);border-radius:1rem;background:var(--ink-3);box-shadow:0 1rem 2.5rem #00000040}.instruction-dropdown>div a{display:flex;min-height:2.75rem;align-items:center;padding:.55rem .75rem;border-radius:.6rem;color:var(--cream-hi);font-size:.8rem}.instruction-dropdown>div a:hover{background:#fffaf21a}.instruction-dropdown--menu>div{min-width:14rem}.instruction-hero__content{position:relative;z-index:1;display:flex;flex:1;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding-top:4rem;padding-bottom:clamp(3rem,6vw,5rem)}.instruction-breadcrumb{display:flex;max-width:100%;flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:clamp(3rem,9vh,6rem);color:#fffaf299;font-family:var(--mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase}.instruction-breadcrumb a:hover{color:var(--cream-hi)}.instruction-back{display:inline-flex;align-items:center;min-height:2.75rem;margin-bottom:1rem;color:#fffaf2d1;font-size:.77rem;font-weight:600}.instruction-back:hover{color:var(--cream-hi)}.instruction-eyebrow{margin:0;color:var(--accent-soft);font-family:var(--mono);font-size:.68rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.instruction-hero h1{max-width:58rem;margin:1.2rem 0 1rem;font-family:var(--display);font-size:clamp(4.2rem,8vw,8.4rem);font-weight:400;letter-spacing:-.045em;line-height:.94;text-wrap:balance}.instruction-hero h1 em,.instruction-finale h2 em{color:var(--accent-soft);font-weight:400}.instruction-hero__lead{max-width:43rem;margin:0 0 1.8rem;color:#fffaf2c9;font-size:clamp(.96rem,1.25vw,1.12rem);line-height:1.65}.instruction-hero__actions{display:flex;flex-wrap:wrap;gap:.75rem}.instruction-hero__actions .button{min-height:3.5rem;padding-inline:1.6rem}.instruction-action-icon{display:block;width:1.1rem;height:1.1rem;flex:none}.instruction-print{display:inline-flex;min-height:3.5rem;align-items:center;justify-content:center;gap:.65rem;padding:.7rem 1.6rem;border:1px solid rgb(255 250 242 / 40%);border-radius:999px;background:#14120f4d;color:var(--cream-hi);cursor:pointer;font-size:.84rem;font-weight:600}.instruction-print:hover{background:#fffaf21f}.instruction-facts{background:var(--ink);color:var(--cream-hi)}.instruction-facts dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0}.instruction-facts dl>div{min-height:7.5rem;padding:1.45rem 1.55rem;border-right:1px solid rgb(255 250 242 / 15%);border-top:1px solid rgb(255 250 242 / 15%)}.instruction-facts dl>div:first-child{padding-left:0}.instruction-facts dl>div:last-child{border-right:0}.instruction-facts dt,.instruction-facts small{color:#fffaf29e;font-family:var(--mono);font-size:.62rem;letter-spacing:.08em}.instruction-facts dd{margin:.55rem 0 0;font-family:var(--display);font-size:clamp(1.55rem,2.3vw,2.25rem);line-height:1.05}.instruction-facts small{display:block;margin-top:.4rem;letter-spacing:0}.instruction-body{display:grid;grid-template-columns:minmax(12rem,17rem) minmax(0,1fr);gap:clamp(2rem,5vw,5rem);padding-block:clamp(4rem,8vw,7rem)}.instruction-sidebar{position:sticky;top:1.5rem;height:max-content}.instruction-step-nav{display:grid}.instruction-step-nav>p{margin-bottom:1rem;color:var(--accent-text)}.instruction-step-nav a{display:flex;min-height:3.25rem;align-items:center;gap:.85rem;border-bottom:1px solid var(--line);font-size:.84rem}.instruction-step-nav a span{color:var(--accent-text);font-family:var(--mono);font-size:.65rem}.instruction-step-nav a:hover,.instruction-step-nav a[aria-current=step]{color:var(--accent-text)}.instruction-help{margin-top:1.5rem;padding:1.4rem;border-radius:1.1rem;background:var(--ink-3);color:var(--cream-hi)}.instruction-help strong{display:block;margin-block:.55rem .9rem;font-family:var(--display);font-size:1.55rem;font-weight:400}.instruction-help>div{display:flex;gap:.45rem}.instruction-help>div a{display:grid;min-height:2.65rem;flex:1;place-items:center;border:1px solid rgb(255 250 242 / 34%);border-radius:999px;font-size:.72rem;font-weight:600}.instruction-help>div a:first-child{border-color:var(--accent);background:var(--accent);color:var(--ink)}.instruction-help>div a:hover{background:#fffaf224}.instruction-help>div a:first-child:hover{background:var(--accent-soft)}.instruction-content{display:grid;gap:1.2rem;min-width:0}.instruction-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(14rem,33%);gap:clamp(1.2rem,3vw,3rem);min-height:22rem;padding:clamp(1.3rem,3vw,2.5rem);scroll-margin-top:1.5rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--cream-hi)}.instruction-card--text{min-height:0;grid-template-columns:1fr}.instruction-card__copy{display:flex;flex-direction:column;align-items:flex-start}.instruction-card__heading{display:flex;align-items:baseline;gap:1.1rem}.instruction-card__heading span{color:var(--accent-text);font-family:var(--display);font-size:3.5rem;line-height:.9}.instruction-card h2{margin:0;font-family:var(--display);font-size:clamp(2rem,3vw,3rem);font-weight:400;letter-spacing:-.03em;line-height:1.05}.instruction-card__copy>p{max-width:36rem;margin:1.3rem 0;color:var(--muted);font-size:.99rem;line-height:1.65}.instruction-card__copy>.instruction-public-code{display:flex;width:100%;max-width:27rem;align-items:center;justify-content:space-between;gap:1rem;margin:.25rem 0 1.25rem;padding:.85rem 1.1rem;border:1px solid var(--line);border-radius:.8rem;background:var(--cream);color:var(--ink);font-size:.82rem}.instruction-public-code strong{font-family:var(--mono);font-size:1.1rem;letter-spacing:.14em}.instruction-card__note{display:flex;gap:.85rem;width:100%;margin-top:auto;padding:1rem 1.1rem;border-radius:.8rem;background:var(--cream)}.instruction-card__note span{flex:none;padding-top:.1rem;color:var(--accent-text);font-family:var(--mono);font-size:.59rem;font-weight:700;letter-spacing:.1em}.instruction-card__note p{margin:0;color:var(--muted);font-size:.82rem;line-height:1.5}.instruction-inline-link{margin-top:1rem;color:var(--accent-text);font-size:.78rem;font-weight:700;text-decoration:underline;text-underline-offset:.25em}.instruction-card__photo{position:relative;min-height:17rem;margin:0;overflow:hidden;border-radius:.9rem;background:var(--ink)}.instruction-card__photo:after{position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#0000008c);content:"";pointer-events:none}.instruction-card__photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.instruction-card__photo figcaption{position:absolute;z-index:1;right:1rem;bottom:.9rem;left:1rem;color:var(--cream-hi);font-family:var(--mono);font-size:.55rem;letter-spacing:.1em}.instruction-finale{position:relative;margin-top:1rem;overflow:hidden;padding:clamp(2rem,4vw,3.5rem);border-radius:var(--radius);background:var(--ink);color:var(--cream-hi)}.instruction-finale:before{position:absolute;inset:0;background:radial-gradient(ellipse at 100% 100%,rgb(var(--accent-rgb) / 24%),transparent 60%),repeating-linear-gradient(118deg,rgb(255 250 242 / 2.5%) 0 1px,transparent 1px 6px);content:"";pointer-events:none}.instruction-finale>*{position:relative}.instruction-finale h2{max-width:45rem;margin:.9rem 0 1rem;font-family:var(--display);font-size:clamp(2.8rem,5vw,4.5rem);font-weight:400;letter-spacing:-.04em;line-height:.98}.instruction-finale>p:not(.instruction-eyebrow){max-width:37rem;color:#fffaf2b8}.instruction-finale>span{font-family:var(--display);font-size:1.45rem;font-style:italic}.instruction-finale>div{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}.instruction-finale>div a{display:inline-flex;min-height:2.9rem;align-items:center;padding:.5rem 1.1rem;border:1px solid rgb(255 250 242 / 28%);border-radius:999px;font-size:.75rem;font-weight:600}.instruction-finale>div a:first-child{background:var(--cream-hi);color:var(--ink)}.instruction-footer{background:var(--ink);color:var(--cream-hi)}.instruction-footer>div{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 2rem;padding-block:2rem}.instruction-footer img{width:8rem;height:auto}.instruction-footer p{max-width:25rem;margin:0;color:#fffaf29e;font-size:.74rem}.instruction-footer>div>a:last-of-type{color:var(--accent-soft);font-size:.77rem}.instruction-footer nav{display:flex;flex-wrap:wrap;gap:.8rem;margin-left:auto;font-size:.72rem}.instruction-footer nav a:hover{color:var(--accent-soft)}.instruction-mobile-help{display:none}@media(max-width:800px){.instruction-hero{min-height:40rem}.instruction-header{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"tools tools" "brand brand";row-gap:.85rem;padding-top:max(1rem,env(safe-area-inset-top))}.instruction-header>a{grid-area:brand;justify-self:center}.instruction-header__tools{grid-area:tools;width:100%;justify-content:space-between}.instruction-dropdown summary{min-width:2.75rem;min-height:2.75rem;padding:.45rem .7rem}.instruction-dropdown:not(.instruction-dropdown--menu)>div{right:auto;left:0}.instruction-dropdown--menu>div{right:0;left:auto}.instruction-hero__veil{background:linear-gradient(180deg,#0a09088c,#0a090859 29%,#0a0908e3)}.instruction-breadcrumb{margin-bottom:4rem}.instruction-hero h1{max-width:38rem;font-size:clamp(3.8rem,10vw,6rem)}.instruction-facts dl{grid-template-columns:repeat(2,minmax(0,1fr))}.instruction-facts dl>div{min-height:6.5rem;padding:1.1rem}.instruction-facts dl>div:first-child{padding-left:1.1rem}.instruction-facts dl>div:nth-child(2n){border-right:0}.instruction-body{display:block}.instruction-sidebar{position:sticky;z-index:4;top:0;display:block;width:calc(100% + 2 * var(--gutter));height:auto;margin:-1rem calc(-1 * var(--gutter)) 1.4rem;background:#eee8ddf0;backdrop-filter:blur(.8rem)}.instruction-step-nav{position:relative;display:flex;gap:.5rem;overflow-x:auto;padding:.8rem var(--gutter);scrollbar-width:none}.instruction-step-nav::-webkit-scrollbar{display:none}.instruction-step-nav>p,.instruction-help{display:none}.instruction-step-nav a{display:inline-flex;min-height:2.75rem;flex:none;align-items:center;gap:.35rem;padding:.55rem .8rem;border:1px solid var(--line);border-radius:999px;background:var(--cream-hi);font-size:.72rem}.instruction-step-nav a[aria-current=step]{border-color:var(--accent);background:var(--ink);color:var(--cream-hi)}.instruction-step-nav a[aria-current=step] span{color:var(--accent-soft)}.instruction-card{grid-template-columns:1fr;gap:0;padding:0;overflow:hidden;scroll-margin-top:5.5rem}.instruction-card--text{min-height:0}.instruction-card__photo{grid-row:1;height:11rem;min-height:0;border-radius:0}.instruction-card__copy{padding:1.5rem}.instruction-card__heading span{font-size:2.7rem}.instruction-card h2{font-size:clamp(2rem,5vw,2.8rem)}.instruction-footer nav{width:100%;margin-left:0}}@media(max-width:520px){.instruction-hero{min-height:39rem}.instruction-header>a img{width:8.5rem}.instruction-dropdown summary{font-size:.7rem}.instruction-breadcrumb{display:none}.instruction-hero__content{padding-top:5rem;padding-bottom:2.6rem}.instruction-hero h1{font-size:clamp(3.45rem,14vw,4.9rem)}.instruction-hero__lead{font-size:.85rem}.instruction-hero__actions,.instruction-hero__actions .button{width:100%}.instruction-print{display:none}.instruction-facts dl>div{min-height:6.3rem}.instruction-facts dt{font-size:.54rem}.instruction-facts dd{font-size:1.45rem}.instruction-facts small{font-size:.51rem}.instruction-body{padding-bottom:4rem}.instruction-card__copy{padding:1.3rem}.instruction-card__copy>p{font-size:.88rem}.instruction-card__note{flex-direction:column;gap:.35rem}.instruction-finale{padding:1.5rem}.instruction-footer>div{padding-bottom:6rem}.instruction-mobile-help{position:fixed;z-index:8;right:0;bottom:0;left:0;display:flex;gap:.5rem;padding:.65rem var(--gutter) calc(.65rem + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--cream-hi);box-shadow:0 -.5rem 1.5rem #00000014}.instruction-mobile-help a{display:grid;min-height:2.8rem;flex:1;place-items:center;border:1px solid var(--ink);border-radius:999px;color:var(--ink);font-size:.75rem;font-weight:700}.instruction-mobile-help a:first-child{background:var(--ink);color:var(--cream-hi)}}@media print{.instruction-header__tools,.instruction-hero__actions,.instruction-sidebar,.instruction-card__photo,.instruction-finale>div,.instruction-footer,.instruction-mobile-help{display:none!important}.instruction-hero{min-height:14rem;color:var(--ink);background:#fff}.instruction-hero__image,.instruction-hero__veil{display:none}.instruction-hero__content{padding-block:1rem}.instruction-hero h1{font-size:3rem}.instruction-hero__lead{color:var(--ink)}.instruction-facts{color:var(--ink);background:#fff}.instruction-facts dl>div{min-height:auto}.instruction-facts dt,.instruction-facts small{color:var(--ink)}.instruction-body{display:block;padding-block:1rem}.instruction-card{min-height:0;break-inside:avoid;margin-bottom:.75rem;padding:1rem}.instruction-card__note{background:#fff}.instruction-finale{break-inside:avoid;color:var(--ink);background:#fff}}
