.fg-tabs>button{flex:1 1 0;padding-inline:6px}.fg-learn-entry{display:grid;grid-template-columns:100px minmax(0,1fr) 20px;align-items:center;gap:12px;width:100%;min-height:100px;padding:8px 16px 8px 8px;margin:16px 0 24px;border:1px solid var(--line);border-radius:var(--r-2);background:var(--soft);color:var(--text);text-align:left}.fg-learn-entry>img{display:block;width:100%;height:80px;object-fit:contain}.fg-learn-entry strong,.fg-learn-entry small{display:block}.fg-learn-entry strong{font-size:1rem;line-height:1.3}.fg-learn-entry small{margin-top:6px;font-size:.875rem;line-height:1.4;color:var(--muted)}.fg-learn-entry>.icon{color:var(--ocean);width:20px}.knots-library .fg-intro p{color:var(--muted);font-size:.95rem;line-height:1.5;margin:8px 0 0}.knots-group{margin:24px 0}.knots-group>h3{font-size:.95rem;margin:0 0 12px;color:var(--muted);font-weight:650}.knots-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.knots-card{display:grid;grid-template-columns:116px minmax(0,1fr) 20px;min-width:0;align-items:center;gap:12px;min-height:128px;padding:8px 12px;text-align:left;border:1px solid var(--line);border-radius:var(--r-2);color:var(--text);background:var(--surface);box-shadow:none}.knots-card-art{display:flex;align-items:center;min-width:0;height:106px}.knots-card-art img{width:100%;height:100%;object-fit:contain;filter:none;mix-blend-mode:normal}.knots-card-copy strong{display:block;margin:0 0 6px;font-size:1rem;line-height:1.35}.knots-card-copy small{display:block;font-size:.875rem;line-height:1.45;color:var(--muted)}.knots-card>.icon{width:20px;color:var(--ocean)}.knots-lesson{width:min(100%,640px);margin-inline:auto}.knots-compatible{display:flex;align-items:flex-start;gap:8px;font-size:.85rem;color:var(--muted);line-height:1.5;margin:0 0 8px}.knots-compatible .icon{width:18px;height:18px;flex-shrink:0;margin-top:2px}.knots-step-art{margin:0;width:100%;aspect-ratio:8/5;max-height:300px}.knots-step-art img{display:block;width:100%;height:100%;object-fit:contain;filter:none;mix-blend-mode:normal}.knots-step-copy{min-height:120px;padding-top:12px}.knots-step-copy h3{margin:6px 0 8px;font-size:1.2rem;line-height:1.3}.knots-step-copy p{margin:0;font-size:.95rem;line-height:1.6;color:var(--text)}.knots-legend{display:flex;flex-wrap:wrap;gap:6px 20px;margin:12px 0 16px;font-size:.8rem;color:var(--muted)}.knots-legend span{display:inline-flex;gap:8px;align-items:center}.knots-legend i{display:inline-block;width:18px;height:4px;border-radius:8px}.knots-line-main{background:#1586ae}.knots-line-tag{background:#d97127}.knots-step-picker{display:flex;gap:8px;padding:0;margin:8px 0 16px}.knots-step-picker button{width:48px;height:48px;border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:12px;font-weight:700}.knots-step-picker [aria-pressed=true]{border-color:var(--ocean);color:var(--ocean);background:var(--soft);box-shadow:inset 0 -3px var(--ocean)}.knots-step-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.knots-step-controls button{display:flex;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:12px 8px}.knots-step-controls button:disabled{opacity:.45;cursor:default}.knots-tip{display:flex;align-items:flex-start;gap:10px;padding:16px 0 0;margin-top:20px;border-top:1px solid var(--line)}.knots-tip .icon{flex-shrink:0;width:20px;color:var(--ocean);margin-top:3px}.knots-tip p,.knots-check{font-size:.85rem;color:var(--muted);line-height:1.6;margin:0}.knots-check{margin:16px 0}.knots-sources{margin-top:12px;border-top:1px solid var(--line)}.knots-sources summary{display:flex;align-items:center;justify-content:space-between;min-height:48px;gap:12px;cursor:pointer;color:var(--muted);font-size:.85rem}.knots-sources summary::marker{content:""}.knots-sources summary::-webkit-details-marker{display:none}.knots-sources summary .icon{width:18px}.knots-sources p{font-size:.85rem;color:var(--muted);line-height:1.5}.knots-sources a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;font-size:.85rem;color:var(--ocean);text-decoration:underline}.knots-sources a .icon{flex-shrink:0;width:18px}.knots-lesson :is(button,a,summary):focus-visible{outline:3px solid var(--ocean);outline-offset:3px}@media(max-width:700px){.knots-list{grid-template-columns:minmax(0,1fr)}}@media(max-width:430px){.fg-tabs{gap:2px}.fg-tabs>button{font-size:.875rem}.knots-card{grid-template-columns:104px minmax(0,1fr) 18px;gap:10px}.fg-learn-entry{grid-template-columns:88px minmax(0,1fr) 18px}}