.column-page{padding:120px 0 80px;background-color:var(--color-bg,#f8fafc);min-height:calc(100vh - 200px)}.column-page__inner{max-width:1140px;margin:0 auto;padding:0 24px}.column-page__header{text-align:center;margin-bottom:48px}.column-page__sub-title{display:block;font-size:.875rem;font-weight:700;letter-spacing:.15em;color:var(--color-primary,#0284c7);margin-bottom:8px}.column-page__title{font-size:2.25rem;font-weight:800;color:var(--color-text-main,#0f172a);margin:0 0 12px;letter-spacing:-.02em}.column-page__description{font-size:1rem;color:var(--color-text-muted,#64748b);margin:0;line-height:1.6}.column-categories-tab{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:32px}.column-category-btn{padding:8px 18px;border-radius:9999px;border:1px solid #cbd5e1;background-color:#ffffff;color:#334155;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.column-category-btn:hover{border-color:#0284c7;color:#0284c7;background-color:#f0f9ff}.column-category-btn--active{background-color:#0369a1!important;color:#ffffff!important;border-color:#0369a1!important;font-weight:700;box-shadow:0 2px 8px rgba(3,105,161,.25)}.column-count-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:12px;border-bottom:1px solid #e2e8f0}.column-count-text{font-size:.95rem;font-weight:600;color:#475569}.column-count-number{font-size:1.15rem;font-weight:800;color:#0369a1;margin-right:2px}.column-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-bottom:48px}@media (max-width:992px){.column-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media (max-width:640px){.column-grid{grid-template-columns:1fr;gap:20px}}.column-card{background-color:#ffffff;border-radius:12px;border:1px solid #e2e8f0;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.04);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;display:flex;flex-direction:column;height:100%}.column-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(15,23,42,.08);border-color:#cbd5e1}.column-card__link{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit}.column-card__eyecatch{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background-color:#f8fafc}.column-card__img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;border:none;transition:transform .3s ease}.column-card:hover .column-card__img{transform:scale(1.04)}.column-card__placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#ffffff;font-weight:700;font-size:1.05rem;letter-spacing:.05em;background:linear-gradient(135deg,#0d5c63,#1995ad);position:relative;text-shadow:0 1px 3px rgba(0,0,0,.2)}.column-card__placeholder:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,rgba(255,255,255,.15) 0,transparent 60%);pointer-events:none}.column-card__placeholder-icon{font-size:1.8rem;opacity:.9}.column-card__body{padding:20px;display:flex;flex-direction:column;flex-grow:1}.column-card__meta{display:flex;align-items:center;gap:10px;margin-bottom:12px}.column-card__badge{display:inline-block;padding:3px 10px;border-radius:4px;font-size:.75rem;font-weight:700;background-color:#0369a1;color:#ffffff;letter-spacing:.02em}.column-card__date{font-size:.8rem;color:#64748b}.column-card__title{font-size:1.1rem;font-weight:700;color:#0f172a;line-height:1.5;margin:0 0 10px;transition:color .2s ease;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word;overflow-wrap:break-word;max-height:3em}.column-card:hover .column-card__title{color:#0284c7}.column-card__summary{font-size:.875rem;color:#64748b;line-height:1.6;margin:0 0 16px;flex-grow:1;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-height:3.2em}.column-card__action{font-size:.875rem;font-weight:700;color:#0284c7;display:flex;align-items:center;gap:4px;margin-top:auto;padding-top:12px;border-top:1px dashed #e2e8f0;transition:gap .2s ease}.column-card:hover .column-card__action{gap:8px}.column-page__empty,.column-page__error,.column-page__loading{text-align:center;padding:64px 20px;background:#ffffff;border-radius:12px;border:1px solid #e2e8f0;color:#64748b}.column-page__loading-icon{font-size:2.5rem;color:#0284c7;display:block;margin:0 auto 12px;animation:spin 1.5s linear infinite}.column-page__empty-icon{font-size:3rem;color:#94a3b8;display:block;margin:0 auto 12px}.column-page__error{color:#dc2626;background-color:#fef2f2;border-color:#fecaca}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.column-page__load-more{text-align:center;margin-top:40px}.column-detail-page{padding:120px 0 80px;background-color:var(--color-bg,#f8fafc);min-height:calc(100vh - 200px)}.column-detail-page__inner{max-width:860px;margin:0 auto;padding:0 24px}.column-detail-page__back-link{display:inline-flex;align-items:center;gap:6px;color:#0284c7;font-weight:700;font-size:.95rem;text-decoration:none;margin-bottom:24px;transition:transform .2s ease}.column-detail-page__back-link:hover{transform:translateX(-4px)}.column-detail-page__header{background-color:#ffffff;padding:36px 36px 24px;border-radius:16px 16px 0 0;border:1px solid #e2e8f0;border-bottom:none}.column-detail-page__meta{display:flex;align-items:center;gap:12px;margin-bottom:16px}.column-detail-page__badge{display:inline-block;padding:4px 12px;border-radius:4px;font-size:.8rem;font-weight:700;background-color:#0369a1;color:#ffffff}.column-detail-page__date{font-size:.9rem;color:#64748b}.column-detail-page__title{font-size:1.85rem;font-weight:800;color:#0f172a;line-height:1.45;margin:0;letter-spacing:-.02em}.column-detail-page__eyecatch{width:100%;aspect-ratio:16/9;overflow:hidden;background-color:#f8fafc;border-left:1px solid #e2e8f0;border-right:1px solid #e2e8f0;display:flex;align-items:center;justify-content:center}.column-detail-page__eyecatch img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;border:none}.column-detail-page__body{background-color:#ffffff;padding:40px 36px;border-radius:0 0 16px 16px;border:1px solid #e2e8f0;border-top:none;font-size:1.05rem;line-height:1.9;color:#1e293b;box-shadow:0 4px 16px rgba(0,0,0,.04)}.column-detail-page__body h2{font-size:1.45rem;font-weight:800;color:#0f172a;margin:2.5rem 0 1.25rem;padding-bottom:.5rem;border-bottom:2px solid #0284c7}.column-detail-page__body h3{font-size:1.25rem;font-weight:700;color:#1e293b;margin:2rem 0 1rem;padding-left:12px;border-left:4px solid #0284c7}.column-detail-page__body p{margin-bottom:1.5rem}.column-detail-page__body ol,.column-detail-page__body ul{margin:1.25rem 0 1.5rem 1.5rem;padding-left:1rem}.column-detail-page__body li{margin-bottom:.5rem}.column-detail-page__body img{max-width:100%;height:auto;border-radius:8px;margin:1.5rem 0}.column-cta-banner,.column-cta-block{margin-top:3.5rem;padding:2.5rem 2rem;border-radius:16px;background:linear-gradient(135deg,#0d5c63,#1995ad);color:#ffffff;text-align:center;box-shadow:0 10px 25px rgba(13,92,99,.15);border:1px solid rgba(255,255,255,.1);margin-bottom:2.5rem}.column-cta-inner{max-width:720px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.column-cta-banner__title,.column-cta-title{font-size:1.4rem;font-weight:800;margin-bottom:.75rem;color:#ffffff;letter-spacing:-.01em;line-height:1.4}.column-cta-banner__text,.column-cta-desc{font-size:.95rem;color:#f0fdfa;margin-bottom:1.75rem;line-height:1.6}.column-cta-buttons{display:flex;gap:16px;width:100%;max-width:600px}.btn-cta-main,.column-cta-buttons{align-items:center;justify-content:center}.btn-cta-main{flex:1;background-color:#E85A3C;color:#ffffff;padding:.9rem 1.5rem;border-radius:9999px;font-weight:800;font-size:1rem;box-shadow:0 4px 14px rgba(232,90,60,.35);transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease;text-decoration:none;display:inline-flex;cursor:pointer;border:2px solid #e85a3c;text-align:center}.btn-cta-main:hover{background-color:#d1492d;border-color:#d1492d;transform:translateY(-2px);box-shadow:0 6px 18px rgba(232,90,60,.45);color:#ffffff}.btn-cta-sub,.column-cta-banner__btn{flex:1;background-color:#ffffff;color:#1B4D3E;border:2px solid #1b4d3e;padding:.9rem 1.5rem;border-radius:9999px;font-weight:800;font-size:1rem;box-shadow:0 4px 12px rgba(0,0,0,.08);transition:transform .2s ease,background-color .2s ease,border-color .2s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;text-align:center}.btn-cta-sub:hover,.column-cta-banner__btn:hover{background-color:#F4F6F5;border-color:#143a2f;color:#143a2f;transform:translateY(-2px)}@media (max-width:768px){.column-cta-banner,.column-cta-block{padding:2rem 1.25rem;margin-top:2.5rem;margin-bottom:2rem}.column-cta-banner__title,.column-cta-title{font-size:1.2rem}.column-cta-banner__text,.column-cta-desc{font-size:.875rem;margin-bottom:1.5rem}.column-cta-buttons{flex-direction:column;gap:12px;width:100%}.btn-cta-main,.btn-cta-sub,.column-cta-banner__btn{width:100%;padding:.85rem 1rem;font-size:.95rem}}.pagination-wrapper{margin-top:50px;display:flex;justify-content:center}.pagination{display:flex;list-style:none;gap:8px;align-items:center;padding:0;margin:0}.page-item,.page-link{display:inline-flex}.page-link{align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;border-radius:6px;background-color:#FFFFFF;border:1px solid #e5e9e2;color:#1E2A38;text-decoration:none;font-weight:500;font-size:14px;transition:all .2s ease;cursor:pointer;user-select:none}.page-item.active .page-link{background-color:#1B4D3E;color:#FFFFFF;border-color:#1B4D3E;font-weight:700}.page-item:not(.active):not(.disabled) .page-link:hover{background-color:#F4F6F5;border-color:#1B4D3E;color:#1B4D3E}.page-item.disabled .page-link{color:#C2D5CE;cursor:not-allowed;background-color:#FAFAFA}@media (max-width:768px){.pagination-wrapper{margin-top:36px}.pagination{gap:4px;flex-wrap:wrap;justify-content:center}.page-link{min-width:36px;height:36px;padding:0 8px;font-size:13px}}