/* 4.32.30: sky blue and yellow, bookmark accents; retain readable controls. */
/* Hide only the redundant Cocoon brand bar on pages with our navigation. */
body.ysr-page:has(.ysr-brand-nav) #header-container,
body.ysr-page:has(.ysr-brand-nav) .header-container{display:none!important}
body.ysr-page{background:#edf9fd!important;color:#344a55!important}
.ysr-brand-nav{margin-top:26px;margin-bottom:26px}
.ysr-brand,.ysr-new-hero h1,.ysr-site .ysr-page-title,.ysr-card-title,.ysr-guide-title{font-family:"Hiragino Maru Gothic ProN","BIZ UDPGothic","Yu Gothic",sans-serif}
.ysr-brand-symbol{background:#ffeb76;color:#536878;border-radius:15px 15px 12px 12px;box-shadow:3px 4px 0 #a9dced;transform:rotate(-5deg)}
.ysr-nav-search{background:#fff;border-color:#bddfeb;border-radius:24px}
.ysr-new-hero{position:relative;background:radial-gradient(circle at 96% 8%,#ffed83 0 64px,transparent 65px),radial-gradient(circle at 2% 100%,#ffeb76 0 72px,transparent 73px),#d9f2fa;border:1px solid #aeddeb;border-radius:36px 36px 48px 24px}
.ysr-new-hero h1{color:#284e79!important;letter-spacing:.03em}
.ysr-new-hero h1 em{background:linear-gradient(transparent 68%,#ffe65b 68%)}
.ysr-eyebrow{display:inline-block;background:#ffffffd9;color:#486573;border-radius:18px;padding:7px 13px;letter-spacing:.05em}
.ysr-hero-showcase{background:#fffef5;border:2px solid #fff;border-radius:28px;box-shadow:0 7px 0 #a5d7e54d;transform:rotate(1.5deg)}
.ysr-showcase-grid img{border-radius:20px}.ysr-showcase-grid strong{color:#9c4855}
.ysr-hero-cta,.ysr-site .ysr-detail-button{background:#315f91!important;border-radius:24px!important;box-shadow:0 3px 0 #d4e4e4!important}
.ysr-hero-cta:hover,.ysr-site .ysr-detail-button:hover{background:#23476f!important}
.ysr-site{border-radius:26px!important;border:1px solid #c7e5ef!important}
.ysr-site .ysr-page-title{color:#284e79!important}
.ysr-quick-links a{background:#fff4df!important;border:1px solid #e9d9b9!important;border-radius:22px!important;color:#655541!important}
.ysr-quick-links a:nth-of-type(2n){background:#fbecef!important;border-color:#ebd1d8!important;color:#76525d!important}
.ysr-quick-links a:nth-of-type(3n){background:#eaf4f7!important;border-color:#cbdfe6!important;color:#426171!important}
.ysr-quick-links a:hover{box-shadow:0 2px 0 #ddd3c6}
.ysr-filter-form{background:#edf8fc!important;border-radius:20px!important}
.ysr-filter-item select{border-color:#c1dce8!important;border-radius:12px!important}
.ysr-card{border-radius:22px!important;border-color:#cae3ed!important;box-shadow:0 4px 0 #e5f4fa!important}
.ysr-card:hover{border-color:#80bed7!important;box-shadow:0 6px 14px #4a6b7412!important}
.ysr-card-image{background:#f4fbfd!important;border-radius:16px!important}
.ysr-card-maker{background:#fff4b4!important;color:#5c531d!important;border-radius:12px!important;padding:4px 12px!important}
.ysr-price,.ysr-product-price{color:#a33f54!important}
.ysr-discount-badge{background:#fce8e9!important;color:#923f4e!important;border-radius:12px!important;padding:3px 9px!important}
.ysr-help-card,.ysr-product-panel,.ysr-related-box{border-radius:22px!important;border-color:#cce5ef!important}
.ysr-help-image{background:#e2f5fc!important}
.ysr-help-card:nth-child(3n+2) .ysr-help-image{background:#fff8d2!important}
.ysr-help-card:nth-child(3n) .ysr-help-image{background:#e2f5fc!important}
.ysr-site .ysr-spec-table th{background:#e9f6fc!important;color:#315777!important}
.ysr-standard-post-content h2{background:#e6f5fc!important;border-left-color:#84cce1!important;border-radius:0 16px 16px 0}
.ysr-site .ysr-product-image{background:#f4fbfd!important;border-radius:18px!important}
.ysr-site .ysr-purchase-separator{height:4px!important;background:#ffe65b!important;border-radius:4px!important}
@media(max-width:480px){.ysr-brand-nav{margin-top:20px;margin-bottom:20px}.ysr-brand-symbol{border-radius:10px;box-shadow:2px 3px 0 #a9dced}.ysr-new-hero{border-radius:25px 25px 32px 18px}.ysr-eyebrow{font-size:10px;padding:6px 9px;letter-spacing:0}.ysr-site{border-radius:20px!important}.ysr-quick-links a{padding:10px 13px!important}.ysr-hero-showcase{transform:none}}
/* One action colour for search, purchase, article and secondary controls. */
body.ysr-page{--ysr-action:#315f91;--ysr-action-hover:#23476f;--ysr-action-soft:#e8f5fc}
body.ysr-page :is(.ysr-detail-button,.ysr-help-readmore,.ysr-help-more,.ysr-hero-cta,.ysr-editorial-product-button,.ysr-ranking-button,.ysr-nav-search){background:var(--ysr-action)!important;color:#fff!important;border:1px solid var(--ysr-action)!important;border-radius:24px!important;text-decoration:none!important;box-shadow:none!important;min-height:44px;box-sizing:border-box}
body.ysr-page :is(.ysr-detail-button,.ysr-help-readmore,.ysr-help-more,.ysr-hero-cta,.ysr-editorial-product-button,.ysr-ranking-button,.ysr-nav-search):is(:hover,:focus-visible){background:var(--ysr-action-hover)!important;color:#fff!important;border-color:var(--ysr-action-hover)!important}
body.ysr-page :is(.ysr-detail-button,.ysr-help-readmore,.ysr-help-more):after{background:#fff!important;color:var(--ysr-action)!important}
body.ysr-page :is(.ysr-quick-links a,.ysr-reset-button){background:var(--ysr-action-soft)!important;color:#23476f!important;border:1px solid #a9ccdf!important;border-radius:22px!important;box-shadow:none!important}
body.ysr-page :is(.ysr-quick-links a,.ysr-reset-button):hover{background:#d5edf8!important}
body.ysr-page .ysr-help-readmore{font-size:14px!important;font-weight:700!important;line-height:1.6!important;padding:11px 42px 11px 18px!important}
/* Preserve the entire source image, including text near its edges. */
body.ysr-page .ysr-help-image.ysr-help-title-panel{display:block!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important;padding:0!important;overflow:visible!important}
body.ysr-page .ysr-help-image img{display:block!important;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;object-position:center!important;margin:0!important;border-radius:20px 20px 0 0}
body.ysr-page .ysr-help-title-panel .ysr-help-image-title{padding:24px!important;box-sizing:border-box;line-height:1.8!important;overflow:visible!important;white-space:normal!important}
@media(max-width:480px){body.ysr-page .ysr-nav-search{display:inline-flex;align-items:center;justify-content:center;padding:8px 10px!important}}

/* The familiar bookmark becomes a compact, decorative section marker. */
body.ysr-page .ysr-site .ysr-title-row{align-items:flex-start!important;gap:16px!important;margin-bottom:24px!important}
body.ysr-page .ysr-site .ysr-bookmark{display:block!important;position:relative!important;flex:0 0 38px!important;width:38px!important;height:58px!important;margin:0!important;background:#315f91!important;border-radius:5px 5px 0 0!important;clip-path:polygon(0 0,100% 0,100% 100%,50% 78%,0 100%)}
body.ysr-page .ysr-site .ysr-bookmark:after{display:none!important}
body.ysr-page .ysr-site .ysr-title-wrap{padding-top:3px;min-width:0}
body.ysr-page .ysr-site .ysr-title-line{display:block!important;width:min(100%,240px)!important;height:6px!important;margin-top:11px!important;background:#ffe65b!important;border-radius:6px!important}
body.ysr-page .ysr-brand-symbol{background:#ffe65b;color:#315f91;box-shadow:3px 4px 0 #b8e3f1}
body.ysr-page .ysr-new-hero{border-color:#afdce9}
body.ysr-page .ysr-standard-post-content h2{border-left-color:#82cbe2!important}
body.ysr-page .ysr-card-maker{background:#fff2a6!important;color:#615218!important}
@media(max-width:480px){body.ysr-page .ysr-site .ysr-title-row{gap:10px!important;margin-bottom:20px!important}body.ysr-page .ysr-site .ysr-bookmark{flex-basis:24px!important;width:24px!important;height:40px!important}body.ysr-page .ysr-site .ysr-title-line{height:5px!important;width:min(100%,160px)!important;margin-top:8px!important}body.ysr-page .ysr-brand-symbol{box-shadow:2px 3px 0 #b8e3f1}}

/* 4.32.31: white product stage, original bookmark palette, natural copy wrapping. */
body.ysr-page{--ysr-action:#315da8;--ysr-action-hover:#234b91;--ysr-action-soft:#e8f5fc;--ysr-button-fill:linear-gradient(90deg,#315da8,#3f67b2)}
body.ysr-page :is(.ysr-card-image,.ysr-product-image,.ysr-related-image,.ysr-popular-product-image,.ysr-editorial-product-image){background:#fff!important}
body.ysr-page :is(.ysr-card-image,.ysr-product-image,.ysr-related-image,.ysr-popular-product-image,.ysr-editorial-product-image) img{mix-blend-mode:normal!important;background:#fff!important}
body.ysr-page :is(.ysr-detail-button,.ysr-help-readmore,.ysr-help-more,.ysr-hero-cta,.ysr-editorial-product-button,.ysr-ranking-button,.ysr-nav-search,.ysr-reset-button,.ysr-quick-links a,.ysr-share-buttons a,.ysr-share-buttons button){background:var(--ysr-button-fill)!important;color:#fff!important;border-color:#315da8!important}
body.ysr-page :is(.ysr-detail-button,.ysr-help-readmore,.ysr-help-more,.ysr-hero-cta,.ysr-editorial-product-button,.ysr-ranking-button,.ysr-nav-search,.ysr-reset-button,.ysr-quick-links a,.ysr-share-buttons a,.ysr-share-buttons button):is(:hover,:focus-visible){background:#234b91!important;color:#fff!important}
body.ysr-page .ysr-site .ysr-bookmark{background:linear-gradient(135deg,#2d559d,#4269b1)!important}
body.ysr-page .ysr-site .ysr-home-description{max-width:none!important;width:100%!important;margin:0 0 20px!important;font-size:14px!important;font-weight:400!important;line-height:1.9!important;word-break:normal!important;overflow-wrap:break-word!important;line-break:strict}
body.ysr-page .ysr-home-description p{margin:0 0 5px!important;font-size:inherit!important;font-weight:400!important;line-height:inherit!important;text-wrap:pretty}
body.ysr-page .ysr-home-description .ysr-text-unit{display:inline}
@media(min-width:900px){body.ysr-page .ysr-home-description .ysr-text-unit{display:inline-block}}

body.ysr-page .ysr-home-description .ysr-word{display:inline-block;white-space:nowrap;max-width:100%}
/* 4.32.33: one visual language—blue bookmarks, yellow rules, white product stages. */
body.ysr-page .ysr-new-hero{background:#d9f2fa!important;background-image:none!important;border:1px solid #afdce9;border-radius:20px!important}
body.ysr-page .ysr-hero-showcase{transform:none!important;background:#fff!important;border:1px solid #c7e5ef!important;border-radius:16px!important;box-shadow:none!important}
body.ysr-page .ysr-eyebrow{background:none!important;border-radius:0!important;padding:0!important;color:#234b91!important}
body.ysr-page .ysr-brand-symbol{transform:none!important;box-shadow:none!important;color:#234b91!important}
body.ysr-page .ysr-site .ysr-title-wrap{flex:1 1 0!important;max-width:none!important}
body.ysr-page .ysr-site .ysr-title-line{width:100%!important;max-width:none!important;height:6px!important;border-radius:0!important;background:#ffed4a!important}
body.ysr-page .ysr-new-hero h1 em{background:linear-gradient(transparent 72%,#ffed4a 72%)!important}
body.ysr-page :is(.ysr-card-maker,.ysr-product-maker,.ysr-popular-product-maker,.ysr-editorial-product-maker){background:#ffed4a!important;color:#234b91!important;font-weight:700!important}
body.ysr-page :is(.ysr-price,.ysr-product-price,.ysr-popular-product-price,.ysr-editorial-product-price),body.ysr-page .ysr-showcase-grid strong{color:#ed2857!important}
body.ysr-page :is(.ysr-price,.ysr-product-price) small,body.ysr-page .ysr-showcase-grid strong small{color:#b81443!important}
body.ysr-page .ysr-discount-badge{background:#fff0f4!important;color:#b81443!important;border:1px solid #f2b7c6!important;font-weight:800!important}
@media(max-width:480px){body.ysr-page .ysr-site .ysr-title-line{height:5px!important}body.ysr-page .ysr-new-hero{border-radius:16px!important}}
