@layer components{.rec-zone .sec:first-of-type{margin-top:5rem}.rec-zone .sec-head{margin-bottom:1.4rem}.rec-zone .sec-head h2{margin:0;padding-top:0;border-top:0}.bankblock .sec-sub{margin:0 0 1.3rem}.bank-page-note{margin:0 0 1.05rem}.bank-tabs{display:flex;flex-wrap:wrap;gap:.5rem}.bank-tab{display:inline-flex;align-items:center;gap:.35rem;padding:.42rem .9rem;border-radius:999px;border:1px solid var(--border);background:var(--card);color:var(--muted);font-size:.92rem;font-weight:600;cursor:pointer;transition:border-color .15s, color .15s, background .15s;&:hover{border-color:var(--accent-line);color:var(--fg)}&.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-ink)}}.bank-n{font-size:.78rem;font-weight:500;color:var(--faint)}.bank-tab.on .bank-n{color:var(--accent-hover)}.bank-descrow{display:contents}.bank-desc{margin:1.05rem 0 0;color:var(--muted);font-size:.95rem;line-height:1.7}.bank-panel{margin-top:1.5rem}.bank-panel-title{display:none}.bank-panel[hidden], .bank-desc[hidden], .bank-item[hidden], .bank-more[hidden], .bank-end[hidden]{display:none}.bank-empty{margin:0;padding:1.7rem 1.2rem;text-align:center;border:1px dashed var(--border);border-radius:var(--radius);color:var(--faint);font-size:.95rem}.bank-item{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1.15rem 1.15rem 1.2rem;box-shadow:var(--shadow-xs);transition:box-shadow .18s, transform .18s, border-color .18s;&:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--accent-line)}}.bank-title{margin:0;font-size:1rem;font-weight:600;line-height:1.5;letter-spacing:-.01em;color:var(--ink)}.bank-note{margin:.7rem 0 0;font-size:.88rem;line-height:1.65;color:var(--muted)}.bank-foot{margin-top:1.3rem;text-align:center}.bank-more{display:inline-flex;align-items:center;justify-content:center;gap:.32rem;padding:.55rem 1.3rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--card);color:var(--fg);font-size:.92rem;font-weight:600;cursor:pointer;transition:border-color .15s, background .15s, color .15s;&:hover{border-color:var(--accent-line);background:var(--accent-soft);color:var(--accent-ink)}}.bank-end{margin:.8rem 0 0;color:var(--faint);font-size:.9rem}@media (scripting: none){.bank-tabs, .bank-foot{display:none}.bank-desc[hidden], .bank-panel[hidden]{display:block}.bank-item[hidden]{display:flex}.bank-panel-title{display:block;margin:0 0 .9rem;font-size:1.05rem;font-weight:700;color:var(--ink)}}.posts-row{display:grid;grid-template-columns:minmax(0, 1fr);gap:1rem;align-items:start;@media (width >= 980px){&{grid-template-columns:minmax(0, 1fr) minmax(0, 2fr)}}}.posts-sorts, .posts-tabs{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.2rem 1.3rem;box-shadow:var(--shadow-xs)}.posts-sort-title{margin-bottom:.6rem;font-size:.95rem;font-weight:700;color:var(--ink)}.sort-item{display:flex;align-items:center;gap:.75rem;padding:.5rem .6rem;border-radius:var(--radius-sm);color:var(--fg);font-size:.95rem;font-weight:600;transition:background .15s, color .15s;.sort-name{flex:1 1 auto}&:hover{background:var(--bg-muted);color:var(--accent-ink);text-decoration:none}}.sort-badge{font-size:.8rem;font-weight:500;color:var(--faint)}.posts-tab-nav{display:flex;flex-wrap:wrap;gap:.5rem}.posts-tab{display:inline-flex;align-items:center;gap:.35rem;padding:.42rem .9rem;border-radius:999px;border:1px solid var(--border);background:var(--card);color:var(--muted);font-size:.92rem;font-weight:600;cursor:pointer;transition:border-color .15s, color .15s, background .15s;&:hover{border-color:var(--accent-line);color:var(--fg)}&.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-ink)}}.posts-panel{margin-top:1.1rem}.posts-panel[hidden]{display:none}.posts-panel-title{display:none}@media (scripting: none){.posts-tab-nav{display:none}.posts-panel[hidden]{display:block}.posts-panel-title{display:block;margin:0 0 .9rem;font-size:1.05rem;font-weight:700;color:var(--ink)}}.post-list{list-style:none;margin:0;padding:0}.post-item{display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem 1rem;padding:.5rem 0;border-bottom:1px solid var(--border);&:last-child{border-bottom:0}}.post-link{flex:1 1 20rem;min-width:0;font-size:.95rem;font-weight:500;color:var(--fg)}.post-link:hover{color:var(--accent)}.post-meta{flex:0 1 auto;display:inline-flex;flex-wrap:wrap;gap:.1rem .6rem;color:var(--faint);font-size:.82rem;white-space:nowrap}.post-kind{color:var(--accent-hover);font-weight:500}.jcnav{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:2rem;margin-bottom:1.4rem}.jc-item{display:inline-flex;align-items:center;gap:.35rem;padding:.42rem .9rem;border-radius:999px;border:1px solid var(--border);background:var(--card);color:var(--muted);font-size:.92rem;font-weight:600;transition:border-color .15s, color .15s, background .15s;&:hover{border-color:var(--accent-line);color:var(--fg);text-decoration:none}&.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-ink)}}.jc-n{font-size:.78rem;font-weight:500;color:var(--faint)}.jc-item.on .jc-n{color:var(--accent-hover)}.tlist{scroll-margin-top:calc(var(--header-h) + 1rem)}.tlist-list{list-style:none;margin:0;padding:0}.tlist-item{padding:1.1rem 0;border-bottom:1px solid var(--border);&:first-child{padding-top:.2rem}&:last-child{border-bottom:0}}.tlist-item[hidden]{display:none}.tlist-link{font-size:1.06rem;font-weight:700;color:var(--ink)}.tlist-link:hover{color:var(--accent)}.tlist-desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:.3rem 0 0;color:var(--muted);font-size:.93rem}.tlist-meta{display:inline-flex;gap:.6rem;margin-top:.4rem;color:var(--faint);font-size:.82rem}.tlist-pager{display:flex;flex-wrap:wrap;justify-content:center;gap:.45rem;margin-top:1.6rem}.tlist-pager[hidden]{display:none}.tpage{min-width:2.3rem;padding:.4rem .6rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--card);color:var(--fg);font-size:.92rem;font-weight:600;cursor:pointer;transition:border-color .15s, background .15s, color .15s;&:hover{border-color:var(--accent-line);background:var(--accent-soft);color:var(--accent-ink)}&.on{border-color:var(--accent);background:var(--accent);color:#fff;cursor:default}}}