.arc-breadcrumb{max-width:var(--max-w);margin:0 auto;padding:var(--s-4) var(--s-4) 0;font-size:13px;color:var(--c-ink-soft);display:flex;align-items:center;gap:8px}.arc-breadcrumb a:hover{color:var(--c-primary)}.arc-breadcrumb .sep{opacity:.5}.arc-breadcrumb .current{color:var(--c-primary);font-weight:500}.arc-header{max-width:var(--max-w);margin:0 auto;padding:var(--s-4) var(--s-4) var(--s-5)}.arc-header .eyebrow{font-family:var(--font-serif);font-style:italic;color:var(--c-accent);letter-spacing:2px;font-size:13px;display:inline-block;margin-bottom:var(--s-2)}.arc-header h1{font-family:var(--font-serif);font-size:clamp(34px,4.5vw,52px);font-weight:600;color:var(--c-primary);line-height:1.1;margin-bottom:var(--s-2)}.arc-header p{font-size:16px;color:var(--c-ink-soft);max-width:600px;line-height:1.75}.arc-tags{max-width:var(--max-w);margin:0 auto;padding:0 var(--s-4) var(--s-4)}.tag-cloud{display:flex;flex-wrap:wrap;gap:8px}.tag-cloud a{font-size:13px;padding:6px 14px;border-radius:100px;background:var(--c-bg-soft);color:var(--c-ink-soft);border:1px solid var(--c-line);transition:all .2s}.tag-cloud a:hover{color:var(--c-primary);border-color:var(--c-primary)}.tag-cloud a.big{font-size:14px;color:var(--c-accent)}.tag-cloud a.on{background:var(--c-primary);color:var(--c-bg);border-color:var(--c-primary)}.arc-toolbar{position:sticky;top:73px;z-index:50;background:#f5f0e8e6;backdrop-filter:saturate(180%) blur(16px);border-bottom:1px solid var(--c-line);margin-bottom:var(--s-5)}.arc-toolbar-inner{max-width:var(--max-w);margin:0 auto;padding:var(--s-2) var(--s-4);display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);flex-wrap:wrap}.arc-filter{display:flex;gap:var(--s-2);flex-wrap:wrap}.arc-filter a{padding:7px 15px;border-radius:100px;font-size:14px;color:var(--c-ink-soft);background:var(--c-bg-soft);border:1px solid var(--c-line);transition:all .2s;white-space:nowrap}.arc-filter a:hover{color:var(--c-primary);border-color:var(--c-primary)}.arc-filter a.active{background:var(--c-primary);color:var(--c-bg);border-color:var(--c-primary)}.arc-filter a .count{font-size:12px;opacity:.7;margin-left:4px}.arc-sort{display:flex;align-items:center;gap:var(--s-2);font-size:13px;color:var(--c-ink-soft)}.arc-sort select{padding:7px 12px;border-radius:100px;border:1px solid var(--c-line);background:var(--c-bg-soft);font-family:inherit;font-size:13px;color:var(--c-ink);outline:none}.arc-sort select:focus{border-color:var(--c-primary)}.arc-grid{max-width:var(--max-w);margin:0 auto;padding:0 var(--s-4) var(--s-6);display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-4)}.arc-card{background:var(--c-bg-soft);border:1px solid var(--c-line);border-radius:var(--r-md);overflow:hidden;display:flex;flex-direction:column;transition:all .3s}.arc-card:hover{transform:translateY(-4px);border-color:var(--c-accent);box-shadow:0 14px 34px -14px #2c4a3e47}.arc-card .thumb{aspect-ratio:16/10;background-size:cover;background-position:center;background-color:var(--c-primary)}.arc-card .body{padding:var(--s-3);display:flex;flex-direction:column;flex:1}.arc-card .tag{font-size:12px;letter-spacing:1px;color:var(--c-accent);font-family:var(--font-serif);margin-bottom:var(--s-2)}.arc-card h4{font-family:var(--font-serif);font-size:18px;font-weight:600;color:var(--c-primary);line-height:1.4;margin-bottom:var(--s-2)}.arc-card h4:hover{color:var(--c-accent-dark)}.arc-card .excerpt{font-size:13px;color:var(--c-ink-soft);line-height:1.7;margin-bottom:var(--s-3);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}.arc-card .meta-row{display:flex;align-items:center;gap:var(--s-2);font-size:12px;color:var(--c-ink-soft);padding-top:var(--s-2);border-top:1px solid var(--c-line)}.arc-card .meta-row .dot{width:4px;height:4px;border-radius:50%;background:var(--c-line)}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--s-2);margin-top:var(--s-5)}.pagination a,.pagination span{min-width:40px;height:40px;padding:0 12px;display:grid;place-items:center;border-radius:var(--r-sm);font-size:14px;background:var(--c-bg-soft);border:1px solid var(--c-line);color:var(--c-ink-soft);transition:all .2s}.pagination a:hover{color:var(--c-primary);border-color:var(--c-primary)}.pagination a.active{background:var(--c-primary);color:var(--c-bg);border-color:var(--c-primary)}.pagination .dots{background:none;border:none}@media(max-width:980px){.arc-grid{grid-template-columns:1fr 1fr}.arc-toolbar{top:64px}}@media(max-width:600px){.arc-grid{grid-template-columns:1fr}.arc-toolbar-inner{flex-direction:column;align-items:stretch}.arc-sort{justify-content:space-between}}