@layer components{.gear-study{border-block:1px solid var(--rule);grid-template-rows:auto auto auto auto 1fr;grid-template-columns:minmax(0,1.45fr) minmax(17rem,1fr);gap:0 2.5rem;padding-block:2rem;display:grid}.gear-heading{grid-area:1/2/3;align-self:end;padding-top:2.75rem}.gear-heading h2{max-width:15ch;font-size:clamp(1.75rem,3vw,2.5rem)}.gear-heading>p{color:var(--ink-2);max-width:34ch;margin-top:.75rem;font-size:1rem}.gear-step{font-family:var(--font-mono);color:var(--ink-3);margin-bottom:.75rem;font-size:.8125rem;display:block}.gear-view-picker{border:1px solid var(--rule);grid-area:1/1;justify-self:start;gap:.2rem;min-width:0;margin:0 0 .75rem;padding:.2rem;display:flex}.gear-view-picker label,.gear-part-picker label{cursor:pointer;position:relative}.gear-view-picker input,.gear-part-picker input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.gear-view-picker span{min-width:6rem;min-height:44px;font-size:var(--text-sm);justify-content:center;align-items:center;padding:.5rem 1rem;font-weight:500;display:flex}.gear-view-picker input:checked+span{background:var(--ink);color:var(--paper)}.gear-view-picker input:focus-visible+span,.gear-part-picker input:focus-visible+span{outline:2px solid var(--ink);outline-offset:3px}.gear-figure{grid-area:2/1/6;min-width:0}.gear-photo{position:relative}.gear-photo img{aspect-ratio:20/19;width:100%;height:auto;display:block}.gear-photo-leaders{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.gear-photo-pointer{fill:none;stroke:#f2f3f0;stroke-width:2px;display:none}.gear-photo-pointer path,.gear-photo-pointer circle{vector-effect:non-scaling-stroke}.gear-photo-pointer circle{stroke-width:3px}.gear-photo-marker{color:#1b1e22;cursor:pointer;width:44px;height:44px;font-family:var(--font-mono);background:#f2f3f0;border:1.5px solid #1b1e22;border-radius:50%;justify-content:center;align-items:center;font-size:.8125rem;font-weight:600;display:flex;position:absolute;transform:translate(-50%,-50%)}.gear-photo-marker:hover{background:#dcdfda}.gear-marker-handle{top:67.9%;left:12.5%}.gear-marker-spool{top:24%;left:91.5%}.gear-marker-bail{top:70%;left:91.5%}.gear-figure figcaption{color:var(--ink-2);padding-top:.7rem;font-size:.8125rem;line-height:1.5}.gear-figure figcaption>span{display:block}.gear-figure figcaption>span:first-child,.gear-figure .gear-diagram-caption{font-weight:600}.media-credit{color:var(--ink-3);margin-top:.4rem;font-size:.75rem;line-height:1.65}.media-credit a{text-underline-offset:.18em}.gear-credit{grid-area:6/1}.gear-diagram{aspect-ratio:20/19;background:var(--paper-2);align-items:center;display:none}.gear-diagram>svg{width:100%;height:auto}.gear-diagram-pointer{fill:none;stroke:var(--ink);stroke-width:1.5px;display:none}.gear-diagram-pointer circle{fill:var(--line-tint);stroke:var(--line-ink)}.gear-diagram-pointer text{fill:var(--ink);stroke:none;font-family:var(--font-sans);font-size:22px;font-weight:600}.gear-figure .gear-diagram-caption{display:none}.gear-part-picker{border:0;grid-area:3/2;gap:.45rem;min-width:0;margin:1.5rem 0 1.25rem;padding:0;display:flex}.gear-part-picker legend{color:var(--ink-2);margin-bottom:.6rem;padding:0;font-size:.8125rem}.gear-part-picker label{flex:1}.gear-part-picker span{border:1px solid var(--rule);min-height:48px;font-size:var(--text-sm);justify-content:center;align-items:center;gap:.45rem;padding:.5rem;display:flex}.gear-part-picker b{font-family:var(--font-mono);font-size:.75rem;font-weight:400}.gear-part-picker input:checked+span{border-color:var(--ink);background:var(--ink);color:var(--paper)}.gear-notes{grid-area:4/2;min-height:14rem}.gear-note{display:none}.gear-note h3{margin-bottom:.7rem;font-size:1.375rem}.gear-job{font-size:1.125rem;font-weight:500;line-height:1.5}.gear-find,.gear-detail{color:var(--ink-2);max-width:38ch;margin-top:.75rem;font-size:.9375rem;line-height:1.6}.gear-next{grid-area:5/2;align-self:start;margin-top:1rem}.gear-study:has(input[value=handle]:checked) [data-part-note=handle],.gear-study:has(input[value=spool]:checked) [data-part-note=spool],.gear-study:has(input[value=bail]:checked) [data-part-note=bail],.gear-study:has(input[value=handle]:checked) .gear-photo-pointer[data-part-marker=handle],.gear-study:has(input[value=spool]:checked) .gear-photo-pointer[data-part-marker=spool],.gear-study:has(input[value=bail]:checked) .gear-photo-pointer[data-part-marker=bail],.gear-study:has(input[value=handle]:checked) .gear-diagram-pointer[data-part-marker=handle],.gear-study:has(input[value=spool]:checked) .gear-diagram-pointer[data-part-marker=spool],.gear-study:has(input[value=bail]:checked) .gear-diagram-pointer[data-part-marker=bail]{display:block}.gear-study:has(input[value=handle]:checked) .gear-marker-handle,.gear-study:has(input[value=spool]:checked) .gear-marker-spool,.gear-study:has(input[value=bail]:checked) .gear-marker-bail{background:#c6f135}.gear-study:has(input[value=diagram]:checked) .gear-photo,.gear-study:has(input[value=diagram]:checked) .gear-photo-caption,.gear-study:has(input[value=diagram]:checked) .gear-find{display:none}.gear-study:has(input[value=diagram]:checked) .gear-diagram{display:flex}.gear-study:has(input[value=diagram]:checked) .gear-diagram-caption{display:block}.gear-study:has(input[value=spool]:checked) .part[data-part=spool] .f-body,.gear-study:has(input[value=handle]:checked) .part[data-part=handle] .f-body2{fill:var(--line-tint);stroke:var(--line-ink);stroke-width:2px}.gear-study:has(input[value=bail]:checked) .part[data-part=bail] path,.gear-study:has(input[value=handle]:checked) .part[data-part=handle] line{stroke:var(--line-ink);stroke-width:4px}.beginner-intro{padding-block:2rem}.beginner-intro h1{max-width:22ch;margin-top:1rem;font-size:clamp(2.25rem,4vw,3.5rem)}.beginner-intro>p{color:var(--ink-2);max-width:58ch;margin-top:1rem}.lesson-index{border-top:1px solid var(--rule);flex-wrap:wrap;gap:.3rem 1.5rem;margin-top:1.5rem;padding-top:1rem;font-size:.875rem;display:flex}.lesson-index a{align-items:center;gap:.5rem;min-height:44px;display:inline-flex}.lesson-index .mono{color:var(--ink-3);font-size:.75rem}.lesson-section{padding-block:2.5rem;scroll-margin-top:1rem}.lesson-section-heading{grid-template-columns:3rem minmax(0,1fr);align-items:start;gap:1rem;margin-bottom:1.5rem;display:grid}.lesson-section-heading>.mono{color:var(--ink-3);padding-top:.45rem;font-size:.8125rem}.lesson-section-heading h2{font-size:clamp(1.6rem,2.7vw,2rem)}.lesson-section-heading p{color:var(--ink-2);max-width:60ch;margin-top:.65rem;font-size:1rem}.reel-recognition{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;display:grid}.reel-choice{min-width:0}.reel-choice-link{text-decoration:none;display:block}.reel-choice-photo{background:var(--paper-2);aspect-ratio:4/3;overflow:hidden}.reel-choice-photo img{object-fit:cover;width:100%;height:100%;display:block}.reel-choice-photo .reel-photo-spinning{object-position:44% 40%}.reel-choice-photo .reel-photo-baitcast{object-position:50% 58%}.reel-choice-link h3{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:center;gap:.75rem;min-height:52px;font-size:1.125rem;display:flex}.reel-choice-link h3 svg{flex:none}.reel-choice-link:hover h3{text-underline-offset:.2em;text-decoration:underline}.reel-choice p:not(.media-credit){color:var(--ink-2);margin-top:.75rem;font-size:.9375rem}.reel-choice p.recognition-model-note{font-size:.8125rem}.recognition-help:last-of-type{border-bottom:1px solid var(--rule)}.recognition-help:first-of-type{margin-top:1.5rem}.recognition-help>div{max-width:67ch;padding:0 0 1.25rem 2rem}.recognition-help p{color:var(--ink-2);font-size:.9375rem}.recognition-help>.recognition-variation{grid-template-columns:minmax(10rem,18rem) minmax(0,1fr);align-items:center;gap:1.5rem;max-width:none;display:grid}.recognition-variation img{width:100%;height:auto}.recognition-variation h3{margin-bottom:.5rem;font-size:1.125rem}.lesson-study{padding-block:0 1rem;scroll-margin-top:1rem}.beginner-motion{border-bottom:1px solid var(--rule)}.beginner-motion-prompt{color:var(--ink-2);max-width:60ch;margin-bottom:1.5rem;font-size:1rem}.beginner-lab .lab{padding-block:1.5rem}.beginner-lab .lab-body{padding-inline:0}.beginner-lab .lab-body>.region-title h2{font-size:1.375rem}.beginner-lab .lab-reels{grid-template-columns:minmax(0,42rem)}.lesson-watch-actions{flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem;display:flex}.lesson-watch-actions>a:not(.text-action){align-items:center;min-height:44px;font-size:.875rem;display:inline-flex}.lesson-next{border-block:1px solid var(--rule);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:3rem;padding-block:2.5rem;display:grid}.lesson-next h2{font-size:clamp(1.6rem,2.7vw,2rem)}.lesson-next p{max-width:42ch;color:var(--ink-2);margin-top:.8rem;font-size:1rem}.lesson-next-links{align-content:start;gap:.5rem;display:grid}.lesson-next-links a{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;gap:1rem;min-height:48px;font-size:.9375rem;text-decoration:none;display:flex}.lesson-next-links a:first-child{border-color:var(--ink);font-weight:600}.photo-practice{padding-block:2.5rem;scroll-margin-top:1rem}.photo-practice [hidden]{display:none}.practice-workspace{grid-template-columns:minmax(0,1.3fr) minmax(17rem,1fr);align-items:start;gap:2.5rem;display:grid}.practice-image{position:relative}.practice-image img{aspect-ratio:4/3;width:100%;height:auto;display:block}.practice-leaders{fill:none;stroke:#f2f3f0;stroke-width:2px;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.practice-leaders path,.practice-leaders circle{vector-effect:non-scaling-stroke}.practice-marker,.practice-static-marker{color:#1b1e22;width:44px;height:44px;font-family:var(--font-mono);background:#f2f3f0;border:1.5px solid #1b1e22;border-radius:50%;justify-content:center;align-items:center;font-size:.9375rem;font-weight:600;display:flex;position:absolute;transform:translate(-50%,-50%)}.practice-marker{cursor:pointer}.practice-marker:hover{background:#dcdfda}.practice-marker:focus-visible{outline-offset:4px;outline-color:#f2f3f0}.practice-marker-a{top:27%;left:12.5%}.practice-marker-b{top:14%;left:57%}.practice-marker-c{top:55%;left:32%}.practice-image[data-answer=A] .practice-marker-a,.practice-image[data-answer=B] .practice-marker-b,.practice-image[data-answer=C] .practice-marker-c{background:#c6f135}.practice-image[data-answer=A] [data-letter=A],.practice-image[data-answer=B] [data-letter=B],.practice-image[data-answer=C] [data-letter=C]{stroke:#c6f135;stroke-width:3px}.practice-image[data-answer] .practice-marker{cursor:default}.practice-photo figcaption{color:var(--ink-2);margin-top:.75rem;font-size:.8125rem;line-height:1.5}.practice-progress{font-family:var(--font-mono);color:var(--ink-3);margin-bottom:.75rem;font-size:.75rem}.practice-question{font-size:clamp(1.4rem,2.4vw,1.8rem)}.practice-instruction{color:var(--ink-2);margin-top:.65rem;font-size:1rem}.practice-answer-picker{border:0;gap:.5rem;margin:1.25rem 0 .5rem;padding:0;display:flex}.practice-answer-picker button{border:1px solid var(--rule);cursor:pointer;flex:1;min-height:44px;padding:.5rem .75rem;font-size:.9375rem}.practice-answer-picker button:hover:not(:disabled){border-color:var(--ink);background:var(--paper-2)}.practice-answer-picker button:disabled{cursor:default;color:var(--ink-3)}.practice-answer-picker button[data-correct]{border-color:var(--ink);color:var(--ink);font-weight:600}.practice-help-row{flex-wrap:wrap;align-items:center;gap:.5rem 1.2rem;font-size:.875rem;display:flex}.practice-hint-button{text-underline-offset:.2em;cursor:pointer;min-height:44px;padding-block:.5rem;text-decoration:underline}.practice-help-row a{align-items:center;min-height:44px;display:inline-flex}.practice-hint{color:var(--ink-2);margin-top:.5rem;font-size:.9375rem}.practice-feedback{margin-top:1rem;font-size:1rem;line-height:1.6}.practice-feedback:empty{margin-top:0}.practice-next,.practice-reset{cursor:pointer;background:var(--ink);min-height:44px;color:var(--paper);border:1px solid var(--ink);margin-top:1rem;padding:.6rem 1rem;font-size:.9375rem}.practice-summary h3{font-size:1.6rem}.practice-summary>p{color:var(--ink-2);margin-top:.75rem;font-size:1rem}.practice-review{margin-top:1rem}.practice-review p{margin-top:.5rem;font-size:.9375rem}.practice-static{padding-top:1rem}.practice-static dl{margin-top:0;padding:0 0 1rem 2rem}.practice-static dt{margin-top:.75rem;font-weight:600}.practice-static dd{color:var(--ink-2);margin-top:.25rem;font-size:.9375rem}.photo-practice[data-enhanced] .practice-static,.photo-practice[data-enhanced] .practice-static-marker{display:none}@media (width>=64rem){.beginner-lab .focused-lab .lab-body{grid-template-rows:auto auto auto 0 auto 1fr auto auto;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);column-gap:2.5rem;display:grid}.beginner-lab .lab-body>.region-title{grid-area:1/2;align-self:end;margin-bottom:1rem}.beginner-lab .lab-controls{grid-area:2/2}.beginner-lab .lab-question{grid-area:3/2}.beginner-lab .lab-announce{grid-area:4/2}.beginner-lab .lab-demonstration{grid-area:5/2;align-self:start}.beginner-lab .focused-lab .lab-reels{grid-area:1/1/7;grid-template-columns:minmax(0,1fr)}.beginner-lab .lab-legend{grid-area:7/1}.beginner-lab .lab-example-note{grid-area:8/1}.beginner-lab .focused-lab .lab-prediction-body{grid-template-columns:minmax(0,1fr)}.beginner-lab .focused-lab .lab-steps{margin-left:0}}@media (width<=63.99rem){.gear-study{grid-template-columns:minmax(0,1.2fr) minmax(16rem,1fr);gap:0 1.5rem}.gear-part-picker span{gap:.3rem}.gear-part-picker b{display:none}.gear-notes{min-height:14rem}.reel-recognition{gap:1rem}.practice-workspace{grid-template-columns:minmax(0,1fr) minmax(15rem,1fr);gap:1.5rem}}@media (width<=47.99rem){.gear-study{grid-template-columns:minmax(0,1fr);gap:0;padding-block:1.5rem}.gear-heading{grid-area:1/1;padding:0}.gear-heading h2{max-width:none;font-size:1.75rem}.gear-heading>p{max-width:36ch;margin-top:.5rem;font-size:.9375rem}.gear-heading:has(.gear-step){grid-template-columns:1.75rem minmax(0,1fr);gap:0 .5rem;display:grid}.gear-heading:has(.gear-step) h2,.gear-heading:has(.gear-step)>p{grid-column:2}.gear-step{grid-area:1/1;margin:.25rem 0 0}.gear-view-picker{grid-area:2/1;margin-top:1rem}.gear-figure{grid-area:3/1}.gear-part-picker{grid-area:4/1;margin-block:1rem}.gear-part-picker legend{margin-bottom:.4rem}.gear-part-picker b{display:block}.gear-notes{grid-area:5/1;min-height:12.5rem}.gear-note h3{margin-bottom:.5rem;font-size:1.25rem}.gear-job{font-size:1.0625rem}.gear-find,.gear-detail{max-width:none;margin-top:.6rem}.gear-next{grid-area:6/1;margin-top:.75rem}.gear-credit{grid-area:7/1;margin-top:1rem}.gear-diagram-pointer text{font-size:25px}.gear-figure .media-credit{margin-top:.25rem}.beginner-intro{padding-block:1.5rem}.beginner-intro h1{font-size:2.25rem}.beginner-intro>p{font-size:1rem}.lesson-index{gap:0 1rem;margin-top:1rem;padding-top:.75rem}.lesson-section{padding-block:1.75rem}.lesson-section-heading{grid-template-columns:1.75rem minmax(0,1fr);gap:.5rem;margin-bottom:1.25rem}.lesson-section-heading>.mono{padding-top:.25rem}.lesson-section-heading h2{font-size:1.5rem}.lesson-section-heading p{font-size:.9375rem}.reel-recognition{grid-template-columns:minmax(0,1fr);gap:1.5rem}.reel-choice{grid-template-columns:minmax(0,1fr);display:grid}.reel-choice-photo{aspect-ratio:3/2}.reel-choice-link h3{font-size:1.125rem}.reel-choice p:not(.media-credit){margin-top:.5rem}.recognition-help>.recognition-variation{grid-template-columns:minmax(0,1fr);gap:1rem}.recognition-variation img{max-width:24rem}.lesson-next{grid-template-columns:minmax(0,1fr);gap:1.5rem;padding-block:1.75rem}.photo-practice{padding-block:1.75rem}.practice-workspace{grid-template-columns:minmax(0,1fr);gap:1.5rem}.practice-question{font-size:1.5rem}}}@media print{.gear-study{break-inside:avoid;display:block}.gear-heading{padding-top:0}.gear-view-picker,.gear-part-picker,.gear-photo-marker,.gear-photo-leaders,.gear-next,.lesson-index,.practice-marker,.practice-live,.practice-summary,.lesson-watch-actions{display:none}.gear-photo,.gear-diagram{aspect-ratio:auto;max-width:26rem;margin-top:1rem;display:block}.gear-note{margin-top:1rem;display:block}.gear-notes{min-height:0}.gear-figure figcaption>span,.practice-static,.practice-static-marker,.practice-static details>*{display:block}.practice-static details::details-content{content-visibility:visible}.practice-workspace,.lesson-next,.beginner-lab .focused-lab .lab-body{display:block}.practice-photo{max-width:30rem}.reel-recognition{grid-template-columns:repeat(3,minmax(0,1fr))}.media-credit a:after{content:none}}