/* Works / Column archives */
.list-page{--accent:#219fb5;--ink:#263b43;color:var(--ink)}
.list-wrap{width:min(1120px,calc(100% - 48px));margin:auto}
.list-breadcrumb{display:flex;gap:12px;align-items:center;padding-top:28px;font-size:12px;color:#66777d}
.list-breadcrumb a:hover{text-decoration:underline}
.list-hero{padding:76px 0 68px;border-bottom:1px solid #dce6e8;background:linear-gradient(120deg,#f6fafb,#edf7f8)}
.list-kicker{font-size:12px;letter-spacing:3px;color:#427b87;margin:0 0 18px}
.list-hero h1{font-size:clamp(48px,7vw,82px);line-height:1.1;letter-spacing:8px;font-weight:500;margin:0}
.list-hero .list-jp{font-size:17px;letter-spacing:3px;margin:16px 0 28px}
.list-lead{font-size:15px;line-height:2;margin:0;max-width:620px;color:#52676f}
.column-list-page .list-lead{font-size:14px;line-height:1.7}
.list-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin:50px 0 32px;border-bottom:1px solid #dce6e8;padding-bottom:18px}
.list-heading h2{font-size:19px;letter-spacing:2px;margin:0}.list-count{font-size:12px;color:#66777d}
.archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 28px}
.archive-card{min-width:0}.archive-card>a{display:block}.archive-visual{aspect-ratio:4/3;overflow:hidden;background:#f0f5f5;display:flex;align-items:center;justify-content:center}
.archive-visual img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.archive-card>a:hover img{transform:scale(1.035)}.archive-card>a:hover h2{color:var(--accent)}
.archive-card h2{font-size:18px;line-height:1.7;margin:12px 0 9px;font-weight:600;letter-spacing:.4px}
.archive-card p{font-size:13px;line-height:1.9;color:#61727a;margin:0}.archive-meta{display:flex;justify-content:space-between;gap:12px;margin-top:18px;font-size:11px;letter-spacing:1px;color:#397887}
.archive-read{display:flex;justify-content:space-between;border-bottom:1px solid #dce6e8;padding:18px 0 12px;font-size:12px;margin-top:8px}
.archive-placeholder{font-size:28px;letter-spacing:5px;color:#70959d}.archive-empty{padding:65px 24px;text-align:center;background:#f4f8f8;line-height:2}
.list-page .navigation.pagination{margin:60px 0}.list-page .nav-links{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.list-page .page-numbers{padding:10px 16px;border:1px solid #d6e4e7}.list-page .page-numbers.current{background:var(--accent);color:white}.list-page .page-numbers.dots{border:0}
.list-cta{margin-top:90px;padding:55px 0;background:#f0f7f8}.list-cta .list-wrap{display:flex;align-items:center;justify-content:space-between;gap:30px}.list-cta h2{font-size:24px;letter-spacing:2px;margin:0 0 10px}.list-cta p{font-size:14px;line-height:1.8;margin:0;color:#52676f}.list-cta .button{flex:none}
.list-footer{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:35px 0;font-size:12px;color:#62747c}.list-footer nav{display:flex;gap:24px}
.list-preview-note{font-size:12px;color:#687b83;padding:14px 18px;background:#f7f7f3;margin-top:24px;line-height:1.8}
.list-page .work-image{width:100%;height:auto;aspect-ratio:4/3}.list-page .work-item{margin:0}.column-art{padding:28px;flex-direction:column;align-items:flex-start;position:relative;background:#e8f1ee;color:#45645b}.column-art span{font-size:11px;letter-spacing:3px;z-index:1}.column-art strong{font-size:25px;line-height:1.7;letter-spacing:2px;font-weight:500;margin-top:18px;z-index:1}.column-art::after{content:'';position:absolute;width:135px;height:135px;border:1px solid #ffffffa0;border-radius:50%;right:-25px;bottom:-25px}.column-art.tone-1{background:#e8eff4;color:#486a81}.column-art.tone-2{background:#f3eddf;color:#897347}.column-art.tone-3{background:#eee9e4;color:#7e6859}.column-art.tone-4{background:#e7eff0;color:#47777b}.column-art.tone-5{background:#efeaf1;color:#7c6386}
.header nav a[aria-current=page]{color:#13889b}.list-preview-more{display:block;text-align:center;margin-top:30px}
@media(max-width:1000px){.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.header nav{gap:18px}.header nav a{letter-spacing:1px}}
@media(max-width:600px){.list-wrap{width:calc(100% - 36px)}.list-hero{padding:46px 0}.list-hero h1{letter-spacing:5px}.list-jp{font-size:15px}.archive-grid{grid-template-columns:1fr;gap:36px}.list-heading{margin-top:32px}.list-cta{margin-top:60px;padding:36px 0}.list-cta .list-wrap{align-items:flex-start;flex-direction:column}.list-cta h2{font-size:20px}.list-footer{gap:18px}.header nav{gap:8px}.header nav a{font-size:10px;letter-spacing:.5px}}
@media(prefers-reduced-motion:reduce){.archive-visual img{transition:none}}

/* コラム一覧：パソコン幅では常に3列。小さな画面では読みやすさを保つ。 */
@media(min-width:761px){.column-list-page .archive-grid,.works-list-page .archive-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:761px) and (max-width:1000px){.column-list-page .archive-grid{column-gap:20px}.column-list-page .column-art{padding:20px}.column-list-page .column-art strong{font-size:20px}}

.column-filters{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 32px}.column-filters a,.column-filters button{font:inherit;font-size:13px;border:1px solid #cddfe3;background:white;color:#426770;border-radius:3px;padding:9px 18px;cursor:pointer}.column-filters [aria-current=page],.column-filters [aria-pressed=true]{background:#218da1;border-color:#218da1;color:white}.column-filters button:focus-visible{outline:3px solid #219fb5;outline-offset:3px}.archive-card[hidden]{display:none}

/* Match the COLUMN title to the navigation typeface and weight. */
.column-list-page .list-hero h1{font-family:inherit;font-weight:700}
.column-list-page .list-cta .button{width:224px;max-width:100%;min-width:0}