/* ライター一覧。SWELLの固定ページの中で表示する */
.shw-dir{--ink:#17283B;--gold:#B79A63;--sub:#6B6A66;--rule:rgba(23,40,59,.14);--paper:#FBF9F5}
.shw-filters{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:10px;margin-bottom:14px}
.shw-filters input,.shw-filters select{width:100%;padding:11px 12px;border:1px solid var(--rule);background:#fff;font:inherit;font-size:14px;border-radius:2px;box-sizing:border-box}
.shw-filters input:focus,.shw-filters select:focus{outline:none;border-color:var(--gold)}
.shw-hit{font-size:13px;color:var(--sub);margin:0 0 18px}
.shw-hit span{font-size:18px;color:var(--ink);margin-right:2px}
.shw-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}
.shw-card{display:flex;flex-direction:column;gap:12px;background:var(--paper);border:1px solid var(--rule);padding:22px;color:inherit;text-decoration:none!important;transition:border-color .2s,transform .2s,box-shadow .2s}
.shw-card:hover{border-color:var(--gold);transform:translateY(-2px);box-shadow:0 8px 24px rgba(23,40,59,.08)}
.shw-card .top{display:flex;gap:14px;align-items:center}
.shw-card .av{width:56px;height:56px;border-radius:50%;object-fit:cover;flex:none;border:1px solid var(--gold)}
.shw-card .av.initial{display:inline-flex;align-items:center;justify-content:center;background:var(--ink);color:#F4EFE6;font-family:'Shippori Mincho B1',serif;font-size:22px}
.shw-card .nm{display:block;font-family:'Shippori Mincho B1','Hiragino Mincho ProN',serif;font-size:19px;font-weight:500;color:var(--ink);line-height:1.4}
.shw-card .rl{display:block;font-size:12px;color:var(--sub)}
.shw-card .badge{margin-left:auto;align-self:flex-start;font-size:11px;color:#8a6d3b;border:1px solid var(--gold);padding:2px 8px;white-space:nowrap}
.shw-card .cp{font-family:'Shippori Mincho B1','Hiragino Mincho ProN',serif;font-size:16px;line-height:1.7;color:var(--ink);margin:0;flex:1}
.shw-card .tags{display:flex;flex-wrap:wrap;gap:6px}
.shw-card .tags span{font-size:11px;color:var(--sub);background:#fff;border:1px solid var(--rule);padding:2px 8px}
.shw-card .ft{display:flex;justify-content:space-between;gap:10px;align-items:center;border-top:1px solid var(--rule);padding-top:12px;font-size:12px;color:var(--sub)}
.shw-card .go{color:var(--ink);white-space:nowrap}
.shw-card .go::after{content:" →"}
@media (max-width:760px){.shw-filters{grid-template-columns:1fr 1fr}.shw-filters input{grid-column:1/-1}}