.instructions-page{padding-bottom:calc(3rem + env(safe-area-inset-bottom,0px))}.instructions-hero h1{font-size:clamp(1.75rem,4vw,2.25rem);line-height:1.2;margin:.35rem 0 .75rem}.instructions-hero .instructions-lead{color:var(--muted);font-size:1.05rem;max-width:42rem;margin:0 0 1.75rem}.instructions-banner{margin:.75rem calc(-1 * var(--sa-content-pad-x, 1rem)) 1.5rem;border-radius:14px;overflow:hidden;border:1px solid var(--border, #e2e8f0);background:#0f172a;box-shadow:0 8px 28px #0f172a14}.instructions-banner img{width:100%;height:auto;display:block;aspect-ratio:2560 / 424;object-fit:cover;object-position:center}.instructions-role-tabs{display:grid;grid-template-columns:1fr;gap:.5rem;margin-bottom:1.25rem}@media (min-width: 640px){.instructions-role-tabs{grid-template-columns:repeat(3,1fr)}}.instructions-role-tab{display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;padding:.65rem 1rem;border-radius:var(--radius-lg, 12px);border:2px solid var(--border);background:#fff;color:var(--text);font-weight:600;font-size:1rem;font-family:inherit;cursor:pointer;transition:border-color .2s,background .2s,color .2s,box-shadow .2s}.instructions-role-tab:hover{border-color:var(--red);color:var(--red-dark)}.instructions-role-tab:focus-visible{outline:2px solid var(--red);outline-offset:2px}.instructions-role-tab.is-active,.instructions-role-tab[aria-selected=true]{background:var(--red);border-color:var(--red);color:#fff;box-shadow:0 10px 22px #dc262638}.instructions-role-tab.is-active .fi,.instructions-role-tab[aria-selected=true] .fi{color:#fff}.instructions-topic-bar-wrap{margin:0 calc(-1 * var(--sa-content-pad-x, 1rem)) 1.25rem;padding:.15rem 0}.instructions-chip-track{display:flex;flex-wrap:nowrap;align-items:center;gap:.5rem;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:.15rem var(--sa-content-pad-x, 1rem);overscroll-behavior-x:contain}.instructions-chip-track::-webkit-scrollbar{display:none}.instructions-chip{flex:0 0 auto;scroll-snap-align:start;min-height:36px;padding:.4rem .95rem;border-radius:9999px;border:1px solid transparent;background:#f1f5f9;color:#0f172a;font-weight:600;font-size:.875rem;font-family:inherit;line-height:1.25;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s,border-color .15s}.instructions-chip:hover{background:#e2e8f0}.instructions-chip:focus-visible{outline:2px solid var(--red, #dc2626);outline-offset:2px}.instructions-chip.is-active,.instructions-chip[aria-selected=true]{background:var(--red, #dc2626);color:#fff;border-color:var(--red, #dc2626)}.instructions-search-wrap{margin-bottom:1.5rem}.instructions-search-label{display:block;font-weight:600;font-size:.9rem;margin-bottom:.4rem;color:var(--text)}.instructions-search-row{display:flex;flex-direction:column;gap:.5rem}@media (min-width: 640px){.instructions-search-row{flex-direction:row;align-items:stretch}}.instructions-search-input{flex:1;min-height:48px;padding:.65rem 1rem;border:1px solid var(--border);border-radius:var(--radius-lg, 12px);font-size:1rem;font-family:inherit}.instructions-search-input:focus-visible{outline:2px solid var(--red);outline-offset:1px;border-color:var(--red)}.instructions-results-hint{font-size:.9rem;color:var(--muted);margin:0 0 1rem}.instructions-grid{display:grid;grid-template-columns:1fr;gap:1.25rem;align-items:start}@media (min-width: 640px){.instructions-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.35rem}}@media (min-width: 1024px){.instructions-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}}.instruction-card{border:1px solid var(--border);border-radius:12px;overflow:hidden;background:#fff;transition:box-shadow .2s;display:flex;flex-direction:column;min-width:0;height:100%;text-decoration:none;color:inherit}.instruction-card:hover{box-shadow:0 8px 24px #00000014}.instruction-card:focus-visible{outline:2px solid var(--red);outline-offset:2px}.instruction-card__step{position:absolute;top:10px;left:10px;z-index:2;min-width:2rem;height:2rem;padding:0 .5rem;display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;background:var(--red, #dc2626);color:#fff;font-weight:800;font-size:.95rem;line-height:1;box-shadow:0 4px 12px #00000040}.instruction-card__thumb{position:relative;width:100%;aspect-ratio:16 / 9;background:#f1f5f9;overflow:hidden}.instruction-card__thumb img{width:100%;height:100%;object-fit:cover;display:block}.instruction-card__play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0f172a40;pointer-events:none}.instruction-card__play span{width:3rem;height:3rem;border-radius:50%;background:var(--red);box-shadow:0 4px 14px #00000040;display:flex;align-items:center;justify-content:center}.instruction-card__play span:after{content:"";margin-left:3px;border-style:solid;border-width:8px 0 8px 14px;border-color:transparent transparent transparent #fff}.instruction-card__body{padding:1.1rem 1.15rem;flex:1;display:flex;flex-direction:column;gap:.5rem}.instruction-card__title{font-size:1.1rem;font-weight:700;margin:0;color:var(--text);line-height:1.35}.instruction-card__desc{font-size:.95rem;color:var(--muted);line-height:1.5;margin:0;flex:1}.instruction-card__tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.25rem}.instruction-tag{font-size:.75rem;font-weight:600;padding:.2rem .55rem;border-radius:999px;background:#f1f5f9;color:#475569}.instructions-empty{padding:2rem 1.25rem;text-align:center;border:1px dashed var(--border);border-radius:12px;background:#f8fafc}.instructions-empty p{margin:0 0 1rem;color:var(--muted)}.instructions-role-empty{margin-top:.5rem;padding:1.25rem;border-radius:12px;background:var(--red-light, #fef2f2);color:var(--text);font-size:.95rem}.instructions-aside{margin-top:2.5rem;padding:1.5rem;border-radius:12px;border:1px solid var(--border);background:#f8fafc}.instructions-aside p{margin:0 0 .75rem;color:var(--muted);font-size:.95rem}.instructions-aside p:last-child{margin-bottom:0}.instructions-aside a{color:var(--red-dark);font-weight:600}.instruction-detail__series{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin:0 0 .75rem;font-size:.9rem;font-weight:600;color:var(--muted)}.instruction-detail__series-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.75rem;height:1.75rem;padding:0 .45rem;border-radius:9999px;background:var(--red, #dc2626);color:#fff;font-weight:800}.instruction-detail__nav{display:grid;gap:.75rem;margin:2rem 0 1rem;padding-top:1.25rem;border-top:1px solid var(--border, #e2e8f0)}@media (min-width: 640px){.instruction-detail__nav{grid-template-columns:1fr 1fr;gap:1rem}}.instruction-detail__nav-link{display:block;padding:.75rem .9rem;border-radius:10px;border:1px solid var(--border, #e2e8f0);background:#f8fafc;color:var(--red-dark, #b91c1c);font-weight:600;font-size:.9rem;line-height:1.35;text-decoration:none}.instruction-detail__nav-link:hover{border-color:var(--red, #dc2626);background:#fff}.instruction-detail__nav-link--next{text-align:right}.instruction-detail h1{font-size:clamp(1.5rem,3.5vw,2rem);line-height:1.25;margin:.5rem 0 .75rem}.instruction-detail__lead{color:var(--muted);font-size:1.05rem;margin:0 0 1.5rem;max-width:48rem}.instruction-player{width:100%;max-width:900px;margin:0 auto 1.75rem;border-radius:12px;overflow:hidden;background:#0f172a;border:1px solid var(--border)}.instruction-player--landscape{aspect-ratio:16 / 9}.instruction-player--short{aspect-ratio:9 / 16;max-width:400px}.instruction-player iframe{width:100%;height:100%;border:0;display:block}.instruction-detail__section-title{font-size:1.15rem;font-weight:700;margin:0 0 .75rem}.instruction-topics{margin:0 0 1.5rem;padding-left:1.25rem;color:var(--text)}.instruction-topics li{margin-bottom:.35rem}.instruction-chapters{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.instruction-chapter-btn{display:block;width:100%;text-align:left;min-height:44px;padding:.65rem .85rem;border-radius:10px;border:1px solid var(--border);background:#fff;font-family:inherit;font-size:.95rem;font-weight:600;color:var(--text);cursor:pointer}.instruction-chapter-btn:hover{border-color:var(--red);color:var(--red-dark)}.instruction-chapter-btn:focus-visible{outline:2px solid var(--red);outline-offset:2px}.instruction-chapter-btn.is-active{border-color:var(--red);background:var(--red-light, #fef2f2)}.instruction-back{display:inline-flex;align-items:center;gap:.35rem;margin-top:2rem;font-weight:600;color:var(--red-dark);text-decoration:none}.instruction-back:hover{text-decoration:underline}