.travel-archive{margin:0;background:#fff;color:#27362f;font:16px/1.9 "Noto Sans TC","Microsoft JhengHei",sans-serif}
.travel-archive *{box-sizing:border-box}
.travel-archive .shell{width:min(1120px,calc(100% - 40px));margin-inline:auto}
.travel-archive .skip-link{position:absolute;left:16px;top:-80px;padding:12px;background:#fff;z-index:1000}
.travel-archive .skip-link:focus{top:8px}
.travel-archive a{color:#365d4b;text-underline-offset:4px}
.travel-archive a:focus-visible{outline:3px solid #426e55;outline-offset:4px}
.archive-breadcrumb{display:flex;flex-wrap:wrap;gap:8px;font-size:13px;margin:28px 0}
.archive-intro{max-width:760px;margin:36px 0 28px}
.archive-intro h1{font:600 clamp(30px,4vw,44px)/1.5 "Noto Serif TC","PMingLiU",serif;margin:0 0 16px}
.archive-intro p{margin:0;color:#536359}
.archive-filter-heading{font-size:16px;font-weight:600;margin:28px 0 10px}
.ta-filters{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 28px}
.ta-filters a,.ta-pagination a,.ta-current-page{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:8px 15px;border:1px solid #c9d4cb;border-radius:2px;text-decoration:none}
.ta-filters a[aria-current=true],.ta-current-page{background:#365d4b;color:#fff;border-color:#365d4b}
.ta-filters a:active,.ta-pagination a:active{background:#e5ede5}
@media(hover:hover) and (pointer:fine){.ta-filters a:hover,.ta-pagination a:hover{background:#e5ede5;color:#253c2e}}
.archive-results.travel-articles{padding-block:10px 50px}
.archive-results>h2{margin:20px 0 4px;font-size:21px}
.archive-count{margin:0 0 20px;color:#536359;font-size:13px}
.ta-pagination{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:30px 0}
.ta-page-gap{padding:8px}
@media(max-width:680px){.archive-intro{margin-top:26px}.ta-filters{gap:8px}.ta-filters a{padding-inline:12px}.archive-results.travel-articles{padding-top:5px}}