.path-sample-empty{border:1px solid var(--line);color:#98a3a0;background:#fff;border-top:0;border-radius:0 0 12px 12px;place-items:center;min-height:120px;display:grid}.tag-page{max-width:1380px}.tag-filter-board{border:1px solid var(--line);background:#fff;border-radius:14px;padding:18px 22px;box-shadow:0 8px 28px #1c3c360b}.path-filter-dock{z-index:48;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff7;border:1px solid #dce7e4;border-top:0;border-radius:0 0 13px 13px;width:min(1380px,100% - 48px);animation:.16s ease-out both path-filter-dock-in;position:fixed;top:68px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 14px 34px #163a3221}.path-filter-dock-bar{align-items:center;gap:18px;min-height:58px;padding:0 18px;display:flex}.path-filter-dock-bar strong,.path-filter-dock-current,.path-filter-dock-toggle{align-items:center;display:flex}.path-filter-dock-bar strong{color:var(--green);white-space:nowrap;gap:8px}.path-filter-dock-bar strong svg{width:18px}.path-filter-dock-current{color:#66726f;gap:7px;min-width:0;font-size:13px}.path-filter-dock-current span{text-overflow:ellipsis;white-space:nowrap;max-width:180px;overflow:hidden}.path-filter-dock-current svg{color:#a1aaa8;width:13px}.path-filter-dock-toggle{min-height:36px;color:var(--green);font:inherit;white-space:nowrap;background:#f7fbfa;border:1px solid #d9e5e2;border-radius:8px;gap:5px;margin-left:auto;padding:0 12px}.path-filter-dock-toggle:hover{background:var(--green-soft);border-color:#c6e1dc}.path-filter-dock-toggle svg{width:15px;transition:transform .14s}.path-filter-dock.expanded .path-filter-dock-toggle svg{transform:rotate(180deg)}.path-filter-dock-panel{border-top:1px solid #edf2f0;max-height:min(54vh,420px);padding:4px 22px 15px;overflow-y:auto}@keyframes path-filter-dock-in{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.tag-filter-row{grid-template-columns:58px minmax(0,1fr);align-items:start;gap:14px;padding:8px 0;display:grid}.tag-filter-row+.tag-filter-row{border-top:1px solid #f0f3f2;margin-top:4px;padding-top:12px}.tag-filter-row>b{color:#9ca7a4;font-size:13px;line-height:36px}.tag-filter-row>div{flex-wrap:wrap;gap:5px;display:flex}.tag-filter-row button{color:#53605d;background:0 0;border:1px solid #0000;border-radius:8px;min-height:36px;padding:0 12px;font-weight:400;transition:color .14s,background-color .14s,border-color .14s,transform .12s ease-out}.tag-filter-row button:hover{color:var(--green);background:#f4faf8}.tag-filter-row button.active{color:var(--green);background:var(--green-soft);border-color:#d8ece8;font-weight:500}.tag-filter-row button:active,.tag-result-head button:active{transform:scale(.97)}.tag-content-panel{margin-top:14px}.tag-result-head{border:1px solid var(--line);background:#fff;border-radius:12px 12px 0 0;justify-content:space-between;align-items:stretch;min-height:58px;padding:0 18px;display:flex}.tag-result-head>div{display:flex}.tag-result-head button{color:#596562;background:0 0;border:0;border-bottom:3px solid #0000;min-width:62px;transition:color .14s,border-color .14s,transform .12s ease-out}.tag-result-head button.active{color:var(--green);border-color:var(--green);font-weight:750}.tag-result-head>span{color:#98a3a0;align-self:center;font-size:12px}.tag-result-head>span b{color:var(--green);font-size:15px}.tag-selection-line{border:1px solid var(--line);color:#7d8986;background:#fafcfc;border-top:0;align-items:center;gap:5px;min-height:42px;padding:0 20px;font-size:12px;display:flex}.tag-selection-line span:last-of-type{color:#46524f;font-weight:650}.tag-selection-line svg{width:13px}.path-filter-refreshing{color:var(--green);margin-left:auto;font-style:normal;font-weight:650}.path-community-list.is-refreshing{opacity:.68;transition:opacity .12s}.tag-articles article:last-child,.tag-articles .path-sample-empty{border-radius:0 0 12px 12px}@media (width<=820px){.tag-filter-board{padding:14px}.tag-filter-row{grid-template-columns:48px minmax(0,1fr);gap:8px}.path-filter-dock{width:calc(100% - 24px)}.path-filter-dock-bar{gap:10px;padding:0 12px}.path-filter-dock-bar strong{font-size:13px}}@media (width<=560px){.tag-filter-board{padding:10px 12px}.tag-filter-row{display:block}.tag-filter-row>b{line-height:28px;display:block}.tag-filter-row>div{flex-wrap:nowrap;padding-bottom:3px;overflow-x:auto}.tag-filter-row button{white-space:nowrap}.path-filter-dock{border-left:0;border-right:0;border-radius:0 0 11px 11px;width:100%;top:60px}.path-filter-dock-bar{min-height:54px}.path-filter-dock-bar strong span,.path-filter-dock-current svg,.path-filter-dock-current span:not(:last-child){display:none}.path-filter-dock-current span:last-child{max-width:120px}.path-filter-dock-toggle{padding:0 9px}.path-filter-dock-panel{padding:4px 12px 12px}.tag-result-head{padding:0 12px}.tag-result-head>span{display:none}}@media (prefers-reduced-motion:reduce){.path-filter-dock{animation:none}.path-filter-dock-toggle svg{transition:none}}