.list-page{max-width:var(--maxw);padding:var(--s-10) var(--s-5) var(--s-16);font-family:var(--font-kr);color:var(--fg-1);margin:0 auto}@media (min-width:1024px){.list-page{padding:var(--s-16) var(--s-8)}}.list-header{margin-bottom:var(--s-10)}.list-header h1{font-family:var(--font-kr);letter-spacing:-.02em;color:var(--fg-1);margin:0 0 var(--s-2);font-size:clamp(28px,4vw,40px);font-weight:800;line-height:1.18}.list-header .lead{color:var(--fg-2);margin:0;font-size:15px;line-height:1.7}.category-tabs{gap:var(--s-2);padding-bottom:var(--s-2);margin-bottom:var(--s-6);scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap;display:flex;overflow-x:auto}.category-tabs::-webkit-scrollbar{display:none}@media (min-width:861px){.category-tabs{flex-wrap:wrap;overflow-x:visible}}.category-tabs a{font-family:var(--font-kr);border:1.5px solid var(--bd-1);background:var(--bg-0);min-height:36px;color:var(--fg-2);border-radius:var(--r-pill);white-space:nowrap;transition:background .2s var(--ease), border-color .2s var(--ease), color .2s var(--ease), box-shadow .2s var(--ease);align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.category-tabs a:hover{border-color:var(--c-primary-500);color:var(--c-primary-700)}.category-tabs a.active{background:var(--c-primary-500);color:#fff;border-color:var(--c-primary-500);box-shadow:var(--sh-4)}.category-tabs a.active:hover{background:var(--c-primary-700);border-color:var(--c-primary-700);color:#fff}.search-bar{margin:var(--s-6) 0 var(--s-8)}.search-bar form{width:100%;max-width:540px;position:relative}.search-bar input{width:100%;font-family:var(--font-kr);border-radius:var(--r-pill);border:1.5px solid var(--bd-1);background:var(--bg-0);min-height:44px;color:var(--fg-1);transition:border-color .2s var(--ease), box-shadow .2s var(--ease);padding:12px 44px;font-size:14px}.search-bar input:focus{border-color:var(--c-primary-500);outline:none;box-shadow:0 0 0 4px #21bddb1f}.search-bar input::placeholder{color:var(--fg-3)}.search-bar .icon-left,.search-bar .icon-right{color:var(--fg-3);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-bar .icon-left{left:14px}.search-bar .icon-right{cursor:pointer;pointer-events:auto;color:var(--fg-3);transition:color .2s var(--ease);background:0 0;border:0;padding:0;right:14px}.search-bar .icon-right:hover{color:var(--fg-1)}.list-grid{gap:var(--s-4);margin-bottom:var(--s-12);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (min-width:1024px){.list-grid{gap:var(--s-6);grid-template-columns:repeat(3,minmax(0,1fr))}}.post-card{background:var(--bg-0);border-radius:var(--r-8);box-shadow:var(--sh-4);border:1px solid var(--bd-1);color:var(--fg-1);transition:box-shadow .25s var(--ease), transform .25s var(--ease), border-color .25s var(--ease);flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.post-card:hover{box-shadow:var(--sh-12);border-color:#21bddb59;transform:translateY(-2px)}.post-card .thumb{aspect-ratio:16/9;background:var(--bg-2);position:relative;overflow:hidden}.post-card .thumb img{object-fit:cover;width:100%;height:100%;transition:transform .35s var(--ease)}.post-card:hover .thumb img{transform:scale(1.03)}.post-card .thumb-placeholder{background:var(--bg-2);width:100%;height:100%;color:var(--fg-4);justify-content:center;align-items:center;display:flex}.post-card .thumb-placeholder .material-symbols-outlined{font-size:48px}.post-card .body{padding:var(--s-4);gap:var(--s-2);flex-direction:column;flex:1;display:flex}@media (min-width:1024px){.post-card .body{padding:var(--s-5)}}.post-card .cat{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.08em;color:var(--c-primary-700);margin-bottom:var(--s-1);align-items:center;gap:6px;font-size:11px;font-weight:700;display:inline-flex}.post-card .cat:before{content:"";background:var(--c-primary-500);border-radius:50%;flex-shrink:0;width:6px;height:6px}.post-card h3{font-family:var(--font-kr);color:var(--fg-1);-webkit-line-clamp:2;word-break:keep-all;transition:color .2s var(--ease);-webkit-box-orient:vertical;margin:0;font-size:15px;font-weight:800;line-height:1.45;display:-webkit-box;overflow:hidden}@media (min-width:1024px){.post-card h3{font-size:16px}}.post-card:hover h3{color:var(--c-primary-700)}.post-card .meta{font-family:var(--font-ui);color:var(--fg-3);letter-spacing:.02em;margin-top:auto;font-size:12px}.post-card .tag-row{flex-wrap:wrap;gap:6px;display:flex}.post-card .tag-row .tag{border-radius:var(--r-pill);font-family:var(--font-kr);background:var(--bg-2);color:var(--fg-2);align-items:center;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.pagination{justify-content:center;align-items:center;gap:var(--s-1);margin-top:var(--s-10);font-family:var(--font-ui);display:flex}.pagination a,.pagination span.page{border-radius:var(--r-pill);min-width:40px;height:40px;color:var(--fg-2);transition:background .2s var(--ease), color .2s var(--ease);background:0 0;justify-content:center;align-items:center;padding:0 12px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.pagination a:hover{background:var(--bg-2);color:var(--fg-1)}.pagination .current{background:var(--c-primary-500);color:#fff;box-shadow:var(--sh-4)}.pagination .current:hover{background:var(--c-primary-500);color:#fff}.pagination .ellipsis,.pagination .disabled{color:var(--fg-3);cursor:default}.pagination .nav{color:var(--fg-2)}.pagination .nav:hover{background:var(--bg-2);color:var(--c-primary-700)}.list-empty{text-align:center;padding:var(--s-16) var(--s-5);color:var(--fg-2)}.list-empty .icon{color:var(--fg-4);margin-bottom:var(--s-3);font-size:56px;display:block}.list-empty p{color:var(--fg-2);margin:0;font-size:16px;line-height:1.7}