/* Editorial spacing / reveal rhythm adapted from web-skills-arsenal.
   Content stays visible without JavaScript; no image replacement or scroll hijacking. */
:root{--ink:#253633;--soft:#67736f;--bg:#f5f3ee;--line:#dfe3dc;--blue:#24675d;--dark:#253d37;--trip-ease:cubic-bezier(.22,.7,.2,1)}
body{background:#f5f3ee;background-image:none;color:var(--ink)}
.hd{border-radius:0 0 30px 30px;isolation:isolate}.hd h1{font-family:"Iowan Old Style","Songti TC","Noto Serif TC",serif;font-weight:600;letter-spacing:.04em}.hd .cap{letter-spacing:.22em;font-size:11px}.hd .s{line-height:1.7}
.wrap{max-width:1040px;padding-left:22px;padding-right:22px}.hd{max-width:1040px}.sec{margin-top:30px}.sec h2{font-size:22px;letter-spacing:.015em}.sec h2:before{background:#7b9b87!important}
.card,.catalog-card,.zc,.it,.grp{box-shadow:0 5px 20px -15px #233a354d;border:1px solid #e1e5dd;background:#fffefa}.card{border-radius:20px;padding:22px}.card:active,.it:active{transform:none}.card .mt,.it .m{line-height:1.75}.card .nm,.it .n{letter-spacing:.015em}
.chip,.glass,.acts button,.acts a{box-shadow:none;border-color:#e0e5dd;border-radius:12px;transition:background .18s,transform .18s var(--trip-ease),box-shadow .18s}
button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #4f8d7a;outline-offset:4px}
.chip:active,.glass:active,.acts button:active,.acts a:active{transform:scale(.975)}
.chip.on,.glass.on,.tabs button.on{background:#253d37;color:#fff}.glass.p{background:#24675d;border-color:#24675d}
.ib{background:#fffefa;border:1px solid #dae1d5;box-shadow:0 14px 32px -25px #23423566;padding:24px!important}.ib .nm{font-size:23px;line-height:1.4}.ib-caption{color:#65756b;margin:9px 0 18px}.ib-go{background:#24675d!important;border-radius:16px!important;box-shadow:0 6px 15px -10px #164b40!important}.ib-photo{background:#edf1e8!important;color:#365748!important;border:1px solid #dae2d3!important;border-radius:16px!important}.beauty-entry{background:#f6ebe5;border-color:#e9d7cc;border-radius:16px;min-height:90px}.beauty-entry small{line-height:1.7;margin-top:7px}
.trip-context{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0 4px}.trip-context .eyebrow{font-size:10px;letter-spacing:.19em;color:#7b8a7c;text-transform:uppercase}.trip-context h2{font-family:"Songti TC",serif;font-size:27px;letter-spacing:.04em;margin:5px 0}.trip-context p{font-size:13px;color:var(--soft);line-height:1.7}.trip-context .context-number{font:italic 42px Georgia,serif;color:#a4b0a1}
.hub{gap:16px}.hc{height:190px;border-radius:22px 22px 8px 8px;padding:18px;box-shadow:none}.hc:nth-child(3n+2){border-radius:8px 8px 22px 22px}.hc span{font-size:20px}.hc small{margin-top:5px}.hc:before{background:linear-gradient(0deg,#112a29d9,transparent 90%)}
#topic-catalog{display:grid;grid-template-columns:1fr;gap:16px;margin-top:18px}#topic-catalog>.card{margin:0}#topic-catalog>:not(.catalog-card){grid-column:1/-1}.catalog-card{padding:20px!important}.catalog-card .it{padding:0;border:0;background:none;box-shadow:none;gap:18px}.catalog-card .n{font-size:18px;line-height:1.5}.catalog-card .product-pic{width:105px;height:145px;border:0;background:#f8f8f3;border-radius:16px;object-fit:contain}.catalog-card .pr{font-variant-numeric:tabular-nums;font-size:15px;margin-top:13px}.catalog-card .topic-core{margin-top:16px;gap:8px}.catalog-card details{font-size:13px;color:var(--soft)}.catalog-card .product-caption{font-size:11px}.catalog-card .topic-go,.catalog-card .topic-care{min-height:42px}.topic-select{background:#edf2e9!important;color:#294c3b!important;border-color:#d6e0cc!important;min-height:44px}.topic-select:hover{background:#dfead8!important}
#product-comparison th{font-weight:600;color:#496054}#product-comparison td{line-height:1.8}#catalog-search input{background:#fafbf7;border-color:#dce3d7!important;min-height:46px}
@media(min-width:760px){#topic-catalog{grid-template-columns:1fr 1fr}.trip-home .hd{min-height:330px}.trip-guide .hd{min-height:310px}.hub{grid-template-columns:repeat(3,1fr)}.catalog-card .product-pic{width:110px;height:150px}}
@media(max-width:380px){.wrap{padding-left:14px;padding-right:14px}.card{padding:18px}.catalog-card .it{display:block}.catalog-card .product-pic{width:100%;height:165px;margin-bottom:14px}.trip-context h2{font-size:24px}}
@media(hover:hover){.hc:hover{transform:translateY(-4px)}.chip:hover,.glass:hover{box-shadow:0 5px 12px -8px #25463480}.stc:hover{box-shadow:0 14px 28px -22px #294938}}
@keyframes trip-enter{from{opacity:.7;transform:translateY(10px)}to{opacity:1;transform:none}}
.trip-enter{animation:trip-enter .3s var(--trip-ease) both}
@view-transition{navigation:auto}
::view-transition-old(root){animation-duration:.12s}::view-transition-new(root){animation-duration:.22s}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.trip-enter{opacity:1;transform:none}::view-transition-old(root),::view-transition-new(root){animation:none!important}}
/* Let the description and actions use the full card width after the product portrait. */
.catalog-card .it{display:block}.catalog-card .it::after{content:"";display:block;clear:both}.catalog-card .product-pic{float:left;width:92px;height:124px;margin:0 18px 14px 0}.catalog-card .topic-core{clear:both;display:flex;flex-wrap:wrap;padding-top:4px}.catalog-card .pr{clear:both;padding-top:8px}.catalog-card .n{min-height:0}.beauty-entry small{font-size:12px}.trip-home .beauty-entry>span:first-child{min-width:0}
@media(max-width:380px){.catalog-card .product-pic{width:86px;height:115px;margin-right:14px}.catalog-card .n{font-size:17px}}
.catalog-card [data-compare]{margin-right:6px}.catalog-card [data-compare],.catalog-card [data-catalog-select]{margin-bottom:3px}
.journey-help{margin:16px 0;border:1px solid #dce3d5;border-radius:16px;padding:14px 16px;background:#edf2e8;color:#355247;font-size:13px}.journey-help>summary{cursor:pointer;font-weight:650;min-height:28px;display:flex;align-items:center;justify-content:space-between}.journey-help>summary:after{content:'展開';font-size:12px;font-weight:500}.journey-help[open]>summary:after{content:'收起'}.journey-steps{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:15px 0}.journey-steps b{font-size:14px}.journey-steps p,.journey-rule{font-size:12px;line-height:1.8;margin-top:5px}.journey-rule{border-top:1px solid #d6dfce;padding-top:10px}.journey-current p{font-size:13px;line-height:1.7;color:var(--soft);margin-top:5px}@media(max-width:360px){.journey-steps{grid-template-columns:1fr}}

.collection-nav{margin:20px 0 16px;padding:16px;background:#edf2ed;border:1px solid #dce5db;border-radius:18px;scroll-margin-top:16px}.collection-label{font-size:12px;color:#566c63;font-weight:650;margin:4px 0 8px}.collection-switch{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.collection-switch .chip{min-height:42px;padding:8px 12px;font-size:13px}.collection-switch .chip span{font-size:11px;opacity:.8;margin-left:5px}.collection-region>.list{padding-top:10px}.collection-region>summary{min-height:58px}.collection-region>summary .cv{border-radius:9px!important}.collection-nav .mt{font-size:12px;line-height:1.7}