/* fashionI — monochrome editorial theme. Artwork retains its original colors. */
:root{
 --ink:#202020;--ink-soft:#626262;--navy:#202020;--navy-2:#383838;
 --red:#202020;--red-dark:#454545;--cream:#f5f5f5;--paper:#fff;--line:#dedede;
 --shadow:none;--radius:2px;
 --soi-ink:#202020;--soi-red:#202020;--soi-navy:#202020;--soi-cream:#f5f5f5;--soi-line:#dedede;
 --bg:#fff;--bg-warm:#f5f5f5;--bg-card:#fff;--text:#202020;--text-mid:#626262;--text-muted:#626262;--text-light:#686868;
 --accent:#202020;--accent-deep:#454545;--accent-light:#777;--accent-pale:#f3f3f3;--border:#dedede;--border-s:#bcbcbc;
 --sh-md:none;--sh-lg:none;--sh-accent:none;background:#fff;
}
body{background:#fff;color:var(--ink)}
.site-header{background:#fff;border-bottom:1px solid var(--line);box-shadow:none;backdrop-filter:none}
.event-banner{background:#202020;letter-spacing:.12em}
.hero-section{background:#fff;padding:clamp(18px,3vw,42px)}
.hero-slider{background:#f5f5f5;border:1px solid var(--line);border-radius:2px;box-shadow:none}
.hero-slide{color:var(--ink)}
.hero-slide:nth-child(n)>img{background:#f2f2f2}
.hero-copy h1,.hero-copy h2,.company-copy h2{font-family:var(--font-sans);font-weight:700;letter-spacing:.035em;line-height:1.55}
.hero-copy p:not(.eyebrow){color:var(--ink-soft)}
.hero-copy .outline-button--light{color:var(--ink);border:1px solid #202020;background:transparent}
.hero-dots button{background:#bbb}.hero-dots button.is-active{background:#202020}
.section--tint,.section--dark{background:#f5f5f5;color:var(--ink);border-top:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7}
.section-heading--light p,.section-heading--light>a{color:var(--ink-soft)}
.section-heading h2{font-size:clamp(26px,3.2vw,40px);letter-spacing:.035em}
.primary-button,.outline-button,.product-links button{border-radius:2px;box-shadow:none}
.primary-button{background:#202020;color:#fff;border:1px solid #202020}
.primary-button:hover{background:#454545;transform:none}
.outline-button{background:#fff;color:#202020;border:1px solid #aaa}
.outline-button:hover{background:#f2f2f2}
.product-card,.service-card,.guide-card,.company-data,.faq-list details,.works-grid figure,.feature-band article,.steps article,.delivery-card,.content-entry{border:1px solid var(--line);border-radius:2px;box-shadow:none}
.product-card:hover,.guide-card:hover{box-shadow:none;transform:translateY(-2px);border-color:#888}
.product-image,.product-dialog-image,.cart-item img{background:#f3f3f3;border-radius:0}
.product-links button[data-add-cart],.product-links button[data-product-link]{background:#fff;color:#202020;border:1px solid #aaa}
.product-links button[data-add-cart]:hover,.product-links button[data-product-link]:hover{background:#202020;color:#fff;border-color:#202020}
.product-links button[data-product-detail]{background:#f3f3f3;color:#202020;border:1px solid #f3f3f3}
.product-links button[data-product-detail]:hover{background:#e8e8e8}
.favorite-button{box-shadow:none;border:1px solid #ddd;color:#666}
.favorite-button.is-active{background:#202020;color:#fff;border-color:#202020}
.staff-mode-panel,.design-survey,.drawer-panel,.product-dialog{background:#fff;border-color:var(--line)}
.staff-mode-close,.design-survey-close,.icon-button:hover,.close-button:hover,.favorite-item button{background:#f2f2f2}
.product-dialog-note,.drawer-foot,.cart-footer,.content-empty,.content-editor-block{background:#f5f5f5;border-color:var(--line);border-radius:2px}
.auth-form input,.staff-mode-form input,.staff-product-editor input,.staff-product-editor select,.staff-product-editor textarea,.design-survey-form input,.design-survey-form textarea,.cart-item-controls button{border-color:#bcbcbc;background:#fff}
.auth-form input:focus,.staff-mode-form input:focus,.staff-product-editor input:focus,.staff-product-editor select:focus,.staff-product-editor textarea:focus,.design-survey-form input:focus,.design-survey-form textarea:focus{border-color:#202020;box-shadow:0 0 0 2px #dedede}
.account-avatar,.staff-mode-avatar{background:#202020}
.contact-section{background:#202020;border-radius:2px;color:#fff}
.contact-section>div>span,.contact-section p,.contact-actions small{color:#ddd}
.contact-section .primary-button{background:#fff;color:#202020;border:1px solid #fff}
.contact-section .primary-button:hover{background:#e8e8e8}
.site-footer{background:#f5f5f5;color:#626262;border-top:1px solid var(--line)}
.loading-is-due .loading-screen{background:#fff}.loading-screen .loading-text{color:#202020}
:focus-visible{outline:2px solid #202020;outline-offset:4px}
.contact-section :focus-visible{outline-color:#fff}
/* Supporting editorial pages: keep instructional color samples untouched. */
header{box-shadow:none!important;border-bottom-color:#dedede!important}
.blog-hero,.toc,.mole-intro-box,.part,.next-article-banner{border-radius:2px!important;box-shadow:none!important}
.blog-hero{background:#f5f5f5!important;color:#202020!important}
.blog-hero-desc,.blog-section p{color:#626262!important}
.tip-box,.note-box,.mole-talk,.mole-intro-box{background:#f5f5f5!important;border-color:#dedede!important;border-radius:2px!important}
.mole-intro-name,.mole-msg-name{color:#202020}.mole-av,.mole-intro-av{background:#fff;border-color:#dedede}
.blog-cta{background:#202020!important;border-radius:2px!important;box-shadow:none!important}
.blog-cta p{color:#ddd!important}.btn{border-radius:2px!important;box-shadow:none!important}
.btn-outline{border-color:#aaa!important;color:#202020!important}
.next-article{background:#f5f5f5}
footer{background:#f5f5f5!important;color:#626262!important;border-top:1px solid #dedede!important}
.footer-address,.footer-copyright{color:#626262}
.mobile-menu a:hover{background:#f2f2f2!important;color:#202020!important}
@media(max-width:600px){.hero-slider,.contact-section{border-radius:2px}.hero-copy{min-height:360px}.section-heading h2{letter-spacing:.015em}.product-card:hover{transform:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
body{background:#fff!important}
.eyebrow{color:#626262}
.wrap a{color:#202020}.wrap a:focus-visible{outline-color:#202020}
.wrap article{border-color:#dedede;border-radius:2px}.wrap section{border-color:#e7e7e7}
.notice{background:#f5f5f5;border-left-color:#202020}
.result-panel{border-radius:2px;box-shadow:none}.result-visual{background:#202020}
.result-actions a,.result-header a:last-child,.result-icon,.result-visual li{border-radius:2px}
.result-icon{border:1px solid #777}