.hkc-discover .hkc-explore-rail{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding:5px 2px 18px;position:relative;scrollbar-width:thin}
.hkc-explore-card{box-sizing:border-box;flex:0 0 calc((100% - 36px)/3);min-width:0;scroll-snap-align:start;border:1px solid #eaded5;border-radius:24px;background:#fffaf5;overflow:hidden;box-shadow:0 8px 24px #193b520a}
.hkc-explore-art{height:175px;display:flex;align-items:center;justify-content:center;position:relative;background:radial-gradient(circle at 65% 25%,#fff 0,transparent 50%),#f5e3df;overflow:hidden}
.hkc-explore-art span{font-size:76px;filter:drop-shadow(0 12px 12px #8f514922);transform:rotate(-8deg);transition:transform .25s}.hkc-explore-card:hover .hkc-explore-art span{transform:rotate(3deg) translateY(-5px)}
.hkc-explore-art small{position:absolute;left:16px;top:14px;letter-spacing:2px;color:#77464a;font-weight:700;font-size:10px}.hkc-explore-card:nth-child(2) .hkc-explore-art{background:radial-gradient(circle at 65% 25%,#fff 0,transparent 50%),#e4eee9}.hkc-explore-card:nth-child(3) .hkc-explore-art{background:radial-gradient(circle at 65% 25%,#fff 0,transparent 50%),#e3eaf4}
.hkc-explore-copy{padding:20px}.hkc-explore-copy h3{margin:0 0 9px;font-size:20px}.hkc-explore-copy p{font-size:14px;line-height:1.75;color:#665f5d}.hkc-explore-copy details{margin:14px 0}.hkc-explore-copy summary{cursor:pointer;min-height:44px;align-content:center;color:#193b52;font-weight:700}.hkc-explore-copy a{display:flex;justify-content:space-between;align-items:center;min-height:48px;padding:0 17px;background:#b82b3e;color:#fff;border-radius:999px;text-decoration:none;font-weight:750}
.hkc-explore-controls{display:flex;gap:12px;align-items:center;justify-content:flex-end;margin:8px 0 18px}.hkc-explore-controls small{margin-right:auto;color:#665f5d}.hkc-explore-controls button{width:44px;height:44px;border:1px solid #ddcfc7;border-radius:50%;background:#fff;color:#193b52;cursor:pointer;font-size:22px}.hkc-explore-controls button:disabled{opacity:.35;cursor:default}.hkc-explore-controls span{font-variant-numeric:tabular-nums;color:#665f5d;font-size:13px}
.hkc-journey{margin:24px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.hkc-journey details{position:relative;padding:20px;border:1px solid #e6dfd9;background:#faf8f5;border-radius:20px;transition:background .25s,border-color .25s}.hkc-journey details.is-active{background:#fff0e9;border-color:#b82b3e}.hkc-journey summary{cursor:pointer;display:flex;align-items:center;gap:14px;min-height:56px;list-style:none}.hkc-journey summary::-webkit-details-marker{display:none}.hkc-journey summary>span{display:grid;place-items:center;flex:0 0 48px;height:48px;border-radius:50%;background:#193b52;color:white;font-size:23px}.hkc-journey .is-active summary>span{background:#b82b3e}.hkc-journey summary b{display:block;font-size:18px}.hkc-journey summary small{display:block;color:#726461;font-size:12px;margin-top:4px}.hkc-journey summary:after{content:'＋';margin-left:auto;font-size:20px;color:#b82b3e}.hkc-journey details[open] summary:after{content:'−'}.hkc-journey details p{font-size:14px;line-height:1.8;margin:14px 0 0;color:#625b58}.hkc-journey-hint{font-size:13px;color:#726461}.hkc-journey details[open]{grid-row:auto}
.hkc-discover :focus-visible,.hkc-journey :focus-visible{outline:3px solid #193b52;outline-offset:4px}
.hkc-explore-controls button[hidden]{display:none!important}
.hkc-explore-controls [data-explore-status]{position:relative;min-width:72px;text-align:center;padding-bottom:9px}
.hkc-explore-controls [data-explore-status]:before,.hkc-explore-controls [data-explore-status]:after{content:'';position:absolute;left:0;bottom:0;height:3px;border-radius:4px}
.hkc-explore-controls [data-explore-status]:before{width:100%;background:#e8dcd6}
.hkc-explore-controls [data-explore-status]:after{width:var(--explore-progress,33.333%);background:#b82b3e;transition:width .2s}
@media(prefers-reduced-motion:reduce){.hkc-explore-controls [data-explore-status]:after{transition:none}}
@media(max-width:700px){.hkc-explore-card{flex-basis:85%}.hkc-explore-art{height:185px}.hkc-explore-copy{padding:18px}.hkc-journey{grid-template-columns:1fr;gap:0}.hkc-journey details{margin-left:20px;margin-bottom:18px}.hkc-journey details:not(:last-child):after{content:'';position:absolute;left:22px;top:100%;height:19px;border-left:2px dashed #c1aea8}.hkc-explore-controls small{font-size:11px}.hkc-journey details{padding:16px}}
@media(prefers-reduced-motion:reduce){.hkc-explore-art span,.hkc-journey details{transition:none}.hkc-explore-card:hover .hkc-explore-art span{transform:rotate(-8deg)}}

/* Photo-led category cards and a unified line-icon journey. */
.hkc-explore-art{height:auto;aspect-ratio:3/2;isolation:isolate}
.hkc-explore-art img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.hkc-explore-art small{z-index:1;background:#fffaf1e8;padding:5px 9px;border-radius:999px;font-size:9px;letter-spacing:1.5px}
.hkc-explore-card{display:flex;flex-direction:column}.hkc-explore-copy{display:flex;flex-direction:column;flex:1}.hkc-explore-copy>a{margin-top:auto}
.hkc-explore-card:hover .hkc-explore-art img{transform:scale(1.035)}
.hkc-journey summary>span svg{width:25px;height:25px;display:block}
@media(max-width:700px){.hkc-explore-art{height:auto}.hkc-explore-card{flex-basis:85%;border-radius:20px}.hkc-journey details{margin-left:0}.hkc-journey details:not(:last-child):after{left:39px}.hkc-journey summary small{font-size:11px}.hkc-journey summary b{font-size:17px}}
@media(prefers-reduced-motion:reduce){.hkc-explore-art img{transition:none}.hkc-explore-card:hover .hkc-explore-art img{transform:none}}