.topic-directory-page{width:min(100%,58.75rem);margin-inline:auto}.topic-index-page{margin-top:-2px}.topic-directory-heading{justify-content:space-between;align-items:center;gap:1rem;display:flex}.topic-directory-heading h1{font-size:var(--page-title-size);margin:0}.topic-directory-refresh{border:1px solid var(--line);border-radius:var(--radius-control);width:44px;height:44px;color:var(--ink);background:var(--surface);place-items:center;padding:0;display:grid}.topic-directory-refresh:hover:not(:disabled){color:var(--ink);background:var(--surface-tint)}.topic-directory-list a[data-topic-kind=stock] strong{border-radius:var(--radius-control);color:var(--topic-ink,#315e9d);background:color-mix(in srgb, currentColor 9%, var(--surface));align-items:center;gap:.25em;padding:.2rem .4rem;display:inline-flex}.topic-directory-list a[data-topic-kind=stock] strong svg{flex:none;width:1em;height:1em}[data-kimiwo-theme=dark] .topic-directory-list a[data-topic-kind=stock] strong{color:var(--topic-ink,#a3c9ff)}.topic-index-page>p:first-of-type{max-width:39rem;color:var(--muted);margin-bottom:0;font-size:.93rem;line-height:1.58}.topic-directory-list{border-top:1px solid var(--line);margin:1.5rem 0 1rem;padding:0;list-style:none}.topic-directory-list li{border-bottom:1px solid var(--line);align-items:center;gap:.25rem;display:flex}.topic-directory-follow{border-radius:var(--radius-control);width:44px;height:44px;color:var(--muted);background:0 0;border:0;flex:none;place-items:center;padding:.65rem;display:inline-grid}.topic-directory-follow:hover:not(:disabled),.topic-directory-follow[aria-pressed=true]{color:var(--accent);background:var(--surface-tint)}.topic-directory-follow:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.topic-directory-list a{min-width:0;min-height:4.125rem;color:var(--ink);flex:1;justify-content:space-between;align-items:center;gap:1rem;padding:.875rem .5rem;font-size:.96rem;text-decoration:none;display:flex}.topic-directory-list a:hover,.topic-directory-list a:focus-visible{color:var(--accent);background:var(--surface-tint)}.topic-directory-count{color:var(--muted);white-space:nowrap;margin-left:auto;font-size:.8rem}.topic-directory-more{border-radius:var(--radius-control);color:#24231d;background:var(--saffron);border:1px solid #0000;justify-content:center;align-items:center;max-width:100%;min-height:2.625rem;padding:.55rem 1rem;font-weight:700;line-height:1.25;text-decoration:none;display:inline-flex}.topic-directory-more:hover{color:#24231d;background:var(--saffron-hover)}.topic-directory-more[aria-disabled=true]{opacity:.55}.topic-page-live{margin-top:-2px}.topic-page-heading{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem .75rem;margin-bottom:1.5rem;padding-block:1rem 1.25rem;display:flex}.topic-page-heading h1{overflow-wrap:anywhere;flex:0 auto;min-width:0;margin:0;font-size:2rem}.topic-page-identity{flex-wrap:nowrap;align-items:center;gap:.75rem 1.5rem;min-width:0;max-width:100%;display:flex}.topic-page-identity h1{white-space:nowrap;text-overflow:ellipsis;min-width:3ch;overflow:hidden}.topic-page-identity .topic-follow{flex-shrink:0;max-width:50%}@media (max-width:600px){.topic-page-identity{gap:.5rem;width:100%}.topic-page-identity h1{font-size:1.35rem}.topic-page-identity .topic-follow-action{gap:.2rem;padding:.15rem .5rem;font-size:.8rem}.topic-page-identity .topic-follow-mascot{width:1.5rem;height:2rem}.topic-page-identity .topic-follower-count{font-size:.7rem}}.topic-follower-count{color:var(--muted);white-space:nowrap;margin:0;font-size:.8125rem}.topic-follow-mascot{background:url(/brand/kimiwo-follow-walk-v1.png) 0 0/400% 100% no-repeat;flex:none;width:1.8rem;height:2.4rem}.topic-follow-action{isolation:isolate;gap:.4rem;transition:background-color .16s,border-color .16s;position:relative;overflow:hidden}.topic-follow-action[data-following=false]:is(:hover,:focus-visible):not(:disabled) .topic-follow-mascot{animation:.64s step-end 2 topic-follow-walk}.topic-follow-action[data-following=false]:after{content:"";pointer-events:none;background:linear-gradient(110deg,#0000 25%,#ffffff21 45%,#f1cc602e 55%,#0000 75%);position:absolute;inset:0;transform:translate(-120%)}.topic-follow-action[data-following=false]:is(:hover,:focus-visible):not(:disabled):after{animation:.75s cubic-bezier(.16,1,.3,1) both topic-follow-welcome}@keyframes topic-follow-walk{0%,to{background-position:0 0}25%{background-position:33.3333% 0}50%{background-position:66.6667% 0}75%{background-position:100% 0}}@keyframes topic-follow-welcome{to{transform:translate(120%)}}@media (prefers-reduced-motion:reduce){.topic-follow-action:after,.topic-follow-action .topic-follow-mascot{animation:none!important}}html[data-kimiwo-reduce-motion=true] .topic-follow-action:after,html[data-kimiwo-reduce-motion=true] .topic-follow-action .topic-follow-mascot{animation:none!important}.topic-page-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;min-width:0;max-width:100%;margin-inline-start:auto;display:flex}.topic-page-heading-stock .topic-page-identity{flex-wrap:wrap;gap:.5rem .75rem;width:100%}.topic-page-heading-stock .topic-page-identity h1{white-space:normal;overflow:visible}.topic-stock-description{width:100%;color:var(--muted);overflow-wrap:anywhere;margin:0;font-size:.85rem}.topic-stock-sort{margin-bottom:.75rem}.topic-follow{flex:0 auto;min-width:0;max-width:100%}.topic-follow button,.topic-follow-action{border:1px solid var(--field-rule);border-radius:var(--radius-control);min-height:44px;color:var(--ink);background:var(--surface);justify-content:center;align-items:center;padding:.35rem .75rem;font-weight:700;text-decoration:none;display:inline-flex}.topic-follow button:hover,.topic-follow-action:hover{color:var(--ink);background:var(--surface-tint)}.topic-follow-action[data-following=false]{color:#fff;background:#175e50;border-color:#175e50}.topic-follow-action[data-following=false]:hover:not(:disabled){color:#fff;background:#104e42;border-color:#104e42}.topic-follow p:empty{display:none}.topic-posts-panel{min-width:0}.topic-empty{border:1px solid var(--line);border-radius:var(--radius-sheet);background:var(--surface);color:var(--muted);margin-top:2rem;padding:1.5rem}.topic-result-fallback{min-height:8rem;color:var(--ink);background:var(--surface);justify-content:space-between;gap:1rem;padding:1.5rem;text-decoration:none;display:flex}.topic-result-copy{gap:.35rem;min-width:0;display:grid}.topic-result-copy strong{font-size:1.35rem}.topic-result-copy>span{color:var(--muted);line-height:1.5}.topic-result-destination{color:var(--accent);flex:none;align-self:center;font-size:.85rem;font-weight:700}.topic-result-fallback:hover,.topic-result-fallback:focus-visible{background:var(--surface-tint)}