.written-conn-meaning{font-size:var(--fs-small);color:hsl(var(--foreground));margin:0 0 4px;font-weight:500;line-height:1.45}.written-conn-grammar{font-size:var(--fs-small);color:hsl(var(--muted-foreground));margin:6px 0 0;padding:8px 10px;background:hsl(var(--muted) / .6);border:none;border-radius:8px;line-height:1.45}.written-conn-grammar-label{font-size:12px;font-weight:600;color:hsl(var(--muted-foreground));margin-right:6px}.written-conn-tip{font-size:var(--fs-small);color:hsl(var(--muted-foreground));margin:0 0 12px;padding:8px 10px;background:hsl(var(--muted) / .6);border:none;border-radius:8px;line-height:1.45}.written-conn-count{font-size:12px;color:hsl(var(--muted-foreground));margin:8px 2px 0}.written-conn-search{margin-bottom:4px}.wl-page{max-width:720px;margin:0 auto;padding:clamp(28px,4vw,56px) 20px clamp(40px,4.5vw,72px)}.wl-page--embedded{max-width:1440px;margin:0 auto;padding:0 16px 24px}@media(min-width:768px){.wl-page--embedded{padding-left:24px;padding-right:24px}}.wl-empty{display:flex;flex-direction:column;align-items:center;padding:80px 40px;text-align:center}.wl-empty-title{font-family:var(--font-sans);font-size:var(--fs-title);font-weight:600;color:hsl(var(--foreground));margin:0 0 8px}.wl-empty-sub{font-family:var(--font-sans);font-size:var(--fs-small);color:hsl(var(--muted-foreground));margin:0;line-height:1.47}@media(max-width:640px){.wl-page{padding:24px 16px 40px}.wl-empty{padding:64px 20px}}.written-conn-entry{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:5px 12px;border:none;border-radius:999px;background:color-mix(in srgb,hsl(var(--link)) 9%,white);color:hsl(var(--foreground));font-family:var(--font-sans);font-size:14px;font-weight:500;letter-spacing:0;cursor:pointer;transition:background-color .2s ease}.written-conn-entry:hover{background:color-mix(in srgb,hsl(var(--link)) 16%,white)}@media(max-width:640px){.written-conn-entry{font-size:12px;padding:4px 10px}}