.yg-bar{position:-webkit-sticky;position:sticky;top:117px;z-index:5;display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:10px 0;margin:8px 0 24px;background:var(--nav-glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1.5px solid var(--outline)}.yg-looks,.yg-modes{display:inline-flex;gap:4px;padding:4px;background:var(--raised);border-radius:999px}.yg-looks button,.yg-modes button{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border:0;border-radius:999px;background:transparent;color:var(--muted);font:700 14px var(--font);cursor:pointer}.yg-looks button[aria-pressed=true],.yg-modes button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}.yg-looks .dot{width:14px;height:14px;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 1.5px rgba(0,0,0,.08)}.yg-switch{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:14px;font-weight:700;min-height:40px;padding:0 6px;cursor:pointer;margin-left:auto}.yg-switch input{width:18px;height:18px;accent-color:var(--brand)}.yg-section{margin:48px 0 0}.yg-section h2{font-size:var(--fs-h2);line-height:var(--lh-head);margin:0 0 6px}.yg-section>p{color:var(--muted);margin:0 0 20px;max-width:var(--measure)}.yg-ex{margin:0 0 32px}.yg-ex h3{font-size:17px;margin:0 0 4px}.yg-ex>p{margin:0 0 12px;color:var(--muted);font-size:15px;max-width:var(--measure)}.yg-pair{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:16px;gap:16px;align-items:start}.yg-frame{border-radius:30px;overflow:hidden;border:1.5px solid var(--outline);box-shadow:var(--shadow);max-width:430px;min-height:120px}.yg-markup{margin-top:10px}.yg-markup summary{cursor:pointer;font-size:14px;color:var(--muted);font-weight:700}.yg-markup pre{margin:8px 0 0;font:12.5px/1.5 ui-monospace,Menlo,monospace;background:var(--surface);border:1.5px solid var(--outline);border-radius:14px;padding:12px 14px;overflow-x:auto;white-space:pre-wrap;word-break:break-word}.yg-contract{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:12px;gap:12px;margin:16px 0}.yg-contract .card{padding:16px 18px}.yg-contract .card b{display:block;font-size:32px;line-height:1.1}.yg-classes{columns:160px 3;column-gap:20px;font:12.5px/1.7 ui-monospace,Menlo,monospace;color:var(--muted)}@media (max-width:759px){.yg-bar{top:117px}.yg-switch{margin-left:0}}