.pyi-wrap{min-height:calc(100vh - var(--nav-h));padding:calc(var(--nav-h) + 2rem) 0 4rem}.pyi-container{max-width:800px;margin:0 auto;padding:0 1.5rem}.pyi-breadcrumb{font-size:var(--text-sm);flex-wrap:wrap;align-items:center;gap:.35rem;margin-bottom:1.5rem;display:flex}.pyi-breadcrumb a{color:var(--text-2);transition:color var(--transition);text-decoration:none}.pyi-breadcrumb a:hover{color:var(--accent)}.pyi-breadcrumb-sep{color:var(--text-3);-webkit-user-select:none;user-select:none}.pyi-breadcrumb-current{color:var(--text-1)}.pyi-header{margin-bottom:2.5rem}.pyi-title{font-size:var(--text-2xl);font-weight:var(--weight-semibold);color:var(--text-1);font-family:var(--font-sans);margin:0 0 .5rem}.pyi-desc{font-size:var(--text-base);color:var(--text-2);margin:0 0 1.25rem}.pyi-jump{flex-wrap:wrap;gap:.35rem .5rem;display:flex}.pyi-jump-link{min-width:2rem;height:2rem;font-size:var(--text-sm);font-family:var(--font-sans);font-weight:var(--weight-semibold);color:var(--text-2);background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius);transition:background var(--transition), color var(--transition), border-color var(--transition);justify-content:center;align-items:center;padding:0 .4rem;text-decoration:none;display:inline-flex}.pyi-jump-link:hover{background:var(--accent-light);color:var(--accent);border-color:var(--accent-border)}.pyi-groups{flex-direction:column;gap:2rem;display:flex}.pyi-group{scroll-margin-top:calc(var(--nav-h) + 1rem)}.pyi-group-title{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text-2);font-family:var(--font-sans);border-bottom:1px solid var(--border);margin:0 0 .75rem;padding-bottom:.4rem}.pyi-rows{flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.pyi-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.pyi-row-base{min-width:4rem;font-size:var(--text-base);font-family:var(--font-sans);color:var(--text-1);transition:color var(--transition);text-decoration:none;display:inline-block}.pyi-row-base:hover{color:var(--accent)}.pyi-row-tones{flex-wrap:wrap;gap:.3rem;display:flex}.pyi-tone-chip{font-size:var(--text-base);font-family:var(--font-sans);color:var(--text-2);background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius);transition:background var(--transition), color var(--transition), border-color var(--transition);white-space:nowrap;align-items:center;padding:.1em .5em;text-decoration:none;display:inline-flex}.pyi-tone-chip:hover{background:var(--accent-light);color:var(--accent);border-color:var(--accent-border)}.pyd-header{margin-bottom:2.5rem}.pyd-hero{align-items:center;gap:1.25rem;margin-bottom:1rem;display:flex}.pyd-current{font-size:3.5rem;font-family:var(--font-sans);color:var(--text-1);line-height:1;font-weight:var(--weight-semibold);flex-shrink:0}.pyd-meta{flex-direction:column;gap:.4rem;display:flex}.pyd-title{font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--text-1);font-family:var(--font-sans);margin:0}.pyd-tone-name{font-size:var(--text-base);font-weight:var(--weight-normal);color:var(--text-2)}.pyd-info{margin:0}.pyd-count{font-size:var(--text-sm);color:var(--text-2)}.pyd-tone-nav{flex-wrap:wrap;gap:.35rem;display:flex}a.pyd-tone-chip{color:var(--text-2);background:var(--surface-muted);border:1px solid var(--border);cursor:pointer;border-radius:var(--radius);text-decoration-line:none}a.pyd-tone-chip:hover{background:var(--accent-light);color:var(--accent);border-color:var(--accent-border);border-radius:var(--radius)}span.pyd-tone-chip--current{color:var(--accent);background:var(--accent-light);border:1px solid var(--accent-border);font-weight:var(--weight-semibold);border-radius:var(--radius)}.pyd-grid{grid-template-columns:repeat(auto-fill,minmax(5rem,1fr));gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.pyd-link{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-height:4.5rem;transition:background var(--transition), border-color var(--transition), box-shadow var(--transition);flex-direction:row;justify-content:center;align-items:center;gap:.25rem;padding:.5rem .4rem;text-decoration:none;display:flex}.pyd-link:hover{background:var(--accent-light);border-color:var(--accent-border);box-shadow:0 1px 4px var(--shadow-sm)}.pyd-entry-zi{font-size:var(--text-2xl);font-family:var(--font-content);color:var(--text-1);flex-shrink:0;line-height:1}.pyd-entry-pron{writing-mode:vertical-rl;text-orientation:upright;font-size:var(--text-xs);font-family:var(--font-content);color:var(--text-2);align-self:center;line-height:1}.pyd-pron-multi{cursor:pointer;color:var(--accent);text-underline-offset:2px;text-decoration-line:underline;text-decoration-style:dotted}@media (max-width:480px){.pyd-current{font-size:2.5rem}.pyd-grid{grid-template-columns:repeat(auto-fill,minmax(4rem,1fr))}.pyd-link{min-height:4rem}.pyi-row-base{min-width:3rem}}