/* featured_topics */
.featured-topics-card .featured-topics-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}
.featured-topics-card .featured-topics-sidebar-list{display:grid;gap:0;margin:0;padding:0;list-style:none}
.featured-topics-card .featured-topics-item a{display:flex;align-items:flex-start;gap:8px;padding:6px 0;border:0;border-radius:0;background:transparent}
.featured-topics-card .featured-topics-item a:before{display:none}
.featured-topics-card .featured-topics-card-rank{display:flex;flex:0 0 18px;align-items:center;justify-content:center;width:18px;height:18px;border-radius:5px;background:var(--line-soft);color:var(--text-muted);font-size:var(--font-size-xxs);font-weight:700;line-height:1}
.featured-topics-card .featured-topics-card-rank-top{background:var(--brand-soft);color:var(--brand)}
.featured-topics-card .featured-topics-card-content{display:block;flex:1;min-width:0}
.featured-topics-card .featured-topics-card-title{display:block;color:var(--text);font-size:var(--font-size-sm);line-height:1.4;overflow-wrap:anywhere}
.featured-topics-card .featured-topics-item a:hover .featured-topics-card-title{color:var(--brand)}
.featured-topics-pin-action:before{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27currentColor%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M9 4h6l-1 5 3 3v1H7v-1l3-3-1-5Zm3 9v7%27/%3E%3C/svg%3E") center/14px 14px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27currentColor%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M9 4h6l-1 5 3 3v1H7v-1l3-3-1-5Zm3 9v7%27/%3E%3C/svg%3E") center/14px 14px no-repeat}
.featured-topics-pin-action{min-height:0;padding:0;border:0;background:transparent;color:var(--text-muted)}
.featured-topics-pin-action:hover{background:var(--line-soft);color:var(--text)}
.featured-topics-pin-action.is-pinned{color:var(--brand);opacity:1}
.featured-pin-form{display:grid;gap:14px;min-width:220px;padding:2px 0}
.featured-pin-switch{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:var(--font-size-sm);color:var(--text);cursor:pointer}
.featured-pin-switch input{position:absolute;width:0;height:0;margin:0;opacity:0}
.featured-pin-track{position:relative;flex:0 0 38px;height:22px;border-radius:11px;background:var(--line);transition:background .18s ease}
.featured-pin-track:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:var(--panel);box-shadow:0 1px 3px rgba(0,0,0,.22);transition:transform .18s ease}
.featured-pin-switch input:checked~.featured-pin-track{background:var(--brand)}
.featured-pin-switch input:checked~.featured-pin-track:after{transform:translateX(16px)}
.featured-pin-switch input:focus-visible~.featured-pin-track{outline:var(--focus-ring);outline-offset:2px}
.featured-pin-days{display:flex;align-items:center;gap:8px;font-size:var(--font-size-sm);color:var(--text)}
.featured-pin-days-input{width:88px;height:34px;padding:0 10px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);font:inherit}
.featured-pin-days-input:focus{border-color:var(--brand);outline:var(--focus-ring)}
.featured-pin-days small{color:var(--text-muted)}
.featured-pin-cost{display:grid;gap:3px;padding:10px 12px;border-radius:var(--radius-sm);background:var(--bg);font-size:var(--font-size-xs);color:var(--text-muted)}
.featured-pin-cost b{color:var(--text);font-weight:700}
.featured-pin-cost strong{font-size:var(--font-size-sm)}
.featured-pin-cost strong.is-cost{color:var(--brand)}
.featured-pin-cost strong.is-free{color:var(--text-muted)}
.featured-pin-refund-note{font-size:var(--font-size-xs);color:var(--text-muted)}
.featured-pin-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:2px}
.featured-pin-actions button{min-height:36px;padding:0 14px;border-radius:var(--radius-sm);cursor:pointer;font:inherit}
.featured-pin-unpin{margin-right:auto;border:1px solid var(--line);background:transparent;color:var(--danger)}
.featured-pin-unpin:hover{background:var(--danger-soft);border-color:var(--danger);color:var(--danger)}
.featured-pin-cancel{border:1px solid var(--line);background:var(--bg);color:var(--text)}
.featured-pin-cancel:hover{background:var(--line-soft);color:var(--text)}
.featured-pin-submit{border:1px solid var(--brand);background:var(--brand);color:var(--inverse-text)}
.featured-pin-submit:disabled{opacity:.6;cursor:default}