/* 全景标签和专题子赛道卡片共享覆盖状态与编辑精选标记。 */
:is(.pan-track,.hub-child).covered{background:var(--c-surface-2);border-color:transparent}
:is(.pan-track,.hub-child):not(.covered){background:transparent;border-style:dashed;border-color:var(--t-mute)}
:is(.pan-track,.hub-child) .mark{position:relative;width:8px;height:8px;display:block;flex:none}
:is(.pan-track,.hub-child) .mark::before,:is(.pan-track,.hub-child) .mark::after{content:'';position:absolute;width:5px;height:5px;border-color:transparent;border-style:solid;transition:border-color 420ms var(--ease-in)}
:is(.pan-track,.hub-child) .mark::before{left:-4px;top:-4px;border-width:1px 0 0 1px}
:is(.pan-track,.hub-child) .mark::after{right:-4px;bottom:-4px;border-width:0 1px 1px 0}
:is(.pan-track,.hub-child).covered .mark{background:var(--c-brand)}
:is(.pan-track,.hub-child).covered .state{color:var(--c-brand)}
:is(.pan-track,.hub-child).researching .mark{background:var(--t-300);border:1px solid var(--t-600)}
:is(.pan-track,.hub-child).planned .mark{background:var(--c-bg);border:1px solid var(--c-border-strong)}
:is(.pan-track,.hub-child).unplanned .mark{background:var(--c-bg);border:1px dashed var(--t-mute)}
:is(.pan-track,.hub-child) .hot{padding:2px 5px;border-radius:2px;background:var(--c-danger-soft);color:var(--c-danger);font:700 9px/1 var(--font-mono);letter-spacing:.06em;white-space:nowrap}
@media(hover:hover){:is(.pan-track,.hub-child):hover{background:var(--c-brand-soft);border-color:var(--c-brand);border-style:solid;color:var(--c-brand)}}
:is(.pan-track,.hub-child):focus-visible,:is(.pan-track,.hub-child):active{background:var(--c-brand-soft);border-color:var(--c-brand);border-style:solid;color:var(--c-brand)}