.col-wrap{width:100%;max-width:1120px;margin:0 auto;padding:0 24px}.col-top{background:radial-gradient(800px 460px at 14% 0,#ecf6e3,transparent 60%),linear-gradient(135deg,#f1f8ea,#faf8f1);padding:44px 0 56px;border-bottom:1px solid var(--beige)}.col-top .back-link{display:inline-block;font-size:.9rem;font-weight:500;color:var(--sage-dark);margin-bottom:24px}.col-top .back-link:hover{text-decoration:underline}.col-top h1{font-size:clamp(1.9rem,4vw,2.7rem);margin:12px 0 14px}.col-lead{max-width:860px;color:var(--ink-soft);font-size:1.05rem;text-wrap:balance}.col-body{background:var(--cream);padding:48px 0 72px;min-height:50vh}.cat-filter{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:36px}.cat-chip{padding:8px 18px;border-radius:999px;background:var(--white);border:1.5px solid var(--beige);font-size:.9rem;font-weight:500;color:var(--ink-soft);transition:all .15s ease}.cat-chip:hover{border-color:var(--sage);color:var(--sage-dark)}.cat-chip.active{background:var(--sage);border-color:var(--sage);color:#fff}.col-empty{color:var(--ink-soft);padding:40px 0;text-align:center}.pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:48px;flex-wrap:wrap}.page-btn,.page-num{padding:9px 16px;border-radius:10px;border:1.5px solid var(--beige);background:var(--white);font-size:.9rem;font-weight:500;color:var(--ink-soft);transition:all .15s ease}.page-btn:hover,.page-num:hover{border-color:var(--sage);color:var(--sage-dark)}.page-num.active{background:var(--sage);border-color:var(--sage);color:#fff}.page-btn.disabled{opacity:.45;pointer-events:none}