body .related-carousel,body .related-carousel *{box-sizing:border-box}body .related-carousel{max-width:1200px;margin:clamp(3rem,8vw,7rem) auto 0;padding:clamp(2rem,4vw,3.5rem) clamp(1rem,3vw,2rem) 2rem;color:var(--color-ink, #1c1815)}body .related-carousel__header{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:1.5rem}body .related-carousel__heading{max-width:42rem}body .related-carousel__eyebrow{margin:0 0 .6rem;color:var(--color-stamp, #b8362f);font-size:.72rem;letter-spacing:.16em}body .related-carousel__heading h2{margin:0 0 .6rem;color:var(--color-ink, #1c1815);font-family:var(--font-secondary, "Noto Serif TC", serif);font-size:clamp(1.6rem,3vw,2.5rem);font-weight:400;letter-spacing:-.04em;line-height:1.15}body .related-carousel__heading>p:last-child{margin:0;color:var(--color-ink-soft, #4a443d);font-size:.9rem;line-height:1.8}body .related-carousel__controls{display:flex;flex:0 0 auto;gap:.5rem}body .related-carousel__controls button{width:2.7rem;height:2.7rem;border:1px solid rgba(28,24,21,.35);background:transparent;color:var(--color-ink, #1c1815);cursor:pointer;font-size:1.1rem;line-height:1}body .related-carousel__controls button:hover:not(:disabled),body .related-carousel__controls button:focus-visible{background:var(--color-ink, #1c1815);color:var(--color-paper, #f0ead7);outline:none}body .related-carousel__controls button:disabled{cursor:not-allowed;opacity:.28}body .related-carousel__viewport{overflow:hidden;background:transparent}body .related-carousel__track{display:flex;gap:1rem;overflow-x:auto;padding:.35rem 0 .75rem;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}body .related-carousel__track::-webkit-scrollbar{display:none}body .related-carousel__card{display:flex;flex:0 0 calc((100% - 2rem) / 3);min-height:22rem;flex-direction:column;overflow:hidden;border:1px solid rgba(164,126,59,.36);background:#f0ead7c7;color:var(--color-ink, #1c1815);scroll-snap-align:start;text-decoration:none;transition:background .18s ease,border-color .18s ease,transform .18s ease}body .related-carousel__card-media{display:block;aspect-ratio:16 / 8.5;overflow:hidden;border-bottom:1px solid rgba(164,126,59,.28);background:#a47e3b1f}body .related-carousel__card-media img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.82) sepia(.08);transition:transform .26s ease,filter .26s ease}body .related-carousel__card-body{display:flex;min-height:10.5rem;flex:1;flex-direction:column;gap:.55rem;padding:1.1rem 1.25rem 1.25rem}body .related-carousel__card:hover,body .related-carousel__card:focus-visible,body .related-carousel__card[aria-current=page]{border-color:var(--color-stamp, #b8362f);background:#b8362f12;outline:none;transform:translateY(-2px)}body .related-carousel__card:hover .related-carousel__card-media img,body .related-carousel__card:focus-visible .related-carousel__card-media img{filter:saturate(1) sepia(0);transform:scale(1.04)}body .related-carousel__index{color:var(--color-tea, #a47e3b);font-family:var(--font-secondary, "Noto Serif TC", serif);font-size:.82rem;letter-spacing:.12em}body .related-carousel__card-label{color:var(--color-ink, #1c1815);font-family:var(--font-secondary, "Noto Serif TC", serif);font-size:1.25rem;line-height:1.35}body .related-carousel__card-description{flex:1;color:var(--color-ink-soft, #4a443d);font-size:.82rem;line-height:1.7}body .related-carousel__card-action{color:var(--color-stamp, #b8362f);font-size:.78rem;letter-spacing:.06em}body .related-carousel__pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;margin:1rem 0 0}body .related-carousel__pagination button{width:.5rem;height:.5rem;padding:0;border:1px solid var(--color-ink-mute, #8c8475);border-radius:999px;background:transparent;cursor:pointer;transition:width .18s ease,background .18s ease,border-color .18s ease}body .related-carousel__pagination button:hover,body .related-carousel__pagination button:focus-visible,body .related-carousel__pagination button[aria-current=true]{border-color:var(--color-stamp, #b8362f);background:var(--color-stamp, #b8362f);outline:none}body .related-carousel__pagination button[aria-current=true]{width:1.35rem}@media (max-width: 700px){body .related-carousel__header{align-items:start;flex-direction:column;gap:1.25rem}body .related-carousel__card{flex-basis:min(84vw,20rem)}body .related-carousel__card-body{min-height:10rem}}
