.p8pF5W_stack{flex-direction:column;gap:16px;width:100%;min-width:0;display:flex}.p8pF5W_card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);overflow-wrap:anywhere;min-width:0;padding:18px}.p8pF5W_cardDark{background:var(--text);border-color:var(--text);color:#fff}.p8pF5W_head{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:12px;display:flex}.p8pF5W_title{font-family:var(--font-display);margin:0;font-size:17px;font-weight:600;line-height:1.3}.p8pF5W_tagLink{color:var(--social);white-space:nowrap;align-items:center;min-height:44px;margin:-12px 0;font-size:13px;display:inline-flex}.p8pF5W_tagLink:hover{color:var(--social)}.p8pF5W_feed{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.p8pF5W_post{gap:10px;min-width:0;display:flex}.p8pF5W_avatar{object-fit:cover;width:32px;height:32px;color:var(--social);background:#eaf0fc;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:flex}.p8pF5W_postBody{flex:auto;min-width:0;font-size:14px;line-height:1.45}.p8pF5W_meta{align-items:baseline;gap:6px;min-width:0;display:flex}.p8pF5W_name{text-overflow:ellipsis;white-space:nowrap;flex:none;max-width:65%;font-weight:600;overflow:hidden}.p8pF5W_account{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-width:0;font-size:13px;overflow:hidden}.p8pF5W_time{color:var(--text-muted);white-space:nowrap;flex-shrink:0;font-size:13px}.p8pF5W_time:before{content:"·";margin-right:6px}.p8pF5W_excerpt{color:var(--text-chip);overflow-wrap:anywhere;margin:2px 0 0;text-decoration:none;display:block}.p8pF5W_excerpt:hover{color:var(--text);text-decoration:underline}.p8pF5W_note{color:var(--text-muted);margin:0;font-size:14px;line-height:1.5}.p8pF5W_alert{color:#7a3800;border-radius:var(--radius);background:#fdf0e4;margin:0;padding:12px;font-size:14px;line-height:1.5}.p8pF5W_more{min-height:44px;color:var(--social);align-items:center;margin-top:2px;margin-bottom:-10px;font-size:14px;font-weight:600;display:inline-flex}.p8pF5W_more:hover{color:var(--social)}.p8pF5W_steps{color:#d5dae1;flex-direction:column;gap:10px;margin:0;padding-left:18px;font-size:14px;line-height:1.5;display:flex}.p8pF5W_steps strong{color:#fff;font-weight:600}.p8pF5W_code{overflow-wrap:anywhere;background:var(--bg);color:var(--text);border-radius:8px;margin-top:12px;padding:10px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px;line-height:1.45;display:block}.p8pF5W_cardDark .p8pF5W_code{color:#e8ecf1;background:#ffffff14}.p8pF5W_badge{color:var(--text-chip);background:var(--surface-muted);white-space:nowrap;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:600}.p8pF5W_body{color:var(--text-muted);margin:0;font-size:14px;line-height:1.5}.p8pF5W_body+.p8pF5W_body{margin-top:8px}.p8pF5W_bone{background:#eceef2;border-radius:6px;display:block}.p8pF5W_avatar.p8pF5W_bone{border-radius:50%}@media (prefers-reduced-motion:no-preference){.p8pF5W_bone{animation:1.4s ease-in-out infinite p8pF5W_bonePulse}}@keyframes p8pF5W_bonePulse{50%{opacity:.55}}
.dir-hero{padding-top:40px;padding-bottom:8px}.dir-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0 0 8px;font-size:13px;font-weight:600}.dir-hero h1{font-family:var(--font-display);overflow-wrap:anywhere;max-width:760px;margin:0;font-size:44px;font-weight:700;line-height:1.1}.dir-lede{color:var(--text-muted);max-width:720px;margin:14px 0 0;font-size:17px;line-height:1.55}.dir-controls{flex-direction:column;gap:14px;padding-top:24px;display:flex}.dir-search{max-width:640px;position:relative}.dir-search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.dir-search input{width:100%;min-height:44px;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);appearance:none;padding:0 14px 0 42px;font-size:15px}.dir-search input::placeholder{color:var(--text-muted)}.dir-search input:focus-visible{outline:2px solid var(--accent);outline-offset:0;border-color:var(--accent)}.dir-tabs-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;display:flex}.dir-tabs{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);gap:4px;padding:4px;display:flex}.dir-tab{min-height:36px;color:var(--text-muted);white-space:nowrap;border-radius:7px;align-items:center;padding:0 14px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.dir-tab:hover{color:var(--text);background:var(--surface-muted)}.dir-tab[aria-current=true]{background:var(--text);color:#fff;font-weight:600}.dir-provenance{color:var(--text-muted);margin:0;font-size:13px}.dir-chips{flex-wrap:wrap;gap:8px;display:flex}.dir-chip{white-space:nowrap;border:1px solid var(--border);background:var(--surface);min-height:36px;color:var(--text);border-radius:999px;align-items:center;gap:5px;padding:0 14px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.dir-chip:hover{color:var(--text);border-color:var(--border-strong)}.dir-chip[aria-current=true]{border-color:var(--text);background:var(--text);color:#fff}.dir-chip-count{opacity:.7;font-weight:500}.dir-main{flex-wrap:wrap;align-items:flex-start;gap:24px;padding-top:20px;padding-bottom:16px;display:flex}.dir-list-col{flex:999 560px;min-width:0}.dir-aside{flex-direction:column;flex:300px;gap:16px;min-width:0;display:flex}.dir-aside:empty{display:none}.dir-status{color:var(--text-muted);margin:0 0 10px;font-size:13px}.dir-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.dir-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);align-items:center;gap:16px;padding:16px;display:flex;position:relative}.dir-card:hover{border-color:var(--border-strong)}.dir-card:focus-within{outline:2px solid var(--accent);outline-offset:2px}.dir-rank{width:26px;font-family:var(--font-display);color:var(--text-muted);text-align:right;font-variant-numeric:tabular-nums;flex-shrink:0;font-weight:600}.dir-avatar{flex-shrink:0;display:flex}.dir-card-body{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.dir-card-link{font-family:var(--font-display);color:var(--text);overflow-wrap:anywhere;font-size:18px;font-weight:600;line-height:1.3;text-decoration:none}.dir-card-link:hover{color:var(--text)}.dir-card-link:focus-visible{outline:none}.dir-card-link:after{content:"";border-radius:var(--radius-card);position:absolute;inset:0}.dir-card-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;display:flex}.dir-pill{background:var(--surface-muted);border-radius:var(--radius-sm);color:var(--text-chip);padding:2px 8px}.dir-demo{overflow-wrap:anywhere}.dir-upvote{z-index:1;width:64px;min-height:64px;color:var(--text-muted);background:0 0;border-radius:12px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:2px;font-size:15px;font-weight:600;display:flex;position:relative}@media (max-width:640px){.dir-hero{padding-top:24px}.dir-hero h1{font-size:30px}.dir-lede{font-size:15px}.dir-controls{gap:12px;padding-top:18px}.dir-search{max-width:none}.dir-search input{font-size:16px}.dir-tab{min-height:44px}.dir-tabs{flex:auto}.dir-tab{flex:1 1 0;justify-content:center}.dir-chips{overscroll-behavior-x:contain;scrollbar-width:none;margin:0 calc(-1 * var(--gutter));padding:2px var(--gutter);scroll-padding-inline:var(--gutter);flex-wrap:nowrap;overflow-x:auto}.dir-chips::-webkit-scrollbar{display:none}.dir-chip{flex-shrink:0;min-height:44px}.dir-main{padding-top:14px}.dir-card{gap:10px;padding:14px}.dir-rank{width:20px;font-size:14px}.dir-avatar>span{border-radius:10px!important;width:40px!important;height:40px!important;font-size:17px!important}.dir-card-link{font-size:17px}.dir-upvote{width:56px;min-height:56px}}